/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.0.1746604719
Updated: 2025-05-07 07:58:39

*/

:root{
	--font-primary: Georgia, 'Times New Roman', serif;
  	--font-secondary: 'Playfair', serif;
	
	--color-black: #000000;
	--color-olive-gray: #616252;
	--color-dark-olive-black: #303336;
	--color-ash-gray: #949494;
	--color-white: #fff;
	--color-olive-gold: #9D973A;
	--color-ice-white: #F2F2F2;
	--color-night-gray: #2E3638;
}

body,h1,h2,h3,h4,h5,h6,p,a{ font-family:var(--font-primary) ;}



.pad-left {padding-left:5% !important;}
.pad-right {padding-right:5% !important;}
.black{color:var(--color-black) !important;}
.white{color:var(--color-white) !important;}
.night-gray{color:var(--color-night-gray);}
.normal-text{
	font-size: clamp(16px, 3vw + 10px, 21px);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.normal-title{
	font-size: clamp(42px, 3vw + 10px, 52px);
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
/*mobile toggle*/
.elementor-menu-toggle{background-color:transparent !important;}
.elementor-menu-toggle:before {
    content: 'MENU';
    display: block;
    margin: 1px 10px 0 0;
    font-family: 'Playfair';
}

.custom-menu .elementor-nav-menu li a {
    font-family: Georgia;
    font-size: 18px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}

.for-our-children-logo-text { text-align: center; }
.for-our-children-logo-text .brand-tagline{
    color: var(--color-black);
    text-align: center;
    font-family: var(--font-secondary);
    font-size: clamp(25px, 3vw + 10px, 30px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
	margin: 0 0 15px 0;
}
.for-our-children-logo-text .product-category{
	color: var(--color-olive-gray);
	text-align: center;
	font-family: var(--font-secondary);
	font-size: clamp(30px, 3vw + 10px, 41px);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	margin: 0 0 0 0;
}

.for-our-children-logo-text .product-name{
	color: var(--color-dark-olive-black);
	text-align: center;
	font-family: var(--font-secondary);
	font-size: clamp(68px, 3vw + 10px, 100px);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}

.quote-container p.quote-mark {
    color: var(--color-ice-white);
    font-size: clamp(147px, 3vw + 10px, 180px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.quote-container p.main-quote {
	color: var(--color-black);
    font-size: clamp(24px, 3vw + 10px, 32px);
    font-style: normal;
    font-weight: 400;
    line-height: clamp(32px, 3vw + 10px, 39px);
    margin: -100px 0 0 0;
}
.quote-container p.main-quote  span.author-name {
    color: var(--color-ash-gray);
    display: block;
}
hr.separator-line {
    background-color: #B1B1B1 !important;
    width: 195px;
    margin: 35px 0 15px 0 !important;
}

.quote-container p.greek-quote {
    font-size: clamp(16px, 3vw + 10px, 21px);
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    color: var(--color-ash-gray);
}

.product-description p.subtitle {
    font-variant-numeric: lining-nums proportional-nums;
    font-family: var(--font-secondary);
    font-size: clamp(30px, 3vw + 10px, 31px);
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: -0.31px;
    text-transform: uppercase;
    color: var(--color-olive-gold);
	margin:0;
}


.product-description h1.main-title {
    font-family: var(--font-secondary);
    font-size: clamp(64px, 3vw + 10px, 80px);
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    text-transform: uppercase;
    color: var(--color-olive-gold);
    margin: 0 0 22px 0;
}

.product-description .features-list {
    padding-left: 28px;
}

.product-description .feature-item {
    font-variant-numeric: lining-nums proportional-nums;
    font-family: var(--font-secondary);
    font-size: clamp(22px, 3vw + 10px, 29px);
    font-style: normal;
    font-weight: 700;
    line-height: 30px; 
    letter-spacing: -0.29px;
    color: var(--color-olive-gold);
    margin-bottom: 10px;
}

p.text-with-vector {
    color: var(--color-white);
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
    font-family: var(--font-secondary);
    font-size: clamp(53px, 3vw + 10px, 80px);
    font-style: normal;
    font-weight: 700;
    line-height: clamp(52px, 3vw + 10px, 72px);
}

img.heart-icon {
    vertical-align: middle;
}

.price-list .item-wrapper { width: 100%; }
.price-list .item-wrapper .item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	margin-top: 10px;
}
.price-list .item-wrapper .item .title {
	flex-grow: 1;
    font-size: clamp(16px, 3vw + 10px, 21px);
}
.price-list .item-wrapper .item .space {
      flex-basis: 1;
      overflow: hidden;
      flex: 20;
      flex-shrink: 4;
      align-self: felx-end;
      text-align: right;
      margin-right: 10px;
      margin-top: 21px;
      border-bottom: 1px dotted black;
      font-size: 0px;
}
.price-list .item-wrapper .item .price {
      font-size: clamp(16px, 3vw + 10px, 21px);
      min-width: 60px;
      align-self: flex-end;
}
/*Footer*/
p.brand-tagline-dark {
    color: #fff;
    text-align: center;
    font-family: var(--font-secondary);
    font-size: clamp(15px, 3vw + 10px, 30px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 15px 0;
}
.footer-contact-information p.title {
    font-size: clamp(32px, 3vw + 10px, 52px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--color-white);
    font-family: var(--font-secondary);
}
 p.contact-item a {
    font-size: clamp(16px, 3vw + 10px, 26px);
    font-style: normal;
    font-weight: 400;
    line-height: clamp(15px, 3vw + 10px, 28px);
    color: var(--color-white);
}
p.contact-item a:hover {
    color: var(--color-black);
}
.social-icons {
    display: flex;
    justify-content: start;
    gap: 20px;
}

.icon-link {
    display: inline-block;
}
.social-icons img.icon:hover { filter: invert(1); }

.backstory-container {
    max-width: 100%;
  }
  
  
  
  .backstory-text.expanded .hidden-content {
    display: block;
  }
  
  .read-more-btn {
    background: none;
    color: #3498db;
    border: none;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    padding: 5px 0;
  }
.read-more-btn {
   display: none;
    background-color: transparent !important;
    text-decoration: underline !important;
}



@media(max-width:768px)
{
	.read-more-btn { display: block; }
	.backstory-text .hidden-content, .about-hidden-content,.benefits-container-right { display: none; }
	.elementor-27 .elementor-element.elementor-element-c7ab859 {background-position: center !important;}	
	.about-hidden-content {
		display: none;
		margin-top: 15px;
 	 }

  .about-us-container.show-more .about-hidden-content,.benefits-container-right.show-more {
    display: block;
  }
	.about-hidden-content {
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transition: max-height 0.6s ease-in-out, opacity 0.6s ease-in-out;
        }

        .about-us-container.show-more .about-hidden-content {
            max-height: 600px; 
            opacity: 1;
        }
/*.about-us-container::before {
    content: '';
    position: absolute;
    bottom: 30px;
    height: 70px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 1) 100%);
    pointer-events: none;
    transition: opacity 0.6s ease-in-out;
    z-index: 1;
    width: 100%;
}
.about-us-container.show-more::before {
	opacity: 0;
}*/
			
	.features-list .feature-item:nth-child(n+4) {
                display: none;
                animation: fadeIn 0.3s ease-in-out forwards;
            }

           
            .features-list.expanded .feature-item:nth-child(n+4) {
                display: list-item;
            }

           
            @keyframes fadeIn {
                from {
                    opacity: 0;
                    transform: translateY(-10px);
                }
                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }

            .features-list.expanded .feature-item:nth-child(4) {
                animation-delay: 0.1s;
            }

            .features-list.expanded .feature-item:nth-child(5) {
                animation-delay: 0.2s;
            }

            .features-list.expanded .feature-item:nth-child(6) {
                animation-delay: 0.3s;
            }

            .features-list.expanded .feature-item:nth-child(7) {
                animation-delay: 0.4s;
            }
        }



        @media screen and (max-width: 480px) {
            .feature-item {
                font-size: 14px;
                padding: 10px 0 10px 20px;
            }
        }
     
       
@media (min-width:1025px){
	.elementor-nav-menu > li:not(:last-child)::after 
	{
		content: " •" !important;
		margin: 0 0px;
		color: #333 !important;
		border: none !important;
	}
}