/* General */
html{font-size:10px}
body{background:var(--eo-body-bkg);color:inherit;font:1.6rem/2.4rem 'Open Sans',Lato,sans-serif;.foo{} a:focus {outline:0;}}
p{font-size:1.6rem;line-height:2.2rem;margin:0 0 1rem 0}
img{margin:0;transition:0.5s all ease}
ul,ol{margin:0}
hr{border-color:rgba(0,0,0,0.15);background:none;width:50%;margin-left:auto;margin-right:auto}
blockquote{font-size:1.7rem}
a{font-family:NotesEsa,'Open Sans',Lato,sans-serif}
h1,h2,h3,h4,h5,h6{font-family:NotesEsa,'Open Sans',Lato,sans-serif;font-weight:700;padding-bottom:1.8rem;color:var(--eo-content-title);margin-top:2rem;margin-bottom:1rem}
h1{font-size:3.6rem}
h2{font-size:3.0rem}
h3{font-size:2.4rem}
h4{font-size:1.8rem}
h5{font-size:1.4rem}
h6{font-size:1.2rem}
button,input[type="reset"],input[type="button"],input[type="submit"],
button:hover,input[type="reset"]:hover,input[type="button"]:hover,input[type="submit"]:hover,
button:active,input[type="reset"]:active,input[type="button"]:active,input[type="submit"]:active{outline:none;box-shadow:none;-webkit-box-shadow:none}
.hidden{display:none !important}
.no-br br,.no-breaklines br{display:none}
.noselect {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-khtml-user-select: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently not supported by any browser */
}
.logged-in .hide-when-logged-in{display:none}
.page-motto {color:#8197A6;font-weight:400;display:block;text-align:right;width:100%;padding:0 2rem;margin:0 auto;line-height:1.2;margin-bottom:1em;}
.page-motto>p{display:block;margin-bottom:0.5em;font-family:'NotesEsa';font-size:1.8rem;}
.entry-content ul.list-style-check {list-style:none;}
.list-style-check li{position:relative;padding-left: 2em;}
.list-style-check li::before {content:"\2611";font-size:1.25em;position:absolute;left:0;top:0;}
/* Custom scrollbars */
#side-left .main-navigation,#side-right .widget{
--scrollbar-color-thumb: rgb(255 255 255 / 20%);
--scrollbar-color-track: transparent;
--scrollbar-width: auto;
--scrollbar-width-legacy: 7px;
}
@supports (scrollbar-width: auto) {
#side-left .main-navigation,#side-right .widget{
scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
scrollbar-width: var(--scrollbar-width);
}
}
/* Legacy browsers with `::-webkit-scrollbar-*` support */
@supports selector(::-webkit-scrollbar) {
#side-left .main-navigation::-webkit-scrollbar-thumb,#side-right .widget::-webkit-scrollbar-thumb {
background: var(--scrollbar-color-thumb);
}
#side-left .main-navigation::-webkit-scrollbar,#side-right .widget::-webkit-scrollbar-track {
background: var(--scrollbar-color-track);
}
#side-left .main-navigation::-webkit-scrollbar,#side-right .widget::-webkit-scrollbar {
max-width: var(--scrollbar-width-legacy);
max-height: var(--scrollbar-width-legacy);
}
}
/* Page */
#page{position:relative;box-shadow:none;background-color:var(--eo-content-bkg);color:var(--eo-content-color)}
/* Master head */
#masthead{position:relative;background-color:var(--eo-header-bkg);color:var(--eo-header-color);background-size:cover;background-position:50% 50%;z-index:103}
#header-text-nav-container{background-color:rgba(0,50,70,0.15);border-bottom: 1px solid var(--eo-header-border);position:relative;z-index:1}
#header-text-nav-wrap{display:flex;flex-direction:row;padding:1rem 0 0 0;height:7rem;position:relative}
#header-left-section{display:flex;flex-wrap:nowrap;width:50%;margin-top:1rem;z-index:3;pointer-events:none}
#header-left-section a, #header-left-section p{pointer-events:all}
#header-logo-image{float:none;padding:0 2rem 0 0;margin:0;min-width:11.6rem}
#header-logo-image img{width:9.6rem;height:9.6rem}
#header-text{padding:0;margin:0;float:none;text-align:left}
#masthead #site-title{font-size:3rem;line-height:3.6rem;padding-bottom:0.5rem;margin-top:1rem;color:var(--eo-header-title)}
#masthead #site-title a,
#site-description,
#site-description-tiny{color:inherit;font-family:NotesEsa;text-decoration:none;margin:0;padding-bottom:0;white-space:nowrap;text-shadow:1px 1px 3px rgba(0,0,0,0.8)}
#site-description-tiny{display:none}
#site-description{font-size:1.8rem}
#site-title a{font-size:3.6rem}
#site-title a:hover{opacity:0.8}
#header-right-section{margin-left:auto;width:50%;z-index:1}
#header-right-sidebar{overflow:visible}
#header-right-sidebar .widget{margin:0;padding:0;text-align:right;font-size:1.6rem}
#header-right-sidebar .widget .textwidget{padding-bottom:1.2rem}
#header-right-sidebar .widget a{color:var(--eo-header-link);font-size:1.8rem;font-family:NotesEsa;text-decoration:none;margin:0;padding-bottom:0;white-space:nowrap;text-shadow:1px 1px 3px rgba(0,0,0,0.8)}
#header-right-sidebar .widget a:hover{opacity:0.8}
#header-right-sidebar .widget a img{width:14rem;height:5rem}
.extra-logo{position:absolute;display:none;width:auto;top:0.5rem;transform:unset;right:18rem;z-index:2}
.extra-logo img{max-height:96px;max-width:unset}
@media screen and (max-width: 860px) {.extra-logo{top:12rem;left:auto;transform:translateX(18rem);} }
@media screen and (max-width: 400px) { .extra-logo img{max-height:80px} }
/* Feature Image & Page title & Breadcrumbs & Slider */
.header-post-title-class{display:none}
#wp-custom-header{position:relative;width:100%;min-height:2.9rem;background-color:rgba(0,0,0,0.2)}
#wp-custom-header.show-thumb{width:100%;margin-top:4rem;height:44rem;display:flex;background:none}
#wp-custom-header.show-thumb.small-custom-header{height:25rem}
#wp-custom-header.show-thumb.tiny-custom-header{height:17rem}
#wp-custom-header.show-thumb .post-title-wrapper{align-self:flex-end;width:100%;padding:0 5% 1em 5%;background-image:linear-gradient(0deg,rgba(0,0,0,0.5) 0%,transparent 100%)}
#wp-custom-header.show-thumb .header-post-title-class{display:block;font-size:4.8rem;font-weight:700;padding:0;margin:1rem 0;line-height:1.1em;overflow:hidden;max-height:3.3em;text-shadow:1px 1px 2px rgba(0,0,0,0.6);color:var(--eo-header-title)}
#wp-custom-header .home-link{color:inherit;font-size:3rem;margin-right:1rem;transition:all 0.25s ease;display:inline-block;text-shadow:0 0 5px rgba(0,0,0,0.5);vertical-align:sub}
#wp-custom-header .home-link:hover{transform:scale(1.2)}
#wp-custom-header .breadcrumbs{display:flex;align-items:center}
#wp-custom-header .breadcrumbs>span{display:none}
#wp-custom-header .breadcrumbs>span:nth-last-child(2){display:inline-block}
#wp-custom-header .breadcrumbs>span:nth-last-child(2) a{font-family:NotesEsa;font-size:2rem;line-height:2rem;float:left;text-transform:uppercase;background-color:var(--eo-content-title);padding:0.3rem 0.7rem;display:inline-block;color:inherit;text-decoration:none;max-width:15em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#wp-custom-header .breadcrumbs>span:nth-last-child(2) a:hover{background-color:var(--eo-content-link)}
/* Slider */
#featured-slider{position:relative;overflow:hidden;border-bottom:0;z-index:0;margin-top:-7rem}
#featured-slider .slider-title{position:absolute;bottom:6rem;left:0;width:90%;margin:0 5%;font-size:5.6rem;line-height:1em;color:var(--eo-header-title);text-shadow:2px 2px 3px rgba(0,0,0,0.8);z-index:2;max-height:3em;overflow:hidden}
#featured-slider .slider-cycle{max-width:100% !important;z-index:1}
#featured-slider figure{background-position:50% 50%;background-size:cover}
#featured-slider img{width:100%;object-fit:cover;min-height:55rem;max-height:55rem;object-position:50% 50%;max-width:100%;position:relative}
#featured-slider .image-container{width:calc(100% + 10rem);height:65rem;position:absolute;left:-5rem;top:-1rem;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;filter:blur(3px) brightness(1.1);-webkit-filter:blur(3px) brightness(1.1)}
#controllers{text-align:left;padding:1rem 0;margin-left:5% !important}
#controllers a{width:2rem;height:2rem;border:0.2rem solid var(--eo-header-color);border-radius:50%;background-color:transparent;cursor:pointer}
#controllers a:not(.active):hover{background-color:var(--eo-header-color) !important;border-color:var(--eo-header-color) !important}
#controllers a.active{background-color:var(--eo-header-color) !important;background-color:var(--eo-header-color) !important;cursor:default}
#featured-slider .flex-direction-nav{padding:0;margin:0}
#featured-slider .flex-direction-nav .flex-next{right:-5rem}
#featured-slider .flex-direction-nav .flex-prev {left:-5rem}
#featured-slider .flex-direction-nav a{border:none;width:3.6rem;height:3.6rem;margin:-1.5rem 0 0 0;display:block;border:none;padding:0;line-height:1;position:absolute;top:50%;overflow:hidden;opacity:0;cursor:pointer;color:inherit;transition:all 0.3s ease-in-out;z-index:101}
#featured-slider .flex-direction-nav a::before {font-family:FontAwesome;display:inline-block;font-size:3.6rem;content:'\f060';text-shadow:2px 2px 1px rgba(0,0,0,0.3)}
#featured-slider .flex-direction-nav a.flex-next::before{content:'\f061'}
#featured-slider .slider-cycle:hover .flex-direction-nav .flex-prev{left:3rem;opacity:0.7;left:1rem}
#featured-slider .slider-cycle:hover .flex-direction-nav .flex-next{right:3rem;opacity:0.7;right:1rem}
#featured-slider .slider-cycle:hover .flex-direction-nav a:hover{opacity:1}
/* Navigation toolbar with icons */
#header-meta{position:relative;max-width:100%;border-bottom:0;background:none;color:var(--eo-header-color);font-size:2.5rem;z-index:102}
#header-meta .back{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--eo-header-bkg)}
#header-meta.sticky{width:100%;position:fixed;top:0}
#header-meta .header-meta-left{position:relative;display:flex;align-items:center;height:7rem}
#header-meta .header-action,
#header-meta .header-action .wrapper{margin:0;padding:0}
#header-meta .header-action{margin:0 0.5rem;display:inline-block;order:1}
#header-meta .header-action:first-child{margin-left:auto}
#header-meta .header-action:last-child {margin-right:auto}
#header-meta .header-action.logged{order:2}
#header-meta .header-action .wrapper .icon{cursor:pointer;line-height:1em;padding:0;margin:0 0.7rem;transition:all 0.25s ease}
#header-meta .header-action .wrapper .icon .fa{color:inherit}
#header-meta .header-action .wrapper:hover .icon{transform:scale(1.25)}
#header-meta .username{font-family:NotesEsa;position:absolute;right:100%;padding:0 1rem;margin-right:-0.7rem;max-width:18rem;font-size:1.6rem;line-height:2.5rem;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#header-meta .header-action.logged .wrapper:hover .username{opacity:0.8}
#header-meta+.maintenance{font-size:1.2em;content:"";width:100%;color:white;font-family:'NotesEsa';background-color:#ed7d31;line-height:1.2em;text-align:center;padding:0.3em 1em;}
/* Top Search */
#top-search{padding:0;position:absolute;bottom:0;left:0;width:40%;margin-left:30%;font-size:2.2rem;transition:all 0.25s ease}
#top-search .search-wrap input.s{width:100%;border-radius:0 0 1em 1em;background:var(--eo-header-bkg);border:0;outline:none;padding:1rem 2rem;font-size:1em;color:inherit;height:3em}
#top-search .search-wrap button{position:absolute;background-color:transparent;right:0;top:0;border:0;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-size:1em;height:3em}
#top-search .search-wrap button:hover{background-color:transparent}
#top-search .search-icon::before{font:normal 2.4rem/1 'Genericons';content:'\f429';padding:1.2rem}
#top-search.show{bottom:-2.5em}
#top-search.show .search-wrap input.s{box-shadow:0 2px 2px 0 rgba(0,0,0,0.2)}
/* PageNav */
#pageNav{position:relative;width:100%;background-color:var(--eo-page-nav-bkg);color:var(--eo-page-nav-color)}
#pageNav.sticky{position:fixed;top:7rem;z-index:101}
#pageNav .eo4-page-nav-menu{height:5.5rem;overflow:hidden}
#pageNav .eo4-page-nav-menu-item a{color:inherit}
.eo4-page-nav .eo4-page-nav-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;line-height:1em}
.eo4-page-nav .eo4-page-nav-menu-item{height:2.5rem}
.eo4-page-nav .eo4-page-nav-menu-item a{display:block;text-transform:uppercase;font-size:2.2rem;font-weight:700;text-decoration:none;margin:0 1.5rem;border-top:0.3rem solid transparent;border-bottom:0.3rem solid transparent}
.eo4-page-nav .eo4-page-nav-menu-item:hover a{border-bottom-color:inherit}
/* Content */
#primary{width:76%}
#secondary{width:20%}
#main{position:relative;min-height:20rem}
#main.sticky{margin-top:7rem}
#pageNav+#main.sticky{margin-top:calc(7rem + 5.5rem)}
#main.sticky::before{content:none}
#main.show-post-title .header-post-title-class,#main .header-post-title-class.show-post-title{display:block;font-size:3.4rem;padding:1.5rem 0;margin:0}
/* Fix content from Spacious original theme */
#main .call-to-action-button{font:400 1.8rem/2rem "Roboto Condensed",Arial,Helvetica,sans-serif;color:var(--eo-button-color);background-color:var(--eo-button-bkg);text-shadow:1px 1px 2px black;margin:0;padding:1rem 1.5rem;min-width:15rem}
#main .call-to-action-button:hover{filter:saturate(150%);box-shadow:none;text-decoration:none}
#main .call-to-action-content h3{font-size:2.4rem}
.hfeed.site a{color:var(--eo-content-link);font-size:1.1em;font-family:NotesEsa}
.entry-content ul{padding:0 0 0 3.5rem;margin-bottom:3rem}
.entry-content ol ul{margin-bottom:1em}
.post .entry-title, .page .entry-title{font-size:2.6rem;line-height:3.2rem}
.post .entry-meta,.read-more,.more-link{font-size:1.8rem;font-family:'NotesEsa'}
.post .entry-meta>span::before{font-size:2.2rem !important}
.post .entry-meta-bar .by-author,.default-wp-page{display:none}
.post .entry-content a{text-decoration:underline}
.post .entry-content a:hover{text-decoration:none}
.widget-title span{border-bottom-width:0.2rem;padding-bottom:0.5rem}
.widget_featured_single_post .widget-title{font-size:2.2rem}
/* Primary */
#primary article.page,#primary article.post{padding:0;margin-bottom:4rem}.no-sidebar-content-stretched #primary article.page,.no-sidebar-content-stretched #primary article.post{padding:0 2%}
#primary article.has-post-thumbnail>.article-excerpt{display:flex;flex-wrap:wrap}
#primary article.has-post-thumbnail>.article-excerpt .post-featured-image{flex:0 0 50%;max-width:50%;padding-right:4%}
#primary article.has-post-thumbnail>.article-excerpt .entry-content.excerpt{flex:0 0 50%;max-width:50%}
#primary article .article-excerpt .post-featured-image a{display:block;height:100%}
#primary article .article-excerpt .post-featured-image img{border-radius:0.5rem;box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);min-height:24rem;max-height:28rem;height:100%;width:100%;object-fit:cover;overflow-clip-margin:unset;overflow:auto}
#primary article .article-excerpt .entry-meta{border:0;float:left;margin-bottom:2rem}
#primary article .article-excerpt .read-more-link{display:inline-block;position:relative;background-color:transparent;z-index:0;margin-top:1.5em}
#primary article .article-excerpt .read-more-link:hover{box-shadow:none}
#primary article .article-excerpt .read-more-link a{position:relative;font-family:NotesEsa;font-size:1em;text-transform:uppercase;letter-spacing:0.25rem;text-decoration:none;padding:1.8rem 3rem;transition:all 0.25s ease-out}
#primary article .article-excerpt .read-more-link a::before{content:"";position:absolute;top:0;left:0;background-color:var(--eo-button-disabled-bkg);height:100%;width:1.5rem;z-index:-1;border-radius:inherit;transition:inherit}
#primary article .article-excerpt .read-more-link a:hover{background-color:transparent;color:var(--eo-button-color)}
#primary article .article-excerpt .read-more-link a:hover::before{width:100%;border-radius:0.3rem;background-color:var(--eo-button-bkg)}
#primary article .entry-meta a{font-size:1em}
#primary article.post .entry-title,
#primary article.page .entry-title{margin:0}
#primary article.post .entry-title a,
#primary article.page .entry-title a{color:var(--eo-content-title)}
#primary .previous a,
#primary .next a{border:0}
/* Secondary */
#secondary .widget{margin-top:1.5rem;margin-bottom:3.5rem;font-size:1.6rem}
#secondary .widget ul li{border:0;padding:0.2rem 1rem;font-family:NotesEsa;line-height:1.3em;margin-bottom:0.5em;background-color:rgb(255 255 255/20%);white-space:nowrap;overflow:hidden;color:transparent;width:100%}
#secondary .widget ul li a{display:inline-block;text-decoration:none;cursor:pointer;width:100%;position:relative;white-space: normal}
#secondary .widget ul li a:hover{color:var(--eo-content-link)}
#secondary .widget ul li:nth-child(odd){background-color:rgb(255 255 255/40%)}
#secondary .widget ul li:hover{background-color:rgba(0,0,0,0.1)}
#secondary .widget ul li:hover a{text-decoration:underline}
#secondary .widget ul li.current-menu-item{background-color:var(--eo-button-bkg)}
#secondary .widget ul li.current-menu-item a{color:var(--eo-button-color)}
#secondary .widget.widget_text{margin:0}
#secondary .widget p{font-family:NotesEsa}
#secondary .widget.widget_sp_image{padding:2rem;border-radius:0.2rem;transition:all 0.25s ease}
#secondary .widget.widget_sp_image img{max-width:100%;border-radius:0.2rem}
#secondary .widget.widget_sp_image:hover{transform:translateY(-1rem) scale(1);box-shadow:0 20px 30px 0 rgba(0,0,0,0.1)}
#secondary h3.widget-title{margin:0;font-size:2.2rem;line-height:3.2rem;padding-bottom:1.5rem}
#secondary .widget ul li:has(a[aria-current="page"]){background-color:var(--eo-table-bkg-hover);color:white}
#secondary .widget ul li a[aria-current="page"]{color:inherit}
#secondary .archive-count{font-size:0.8em;color:#8197A6;position:absolute;right:0}
#secondary a[aria-current="page"] .archive-count{color:white}
/* Footer */
#colophon{font-size:1.6rem;font-family:NotesESA;background-color:var(--eo-body-bkg);color:var(--eo-side-color)}
#colophon .footer-socket-wrapper{border:0;background:none;padding:1rem 0}
#colophon .footer-socket-area{display:flex;justify-content:space-between}
#colophon .footer-socket-area>div{display:flex;align-items:center}
#colophon .footer__signature{margin-right:3rem;line-height:3rem;height:3rem;white-space:nowrap}
#colophon .small-menu ul{white-space:nowrap}
#colophon .small-menu ul li a{font-size:inherit;color:var(--eo-side-link);height:3rem;line-height:3rem;padding:0 1.5rem 0 0;white-space:nowrap}
#colophon .social-links-menu{white-space:nowrap}
#colophon .social-link{color:inherit;font-size:3rem;margin:0px 0 0 2rem;height:3rem;line-height:3rem;float:left}
#colophon .social-link:first-child{margin-left:0}
#colophon .social-twitter:hover{color:var(--eo-social-twitter) !important}
#colophon .social-youtube:hover{color:var(--eo-social-youtube) !important}
#colophon .social-linkedin:hover{color:var(--eo-social-linkedin) !important}
/* Shadow below main sections */
#masthead.show-thumb+#header-meta::before,
#header-meta.sticky::after,
#pageNav::before,
#top-search.show::after,
#main::before,
#colophon .footer-widgets-wrapper::before{content:"";position:absolute;top:0;left:0;width:100%;height:1.2rem;background:transparent url(../img/shadow-4.png) left top/100% 100% no-repeat;opacity:1;pointer-events:none;z-index:103}
#header-meta.sticky::after,
#pageNav.sticky::before,
#top-search.show::after{bottom:-1.2rem;top:auto}
/* White panel */
#comments,
.no-sidebar #primary article.page,
.single-post #primary article.post,
#primary article .article-excerpt,
#page #ctf .ctf-item{background-color:white;position:relative;padding:4rem;box-shadow:0 1px 5px 0 rgba(0,0,0,0.3);border-radius:0.5rem;margin-bottom:4rem;transition:all 0.25s ease-out}
#primary article .article-excerpt:hover,
#page #ctf .ctf-item:hover{transform:translateX(-0.5rem);box-shadow:4px 1px 10px 5px rgba(0,0,0,0.1)}
#page #ctf{overflow:visible}
.no-sidebar-full-width.single-post #primary article.post{background:none;box-shadow:none;padding:0;margin:0;transition:none}
/* Responsive main sections */
@media screen and (max-width: 1600px) {
#primary{width:71%}
#secondary{width:25%}
}
@media screen and (max-width: 1290px) {
#primary{width:65%}
#secondary{width:31%}
#featured-slider .slider-title{font-size:4.8rem}
}
@media screen and (max-width: 950px) {
#primary{width:100%}
#secondary{width:100%}
#featured-slider .slider-title{font-size:3.6rem}
}
@media screen and (max-width: 767px) {
#primary article.has-post-thumbnail .article-excerpt .post-featured-image{flex:0 0 100%;max-width:100%;padding-right:0;padding-bottom:2rem}
#primary article.has-post-thumbnail .article-excerpt .entry-content.excerpt{flex:0 0 100%;max-width:100%}
#secondary .widget{width:100%}
}
/* Side panels */
#side-left{right:auto;z-index:112}
#side-right{left:auto;z-index:111}
.side-panel{position:fixed;left:0;right:0;top:0;min-width:0;max-width:0;height:100vh;font-size:1.6rem;overflow-x:hidden;overflow-y:hidden;color:var(--eo-side-color);background-color:var(--eo-side-bkg);z-index:1}
.side-panel .side-panel-top{display:flex;justify-content:flex-end;align-items:center;font-size:2.5rem;height:7rem;padding-right:2.25rem}
.side-panel .header-action{display:inline-block;float:none;padding:0}
.side-panel .header-action .icon{cursor:pointer;line-height:1em;transition:all 0.25s ease}
.side-panel .header-action .wrapper:hover .icon{transform:rotate(90deg)}
.side-panel .header-action .wrapper:hover .icon .fa{color:var(--eo-side-link-hover)}
.side-panel .side-panel-content{height:calc(100vh - 7rem);overflow-x:hidden;overflow-y:auto;padding:0}
/* Side Left Panel - collapsable */
#side-left a{text-decoration:none}
#side-left .main-navigation{float:left;width:var(--side-lefty-width)}
#side-left .menu-toggle{display:none}
#side-left .main-navigation .menu-primary-container{padding-bottom:2em;padding-left:0.5rem;padding-right:0.5rem}
#side-left ul li{display:block;width:100%;margin:0;background-color:transparent;font-size:2rem}
#side-left ul li a{display:inline-block;font-family:'NotesESA';font-size:1em;color:var(--eo-menu-color);padding:0.4em 1em 0.2em 3em;line-height:1.4em;transition:all 0.25s ease}
#side-left ul.nav-menu>li>a::before{content:"";width:0.5em;height:0.5em;display:block;border-radius:100%;position:absolute;top:1.1em;transform:translate(3rem,-0.6rem);left:0;background-color:var(--eo-menu-bulet)}
#side-left ul li a>span{display:block;border-bottom:0.3rem solid transparent}
#side-left ul li a:hover{color:var(--eo-menu-selected)}
#side-left ul li a:hover>span{border-bottom-color:var(--eo-menu-bulet)}
#side-left ul li ul{background-color:transparent;border:0;position:relative;left:auto;top:auto;width:100%;overflow:hidden;max-height:0rem;transition:all 0.5s linear 0s}
#side-left ul li.expanded ul{max-height:24rem;transition:all 0.5s cubic-bezier(0.5,0,0.5,1) 0s}
#side-left ul li ul li{border:0;margin-left:4em;width:calc(100% - 4em);cursor:default}
#side-left ul li ul li:last-of-type{margin-bottom:1em}
#side-left ul li ul li a{font-size:0.8em;padding:0.2em 0 0 0;line-height:1.1em;height:auto;background:none;color:var(--eo-submenu-color)}
#side-left ul li ul li a>span{padding-bottom:0.2em;border-bottom-width:0.2rem}
#side-left ul li.current-menu-item>a{color:var(--eo-menu-selected)}
#side-left ul li.current-menu-ancestor>a::before,
#side-left ul li.current-menu-item>a::before{background-color:var(--eo-menu-bulet-on)}
#side-left ul li.current-menu-item>a{color:var(--eo-menu-bulet-on)}
#side-left ul li.current-menu-item>a:hover>span{border-color:var(--eo-menu-bulet-on)}
#side-left ul li.menu-item-has-children{cursor:pointer}
/* Chevron */
#side-left ul li .chevron{font-size:4rem;color:var(--eo-submenu-color);line-height:2.5rem;font-style:normal}
#side-left ul li:hover .chevron{color:var(--eo-side-link-hover)}
#side-left ul li a:hover~.chevron{color:var(--eo-submenu-color)}
#side-left ul li .chevron::before{content:"";position:absolute;top:0;right:0;display:inline-block;width:5rem;text-align:center;padding:1rem 0}
#side-left ul li:not(.expanded) .chevron::before{content:"\25BE"}
#side-left ul li.expanded .chevron::before{content:"\25B4"}
/* Dashboard */
#side-left ul li.dashboard-menu:not(.current-menu-item)>a{color:#69bea9}
#side-left ul li.dashboard-menu:not(.current-menu-item)>a:hover>span{border-bottom-color:#69bea9}
#side-left ul.nav-menu>li.dashboard-menu:not(.current-menu-item)>a::before{background-color:#69bea9}
/* Side Right Panel */
/* Right sidebar category columns (News, Events, Tweets) */
.side-column{width:var(--side-right-width);padding:0 0.5em 0 1em !important}
.side-column a{color:var(--eo-widget-link)}
.side-column a:hover{color:var(--eo-widget-link-hover) !important}
.side-column .side-headers{white-space:nowrap;overflow:hidden;padding:1rem 0}
.side-column .side-headers li{display:inline-block;border-radius:0.4rem;padding:0 1.5rem;margin-right:1rem;background-color:var(--eo-widget-button);line-height:4rem;height:4rem;cursor:pointer;transition:all 0.25s ease-out}
.side-column .side-headers li.active{background-color:var(--eo-widget-bkg);color:var(--eo-widget-title);font-weight:700;cursor:default}
.side-column .side-headers li:not(.active):hover{background-color:var(--eo-widget-bkg);color:var(--eo-widget-title);transform:translateY(-0.5rem)}
.side-column .widget{margin:0;height:80vh;height:calc(100vh - 7rem);overflow-x:hidden;overflow-y:auto;padding-right:0.5em}
.side-column .widget-title{padding:0;margin:0;color:var(--eo-widget-title);font-family:NotesEsa;font-size:2rem;font-weight:400}
.side-column .widget-title span{padding:0;border:0}
.side-column .widget-title+*{margin-top:1em;padding:0;overflow:visible}
.side-column .side-headers~.widget{height:calc(100vh - 13rem)}
/* Right sidebar column: Tweets */
.side-column #ctf .ctf-header{border:0 !important}
.side-column #ctf .ctf-item{border-radius:0.4rem;background-color:var(--eo-widget-bkg) !important;box-shadow:0 1px 5px 0 rgba(0,0,0,0.3);transition:all 0.25s ease-out;margin-bottom:1em;padding:1em;border:0 !important}
.side-column #ctf .ctf-item>*:not(.ctf-author-box){margin-left:0}
.side-column #ctf .ctf-item .ctf-author-name{font-family:NotesEsa;font-size:1.8rem}
.side-column #ctf .ctf-author-name{color:var(--eo-widget-title) !important}
.side-column #ctf .ctf-tweet-text{font-size:0.8em}
.side-column #ctf .ctf-tweet-text a{font-family:inherit}
.side-column #ctf .ctf-quoted-tweet{background-color: rgba(0,0,0,0.1)}
.side-column #ctf .ctf-quoted-tweet:hover{background-color: rgba(0,0,0,0.2)}
.side-column #ctf .ctf-tweet-text-media-wrap{display:none}
.side-column #ctf a p{font-size:1.2rem;line-height:1.4em;color:var(--eo-widget-title)}
/* Event */
.eo4-item{display:flex;flex-wrap:wrap;padding:2rem}
.eo4-item+.eo4-item{border-top:0.1rem dashed rgba(0,0,0,0.1);padding-top:2rem}
.eo4-item .eo4-item-img{flex:0 0 100%}
.eo4-item .eo4-item-img img{border-radius:0.5rem;box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);min-height:12rem;max-height:100%;max-width:100%;background-color:rgba(0,0,0,0.3);object-fit:cover;overflow-clip-margin:unset;overflow:auto}
.eo4-item .eo4-item-content{flex:0 0 100%}
.eo4-item .eo4-item-content+.eo4-item-content{margin-top:2rem}
.eo4-item .eo4-item-content>*{display:block}
.eo4-item .eo4-item-title{color:var(--eo-content-title);margin:0;width:100%}
.eo4-item .eo4-item-title a{color:inherit}
.eo4-item .eo4-item-date{color:var(--eo-widget-date)}
.eo4-item .eo4-item-location{color:var(--eo-widget-location)}
.eo4-item .eo4-item-date::before,.eo4-item-location::before{content:" ";font-family:'FontAwesome';font-size:1.2em;margin-right:0.3em;width:1.2em;text-align:center;display:inline-block}
.eo4-item .eo4-item-date::before{content:"\f073"}
.eo4-item .eo4-item-location::before{content:"\f041"}
.eo4-item .eo4-item-description{margin-top:1rem}
.eo4-item .eo4-item-content ul{list-style:square;padding-left:2rem;margin-bottom:1rem}
.eo4-item .eo4-item-link{margin-top:1rem;font-size:1.2em}
/* Side panel event */
.eo4-event{margin-bottom:2rem;overflow:hidden;border-radius:0.4rem;background-color:var(--eo-widget-bkg);color:var(--eo-side-color);box-shadow:0 1px 5px 0 rgba(0,0,0,0.3);transition:all 0.25s ease-out}
.eo4-event::after{content:" ";display:table;clear:both}
.eo4-event .event-title{font-size:2rem;font-weight:400;line-height:2.5rem;color:var(--eo-widget-title);padding:0;margin:0;border-bottom:0.1rem solid rgba(0,0,0,0.3)}
.eo4-event .event-title>*{position:relative;display:block;padding:0.8rem 2rem;color:inherit;background-color:rgba(0,0,0,0.1)}
.eo4-event .event-title a{padding-left:4rem}
.eo4-event .event-title a::before{content:"\25B8";font-size:3rem;line-height:2.5rem;position:absolute;top:0.8rem;left:1.5rem}
.eo4-event .event-title a:hover{background-color:rgba(0,0,0,0.2)}
.eo4-event .event-content{min-height:3rem}
.eo4-event .eo4-item{position:relative;border-color:var(--eo-widget-border)}
.eo4-event .eo4-item .eo4-item-img .poster{padding:0}
.eo4-event .eo4-item .eo4-item-content>span{font-size:0.8em;line-height:1.4em;min-height:1.6em}
.eo4-event .eo4-item-title{font-size:1.8rem;line-height:1.2em;padding-bottom:1rem;text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);color:var(--eo-widget-title);z-index:1}
.eo4-event .eo4-item-title small{color:var(--eo-side-color);font-size:0.9em}
.eo4-event .eo4-item-title a{color:inherit;font-size:inherit}
.eo4-event .eo4-item .eo4-item-link{font-size:1em;line-height:1.2em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.eo4-event .eo4-item .info{font-size:1.2rem;line-height:1.2em;font-style:italic;text-align:justify;margin:0.5em 0;display:inline-block}
.eo4-event .eo4-item .danger{color:#ffc575;margin:0;padding:0.5em 1em;background-color:#862929}
.eo4-event .eo4-item .warning{color:var(--eo-menu-bulet-on);margin:0;padding:0.5em 0}
.eo4-event .eo4-item .success{color:var(--eo-widget-access);margin:0;padding:0.5em 0}
.eo4-event .eo4-item .idle{color:inherit}
.eo4-event .hide-in-eo4-event{display:none}
/* General Event controls */
.eo4-item a{text-decoration:underline;font-size:1.1em}
.eo4-item a:hover{text-decoration:none}
.eo4-event hr{border-color:var(--eo-widget-border);margin-top:1rem;margin-bottom:1rem}
/* Minimizable event */
.event-title.minimizable{position:relative;cursor:pointer}
.event-title.minimizable::after{content:"\25B4";font-size:2em;position:absolute;top:0;right:0;color:var(--eo-menu-bulet-on);display:flex;align-items:center;justify-content:center;width:5rem;height:100%}
.event-title.minimizable:hover::after{color:white}
.event-title.minimizable.minimized::after{content:"\25BE"}
.event-title.minimizable.minimized+*{display:none}
.minimizable.minimized .event-content{min-height:0}
/* Item with narrow image */
.eo4-item.narrow .eo4-item-img{flex:0 0 30%;padding-right:4%}
.eo4-item.narrow .eo4-item-img img{max-height:30rem}
.eo4-item.narrow .eo4-item-content{flex:0 0 70%}
.eo4-event .eo4-item.narrow .eo4-item-img{position:absolute;flex:0 0 5rem;padding:0}
.eo4-event .eo4-item.narrow .eo4-item-img img{min-height:6rem;max-height:6rem;max-width:6rem}
.eo4-event .eo4-item.narrow .eo4-item-content{flex:0 0 100%;width:100%}
.eo4-event .eo4-item.narrow .eo4-item-title{padding-left:7rem;min-height:7rem}
/* Top announcements items */
/* Right sidebar panel hover */
.side-column .eo4-event:hover{transform:translateY(-0.5rem);box-shadow:2px 2px 10px 5px rgba(0,0,0,0.3)}
/* Custom table */
.eo4-table{width:80%;margin:0 auto;font-family:'Open Sans';font-size:1.8rem;margin-bottom:2em;margin-top:1em;background-color:var(--eo-table-bkg)}
.eo4-table tr>*{padding:0.7em 2em}
.eo4-table th{background-color:var(--eo-table-bkg-hover);color:white;font-weight:700}
.eo4-table tr:nth-child(even){background-color:var(--eo-table-bkg-odd)}
.eo4-table tbody th{text-align:center}
.eo4-table.tight-table tr>*{padding-left:2rem;padding-right:2rem}
.left-sidebar .eo4-table{width:100%}
.eo4-table.f2f{table-layout:fixed;margin:0}
.eo4-table.f2f tr>*{vertical-align:middle;text-align:center;min-height:70px;padding:0.7em 1em;line-height:1.6em}
.eo4-table.f2f thead th:first-child{width:14rem}
.eo4-table.f2f thead th:last-child{width:19rem}
.eo4-table.f2f tbody th{background-size:cover;background-position:center;height:4.6em}
.eo4-table.f2f tbody td:last-child{padding:0.7em 0.1em}
h2:has(+.eo4-table){padding-bottom:0}
.eo4-table.f2f+hr{margin-top:40px}
.eo4-table-md{position:relative;width:100%;font-size:1.4rem;overflow:hidden}
.eo4-table-md tr{background:white}
.eo4-table-md tr>*{text-align:center;padding:0.5rem 1rem;line-height:1.4em;vertical-align:middle}
.eo4-table-md tr th{font-size:1.6rem;text-align:center;height:4rem;padding:0.5rem 0.3rem;vertical-align:middle}
.eo4-table-md tr.column-names th{font-size:1.2rem;font-weight:400;padding:0.3rem 2rem;height:auto}
.eo4-table-md tr th{background-color:#e8eff3;color:inherit}
.eo4-table-md tr:first-child th{background-color:#cadbe2;color:var(--eo-content-title)}
table tbody.spacer tr>*{background:none !important}
table tbody.spacer td{border-left-color:transparent;border-right-color:transparent;border-left-top:transparent}
table tbody.spacer+tbody.spacer{display:none}
.eo4-table.eo4-table-sm{font-size:1em}
.eo4-table.eo4-table-sm tr>*{padding:0.3rem 2rem}
a.download-restricted{color:#999 !important;cursor:default}
a.download-restricted:hover,a.download-restricted:active,a.download-restricted:focus{color:red !important;text-decoration:none}
/* Flip Card */
.eo4-flip-cards{font-size:inherit;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;margin:1.875em 0}
.eo4-flip-card{position:relative;display:inline-block;font-family:NotesEsa;width:100%;margin-bottom:0.625em}
.eo4-flip-card .fc-layer{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1em 2em;width:100%;height:100%;transition:all .6s ease-in-out}
.eo4-flip-card .fc-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50% 50%;z-index:1}
.eo4-flip-card .fc-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.9;z-index:2}
.eo4-flip-card .fc-inner{position:relative;overflow:hidden;z-index:3;display:flex;flex-direction:column;justify-content:space-evenly;height:100%}
.eo4-flip-card .fc-title{font-size:2.8em;margin:0;padding:0;text-align:center;color:inherit}
.eo4-flip-card .fc-description{font-size:1.125em;line-height:1.2em}
.eo4-flip-card .fc-description b{font-size:1.3em;display:block;margin-top:0.625em}
.eo4-flip-card .fc-more{text-align:center}
.eo4-flip-card .fc-more a{display:inline-block;padding:0.625em 1.25em;background-color:rgba(255,255,255,0.2);text-decoration:none;text-align:center;border-radius:0.19em;font-size:1.2em;line-height:1em;color:inherit}
.eo4-flip-card .fc-more a:hover{background-color:rgba(255,255,255,0.5)}
.eo4-flip-card .fc-front .fc-description{text-align:center}
/* Flip Card Animation */
.eo4-flip-card{-webkit-perspective:62em;perspective:62em;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.eo4-flip-card .fc-front,
.eo4-flip-card .fc-back{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.eo4-flip-card:hover .fc-front{-webkit-transform:rotateX(180deg)rotateY(0);transform:rotateX(180deg)rotateY(0)}
.eo4-flip-card .fc-back{-webkit-transform:rotateX(-180deg)rotateY(0);transform:rotateX(-180deg)rotateY(0)}
.eo4-flip-card .fc-front{-webkit-transform:none;-ms-transform:none;transform:none;z-index:1}
.eo4-flip-card:hover .fc-back{-webkit-transform:none;-ms-transform:none;transform:none}
.rounded>.eo4-flip-card .fc-image,.rounded>.eo4-flip-card .fc-overlay{border-radius:0.625em}
.eo4-flip-cards.small-title .fc-title{font-size:2.7em}
/* By columns */
.columns2>.eo4-flip-card{width:49%}
.columns2>.eo4-flip-card .fc-description{font-size:1.25em}
.columns2>.eo4-flip-card .fc-description b{font-size:1.1em}
.columns3>.eo4-flip-card{width:32.66%}
.columns3>.eo4-flip-card .fc-layer{padding:1em 2em}
/* Responsive Flip Card */
@media screen and (max-width: 1100px) {
.eo4-flip-card{min-height:18rem}
.eo4-flip-card .fc-layer{padding:1em 2em}
.columns3>.eo4-flip-card{width:49%;min-height:auto}
}
@media screen and (max-width: 900px) {
.eo4-flip-card{min-height:17.5em}
.eo4-flip-card .fc-layer{padding:1em 1.5em}
.eo4-flip-card .fc-title{font-size:2.5em}
.eo4-flip-card .fc-description{font-size:1em}
.columns2>.eo4-flip-card .fc-description{font-size:1.125em}
.columns3>.eo4-flip-card .fc-back .fc-description{line-height:1em}
}
@media screen and (max-width: 600px) {
.eo4-flip-card{min-height:auto}
.eo4-flip-card{width:100% !important}
.eo4-flip-card .fc-description{font-size:1.125em}
}
@media screen and (max-width: 400px) {
.eo4-flip-card{min-height:17em}
.eo4-flip-card .fc-description{font-size:1em}
}
/* Flyer */
.flyer{color:var(--eo-flyer-color);background-color:var(--eo-flyer-bkg);margin:3rem 0;padding:1px 0 4rem 0;box-shadow:0 1px 5px 0 rgba(0,0,0,0.3)}
.flyer-title{font-size:4.8rem;text-align:center;margin:0;padding:1rem 5rem 1rem 5rem}
.flyer-subtitle{font-size:3.2rem;text-align:center;margin:0;padding:1rem 5rem 1rem 5rem}
.flyer-content{background-color:var(--eo-flyer-content-bkg);border-radius:0;padding:3rem 5rem;text-align:left;border-top:0.1rem solid var(--eo-flyer-border);border-bottom:0.1rem solid var(--eo-flyer-border)}
.flyer-footer{position:relative;margin-bottom:-4rem;padding:2rem 5rem}
.flyer-footer::before{content:"";position:absolute;top:-0.1rem;left:0;width:100%;height:0.7rem;background:transparent url(../img/shadow-4.png) left top/100% 100% no-repeat;opacity:0.5;pointer-events:none}
.flyer.fixed{position:fixed;top:10rem;max-height:calc(100vh - 20rem);left:0;right:0;margin:0 auto;width:60%;display:flex;flex-direction:column;z-index:110}
.flyer.fixed .flyer-content{overflow-y:auto;margin-bottom:auto}
.flyer.flyer-dash{display:inline-block;float:left;width:49%}
.flyer.flyer-dash+.flyer.flyer-dash:nth-child(even){margin-left:2%}
.flyer-subtitle.normal{font-weight:400;font-size:1.8em;line-height:1.2em}
.flyer-subtitle-hno{position:relative;padding-left:2.5em}
.flyer-subtitle .hno{position:absolute;left:1em;top:0.6em;font-size:2.5rem;font-weight:700;vertical-align:middle;margin-right:0.7em;line-height:1em}
.flyer-subtitle-attach{position:relative;padding-right:3em;min-height:3em}
.flyer-subtitle br:has(+a.attach){display:none}
.flyer-subtitle a.attach{position:absolute;right:0.6em;top:0.4em;font-size:3.5rem;font-weight:400;text-align:center;vertical-align:middle;line-height:1em}
.flyer-subtitle a.attach span{display:block;font-size:1.2rem;line-height:1em;margin:0.3em 0}
ul.flyer-label-list{margin-bottom:2rem}
ul.flyer-label-list h4{margin:0;padding:0.7rem 1rem}
ul.flyer-label-list span{display:block;color:#555;font-weight:400;margin-bottom:0.5em}
ul.flyer-label-list label{margin:0;font-size:1.3em;color:#333;text-transform:uppercase;vertical-align:text-top}
ul.flyer-label-list label span{display:inline-block;font-size:0.85em;margin-left:0.3em;text-transform:none;margin-bottom:0}
ul.flyer-label-list ul li{list-style:circle}
ul.flyer-label-list ul li h4{padding-top:0;padding-bottom:0}
ul.flyer-label-list.with-thumbnail{list-style:none;padding:0}
ul.flyer-label-list.with-thumbnail a{word-break:break-all}
ul.flyer-label-list.with-thumbnail h4{display:flex;align-items:flex-end}
ul.flyer-label-list.with-thumbnail h4>img{margin-right:1em;max-width:145px;width:145px;border-radius:0.5rem;box-shadow:3px 3px 4px 0 rgb(0 0 0/20%)}
ul.flyer-label-list.with-thumbnail h4>div{flex-grow:1}
ul.flyer-label-list.with-thumbnail h4>div>span:last-of-type{padding-bottom:0.5em;border-bottom:1px dashed #eaeaea}
.flyer.negative{background-color:var(--eo-flyer-content-bkg)}
.flyer.negative .flyer-content{background-color:var(--eo-flyer-bkg)}
.flyer .inline-title{font-family:NotesEsa;color:var(--eo-content-title);font-size:1.1em}
.flyer .highlight-section{padding:1px 5rem;margin:0 -5rem;background-color:var(--eo-flyer-highlight);margin-top:1em;margin-bottom:1em}
.flyer .flyer-content-title{padding:0.3em 5rem;margin-left:-5rem;margin-right:-5rem;background-image:linear-gradient(90deg,var(--eo-flyer-bkg),transparent)}
.flyer .highlight-section .flyer-content-title{background:none}
.flyer .highlight-section .warning{background-color:rgba(255,255,255,0.5);border-radius:5px}
.flyer .highlight-section.warning{background-color:rgba(255,165,0,0.15)}
.flyer .highlight-section.warning .warning{background:none;text-align:left;padding-left:1.5em;font-weight:400}
.flyer .highlight-section.warning .warning::before{margin-left:-1.5em}
.flyer .highlight-section{border-left:1rem solid var(--eo-flyer-highlight-brd);}
@media screen and (max-width: 950px) {
.flyer .highlight-section{margin:0 -2%}
.flyer .flyer-content-title{margin-left:-2%;margin-right:-2%}
.flyer-content{padding:1rem 2%}
.flyer-title{font-size:4rem;padding-left:2%;padding-right:2%}
.flyer-subtitle{font-size:2.4rem;padding-left:2%;padding-right:2%}
}
@media screen and (max-width: 767px) {
.flyer.fixed{width:90%}
}
@media screen and (max-width: 600px) {
.flyer-title{font-size:3.2rem}
.flyer-subtitle{font-size:2.4rem}
ul.flyer-label-list.with-thumbnail h4{flex-direction:column;align-items:flex-start}
}
/* Language Icons */
.icon.language{position:absolute;bottom:-3.7rem;right:2rem;display:block;width:3rem;height:2rem;background-size:cover;margin-top:0.1rem;margin-bottom:0.1rem;box-shadow:0px 1px 2px 0 rgba(0,0,0,0.3);opacity:0.8;z-index:1}
.icon.language:hover{opacity:1}
.icon.language:active,.icon.language:focus{margin-top:0.2rem;margin-bottom:0;box-shadow:0px 0px 2px 0 rgba(0,0,0,0.3)}
.icon.language.fr{background-image:url(/wp-content/uploads/manual/fr-flag.png)}
.icon.language.en{background-image:url(/wp-content/uploads/manual/en-uk-flag.png)}
/* Terms and conditions paragraph numbers */
.hno{position:relative;display:inline-block;padding:0 0.3em;margin-right:0.5em;z-index:1}
.hno::before{content:"";position:absolute;width:1.45em;height:1.45em;top:-0.25em;left:0;left:calc(50% - 0.75em);border:0.2rem solid var(--eo-content-title);border-radius:50%;background-color:rgba(255,255,255,0.8);z-index:-1}
/* Overlays */
.loading{position:absolute;min-width:6rem;min-height:6rem;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.5);display:flex;align-items:center;justify-content:center;z-index:1}
.loading::after{content:" ";border:1rem solid var(--eo-loading-border1);border-top:1rem solid var(--eo-loading-border2);border-radius:50%;width:6rem;height:6rem;animation:spin 1200ms linear infinite}
.backdrop{position:fixed;left:0;right:0;top:0;bottom:0;background:black;opacity:0.5;z-index:999}
/* Alerts */
#alert_container{position:fixed;right:0;bottom:0;max-width:50%;padding:1rem;max-height:50vh;overflow-y:auto;z-index:1050}
#alert_container .alert{box-shadow:5px 5px 3px 0 rgba(0,0,0,0.3);width:100%;margin-bottom:1rem}
#alert_container .alert-dismissible .close{font-size:2em}
/* ======= MISCELLANEOUS ======= */
/* subcontent ID sepparator */
.ID-sepparator{margin-bottom:10rem;height:1rem}
.ID-sepparator::before{content:"";height:7rem;display:block}
.ID-sepparator::after{content:"";display:block;background:none;width:50%;margin-left:auto;margin-right:auto;margin-top:2rem;margin-bottom:2rem;border:0;border-top:1px solid rgba(0,0,0,0.15);height:0;visibility:visible}
/* Form controls */
form .form-group label.control-label{color:inherit;line-height:1.2;min-height:1.5em;}
form .form-group label.required::after{content:"*";color:red}
form .form-group label.error{color:red;font-weight:400;font-size:0.8em}
/* Blockquote */
blockquote{font-style:normal;border-width:0 0 0 0.3rem}
blockquote ul{list-style:square;padding:0 0 0 3.5rem}
/* Label and checkbox */
.terms-conditions label{padding-left:2.5rem;font-weight:400}
.terms-conditions label>[type="checkbox"],.terms-conditions label>[type="radio"]{float:left;margin:0.4rem 0 0 -2.5rem;width:1.4rem;height:1.4rem}
.terms-conditions label>a{font-weight:700}
i.old{position:relative;display:inline-block;line-height:1em;height:1em}
i.old::before{content:"\f017";font-family:'FontAwesome';font-size:1em;font-weight:400;font-style:normal;position:absolute;color:#49555c;top:0px;left:-2.5rem}
i.old::after {content:"\f12a";font-family:'FontAwesome';font-size:1em;font-weight:400;font-style:normal;position:absolute;color:#b13c3c;top:8px;left:-13px}
ul.opportunities{line-height:2em;list-style:none}
ul.opportunities li{margin-bottom:1em}
ul.opportunities li .date{display:block;font-size:0.9em;font-weight:700;color:#b13c3c;line-height:initial}
ul.opportunities li .reason{display:block;font-size:0.75em;font-weight:700;color:#d92626;line-height:initial}
.flex-container{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}
/* Buttons */
button.eo4-btn{min-width:11rem;font:400 1.8rem/2rem "Roboto Condensed",Arial,Helvetica,sans-serif;border:0;border-radius:0.3rem;outline:0;padding:1rem 1.5rem;color:var(--eo-button-color);text-shadow:1px 1px 2px black;box-shadow:none !important}
button.btn-sm{padding:0.4rem 0.9rem;font-size:1.6rem;box-shadow:1px 1px 2px 0 rgb(0 0 0/20%) !important}
button.btn-xs{padding:0.4rem 0.9rem;font-size:1.2rem;height:2.8rem;border-radius:0.3rem;text-shadow:none;margin-bottom:0.5rem}
button.btn-xl{font-size:1.5em;padding:0.5em 1.2em;border-radius:0.2em}
.eo4-btn ,.eo4-btn:hover {background-color:var(--eo-button-bkg)}
.cancel-btn,.cancel-btn:hover{background-color:#808080}
.red-btn ,.red-btn:hover {background-color:#d11610}
.orange-btn,.orange-btn:hover{background-color:#ee9d2b}
.green-btn ,.green-btn:hover {background-color:#3e923e}
.purple-btn,.purple-btn:hover{background-color:#572bee}
.blue-btn ,.blue-btn:hover {background-color:var(--eo-button-bkg)}
.gray-btn ,.gray-btn:hover {background-color:#808080}
.indigo-btn,.indigo-btn:hover{background-color:#4b0082}
.wide-btn{width:100%}
.eo4-btn:hover {filter:saturate(150%);color:var(--eo-button-color)}
.eo4-btn:focus,.eo4-btn:active,.eo4-btn:focus:active{outline:none;color:var(--eo-button-color);text-shadow:0 0 1px black}
.eo4-btn:active{padding:1.1rem 1.5rem 0.9rem 1.5rem}
.eo4-btn.btn-sm:active,.eo4-btn.btn-xs:active{padding:0.5rem 0.9rem 0.3rem 0.9rem;box-shadow:none !important}
.eo4-btn.btn-xl:active{padding:0.55em 1.2em 0.45em 1.2em;box-shadow:none !important}
.eo4-btn:disabled{opacity:0.15}
.left-btn {float:left}
.right-btn {float:right}
.space-left {margin-left:1.5rem}
.space-right{margin-right:1.5rem}
.submit-buttons{text-align:right !important}
.center-content{text-align:center !important}
.just-content {text-align:justify !important}
.left-content {text-align:left !important}
.right-content {text-align:right !important}
.upper {text-transform:uppercase !important}
.black {color:black !important}
.nowrap {white-space:nowrap !important}
.smaller {font-size:0.9em !important}
.notes-esa {font-family:'NotesEsa' !important}
.no-margin {margin:0 !important}
.no-padding {padding:0 !important}
.larger {font-size:1.1em}
.smaller {font-size:0.9em}
.pop {font-weight:700;color:var(--eo-menu-bulet-on)}
.fa.fa-research{position:relative}
.fa.fa-research::before{content:"\f002";position:relative;z-index:1}
.fa.fa-research::after{content:"\f080";position:absolute;left:0;transform:translateX(-50%);font-size:0.6em;z-index:0;opacity:0.8;}
.cell-middle tr>*{vertical-align:middle;}
.arrow-bullet{position:relative;padding-left:1.5em}
.arrow-bullet::before{content:"\f061";font-family:'FontAwesome';position:absolute;left:0}
.hfeed.site a.pop{padding:0.3rem 1rem;font-weight:400;background-color:var(--eo-content-link);border-radius:0.4rem;line-height:1.8em;color:white;text-decoration:underline}
.hfeed.site a.pop:hover{text-decoration:none}
.hfeed.site a.pop.disabled{cursor:default;pointer-events:none;text-decoration:none;background-color:#ccc}
/* Poster type elements (Passepartout design) */
img.poster{border-radius:0.4rem;padding:2rem;background-color:var(--eo-poster-bkg) !important;box-shadow:0 1px 5px 0 rgba(0,0,0,0.3);margin-bottom:2rem;cursor:zoom-in}
img.poster.has-info{padding-bottom:3rem}
img.poster+.poster-info{display:block;margin-top:-4.75rem;font-size:1.3rem;text-align:center;margin-right:2rem}
img.poster.thumb{max-width:45rem;max-height:30rem;margin:0 1rem 1rem 0;padding:0.5rem}
.side-panel img.poster{cursor:inherit}
.tg-one-half img.poster{padding:1.5rem;width:100%;max-height:338px;object-fit:cover}
#poster_fullscreen{position:fixed;left:0;top:0;width:100%;height:100vh;z-index:110;background-color:rgba(0,0,0,0.8);display:flex;justify-content:center;align-items:center}
#poster_fullscreen img{max-height:99vh;max-width:96%;width:auto;cursor:zoom-out;border-radius:0.3rem;padding:0.5rem;background-color:var(--eo-poster-bkg)}
div.poster{position:relative;padding:2rem;margin:1.2em auto;text-align:center;width:-moz-fit-content;width:fit-content;border-radius:0.4rem;background-color:var(--eo-poster-bkg);box-shadow:0 1px 5px 0 rgba(0,0,0,0.3);min-width:49%}
div.poster h3{line-height:1.4em;margin:0;padding:0}
div.poster label:has(button){margin:0 1rem}
div.poster button{min-width:25rem;float:left}
div.poster .poster-title{position:absolute;display:block;text-align:center;pointer-events:none;font-family:'NotesEsa';color:white;bottom:4rem;line-height:1.1em;font-size:2.5em;width:100%;font-weight:700;text-shadow:2px 2px 2px rgba(0 0 0/70%)}
div.poster .poster-info{display:block;margin-top:-1rem;font-size:0.9em;text-align:justify;line-height:1.4;}
div.poster .poster-info+img.poster,div.poster img.poster+img.poster{margin-top:1em}
h1.poster,h2.poster,h3.poster,h4.poster{padding:2rem 4rem;margin:1.2em auto;text-align:center;width:-moz-fit-content;width:fit-content;border-radius:0.4rem;background-color:var(--eo-poster-bkg);box-shadow:0 1px 5px 0 rgba(0,0,0,0.3);min-width:50%}
div.poster img.poster{padding:0;margin:0;}
div.poster>p{margin:0;}
.poster.full-width{width:100%;height:100%;}
div.poster .top-info{margin-bottom:0.5em;text-align:left;font-size:0.9em;color:#777;font-style:italic;}
div.poster .top-info strong{font-size:1.111em;font-style:normal;}
@media screen and (min-width: 601px) {
.flex-row{display:flex;flex-direction:row;margin:0 0 1em 0;}
.flex-row.flex-center {align-items: center;}
.flex-columns-2>*{width:calc(50% - 0.7em);margin:0!important;object-fit:cover}
.flex-columns-2>*+*{margin-left:1.4em!important}
}
/* Collection of logos */
.partners-links{display:flex;border-radius:0.4rem;padding:2rem;background-color:var(--eo-poster-bkg);box-shadow:0 1px 5px 0 rgba(0,0,0,0.3)}
.partners-links a{display:inline-block;border-bottom:0.2rem solid transparent;margin:0 0.5em}
.partners-links a:hover{border-color:var(--eo-side-link)}
.partners-links img{margin:0}
.partners-links img:hover{opacity:0.5}
/* Other */
.glyphicon-earphone{position:relative;margin-right:0.5em}
.glyphicon-earphone::after{content:"24";font-size:0.8rem;line-height:1em;position:absolute;top:-0.7rem;right:-0.7rem;width:1.4rem;height:1.4rem;border:0.1rem solid transparent;border-color:inherit;border-radius:50%;padding:0.1rem;box-shadow:inherit}
label.warning,
label.info,
label.check {padding:7px 17px;width:100%;text-align:center}
label.warning {background-color:rgba(255,165,0,0.15)}
label.info {background-color:rgba(0,166,255,0.15)}
label.check {background-color:rgba(0,255,14,0.15)}
label.warning::before,
label.info::before,
label.link::before,
label.check::before {content:" ";font: normal normal normal 1.5em/1 FontAwesome;display:inline-block;margin-right:0.5em;padding-bottom:0.5rem;vertical-align:middle}
label.warning::before {content:"\f071";color:orange}
label.info::before {content:"\f05a";color:#007bbd}
label.link::before {content:"\f061";color:#007bbd;vertical-align:top;font-size:1.2em}
label.check::before {content:"\f058";color:green}
.how-to .warning{padding:5px 10px;font-size:0.8em;font-weight:400;text-align:left}
.how-to li{margin-bottom:1em}
.long-span{display:inline-block;padding-left:3.2em}
blockquote.disabled{color:#aaa !important;font-style:italic;border-color:#aaa;pointer-events:none}
blockquote.disabled *{color:#aaa !important}
/* Modal */
body{padding-right:inherit !important}
.eo4-modal .modal-dialog{margin-top:2rem}
.eo4-modal .modal-content{color:var(--eo-flyer-color);background-color:var(--eo-flyer-content-bkg)}
.eo4-modal .modal-title{text-align:center;padding:0}
.eo4-modal .modal-body{background-color:var(--eo-flyer-bkg);min-height:15rem;max-height:calc(100vh - 28rem);overflow-y:auto;overflow-x:auto}
.eo4-modal .modal-footer{text-align:left}
.eo4-modal .form-group{margin-bottom:0}
.eo4-modal .form-group+.form-group{margin-top:1rem}
.eo4-modal [name].form-control{background-color:var(--eo-flyer-content-bkg);border:0.1rem solid var(--eo-flyer-border);width:100%;padding:0.4rem 1.2rem;margin-bottom:1rem;height:2.2em}
.eo4-modal textarea[name].form-control{height:unset;min-height:2.2em}
.eo4-modal [name][type='checkbox'].form-control,
.eo4-modal [name][type='radio'].form-control{width:auto;height:auto;box-shadow:none;box-shadow:none}
.eo4-modal label.for-checkbox{font-weight:400;padding-left:2.5rem;line-height:1.2em;margin-bottom:0.7em}
.eo4-modal label.for-checkbox>[name].form-control{float:left;margin:0.2rem 0 0 -2.5rem;width:1.4rem;height:1.4rem}
.eo4-modal label.for-checkbox:has(+.for-checkbox){display:block;margin-bottom:0.3em;}
.eo4-modal [name].form-control[disabled]{background-color:var(--eo-button-disabled-bkg)}
.eo4-modal p.form-control{border:0;background:none;box-shadow:none;padding:0;margin:0;height:unset}
.eo4-modal label{font-family:NotesEsa}
.eo4-modal textarea{resize:vertical}
.eo4-modal select[multiple],.eo4-modal select[size]{height:auto !important}
.eo4-modal .error,
.eo4-modal .extra-info{display:block;line-height:1.2em;margin-top:-0.8rem;margin-bottom:1rem;font-size:0.8em}
.eo4-modal .extra-info{font-style:italic}
.eo4-modal .extra-info ul{list-style:inherit;padding:inherit;margin-left:2em}
.eo4-modal .extra-info.top{font-size:0.9em;margin-top:1em;line-height:1.4em}
.eo4-modal .extra-info.top .notes-esa{font-style:normal;font-size:1.1em;display:inline-block;margin-bottom:0.5em;}
.eo4-modal a{font-size:1.1em}
.eo4-modal .modal-subtitle{font-weight:400;font-size:2.2rem;padding:10px 15px;margin:-15px -15px 15px -15px;background-color:#999999;color:white;border-left:1rem solid #b3b3b3}
.ID-reference{height:140px;margin-top:-140px;opacity:0;pointer-events:none}
.ID-reference.no-top{height:80px;margin-top:-80px}
/* Page Customization according to WP adminbar position and size */
body.admin-bar .side-panel{top:32px;height:calc(100vh - 32px)}
body.admin-bar .side-panel .side-panel-content{height:calc(100vh - 7rem - 32px)}
body.admin-bar .side-column aside.widget{height:calc(100vh - 7rem - 32px)}
body.admin-bar .side-column .side-headers~aside.widget{height:calc(100vh - 13rem - 32px)}
body.admin-bar .modal-dialog{margin-top:5rem !important}
body.admin-bar #header-meta.sticky{top:32px}
body.admin-bar #pageNav.sticky{top:calc(7rem + 32px)}
body.admin-bar:has(.header-action.logged) #wp-admin-bar-my-account{display:none}
body.admin-bar .ID-reference.no-top{height:110px;margin-top:-110px}
/* Side Panels Transitions*/
.side-panel{transition:all 0.25s ease}
html.side-left-on #side-left {min-width:var(--side-lefty-width);max-width:var(--side-lefty-width);box-shadow: 5px 0 5px 0 rgba(0,0,0,0.2)}
html.side-right-on #side-right{min-width:var(--side-right-width);max-width:var(--side-right-width);box-shadow:-5px 0 5px 0 rgba(0,0,0,0.2)}
html.side-right-on{overflow:hidden;margin-right:15px}
html.side-right-on.is-opera{margin-right:15px}
html.side-right-on.is-edge{margin-right:15px}
html.side-right-on.is-chrome{margin-right:17px}
html.side-right-on.is-firefox{margin-right:17px}
html.side-right-on.scroll-14-width{margin-right:14px}
html.side-right-on.scroll-15-width{margin-right:15px}
html.side-right-on.scroll-16-width{margin-right:16px}
html.side-right-on.scroll-17-width{margin-right:17px}
html.side-right-on.scroll-18-width{margin-right:18px}
html.side-right-on.scroll-14-width #header-meta.sticky{width:calc(100% - 15px)}
html.side-right-on.scroll-15-width #header-meta.sticky{width:calc(100% - 15px)}
html.side-right-on.scroll-16-width #header-meta.sticky{width:calc(100% - 15px)}
html.side-right-on.scroll-17-width #header-meta.sticky{width:calc(100% - 15px)}
html.side-right-on.scroll-18-width #header-meta.sticky{width:calc(100% - 15px)}
/* Responsive controls */
@media screen and (max-width: 1600px) {
#masthead{background-size:cover !important;background-position-x:50% !important}
}
@media screen and (max-width: 1100px) {
.eo4-table{width:100%}
#top-search{width:60%;margin-left:20%}
}
@media screen and (max-width: 782px) {
body.admin-bar .side-panel{top:46px;height:calc(100vh - 46px)}
body.admin-bar .side-panel .side-panel-content{height:calc(100vh - 7rem - 46px)}
body.admin-bar .side-column aside.widget{height:calc(100vh - 7rem - 46px)}
body.admin-bar .side-column .side-headers~aside.widget{height:calc(100vh - 13rem - 46px)}
body.admin-bar #header-meta.sticky{top:46px}
body.admin-bar #pageNav.sticky{top:calc(7rem + 46px)}
#alert_container{max-width:100%}
#colophon .widget.widget_search{display:none}
#colophon .tg-one-half-last{display:none}
.partners-links{padding:0.5rem;display:block;text-align:center}
.partners-links img{max-height:5em;max-width:calc(100% - 3rem);margin:0.5em}
.registration-control div.poster{width:100%}
.registration-control div.poster label{display:block;width:100%}
.registration-control div.poster button{min-width:unset;width:100%;margin:0}
}
@media screen and (max-width: 600px) {
html #wpadminbar{z-index:1}
body.admin-bar .side-panel{top:0;height:100vh}
body.admin-bar .side-panel .side-panel-content{height:calc(100vh - 7rem)}
body.admin-bar .side-column aside.widget{height:calc(100vh - 7rem)}
body.admin-bar .side-column .side-headers~aside.widget{height:calc(100vh - 13rem)}
body.admin-bar #header-meta.sticky{top:0}
body.admin-bar #pageNav.sticky{top:7rem}
#header-text-nav-wrap{flex-direction:column}
#header-left-section{justify-content:space-between;width:100%}
#header-text{text-align:right}
#header-right-section{display:none}
#wp-custom-header.show-thumb .header-post-title-class{font-size:3.4rem}
#header-meta .header-action.logged{order:1}
#header-meta .welcome{display:none}
#top-search{width:96%;margin-left:2%}
.eo4-page-nav .eo4-page-nav-menu-item a{font-size:1.6rem;margin:0 1rem}
html.side-right-on #side-right{min-width:100%;max-width:100%}
#side-right .side-column{width:100%}
html.side-left-on{overflow:hidden}
html.side-left-on #side-left{min-width:100%;max-width:100%}
#side-left .main-navigation{width:100%}
#colophon .footer__signature{display:none}
img.poster.thumb{max-width:100%;max-height:30rem;margin:0 1rem 1rem 0;padding:0.5rem}
.eo4-table.f2f thead th{display:none}
.eo4-table.f2f tbody tr{display:flex;flex-direction:column-reverse;position:relative;}
.eo4-table.f2f tbody tr>*{display:block;text-align:left;border-top:0;}
.eo4-table.f2f tbody th{position:absolute;width:4em;height:4em;min-height:unset;min-width:unset;left:0;top:0;padding:0;}
.eo4-table.f2f tbody td{padding-left:3em}
.eo4-table.f2f tbody td:last-child{padding-left:4.5em;line-height:1em;border:0;}
.eo4-table.f2f tbody td[colspan]{padding-left:4.5em!important;padding-right:1em!important;}
}
@media screen and (max-width: 400px) {
#site-title a{font-size:1em}
#site-description{display:none}
#site-description-tiny{display:block}
}
/* This one is important or the side-left will not be displayed on mobile version */
@media screen and (max-width: 782px) {
#side-left ul{display:block}
}
blockquote.twitter-tweet{opacity:0.5;border:0;padding:0;margin:0 0 1rem 0}
blockquote.twitter-tweet>*{display:none}
blockquote.twitter-tweet::before{content:"... Loading tweet ...";display:inline-block;margin-right:1rem;color:var(--eo-widget-link);font-family:'NotesEsa'}
blockquote.twitter-tweet::after{content:"\f110";font-family:'FontAwesome';font-size:16px;display:inline-block;width:16px;height:16px;animation:spin 2000ms linear infinite;padding:0;text-align:center;line-height:16px;border-radius:50%;color:var(--eo-widget-link);vertical-align:middle}
div.twitter-tweet{margin:0 !important}
div.twitter-tweet+div.twitter-tweet{margin-top:1rem !important}