/*
Theme Name: Online Nutrition
Theme URI: http://ptweblaunch.com
Author: Locus Marketing
Author URI: http://ptweblaunch.com
Description: Custom child theme
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 */
h1, h2, h3, h4, h5, h6, .top-navbar li a, .button, input[type=submit] { font-family: "proxima-nova",sans-serif !important; text-shadow: none; }
a, .button { transition: all 0.8s ease; }
/* End Default */

/* 2. Layout */
.page_header { background: #0085ca; color: #fff; padding: 3% 10px; }
.page_header h1, .page_header h2, .page_header h3 {color: #fff !important; }
.fwf-section h3 {font-size: 35px; }
.page_header.personal_software { background: url(images/) no-repeat; }
.page_header.professional { background: url(images/back-professional.jpg) no-repeat; }
.m_app { background: url(//dev.dietmastersoftware.com/wp-content/uploads/2016/12/header-mobile-app-1.jpg) no-repeat; }
.b-class-page { background: url(//dev.dietmastersoftware.com/wp-content/uploads/2017/01/header-business-class.jpg) no-repeat; }
.private-label-page { background: url(//dev.dietmastersoftware.com/wp-content/uploads/2017/01/header-private-label.jpg) no-repeat; }
.sec-gray {background: #f6f6f6; box-shadow: inset 1px 0px 8px 0px rgba(0,0,0,.2); -webkit-box-shadow: inset 1px 0px 8px 0px rgba(0,0,0,.2); }
.sliced {background: #ebebeb; }
.setgoals {  }
.logfood {  }
.shadow .top-navbar .menu > li:nth-last-child(2) { background: #0085ca; color: #fff; border-bottom: 4px solid #006ea7; } 
.shadow .top-navbar .menu > li:nth-last-child(2):hover { background: #00aeef !important; } 
.shadow .top-navbar .menu > li:nth-last-child(2) a { color: #fff !important; } 
.main-header-web { margin-top: 0; max-width: 680px; margin-left: -6.5%; background: url(images/screen-slide2.png) no-repeat; width: 851px; height: 310px; background-size: 100%; }
.header {background: rgba(255,255,255,1);position: absolute;width: 100%;border-bottom:0;}
.fwf-shrink header.header { background: rgba(255, 255, 255, 0.95) !important; box-shadow: 0 1px 0 rgba(0,0,0,.1); }
.fwf-shrink .site-logo img { max-height: 36px !important; }
.fwf-shrink .site-logo { margin: 0px 0px 7px; }
.fwf-shrink .top-navbar .menu > li > a:first-child {font-size: 14px;  }
.top-navbar {top:-7px;}
.home_widget.widgetwidget_text{background-image:transparent;background-size:100%;background-repeat:no-repeat;background-position:center top;width:100%;height: 107px; }
.top3-sections {padding: 4% 1%; }
.top3-sections .wp-caption .wp-caption-text { background: rgba(0,133,202, .8); position: absolute; bottom: 0; width: 100%; padding: 11px; color: #fff; font-size: 19px; margin: 0; display: block; line-height: 1.2; min-height: 48px; font-weight: 600; font-family: "proxima-nova",sans-serif !important; }
.top3-sections .wp-caption { border: 0; position: relative; overflow: hidden; height: 178px; }
.top3-sections .wp-caption img { margin: 0; max-width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }
.top3-sections .wp-caption img:hover { max-width: 300px; margin-left:-15%; }
.top3-sections .columns { border: 1px solid #d8d8d8; width: 24%; margin-left: 1%; }
.top3-sections .columns p { padding: 0 15px; font-size: 14px; line-height: 1.6; }
.innertxt { min-height: 200px; }
.narrowp { max-width:880px; margin-right: auto; margin-left: auto; }
.sec-process { background: #f9f9f9; position: relative; padding: 20px 10px 240px; box-shadow: inset 1px 0px 8px 0px rgba(0,0,0,.2); -webkit-box-shadow: inset 1px 0px 8px 0px rgba(0,0,0,.2);}
.sec-process:before {content: '';display: block;position: absolute;top: 0;left: 50%;margin-left: -40px;border: solid transparent;border-width: 40px;width: 40px;z-index: 2;border-top-color: #ffffff;border-top-width: 40px;}
.sec-process .fwf-contain h3 {padding-bottom: 1%;}
.wp-image-86 {margin-top: -300px; z-index: 2; position: relative; }}
.sec-dietitians {padding: 5% 10px; }
.sec-dietitians a {color: rgba(255,255,255,.7); text-align: center; display:inline-block; font-size: 15px; line-height: 1.2; }
.sec-dietitians strong { font-weight: 500; }
.sec-dietitians a:hover {color: #fff !important; }
.sec-dietitians .columns {padding: 2%;}
.sec-dietitians img { opacity: .9; transition: all 0.8s ease; }
.sec-dietitians img:hover { opacity: 1; }
.sec-request-demo { background: #0085ca; padding: 50px 10px 20px; color: #fff; }
.sec-request-demo p { color: #fff; max-width: 700px; margin: 0 auto; }
.sec-request-demo h4 { font-size: 44px; color: #fff; }
.sec-request-demo h3 { padding-bottom: 0; font-size: 26px !important; color: #fff !important; clear: both; padding-top: 5%; }
.sec-request-demo .gfield_label, .sec-request-demo .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label { display: none !important; }
.sec-request-demo #field_4_1 {width: 100% !important}
.sec-request-demo .gform_wrapper { margin: 16px auto; max-width: 600px; }
.sec-request-demo .gfield {float: left; width: 50%; clear: none !important; margin: 0;}
.sec-request-demo  input[type=tel], .sec-request-demo  input[type=email], .sec-request-demo  input[type=text], .sec-request-demo  select { width: 100% !important; }
.shadow .sec-request-demo  .gform_wrapper input[type=submit] { display: block; margin: 0 auto; float: none !important; padding: 20px; height: auto; font-size: 24px; background: #ffbb00; }
.img-circle {border-radius: 50%; }

.top-navbar .menu > li {margin: 4px 0;}
ul.slimmenu li ul li, .flyout.left { min-width: 260px;border-radius: 0 0 5px 5px; box-shadow: 0 3px 5px rgba(0,0,0,.1); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1);}
ul.slimmenu li ul li:last-child, ul.slimmenu li ul li:last-child a { border-radius: 0 0 5px 5px;}
ul.slimmenu li ul li > ul {left: 260px !important;}
.top-navbar .menu > li.has-flyout > a:first-child {padding-right:0;}
.top-navbar .menu > li > a:first-child {padding: 10px 16px;font-size: 18px;}
ul.flyout li a, .top-navbar li ul li a {background: #fff;color: #666;font-size: 14px;padding: 15px 17px;}
body .top-navbar .menu > li:hover > a {color: #00aeef;}


/*
.slide-container .button:after, .slide-container .button:before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  opacity: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility:hidden;
}

.slide-container .button:after {
  animation: sonar 2.5s infinite 1s;
  border: 1px solid rgba(255, 255, 255, .3);
  -webkit-backface-visibility:hidden;
}
.slide-container .button:before {
  animation: sonar 2.5s infinite 2.5s;
  border: 1px solid rgba(255, 255, 255, .1);
  -webkit-backface-visibility:hidden;
}
@keyframes sonar { 
  0% { transform: scale(1); opacity: 0; }
  50% { transform: scale(2); opacity: 1; }
  100% { transform: scale(3); opacity: 0; }
}

@-webkit-keyframes sonar { 
  0% { transform: scale(1); opacity: 0; }
  50% { transform: scale(2); opacity: 1; }
  100% { transform: scale(3); opacity: 0; }
}*/
footer { padding: 0; background-color: #fff; color: #555; clear: both; font-size: 16px;  }
footer p {color: #555;}
footer .nav-menu li { display: inline-block; margin: 0 1.5%; text-transform: uppercase; }
.bottom_bar {background: #ebebeb; color: #636363; }
.bottom_bar p { color: #636363; }
.attribution {color: #aaa !important;}
.fwf-site-brand .social_media {text-align:left;}
footer .footer_bar .widgetsite-brand, footer .footer_bar .widgetnav-menu { float: none; text-align: center; width: 100%; }
.site-brand-logo { margin-bottom: 3%; }
.fwf-site-brand .social_media { text-align: center; }


/* DM Specific */
#post-234 .img-circle {max-width: 280px; }
.salesvideo {padding: 3%; }
.dm-checklist {}
.dm-blue {color: #0085ca; }
.top-navbar .menu > li.active > a, .top-navbar .menu > li.active {color: #00aeef !important; }
.top-navbar .menu > li.current-menu-item, .top-navbar .menu > li:hover { border-top: 5px solid #00aeef !important; }
footer .textwidget { font-size: 15px; line-height: 1.4; }
footer #text-4 .textwidget { line-height: 2 !important; }
footer #text-4 h5 { font-size: 17px; font-weight: 500; margin: 11px 0; }
/* End Layout */

/* Account Set Up */
.gform_page {position: relative;}
.gform_page .gform_page_fields {padding-top: 40px;}

/* 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;}
.home .slideshow { height: 560px; margin-top: 0; }
.slide-container .button { max-width: 335px; padding: 10px; }
/* 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; }

/*Meal Plan Tabs*/
.tab-boxes {
    width: 100%;
    display: inline-block;
}

.tboxes {
    width: 16%;
    /* float: left; */
    background-image: url('');
    background-color: #1b75bc;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    color: #fff;
    padding: 20px;
    min-height: 165px;
    text-align: center;
    font-size: 15px;
    margin: 3px;
    font-weight: bold;
    line-height: 25px;
    text-shadow: 1px 1px 1px black;
    float: left;
    background-size: cover;
}
.tboxes a {color: #fff;pointer-events: none;}
.tboxes a:hover {color: #ddd;}

.fl-tabs-horizontal .fl-tabs-label {
    float: left;
    width: 30%;
    color: #03476c;
    border: 1px solid #03476c;
}
.fl-tabs-horizontal .fl-tabs-label.fl-tab-active {color: #fff;    background: #1b75bc;}
.fl-node-58eb50c11867e .fl-tabs-label.fl-tab-active {
    border-color: #fdca57;
}
.tab-head h3 {
    text-align: center;
    font-weight: 500;
}
.tab-head .fl-html{text-align: center;}

/* 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; }

/* 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 */


/* Despite what the web design community says, we tend to design for desktop first and then mobile */
@media only screen and (max-width:1400px) {
	.slide-image { min-height: 670px; background-size: contain; }
} /* End max-width: 1279px */


@media only screen and (min-width:1279px) {
}


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


@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 */