/*
 Theme Name:   Twenty Sixteen Child Theme Repo
 Theme URI:    http://yourwebsite.com/twentyfourteen-child/
 Description:  Fall 2016 FCM theme, based on Twenty Sixteen
 Author:       Kevin Wagner
 Author URI:   http://alldistrict.net
 Template:     twentysixteen
 Version:      5.0.5
 Tags:         one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
 Text Domain:  twenty-sixteen-child
*/

/**************************************************
GENERAL STYLES
***************************************************/

@media screen and (min-width: 768px) {
   #masthead,
   #masthead + .container-fluid {
      padding-left: 30px;
      padding-right: 30px;
   }
}
a {
   color: rgb(255, 33, 96);
}
a:hover {
   color: rgb(255, 33, 96);
}
#secondary {
   margin-top: 1em;
}
p.site-description {
   font-size: 14px;
}
.main-navigation {
   font-family: "Boston Light", Montserrat, "Helvetica Neue", sans-serif;
}
.menu-main-navigation-container a {
   font-size: 18px;
   color: #744364;
}
/*mailchimp sign up sidebar widget*/
.widget_search h2.widget-title,
.widget h2.widget-title {
   font-size: 2em;
}
/*remove annoying black bar from top of every page*/
@media screen and (min-width: 48.9375em) {
   body:not(.custom-background-image).admin-bar:before {
      top: 0 !important;
   }
}
/*hide navigation search form on desktop*/
@media screen and (min-width: 768px) {
   li .search-form {
      display: none;
   }
}
#menu-toggle.menu-toggle,
#menu-toggle:hover,
#menu-toggle:focus {
   background-color: transparent;
}
/*remove proudly powered by WordPress footer message*/
a[href="https://wordpress.org/"],
.site-title {
   display: none;
}
.widget,
.page-header {
   border-top: 4px solid #d3d3d3;
}
input[type="submit"] {
   background: #686868;
}
input[type="submit"]:focus,
input[type="submit"]:hover {
   /* background: rgb(255,33,96); */
}

/**************************************************
		New Default Styles - Spencer
***************************************************/
@font-face {
   font-family: "Boston Light";
   src: url("custom-styles/fonts/Boston-Light.woff2") format("woff2");
}
@font-face {
   font-family: "Boston Regular";
   src: url("custom-styles/fonts/Boston-Regular.woff2") format("woff2");
}
@font-face {
   font-family: "Boston SemiBold";
   src: url("custom-styles/fonts/Boston-SemiBold.woff2") format("woff2");
}
@font-face {
   font-family: "Boston Bold";
   src: url("custom-styles/fonts/Boston-Bold.woff2") format("woff2");
}
@font-face {
   font-family: "Open Sans Light";
   src: url("custom-styles/fonts/OpenSans-Light.ttf");
}

@font-face {
   font-family: "Open Sans";
   src: url("custom-styles/fonts/OpenSans-Regular.ttf");
}

@font-face {
   font-family: "Open Sans SemiBold";
   src: url("custom-styles/fonts/OpenSans-SemiBold.ttf");
}

@font-face {
   font-family: "Open Sans Bold";
   src: url("custom-styles/fonts/OpenSans-Bold.ttf");
}

body {
   font-family: "Boston Regular", "Open Sans", Georgia, sans-serif;
   background: transparent;
}

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
   margin-bottom: 15px;
   font-weight: inherit;
}
h1 {
   margin-bottom: 20px;
   font-size: 4em;
}
h1, h2 {
   color: #007a9f;
}
h3, h4, h5, h6 {
   color: #744364;
}
p {
   font-size: 18px;
   line-height: 30px;
   margin-bottom: 20px;
}
.entry-title {
	font-family: "Boston Bold", "Open Sans", Georgia, sans-serif;
	font-size: 28px;
}

.pagination .prev:hover, .pagination .next:hover {
   background-color: white;
   color:#3fa294;
   border-bottom: 4px solid #3fa294;
}
.pagination .prev:hover {
   border-left: 4px solid #3fa294;
}

.pagination .next:hover {
   border-right: 4px solid #3fa294;
}

/**************************************************
		SINGLE PRODUCT PAGE STYLES
***************************************************/
/*remove tabs from descriptions*/
.woocommerce-tabs .tabs #tab-title-description {
   display: none !important;
}
/*remove 'categorized in' text from below cta*/
.product_meta .posted_in {
   display: none;
}
/*remove border from around description area under cta*/
.single-product #tab-description {
   text-align: center;
   border: none;
}
/*remove 'description' h2 from under cta*/
.single-product #tab-description h2 {
   display: none;
}
/*challenge month product*/
#product-26565 .woocommerce-product-details__short-description ul li {
   background-repeat: no-repeat;
   background-position: top left;
   background-size: 35px 35px;
   min-height: 40px;
   font-size: 18px;
   list-style-type: disc;
   margin-left: 19px;
}
/**************************************************
		NAVIGATION STYLES
***************************************************/
#menu-item-26309:after {
   content: "Beta";
   display: inline-block;
   font-size: 12px;
   position: absolute;
   top: 6px;
   left: 116px;
   /* background-color: rgb(255,33,96); */
   border-radius: 15px;
   color: #fff;
   padding: 3px 5px;
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
   color: #3fa294;
}
@media screen and (min-width: 768px) {
   #menu-item-26309:after {
      left: 134px;
   }
}
/**************************************************
DASHBOARD SPECIFIC STYLES
***************************************************/

#page {
   margin: 0;
}
#greeting {
   margin: 0.25em;
}
#content.dashboard_wrapper,
#primary.dashboard_wrapper {
   width: 100%;
}
#content.dashboard_wrapper {
   background: rgba(211, 211, 211, 0.25);
}
/**DASHBOARD CONTENT MODULES***********************/
.dashboard_module {
   min-height: 200px;
   max-height: 200px;
   border: 1px solid gray;
   background: rgba(35, 40, 45, 0.8);
   text-align: center;
}
@media only screen and (max-width: 768px) {
   .dashboard_module {
      margin: 0.25em 0 0.75em 0;
   }
}
.dashboard_module h2 {
   color: #fff !important;
   font-weight: lighter;
   background: rgb(255, 0, 75);
   -webkit-font-smoothing: antialiased;
   text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
   padding: 3px;
}
/*UPDATED MODULE LAYOUT*/
.module_content_title {
   font-size: 28px;
   color: #fff;
   margin-bottom: 0;
}
.dashboard_module p.module_content_detail {
   color: #fff;
   font-size: 14px;
}
.dashboard_module p.content_detail,
.dashboard_module p.content_title {
   color: #fff;
   text-align: center;
   position: absolute;
   transform: translateY(-50%);
   left: 50%;
   width: 100%;
   transform: translateX(-50%);
}
.dashboard_module a {
   color: inherit;
}
.dashboard_module p.content_detail {
   font-size: 14px;
   top: 70%;
}
#dashboard article.col-sm-4 {
   padding-left: 0;
   padding-right: 0;
}
@media only screen and (min-width: 768px) {
   #dashboard article.col-sm-4 {
      padding-left: 15px;
      padding-right: 15px;
   }
}
/**DASHBOARD ICONS SECTION******************/
.dashboard_icon {
   min-height: 60px;
   padding: 0;
}
.dashboard_icon > div {
   color: #fff;
   font-size: 12px;
   position: absolute;
   top: 50%;
   transform: translateY(-50%) translateX(-50%);
   left: 50%;
   text-align: center;
   width: 100%;
}
@media only screen and (min-width: 480px) {
   .dashboard_icon > div {
      font-size: 16px;
   }
}
.dashboard_icon a {
   color: #fff;
}
.dashboard_icon a:hover {
   cursor: pointer;
}
.dashboard_icon_row {
   background: rgb(77, 81, 85);
   margin: 0;
   border-radius: 3px;
}
/**INSPIRATIONAL QUOTES SECTION******************/
#inspirational_quote blockquote {
   font-size: 4em;
   border-left: 4px solid #fff;
}
#inspirational_quote blockquote,
#inspirational_quote blockquote a {
   color: rgb(255, 0, 75);
}
#inspirational_quote blockquote span,
#inspirational_quote blockquote a {
   font-size: 0.5em;
}
#inspirational_quote blockquote b {
   font-size: 0.75em;
   color: lightgray;
}
@media only screen and (min-width: 480px) {
   #inspirational_quote blockquote span,
   #inspirational_quote blockquote a {
      margin-left: 45%;
   }
}
/**************************************************
        BLOG ROLL SPECIFIC STYLES
***************************************************/
article.main_blog {
   margin-left: 10px;
   margin-right: 5px;
}
.main_blog header {
   margin-left: 6px;
   margin-right: 0;
}
.blog article {
   background: #fff;
   padding: 1em;
}
.blog article:nth-of-type(1) {
   margin-top: 1em;
}
.entry-title {
   margin-bottom: 0.25em;
}
.entry-title a {
   font-size: 1.25em;
}
.entry-title a:hover {
   font-size: 1.25em;
}
.entry-title a,
.main_blog h4,
.main_blog h5,
.single_blog h4,
.single_blog h5 {
   color: rgba(0, 0, 0, 0.75);
}
.post_details > .col-sm-3 {
   padding-right: 0;
}
.post_details > .col-sm-9 {
   padding-left: 0;
}
.post_details .mobile_img {
   float: left;
   margin-right: 1em;
   margin-left: 10px;
}
.post_details .excerpt_text,
.post_details .col-xs-12 p {
   margin-left: 10px;
}
@media screen and (min-width: 769px) {
   .post_details .mobile_img {
      margin-left: 0px;
   }
   .post_details .excerpt_text,
   .post_details .col-xs-12 p {
      margin-left: 0px;
   }
}
.post_details .excerpt_text::first-letter,
.post_details > .col-xs-12 > p:first-of-type::first-letter {
   float: left;
   line-height: 1.1em;
   padding-right: 1px;
   font-family: "Playfair Display";
}
@media screen and (min-width: 768px) {
   .post_details > .col-sm-3 {
      padding-right: 0;
   }
   .post_details > .col-sm-9 {
      padding-left: 1em;
   }
}
@media screen and (max-width: 767px) {
   .site-main > article {
      padding: 5px;
   }
}
@media screen and (min-width: 61.5625em) {
   .blog .site-main > article {
      margin-bottom: 3em;
   }
}

/*add pink border around PA items in blog roll*/
article.category-premier-access {
   border: 1px solid #e798a6;
}
/*sidebar widgets*/
.widget_tag_cloud {
   font-size: 16px;
}
.widget_tag_cloud .tagcloud a:hover {
   color: #7de443;
   border-color: #7de443;
}
.widget_tag_cloud h2.widget-title {
   font-size: 14px;
}
.widget_search input.search-field {
   display: block;
   margin: 0;
   width: 100%;
   font-size: 14px;
}
.pagination:before,
.pagination:after {
   background-color: #3fa294;
}
/**************************************************
        BLOG SINGLE SPECIFIC STYLES
***************************************************/
.single_blog header.entry-header,
.single_blog div.post_details {
   box-shadow: 5px 5px 5px #888888;
   border-top: 1px solid rgba(136, 136, 136, 0.25);
   border-left: 1px solid rgba(136, 136, 136, 0.25);
}
.single_blog header.entry-header,
.single_blog div.post_details {
   text-align: center;
   padding: 1em 0 1em 0;
}
.post_details {
   margin-left: 0;
   margin-right: 0;
}
.post_details #actual_recipe p {
   text-align: left;
}
/*single blog post author avatar*/
.author-avatar--outer {
   max-width: 300px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}
.author-avatar-wrapper {
   border-radius: 50%;
}
.author-name-wrapper h4 {
   margin-bottom: 0;
}

/**************************************************
        SENSEI SINGLE SPECIFIC STYLES
***************************************************/
/*remove featured image and 'contact teacher' CTA from lesson view*/
.single-lesson.sensei .woo-image.thumbnail,
.sensei .woo-image.thumbnail + p,
a.button.send-message-button {
   display: none;
}
/*temporary fix for display issues with lessons list a bottom of single lesson*/
.course-lessons .lesson {
   display: grid;
   grid-template-areas:
      "thumbnail heading heading"
      "thumbnail description description";
   grid-template-columns: minmax(50px, 100px) auto auto;
}
.lesson .thumbnail {
   grid-area: thumbnail;
}
.lesson .lesson-title {
   grid-area: heading;
}
.lesson .entry {
   grid-area: description;
}
/*correct layout of prev/next at bottom of each lesson*/
#post-entries:before {
   content: "";
   display: table;
}
.nav-prev {
   max-width: 50%;
   padding-left: 5px;
}
.nav-next {
   max-width: 50%;
   padding-right: 5px;
} /*end prev/next layout correction*/
/*(partially) correct the layout of the lesson completed banner*/
.sensei-message.tick:after {
   content: "";
   display: table;
   clear: both;
}
@media screen and (max-width: 767px) {
   .course-video iframe,
   .video iframe {
      height: 250px;
   }
}
/*end temporary fix for lessons display issues*/
/**************************************************
        SENSEI COURSES SPECIFIC STYLES
***************************************************/
body.sensei section.course-content {
   box-shadow: 5px 5px 5px #888888;
   margin-left: 10px;
   margin-right: 5px;
   border-top: 1px solid rgba(136, 136, 136, 0.25);
   border-left: 1px solid rgba(136, 136, 136, 0.25);
   padding: 1em;
   min-height: 185px;
}
body.sensei li.course {
   max-width: 98%;
   list-style-type: none;
}
@media screen and (min-width: 768px) {
   body.sensei li.course {
      max-width: 100%;
   }
}
body.sensei header.archive-header,
body.sensei form.sensei-ordering {
   margin-left: 10px;
   margin-bottom: 5px;
   color: rgba(0, 0, 0, 0.75);
}
body.sensei ul.sensei-course-filters {
   margin-left: 3px;
   margin-bottom: 5px;
}
#main .course-container p.sensei-course-meta {
   font-size: 1.5em;
}
section.course-content section.entry p.sensei-course-meta {
   margin-bottom: 0.5em;
}
section.course-content section.entry p.course-excerpt {
   margin: 0;
}
section.course-content section.entry p.course-excerpt + p,
section.course-content section.entry p.course-excerpt {
   font-size: 1.5em;
}
span.course-lesson-count {
   display: none;
}
/**************************************************
        SENSEI COURSE SINGLE SPECIFIC STYLES
***************************************************/
section.entry.fix p,
section.entry.fix ul {
   font-size: 2em;
}
/**************************************************
		THANK YOU PAGE- 2018 Feb Challenge 
***************************************************/
.ty-message {
   background: lightgray;
   padding: 5px;
   word-break: keep-all;
}
.ty-message a {
   padding-right: 5px;
   background: rgba(255, 255, 255, 0.5);
   text-decoration: underline;
}
#root,
#wc-stripe-payment-request-button-separator {
   display: none;
}
/**************************************************
		MEAL PLANS PAGE
***************************************************/
#meal-plans-list {
   padding: 0 15px;
}
#meal-plan-accordian .panel-default > .panel-heading {
   color: rgb(255, 33, 96) !important;
}
#meal-plan-accordian .panel-default > .panel-heading .highlights {
   font-style: italic;
   font-size: 14px;
   margin-bottom: 0;
}
/**************************************************
		FRONT PAGE AND SIDE BAR SEARCH 
***************************************************/
.search-form label {
   width: calc(100% - 42px);
   margin-bottom: 0;
}
.search-form label .search-field {
   font-size: 14px;
   font-family: "Boston Regular", "Open Sans";
   font-weight: lighter;
   width: 100%;
}
.search-form label .search-field:focus {
   border-color: rgba(126, 230, 68, 0.4);
}
.home .search-submit {
   right: auto;
   background: rgba(126, 230, 68, 1);
}
.search-submit {
   background: rgba(126, 230, 68, 1);
}
.home .search-submit:before {
   top: -5px;
}
.home #menu-main-navigation-1 .search-submit:before {
   color: #fff;
}
@media screen and (min-width: 768px) {
   .search-form {
      max-width: 350px;
   }
}
#secondary .widget_search label,
.toggled-on .search-form label {
   display: inline;
}
/*hide nav search bar (front page only) when accordian open*/
.front_page_wrapper .site-header-menu.toggled-on .search-form {
   display: none;
}
/**************************************************
		SEARCH RESULTS PAGE
***************************************************/
.content-access-message {
   padding: 0 15px;
   font-size: 14px;
}
/**************************************************
		MY ACCOUNT LOGIN PAGE
***************************************************/
.woocommerce-form-login .woocommerce-Button {
   background-color: rgb(255, 33, 96);
}
@media screen and (min-width: 768px) {
   .page-id-5559 #post-5559 {
      max-width: 375px;
      margin: 0 auto;
      padding: 15px;
      background: rgba(211, 211, 211, 0.25);
      border-radius: 3px;
   }
}
/**************************************************
		MY ACCOUNT LOGIN PAGE
***************************************************/
#product-5697 .woocommerce-product-gallery__wrapper {
   max-width: 350px;
   margin: 0 auto;
}
/**************************************************
		WP RECIPE MAKER
***************************************************/
#wprm-recipe-collections-app {
   font-family: "Boston Regular", "Helvetica Neue", sans-serif;
   font-size: 14px;
}
/**************************************************
        GIFT CERTIFICATES PRODUCT CATEGORY PAGE
***************************************************/
.term-gift-certificates .page-title {
   font-size: 36px;
}
.term-gift-certificates p {
   font-size: 17.5px;
}
.term-gift-certificates .woocommerce-loop-product__title,
.term-gift-certificates .amount {
   font-size: 14px !important;
}
/**************************************************
        GIFT CERTIFICATE PRODUCT PAGE
***************************************************/
.product_cat-gift-certificates .woocommerce-product-details__short-description {
   font-size: 14px;
}
/**************************************************
        REBRANDING OVERRIDE STYLES
**************************************************/
.menu-main-navigation-container a:hover,
.menu-main-navigation-container a:focus {
   /*nav items*/
   color: #3fa294;
   font-family: "Boston Light", Montserrat, "Helvetica Neue", sans-serif; /*new***********************************************/
}
#menu-toggle.menu-toggle,
#menu-toggle:hover,
#menu-toggle:focus {
   /*mobile nav button*/
   color: #007a9f;
   border-color: #007a9f;
}
#menu-item-26309:after {
   display: none; /*remove 'beta' tag*/
}
.site .search-submit {
   /*search button*/
   background: #e798a6;
}
.search-form label .search-field::placeholder {
   color: #d1d1d1;
}

#CTA_section h2 {
   /*undo text-shadow effect*/
   text-shadow: none;
}

a,
a:hover {
   color: #3fa294;
}
.btn-lg {
   background: #3fa294 !important;
}
blockquote {
   border-color: rgba(230, 133, 35, 0.6); /*global blockquote color*/
}
.home-grid-btn-container .btn {
   /*'view post' button of blog roll grid*/
   color: #3fa294;
   border-color: #3fa294;
}
.pagination {
   color: #3fa294;
   border-top: 4px solid #3fa294;
}
.pagination .prev,
.pagination .next {
   background-color: #3fa294;
}
input[type="submit"],
input[type="submit"]:hover {
   background: #3fa294;
}
/*single blog post*/
.entry-title a,
.entry-title a:hover {
   color: rgba(0, 0, 0, 0.75);
   color: #007a9f;
}
.comments-title,
.comment-reply-title {
   border-top: 4px solid #e68523;
}
/*meal plans accordion*/
#meal-plan-accordian .panel-default > .panel-heading {
   color: #e798a6 !important;
}
.panel-body .cta.btn,
.more-cta {
   background: #3fa294;
}
.course #commentform #submit,
.course .submit,
.course a.button,
.course a.button:visited,
.course a.comment-reply-link,
.course button.button,
.course input.button,
.course input[type="submit"],
.course-container #commentform #submit,
.course-container .submit,
.course-container a.button,
.course-container a.button:visited,
.course-container a.comment-reply-link,
.course-container button.button,
.course-container input.button,
.course-container input[type="submit"],
.lesson #commentform #submit,
.lesson .submit,
.lesson a.button,
.lesson a.button:visited,
.lesson a.comment-reply-link,
.lesson button.button,
.lesson input.button,
.lesson input[type="submit"],
.quiz #commentform #submit,
.quiz .submit,
.quiz a.button,
.quiz a.button:visited,
.quiz a.comment-reply-link,
.quiz button.button,
.quiz input.button,
.quiz input[type="submit"] {
   background: #56af40; /*reset sensei submit button color*/
}
/*meal plans grid*/
.outer {
   background: linear-gradient(141deg, #3fa294 0%, #fff 99%);
}
.outer.premierAccess {
   background: linear-gradient(141deg, #e798a6 0%, #fff 99%);
}
/*PA product page*/
div.product form.cart button.single_add_to_cart_button.button.alt {
   background: #3fa294;
}
/*temporary name change announcement banner*/
/* .site-branding:before {
   content: "FoodCoachMe is now BariatricFoodCoach!";
   background-color: #744364;
   color: #fff;
   font-family: "Boston Regular", "Helvetica Neue", sans-serif;
   font-size: 13px;
   position: absolute;
   min-width: 200px;
   left: 4%;
   top: 1px;
   opacity: 1;
   line-height: 22px;
   transition: opacity 5s ease;
   border: 1px solid #744364;
   text-align: center;
   border-radius: 3px;
   box-shadow: 5px 5px 5px #888888;
   padding: 3px 5px 3px 5px;
}
@media screen and (min-width: 768px) {
   .site-branding:before {
      top: 10px;
      left: 30px;
   }
} */

/*identify recipes in recipe-grid as collection eligible, can be added to collections feature*/
.collections-eligible {
   position: absolute;
   bottom: 5%;
   right: 2%;
   z-index: 9;
   background-color: #744364;
   color: #fff;
   padding: 5px;
   font-size: 12px;
   border-radius: 3px;
   text-align: center;
}
@media screen and (min-width: 768px) {
   .collections-eligible {
      top: 20%;
      left: 5px;
      right: auto;
      bottom: auto;
   }
}