/*
* FEBIAC common css V1.0
*/
.header-main {height:8rem;}
.header-left-list-wrapper ul>li {padding:0.625rem 1rem;}
.header-button, .header-button-showroom {height:2.8rem; padding:0.6rem 1.3rem;}
.header-languages-selector {position:absolute; right:2px; top:2px; padding:0 2.25rem;}
/*body.page-node-type-article .header-languages-selector ul li:first-child {display:inline-block;}*/
.language-link {font-size:.8em; font-weight:100;}
.header-logo__logos {position:relative; width:80px; height:73px;}
.header-main {background:#000; color:#fff;}
.header-main.autosalon {background:#fff; color:#000;}
.header-left-list-wrapper ul > li a, .header-link, .header-left-list-wrapper ul > li a.is-active, .header-link.is-active {color:#fff;}
.header-button {background-color:#666; border:1px solid #666;}
.header-button:hover {background-color:#fff; border: 1px solid #fff; color:#000;}
.header-button-showroom {background:#164efe; border-color:#164efe; color:#fff; }
.header-button-showroom:hover {background:#ff0; border-color:#ff0; color:#0f1113;}
.language-switcher-language-url li.en {display:none;}

body.landing-showroom .header-main .header-button-showroom {display: inline-block!important;}
#survey_1135243 {display:none;}

.region-header-right { display:flex; }
.header-right-list { justify-content:flex-end;}
.region-header-right #block-headertools ul.menu, .region-header-right #block-headertools-2 ul.menu { list-style:none; display:flex; margin:0; padding:0;}
.region-header-right #block-headertools ul.menu li, .region-header-right #block-headertools-2 ul.menu li { padding:.625rem; display:flex; align-items:center; margin:0; border:0; font-size: 100%; box-sizing: border-box; outline: none;}
.region-header-right #block-headertools ul.menu li a, .region-header-right #block-headertools-2 ul.menu li a { background-color: #666;  border:1px solid #666;  height:2.8rem;  padding:0.6rem 1.3rem; font-size:1rem; display:flex;  align-items:center; justify-content:center; border-radius:6.25rem; font-weight:500; cursor:pointer; font-family:'Gotham'; color: #fff; text-align:center; white-space:nowrap; transition:all .2s ease-in-out;}
.region-header-right #block-headertools ul.menu li a:hover, .region-header-right #block-headertools-2 ul.menu li a:hover { background: #fff; border-color: #fff; color: #0f1113;}
.region-header-right #block-headertools ul.menu li a.is-active, .region-header-right #block-headertools-2 ul.menu li a.is-active{ background: #fff; border-color: #fff; color: #0f1113;}

.region-header-right #block-headertools ul.menu li:first-child a, .region-header-right #block-headertools-2 ul.menu li:first-child a { background: #ffed00; border-color: #ffed00; color: #0f1113;}
.region-header-right #block-headertools ul.menu li:first-child a:hover, .region-header-right #block-headertools-2 ul.menu li:first-child a:hover { background: #fff; border-color: #fff; color: #0f1113;}

.region-header-right #block-headertools ul.menu li:nth-child(2) a, .region-header-right #block-headertools-2 ul.menu li:nth-child(2) a { background: #164efe; border-color: #164efe; color: #fff;}
.region-header-right #block-headertools ul.menu li:nth-child(2) a:hover, .region-header-right #block-headertools-2 ul.menu li:nth-child(2) a:hover { background: #fff; border-color: #fff; color: #0f1113;}



.menu--header-tools ul.menu li a {color: #7e7e7e;}
.menu--header-tools ul.menu li:first-child a { color:#fff; background-color:#ffed00; color: #000; width:auto; display:inline-flex; margin:10px 0;}
.menu--header-tools ul.menu li:nth-child(2) a { color:#fff; background-color:#164efe; width:auto; display:inline-flex; margin:10px 0;}

.page-footer-inner {max-width:90%;}
.footer-main {padding:0 0 80px 0;}
.footer-main__top {width:50%;}
.footer-main__aside {width:50%; display:flex; flex-direction:column; align-items:flex-end;}
#footer-logo {margin-right:20px; width:90px; height:auto;}
#footer-address-holder {display:flex; align-items:flex-start;}
#footer-address .title {font-size:1.125rem; font-weight:500; color:#fff; margin:0; line-height:1.25;}
#footer-address p  {padding:1.875rem 0; line-height:1.8em; color:#bfbfbf;}
#footer-address .fontawesome-icon {margin-top:30px;}
#footer-address .fontawesome-icon i {color:#bfbfbf; font-size:1.5em;}
.footer-copyright, #block-footer ul.menu>.menu-item a {font-size:1rem;}
.footer-block-menu-flex ul.menu>.menu-item a, .footer-block-menu ul.menu>.menu-item a, .footer-copyright, #block-footer ul.menu>.menu-item a, .footer-copyright  {font-weight:100; color:#bfbfbf;}
.page-footer-wrapper a, .page-footer-wrapper ul.menu a { display:inline-block; color:#fff; font-weight:100;}

.formobile {display:none;}
#mainmenu-mobile-logo { display:flex; width:60px; height:60px; margin-left:20px;}
#mainmenu-mobile-logo a { display:flex;}
#mainmenu-mobile-logo img { display:flex; width:45px; align-items:center; justify-content:center;}
#mainmenu-mobile-language-selector .language-switcher-language-url>li {padding:7px;}
#mainmenu-mobile-language-selector .language-switcher-language-url a:hover, #mainmenu-mobile-language-selector .language-switcher-language-url .language-link.is-active {color:#000;}

body.page-node-type-article #mainmenu-mobile-language-selector .language-switcher-language-url li:first-child {display: inline-block;}

/* Shortcuts */
body.path-news a.menuToggleTrigger2, body.page-node-type-article a.menuToggleTrigger2 { border:1px solid #fff; background-color: #fff; color: #000;}
body.path-news a.menuToggleTrigger2.removefocus, body.page-node-type-article a.menuToggleTrigger2.removefocus { border:1px solid #000; background-color: #000; color: #fff;}
body.path-news a.menuToggleTrigger2.removefocus:hover, body.page-node-type-article a.menuToggleTrigger2.removefocus:hover { border:1px solid #fff; background-color: #fff; color: #000;}

.region-shortcuts-overlay { display:flex; width:100%;}
.region-shortcuts-overlay h2 { font-weight:500; color: #000;}
.region-shortcuts-overlay ul.menu, .region-shortcuts-overlay-2 ul.menu, .region-shortcuts-overlay-3 ul.menu, .region-shortcuts-overlay-4 ul.menu { list-style:none; margin:20px 0 0 0;}
.region-shortcuts-overlay .content ul.menu a, .region-shortcuts-overlay ul.menu li a {text-decoration:none; font-weight:100; color:#333 }
.region-shortcuts-overlay .content ul.menu a:hover, .region-shortcuts-overlay ul.menu li a:hover {color: #164efe; font-weight: 500; }
.region-shortcuts-overlay .content li+li, .region-shortcuts-overlay ul.menu li { margin-top:14px;}
.region-shortcuts-overlay ul.menu li.menu-item--active-trail a { color: #164efe; font-weight: 500;}

.region-shortcuts-overlay-2 ul.menu, .region-shortcuts-overlay-3 ul.menu, .region-shortcuts-overlay-4 ul.menu {display:flex; margin:0; padding:0;}
.region-shortcuts-overlay-2 ul.menu li.menu-item, .region-shortcuts-overlay-3 ul.menu li.menu-item, .region-shortcuts-overlay-4 ul.menu li.menu-item {margin:0 40px 10px 0; padding:0;}
.region-shortcuts-overlay-2 .content li+li, .region-shortcuts-overlay-3 .content li+li, .region-shortcuts-overlay-4 .content li+li { margin-top:14px;}
.region-shortcuts-overlay-2 ul.menu li.menu-item a, .region-shortcuts-overlay-3 ul.menu li.menu-item a, .region-shortcuts-overlay-4 ul.menu li.menu-item a {text-decoration:none; font-weight:500; color: #000; }
.region-shortcuts-overlay-2 ul.menu li.menu-item a:hover, .region-shortcuts-overlay-3 ul.menu li.menu-item a:hover, .region-shortcuts-overlay-4 ul.menu li.menu-item a:hover {color: #164efe; }
.region-shortcuts-overlay-2 ul.menu li.menu-item--active-trail a, .region-shortcuts-overlay-3 ul.menu li.menu-item--active-trail a, .region-shortcuts-overlay-4 ul.menu li.menu-item--active-trail a { color: #164efe; font-weight: 500;}

.shortcuts-overlay-button { padding:0; display:flex; align-items:center;  margin:0; border:0; font-size:100%; box-sizing:border-box; outline:none;}
a.menuToggleTrigger, a.menuToggleTrigger2, a.menuToggleTrigger3, a.menuToggleTrigger4, a.header-button-std { border: 1px solid #000; height: 2.8rem; padding: 0.6rem 1.3rem; font-size: 1rem; display: flex; align-items: center; justify-content: center; border-radius: 6.25rem; font-weight: 500; cursor: pointer; font-family: 'Gotham'; color: #fff; text-align: center; white-space: nowrap; transition: all .2s ease-in-out;}
a.menuToggleTrigger:hover, a.menuToggleTrigger2:hover, a.menuToggleTrigger3:hover, a.menuToggleTrigger4:hover, a.header-button-std:hover { border:1px solid #fff; background-color: #fff; color: #000;}
a.shortcutsopen { border:1px solid #fff; background-color: #fff; color: #000;}
a.shortcutsactive { border:1px solid #fff; background-color: #fff; color: #000;}

#shortcuts-overlay, #shortcuts-overlay-2, #shortcuts-overlay-3, #shortcuts-overlay-4 {position:fixed; top:128px; width:100%; height:auto; background-color:rgba(255,255,255,1); display:none; z-index:10; overflow:hidden;}
.header-is-stuck #shortcuts-overlay, .header-is-stuck #shortcuts-overlay-2, .header-is-stuck #shortcuts-overlay-3, .header-is-stuck #shortcuts-overlay-4  {position:fixed; top:80px; }
#shortcuts-overlay.default , #shortcuts-overlay-2.default, #shortcuts-overlay-3.default, #shortcuts-overlay-4.default {display:none;}
#shortcuts-overlay.shortcutsopen, #shortcuts-overlay-2.shortcutsopen, #shortcuts-overlay-3.shortcutsopen, #shortcuts-overlay-4.shortcutsopen {display:inline-block; box-shadow: 0px 0px 10px rgba(0,0,0,.5);}
#shortcuts-overlay-links-2, #shortcuts-overlay-links-3, #shortcuts-overlay-links-4 {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; padding:2% 175px 2%}

#shortcuts-overlay-links {display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; padding:2% 175px 5%}
.shortcuts-overlay-column, #block-mainmenu-3, #block-mainmenu-4, #block-mainmenu-5, #block-mainmenu-6 {width:auto; display:flex; flex-direction:column; flex-wrap:nowrap; margin-right:60px;}

#shortcuts-overlay-bkg { position:fixed; top:0; width:100%; height:100%; background-color:rgba(255,255,255,0.8); display:none; z-index:3; overflow:hidden;}
html.shortcutsopen { overflow-y:scroll; position:fixed; width: 100%;}
html.shortcutsopen #shortcuts-overlay-bkg {display:inline-block;}
/* END Shortcuts */

body.toolbar-horizontal #shortcuts-overlay, body.toolbar-horizontal #shortcuts-overlay-2, body.toolbar-horizontal #shortcuts-overlay-3, body.toolbar-horizontal #shortcuts-overlay-4 {top:165px; padding-top:41px; border-top:40px solid #000;}
body.toolbar-horizontal .header-sticky-wrapper {top:40px; z-index:unset;}
body.toolbar-horizontal .main-content-wrapper { margin-top:40px;}
body.path-frontpage div.node__content { padding-top:100px;}

.teaser-focus .icon-svg-wrapper, .node--view-mode-teaser-spotlight .layout-body .icon-svg-wrapper { background:#fff;}
.teaser-focus .icon-svg-wrapper .icon-svg .fill, .node--view-mode-teaser-spotlight .layout-body .icon-svg-wrapper .icon-svg .fill {fill: #000}
.teaser-focus__body-left { min-height:48px; display:flex; align-items:center; flex-wrap:wrap;}
.teaser-focus__body {padding:1rem 1.75rem; }
.teaser-focus__title h2 {min-height:48px; display:flex; flex-wrap:wrap; align-items: center;}

/* Paragraphs */
.tabs.tabs--type--tab-wrapper { width:100%; margin:0 auto; max-width:60rem;}
#tab-buttons { display:flex; width:100%; margin:50px auto; justify-content:center; align-items:center;}
#tab-buttons ul {list-style:none; display:flex; margin:0; padding:0;}
#tab-buttons li a { border:1px solid #0f1113; color:#0f1113;; padding:3px 20px; margin:0 10px; font-size:.95em; font-weight:100; text-transform:uppercase; text-decoration:none; display:flex; align-items:center; justify-content:center; border-radius:6.25rem;}									
#tab-buttons li a.tabisopen {color:#fff; background-color:#164dff; border:1px solid #164dff;}
#tab-panes .tabs--type--tab-item {display:none;}
#tab-panes .tabs--type--tab-item.tabisopen {display:flex;}

.cols2-tp { width:100%; margin:0 auto; max-width:90rem; margin-top:5rem; margin-bottom:5rem; }
.cols2-tp-container {display:flex; flex-direction:row; width:100%; flex-wrap:wrap;}
.cols2-tp-col {width:50%; display:flex; flex-direction:column; padding: 0 30px;}
#cols2-tp-text h3 {font-size:1.5em; margin-bottom:0.6666em; font-weight:500;}
#cols2-tp-picture .field--type-image .field__item {aspect-ratio: 18/9;}
#cols2-tp-picture .field--type-image .field__item img {width: 100%; object-fit: cover; height: 100%; border-radius:25px;}

/* Page News */
#block-introsearchautoen-2 { background: #164efe; color: #fff;}
#block-introsearchautoen-2 h1 { color: #fff; text-align:center; font-size:3.5em; text-transform:uppercase; margin:0; padding:100px 0 0 0;}
#views-exposed-form-articles-news-grid .form--inline, #views-exposed-form-newsgrid-news-grid .form--inline, #views-exposed-form-newsgrid-page-1 .form--inline, #views-exposed-form-newsgrid-page-2 .form--inline, #views-exposed-form-newsgrid-page-3 .form--inline, #views-exposed-form-newsgrid-page-4 .form--inline, #views-exposed-form-newsgrid-page-5 .form--inline,  #views-exposed-form-newsgrid-page-6 .form--inline {position: relative;}
#views-exposed-form-articles-news-grid .js-form-type-search-api-autocomplete, #views-exposed-form-newsgrid-news-grid .js-form-type-textfield, #views-exposed-form-newsgrid-page-1 .js-form-type-textfield, #views-exposed-form-newsgrid-page-2 .js-form-type-textfield, #views-exposed-form-newsgrid-page-3 .js-form-type-textfield, #views-exposed-form-newsgrid-page-4 .js-form-type-textfield, #views-exposed-form-newsgrid-page-5 .js-form-type-textfield, #views-exposed-form-newsgrid-page-6 .js-form-type-textfield { display:flex; width:100%; justify-content:center; align-items:center; background: #164efe; margin:0;  padding:50px 0 90px 0;}
#views-exposed-form-articles-news-grid .js-form-type-search-api-autocomplete  input.form-autocomplete, #views-exposed-form-newsgrid-news-grid .js-form-type-textfield .control, #views-exposed-form-newsgrid-page-1 .js-form-type-textfield .control, #views-exposed-form-newsgrid-page-2 .js-form-type-textfield .control, #views-exposed-form-newsgrid-page-3 .js-form-type-textfield .control, #views-exposed-form-newsgrid-page-4 .js-form-type-textfield .control, #views-exposed-form-newsgrid-page-5 .js-form-type-textfield .control, #views-exposed-form-newsgrid-page-6 .js-form-type-textfield .control { background: #fff; max-width:30%; color: #000; font-weight:500; height:3.25rem;}
#views-exposed-form-newsgrid-news-grid .js-form-type-textfield .control, #views-exposed-form-newsgrid-page-1 .js-form-type-textfield .control, #views-exposed-form-newsgrid-page-2 .js-form-type-textfield .control, #views-exposed-form-newsgrid-page-3 .js-form-type-textfield .control, #views-exposed-form-newsgrid-page-4 .js-form-type-textfield .control, #views-exposed-form-newsgrid-page-5 .js-form-type-textfield .control, #views-exposed-form-newsgrid-page-6 .js-form-type-textfield .control { width:30%;}
#views-exposed-form-newsgrid-news-grid .js-form-type-textfield .control input[type="text"], #views-exposed-form-newsgrid-page-1 .js-form-type-textfield .control input[type="text"], #views-exposed-form-newsgrid-page-2 .js-form-type-textfield .control input[type="text"], #views-exposed-form-newsgrid-page-3 .js-form-type-textfield .control input[type="text"], #views-exposed-form-newsgrid-page-4 .js-form-type-textfield .control input[type="text"], #views-exposed-form-newsgrid-page-5 .js-form-type-textfield .control input[type="text"], #views-exposed-form-newsgrid-page-6 .js-form-type-textfield .control input[type="text"] {background:transparent; width:100%; padding:0; height:100%; padding:1.2rem 1.875rem;}
#views-exposed-form-articles-news-grid #edit-actions, #views-exposed-form-newsgrid-news-grid #edit-actions, #views-exposed-form-newsgrid-page-1 #edit-actions, #views-exposed-form-newsgrid-page-2 #edit-actions, #views-exposed-form-newsgrid-page-3 #edit-actions, #views-exposed-form-newsgrid-page-4 #edit-actions, #views-exposed-form-newsgrid-page-5 #edit-actions, #views-exposed-form-newsgrid-page-6 #edit-actions { background:none; border-radius:0; padding:0; margin:0; width:auto; max-width:unset; position:absolute; bottom:95px; right:36%; display:flex; justify-content:center; z-index:2 ;}
#views-exposed-form-newsgrid-news-grid #edit-actions, #views-exposed-form-newsgrid-page-1 #edit-actions, #views-exposed-form-newsgrid-page-2 #edit-actions, #views-exposed-form-newsgrid-page-3 #edit-actions, #views-exposed-form-newsgrid-page-4 #edit-actions, #views-exposed-form-newsgrid-page-5 #edit-actions, #views-exposed-form-newsgrid-page-6 #edit-actions { right:37%;}
#views-exposed-form-articles-news-grid #edit-actions .button, #views-exposed-form-newsgrid-news-grid #edit-actions .button, #views-exposed-form-newsgrid-page-1 #edit-actions .button, #views-exposed-form-newsgrid-page-2 #edit-actions .button, #views-exposed-form-newsgrid-page-3 #edit-actions .button, #views-exposed-form-newsgrid-page-4 #edit-actions .button, #views-exposed-form-newsgrid-page-5 #edit-actions .button, #views-exposed-form-newsgrid-page-6 #edit-actions .button { width:40px; height:40px; max-width:inherit; margin:0; background: url("/sites/default/themes/custom/frontend/dist/images/search.gif") no-repeat; border:0; overflow:hidden; text-indent: -9999px; }

#block-formulaireexposenewsgridblock-1 .form--inline, #block-zichtbaarformuliernewsgridblock-1 .form--inline {position: relative;}
#block-formulaireexposenewsgridblock-1 .js-form-type-textfield, #block-zichtbaarformuliernewsgridblock-1 .js-form-type-textfield { display:inherit; width:100%; justify-content:center; align-items:center; background: #164efe; margin:0;  padding:0;}
#block-formulaireexposenewsgridblock-1 .js-form-type-textfield .control, #block-zichtbaarformuliernewsgridblock-1 .js-form-type-textfield .control { background: #fff; width:100%; max-width:100%; color: #000; font-weight:500; height:3.25rem;}
#block-formulaireexposenewsgridblock-1 .js-form-type-textfield .control input[type="text"], #block-zichtbaarformuliernewsgridblock-1 .js-form-type-textfield .control input[type="text"] {background:transparent; width:100%; padding:0; height:100%; padding:1.2rem 1.875rem;}
#block-formulaireexposenewsgridblock-1 .js-form-type-textfield .control #edit-search-api-fulltext::placeholder, #block-zichtbaarformuliernewsgridblock-1 .js-form-type-textfield .control #edit-search-api-fulltext::placeholder { color:rgb(97, 97, 97); }
#block-formulaireexposenewsgridblock-1 #edit-actions, #block-zichtbaarformuliernewsgridblock-1 #edit-actions { background:none; border-radius:0; padding:0; margin:0; width:auto; max-width:unset; position:absolute; bottom:12px; right:20px; display:flex; justify-content:center; z-index:2 ;}
#block-formulaireexposenewsgridblock-1 #edit-actions .button, #block-zichtbaarformuliernewsgridblock-1 #edit-actions .button { width:40px; height:40px; max-width:inherit; margin:0; background: url("/sites/default/themes/custom/frontend/dist/images/search.gif") no-repeat; border:0; overflow:hidden; text-indent: -9999px; }


#views-exposed-form-articles-news-grid fieldset, #views-exposed-form-newsgrid-news-grid fieldset { max-width:100%; background: #164efe; color: #fff; border-radius:0; display:none; justify-content:center; padding:70px 10px 10px; }
#views-exposed-form-articles-news-grid fieldset label.option, #views-exposed-form-newsgrid-news-grid fieldset label.option { color:#fff; text-transform:uppercase; font-size:.8em;}
#views-exposed-form-articles-news-grid fieldset label.radio, #views-exposed-form-newsgrid-news-grid fieldset label.radio { display:none;}
#views-exposed-form-articles-news-grid fieldset .radio-label, #views-exposed-form-newsgrid-news-grid fieldset .radio-label { border-radius:20px; border:1px solid #fff; padding:2px 20px;}
#views-exposed-form-articles-news-grid fieldset .form--inline .form-item, #views-exposed-form-newsgrid-news-grid fieldset .form--inline .form-item { margin-right:1.5em;}
#views-exposed-form-articles-news-grid fieldset .form--inline .form-item:last-child, #views-exposed-form-newsgrid-news-grid fieldset .form--inline .form-item:last-child { margin-right:0;}
#views-exposed-form-articles-news-grid fieldset .radio-wrapper.isactive .radio-label, #views-exposed-form-articles-news-grid fieldset .radio-label:hover, #views-exposed-form-newsgrid-news-grid fieldset .radio-wrapper.isactive .radio-label, #views-exposed-form-newsgrid-news-grid fieldset .radio-label:hover { background-color:#000; border:1px solid #000; color:#fff;}

/* Page News - First child */
.view-articles .item-list > ul, .view-newsgrid .item-list > ul{ display:flex; flex-wrap:wrap; justify-content:center; padding:0;  width:100%;}
.view-articles .item-list>ul>li:first-child, .view-newsgrid .item-list>ul>li:first-child { display:flex; width:100%; max-width:100%; margin:100px 20px;}
.view-articles .item-list>ul>li:first-child article, .view-newsgrid .item-list>ul>li:first-child article { width:100%; margin:0 auto; max-width:81rem;}
.view-articles .item-list>ul>li:first-child .node__content, .view-newsgrid .item-list>ul>li:first-child .node__content { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center;}
.view-articles .item-list>ul>li:first-child .layout-head, .view-newsgrid .item-list>ul>li:first-child .layout-head { width:50%; padding:1.125rem;}
.view-articles .item-list>ul>li:first-child .layout-body, .view-newsgrid .item-list>ul>li:first-child .layout-body { width:50%; padding:4.25rem 3rem; }
.view-articles .item-list>ul>li:first-child .layout-head .field--name-field-cover a, .view-newsgrid .item-list>ul>li:first-child .layout-head .field--name-field-cover a { aspect-ratio: 20/13;}
.view-articles .item-list>ul>li:first-child .layout-head .field--name-field-cover img, .view-newsgrid .item-list>ul>li:first-child .layout-head .field--name-field-cover img { display:block; width:100%; transition:all .3s ease-out; height:100%; object-fit:cover;}
.view-articles .item-list>ul>li:first-child .layout-head .field--name-field-categories, .view-newsgrid .item-list>ul>li:first-child .layout-head .field--name-field-categories { position:absolute; left:100%; width:100%; padding:0 0 0 45px;}
.view-articles .item-list>ul>li:first-child .layout-body .field--name-title > h3, .view-newsgrid .item-list>ul>li:first-child .layout-body .field--name-title > h3 { font-size: 2.125rem; margin: 0 0 1.875rem 0; color:#000; line-height:1.2em;}
.view-articles .item-list>ul>li:first-child .layout-head .field--name-field-categories .field__item, .view-newsgrid .item-list>ul>li:first-child .layout-head .field--name-field-categories .field__item {margin: 0.1875rem;  background: transparent; -webkit-backdrop-filter: blur(3px);  backdrop-filter: blur(3px); border-radius: 6.25rem; text-transform:uppercase; color: #000; font-weight:500; font-size:.6875rem; line-height:1; padding:0.3125rem 0.625rem; border:1px solid #000;}

.view-newsgrid .view-header  { display:flex; width:100%; justify-content:center; align-items:center; background: #164efe; margin:0;}
.view-newsgrid .view-header h1 { color:#fff; text-align:center; font-size:3.5em; text-transform:uppercase; margin:0; padding:100px 0 0 0; }
.view-newsgrid .item-list > ul > * { padding: 1.125rem; margin: 0; width: 25%; max-width: 25.625rem;}
.view-newsgrid .item-list {padding: 0 2.25rem;}

.view-empty { display:flex; width:100%; justify-content:center; align-items:center; flex-direction:column; text-align:center;}
.view-empty h2 { font-weight:500; font-size:4em; margin:.5em 0 1em 0; color: #164efe;}
.view-empty strong { font-weight:500; color: #164efe;}
.view-empty .bodytext { font-size:2em; text-align:center; width:60%; line-height:1.3em;  margin:1em 0; }
.view-empty .bodytext p { margin-bottom:2em;} .view-empty .bodytext p:last-child { margin-bottom:0;}

/* Page Presse */
body.page-node-type-news .region-header-right #block-headertools ul.menu li:nth-child(2) a, body.page-node-type-news .region-header-right #block-headertools-2 ul.menu li:nth-child(2) a { background: #fff; border-color: #fff; color: #000;}
.view-press { margin:0 20%}
.view-press  ul { list-style:none;}
.view-press a { color: #000; font-weight:500; }
.view-press a:hover { color: #164efe;}
.view-press ul li {margin-bottom:20px;}

/* Page Presse */
#cols2-tp-text ul { list-style: disc outside; margin-left: 2em; margin-top: 1em;}
#cols2-tp-text ul li { padding: 0 0 0 5px; margin: 0 0 0 10px; }

.field--name-field-components > .field__item:not(:first-child) > .paragraph:not(.paragraph--type--children-wrapper):not(.paragraph--type--p-count-premiers) {margin-top: 3.4rem;  margin-bottom: 3.4rem;}
.field--name-field-components > .field_item--next-hero > .paragraph {padding-top:0!important;}

/* Formulaire de contat - recaptcha bloc */
fieldset.captcha {display:none;}
.webform-details-toggle fieldset.captcha {width:100%; margin:0 auto; max-width:52.1875rem; display:block; position:relative; background-color: #f1f3f5; padding-bottom:100px; top:-30px;}
fieldset.captcha legend, fieldset.captcha .captcha__element, fieldset.captcha .description {width:100%; margin:0 auto; max-width:40rem;}
fieldset.captcha legend {display:none;}
fieldset.captcha .description {line-height:1.2em; padding-top:20px; font-size:0.85em;}

/* Block Focus Home - 5 items */
.field--name-field-focus-bottom { display:flex; width:100%; flex-direction:row;}
.field--name-field-focus-bottom > .field__item { width:50%; padding: .6250rem 0 .6250rem .3125rem;}
.field--name-field-focus-bottom > .field__item:first-child { width:50%; padding: .6250rem .3125rem .6250rem 0;}
.field--name-field-focus-bottom  .teaser-focus__background {height:400px;}
.teaser-focus__background::before {height: 8rem!important; opacity: .6;}
.field--name-field-focus-bottom .teaser-focus__image { display:flex; width:100%; height:100%;}
.field--name-field-focus-bottom .field--name-field-media-image { width:100%; height:100%;}
.field--name-field-focus-bottom .field--name-field-cover { width:100%; height:100%;}
.field--name-field-focus-bottom .teaser-focus__image a, .field--name-field-focus-bottom .teaser-focus__image img {width:100%; height:100%;}
.field--name-field-focus-bottom .teaser-focus__image img { width:100%; height:100%; object-fit:cover;}
.paragraph--type--focus-to .teaser-focus__title h2 {text-transform: uppercase; }
.paragraph--type--focus-to .field--name-field-date  { color: #fff; padding:10px; font-weight:500; font-size:.8rem; line-height:1; margin:0.1875rem; display:none;}

/* Block Last News Home - 3 items */
.paragraph--type--last-news .field--name-field-contenu { display: flex; margin:0 auto; justify-content:center; max-width:100rem; flex-wrap: wrap;}
.paragraph--type--last-news .field--name-field-contenu > .field__item { width:33%; padding:.3125rem;}
.paragraph--type--last-news .field--name-field-title { text-align:center; font-size:2.2em;  text-transform:uppercase; margin:0 0 2em 0; font-weight:500;}
.paragraph--type--last-news .field--name-field-date  { color: #fff; padding:10px; font-weight:500; font-size:.8rem; line-height:1; margin:0.1875rem; }

/* Block Focus news */
#block-views-block-focus-news-block-1 {width:80%; margin: 80px auto;}
.focus-news-grid {display:flex; width:100%; flex-wrap:wrap; align-items:center; justify-content:center;}
.focus-news-grid li {width:33%; display:flex; flex-direction:column; margin:0; padding:0 20px; height:600px; overflow:hidden; position:relative;}
.focus-news-grid li > div, .focus-news-grid li > div > span {position:relative; height:100%; width:100%; display:flex;}
.focus-header {height:100%; width:100%;}
.focus-header-cover {border-radius:1.25rem; overflow: hidden; height:100%; background-color: #ccc;}
.focus-header-cover article, .focus-header-cover .field , .focus-header-cover .field__item  {height: 100%;}
.focus-header-cover img { max-width:100%; height:100%; object-fit:cover;}
.focus-header-areas {z-index: 2; display: flex; flex-wrap: wrap; position: absolute; max-width: 90%; left: 0.75rem; top: 0.75rem;}
.focus-header-areas a, .focus-header-areas div.field { margin: 0.1875rem; background: rgba(15,17,19,.3); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); border-radius: 6.25rem; text-transform: uppercase; color: #fff; font-weight: 500; font-size: .6875rem; line-height: 1; padding: 0.3125rem 0.625rem;}
.focus-body {position: absolute!important; z-index: 2; left: 0; bottom: 0; width: 100%; padding: 1.875rem; border-top: 1px solid hsla(0,0%,100%,.25); display: flex; align-items: center; pointer-events: none; text-align: left;}
.focus-body h3, .focus-body h3 a {font-weight:500; color: #fff; font-size:1.5rem; line-height:1.5rem;}
.focus-header-cover .field__item img:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 18.75rem; background: linear-gradient(0deg,#000 30%,transparent); opacity: .7;}
.teaser-focus__image-holder  {width:100%;}


@media (max-width: 1600px) {
    .region-header-right #block-headertools ul.menu li a, .region-header-right #block-headertools-2 ul.menu li a, a.menuToggleTrigger, a.menuToggleTrigger2, a.menuToggleTrigger3, a.menuToggleTrigger4, a.header-button-std {height:auto; padding:0.6em 1.3em; font-size:.8em; font-weight:100;}
} 
@media (max-width: 1375px) {
    .header-sticky-wrapper {display:none;}
    #shortcuts-overlay.shortcutsopen, #shortcuts-overlay-2.shortcutsopen, #shortcuts-overlay-3.shortcutsopen, #shortcuts-overlay-4.shortcutsopen, #shortcuts-overlay-bkg {display:none;}
    #mainmenu-mobile-tools.formobile {display:flex; align-items:center; justify-content: space-between; position:fixed; z-index:999; top:0; width:calc(100% - 70px); height:80px;}
}
@media (max-width: 1160px) {
    #shortcuts-overlay.shortcutsopen, #shortcuts-overlay-2.shortcutsopen, #shortcuts-overlay-3.shortcutsopen, #shortcuts-overlay-4.shortcutsopen, #shortcuts-overlay-bkg {display:none;}
    #mainmenu-mobile-tools.formobile {display:flex; align-items:center; justify-content: space-between; position:fixed; z-index:999; top:0; width:calc(100% - 70px); height:80px;}
}
@media (max-width: 1023px) {
    .footer-main__top {width:66.66%;}
    .footer-main__aside {width:33.33%;}
    .view-newsgrid .item-list > ul > * {width:33.33%;}
    #block-headertools {display:none;}
    .header-container > .left, .header-container > .right { width: 50%; }
} 
@media (max-width: 959px) {
    
}
@media (max-width: 768px) {
    .page-footer-wrapper.is-fixed {position: relative;}
    .footer-main__top {width:100%; align-items:flex-end; justify-content:flex-end;}
    .footer-main__aside {width:100%; align-items:flex-start; justify-content:flex-start;}
    #footer-address-holder {flex-direction: column;}
    #footer-logo {margin-right:0px; width:55px;}
    .footer-copyright, #block-footer ul.menu>.menu-item a {font-size:.85rem;}
    .title-banner__title h1 { font-size:2.5em!important; margin-bottom: 0!important;}
    #tab-buttons ul { width:100%; flex-direction:column;}
    #tab-buttons li a { padding:8px 20px; margin:10px 10px; font-size:1em;}
    .cols2-tp-container { flex-direction:column;}
    .cols2-tp-col { width:100%; padding:0 0 30px 0;}
    .field--name-field-focus-bottom {flex-direction:column; flex-wrap: wrap; }
    .field--name-field-focus-bottom > .field__item, .field--name-field-focus-bottom > .field__item:first-child { width:100%; padding:0.625rem 0;}
    .view-press { margin:0 30px}
    .field--name-field-focus-bottom .teaser-focus__background {height: auto;}
    .paragraph--type--last-news .field--name-field-title {font-size:1.2em; margin:0 20px 2em 20px;}
    .paragraph--type--last-news .field--name-field-contenu > .field__item { width:100%; }
    #block-introsearchautoen-2 h1 { font-size:2.2em;}
    body.path-news .form-radios.form--inline { justify-content: center; display: flex; align-items: center; text-align: center; flex-wrap: wrap;}
    #views-exposed-form-articles-news-grid fieldset .form--inline .form-item { margin:0.5em; }
    #views-exposed-form-articles-news-grid .js-form-type-search-api-autocomplete input.form-autocomplete { max-width:80%;}
    #views-exposed-form-newsgrid-news-grid .js-form-type-textfield .control, #views-exposed-form-newsgrid-page-1 .js-form-type-textfield .control, #views-exposed-form-newsgrid-page-2 .js-form-type-textfield .control, #views-exposed-form-newsgrid-page-3 .js-form-type-textfield .control, #views-exposed-form-newsgrid-page-4 .js-form-type-textfield .control, #views-exposed-form-newsgrid-page-5 .js-form-type-textfield .control, #views-exposed-form-newsgrid-page-6 .js-form-type-textfield .control { max-width:80%; width:80% }
    #views-exposed-form-newsgrid-news-grid #edit-actions, #views-exposed-form-newsgrid-page-1 #edit-actions, #views-exposed-form-newsgrid-page-2 #edit-actions, #views-exposed-form-newsgrid-page-3 #edit-actions, #views-exposed-form-newsgrid-page-4 #edit-actions, #views-exposed-form-newsgrid-page-5 #edit-actions, #views-exposed-form-newsgrid-page-6 #edit-actions { right:16%;}
    #views-exposed-form-articles-news-grid #edit-actions { right:13%;}
    .view-articles .item-list>ul>li:first-child, .view-newsgrid .item-list>ul>li:first-child {margin: 0;}
    .view-articles .item-list>ul>li:first-child .node__content, .view-newsgrid .item-list>ul>li:first-child .node__content { flex-direction: column; }
    .view-articles .item-list>ul>li:first-child .layout-head, .view-newsgrid .item-list>ul>li:first-child .layout-head { width:100%;}
    .view-articles .item-list>ul>li:first-child .layout-body, .view-newsgrid .item-list>ul>li:first-child .layout-body { width:100%; padding:0.25rem; }
    .view-articles .item-list>ul>li:first-child .layout-body .field--name-title > h3, .view-newsgrid .item-list>ul>li:first-child .layout-body .field--name-title > h3 {font-size:1.4em; margin:0 10px;}
    .view-articles .item-list>ul>li:first-child .layout-head .field--name-field-categories, .view-newsgrid .item-list>ul>li:first-child .layout-head .field--name-field-categories { left:10px; padding:15px 0 0 15px; z-index:10; }
    .view-articles .item-list>ul>li:first-child .layout-head .field--name-field-categories .field__item, .view-newsgrid .item-list>ul>li:first-child .layout-head .field--name-field-categories .field__item { color: #fff; border:1px solid #fff;}
    .article-wrapper {padding-top: 7.5rem;}
    .teaser-focus:not(.is-bigger) .teaser-focus__image .teaser-focus__image-holder {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
    .view-newsgrid .item-list > ul > * {width: 50%; max-width: 24.375rem; padding: .9375rem .5rem;}
    .view-newsgrid .view-header h1 { padding:100px 20px 0 20px; font-size: 2em;}
    .node--type-article.node--view-mode-teaser .layout-body .field--name-title > h3 {font-size: .8rem; font-weight: 100; line-height: 1.2em; }
    .view-empty h2 { font-size:2em;}
    .view-empty .bodytext { font-size:1.2em; width:80%;}
    .view-empty img { width:60%; margin:0 auto;}
    fieldset.captcha {padding:3.125rem 1rem;}
}