/**
 * Theme Name: Symetry
 * Text Domain: symetry-child
 * Template: Divi
 * Description:  Custom Wordpress theme based on Divi.
 * Author:       Symetry
 * Version: 1.0.0
 * Author URI:   https://symetry.lu
 *
 * @format
 */

:root {
    --rouge: #be1f3a;
    --gris: #f2f2f2;
    --bleu: #171e39;
    --jaune: #ffdc11;
    --rox-transition: all 0.4s;
    --rox-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
    --rox-radius: 10px;
}
.rox_btn {
    transition: var(--rox-transition);
}
.rox_btn:hover {
    transform: scale(0.95);
}

.module_title_text-align_left h3::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 1.5px;
    background-color: var(--rouge);
    transform: translate(4px, 10px);
    transition: var(--rox-transition);
}
.module_title_text-align_center .sub_divider_title {
    width: 40px;
    height: 1.5px;
    background-color: var(--rouge);
    transition: var(--rox-transition);
    margin: 0px auto 10px auto;
}
.module_title_text-align_left:hover h3::after,
.module_title_text-align_center:hover .sub_divider_title {
    width: 20px;
}

.img-with-after-blocks:after {
    content: "";
    position: absolute;
    display: block;
    left: -30px;
    top: 0;
    height: 180px;
    width: 25px;
    background: url("/wp-content/uploads/2022/08/blocks-after-img-2.svg");
    background-repeat: no-repeat;
}
#liste_footer {
    padding: 0 !important;
}
#liste_footer li a {
    color: white;
}
#liste_footer li {
    list-style: none;
    margin-bottom: 10px;
}

.fbc-page .fbc-wrap .fbc-items li:last-child {
    font-weight: 400 !important;
}
.fbc-page .fbc-wrap .fbc-items li a {
    font-weight: 400 !important;
}
.fbc-page .fbc-wrap .fbc-items li:first-child {
    padding-left: 0;
}
.fbc-items {
    padding: 0 !important;
}
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item,
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product,
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_widget,
.et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_grid_item,
.et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product,
.et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_widget {
    width: unset;
    margin-right: 0;
    margin-left: 0;
}

.no_margin_resume .et_pb_blurb_content {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
/* form newsletter  */
.inf-form input[type="text"] {
    height: 50px;
    margin: 0;
    min-width: 250px;
    margin-right: 10px;
    padding-left: 15px;
}
.inf-form input[type="hidden"] {
    height: 0 !important;
}
.inf-form input[type="submit"] {
    transition: var(--rox-transition);
    height: 50px;
    color: var(--bleu);
    border-color: var(--bleu);
    border-radius: 0px;
    letter-spacing: 1px;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    background-color: RGBA(255, 255, 255, 0);
    cursor: pointer;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 20px;
    font-family: "Titillium Web", Helvetica, Arial, Lucida, sans-serif;
}
.inf-form input[type="submit"]:hover {
    transform: scale(0.95);
}
.inf-content {
    display: flex;
}

/* club du rox  */
#club_sportifs_rox #tablepress-1_info {
    display: none !important;
}
#club_sportifs_rox .tablepress tfoot th,
.tablepress thead th {
    background-color: var(--bleu) !important;
}
#club_sportifs_rox .entry-content thead th,
.entry-content tr th {
    color: white !important;
}
#club_sportifs_rox .column-1 {
    font-weight: 700;
}
/* cookies page  */
#cmplz-document {
    max-width: unset !important;
}

.module_next_events .lieu {
    display: none;
}

.module_next_events .categorie,
.module_all_events .categorie {
    color: white;
    display: inline-block;
    padding: 5px 12px;
    margin-bottom: 7px;
    text-transform: uppercase;
    font-weight: 700;
}
.module_all_events .categorie {
    margin-bottom: 0;
}
.module_next_events_spectacles .categorie,
.module_all_events_spectacles .categorie {
    background: var(--rouge);
}
.module_next_events_sports .categorie,
.module_all_events_sports .categorie {
    background: var(--bleu);
}
.module_next_events_sports .et_pb_column_utick .et_pb_module:last-child,
.module_next_events_sports .et_pb_column_utick_3 .et_pb_module:last-child {
    background: white;
    padding: 2%;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    margin-top: -16px;
}

.module_next_events_sports .date {
    display: none;
}

.module_next_events .et_pb_image_wrap img,
.module_all_events .et_pb_image_wrap img {
    transition: var(--rox-transition);
}
.module_next_events .et_pb_image_wrap:hover img,
.module_all_events .et_pb_image_wrap:hover img {
    transform: scale(0.95);
    box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 767px) {
    .img-with-after-blocks:after {
        height: 80px;
        width: 15px;
        left: -20px;
    }
    .inf-content {
        display: flex;
        flex-direction: column;
    }
    .inf-form input[type="text"] {
        margin-bottom: 20px;
    }
    /* footer facebook  */
    ._2p3a {
        max-width: 250px !important;
    }
}

.utick_container {
    padding: 0 !important;
}
@media screen and (max-width: 980px) {
    #tablepress-1 {
        font-size: 8px !important;
    }
    #tablepress-1 > *,
    .entry-content thead th,
    .entry-content tr th,
    .entry-content tr td {
        line-height: 1.2em !important;
        padding: 3px !important;
    }
    .module_all_events .et_pb_column_utick div .et_pb_module,
    .module_next_events .et_pb_column_utick div .et_pb_module,
    .module_all_events .et_pb_column_utick_3 div .et_pb_module,
    .module_next_events .et_pb_column_utick_3 div .et_pb_module {
        margin-bottom: 0 !important;
    }
    .module_all_events .title,
    .module_next_events .title {
        font-size: 25px;
    }
}
@media screen and (max-width: 600px) {
    #tablepress-1 {
        font-size: 6px !important;
    }
    #tablepress-1 > *,
    .entry-content thead th,
    .entry-content tr th,
    .entry-content tr td {
        line-height: 1.2em !important;
        padding: 3px !important;
    }
}

.link_sport img {
    transition: var(--rox-transition);
}
@media screen and (min-width: 981px) {
    .link_sport:hover img {
        transform: scale(0.98);
        box-shadow: var(--rox-shadow);
    }
}
#btn_utick_fixed {
    position: fixed;
    z-index: 99999999;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    height: 75px;
    width: 75px;
    bottom: 15px;
    right: 15px;
    background: #bc0c26;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
}
#btn_utick_fixed i {
    font-size: 20px;
    margin-top: -12px;
}
#btn_utick_fixed i::after {
    content: "Billeterie";
    display: block;
    position: absolute;
    font-size: 8px;
    color: white;
    left: calc(50% - 25px);
    margin-top: 5px;
}

.slotsCalendarfieldname1_1 {
    background: #f7f7f7 !important;
}

#fbuilder .pbSubmit {
    background: none !important;
    background-color: none !important;
    outline: none !important;
    border: 2px solid var(--bleu) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 20px !important;
    transition: var(--rox-transition);
}
#fbuilder .pbSubmit:hover {
    transform: scale(0.95);
}

#row_fitness_sports .et_parallax_bg {
    opacity: 0.1 !important;
}

#module_blog_scolaire article {
    padding: 0 !important;
    overflow: hidden;
}

.et_pb_column_utick {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
}
.et_pb_column_utick_3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}
.et_pb_column_utick p,
.et_pb_column_utick_3 p {
    padding-bottom: 0;
}
@media screen and (max-width: 1024px) {
    .et_pb_column_utick,
    .et_pb_column_utick_3 {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

@media screen and (max-width: 768px) {
    .et_pb_column_utick,
    .et_pb_column_utick_3 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}
