/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.4.1743491017
Updated: 2025-04-01 07:03:37

*/

/* Typography */
.helvetica{
    font-family: 'HelveticaRounded LT Std Bd';
}
.helveticacn{
   font-family: 'HelveticaRounded LT Std BdCn';
}
.youtu{
    font-family: 'Youth Signature';
}

html, body {
    overflow-x: hidden;
}
.youtu.menu-item-first-title h3 {
    text-align: center;
    font-size: clamp(60px, 3.12vw, 60px);
    line-height: 1;
}
.youtu.menu-item-first-title {
    margin-bottom: 30px;
}
.menu-item-second-level {
    text-align: center;
    margin-bottom: 30px;
}
.menu-item-grid {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 20px;
    align-items: center;
    text-wrap: balance;
}
.menu-item-description {
    font-style: italic;
    margin-top: 6px;
}
.menu-item-post-name h4 {
    padding: 0;
}
.menu-item-second-level h3 {
    padding: 0;
}
.menu-item-wrapper {
    padding: 50px 5%;
}

.menu-item-posts {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.menu-item-post-price {
    display: flex;
    justify-content: flex-end;
}
.menu-item-loop {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.menu-heading-wrapper {
    padding: 60px 5% 0;
}
nav.menu-anchor-list.helveticacn ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    gap: 20px;
    justify-content: center;
}
.menu-heading-wrapper h1 {
    text-align: center;
    font-size: clamp(40px, 2.07vw, 40px);
}
@media(min-width: 981px){
    .menu-item-posts {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 800px;
    margin: 0 auto;
}
    .menu-heading-wrapper {
    padding: 60px 10% 0;
}
.menu-item-wrapper {
    padding: 50px 10%;
}
}

footer.et-l.et-l--footer .menu-menu-footer-container ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

footer.et-l.et-l--footer .menu-menu-footer-container a {
    color: #5E8052;
    transition: 300ms;
    line-height: 1;
    font-size: 30px;
}
footer.et-l.et-l--footer .menu-menu-footer-container a:hover {
    color: #333;
    transition: 300ms;
}
.footer-social li {
    margin: 0;
}
.footer-social {
    display: flex;
    flex-direction: column;
}

.footer-social-links-wrapper.helvetica svg {
    width: 30px;
    height: 30px;
    transition: 300ms;
    fill: #F5C4BD;
}
.footer-social-links-wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    align-items: center;
}

.footer-social-links-wrapper a{
    display: flex;
    text-decoration: underline;
    gap: 8px;
    color: #F0DFC4;
    font-size: clamp(26px, 1.34vw, 26px);
    align-items: center;
    transition: 300ms;
}
.youtu.menu-item-first-title p {
    text-align: center;
    font-size: 20px;
}
.footer-social-links-wrapper a:hover{
    color: #fff;
    transition: 300ms;
}
.footer-social-links-wrapper a:hover svg{
    fill: #fff;
    transition: 300ms;
}
.footer-description a{
    transition: 300ms;
    color: #5E8052;
}
.footer-description a:hover{
    transition: 300ms;
    color: #333;
}

.home-term-items {
    padding: 50px 5%;
}
.home-menu-name h3 {
    font-size: clamp(45px, 2.33vw, 45px);
    text-decoration: underline;
    padding: 0;
}
.home-menu-name h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
span.home-term-icon {
    transition: 300ms;
}
span.home-term-icon:hover {
    transition: 300ms;
    transform: scale(1.06);
}
.home-menu-name a:hover h3{
    color: #fff !important;
    transition: 300ms;
}
.home-menu-name a:hover svg{
    transform: scale(1.06);
    transition: 300ms;
}
.home-menu-name h3,.home-menu-name svg{
    transition: 300ms;
}
@media(min-width: 981px){
    .mesnu-item-posts.menu-item-posts--no-second-level {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
}
    .home-term-items {
    padding: 50px 10%;
}
}


.main-header-wrapper {
    background: #5E8053;
}

.row-header-grid {
    max-width: 90%;
    margin: 0 auto;
    padding: 15px 0;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}

.header-burger {
    width: 30px;
    height: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    transition: 300ms;
    cursor: pointer;
}

.header-burger span{
    background: #F0E0C4;
    transition: 300ms;
    width: 30px;
    height: 2px;
    display: block;
}
.row-submenu-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.row-submenu-wrapper {
    padding: 60px 5%;
}
.header-submenu-items {
    display: flex;
    flex-direction: column;
    gap: clamp(30px, 2.07vw, 40px);
}

.header-submenu-items a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    font-size: clamp(60px, 3.12vw, 60px);
    transition: 300ms;
    color: #F5C4BD;
}

.header-submenu-items a:hover{
    transition: 300ms;
    color: #fff;
}

.header-submenu-items a:hover svg{
    transition: 300ms;
    transform: scale(1.06);
}

.header-submenu-items svg{
    transition: 300ms;
}

.header-submenu-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: auto;
}
.header-burger.active span:first-child{
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    transition: 300ms;
}
.header-burger.active span:nth-child(2){
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;
    transition: 300ms;
}
.header-burger.active span:nth-child(3){
    opacity: 0;
    transition: 300ms;
}

@media(min-width: 981px){
   .row-submenu-wrapper {
    padding: 60px 10%;
} 
.row-header-grid {
    max-width: 80%;
    margin: 0 auto;
    padding: 15px 0;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}
}

.header-submenu-wrapper {
    transition: 300ms;
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.header-submenu-wrapper.active {
    transition: 300ms;
    opacity: 1;
    visibility: visible;
    height: calc(100vh - 87px);
}

.no-scroll{
    overflow: hidden;
}
div#page-container {
    overflow-x: hidden;
}
html,body{
    overflow-x: hidden;
}