/*
 Theme Name:   Chariti Child
 Theme URI:    http://demo.goodlayers.com/chariti
 Description:  Goodlayers Chariti Child Theme
 Author:       Goodlayers
 Author URI:   http://goodlayers.com
 Template:     chariti
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, right-sidebar, responsive-layout
 Text Domain:  chariti-child

 START YOUR CHILD THEME CSS HERE
*/


.block-d-none{
    display: none!important;
}
.chariti-logo.chariti-item-pdlr{
    padding: 0!important;
}
/* Фон хедера (верхня зелена зона) */
div.chariti-navigation-background,
div.chariti-header-background,
div.chariti-header-container,
div.chariti-header-wrapper,
div.chariti-navigation {
    background-color: #073A36 !important;
}

/* Прибрати кнопку Volunteer */
.chariti-header-button-wrap a:nth-child(2),
.chariti-top-bar-button-wrap a:nth-child(2) {
    display: none !important;
}
.chariti-main-menu-right-wrap{
    margin-top: 8px!important;
}

/* DONATE в один рядок */
.chariti-header-button-wrap {
    display: flex !important;
    align-items: center !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Вирівнюємо лого */
.chariti-logo img {
    height: 60px !important;
    max-height: 60px !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Підняти меню по вертикалі – вирівняти з логотипом */
.chariti-navigation {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


header .chariti-logo img {
    height: 70px !important;
    max-height: 70px !important;

}

.chariti-navigation .sf-menu > li > a{
    border-bottom: 2px solid transparent;
}
.chariti-navigation > ul {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.chariti-main-menu li a {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    line-height: 20px !important;
}

/* Вирівняти кнопку DONATE по центру */
.chariti-header-button-wrap {
    margin-top: 0 !important;
    padding-top: 0 !important;
    display: flex !important;
    align-items: center !important;
}
/* Вирівнюємо весь хедер — лого, меню, кнопки, пошук в один рівень */
.chariti-header-container,
.chariti-header-wrapper,
.chariti-navigation-wrapper,
.chariti-navigation,
.chariti-header-style-plain,
.chariti-header-style-plain .chariti-header-container,
.chariti-header-style-plain .chariti-header-container.gdlr-core-container,
.chariti-header-background {
    display: flex !important;
    align-items: center !important;
}

/* Вирівнюємо кнопку DONATE */
.chariti-header-button-wrap {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Вирівнюємо іконку пошуку */
.chariti-main-menu-search {
    display: flex !important;
    align-items: center !important;
}

/* Підлаштовуємо меню */
.chariti-main-menu > li > a {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    line-height: 20px !important;
}
/* Лупу ставимо на один рівень з меню */
.chariti-main-menu-search {
    display: flex !important;
    align-items: center !important;
    margin: 0 20px !important; /* трохи відступу справа/зліва */
    height: 60px !important;   /* фіксована висота для вирівнювання */
}

/* Вирівнюємо контейнер меню і лупи */
.chariti-navigation-wrapper,
.chariti-navigation,
.chariti-main-menu {
    display: flex !important;
    align-items: center !important;
}

/* Вимикаємо стандартну риску від Chariti */
.chariti-main-menu > li > a::before,
.chariti-main-menu > li > a::after,
.gdlr-core-navigation .menu-item > a::before,
.gdlr-core-navigation .menu-item > a::after {
    display: none !important;
}
/* Нормальне підкреслення під пунктом меню */
.chariti-main-menu > li.current-menu-item > a,
.chariti-main-menu > li.current-menu-ancestor > a,
.chariti-main-menu > li:hover > a {
    border-bottom: 3px solid #F2654A; /* твій оранжевий */
    padding-bottom: 8px;              /* щоб було місце під лінію */
}

/* Щоб інші пункти не стрибали */
.chariti-main-menu > li > a {
    border-bottom: 3px solid transparent;
    padding-bottom: 8px;
}
/* Hover underline effect for main menu */
.chariti-navigation .sf-menu > li > a:hover {
    border-bottom: 2px solid #E8553E; /* оранжевий Gidno */
    padding-bottom: 5px;
}
.chariti-navigation .sf-menu > li > a {
    transition: transform 0.15s ease;
}

.chariti-navigation .sf-menu > li > a:hover {
    transform: scale(1.05);
}
.chariti-header-style-plain .gdlr-core-nav-menu > li.gdlr-core-button:last-child,
.gdlr-core-header-navigation .gdlr-core-button:last-child,
.chariti-navigation-bar-wrap .gdlr-core-button:last-child {
    display: none !important;
}
.gdlr-core-button a[href*="volunteer"],
a.gdlr-core-button-item[href*="volunteer"] {
    display: none !important;
}
.chariti-navigation .gdlr-core-button:last-child {
    display: none !important;
}
a[href*="volunteer"],
a[href*="become-a-volunteer"],
.gdlr-core-button-item[href*="volunteer"],
.gdlr-core-button-item[href*="become-a-volunteer"],
.chariti-navigation .gdlr-core-button,
.gdlr-core-navigation-item .gdlr-core-button,
.chariti-header-container .gdlr-core-button {
    display: none !important;
}
/* DONATE button styling */
.chariti-navigation .gdlr-core-button {
    background-color: #CDE8B3 !important; /* салатовий */
    color: #073A36 !important; /* темно-зелений текст для контрасту */
    font-family: inherit !important; /* той самий шрифт, що у меню */
    font-size: 14px !important; /* як у пунктів меню */
    font-weight: 600 !important;
    padding: 12px 22px !important; /* рівні відступи */
    border-radius: 3px !important; /* легенькі кути */
    letter-spacing: 0.5px !important;
}

/* Hover */
.chariti-navigation .gdlr-core-button:hover {
    background-color: #B8D99C !important; /* трішки темніший салатовий */
    color: #073A36 !important;
}
/* Змінюємо фон кнопки DONATE */
.chariti-main-menu-right-button.chariti-button-1.chariti-style-default {
    background-color: #E95334 !important;
    border-color: #E95334 !important;
    border-radius: 8px;
}

/* Ховер ефект */
.chariti-main-menu-right-button.chariti-button-1.chariti-style-default:hover {
    background-color: #E95334 !important;
    border-color: #E95334 !important;
    border-radius: 8px;


}
.gdlr-core-button{
    background-color: #E95334 !important;
    border-color: #E95334 !important;
    border-radius:  8px!important;;

}
.gdlr-core-button:hover {
    background-color: #E95334 !important;
    border-color: #E95334 !important;
    border-radius: 8px!important;

}
/* Шрифт і розмір такий самий, як у меню */
.chariti-main-menu-right-button.chariti-button-1.chariti-style-default a {
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #ffffff !important;
    padding: 12px 22px !important; /* щоб не була занадто здорова */
}
/* Вирівнюємо все в хедері по центру */
.chariti-header-style-plain .chariti-navigation {
    display: flex !important;
    align-items: center !important;
}

/* Вирівнюємо логотип */
.chariti-logo img {
    display: block;
    height: 60px; /* можеш змінити якщо хочеш більший/менший */
    object-fit: contain;
}

/* Вирівнюємо меню */
.chariti-main-menu > li > a {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

/* Вирівнюємо кнопку */
.chariti-main-menu-right-button.chariti-button-1.chariti-style-default a {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
}
.chariti-main-menu-right-button.chariti-button-1.chariti-style-default a::before {
    content: "ПІДТРИМАТИ";
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
}

.chariti-main-menu-right-button.chariti-button-1.chariti-style-default a {
    color: transparent !important; /* приховуємо старий текст DONATE */
}
/* Основний контейнер у шапці */
.chariti-mm-menu-wrap {
    display: flex !important;
    align-items: center !important;
}

/* Логотип — центруємо */
.chariti-logo {
    display: flex !important;
    align-items: center !important;
}

/* Меню — центруємо */
.chariti-navigation {
    display: flex !important;
    align-items: center !important;
}

/* Лінки в меню — додаємо симетричні відступи */
.chariti-main-menu > li > a {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}

/* Кнопка справа — центрування */
.chariti-main-menu-right-button.chariti-button-1.chariti-style-default a {
    display: flex !important;
    align-items: center !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}


.chariti-navigation .sf-menu > li > a{
    border-bottom: 2px solid transparent;
}

.chariti-footer-wrapper .chariti-footer-container {
    display: flex;
    align-items: center;
}

.chariti-footer-wrapper .chariti-footer-container .textwidget p{
    margin-bottom: 10px;

}

.chariti-mobile-header .chariti-mobile-header-container{
    display: flex;
    justify-content: space-between;
    max-width: 100%!important;
    width: 100%;
}
.chariti-mobile-header .chariti-mobile-header-container .chariti-mobile-menu-right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative!important;
    top: 0;
    right: 0;
    margin-top: 0;
    width: 60%;
}
.chariti-main-menu-search{

}
.sf-with-ul-pre.sf-with-ul span{
    display: none;
}
.sf-menu>.chariti-normal-menu ul{
    min-width: 50px!important;
}

#SR7_3_1-6-2,#SR7_2_1-3-2{
    white-space: normal !important;
}
.bg-overlay{
    display: flex;
    align-items: center;
    justify-content: center;
}
.bg-overlay:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 767px) {
    .chariti-footer-column {
        margin-bottom: 10px!important;
    }
    .chariti-footer-wrapper .chariti-footer-container{
        flex-direction: column;
    }
    .bg-overlay h3{
        font-size: 30px!important;
    }
    .bg-overlay span.gdlr-core-title-item-captio{
        font-size: 18px!important;
        margin-top: 10px!important;
        line-height: 24px;
    }
    .bg-overlay a{
        font-size: 12px!important;
        line-height: 24px;
    }
    .bg-overlay .gdlr-core-item-pdb{
        padding-top: 0;
        margin-top: 0!important;
    }
}