/* Initialize */
#new-page-template h1, .single h1, #new-page-template h1 span, .single h1 span, .et_pb_text h1, .et_pb_text h2, .et_pb_text h3, .et_pb_text h4, .et_pb_text h5, .et_pb_text h6 #new-page-template h2, .single h2, #new-page-template h2 span, .single h2 span, #new-page-template h3, .single h3, #new-page-template h3 span, .single h3 span, #new-page-template h4, .single h4, #new-page-template h4 span, .single h4 span, #new-page-template h5 span, .single h5, #new-page-template h5, .single h5 span, #new-page-template h6 span, .single h6, #new-page-template h6, .single h6 span {
    font-family: "Raleway", sans-serif;
}

#new-page-template h2, #new-page-template h2 span, .single h2, .single h2 span, h2 a, .et_pb_text h2 {
    font-weight: 400;
    color: #0DBBAF;
    margin-bottom: 0px;
}

b, strong {
    font-weight: bold;
}

span.byline {
    font: 300 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5 {
    font-weight: 400;
}

.et-db #et-boc .et-l .et_pb_text_0 h5, h5 {
    font-size: 24px;
    margin: 0;
    padding: 0;
}

article#post-15518, .page-content, .entry-content, .entry-summary {
    margin: 0;
}

.step-graphic-style-2-number {
    font-size: 32px !Important;
    line-height: 50px !important;
    color: #fff !important;
    position: relative !Important;
}

.checked-li li {
  line-height: 1.6em;
}

.checked-li li:before {
    content: '';
    display: block;
    background: url(https://bioindividualnutrition.com/wp-content/uploads/2021/10/check-box-red.png);
    height: 40px;
    width: 40px;
    position: absolute;
    left: -10px;
}

.checked-li-teal li:before {
    content: '';
    display: block;
    background: url(https://bioindividualnutrition.com/wp-content/uploads/2022/06/check-box-teal.png);
    height: 40px;
    width: 40px;
    position: absolute;
    left: -10px;
}

.time_circles h4, .time_circles span {
    color: #fff;
}

.step-graphic-style-2-number-container {	
	float: left;
    display: block;
    height: 50px;
    width: 50px;
    border-radius: 100px !important; 
    background-color: #004a80 !Important;
    text-align: center !important;
}

.holder-flex {
    display: flex;
}

p.privacy {
  font-size: 11px;
  text-align: center;
}

.fullwidth-checkbox .alignleft {
  margin-bottom: 50px;
}

.vertical-aligned {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.entry, .entry p {
    color: #555555;
    font: 300 15px/1.5em "Helvetica Neue",Helvetica,sans-serif;
}

.et-db #et-boc .et-l .et_pb_section li {
    margin-bottom: 0;
}

ul li#check {
    list-style: none !important;
    background-image: url(/wp-content/uploads/2017/07/check-box.png) !important;
    background-repeat: no-repeat !important;
    background-size: 43px auto !important;
    padding-left: 55px !important;
    margin-bottom: 20px !important;
    color: white;
    font-family: "brandon-grotesque",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 150%;
}

.et-db #et-boc .et-l .et-waypoint:not(.et_pb_counters) {
    opacity: 1;
}

button.olark-launch-button.olark-size-md.olark-text-button {
    min-width: unset !important;
}

.olark-button-text {
    width: unset !important;
}

.olark-button-text span {
    display: none;
}

a.appytojoin-btn {
  	border-radius: 100px !important;
    padding: 5px 5px 5px 5px !important;
      border: 2px solid #FF5451 !important;
  -webkit-transition: all 0.2s ease 0s !important; /* Safari and Chrome */
-moz-transition: all 0.2s ease 0s !important; /* Firefox */
-o-transition: all 0.2s ease 0s !important; /* IE 9 */
-ms-transition: all 0.2s ease 0s !important; /* Opera */
transition: all 0.2s ease 0s !important;
}
a.appytojoin-btn:hover {
    border: 2px solid #FFF !important;
  padding: 5px 15px 5px 20px !important;
}

/* Infu form */

#et-boc div.efefef-form .et_pb_code_inner form.mstrcls-optin {
    background-color: #EFEFEF;
    padding: 20px;
}

#et-boc div.efefef-form .et_pb_code_inner form.mstrcls-optin input[type="text"] {
    border: 1px solid #0DBBAF;
    font-size: 20px;
}

#et-boc div.efefef-form .et_pb_code_inner form.mstrcls-optin button.infusion-recaptcha {
    margin: 20px 0;
}

#et-boc div.efefef-form .et_pb_code_inner form.mstrcls-optin span.note {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 14px;
}
button.default-button {
    padding: 10px 15px !important;
}


/* Pop-ups */

.popup-wrapper button {
    background: #FF9E46;
    padding: 10px 40px;
    color: #FFF;
    margin: 0 auto;
    display: inherit;
    cursor: pointer;
}

.popup-wrapper button:hover {
  background: #FF5351;
}

.popup-wrapper textarea {
    border: 1px solid #BBB !important;
    padding: 10px !important;
}

/* Header */
.main-header {
    width: 96vw !important;
}

 /* Menu */
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_pb_menu__menu>nav>ul>li>ul, .et-db #et-boc .et-l .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    top: calc(100% - 1px);
    left: unset;
    right: 0;
    width: 370px !important;
}

nav.navigation.post-navigation {
    display: none;
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul > li.et_pb_menu_page_id-15712 > a {
    color: #FFFFFF !important;
}
 
.et-db #et-boc .et-l .et-menu .menu-item-has-children>a:first-child {
    padding-right: 0 !important;
}

ul#menu-new-top-menu-1 li a:after {
    display: none;
}

/* Headings */ 
div#respond h3 {
    font-size: 32px;
    color: #0dbbaf;
}

.single-post h1.entry-title {
    color: #0dbbaf;
    font-size: 36px;
    font-family: Helvetica,Arial,Sans-serif;
    line-height: 1.2em;
    margin-bottom: 8px;
}

/* Content */
body.post-template-default.single.single-post .entry-content, .site-wrapper {
    max-width: 800px !important; 
    margin: 0 auto;
}

body {
    margin-bottom: 0 !important;
}

body.page-id-17323 .head-holder {
    display: none;
}

#new-page-template div#et_builder_outer_content {
    width: 980px;
    margin: 77px auto 0;
}

body.post-template-default div#content {
    padding: 0;
}

div#comments {
    max-width: 800px !important;
    margin: 0 auto;
    padding: 0 20px;
}

div#comments input#submit {
    border: none;
    color: #fff;
    background-color: #0dbbaf;
    padding: 10px 30px;
}

form#commentform p a {
    color: #00a6cc;
    text-decoration: none;
    font-size: 20px;
}
  
span.author.vcard a {
    color: #ff9e46;
    font-family: 'Raleway';
    font-size: 20px;
}

.single-post span.posted-on {
    display: none;
}

button.et_pb_menu__icon.et_pb_menu__search-button {
    position: relative;
    bottom: 10px;
}
 
header.et-l.et-l--header {
    z-index: 10;
}

header.et-l.et-l--header {
    z-index: 10;
    position: relative;
}

.et-db #et-boc .et-l .et_pb_module img {
    display: inline !important;
}


li.et_pb_menu_page_id-15712.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-15712 a {
    background-color: #0dbbaf !important;
    bottom: 10px;
    padding: 10px !important;
    border-radius: 5px !important;
}


.et-db #et-boc .et-l .et-menu.nav li li a {
    padding: 10px 0px !important;
    width: 100%;
}

.et-db #et-boc .et-l .et_pb_fullwidth_menu .et-menu-nav>ul ul, .et-db #et-boc .et-l .et_pb_menu .et-menu-nav>ul ul {
    padding: 0;
}

.et-db #et-boc .et-l .et-menu .menu-item-has-children>a:first-child:after {
    display: none;
}

footer.entry-footer {
    display: none;
}

.et-db #et-boc .et-l .et_builder_inner_content {
    position: relative;
}
 
input#inf_field_FirstName, input#inf_field_Email, input#inf_field_LastName, .text-box input  {
    width: 100% !important;
    display: block;
    margin-bottom: 10px !important;
    padding: 10px 5px;
}
 
.get-guidebook input#inf_field_FirstName, .get-guidebook input#inf_field_Email, .get-guidebook input#inf_field_LastName {
    width: 100% !important;
}
  
.optin-box-content button {
    width: 100%;
    padding: 15px;
    font-size: 16px;
    font-family: Raleway, sans-serif;
    color: #fff;
    background: #0dbbaf;
    cursor: pointer;
    border: 2px solid #0dbbaf;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 700;
}

.optin-box-content button:hover {
    background: #fff;
    color: #0dbbaf;
}
 
body.page-id-16223 form.infusion-form input[type="submit"] {
    width: 100%;
    padding: 15px !important;
    font-size: 16px;
    font-family: Raleway, sans-serif;
    color: #fff !important;
    cursor: pointer;
    border-radius: 5px !important;
    margin-top: 10px !important;
    text-align: center !important;
}
 
 .timer-training .seconds {
    display: none !important;
 }

 img.size-full.wp-image-18082.aligncenter.lazyloaded{
     text-align: center!important;
     margin: auto!important;
 }
 
 .blog-optin {
     float: left;
     width: 100%;
     border: solid 3px #0DBBAF !important;
     padding: 20px 20px 0 20px !important;
 }
 
 .blog-optin input[type=text] {
     width: 100% !important;
     float: left;
     margin-bottom: 10px !important;
     border: solid 1px #fff !important;
 }
 
 .blog-optin input::placeholder {
     color: #fff !important;
 }
 
 .blog-optin span.infusion-option {
     float: left;
     width: 100%;
 }
 
 .blog-optin button {
     background: #FF5C5C;
     color: #fff;
     padding: 15px 40px;
     margin: 0 auto;
     font-size: 16px;
     border-radius: 5px;
     width: 100%;
     cursor: pointer;
 }
 
 .blog-optin button:hover {
     opacity: .9;
 }

 .teal-box {
     background: #0DBBAF !important;
     color: #fff !important;
     padding: 20px !important;
     float: left;
     width: 100%;
 }
 
 .timer-training div:nth-child(6) {
    display: none !important;
 }
 
 


[id*="post-"] .et_post_meta_wrapper {
    max-width: 800px;
    margin: 0 auto;
}
 
/* Core */

a.et-core-modal-action {
    background-color: #FF0000 !important;
    text-align: center !important;
}

/* Oxalate Summit */

.oxalate-summit-form .infusion-submit button:hover {
  background-color: #F65251;
}

.oxalate-summit-form input[type="text"], .oxalate-summit-form input[type="email"] {
    border: 0;
    border-radius: 0;
}
 
body.search header.et-l.et-l--header {
	display: block !Important;
}

body.search main#primary {
    max-width: 1060px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
}

header.et-l.et-l--header .et_pb_section_0_tb_header {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

[class*="postid-"] .alignleft {
  margin-right: 15px !important;
  margin-bottom: 10px !important;
}

[class*="postid-"] .alignright {
  margin-left: 15px !important;
  margin-bottom: 10px !important;
}

[class*="postid-"] ol.comment-list {
    margin-left: 0;
    list-style: none;
    padding-left: 0;
}

[class*="postid-"] ol.comment-list li {
    padding: 20px;
    border: 1px solid #0dbbaf;
    border-radius: 10px;
    margin: 10px 0;
}

b.fn, b.fn a {
    font-size: 20px;
    text-decoration: none;
    color: #0dbbaf;
    font-weight: 400;
} 

.comment-content p {
    font-size: 18px;
    font-family: 'Mulish', sans-serif;
}
.comment-metadata a {
    text-decoration: none;
    color: #00a6cc;
}

.training-menu .et_pb_menu__icon.et_pb_menu__search-button {
    top: 0px;
}

.fullwidth-header {
    width: 100% !important;
} 

.page-id-23544 .eight-cnc-inner {
    width: 30%;
    margin-right: 2% !important;
}

/* timer page */
.timer-sales-page .time_circles > div {
    background-color: #FF5451;
    padding: 50px;
    margin: 0 10px;
    border-right: 4px solid #FFF;
    display: flex;
    flex-direction: column;
}

.timer-sales-page .time_circles {
  bottom: 55px;
}

.timer-sales-page-two .time_circles h4, .timer-sales-page-two .time_circles span {
    color: #555 !important;
}

.timer-sales-page-three .time_circles > div {
    padding: 50px;
    margin: 0 10px;
    border-right: 4px solid #FFF;
}

.timer-sales-page > div h4 {
    order: 2;
}

.timer-sales-page > div span {
    order: 1;
    line-height: normal !important;
}


.product-page-timer .time_circles div span {
    font-size: 50px !important;
    color: #0dbbaf;
}

.product-page-timer .time_circles div h4 {
    margin-top: -10px;
    color: #ff9e46;
}

.sales-page-popup .infusion-field label {
    color: #fff;
}

.sales-page-popup button#recaptcha_91c677d2aa7281da64b0ea578c1bd9c1 {
    color: #ffffff!important;
    border-width: 3px!important;
    border-color: #FFFFFF;
    border-radius: 0px;
    letter-spacing: 4px;
    font-size: 20px;
    font-weight: 600!important;
    text-transform: uppercase!important;
    background-color: #a70b09;
}

.sales-page-popup button#recaptcha_91c677d2aa7281da64b0ea578c1bd9c1:hover {
    color: #FFFFFF!important;
    border-color: #a70b09!important;
    letter-spacing: 4px!important;
    border-width: 3px!important;
    background-image: initial;
    background-color: #a70b09;
}

.page-id-20906 header.et-l.et-l--header {
    display: none;
}

.page-id-20951 #popup-form input, .page-id-20971 #popup-form input {
    border-radius: 5px;
    display: block;
    padding: 15px;
    width: 100%;
}
.page-id-20951 #popup-form label, .page-id-20971 #popup-form label {
    font-size: 16px;
}
.page-id-20951 #popup-form button, .page-id-20971 #popup-form button {
  background: #0dbbaf;
  border: 0;
  border-radius: 5px;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  padding: 15px;
  text-transform: uppercase;
  width: 100%;
}

.page-id-20951 #popup-form select#inf_custom_Occupation {
    padding: 15px;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 10px;
}


.header-timer .et_pb_countdown_timer .section.seconds,
.header-timer  .et_pb_countdown_timer .sep {
display:none;
}


/* Divi bug-override */
div#posts-footer {
    padding: 40px 0 !important;
}

li#menu-item-22103 {
    background-color: #0dbbaf;
    padding: 12px 7px 5px 7px;
    margin-top: -2px;
    line-height: 10px;
    margin-right: 5px;
    border-radius: 5px;
}

li#menu-item-22103 a{
    color: #fff;
}


.olark-text-button.olark-launch-button-wrapper .olark-button-focus-wrapper:focus-within {
    background: transparent !important;
}


.olark-launch-button.olark-text-button .olark-button-text {
   min-width: 250px;
}

#olark-wrapper .olark-button-focus-wrapper button.olark-launch-button.olark-size-dr.olark-text-button {
      background: url(https://bioindividualnutrition.com/wp-content/uploads/2023/12/OLark_JulieBNI.png) no-repeat !important;
    background-color: rgba(0,0,0,0.0)!important;
    height: 100px !important;
    min-width: 296px !important;
}

#olark-wrapper .olark-launch-button {
    background-color: rgba(0,0,0,0.0)!important;
    width: 300px!important;
    height: 120px !important;
}

#olark-container {
	bottom: 130px !important;
}


.olark-text-button .olark-launch-button-wrapper .olark-button-focus-wrapper:focus-within {
background-color: rgba(0,0,0,0.0)!important;
}

#olark-wrapper .olark-text-button svg {
    display: none !important;
}

h2.olark-top-bar-text:after {
    content: ",";
    font-size: 200px !important;
    height: 100px !important;
    display: inline-block !important;
    color: #fff !important;
}

#olark-wrapper .olark-top-bar p {
    min-height: 100px !important;
    background: url(https://bioindividualnutrition.com/wp-content/uploads/2023/12/OLark_Julie9.png) no-repeat !important;
    text-align: center !important;
}

#olark-wrapper .olark-has-agent .olark-agent-info .olark-agent-display-wrapper p {
    background: 0 !important;
    text-align: left !important;
    min-height: unset !important;
}

#olark-wrapper .olark-has-agent .olark-agent-info .olark-agent-avatar {
    border: 0 !important;
}

.et_pb_sticky #top-form form {
    align-items: center;
}

a.forum-logo-form {
    max-width: 320px;
    display: none;
}
.et_pb_sticky a.forum-logo-form {
    display: block;
    margin-right: 30px;
}

.et_pb_sticky .et_pb_row.et_pb_row_6 {
    max-width: 80vw;
}

.et_pb_sticky #top-form form {
    align-items: center;
}

.et_pb_sticky #top-form-holder {
    max-width: 1360px;
}

.pa-toggle-clickable-area > div {
    background-color: #f2f2f2 !important;
}

.img-with-shadow img {
   box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
}

.pricing-table-2023 .et_pb_pricing_content {
   padding: 10px;
}

.pricing-table-2023 .et_pb_pricing_content_top {
   padding-bottom: 15px;
   border: none;
}

#boxID-one ul, #boxID-two ul, #boxID-three ul {
    margin-top: 10px;
}

#left-area ol, .entry-content ol, .et-l--body ol, .et-l--footer ol, .et-l--header ol {
  list-style-position: outside !important;
}

img[alt] {
  color: transparent;
}

.optin-box-content.white-bg .infusion-field.practitioner {
    color: #555;
}

.menu-item-22257 ul li {
    display: block;
}

/* for forms*/

.page-id-19899 .infusion-field {
    display: flex;
    flex-direction: column;
}

.page-id-19899 .infusion-field input {
    padding: 10px;
}

.keap-form input {
    width: 100%;
    border: 1px solid #fff;
    padding: 10px 10px;
    border-radius: 20px;
    margin: 5px;
}

.infusion-field.practitioner input {
    width: auto;
}

/* Mobile */
@media (max-width: 1300px) {
    #new-page-template div#logo {
        max-width: unset;
        width: 30%;
    }
    .menu-new-top-menu-container {
        float: right;
        max-width: 66%;
    }
}
 
@media (max-width: 980px) { 
    #new-page-template div#logo {
        width: 100%;
    }
    .menu-new-top-menu-container {
        width: 100%;
        max-width: unset;
    }
    [id*="post-"] header {
        padding: 0 20px;
    }

}

@media (max-width: 500px) {
  .text-mobile p {
    font-size: 1
  }
  .page-id-23256 #main-banner {
    background-position-x: -1130px;
  }
}

@media (max-width: 380px) {
    .et-db #et-boc .et_animated {
        opacity: 100 !important;
    }
}
 