/*
Theme Name: SESLIP
Author: NetReady
Description: A customisable theme for the LIIA and SESLIP organisations.
Version: 1.0.0
Template: liia-seslip
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.
*/


p, .agenda-list strong {
    color: var(--wp--preset--color--body);
}


.title-and-featured-image>.wp-block-group {
    align-items: stretch;
}

.title-and-featured-image .featured-image-container {
    height: 100%;
    display: flex;
    align-items: flex-end;
    border-radius: 50% 50% 0% 100% / 100% 0% 100% 0%;
    overflow: hidden;
}

.title-and-featured-image .concise img {
    border-top-left-radius: 400px;
    max-height: 326px;
    object-fit: cover;
}

#menu-main {
    display: flex;
    justify-content: space-between;
    font-size: var(--wp--preset--font-size--large);
    font-weight: bold;
    margin: 0;
    padding: 20px 0px;
    margin-block-start: 0;
}


#menu-main li {
    list-style-type: none;
    padding: 5px;
}

#menu-main a {
    font-size: var(--wp--preset--font-size--large);
    color: var(--wp--preset--color--body-highlight);
    text-decoration: none;
}

#menu-main a:hover {
    color: var(--wp--preset--color--primary-highlight);
}

#menu-main .menu-item {
    position: relative;
}

#menu-main .menu-item-has-children .sub-menu {
    display: none;
    position: absolute;
    z-index: 100;
    top: calc(100%);
    width: max-content;
    padding: 1rem 0;
    border-top-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    background-color: var(--wp--preset--color--primary-highlight);
    color: var(--wp--preset--color--white);
}


#menu-main .menu-item-has-children .sub-menu,
#menu-main .menu-item-has-children .sub-menu a {
    font-size: var(--wp--preset--font-size--medium);

}

#menu-main .menu-item-has-children::after {
    display: none;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--wp--preset--color--primary-highlight);
}

#menu-main .menu-item-has-children:hover .sub-menu,
#menu-main .menu-item-has-children:hover::after {
    display: block;
}

#menu-main .menu-item-has-children .sub-menu a {
    color: var(--wp--preset--color--white);
    padding: 0 1rem;
    display: inline-block;
    width: 100%;
}

#menu-main .menu-item-has-children .sub-menu li:hover {
    background-color: var(--wp--preset--color--body-highlight);
}

.is-content-justification-space-between {
    justify-content: space-between;
}

.wp-block-site-logo img {
    width: 280px !important;
}

.priority-card {
    overflow: hidden;
    background-color: #EEF5ED;
}

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

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

.priority-card img {
    height: 191px;
    object-fit: cover;
}

.priority-card h2 {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 10px;
}

.newsletter-list,
.document-list 
{
    list-style-type:none;
}

.newsletter-list li,
.document-list li {
    margin-top: 24px;
}

.agenda-list li{
    list-style: none;
    background-color: var(--wp--preset--color--white);
    border-radius: 20px;
    padding: 15px;
    margin-bottom: 15px;
    display: flex;
    column-count: 2;
    gap: 10px;
}

.agenda-list{
    padding-left: 0px;
}

.agenda-time{
    text-align: left;
}

.agenda-list .agenda-main-text{
    width: 80%;
}

.agenda-time p {
    margin-top: 0px;
}

.fa-ul li {
    margin: 24px 0;
}

.mobile-header {
    background-color: var(--wp--preset--color--background-highlight);
}

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

    h1 {
        padding-left: 10px;
        padding-right: 10px;
    }
}