/*
Theme Name:     Jeremy's Pottery Child
Theme URI:      http://jeremyspottery.themerex.net/
Description:    Make your modifications to Jeremy's Pottery in this child theme.
Author:         themerex
Author URI:     http://themerex.net
Version:        1.0.2
Template:       jeremys-pottery
*/

/**********************************EN-TETE UTILISATEUR*********************************/
.top_panel_top_user_area{
    display:flex;
    justify-content: space-between;
    width: 100%;
}

.user_header_address{
    padding: 0.9em 0 0.2em
}

.menu_user_login{
    display:none;
}

/**********************************LOGO*********************************/
.logo img{
    float:none;
}

.scheme_original .logo .logo_slogan {
    color: #e09654!important;
    font-size: 1.5rem;
}

/**********************************MENU GENERAL*********************************/
.menu_main_nav > li > a{
    padding:0;
}

.top_panel_style_5 .top_panel_bottom {
    padding: 1.5rem 0 .7rem;
}

.top_panel_style_5 .menu_main_nav > a:hover,
.top_panel_style_5 .menu_main_nav > li > a:hover,
.top_panel_style_5 .menu_main_nav > li.sfHover > a,
.top_panel_style_5 .menu_main_nav > li.current-menu-item > a,
.top_panel_style_5 .menu_main_nav > li.current-menu-parent > a,
.top_panel_style_5 .menu_main_nav > li.current-menu-ancestor > a {
	color: #7e6c5c !important;
}
.top_panel_style_5 .menu_main_nav > li+li{
	border-color: #7e6c5c !important;
}

/**********************************TITRE DE LA PAGE*********************************/
.top_panel_title .page_title{
    font-size:2rem !important;
    text-align:center;
}

/**********************************PAGE CALENDRIER*********************************/
/*Titre*/
.calendar div h2{
    text-align:center;
}

/*************En-tête*************/
/*Filtre de tri du calendrier*/
.filter form fieldset{
    border:none;
    margin-left: 0em !important;
    padding-left: 0em !important;
}

.input-group{
    display:flex;
}

.input-group-append button{
    height: 100%;
    margin-left: 10px;
    font-size:16px;
    border-radius:0%;
}

.input-group-prepend select{
    font-size:16px;
}

#event{
    padding: 10px;
}

/*zone légendes et flèches*/
.calendarSecondFilter{
    width: 100%;
    display:flex;
    justify-content:space-between;
}

/*zone légendes*/
.reservation{
    padding-bottom:1.5em;
    color:white;
}

.reservation span{
    font-size: 18px;
}

/*zone flèches*/
.prevNext{
    padding-bottom: 1.5em;
}

.prevNext a{
    font-size: 40px;
    margin-left: 10px;
}

/********************Calendrier****************/
.calendar__table{
    width: 100%;
}

.calendar__table tbody tr td{
    width: 14% !important;
    text-align:center;
    vertical-align:top;
    font-size:15px !important;
}

.calendar__weekday{
    font-weight:bold;
}

/*jours qui ne font pas partis du mois*/
.calendar__othermonth .calendar__day, .calendar__othermonth .calendar__event, .calendar__othermonth hr{
    display:none;
}

hr{
    width: 20px !important;
}

/*cours de couture*/
.calendar__event{
    display:inline-block;
}

.calendar__event a, .reservation span{
    color:white !important;
    padding: 5px;
}

/**********************************PAGE INSCRIPTION*********************************/
/*Banière ajout au panier*/
.seeCart{
    display:flex;
    justify-content: space-between;
    background-color:#f0f0ed;
    font-size: 1.1 rem;
    color:black;
    font-weight: bold;
}

.addCart{
    margin: 0 0 2em;
}

.seeCart span{
    padding: 2.7rem 2.2rem !important;
    text-align:left;
}

.seeCart button {
    margin: 2.7rem 2.2rem !important;
    border: solid #e09654 2px !important;
    background-color: rgba(224, 150, 84, 0) !important;
    padding: 0.3em 2.12em;
    line-height: 1.7;
}

.seeCart button:hover{
    background-color: #e09654 !important;
}

.seeCart button:hover a{
    color:white;
}

/*encart d'inscription(formulaire + image)*/
.inscript{
    text-align:center;
}

/*encart d'inscription(formulaire + image) sans la banière du panier*/
.wrapFormEvent{
    display:flex;
    justify-content: center;
}

/*image*/
.image{
    width: 50%;
}

.image img{
    width: 100%;
    height: auto;
    /* height: 100%; */
}

/*formulaire d'inscription*/
#inscription p{
    margin-bottom:0;
}

/*Nom cours*/
.infoProduct h1{
    font-size: 1.571rem;
}

/*Prix*/
.infoProduct span{
    font-size: 2.357rem;
    color: #e09654;
    font-family: "Niconne", cursive
}

/*infos cours*/
.infoProduct{
    width: 40%;
}

/*partie informations cours (sans titre du cours et prix)*/
#form-add-participant{
    margin-top:25px !important;
}

/*message d'erreur*/
#pbPlaceError, #newParticipantError{
    color:red;
}

/*Champs de saisi*/
#newParticipant{
    background-color:#f0f0ed;
    width: 9rem;
    text-align:center;
    border-radius: 5%;
}

/*Bouton retour au calendrier*/
#bt-calendar, .calendarReturn{
    padding: 1.11em 1.92em;
}

#bt-calendar{
    margin-bottom: 25px;
}


.calendarReturn a {
    color: white !important;
}

/**********************************PAGE MON COMPTE - Vos cours*********************************/
/*tableau*/
.woocommerce-MyAccount-content .summaryEvent tbody tr td,
.woocommerce-MyAccount-content .summaryEvent tbody tr th{
    padding: 0.5rem;
    border: 1px solid #e4e7e8;
    vertical-align: top;
    width: 14%;
    height:16%;
    font-size: 13px;
    text-align:center;
}

.summaryEvent{
    width: 100%;
}

/**********************************PAGE COURS DE COUTURE*********************************/
/*icones renvoi vers les cours*/
.wpb_wrapper>a{
    width:100%;
}

/**********************************PAGE ACCUEIL - TEMOIGNAGES *********************************/
/*flèches sous l'encart des témoignages*/
.scheme_original .sc_testimonials_style_testimonials-1 .sc_testimonial_content:after{
    display:none;
}

/**********************************PAGE ACCUEIL - Demandes d'infos *********************************/
.vc_custom_1620826932835{
    background-repeat: no-repeat;
    background-position: contain;
}

/***********************BANDEAU UTILISATEUR(tout en haut de la page)*******************************/
.menu_user_nav > li ul:not(.cart_list) {
    display:none !important;
}

/**************************SIDEBAR PANIER********************************/
.woocommerce-mini-cart-item{
    padding-left: 0 !important;
}

.variation dt, .variation dd{
    width: 38%;
}

.woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl{
    padding-left:0 !important;
}

/*********************SIDEBAR - PARTIE RECHERCHER************************************/
.woocommerce-product-search button{
    margin-top:10px;
}

.woocommerce-product-search{
    display:inline-block;
    text-align:center;
}

/*********************PAGE CONTACT************************************/
/*messages suite envoi formulaire*/
.sent>.wpcf7-response-output{
    background-color: #77B7B6 !important;
    color:white !important;
}

.failed .wpcf7-response-output{
    background-color: #A54154 !important;
    color:white !important;
    border: solid #A54154 1px !important;
}

/*Horaires*/
.column-1_3{
    padding-right: 0px !important;
}  

.sc_columns_count_3{
    width: 90%;
    margin: 0 auto;
}

.column-1_3{
    width: 33% !important;
}

.sc_column_item_2 .even{
    text-align:center !important;
}

/**********************FOOTER*******************************/
.copyright_style_menu .menu_footer_nav{
    float: none !important;
    text-align:center;
}

.scheme_original .contacts_wrap_inner .socials_wrap_inner {
    background-color: transparent!important;
}

.scheme_original .contacts_wrap .sc_socials.sc_socials_type_icons a,
.scheme_original .copyright_wrap .sc_socials.sc_socials_type_icons a {
    color: #9e6d54!important;
    border-color: #9e6d54!important;
}

.scheme_original .contacts_wrap .sc_socials.sc_socials_type_icons a:hover,
.scheme_original .copyright_wrap .sc_socials.sc_socials_type_icons a:hover {
    color: #e09654!important;
    border-color: #e09654!important;
}

/************************PAGES COURS DE COUTURE ET PRESTATIONS **************************/
.sc_section_inner, .vc_row .wpb_row .vc_row-fluid{
    margin-bottom:25px;
}

.sc_item_title{
    margin-bottom: 0px !important;
}

/* .post_content :nth-child(4) :not(h6,div,p,span,button), .post_content :nth-child(6){
    margin-top:50px;
} */


/*****************************RESPONSIVE*******************************/

@media (max-width: 480px){
    /************************logo***********************/
    .header_mobile .content_wrap{
        text-align: center !important;
    }

    .header_mobile .menu_button{
        right: auto !important;
    }

    /*************************page inscription****************/
    /*encart d'inscription(formulaire + image) sans la banière du panier*/
    .wrapFormEvent{
        flex-direction:column;
    }

    /*parties images et infos du cours*/
    .image, .infoProduct{
        width:100%;
        margin-bottom:20px;
    }

    /*banière ajout au panier*/
    .seeCart{
        display:flex;
        flex-direction:column;
        padding: 1.5rem 2rem!important;
        align-items:center;
    }

    .seeCart span{
        font-size: 1rem;
        padding:0 !important;
        text-align:center;
    }

    .seeCart button{
        width:70%;
        margin: 1em 0em 0em 0em !important;
        padding: 0.3em 2.12em !important;
    }

    /***********************page contact*************************/
    /*horaires*/
    .columns_wrap:not(.columns_fluid) > [class*="column-"]{
        width: 33% !important;
        /* padding-top:0px !important; */
    }

    .sc_columns_count_3{
        width: 90%;
    }

    

   
}

@media (max-width: 799px){
    /*Filtres du calendrier*/
    .input-group{
        justify-content:center;
    }
    
    .filter form fieldset{
        padding:0 !important;
    }

    .input-group-prepend select{
        padding:3px !important;
    }

    .input-group-append button{
        padding:3px !important;
        font-size:12px;
    }

    /*légendes*/
    .reservation{
        padding-bottom:10px;
    }

    /*calendrier*/
    .calendar__table tbody tr{
        display:flex;
        flex-direction:column;
    }

    .calendar__table tbody tr td{
        width: 100% !important;
    }

    .calendar__weekday{
        display:none;
    }

    /*cours de couture du calendrier*/
    .calendar__event{
        display:flex;
        justify-content:center;
    }

    /***********************page contact********************/
    /*horaires*/
    .columns_wrap:not(.columns_fluid) > [class*="column-"]:nth-child(2n+3),
    .columns_wrap:not(.columns_fluid) > [class*="column-"]:nth-child(2n+4){
        padding-top:0px !important;
    }
}

@media (max-width:599px){
    /*Filtres du calendrier*/
    .calendarSecondFilter{
        flex-direction:column;
        align-items:center;
    }
}

@media (max-width: 767px){
    /*****************page inscription****************/
    /*image*/
    .image{
        width: 40%;
    }
    
    /*infos du cours*/
    .infoProduct{
        width: 55%;
    }

    /*bouton panier*/
    .seeCart button{
        padding: 0.3em 1.7em;
        font-size:1rem;
        margin:0;
    }
}

@media (min-width: 300px) and (max-width: 767px){
    /**************page mon compte********************/
    /*tableau*/
    .woocommerce-MyAccount-content .summaryEvent tbody tr th,
    .woocommerce-MyAccount-content .summaryEvent tbody tr td{
        font-size:10px;
        margin: 0 auto;
    }


    .slider_boxed, .content_wrap, .content_container {
        min-width: 388px !important;
        }
}

/*********************** correctifs module gift cards *************************/

.ywgc-single-recipient .ywgc-recipient-name,
.ywgc-single-recipient .ywgc-recipient-email,
.ywgc-sender-name,
.ywgc-message {
    display: flex;
}

.gift-card-content-editor.step-content label {
    width: 25%;
}