/* 
 Theme Name:     Sixth Realm Interactive Media
 Author:         Darcy Richardson
 Author URI:     http://sixthrealm.com
 Template:       Divi
 Version:        0001
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.9.2
*/ 


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

.mobile_menu_bar:before{
    color: #8f0000 !important;
}
#main-header{
    /*border-bottom:3px solid #3a5b7c;*/
    
}

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

#et-top-navigation{
    
    -webkit-box-shadow:inset 0 0 5px 3px rgba(0,0,0,.4);
    box-shadow:inset 0px 11px 8px -10px rgba(0,0,0,.4),
    inset 0px -11px 8px -10px rgba(0,0,0,.4);
    box-shadow: 0 4px 2px -2px rgba(0,0,0,.4);
}

#top-menu li{ padding-left:22px;}
#top-menu > li:last-child { padding-right:22px;}

#top-menu li:hover{ 
    /*background: rgba(100,133,194,0.98); 
    transition: all .4s ease-in-out;*/
}

.et_header_style_centered #top-menu > li > a{
    padding-top: 18px;
}

#top-menu .menu-item-has-children > a:first-child::after{
    top:35%;
}

.nav li ul{ left:0px;}

.nav li ul{ width:340px; }
#top-menu li li a{ width:300px; }

#main-header .nav li ul, .nav li ul {
    
}

@media screen and (min-width: 981px){
    .et-fixed-header#main-header, .et-fixed-header#main-header .nav li ul, .et-fixed-header .et-search-form {
        
    }
}

ol li{ margin: 15px 30px; list-style-position: outside; }

.coachBox{
    width:170px;
    margin-right:10px;
    margin-bottom: 30px;
    padding: 15px;
    /*background-color: gainsboro;*/
    float: left;
}

.coachBox2{
    width:200px;
    float: left;
    background-repeat:no-repeat;
    background-size: cover;
    background-position: center center;
    height: 200px;
}

.coachInner{
    /*background-color: #3a5b7c;
    height:235px;*/
}



.coachText{
    padding: 15px;
    width: 100%;
    text-align: center;
}

.coachText h6{ 
    font-size:15px;
    color:#3a5b7c;
}

.coachText p{ 
    font-size:15px;
    line-height: 18px;
}

.et_pb_bg_layout_dark a{
    color:#ffc900;
}


.hover-bio-wrapper {
    position: relative;
    color: rgba(0,0,0,0);
    width: 100%
}
 
figure.hover-bio img{
    display: block;
}
 
figure.hover-bio {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: inline-block;
    line-height: 0;
     
}
 
figure.hover-bio::before, figure.hover-bio::after{
    position: absolute;
    background: black;
            opacity: 0.3;
            content: '';
    height: 100%;
            width: 100%;
    display: block;
    top: 0;
    left: 0;
    -moz-transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}
 
figure.hover-bio figcaption{
    position: absolute;
    background: #fff;
            display: block;
    line-height: 1.7em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    padding: 10px;
    z-index: 100;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    top: 50%;
    left: 0;
    -moz-transform: translate3d(-100%, -50%, 0);
    -webkit-transform: translate3d(-100%, -50%, 0);
    transform: translate3d(-100%, -50%, 0);
    opacity: 0;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}
 
figure.hover-bio img{
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}
 
figure.hover-bio figcaption{
    color:#fff;
    top: 100%;
    text-align: center;
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

figure.hover-bio figcaption h2{
    color:#fff;
}
 
figure.hover-bio:hover img {
            opacity: .5;
}
 
figure.hover-bio:hover figcaption{
    background-color: #ff3f3d;
    color: #fff;
            opacity: .9;
    -moz-transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
            box-shadow: 0px -2px 28px rgba(255,255,255, 0.3);
}

.et_pb_tabs_controls li, .et_pb_tabs{
    border-radius: 10px 10px 0 0;
}


#blogBanner::before{
    content: ' ';
    width: 100%;
    height:400px;
    position: absolute;
    top:0;
    left:0;
    background-color: rgba(0,0,0,0.5);
}

#coachInfo::before{
    background: none !important;
}


.whitePaperDiv{
	padding:27px;
	border:1px solid #ccc;
    border-radius: 10px;
    background: rgba(0,0,0,0.1);
    margin-bottom: 30px;
	
}

.whitePaperDiv .wpBlurb{
	padding:7px;
	display:none;
}

/*Bellwether Survey//////////////*/

.et_pb_text_inner #gform_23{ position: relative; }

.et_pb_text_inner ul li.bellwetherScore, #field_23_13{
    position: fixed;
    left:65%;
    margin-top:0px;
    width:200px;
}

.et_pb_text_inner ul li.bellwetherScore label, #field_23_13 label{
    text-align: center !important;
    text-transform: uppercase !important;
    color: cadetblue !important;
    font-size: 25px !important;
    width: 100%;
    display: inline-block;
}

.et_pb_text_inner ul li.bellwetherScore input, #field_23_13 input{
    width:100%;
    border: 0;
    text-align: center;
    font-size: 55px !important;
    color: cadetblue !important;
    background-color:transparent;
}

.et_pb_blurb_container h4{
    font-size:25px !important;
}


.et_pb_4divi_cbg_0 h3{
    font-size:20px !important;
}

.woocommerce div.product span.price, .woocommerce-page div.product span.price,
.woocommerce div.product p.price, .woocommerce-page div.product p.price{
    color: cadetblue !important;
}

.woocommerce-info{ background: rgba(0,0,0,0.5) !important; }