/*
	Theme Name: Webstreet Eco
	Theme URI: https://www.webstreet.io
	Description: Un thème WordPress éco-conçu, mettant en avant un design épuré et écologique. Offrant une expérience utilisateur fluide, il intègre des fonctionnalités durables pour promouvoir la responsabilité environnementale.
	Author: Webstreet
	Author URI:
	Version: 1.0.0
	Stable tag: 1.0.0
	Requires at least: 6.0
	Tested up to: 6.4
	Requires PHP: 7.3
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: webstreet-eco
	Tags: eco-design, accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
@import url("https://fonts.googleapis.com/css?family=Questrial:400,300,700");
@import url("https://fonts.googleapis.com/css?family=League+Gothic:400,300,700");

h1 {
    text-transform: uppercase;
    font-size: 50px;
}

h1, h3 {
font-family: 'League Gothic', sans-serif !important;
}

h2, h4, h5 {
    font-family: 'Questrial', sans-serif !important;
}


/*gutenberg builder only*/
.has-primary-background-color {
    background-color:var(--bs-breadcrumb-item-active-color);
}

.has-primary-background-color:hover {
    background-color:#161615;
}

.has-secondary-background-color {
    background-color:#161615;
    border: solid 1px #161615;
    color:white;
}

.has-info-background-color {
    background-color:#B9E0E5 !important;
    color:#161615;


}


.has-secondary-background-color:hover, footer .btn-secondary:hover {
    background-color:white !important;
    color:var(--bs-breadcrumb-item-active-color) !important;
    border: solid 1px var(--bs-breadcrumb-item-active-color) !important;
}

.has-info-background-color {
    background-color:#B9E0E5;
}

.has-light-background-color {
    background-color:#E8E8E8;
}

.wp-block-media-text {
    margin-bottom:1rem;
}

.border-radius-0 {
    border-radius: 0 !important;
}


/*gutenberg builder only*/


/*header menu*/
.site-header { text-align: center; padding-top: 20px; }
.menu-separator { border-top: 1px solid #333; margin-bottom: 10px;margin-top: 10px; }
.navbar-nav { justify-content: center; }
.navbar-nav a { text-transform: uppercase; letter-spacing: .1em; padding: .5rem 1rem; }

.navbar-collapse.collapse {
    transition: all 0.4s ease;
    opacity: 0;
    transform: translateY(-10px);
    display: none !important;
}

.navbar-collapse.show {
    display: block !important;
    opacity: 1;
    transform: translateY(0);
}

.navbar-nav a {
    position: relative;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding: .5rem 1rem;
    color: inherit;
    text-decoration: none;

    &::after {
        content: "";
        position: absolute;
        bottom: 0.2rem;
        left: 50%;
        width: 0;
        height: 2px;
        background-color: currentColor;
        transition: all 0.3s ease;
        transform: translateX(-50%);
    }

    &:hover::after {
        width: 60%;
    }
}


/*header menu*/

/*archive*/

.card-title {
    font-size: 1.2rem;
    font-weight: 600;
}

.card-text {
    font-size: 0.95rem;
    color: #444;
}

.btn-outline-primary {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.05em;
}

.card-img-top {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 0.5rem 0.5rem 0 0;
}



/*archive*/


img {
    max-width:100%;
}

.sub-menu li {
    list-style:none;
}
.dropdown-item:hover, .dropdown-item:focus {
    background-color: #bb092f;
}

.logo-vertical-bar {
    display:flex;
    height:1000px;
}

.logo-mini {
    height:100%;
    flex-grow:1;
    margin-top: 300px;
    text-align: right;
}

/*logo mobile*/
@media (max-width: 768px) {
    .custom-logo-link img.custom-logo {
        width: 100%;  
        height: auto; 
        max-width: 200px; 
    }
}

.vertical-bar {
    height: 100%;
    flex-grow:2;
    border-left: solid 1px #e8e8e8;
    margin-top: 20px;
}

.mob-display {
    display:block;
}

.desk-display, .desk-text {
    display:none;
}

.desk-flex-display {
    display:none;
}

.btn-header {
    height:70px;

}
.btn-white.border-primary svg {
    color:var(--bs-breadcrumb-item-active-color);
}

.thumbnail-div img {
    width:180px;
    height:180px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.30), 0 3px 5px rgba(0,0,0,0.22);
}

.thumbnail-div img:hover {
    width:180px;
    height:180px;
    box-shadow: 0 10px 10px rgba(0,0,0,0.30), 0 10px 10px rgba(0,0,0,0.22);
}

.fit-content {
    width:fit-content;
}

.btn-info {
    border-radius: 25px;
}



footer ul {
    list-style: none;
}

.post-list {
    border-bottom:solid 1px #E8E8E8;
}

.post-list .no-gutters {
    min-height:200px;
}

.menu {
    padding-left:0;
}

.menu a:hover, .address-div a:hover {
   color: var(--bs-breadcrumb-item-active-color) !important;
}

.address-div {
    max-width:300px;
}

.card-title {
    font-family: 'Questrial', sans-serif !important;
    font-size: 20px;
}

footer .btn-secondary a {
    color:white;
}

footer .btn-secondary a:hover {
    color:var(--bs-breadcrumb-item-active-color);
}

.breadcrumb, .breadcrumb a {
    color:var(--bs-breadcrumb-item-active-color);
}

/*form PRENEZ RENDEZ-VOUS EN LIGNE*/

.prendre-rdv {
    background-color: white;
    padding: 20px;
    border: solid 1px #E8E8E8;
}


.prendre-rdv .ginput_container.ginput_container_radio {
    border: solid 1px #E8E8E8;
    border-radius: 20px;
}



.prendre-rdv .gfield_radio .gchoice .gfield-choice-input {
    border: solid 1px #B9E0E5 !important;
    accent-color: var(--bs-breadcrumb-item-active-color) !important;
    cursor: pointer;
}


.prendre-rdv input[type="radio"]:before {
    background-color: var(--bs-breadcrumb-item-active-color) !important;
}




.prendre-rdv .ginput_container input[type=email], .prendre-rdv .ginput_container input[type=tel], .prendre-rdv .ginput_container input[type=text], .prendre-rdv .ginput_container textarea {
    border: solid 1px #E8E8E8 !important;
    border-radius: 20px !important;
    --gf-local-shadow: none !important;
    padding: 25px !important;

}

.prendre-rdv .ginput_container .chosen-single, .ginput_container input, .ginput_container textarea {
    border: 0px !important;
}

.prendre-rdv .percentbar_blue,  .prendre-rdv .button {
    background-color: var(--bs-breadcrumb-item-active-color) !important;

}

.prendre-rdv legend.gfield_label, .prendre-rdv label.gfield_label {
    text-tranform: none !important;
    font-family: League Gothic !important;
    font-size: 30px !important;
    font-weight:normal !important;
    color:var(--bs-breadcrumb-item-active-color) !important;
}

.prendre-rdv .ginput_container .gform-field-label {
    text-transform: capitalize !important;
    font-family: Questrial !important;
    font-size: 18px !important;
    font-weight:normal !important;
}

.prendre-rdv .gfield_radio {
    gap:0px !important;
}

.prendre-rdv .gfield_radio .gchoice {
    padding:20px;
    border-bottom: solid 1px #E8E8E8 !important;
}

.prendre-rdv .gfield_radio .gchoice:last-child {
    border-bottom: none !important;
}

/*creneaux*/
.accordion-wrapper {
    border: solid 1px #E8E8E8 !important;
    border-radius: 20px !important;
    --gf-local-shadow: none !important;
    overflow: hidden;
    /*width: 600px;*/
    margin:0 auto;
    font-family: Questrial !important;
    font-size: 18px !important;
    font-weight:normal !important;
}


.accordion {
    width: 100%;
    overflow: hidden;
}
.accordion:last-child{
    margin-bottom: 0;
}
.accordion-label {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 16px;
    cursor: pointer;
    font-size: 20px;
    border-bottom: 1px solid #e7e9eb;
    align-items: center;
    text-align: left;

}

.accordion-label-open::after {
    content: "\276F";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 16px;
    height: 16px;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #707070;
}

.accordion-label-closed::after {
    content: "\276F";
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 16px;
    height: 16px;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #707070;
}

.accordion-content {
    display:block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    justify-content: center;
    border-bottom: 1px solid #e7e9eb;
}

.accordion-content .buttons-group {
    display: flex !important;
    margin-top:1rem;
    margin-bottom:1rem;
}
.accordion-content .buttons-group .rdv-heure {
    display:flex !important;
    flex-flow: column !important;
    margin-left: 5px;
}


.accordion-content p{
    margin: 0;
    font-size: 18px;
    padding-top: 10px;

}

.rdv-date{
    padding: 5px;
    flex-grow: 5;
    text-align:left;
}

.rdv-button{
    padding: 5px;
    flex-grow: 1;
    text-align:right;
}

.icon-visio{
    padding-right:10px;
}

.visio{
    background-color: #f2f2f2;
    color: #000000;
    padding: 10px 10px;
    border-radius: 25px;
    font-size: 0.8em;
    text-align: center;
    display: inline-block;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    min-width: 50px;
}

.time{
    background-color: #cfecef !important;
    color: #000000;
    /* margin-right:5px !important;*/
    /*padding: 15px 30px;*/
    border-radius: 25px;
    font-size: 0.8em;
    text-align: center;
    display: inline-block;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.time:hover{
    background-color: #a8e1e7 !important;
    color: #000000;
    /* margin-right:5px !important;*/
    /* padding: 15px 30px;*/
    border-radius: 25px;
    font-size: 0.9em;
    text-align: center;
    display: inline-block;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.time .gchoice {
    padding:10px !important;

}

.time .gfield-choice-input {
    margin-right: 10px !important;
}

.titre-lieu-permanence {
    font-weight:bold;
}

.icone-permanence {
    float:left;
}
.contenu-lieu-permanence {
    background-color: #cfecef !important;
    color: #000000;
    padding: 15px 30px;
    border-radius: 15px;
    font-size: 1.2em;
    text-align: center;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    margin-top: 10px;
}

.pagination {
    float:right;
}
.page-numbers {
    background-color: #FFFFFF;
    border: solid 2px #E8E8E8;
    border-radius: 50% 50%;
    padding: 6px 11px;
    font-size: 12px;
    margin-right: 0.5rem;
}

.page-numbers.dots {
    background:none;
    border: none;
}

.page-numbers:hover, .pagination-item:active {
    background-color: var(--bs-breadcrumb-item-active-color);
    color: white !important;
}

#cancel-success {
    margin-top:10px;
}
/*form PRENEZ RENDEZ-VOUS EN LIGNE*/

@media (min-width: 768px) {

.mob-display {
    display:none;
}

.desk-display, .desk-text {
    display:block;
}

.desk-display input{
    height:70px;
    border:none;
}

.desk-flex-display {
   display:flex;
}

}