/*
Theme Name: Mon theme
Version: 1.0
Requires at least: Wordpress 5.0
Description: Mon premier thème !
Author: Laetitia B
*/

@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
@import url('https://fonts.cdnfonts.com/css/magnolia-script');
@import "./fontawesome/scss/fontawesome.scss";

:root {
    box-sizing: border-box;
}

/* Permet de rénitialiser des paramêtres navigateur */
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: inherit;
}

body {
    font-family: 'Rubik', 'Arial', sans-serif;
    margin: 0;
    color: #163231;
    font-size: 1.1rem;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    min-height: 100vh;
}

#mainHeader {
    display:grid;
    grid-template-columns: 80px 1fr 40px;
    align-items: start;
    background-color: #eee;
    height: 40px; /* Height of the footer */
    width:100%;
    position:fixed;
    top:0;
    z-index:1000;
}

header {
    background-color: rgb(255, 255, 255);
}


/* masquer le h1 de la page d'accueil */

.page-id-8 h1 {
    display: none;
}

.page-id-8 h4 {
    margin:4px;
}

.page-id-8 h2 {
    margin: 4px ;
}



h1 {
    font-size: 2em;
    font-family: 'Magnolia Script', sans-serif;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 15px;
}

div.wp-container-2 h2 {
    font-size: 3em; /* H2 page contact (enveloppe) */
    font-family: 'Magnolia Script', sans-serif;
    text-align: center;
}

h2{
    font-size: 1.5em;
    font-family: 'Magnolia Script', sans-serif;
    text-align: left;
}

h3 .has-text-align-center, .has-large-font-size{
    font-family: 'Magnolia Script', sans-serif;
    
}

body p {
    text-align: center;
}

/* Image du header */
#headerImg {
    display: none;
    width:100%;
    height: auto;
    background-image: url(/images/luca-bravo-zAjdgNXsMeg-unsplash.jpg);
    background-position: center;
    background-size: cover;
    margin-top: -10px;
    margin-bottom: 10px;
}

  
/* Logo Atypik House */
#logoImg {
    height: 90px;
    position: absolute;
    top:4px;
    z-index: 40;
}

/* menu Nav */
ul.menu {
    position: absolute;
    display:block;
    list-style-type: none;
    width: 100%;
    line-height: 90px;
    background-color: white;
    top:25px;
}

ul.menu.show-menu {
    z-index: 30;
}

/* ul li */
.menu-item {
    display:block;
    padding:0 12px;
    background:white;
    text-align: center;
    font-size: 1.3rem;
}


.menu-menu-principal-container {
    top: 0;
    width: 100%;
    height: 98px;
    display:block;
    background-color: #ffffff;
}

.menu a, article a:active{
    color: #de8950;
}

.menu a, article a {
    text-decoration: none;
    color: #163231;
}

.menu a:hover, article a:hover {
    color: #de8950;
    font-weight: bold;
}
/* fin menu Nav */

/* Bouton Hamburger qui doit apparaître sur portable */
#menu-button{
    position:absolute;
    top:22px;
    right:5px;
    width:60px;
    height:60px;
    overflow:hidden;
    background:white;
    color:#000;
    line-height:50px;
    text-align:center;
    font-size:65px;
    cursor:pointer;
    transition:all .5s;
  }
  

  #menu-button::after{
    content:'×';
  }
  #menu-button.close{
    color:rgb(0, 0, 0);
    background:rgb(255, 255, 255);
  }
  #menu-button.close::after{
    content:'≡';
  }

  /* position du menu fermé (lié au js) */
  #menu-menu-principal{
    transition:transform .5s;
    position:absolute;
    width:100%;
    transform:translateY(-600px);
  }
 /* position du menu ouvert (lié au js) */

  #menu-menu-principal.show-menu{
    transform:translateY(51px);
  }

  
  #connexionButton {
    display: none;
    }

#searchform {
    display: none;
}

 /* bouton dropdown*/

 /* bouton dropdown compte client*/

 .containermenu {
    box-sizing: border-box;

    width:100%;

    display: block;

    justify-content: center;

    align-items: center;

    background-size: cover;

    width:100px;

    top: 24px;

    right: 110px;

    font-size: large;

    position: absolute;

}

.click{

    background-color: #ffffff;
    width:100px;
    border-radius: 0.25rem;
    font-size: 1.2em;
    padding: 5px;

}
.click i {
    font-size: 1.3em;
}

.click:hover {
    color: #afc59e;
    font-size: larger;

}

.click,.linksmenu {

    padding: 10px;

    font-size: 1.1em;

    border: none;

    outline: none;

    width:117px;

    color:#163231;

    transition: 0.3s;

}

.list {

    position: absolute;

    transform: scaleY(0);

    transform-origin: top;

    transition: 0.3s;

    width:140px;

    z-index:30;

}

.newlist {

    transform: scaleY(1);

}

.linksmenu {

    background-color: #ffffff;
    color: #163231;

}

.linksmenu:hover {

    background-color: #163231;
    color: #fff;

    transform: scale(1.1);

}
 /* fin bouton dropdown*/
 /* bouton panier*/
.containerpanier {
    position: absolute;
    top: 29px;
    right: 56px;
    font-size: large;
}

#panierIcon {
    color: #163231;
}
#panierIcon :hover {
    color: #afc59e;
    font-size: larger;
}

.click2 {
    background-color: transparent;
    width:80px;
    font-size: 1.5em;
    border:none;
    outline: none;
    border-radius:.2rem;
}
 /*fin bouton panier*/

/* Footer */
#logoFooter {
    height: 100px;
}

footer {
    margin-top: 50px;
    background-color: #afc59e;
    position: relative;
    width:100%;
    min-height: 370px;
    bottom: 0;
    padding: 3rem 0rem 0rem 0rem;
}

.container {
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: left;
    align-items: left;
    flex-direction: column;
}

.row{
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: left;
    flex-direction: column;
}
/* li colonne services  */
.my-footer-menu li{
    background-color: transparent;
    margin-bottom: 40px;
    font-size: 1rem;
    padding: 0;
    display: block;
    text-align: left;
    margin: 0;
   }

   .my-footer-menu a{
    text-decoration: none;
    color: #163231;
   }

   .my-footer-menu a:hover, article a:hover {
    color: #163231;
    font-weight: bold;
}
/* fin li colonne services  */

/* li colonne informations  */
.footer-menu-info li{
    background-color: transparent;
    font-size: 1rem;
    margin-bottom: 40px;
    display: block;
    text-align: left;
    margin:0;
    padding: 0;
    height: 50px;
   }

   .footer-menu-info a{
    text-decoration: none;
    color: #163231;
   }
   .footer-menu-info a:hover, article a:hover {
    color: #163231;
    font-weight: bold;
}
/* fin li colonne informations  */


.col{
    min-width: 300px;
    max-width: 350px;
    height: auto;
    color:#163231;
    font-family: poppins;
    padding:0 2rem;
    text-align: left;
    margin-bottom: 20px;
}


/* Titres colonnes  */
.col h4{
    color:#163231;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
}
.col h4::after{
    content: '';
    height:3px;
    width:0px;
    background-color: #163231;
    position: absolute;
    bottom: 0;
    left:0;
    transition: 0.3s ease;

}
.col h4:hover::after{
    width:30px
}

/* Réseaux sociaux  */
.col .social a i{
    color:#163231;
    margin-top:0.5rem;
    margin-right: 5px;
    transition: 0.3s ease;
    margin-bottom: 30px;
}

.col .social a i:hover{
    transform: scale(1.5);
    filter:grayscale(25);
}

.social{
    text-align: center;
}

.col .links a{
    display: block;
    text-decoration: none;
    color:#163231;
    position: relative;
    height: 40px;
    transition: 0.3s ease;
}
.col .links a::before{
    content:'';
    height: 16px;
    width:3px;
    position: absolute;
    top:5px;
    left:-10px;
    background-color: #163231;
    transition: 0.5s ease;
    opacity: 0;
}
.col .links a:hover::before{
    opacity: 1;
}
.col .links a:hover{
    transform: translateX(-8px);
    color:#163231;
}
.col .contact-details{
    display: inline-flex;
    justify-content: space-between;
    align-items: left;
}
.col .contact-details i{
    margin-right:15px;
}
.row .form{
    display: flex;
    justify-content: center;
    align-items: top;
    width: 100%;
    padding:2rem 0;
}
.row .form input{
    background-color: #163231;
    color: white;
    border:0;
    outline:none;
    padding:14px 20px;
    border-radius: 6px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.form button{
    padding:14px 20px;
    border:0;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #163231;
    color: white;
}


#footerbottom {
    background-color: #163231;
    width: 100%;
    bottom:0;
    height: 80px;
    margin-top: 6px;
    padding-top: 20px;
    color: white;
}


/* Blog  */

main {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 50px;
}
main h2 {
    font-family: 'Rubik', 'Arial', sans-serif;
    margin-bottom: 20px;
    font-weight: bolder;
}

.page-id-11 h2 {
    font-weight: bolder;
    font-weight: 0.8em;
    }

article p a {
    color:#de8950
}

main p {
    display: flex;
    margin-bottom: 20px;
    text-align: left;
}

article.post{
    max-width: 340px;
    margin-bottom: 40px;
    margin: 18px;
    border: 1px;
    padding: 40px;
    box-shadow: 1px 1px 10px 1px rgb(184, 184, 184);
    cursor: pointer;
    border-radius: 0.25rem;
}

article.postsingle {
    max-width: 100%;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
}

article p {
    margin-bottom: 20px;
    margin-top: 10px;
}

.wp-post-image {
    border-radius: .25rem;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

div.post__contentsingle {
    margin:2%;
}
/* fin Blog  */


/* Contact form page Contact  */
#wpforms-90 {
    max-width:400px ;
    align-items: center;
    width:100%;
    justify-content: center;
    color:#163231;
}
div.wpforms-container-full .wpforms-form input[type="date"], div.wpforms-container-full .wpforms-form input[type="datetime"], div.wpforms-container-full .wpforms-form input[type="datetime-local"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full .wpforms-form input[type="month"], div.wpforms-container-full .wpforms-form input[type="number"], div.wpforms-container-full .wpforms-form input[type="password"], div.wpforms-container-full .wpforms-form input[type="range"], div.wpforms-container-full .wpforms-form input[type="search"], div.wpforms-container-full .wpforms-form input[type="tel"], div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="time"], div.wpforms-container-full .wpforms-form input[type="url"], div.wpforms-container-full .wpforms-form input[type="week"], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
    color:#163231;
    border-radius: 4px;
}

div .choices .wpforms-field-row .wpforms-field-medium {
    border-radius: 4px; 
}

#wpforms-submit-90 {
    background-color: #de8950;
    border-radius: 5px;
    color: #163231;
}




/* mise en page woocommerce */
/* produits woocommerce (thumbnails)*/
div .wc-block-grid__product-title {
    color: #163231;
}

img .attachment-woocommerce_thumbnail, .size-woocommerce_thumbnail{
    border-radius: .25rem;
}

.woocommerce ul.products li.product a img {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.311);
}

h2.woocommerce-loop-product__title {
    color:#163231;
}


/* calendrier page produit */
.yith-booking--simple-style .yith-wcbk-datepicker.ui-datepicker td.ui-datepicker-current-day, .yith-booking--simple-style .yith-wcbk-date-picker--inline .ui-datepicker td.ui-datepicker-current-day {
    background: #163231 !important;
}

.yith-booking--simple-style .yith-wcbk-date-picker--inline .ui-datepicker td:hover {
    background: #afc59e !important;
}

/* calendrier search form accueil */
.yith-booking--simple-style .yith-wcbk-datepicker td:hover {
    background: #afc59e !important;
}

/* personne picker produit */
.yith-booking--simple-style .yith-wcbk-people-selector--opened .yith-wcbk-people-selector__totals {
    background: #de8950 !important;
}

.yith-wcbk-people-selector__field__plus, .yith-wcbk-people-selector__field__minus {
    border:1px solid #de8950 !important;
}

.yith-wcbk-people-selector__field__plus-wrap, .yith-wcbk-people-selector__field__minus-wrap {
    color: #de8950 !important;
}

.yith-wcbk-people-selector__fields-container__footer .yith-wcbk-people-selector__close-handler {
    color: #de8950 !important;
}

/* texte tabs produits (onglet descriptifs) */
div.woocommerce-tabs p {
    text-align: left;
}

/* fin produits woocommerce */


/* Bouton ajouter au panier page produit */
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #de8950;
}

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #de8950;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #f2a979;
}

/* fin mise en page woocommerce produit */



/* mise en page search form accueil */
/* bouton rechercher */
.yith-wcbk-booking-search-form-255, .yith-wcbk-booking-search-form-submit {
    border: none;
    border-radius: .25rem;
    background: #de8950;
    height: 50px;
    width: 250px;
    font-size: medium;
}

.yith-wcbk-booking-search-form-255, .yith_wcbk_booking_search_form_widget-255 {
    width:95vw;
}
.yith-booking--simple-style .yith-wcbk-booking-search-form input[type="text"], .yith-booking--simple-style .yith-wcbk-booking-search-form input[type="number"], .yith-booking--simple-style .yith-wcbk-booking-search-form .select2-choices, .yith-booking--simple-style .yith-wcbk-booking-search-form .select2-container--default .select2-selection--multiple {
    height: 40px;
}

button.button.alt.yith-wcbk-booking-search-form-submit {
    margin-top: 20px !important;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 1px;
}
/* fin bouton rechercher */

table.yith-wcbk-booking-search-form-table {
    width:100%;
    display: flex;
    justify-content: center;
}

.yith-wcbk-booking-search-form .yith-wcbk-booking-search-form-submit, .yith-wcbk-booking-search-form form {
    width: 100%;
}

.yith-wcbk-booking-search-form .yith-wcbk-booking-field {
    float:none !important;
}

.yith-wcbk-booking-search-form-table, .yith-wcbk-booking-search-form-table tr, .yith-wcbk-booking-search-form-table td {
    width: 95%;
    display: grid;
    align-items: center;
}

.yith-wcbk-booking-search-form-table .yith-wcbk-booking-search-form-label {
    width:95% !important;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 1.2em;
}
.yith-booking--simple-style .yith-wcbk-booking-search-form input[type="text"], .yith-booking--simple-style .yith-wcbk-booking-search-form input[type="number"], .yith-booking--simple-style .yith-wcbk-booking-search-form .select2-choices, .yith-booking--simple-style .yith-wcbk-booking-search-form .select2-container--default .select2-selection--multiple {
    border-radius: .25rem !important;
}

.yith-wcbk-booking-search-form {
    display: flex;
    width: 96%;
    position: absolute;
    top: 48px;
    padding: 2px!important;
}

.yith-wcbk-booking-search-form * {
    min-width: 325px;
}


/* fin mise en page search form accueil */




/* page mon compte */

div.woocommerce {
    width:92vw;
    margin: auto;
}

.woocommerce-MyAccount-content {
    margin-top: 40px;
}

.woocommerce-MyAccount-content a {
    color: #de8950;
}

.woocommerce-MyAccount-content a:hover {
    font-weight: bold;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    margin:0px 0px 0px 20px;
    width: 40%;
    display: flex;
    justify-content: center;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width:80%;
    margin-left: 20px;
}


.page-id-121 p {
    text-align: left;
    margin-bottom: 15px;
}

.page-id-121 footer p {
    text-align: center;
}

.page-id-121 h3 {
    font-size: larger;
    font-weight: bold;
}

.page-id-121 h1 {
    margin-bottom: 10px;
}

.woocommerce-MyAccount-navigation ul a {
    color: #163231;
    font-size: large;
}

.woocommerce-MyAccount-navigation li {
    margin: 10px 0px;
    border: 2px solid #163231;
    padding: 10px;
    cursor: pointer;
}

.woocommerce-MyAccount-navigation li:hover {
    border: none;
    background-color: #afc59e;
    border: 2px solid transparent;
}


.woocommerce-MyAccount-navigation a:active{
    color: #de8950;
}

.woocommerce-MyAccount-navigation a:hover{
    color:#163231;
    font-weight: bold;
}
/* fin page mon compte */

/* page panier */
.page-id-119 div.woocommerce {
    width: 96%;
    margin-top: 20px;
    margin: auto;
}

.woocommerce-info::before {
    color:#afc59e;
}
.woocommerce-info {
    border-top-color: #afc59e;
}

/* produits vedettes grid (modification des margin pour eviter le debordement) */

.wc-block-grid__products {
    margin: 0px 0px 16px;
}

/* page boutique woocommerce */

div.woocommerce.columns-4  {
    width: 95vw;
    margin-left:10px;
}


/* form devenir hôte */
.mvx_regi_main {
    width:80% !important;
    margin: auto;
}

.page-id-212 h2 {
    display: none; 
}

.mvx_regi_main .mvx_regi_form_box {
    margin: 30px 20px 60px 20px !important;
}

.woocomerce-FormRow, .form-row {
    margin-top: 40px;
}
.mvx_regi_main .mvx_regi_form_box {
    width:auto !important;
}


/* page vendor MultivendorX */

main#main.site-main {
    width:100vw !important;
}


body.archive.tax-dc_vendor_shop {
    height: auto;
}

.page-id-211 div.menu-menu-principal-container {
    position:absolute;
}

.mvx-theme02 .mvx-banner-area {
    position: absolute !important;
}

.mvx_bannersec_start{
    display: flex;
    margin: auto;
    justify-content: center;
}

.mvx-main-section {
    margin:auto;
    width: 90%;
}

.woocommerce-products-header__title.page-title {
    text-align: center;
    margin: 20px;
    font-size: 2em;
}


/* onglets form page contact */
.wp-block-columns {
    margin:1.75em;
}

/* onglets avis page produit contenu */
.strong-view.wpmtst-default {
    width:90% !important;
}

.strong-form-inner {
    padding:0 !important;
    width: 80%;
}

#qna-ask-input input[type="text"] {
    width:90% !important;
}




/* pages RGPD */
#cmplz-document {   /* pages politique cookies */
    max-width: 80vw;
    margin: auto;
}

#cmplz-document p, #cmplz-document li, #cmplz-document td {
    font-size: 1.2em;
}

#cmplz-document h2 {
  font-size: 1.6em;
  text-align: center;
}

/* pages confidentialités */
.page-id-3 h2 {
    text-align: center;
    margin: 15px 0 15px 0;
}

.page-id-3 .wp-block-group{
    margin-bottom: 10px;
    margin-top:10px;
    margin-left: 5%;
    margin-right:5%;
}

.page-id-3 .wp-block-group p{
    margin-bottom: 10px;
    margin-top:10px;
}

/* pages mentions légales*/
.page-id-79 h2{
    text-align: center;
    margin: 15px 0 15px 0;
}
.page-id-79 .wp-block-group p{
    margin-bottom: 10px;
    margin-top:10px;
}

.page-id-79 .wp-block-group {
    margin-bottom: 10px;
    margin-top:10px;
    margin-left: 5%;
    margin-right:5%;
}


/* pages conditions d'utilisations*/
.page-id-81 h2{
    text-align: center;
    margin: 15px 0 15px 0;
}
.page-id-81 .wp-block-group p{
    margin-bottom: 10px;
    margin-top:10px;
}

.page-id-81 .wp-block-group {
    margin-bottom: 10px;
    margin-top:10px;
    margin-left: 5%;
    margin-right:5%;
}

/* title banner page accueil */
.wp-block-getwid-banner__title {
    font-size: 2em;
 }







/* format tablette */
@media screen and (min-width: 768px){
    #wpforms-90 {
        max-width:700px ;  /* Contact form  */
    }

    /* Blog  */
    main {
        flex-direction: row;
        width: 700px;
    }

    article.post{
        max-width: 320px;
        margin: 10px;
    }
    

    /* search form accueil */

    table.yith-wcbk-booking-search-form-table >tbody {
        display: flex;
        flex-direction: row;
        display: grid !important; /* effacer à partir d'ici pour retour en ligne */
        padding: 10px 50px;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        width: 100%;
        align-items: end;
    }


    .page-id-8 form tr:last-child {  /* form page accueil (id-8) */
        grid-column: 1 / -1;
        display:flex;
        width:97% !important;
        justify-content: center;
    }
    
    
    .page-id-8 form tr:last-child td {
        width:50%;
    }

    .page-id-15 form tr:last-child {  /* form page hébergement (id-15) */
        grid-column: 1 / -1;
        display:flex;
        width:97% !important;
        justify-content: center;
    }
    
    
    .page-id-15 form tr:last-child td {
        width:50%;
    }




    .yith-wcbk-clearfix::before, .yith-wcbk-clearfix::after{
        display: inline !important;     /* aligner les tr (block) de la première ligne du search form */
    }
    /* conflit avec le selecteur de personne page produit */



    
    .yith-wcbk-booking-search-form {
        width: 96vw;
        top:40%;
    }

    .yith-wcbk-booking-search-form * {
        min-width: auto;
    }

    table.yith-wcbk-booking-search-form-table {
        width:100%;
        display: block;
        justify-content: center;
    }


    /* compte client woocommerce */
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 15%;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width:74%;
    }

    /* boutique woocommerce */

    div.woocommerce.columns-4  {
        width: 90vw;
        margin-left:30px;
    }

    .yith-wcbk-people-selector__fields-container .yith-wcbk-clearfix::before, .yith-wcbk-clearfix::after {
        display: table !important;   /* aligner les éléments nbr de personnes */
    }


 /* nav menu tablette */

 #logoImg {
    height:95px;
 }

#menu-button {
    right:10px;
    font-size:70px;
}

.containerpanier {
    font-size:larger;
    top: 28px;
    right: 72px;
}

.containermenu {
    top: 24px;
    right: 142px;
    font-size: larger;
}

 /* fin nav menu tablette */

 .wp-block-getwid-banner__title {
    font-size: 1.3em;
 }


}




    /* format pc */

@media screen and (min-width: 900px){

   #menu-button {display: none;}

   #logoImg {
    z-index: 1000;
    height: 100px;
    position: absolute;
    top:5px;
   }
   #headerImg {
    margin-top: 10px;
   }

   /* menu Nav */

ul.menu {
    position: absolute;
    padding-right: 0;
    list-style-type: none;
    width: 100%;
    text-align: right;
    line-height: 80px;
    flex-direction: row;
}

/* menu liens li */
.menu-item {
    display: inline-block;
    margin-right: 20px;
    padding-right:30px;
    justify-content: space-between;
    font-size: 1.4em;
}

div.menu-menu-principal-container {
    top: 0;
    width: 100%;
    height: 105px;
    box-shadow: 1px 1px 8px rgb(177, 177, 177);
}

/* position du menu */
#menu-menu-principal{
    transform:translatex(0);
}

.menu a, article a:active{
    color: #de8950;
}

.menu a, article a {
    text-decoration: none;
    color: #163231;
}

.menu a:hover, article a:hover {
    color: #de8950;
    font-weight: bold;
}
/* fin menu Nav */


 /* bouton dropdown*/

 .containermenu {

    top: 5px;

    right: 115px;

}
 /* fin bouton dropdown*/

 /*bouton panier*/
 .containerpanier {
    position: absolute;
    top: 9px;
    right: 40px;

}
 /* fin bouton panier*/

  /* Footer */
.row{
    flex-direction: row;
}

.col{
    min-width: auto;
    max-width: 400px;
    height: auto;
    color:#163231;
    font-family: poppins;
    padding:0 2rem;
    text-align: left;  
}

#footerbottom {
    background-color: #163231;
    width: 100%;
    bottom:0;
    height: 90px;
    margin-top: 10px;
    padding-top: 30px;
    color: white;
}

#menu-item-83{
    height:80px;
}


/* Contact form  */
#wpforms-90 {
    max-width:1024px ;
}


/* Blog  */
main {
flex-direction: row;
width: 80%;
}

article.post{
    min-width: 30%;
    margin-bottom: 40px;
    margin: 1%;
}


    /* search form accueil */

.yith-wcbk-booking-search-form {
    margin: 5px !important;
}

    /* boutique woocommerce */

    div.woocommerce.columns-4  {
        width: 94vw;
        margin-left:36px;

    }

    .wp-block-getwid-banner__title {
        font-size: 2em;
     }

}