/*
Theme Name: Online Training
Theme URI: http://ptweblaunch.com
Author: PT Web Launch
Author URI: http://FitnessWebsiteFormula.com
Description: Customized child theme for FWF Framework
Template: fwf
Version: 1.0.0
Tags: 
Text Domain: fitnessthemes
*/

/*
1. Default (To be over-written by theme custom CSS)
2. Layout
3. Interior pages
4. Home
5. Other styles 
*/

/* 1. Default */
/* End Default */

/* 2. Layout */
.header {background: rgba(255,255,255,.9);position: absolute;width: 100%;border-bottom:0;}
.fwf-shrink header.header { background: rgba(255, 255, 255, 0.8) !important; }
.fwf-shrink .site-logo img { max-height: 42px !important; }
.fwf-shrink .site-logo { margin: 0px 0px 7px 36px; }
.fwf-shrink .top-navbar .menu > li > a:first-child {font-size: 14px; padding: 4px; }
.top-navbar {top:20px;}
footer { padding: 40px 0 0; background-color: #323e3f; color: #aaa; clear: both; font-size: 14px;  }
.bottom_bar {background: #283235;}
footer .copyright {color:#465a57;}
.fwf-site-brand .social_media {text-align:left;}
/* End Layout */


/* 3. Interior Pages */

/* End Interior Pages */

/* 4. Home */
.slide-container h4 { font-size: 40px; color: #c3c3c3c; }
.slide-container h5 {color: #3c3c3c; font-size: 26px; }
.sec-online-services .fl-photo-caption {color: #fff; font-size: 15px; line-height: 1.4; padding: 15px;}
/* End Home */

/* 5. Other styles */
.sec-online-cta form {max-width: 540px;margin: 0 auto;}
.sec-online-cta input, .sec-online-cta select {min-height: 42px;padding: 10px;}
.sec-online-cta .gform_fields {margin-left: 0;}
.sec-online-cta input[type=submit] {font-size:26px; min-height:42px;}
.gform_body .gfield_required {position: absolute; font-size: 12px; margin-top: 6px; margin-left: 2px;}
.fl-module-pricing-table a.fl-button *, .fl-module-pricing-table a.fl-button:visited * { color: #fff !important; }
.t_content .more-link { color: #fff; }

/* Get Social */
.background .sec-online-social .rfbp-heading, .sec-online-social .widget_yrtwidget h2 { font-size: 22px; text-align: left;}
.sec-online-social .rfbp-post-link-wrap { background: rgba(255,255,255,.9); padding: 1%;}
.sec-online-social .fl-module-content, .sec-online-social .rfbp-text, .sec-online-social #yrtcssmarkup li, .sec-online-social #yrtcssmarkup p {font-size:14px; color:#e2e2e2;}

.optin-horizontal-texts {padding:10px; }
footer { height: inherit; }
footer .columns::first-child {display: none;}
.ptwl-blue {color: #16387c !important; }
.wl-yellow {color: #fcdd27 !important; font-size: 40px; }
.shadow .cta-demo {background: transparent; color: #fff !important; max-width: 760px !important; margin: 0 auto; font-size: 46px !important; font-weight: 400 !important;}
.fwf-form-demo, .fwf-form-demo form, .fwf-form-demo_wrapper {background: transparent !important; max-width: 700px;}
.fwf-form-demo input { margin-bottom: .5%; padding: 15px 10px !important; height: auto; }
.fwf-form-demo input[type="submit"] { margin: 5% auto 0; background: transparent; border: 3px solid #fcdd27; font-size: 32px !important; color: #fcdd27; border-radius: 50px; height: auto; max-width: 500px; display: block !important; float: none; }
.fwf-form-demo input[type="submit"]:hover { background: #fcdd27; color: #fff; }
.ptwl-f-name label, .fwf-form-demo .gfield_required {display: none !important; }
.button-cta { background: transparent; border: 3px solid #fcdd27; font-size: 26px !important; color: #fcdd27; border-radius: 50px; height: auto; max-width: 500px; display: inline-block !important; float: none; }

.woocommerce-cart.singular-page .page-header:before {height: inherit !important;}
.singular-page .page-header:before {
    content:'';
	display:block;
	width:100%;
	position:absolute;
	height:200px;
	top:0;
    background-color: rgba(1, 217, 207, 0.55);
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMwM2Q2YTAiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwZGNmZCIgc3RvcC1vcGFjaXR5PSIwLjYiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCN2c2dnKSIgLz48L3N2Zz4=);
    background-image: -webkit-gradient(linear, 0% 0%, 100% 100%,color-stop(0, rgb(3, 214, 160)),color-stop(1, rgba(0, 220, 253, 0.6)));
    /* Android 2.3 */
    background-image: -webkit-linear-gradient(top left,rgba(3, 214, 159, 0.5) -1.1%,rgba(0, 220, 253, 0.6) 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom right,rgba(3, 214, 159, 0.5) -1.1%,rgba(0, 220, 253, 0.6) 100%);
    background-image: -ms-linear-gradient(top left,rgba(3, 214, 159, 0.5) -1.1%,rgba(0, 220, 253, 0.6) 100%);
}
 
/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .gradient {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8003d69f",endColorstr="#9900dcfd",GradientType=0);
    }
}

 
/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .gradient {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9903d69f",endColorstr="#ff00f1fd",GradientType=0);
    }
}

 
/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .gradient {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff03d69f",endColorstr="#ff00f1fd",GradientType=0);
    }
}

/* End Other styles */

/* Membership */
.row.dashboard .columns { padding:3%; }
.row.dashboard .columns a { background: rgba(255,255,255,.8); display: block; width: 100%; min-height: 230px; margin: 0px; box-shadow: 0 0 10px #ccc; text-align: center; font-size: 20px; padding: 40px 5px; }
.row.dashboard .columns a { background: rgba(255,255,255, 1); }
.row.dashboard .columns a strong { font-size: 30px; }
.row.dashboard .columns a:before {content: "\f023"; font-family: FontAwesome; display: block; font-size: 80px; padding-bottom: 4%; }
.i-external-link a:before {content: "\f08e" !important;}
.i-play-circle-o a:before {content: "\f01d" !important;}
.i-spoon a:before{content: "\f1b1" !important;}
.i-calendar-check-o a:before {content: "\f274" !important;}
.i-sun-o a:before {content: "\f274" !important;}
.i-question-circle a:before {content: "\f059" !important;}
.i-comments-o a:before {content: "\f0e6" !important;}
.i-heart a:before {content: "\f185" !important;}
.i-commenting a:before {content: "\f27a" !important;}
.i-flash a:before {content: "\f0e7" !important;}
.i-user a:before {content: "\f007" !important;}
.i-users a:before {content: "\f0c0" !important;}
.i-lightbulb a:before {content: "\f0eb" !important;}
.i-list a:before {content: "\f0ca" !important;}
.i-folder a:before {content: "\f07b" !important;}


/* Despite what the web design community says, we tend to design for desktop first and then mobile */
@media only screen and (min-width:1279px) {
}


@media only screen and (min-width:1024px) {
	.top-navbar {right:initial;}
}


@media only screen and (max-width:1279px) {
} /* End max-width: 1279px */


@media only screen  and (min-device-width : 768px) and (max-device-width : 1024px)  {
	
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
}


@media only screen and (max-width:800px) {
	.about-us-pic {right: inherit; margin-bottom: 0; margin-top: 0; margin: 0 auto; }
} /* End max-width: 800px */


@media screen and (max-width: 479px) and (orientation: landscape) {
}


@media only screen and (max-width:767px) {
} /* End max-width: 767px */


@media only screen and (max-width:479px) {
} /* End max-width: 479px */