/*   
Theme Name: When Seconds Count
Theme URI: http://whensecondscount.net
Description: Custom WordPress theme for When Seconds Count
Author: Yelling Mule
Author URI: https://www.yellingmule.com
Version: 1.0
*/

@CHARSET "UTF-8";

/* =WordPress Core from http://codex.wordpress.org/CSS#WordPress_Generated_Classes
-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/*CUSTOM SCSS
-------------------------------------------------------------- */

/*Required Styles*/

html, body{
    margin:0;
    padding:0;
    width:100%;
    overflow-x:hidden;
    font-family:'Roboto', sans-serif;
}
a:hover, a:active, a:visited, a:focus{
    text-decoration:none;
}
h1, h2, h3, h4, h5{
    font-weight:900;
}
h2{
    color:#2eb2e8;
}
h3{
    color:black;
}
p{
    color:black;
    font-size:16px;
}
p span{
    color:#f67f05;
    font-weight:700;
}
p a{
    color:#2eb2e8;
}
p a:hover{
    color:#228db8;
}

/*BUTTONS*/

.site_button{
    display:inline-block;
    padding:0.75rem 2rem;
    color:white;
    background:#2eb2e8;
    text-transform:uppercase;
    border:none;
    text-align:center;
}
.site_button:hover{
    color:white;
    background:#228db8;
}

/*HEADER*/

.header{
    position:fixed;
    top:0;
    z-index:1001;
    width:100%;
    background:white;
    height:176px;
}
.header_top{
    width:100%;
}
.header_top, .header_logo{
    height:120px;
}
.header_logo a{
    display:block;
    width:100%;
    height:100%;
}
.header_logo img{
    height:100%;
    padding:0.5rem 0;
}
.header_logo img.logo_scrolled{
    display:none;
}
.header_contact{
    font-size:16px;
    width:130px;
    float:right;
    padding:0.5rem 0;
}
.header_contact i,
.header_contact li a:hover{
    color:#2eb2e8;
}
.header_contact li a{
    color:black;
}
.header_menubar{
    background:#2eb2e8;
    text-align:center;
}
.header_nav{
    list-style:none;
    margin:0;
    padding:0;
    display:inline-block;
}
.header_nav li{
    display:inline-block;
    position:relative;
}
.header_nav li a{
    display:block;
    padding:1rem;
    color:white;
}
.header_nav li a:hover,
.header_nav li.current-menu-item a{
    background:#228db8;
    color:white;
}
.header_mobile{
    display:none;
}
.header_scrolled{
    height:106px;
}
.header_scrolled .header_top,
.header_scrolled .header_logo{
    height:50px;
}
.header_scrolled .header_logo img{
    display:none;
}
.header_scrolled .header_logo img.logo_scrolled{
    display:block;
}
.header_scrolled .header_contact{
    width:auto;
}
.header_scrolled .header_contact li{
    display:inline-block;
    margin-left:2rem;
    padding:0.3rem 0;
}
.header_scrolled .header_contact li br{
    display:none;
}

/*HERO*/

.hero{
    margin-top:167px;
}
.hero, .hero_slider, .hero_slide{
    height:600px;
    width:100%;
    position:relative;
}
.hero_slide{
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.hero_slide_content{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:2rem;
    background:rgba(0,0,0,0.5);
}
.hero_slide_content h1{
    font-size:60px;
    color:#f67f05;
    margin:0;
}
.hero_slide_content p{
    font-size:20px;
    margin:0 0 1rem;
    color:white;
}
.hero_slider .slick-next{
    right:1rem;
    z-index:1000;
    height:auto;
    width:auto;
}
.hero_slider .slick-prev{
    left:1rem;
    z-index:1000;
    height:auto;
    width:auto;
}
.hero_slider .slick-next::before,
.hero_slider .slick-prev::before{
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    color:white;
    text-shadow:0 0 5px black;
}

/*CONTENT BLOCKS*/

.wsc_content{
    padding:4rem 0 0;
}
.wsc_content_interior{
    margin-top:176px;
    padding:2rem 0 0;
}

/*PROGRAMS*/

.wsc_programs{
    margin:0 0 4rem;
}
.wsc_program{
    position:relative;
    height:100%;
    padding-bottom:3rem;
    height:400px;
}
.wsc_program_image{
    width:100%;
    padding-bottom:70%;
    position:relative;
    overflow:hidden;
}
.wsc_program_image img{
    position:absolute;
    width:100%;
    height:auto;
    margin:auto;
    top:-9999px;
    right:-9999px;
    bottom:-9999px;
    left:-9999px;
}
.wsc_program h3{
    font-size:20px;
    margin:1rem 0 0.5rem;
}
.wsc_program p{
    margin:0 0 1rem;
}
.wsc_program .site_button{
    position:absolute;
    bottom:0;
    display:block;
    width:100%;
}

/*WELCOME CONTENT*/

.wsc_welcome_content{
    padding:4rem 0 0;
}
.wsc_calendar_link{
    width:100%;
    padding-bottom:100%;
    position:relative;
    overflow:hidden;
    text-align:center;
    background:black;
}
.wsc_calendar_link img{
    position:absolute;
    width:auto;
    height:100%;
    margin:auto;
    top:-9999px;
    right:-9999px;
    bottom:-9999px;
    left:-9999px;
    opacity:0.6;
}
.wsc_calendar_link h3{
    position:absolute;
    top:50%;
    left:0;
    right:0;
    padding:2rem;
    -moz-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    color:white;
    font-weight:700;
}
.wsc_calendar_link:hover img{
    opacity:0.3;
}
.wsc_partner_slider_container{
    width:100%;
    padding:0 4rem;
}
.wsc_partner_slider .slick-next{
    right:-4rem;
    z-index:1000;
    height:auto;
    width:auto;
}
.wsc_partner_slider .slick-prev{
    left:-4rem;
    z-index:1000;
    height:auto;
    width:auto;
}
.wsc_partner_slider .slick-next::before,
.wsc_partner_slider .slick-prev::before{
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    color:#2eb2e8;
}
.wsc_partner_slide{
    width:100%;
    height:200px;
    position:relative;
    overflow:hidden;
    margin:0 10px;
}
.wsc_partner_slide a{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
}
.wsc_partner_slide img{
    position:absolute;
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    margin:auto;
    top:-9999px;
    right:-9999px;
    bottom:-9999px;
    left:-9999px;
    padding:1.5rem 0;
}

/*FOOTER*/

.footer{
    padding:0 0 3rem;
}
.footer h3{
    clear:both;
    font-size:20px;
}
.footer hr{
    margin-bottom:4rem;
}
.footer_signup{
    margin-bottom:2rem;
}
.footer_signup_form .form-control{
    margin-bottom:0.5rem;
}
.footer_signup_form input[type="submit"]{
    float:right;
}
.footer_signup::after{
    content:'';
    clear:both;
    display:block;
}
.footer_reviews{
    list-style:none;
    margin:0;
    padding:0;
}
.footer_reviews li{
    display:inline-block;
    height:50px;
    margin:0.5rem 1rem 0 0;
}
.footer_reviews li img{
    height:100%;
}
.footer_map img{
    width:100%;
}
.footer_bottom{
    background:#2eb2e8;
    padding:1rem 0;
    text-align:center;
}
.footer_bottom p{
    color:white;
    font-size:12px;
    margin:0;
}
.footer_bottom p a{
    text-decoration:underline;
    color:white;
}

/*INTERIOR STYLES*/

.wsc_header_photo{
    width:100%;
    padding-bottom:30%;
    position:relative;
    overflow:hidden;
    margin-bottom:2rem;
}
.wsc_header_photo img{
    width:100%;
    height:auto;
    position:absolute;
    margin:auto;
    top:-9999px;
    right:-9999px;
    bottom:-9999px;
    left:-9999px;
}
.wsc_product{
    border-top:1px solid #f67f05;
    margin:2rem 0;
    padding:2rem 0 0;
}
.wsc_product h4{
    color:#f67f05;
    font-size:20px;
    display:inline-block;
    margin-right:1rem;
}
.wsc_product_photo{
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
    text-align:center;
}
.wsc_product_photo img{
    position:absolute;
    max-height:100%;
    max-width:100%;
    height:auto;
    width:auto;
    margin:auto;
    top:50%;
    left:50%;
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.wsc_contact_form{
    margin-bottom:2rem;
}

/*FIVE COLUMNS*/

.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    height:100%;
    width: 20%;
    float: left;
    flex:none;
    max-width:100%;
}

/*GRAVITY FORMS STYLING*/

body .gform_wrapper ul li.gfield{
    margin:0 !important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
    border-radius:5px;
    margin:0 0 0.5rem;
    border:1px solid #d1d1d1;
    padding:0.5rem !important;
}
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit]{
    display:inline-block;
    padding:0.75rem 2rem;
    color:white;
    background:#2eb2e8;
    text-transform:uppercase;
    border:none;
    text-align:center;
    cursor:pointer;
}
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_page_footer input.button:hover,
.gform_wrapper .gform_page_footer input[type=submit]:hover{
    color:white;
    background:#228db8;
}
.gform_wrapper .gform_footer{
    margin:0.5rem 0 0 !important;
    padding:0 !important;
    text-align:right;
}
.gform_wrapper textarea{
    border-radius:5px;
    margin:0 0 0.5rem;
    border:1px solid #d1d1d1;
    padding:0.5rem !important;
}
.gform_wrapper select{
    height:42px;
    background:#eee;
    margin-bottom:8px;
}

#loginform label {
    width:200px;
}