/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/



/* General Custom CSS */


/*---- Header ----*/
#header{background:#fff !important;}
#header_main{border-bottom:none; -webkit- -shadow: 2px 4px 5px -2px rgba(0,0,0,0.27); -moz-box-shadow: 2px 4px 5px -2px rgba(0,0,0,0.27);box-shadow: 2px 4px 5px -2px rgba(0,0,0,0.27);}
#header_main .container {max-width: 100%;}
.header_color .main_menu ul:first-child > li > a{
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: initial !important;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 12px;
}

/*---- Global ----*/
#footer{border-top: none; background:#171819;}
#footer .widget{    margin: 5px 0;}
.main_color a{color:#42c5ec;}
p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    letter-spacing: 0 !important;
    font-size: 16px;
    line-height: 24px;
}
p.large{
    font-size:18px !important;
    line-height:24px !important;
}

#home-tiers{
    min-height:400px;
}

#top .scroll-down-link{
    height: 24px;
    width: 24px;
    margin: 0 0 0 -12px;
    line-height: 60px;
    position: absolute;
    left: 50%;
    bottom: 20px;
    color: #fff;
    text-align: center;
    z-index: 100;
    text-decoration: none;
    text-shadow: 0 0 3px rgba(0,0,0,.4);
    -webkit-animation: avia_fade_move_down 2s ease-in-out infinite;
    animation: avia_fade_move_down 2s ease-in-out infinite;
    background-image:url(http://mindfulcoping.com/wp-content/uploads/2019/07/arrows.png);
    background-repeat: no-repeat;
}
#top .scroll-down-link:before{display:none !important;}

p.list{font-weight:600;}
.main_color a:hover{text-decoration:none !important;}
#top #menu-item-search.menu-item-search-dropdown>a{display:none;}
#socket{background-color:#000 !important; border-top: none; color: #bfbfbf;}
#socket .copyright {float: left;text-align: center;margin: 0 auto;width: 100%;}
.header_color .avia-menu-fx {background-color: #6cc8f0; border-color: #6cc8f0;}
.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a {color: #6bc9f0 !important;}
.header_color .av-subnav-menu a:hover, .header_color .main_menu ul:first-child > li a:hover, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a{color: #6cc8f0 !important;}
body .column-top-margin{ margin-top:25px;}
.image-overlay{display: none !important;}
.entry-content-wrapper li{padding: 6px 0; font-size: 16px; line-height: 24px;}
.white{color:#fff !important;}
.grey{color:#333 !important;}
.center{text-align:center;width:100%;margin:0 auto;}

h1{
    font-family: 'Raleway', 'Open Sans', sans-serif;
    font-weight: 300;
    text-transform: initial !important;
    letter-spacing: 0 !important;
    font-size: 46px;
    line-height: 50px;
    padding: 10px 0;
    width: 90%;
    text-align: center;
    margin: 0 auto;
}

h1 span{
color:#184a8d !important;
font-weight:700;}


h2{
    font-family: 'Raleway', 'Open Sans', sans-serif;
    font-weight: 800;
    letter-spacing: 0 !important;
    font-size: 42px;
    line-height: 50px;
    padding: 10px 0 15px;
    margin:0;
    text-transform: none !important;
}

h3{
    font-family: 'Raleway', 'Open Sans', sans-serif;
    font-weight: 800;
    letter-spacing: 0 !important;
    font-size: 26px;
    line-height: 32px;
    padding: 5px 0;
    margin:0;
    text-transform: none !important;
    color:#333;
}

/*---- Audio Player ----*/
#audio-player{border-radius: 10px;}
#top .avia-playlist-custom-background-color .wp-playlist{padding: 15px 20px 20px;}
#top .avia-playlist-custom-font-color *{text-align: center;}
#top .avia-playlist-custom-font-color *{border:none !important;}
.wp-playlist-caption{max-width:100% !important;}

#top .mejs-container .mejs-controls .mejs-time, #top .mejs-time-rail .mejs-time-float {
    color: #333;
    background-color: #ccc;
}
div .mejs-controls .mejs-playpause-button, div .mejs-controls .mejs-volume-button {
    height: 30px;
    color: #333;
    background-color: #ccc;
}
#top #wrap_all .mejs-controls a.mejs-horizontal-volume-slider{background-color: #ccc;}

div .mejs-controls div.mejs-time-rail{background:#ccc; margin:0;}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-time-rail .mejs-time-total {
    background: rgba(255,255,255,.9);
}

/*---- End Audio Player ----*/

.home-hero{
    text-align: center;
    margin: 0 auto;
    padding: 10px 0 0 0;
    width:90%;
}






.home-tiers{
    text-align: center;
    margin: 0 auto;
    padding: 10px 0 0 0;
    width:80%;
}

.white-bar {
       height: 5px;
    width: 70px;
    background-color: #fff;
    text-align: center;
    margin: 0 auto;
}



#center-button{    
    text-align: center;
    float: left;
    width: 100%;
    margin: 15px 0;
    display: block;}

#left-button{    
    text-align:left;
    float: left;
    width: 100%;
    margin: 15px 0;
    display: block;}

a.white-button{
    font-family: 'Open Sans', sans-serif;
    border-radius: 30px;
    padding: 11px 30px;
    background: transparent;
    border: 2.5px solid #ffffff !important;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 auto;
    width: 200px;
    text-align: center;
    color: #fff !important;
    margin-top: 20px;}

a.white-button:hover{
    background:#fff;
    color:#184a8d !important;
    border:1px solid #fff;
    }



a.blue-button{
    font-family: 'Open Sans', sans-serif;
    border-radius: 30px;
    padding: 11px 30px;
    background: transparent;
    border: 2.5px solid #184a8d !important;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 auto;
    width: 200px;
    text-align: center;
    color: #184a8d !important;
    margin-top: 20px;}

a.blue-button:hover{
    background:#184a8d;
    color:#fff !important;
    border:1px solid #184a8d;
    }


/*-----Exercises ----*/

#box{
    padding: 5px 30px 20px 30px;
    background: #41c5ec;
    border-radius: 10px;}

#box p{
    text-align: center;
    width: 100%;
}

#exercises a{color: #333;}
#exercises a:hover{color: #42c5ec;}


#grid-light-blue{
    margin:10px 0;
    width: 100%;
    height: auto;
    padding: 10px 30px;
    float: left;
    display: block;
    border-top: #42c5ec 5px solid;
    -webkit-box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.2);
}
#grid-light-blue img{
        float: left;
    padding: 5px 10px 0 0;
}

#left-grid{
    float:left;
    display:block;
    width:300px;
}
#right-grid{
    float:left;
    display:block;
        width:300px;

}

#right-grid p, #left-grid p{
           font-size:16px !important;
}


/*-----Lessons ----*/

#blue-box{
    padding: 5px 30px 20px 30px;
    background: #0a2649;
    border-radius: 10px;}

#blue-box p{
    text-align: center;
    width: 100%;
}

#grid-dark-blue{
    margin:10px 0;
    width: 100%;
    height: auto;
    padding: 10px 30px;
    float: left;
    display: block;
    border-top: #1f59ad 5px solid;
    -webkit-box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.2);
}
#grid-dark-blue img{
        float: left;
    padding: 5px 10px 0 0;
}

#developers{padding:50px;}



span.underline{
    width: 20px;
    height: 2px;
    background-color: #3193cc;
    margin: 0 auto;
    display: block;
}


h4{ font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    color: #333 !important;
    letter-spacing: 0 !important;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0 15px;
    text-transform:none !important;}


p.hero{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #fff !important;
    letter-spacing: 0 !important;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0 0 0;
    width:80%;
}
p.hero-subpage{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #fff !important;
    letter-spacing: 0 !important;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0 0 0;
    width:450px;
}


h2.bottom-boxes{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #fff !important;
    text-transform: initial !important;
    letter-spacing: 0 !important;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin:0;
    padding: 15px 0px 15px 0px;
}



img.treatment-icon{
    width: 55px;
    display: block;
    padding: 0px;
    margin: 0 auto;
}

h2.home-tiers{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: initial !important;
    letter-spacing: 0 !important;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin:0;
    padding: 15px 0px 15px 0px;
}









/*----- Miscellaneous ----*/

audio{width: 100%;}

.main_color .breadcrumb a:hover{color:#41c6ec;}

.audio-box {
    margin: 0 auto;

    text-align: center;
    padding: 20px;
    margin-top: 10px;
}

.audio-box p {
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
}







.box {
    background: #fff;
    display: block;
    height:250px;
    width: 100%;
    padding: 45px 40px;
    float: left;
    text-align: center;
    border: 1px solid #e4e4e4;
    border-color:#e4e4e4 !important;
}

/*----- About ----*/
#pro-tips{padding:5px 0;}
#pro-tips img{    width: 100%;
    height: 60px;
    margin: 0 auto;
    text-align: center;
    float: left;}
#practice-tips{color: #333;}
#practice-tips p{font-size:16px;line-height:24px;font-family: 'Open Sans', sans-serif; margin:0;}
#pro-tips strong{color:#0d376b;    width: 100%;
    font-size: 60px;
    text-align: center;
    margin: 0 auto;
    float: left;
    font-weight: 800;
    display: block;}


 /* Remove you are here */ 
span.trail-before {
display: none!important;
}


/*Desktop Styles================================================== */
@media only screen and (max-width: 1024px) {
 /*   .av-main-nav > li.menu-item-avia-special {display: block;}
    .av-main-nav > li {display: none;}*/


}

@media only screen and (max-width: 1135px) {
#left-grid{width:100%;}
#right-grid{width:100%;margin-top:-15px;}
}

/*Mobile Styles================================================== */

@media only screen and (max-width: 767px) {

h1{font-size: 30px;line-height: 36px;width: 100%;}
h2{padding: 10px 0px 10px;font-size:30px;line-height:36px;}
p.hero-subpage{width:90%;}
.white-bar{width:60px; height:2px;}
#pro-tips strong{padding: 0 0 25px 0;}
.responsive #top #wrap_all .flex_column{margin-bottom:10px !important;}
#developers{padding:30px;}
}

@media only screen and (max-width: 600px) {

p{
    font-size: 14px;
    line-height: 22px;
}

.text-box {
    width:100%;}

.audio-box {
    width:100%;
    padding: 20px 5px 20px 5px;
}

}