/*
*@colors
*/
:root{
  --custom-black:#263654;
  --custom-yellow:#eabe0f;
  --custom-vert:#2a9d8f;
}

/*
  ####  ###### #    # ###### #####    ##   #
 #    # #      ##   # #      #    #  #  #  #
 #      #####  # #  # #####  #    # #    # #
 #  ### #      #  # # #      #####  ###### #
 #    # #      #   ## #      #   #  #    # #
  ####  ###### #    # ###### #    # #    # ######
*/


body{
  color:var(--custom-black);
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
}

a{
  color:var(--custom-yellow);
  border-bottom:2px solid transparent;
  text-decoration: none;
  transition: 0.3s all;
}
a:hover{
  color:var(--custom-gris);
  border-color:inherit;
}
a.no-hover{
  border-color:transparent !important;
}
h1 b,h1 strong,
h2 b,h2 strong,
h3 b,h3 strong{
  color:var(--custom-yellow);
}
h1{
  margin-bottom:20px;
}
h2{
  text-transform: uppercase;
  position: relative;
  margin-bottom:30px;
}

.wp-block-button__link,
.wp-block-loginout a{
  display: inline-block;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius:10px;
}
.btn-custom,
.wp-block-loginout a,
.wp-block-button__link,
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover{
  border-radius: 10px;
  border:2px solid var(--custom-yellow);
  color:var(--custom-yellow);
}
.btn-custom:hover,
.wp-block-button__link:hover,
.wp-block-loginout a:hover{
  background: var(--custom-yellow);
  border-color: var(--custom-yellow);
  color:#fff;
}

.wp-block-image img{
  max-width: 100%;
  height: auto;
}

/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*------------------WOOCOMMERCE------------------*/
/*-----------------------------------------------*/
/*-----------------REWRITE-CLASS-----------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
label{
  margin-bottom: 0.5rem;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.dokan-form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button{
  border-radius: 10px;
  background-color: white;
  border: 2px solid var(--custom-yellow);
  color: var(--custom-yellow);
  transition: .1s ease-in-out all;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover{
  border-radius: 10px;
  background-color: var(--custom-yellow);
  border: 2px solid var(--custom-yellow);
  color: white;
}
.wp-element-button, .wp-block-button__link {
  background-color: white;
  border: 2px solid var(--custom-yellow);
  color: var(--custom-yellow);
  transition: .1s ease-in-out all!important;
}
.wp-element-button:hover, .wp-block-button__link{
  background-color: var(--custom-yellow);
  border: 2px solid var(--custom-yellow);
  color: white;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt{
  background-color: var(--custom-yellow);
  color:#fff;
  border-color: var(--custom-yellow);
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover{
  background-color: transparent;
  color:var(--custom-black);
}


/*
 #    # ###### #    # #    #
 ##  ## #      ##   # #    #
 # ## # #####  # #  # #    #
 #    # #      #  # # #    #
 #    # #      #   ## #    #
 #    # ###### #    #  ####
*/

.nav-link,
.nav-link:hover,
.wpmenucart-contents{
  color: #fff;
  position:relative;
}
.wpmenucart-contents{
  padding : var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
  color:#fff;
  font-weight: 700;
}

.navbar{
  background: var(--custom-yellow);
  color:#fff;
  z-index: 3;
}


/*
  ####   ####  #    # ##### ###### #    # #    #
 #    # #    # ##   #   #   #      ##   # #    #
 #      #    # # #  #   #   #####  # #  # #    #
 #      #    # #  # #   #   #      #  # # #    #
 #    # #    # #   ##   #   #      #   ## #    #
  ####   ####  #    #   #   ###### #    #  ####
*/

/* hero */
.home-hero{
  position: relative;
}
.home-hero .wrapper-content{
  position:absolute;
  top:50%;
  transform: translate(0, -50%);
}
.home-hero h1{
  color:#fff;
  text-transform: uppercase;
  font-weight: 800;
  text-align: center;
}

/* special login */
.wp-block-cover .wp-block-loginout{
  display:flex;
  flex-wrap: wrap;
  align-items:center;
  justify-content:center;
}
.wp-block-cover .wp-block-loginout a{
  font-size:1.2rem;
  padding:15px 20px;
}

#dokan-product-enquiry .form-group{
  margin-bottom:15px;
}
.dokan-edit-row{
  border-color: var(--custom-black)!important;
}

/*

 #####   ####  #    #   ##   #    #
 #    # #    # #   #   #  #  ##   #
 #    # #    # ####   #    # # #  #
 #    # #    # #  #   ###### #  # #
 #    # #    # #   #  #    # #   ##
 #####   ####  #    # #    # #    #

*/

/* hide accomodation */
.dokan-dashboard .dokan-form-group.accommodation-checkbox{
  display:none;
}
/* hide checkbox Virtuel */
.dokan-dashboard .dokan-form-group.virtual-checkbox{
  display: none;
}
/* hide feature image */
.dokan-dashboard .content-half-part.featured-image{
  display: none;
}
/* hide mode d'affichage du calendrier */
.dokan-dashboard .dokan-accommodation-checkin-checkout + .dokan-form-group{
  display: none;
}
/* hide tags */
.dokan-dashboard .content-half-part .dokan-form-group:nth-child(5){
  display: none;
}
/* hide inventaire*/
.dokan-dashboard .dokan-product-inventory{
  display: none;
}
/* hide geolocalisation */
.dokan-dashboard .dokan-geolocation-options{
  display: none;
}
/* hide linked products, has to be important */
.dokan-dashboard .dokan-linked-product-options{
  display: none !important;
}
/* hide calendar in admin not working */
.dokan-booking-wrapper.dokan-product-edit .dokan_tabs li:nth-child(3){
  display: none;
}
/* hide shipping an tax, has to be important */
.dokan-dashboard .dokan-product-shipping-tax{
  display: none !important;
}
/* hide add-ons */
.dokan-dashboard .dokan-product-addons-options {
  display: none !important;
}
/* hide logo on wizard setup */
.dokan-vendor-setup-wizard #wc-logo img{
  display: none;
}
.dokan-booking-require-confirmation,
.dokan-booking-user-can-cancel{
  display: none;
}

/*

   ##    ####  ##### #    #  ####
  #  #  #    #   #   #    # #
 #    # #        #   #    #  ####
 ###### #        #   #    #      #
 #    # #    #   #   #    # #    #
 #    #  ####    #    ####   ####
*/



/*

  ####  #      # #####  ###### #####
 #      #      # #    # #      #    #
  ####  #      # #    # #####  #    #
      # #      # #    # #      #####
 #    # #      # #    # #      #   #
  ####  ###### # #####  ###### #    #
*/

.custom-slider{
  padding-left: 5vw;
  padding-right: 5vw;
}
.custom-slider-image{
  position: relative;
}
.custom-slider-image:after{
  content:"";
  position: absolute;
  top:0;bottom:0;right:0;left:0;
  background: #000;
  opacity: 0.4;
  z-index: 2;
  pointer-events: none;
}
.slider-content{
  position: absolute;
  top: 0;
  bottom: 40px;
  right: 0;
  left: 0;
  display: flex;
  color:#fff;
  z-index:3;
  text-transform: uppercase;
}
.slider-content .btn{
  color:#fff;
}
.slider-content-wrapper{
  margin: auto;
  text-align: center;
}
.slick-dots{
  left: 0;
  bottom:10px;
}
.slick-dots li button:before {
  background-color: var(--custom-bleu3);
  border: 2px solid var(--custom-bleu3);
  border-radius: 50%;
  display: inline-block;
  height: 20px;
  width: 20px;
  color: transparent !important;
  opacity: 1 !important;
}
.slick-dots li.slick-active button:before {
  opacity: 1 !important;
  background-color: #fff;
  border-color: #fff;
}

/*****************************/
/******** OUTILS & LIENS ********/
/*****************************/



.tableoutils img{
	width:40%;
}


/*****************************/
/********* Form **********/
/*****************************/

.nf-form-layout .nf-form-content{
	margin : 0;
}


/*
 ######  ####   ####  ##### ###### #####
 #      #    # #    #   #   #      #    #
 #####  #    # #    #   #   #####  #    #
 #      #    # #    #   #   #      #####
 #      #    # #    #   #   #      #   #
 #       ####   ####    #   ###### #    #
*/

ul li a{
  display: inline-block;
  margin-bottom: 3px;
}
.widget_title{
  text-transform: uppercase;
}
.site__sidebar__widget .menu{
  padding-left: 0;
  list-style: none;
}
.footer-custom{
  background-color: var(--custom-yellow);
  color:#fff;
}
.footer-custom a{
  color:#fff;
}


/*
 #####  ######  ####  #####   ####  #    #  ####  # #    # ######
 #    # #      #      #    # #    # ##   # #      # #    # #
 #    # #####   ####  #    # #    # # #  #  ####  # #    # #####
 #####  #           # #####  #    # #  # #      # # #    # #
 #   #  #      #    # #      #    # #   ## #    # #  #  #  #
 #    # ######  ####  #       ####  #    #  ####  #   ##   ######
*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .service{
    font-size: 1em;
  }
  .home-hero .wrapper-content{
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .navbar-nav .nav-link.active:after{
    position:absolute;
    content:"";
    height:3px;
    background-color: #fff;
    left:0;right:0;
    bottom: -30px;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #service-entreprises{
    position: relative;
  }
  #service-entreprises:before{
    content:"";
    position: absolute;
    top:6px;
    left:calc(-15px / 2);
    background: url('../images/dot-spacer.png') repeat-y;
    width:8px;
    height: 100%;
  }
}