/**
 * Main stylesheet
 * 
 */

 /* Header */

    header {
        position: relative;
        background-color: #313a4d;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1em 5em;
    }

    header .Logo {
        width: 95px;
        height: auto;
    }

    header .LinksAndSearch {
        display: flex;
        position: relative;
    }

    header .HeaderLinks {
        display: flex;
    }

    header #menu-header-nav {
        display: flex;
    }
    
    header .HeaderLinks li {
        box-sizing: border-box;
        padding: 0 1em;
        list-style-type: none;
    }

    header #menu-header-nav li {
        box-sizing: border-box;
        padding: 0 1em;
        list-style-type: none;
    }
    
    header .HeaderLinks li a {
        text-transform: uppercase;
        text-decoration: none;
        color: #deb668;
    }

    header #menu-header-nav li a {
        text-transform: uppercase;
        text-decoration: none;
        color: #deb668;
        transition: font-size 0.5s;
    }

    header #menu-header-nav li a:hover {
        color: #fff;
    }

    header .Search {
        box-sizing: content-box;
        padding: 0 1em;
        width: 25px;
        height: auto;
        cursor: pointer;
    }

    header .HeaderLinks > li.page_item_has_children {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    header #menu-header-nav > li.page_item_has_children {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    header .HeaderLinks > li.page_item_has_children > a {
        padding-right: 1em;
    }

    header #menu-header-nav > li.page_item_has_children > a {
        padding-right: 1em;
    }

    header .HeaderLinks > li.page_item_has_children > ul {
        display: none;
        transition: height 2s, width 2s;
    }

    header #menu-header-nav > li.page_item_has_children > ul {
        display: none;
    }

    header .HeaderLinks > li.page_item_has_children > ul.ShowList {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 15px;
        left: 1em;
        background-color: #313a4d;
        border: solid white 1px;
        border-radius: 3px;
        padding: 1em;
        z-index: 1;
    }

    header #menu-header-nav > li.page_item_has_children > ul.ShowList {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 15px;
        left: 1em;
        background-color: #313a4d;
        border: solid white 1px;
        border-radius: 3px;
        padding: 1em;
        z-index: 1;
    }

    header .HeaderLinks > li.page_item_has_children > ul.ShowList > li {
        padding: 1em 0;
    }

    header #menu-header-nav > li.page_item_has_children > ul.ShowList > li {
        padding: 1em 0;
    }

    div.dropDownIcon {
        cursor: pointer;
        font-size: 1.5em;
    }

    div.dropDownIcon::after {
        content: "\02C5";
        color: #deb668;
    }

    div.dropDownIcon.ShowList::after {
        content: "\02C4";
        color: #deb668;
    }

    /* Breadcrumbs */

    a.BreadCrumb {
        text-decoration: none;
        color: black;
    }

    /* FrontPage */

    #FrontPage > section:nth-of-type(even) {
        background-color: #f8fbfc;
    }

    /* Location component */

    #CurrentLocation > p {
        text-transform: capitalize;
    }

 /** Footer */

    footer {
        background-color: #313a4d;
        color: white;
        box-sizing: border-box;
        padding: 4em 4em 1em 4em;
    }

    /** Footer Groups */
    footer .FooterGroups {
        display: flex;
        justify-content: space-evenly;
    }

    footer .FooterGroups > div {
        width: 33%;
    }

    footer .FooterGroups a {
        text-decoration: none;
        color: #deb668;
        padding: 0;
    }

    /* Contact */

    footer .ContactGroup {
        display: flex;
    }

    footer .ContactGroup :not(.IconWrapper) p:first-child {
        margin-top: 0;
    }

    footer .ContactGroup .IconWrapper {
        width: 25px;
    }

    footer .ContactGroup .IconWrapper img {
        width: 1em;
        height: 1em;
    }

    /* Information */

    footer .Information > ul > li {
        margin: 1em 0;
    }


    /* Recent News */
    footer .RecentNews li {
        display: flex;
        box-sizing: border-box;
        padding: 10px 0;
        cursor: pointer;
    }

    footer .RecentNews_Date {
        display: flex;
    }

    footer .RecentNews_Date img {
        width: 20px;
        height: auto;
        margin-right: 20px;
    }
    
    footer .RecentNews li > img {
        width: 84px;
        height: 70px;
        object-fit: cover;
        margin-right: 20px;
    }

    footer .ImageSpacer {
        width: 84px;
        margin-right: 20px;
    }

    footer .BottomFooter {
        display: flex;
        justify-content: space-between;
        border-top: solid #5a6171 2px;
    }

    /* LatestNews page */

    #LatestNews {
        padding: 0 4em;
    }

    #LatestNews .LocationAndFilter {
        display: flex;
        justify-content: space-between;
        margin: 0 1em 1em 1em;
        padding: 1em 0;
        border-bottom: solid 2px #e1e1e1;
    }

    #LatestNews .FilterCategories {
        display: flex;
        justify-content: center;
        align-items: center;
        border: solid 1px #e1e1e1;
        border-radius: 3px;
        padding: 1em;
        background-color: #f4f6f9;
    }

    #LatestNews select {
        background-color: #f4f6f9;
    }

    #LatestNews .FilterCategories option {
        background-color: #f4f6f9;
    }

    #LatestNews .ArticlesWrapper {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    #LatestNews .ArticlesWrapper > div {
        width: 33%;
        padding: 1em;
        margin: 0;
        box-sizing: border-box;
        cursor: pointer;
    }

    #LatestNews .TextDecorationNone {
        text-decoration: none;
    }

    #LatestNews .ArticleImgWrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        width: 100%;
        height: 200px;
    }

    #LatestNews .ArticleImg {
        height: auto;
        width: auto;
        max-width: 100%;
    }

    #LatestNews .DateWrapper {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    #LatestNews .DateWrapper > p {
        margin: 0;
    }

    #LatestNews .DateIcon {
        height: 20px;
        width: 20px;
        margin-right: 1em;
    }

    #LatestNews .ExcerptWrapper > p {
        color: #444444;
    }

    /* Pagination links */

    .PaginationLinks {
        display: flex;
        justify-content: center;
    }

    .PaginationLinks > span {
        background-color: white;
        color: #deb668;
        border: solid 2px #deb668;
        padding: 1em 2em;
        box-sizing: content-box;
        border-radius: 30px;
        text-decoration: none;
        margin: 0 1em;
    }

    .PaginationLinks > a {
        background-color: #deb668;
        padding: 1em 2em;
        box-sizing: content-box;
        border-radius: 30px;
        color: white;
        text-decoration: none;
        margin: 0 1em;
    }

    /* Latest news single article */

    #SingleArticle {
        display: flex;
        width: 100%;
        padding: 0;
        justify-content: space-between;
    }

    #SingleArticle .ArticleWrapper {
        padding: 0 10em 0 0;
        width: 75%;
        max-width: max-content;
        box-sizing: border-box;
    }

    #SingleArticle .SingleArticleImgWrapper > img {
        width: auto;
        max-width: 100%;
        height: auto;
        padding: 2em 0 0 0;
    }

    #SingleArticle .SingleArticleContentWrapper > p {
        line-height: 1.5;
    }

    #SingleArticle .NavigationWrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #SingleArticle .NavigationWrapper > a {
        background-color: #deb668;
        padding: 15px 40px;
        box-sizing: content-box;
        border-radius: 30px;
        color: white;
        text-decoration: none;
    }


    #SingleArticle .SidePanelBoxOne {
        padding: 0 0 4em 0;
    }

    #SingleArticle .SidePanelUl {
        list-style: none;
    }

    #SingleArticle .SidePanelUl > li > a {
        text-decoration: none;
        color: black;
    }

    #SingleArticle .SidePanelUl > li::before {
        content: "\25AA";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
        color: #deb668;
        display: inline-block; /* Needed to add space between the bullet and the text */
        width: 1em; /* Also needed for space (tweak if needed) */
        margin-left: -1em; /* Also needed for space (tweak if needed) */
    }

    /* Sidebar */
    
    #Sidebar {
        padding: 0 0 4em 0;
    }

    #Sidebar .widget-title {
        border-bottom: solid 2px #e1e1e1;
    }

    #Sidebar ul {
        list-style: none;
    }

    #Sidebar ul > li {
        text-transform: capitalize;
    }

    #Sidebar ul > li > a {
        text-decoration: none;
        color: black;
    }

    #Sidebar ul > li::before {
        content: "\25AA";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
        color: #deb668;
        display: inline-block; /* Needed to add space between the bullet and the text */
        width: 1em; /* Also needed for space (tweak if needed) */
        margin-left: -1em; /* Also needed for space (tweak if needed) */
    }
    /* defaults */

    .SidePanelWrapper {
        width: 25%;
        min-width: min-content;
        line-height: 1.5;
        font-weight: bold;
        padding-right: 4em;
    }

    .TextDarkBlue {
        color: #313a4d;
    }

    .Button-Gold {
        background-color: #deb668;
        padding: 15px 40px;
        box-sizing: content-box;
        border-radius: 30px;
        color: white;
        text-decoration: none;
        cursor: pointer;
        width: max-content;
    }

    .BackgroundColorLightBlue {
        background-color: #f8fbfc;
    }

    .MarginOneEmTopBottom {
        margin: 1em 0;
    }

    .MarginTwoEmTop {
        margin: 2em 0 0 0;
    }

    .MarginTwoEmBottom {
        margin: 0 0 2em 0;
    }

    .TextCentered {
        text-align: center;
    }

    .LineHeight_2 {
        line-height: 1.5;
    }

    .calendarIcon {
        width: 20px;
        height: auto;
        margin-right: 20px;
    }

    .CalendarIconAndDateWrapper {
        display: flex;
    }

    .GreyBorderBottom {
        border-bottom: solid 2px #e1e1e1;
    }

    .XtoClose {
        background: white;
        height: 40px;
        position: relative;
        width: 2px;
        transform: rotate(45deg);
    }

    .XtoClose:after {
        background: white;
        content: "";
        height: 2px;
        left: -18px;
        position: absolute;
        top: 18px;
        width: 40px;
    }

    .BfiFooterLink {
        color: white;
    }

    main {
        padding: 0 4em;
    }

    .MarginBottom1Em {
        margin-bottom: 1em;
    }

    /* Responsive designs */
    
    @media ( max-width: 1000px ) and ( min-width: 701px ) {
        footer .FooterGroups {
            flex-wrap: wrap;
        }
        footer .FooterGroups .Contact {
            width: 50%;
        }
        footer .FooterGroups .Information {
            width: 50%;
            justify-content: flex-start;
            align-items: center;
            display: flex;
            flex-direction: column;
        }
        footer .FooterGroups .RecentNews {
            width: 100%;
        }
        footer .FooterGroups > div > h3 {
            text-align: center;
        }
        footer .FooterGroups > div.RecentNews  > ul {
            padding: 0;
            display: flex;
            flex-direction: column;
        }
    }

    @media ( max-width: 1000px ) {
        main {
            padding: 0 1em;
        }
        /* Latest news responsive styling */
        #LatestNews {
            padding: 0 1em;
        }
        #LatestNews .ArticlesWrapper {
            flex-direction: column;
        }
        #LatestNews .ArticlesWrapper > div {
            width: 100%;
        }
        #SingleArticle .ArticleWrapper {
            padding: 0 1em 0 0;
        }
        #SingleArticle .SidePanelWrapper {
            padding: 0;
        }
    }

    @media ( max-width: 700px ) {
        #LatestNews .LocationAndFilter {
            flex-direction: column;
            margin: 0;
        }
        header {
            padding: 1em;
        }
        header .HeaderLinks {
            display: none;
        }
        header #menu-header-nav {
            display: none;
        }
        #SingleArticle { 
            flex-direction: column;
        }
        #SingleArticle .ArticleWrapper {
            width: 100%;
        }
        #SingleArticle .SidePanelWrapper {
            width: 100%;
        }
        footer {
            padding: 1em;
        }
        footer .FooterGroups {
            flex-direction: column;
        }
        footer .FooterGroups > div {
            width: 100%;
        }
        footer .FooterGroups > div > h3 {
            text-align: center;
        }
        footer .FooterGroups > div.RecentNews  > ul {
            padding: 0;
        }
    }