/**************** Header / Footer ******************* *
 *  Header
 *      Navigation
 *  Footer
*****************************************************/

/** Header **/

.main-header {transition: 0.1s ease-in-out;display: flex;align-items: center;position: relative;gap: 15px;}
.site-header { position: sticky; top: 0; width: 100%; z-index: 9999; background: #fff; border-bottom: 1px solid #2125291A; }
.main-center-header a {padding: 55px 0;}
.header-right {width: 100%;max-width: 353px;}
.header-right .header-center{display: block;width: 100% !important;}
.header-right ul { gap: 21px; }
.header-right a { width: 100%; max-width: 204px; gap: 17px; letter-spacing: 0; padding: 12px 15px 11px; min-width: auto;}

.header-center {display: flex;width: 100%;justify-content: center;align-items: center;}

.main-header a.custom-logo-link {display: flex;align-items: center;}
.footer-top .footer-right {display: flex;flex-direction: column;justify-content: space-between;}
.menu-item-has-children {padding-right: 22px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.main-header .menu li a { font-size: 18px; font-weight: 600; line-height: 20px; text-align: center; cursor: pointer; color: #212529; }
.main-header .main-center-header .menu li a:hover{color: var(--color-orange);}
.header-right .menu li a {font-size: 14px;}
.main-header .menu li.current-menu-item a, 
.main-header .menu li.current-menu-item:hover a{color: var(--color-orange);border-bottom: 3px solid var(--color-orange);}
.main-header .menu li:focus-visible,
.main-header .menu li a:focus-visible{outline: none;}
.social-links {display: flex;gap: 10px;}
.social-links a {display: flex;border: 1px solid #E7EDF1;width: 37px;height: 37px;border-radius: 50%;align-items: center;justify-content: center;padding: 9px;}
.site-branding {width: 100%;max-width:250px;}
.sub-arrow.mobile-menu-icon {pointer-events: auto;z-index: 9;}
.sub-arrow.mobile-menu-icon:after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url(../../images/down-arrow.svg)no-repeat;width: 11px;height: 7px;}
.main-header .main-navigation ul ul {display: flex;flex-wrap: wrap;gap: unset;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);padding: 10px 0;top: 24px;background: #fff;border-radius: 10px;}
.main-header .main-navigation ul ul li a {text-align: left;font-size: 16px;}
.main-header .main-navigation ul ul li {padding: 10px 20px;border-bottom: 1px solid #D2E2ED;}
.main-header .main-navigation ul ul li:last-child {border: 0;}
.main-navigation ul {list-style: none;margin: 0;padding-left: 0;}
.main-navigation ul ul ul {left: -999em;top: 0;}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {display: block;left: auto;}
.main-navigation ul ul a {width: 200px;}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {left: auto;}
.main-navigation li {position: relative;}
.main-navigation a {display: block;text-decoration: none;}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {margin: 0 0 1.5em;}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {display: flex;}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {flex: 1 0 50%;}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {text-align: end;flex: 1 0 50%;}

/** Footer **/

.site-footer {background: #000000;background-size: cover;margin: 0 auto;}
.main-footer { margin: 0 -15px; }
.main-footer .common-footer-column { padding: 0 15px; }
.main-footer .common-footer-column { padding: 0 15px; flex: 0 0 20%; max-width: 20%; }
.main-footer .common-footer-column.footer-col-2{ flex: 0 0 25%; max-width: 25%; }
.main-footer .common-footer-column.footer-col-3 { flex: 0 0 35%; max-width: 35%; }
.common-footer-column.footer-col-1 { display: flex; flex-direction: column; }
.common-footer-column.footer-col-1 section#block-9 { margin-top: auto; }
.common-footer-column h2 { font-size: 24px; line-height: 28px; color: #fff; }
.common-footer-column ul { padding: 0; }
.common-footer-column ul li{ list-style:none; }
.common-footer-column ul.menu li a,.common-footer-column p,.common-footer-column p a { font-size: 14px; line-height: 18px; text-decoration: none; color: #fff; }
.common-footer-column.footer-col-4 p { margin-bottom: 19px; }
.common-footer-column ul.menu li.menu-item {margin-bottom: 8px;}
.mobile-menu-main {position: fixed;top: 0;bottom: 0;right: -100%;z-index: 999999;transition: all 0.3s ease-out;width: 100%;}



/*mobile*/
.mobile-menu-bar .uk-margin-top .social a {
    display: flex;
    justify-content: center;
    text-decoration: none;
    align-items: center;
    gap: 13px;
    padding-top: 20px;
}

.mobile-menu-bar .uk-margin-top .social a p {
    color: #0B233F;
    margin: 0;
}



/** Responsive **/

@media screen and (min-width: 992px) {
    .menu-toggle {display: none;}
    .main-navigation ul {display: flex;gap:40px;}
    .main-navigation ul ul {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);position: absolute;top: 100%;left: -999em;z-index: 99999;}
}
@media (max-width:1024px){
    .header-right a { font-size: 16px; }
}
@media (max-width:992px){
    .main-footer .common-footer-column,.main-footer .common-footer-column.footer-col-2, .main-footer .common-footer-column.footer-col-3 { flex: 0 0 50%; max-width: 50%;  }
    .main-footer .common-footer-column.footer-col-1,.main-footer .common-footer-column.footer-col-2{margin-bottom: 40px;}
    .main-footer.py-100 { padding-top: 80px; padding-bottom: 80px; }
}
@media (max-width:991px){
    .header-right {display: none;}
    .main-header .menu {display: none;}
    .mobile-menu-main.menu-open {width: 100vw;touch-action: none;right: 0;left: auto;color: #fff;background: #79554859;}
    .mobile-menu-bar {position: absolute;top: 0;bottom: 0;left: auto;right: 0;box-sizing: border-box;padding: 50px 20px;overflow-y: auto;display: flex;align-items: center;text-align: center;width: 100%;background: #fff;flex-direction: column;gap: 30px;max-width: 375px;}
    .header-social-menu .social-links {justify-content: center;}
    .mobile-header {display: flex;flex-direction: column;gap: 30px;width: 100%;}
    .mobile-header .closee-icon {position: absolute;z-index: 1000;top: 15px;right: 15px;padding: 5px;}
    .mobile-header .closee-icon svg path {stroke: #0B233F;}
    .mobile-header .site-branding {order: 1;width: auto;}
    .mobile-header .menu-main-menu-container {order: 2;width: 100%;}
    .menu-main-menu-container ul {padding: 0;list-style: none;display: flex;flex-direction: column;gap: 15px;margin: 0;}
    .menu-main-menu-container ul li a {font-size: 18px;font-weight: 400;line-height: 21.87px;text-transform: capitalize;color: #0B233F;cursor: pointer;text-decoration: none;display: inline;pointer-events: auto;z-index: 9;}
    .menu-main-menu-container ul ul {display: none;padding: 12px 0 6px;width: 100%;}
    .menu-item-has-children {position: relative;}
    .mobile-header .menu-main-menu-container li {padding-right: 22px;text-align: left;border-bottom: 1px solid #d2e2ed75;padding-bottom: 10px;pointer-events: none;}
    a.custom-mobile-button {background: var(--color-brown);padding: 10px 45px;border-radius: 50px;font-size: 18px;font-weight: 700;line-height: 21.87px;text-align: center;text-decoration: none;color: #fff;display: flex;height: 52px;align-items: center;position: relative;transition: all 0.2s ease;}
    .mobile-header .menu-main-menu-container ul li.active ul {display: block;}
    .mobile-header .menu-main-menu-container ul.sub-menu li {padding: 10px 20px;border-bottom: 0;}
    .footer-copyright-left p{text-align: center;}
    .main-header .main-navigation ul ul.sub-menu {box-shadow: none;width: 100%;padding-left: 15px;display: none;}
    .mobile-header .menu-main-menu-container li.active > a {color: #F1632E;}
    .menu-item-has-children:after {top: 8px;transform: none;pointer-events: none;}
    .sub-arrow.mobile-menu-icon:after{top: 8px;transform: none;}
    .main-header .menu  li {width: 100%;padding-right: 0;}
    .main-header .menu  li a {text-align: left;}
    .main-header .main-navigation ul ul.sub-menu > li {padding: 10px 0;width: 100%;}
    .main-header .main-navigation ul li.focus ul.sub-menu {display: block;}
    .header-right {margin-left: unset;width: 100%;order:1;}
    .header-center {width: calc(50% - 7.5px);justify-content: end;order:3;}
    .main-header {flex-wrap: wrap;justify-content: space-between;}
    .site-branding {width: calc(50% - 7.5px);order:2;}
    .site-header {padding: 15px 0;}
    .main-navigation.toggled  ul {display: none;}
    .menu-toggle img {width: 25px;filter: invert(1);display: block;}
    .menu-toggle {background: var(--color-orange);border: 0;border-radius: 8px;padding: 6px 7px;display: block !important;width: auto;}
    .social-links a {width: 31px;height: 31px;padding: 7px;}
    .social-links {justify-content: end;}
    .site-branding img.custom-logo {max-width: 100%;}
    .main-footer h4 {margin: 0px 0 15px;}
    .mobile-menu-bar .uk-margin-top { width: 100%; }
    .mobile-menu-bar .uk-margin-top ul { gap: 15px; }
    .mobile-menu-bar .uk-margin-top ul li { flex: 1 1 auto; }
    .mobile-menu-bar .uk-margin-top a { padding: 12px 15px; min-width: auto; gap: 12px; font-size: 16px; width: 100%; }

}
@media (max-width:767px){
    .main-footer .common-footer-column,.main-footer .common-footer-column.footer-col-2, .main-footer .common-footer-column.footer-col-3 { flex: 0 0 100%; max-width: 100%; }
    .main-footer.py-100 { padding-top: 60px;padding-bottom: 60px; }
    .main-footer .common-footer-column:not(:last-child) { margin-bottom: 40px; }
    .main-footer .common-footer-column:first-child .widget_media_image { margin-bottom: 30px; }
}
@media screen and (max-width:575px){
    .site-footer{
        margin: 0;
    }
    .site-footer .main-container .container {
    padding: 0;
}
}
@media screen and (max-width:420px){
    .main-footer .footer-right .subscription-form {
    grid-template-columns: 1fr;
}
.main-footer .footer-right .subscription-form button {
    height: 45px;
}
}
@media screen and (min-width:992px) and (max-width:1180px){
    .site-header .main-container {padding: 0 20px;}
    .main-header .menu { gap: 30px;}
    .main-header .menu li a {font-size: 14px;line-height: 20.87px;}
    .footer-bottom {margin: 30px 0; }
}
@media screen and (min-width:1182px) and (max-width:1600px){
    .site-header .main-container {padding: 0 20px;}
    .site-footer .container {padding: 0 80px;}
}