/**
Theme Name: Les ateliers du préau
Author: Nicolas Foenkinos
Author URI: https://nfmutimedia.com
Description: Les ateliers du préau propose des activité avant et après la classe.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: les-ateliers-du-preau
Template: astra
*/

/* fonts */
@font-face {
    font-family: 'Script MT Bold';
    src: url('fonts/ScriptMTBold.woff2') format('woff2'),
    url('fonts/ScriptMTBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* utils */
.full-width {
    max-width: 100%;
}

.breadcrumb-page {
    margin-bottom: 20px;
}

.color-rose {
    color: #ce0f63;
}

.color-white {
    color: #FFF;
}

.background-rose {
    background-color: #ce0f63;
}

.background-white {
    background-color: #FFF;
}

/* elementor */
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 20px 30px; /* set your desired padding */
}

@media screen and (max-width: 767px) {
  .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 15px; /* set your desired padding for mobile*/
}
}

.table {
    display: table;
}
.tr {
    display: table-row;
}
.td {
    display: table-cell;
    padding: 5px;
}

/* manager */
.productlist {
    font-size: 11px;
    line-height: 13px;
}
.productlist a {
    color: #353432;
}
.productlist .td a{
    white-space: nowrap;
}
.productlist a:hover {
    text-decoration: underline;
}
.productlist td {
    padding: 5px;
}
.productlist tr:hover {
    background-color: rgba(0,0,0,0.05);
}

.productlist tr.opened {
    background-color: rgba(161, 255, 143,0.8);
}
.productlist tr.opened:hover {
    background-color: rgba(161, 255, 143,1);
}
.productlist th {
    background: #007B85;
    color: white;
    border: 1px solid white;
    vertical-align: middle;
    padding: 10px;
    background-image: url('img/small.gif');
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 24px;
    vertical-align: middle;
    cursor: pointer;
}
.productlist  tr .status_atelier {
    transform: rotate(-8deg);
    background: orange;
    color: white;
    padding: 10px 13px;
    display: inline-block;
    font-weight: bold;
    position: relative;
    top: 20px;
}
.productlist  tr.opened .status_atelier {
    background: #007B85;
}
.productlist .product-name {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
}

.productlist ul {
    margin-left: 0;
    list-style-type: none;
}

.productlist .on-hold {
    opacity: 0.33;
}

.productlist .completed {
    font-weight: bold;
}
.productlist .cancelled, .productlist .refunded {
    text-decoration: line-through;
}


.productlist .name-list .refunded .name, .productlist .name-list .cancelled .name {
    text-decoration: line-through;
}

.productlist .atelier-detail .w-popup, .productlist .atelier-detail .product-name{
    display: inline-block;
    vertical-align: top;
    max-width: 50%;
}

.custom-searchbox {
    position: sticky;
    top: 0;
    background: white;
    width: 100%;
    z-index: 1;
    padding: 8px 0;
    margin-bottom: 20px;
    max-width: 100%;
}

/* bulletin */
.checktable.bulletin .read textarea {
    display: none;
}

/* article blog */

h1.article-title {
    display: inline-block;
    padding: 5px 20px !important;
    border-radius: 10px;
    background-color: rgba(0, 123, 133, 0.3) !important;
}

.btn--validate {
    position: absolute;
    right: 0;
    font-weight: bold;
    background-color: rgba(206, 15, 99, 0.1);
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
}

.custom-article-breadcrumb .g-breadcrumbs {
    padding: 10px 0;
    font-size: 12px;
}

.custom-article-breadcrumb .g-breadcrumbs-item:last-child {
    display: inline-block !important;
}

.single-article_blog #customer_login .u-column2.col-2 {
    display: none;
}

.single-article_blog #customer_login .u-column1.col-1, #non-logged-form #customer_login .u-column1.col-1  {
    float: none;
    margin: 0 auto;
    text-align: center;
}

.single-article_blog #customer_login .u-column2.col-2, #non-logged-form #customer_login .u-column2.col-2  {
    display: none;
}


.post-type-archive-article_blog  .u-column2.col-2, .page-template  .u-column2.col-2 {
    display: none;
}

.post-type-archive-article_blog .u-column1.col-1, .page-template .u-column1.col-1 {
    float: none;
    margin: 0 auto;
    text-align: center;
}

.security-message {
    text-align: center;
    margin-bottom: 16px;
    background-color: #f53189;
    color: white;
    font-weight: bold;
    padding: 10px;
}

.article-author {
    background-color: rgba(206, 15, 99, 0.1);
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
}


/* atelier */
h3.bloc-infos {
    transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    background: #007b85;
    color: white;
    padding: 10px 13px;
    display: inline-block;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 21px;
}


/* burger menu */
.icon-bars .bar-top {
    margin-top: -10px !important;
}

.icon-bars .bar-bottom {
    margin-top: 10px !important;
}

.menu-overlay {
    align-items: flex-start !important;
    padding-top: 120px;
}

/* site desciption*/
@media screen and (max-width: 850px) {
    .site-description, .site-description span {
        font-size: 22px;
    }
}

/* search filters */
.searchandfilter ul {
    margin-left: 0;
}
.filter-ateliers .searchandfilter ul {
    margin: 0;
    padding: 0;
}
.filter-ateliers .searchandfilter ul li {
    display: inline-block;
    margin-right: 10px;
    padding: 0;
}

.filter-ateliers .searchandfilter input[type="submit"] {
    border-radius: 0;
    padding: 9px 3px;
    font-size: 11px;
}

@media screen and (min-width:640px) {
    .filter-ateliers .searchandfilter input[type="submit"] {
        padding: 9px 7px;
        font-size: 12px;
    }
}

/* footer */
.site-footer {
    padding-top: 100px;
}

/* manager */
.l-section {
    padding: 0 50px;
}

@media screen and (max-width:767px) {
    .l-section {
        padding: 0 20px;
    }
}

/* page inscription */
.product-inscription {
    border-bottom: 1px solid #007b85;
    margin-bottom: 20px;
    width: 100%;

}

.product-inscription figcaption {
    overflow-wrap: break-word;
    max-width: 300px;
    padding: 0;
    margin: 0 auto !important;
}

.product-inscription:last-of-type {
    border-bottom: 0;
}

.product-inscription.future, .product-inscription.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.woocommerce-result-count, .woocommerce-ordering {
    display: none;
}

.add-product-button {
    background-color: #007b85;
    color: white;
}

.school-list {
    list-style-type: none;
    background-color: rgba(0, 123, 133,0.1);
    margin: -26px 0 10px 0;
    font-weight: 700;
    padding: 10px 23px;
}
.school-list li:before {
    content: "✔";
    color: #007b85;
    margin-right: 10px;
}


/* atelier blog*/
.atelier-blog-title {
    margin-bottom: 50px !important;
    margin-top: 50px !important;
}

/* page manager blogs */
.productlist a.write-article-link {
    display: block;
    margin-top: 10px;
    font-weight: 700;
    color: #ce0f63;
}

.big-checkbox {
    width: 25px;
    height: 25px;
    display: block;
    margin: 30px auto 0 auto;
    cursor: pointer;
}

/* manager ateliers */
.productlist .file-link {
    color: #ce0f63 !important;
    font-weight: 700;
}
.productlist .credit-note-link {
    text-decoration: none;
}

.productlist .name-list table{
    white-space: nowrap;
}

.order-status {
    display: -webkit-inline-flex;
    display: inline-flex;
    line-height: 2.5em;
    color: #777;
    background: #e5e5e5;
    border-radius: 4px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    margin: -.25em 0;
    cursor: inherit!important;
    white-space: nowrap;
    max-width: 100%;
    align-items: center;
    padding: 0 7px;
}
.order-status .fa {
    margin-right: 4px;
}
.order-status .fa:before {
    font-size: 20px;
}
.order-status.status-completed {
    background: green;
    color: white;
}
.order-status.status-on-hold {
    background: #f8dda7;
    color: #94660c;
}
.order-status.status-failed {
    background: #eba3a3;
    color: #761919;
}
.order-status.status-processing {
    background: #c6e1c6;
    color: #5b841b;
}
.order-status.status-trash {
    background: #eba3a3;
    color: #761919;
}


/* fix submenu duplicate arrows*/
.sub-arrow + .sub-arrow {
	display: none;
}

/* infinite scroll*/
.search-filter-scroll-loading {
	margin: 0 auto;
    position: relative;
    top: 36px;
}

.menu-overlay a[href="#"]{
	display: none;
}

/* hide parent menu with empty link in mobile*/
.menu-overlay a[href="#"]{
	display: none !important;

}

.table-container {
	overflow-x: auto;
}

/* order details */
.order-details {
    background: rgba(0,0,0,0.05);
    padding: 10px 20px;
}

/* cart page*/

/* hide default notice message */
.woocommerce-cart.woocommerce-page .woocommerce-notices-wrapper {
    display: none;
}

/* hide update cart button */
.woocommerce #content table.cart .button[name="update_cart"], .woocommerce-page #content table.cart .button[name="update_cart"] {
    display: none;
}
/* hide some columns*/
.woocommerce-cart.woocommerce-page .product-price,
.woocommerce-cart.woocommerce-page .product-quantity {
    display: none;
}

.woocommerce-cart.woocommerce-page th.product-subtotal {
    font-size: 0;
}

.woocommerce-cart.woocommerce-page th.product-subtotal:after {
    font-size: 15px;
    content:'Tarif TTC';
}

.woocommerce-cart.woocommerce-page .cart_totals {
    border: 0;
}

.woocommerce-cart.woocommerce-page .cart_totals h2{
    display: none;
}
.woocommerce-cart.woocommerce-page .cart_totals .shop_table{
    display: none;
}

.woocommerce-cart.woocommerce-page .woocommerce-cart-form__cart-item.cart_item + tr {
    display: none;
}

.woocommerce-cart.woocommerce-page .wc-proceed-to-checkout .checkout-button {
    font-size: 0;
    padding: 20px;
    text-transform: uppercase;
}
.woocommerce-cart.woocommerce-page .wc-proceed-to-checkout .checkout-button:after {
    font-size: 15px;
    content: "J'inscris mon enfant";
}

/* checkout page*/
.woocommerce form .form-row select, .woocommerce-page form .form-row select {
    height: 44px;
}

/* review order page */
.woocommerce-checkout .review-details {
    padding: 0 2em;
    border-width: 0 2px 2px;
    border-style: solid;
    border-color: #ebebeb;
        width: 40%;
    float: right;
    margin-right: 0;
    clear: right;
}

.woocommerce-checkout .order-total th:first-child {
    font-size: 0;
}
.woocommerce-checkout .order-total th:first-child:after {
    font-size: 15px;
    content: "Montant TTC";
}
.woocommerce-checkout th.product-total {
    font-size: 0;
}
.woocommerce-checkout th.product-total:after {
font-size: 15px;
    content: "Montant TTC";
}

.woocommerce-checkout .cart-subtotal {
	display: none;
}


.woocommerce .button.button-thankyou {
	margin-bottom: 10px;
	margin-right: 10px;
}

/* checklist */
#checklistform {
    overflow-x: auto;
}
.checktable{}
.checktable .cancelsheet{display: none;}
.checktable .validsheet{display: none;}
.checktable .edit.additem.cancelsheet{display: inline-block;}
.checktable .edit.additem.validsheet{display: inline-block;}
.checktable .deletesheet{

    background:grey;
    color:white;
    border:0;
    font-weight: bold;
    padding:4px 8px;
}
.checktable .deletesheet:hover{
    background:#353432;
}
.checktable .editsheet{

    background:grey;
    color:white;
    border:0;
    font-weight: bold;
    padding:4px 8px;
}
.checktable .editsheet:hover{
    background:#353432;
}


.checktable .cancelsheet{

    background:grey;
    color:white;
    border:0;
    font-weight: bold;
    padding:4px 8px;
}
.checktable .cancelsheet:hover{
    background:#666666;
}
.checktable .validsheet{

    background:#0cc892;
    color:white;
    border:0;
    font-weight: bold;
    padding:4px 8px;
}
.checktable .validsheet:hover{
    background:#09ad7e;
}

.checktable input[type="button"]{
    cursor: pointer;
}

.checktable .triggerdate{
    width: 90px;
    color:#666 !important;
    padding: 7px 5px;
}

.checktable tr.listitem:hover{
    background-color: #F1F1F1;
}

.checktable th , .checktable td {
    padding:0 4px;
    vertical-align: middle;
    text-align: center;
}

.checktable.bulletin td.eval_enfant {
    padding:0 4px;
    vertical-align: top;
    text-align: left;
}

.checktable.bulletin th,.checktable.bulletin td {
    text-align: left;
    vertical-align: top;
}

.checktable.bulletin td p {
    vertical-align: top;
    padding-bottom: 0;
    margin-bottom: 0;
}

.checktable.bulletin td textarea {
    height:auto;
    vertical-align: top;
    display: none;
    margin-bottom: 11px;
}

.checktable.bulletin .thead td,.checktable.bulletin .thead th{
    background: #007b85;
    padding: 10px;
    color:white;
}

.checktable tr.listitem.edit{
    background:#353432;
}


.checktable tr.additem{
    background:#ce0f63;
}
.checktable tr.additem td{
    padding-top:10px;
    padding-bottom:10px;
}

.checktable tr.additem td input[type="button"]{
    display: inline-block;
}

.checktable tr.addtxt td{
    font-weight: bold;
}

.checktable .adddate{
    color:#ce0f63;
    text-align: left;
}

.checktable tr.listitem.edit .triggerdate{
    color:white !important;
}

.checktable.bulletin tr.listitem.edit th,.checktable.bulletin tr.listitem.edit p {
    color: white !important;
}

.checktable.bulletin tr.listitem th,.checktable.bulletin tr.listitem td{
    padding-top:10px;
    padding-bottom: 13px;
}

.checktable td *{
    display: inline-block;
}

.checktable input[type="checkbox"]{
    background: white;
    width: 23px;
    height: 23px;
}

.checktable input[type="checkbox"]{
    cursor: pointer;
}


.checktable input.readonly[type="checkbox"]{
    cursor: not-allowed;
}


.checktable .triggerdate[readonly]{
    border:0;
    background: none;
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    -ms-box-shadow:none !important;
    box-shadow:none !important;
}

/* Cachons la case à cocher */
.checktable tr.read [type="checkbox"]:not(:checked),
.checktable tr.read [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

/* on prépare le label */
.checktable tr.read [type="checkbox"]:not(:checked) + label,
.checktable tr.read [type="checkbox"]:checked + label {
    position: relative; /* permet de positionner les pseudo-éléments */
    padding-left: 25px; /* fait un peu d'espace pour notre case à venir */
    cursor: pointer;    /* affiche un curseur adapté */
}


/* Aspect des checkboxes */


/* Aspect général de la coche */
.checktable tr.read [type="checkbox"]:not(:checked) + label:after,
.checktable tr.read [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 0; left: 4px;
    font-size: 23px;
    cursor: default;
    color: #09ad7e;
    transition: all .2s; /* on prévoit une animation */
}
/* Aspect si "pas cochée" */
.checktable tr.read [type="checkbox"]:not(:checked) + label:after {
    content: '✘';
    position: absolute;
    top: -29px;
    left: 4px;
    font-size: 23px;
    cursor: default;
    color: red;
    transition: all .2s; /* on prévoit une animation */
}
/* Aspect si "cochée" */
.checktable tr.read [type="checkbox"]:checked + label:after {
    opacity: 1; /* coche opaque */
    top: -29px;
    transform: scale(1); /* mise à l'échelle 1:1 */
}

.checktable label{
    width: 0;
    height: 0;
    font-size: 0;
    padding: 0;
    margin: 0;
}


/* relances blog */

.btn-relance {
    display: block;
    padding: 0 8px;
    background: #007B85 !important;
    font-family: 'Montserrat';
    border: 0;
    margin: 10px 0;
}
.btn-relance.envoyer {
    background: #ce0f63 !important;
}
.form-relance textarea {
    font-size: 10px;
    text-align: left;
    width: 200px;
    height: 200px;
}
.form-relance-txt {
    display: none;
}
.js-send-form {
    display: none;
}
.relances-group {
    margin: 10px 0;
}
.relance-item {
    white-space: nowrap;
    font-size: 10px;
    color: #007B85;
}
.form-relance.show .form-relance-txt, .form-relance.show .js-send-form{
    display: block;
}
.form-relance.show .btn-relance:not(.js-send-form){
    display: none;
}
.mconfirm {
    background-color: aqua;
    padding: 10px;
    font-size: 11px;
}

/* responsive video iframe*/
.video-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.video-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* tchat */
#atdp-tchat .error {
    color: red;
    background-color: white;
    padding: 5px;
    margin-bottom: 10px;
}

#atdp-tchat .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

#atdp-tchat .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

#atdp-tchat .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

#atdp-tchat .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

#atdp-tchat input:checked + .slider {
    background-color: springgreen
}

#atdp-tchat input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

#atdp-tchat input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
#atdp-tchat .slider.round {
    border-radius: 34px;
}

#atdp-tchat .slider.round:before {
    border-radius: 50%;
}


#atdp-tchat .tchat-messages {
    height: 400px;
    overflow-y: scroll;
    font-size: 16px;
    background-color: aliceblue;
    padding: 10px 20px;
    border-radius: 10px;
    border: 3px solid #007B85;
}

#atdp-tchat {
    background-color: #007B85;
    padding: 10px 20px;
    border-radius: 10px;
}
#atdp-tchat .tchat-header {
    font-size: 18px;
    background-color: #007B85;
    color: white;
    padding: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#atdp-tchat .tchat-header .fa-comment {
    font-size: 44px;
    margin-left: 5px;
}

#atdp-tchat .title {
    padding: 0 20px;
}

#atdp-tchat .switchlive {
    margin-left: auto;
}
#atdp-tchat .tchat-input {
    display: flex;
    padding: 10px 4px;
}

#atdp-tchat .tchat-input.small{
    justify-content: center;
}

#atdp-tchat .tchat-input.small input[type="text"]{
    width: 300px;
}

#atdp-tchat .tchat-input .tchat-text-input {
    width: 100%;
}

#atdp-tchat .tchat-send-btn {
    padding: 8px 26px;
    font-weight: 600;
}

#atdp-tchat .livetag {
    background-color: red;
    color: white;
    font-weight: 600;
    padding: 0px 6px;
    transform: rotate(5deg);
    display: inline-block;
}

#atdp-tchat .tchat-infos {
    color: white;
    margin-left: 3px;
    font-size: 11px;
}

#atdp-tchat .tchat-big-label{
    font-size: 32px;
    margin-right: 10px;
    font-weight: 700;
    color: white;
    text-align: center;
}
/* tchat mobile */
@media screen and (max-width: 767px) {
    #atdp-tchat {
        padding: 3px;
    }
    #atdp-tchat .tchat-messages {
        font-size: 13px;
        padding: 5px;
    }
    #atdp-tchat .tchat-header {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        font-size: 14px;
    }
    #atdp-tchat .tchat-header .fa-comment {
        font-size: 30px;
    }
    #atdp-tchat .tchat-send-btn {
        padding: 8px 5px;
    }
}

/* forms */

.error-message {
    color: red;
    background-color: white;
    padding: 5px;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 16px;
}
.success-message {
    color: #007b85;
    background-color: white;
    padding: 5px;
    margin-bottom: 10px;
    font-weight: 700;
}

.delete-button {
    font-size: 20px;
    padding: 7px;
    color: red;
    cursor: pointer;
}

#niceditmailinput {
    display: block !important;
    min-height: 1px;
    height: 1px;
    pointer-events: none;
    opacity: 0;
}

.nicEdit-main {
    min-height: 400px !important;
}


/* on masque la bar d'admin si on est pas sur la backend */
body:not(.wp-admin) #wpadminbar {
    display: none;
}

/* poids des pièces jointes */
#total_size {
    position: relative;
    height: 28px;
    margin-right: 55px;
    display: block;
}

#total_size:after {
    content: attr(data-val);
    display: inline-block;
    position: absolute;
    right: -52px;
}

.progress_size {
    display: flex;
}


/* FILTRES */
.filtres {
    padding: 73px 20px 10px 20px;
    background-color: rgba(0,0,0,0.1);
    position: relative;
}
@media only screen and (min-width : 768px) {
    .filtres {
        padding: 10px 20px 10px 20px;
    }
}

.grid-filters {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 0;
}

@media only screen and (min-width : 768px) {
    .grid-filters {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 20px;
    }
}

.filters-results {
    display: flex;
    column-gap: 20px;
    flex-wrap: wrap;
}

.filters-results .manager_filter{
    flex-grow: 1;
}

.grid-filters .ms-container {
    width: 100%;
}

.grid-filters .ms-container .ms-selectable,.grid-filters  .ms-container .ms-selection {
    width: calc(50% - 6px);
    margin-left: 6px;
}

.grid-filters .ms-container .ms-selection .ms-list {
    height: 248px;
}

.filtres .grid-search-button {
    display: block;
    margin: 0 auto;
}

.activated-filters {
    background-color: #3a3a3a;
    padding: 20px 30px;
    position: relative;
    font-size: 12px;
    color: white;
    border-bottom: 1px solid #777777;
}

.activated-filters .button--edit-filters {
    background-color: #f53189;
    position: absolute;
    cursor: pointer;
    bottom: 0;
    right: 0;
    padding: 4px 15px;
}

.button--reset-filters {
    background-color: #3a3a3a;
    position: absolute;
    cursor: pointer;
    top: 37px;
    right: 22px;
    padding: 4px 15px;
}

.activated-filters .button--edit-filters .fas {
    margin-left: 8px;
}

.expand-filtres {
    position: relative;
}

.expand-filtres__arrow {
    position: absolute;
    top: -3px;
    right: 10px;
    font-size: 20px;
}

.expand-filtres .expand-filtres__arrow.arrow_down {
    display: none;
}

.filtres.hide {
    display: none;
}

select, .select2-container .select2-selection--single {
    background-position-y: center
}

.actionBtn.black {
    background-color: black;
    border-color: black;
    color: white;
    pointer-events: none;
}

.actionBtn.green {
    background-color: green;
    border-color: green;
    color: white;
}

/* expand button pour afficher les tableaux en entier sur mobile*/
.expand-table-container {
    text-align: right;
    margin-top: -20px;
}

.expand-table-container .fas {
    padding: 8px 0;
}

.expand-table-container .fa-expand-alt {
    display:block
}

.expand-table-container .fa-compress-alt {
    display:none
}

.expand-table-container button {
    padding: 0 11px;
    font-size: 20px
}
.l-section.expanded {
    padding: 0;
}

.l-section.expanded .expand-table-container .fa-expand-alt {
    display:none
}

.l-section.expanded .expand-table-container .fa-compress-alt {
    display:flex
}

/* new features tag */

.newtag {
    position: relative;
    font-weight: bold;
}
.newtag:after {
    position: absolute;
    content: "new";
    font-size: 13px;
    font-weight: bold;
    background-color: #f53189;
    color: white;
    border-radius: 50%;
    padding: 0 4px;
    right: -46px;
    top: -4px;
    transform: rotate(-15deg);
}


/********espace formation***********/


.search-formations .elementor-post__read-more{
    border:1px solid #ce0f63;
    box-shadow: 1px 1px #ce0f63;
    padding:5px 30px;
}

.search-formations .searchandfilter input[type="radio"] {
    position: absolute;
    top: -80000px;
    left: -80000px;
}

.search-formations .searchandfilter input[type="radio"] + label {
    background-color: #3a3a3a;
    color: white;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: grab;
    margin-top:10px;
}

.search-formations .searchandfilter input[type="radio"] + label:hover {
    background-color: #ce0f63;
}

.search-formations .searchandfilter input[type="radio"]:checked + label {
    background-color: #ce0f63;
}
.search-formations .searchandfilter input[type="text"]{
    width:100%;
}

.search-formations .searchandfilter ul li.sf-field-search,.search-formations .searchandfilter ul li.sf-field-taxonomy-theme{
    margin: 0;
    text-align: left;
    margin-right: 0;
    display:inline-block;
}
.search-formations ul li.sf-field-taxonomy-theme ul {
    display:inline;
}
.search-formations .sf-level-0{
    margin-top: 10px;
    display:inline;
}

.search-formations ul li.sf-field-search{
    width: 225px;
    margin:0;
}
.search-formations .sf-field-search label{
    width: 100%;
}

.search-formations ul li{
    margin: 0 20px;
}
@media screen and (max-width: 767px) {
    .search-formations .searchandfilter input[type="text"]{
        width:100%;
    }
    .search-formations .searchandfilter ul li.sf-field-search{
        display:block;
        width:70%;
    }
    .search-formations .searchandfilter ul li.sf-field-search label{
        display:block;
        width:100%;
    }
}

.wp-block-file{
    margin-top: 30px;
}

/************************personnes autorisees****************************/
.pers-auto{
    width: 30%;
    display:inline-block;
}

.woocommerce-billing-fields .school-list{
    margin: 0;
}
.liste-pers-shop{
    color: red;
}
.personne_autorisee .optional {
    display: none;
}

.personne_autorisee.hide-input{
    display: none;
}

/* mailing list */
.mailing-list {
    display: grid;
    grid-template-columns: minmax(100px, 320px) minmax(100px, 320px) minmax(100px, 320px);
    width: auto;
    text-align: left;
    margin-bottom: 50px;
}

.mailing-list__line{
    padding: 4px;
    white-space: nowrap;
    height: 40px;
}

.mailing-list__line--disabled{
    text-decoration: line-through;
    color: red;
}

.mailing-list__line:first-child{
    color: white;
    background-color: #007b85;
}

.line-through {
    text-decoration: line-through;
}

/* overlay de chargement */
#loadingOverlay {
    position:fixed;
    top:0; left:0;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.85);
    background-image: url("./img/loader.gif");
    background-repeat: no-repeat;
    background-position: center center;
    z-index:1000;
    display:none;
}
#loadingOverlay:after {
    content: "Chargement en cours";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100px;
    display: flex;
    font-size: 14px;
    text-align: center;
    color: #f53189;
    font-weight: 700;
    line-height: 16px;
}

/* fix transparent outline focus*/
input:focus {
    outline: initial !important;
    border-color: #007b85 !important;
    border-style: solid !important;
    border-width: thin !important;
}

.elementor-row {
    width: 100%;
    display: flex;
}
.elementor-column-wrap {
    width: 100%;
    position: relative;
    display: flex;
}

table.woocommerce-table--order-details tfoot .woocommerce-button {
    margin-right: .5em;
    margin-top: .25em;
    margin-bottom: .25em;
}