/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */

ul, ol, dl {
    padding-left: 1.5rem;
}
#leaderboard {
    background-color: #95C11F;
}
#banner .block,
#features .block,
#highlighted .block,
#main-content .block,
#sub-features .block {
    margin: 2rem 0;
}
#block-flex-followus {
    float: left;
}
#masthead {
    background-color: rgb(254,251,236);
}
#banner {
    background-image: url("/files/images/flex-2024-school-visit.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0,0,0,0.5);
    background-blend-mode: darken;
    color: #FFFFFF;
}
@media screen and (min-width: 60.0625em) {
    #block-flex-aboutflex {
        width: 50%;
    }
}
@media screen and (max-width: 60.0625em) {
    .site-branding__logo-link {
        margin: auto;
        padding:0;
  }
}
#block-flex-host .table {
    margin: 0 auto;
}
@media screen and (min-width: 60.0625em) {
    #block-flex-host .table {
        float: right;
    }
}   
@media screen and (max-width: 60.0625em) {
    #block-flex-host {
        margin-top: 0;
    }
} 
.regions {
    background-color: transparent;
}
.node {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}
#navbar,   
#sub-features {
    background-color: #007A33;
}
#sub-features a:hover {
    color: yellow;
}
#block-flex-contact a,
#block-flex-thevenue a {
    color: #94C121;
}
h1, h2 {
    line-height: 1.25;
}
h3, h4, h5, h6 {
    line-height: 1.5;
}
.button {
    background-color: #95C11F;
    border: none;
    border-radius: 0.5rem 0;
    box-shadow: none;
    width: max-content;
    height: max-content;
    padding: 0.5rem 1rem;
}
.button a {
    color: #FFFFFF;
}
.button:hover, .button:focus {
    background-color: #007A33;
}
@media screen and (min-width: 60.0625em) {
  #block-flex-aboutflex img {
      width: 48%;
      margin-left: 4%;
  }
}
#block-flex-views-block-partners-page .views-view-responsive-grid {
    text-align: center;
    align-items: center;
}
#highlighted {
    background-color: #FFFFFF;
}
.path-frontpage .l-features {
    background-image:url("/files/images/bingu-wa-mutharika-icc.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
}
.path-not-frontpage .l-features {
    background-image: url("/files/images/sky.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
}
#features {
    background: none;
    color: white;
}
@media screen and (min-width: 60.0625em) {
    #block-flex-venue .table {
        width: 50%;
    }
}
#sub-features .block {
    color: #FFFFFF;
}
#footer {
    background-color: #000000;
}
.form-select {
    padding-left: 0.5rem;
}
.form-textarea-wrapper textarea {
    font-family: unset;
}
@media screen and (max-width: 60.0625em) {
    #block-flex-followus {
        display: none;
    }
}
#block-flex-content .views-view-responsive-grid__item,
#block-flex-views-block-photos-block .views-view-responsive-grid__item,
#block-flex-views-block-videos-block .views-view-responsive-grid__item,
#block-flex-views-block-news-block .views-view-responsive-grid__item,
#block-flex-views-block-media-coverage-block .views-view-responsive-grid__item {
    background-color: #DDE7EA;
    border-radius: 20px 0;
}
#block-flex-content .views-view-responsive-grid__item .views-field,
#block-flex-views-block-photos-block .views-view-responsive-grid__item .views-field,
#block-flex-views-block-videos-block .views-view-responsive-grid__item .views-field,
#block-flex-views-block-news-block .views-view-responsive-grid__item .views-field,
#block-flex-views-block-media-coverage-block .views-view-responsive-grid__item .views-field {
    padding: 0 20px;
}
#block-flex-content .views-view-responsive-grid__item .views-field-field-cover-photo,
#block-flex-content .views-view-responsive-grid__item .views-field-field-video-link,
#block-flex-content .views-view-responsive-grid__item .views-field-field-image,
#block-flex-views-block-photos-block .views-view-responsive-grid__item .views-field-field-cover-photo,
#block-flex-views-block-videos-block .views-view-responsive-grid__item .views-field-field-video-link,
#block-flex-views-block-news-block .views-view-responsive-grid__item .views-field-field-image,
#block-flex-views-block-media-coverage-block .views-view-responsive-grid__item .views-field-field-image {
    padding: 0;
}
#block-flex-content .views-view-responsive-grid__item .views-field img,
#block-flex-views-block-photos-block .views-view-responsive-grid__item .views-field-field-cover-photo img,
#block-flex-views-block-videos-block .views-view-responsive-grid__item .views-field-field-video-link img,
#block-flex-views-block-news-block .views-view-responsive-grid__item .views-field-field-image img,
#block-flex-views-block-media-coverage-block .views-view-responsive-grid__item .views-field-field-image img {
    border-radius: 20px 0 0;
}
#block-flex-content .view-partners .views-view-responsive-grid__item {
    background-color: transparent;
    border-radius: 0;
    align-content: center;
}
#block-flex-content .view-partners .views-view-responsive-grid__item .views-field {
    padding: 0;
    text-align: center;
}
#block-flex-content .view-partners .views-view-responsive-grid__item .views-field img {
    border-radius: 0;
}
.video-embed-field-lazy-play {
    border: none;
    box-shadow: none;
    border-radius: 50%;
}
.form-radios, .form-checkboxes, .form-type-radio, .form-type-checkbox {
    margin-bottom: 0;
}
.form-type-radio label.option, .form-type-checkbox label.option {
    border: none;
    background: none;
}
.text-count-message {
    font-size: 0.75rem; ;
}
#block-flex-views-block-sub-themes-block-1 .views-view-responsive-grid__item {
    background-color: #DDE7EA;
    padding: 20px;
    border-radius: 20px 0;
}
.webform-file-button {
    margin: 0;
    padding: 0 1rem;
}
.form-type-checkbox {
    white-space: nowrap;
}
.form-type-checkbox label {
    white-space: normal;
}
.email-column {
    width: 15%;
    word-break: break-word;
}
.date-column {
    width: 10%;
    word-break: break-word;
}
#backtotop {
    box-shadow: none;
}
@media screen and (max-width: 60.0625em) {
    #rid-header-second {
        display: none;
    }
}

/* Language Menu */
#block-flex-languageswitcher {
    float: right;
}
#block-flex-languageswitcher ul li,
#block-flex-followus ul li {
    display: flex;
    float: left;
    text-transform: uppercase;
    margin: 0;
}
#block-flex-languageswitcher ul li a,
#block-flex-followus ul li a {
    color: #fff;
    padding: 0.5rem 0.75rem;
    margin: 0;
}
#block-flex-languageswitcher ul li .is-active {
    background-color: #007A33;
}
/* ---------- */

/* Main menu */
.menu .menu__link {
    color: #FFFFFF;
}
.menu .menu__link {
    margin: 0;
}
@media screen and (max-width: 60.0625em) { 
    #block-flex-main-menu .menu__item {
        width: 48%;
        margin: 1%;
        float: left;
        border: 1px solid #fff;
        border-radius: 10px 0;
        color: white;
    }
    #block-flex-main-menu .menu__item a {
        color: white;
        padding: 5px;
        border-radius: 10px 0;
    }
    #rid-navbar {
        padding-top: 1em;
        padding-bottom: 1em;
    }
}
@media screen and (min-width: 60.0625em) { 
    #block-flex-main-menu .menu {
        display:  flex;
    }
    #block-flex-main-menu .menu__item {
        flex:  auto;
    }
    #block-flex-main-menu .menu__item a {
        padding: 10px;
        color: white;
    }
}
#block-flex-main-menu .menu__link--wrapper {
    text-align: center;
}
#block-flex-main-menu .menu__item:hover {
    background-color: #95C11F;
}
#block-flex-main-menu .menu__item .is-active {
    background-color: #95C11F;
}
.ms-slidedown .rm-row,
.ms-slidedown .rm-region,
.rm-toggle__link {
    background-color: transparent;
}
/* ---------- */

/* Programme */
.paragraph--type--agenda-item details {
    max-height: none;
}
.paragraph--type--agenda-item summary {
    display: flex;
    padding: 0;
    background-color: #DDE7EA;
    position: relative;
}
.paragraph--type--agenda-item summary:before {
    padding: 10px 0 10px 10px;
    position: absolute;
    right: 0;
}
.field-paragraph--field-time,
.field-paragraph--field-item {
    padding: 10px;
    margin: 0;
    color: #363636 !important;
}
@media screen and (min-width: 60.0625em) {
    .field-paragraph--field-time {
        min-width: 130px;
    }
}
@media screen and (max-width: 60.0625em) {
    .field-paragraph--field-time {
        width: min-content;
    }
}
.field-paragraph--field-time {
    background-color: #cdcdcd;
    text-align: center;
}
.field-paragraph--field-location,
.field-paragraph--field-description {
    padding: 10px;
    margin: 0;
}
.field-paragraph--field-location {
    background-color: #95C11F;
    color: white;
    width: min-content;
}
.field-entity-reference-type-taxonomy-term .field__item {
    margin: 0;
}
.horizontal-tabs,
.horizontal-tabs-list,
.horizontal-tab-button {
    border: none !important;
}
.horizontal-tabs-panes .horizontal-tabs-pane {
    padding: 0 !important;
}
.horizontal-tab-button a:hover {
    background-color: #0F2A46 !important;
}
.horizontal-tab-button.selected {
    background-color: #0F2A46;
}
.horizontal-tab-button.selected a {
    color: #fff;
}
.details-wrapper {
    border: none !important;
    margin: 1rem 0 !important;
}
.form-wrapper {
    border: none !important;
}
@media (min-width: 640px) {
    .horizontal-tabs-panes .form-wrapper {
        margin: 0 !important;
    }
}
@media (max-width: 640px) {
    .form-wrapper > summary {
        background-color: #0F2A46;
        color: #FFF;
    }
}
.js details[open] {
    max-height: none !important;
    overflow: visible;
}
/* ---------- */