/*
Theme Name: Espace Collaborateurs Bony auto-mobile
Author: Agence Louise
Author URI: https://www.agencelouise.com
Description: Thème Wordpress Espace Collaborateurs Bony auto-mobile
Version: 1.0
Text Domain: agencelouise
*/

  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #45858c #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #45858c;
    border-radius: 10px;
    border: 3px solid #ffffff;
  }
html {
  scroll-behavior: smooth;
}
html,body {
    font-family: 'Open Sans', sans-serif;
    margin:0!important;
    padding:0;
}
.login-popin {
    width:350px;
}
a,.bg0,.bg1,.bg2,.bg3,.bg4,svg>text {
    transition: all .2s ease-in;
}
.navtree-homepage .bg0 a:hover,.navtree-homepage .bg1 a:hover,.navtree-homepage .bg2 a:hover,.navtree-homepage .bg3 a:hover,.navtree-homepage .bg4 a:hover {
    text-decoration:underline;
}
.navtree-homepage .bgbigmenu {
    opacity:0.7;
    transition: all .2s ease-in;
}
.navtree-homepage .bg0:hover .bgbigmenu,.navtree-homepage .bg1:hover .bgbigmenu,.navtree-homepage .bg2:hover .bgbigmenu,.navtree-homepage .bg3:hover .bgbigmenu,.navtree-homepage .bg4:hover .bgbigmenu {
    opacity:1;
}

.social-item img {
    opacity:0.7;
    transition: all .2s ease-in;
}
.social-item:hover img {
    opacity:1;
}

.page-hero .container-fluid,
.page-hero {
    height:50vh;
    min-height:350px;
    box-shadow: 0 0 2rem rgb(0 0 0 / 8%), 0rem 1rem 1rem -1rem rgb(0 0 0 / 10%)!important;
}
.page-hero h1{
   text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
}

.nav {
    flex-wrap:nowrap;
}
header {
    
    box-shadow: 0 0 2rem rgb(0 0 0 / 8%), 0rem 1rem 1rem -1rem rgb(0 0 0 / 10%)!important;
}
.bgbigmenu {
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
}
#carouselBonySlider .slick-dots {
    bottom:50px;
}
h1 {
    color:#212529;
    font-size:2em;
    font-weight:900;
    letter-spacing:-0.02em;
    line-height:1.2em;
}
.home h1 {
    color:#db4561;
    font-size:2em;
    font-weight:900;
    letter-spacing:-0.02em;
    line-height:1.2em;
}
.home h1 span{
    text-transform:uppercase;
    font-size:1.6em;
}
@media(min-width:992px){
    h1 {
        font-size:4em;
    }
    .single h1 {
        font-size:3em;
    }
    .home h1 {
        font-size:4em;
    }
    .home h1 span{
        font-size:1.6em;
    }
}
.home h1 strong{
    color:#d9c589;
}

.ville-tag {color:#fff;}
.slider-title {
    color:#fff;
    letter-spacing:-0.02em;
    font-size:2em;
    font-weight:700;
}
.slider-tag {
    color:#d9c589;
    font-size:1.2em;
    font-weight:700;
    text-decoration:underline;
    letter-spacing:-0.02em;
}
.slider-text {
    color:#fff;
    font-size:1.2em;
    font-weight:700;
}
@media(min-width:992px){
    .slider-title {
        font-size:4em;
    }
    .slider-tag {
        font-size:1.8em;
    }
    .slider-text {
        font-size:1.6em;
    }
}
.social-intro {
    min-width:80%!important;
    
}


.slider-overlay {
    background-color:rgba(0,0,0,.25);
}
.header-nav {
    background-color:#45858c;
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
    transition: all .2s ease-in;
}
.stuck  .header-nav{
    padding-top: 0.1rem!important;
    padding-bottom: 0.1rem!important;
}
.navbar-brand img {
    transition: all .2s ease-in;
}
.navbar-brand {
    max-width:60%!important;
}
@media(min-width:992px){
   .navbar-brand {
        max-width:100%!important;
    } 
}
.stuck .navbar-brand img {
    max-width:150px;
}
.header-nav a {
    color:#fff;
    text-decoration:none;
}
.header-nav li.current-page-ancestor a,
.header-nav li.current_page_item a {
    color:#a0d9d9;
    text-decoration:none;
}
.header-nav a:hover {
    color:#d9c589;
    text-decoration:none;
}
.header-tools ul {
    list-style:none;
}
.header-tools ul li a:hover{
    color:#a0d9d9;
}
#menu-menu-principal .menu-item {
    padding:0.25rem 0;
    text-align:right;
    font-size:1.4rem;
}
@media(min-width:992px){
    
    #menu-menu-principal .menu-item {
        padding:0 1rem ;
        text-align:center;
        font-size:1.1rem;
    }
    .stuck #menu-menu-principal .menu-item {
        font-size:0.9rem;
    }
    #menu-menu-principal .menu-item:last-of-type {
        padding:0 0 0 1rem ;
    }
}
@media(min-width:992px){
    .bloc-disco {
        
      background-image: url('img/bloc_disco_left.png'), url('img/bloc_disco_right.png');
      background-position: left bottom, right bottom;
      background-repeat: no-repeat, no-repeat;
    }
}
.btn-xl {
    font-size:1.6rem;
    padding:24px 36px;
    font-weight:700;
}

#menu-menu-principal a {
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:-0.02em;
}

.header-toolbar {
    background-color:#f2f2f2;
}
.header-toolbar a {
    font-size:0.9rem;
    color:#273348;
    text-decoration:none;
    transition: all .2s ease-in;
}
.header-toolbar a:hover {
    color:#000;
    text-decoration:underline;
}
.header-toolbar ul#menu-menu-toolbar  li {
    padding-right:12px;
}
.header-toolbar ul#menu-menu-toolbar  li a {
    font-size:0.9rem;
}
.header-toolbar ul#menu-menu-toolbar   li+li {
    padding-right:12px;
    padding-left:12px;
    border-left:1px solid #ccc;
}

footer {
    color:#fff;
    background-color:#45858c;
}

footer a {
    color:#a0d9d9;
    text-decoration:none;
    transition: all .2s ease-in;
}
footer a:hover {
    color:#a0d9d9;
    text-decoration:underline;
}
footer .social-icons a:hover {
    color:#fff;
}
.mentions-legales {
    font-size:0.9rem;
}
.navtree-homepage a {
    color:#fff;
    text-decoration:none;
}
.navtree-homepage ul {
    list-style:none;
}
.navtree-homepage ul li {
    color:#fff;
}

.slick-dotted.slick-slider {
    margin-bottom: 5px;
}

.btn {
    border-radius:0;
}

.btn-primary {
    background-color:#b49972;
    border:1px solid #b49972;
}
.btn-primary:hover {
    background-color:#d9c589;
    border:1px solid #d9c589;
}
.btn-secondary {
    background-color:#a0d9d9;
    border:1px solid #a0d9d9;
}
.btn-secondary:hover {
    background-color:#db4561;
    border:1px solid #db4561;
}
.btn-tertiary {
    background-color:#db4561;
    border:1px solid #db4561;
    color:#fff;
    
}
.btn-tertiary:hover {
    background-color:#fff;
    border:1px solid #db4561;
    color:#db4561;
    
}
.btn-fourtiary {
    background-color:#45858c;
    border:1px solid #45858c;
    color:#fff;
}
.btn-fourtiary:hover {
    background-color:#fff;
    border:1px solid #45858c;
    color:#45858c;
}

a.wp-block-button__link {
  color: #fff;
  background-color: #b49972;
    border:1px solid #b49972;
  border-radius: 0!important;
  text-decoration: none;
    box-shadow: 0 0 2rem rgb(0 0 0 / 8%), 0rem 1rem 1rem -1rem rgb(0 0 0 / 10%) !important;
}

.wp-block-button.has-small-font-size>a.wp-block-button__link {
    
    font-size:1rem!important;
}

a.wp-block-button__link:hover {
  color: #fff;
  background-color: #d9c589;
    border:1px solid #d9c589;
  border-radius: 0;
  text-decoration: none;
}

.wp-block-buttons {
    display:flex;
    justify-content:center;
}

.wp-element-button { 
}
.slick-prev, .slick-next { 
    z-index:900;
}
.slick-prev {
    left: 25px;
}
.slick-next {
    right: 25px;
}
.agendaSlide {
    height:230px;
    color:#fff;
    
}
.agendaSlideDate {
}
.agendaSlide a {
    text-decoration:none;
}
.agendaSlide a:hover{
    text-decoration:none;
}
.agendaSlideDay {
    font-size:7em; 
    font-weight:900;
}
.agendaSlideMonth {
    font-size:2em;
    font-weight:700; 
}
.agendaSlideTitle {
    margin-top: -1.5rem !important;
}
.agendaSlideTitle small{
    font-size:0.7em;
}
.anneeHistorique {
    font-size:5rem;
    font-weight:900;
    letter-spacing:-0.06em;
}
@media(max-width:768px){
    .blocHistorique .border-end{
        border:none!important;
    }
}
@media(min-width:768px){
    .textHistorique{
        max-width:250px;
    }
}
.wp-block-quote p {
    font-size:1.6rem;
    font-weight:700;
    text-align:center;
}
.wp-block-quote cite {
    display:block;
    font-size:1.3rem;
    text-align:center;
}
.subnav .nav-link {
    font-size:1.4rem;
    color:#fff;
    text-decoration:none;
    border:none!important;
}
.subnav .nav-link:hover {
    font-size:1.4rem;
    color:#fff;
    text-decoration:underline;
}
.randomCollab {
    cursor:pointer;
}
svg#btnStart g {
    opacity:0;
    transition: all .2s ease-in;
}
svg#btnStart:hover g {
    opacity:1;
}

.message-text {
}
.message-meta {
    font-size:0.7rem;
    line-height:0.6rem;
    color:#45858c;
}
.social-intro:hover,
.offcanvas-header,
.btn  {
    box-shadow: 0 0 2rem rgb(0 0 0 / 8%), 0rem 1rem 1rem -1rem rgb(0 0 0 / 10%)!important;
}


.btn-lg.rounded-circle  {
    padding: 0.5rem 0.75rem!important;
}
.offcanvas.offcanvas-end {
    border-left:1px solid #a0d9d9;
}
.message .message-text {
    
    box-sizing: border-box;
    padding: 0.5rem 1rem;
    margin: 1rem 1rem 0.5rem 1rem;
    background: #b49972;
    border-radius: 1.125rem 1.125rem 1.125rem 0;
    min-height: 2.25rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 80%;
    box-shadow: 0 0 2rem rgb(0 0 0 / 8%), 0rem 1rem 1rem -1rem rgb(0 0 0 / 10%);
}
.message.from-me {
    
}
.message.from-me .message-meta{
    text-align:left;
    padding-left:1rem;
}
.message.from-bony .message-meta{
    text-align:right;
    padding-right:1rem;
}
.message.from-bony  .message-text{
    
    margin: 1rem 1rem 0.5rem auto;
    border-radius: 1.125rem 1.125rem 0 1.125rem;
    background: #d9c589;
    color: white;
}

.home .item-collaborateur {
  /*max-width:338px;*/
}
.item-collaborateur .bg1{
  min-height:500px;
}
.isotope .item-collaborateur {
    padding:16px;
  transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  /*max-width:338px;*/
}
.isotope .emploi-item {
      /*max-width:432px;*/
}
.isotope .actualite-item {
      /*max-width:432px;*/
}
.sidebar .actualite-item img,
.isotope .actualite-item img {
      opacity:0.7;
        transition:all 0.2s ease-in;
      
}
.sidebar .actualite-item:hover img,
.isotope .actualite-item:hover img {
      opacity:1;
      
}
@media(min-width:992px){
    .isotope .emploi-item {
      /*max-width:432px;*/
    }
    .isotope .item-collaborateur {
      /*max-width:312px;*/
    }
    .isotope .actualite-item {
          /*max-width:432px;*/
    }
}
.emploi-titre,
.actualite-titre,
.actualite-titre a,
.bg0 .actualite-titre a {
    color:#273348;
    text-decoration:none!important;
}
.emploi-item a,
.actualite-item a {
    text-decoration:none!important;
}
.article-pagination  .page-numbers {
    width:38px;
    height:38px;
    display:inline-block;
    border-radius:20px;
    background-color:#fff;
    color:#45858c;
    text-align:center;
    padding:10px;
    font-size:0.8em;
    margin:0 5px;
        transition:all 0.2s ease-in;
    text-decoration:none;
}
.article-pagination  .page-numbers.current {
    background-color:#45858c;
    color:#fff;
}
.article-pagination  .page-numbers:hover {
    background-color:#45858c;
    color:#fff;
    text-decoration:none;
}
.modal-content,
.form-control,
.form-select {
    border-radius:0;
    border-color:#8b8d94;
}
.social-modal .modal-header {
    border:none!important;
}
.social-modal .modal-body {
    padding-top:0!important;
}
.bg-grey {
    background-color:#d4d4d4;
}
#sidebarMenu a {
    color:#8b8d94;
}
#sidebarMenu a.active {
    color:#000000;
}
#sidebarMenu a:hover {
    color:#000000;
}
.nounderline, .violet{
    color: #7c4dff !important;
}
.btn-file-upload .file-upload {
    width: 100%;
    padding: 10px 0px;
    position: absolute;
    left: 0;
    opacity: 0;
    cursor: pointer;
}
.profile-img img{
}  

.toast-error {background-color:#db4561;border:1px solid #db4561;}
.toast-success {background-color:#a0d9d9;border:1px solid #a0d9d9;}
.toast-body {color:#fff;}
.toast {
    box-shadow: 0 0 2rem rgb(0 0 0 / 8%), 0rem 1rem 1rem -1rem rgb(0 0 0 / 10%)!important;
    }
/*

.avatar-wrapper {
  position: relative;
  height: 200px;
  width: 200px;
  margin: 50px auto;
  border-radius: 0;
  overflow: hidden;
    box-shadow: 0 0 2rem rgb(0 0 0 / 8%), 0rem 1rem 1rem -1rem rgb(0 0 0 / 10%)!important;
  transition: all 0.2s ease-in;
}
.avatar-wrapper:hover {
  cursor: pointer;
}
.avatar-wrapper:hover .profile-pic {
  opacity: 0.5;
}
.avatar-wrapper .profile-pic {
  min-height: 200px;
  min-width: 200px;
  transition: all 0.2s ease-in;
}
.avatar-wrapper .profile-pic:after {
  font-family: 'FontAwesome';
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  font-size: 190px;
  background: #ecf0f1;
  color: #34495e;
  text-align: center;
}
.avatar-wrapper .upload-button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.avatar-wrapper .upload-button .fa-arrow-circle-up {
  position: absolute;
  font-size: 100px;
  top: 50px;
  left: 50px;
  text-align: center;
  opacity: 0;
  transition: all 0.2s ease-in;
  color: #fff;
}
.avatar-wrapper .upload-button:hover .fa-arrow-circle-up {
  opacity: 0.9;
}
*/


.single-agenda h1 {
    color:#fff;
    font-weight:700;
}

.single-agenda .meta {
    color:#db4561;
    font-weight:700;
}

.single-agenda .tags,
.single-agenda .tags a.tag-link {
    color:#db4561;
    font-weight:700;
    text-decoration:none;
}
.single-agenda .tags a.tag-link:hover {
    color:#fff;
    font-weight:700;
    text-decoration:none;
}


.single-agenda .content {
    color:#273348;
    font-weight:400;
}


.single-actualite h1 {
    color:#fff;
    font-weight:700;
}

.single-actualite .meta {
    color:#fff;
    font-weight:700;
}

.single-actualite .tags,
.single-actualite .tags a.tag-link {
    color:#fff;
    font-weight:700;
    text-decoration:none;
}
.single-actualite .tags a.tag-link:hover {
    color:#db4561;
    font-weight:700;
    text-decoration:none;
}
.single-actualite .content {
    color:#273348;
    font-weight:400;
}
.btnLike:hover {
    cursor:pointer;
}
.btnLike:hover {
    cursor:pointer;
}
.btnLike>span>.thumbLike {
    /*color:#a0d9d9;*/
    transition:all 0.2s ease-in;
}
.btnLike:hover>span>.thumbLike {
    color:#db4561;
}
.comment-avatar img {
    
    display: inline-block;
    width: 64px;
    height: 64px;
    background: #E6E7ED;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 0 2rem rgb(0 0 0 / 8%), 0rem 1rem 1rem -1rem rgb(0 0 0 / 10%)!important;
}

.comment-text {
    
    box-sizing: border-box;
    padding: 0.5rem 1rem;
    margin: 1rem 1rem 0rem 0rem;
    background: #b49972;
    border-radius: 1.125rem 1.125rem 1.125rem 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    box-shadow: 0 0 2rem rgb(0 0 0 / 8%), 0rem 1rem 1rem -1rem rgb(0 0 0 / 10%);
}
.comment-date {
    color:rgba(0,0,0,0.5);
    font-size:0.8em;
    
}
.comment-author {
    white-space: nowrap;
}
.comment_count small {
    font-size:0.8em;
}
.collabRS + .collabRS {
    margin-left:10px;
}
.form-control.dropdown {
    width:100%;
    border:none;
    border-bottom:1px solid #273348;
    background-color:transparent;
}

.form-control.dropdown::placeholder {
    color:#273348;
}

.form-control.dropdown .dropdown-menu{
    background-color:#d9c589!important;
    color:#fff;
    border-radius:0;
    border-color:#d9c589!important;
    box-shadow: 0 0 2rem rgb(0 0 0 / 8%), 0rem 1rem 1rem -1rem rgb(0 0 0 / 10%);
}
.form-control.dropdown .dropdown-menu li a {
    color:#fff;
}
.form-control.dropdown .dropdown-menu li:hover a ,
.form-control.dropdown .dropdown-menu li a.is-active {
    background-color:#b49972!important;
}

.badge.bg-primary {
    background-color:#b49972!important;
    color:#fff;
    box-shadow: 0 0 2rem rgb(0 0 0 / 8%), 0rem 1rem 1rem -1rem rgb(0 0 0 / 10%);
}
.accordion-item:last-of-type .accordion-button.collapsed,
.accordion-item:first-of-type,
.accordion-item:last-of-type,
.accordion-item {
    background-color:#fff;
    border-radius:0;
}
.collapse.show .accordion-button{
    color:#45858c;
    background-color:#fff;
}
.accordion-button.collapsed,
.accordion-button:not(.collapsed),
.accordion-button{
    color:#45858c;
    background-color:#fff;
}
.accordion-button:after{
    color:#45858c;
    background-color:#fff;
}
.accordion-button:focus{
    border-radius:0;
    border:none!important;
}

.social-modal h2 {
    font-size:2em;
    line-height:1.2em;
    font-weight:900;
    color:#000;
}
.social-modal .wpcolsocial  h2 {
    font-size:2em;
    line-height:1.2em;
    font-weight:700;
    color:#fff;
}
.social-modal .wpcolsocial  p {
    font-weight:400;
    color:#fff;
}
.social-modal h3 {
    font-weight:500;
    color:#45858c;
}
.social-modal p {
    font-weight:400;
    color:#000;
}
.social-intro {
    font-size:1.2em;
    font-weight:900;
}
.single-social .text-intro a,
.page-template-page-social .text-intro a  {
    color:#45858c;
}
@media(min-width:992px){
    
    .social-intro {
        font-size:2em;
    }
}
.favoris-titre {
    color:#000;
    text-decoration:none;
    font-weight:700;
}
.favoris-titre:hover {
    color:#45858c;
    text-decoration:none;
}
.slick-dots li button::before {
  opacity: .75;
  color: #fff;
}
.slick-dots li.slick-active button::before {
  opacity: .75;
  color: #45858c;
}
.form-check-input:checked {
  background-color: #45858c;
  border-color: #45858c;
}
.collaborateurFullName {
    font-variant-caps: all-small-caps;
    line-height: 0.8em;
}
.poptrox-popup {
    margin-top:30px!important;
}
.poptrox-overlay {
    z-index:2500!important;
}
.wp-block-embed-youtube  {
    text-align: center;
}
.wp-block-embed-youtube iframe {
    width:80%;
    min-height: 360px;
    margin:2rem auto;
}
@media(min-width:1400px){

    .wp-block-embed-youtube iframe {
        min-height: 560px;
    }
}