/* 
 Theme Name:     Lifestyle
 Author:         markhendriksen.com
 Author URI:     https://www.markhendriksen.com
 Template:       Divi
 Version:        1.0
*/


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* ############ CHANGE COLORS ############# */

@media (min-width: 981px) {
#et-top-navigation {
	background-color: #4e80f1;
}

.CTA_menu {
background-color: #8a1edc;
}

.CTA_menu a {
color: #fff !important;
}}

/* ############ CHANGE FONT SIZES ############# */

h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins', sans-serif !important;
font-weight: 900 !important;
}

.h3_title_home h3 {
padding-bottom: 0px;
}

.et_pb_column_1_3 h1, .et_pb_column_1_4 h1 {
    font-size: 40px;
}

@media (min-width: 981px) {
#et-top-navigation {
    background-image: url(https://www.lifestyle.markhendriksen.com/wp-content/uploads/2017/08/Arrow-nav.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-right: 0px !important;
    padding-left: 80px !important;
}


.et_fullwidth_nav #main-header .container {
    padding-right: 0px;
}

#et-top-navigation ul li,
.et-fixed-header ul li {
padding-top: 33px;
padding-bottom: 33px;
}

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation,
.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 0px;
}

.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a,
.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a {
    padding-bottom: 0px;
}

.CTA_menu {
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.33);
}

.CTA_menu a {
padding-left: 20px;
padding-right: 20px;
}}

.button_custom {
    box-shadow: 0px 2px 15px #7b7c7d;
    -moz-box-shadow: 0px 2px 15px #7b7c7d;
    -webkit-box-shadow: 0px 2px 15px #7b7c7d;
    padding: 20px;
    -webkit-border-radius: 60px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;

}

.button_custom:hover {
    box-shadow: 0px 5px 25px #869198;
    -moz-box-shadow: 0px 5px 25px #869198;
    -webkit-box-shadow: 0px 5px 25px #869198;
}

/* ############ BLURBS TOP ############# */

.mp_m_blurb_float_shadow {
border: 1px solid #eee;
box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.14);
-webkit-transition: all .3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
 
.mp_m_blurb_float_shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
-webkit-transition: all .3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
 
.mp_m_blurb_float_shadow:hover {
-webkit-transform: translateY(-7px);
transform: translateY(-7px);
box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.2);}
 
.mp_m_blurb_float_shadow:hover:before {
 opacity:1;
 top: 106%;
 height: 15px;}

.mp_m_blurb_float_shadow .et_pb_blurb_container {
padding: 0 25px;
}

.subpage_side h2 {
font-size: 30px;
padding-bottom: 50px;
}