/* General Styles and Elements */

/* Load web fonts */

/* Load Garamond font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');


body, 
body.post, 
body.page {
    font-family: 'EB Garamond', serif;
    color: #141414;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

.wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}


/* Header Menu */

.site-header {
    background-color: #fff;
    padding: 15px 0;  
    border-bottom: 1px solid #d3d3d3;
    box-shadow: 0px 5px 18px 2px rgba(37, 37, 37, 0.1);
}

.site-header.sticky-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;

    transform: translateY(-100%);
    transition: all 0.3s linear;
}

.site-header.sticky-header.sticky {
    transform: translateY(0);
}


.site-header .wrapper {
    /* max-width: none; */
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-header .custom-logo-link {
    max-width: 190px;
}

.site-header.sticky-header .custom-logo-link {
    max-width: 170px;
}


/* Header Icons */

.site-header .header-icons {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
}

/* User Initials Circle */
.site-header .header-icons .user-initials {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #334196;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
    user-select: none;
    box-shadow: 0 2px 8px rgba(51, 65, 150, 0.2);
}

.site-header .header-icons .user-initials:hover {
    background-color: #2a3578;
    box-shadow: 0 4px 12px rgba(51, 65, 150, 0.3);
    transform: translateY(-2px);
}

/* User Menu Dropdown */
.site-header .header-icons .user-menu {
    position: absolute;
    top: 60px;
    right: 44px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
}

.site-header .header-icons .user-initials:hover + .user-menu,
.site-header .header-icons .user-menu:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.site-header .header-icons .user-menu::before {
    content: '';
    position: absolute;
    top: -8px;
    right: 10px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}

.site-header .header-icons .user-menu ul {
    list-style: none;
    margin: 0;
    padding: 8px 0;
}

.site-header .header-icons .user-menu ul li {
    margin: 0;
    padding: 0;
}

.site-header .header-icons .user-menu ul li a {
    display: block;
    padding: 12px 20px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s ease;
    border-left: 3px solid transparent;
    display: flex;
    align-items: center;
    gap: 10px;
}

.site-header .header-icons .user-menu ul li a i {
    font-size: 14px;
    width: 16px;
    color: #666;
    transition: color 0.2s ease;
}

.site-header .header-icons .user-menu ul li a:hover {
    background-color: #f8f9fa;
    border-left-color: #334196;
    color: #334196;
}

.site-header .header-icons .user-menu ul li a:hover i {
    color: #334196;
}

/* Show state for mobile/touch devices */
.site-header .header-icons .user-menu.show {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.site-header .header-icons .fas {
    display: inline-block;
    height: 23px;
    width: 23px;
    cursor: pointer;
    opacity: 1;
    transition: all 0.2s;
}

.site-header .header-icons .fas:hover {
    opacity: 0.6;
}

.site-header .header-icons .fas.fa-user {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAlCAYAAADMdYB5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMi1jMDAwIDc5LjU2NmViYzViNCwgMjAyMi8wNS8wOS0wODoyNTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA3MjhDRjFDNjJBQzExRjA4RkFBRjUzNDVCNTkyODMyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA3MjhDRjFENjJBQzExRjA4RkFBRjUzNDVCNTkyODMyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDcyOENGMUE2MkFDMTFGMDhGQUFGNTM0NUI1OTI4MzIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDcyOENGMUI2MkFDMTFGMDhGQUFGNTM0NUI1OTI4MzIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6/aH39AAAL+0lEQVR42rRX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') no-repeat center center;
    background-size: contain;
}

.site-header .header-icons .fas.fa-bars {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAlCAIAAABUNYfnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMi1jMDAwIDc5LjU2NmViYzViNCwgMjAyMi8wNS8wOS0wODoyNTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY1QzhGMUJDNjJBQzExRjA5NkRGRUJBNTQ3ODNGNTZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY1QzhGMUJENjJBQzExRjA5NkRGRUJBNTQ3ODNGNTZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjVDOEYxQkE2MkFDMTFGMDk2REZFQkE1NDc4M0Y1NkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjVDOEYxQkI2MkFDMTFGMDk2REZFQkE1NDc4M0Y1NkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5g6ELqAAABnElEQVR42mL8//8/w4ACJoaBBgPvAhZkzstnjy9duc7EwsLEyEgLy/79/cvAxGxpY8fFxowQ/Q8DuzYu5+ZgoYOnZZQ0btx9DLeXEZ4SNWWFbjx5Lyws/PfvXxolT0ZGRiYmxnfv3ufWdExqLkcPg4qcBLrF/Yote7GEARDMmNx34uwlNnZ2ZiaapNA/v3///fffwzcoLNAbETCj5cGoC0ZdMOoCbDXTuVPHzly4wsbGDiw7aWHZ3z9//jEwOrt5KciIY6mZFk7roY+n2bkFjp27CrcXEQatzQ1AUkRE+PfvP7SynJGRhZnp7dt3S1ZvtDTUwgiD6XQKAxZOPuQwQKkXzp0+cfveQw4ODhrZDbTr589fppY2SnJSozXTqAtGXTDqAvw109SJfTfu3Ofk5KRdifT9+3dbZ89wpLYyolSuzEuim7+Xb96DpWZav249qGYSFv4D7N3RDDAzMb599/7YyTMRPs7oYbB743IudmZ69BsVNW7ce4y9Znrx5OHFqzeAfSZG2tj97x+wy8RoZWOP7NXRmmkwuAAgwAAOZwPUgSvTcwAAAABJRU5ErkJggg==') no-repeat center center;
    background-size: contain;
}

.site-header .header-icons .menu-toggle {
    display: block;

}

/* Main menu */

.site-header .main-navigation {
    position: fixed;
    top: 0;
    right: 0;
    width: 26%;
    height: 100%;
    min-width: 200px;
    background-color: #fff;
    z-index: 1001;
    box-shadow: 0px 5px 18px 2px rgba(37, 37, 37, 0.1);

    padding: 140px 45px 45px 45px;

    transition:  all 0.3s;
    transform: translateX(100%);
}

.site-header .main-navigation.open {
    transform: translateX(0);
}



.site-header .main-navigation .menu-close {
    position: absolute;
    top: 40px;
    right: 30px;
    text-indent: -2000em;
    cursor: pointer;
    height: 20px;
    width: 20px;

    /* insert SVG into background url */
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMi1jMDAwIDc5LjU2NmViYzViNCwgMjAyMi8wNS8wOS0wODoyNTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ1M0YxQUYyNjJBNzExRjBCMTQ3OEIwQTM5MTBENTcyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ1M0YxQUYzNjJBNzExRjBCMTQ3OEIwQTM5MTBENTcyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDUzRjFBRjA2MkE3MTFGMEIxNDc4QjBBMzkxMEQ1NzIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDUzRjFBRjE2MkE3MTFGMEIxNDc4QjBBMzkxMEQ1NzIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4lKmBBAAABuElEQVR42rxYwUoDMRCNW0W3UKHoRbEX/Q9/TPwCb168SUUEBVFQFLEqKFWqHhR2RXoo9aJgbz2L1ZklC0vMpDHJdOBdstPMS+ftzGSFEKIEWAe0AGuAMcFvKzLeFqCCCxuAnwKeATEjgTMl3gku9pRFRMJE4FwTC5GlQvfgMjCBbSLOET6ckCfXOTQCEagT+2MWqrlTLLXAQYQi8AGoqc6RIWePjmI9JvZLATMu4sEfjgcQYWp7oAaxwY0lgV1fArk9OWqE0sC7S0pjh7eGIvCpE6GtTcp6odu4CSgXfPcJvxfAHGelw5QtGQikoVsAReR7VARyaxEBVXQ5myBq5A4wMBB4DaWBYdYnCHwBFkdBYM+gg4F8m6Y4CRxaauKei0DdkkDoMcCqFC8DbrmJ7BAB2oCFQolvEn5XvhoxtePyP/wTwn+onTpWQlOJD6KBtmUlvPbViGkonbXco+QzPFME3hzmAfzHHgxEIpubUVEDFQZx/7npeQ+ljkQSee8Rq4aJKGQ7viDibAo5/+lmwmmG0k+JNeuKaimuCR6LNVM8DkrZiQ8AHXlfqDKPApH8HNGRKZr/FWAAwfx9OROc+v4AAAAASUVORK5CYII=') no-repeat center center;
    background-size: contain;

    transition: all 0.2s;

    opacity: 1;
    transform: rotate(0deg);
}

.site-header .main-navigation .menu-close:hover {
    opacity: 0.7;
    transform: rotate(90deg);
}

.site-header .main-navigation ul.menu {
    display: block;
}

.site-header .main-navigation .menu .menu-item {
    border-bottom: 1px solid #d3d3d3;
    display: block;
    background-color: #fff;
    transition: all 0.2s;
}

.site-header .main-navigation .menu .menu-item a {
    padding: 14px 10px;
    color: inherit;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
}
    
.site-header .main-navigation .menu .menu-item:hover {
    background-color: rgb(244, 244, 244);
}


/* Footer */

.site-footer {
    background-color: #fafafa;
    border-top: 1px solid #d3d3d3;
}

.site-footer .footer-main {
    padding: 45px 0 25px 0;
}

.site-footer .footer-main .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.site-footer .footer-logo {
    margin-bottom: 20px;
}

.site-footer .footer-logo .footer-logo-img {
    max-width: 240px;
    display: block;
    margin: 0 auto;
    border: none;
}

.site-footer .footer-menu-1,
.site-footer .footer-menu-2 {
    margin-bottom: 20px;
}

.site-footer .footer-menu-1 ul,
.site-footer .footer-menu-2 ul {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.site-footer .footer-menu-1 ul li,
.site-footer .footer-menu-2 ul li {
    list-style-type: none;
    margin: 0 0 15px 0;
    padding: 0;
}

.site-footer .footer-menu-1 ul li a,
.site-footer .footer-menu-2 ul li a {
    font-size: 16px;
    line-height: 1.4;
    text-transform: uppercase;
    color: #1b1b1b;
    transition: all 0.2s;
    opacity: 1;
    text-decoration: none;
}

.site-footer .footer-menu-1 ul li:hover a,
.site-footer .footer-menu-2 ul li:hover a {
    opacity: 0.7;
}

.site-footer .footer-contact {
    margin-bottom: 20px;
    padding: 20px 40px;
    border: 1px solid #334196;
    color: #334196;
}

.site-footer .footer-contact h4 {
    margin: 0 0 15px 0;
    font-size: 16px;
    line-height: 1.4;
    text-transform: uppercase;
}

.site-footer .footer-contact p.address {
    font-size: 16px;
    line-height: 1.4;
}

.site-footer .footer-contact p.address a {
    text-decoration: none;
    color: inherit;
    opacity: 1;
    transition: all 0.2s;
}

.site-footer .footer-contact p.address:hover a {
    opacity: 0.7;
}

.site-footer .footer-contact .contact-icons {
    display: flex;
    align-items: center;
    margin: 15px 0 0 0;
    padding: 0;
    list-style-type: none;
}

.site-footer .footer-contact .contact-icons li {
    display: inline-block;
    margin-right: 15px;
}

.site-footer .footer-contact .contact-icons li a {
    width: 30px;
    height: 30px;
    
    color: inherit;
    opacity: 1;
    transition: all 0.2s;
    display: block;
}

.site-footer .footer-contact .contact-icons li.email a {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30px" height="30px"> <path fill-rule="evenodd" fill="rgb(51, 65, 150)" d="M15.000,29.999 C6.715,29.999 -0.000,23.284 -0.000,15.000 C-0.000,6.715 6.715,-0.001 15.000,-0.001 C23.285,-0.001 30.000,6.715 30.000,15.000 C30.000,23.284 23.285,29.999 15.000,29.999 ZM15.000,2.343 C8.010,2.343 2.344,8.010 2.344,15.000 C2.344,21.990 8.010,27.656 15.000,27.656 C21.990,27.656 27.656,21.990 27.656,15.000 C27.656,8.010 21.990,2.343 15.000,2.343 ZM17.496,19.118 C16.758,19.118 16.235,18.854 15.929,18.325 C15.251,18.854 14.542,19.118 13.804,19.118 C12.943,19.118 12.243,18.737 11.709,17.975 C11.226,17.283 10.985,16.481 10.985,15.567 C10.985,14.397 11.356,13.297 12.100,12.266 C12.906,11.147 13.862,10.587 14.963,10.587 C15.391,10.587 15.721,10.641 15.952,10.752 C16.203,10.874 16.452,11.108 16.699,11.456 C16.743,11.142 16.818,10.933 16.928,10.827 C17.036,10.722 17.245,10.669 17.554,10.669 C18.199,10.669 18.521,10.925 18.521,11.441 C18.521,11.497 18.516,11.557 18.506,11.622 L17.821,15.874 C17.692,16.666 17.628,17.109 17.628,17.205 C17.628,17.437 17.751,17.552 17.997,17.552 C18.223,17.552 18.536,17.408 18.935,17.122 C19.466,16.739 19.872,16.195 20.153,15.489 C20.404,14.860 20.529,14.179 20.529,13.449 C20.529,12.054 20.035,10.935 19.045,10.094 C18.120,9.301 16.962,8.905 15.569,8.905 C13.798,8.905 12.328,9.514 11.162,10.731 C9.995,11.949 9.413,13.465 9.413,15.279 C9.413,17.149 10.025,18.586 11.251,19.588 C12.372,20.506 13.868,20.964 15.738,20.964 C17.481,20.964 18.937,20.453 20.109,19.429 C20.281,19.227 20.547,18.935 20.905,18.550 C21.122,18.329 21.388,18.217 21.704,18.217 C21.870,18.217 22.015,18.285 22.135,18.418 C22.256,18.552 22.315,18.705 22.315,18.877 C22.315,19.103 22.191,19.400 21.939,19.769 C21.737,20.071 21.525,20.328 21.304,20.540 C20.620,21.181 19.750,21.676 18.691,22.022 C17.726,22.341 16.738,22.499 15.723,22.499 C13.341,22.499 11.417,21.931 9.951,20.791 C8.318,19.526 7.500,17.714 7.500,15.355 C7.500,13.045 8.297,11.149 9.892,9.662 C11.442,8.220 13.356,7.499 15.635,7.499 C17.388,7.499 18.941,8.040 20.300,9.117 C21.767,10.281 22.500,11.734 22.500,13.478 C22.500,14.935 22.028,16.226 21.083,17.349 C20.089,18.529 18.893,19.118 17.496,19.118 ZM16.085,12.416 C15.952,12.124 15.751,11.977 15.480,11.977 C14.825,11.977 14.243,12.538 13.731,13.659 C13.292,14.609 13.073,15.462 13.073,16.219 C13.073,17.194 13.455,17.681 14.218,17.681 C14.729,17.681 15.211,17.052 15.665,15.795 C16.054,14.730 16.247,13.869 16.247,13.212 C16.247,12.905 16.193,12.639 16.085,12.416 Z"/> </svg>') no-repeat center center;
    background-size: contain;
}

.site-footer .footer-contact .contact-icons li.facebook a {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30px" height="30px"> <path fill-rule="evenodd" fill="rgb(51, 65, 150)" d="M15.000,29.999 C6.715,29.999 -0.000,23.284 -0.000,15.000 C-0.000,6.715 6.715,-0.001 15.000,-0.001 C23.285,-0.001 30.000,6.715 30.000,15.000 C30.000,23.284 23.285,29.999 15.000,29.999 ZM15.000,2.343 C8.010,2.343 2.344,8.010 2.344,15.000 C2.344,21.990 8.010,27.656 15.000,27.656 C21.990,27.656 27.656,21.990 27.656,15.000 C27.656,8.010 21.990,2.343 15.000,2.343 ZM18.560,12.703 L18.157,15.351 L15.950,15.351 C15.950,18.712 15.950,22.499 15.950,22.499 L13.353,22.499 C13.353,22.499 13.353,18.750 13.353,15.351 L11.440,15.351 L11.440,12.703 L13.353,12.703 L13.353,10.644 C13.353,9.416 13.954,7.499 16.590,7.499 L18.522,7.509 L18.522,10.079 C18.522,10.079 17.117,10.079 16.837,10.079 C16.555,10.079 15.950,10.215 15.950,10.799 L15.950,12.703 L18.560,12.703 Z"/> </svg>') no-repeat center center;
    background-size: contain;
}

.site-footer .footer-contact .contact-icons li.website a {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMi1jMDAwIDc5LjU2NmViYzViNCwgMjAyMi8wNS8wOS0wODoyNTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJEMjY1MUI4NjJDMDExRjA4ODUwRjNBODgxMEQyN0I2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJEMjY1MUI5NjJDMDExRjA4ODUwRjNBODgxMEQyN0I2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkQyNjUxQjY2MkMwMTFGMDg4NTBGM0E4ODEwRDI3QjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkQyNjUxQjc2MkMwMTFGMDg4NTBGM0E4ODEwRDI3QjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ryzj2AAAH2UlEQVR42nxW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') no-repeat center center;
    background-size: contain;
}

.site-footer .footer-contact .contact-icons li a:hover {
    opacity: 0.7;
}

.site-footer .footer-credits .wrapper {
    border-top: 1px solid #8d94c3; 
    padding: 15px 0;
}
.site-footer .footer-credits .site-info {
    text-align: center;
    color: #334196;
    font-size: 14px;
}



/* Login Page */

.login-content {
    text-align: center;
    padding: 100px 0;
}

.login-content .page-heading {
    text-align: center;
    margin-bottom: 60px;
}

.login-content .page-heading h1 {
    font-size: 44px;
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 1;
}

.login-content .page-heading h2 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0;
    color: #929292;
    letter-spacing: 2px;
    line-height: 1;
}



.login-content .login-form-container {
    max-width: 460px;
    margin: 0 auto;
}

.login-content .login-form-container #loginform {
    padding: 30px 60px;
    background: #fafafa;
    border: 1px solid #b1b1b1;
    box-shadow: 0px 5px 18px 2px rgba(37, 37, 37, 0.05);
    text-align: left;
}

.login-content .login-form-container p > label {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
}

.login-content .login-form-container input[type="text"],
.login-content .login-form-container input[type="password"] {
    display: block;
    width: 100%;
    padding: 15px;
    font-size: 16px;
    line-height: 1.2;
    border: 1px solid #b1b1b1;
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom: 30px;
    font-family: 'EB Garamond', serif;
}

.login-content .login-form-container .login-submit {
    text-align: right;
    padding-top: 10px;
}

.login-content .login-form-container .login-submit input[type="submit"] {
    display: inline-block;
    padding: 15px 40px;
    font-size: 16px;
    font-family: 'EB Garamond', serif;
    font-weight: 600;
    line-height: 1.2;
    background-color: #334196;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.2s;
    opacity: 1;
}

.login-content .login-form-container .login-submit input[type="submit"]:hover {
    opacity: 0.9;
}

.login-content .login-form-container .forgot-password {
    text-align: left;
    margin: -20px 0 0 0;
}

.login-content .login-form-container .forgot-password a {
    display: inline-block;
    position: relative;
    top: -70px;
    left: 60px;
    text-decoration: none;
    color: #818181;
    transition: all 0.2s;
    opacity: 1;
}

.login-content .login-form-container .forgot-password a:hover {
    opacity: 0.7;
}

.login-content .login-form-container .no-account-message {
    color: #818181;
    padding-top: 10px;
    font-size: 15px;
    line-height: 1.2;
}

.login-content .login-form-container .no-account-message a {
    text-decoration: none;
    color: #334196;
    transition: all 0.2s;
    opacity: 1;
}

.login-content .login-form-container .no-account-message a:hover {
    opacity: 0.7;
}


/* Single Archive Details Page */

.site-main .page-title {
    text-align: center;
    margin: 0;
    padding: 100px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.site-main .page-title h1 {
    font-size: 44px;
    margin: 0;
    padding: 0;
    line-height: 1;
}

.site-main .page-title h2 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 10px 0 0 0;
    color: #929292;
    letter-spacing: 2px;
    line-height: 1;
}


.site-main.archive-single .page-title h1, 
.site-main.catalogue-content .page-title h1,
.site-main.archive-item-detail .page-title h1 {
    color: #fff;
}

/* Draft Archive Badge in Catalogue */
.archive-draft-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 193, 7, 0.95);
    color: #000;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    margin-left: 16px;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.archive-draft-badge svg {
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .archive-draft-badge {
        display: block;
        margin: 12px auto 0;
        width: fit-content;
    }
}

.archive-single .archive-content {
    padding: 60px 0;
}

.archive-single .archive-content .archive-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 60px;
}

.archive-single .archive-content .archive-sidebar {
    flex: 1;
    max-width: 32%;
    padding-top: 1.4em;
}

.archive-single .archive-content .archive-sidebar .archive-short-description {
    margin-bottom: 40px;
    font-size: 17px;
    line-height: 1.4;
    color: #929292;
    color: #818181;
}

.archive-single .archive-content .archive-sidebar .archive-highlighted-box {
    background-color: #ffebbe;
    padding: 30px;
    font-size: 17px;
    line-height: 1.4;
    color: #929292;
    color: #818181;
}

.archive-single .archive-content .archive-sidebar .archive-highlighted-box h1 {
    font-size: 18px;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    color: #141414;
}


.archive-single .archive-content .archive-description {
    flex: 2;
    max-width: 66%;
}

.archive-single .archive-content .archive-description {
    font-size: 18px;
    color: #141414;
}

/* //display content of .archive-section on two columns */
.archive-single .archive-content .archive-description .archive-sections {
    display: flex;
    flex-wrap: wrap;
}

.archive-single .archive-content .archive-description .archive-sections .archive-section {
    flex: 1 1 50%;
    padding: 20px;
    box-sizing: border-box;
}


.archive-single .archive-content .archive-description .archive-sections .archive-section .archive-section-thumbnail {
    width: 100%;
    height: 0;
    padding-top: 100%;
    background-color: #f0f0f0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-bottom: 20px;
}

.archive-single .archive-content .archive-description .archive-sections .archive-section h2 {
    font-size: 18px;
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 1.2;
}

.archive-single .archive-content .archive-description .archive-sections .archive-section p {
    font-size: 16px;
    color: #737373;
    margin: 0;
}



.archive-single .archive-content .archive-description .browse-archive {
    margin-top: 40px;
    padding: 20px 0;
    border-top: 1px solid #d3d3d3;
    text-align: right;
}

.archive-single .archive-content .archive-description .browse-archive .button {
    display: inline-block;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    background-color: transparent;
    color: #334196;
    border: 2px solid #334196;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s;
    text-decoration: none;
}

.archive-single .archive-content .archive-description .browse-archive .button:hover {
    background-color: #334196;
    color: #fff;
}

/* Archive Single - Responsive */
@media (max-width: 1024px) {
    .archive-single .archive-content .archive-container {
        column-gap: 40px;
    }
}

@media (max-width: 768px) {
    .archive-single .archive-content {
        padding: 40px 0;
    }

    .archive-single .archive-content .archive-container {
        flex-direction: column;
        column-gap: 0;
        padding: 0 16px;
    }

    .archive-single .archive-content .archive-sidebar {
        max-width: 100%;
        width: 100%;
        margin-bottom: 40px;
        margin-top: 40px;
        padding-top: 0;
        order: 2;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .archive-single .archive-content .archive-sidebar .archive-short-description {
        margin-bottom: 0;
        font-size: 17px;
        line-height: 1.6;
        /* grid-column: 1 / -1; */
    }

    .archive-single .archive-content .archive-sidebar .archive-highlighted-box {
        padding: 20px;
        margin-bottom: 0;
        font-size: 17px;
    }

    .archive-single .archive-content .archive-sidebar .archive-highlighted-box h1 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .archive-single .archive-content .archive-description {
        max-width: 100%;
        width: 100%;
        order: 1;
    }

    .archive-single .archive-content .archive-description .archive-sections .archive-section {
        margin-bottom: 30px;
    }

    .archive-single .archive-content .archive-description .archive-sections .archive-section .archive-section-thumbnail {
        max-height: 200px;
    }

    .archive-single .archive-content .archive-description .archive-sections .archive-section h2 {
        font-size: 18px;
    }

    .archive-single .archive-content .archive-description .browse-archive {
        margin-top: 30px;
    }

    .archive-single .archive-content .archive-description .browse-archive .button {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .archive-single .archive-content .archive-container {
        padding: 0 12px;
    }

    .archive-single .archive-content .archive-sidebar {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .archive-single .archive-content .archive-sidebar .archive-short-description {
        grid-column: 1;
    }

    .archive-single .archive-content .archive-sidebar .archive-highlighted-box {
        padding: 16px;
    }

    .archive-single .archive-content .archive-sidebar .archive-highlighted-box h1 {
        font-size: 14px;
    }

    .archive-single .archive-content .archive-description .archive-sections .archive-section .archive-section-thumbnail {
        max-height: 150px;
    }

    .archive-single .archive-content .archive-description .archive-sections .archive-section h2 {
        font-size: 16px;
    }

    .archive-single .archive-content .archive-description .archive-sections .archive-section p {
        font-size: 13px;
    }
}


/* Homepage */

.home-archives {
    padding: 30px 0 60px 0;
}

.home-archives .archive-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 60px;
}

.home-archives .archive-item {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
    box-sizing: border-box;
    transition: all 0.2s;
    position: relative;
}

.home-archives .archive-item:nth-child(odd)::after {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    right: -30px;
    width: 1px;
    height: 100%;
    /* background gradient for smooth ends - white - gray - white */
    background: linear-gradient(to bottom, transparent 0%, #d3d3d3 10%, #fafafa 90%, transparent 100%); /* how can I control percent positions */
}

.home-archives .archive-item:hover {
    opacity: 0.9;
}

.home-archives .archive-item > a {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    gap: 20px;
    text-decoration: none;
    color: inherit;
}

.home-archives .archive-item .archive-thumbnail-container {
    width: 100%;
    min-height: 220px;
}

.home-archives .archive-item .archive-thumbnail {
    aspect-ratio: 1 / 1;
    background-color: #f0f0f0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-bottom: 0;
    height: 0;
    padding-top: 100%;
}

.home-archives .archive-item .archive-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-archives .archive-item h2 {
    font-size: 18px;
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 1.2;
}

.home-archives .archive-item p {
    font-size: 16px;
    color: #737373;
    margin: 0;
}

@media (max-width: 1024px) {
    .home-archives .archive-container {
        grid-template-columns: 1fr;
    }

    .home-archives .archive-item > a {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .home-archives {
        padding: 40px 0;
    }

    .home-archives .archive-container {
        padding: 0 16px;
        gap: 24px;
    }

    .home-archives .archive-item > a {
        gap: 16px;
    }

    .home-archives .archive-item .archive-thumbnail-container {
        min-height: 180px;
    }

    .home-archives .archive-item h2 {
        font-size: 17px;
    }

    .home-archives .archive-item p {
        font-size: 15px;
    }
}

@media (max-width: 560px) {
    .home-archives .archive-item > a {
        grid-template-columns: 1fr;
    }

    .home-archives .archive-item .archive-thumbnail-container {
        min-height: 200px;
    }
}

/* Responsive Styles for User Menu */
@media (max-width: 768px) {
    .site-header .header-icons .user-initials {
        width: 36px;
        height: 36px;
        font-size: 13px;
    }

    .site-header .header-icons .user-menu {
        right: -10px;
        min-width: 180px;
    }

    .site-header .header-icons .user-menu ul li a {
        padding: 10px 15px;
        font-size: 13px;
    }

    .site-header .header-icons .user-menu ul li a i {
        font-size: 13px;
        width: 14px;
    }
}

@media (max-width: 480px) {
    .site-header .header-icons .user-initials {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }

    .site-header .header-icons .user-menu {
        right: -20px;
        min-width: 160px;
    }

    .site-header .header-icons .user-menu::before {
        right: 25px;
    }
}