/* ---------- CSS for all the Sites of MOM and his Labos ----------- */

/* ---------- Global ----------- */
body{font-family:'Source Sans Pro';color:#3a3939 !important}
a {text-decoration: none;}
a:not(.active):hover {text-decoration: underline;}
.d-hide{visibility:hidden }    /* hidden, but keep the occupied space */
.bg-color-light{background-color: #eeeded !important;}
.bg-color-dark a{color:#fe8900}
.bg-color-dark a.link-orange{color: #fe8900;}
.bg-color-dark a:hover {color: #ffffff;}
.bg-color-dark a.link-orange:hover {color: #fe8900;}
.link-white{color: #ffffff !important;}
.link-black{color: #2a2a2a !important;}

.btn-outline-mom{color: #e2702c;background-color: transparent;border-color: #e2702c;}
.btn-outline-mom:hover {color: #ffffff;background-color:#e2702c;border-color: #e2702c;}
a.btn-outline-mom:hover{text-decoration:none}
.btn-mom {color: #ffffff;background-color: #e2702c;border-color: #ffc107;}

#navbar-main div.contextual ul.contextual-links li a{color: #333 !important} /* override color#fff for this region */*/

.view-frontpage { max-height:0}

.navbar-toggler:focus {box-shadow: 0 0 0 0.15rem #191919;}
/*By default, the dropdown link is disabled, we here change his name from 'dropdown-toggle' to 'dropdown-toggle-link', so the link wont be disabled */
.dropdown-toggle-link::after {display: inline-block;margin-left: .5em;vertical-align: .255em;content: "";border-top: .3em solid;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;}

/* ---------- SVG image filter to change SVG image color ----------- */
.svg-filter-white{filter: invert(100%) sepia(6%) saturate(0%) hue-rotate(115deg) brightness(108%) contrast(108%);}
.svg-filter-grey{filter: invert(46%) sepia(6%) saturate(6%) hue-rotate(135deg) brightness(83%) contrast(91%);}

.path-frontpage #main-wrapper{padding-bottom:0}
/* #main-wrapper{padding-bottom:2rem} */
/* section.section{margin-top:2rem} */
.container, .container-lg, .container-md, .container-sm, .container-xl,#menu-wrap {max-width: 1400px;}
.w-80 {width:78%;display:inline-block;}
.w-20 {width:20%;display:inline-block}
.w-30{width:30%;display:inline-block}
.w-70{width:68%;display:inline-block}
.thumbnail-120{width:120px}

/* ---------- Region Header ----------- */
#first_header_wrapper{background: #eeeded;padding:0 0 0 2rem;}
#first_header_wrapper .row .col-md-6 div{display:inline-block}
#first_header_wrapper .row .col-md-6{margin-top:.25rem}
.usr, .syndicate{font-size:1rem;color:#353536;font-family:'Roboto Light';padding-top:.25rem;}
.rss{font-weight:700;}
.feed-icon {background: url(../images/rss-solid.svg) no-repeat;display:inline-block;margin-left:.125rem;width:.85rem;height:.85rem}
.social_wrap{padding-right:.5rem;border-right:1px solid #d3d7d9 }
.social-network img{transform: scale(1.25);padding:0 .375rem;}
#first_header_wrapper .form-row > fieldset, .form-row > div {padding:0 !important;}
#first_header_wrapper form.search-block-form {margin-left:.5rem}
#first_header_wrapper .input-group > .form-control{width:auto;display:inline-block}
#first_header_wrapper button.form-submit {font-size: .875rem;padding:0.25rem .5rem;margin-top:-.15rem;border-top-left-radius: 0;border-bottom-left-radius: 0;}

.region-top-header{padding:0 1rem;}
#header .container {/*width: auto;*/display:block}
#header #navbar-main .container {padding-left:0;}
.site-name, .site-slogan, .labo-mom{font-family:'Segoe UI Regular'}
.site-name {text-transform: uppercase;margin: 0;font-weight: lighter;font-size: 1.75em;}
.site-slogan{font-size:1.2rem;font-weight:700}
/* .site-name-slogan{margin-left:auto;margin-right:auto} */
.labo-mom{font-family:'Source Sans Pro Light';font-size: 1.2rem; font-weight:700; color:#000;}

/* these rules are for Bootstrap 5*/
/* #header .row a.site-logo, */
/* #header .row .site-name-slogan,  */
/* #header .row a.logo-mom, */
/* .featured-bottom .row #block-logosdufootercontent{display:inline-block;width: auto;} */

/* main menu */
.navbar-nav{flex: 1;margin: auto !important;display: flex;justify-content: space-between;}
#menu-wrape,.menu--main{width:100%}
#navbar-main.navbar{padding:0}
#navbar-main ul.navbar-nav  {font-family:'Source Sans Pro';}
#navbar-main ul.navbar-nav>li.nav-item {margin:.15rem .4vw 0 .4vw;padding-bottom:.15rem;font-size: 1.1rem;} /*vw = Viewport Width: This measurement is based on the width of the viewport. A value of 1vw equals 1% of the viewport width.*/
.navbar-expand-lg .navbar-nav .nav-link {padding-right:.15rem;padding-left:.15rem;}
#navbar-main ul.navbar-nav>li>a, #navbar-main ul.navbar-nav .nav-link {color: #ffffff !important;text-transform: uppercase}

#navbar-main #menu-wrape{padding-left:1rem}
#navbar-main .nav-item .dropdown-menu{padding:0;border-radius:0;margin-top:0;box-shadow: 0 6px 12px rgb(0 0 0 / 18%);background-color:#212121;opacity:.88;text-transform:none;min-width:6rem;/*display:block*/}
.dropdown-menu-end{right: 0; left: auto}
#navbar-main li.dropdown-item ul.dropdown-menu{top:-1px;left:calc(100% - 1px);font-size: 1rem;opacity: 1;}
#navbar-main li.dropdown-item ul.dropdown-menu.dropleft{right: calc(100% - 1px); left: auto;}

#navbar-main .dropdown:hover>.dropdown-menu{ display: block;} /* dropdown-menu hover instead of click. This isn't good for small screen devise */
#navbar-main .menu-item-dark{background: rgba(0, 20, 20, 0.6);}
.block-menu .menu-item-dark:not(.sidebar ul li)(.menu-item--expanded){background: rgba(90, 90, 90, 0.05);}

.dropdown-menu .dropdown-item{padding-left:1rem;padding-right:1rem}
.dropdown-menu .dropdown-item:hover, #navbar-main .dropdown-item.active{background-color:#121212;}
.dropdown-menu .dropdown-item a:hover{color:#FFFFFF;}
#header #search-block-form{padding-top:0.5rem}
#header #search-block-form .form-control{padding:0}
#navbar-main .form-row > fieldset, #navbar-main .form-row > div {padding:0;margin:0;}
#navbar-main li.nav-item span.nav-link {color: #fdfcfc !important;}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}/* To fix a bug in the BARRIO theme */
#navbar-main ul.navbar-nav>li.nav-item.active{background: url(../img/menu_hover_active.png) repeat-x bottom left;}

/* Sidebar seconde menu */
#sidebar_second .nav .menu{list-style: none;}
#sidebar_second .nav .menu-item--expanded > a{color: #6c757d;pointer-events: none;cursor: default;}

.navbar-brand{margin-left:5rem}
.form-inline {align-items:start !important;}
#search-block-form .mb-3{margin-bottom:0 !important;}
/*transform the seearch input et submit button to "small"*/
#search-block-form #edit-submit{padding: .25rem .5rem;font-size: .875rem;line-height: 1.5;border-radius: .2rem;}
#search-block-form #edit-keys {height: calc(1.5em + .5rem + 2px);padding: .25rem .5rem;font-size: .875rem;line-height: 1.5;border-radius: .2rem;}

#header .row #headerSlide{padding-left:1rem;padding-right:1rem;background-color:#151515}
#header #headerSlide .carousel-control-prev{left:1rem;}
#header #headerSlide .carousel-control-next{right:1rem;}
.carousel-slide{background: #282828;padding: 0;}
.carousel-item img{max-width:100%}
#header .carousel-slide .view .row{margin:0}
#header .carousel-inner {background: url(../images/slide-back.png);}

.slider-caption h2{font-size:1.75rem;margin-bottom:1.5rem}
.slider-caption h3{font-size:1.25rem;margin-bottom:1rem}
.slider-caption a{color:#FE8900 }
.slider-caption *:last-child {padding-botom:0;margin-bottom:0}

.slider-img{width: calc(100% - 400px);display:inline-block;vertical-align:middle}

.slider-caption{color:#fff;padding:1rem 0.75rem;float:right;width:390px;display:inline-block;vertical-align:middle}
#header .carousel-control-next, #header .carousel-control-prev {width: 30px;opacity: .8;}
#header .carousel-control-next{margin-right:400px;}
#header .carousel-control-next-icon, #header .carousel-control-prev-icon {width: 30px;height: 60px; border: 1px solid gray;background-color:black;opacity: .6;}
#header .carousel-control-prev-icon{border-top-right-radius: 30px;border-bottom-right-radius: 30px;border-left: 0;}
#header .carousel-control-next-icon{border-top-left-radius: 30px;border-bottom-left-radius: 30px;border-right: 0;}

.breadcrumb{padding:0.75rem 1rem;background-color: #eeeded;}

/* ---------- Content ----------- */
article .node__content  img.align-left{padding-right:1rem}
.row-hr:not(:last-child){margin-bottom:2rem;padding-bottom:1rem;border-bottom: 1px solid;}
#content .block-page-title-block .content h1.title{font-size:2rem;color:#3A3939;border-bottom:1px solid #d3d7d9}

.page-view-frontpage .block h1, .page-view-frontpage .block h2{font-family:'Montserrat Regular';font-size:2rem;font-weight:500;}
#actualLeftUpDown.border-bottom{border-bottom:1px solid #d3d7d9 !important}

main#content .views-element-container, main#content article.node {padding: 1rem 3rem}
.page-view-agenda main#content .views-element-container{padding:0}
.page-view-agenda main#content .views-field-field-image-activite{float:right;margin-left:.5rem}
table thead tr {background-color:#919599;}
table {font-size:1rem}

.img-float-left{float:left; padding-right:1rem}
.img-float-right{float:right; padding-left:1rem}

.node--type-annuaire-du-personnel .field__label {margin: 0;font-size: 1.3em;color: #fe8900;font-weight: bold;letter-spacing: .02em;}
.node--type-annuaire-du-personnel .field--type-image img {float: left !important;margin: 0 20px 10px 0 !important;max-width: 200px;height:auto}
h3 {margin: 10px 0;font-size: 1.3em;color: #fe8900;font-weight: bold;letter-spacing: .02em;}
.chevron-down{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23009be1' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); width: 30px; height: 48px;}
.activites, .formation{overflow: hidden;} /* prevent the inside image height to exceed their parent height */

.publication-info .publication-title{font-size:1.2rem;font-weight:500}
.publication-info .publication-body{font-size:1.1rem;}

.views-field{margin-bottom:0.5rem;}
.views-field-field-titre, .views-field-field-date, .views-field-field-date-activite, .views-field-field-titre-publication, .views-field-field-date-publication, .views-field-field-intervalle-date-activites{font-weight:bold}
.views-row .views-field img{margin-left:1rem; margin-right:2rem}


.views-element-container > .view-filters{margin-bottom:1.5rem}
form.views-exposed-form fieldset, form.views-exposed-form .form-actions{display:inline-block}
div:not(.view-page-annuaire-du-personnel) > .view-filters > form.views-exposed-form .form-actions {display:none}
form.views-exposed-form .form-actions .btn{vertical-align:baseline;padding:.3rem .6rem}
.more-link{text-align:right}

.field.field--name-body > h2:first-child{display:none}
#block-formations h2{font-size:2.5rem;}

.node .field--name-field-titre-publication, .node .field--name-field-titre{font-weight:bold;font-size:1.5rem;margin-bottom:2rem}
.field--name-body br{line-height:200%}


/* ---------- Pagination ----------- */
.paginationjs.paginationjs-big .paginationjs-pages li.active > a {height:37px !important;line-height:37px !important;}
.paginationjs.paginationjs-big .paginationjs-pages li > a {min-width: 33px !important;height:36px !important;line-height:36px !important;font-size:14px !important;font-family: 'Source Sans Pro';}
.paginationjs.paginationjs-theme-custom .paginationjs-pages li.disabled > a {	opacity: 1;}


/* ---------- Map ----------- */
.map-wrap, #info-activite-wrap{margin: 0 5%}
#mapid { border: 1px solid #6c757d; }
.front-map{height: 400px}
.close, .one-site{cursor:pointer}
#image-terrian{text-align:center;margin:1rem 0}
#image-terrian img{max-width:300px}
#more-site .site-title{font-size:.94rem;font-weight:bolder;}
#more-site .site-photo img{max-width:150px;margin-top:.5rem}


/*  view-frontpage */
.view-frontpage  article header h2{font-size:1rem}
.page-view-frontpage .block-page-title-block .content h1.title{font-size:3rem;text-align:left;padding-bottom:0.5rem;margin-bottom:0.5rem;/*border-bottom:1px solid #cccccc;*/}
#actual-left{margin-top:-.5rem;}

.arrow-up-red, .arrow-up-white {width:3rem;display:inline-block;background-image: url("../images/chevron-compact-up.svg");background-position: center; background-repeat: no-repeat;transform: scale(2);margin-right:auto;caret-color: transparent;}
.arrow-down-red, .arrow-down-white {width:3rem;display:inline-block;background-image: url("../images/chevron-compact-down.svg");background-position: center; background-repeat: no-repeat;transform: scale(2);margin-right:auto;caret-color: transparent;}
.scroll-container {display: block;overflow-y: scroll;scroll-behavior: smooth;overflow: scroll;overflow-x: hidden;scrollbar-width: none; /* Firefox */-ms-overflow-style: none;  /* IE 10+ */}
#actualLeftScroll .views-row, #actualLeftScroll .views-row{display: flex;}
.scroll-container::-webkit-scrollbar {width: 0px;background: transparent; /* Chrome/Safari/Webkit */}

#actualLeftUp, #actualLeftDown, #actualRightUp, #actualRightDown, #formationUp, #formationDown, #carnetUp, #carnetDown, #partenaireUp, #partenaireDown, #missionUp, #missionDown, #outilUp, #outilDown, #serviceUp, #serviceDown{transition: opacity .5s .5s;opacity: 0;}
#actualLeftUp.showed, #actualLeftDown.showed, #actualRightUp.showed, #actualRightDown.showed, #formationUp.showed, #formationDown.showed, #carnetUp.showed, #carnetDown.showed, #partenaireUp.showed, #partenaireDown.showed, #missionUp.showed, #missionDown.showed, #outilUp.showed, #outilDown.showed, #serviceUp.showed, #serviceDown.showed{cursor:pointer;transition: opacity .5s .5s;opacity: 1}
.view-content.row .showed{cursor:pointer;transition: opacity .5s .5s;opacity: 1}
#actualLeftDown, #serviceDown{margin:0 4rem;}
.agenda{margin-top:-1.5rem;}
    
/* ---------- Sidebar ----------- */
#sidebar_first .block-menu ul.nav, #sidebar_second .block-menu ul.nav{flex-direction: column;background-color: #eeeded;height:100%}
.row > .main-content, .row > .sidebar_first{ display: flex; flex-direction: column;}/*set sidebar_first and main-content equal heiht*/
.sidebar_first, .sidebar_second {padding:0 1rem 1rem 1rem;	background-color: #eeeded;}
.sidebar .block {background-color: #eeeded !important;border-color: #eeeded !important;}

/* .sidebar ul li::before {content: "";width:1rem;height:1rem;display:inline-block;} */
.sidebar ul li{padding-left:1.5rem;margin-bottom:0.5rem;}
.sidebar ul li.menu-item--expanded{margin-bottom:-.2rem}

.sidebar ul li.menu-item--expanded > a{text-decoration:none}
  
.sidebar ul li .nav-link{padding-top:0;display:inline-block;padding:0;/*text-decoration:underline;*/}
.sidebar ul li a.nav-link.active, .sidebar a.year-filter.active{border-bottom:2px solid #f90;clear:both;display:inline-block}


/* ---------- Foot Logo ----------- */
.featured-bottom .region-featured-bottom-first {justify-content: center;padding:1rem 0}
/* .logos-pied-de-page img{margin:0 3rem;} */

/* ---------- Foot Top ----------- */
#footer-top{padding-bottom:5px;font-size:0.85rem}
#footer-top img{cursor:pointer}
.image-style-thumbnail{width:100%;max-width:180px;height: auto;}

/* ---------------------------- Foot Carousel ----------------------------  */
#footer-top .img-size{height: 500px;width: 800px;background-size: cover;overflow: hidden;}
#footer-top .modal-content {width: 800px;border:none;}
#footer-top .modal-body {padding: 0;}

#footer-top .carousel-control-prev-icon {width: 30px; height: 48px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23009be1' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");}
#footer-top .carousel-control-next-icon {width: 30px;height: 48px;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23009be1' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");}

#footer-top .carousel-inner img {display: block;max-width: 800px;max-height: 600px;width: auto;height: auto;margin: auto;}

.modal-dialog .carousel-item{padding-bottom:1.75rem}
#footer-top .carousel-caption {position:relative;right: 0;bottom: 0;left: 0;padding: 0.25rem 1rem;background-color:rgba(0, 0, 0, 0.5);}

#footer-top .modal-footer {padding:0 0.75rem 0.75rem 0;border-top: none;
}

/* ---------- Foot :  ----------- */
.row.region-footer-fifth{display:block}
footer.site-footer{padding:0}
footer.site-footer .site-footer__bottom{margin-top:0;margin-left:5rem}

@media (max-width:1460px) {
  .main-content {padding-left:30px;padding-right:30px}
}

/*  Medium devices (tablets, less than 992px)  */
@media (max-width: 991.98px) {
  #first_header_wrapper{background: #eeeded;padding:0 0 0 1rem;}
  /* #header-top-wrape .row > .site-logo, #header-top-wrape .row > .logo-mom{padding-right:0 !important;padding-left:0 !important;} */
  #navbar-main .navbar-collapse{padding-left:0.75rem;}

  .site-name {font-size: 1.50rem;}
  .site-slogan{font-size: 1rem;letter-spacing: -0.5px;}
  /* .site-name-slogan{margin-left:auto;margin-right:auto} */
  /* .img-logo, .logo-mom img { max-width: 80%;} */
  .region-top-header {padding:0;}
  
  #header .carousel-slide .row .views-element-container{padding-left:0 !important;padding-right:0 !important}
  #header .row #headerSlide{padding-left:0;padding-right:0;}
  #header #headerSlide .carousel-control-prev{left:0;}
  #header #headerSlide .carousel-control-next{right:0;}
  #header .carousel-control-next{margin-right:360px;}  
  
  .slider-img{width: calc(100% - 360px);display:inline-block}
  .slider-caption{padding:0.25rem 8px;width:360px;font-size:0.8rem;float:right;}
  .slider-caption h2{font-size:1.5rem;margin-bottom:1.25rem}
  .slider-caption h3{font-size:1rem;margin-bottom:1rem}
  
  .views-field-field-image-publication {float:left;margin-right:1rem;}
  
  .front-map{height: 450px}
}

/*  Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .site-name-slogan{display:none !important}
  /* #header-top-wrape .row > .logo-mom{position: absolute!important;right:0}  */
  
  .slider-img{width:100%;display:block}
  .slider-caption{display:block;float:none;padding:10px 20px;font-size:1rem;width:100%}
  .slider-caption h2{font-size:1.75rem;margin-bottom:1.5rem}
  .slider-caption h3{font-size:1.25rem;margin-bottom:1rem}
  #header .carousel-control-next, .carousel-control-prev {bottom:50%;}
  #header .carousel-control-next{margin-right:0;}
  .front-map{height: 545px}
  #sidebar_second,  #actual-right, #formation-right{display:none !important}
  
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .row #block-liensimportants, #main, .container-fluid, .main-content {padding-left:0;padding-right:0}
  main#content .views-element-container, main#content article.node, .row .block-page-title-block {padding-left:2rem;padding-right:2rem;}
  .row #agenda-col-left{padding-left:3rem;padding-right:1rem;}
  #agenda-col-right {padding-left:2rem;padding-right:2rem;}
  .view-id-agenda ul.pagination {padding-left:1rem}
  .featured-bottom .row, #footer-top .row{padding-left:0}
}