/*
Theme Name: LIIA - SESLIP
Author: NetReady
Description: A customisable theme for the LIIA and SESLIP organisations.
Version: 1.0.0
Requires at least: The oldest main WordPress version supported, written in X.X format. 
Tested up to: The last main WordPress version the theme has been tested up to, i.e. 6.0. Write only the number.
Requires PHP: The oldest PHP version supported, in X.X format, only the number.
License: The license of the theme.
License URI: The URL of the theme license.
Text Domain: The string used for textdomain for translation. The theme slug.
*/

* {
    line-height: 1.5em;
}

@media screen and (min-width: 900px) {
    .nowrap{
        white-space: nowrap;
    }
}

.align-right{
    text-align: right !important;
}

li {
    color: var(--wp--preset--color--body);
}

main h2 {
    color: var(--wp--preset--color--body-highlight);
}

time {
    color: var(--wp--preset--color--body-highlight);
}

i[class^=fa] {
    color: var(--wp--preset--color--primary-highlight) !important;
}

.is-style-with-underline {
    border-bottom: 3px solid var(--wp--preset--color--primary);
}

.form .col-50 {
    width: 50%;
}

a {
    color: var(--wp--preset--color--link-color)
}

@media only screen and (max-width: 600px) {
    .form .col-50 {
        width: 100%;
    }
}

.form label {
    word-wrap: no-wrap;
    line-height: 35px;
    color: var(--wp--preset--color--body);
}

#registration-form label {
    margin-right: auto;
    width: 100%;
}

#login-form label {
    width: 150px;
}

.form .form-group input:not([type="checkbox"]), .form-group textarea { 
    width: 100%;
}

.form-group input[type="checkbox"] {
    width: 22px;
}

.form-group input,
#search-form input,
#search-form select {

    height: 34px;
    background: #FFFFFF;
    border: 0.5px solid #8E8997;
    border-radius: 3px;

}

.form .form-group {
    margin: 10px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.form-group div {
    width: 100%;
}

#login-form {
    justify-content: center;
    display: flex;
    flex-direction: column;
    max-width: 500px;
    margin: auto;
}


.timeline-entry {
    margin-top: 0 !important;
    padding-top: 0px;
    padding-bottom: 0px;
}


.timeline-entry.is-layout-flex {
    gap: unset;
}

.timeline-entry > div:last-child {
    position: relative;
    border-left-style: solid!important;
}

.timeline-entry > div:last-child::after {
    content: "";
    height: 20px;
    width: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(calc(-50% - 1.5px), -50%);
    border-radius: 20px;
    background-color: var(--wp--preset--color--primary-highlight);
}

.timeline-entry .is-layout-flow > * + * {
    margin-top: 6px;
}

.advanced-post-block p {
    margin-top: 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 781px) {
    .timeline-entry > div:first-child {
        border: none;
    }
}

@media screen and (max-width: 780px) {
    
    .timeline-entry > div {
        display: none;
    }
    
    .timeline-entry > div:has(p) {
        display: block;
        position: relative;
    }

    .timeline-entry > div:has(p)::after {
        content: "";
        height: 20px;
        width: 20px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(calc(-50% - 1.5px), -50%);
        border-radius: 20px;
        background-color: var(--wp--preset--color--primary-highlight);
    }
}

.download-link a {
    font-weight: bold;
    text-decoration: none;
}

.is-style-with-alt-underline {
    border-bottom: 3px solid var(--wp--preset--color--primary-highlight);
}

.is-style-outlined-buttons a, .is-style-outlined-buttons a.wp-block-post-excerpt__more-link {
    border: 3px solid var(--wp--preset--color--primary-highlight) !important;
    color: var(--wp--preset--color--primary-highlight) !important;
    background-color: white !important;
    text-align: center !important;
}
.is-style-outlined-buttons .wp-block-button a:hover, .is-style-outlined-buttons a.wp-block-post-excerpt__more-link {
    color: var(--wp--preset--color--body-highlight) !important;
    border: 3px solid var(--wp--preset--color--body-highlight) !important;
    background-color: white !important;
}


.is-style-outlined-buttons .wp-block-button a:hover, .is-style-outlined-buttons a.wp-block-post-excerpt__more-link:hover{
    color: var(--wp--preset--color--body-highlight) !important;
    border: 3px solid var(--wp--preset--color--body-highlight) !important;
    background-color: white !important;
}
.is-style-outlined-buttons .wp-block-button a:hover i { /* font awesome icons inside a link */
    color: var(--wp--preset--color--body-highlight) !important;
}


.transparent-textbox-with-heading-and-image-on-left img {
    width: 100%;
}

.main-page-title-block img {
    width: 100%;
    max-height: 326px;
    object-fit: cover;
}


.ls-card {
    overflow: hidden;
    background-color: var(--wp--preset--color--secondary);
}

.ls-card a {
    text-decoration: none;
}

.ls-card div {
    margin-top: 0;
}

.ls-card h2 {
    position: absolute;
    bottom: 0;
}

.ls-card h2,
.ls-card h3 {
    width: 100%;
    padding: 10px;
    margin: 0;
    box-sizing: border-box;
}

.ls-card i {
    width: 16px;
    padding: 10px;
    color: var(--wp--preset--color--primary-highlight) !important;
}

.ls-card img {
    height: 191px;
    width: 100%;
    object-fit: cover;
}

.ls-card p {
    padding: 10px;
    margin: 0;
}

.ls-card>.wp-block-group {
    position: relative;
}

.ls-card.ls-card.clickable {
    /* transition: all ease-out 0.3s; */
    cursor: pointer;
}

/* .ls-card.clickable:hover {
    transform: translate(-2px, -5px);
    -webkit-box-shadow: 5px 5px 15px 5px #787878; 
    box-shadow: 5px 5px 15px 5px #787878;
} */

.wp-block-buttons>.wp-block-button {
    display: inline-block;
    margin: 0;
}
.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link {
    font-size: inherit;
}

/* We use a grid on .navigation-tiles so that we can get items to wrap nicely and all be same height,
   but if the tiles are to be centered then we don't want to use the grid. We'll lose any wrapping (buttons
   might be quite wide) but I think this is the only option */
.navigation-tiles:not(.is-content-justification-center){
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    align-items: normal !important;
    grid-auto-rows: 1fr;
}



.wp-block-button__link {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    word-break: break-word;
}

.navigation-tiles a ,
.navigation-tiles div /* Apply styling inside editor, where the <a> tags are represented as divs*/
{
    width: 100%;
    height: 100%;
    border-radius: 20px;
    text-align: left;
}
@media screen and (min-width: 900px) {
    .navigation-tiles a {
        min-height: 4.2em;
    }
}


/* .navigation-tiles a:hover {
    background-color: var(--wp--preset--color--background-highlight) !important;
} */

.is-style-file-download a {
    color: var(--wp--preset--color--body-highlight);
}

.is-style-file-download-large {
    text-align: center;
}

.is-style-file-download-large a {
    text-decoration: none;
    font-weight: bold;
    font-size: 24px;
    color: var(--wp--preset--color--body-highlight);
}

.is-style-file-download a::before,
.is-style-launch-pdf-viewer a:not(.wp-element-button)::before,
.is-style-file-download-large a::before{
    content: "\f15b";
    font-family: 'Font Awesome 6 Free';
    font-weight: 400;
    padding-right: 5px;
    color: var(--wp--preset--color--primary-highlight);
}

a[href^="mailto:"],
a[href^="tel:"],
.contacts-directory a {
    color: var(--wp--preset--color--link-color);
    white-space: nowrap;
}

a[href^="mailto:"]::before {
    display: inline-block;
    content: "\f0e0";
    padding-right: 5px;
    text-decoration: none;
    font-family: 'Font Awesome 6 Free';
    font-weight: 400;
    color: var(--wp--preset--color--primary-highlight);
}

.news-link {
    margin: 0;
}

.news-link a {
    font-weight: normal;
}

.news-link a::before {
    content: "\f1ea";
    display: inline-block;
    padding-right: 5px;
    text-decoration: none;
    font-family: 'Font Awesome 6 Free';
    font-weight: 400;
    color: var(--wp--preset--color--primary-highlight);
}

.no-bullet {
    list-style: none;
    padding: 0;
}

.post-title-section {
    align-items: flex-end!important;
}

.post-title-section .wp-block-post-date {
    margin-top: 5px;
}

.post-title-section img {
    border-radius: 20px;
}

.news-single-post .wp-block-post-excerpt__more-text {
    text-align: right;
}



.news-single-post .wp-block-post-excerpt__more-link::after {
    content: "\f061";
    display: inline-block;
    padding-left: 5px;
    text-decoration: none;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: var(--wp--preset--color--white);
}

.posts-pagination {
    display: flex;
    justify-content: center;
    align-items: middle;
}

.page-numbers {
    margin: 0;
    text-decoration: none;
    font-size: 25px;
    text-align: center;
    min-width: 30px;
    padding: 3px 7px;
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--body-highlight);
    transition: all ease-out 0.3s;
}

.page-numbers:not(.current):hover {
    color: var(--wp--preset--color--white);
    background-color: var(--wp--preset--color--body-highlight);
}

.page-numbers:not(.prev):not(.next) {
    border: solid 1px var(--wp--preset--color--body-highlight);
    border-right: none;
}

.page-numbers:last-child {
    border: solid 1px var(--wp--preset--color--body-highlight)!important;
}

.page-numbers.prev {
    border: solid 1px var(--wp--preset--color--body-highlight);
    border-right: none;
    border-top-left-radius: 22.5px;
    border-bottom-left-radius: 22.5px;
}

.page-numbers.next {
    border: solid 1px var(--wp--preset--color--body-highlight);
    border-top-right-radius: 22.5px;
    border-bottom-right-radius: 22.5px;
}

.page-numbers.current {
    background-color: var(--wp--preset--color--primary-alt-highlight);
}

.post-slider {
    margin: 0 -20px;
}

.slick-slide.post-slide {
    height: unset;
}

.post-slide {
    background-color: var(--wp--preset--color--secondary);
    border-radius: 20px;
    overflow: hidden;
    margin: 0 20px;
}

.post-slide img {
    object-fit: cover;
    width: 100%;
    height: 200px;
}

.post-slide-text {
    padding: 20px;
}

.post-slide-text i {
    display: block;
    text-align: right;
}

.post-slide a {
    text-decoration: none;
    color: var(--wp--preset--color--body);
}




#login-error, #validation-component{
    background-color: #FFE5E5;
    padding: 20px 20px;
    box-sizing: border-box;
    color: var(--wp--preset--color--body-highlight) !important;
}
#validation-component ul {
    list-style: none;
    padding: 0;
    margin: 0;
}




.success-message, #success-notification,  .wpforms-confirmation-scroll, .success-component {
    color: var(--wp--preset--color--body-highlight) !important;
    background-color: #d4edda !important;
    border: 2px solid #c3e6cb !important;
    padding: 20px;
    box-sizing: border-box;
    font-weight:bold;
}



.width-100 {
    width: 100%;
}

a[href^="tel:"]::before {
    display: inline-block;
    content: "\f095";
    padding-right: 5px;
    text-decoration: none;
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
    color: var(--wp--preset--color--primary-highlight);
}

.contacts-directory {
    width: 100%;
    border-spacing: 0px;
}

.contacts-directory th {
    font-weight: bold;
    background-color: var(--wp--preset--color--primary-alt-highlight);
    color: var(--wp--preset--color--body-highlight);
}

.contacts-directory .odd-row {
    background-color: var(--wp--preset--color--white);
}

.contacts-directory .even-row {
    background-color: var(--wp--preset--color--secondary);
}

.contacts-directory th,
.contacts-directory td {
    padding: 10px;
    text-align: left;
}

.contacts-directory a.weblink::before {
    display: inline-block;
    content: "\f0ac";
    padding-right: 5px;
    text-decoration: none;
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
    color: var(--wp--preset--color--primary-highlight);
}

@media screen and (min-width: 900px) {
    .contacts-directory.mobile {
        display: none;
    }
}

@media screen and (max-width: 899px) {
    .contacts-directory.desktop {
        display: none;
    }
}

.post-filters {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    color: var(--wp--preset--color--body);
}

.post-filters form {
    width: 100%;
}

.post-filters select {
    border: 0.5px solid #8E8997;
    border-radius: 3px;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 6px;
    color: var(--wp--preset--color--body);
}

.post-filters form > * > select {
    margin: 5px 10px;
}

.post-filters input {
    margin-top: 20px;
}

.wp-block-button a:hover, .wp-block-button button:hover, a.wp-block-post-excerpt__more-link:hover {
    background-color: var(--wp--preset--color--body-highlight) !important;
    color: white !important;
}

.wp-block-button a, .wp-block-button button, a.wp-block-post-excerpt__more-link {
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: bold;
    background-color: var(--wp--preset--color--primary-highlight);
    color: white;
    text-decoration: none !important;
}

.wp-element-button.has-white-background-color:hover {
    background-color: var(--wp--preset--color--primary-highlight) !important;
    color: white !important;
}

/**************************\
  Basic Modal Styles
\**************************/


.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;

}

.modal__container {
    background-color: #fff;
    padding: 30px;
    max-width: 500px;
    max-height: 100vh;
    border-radius: 4px;
    overflow-y: auto;
    box-sizing: border-box;
}

.modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.25;
    color: #00449e;
    box-sizing: border-box;
}

.modal__close {
    background: transparent;
    border: 0;
}

.modal__header .modal__close:before {
    content: "\2715";
}

.modal__content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5;
    color: var(--wp--preset--color--body);
}

.modal__btn {
    font-size: .875rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #e6e6e6;
    color: var(--wp--preset--color--body);
    border-radius: .25rem;
    border-style: none;
    border-width: 0;
    cursor: pointer;
    -webkit-appearance: button;
    text-transform: none;
    overflow: visible;
    line-height: 1.15;
    margin: 0;
    will-change: transform;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out;
}

.modal__btn:focus,
.modal__btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.modal__btn-primary {
    background-color: #00449e;
    color: #fff;
}

.report-item-download,
.report-item-url {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}

.report-item-download span {
    word-break: break-all;
    flex-shrink: 1;
}

.report-item > .report-item-download {
    margin-top: auto;
    justify-content: flex-end;
}

.report-item > * {
    margin: 0;
}

.modal .report-item-download {
    border-bottom: 1px solid var(--wp--preset--color--primary);
}

.report-item-download a,
.report-item-url button,
.report-item-url a {
    /* width: fit-content; */
    flex-shrink: 0;
    border: 3px solid var(--wp--preset--color--primary-highlight);
    border-radius: 20px;
    padding: 5px 10px;
    text-decoration: none;
    background-color: white;
    color: var(--wp--preset--color--primary-highlight) !important;
    width: 100px;
}

.report-item-download a:hover,
.report-item-url a:hover{
    border: 3px solid var(--wp--preset--color--body-highlight);
    color: var(--wp--preset--color--body-highlight) !important;
}

.report-item-download a::before {
    display: inline-block;
    content: "\f019";
    padding-right: 5px;
    text-decoration: none;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: var(--wp--preset--color--primary-highlight);
}

.report-item-download a:hover::before {
    color: var(--wp--preset--color--body-highlight);
}

.report-item-url i {
    padding-right: 5px;
    font-weight: 900;
    color: var(--wp--preset--color--primary-highlight);
}

.report-item-url {
    padding: 10px 0;
}

.reports-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.report-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 16px;
    background: var(--wp--preset--color--secondary);
    padding: 10px;
    border-radius: 15px;
}

.float-right {
    float: right;
}


/**************************\
    Demo Animation Style
  \**************************/
@keyframes mmfadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes mmfadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes mmslideIn {
    from {
        transform: translateY(15%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes mmslideOut {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-10%);
    }
}

.micromodal-slide {
    display: none;
}

.micromodal-slide.is-open {
    display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
    animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
    animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
    animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
    animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
    will-change: transform;
}

.fontawesome-wrapper {
    display: inline-block;
}

*/ .fontawesome-wrapper div {
    display: inline-block;
}

.fontawesome-wrapper p {
    display: inline-block;
}

.mobile-header {
    display: none;
}

@media(max-width: 850px) {
    .desktop-header {
        display: none;
    }

    .mobile-header {
        display: block;
    }

    .wp-block-site-logo.is-default-size img {
        width: auto !important;
    }

    
    .navigation-tiles {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .welcome-message {
        width: 100%;
    }

    .welcome-message-menu-container {
        flex-wrap: wrap !important;
    }

    a[href^="mailto:"] {
        white-space: wrap;
        
    }


}

.meet-the-team-container div.archive-meet-the-team-item {
    max-width: 182px !important
}

.meet-the-team-container {
    justify-content: center;
}

.mobile-header .wp-block-site-logo {
    display: inline-block;
}


header.site-header .wp-block-search__button{
    background-color: white !important;
}
header.site-header .wp-block-search__button svg {
    min-height: 2em !important;
    min-width: 2em !important;
}

header.site-header .wp-block-search__input{
    border: 3px solid var(--wp--preset--color--primary-highlight);
    border-radius: 3px
}

header.site-header .wp-block-search__button {
    border: 3px solid var(--wp--preset--color--primary-highlight);
    border-radius: 8px
}

header.site-header .wp-block-loginout a {
    background-color: white;
    border: 3px solid var(--wp--preset--color--primary-highlight);
    border-radius: 10px;
    padding: 8px 10px;
    text-decoration: none;
    color: var(--wp--preset--color--primary-highlight);
    font-weight: bold;
    font-size: 15px;
}


.wp-block-button__link {
    font-size: 15px;
}

header.site-header .wp-block-search__button {
    border: 3px solid var(--wp--preset--color--primary-highlight);
    border-radius: 10px;
    padding: 5px 10px;
}

header.site-header .wp-block-loginout a:hover, header.site-header .wp-block-search__button:hover{
    color: var(--wp--preset--color--body-highlight) !important;
    border: 3px solid var(--wp--preset--color--body-highlight) !important;
    background-color: white !important;    
}
header.site-header .wp-block-loginout a:hover i, header.site-header .wp-block-search__button:hover svg  {
    color: var(--wp--preset--color--body-highlight) !important;
}

.archive-arrow {
    float: right;
    color: var(--wp--preset--color--primary-highlight);
}

.container {
    max-width: 1050px;
    width: 90%;
    margin: auto;
}

.navbar {
    width: 100%;
    box-shadow: 0 1px 4px rgb(146 161 176 / 15%);
}

.nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 62px;
}

.navbar .menu-items {
    display: flex;
}

.navbar .nav-container li {
    list-style: none;
}

.navbar .nav-container .buttons a {
    text-decoration: none;
    color: var(--wp--preset--color--primary);
    font-weight: 500;
    font-size: 1.2rem;
    padding: 0.7rem;
}

.navbar .nav-container .logo > div,
.navbar .nav-container .logo a {
    height: 100%;
}

.close-modal {
    float: right;
    font-size: 25px;
    cursor: pointer !important;
}

.modal-header {
    width: 100%
}

.navbar-nav li:nth-last-child(-n+2) .sub-menu {
    right: 0;
}

.navbar i {
    color: var(--wp--preset--color--white);
}

.navbar .nav-container a:hover {
    font-weight: bolder;
}

.nav-container {
    display: block;
    position: relative;
    height: 60px;
}

.nav-container .checkbox {
    position: absolute;
    display: block;
    height: 32px;
    width: 32px;
    top: 20px;
    right: 20px;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
}

.screen-reader-text {
    width: 1px !important;
}

.nav-container .hamburger-lines {
    display: block;
    height: 26px;
    width: 32px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.nav-container .hamburger-lines .line {
    display: block;
    height: 4px;
    width: 100%;
    border-radius: 10px;
    background: var(--wp--preset--color--primary-highlight);
}

.nav-container .hamburger-lines .line1 {
    transform-origin: 0% 0%;
    transition: transform 0.4s ease-in-out;
}

.nav-container .hamburger-lines .line2 {
    transition: transform 0.2s ease-in-out;
}

.nav-container .hamburger-lines .line3 {
    transform-origin: 0% 100%;
    transition: transform 0.4s ease-in-out;
}

.mobile-header .navbar {
    padding: 20px 0;
}

.mobile-header .container.nav-container {
    min-height: 100px;
}

.nav-flex-container {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 72px;
}

.nav-flex-container .logo {
    flex-grow: 1;
    height: 100%;
}

.nav-flex-container .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: 0 50%;
}

.nav-flex-container .buttons {
    min-width: max-content;
}

.navbar .menu-items {
    background-color: var(--wp--preset--color--white);
    padding-top: 20px;
    box-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);
    min-height: 100vh;
    width: 100%;
    transform: translate(-150%);
    display: flex;
    flex-direction: column;
    margin-left: -40px;
    padding-left: 50px;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1000;
    margin-top: 9px;
}

.logo .buttons {
    float: right;
    margin-right: 70px;
    margin-top: 15px;
    max-height: 60px;
}

.navbar .menu-items li {
    margin-bottom: 1.2rem;
    font-size: 1.5rem;
    font-weight: 500;
}

.logo {
    top: 5px;
    right: 15px;
    font-size: 1.2rem;
    color: #0e2431;
}

.nav-container input[type="checkbox"]:checked~.menu-items  {
    transform: translate(0);
}

.nav-container input[type="checkbox"]:checked~.hamburger-lines .line1 {
    transform: rotate(45deg);
}

.nav-container input[type="checkbox"]:checked~.hamburger-lines .line2 {
    transform: scaleY(0);
}

.nav-container input[type="checkbox"]:checked~.hamburger-lines .line3 {
    transform: rotate(-45deg);
}

/* Style the buttons that are used to open and close the accordion panel */
.dropdown-toggle {
    cursor: pointer;
    padding-right: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active,
.dropdown-toggle:hover {
    background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.dropdown-menu {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
    border-left: 1px solid var(--wp--preset--color--primary);
    background: border-box;
}

footer a {
    color: var(--wp--preset--color--white);
}

.archive-meet-the-team-item {
    min-width: 160px !important;
}

div .meet-the-team-container {
    flex-wrap: wrap !important;
}

.welcome-user-menu {
    background-color: var(--wp--preset--color--primary) !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.welcome-message {
    color: var(--wp--preset--color--white);
    font-size: 25px;
    font-weight: 500;
}

.welcome-bar-gutter {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
}

.boxes-grey a {
    background-color: #C9C9C0 !important;
    color: #383838 !important
}
.boxes-grey a:hover {
    color: white !important
}

.wp-block-post-featured-image {
    display: flex;
    align-items: end;
    height: 100%;
}

.report-item {
    color: var(--wp--preset--color--body);
}
.report-item  h1,.report-item h2,.report-item h3,.report-item h4,.report-item h5,.report-item h6{
    color: var(--wp--preset--color--body-highlight);
}


li[class^="event-"] {
    overflow-wrap: normal;
    font-weight: bold;
}

li[class^="event-"] i::before {
    font-family: "Font Awesome 6 Free";
}

.event-date i::before {
    font-weight: 400;
    content: "\f133";
}

.event-time i::before {
    font-weight: 400;
    content: "\f017";
}

.event-location i::before {
    font-weight: 900;
    content: "\f3c5";
}

.event-priority i::before {
    font-weight: 400;
    content: "\f005";
}

.event-attendance-type i::before {
    font-weight: 900;
    content: "\f0c0";
}

.event-type i::before {
    font-weight: 900;
    content: "\e53d";
}

.events-list .wp-block-columns {
    gap: 10px;
}

.events-list > * {
    margin: 24px 0;
}

.events-list .wp-block-buttons.is-content-justification-right {
    justify-content: flex-end;
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.event-buttons {
    text-align: right;
}

.priority-area-link {
    display: block;
    margin: 24px 0;
}


figure.wp-block-table {
    display: block!important;
}

figure.wp-block-table table.has-fixed-layout {
    table-layout: auto!important;
    overflow-x: scroll!important;
}

figure.wp-block-table tr > * {
    word-break: normal!important;
}

#search-form {
    gap: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

#search-form input[type="submit"] , .post-filters input[type="submit"],  #login-form *[type="submit"], .tml-button,
div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button, .button-primary
{
    height: 100%;
    color: var(--wp--preset--color--white);
    background-color: var(--wp--preset--color--primary-highlight);
    padding: 8px 16px;
    border-radius: 10px;
    font-family: var(--wp--preset--font-family--raleway);
    font-size: var(--wp--preset--font-size--medium);
    font-weight: bold;
    cursor: pointer;
    border-width: 0px;
    text-decoration: none;
}
#search-form input[type="submit"]:hover, .post-filters input[type="submit"]:hover,  #login-form *[type="submit"]:hover, .tml-button:hover,
div.wpforms-container-full .wpforms-form input[type=submit]:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, .button-primary:hover {
    background-color: var(--wp--preset--color--body-highlight) !important;
    color: white !important;
    border-width: 0px;
    text-decoration: none;
}

.document-button a {
    display: flex;
    justify-content: center;
    align-items: center;
}

#details-textarea {
    display: block;
    width: 100%;
    margin-bottom: 1em;
    border: 3px solid var(--wp--preset--color--primary-highlight);
    border-radius: 3px;
    box-sizing: border-box;
}

small {
    font-size: 10px;
    display: block;
}
.search-item {
    color: var(--wp--preset--color--body-highlight);
    text-decoration: none;
    display:flex;
    margin: 20px 0;
}
.search-item i {
    margin-right: 6px;
}
.search-item p {
    margin: 5px 0;
}

textarea, input[type="text"], input[type="search"]{
    font-family: var(--wp--preset--font-family--raleway);
    font-size: var(--wp--preset--font-size--medium);
}


#adminmenu #menu-posts-restricted_resources .wp-submenu {
    width: 200px;
  }
  
  #adminmenu #menu-posts-restricted_resources .wp-submenu {
    left: 200px;
  }
  
  #adminmenu #menu-posts-restricted_resources .wp-not-current-submenu .wp-submenu,
  .folded #adminmenu #menu-posts-restricted_resources .wp-has-current-submenu .wp-submenu {
    min-width: 200px;
  }

.slick-prev:before, .slick-next:before{
    color: var(--wp--preset--color--link-color) !important;
    opacity: 1 !important;
}
@media only screen and (max-width: 1310px) {
    .slick-prev{
        left: 0px !important;
    }
    .slick-next{
        right: 0px !important;
    }

}

.slick-track {
    display: flex!important;
}

.slick-slide {
    height: inherit!important;
    display: flex!important;
    flex-direction: column;
    justify-content: flex-start;
}

.slick-slide .report-item-download {
    margin-top: auto;
    justify-content: flex-end;
}

.title-and-featured-image > * > *:first-child {
    padding-left: 10px;
    padding-right: 10px;
}

@media only screen and (max-width: 1240px) {
    main > *:not(:first-child) {
        padding: 0 10px;
    }
}

body:not(.block-editor-iframe__body) .breadcrumbs{
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-weight: bold;
}
body:not(.block-editor-iframe__body) .breadcrumbs li{
    margin: 0;
    padding: 0 3px 0 0;
    display: inline !important;
}
body:not(.block-editor-iframe__body) .breadcrumbs li:not(:last-child)::after{
    content: '\00A0\00A0\276F'; /*non-breaking spaces followed by a chevron */
    font-weight: normal;
}
body:not(.block-editor-iframe__body) .breadcrumbs li a{
    text-decoration: none;   
    font-weight: normal;
    color: var(--wp--preset--color--primary-highlight);
}
body:not(.block-editor-iframe__body) .breadcrumbs li a:hover{
    color: var(--wp--preset--color--body-highlight);
}
body.block-editor-iframe__body .breadcrumbs:before{ /* add label/heading only visible in admin Editor */
    content: 'BREADCRUMB LINKS';
    font-weight: bold;
}

/**************
* Styling elements inserted by "Theme My Login" plugin
* e.g. on Forgotton password page
*/
.tml-submit-wrap{
    text-align: right;
}
.tml-links{
    margin:10px 0;
    padding:0;
    text-align: right;
}

.tml-links li{
    list-style: none;
    margin:0;
    padding:3px 0;
}


/**************
* Styling elements inserted by "WPForms" plugin
* e.g. Contact form on LIIA
*/
.wpforms-form{
    color: var(--wp--preset--color--body);
}
.wpforms-form .wpforms-submit-container{
    text-align: right;
}

.modal__overlay {
    z-index: 1;
}

.form-inputs {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    align-items: center;

}
.form-inputs input:not([type="file"]), .form-inputs select {
    height: 34px;
    background: #FFFFFF;
    border: 0.5px solid #8E8997;
    border-radius: 3px;
}

.text-right {
    text-align: right;
}

.flex-start {
    justify-content: flex-start !important;
}

.back-to-top {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: var(--wp--preset--color--white);
    border: 2px solid var(--wp--preset--color--primary-highlight);
    border-radius: 100%;
}

.wp-block-file:not(.wp-element-button) {
    font-size: unset;
}

.vacancy-listing .is-layout-flex > .is-layout-flex {
    gap: 6px;
}

.visually-hidden {
    clip: rect(0 0 0 0); 
    clip-path: inset(100%); 
    height: 1px; 
    overflow: hidden; 
    position: absolute; 
    white-space: nowrap; 
    width: 1px; 
}

.main-page-title-block p {
    color: var(--wp--preset--color--body);
}

.main-page-title-block > * {
    color: var(--wp--preset--color--body);
}


.card-with-image-title-subheading-text h3 {
    font-size: 20px !important;
}

a[href^="mailto:"] {
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    display: block;

}

.excel-download {
    margin-left: 10px;
    height: unset !important;
}