/*
Theme Name: astra-child
Description: thème enfant de Astra pour le site du Bachal
Author:  AmauryH
Author URI: /
Template: astra
Version: 1.0
*/

/* Saisissez votre CSS personnalisé ci-dessous */

/*masquer  bouton langue EN*/
/*#menu-item-1086-en-gb {
   display: none;
}*/

/*footer responsive Mobile*/
@media screen and (max-width: 600px) {
    .site-footer .nav-menu li {
        width: 100%;
    }
}

/*Formulaire*/
@media screen and (min-width: 1024px) {
    textarea.wpcf7-form-control.wpcf7-textarea {
        resize: none;
    }
    .wpcf7 input:not([type="submit"]),
    .wpcf7 select,
    .wpcf7 {
        height: 40px !important;
    }
}

@media screen and (max-width: 1024px) {
    textarea.wpcf7-form-control.wpcf7-textarea {
        max-width: 100% !important;
        min-width: 100% !important;
    }
    .ast-main-header-nav-open {
        overflow: hidden;
    }
}

/*bouton contact menu*/
.main-navigation button:hover {
    color: #ffffff !important;
    border-color: #f14d28 !important;
    background-color: #f14d28 !important;
}

.main-navigation [aria-current="page"] button {
    color: #ffffff !important;
    border-color: #f14d28 !important;
    background-color: #f14d28 !important;
}

.main-navigation button {
    color: #f14d28 !important;
    background-color: rgba(255, 255, 255, 0) !important;
    border-color: #f14d28 !important;
}

/*calenbdrier A venir*/
div[data-calendar-id="1184"] .simcal-day-label {
    border-bottom: none !important;
    width: 20% !important;
    position: relative !important;
    top: 6.7em !important;
}

div[data-calendar-id="1184"] .simcal-day-label span {
    background: #ffffff00 !important;
    color: white !important;
    font-size: 1.4em !important;
    position: relative;
}

div[data-calendar-id="1184"] .simcal-event-start.simcal-event-start-date {
    display: none;
}

div[data-calendar-id="1184"] .simcal-event-end.simcal-event-end-time {
    display: none;
}

div[data-calendar-id="1184"] .simcal-event-description {
    color: white;
    width: 50%;
}

div[data-calendar-id="1184"] .simcal-event-details {
    position: relative;
    left: 20%;
    width: 80% !important;
}
div[data-calendar-id="1184"] #text {
    display: none !important;
}

div[data-calendar-id="1184"] .simcal-event-start.simcal-event-start-time::before {
    content: "DÈS ";
}

div[data-calendar-id="1184"] dd.simcal-day {
    border: 3px solid #25a6a6;
    border-radius: 10px;
}

div[data-calendar-id="1184"] .simcal-event-details a {
    font-family: Roboto !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
    font-size: 1.2em;
    padding: 10px;
}

div[data-calendar-id="1184"] .simcal-event-details a.button {
    position: relative !important;
    left: 70% !important;
}

div[data-calendar-id="1184"] .simcal-event-start.simcal-event-start-time {
    position: relative;
    left: 70% !important;
    color: #ffffff;
}

@media screen and (max-width: 600px) {
    /*Bouton calendrier */
    div[data-calendar-id="1184"] .simcal-event-details a.button {
        left: 57% !important;
    }

    div[data-calendar-id="1184"] .simcal-event-start.simcal-event-start-time {
        left: 57% !important;
    }
}

/*disable "-" calendrie A venir*/

#text {
    display: none;
}

/*adaptation calendrier tablette*/
@media (max-width: 1024px) {
    .elementor-column {
        width: 100% !important;
    }
} /*Fin Calendrier*/

div[data-calendar-id="1184"] .simcal-event-title {
    position: absolute;
    top: 2em !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    color: #ffffff;
    width: 50%;
}



@media screen and (min-width: 1024px) {	
    /*position icon search pc*/
    .ast-search-menu-icon.slide-search .search-form {
        right: auto !important;
        left: 2em !important;
    }
      /*survol icon search pc*/
    .astra-search-icon:hover {
        color: #f14d28 !important;
    }
    /*icone search*/
    .slide-search.astra-search-icon {
        color: #000000;
        padding: 0 100px 0 0!important;

        }

        /*reduce padding insta*/
        a[title="insta"]{
            padding: 0 0 0 0!important;

        }
  

    .ast-search-menu-icon .search-form {
        border-color: #f14d28 !important;
        border-radius: 5px !important;
    }

    .search-field::placeholder {
        color: #f14d28 !important;
    }

    .ast-dropdown-active .astra-search-icon {
        left: 250px !important;
        position: relative !important;
        color: #f14d28 !important;
    }/*fin icon search*/
}

/*Menu responsive home survol*/
.ast-mobile-header-logo:hover {
    content: url("/leBachal/wp-content/uploads/2020/08/Groupe-179.png");
}

/*logo menu responsive*/
#home:hover {
    content: url("/leBachal/wp-content/uploads/2020/08/Groupe-830-e1597305954152.png");
}

/*Menu image orange fb au survol */
#fb:hover {
    content: url("/leBachal/wp-content/uploads/2020/08/Icon-awesome-facebook-f-e1597327848869.png");
}

/*Menu image orange insta au survol */
#insta:hover {
    content: url("/leBachal/wp-content/uploads/2020/08/Icon-awesome-instagram-e1597328706327.png");
}

/*icone survole Facebook*/
.fab.fa-facebook-f:hover {
    color: #f14d28 !important;
}
/*icone survole Facebook*/
.fab.fa-instagram:hover {
    color: #f14d28 !important;
}

/*formulaire reservation salle*/

/*padding pop -up formulaire*//*Mobile*/
@media screen and (max-width: 640px) {
    #popmake-1347,
    #popmake-1100,
    #popmake-1356,
    #popmake-264 {
        left: 3% !important;
    }

    #nf-form-2-cont,
    #nf-form-5-cont,
    #nf-form-6-cont,
    #nf-form-title-7,
    #nf-form-title-8 {
        column-count: 1 !important;
    }

    #nf-field-121-container,
    #nf-field-106-container {
        margin-top: 10px;
    }
}

#popmake-1347,
#popmake-1100,
#popmake-1356,
#popmake-264 {
    padding-left: 3%;
}

/*padding pop -up formulaire*//*Pc/tablette*/
@media screen and (min-width: 640px) {
    #nf-form-2-cont,
    #nf-form-5-cont,
    #nf-form-6-cont,
    #nf-form-7-cont,
    #nf-form-8-cont,
    #wpcf7-f881-o1 {
        column-count: 2;
    }

    /*Espacement formulaire*/
    #nf-field-67-container {
        height: 150px !important;
    }

    #nf-field-85-container,
    #nf-field-103-container,
    #nf-field-129-container {
        height: 55px !important;
    }

    #nf-field-118-container {
        height: 100px !important;
    }
    .wpcf7-form-control-wrap.video {
        height: 300px;
    }
}

/*color placeholder form*/
#nf-form-2-cont input::placeholder,
#nf-form-5-cont input::placeholder,
#nf-form-6-cont input::placeholder,
#nf-form-7-cont input::placeholder,
#nf-form-8-cont input::placeholder,
#wpcf7-f881-o1 input::placeholder {
    color: #25a6a6 !important;
    font-family: Roboto;
}

/*combobox color*/
#nf-form-8-cont select.ninja-forms-field {
    color: #25a6a6 !important;
}

/*.nf-form-content select.ninja-forms-field */

#heureres {
    height: 50px !important;
}

/*masquer trait*/
#nf-field-67-wrap,
#nf-field-85-wrap,
#nf-field-103-wrap,
#nf-field-118-wrap,
#nf-field-129-wrap {
    display: none !important;
}
/*droite*/

#nf-field-6-container,
#nf-field-8-container,
#nf-field-10-container,
#nf-field-56-container,
#nf-field-58-container,
#nf-field-60-container,
#nf-field-72-container,
#nf-field-74-container,
#nf-field-76-container,
#nf-field-79-container,
#nf-field-82-container,
#nf-field-84-container,
#nf-field-90-container,
#nf-field-92-container,
#nf-field-106-container,
#nf-field-121-container,
#nf-field-110-container,
#nf-field-112-container,
#nf-field-124-container,
#nf-field-126-container,
#nf-field-132-container {
    width: 48%;
    display: inline-block;
    margin-left: 5px;
}
/*gauche*/
#nf-field-5-container,
#nf-field-7-container,
#nf-field-9-container,
#nf-field-55-container,
#nf-field-57-container,
#nf-field-59-container,
#nf-field-71-container,
#nf-field-73-container,
#nf-field-75-container,
#nf-field-78-container,
#nf-field-81-container,
#nf-field-83-container,
#nf-field-89-container,
#nf-field-91-container,
#nf-field-93-container,
#nf-field-113-container,
#nf-field-109-container,
#nf-field-111-container,
#nf-field-123-container,
#nf-field-125-container,
#nf-field-127-container {
    width: 48%;
    float: left;
    display: inline-block;
    margin-right: 5px;
}

/*ReduceTaille number*/
#nf-field-57,
#nf-field-58,
#nf-field-59,
#nf-field-60,
#nf-field-81,
#nf-field-82,
#nf-field-83,
#nf-field-84 {
    width: 55% !important;
}

/*taille Nbr personnes input form*/
.label-right .nf-field-element {
    width: 48% !important;
}

/*color border*/
.nf-form-content .list-select-wrap .nf-field-element > div,
.nf-form-content input:not([type="button"]),
.nf-form-content textarea {
    border: 2px solid #25a6a6 !important;
    border-radius: 10px !important;
    color: #25a6a6 !important;
}
/*couleur tableau*/
table,
td,
th {
    border: 1px solid rgb(0 0 0 / 0%);
}

/*bouton Reservation  */
#nf-field-12,
#nf-field-77,
#nf-field-95,
#nf-field-115,
#nf-field-128,
#wpcf7-f881-o1 .wpcf7-form-control.wpcf7-submit {
    background: #25a6a6;
    color: #ffffff;
    font-family: Roboto;
    text-transform: uppercase;
    border-color: #25a6a6;
}


/*Fin Formulaire*/


/*Formulaire video input font familly + color*/
#wpcf7-f881-o1 .wpcf7-form-control.wpcf7-text {
    color: #25a6a6 !important;
    font-family: Roboto;
}


#la-carte {
    display: block;
    height: 150px !important;
    margin-top: -150px !important;
    visibility: hidden;
}

@media screen and (min-width: 1400px) {
	/*menu Pc*/
    #site-navigation {
        line-height: 2;
        background: #fff;
        height: initial;
        z-index: 2;
        margin: 0 auto;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
    }
    #site-navigation ul li a {
        font-size: 30px;
        padding: 0 1.5em;
    }
}

@media screen and (min-width: 1025px) {
    /*Page Lacarte fleche defilement Brunch /boisson Slide*/
    #n2-ss-5-arrow-next {
        right: 40% !important;
    }
    #n2-ss-7-arrow-previous {
        top: 47% !important;
        left: 0% !important;
    }
    #n2-ss-7-arrow-next {
        left: 72% !important;
        top: 47% !important;
    }

    .ast-small-footer .nav-menu li {
        padding: 0 1.5em;
    }
    /*search btn*/

    .ast-search-icon {
        top: -36%;
    }

    /*search btn positon 1er*/
    ul li:nth-child(10).menu-item-1068 {
        order: -1;
    }

    .ast-masthead-custom-menu-items.search-custom-menu-item {
        display: none !important;
    }
}

/*Menu mobile responsive*/
/*fleche -> diapo*/
@media only screen and (max-width: 700px) {
    #n2-ss-7-arrow-previous {
        left: 0% !important;
        top: 16% !important;
    }

    #n2-ss-7-arrow-next {
        top: 16% !important;
        left: 80% !important;
    }

    #n2-ss-5-arrow-previous{
        top: 20% !important;
    }
    
    #n2-ss-5-arrow-next{
        top: 20% !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 700px) {
    #n2-ss-7-arrow-previous {
        left: 0px !important;
        top: 47% !important;
    }

    #n2-ss-7-arrow-next {
        top: 47% !important;
        left: 70% !important;
    }


    #n2-ss-5-arrow-previous{
        top: 11% !important;
    }

    #n2-ss-5-arrow-next{
        top: 11% !important;
    }
}
@media screen and (max-width: 1400px) {
    /*Menu Mobile +Tablette*/
    /*hauteur menu*/
    #primary{
        top: 55px;
    }

    #site-navigation ul li a {
        font-size: 30px;
    }

    .main-header-bar-wrap {
        background: #fff;
        height: 8%;
        margin: 0 auto;
        width: 100%;
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
    }

    /*btn Menu resp*/
    .ast-mobile-menu-buttons {
        z-index: 2;
    }

    .ast-button-wrap .menu-toggle.main-header-menu-toggle {
        padding-top: 0.35em !important;
        z-index: 1;
    }

    .main-header-bar-navigation.toggle-on {
        text-align: center !important;
    }

    .ast-masthead-custom-menu-items.search-custom-menu-item {
        position: fixed;
        left: 5%;
        text-align: left;
        top: 3%;
        width: 88%;
    }

    /*.astra-search-icon::before {
        color: black !important;
    }*/

    ul li:nth-child(10).menu-item-1068 {
        display: none !important;
    }

    a[title="accueil"] {
        display: none !important;
    }

    ul li:first-child.menu-item-1086-en-gb {
        /*display: none!important;*/
        order: 10;
    }
    .main-navigation {
        width: 100%;
        height: 100%;
        background: white;
        position: fixed;
    }

    #primary-menu {
        position: fixed;
        height: 60%;
        width: 100%;
        background: #FFFFFF00;
    }

    a[rel="home"] {
        position: fixed;
        left: 43%;
        text-align: center;
        top: 20px;
        z-index: 0 !important;
    }

    a[title="facebook"],
    a[title="insta"],
    a[lang="en-GB"],
    a[lang="fr"] {
        text-align: left !important;
        width: 10% !important;
        border-color: #ffffff00 !important;
        min-width: 100px;
    }

    .menu-item-60 {
	left: -2%;
    }

    .menu-item-61 {
        bottom: 90px;
        left: 50px;
    }

    .menu-item-60 a,
    .menu-item-61 a {
	margin: auto;
    }

    .menu-item-1086-en-gb {
        bottom: 1% !important;
        position: fixed !important;
        left: 80% !important;
        right: 10% !important;
    }

    form[role="search"] {
	margin: auto;
        width: 90%;
    }
} /*fin menu responsive*/

/*Réglage Footer*/
.ast-footer-overlay {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

/* Saisissez votre CSS personnalisé ci-dessous */

/*Menu*/
/*font*/
#site-navigation {
    font-family: TURBINADO !important;
}

#flipped {
    transform: rotate(-15deg);
}
@media screen and (max-width: 1400px) {
    #vertical3 {
        font-size: 12px;
        line-height: 17px;
	}
}

@media screen and (min-width: 1400px) {
    #vertical3 {
        font-size: 17px;
        line-height: 17px;
    }
}

@media screen and (max-width:450px) {
	#vertical3 {
		width:25%;
	}
}

/*Calendar modif*/
.simcal-calendar.simcal-default-calendar.simcal-default-calendar-grid.simcal-default-calendar-light {
    color: white;
}
.simcal-default-calendar .simcal-current h3 {
    color: white;
}

.simcal-default-calendar-light .simcal-nav-button:disabled,
.simcal-default-calendar-light .simcal-nav-button:disabled:hover {
    color: black !important;
}

.simcal-default-calendar-light .simcal-nav-button {
    color: white !important;
}

.simcal-week-day {
    color: #25a6a6;
}
/*Fin Calendar modif*/

/*modif Form Contact*/
/*btn */
input.wpcf7-form-control.wpcf7-submit {
    background-color: #f14d28;
    color: #ffffff;
    font-family: Roboto;
    font-weight: bold;
    text-align: center;
    margin-left: 50%;
    width: 50%;
}

@media screen and (min-width: 1024px) {
    input.wpcf7-form-control.wpcf7-submit {
        margin-left: 50%;
        width: 50%;
    }

    /*message height*/

    textarea.wpcf7-form-control.wpcf7-textarea {
        height: 150px;
    }

    /*Fin Formulaire Contact*/
}

/*color btn politique confidentialité*/
.cn-button.wp-default {
    background: #e94f2d !important;
}

[aria-current="page"] {
    text-decoration: underline !important;
}
@font-face {
  font-display: swap;
}