/*
Theme Name:     Divi - The Heart's Design
Description:    A custom Divi child theme for The Heart's Design
Author:         Cathie Heart
Author URI:		http://www.theheartsdesign.com/
Version:      3
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../Divi/style.css");
@import url("//use.fontawesome.com/releases/v5.15.3/css/all.css");

.branding, .brand, .identity  {color: #d81919 !important;} /* Red */
.wordpress {color: #d58128 !important;} /* Orange */
.graphics {color: #88b340 !important;} /* Green */
.education, .coaching, .teaching {color: #2dbdb6 !important;} /* Blue */
.photography {color: #bd2580 !important;} /* Pink */
.businessdesign {color: #ecc726 !important;} /* Yellow */
.purple {color: #962f92 !important;}

.thickbranding {box-shadow: inset 0 -4px 0 #d81919;}
.thickwordpress {box-shadow: inset 0 -4px 0 #d58128 !important;} /* Orange */
.thickgraphics {box-shadow: inset 0 -4px 0 #88b340 !important;} /* Green */
.thickeducation, .thickcoaching, .thickteaching {box-shadow: inset 0 -4px 0 #2dbdb6 !important;} /* Blue */
.thickphotography {box-shadow: inset 0 -4px 0 #bd2580 !important;} /* Pink */
.thickbusinessdesign {box-shadow: inset 0 -4px 0 #ecc726 !important;} /* Yellow */
.thickpurple {box-shadow: inset 0 -4px 0 #962f92 !important;}


/* Admin CSS */
#post-title-0 {color: #000 !important;}
/* Website + Brand + Image = Business to the menu design */
#mobile_menu1 {margin-top: 5px; text-align: center;  }


/* Menu Animation */
:root {
  --BottomOffset: 22px;
  --LineHeight: 32px;
  --LineColor: #29EECC;
}
/* Menu Hover Effects Style 5 */

.dl-menu-style5 ul.et-menu>li>a {
	position: relative;
	z-index: 1;
}
.dl-menu-style5 ul.et-menu>li>a:before {
    position: absolute;
    content: '';
    display: block;
    z-index: -1;
    background: var(--LineColor);
    opacity: 0;
    height: var(--LineHeight);
    bottom: calc(var(--BottomOffset) - 10px);
    width: calc(100% + (var(--LineHeight) / 1.5));
    right: calc(var(--LineHeight) / -3);
    transition: 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    border-radius: var(--LineHeight);
}

.dl-menu-style5 ul.et-menu>li>a:hover:before {
    bottom: var(--BottomOffset);
    opacity: 1;
}

/* Change these values to edit line appearance and position */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {  /*Hamburger Menu on Tablet & Mobile */
    #et_mobile_nav_menu { display:block !important; margin-bottom:20px; margin-top:6px }
    #top-menu-nav { display:none; }
    .et-fixed-header #et_mobile_nav_menu { margin-bottom:0; }

    /* set the width, and right align */
    #mobile_menu { max-width: 400px; right: 0; left:auto; }
}
.et_pb_menu_0_tb_header .et_pb_menu__logo-wrap .et_pb_menu__logo img {width: 300px !important;}

li.menu-item {font-family: 'Sourcesanspro-light' !important;}
li.current-menu-item a {font-family: 'Sourcesanspro-bold' !important;}
li.current-menu-item.menu-item-2575 a {color: #ecc726 !important; font-family: 'Sourcesanspro-bold' !important;} /* Business */
li.current-menu-item.menu-item-2190 a {color: #d58128 !important; font-family: 'Sourcesanspro-bold' !important;} /* Website */
li.current-menu-item.menu-item-2189 a {color: #d81919 !important; font-family: 'Sourcesanspro-bold' !important;} /* Brand */
li.current-menu-item.menu-item-2203 a {color: #88b340 !important; font-family: 'Sourcesanspro-bold' !important;} /* Graphic*/
li.current-menu-item.menu-item-2738 a {color: #bd2580 !important; font-family: 'Sourcesanspro-bold' !important;} /* Photo*/
li.current-menu-item.menu-item-3143 a {color: #2dbdb6 !important; font-family: 'Sourcesanspro-bold' !important;} /* Teaching*/

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu .menu-item-2575 a {color: #ecc726 !important; font-family: 'Sourcesanspro-reg' !important;} /* Business */
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu .menu-item-2190 a {color: #d58128 !important; font-family: 'Sourcesanspro-reg' !important;} /* Website */
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu .menu-item-2189 a {color: #d81919 !important;  font-family: 'Sourcesanspro-reg' !important;} /* Brand */
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu .menu-item-2203 a {color: #88b340 !important; font-family: 'Sourcesanspro-reg' !important;} /* Graphic*/
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu .menu-item-2738 a {color: #bd2580 !important; font-family: 'Sourcesanspro-reg' !important;} /* Photo*/
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu .menu-item-3143 a {color: #2dbdb6 !important; font-family: 'Sourcesanspro-reg' !important;} /* Teaching*/
/*
#menu-main-menu .menu-item-2190 a:after,
#menu-main-menu .menu-item-2189 a:after,
#menu-main-menu .menu-item-2203 a:after,
#menu-main-menu .menu-item-2738 a:after,
#menu-main-menu .menu-item-2575 a:after,
#menu-main-menu .menu-item-3143 a:after{
	content: "DESIGN";
	color: #CCC;
	font-size: 14px;
	}

#menu-main-menu .menu-item-2190 a:after{ margin: 22px 10px -22px -60px;}	/* Website
#menu-main-menu .menu-item-2189 a:after{ margin: 22px 2px -22px -52px;}	/* Brand
#menu-main-menu .menu-item-2203 a:after{ margin: 22px 10px -22px -60px;}	/* Graphic
#menu-main-menu .menu-item-2738 a:after{ margin: 22px 3px -22px -53px;;}	/* Photo
#menu-main-menu .menu-item-3143 a:after{ margin: 22px 15px -22px -65px;;}	/* Teaching
#menu-main-menu .menu-item-2575 a:after{ margin: 22px 15px -22px -65px;;}	/* Business
*/
.menu-item-2189 a:before, .menu-item-2203 a:before, .menu-item-2738 a:before, .menu-item-3143 a:before {
	content: "+";
	color: #ecc726;
	font-size: 20px;
	position: relative;
	top: 0px;
	right: 10px;
	}

.menu-item-2190 a:before {
	content: "=";
	color: #ecc726;
	font-size: 20px;
	position: relative;
	top: 0px;
	right: 10px;
	}

/* Enquiries Menu Styling */
#menu-main-menu a[href*="contact"],
#mobile_menu1 a[href*="contact"] {
	font-weight: bold;
 background: linear-gradient(to right, #ff1224, #ff8500 , #ffce00, #a6cc19, #17e5da, #ff0098);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 4s ease-in-out infinite;
    background-size: 400% 100%;
}
@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}

/* Blog Post Blocks Styling
.post-meta a {background: #762981; color: #fff; padding: 5px 7px;} */
.category-general .post-meta a,
.et_pb_title_meta_container a[href*="general"] {
background: #962f92 !important;
}
.category-branding .post-meta a,
.et_pb_title_meta_container a[href*="branding"] {
background: #d81919 !important;
}
.category-wordpress-websites .post-meta a,
.et_pb_title_meta_container a[href*="wordpress-websites"] {
background: #d58128 !important;
}
.category-graphics .post-meta a,
.et_pb_title_meta_container a[href*="graphics"] {
background: #88b340 !important;
}
.category-coaching .post-meta a,
.et_pb_title_meta_container a[href*="coaching"],
.category-how-to .post-meta a,
.et_pb_title_meta_container a[href*="teaching"],
.category-seo .post-meta a,
.et_pb_title_meta_container a[href*="seo"]  {
background: #2dbdb6 !important;
}
.category-photography .post-meta a,
.et_pb_title_meta_container a[href*="photography"] {
background: #bd2580 !important;
}
.category-business .post-meta a,
.post-meta a[href*="business"],
.et_pb_title_meta_container a[href*="business"],
.et_pb_title_meta_container a[href$="business"] {
color: #EFC900 !important;
}

 /* p.post-meta {color: #2a2933;}
.more-link {display: block; padding: 8px; margin: 15px 0 0 0; text-align: right;}
a.more-link:hover {color: #fff !important;}
*/

/* Portfolio Filter Center */
.et_pb_filterable_portfolio .et_pb_portfolio_filters ul {
	display: flex !important;
	justify-content: center !important;
}



/* Newsletter Subscription Box Edit */
.et-l--footer .et_bloom .et_bloom_form_container .et_bloom_form_content {
	padding: 0 !important;
	background-color: rgba (0,0,0,0) !important;
}

/*set the image width*/
.pa-blog-sidebar-list .entry-featured-image-url {
	width: 100px;
	float: left;
	margin-bottom: 0!important;
	margin-right: 15px !important;
}


/*set the text width*/

.pa-blog-sidebar-list .entry-title,
.pa-blog-sidebar-list .post-meta {
	width: calc(100% - 115px);
	float: left;
	padding-left: 0px;
}


/*make the image square*/

.pa-blog-sidebar-list .entry-featured-image-url {
	padding-top: 100px;
	display: block;
}

.pa-blog-sidebar-list .entry-featured-image-url img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}


/*adjust the spacing and add a border between the posts*/

.pa-blog-sidebar-list .et_pb_post:not(:last-child) {
	padding-bottom: 10px;
	margin-bottom: 10px;
}


.pushthisbutton:after
{content: url('https://staging5.theheartsdesign.com/wp-content/uploads/2021/05/THD-graphic-pressthisbuttonarrow.png');
width: 129px;
height: 37px;}


/* Checkout Page Paypal Box */
.wc_payment_methods.payment_methods.methods, .woocommerce-privacy-policy-text p {color: #000 !important;}
.product-name, .product-total, .cart-subtotal th, .cart-discount th, .order-total th {color: #a6a6a6 !important;}
.cart_item .product-name, .cart_item .product-total {color: #fff !important;}
#order_your_questions {min-height: 150px;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {font-size: 16px; color: #000 !important; font-weight: bold;}
#order_what_is_your_website_field, #order_your_questions_field {font-weight: bold;}
.woocommerce-checkout #payment {background: #666666;}

/* Services Ebook OptIn */
.ebookoptin .et_bloom_header_outer {display: none;}
.ebookoption .et_bloom_form_content.et_bloom_2_fields.et_bloom_bottom_inline,  {padding: 0 !important;}

ol li {margin: 5px auto;}
blockquote, .wp-block-pullquote blockquote{ border-colour: #962f92 !important;}

/* Share Networks */
.et_social_networks {margin-top: 50px !important;}

/* Block Quotes / Pull Quotes */
figure.wp-block-pullquote.alignleft {position: relative; left: -50px; font-size: 28px !important;}
figure.wp-block-pullquote.alignright {position: relative; right: -50px;  font-size: 28px !important;}

/* Image Captions */
figcaption {background: #15151d; font-size: 16px; colour: #ccc; text-align: center; margin-top: -8px !important;}

/* Project Service Blocks Styling */
.single-project #services a[href*="brand"] {
	background: #d81919; color: #fff; padding: 4px 8px; margin-left: 3px; border-radius: 6px;
}
.single-project #services a[href*="website"] {
	background: #d58128; color: #fff; padding: 4px 8px; margin-left: 3px; border-radius: 6px;
}
.single-project #services a[href*="graphics"] {
	background: #88b340; color: #fff; padding: 4px 8px; margin-left: 3px; border-radius: 6px;
}
.single-project #services a[href*="business-design"] {
	background: #ecc626; color: #fff !important; padding: 4px 8px; margin-left: 3px; border-radius: 6px;
}
.single-project #services a[href*="photos"] {
	background: #bd2580; color: #fff; padding: 4px 8px; margin-left: 3px; border-radius: 6px;
}


/* Blog Post Blocks Styling */
.post-meta a {background: #762981; color: #fff; padding: 5px 7px;}
.category-general .post-meta a,
.et_pb_title_meta_container a[href*="general"] {
	background: #962f92; color: #fff; padding: 5px 7px;
}
.category-branding .post-meta a,
.et_pb_title_meta_container a[href*="branding"] {
	background: #d81919; color: #fff; padding: 5px 7px;
}
.category-wordpress-websites .post-meta a,
.et_pb_title_meta_container a[href*="wordpress-websites"] {
	background: #d58128; color: #fff; padding: 5px 7px;
}
.category-graphics .post-meta a,
.et_pb_title_meta_container a[href*="graphics"] {
	background: #88b340; color: #fff; padding: 5px 7px;
}
.et_pb_title_meta_container, .published  {
	color: #b2b2b2 !important;
}
.category-coaching .post-meta a,
.et_pb_title_meta_container a[href*="coaching"] {
	background: #2dbdb6; color: #fff !important; padding: 5px 7px;
}
.category-photography .post-meta a,
.et_pb_title_meta_container a[href*="photography"] {
	background: #bd2580; color: #fff; padding: 5px 7px; }

p.post-meta {color: #2a2933;}
.more-link {display: block; width: 100%; padding: 8px 29px; margin: 15px 0 0 -19px;; background: #15151d; text-align: right;}
a.more-link:hover {color: #fff !important;}

.pagination a {background: #962f92; color: #fff; font-weight: bold; text-transform: uppercase; padding: 15px 20px;}



.single-post iframe {margin: 20px auto !important; display: block;}

.et_social_inline {margin: 60px auto 0px !important; border-top: 1px solid #000;}
.et_social_networks {margin-top: 70px !important;}

/* Lightbox Content */
.slb_details {display: none;}

/* Scroll to Top Button */
.et_pb_scroll_top::before {
    background: #ecc726
    padding: 10px;
}
.et_pb_scroll_top.et-pb-icon {
    background: #ecc726;
	  animation: shake-animation 4.72s ease infinite;
  transform-origin: 50% 50%;
}
@keyframes shake-animation {
   0% { transform:translate(0,0) }
  1.78571% { transform:translate(0, 3px) }
  3.57143% { transform:translate(0,0) }
  5.35714% { transform:translate(0, 3px) }
  7.14286% { transform:translate(0,0) }
  8.92857% { transform:translate(0, 3px) }
  10.71429% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}

/* Learning Design */
a.llms-lesson-link, .llms-loop-title, .llms-loop-item-footer {background: #000000 !important; color: #cccccc !important;}
.llms-author-info, .length, .difficulty, .llms-enroll-status p, .llms-enroll-date p, .llms-meta p {color: #cccccc !important;}
.llms-course-nav.llms-back-to-course {background: #000 !important;}

/* Student Login */
.llms-field-input {padding: 10px;}


/* Blog 2 Social Calendar, hide sidebar */
.blog2social_page_blog2social-calendar .b2s-sidebar {display: none;}

/* Student Login */
input[type=email], input[type=password] {padding: 10px !important; color: #000 !important; font-size: 18px !important;}


/* Shop Products Fixes & Styling */
/* Shop Products Menu Fix
@media (min-width: 981px){
	header.et-l.et-l--header .et_pb_section {padding: 0 !important;}
 header.et-l.et-l--header .et_pb_row{padding: 0 !important;}
	header.et-l.et-l--header .et_pb_module {
    margin-bottom: 0% !important;
}
}
header.et-l--header .et_pb_row {max-width: 100% !important; width: 100% !important;}
  */