/*
Theme Name: Twenty Twenty Unesco
Author: LAB 360
Author URI: https://lab360.be
Description: Thème enfant du thème Twenty Twenty de Wordpress - Déclinaison spécifique à l'usage de la Commission belge francophone et germanophone pour l’UNESCO
Template:twentytwenty
Version: 0.1.0
*/

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('fonts/MyriadPro-Regular.woff2') format('woff2'), url('fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-Bold';
    src: url('fonts/MyriadPro-Bold.woff2') format('woff2'), url('fonts/MyriadPro-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-Light';
    src: url('fonts/MyriadPro-Light.woff2') format('woff2'), url('fonts/MyriadPro-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.unesco-blue {color:#0069B4}
.unesco-dark-blue {color:#183254}
.unesco-light-green {color:#67bb89}
.unesco-red {color:#e83f40}
.unesco-yellow {color:#fcc002}

html {height: 100%;}
body {background:#fff; font-family:'MyriadPro-Regular'; font-size:18px; color:#767676!important; line-height: normal; height: 100%;}
.modal-menu a {font-family:'MyriadPro-Bold'!important; font-size:18px!important; color: #0069B4!important; font-weight:100!important}
.wrapper {min-height: 100%; height: auto !important; height: 100%; }
h1 {color: #0069B4; font-size: 30px; font-weight:100; font-family:'MyriadPro-Bold'}
h2, .heading-size-2 {font-size: 1.4em; color:#0069B4; font-weight:100; font-family: 'MyriadPro-Regular'; }
h3, .heading-size-3 {font-size: 1.2em; color:#0069B4; font-weight:100; font-family: 'MyriadPro-Regular';}
p {line-height:1.3; margin: 0 0 1em 0; font-size: 1em;}
.entry-main a, .content-area a {color:#0069B4;}
button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"] {background: #0069B4; font-size: 1em; font-weight: 100;}
.section-inner {margin-left: auto; margin-right: auto; max-width: 100%; width: calc(100% - 0rem);}
.footer-top-hidden #site-footer {margin-top:0;}
#site-footer {border:0; background-color:#0069B4; color:#fff; padding:40px 10%; border-color:transparent;}
#site-footer .section-inner {display:flex; flex-wrap: wrap; align-items: flex-start;}
#site-footer .footer-column {width:100%;}
.footer-copyright {font-family: 'MyriadPro-Bold'; font-weight: 100; font-size:.8em; margin:10px 0 20px 0;}
#site-footer .footer-column a {color:#fff;}
#site-footer .footer-column p {font-size:.8em;}
#footer-logo {width:130px;}
.link-plus a {width:20px; height:20px; padding:20px; display:inline-block; position:relative; transition:transform .3s ease-in-out; background-image: url("images/button-plus.svg"); background-size:20px 20px; background-repeat:no-repeat; background-position:center}
.link-plus a:hover {transform:rotate(90deg); background-color:#0069B4; border-radius:50%;}
.link-plus.dark a:hover {background-color:#183254;}
.ratio-1-sur-1 img {aspect-ratio:1 / 1; width:100%; object-fit:cover;}
.ratio-4-sur-3 img {aspect-ratio:4 / 3; width:100%; object-fit:cover;}
.ratio-16-sur-8 img {aspect-ratio:16 / 8; width:100%; object-fit:cover;}
.ratio-16-sur-9 img {aspect-ratio:16 / 9; width:100%; object-fit:cover;}
.ratio-16-sur-10 img {aspect-ratio:16 / 10; width:100%; object-fit:cover;}
.alignwide {width:100%;}
.wp-block-column figure {margin:0!important;}

#header {background-color:#fff; padding:0; margin-bottom:43px; }
#container, #footer {padding:0 10%;}
#header {padding:0; z-index:10; position:relative;}
#header-bkg-inner {padding:0 10%; background-color:#fff;}
.header-container{padding:0;}
#header-holder {display:flex; justify-content: space-between; margin:0; padding:10px 0 0 0; width:100%; }
#site-logo {width:50px; height:42px; display:inline-block; background-image: url("images/unesco_natcom_mobile.png"); background-size:contain; background-repeat: no-repeat }
.type-page {display:flex; padding: 0 10%; flex-direction: column-reverse; flex-wrap: wrap;}
#sidebar h2 {margin:0; padding:0; color:#0069B4; font-size:24px; margin-bottom:20px; line-height:1em; font-family: 'MyriadPro-Bold';}
ul.bsn-list {list-style: none; margin:0;}
ul.bsn-list ul.children {margin: 15px 0 0px 30px;}
ul.bsn-list li, ul.bsn-list li a {color:#767676; margin:0; text-decoration:none;}
ul.bsn-list li a:hover {color:#0069B4;}
ul.bsn-list li {line-height:1.2em; font-size:.9em; padding:0 0 10px 0;}
ul.bsn-list ul.children li {font-size:1em; }
ul.bsn-list li.current_page_item > a {font-family: 'MyriadPro-Bold'; font-size: 1.1em; color:#0069B4;}
#sidebar, #main {width:100%;}
#sidebar {float:none; margin:0;}
#main ul li a, #main ol li a, a[href^="mailto:"] {color: #0069B4;}
.section-inner.medium {max-width: 100%;}
.post-meta-wrapper {max-width: 100%;}
#site-content {margin-bottom: 50px;}
.singular .entry-header {padding:0;}

.search-modal.active .search-modal-inner {background-color: #0069B4; height: 200px; display: flex; align-items: center;}
.search-untoggle svg {color: white;}
.search-term {color:#4f2183}

#secondary-navigation-items {display:flex; align-content:flex-end; justify-content:flex-end; padding:0 0 12px 0; color:#0069B4}
#menu-tools-menu {display:none; margin: 0;}
#menu-tools-menu li {display: flex; justify-content: center; padding:0 10px; margin:0;}
#menu-tools-menu li a, #header-language-menu a {display:inline-block; font-size:14px; color:#0069B4; text-align:right; text-decoration:none;}
#menu-tools-menu li a:hover, #menu-tools-menu li a:focus, #header-language-menu a:hover, #header-language-menu a:focus {color:#767676; text-decoration:none}
#header-language-menu a {margin:0 8px; min-width:18px;}
.header-titles-wrapper {position:absolute; right:10px; top:10px;}
.search-toggle, .nav-toggle {width:auto;}
.search-toggle, .nav-toggle {position:relative; bottom:inherit; left:inherit; top:0;}
button.search-toggle {margin-right:30px;}
.menu-modal button.close-nav-toggle {padding:15px; background-color:#0069B4; color:#fff;}
.toggle.nav-toggle.mobile-nav-toggle {height:40px; display:inline-block;}

 ul.primary-menu {display:flex; flex-wrap:nowrap;}
 ul.primary-menu > li {display:flex; flex-direction:row; align-items:initial; justify-content:center; text-align:center; color:#0069B4; margin:0;}
.primary-menu a {margin:0; text-align:center; line-height:1em; padding:15px 10px; width:140px; color:#0069B4; font-family: 'MyriadPro-Bold'; font-size:.9em;}
.primary-menu a:hover {color:#0069B4;}
.primary-menu a:hover, #menu a:focus{color:#0069B4;text-decoration:none}
.primary-menu li:last-child a {margin-right:0;}
.primary-menu li#menu-item-21 a, .primary-menu li#menu-item-252 a {color:#0069B4}
.primary-menu li#menu-item-85 a, .primary-menu li#menu-item-198 a {color:#4f2183}
.primary-menu li#menu-item-84 a, .primary-menu li#menu-item-211 a {color:#67bb89}
.primary-menu li#menu-item-83 a, .primary-menu li#menu-item-217 a {color:#e83f40}
.primary-menu li#menu-item-82 a, .primary-menu li#menu-item-221 a {color:#183254}
.primary-menu li#menu-item-81 a, .primary-menu li#menu-item-235 a {color:#fcc002}
.primary-menu li#menu-item-21 a:hover, .primary-menu li#menu-item-252 a:hover, .primary-menuli#menu-item-21.current-menu-item a , .primary-menu li#menu-item-252.current-menu-item a, .primary-menu li#menu-item-252.current-page-ancestor a {background-color:#0069B4; color:#fff}
.primary-menu li#menu-item-85 a:hover, .primary-menu li#menu-item-198 a:hover, .primary-menu li#menu-item-85.current-menu-item a, .primary-menu li#menu-item-198.current-menu-item a, .primary-menu li#menu-item-198.current-page-ancestor a  {background-color:#4f2183; color:#fff}
.primary-menu li#menu-item-84 a:hover, .primary-menu li#menu-item-211 a:hover, .primary-menu li#menu-item-84.current-menu-item a, .primary-menu li#menu-item-211.current-menu-item a, .primary-menu li#menu-item-211.current-page-ancestor a  {background-color:#67bb89; color:#fff}
.primary-menu li#menu-item-83 a:hover, .primary-menu li#menu-item-217 a:hover, .primary-menu li#menu-item-83.current-menu-item a, .primary-menu li#menu-item-217.current-menu-item a, .primary-menu li#menu-item-217.current-page-ancestor a  {background-color:#e83f40; color:#fff}
.primary-menu li#menu-item-82 a:hover, .primary-menu li#menu-item-221 a:hover, .primary-menu li#menu-item-82.current-menu-item a, .primary-menu li#menu-item-221.current-menu-item a, .primary-menu li#menu-item-221.current-page-ancestor a  {background-color:#183254; color:#fff}
.primary-menu li#menu-item-81 a:hover, .primary-menu li#menu-item-235 a:hover, .primary-menu li#menu-item-81.current-menu-item a, .primary-menu li#menu-item-235.current-menu-item a, .primary-menu li#menu-item-235.current-page-ancestor a  {background-color:#fcc002; color:#fff}
.primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor, .primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a {text-decoration:none;}

.primary-menu li#menu-item-21 ul.sub-menu, .primary-menu li#menu-item-252 ul.sub-menu, .primary-menu li#menu-item-21.current-page-ancestor ul.sub-menu a, .primary-menu li#menu-item-252.current-page-ancestor ul.sub-menu a {background:#1B8AD9; color:#fff;}
.primary-menu li#menu-item-21 ul.sub-menu a, .primary-menu li#menu-item-252 ul.sub-menu a {color:#fff;}
.primary-menu li#menu-item-21.current-page-ancestor ul.sub-menu a:hover, .primary-menu li#menu-item-252.current-page-ancestor ul.sub-menu a:hover {background:#0069B4;}
.primary-menu li#menu-item-81 ul.sub-menu, .primary-menu li#menu-item-235 ul.sub-menu, .primary-menu li#menu-item-81.current-page-ancestor ul.sub-menu a, .primary-menu li#menu-item-235.current-page-ancestor ul.sub-menu a {background:#ffd243; color:#000;}
.primary-menu li#menu-item-81 ul.sub-menu a, .primary-menu li#menu-item-235 ul.sub-menu a {color:#000;}
.primary-menu li#menu-item-81.current-page-ancestor ul.sub-menu a:hover, .primary-menu li#menu-item-235.current-page-ancestor ul.sub-menu a:hover {background:#fcc002;}
.primary-menu li#menu-item-84 ul.sub-menu, .primary-menu li#menu-item-211 ul.sub-menu, .primary-menu li#menu-item-84.current-page-ancestor ul.sub-menu a, .primary-menu li#menu-item-211.current-page-ancestor ul.sub-menu a {background:#79e3a4; color:#000;}
.primary-menu li#menu-item-84 ul.sub-menu a, .primary-menu li#menu-item-211 ul.sub-menu a {color:#000;}
.primary-menu li#menu-item-84.current-page-ancestor ul.sub-menu a:hover, .primary-menu li#menu-item-211.current-page-ancestor ul.sub-menu a:hover {background:#67bb89;}
.primary-menu li#menu-item-82 ul.sub-menu, .primary-menu li#menu-item-221 ul.sub-menu, .primary-menu li#menu-item-82.current-page-ancestor ul.sub-menu a, .primary-menu li#menu-item-221.current-page-ancestor ul.sub-menu a {background:#2b558b; color:#fff;}
.primary-menu li#menu-item-82 ul.sub-menu a, .primary-menu li#menu-item-221 ul.sub-menu a {color:#fff;}
.primary-menu li#menu-item-82.current-page-ancestor ul.sub-menu a:hover, .primary-menu li#menu-item-221.current-page-ancestor ul.sub-menu a:hover {background:#183254;}
.primary-menu li#menu-item-85 ul.sub-menu, .primary-menu li#menu-item-198 ul.sub-menu, .primary-menu li#menu-item-85.current-page-ancestor ul.sub-menu a, .primary-menu li#menu-item-198.current-page-ancestor ul.sub-menu a {background:#7740b4; color:#fff;}
.primary-menu li#menu-item-85 ul.sub-menu a, .primary-menu li#menu-item-198 ul.sub-menu a {color:#fff;}
.primary-menu li#menu-item-85.current-page-ancestor ul.sub-menu a:hover, .primary-menu li#menu-item-198.current-page-ancestor ul.sub-menu a:hover {background:#4f2183;}

.primary-menu .icon::before, .primary-menu .icon::after {background-color:#fcc002; display: none;}
.primary-menu ul.sub-menu a {font-family:'MyriadPro-Regular'; line-height:1em; font-size:.9em;}
.sub-menu::before,
.sub-menu::after {
	display: none;
}

.toggle-icon path {fill:#fff;}
.toggle-text {display:none!important; color:#fff;}

.entry-content ul li, .widget-container ul li, .comment-body ul li {list-style-type: '';}
.entry-content ul, .widget-container ul, .comment-body ul, .entry-content ol, .widget-container ol, .comment-body ol {font-family:'MyriadPro-Regular'; margin: 30px 0 30px 0px;}
.widget-container ul li a {text-decoration: none;}
.widget-container ul li a:hover {text-decoration: underline;}
.widget-container ul ul, ul.children {margin: 30px 0 30px 30px}
ul.children li {list-style-type: '-- ';}

#menu ul.sub-menu {margin-top: 0px;}
#menu ul.sub-menu a {width:auto;}

#primary-navigation-items {padding:20px 0 0 0;}
#primary-navigation-items-inner {display:flex; flex-direction:row; width:100%; justify-content:space-between; align-items:center;}
#secondary-navigation-items-inner {display:flex; flex-direction:row; width:100%; align-items:center; color:#0069B4; justify-content: flex-end;}
#menu, #branding {float:none;}
#header-language-menu {margin-left:20px; color:#0069B4; display: flex; justify-content:center; align-items:center;}

.section-2-columns {display:flex; flex-wrap:wrap; justify-content:space-between; }
.section-2-columns-item {width:50%;}
.section-2-columns-item.picture {width:43%;}
.section-2-columns-item-picture img {aspect-ratio:16 / 10; width:100%; object-fit:cover;}
.section-2-columns-item-text .button-std {margin-top:15px; display:inline-block;}
.section-2-columns-item-text h1 {margin-top:0; line-height: 1em;}

ul.children {display:none;}
.current_page_item > ul.children, .current_page_parent > ul.children, .current_page_ancestor > ul.children {display:flex; flex-direction:column}

/* Template Home */
body.home #header {margin-bottom:0;}
#home-inner {padding: 0 10%;}
#home-banner {display:flex; flex-wrap:wrap; min-height:auto; flex-direction:column-reverse;}
#home-banner-side {width:100%; background-color:#0069B4; color:#fff; padding:1em; }
#home-banner-picture {width:100%; background-image:url("images/home-banner.jpg"); background-size:cover; background-position: center bottom; height:240px;}
#home-banner-side h1 {color:#fff; margin:0 0 15px; padding:0; font-size:20px;}
#home-banner-side h1 a {color:#fff; text-decoration:none;}
#home-banner-side h1 a:hover {color:#53B7FF;}
#home-news {margin:15px 0 50px;}
.owl-carousel {z-index: 1 !important;}
.owl-stage { display:flex; flex-wrap:wrap;}
.owl-item{display: flex; height: auto !important;}
.owl-nav.disabled {display:none;}
a.news-item {text-decoration: none; width:100%; display:flex; flex-direction:column;}
a.single-item {width:50%;}
.news-item-picture {height:220px; overflow:hidden; border-bottom:1px solid #fff;}
.news-item-picture img {object-fit:cover; width:100%; height:100%;}
.news-item-card {height: 100%;}
.news-item-card.communication-et-information, .news-item-card.communication-et-information .news-item-category-label, .domaine-cat-8 {background-color: #fcc002;}
.news-item-card.communication-et-information .news-item-category-label {color:#000;}
.news-item-card.culture, .news-item-card.culture .news-item-category-label, .domaine-cat-9 {background-color: #183254;}
.news-item-card.education, .news-item-card.education .news-item-category-label, .domaine-cat-10 {background-color: #4f2183;}
.news-item-card.sciences-exactes-et-naturelles, .news-item-card.sciences-exactes-et-naturelles .news-item-category-label, .domaine-cat-11 {background-color: #67bb89;}
.news-item-card.sciences-humaines, .news-item-card.sciences-humaines .news-item-category-label, .domaine-cat-12 {background-color: #e83f40;}
.news-item-card.unesco, .news-item-card.unesco .news-item-category-label, .domaine-cat-13, .domaine-cat-7  {background-color: #0069B4;}
.news-item-data {display:flex; justify-content:center; align-items:center; align-content:center; position:relative; padding:40px; text-align: center;}
.news-item-category-label {color:#fff; text-align:center; position:absolute; display: inline-block; top:-20px; padding:12px 20px; border:1px solid #fff; font-size:.8em; font-weight: 100;}
.news-item-data h3 {margin:1em 0 0 0; padding:0; color:#fff; line-height:1em; font-size:1.1em;}
.news-item-card.communication-et-information .news-item-data h3 {color:#000;}
#home-bottom-links {background-color:#0069B4; background-image: url("images/home-bottom-tile.jpg"); background-size: cover; background-position: center bottom; color:#fff; padding:30px 10%;}
#home-bottom-links h2 {margin:0 0 24px; padding:0; color:#fff; text-transform:uppercase; text-align:center;}
#home-bottom-links-inner {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between;}
.home-bottom-links-column {padding:0; text-align:center; font-size:16px; width:28%;}
.home-bottom-links-column h3 {margin:0 0 10px; padding:0; color:#fff; text-transform:uppercase; font-family:'MyriadPro-Regular'; font-size:18px;}
.home-bottom-links-column h3 a {color:#fff; text-decoration:none;}
.home-bottom-links-column h3 a:hover {color:#fcc002;}

/* Template News grid*/
#news-grid {margin-bottom:50px;}
#news-grid-inner {padding:0 10%;}
#news-grid-inner h1 {text-align:center; text-transform:uppercase;}
#grid-filters {text-align:center; margin:40px 0 20px;}
button.button-grid-filter, button.button-reset {font-size:12px; margin-bottom:4px; font-family:'MyriadPro-Bold';}
.button-grid-filter {background-color:#e5e5e5; color:#000}
.button-grid-filter:hover {text-decoration:none;}
button.button-reset:hover {background-color:#333; color:#fff;}
#button-cat-8 {background-color:#fff; color:#fcc002; border:1px solid #fcc002;}
#button-cat-9 {background-color:#fff; color:#183254; border:1px solid #183254;}
#button-cat-10 {background-color:#fff; color:#4f2183; border:1px solid #4f2183;}
#button-cat-11 {background-color:#fff; color:#67bb89; border:1px solid #67bb89;}
#button-cat-12 {background-color:#fff; color:#e83f40; border:1px solid #e83f40;}
#button-cat-13, #button-cat-7 {background-color:#fff; color:#0069B4; border:1px solid #0069B4;}
#button-cat-8.is-checked, #button-cat-8:hover {background-color:#fcc002; color:#fff; border:1px solid #fcc002; text-decoration:none;}
#button-cat-9.is-checked, #button-cat-9:hover {background-color:#183254; color:#fff; border:1px solid #183254; text-decoration:none}
#button-cat-10.is-checked, #button-cat-10:hover {background-color:#4f2183; color:#fff; border:1px solid #4f2183; text-decoration:none}
#button-cat-11.is-checked, #button-cat-11:hover {background-color:#67bb89; color:#fff; border:1px solid #67bb89; text-decoration:none}
#button-cat-12.is-checked, #button-cat-12:hover {background-color:#e83f40; color:#fff; border:1px solid #e83f40; text-decoration:none}
#button-cat-13.is-checked, #button-cat-13:hover, #button-cat-7.is-checked, #button-cat-7:hover {background-color:#0069B4; color:#fff; border:1px solid #0069B4; text-decoration:none}

.grid-item {width:25%;}
.grid-sizer { width:25%; }
.grid-item--width2 {width:50%;}
.grid-item-inner {display:flex; flex-direction:column; height:340px; border:6px solid #fff; overflow: hidden; position: relative;}
.grid-item-inner .news-item-picture {height:180px;}
.grid-item-inner .news-item-data {height:160px;}
.grid-item-inner .news-item-data h3 {margin:0;}
.grid-item-inner {height:340px;}
.grid-item--height2 .grid-item-inner {height:680px;}
.grid-item--height2 .grid-item-inner .news-item-picture {height:520px;}
.grid-item--height2 .grid-item-inner .news-item-data {height:160px;}

/* Template News page */
#news-page {padding: 0 10%; margin-bottom: 50px;}
.publication-date {margin-bottom:20px; font-size:.8em;}

/* Template Domaine */
body.page-template-template-domaine #header {margin-bottom:15px;}
#domaine-inner {padding: 0 10%;}
#domaine-banner {display:flex; flex-wrap:wrap; min-height:auto; flex-direction:column-reverse;}
#domaine-banner-side {width:100%; color:#fff; padding:1em; }
#domaine-banner-picture {width:100%; height:240px;}
#domaine-banner-picture img {width:100%; height:100%; object-fit:cover;}
#domaine-banner-side h1 {color:#fff; margin:0 0 15px; padding:0; font-size:20px;}
#domaine-banner-side h1 a {color:#fff; text-decoration:none;}
#domaine-banner-side h1 a:hover {color:#53B7FF;}
#domaine-banner-side.domaine-cat-8 h1, #domaine-banner-side.domaine-cat-8 {color:#000;}
body.page-template-template-domaine h2 {margin:0 0 1em 0; font-family:'MyriadPro-Bold'; font-size:1.6em;}
#domaine-abstract {display:flex; justify-content:flex-end;}
#domaine-abstract article {width:100%; padding:2em 0;}
#domaine-highlights, #domaine-news, #template-edit {margin:15px 0 50px; display:flex; justify-content:flex-end;}
#domaine-highlightsblocks, #domaine-newsblocks, #template-edit-link {width:100%;}
/* Highlights */
#highlights-item-holder {display:flex; justify-content:flex-start; flex-wrap:wrap; gap: 10px}
.highlights-item {width:24.2%; margin:0; overflow:hidden; border-radius:12px; }
.highlights-item-inner {display:flex; flex-direction:column; width:100%; height:300px; text-decoration:none; position:relative; overflow:hidden;}
.highlights-item-picture {width:100%; height:100%; position:absolute;}
.highlights-item-picture img {width:100%; height:100%; object-fit:cover; transition:all 150ms ease; }
.highlights-item-overlay {position:absolute; width:100%; height:100%; background-color:#212121; opacity:.4; z-index:1; border-radius: 1rem;}
.highlights-item-data {position:relative; z-index:2; width:100%; height:100%; padding:15px;}
.highlights-item-data h3 {font-size: 1.2em; color:#fff; font-weight:100; font-family:'MyriadPro-Bold'; margin:0 0 .4em 0; line-height:1.1em;}
.highlights-item-data p {color:#fff; font-weight:100; margin:0; line-height:1.1em;}
.highlights-item-inner:hover .highlights-item-picture img {cursor: pointer; transform: scale(1.2); transition: all 150ms ease;}
.highlights-item-inner:hover .highlights-item-overlay {opacity:.2;}

/* Template Searchtool - Moteur de recherche numeriques.be - Perfect Memory*/
body.page-template-searchtool #container, body.page-template-searchtool #footer {padding: 1% 5%;}
body.page-template-searchtool #content {float:none; width:100%; padding-right:0;}
#searchtool-container {display:flex; flex-direction:row;}
#searchtool-container h2 {margin:0 0 20px 0; font-weight:100;}
.searchtool-container-side {width:20%; }
.searchtool-container-side-scroll {overflow-x: hidden; overflow-y: auto; padding: 0 20px 0 0;}
.searchtool-container-main {width:60%; padding: 0 30px;}

.dropdown-card-box-item {box-shadow: 0 0 6px 2px rgba(0,0,0,.3); font-size: .85rem; background-color: #0d2232;  margin-bottom:20px;}
.dropdown-card-toggle-info, .dropdown-card-box-item-body {padding-left: 1.563rem; padding-right: 1.25rem;}
.dropdown-card-box-item-body {padding-bottom: 20px;}
.dropdown-card-toggle-info {border-bottom: none; border-radius:0; padding-bottom:1rem; padding-top:1rem; align-items:center; display:flex; cursor:pointer; justify-content: space-between; color:#fff; text-decoration:none;}
.dropdown-card-toggle-info:hover {color:#f07f1e}
a.dropdown-card-toggle-info span.dropdown-card-box-arrow { display:inline-block; width:20px; height:14px; padding-left:10px; overflow:hidden; background-image: url("images/grey-arrow.png"); background-position: right -27px; background-size: 20px auto; background-repeat: no-repeat; transition: all 0s ease 0s;}
a.dropdown-card-toggle-info.close span.dropdown-card-box-arrow { background: url("images/grey-arrow.png") right -14px no-repeat, none; background-size:20px auto; transition: all 0s ease 0s; }

.search-bucket {position: relative; width:100%; align-items:flex-start; display:flex; padding:.256rem; color:#90a4ae; justify-content: space-between; text-decoration: none}
.search-bucket:hover {background-color:rgba(255,255,255,0.1)}
.badge-pill {padding:0 .5rem; border-radius:10rem; border:solid 1px #90a4ae; color:#fff;}
.badge.badge-counter {font-size:.72rem; padding-bottom:1px; padding-top:1px; min-width:40px; font-weight:400; text-align:center;}
.badge-pill.orange {border:solid 1px #f07f1e; color:#fff;}

.pm-node-item {background-color:#90a4ae; color:#fff; margin:0 0 10px 0;}
.node-item {display:flex; padding: 10px; cursor: pointer;}
.node-item:hover {background-color:rgba(255,133,12,0.7);}
.pm-node-thumbnail {width:150px; margin-right:10px;}
.pm-node-details {width:100%; display:flex; flex-direction:column;}
.node-details-body {display:flex; justify-content:space-between; width:100%; height:100%; }
.node-details-header, h4.node-label, p.node-description, .page #content p.node-description, .item-actions {margin:0; padding:0; font-size:1em; line-height:1em; color:#fff;}
.item-actions { min-width: 70px; display: flex; align-content:center; align-items:center; justify-content:center;}
.node-details-header {text-align:right; font-size:.7em; text-transform:uppercase;}
h4.node-label {margin-bottom:3px;}
p.node-description, .page #content p.node-description {font-size:.9em}
.item-actions a {color:#fff; text-decoration:none; font-size:.9em}
.item-actions a:hover {color:#fff; font-weight:600;}

#pm-quickview-default-layout {background-color: #0d2232; padding:1rem 1.563rem 1rem 1.25rem;}
#pm-quickview-description, .page #content #pm-quickview-description p {font-size:.9em; margin:10px 0 0 0 ; color:#fff; line-height: 1.2em;}
.pm-quickview-label {line-height:1.9; color:#90a4ae; border-bottom:1px solid #90a4ae;}

/* The sticky class is added to the header with JS when it reaches its scroll position */
#header.sticky {position:fixed; top:0; width:100%; background-color:rgba(229, 229, 229, 1); transition: all 1s ease-out; animation:slide-down 1s; z-index:10;}
body.admin-bar #header.sticky { top:32px; }
@keyframes slide-down {
	0% 	 { opacity: 0; transform: translateY(-100%);} 
    100% { opacity: 1; transform: translateY(0);} 
}
#header.sticky #header-holder {padding:0;}
#header.sticky #secondary-navigation-items {display:none;}
#header.sticky #primary-navigation-items {padding:0;}
#header.sticky #site-logo {width:80px; height:80px; margin-top:8px;}

@media (max-width:1899px) {
	.highlights-item {width:23.9%;}
}
@media (max-width:1600px) {
	.highlights-item {width:32%;}
}
@media (min-width:1600px) {
	.primary-menu a {width:180px; padding:30px 20px; line-height:1.2em; font-size:1em; }
	.home-bottom-links-column {width:25%;}
}
@media (min-width:1400px) {
	#home-banner-side h1, #domaine-banner-side h1 {font-size:30px}
	
}
@media (max-width:1400px) {
	.grid-item, .grid-sizer {width:33%;}
	.grid-item--width2 {width:33%;}
	.news-item-data {padding:20px;}
	.grid-item--height2 .grid-item-inner {height:340px;}
	.grid-item--height2 .grid-item-inner .news-item-picture {height:180px;}
	.grid-item--height2 .grid-item-inner .news-item-data {height:160px;}
	.highlights-item {width:47%;}
}
@media (max-width:1199px) {
	
}
@media (min-width:1000px) {
	.mobile-search-toggle, .mobile-nav-toggle {display: none !important;}
	#menu-tools-menu {display:flex; justify-content:center;}
	.toggle-icon path, .svg-icon path {fill:#0069B4}
	#header {background-color: #fff;}
	#header-bkg-inner {background-color: #f7f7f7;}
	#site-logo {width:130px; height:125px; display:inline-block; background-image: url("images/unesco_natcom_belgium_french_german.png"); background-size: contain; background-repeat: no-repeat }
	.type-page {display:flex; padding:0 10%; flex-direction:row; flex-wrap:nowrap; justify-content: space-between;}
	#sidebar {width:28%;}
	#main {width:66.5%;}
	#home-banner, #domaine-banner {min-height:400px; flex-direction:row;}
	#home-banner-side, #domaine-banner-side {width:33.6%; padding:1.4em 2em 2em 3.2em; border-right:solid 15px #fff;}
	#home-banner-picture, #domaine-banner-picture {width:66.3%;  height:400px;}
	#domaine-abstract article, #domaine-newsblocks, #domaine-highlightsblocks, #template-edit-link {width:66.3%; overflow: hidden;}
}
@media (max-width: 1400px) {
	#site-logo {width:100px; height:100px;}
	#home-banner-side, #domaine-banner-side {padding: 2.6em 2em 2em 3.2em;}
}
@media (max-width: 999px) {
	h1 {font-size:26px;}
	#header, body.page-template-template-domaine #header {position:fixed; width:100%; padding:0 0 54px 0; z-index:20; top:0;}
	.page-template-template-home #header, .page-template-template-news #header, .actu-template-default #header, .page-template-template-domaine #header {padding:0;}
	#header-bkg-inner {background-color:#0069B4;}
	#site-logo {width:50px; height:42px;}
	#homepage, #main-news, #news-grid-inner {margin-top:90px;}
	#domaine {margin-top:140px;}
	.grid-item, .grid-sizer {width:50%;}
	.grid-item--width2 {width:50%;}
	#header.sticky #site-logo {width:50px; height:42px; display:inline-block; margin-top:10px; margin-bottom:7px;}
	.search-modal.active .search-modal-inner {height: 60px;}
	.search-modal-inner .section-inner, .search-form label, .search-modal .search-field {height:40px;}
	.search-modal .search-field {font-size:2.2rem; background-color:#fff; border-radius:50px;}
	.search-modal.active .search-modal-inner {padding:0 10%;}
	.singular .entry-header {margin-top:140px;}
	#main-search h1 {margin-top: 110px;}
	
}
@media (max-width: 768px) {
	#branding, #menu, #menu div:first-of-type, #search {float: none;}
	#primary-navigation-items-inner {justify-content:center; flex-direction:column;}
	.section-2-columns-item.picture {width: 100%; margin-bottom:20px;}
	.section-2-columns-item {width: 100%;}
	.grid-item, .grid-sizer, a.single-item {width:100%;}
	.grid-item--width2 {width:100%;}
	.home-bottom-links-column {width:100%; margin-bottom: 40px;}
	.highlights-item {width:100%;}
}
@media (min-width: 700px) {
	.section-inner {width: calc(100% - 0rem);}
	.singular .entry-header {padding:0;}
	.post-inner {padding-top: 30px;}
	h1, .heading-size-1, h2, .heading-size-2, h3, .heading-size-3 {margin: 3rem auto .6rem;}
	.footer-top-hidden #site-footer {margin-top:0;}
	#site-footer .footer-column {width:33%;}
	.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {font-size: 2.4rem; padding: 2rem 2.5rem;}
	h2.entry-title {font-size:1.4em; color:#000; }
	h3.entry-title {font-size:1.2em; color:#000; }
	.search-modal .search-field {border:none; font-size:2.2rem; margin:0; height:60px; background-color:#fff; border-radius:50px;}
	.search-modal-inner .section-inner {width:50%;}
	hr {margin: 3rem auto; }
}
@media (max-width: 699px) {
	
}
@media (max-width: 480px) {
	
}