/*
Theme Name: Divi Child
Description: Child theme of Divi
Author: Poppyvine
Version: 0.0.1
Template: Divi

STYLE MENU 
1. Colors
2. General Styles
3. Header Styles
4. Home Styles
5. Page Styles
6. Events Calendar Styles
7. Therapies Styles
8. Form Styles
9. Product Styles
10. Blog Styles
11. Footer Styles
12. Mobile Styles
*/


/* 1. COLORS 
Green:		#3e9420    rgba(62, 148, 32, 1)
Dark Green:	#215c0c
Yellow:		#feac19     rgba(254, 172, 25, 1)

*/

/* --- 2. GENERAL STYLES ---  */

/* --- Summer Styles ---  */
.yogaListings div#leftMenu { display: none !important; }
li#menu-item-484 .sub-menu { display: none !important; }
li#menu-item-484 a::after { display: none !important; }
.yogaListings .et_pb_column.et_pb_column_1_4.et_pb_column_0.et_pb_column_single { display: none; }
.et_pb_gutters3 .yogaListings .et_pb_column_3_4 { width: 100%; }
/* --- End Summer Styles ---  */

ul, menu, dir {list-style-type: none !important; }
#main-content .container:before {display: none; }
.script { font-family: 'Dancing Script', cursive; text-align:center; }
a.et_pb_button { color: white !important; }

h1.entry-title em { display: block; font-size: .5em; color: #feac19; }
h1.entry-title { font-size: 2.5em; padding: 0px 0px 30px; text-align: center; }
h1.page-title { text-align: center; margin: 20px 0px; font-size: 3em; }
h3 em { font-size: .8em; padding: 20px 0px 10px; }

.et_pb_fullwidth_header { padding: 20px 0px 0px 0px; }

#sidebar h2 { font-size: 1.5em; }
h2.subTitle { font-size: 1.3em; font-style: italic; color: #feac19; }
.centeredHeader { text-align: center; margin-bottom: 20px; }

.sub-menu li a { color: #3e9420 !important; }
#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {top: 20px; }

/* --- 3. HEADER STYLES --- */
.et_header_style_centered #logo { max-height: 165px !important; padding-bottom: 10px; }
.et_header_style_centered #main-header .logo_container { height: 100%; padding: 0; }
#et-top-navigation { background-color: #3e9420; }
.et_header_style_centered #top-menu > li > a { padding: 18px; }
#main-header { background-image: url('https://thehealthyway.ie/wp-content/uploads/2016/03/Menu-background.jpg'); background-repeat: repeat-x; background-position: center bottom; }
#top-header .et-cart-info { display: none; }



/* --- 4. HOME STYLES --- */

#homeSlider .et_pb_slide { height: 300px; }
#homeSlider .et_pb_slide_description { padding-top: 40px; text-align: left; }
#homeSlider h2.et_pb_slide_title { font-size: 40px; }

#health-shop-kildare { padding-top: 10px; }
#health-shop-kildare h1.script { font-size: 4em; padding-bottom: 20px; font-family: 'Dancing Script', cursive; }
#health-shop-kildare .et_pb_section { position: relative; top: -80px; background-color: transparent; margin-bottom: -80px; }
#health-shop-kildare .et_pb_section { background-image: url(https://thehealthyway.ie/wp-content/uploads/2016/03/banner-bottom-background.png); background-size: initial; background-position: top; background-repeat: repeat-x; }

#homeServices {margin-bottom: 30px; }
#homeServices h2  { font-size: 2.5em; font-family: 'Dancing Script', cursive; }
/* #homeServices .et_pb_main_blurb_image { margin-bottom: 0px; }
#homeServices h4 a { background-color: #3e9420; padding: 10px !important; display: block; position: relative; top: -10px; cursor: pointer !important; }
#homeServices h4 a:hover { background-color: #feac19; }
*/

#homeYoga h4 { font-size: 2.5em; padding-top: 150px; }
.homeYogaClass { background-color: rgba(255,255,255,.7); padding: 30px; }
.homeYogaClass h1.script { text-align: center; color: #215c0c; }
.homeYogaClass ul { list-style: none; padding-left: 0px; }
.homeYogaClass ul a { display: block; color: #215c0c; }
.homeYogaClass .lcp_customfield { display: inline-block; width: 31%; margin: 0px 1%; color: #3e9420; font-style: italic; font-size: .9em; }
.homeYogaClass li { border-bottom: 1px solid #3e9420; padding-bottom: 2px; margin-bottom: 2px; }
p.alignRight { text-align: right; }

#homeShop h1.script { margin-bottom: 40px; }
#homeShop .woocommerce ul.products li.product { margin-bottom: 10px; }
#sidebar .product-title { font-size: .8em; }
#sidebar .amount { color: #3e9420; }
#sidebar .woocommerce ul.product_list_widget li a { display: block; font-weight: 600; line-height: 1; }
#sidebar h4.widgettitle { line-height: 1.3; text-align: center; padding-bottom: 1em; }

img.lcpImg.wp-post-image { float: left; padding-right: 20px; width: 200px; }
.lcp_catlist li { list-style: none; }
a.lcpTitle { font-size: 2em; }
a.lcpMore { color: white; background-color: #3e9420; padding: 5px 10px; margin: 10px 0px; display: inline-block; }
a.lcpMore:hover { background-color: #feac19; }
.therapiesList li a { background-color: rgba(255,255,255, .5); padding: 5px 10px; display:block; }
.therapiesList li:nth-child(odd) { background-color: rgba(62, 148, 32, .1); }
.therapiesList li a:hover { background-color: #3e9420; color: white; }




/* --- 5. PAGE STYLES --- */

#aboutIntro { padding-top: 0px; }

#thankYouPage { text-align: center; }
.et_pb_team_member img { width: 50%; }
.et_pb_team_member_description h4, .et_pb_member_position {text-align: center; }

.shiatsuCollegePage .whatYouWillLearn li { width: 30%; display: inline-block; }
.shiatsuCollegePage .whatYouWillLearn li:before { content: "\4e"; font-family: 'ETmodules'; color: #feac19; padding-right: 15px; }
.shiatsuCollegePage strong.et_pb_testimonial_author { color: #3e9420; margin-top: 0px; text-align: right; font-style: italic; }

.contactPage { padding-top: 10px; }
.contactPage h2 { font-family: 'Dancing Script', cursive; }
.contactPage a { padding: 10px 0; display: inline-block; }
.contactPage a:hover { color: #feac19; }
.contactPage a.phone:before { content: "\e090"; font-family: 'ETmodules'; padding-right: 10px; vertical-align: top; }
.contactPage a.email:before { content: "\e076"; font-family: 'ETmodules'; padding-right: 10px; vertical-align: top; }
.contactPage .socialIcons a.facebookIcon::before { content: "\e093";  font-family: 'ETmodules'; border: none; font-size: 2em; color: #3e9420; padding:20px 10px 10px 0; display: inline-block;}
.contactPage .socialIcons a.twitterIcon::before { content: "\e094"; font-family: 'ETmodules'; border: none; font-size: 2em; color: #3e9420; padding:20px 0px 10px 10px; display: inline-block;}
.contactPage .socialIcons a.facebookIcon:hover::before { color: #feac19;  }
.contactPage .socialIcons a.twitterIcon:hover::before { color: #feac19; }
button.et_pb_contact_submit.et_pb_button { color: white; }

p.et_pb_contact_field.et_pb_contact_field_3.et_pb_contact_field_half { width: 100%; }



/* --- 6. YOGA STYLES --- */
.classesArchive .et_pb_post { margin-bottom: 0px; }
#classList p { display: inline-block; padding: 5px 10px; vertical-align: -webkit-baseline-middle; color: #000; }
#classList p.classDay, #classList p.classTime {  width: 12%; }
#classList p.className { width: 25%; }
#classList p.classDuration, .yogaTime {width: 10%; }
#classList p.classPrice {text-align:center; width: 20%;  }
#classList p.classTeacher { width: 18%; text-align: right;  }
.classesArchive .et_pb_post:nth-child(even) { background-color: rgba(62, 148, 32, .1); }
.classesArchive .et_pb_post:hover { background-color: rgba(62, 148, 32, .4); }

#classDetails { text-align: center; }
#classMeta p { display: inline; margin: 10px; }
#classDetails em { padding-right: 5px; color: #666; }
#classDetails p.classPrice { color: #3e9420; margin-top: 10px; font-size: 1.2em; }

#paypalButtons { text-align: center; margin: 40px 0 50px; }
a.customPaypal.et_pb_button:before { content: url('https://thehealthyway.ie/wp-content/uploads/2016/04/paypal.png'); padding-right: 10px; }
a.customPaypal.et_pb_button { text-transform: capitalize; }
#paypalButtons h3 { margin-bottom: 15px; }
a.customPaypal.et_pb_button { display: inline-block; margin: 5px; }

#sidebar.noSidebar { display: none; }


.yogaListings a.lcpTitle, #classList p.className {  float: left; font-size: 1.5em; line-height: 1.5; color: #3e9420; padding-right: 20px;   }
.yogaListings a.lcpTitle {width: 45%; }

.yogaListings .lcp_catlist li, #classList { float: left; border-bottom: 1px solid #3e9420; margin-bottom: 10px; width: 100%; }
.yogaListings .lcp_customfield, #classList .groupTogether { width:30%; float: left; font-style: italic; color: #999; }
.yogaListings li.current_page_item a, #classList li.current_page_item a { background-color: #feac19; }

#left-area.fullwidth { width: 100%; padding-right: 0px; }
#classList p.className {width: 50%; height: 100px; }
#classList p.groupTogether { width: 30%; text-align: left; line-height: 1.2; }
a.et_pb_button.more {  display: inline-block; width: 20%; }
a.et_pb_button.more { font-size: 1em;  text-align: center; }




/* --- 7. THERAPIES STYLES --- */

h1.archiveTitle { text-align: center; margin-bottom: 30px; }

#teacher, #teacher2 { background-color: #efefef; padding: 20px; margin-top: 30px; }
#teacher h2, #teacher2 h2 { text-align: center; margin: 10px 0 20px; }
#teacher ul li, #teacher2 ul li { list-style-type: none; }
#teacher img.teacherImg, #teacher2 img.teacherImg  { float: right; border: 5px solid white; margin-left: 20px; }
#teacher .teacherAccred img, #teacher2 .teacherAccred img {  padding-bottom: 0; font-style: italic; color: #666; }
#teachersButtons { text-align: center; padding-top: 20px; }
#teachersButtons a.et_pb_button { margin: 5px; display: inline-block; }

#leftMenu { background-color: #3e9420; position: relative;  }
#leftMenu li a { color: white; padding: 5px 15px; display: block; border-bottom: 1px solid; }
#leftMenu li a:hover { background-color: #feac19; }
#leftMenu li.current a { background-color: #feac19; cursor: none;  }

#leftMenu.et_pb_widget_area_left { padding-right: 0px !important; border-right: none; }
.et_pb_widget_area


/*
#therapiesTitle { font-size: 1.7em; line-height: 1.5; position: relative; text-align: center; background-color: rgba(62, 148, 32, .5); position: relative; top: -107px; padding: 10px; margin-bottom: -107px; height: 100px; }
#therapiesTitle a { color: white; }
#therapiesTitle a:hover { color: #3e9420; }


#therapiesTitle a { background-color: #3e9420; display: block; color: white; text-align: center; padding: 10px 10px; position: relative; top: -10px; font-size: 1.5em; }
#therapiesTitle a:hover { background-color: #feac19; }

*/

.therapiesThumb { line-height: 0; }
#therapiesArchiveList img { min-height: 200px; height: auto; }
.therapiesFeatImg { width: 100%; height: 200px; overflow: hidden; position: relative; }
.therapiesFeatImg img { position: absolute; top: -50%; }


/* --- 7. WORKSHOP STYLES --- */
.postid-1281 #paypalButtons { display: none; }



/* --- 8. FORM STYLES --- */



/* --- 9. PRODUCT STYLES --- */
nav.woocommerce-breadcrumb {  display: none; }
li#woocommerce_products-3 { list-style: none; }

#productSidebar .textwidget { list-style: none; margin-bottom: 40px; }
#productSidebar h2 { margin-bottom: 10px; }
#productSidebar a.lcpTitle { display: block; padding: 10px; }

#productSidebar #text-5 .lcp_catlist { border: 1px solid #3e9420; text-align: center; }
#productSidebar a.lcpTitle { font-size: 1em; font-weight: bold; }
#productSidebar p { font-size: .8em; line-height: 1.5; }

#productSidebar #text-7 ul#lcp_instance_0 { padding: 10px 5px !Important; }

#healthStore .introText ul li { line-height: 1.5em; margin-top: 10px; }
#healthStore .introText ul li:before { content: "\4e"; font-family: 'ETmodules'; padding-right: 20px; color: #feac19; }



/* --- 10. BLOG STYLES --- */

.postFeaturedImg img { max-width: 300px; max-height: 200px; width: auto; height: auto; float: right; }
h1.entry-title {line-height: 1.3; }
#left-area.goneRight.classesArchive { width: 100%; }

#sidebar a.lcpTitle { font-size: 1.1em; color: #3e9420; display: inline-block; padding-bottom: 10px; }
#sidebar #text-7 ul#lcp_instance_0 { border: 1px solid #3e9420; text-align: center; padding: 10px 15px; }
#sidebar p { font-size: .8em; line-height: 1.5; }
#sidebar #text-7  a.lcpMore:hover { color: white !important; }

.postFeaturedImg img { max-width: 300px !important; max-height: 200px !important; height: auto; width: auto; }


/* --- 11. FOOTER STYLES --- */
#main-footer h4.title { font-family: 'Dancing Script', cursive !important; }
#main-footer a { color: white; }
#main-footer .footer-widget h4.title { color: white; font-size: 32px; }
#main-footer { background-image: url('https://thehealthyway.ie/wp-content/uploads/2016/03/The-Healthy-Way-Bkg-Repeat.png'); }

#main-footer a:hover { color: #feac19; }
#main-footer address { padding-bottom: 15px; }
#footerPhone a:before { content: "\e090"; position: relative; font-family: 'ETmodules'; padding-right: 10px; }
#footerMail a:before { content: "\e076"; position: relative; font-family: 'ETmodules'; padding-right: 10px; }
#footerNewsletter p { margin: 20px 0 10px; text-align: center; font-style: italic; font-weight: 600; }
#footerNewsletter input { width: 100%; border: none !important; padding: 3px 10px !important; font-size: 1em; margin: 3px !important; }
#footerNewsletter input#mc-embedded-subscribe { background-color: #feac19; color: white; text-transform: uppercase; padding: 5px 10px !important; cursor: pointer !important;  }
#footerNewsletter input#mc-embedded-subscribe:hover { background-color:  #215c0c;   }

.tw-recent-posts .featured-post h4 { font-size: 1em !important; font-weight: bold; font-style: italic; }
.tw-recent-posts .featured-post .excerpt { font-size: .9em; }
.tw-recent-posts a.read-more { color: #feac19 !important; }
.tw-recent-posts a.read-more:hover { color: rgba(254, 172, 25, .5) !important; }

/* --- 12. MOBILE STYLES --- */

@media only screen and (min-width: 981px) {
	#top-header .pipeRight a:after { content: '|'; padding-left: 15px; }

	.et_right_sidebar #sidebar { padding-left: 0px; }
	.et_right_sidebar #left-area.goneRight { padding-right:0px; padding-left: 4%; }
	
	#therapiesArchiveList { width: 31%; float: left; margin: 1%; }
	#left-area.goneRight.classesArchive { width: 100%; }

	

}

@media only screen and (max-width: 980px) {

	#left-area { margin-bottom: 50px; }
	#leftMenu { background-color: #fff; text-align: center; }
	#leftMenu li a { color: white; padding: 5px 10px; display: inline-block; margin: 2px; border: none;  background-color: #3e9420; }
	#leftMenu li { display: inline; }

	#et-top-navigation { position: relative; top: 10px; }
	.et_header_style_centered .et_mobile_menu { top: 43px; }
	.et_header_style_centered #logo { position: relative; top: -15px; }
	.et_header_style_centered #main-header {height: 235px; }
	.et_header_style_centered #main-header .mobile_nav { background-color: rgba(0, 0, 0, 0) !important; }
	.et_header_style_centered #et_mobile_nav_menu { margin-top: 63px; }
	.et_mobile_menu li a {color: #3e9420 !important; }

	#health-shop-kildare { padding-bottom: 0px; }
	#homeServices { padding-top: 0px; }
	#homeYoga h4 { padding-top: 0px; }
	#homeTherapies .et_pb_row.et_pb_row_4 { padding: 0px; }
	#homeTherapies #lcp_instance_0 li { text-align: center; }


	#shiatsuPage { padding-top: 0px; }

	#teacher img.teacherImg, #teacher2 img.teacherImg { clear: both; text-align: center; display: block !important; }

	#therapiesArchiveList { margin: 10px; width: 46%; float: left; }

	.shiatsuCollegePage .whatYouWillLearn li { width: 100%; }
	.contactPageDetails { text-align: center; }

	#sidebar img.lcpThumb.wp-post-image { text-align: center; display: block; margin: 0 auto; }

	#main-footer #text-2, #main-footer #text-3 {  width: 100%; text-align: center; }
	#main-footer #mc_embed_signup { width: 300px; text-align: center; margin: 0 auto; }
	#main-footer h4.title {  text-align: center; }
}

@media only screen and (min-width: 751px) {
	.yogaListings a.lcpTitle, #classList .className {  min-height: 100px; }

	#productSidebar img.attachment-shop_thumbnail.size-shop_thumbnail.wp-post-image { width: 50px; float: right; }
	#productSidebar span.product-title { font-size: .8em; display: block; line-height: 1.5; float: left; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed; width: 100%; }
	#productSidebar span.amount { font-weight: 600; color: #feac19; font-size: .9em ; }
	#productSidebar li { list-style: none; }

	img.teacherImg { max-width: 300px; }
	
}

@media only screen and (max-width: 750px) {
	.yogaListings .lcp_catlist, #classList {text-align: center; padding-bottom: 10px; }
	.yogaListings a.lcpTitle, #classList p.className {  width: 100%; height: auto; text-align: center; }
	.yogaListings .lcp_customfield, #classList p.groupTogether { width: 100%; display: inline-block; }
	#classList p.className {margin-bottom: 10px; }
	#classList p.groupTogether { text-align: center; width: 100%; }
	#classList a.et_pb_button.more { width: 50%; margin: 10px 0px; }
	
	#productSidebar p { font-size: 1em; }
	#productSidebar a.lcpTitle { font-size: 1.5em; }
	#productSidebar .product-title { display: block; }
	.product_list_widget li { text-align: center; border-bottom: 1px dashed; padding: 10px; }
	#productSidebar span.amount { font-weight: 600; color: #feac19; }
	

}

@media only screen and (max-width: 600px) {
	#et-info-phone { margin-bottom: 5px; display: block; }

	.et_pb_column .woocommerce ul.products li.product:nth-child(n) {width: 50% !important; }
	#homeTherapies img.lcpImg.wp-post-image { float: none; padding-right: 0px; width: 200px; margin-top: 10px; }

	#classMeta p { display: inline-block;  margin: 0px 5px; padding: 0px; }
	.therapiesFeatImg {height: 100px; }
	#therapiesArchiveList { width: 100%; float: none; }
	
	img.teacherImg { width: 100%; margin:30px 0;  }
	h3.teacherName, em.teacherAccred { text-align: center; display: block; }

	.postFeaturedImg img { width: auto; height: auto; float: none; }

	#main-footer #mc_embed_signup {  width: 100%; }
	#classList a.et_pb_button.more { width: 80%; }
}



/*Yates Design Hover Modules*/

.border-hover .et_pb_column, #therapiesArchiveList { overflow: hidden; position: relative; }
.border-hover .et_pb_column img, #therapiesArchiveList img { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.border-hover .et_pb_column:hover img, #therapiesArchiveList:hover img { transform: scale(1.1); }
.border-hover .et_pb_column .et_pb_image:after, #therapiesArchiveList .therapiesThumb:after  { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(62, 148, 32, 0.4); content: ''; }
.border-hover .et_pb_column:hover .et_pb_image:after, #therapiesArchiveList:hover .therapiesThumb:after  {
 position: absolute; top: 0; left: 0; width: 100%;  height: 100%;  background: rgba(62, 148, 32, 0.7); content: ''; }
 
/* .border-hover .et_pb_column .et_pb_promo_description:before {
 top: 50px;
 right: 30px;
 bottom: 50px;
 left: 30px;
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
 -webkit-transform: scale(0,1);
 transform: scale(0,1);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
 position: absolute;
 content: '';
 opacity: 0;
 -webkit-transition: opacity 0.35s,
 -webkit-transform 0.35s;
 transition: opacity 0.35s, transform 0.35s;
}
 
.border-hover .et_pb_column .et_pb_promo_description:after {
 top: 30px;
 right: 50px;
 bottom: 30px;
 left: 50px;
 border-right: 1px solid #fff;
 border-left: 1px solid #fff;
 -webkit-transform: scale(1,0);
 transform: scale(1,0);
 -webkit-transform-origin: 100% 0;
 transform-origin: 100% 0;
 position: absolute;
 content: '';
 opacity: 0;
 -webkit-transition: opacity 0.35s,
 -webkit-transform 0.35s;
 transition: opacity 0.35s, transform 0.35s;
}
*/
 
.border-hover .et_pb_column:hover .et_pb_promo_description:before, .border-hover .et_pb_column:hover .et_pb_promo_description:after, 
#therapiesArchiveList:hover .therapiesTitle:before, #therapiesArchiveList:hover .therapiesTitle:after
{ -webkit-transition-delay: 0.15s; transition-delay: 0.15s; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.border-hover .et_pb_column .et_pb_promo_description h2, #therapiesTitle h2 { opacity: 1; color: #fff; position: absolute; top: 37%; width: 100%; text-align: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin: 0; padding: 0; }
.border-hover .et_pb_column .et_pb_promo_description p { opacity: 0;  color: #fff; position: absolute; top: 42%; width: 100%; text-align: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out; }
.border-hover .et_pb_column:hover .et_pb_promo_description h2, #therapiesArchiveList:hover .therapiesTitle h2 { opacity: 1; position: absolute; top: 40%; width: 100%; text-align: center; color: #fff; }
.border-hover .et_pb_column:hover .et_pb_promo_description p { opacity: 1; position: absolute; top: 50%; width: 100%; text-align: center; color: #fff; }
.border-hover .et_pb_promo, #therapiesArchiveList .therapiesTitle{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.border-hover .et_pb_promo_button { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }