/* //////////////// Reboot //////////////// */
@font-face {
  font-family: 'FolioBoldCondensed';
  src: url('../webfonts/FolioCondenesed/FolioBoldCondensed.eot?#iefix') format('embedded-opentype'),  url('../webfonts/FolioCondenesed/FolioBoldCondensed.woff') format('woff'), url('../webfonts/FolioCondenesed/FolioBoldCondensed.ttf')  format('truetype'), url('../webfonts/FolioCondenesed/FolioBoldCondensed.svg#Folio-BoldCondensed') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* //////////////// Design System //////////////// */
:root {
  /* //////////////// Colors System //////////////// */
  --color-primary-500: #ffd348;
  --color-primary-600: #ffcd00;
  --color-grey-50: #786E64;
  --color-white: #ffffff;

  /* //////////////// Typography System //////////////// */
    /* //////////////// Typography System //////////////// */
    --text-heading-xxl-700: 700 25px/150% "FolioBoldCondensed", sans-serif;
    --text-heading-mxl-700: 700 20px/150% "FolioBoldCondensed", sans-serif;

  --text-heading-xl-400: 400 25px/32px "FolioBoldCondensed", sans-serif;
  --text-heading-lg-400: 400 18px/32px "FolioBoldCondensed", sans-serif;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  padding-left: 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: currentColor;
}
a:hover {
  color: currentColor;
}


body {
  font-size: 16px;
  overflow-x: hidden;
}

/* Header Starts */
._bp_header {
  padding-left: 32px;
  border-bottom: 1px solid var(--color-white);
}
._bp_header__logo {
  padding: 28px 0;
}
._bp_header__menu {
  background: none;
  color: inherit;
  border: none;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  color: var(--color-gray-50);
  font-size: 13px;
  padding: 0 10px 0 40px;
}
._bp_header__menu:hover {
  background-color: var(--color-primary-500);
}
/* Header Ends */

/* Navbar Starts */
._bp_navbar > .container-fluid.px-3{
  background-color: #ffcc00;
}
._bp_navbar {
  padding: 2px 0;
  background: var(--color-primary-600);
  position: sticky;
  top: 87px;
  border-bottom: 1px solid #000;
  z-index: 9;
  width: 100%;
  height: 48px;
}
._bp_navbar__logo {
  font: var(--text-heading-xl-400);
  color: var(--color-white) !important;
  line-height: 18px !important;
  margin-left: 16px;
}
._bp_navbar__link {
  padding: 2px 15px !important;
  color: var(--color-white) !important;
  font: var(--text-heading-lg-400);
}
._bp_navbar__link:not(:last-of-type) {
  margin-right: 16px;
}
._bp_navbar__link.active {
  background-color: #5E514D !important;
}
._bp_navbar__link:hover {
  background-color: #5E514D;
}
._bp_navbar__link--icon:hover {
  background-color: transparent !important;
}
._bp_navbar__link--icon {
  position: relative;
}
._bp_navbar__form {
  display: none;
  position: absolute;
  border: 1px solid #5e514d;
  /* commented right: 3%; */
  right: 4%;
  top: 100%;
  background: var(--color-primary-600);
  /* commented padding: 5px; */
  padding: 10px;
  max-width: 150px;
}
._bp_navbar__search {
  -webkit-appearance: none;
  background: transparent !important;
  border: none;
  border-bottom: 1px solid #5e514d;
  font-style: italic;
  width: 100%;
}
._bp_navbar__search:focus {
  outline: none;
}
/* Navbar Ends */


/* Fixed Menu Starts */
._bp_menu {
  position: absolute;
  width: 100%;
  top: 93px;
  z-index: 10;
  background: #ffffff;
  max-height: 0;
  overflow: hidden;
  backface-visibility: hidden;
  transition: max-height 0.3s;
  border-top: 1px solid #fff;
  box-sizing: border-box !important;
}
._bp_menu__bg-white {
  position: sticky;
  top: 0;
  left: 0;
  height: 100%;
  min-height: 100vh;
  width: 100%;
  background: #ffffff;
  opacity: 0.8;
  z-index: -1;
  transition: all 0.4s;
  max-height: 0;
  overflow: hidden;
  backface-visibility: hidden;
  transition: max-height 0.2s;
}
._bp_menu__content {
  padding: 20px;
}
._bp_menu__title {
  font: var(--text-heading-mxl-700);
  text-align: center;
}
._bp_menu__sub-title {
  font-size: 16px !important;
  text-align: center;
  color: #7c7877;
}
/* ._bp_menu__list:not(:last-of-type) {
  border-right: 1px solid red;
} */
._bp_menu__item {
  text-align: center;
  font-size: 13px;
  color: #7c7877;
}
._bp_menu__item:hover {
  text-decoration: underline;
}
._bp_menu__item:not(:last-of-type) {
  margin-bottom: 10px;
}
._bp_menu__item--title {
  font-size: 16px;
}
._bp_menu__footer {
  padding: 14px 25px 25px 25px;
  border: 1px solid #eaeaea;
  color: #7c7877;
}
._bp_menu__f_icons:not(:last-of-type) {
  margin-right: 16px;
}
._bp_menu_contact {
  gap: 80px;
}
._bp_menu__footer_text {
  font-size: 13px;
  max-width: 304px;
  padding-left: 35px;
  margin-top: 14px;
}
/* Menu with sub menu styling */
#navbarCollapse{
  margin-right: 50px;
}
#menu-mainmenu > li , #menu-mainmenu-1 > li{
  position: relative;
}
#menu-mainmenu li:hover ul.sub-menu , #menu-mainmenu-1 li:hover ul.sub-menu{
  display: block;
}
ul.sub-menu {
  position: absolute;
  background-color: #786E64;
  top: 102%;
  left: 0;
  width: 200px;
  display: none;
}
ul.sub-menu>li {
  padding: 8px;
}
ul.sub-menu>li:hover {
 background-color: #5E514D !important;
}
/* Buttons */
.btn--pb {
  font-size: 13px;
  padding: 8px 20px;
  border: 1px solid #595353;
  border-radius: 15px;
  float: right;
}
.btn--pb:hover {
  text-decoration: underline;
}
/* Fixed Menu Ends */

/* Home top banner */
.home.blog time.entry-date{
  color: #ffffff;
  font-style: normal;
 }
 .home.blog time.entry-date:hover{
  text-decoration: none;
 }
 .home.blog .overlay-inner h2.entry-title a, 
 .home.blog .overlay-inner h2.entry-title a:visited{
  color: #ffffff;
 }

/* Utils Classes */
.u-d-block {
  display: block !important;
}
.u-show--menu {
  max-height: 2000px;
  border-top: 1px solid #eaeaea;
  transition-delay: 0.3s;
  transition: max-height 1s;
  backface-visibility: hidden;
  z-index: 12;
}
.u-mt-32 {
  margin-top: 32px !important;
}
.u-mb-32 {
  margin-bottom: 32px !important;
}

.row [class^=col-]:not(:last-child) {
  margin-right: 0 !important;
}

/* banner style */
.jarallax-img.wp-post-image{
  background-position: unset !important;
}

/*single page */
#single-structed{
  /* commented padding: 20px 30px !important; */
  padding: 15px 20px;
  box-shadow: 0px 8px 35px 2px rgb(240 240 240);
}
#single-structed .cpTitle > h2{
  font-size: 27px;
}
#single-structed .entry-content{
  font-size: 14px;
}
/* navbar */
.navigation{
  float: none !important;
}
.header{
  position: sticky !important;
  top: 0 !important;
}

.navigation .nav-item-layer.active{
  max-height: calc(100vh - 120px);
  overflow: auto !important;
  transition: all .2s !important;
}

.navigation .nav-item-layer{
  transition: all .2s !important;
}

.navigation .nav-item-layer.active::-webkit-scrollbar{
  width: 0;
}

.navigation .nav-item-layer.active{
  scrollbar-width: 0;
}
._bp_navlink--search{
  cursor: pointer;
}
._bp_navlink--search:hover{
  background-color: transparent !important;
}

/* Sidebar fixed width overrided */
#sidebar-1-wrap{
  width: auto !important;
  max-width:320px;
  float:none !important;
}
#sidebar-1{
  width: auto !important;
  max-width:320px;
}
#sidebar-1 ul > li a img{
  max-width: 100%;
}
.u-after-none:after, 
.u-after-none:before{
  content: none !important;
}
.cp_sidebar #wrap{
  margin-top: 0px !important; 
}
/* category page container center */
#no-sidebar #content {
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.u_bp_social_list{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.u_bp_social_list>li > a{
  display: flex;
  align-items: center;
}
/* Search Icon */
._bp_navbar .fa-search{
  font-size: 22px;
}
/* Actualities filter styling */
input#datePickerStart:placeholder-shown , input#datePickerEnd:placeholder-shown {
  font-weight: 400;
  font-size: 14px;
  color: rgb(117, 117, 117) !important;
}

#contentFilter select.select option{
  /* commented font-size: 12px; */
  font-weight: 400;
}
.albumContainer__albumTitle > span {
  font-size: 14px;
}
/* Mediatheque styling */
#content__photosBiographie .row{
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  justify-content: center;
}
/* Focus Page styling */
#content__contentPublication .contentPublication__readMorePublication a:hover{
  text-decoration: none;
}
/* ContactUs page */
form#gform_1 label#label_1_11_1 {
  padding-left: 15px;
}
/* Final things */
.bigTitleCustom.bigTitleCustom--grey, .bigTitleCustom.bigTitleCustom--yellow {
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  line-height: 1 !important;
  margin: 10px;
}
.customTitleBoth a:hover{
  text-decoration: none;
}
/* Final things */
/* Media Queries */
@media (max-width: 991px) {
  #single-structed{
    padding: 15px 50px;
  }
  ._bp_header__logo {
    padding: 16px 0;
  }
  ._bp_header__logo--photo {
    max-width: 175px;
  }
  ._bp_navbar__link{
    padding: 2px !important;
  }
  ._bp_navbar__form{
    position: relative;
    margin-bottom: 10px;
    left: 0;
  }
  .contentAllActu__actuContainer {
    width: 45%;
  }
  .actuThumbnail__Img{
    background-size: 100%;
    object-fit: contain;
  }
  /* inside mobile menu margin left */ 
  #navbarCollapse{
    margin-top: 10px;
    margin-right: 0;
    margin-left: 16px;
  }
  ul.sub-menu {
    position: static;
    background-color: unset;
  }
  /* new for mobile sub menu */
  #menu-mainmenu > li:not(.active){
    background-color: #ffcc00;
  }
  /* Inner mobile Sub menu with carrot icon */
  .menu-mainmenu-container, .menu-mainmenu-container ul > li{
    width: 100%;
  }
  #menu-mainmenu li:hover ul.sub-menu, #menu-mainmenu-1 li:hover ul.sub-menu{
    display: none;
  }
  .fa-caret-up, .fa-caret-down{
    display: flex !important;
  }
  .u-sub-toggle {
    font-size: 20px !important;
    float: right;
  }
  .u-d-sub-menu > ul {
    display: block !important;
  }
}
@media only screen and (max-width: 767px) {
  p.copyright a{
    color: #453f3a !important;
  }
  footer .section-footer .box-social{
    text-align:center; 
  }
  /* final things */
  .bigTitleCustom.bigTitleCustom--grey, .bigTitleCustom.bigTitleCustom--yellow{
    width: 255px !important;
    height: 255px !important;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 1000px) {
  .post_detail{
    padding: 0 10px !important;
  }
  #blocRSFooter{
    padding: 0 10px;
  }
}