/*
Theme Name: Divi Child
Theme URI: /nutrientsoflife.com/public_html/wp-content/themes/Divi-child
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Hilda's Live website
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 4.9.7.1623996794DS
Updated: 2022-07-11 10:09:00
DS updated 22/05/2023 14:15
*/
/* this targets the key outcome image on the home page */
.et_pb_column_8 {
	align-self: center;
}
.et_contact_bottom_container {
    width: 97%;
}
/* centers the submit buttom */
.et_pb_contact_submit.et_pb_button {
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-top: 20px;
}
/* this moves the bullets in the text next to the teapot inside of the words */
.et_pb_text_1 > div:nth-child(1) > ul:nth-child(4) {
	list-style-position: inside;
}
/* this adds padding around both bullet areas on the herbal page(not sure if it affects other pages). rule obtained by right click the small symbol in the CSS area and copy rule */
#left-area ul, .comment-content ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul, body.et-pb-preview #main-content .container ul {
    list-style-type: disc;
    padding: 15px 0 23px 1em;
    line-height: 26px;
    }
/* div.et_pb_module:nth-child(5) > div:nth-child(1) > ul:nth-child(2) { */
.page-id-58 .et_pb_text_inner ul {
    list-style-type: disc;
    padding: 1px 0 23px 24em;
    line-height: 26px
    }
/* applies to all posts - modified below for mobiles */
/*.et_pb_post {
	box-shadow: 0px 2px 80px 0px rgba(160,190,212,0.22);  
	border-radius: 6px;
	padding: 60px;
	}/*
/* lowers the small R in circle on the about page */
sub, sup {
	top: -0.4em;
}
/* extends dropdown menu for the Annual Wellness Check */
#top-menu li li a {
	width: 240px;
}
.nav li ul {
	width: 300px;
}
/* creates a green tick for bullets on the first blog post - may affect other pages */
.joy-cooking-list ul {
list-style-type: none!important;
}
.joy-cooking-list ul li:before {
content: '\e052'!important;
color: #2cba6c;
font-family: 'ETMODULES'!important;
margin-right: 10px;
margin-left: -30px;
font-size: 1.2em!important;
}
.et_pb_blog_0 a.more-link {
	display:inline-block;
	background:#15c39a;
	padding:5px 15px;
	margin-top:20px;
	border-radius: 45px;
}
/* extra margin around the table header so its not shown on the inner border shading */
.et_pb_pricing_tables_0 .et_pb_pricing_heading {
	margin-left: 15px;
	margin-right: 15px;
}
.et_pb_pricing_tables_1 .et_pb_pricing_heading {
	margin-left: 15px;
	margin-right: 15px;
}
.et_pb_pricing_tables_2 .et_pb_pricing_heading {
	margin-left: 15px;
	margin-right: 15px;
}
/* move drop down arrow lower on contact form */
.et_pb_contact_field[data-type="select"]::after {
	top: 30% !important;
}
/* change font weight (thiner) of navigation menu */
#et-top-navigation {
    font-weight: 400;
}
/* add space between form and words at bottom */
.et_pb_contact_select {
	margin-bottom: 30px;
}
/* moves in second and subsequent lines of checkbox test */
.et_pb_contact p input[type="checkbox"] + label, .et_pb_contact p input[type="radio"] + label, .et_pb_subscribe .et_pb_contact_field input[type="checkbox"] + label, .et_pb_subscribe .et_pb_contact_field input[type="radio"] + label {
	text-indent: -24px;
	padding-left: 24px;
}
/* moves tick in checkbox to align with above */
.et_pb_contact p input[type="checkbox"]:checked + label i::before, .et_pb_subscribe .et_pb_contact_field input[type="checkbox"]:checked + label i::before {
	padding-left: 24px;
}
/* Style the Divi Form Success Message */
.et-pb-contact-message p {
	color: #ffffff;
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: 600;
	/* display: inline-flex;*/
	background-color:#15c39a;
	border: 10px solid #15c39a;
	border-radius: 10px;
/*text-transform: uppercase;*/
}
/* stop resizing text area on forms */
.et_pb_contact_field textarea.et_pb_contact_message {
	resize: none;
}
/* style the title fields */
.et_pb_contact_field_options_title {
	color: black;
	font-family: montserrat;
	font-weight: 500!important;
}
/* following 3 rules adjust the back to top button */
.et_pb_scroll_top::before {
	content: "\36";
}
.et_pb_scroll_top.et-pb-icon:hover {
		background: #15c39a;
}
.et_pb_scroll_top.et-pb-icon {
	border-radius: 25px;
	right: 15px;
}
/* change background colour of the time dropdown on the contacts desktop form
 * note: the following uses the same form field IDs - time but is shown as time_0 (desktop) and time_1 (mobile) */
#divi-datetime-picker--accent-et_pb_contact_time_0.flatpickr-calendar, #divi-datetime-picker--accent-et_pb_contact_time_1.flatpickr-calendar {
	background: #15c39a!important;
}
/* change background colour of the time dropdown on the contacts mobile form 
 * note: the following uses 2 different form IDs - timeawc and timeawcm */
#divi-datetime-picker--accent-et_pb_contact_timeawc_0.flatpickr-calendar, #divi-datetime-picker--accent-et_pb_contact_timeawcm_1.flatpickr-calendar {
	background: #15c39a!important;
}
/* changes the  background of the time dropdown for all 3 plans */
#divi-datetime-picker--accent-et_pb_contact_timemini_0.flatpickr-calendar, #divi-datetime-picker--accent-et_pb_contact_timewell_0.flatpickr-calendar, #divi-datetime-picker--accent-et_pb_contact_timeint_0.flatpickr-calendar {
	background: #15c39a!important;
}
/* adds an asterisk after price plan on the Consultations page. Requires csm-pricing to be added to CSS class of each Pricing Table */
.csm-pricing .et_pb_et_price:after {
content: "*";
color: #000;
font-size: 20px;
vertical-align: top;
}
/* this and next place a new window icon to the right of the footer text in column 4 ***************************** replaced by <svg
.et_pb_text_0_tb_footer, .et_pb_text_1_tb_footer, .et_pb_text_2_tb_footer, .et_pb_text_3_tb_footer {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}
.et_pb_text_0_tb_footer::after, .et_pb_text_1_tb_footer::after, .et_pb_text_2_tb_footer::after, .et_pb_text_3_tb_footer::after {
  content: '';
  background-image: url('https://nutrientsoflife.com/wp-content/uploads/2024/03/open_nw.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 14px;
  width: 14px;
  margin-left: 2%;
  margin-top: 1%;
} */ 
/* padding adds space on middle pricing table, keyoutcomes removes image on home page */
@media all and (max-width: 980px) {
.et_pb_column_1 {
	padding-bottom: 0px;
	}
.img-keyoutcomes {
	display: none;
	}
.et_pb_column .et_pb_row_inner,
.et_pb_row {
  padding:20px
 }
}
/* widen header menu container so it doesn't go to 2 lines */
@media (min-width: 980px) and (max-width: 1350px) {
    .container {
    width: 97% !important;
    }
}
/* stops the header reducing in size when below 561px - pct may need to change - check if first statement or existing header css is required */
header#main-header .container img#logo { max-height: 92%; }
@media only screen and (max-width: 561px) { 
header#main-header .container img#logo {max-height: 100%; }
.et_header_style_left #logo { max-width: 70%; }
}
/* Switch to hamburger menu on tablets */
@media only screen and ( max-width:1190px) {
	#et_mobile_nav_menu {
		display: block;
	}
	#top-menu-nav {
		display: none;
	}
	.et_header_style_left .mobile_menu_bar {
		padding-bottom: 50px;
	}
}
/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}
/*rotate the Divi Menu icon on click*/
.mobile_menu_bar:before {
	transition: all .4s ease;
	transform: rotate(0deg);
	display: block;
}
/*rotate the Divi Menu icon on click*/
.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;
}
/*** Responsive Styles Large Desktop And Above (max is ) ***/
@media all and (min-width: 980px) {
    .nut-img2 {	shape-outside: ellipse(50% 50%);
    }
	.et_pb_post .entry-featured-image-url {
	float: left;
	width: 40%;
	margin-right: 3%;
	margin-bottom: 0px;
	}
	/* verticall align the icons in the blurbs on the home page - it may affect all blurbs */
	.et_pb_blurb_position_left .et_pb_main_blurb_image, .et_pb_blurb_position_right .et_pb_main_blurb_image {
	vertical-align: middle;
	}
}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
    .nut-img2 {	shape-outside: ellipse(50% 50%);
    }
    .et_pb_image_0.herb-img1 {
        max-width: 56%;
    }
        .et_pb_image_1.herb-img2 {
        max-width: 56%;
    }
        .et_pb_image_2.herb-img3 {
        max-width: 56%;
    }
	/* verticall align the icons in the blurbs on the home page - it may affect all blurbs */
	.et_pb_blurb_position_left .et_pb_main_blurb_image, .et_pb_blurb_position_right .et_pb_main_blurb_image {
	vertical-align: middle;
	}
}
/*** Responsive Styles Smartphone Only ***/
@media all and (min-width: 480px) and (max-width: 768px) {
    .et_pb_image.nut-img1 {
        padding-left: 0;
    }
	.et_pb_image.nut-img2 {
        shape-outside: none;
        padding-right: 0;
    }
	.et_pb_image.nut-img3 {
        padding-left: 0;
    }
    .et_pb_image_0.herb-img1 {
            padding: 17% 0%;
            max-width: 50%;
    }
    .et_pb_image_1.herb-img2 {
            padding: 5% 0%;
            max-width: 50%;
    }
    .et_pb_image_2.herb-img3 {
            padding: 20% 0%;
            max-width: 50%;
    }
	.joy-img1 {
        max-width: 50%;
	}
	.joy-img2 {
        max-width: 50%;
	}
	.family-img {
        max-width: 50%;
	}
	/* should only applies this margin to the 3 outcome blurbs, not any others */
	.et_pb_blurb_position_top_phone .et_pb_main_blurb_image {
		margin-bottom: -25px;
	}
	/* increase spacing above Engagement h4 blurb title on home page */
	.eng-blurb h4 {
		padding-top: 30px;
	}
	/* increase row width for mobile */
	.et_pb_row {
	width: 90%;
	}
}
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 480px) {
    .et_pb_image.nut-img1 {
        padding-left: 0;
    }
	.et_pb_image.nut-img2 {
        shape-outside: none;
        padding-right: 0;
    }
	.et_pb_image.nut-img3 {
        padding-left: 0;
    }
    .et_pb_image.herb-img1 {
        padding-left: 0;
    }
    .et_pb_image.herb-img2 {
        padding-right: 0;
    }
    .et_pb_image.herb-img3 {
        padding-left: 0;
    }
	.et_pb_post {
	padding-left: 0px;
	padding-right: 0px;
	}
	.joy-img1 {
        padding-right: 0;
	}
	.joy-img2 {
        padding-left: 0;
	}
	.family-img {
        padding-right: 0;
	}
	/* should only applies this margin to the 3 outcome blurbs, not any others */
	.et_pb_blurb_position_top_phone .et_pb_main_blurb_image {
		margin-bottom: -25px;
	}
	.et_pb_scroll_top.et-pb-icon {
	border-radius: 25px;
	right: 1px;
	}
	/* increase spacing above Engagement h4 blurb title on home page */
	.eng-blurb h4 {
		padding-top: 30px;
	}
	/* increase row width for mobile */
	.et_pb_row {
	width: 90%;
	}
}
.herb-img0 {
	float: right;
    }
.herb-img1 {
	float: left;
    }
.herb-img2 {
	float: right;
    }
.herb-img3 {
	float: left;
    }
/*.wp-image-236704 */
    .nut-img1 {
    float: right;
    }
    .nut-img2 {
    float: left;
    }
    .nut-img3 {
    float: right;
    }
/* joy of cooking page */
	.joy-img1 {
		float: right;
	}
	.joy-img2 {
		float: left;
	}
	.family-img {
		float: right;
	}