/*---------------------------------------------------------------------------------

 Theme Name:   DivineThemes.co
 Theme URI:    https://divinethemes.co
 Description:  DivineThemes.co
 Author:       DivineThemes.co
 Author URI:   https://divinethemes.co
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

#page-container {
    overflow:hidden !important;
	animation: fadeInAnimation ease 3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


::selection {
    color: #262626;
    background: #ffeb13 !important;
}

body {
    font-weight: 300;
}

mark {
	background-color: #ffeb13;
}

strong {
    font-family: 'Objectivity Bold';
}

.bold-yellow {
    color: #ffeb13;
    font-family: 'Objectivity Bold';
}

/* Wider row on mobile*/

@media all and (max-width: 768px) {
    .et_pb_row {
    width: 90%;
}
	/*CTA - wider text on mobile*/
	
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container {
    width: 100%;
}
}


/*GTop Gap Fix*/

@media all and (min-width: 981px) {

#et-main-area {
    margin-top: -60px;
}

.et_pb_post_title.et_pb_featured_bg {
    overflow: initial;
}
}

/**************************
Column Stacking Order on Mobile
***************************/


@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}

/*Three Columns*/

@media only screen and (max-width: 980px) {
    .three-columns .et_pb_column:not(.moondog-menu) {
    width: 33%!important;
}
}

/*Mobile Menu*/




@media only screen and (max-width: 980px) { 
.mobile_nav .mobile_menu_bar:before {
    color: #262626 !important;
    top: -4px;
    margin-right: 15px;
}
    
    .et_pb_sticky_module .moondog-menu {
        position: fixed !important;
}

    .et_pb_menu--style-centered .et_pb_menu__wrap {
    justify-content: right !important;
	float: right !important;
}


.moondog-menu .et_mobile_nav_menu {
    float: right !important;
}

.moondog-menu  .et_mobile_menu li a {
    text-align: center;
    border: none;
}

.moondog-menu .et_mobile_menu {
    border: none !important;
    top: 42px !important;
    padding: 15% 5% 15% 5%;
    z-index: 0;
    
}
    }



/*Hide logo on scroll*/

.et_pb_sticky .et_pb_image.moondog-logo {
    opacity: 1; /*hiding logo on scroll*/
	transition: all 100ms ease-in;
}

.moondog-logo .et_pb_image_wrap img {
	transition: all 200ms ease-in;
}

.et_pb_sticky .moondog-logo .et_pb_image_wrap img {
	max-height: 56px !important; /*shrink on mobile*/
	transition: all 200ms ease-in;
}


/*Fancy Buttons*/

.frame-btn {
    padding: 0.7em 1.2em 0.5em 1.2em !important;
}

.frame-btn-light::before {
    
    position: absolute;
top: -16px;
    left: 16px;
    width: 105%;
    height: 125%;
    border: 2px solid #ffffff;
    content: '';
    display: block;
    z-index: -5 !important;
    opacity: 1;
}

.frame-btn-light:hover::before {
    
    position: absolute;
top: -12px;
    left: 20px;
    width: 105%;
    height: 125%;
    border: 2px solid #ffffff;
    content: '';
    display: block;
    z-index: -5 !important;
    opacity: 1;
}



.frame-btn::before, .frame-btn-send button::before {
    
    position: absolute;
top: -16px;
    left: 16px;
    width: 105%;
    height: 125%;
    border: 2px solid #262626;
    content: '';
    display: block;
    z-index: -5 !important;
    opacity: 1;
}

.frame-btn:hover::before, .frame-btn-send button:hover::before {
    
    position: absolute;
    top: -12px;
    left: 20px;
    width: 105%;
    height: 125%;
    border: 2px solid #262626;
    content: '';
    display: block;
    z-index: -5 !important;
    opacity: 1;
}


.et_contact_bottom_container {
    margin-top: 0 !important;
}



/*********************
Narrow menu
***********************/

.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul {
    padding: 8px 0 0!important;
}

.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 10px;
}

/*********************
VERTICAL TEXT
***********************/

@media all and (min-width: 981px) {
.vertical-text {
writing-mode: tb-rl !important;
transform: rotate(-180deg) !important;
}
}

/*********************
Divider on top
***********************/


.et_pb_bottom_inside_divider {
    z-index: 99 !important;
}

/* SOcial Icons top*/
.et_pb_social_media_follow_0_tb_header li a.icon:before {
    font-size: 14px;
    line-height: 28px;
    height: 20px !important;
    width: 20px !important;
}