/*
 Theme Name:  Divi Child Theme
 Theme URI:    https://divilife.com
 Description:  Child Theme for Divi
 Author:       Tim Strifler
 Author URI:   https://divilife.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/


/*h1 {
	font-family: rubik!important;
	font-weight: 400!important;
	font-size: 70px!important;
	line-height: 88px;
	color: #ffffff;
}*/

h2 {
	font-family: rubik;
	font-weight: 500;
	font-size: 54px;
	line-height: 65px;
	color: #004f59;
}

/*h3 {
	font-family: rubik;
	font-weight: 400!important;
	font-size: 33px!important;
	line-height: 40px!important;
	color: #004f59!important;
}*/

p {
	font-family: rubik;
	font-weight: 300!important;
	line-height: 29px;
}


@media (max-width: 1024px) {
	h1 {
		font-size: 45px!important;
		line-height: 48px;
	}
	h2{
		font-size: 28px!important;
		line-height: 36px;
	}
	h3{
		font-size: 22px!important;	
	}
	.menu-item-933 {
		display:none!important;
	}

}

/* Custom Columns for Contact Icons */
	
	.et_pb_column.custom-column-1 {
		width: 17.5%;
		margin-right: 5%;
	}

	.et_pb_column.custom-column-2 {
		width: 22.5%;
		margin-right: 5%;	
	}

	.et_pb_column.custom-column-3 {
		width: 22.5%;
		margin-right: 5%;	
	}

	.et_pb_column.custom-column-4 {
		width: 17.5%;	
	}



/* Menu */

.et_pb_menu__menu>nav>ul>li>a {
	padding-right:20px;
}

/*align the hamburger menu to the right right*/

.pa-fullscreen-menu .et_pb_menu__wrap {
	justify-content: flex-end !important;
}


/*hide the desktop version of the menu*/

.pa-fullscreen-menu .et_pb_menu__wrap .et_pb_menu__menu {
	display: none !important;
}


/*show the mobile version of the menu on desktop*/

.pa-fullscreen-menu .et_pb_menu__wrap .et_mobile_nav_menu {
	display: block !important;
	align-items: center !important;
}


/*style the opened menu*/

.pa-fullscreen-menu .opened #mobile_menu2 {
	width: 100vw !important;
	position: fixed !important;
	top: 0em !important;
	left: 0vw !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	flex-direction: column !important;
	opacity: 1 !important;
	visibility: visible !important;
	transition: visibility 0.3s, opacity 0.3s ease-in-out;
	padding: 0 !important;
	background-color:#004f59!important;
}


/*style the closed menu*/

.pa-fullscreen-menu .closed #mobile_menu2 {
	background-color: #fff !important;
	text-align: center !important;
	width: 100vw !important;
	position: fixed !important;
	left: 100vw !important;
	top: 0em !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-direction: column !important;
	transition: visibility 0.3s, opacity 0.3s, left 1s, ease-in-out;
	opacity: 0 !important;
	visibility: hidden !important;
}


/*remove the bullet points from the list items*/

.pa-fullscreen-menu #mobile_menu2 li {
	list-style: none !important;
	text-align: center !important;
	width: 100%
}


/*move the menu to the top above other elements*/

.pa-fullscreen-menu .et_pb_menu__wrap span.mobile_menu_bar {
	z-index: 999999 !important;
}


/*change the opened menu icon*/

.pa-fullscreen-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
	content: "\4d" !important;
}


/*make the hamburger menu fixed position on mobile*/

.pa-fullscreen-menu .opened .mobile_menu_bar {
	position: fixed !important;
}


/*remove the default blue border top on the mobile menu*/

.pa-fullscreen-menu .et_mobile_menu {
	border-top: none;
}


/*remove the default background color on menu items*/

.pa-fullscreen-menu .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*remove the default hover background color and adjust opacity*/

.et_mobile_menu li a:hover {
	background-color: transparent;
	opacity: 1;
}


/*remove the default border bottom on menu items*/

.pa-fullscreen-menu .et_mobile_menu li a {
	border-bottom: none;
}


/*Replace Mobile Menu Burger Icon with Menu Text */

.mobile_menu_bar:after {
    content: "MENU";
    position: relative;
    color: #004f59!important;
    cursor: pointer;
    font-size: 13px;
    vertical-align: text-top;
}

.mobile_menu_bar:before {
    opacity: 0;
}

/* Divi call to action button normal state */ 

@media (min-width: 980px) {
.myob-btn {
	padding: 0!important;
	transition: 0.3s;
	background-color: #004f59; /* change the color of the background */
	color: #ffffff!important;
}
.myob-btn a {
	color: #ffffff !important;
	padding: 12px 15px 0px 15px!important;
	margin-top: 0px;
	font-weight: 300;
}
	


.menu-reg {
	padding-top: 12px;
	color: #004f59;
}	

#menu-main-menu .menu-reg {
	margin-right: 30px!important;
}	
	
.menu-reg a {
	color: #004f59!important;
}

#menu-main-menu .menu-reg a:hover {
	color: #7ce0d3!important;
}
	
.myob-btn a:hover { 
	color: white!important;
}

.myob-btn:hover {
background: #7ce0d3; /* change the color of the hover background */
}
}

.fa-brands {
	font-size: 32px;
	color: #004f59;
	margin-left: 30px;
	padding-bottom: 0px;
	padding-top: 2px;
	margin-bottom: 0px;
}

/* Back to Top Button */

/* Default button appearance */
.et_pb_scroll_top.et-pb-icon {
    right: 30px; /* space from right */
    bottom: 30px; /* space from bottom */
    padding: 8px; /*padding size*/
    border-radius: 30px; /* make the circle */
    background: rgb(124, 224, 211) /* button color */;  
    font-size: 32px; /* icon size */
    transition: all .1s ease-in-out; /* add transition */
}
/* Button Appearance on Mouseover */
.et_pb_scroll_top.et-pb-icon:hover {
    bottom: 32px /* space from bottom */;
    background: rgba(124, 224, 211, .5) /*button hover color*/;  
    transition: all .1s ease-in-out; /*add transition*/
    box-shadow: 0 10px 15px #162c4e4a; /*box shadow on hover*/
}
/* Animation tweaks */
.et_pb_scroll_top.et-visible {
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
    -moz-animation: fadeInBottom 2s 1 cubic-bezier(.50,0,.160,1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
    animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
}
.et_pb_scroll_top.et-hidden {
    opacity: 0;
    -webkit-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
}