/*
Theme Name: Golden Quiz
Description: Theme enfant de Digidream Communication
Author: Digidream Communication
Author URI: https://digidream-communication.com
Template: Divi
Version: 0.1.0
*/

#faq-modal.rediuce-popup,
#faq-modal.rediuce-popup > .et_pb_column {
	padding-bottom: 0!important;
}
#faq-modal.rediuce-popup .popup-header ~ div{
	display: none;
}
#faq-modal .popup-header {
	margin: -10px -25px 0;
    padding: 15px 65px 5px 25px;
    display: flex;
    cursor: pointer;
}

#faq-modal .popup-header .et_pb_text_inner{
	white-space: nowrap;
}

#faq-modal .popup-header .popup-close{
	font-size: 0;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 15px;
    right: 10px;
    opacity: .7
}

#faq-modal .popup-header .popup-close span{
    position: absolute;
    top: 10px;
    width: 50%;
    height: 2px;
    background-color: #fff;
    left: 10px;
    transition: all .3s
}

#faq-modal .popup-header .popup-close span:first-child {
    transform: rotate(45deg) translate(3px, -3px)
}

#faq-modal .popup-header .popup-close span:last-child {
    transform: rotate(-45deg) translate(-4px, -4px)
}

#faq-modal:not(.rediuce-popup) .popup-header .popup-close span:first-child {
    transform: rotate(45deg)
}

#faq-modal:not(.rediuce-popup) .popup-header .popup-close span:last-child {
    transform: rotate(-45deg)
}

html body .et_pb_section{
    overflow: unset;
}
body #main-content{
    overflow-x: hidden;
}
.swiper-button-next, .swiper-button-prev{
    justify-content: center;
}
.et_pb_main_blurb_image img,
body.parent-pageid-210 .dsm_masonry_gallery_0 .dsm-gallery.grid img{
    aspect-ratio: 16 / 9;
}
body.parent-pageid-210 .dsm_masonry_gallery_0 .dsm-gallery.grid img{
    min-height: unset!important;
    max-height: unset!important;
}

body.parent-pageid-210 .dsm_masonry_gallery_0 .grid-item{
    padding-left: 3px;
    padding-right: 3px;
}

.dsm_card_carousel_arrow.swiper-button-prev {
    left: -45px!important;
}
.dsm_card_carousel_arrow.swiper-button-next {
    right: -45px!important;
}
.mfp-content .cta_down{
    position: absolute;
    top: 60px;
    right: 20px;
    font-size: 30px;
}

.mfp-content .cta_down:not(:hover){
    color: #fff;
}
html body.page.et_pb_pagebuilder_layout #main-content{
    background-color: #000;
}

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
    content: '2'!important;
}

html body .dsm_card_carousel .swiper-slide{
    height: auto!important;
}
html body .dsm_card_carousel .dsm_card_carousel_arrow.swiper-button-prev,
html body .dsm_card_carousel .dsm_card_carousel_arrow.swiper-button-next {
    display: flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
html body .dsm_card_carousel .swiper-button-prev::before,
html body .dsm_card_carousel .swiper-button-next::before{
    line-height: 100%!important;
    font-size: 60px!important;
}

html body .dsm_card_carousel.dsm_card_carousel_arrow_outside .swiper-button-prev{
/*    right: 95.5%!important;*/
    left: -20px!important;
}
html body .dsm_card_carousel.dsm_card_carousel_arrow_outside .swiper-button-next{
/*    left: 95.5%!important;*/
    right: -20px!important;
    transform: translateX(-12%);
}
.dsm_button .et_pb_button_one.et_pb_button, .dsm_button .et_pb_button_two.et_pb_button{
    display: inline-block!important;
}

html body #main-content a.et_pb_button.et_pb_button_one.et_pb_bg_layout_light.dsm-grow-rotate:hover, 
html body #main-content a.et_pb_button.et_pb_button_two.et_pb_bg_layout_light.dsm-grow-rotate:hover {
    transform: scaleX(1.1) scaleY(1.1)!important;
}
@media (max-width: 980px) and (min-width: 768px) {
    html body #main-content a.et_pb_button.et_pb_button_one.et_pb_bg_layout_light.dsm-grow-rotate, 
    html body #main-content a.et_pb_button.et_pb_button_two.et_pb_bg_layout_light.dsm-grow-rotate {
        display: inline-block!important;
    }
}
@media (max-width: 767px) {
    html body #main-content a.et_pb_button.et_pb_button_one.et_pb_bg_layout_light.dsm-grow-rotate, 
    html body #main-content a.et_pb_button.et_pb_button_two.et_pb_bg_layout_light.dsm-grow-rotate {
         font-size: 14px !important; 
    }
}
@media (max-width: 640px){

    html body .dsm_card_carousel .dsm_card_carousel_arrow.swiper-button-prev,
    html body .dsm_card_carousel .dsm_card_carousel_arrow.swiper-button-next {
        width: 35px!important;
        height: 35px!important;
    }
}