@charset "UTF-8";


*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/*******************************
CSS RESET
*******************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
    cursor:pointer !important;
}

a:hover {
	outline: none;
    cursor:pointer !important;
    -webkit-tap-highlight-color: transparent;
}

a:focus-visible {
	outline:3px solid var(--color-focus-blue);
}




/******************************
COLOURS
******************************/

:root {
    --color-white: #FFF;
    --color-black: #000;
    --color-light-grey: #EDEDED;
    --color-medium-grey: #909090;
    --color-dark-grey:#656A88;
    --color-black-blue: #0A0F32;
    --color-dark-blue: #0C568D;
    --color-dark-blue-opacity-90: rgba(12, 86, 141, 0.9);
    --color-blue: #1165A0;
    --color-light-blue: #00A8DE;
    --color-focus-blue: #418ED4; /* for keyboard focus only! */
    --color-purple: #6F3EA0;
    --color-magenta: #9C298C;
    --color-yellow: #FDE92B;
    --color-orange: #FAA654;
    --color-green: #91BE4A;
    --color-red: #FF0000;
    --color-raspberry: #E30A5C;
}

.color-white { color:var(--color-white); }
.color-black { color:var(--color-black); }
.color-light-grey { color:var(--color-light-grey); }
.color-medium-grey { color:var(--color-medium-grey); }
.color-dark-grey { color:var(--color-dark-grey); }
.color-black-blue { color:var(--color-black-blue); }
.color-dark-blue { color:var(--color-dark-blue); }
.color-blue { color:var(--color-blue); }
.color-light-blue { color:var(--color-light-blue); }
.color-purple { color:var(--color-purple); }
.color-magenta { color:var(--color-magenta); }
.color-yellow { color:var(--color-yellow); }
.color-orange { color:var(--color-orange); }
.color-green { color:var(--color-green); }
.color-red { color:var(--color-red); }
.color-raspberry { color:var(--color-raspberry); }

.force-white-color > * { color:var(--color-white) !important; }

.bgcolor-white { background-color:var(--color-white); }
.bgcolor-black { background-color:var(--color-black); }
.bgcolor-light-grey { background-color:var(--color-light-grey); }
.bgcolor-medium-grey { background-color:var(--color-medium-grey); }
.bgcolor-dark-grey { background-color:var(--color-dark-grey); }
.bgcolor-black-blue { background-color:var(--color-black-blue); }
.bgcolor-dark-blue { background-color:var(--color-dark-blue); }
.bgcolor-blue { background-color:var(--color-blue); }
.bgcolor-light-blue { background-color:var(--color-light-blue); }
.bgcolor-purple { background-color:var(--color-purple); }
.bgcolor-magenta { background-color:var(--color-magenta); }
.bgcolor-yellow { background-color:var(--color-yellow); }
.bgcolor-orange { background-color:var(--color-orange); }
.bgcolor-green { background-color:var(--color-green); }
.bgcolor-red { background-color:var(--color-red); }
.bgcolor-raspberry { background-color:var(--color-raspberry); }







/******************************
GENERAL
******************************/

html {
    scroll-behavior: smooth;
}

p, a,
ul li, ol li,
table th,
table tr,
table td {
    font-family: "Source Sans 3", sans-serif;
    font-optical-sizing: auto;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
}

sup {
    vertical-align: super;
    font-size: 60%;
    line-height: 1;
}

sub {
    vertical-align: sub;
    font-size: 60%;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}





/************************************************
HEADER SECTION OF SITE (LOGO, MENU, SEARCH, ETC.)
************************************************/

#site-header {
    width:100%;
    padding: 50px 0 0 0;
}

    #site-header .inner {
        display: flex;
        align-items: flex-end;
        max-width: 1540px;
        padding-left:20px;
        padding-right:20px;
        margin:0 auto;
    }

    #site-header .inner #site-logo {
        display:block;
        max-width:300px;

        /* change back to 10px when the 25th anniversary logo is replaced with the regular one again */
        margin-bottom: 10px;


        margin-right:100px;
    }

        body.site-fr #site-header .inner #site-logo {
            margin-right:30px;
        }
    
        #site-header .inner #site-logo img {
            display:block;
            width:100%;
        }
    
    #site-header .inner #menu-lang-search-block {
        flex:1;
    }


/*** Max Mega Menu Tweaks ***/

#mega-menu-wrap-primary #mega-menu-primary {
    display: flex;
    justify-content: space-between;
}

.mega-sub-menu a.mega-menu-link {
    position: relative !important;
}

.mega-sub-menu a.mega-menu-link:hover::after,
.mega-sub-menu a.mega-menu-link:focus::after {
    width:90%;
    border-bottom-width: 4px;
}

.mega-sub-menu a.mega-menu-link::after {
    position:absolute;
    display:block !important;
    content:"";
    bottom:-10px;
    left:0;
    width:50%;
    border-bottom:2px solid var(--color-orange);
    padding-top:10px;
    transition: all 200ms;
}

.mega-sub-menu a.mega-menu-link span.title {
    display:block;
    line-height:1.25;
}

body.site-fr .mega-sub-menu a.mega-menu-link span.title,
body.site-fr .mega-sub-menu a.mega-menu-link span.description {
    font-size:16px;
}

.mega-sub-menu a.mega-menu-link span.description {
    display:block;
    font-weight:300;
    font-size:1.1rem;
    line-height:1.5rem;
}

ul#mega-menu-primary > li.mega-menu-item:nth-child(1) a,
ul#mega-menu-primary > li.mega-menu-item:nth-child(2) a,
ul#mega-menu-primary > li.mega-menu-item:nth-child(3) a {
    font-weight:700 !important;
}

ul#mega-menu-primary > .mega-menu-item > a {
    border-bottom:6px solid var(--color-white) !important;
}

    ul#mega-menu-primary > .mega-menu-item > a:hover,
    ul#mega-menu-primary > .mega-menu-item > a:focus,
    ul#mega-menu-primary > .mega-menu-item.mega-toggle-on > a {
        border-bottom-color: var(--color-orange) !important;
    }




body.site-fr #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size:16px;
}




/*** Language Switcher and Search ***/

/* Desktop version */

#lang-search-block {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 30px;
}

#lang-search-block a.lang-switch-link {
    display:block;
    font-size: 1.125rem;
    font-weight: 300;
    text-decoration: none;
    color:var(--color-black);
}

#lang-search-block a#search-icon {
    display: block;
    width:20px;
    margin-right:15px;
}

    #lang-search-block a#search-icon img {
        display: block;
        width:100%;
    }

/* Mobile version */

#menu-lang-search-block-mobile {
    display:none; /* display-flex when visible */
    justify-content: flex-end;
    align-items: center;
    flex:1;
}

#menu-lang-search-block-mobile a#search-icon-mobile {
    display: block;
    width:35px;
    margin-right:20px;
}

    #menu-lang-search-block-mobile a#search-icon-mobile img {
        display: block;
        width:100%;
    }


/*** Mobile Menu ***/

#menu-lang-search-block-mobile #hamburger-button {
    display:block;
    width: 35px;
    height: 35px;
    position: relative;
    margin: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#menu-lang-search-block-mobile #hamburger-button span {
    display: block;
    position: absolute;
    height: 4px;
    width: 35px;
    background:var(--color-black);
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#menu-lang-search-block-mobile #hamburger-button span:nth-child(2),
#menu-lang-search-block-mobile #hamburger-button span:nth-child(3) {
    left:10px;
    width:25px;
}

#menu-lang-search-block-mobile #hamburger-button span:nth-child(1) {
    top: 0px;
}

#menu-lang-search-block-mobile #hamburger-button span:nth-child(2),
#menu-lang-search-block-mobile #hamburger-button span:nth-child(3) {
    top: 13px;
}

#menu-lang-search-block-mobile #hamburger-button span:nth-child(4) {
    top: 26px;
}

/* hover state */

#menu-lang-search-block-mobile #hamburger-button.open span:nth-child(1) {
    top: 9px;
    width: 0%;
    left: 50%;
}

#menu-lang-search-block-mobile #hamburger-button.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width:35px;
    left:0;
}

#menu-lang-search-block-mobile #hamburger-button.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width:35px;
    left:0;
}

#menu-lang-search-block-mobile #hamburger-button.open span:nth-child(4) {
    top: 9px;
    width: 0%;
    left: 50%;
}

#flyout-menu {
    position: fixed;
    z-index: 999999;
    top:80px;
    margin-top:-1px; /* overlap just a bit with header to prevent sub-pixel gap on top of flyout */
    transition: right 0.25s;
    width: 375px;
    right: -375px;
    overflow-y: auto;
    height:100vh; /* testing to see if this works for scrolling vertically combined with overflow-y */
    background: var(--color-white);
}

#flyout-menu.open {
    right: 0;
}

    #flyout-menu .flyout-menu-inner {
        padding: 40px 20px;
    }

#flyout-menu a.lang-switch-link {
    display:block;
    font-size: 1rem;
    font-weight: 300;
    text-decoration: none;
    color:var(--color-black);
    margin-bottom:10px;
}

ul#mobile-nav {
	padding:0;
    margin:0;
}

/* menu level 1 + general */

ul#mobile-nav li {
	list-style-type: none;
	position:relative;
	display:block;
	font-size:1em;
	padding:0;
	background-color:var(--color-white);
	text-decoration:none;
	overflow:hidden;
}

ul#mobile-nav > li:not(.open) {
	border-bottom: 4px solid var(--color-orange);
}

ul#mobile-nav li a {
	display:block;
	float:left;
	width:auto;
	padding: 20px 15px 10px 0;
	color:#000;
	text-decoration:none;
	transition: all 0.15s;
	font-size:1.25rem;
	font-weight:300;
}

body.site-fr ul#mobile-nav li a {
    font-size:1rem;
}

    ul#mobile-nav > li:nth-child(1) a,
    ul#mobile-nav > li:nth-child(2) a,
    ul#mobile-nav > li:nth-child(3) a {
        font-weight:700;
    }


ul#mobile-nav li:hover a,
ul#mobile-nav li ul.sub-menu li:hover a {
	/*color:#f0f;*/
}	

ul#mobile-nav li:hover ul.sub-menu a {
	color:#000;
}

ul#mobile-nav li img {
	cursor: pointer;
	cursor: hand;
}

ul#mobile-nav li.menu-item div.toggle-icon {
    display: block;
    /* float: left; */
    float:right;
    text-align: right;
    width: 15px;
    margin: 20px 15px 10px;
}

/* menu level 2 */
ul#mobile-nav ul.sub-menu { padding:0; }

ul#mobile-nav li.menu-item ul.sub-menu li:first-child {
}

ul#mobile-nav li.menu-item ul.sub-menu li:last-child {
	border-bottom:none;
}

ul#mobile-nav li.menu-item ul.sub-menu {
	clear:both;
	margin:0;
	padding:0;
    border-top: 4px solid var(--color-orange);
}

	ul#mobile-nav li.menu-item ul.sub-menu li {
		background-color:var(--color-lightblue);
		padding:0;
	}

	ul#mobile-nav li.menu-item ul.sub-menu li a {
		position:relative;
	}
	
	ul#mobile-nav li.menu-item ul.sub-menu li a::after {
		content:"";
		border-bottom: 2px solid var(--color-orange);
		position:absolute;
		bottom:0;
		left:0;
		width:50%;
	}

	ul#mobile-nav li.menu-item ul.sub-menu li a .title {
		display:block;
		width:100%;
		font-weight:700;
		font-size:1.125rem;
		margin-bottom:5px;
	}

    body.site-fr ul#mobile-nav li.menu-item ul.sub-menu li a .title {
        font-size:1rem;
    }

	ul#mobile-nav li.menu-item ul.sub-menu li a .description {
		display:block;
		width:100%;
		font-weight:300;
		font-size:1rem;
		line-height:1.25rem;
	}

/* sub-sub-menus */
ul#mobile-nav li.menu-item ul.sub-menu li ul.sub-menu {
	clear:both;
}

	ul#mobile-nav li.menu-item ul.sub-menu li ul.sub-menu li {	
		padding-left:15px;
        background-color:#666;
	}
	
	ul#mobile-nav li.menu-item ul.sub-menu li ul.sub-menu li a {
		width:70% !important;
		color:#000;
	}
	
		ul#mobile-nav li.menu-item ul.sub-menu li ul.sub-menu li a:hover { 
			/* color:#f0f; */
		}

#mobile-nav ul ul {
	display: none;
}



/**Billy**/

.relevanssi-query-term {
  background: yellow;
}


#lang-search-block {
  position: relative;
  display: flex;
  align-items: center;
}

.header-search {
/*  position: absolute;
  top: 50%;
  right: 100%;          
  transform: translateY(-50%); */
  margin-right: 12px;   
  background: #fff;
  padding: 8px 10px;
  border-radius: 6px;
  z-index: 9999;
}

/* Make the search form horizontal */
.header-search form {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

/* Prevent label from breaking layout */
.header-search label {
  margin: 0;
}

/* Search input */
.header-search input[type="search"] {
  width: 220px;
  height: 36px;
  padding: 0 10px;
}

/* Submit button */
.header-search input[type="submit"] {
  height: 36px;
  padding: 0 14px;
  cursor: pointer;
}

.header-search input[type="submit"] {
  display: none;
}



/* Mobile search */

@media (max-width: 768px) {

  /* anchor positioning to the header */
  #site-header .inner {
    position: relative;
  }

  /* only the mobile instance gets repositioned */
  .header-search-mobile {
    position: absolute;
    top: 6%;          /* right under header */
    left: 105px;
    right: 12px;
    margin-top: 10px;
    z-index: 999999;
  }
  .header-search {
    margin-right: 51px;
  }
.relevanssi-live-search-results-showing {
	display:none!important;
}

  .header-search-mobile form {
    display: flex;
    width: 100%;
    gap: 8px;
    margin: 0;
  }

  .header-search-mobile input[type="search"] {
    width: 100%;
    flex: 1 1 auto;
    min-width: 0;
  }
	#menu-lang-search-block-mobile a#search-icon-mobile {
		z-index: 9999999;
	}
}






#search-loading-animation {
  font-weight: 800;
  font-size: 38px;
  color: #000;
  white-space: nowrap;
}

#search-loading-animation h3{
  margin: 0;                 /* prevents default h3 spacing */
  display: inline-block;     /* ✅ makes dots sit on same line */
  font: inherit;             /* keep your div’s font settings */
font-family: "Source Sans 3", sans-serif;
   
}

#search-loading-animation h3::after{
  content: "";
  display: inline-block;
  width: 1.2em;
  text-align: left;
  animation: dots 1.1s steps(4, end) infinite;
}

@keyframes dots {
  0%   { content: ""; }
  25%  { content: "."; }
  50%  { content: ".."; }
  75%  { content: "..."; }
  100% { content: ""; }
}





/******************************
TOP BANNER
******************************/

/*** 1. Regular Pages ***/

/* desktop */
#top-banner-wrapper {
    width:100%;
    margin-bottom:60px;
}

    #top-banner-wrapper #top-banner-mobile {
        display: none;
    }

#top-banner-wrapper #top-banner {
    width:100%;
    aspect-ratio: 1 / 0.375;
    position: relative;
    background-size:cover;
    background-position: top center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

    #top-banner-wrapper #top-banner.valign-center {
        background-position: center center;
    }

    #top-banner-wrapper #top-banner.valign-bottom {
        background-position: bottom center;
    }



    #top-banner-wrapper #top-banner .inner {
        display: flex;
        align-items: flex-start;
        width: 1540px;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 auto;
    }

        #top-banner-wrapper #top-banner .inner .title-container {
        }

            #top-banner-wrapper #top-banner .inner .title-container .hr {
                width:100%;
                border-top:12px solid var(--color-raspberry);
                margin-bottom:20px;
            }

            #top-banner-wrapper #top-banner .inner .title-container .title-box {
                display:block;
                width:700px;
                padding-top:30px;
                padding:30px;
                background-color:var(--color-dark-blue-opacity-90);
            }
            
                #top-banner-wrapper #top-banner .inner .title-container .title-box .title {
                    font-size:3.875rem;
                    line-height: 4.25rem;
                    font-weight:800;            
                    color: var(--color-white);
                    margin-bottom:0;
                }

/* mobile */

#top-banner-mobile .title-container .title-box {
    display:block;
    width:100%;
    padding:30px 20px;
    background-color:var(--color-dark-blue);
    position: relative;
}

    #top-banner-mobile .title-container .title::before {
        position:absolute;
        display:block !important;
        content:"";
        top:-30px;
        left:0;
        width:100%;
        border-top:10px solid var(--color-raspberry);
    }

#top-banner-mobile .title-container .title-box .title {
    color: var(--color-white);
    font-size:2.375rem;
    line-height:2.75rem;
    font-weight:800;
}

#top-banner-mobile .top-banner-mobile-image,
#top-banner-news-mobile .top-banner-mobile-image {
    display: block;
    width: 100%;
    min-height: 330px;
    max-height: 500px;
    object-fit: cover;
    /* object-position: top; */
}





.sidebar-and-body .sab-sidebar .downloadable-title {
    border-top:8px solid var(--color-raspberry);
    padding-top:10px;
}

.sidebar-and-body .sab-sidebar .downloadable-title h2 {
    font-size:1.875rem;
    line-height: 2.5rem;
    font-weight:600;
    display:block;
    margin-top:0;
    margin-bottom:40px;
}

a.downloadable {
    width:100%;
    display:flex;
    align-items: flex-start;
    padding-bottom:30px;
    border-bottom:1px solid var(--color-light-grey);
    margin-bottom:30px;

}

    a.downloadable:hover .left img {
        border:3px solid var(--color-dark-blue);
        transition:all 100ms;
    }

    a.downloadable .left {
        width:100px;
        position: relative;
    }

        a.downloadable .left .dl-filetype {
            display:inline-block;
            background-color: var(--color-dark-blue);
            position: absolute;
            top:0;
            right:0;
            font-family: "Montserrat", sans-serif;
            font-weight:600;
            font-size:0.8rem;
            line-height:0.8rem;
            text-align: center;
            text-transform: uppercase;
            color:var(--color-white);
            padding:3px 10px;
        }

        a.downloadable .left img {
            display:block;
            width:100%;
            border:1px solid var(--color-dark-blue);
        }

    a.downloadable .right {
        flex:1;
        padding:20px 20px 0 20px;
    }

    a.downloadable .right span {
        font-size:1.25rem;
        line-height: 1.75rem;
        font-weight:300;
        text-decoration: underline;
        color:var(--color-black);
    }







/*** 2. News Pages ***/

/* desktop (news) */
#top-banner-wrapper-news {
    width:100%;
    margin-bottom:70px;
}

    #top-banner-wrapper-news #top-banner-news-mobile {
        display: none;
    }

#top-banner-wrapper-news #top-banner-news {
    width:100%;
    aspect-ratio: 1 / 0.375;
    position: relative;
    background-size:cover;
    background-position: right top; /* background-position: right center; */
    background-repeat: no-repeat;
    display: flex;
    align-items: end; /* align-items: center; */
}

    #top-banner-wrapper-news #top-banner-news .inner {
        display: flex;
        align-items: flex-end; /* align-items: flex-start; */
        width: 1540px;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 auto;
    }

        #top-banner-wrapper-news #top-banner-news .inner .title-container {
        }

            #top-banner-wrapper-news #top-banner-news .inner .title-container .hr {
                max-width:570px; /* width:50%; */
                border-top:12px solid var(--color-raspberry);
                margin-bottom:20px;
            }

            #top-banner-wrapper-news #top-banner-news .inner .title-container .cat-block {
                display: inline-block;
                background-color: var(--color-black);
                color:var(--color-white);
                font-family: "Montserrat", sans-serif;
                font-size:1.125rem;
                font-weight: 500;
                line-height:1.125rem;
                margin-bottom: 0;
                padding:10px 20px;
                text-transform: uppercase;
            }

            #top-banner-wrapper-news #top-banner-news .inner .title-container .title-box {
                display:block;
                padding-top:30px;
                padding:30px;
                max-width:570px; /* width:50%; */
                background-color:var(--color-dark-blue-opacity-90);
            }
            
                #top-banner-wrapper-news #top-banner-news .inner .title-container .title-box .title {
                    color: var(--color-white);
                    font-size:2.625rem;
                    font-weight:800;
                    line-height: 3rem;
                }



/* mobile (news) */

/* mobile */

#top-banner-news-mobile .title-container .title-box {
    display:block;
    width:100%;
    padding-top:30px;
    padding:30px;
    background-color:var(--color-dark-blue);
    position: relative;
}

    #top-banner-news-mobile .title-container .title::before {
        position:absolute;
        display:block !important;
        content:"";
        top:-30px;
        left:0;
        width:100%;
        border-top:10px solid var(--color-orange);
    }

#top-banner-news-mobile .title-container .title-box .title {
    color: var(--color-white);
    font-size:2.375rem;
    font-weight:800;
}

#top-banner-news-mobile .top-banner-mobile-image {
    display: block;
    width: 100%;
}




/************************************************
SEARCH PAGE
************************************************/

#relevanssi-ajax-search-form {
    margin-bottom:60px;
}

    #relevanssi-ajax-search-form .search_section .search_field {
        margin-right:0;
    }

#relevanssi-search-results .highlighted {
    background-color: var(--color-yellow);
}

    .search-result {
        border-top:8px solid var(--color-raspberry);
        padding:30px;
    }

        .search-result h3 a {
            text-decoration:none;
            color:var(--color-black);
        }

            .search-result h3 a:hover {
                text-decoration:underline;
            }

            .search-result h3 a:focus {
                text-decoration:underline;
                outline:auto;
            }

.no-results {
    display:inline-block;
    margin-top:30px;
}



/************************************************
SITE MAP
************************************************/


#site-map-wrapper {
    margin-bottom:60px;
}

#site-map-wrapper ul {
    margin-left:1rem;
    list-style: disc;
}

#site-map-wrapper ul li ul {
    list-style: circle;
}
    
    #site-map-wrapper ul li a {
        font-size: 1.375rem;
        line-height: 1.8rem;
        font-weight: 300;
        margin-bottom: 15px;
        display: inline-block;
        color:var(--color-black);
        text-decoration: none;
    }

        #site-map-wrapper ul li a:hover,
        #site-map-wrapper ul li a:focus {
            text-decoration: underline;
        }

#site-map-wrapper h2 {
    display:none;
}


/************************************************
BODY - GENERAL
************************************************/

#site-body .e-con-boxed {
    padding-left:20px;
    padding-right:20px;
}

    .site-body-section .site-inner {
        max-width: 1540px;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 auto;
    }

.sidebar-and-body .sab-sidebar {
    width:400px;
    margin-right:130px;
}

.sidebar-and-body .sab-sidebar-thick {
    width:500px;
    margin-right:70px;
}

.sidebar-and-body .sab-body {
    flex:1 !important;
}



h2,
h2.elementor-heading-title {
    font-size:3.875rem;
    line-height: 4rem;
    font-weight:800;
    margin-bottom:30px;
    color:var(--color-black);
}

    .smaller h2.elementor-heading-title {
        font-size:3rem;
        line-height: 3.25rem;
        margin-bottom:10px;
    }

    .title-bordered h2.elementor-heading-title {
        font-size: 3rem;
        line-height: 3.375rem;
        margin-bottom:0;
        font-weight:600;
    }

h3,
h3.elementor-heading-title {
    font-size:2.4rem;
    line-height:2.8rem;
    font-weight:700;
    margin-bottom:15px;
    color:var(--color-black);
}

h4,
h4.elementor-heading-title {
    font-size:2rem;
    line-height:2.25rem;
    font-weight:700;
    margin-bottom:30px;
    color:var(--color-black);
}

h5,
h5.elementor-heading-title {
    font-size:1.875rem;
    line-height:2.1rem;
    font-weight:600;
    margin-bottom:30px;
    color:var(--color-black);
}

h6,
h6.elementor-heading-title {
    font-size:1.625rem;
    line-height:2rem;
    font-weight:300;
    margin-bottom:30px;
    color:var(--color-black);
}

p,
p.elementor-heading-title,
.elementor-widget-container ol li,
.elementor-widget-container ul li {
    font-size:1.375rem; /* 22px */
    line-height:1.8rem;
    font-weight:300;
    color:var(--color-black);
}

.title-bordered p.elementor-heading-title {
    font-family: "Montserrat", sans-serif;
    font-size: 3rem;
    font-weight: 600;
    line-height: 3.375rem;
    margin-bottom:0;
}

.elementor-widget-container ol,
.elementor-widget-container ul {
    margin-left:2rem;
    margin-bottom: 20px;
}

    .elementor-widget-container ol > li,
    .elementor-widget-container ul > li {
        padding-left:0.5rem;    
        margin-bottom: 10px;
    }

        .elementor-widget-container ol li {
            list-style-type:decimal;
        }

            .elementor-widget-container ol li ol li {
                list-style-type:lower-alpha;
            }

        .elementor-widget-container ul li {
            list-style-type: disc;
        }

        .elementor-widget-container li ul {
            margin-left: 1.2rem;
        }

        .elementor-widget-container li ul li {
            list-style-type:circle;
            padding-left:0;
        }

.elementor-widget-container ol li ol,
.elementor-widget-container ol li ul,
.elementor-widget-container ul li ol,
.elementor-widget-container ul li ul {
    margin-left:2rem;
    margin-top: 10px;
}

    .elementor-widget-container p {
        margin-bottom:20px;
    }


.elementor-widget-text-editor a {
    text-decoration: underline !important;
    color:var(--color-black);
}

    .elementor-widget-text-editor a:hover {
        color:var(--color-raspberry);
    }


.elementor-widget-container table {
    border-collapse: collapse;
    border:1px solid var(--color-black);
}

    .elementor-widget-container table th {
        font-size:1.375rem; /* 22px */
        line-height:1.8rem;
        font-weight:300;
        padding:5px;
        border:1px solid var(--color-black);
    }

    .elementor-widget-container table td {
        font-size:1.375rem; /* 22px */
        line-height:1.8rem;
        font-weight:300;
        padding:5px;
        border:1px solid var(--color-black);
    }




.intro-text-super p {
    font-weight:500;
    font-size:2.25rem;
    line-height:2.5rem;
    letter-spacing: -0.5px;
}

.intro-text p {
    font-size:1.875rem; /* 30px */
    line-height:2.25rem;
    margin-bottom:40px;
}

.intro-text.margin-bottom-none p {
    margin-bottom:0;
}


.scn-button {
    position: relative;
    display: inline-block;
    color: var(--color-black);
    background-color: var(--color-light-grey);
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    font-size: 18px;
    padding: 8px 15px 8px 38px;
    margin-left:20px;
    transition:all 200ms;
}

    .scn-button::before {
        position:absolute;
        display:block;
        content:"";
        background-image: url('/wp-content/themes/accurate/images/scn-button-arrow.svg');
        background-repeat: no-repeat;
        background-position: top left;
        top:0;
        left: -20px;
        width: 51px;
        height: 35px;
    }

    .scn-button.align-right {
        margin-left:auto;
        margin-right:0;
        display: block;
        width: fit-content;
    }

    .scn-button.align-right.in-news-row {
        margin-right:10px;
    }


    .scn-button.bgcolor-white {
        background-color: var(--color-white) !important;
    }

        .scn-button:hover {
            color: var(--color-white);
            background-color: var(--color-black);
        }

        .scn-button.bgcolor-white:hover {
            background-color: var(--color-black) !important;
        }

        .scn-button#footer-newsletter-signup-button-en:hover,
        .scn-button#footer-newsletter-signup-button-fr:hover {
            background-color: var(--color-raspberry) !important;
        }


.custom-download-button{
	margin-top: 0px !important;
}

        





/************************************************
WIDGETS
************************************************/


/*** News Feed Row (in footer on some pages) ***/

#news-feed-row {
    width:100%;
    background-color: var(--color-light-grey);
    padding-top:60px;
    padding-bottom:60px;
}

    #news-feed-row > .inner {
        max-width:1540px;
        padding-left:10px;
        padding-right:10px;
        margin:0 auto;
    }

    #news-feed-row > .inner .title-main {
        margin-left:10px; /* left-align to news block in slider */
        font-weight:800;
        font-size:3.75rem;
    }

        #news-feed-row > .inner #news-feed-slider {
            width:100%;
        }

            #news-feed-row > .inner #news-feed-slider .news-block {
                height: 100%;
                text-decoration: none;
            }

                #news-feed-row > .inner #news-feed-slider .news-block .padder {
                    width:100%;
                    padding-left:10px;
                    padding-right:10px;
                    height: 100%;
                }

                    #news-feed-row > .inner #news-feed-slider .news-block .padder .news-block-inner {
                        width:100%;
                        padding-top:10px;
                        border-top:8px solid var(--color-raspberry);
                        border-bottom:2px solid var(--color-raspberry);
                        background-color: var(--color-white);
                        height: 100%;
                    }

                    #news-feed-row > .inner #news-feed-slider .news-block .padder .news-block-inner .news-block-image {
                        position: relative;
                        width:100%;
                        padding-bottom:50%;
                        background-size: cover;
                        background-repeat: no-repeat;
                        background-position: center center;
                        overflow: hidden;
                    }

                        #news-feed-row > .inner #news-feed-slider .news-block .padder .news-block-inner .news-block-image .overlay {
                            position: absolute;
                            top:0;
                            left:0;
                            width:100%;
                            background-color:#bababa;
                            height:100%;
                            transform: translate3d(0, -100%, 0);
                            transition: 300ms all;
                            opacity: 0;
                            mix-blend-mode: multiply;
                        }

                        #news-feed-row > .inner #news-feed-slider .news-block:hover .padder .news-block-inner .news-block-image .overlay {
                            transform: translate3d(0, 0, 0);
                            opacity: 1;
                        }

                    #news-feed-row > .inner #news-feed-slider .news-block .padder .news-block-inner .news-block-details {
                        padding:30px 20px 60px 20px;
                    }

                    #news-feed-row > .inner #news-feed-slider .news-block .padder .news-block-inner .news-block-details .title {
                        font-size:1.875rem;
                        line-height:2.25rem;
                        font-weight:600;
                        margin-bottom:20px;
                    }


/*** Testimonials Grid ***/          

.testimonials-grid .candidate-quote p {
    font-family: "Montserrat", sans-serif;
    font-size:1.875rem;
    line-height:2.5rem;
    font-weight:300;
    font-style: italic;
    text-align: center;
    margin-top:30px;
    margin-bottom:60px;
}

.testimonials-grid .candidate-name .elementor-heading-title {
    font-weight: 800;
    margin-bottom: 10px;
}

.testimonials-grid .candidate-titleorg .elementor-heading-title {
    font-family: "Source Sans 3", sans-serif;
    font-size: 1.375rem;
    line-height: 1.8rem;
    font-weight: 300;
}



/*** Past Event Recordings Grid ***/          

.recordings-grid .candidate-quote p {
    font-family: "Montserrat", sans-serif;
    font-size:1.875rem;
    line-height:2.5rem;
    font-weight:300;
    font-style: italic;
    text-align: center;
    margin-top:30px;
    margin-bottom:60px;
}

.recordings-grid .recording-title .elementor-heading-title {
    font-weight: 800;
    margin-bottom: 10px;
}

.recordings-grid .recording-description .elementor-heading-title {
    font-family: "Source Sans 3", sans-serif;
    font-size: 1.375rem;
    line-height: 1.8rem;
    font-weight: 300;
}



/*** Callout Block (e.g. 'Our Strategic Plan') ***/

.calloutblock .calloutblock-title .elementor-heading-title,
.calloutblock-mobile .calloutblock-title .elementor-heading-title {
    margin-bottom:100px;    
}

.calloutblock .calloutblock-content .elementor-heading-title,
.calloutblock-mobile .calloutblock-content .elementor-heading-title {
    font-size:1.875rem;
    line-height:2.25rem;
}





.elementor .image-cover-all img {
    width:100%;
    object-fit: cover;
}

/* .testimonial-grid-item-name-and-title, */
.photo-grid-body,
.recordings-grid-item-title-and-description {
    /* used in Elementor 'colored blocks grid' to make all boxes the same height - applied to 'body' area where title and description are */
    height:100% !important;
}

.status-tab {
    width:100%;
    padding-bottom:30px;
}

    .status-tab .inner {
        max-width:fit-content;
        margin:0 auto;
        padding: 15px 50px;
        background-color: var(--color-black);
    }

        .status-tab .inner p {
            font-size: 1.25rem;
            line-height: 1rem;
            color:var(--color-white);
            margin-bottom:0;
            font-weight: 600;
            text-transform: uppercase;
        }

            .status-tab .inner p span {
                display:none;
            }


/******* Image with Caption *******/

.image-caption-block {
    margin-top:60px !important;
}

    .image-caption-block p {
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-weight: 300;
        margin-top: 20px;
        margin-bottom:20px;
    }



/******* Accordion - Single Level *******/

@media (hover: hover) and (pointer: fine) { /* only allow animation with real mouse hovering - prevent iOS bug where hover state stays 'stuck' when you click an item that this animation is applied to */

    @keyframes bobbing { /* 'bobbing' animation for chevron, on hover */
        0% {
            margin-top:0;
        }
        100% {
            margin-top:10px;
        }
    }

}

.bod-title {
    display:inline-block;
    font-weight:800;
    margin-bottom:30px;
}

.repeater-basic-wrapper {

}

.repeater-basic-wrapper.active {
    margin-bottom:0;
}

.accordion-group-item {
    margin-bottom:60px;
    border-bottom:10px solid var(--color-black-blue);
}

.repeater-basic {
    width:100%;
}

    .repeater-basic .single-item {
        display:flex;
        border-bottom: 8px solid var(--color-raspberry);
        padding-top:60px;
        padding-bottom:60px;
    }

        .repeater-basic .single-item:last-child {
            border-bottom:none;
        }

        .repeater-basic .single-item .left {
        }

            .repeater-basic .single-item .left .img-container {
                display:block;
                width:400px;
                margin-right:130px;
            }

                .repeater-basic .single-item .left .img-container img {
                    display:block;
                    width:100%;
                }

        .repeater-basic .single-item .right {
        }
        
            .repeater-basic .single-item .right .title {
                font-size:1.875rem;
                line-height: 2.5rem;
                font-weight:600;
                margin-bottom: 10px;
            }

            .repeater-basic .single-item .right .subtitle {
                font-size:1.25rem;
                line-height: 1.75rem;
                font-weight:400;
                margin-top:0;
                margin-bottom:60px;
            }

            .repeater-basic .single-item .right a.scn-button {
                margin-top:30px;
                margin-bottom:50px;
            }

            .repeater-basic .single-item .right .bio-wrapper {
                width:100%;
            }

            .repeater-basic .single-item .right .bio-wrapper .bio-title-wrapper {
                display:flex;
                border-top: 8px solid var(--color-raspberry);
                padding-top:10px;
                width: fit-content;
            }

                .repeater-basic .single-item .right .bio-title-wrapper .bio-title {
                    font-size: 1.5rem;
                    line-height: 2rem;
                    font-weight:600;
                    display:block;
                    margin-top:0;
                    margin-bottom: 0;
                }

                .repeater-basic .single-item .right .bio-wrapper .bio-title-wrapper img.toggle {
                    display:block;
                    width: 25px;
                    margin-left: 20px;
                    transition:all 300ms;
                }

                    .repeater-basic .single-item .right .bio-wrapper .bio-title-wrapper:hover img.toggle {
                        animation: bobbing 300ms ease-in-out infinite alternate;
                        -webkit-animation: bobbing 300ms ease-in-out infinite alternate;
                    }

                    .repeater-basic .single-item .right .bio-wrapper .bio-title-wrapper img.toggle.rotated {
                        transform: rotate(180deg);
                    }


            .repeater-basic .single-item .right .bio-wrapper .bio-details {
                display:none;
                transition: height 0.4s ease;
                padding-top:20px;
            }

                .repeater-basic .single-item .right .bio-wrapper .bio-details p {
                    margin-bottom:20px;
                }

                .repeater-basic .single-item .right .bio-wrapper .bio-details p:last-child {
                    margin-bottom:0;
                }

                .repeater-basic .single-item .right .bio-wrapper .bio-details a {
                    color:var(--color-black);
                }

                .repeater-basic .single-item .right .bio-wrapper .bio-details a:hover {
                    color:var(--color-raspberry);
                }

                


                /*** Awards Page only ***/

                .repeater-basic .single-item .right .purpose {
                    margin-top:20px;
                }

                .repeater-basic .single-item .right .bio-wrapper .bio-details .criteria {
                    margin-bottom:30px;
                }

                .repeater-basic .single-item .right .bio-wrapper .bio-details .criteria p,
                .repeater-basic .single-item .right .bio-wrapper .bio-details .eligibility p {
                    font-size: 1.375rem;
                    line-height: 1.8rem;
                    font-weight: 300;
                }

                .repeater-basic .single-item .right .bio-wrapper .bio-details .criteria ol,
                .repeater-basic .single-item .right .bio-wrapper .bio-details .criteria ul,
                .repeater-basic .single-item .right .bio-wrapper .bio-details .eligibility ol,
                .repeater-basic .single-item .right .bio-wrapper .bio-details .eligibility ul {
                    padding-left:40px;
                    list-style-type: disc;
                }

                .repeater-basic .single-item .right .bio-wrapper .bio-details .criteria ol,
                .repeater-basic .single-item .right .bio-wrapper .bio-details .eligibility ol {
                    list-style-type: decimal;
                }

                .repeater-basic .single-item .right .bio-wrapper .bio-details .criteria ul,
                .repeater-basic .single-item .right .bio-wrapper .bio-details .eligibility ul {
                    list-style-type: disc;
                }

                    .repeater-basic .single-item .right .bio-wrapper .bio-details .criteria ol li,
                    .repeater-basic .single-item .right .bio-wrapper .bio-details .criteria ul li,
                    .repeater-basic .single-item .right .bio-wrapper .bio-details .eligibility ol li,
                    .repeater-basic .single-item .right .bio-wrapper .bio-details .eligibility ul li {
                        font-size: 1.375rem;
                        line-height: 1.8rem;
                        font-weight: 300;
                    }

                .repeater-basic .single-item .right .bio-wrapper .bio-details .eligibility h4 {
                    font-size: 1.5rem;
                    line-height: 2rem;
                    font-weight: 600;
                    display: block;
                    margin-top: 0;
                    margin-bottom: 20px;
                }

                .repeater-basic .single-item .right .deadline {
                    margin-top:60px;
                }

                .repeater-basic .single-item .right .deadline p {
                    font-size: 1.375rem;
                    line-height: 1.8rem;
                    font-weight: 300;
                }


.repeater-extended {
    overflow: auto;
    padding-bottom: 1px;
}

    .repeater-extended .parent-item {
        border-bottom:8px solid var(--color-raspberry);
        margin-bottom: 100px;
        padding-bottom: 100px;
    }

        .repeater-extended .parent-item .parent-overview {
            display:flex;
        }

            .repeater-extended .parent-item .parent-overview .left {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                flex: 1;
            }

                .repeater-extended .parent-item .parent-overview .left .committee-title-wrapper {
                    display:flex;
                    border-top:8px solid;
                    padding-top:10px;
                    width:fit-content;
                }
        
                    .repeater-extended .parent-item .parent-overview .left .committee-title-wrapper .committee-title {
                        font-size:1.875rem;
                        line-height: 2rem;
                        font-weight:600;
                        display:block;
                        margin-top:0;
                        margin-bottom: 0;
                    }

                    .repeater-extended .parent-item .parent-overview .left .committee-title-wrapper img.toggle {
                        display:block;
                        width: 30px;
                        margin-left: 20px;
                        transition:all 300ms;
                    }

                    .repeater-extended .parent-item .parent-overview .left .committee-title-wrapper:hover img.toggle {
                        animation: bobbing 300ms ease-in-out infinite alternate;
                        -webkit-animation: bobbing 300ms ease-in-out infinite alternate;
                    }

                        .repeater-extended .parent-item .parent-overview .left .committee-title-wrapper img.toggle.rotated {
                            transform: rotate(180deg);
                        }

            .repeater-extended .parent-item .parent-overview .right {
                max-width:400px;
                margin-left:130px;
            }

                .repeater-extended .parent-item .parent-overview .right .committee-details-box {
                    width:100%;
                }

                    .repeater-extended .parent-item .parent-overview .right .committee-details-box .committee-overview.mobile {
                        margin-bottom:30px;
                        display:none;
                    }
                    
                        .repeater-extended .parent-item .parent-overview .right .committee-details-box .committee-overview.mobile .parent-title {
                            margin-bottom:30px;
                        }

                    .repeater-extended .parent-item .parent-overview .right .committee-details-box .top-line {
                        border-top:8px solid;
                        padding-bottom:10px;
                    }

                    .repeater-extended .parent-item .parent-overview .right .committee-details-box .box-content {
                        width:100%;
                        display: flex;
                        flex-direction: column;
                    }

                        .repeater-extended .parent-item .parent-overview .right .committee-details-box .box-content .top-content {
                            padding-left:40px;
                            padding-right:40px;
                        }

                            .repeater-extended .parent-item .parent-overview .right .committee-details-box .box-content .top-content .status-tab {
                                width: 100%;
                                padding-bottom: 30px;
                            }

                            .repeater-extended .parent-item .parent-overview .right .committee-details-box .box-content .top-content .status-tab .inner {
                                max-width: fit-content;
                                margin: 0 auto;
                                padding: 15px 50px;
                                background-color: var(--color-black);
                            }

                            .repeater-extended .parent-item .parent-overview .right .committee-details-box .box-content .top-content .intro h3 {
                                font-size: 2.625rem;
                                line-height: 2.95rem;
                                font-weight: 700;
                                margin-bottom: 15px;
                            }

                            .repeater-extended .parent-item .parent-overview .right .committee-details-box .box-content .top-content .intro p {
                                margin-bottom: 15px;
                            }

                        .repeater-extended .parent-item .parent-overview .right .committee-details-box .box-content .bottom-content {
                            padding-top:30px;
                            padding-left:40px;
                            padding-right:40px;
                            padding-bottom:40px;
                        }





    .repeater-extended .repeater-basic {
        transition: height 0.3s ease;
    }

    .repeater-extended .parent-item .repeater-basic .single-item {
        border-bottom-width: 2px;
    }

    .repeater-extended .parent-item .repeater-basic .single-item:last-child {
        padding-bottom:0;
    }




/******* Audio Player (Shortcode Widget) *******/


.acc-audioblock {
    margin:0;
    display:flex;
    flex-direction: column;
    justify-content: center;
    background-color:var(--color-black);
    position: relative;
}

    .acc-audioblock .overlay-image {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index:9999;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
    }

    .acc-audioblock .able-wrapper {
        padding:30px;
    }

        .acc-audioblock .able-wrapper .able {
            box-shadow: none;
        }

/*

.acc-audio-player {
    width:500px;
    position: relative;
}

    .acc-audio-player img {
        display: block;
        width:100%;
    }

    .acc-audio-player .play-btn {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
            height: 100px;
    width: 100px;
    fill: #fff;
    filter: drop-shadow(1px 0 6px rgba(0, 0, 0, .3));
    }

*/

/************************************************
NEWS / WHAT'S NEW
************************************************/


#filters-and-search {
    display:flex;
    width:100%;
    align-items: flex-start;
}

    #filters-and-search #filters-section-block {
        width:50%;
        padding-right:100px;
    }

        #filters-and-search #filters-section-block .filters-section-title-wrapper {
            display:flex;
            width:100%;
            justify-content: flex-start;
            align-items: center;
            margin-bottom:30px;
        }

            #filters-and-search #filters-section-block .filters-section-title-wrapper .title {
                display:inline-block;
                font-size:1.875rem;
                font-weight: 600;
                margin-bottom:0;
                margin-right:30px;
            }

            #filters-and-search #filters-section-block .filters-section-title-wrapper a.scn-button {
                font-size:1rem;
            }

        #filters-and-search #filters-section-block .filtered_value_section {
            display:none; /* never shown on site - for data / AJAX reference only */
        }

        #filters-and-search #filters-section-block ul#filters-list {
            column-count:2;
        }

            #filters-and-search #filters-section-block ul#filters-list li {
                margin-bottom:20px;
                display: flex;
                align-items: center;
            }

            #filters-and-search #filters-section-block ul#filters-list li span {
                display:inline-block;
                font-weight:300;
                font-size:1.875rem;
            }


                #filters-and-search #filters-section-block ul#filters-list li input[type="checkbox"] {
                    transform: scale(1.5);
                    margin-right:30px;
                }

    #filters-and-search #search-section-block {
        width:50%;
    }

        #filters-and-search #search-section-block .title {
            display:inline-block;
            font-size:1.875rem;
            font-weight: 600;
            margin-bottom:30px;
        }

        .search_section {
            display:flex;
            width:100%;
            border-bottom:1px solid var(--color-black);
            padding-bottom:10px;
        }

            .search_section img.icon {
                display:inline-block;
                width:35px;
                margin-right:20px;
            }

            .search_section .search_field {
                border:none;
                font-family: "Source Sans 3", sans-serif;
                font-weight:300;
                font-size:1.875rem;
                color:var(--color-medium-grey);
                flex:1;
                margin-right:20px;
            }

            .search_section .search_btn {
                width:40px;
                height:40px;
                border-radius:10px;
                border:1px solid var(--color-medium-grey);
                background-color: var(--color-white);
                cursor:pointer;
            }

            .search_section .search_btn:hover {
                transform:scale(1.1);
                transition:all 300ms;
            }

                .search_section .search_btn img {
                    display:block;
                    width:20px;
                    margin:0 auto;
                }








#post-results-grid-wrapper {
    display: block;
    width: 100%;
}

    #post-results-grid-wrapper #post-results-grid {
        width:100%;
        display: grid;
        grid-gap: 15px;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-flow: dense;
    }

#post-results-grid .news-block {
    margin-bottom:50px;
    text-decoration: none;
}

    #post-results-grid .news-block .padder {
        width:100%;
        height:100%;
    }

        #post-results-grid .news-block .padder .news-block-inner {
            width:100%;
            height:100%;
            padding-top:10px;
            border-top:8px solid var(--color-raspberry);
            border-bottom:2px solid var(--color-raspberry);
            background-color: var(--color-white);
        }

        #post-results-grid .news-block .padder .news-block-inner .news-block-image {
            position: relative;
            width:100%;
            padding-bottom:50%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
            overflow: hidden;
        }

            #post-results-grid .news-block .padder .news-block-inner .news-block-image .cat-block {
                display:inline-block;
                position: absolute;
                bottom:0;
                left:0;
                z-index:2;
                background-color: var(--color-black);
                color:var(--color-white);
                font-family: "Montserrat", sans-serif;
                font-size:1.125rem;
                font-weight: 500;
                line-height:1.125rem;
                margin-bottom: 0;
                padding:10px 20px;
                text-transform: uppercase;
            }

            #post-results-grid .news-block .padder .news-block-inner .news-block-image .overlay {
                position: absolute;
                top:0;
                left:0;
                width:100%;
                background-color:#bababa;
                height:100%;
                transform: translate3d(0, -100%, 0);
                transition: 300ms all;
                opacity: 0;
                mix-blend-mode: multiply;
                z-index:9999;
            }

                #post-results-grid .news-block:hover .padder .news-block-inner .news-block-image .overlay {
                    transform: translate3d(0, 0, 0);
                    opacity: 1;
                }

        #post-results-grid .news-block .padder .news-block-inner .news-block-details {
            padding:30px 20px 60px 20px;
        }

        #post-results-grid .news-block .padder .news-block-inner .news-block-details .title {
            font-size:1.875rem;
            line-height:2.25rem;
            font-weight:600;
            margin-bottom:30px;
        }

        #post-results-grid .news-block .padder .news-block-inner .news-block-details p.date-and-location {
            margin-bottom: 15px;
            font-weight:400;
        }


        #post-results-grid-wrapper #load_more_section {
            width:100%;
            padding-top:60px;
            padding-bottom:60px;
        }

            #post-results-grid-wrapper #load_more_section a.scn-button {
                display:block;
                width:fit-content;
                margin:0 auto;
            }

            .load-spinner-wrapper {
                display:none;
                width:100%;
                margin-top:20px;
            }

            .load-spinner-wrapper.top {
                margin-bottom:0;
            }

                .load-spinner-wrapper.active {
                    display:block;
                }

                .load-spinner-wrapper img.load-spinner {
                    display:block;
                    width:30px;
                    margin:0 auto;
                }

.sidebar-quote p {
    font-family: "Montserrat", sans-serif;
    font-size:1.875rem;
    line-height:2.5rem;
    font-weight:300;
    font-style: italic;
    text-align: center;
    margin-top:60px;
    margin-bottom:60px;
}

.sidebar-and-body .sab-body h2,
.mec-single-event-description .elementor-widget-container h2 {
    font-size:2.625rem;
    line-height: 2.875rem;
    font-weight:800;
    margin-top:60px;
    margin-bottom:15px;
}

.sidebar-and-body .sab-body h3,
.mec-single-event-description .elementor-widget-container h3 {
    font-size:2rem;
    line-height: 2.5rem;
    font-weight:800;
    margin-top:40px;
    margin-bottom:15px;
}

.sidebar-and-body .sab-body h4,
.mec-single-event-description .elementor-widget-container h4 {
    font-size:1.875rem;
    line-height: 2.5rem;
    font-weight:600;
    margin-top:40px;
    margin-bottom:15px;
}

.sidebar-and-body .sab-body h5,
.mec-single-event-description .elementor-widget-container h5 {
    font-size:1.625rem;
    line-height: 2.5rem;
    font-weight:400;
    margin-top:40px;
    margin-bottom:15px;
}

.sidebar-and-body .sab-body p a,
.sidebar-and-body .sab-body li a {
    color:var(--color-black);
    text-decoration: underline;
}

.sidebar-and-body .sab-body p a:hover,
.sidebar-and-body .sab-body li a:hover {
    color:var(--color-raspberry);
}



.name-and-description-row h3.elementor-heading-title {
    font-size: 1.875rem;
    line-height: 2.5rem;
    font-weight: 600;
    margin-bottom: 10px;
}


/************************************************
WPDATATABLES
************************************************/

.wpDataTables {
    font-family: "Source Sans 3", sans-serif !important;
    font-optical-sizing: auto !important;
}

table.wpDataTable th,
table.wpDataTable td {
    padding:10px !important;
}

table.wpDataTable th {
    font-size: 1.1rem !important;
    line-height: 1.5rem !important;
    font-weight: 400 !important;
    vertical-align:middle !important;
}

table.wpDataTable td {
    font-size: 1.1rem !important;
    line-height: 1.5rem !important;
    font-weight: 300;
}

h2.wpdt-c {
    margin-top: 60px !important;
    margin-bottom: 0 !important;
}


/************************************************
MODERN EVENTS CALENDAR (MEC)
************************************************/


#main-content.mec-container {
    width:100%;
    max-width:100%;
}

.mec-full-calendar-wrap,
.mec-wrap .sidebar-and-body .sab-sidebar *:not(i),
.mec-wrap .sidebar-and-body .sab-body * {
    font-family: "Source Sans 3", sans-serif;
    font-optical-sizing: auto;
}

.mec-full-calendar-skin-container {
    margin-top:80px;
}

.mec-event-list-standard .mec-event-meta span.mec-event-d .mec-start-date-label {
    vertical-align: top;
}

.mec-topsec .mec-start-date-label,
.mec-topsec .mec-end-date-label {
    font-size: 1.375rem;
    line-height: 1.8rem;
}

.mec-single-event .mec-event-meta .mec-start-date-label,
.mec-single-event .mec-event-meta .mec-events-abbr {
    font-size: 1.375rem;
    line-height: 1.8rem;
    color: var(--color-black);
}

body .mec-totalcal-listview.mec-totalcalview-selected {
    color:#fff !important;
}

.mec-event-list-standard * {
    border-radius:0 !important;
}

.mec-event-list-standard .mec-event-article {
    border-radius: 0;
    box-shadow:none !important;
}

.mec-event-article:has(+ .mec-month-divider),
.mec-event-list-standard .mec-event-article:last-child {
    border-bottom:none !important;
}

.mec-event-list-standard .mec-event-description {
    font-family: "Source Sans 3", sans-serif;
    font-size: 1.5rem;
    color: var(--color-black) !important;
    font-weight: 300;
    line-height: 1.3;
}

.mec-event-footer {
    background:none !important;
    margin-top:-50px;
}

.mec-event-share {
    padding-left:0 !important;
}

.mec-month-divider {
    margin-top:0;
}

.mec-month-divider:after,
.mec-month-divider:before {
    background:var(--color-raspberry);
    height:8px;
}

.mec-event-list-standard .mec-event-meta svg path,
.mec-wrap .mec-event-sharing-wrap .mec-event-sharing>li:hover a svg {
    fill:var(--color-raspberry);
}

.mec-wrap .mec-skin-list-events-container .mec-event-article .mec-event-footer .mec-booking-button:hover {
    color:#fff !important;
    background-color: var(--color-raspberry) !important;
    border-color: var(--color-raspberry) !important;
}

.mec-booking-button-fake {
    position: absolute;
    top: 20px;
    right: 15px;
    height: 38px;
    padding:0 16px;
    color:#adadad;
    background-color: var(--color-white);
    border: 1px solid #e8e8e8;
    font-weight: 500;
    line-height: 37px;
}

.mec-event-d {
    display:flex;
    align-items:center;
}



.mec-search-reset-button {
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background-color: #91BE4A !important;
}

.mec-wrap .button,
.mec-wrap button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(.owl-next):not(.mec-googlemap-details button):not(.mec-googlemap-details button):not(.elementor-add-section-inner button):not(.dismissButton):not([class*=et-]):not(.mec-seat-builder-booking__seat-card-remove) {
    font-size: 1rem;
    color: var(--color-black) !important;
    margin-bottom: 20px !important;
    margin-right: 20px !important;
    border-radius: 0 !important;
    font-weight:500;
    box-shadow: none !important;
}

.mec-wrap .button:hover,
.mec-wrap button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(.owl-next):not(.mec-googlemap-details button):not(.mec-googlemap-details button):not(.elementor-add-section-inner button):not(.dismissButton):not([class*=et-]):not(.mec-seat-builder-booking__seat-card-remove):hover {
    color:var(--color-white) !important;
    background-color: var(--color-raspberry) !important;
    border-color:var(--color-raspberry) !important;
}

.mec-wrap .mec-search-form .mec-date-search select {
    width: calc(100% - 136px);
}

.mec-wrap .mec-search-form .mec-date-search select:last-child {
    width:100px;
}

.mec-event-image img {
    aspect-ratio:1.5/1 !important;
    object-fit:cover;
}

.mec-single-event .mec-event-meta .mec-events-event-categories a {
    pointer-events: none;
    cursor: default;
    font-size: 1.375rem;
    line-height: 1.8rem;
    color: var(--color-black);
}

.mec-events-event-categories a i.mec-fa-angle-right {
    display:none !important;
}

.mec-event-title.no-link,
.mec-event-title a {
    font-family: "Montserrat", sans-serif;
}

    .mec-event-title a:hover {
        text-decoration: underline !important;
    }


.mec-event-sharing-wrap {
    display:none !important;
}


.mec-single-event-description .intro-text p {
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight:300;
    margin-bottom: 40px;
    color: var(--color-black);
}

.mec-wrap .mec-single-event-description .elementor-widget-container p,
.mec-wrap .mec-single-event-description p.elementor-heading-title,
.mec-wrap .mec-single-event-description .elementor-widget-container ol li,
.mec-wrap .mec-single-event-description .elementor-widget-container ul li {
    font-size: 1.375rem;
    line-height: 1.8rem;
    font-weight: 300;
    color: var(--color-black);
}

.mec-single-event .mec-event-meta .mec-cost,
.mec-single-event .mec-event-meta .mec-date,
.mec-single-event .mec-event-meta .mec-time,
.mec-single-event .mec-event-meta dt {
    text-transform: none;
    font-size: 1.375rem;
    line-height: 1.8rem;
    color: var(--color-black);
}





/************************************************
FOOTER
************************************************/

#site-footer {
    width:100%;
    background-color: var(--color-black-blue);
    padding-top: 60px;
    padding-bottom: 60px;
}

    #site-footer .inner {
        display: flex;
        align-items: flex-start;
        max-width:1540px;
        padding-left:20px;
        padding-right:20px;
        margin:0 auto;
    }

        #site-footer .inner .footer-col {
            width:33.34%;
        }

            #site-footer .inner .footer-col-1 #footer-logo {
                max-width:330px;
                display: block;
            }

            #site-footer .inner .footer-col-1 p.address-email {
                display:block;
                padding-left:52px;
                padding-top:30px;
                color:var(--color-white);
                font-weight:200;
            }

                #site-footer .inner .footer-col-1 p.address-email a {
                    text-decoration: none;
                    color:var(--color-white);
                }

                    #site-footer .inner .footer-col-1 p.address-email a:hover {
                        text-decoration: underline;
                    }

            #site-footer .inner .footer-col-2 #footer-social-icons {
                display:flex;
                margin-top: 60px;
                margin-bottom: 40px;
            }

                #site-footer .inner .footer-col-2 #footer-social-icons a {
                    display:block;
                    width: 40px;
                    margin-right: 15px;
                }

                    #site-footer .inner .footer-col-2 #footer-social-icons a:last-child {
                        margin-right:0;
                    }

                #site-footer .inner .footer-col-2 #footer-social-icons a img {
                    display: block;
                    width:100%;
                }

#footer-links {
    display:flex;
    width:100%;
}

    #footer-links .left {
        width:50%;
    }

    #footer-links .right {
        width:50%;
    }

        #footer-links .left a.footer-menu-item,
        #footer-links .right a.footer-menu-item {
            display:block;
            color:var(--color-white);
            font-weight:200;
            font-size:1.375rem;
            text-decoration:none;
            margin-bottom:15px;
        }

            #footer-links .left a.footer-menu-item:hover,
            #footer-links .right a.footer-menu-item:hover {
                text-decoration: underline;
            }

#footer-newsletter-signup-form {
    display:flex;
    width:100%;
    margin-top: 50px;
}

    #footer-newsletter-signup-form .left {
        width:60px;
    }

    #footer-newsletter-signup-form .left img {
        display:block;
        width:100%;
    }

    #footer-newsletter-signup-form .right {
        flex:1;
        padding-left:10px;
    }

        #footer-newsletter-signup-form .right .title {
            font-size:2rem;
            line-height: 2.5rem;
            color:var(--color-white);
            display: inline-block;
            padding-top: 10px;
            margin-bottom: 10px;
        }

        #footer-newsletter-signup-form .right p {
            display: inline-block;
            color:var(--color-white);
            font-weight: 200;
            margin-bottom:20px;
        }

        #footer-newsletter-signup-form .gform_description {
            display:none !important;
        }

        #footer-newsletter-signup-form .right #gform_submit_button_1 {
            position: absolute;
            left:-10000px;
        }

        body.site-fr #footer-newsletter-signup-form .right #footer-newsletter-signup-button-en {
            display:none;
        }

        body.site-en #footer-newsletter-signup-form .right #footer-newsletter-signup-button-fr {
            display:none;
        }

        .gform_validation_error {
            font-family: "Source Sans 3", sans-serif;
        }

        #footer-newsletter-signup-form .right .ginput_container_select select {
            font-family: "Source Sans 3", sans-serif !important;
            background-color: var(--color-black-blue) !important;
            color:var(--color-white) !important;
            border-radius:0 !important;
            border: 1px solid var(--color-white);
            background-image: url('/wp-content/themes/accurate/images/icon-chevron-down-white.svg');
            background-repeat: no-repeat;
            background-position: right 10px center;
            background-size:20px;
            font-size: 1.125rem !important;
			font-weight:200;
        }

        #footer-newsletter-signup-form .right #field_1_1,
        #footer-newsletter-signup-form .right #field_1_5,
        #footer-newsletter-signup-form .right #field_1_6,
        #footer-newsletter-signup-form .right #label_1_3_1 {
            margin-bottom:-20px;
        }

        #footer-newsletter-signup-form .right #input_1_5,
        #footer-newsletter-signup-form .right #input_1_6 {
            font-family: "Source Sans 3", sans-serif !important;
            background-color: var(--color-black-blue) !important;
            color:var(--color-white) !important;
            border-radius:0 !important;
            border: 1px solid var(--color-white);
            font-size: 1.125rem !important;
			font-weight:200;
        }

        #footer-newsletter-signup-form .right #label_1_3_1 {
            font-family: "Source Sans 3", sans-serif !important;
            color:var(--color-white) !important;
            font-size: 1.125rem !important;
            font-weight:200;
            margin-top: -3px;
        }

        #footer-newsletter-signup-form .right #gform_confirmation_message_1 {
            display:block;
            padding:10px;
            background-color: var(--color-green);
            font-family: "Source Sans 3", sans-serif;
            color:var(--color-black);
            font-size: 1.125rem;
			font-weight:500;
        }







/************************************************
For Client Use in Elementor Only
************************************************/

/* Added here since Elementor's editor doesn't pick up accurate-responsive.css */

.margin-top-0-forced,
.margin-top-0-forced .elementor-heading-title { margin-top: 0 !important; }


.margin-bottom-small { margin-bottom: 30px !important; }
.margin-bottom-medium { margin-bottom: 60px !important; }
.margin-bottom-large { margin-bottom: 100px !important; }

.margin-top-small { margin-bottom: 30px !important; }
.margin-top-medium { margin-bottom: 60px !important; }
.margin-top-large { margin-bottom: 100px !important; }

@media (max-width: 1365px) { /* laptop */
    .margin-bottom-small { margin-bottom: 30px !important; }
    .margin-bottom-medium { margin-bottom: 50px !important; }
    .margin-bottom-large { margin-bottom: 70px !important; }

    .margin-top-small { margin-bottom: 30px !important; }
    .margin-top-medium { margin-bottom: 50px !important; }
    .margin-top-large { margin-bottom: 70px !important; }
}

@media (max-width: 1023px) { /* tablet */
    .margin-bottom-small { margin-bottom: 30px !important; }
    .margin-bottom-medium { margin-bottom: 40px !important; }
    .margin-bottom-large { margin-bottom: 60px !important; }

    .margin-top-small { margin-bottom: 30px !important; }
    .margin-top-medium { margin-bottom: 40px !important; }
    .margin-top-large { margin-bottom: 60px !important; }
}

@media (max-width: 766px) { /* mobile */
    .margin-bottom-small { margin-bottom: 20px !important; }
    .margin-bottom-medium { margin-bottom: 30px !important; }
    .margin-bottom-large { margin-bottom: 50px !important; }

    .margin-top-small { margin-bottom: 20px !important; }
    .margin-top-medium { margin-bottom: 30px !important; }
    .margin-top-large { margin-bottom: 50px !important; }
}



/************************************************
FOR PLACEMENT ONLY
************************************************/


.FPO {
	background-color:#ff00f6 !important;
}

