/* ************************************************   
Theme Name: Supersafe
Template: safeguardy
*/

/* NEW SITE ELEFEN */

body .hide-section{
    display:none!important;
}

body .only-admin{
    display:none!important;
}

body.logged-in .only-admin{
    display:inherit!important;
}

body .slideshow .next-arrow, body .slideshow .prev-arrow{
    z-index:110;
}

body .slideshow .navigation{
    position: absolute;
    bottom: 2em;
    z-index:110;
}


body div.mobile-slidebar-menu{
    width: 256px;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.75s ease-in-out;
    transform: translate(-256px, 0px);
    display: block;
}

body.menu-open div.mobile-slidebar-menu{
    transform: translate(0px, 0px);
}

.gform_wrapper .gform_button {
    background-color: #98980f !important; /* Remplace avec la couleur souhaitée */
    border-color: #98980f !important;
}

/* Modifier la couleur de focus des champs */
.gform_wrapper input:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
    border-color: #98980f !important;
    box-shadow: 0 0 5px rgba(255, 102, 0, 0.5) !important;
}

.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before{
    color: #98980f !important;
}

.accordion .tab .wp-block-heading{
    background:none!important;
    text-align:left!important;
    color:#000000!important;
    font-size: 20px!important;
    padding-left: 0px;
    font-weight: 500 !important;
    position: relative;
    transition: all 0.5s ease-in-out;
    padding-top:20px;
}

.accordion .tab .tab-content.actif {
    padding-bottom: 20px;
}

.block-quotes::after{
    content: "\f10e"; /* Unicode de l'icône */
    font-family: "Font Awesome 6 Free"; /* Police Font Awesome */
    font-weight: 900; /* Nécessaire pour les icônes "solid" */
    position: relative;
    display: block;
    font-size:42px;
    margin-top:32px;
    transition: all 0.5s ease-in-out;
}

.accordion .tab .wp-block-heading::after {
    content: "\f077"; /* Unicode de l'icône */
    font-family: "Font Awesome 6 Free"; /* Police Font Awesome */
    font-weight: 900; /* Nécessaire pour les icônes "solid" */
    margin-left: 10px;
    position: absolute;
    right: 0px;
    top:16px;
    transition: all 0.5s ease-in-out;
    margin-top: 4px;
}

.accordion .tab .wp-block-heading.actif::after {
    transform: rotate(180deg);
}

.accordion .tab{
    border-bottom:solid 1px #eeeeee;
    padding-bottom: 0px;
}

.footer-elefen .icon-map::before,
.footer-elefen .icon-mail::before,
.footer-elefen .icon-phone::before{
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 12px;
    transition: all 0.5s ease-in-out;
    color: #98980f !important;
    font-size: 28px;
}

.footer-elefen .icon-map::before{
    content: "\f3c5";
}

.footer-elefen .icon-mail::before{
    content: "\f0e0";
}

.footer-elefen .icon-phone::before{
    content: "\f095";
}

form .gform_button{
    background-color:#98980f!important;
    border-radius: 99px!important;
    padding-left:32px!important;
    padding-right:32px!important;
}

form .gform_button:hover{
    opacity:0.8!important;
}

.header-navibox-1{
    display: flex;
    align-items: center;
}

.box-shadow-elefen{
    --box-shadow-color: rgba(0,0,0,0.8);
    box-shadow: 0 30px 60px -30px!important;
}

.wp-block-cover, .wp-block-cover-image{
    min-height: inherit!important;
}

h1{
    font-size: 50px!important;
    font-weight: 400!important;
    letter-spacing: 1px;
}

h2{
    font-size:40px!important;
    font-weight:100!important;
}

h3{
    font-size:30px!important;
}

h5{
    font-size:18px!important;
}

p{
    font-size:16px!important;
}

.header-section{
    display:none;
}

section.page-content .container{
    width:100%;
    padding:0px;
}

.blog-post .post-body p, .rtd p {
    margin-bottom: 0px!important;
}

.icon-map,
.icon-mail,
.icon-phone{
    display: flex ;
    align-items: flex-start;
}

@media (max-width:781px) {

    .wp-block-group .wp-block-column{
        padding-left:12px;
        padding-right:12px;
    }

    .wp-block-group.footer-elefen .wp-block-column{
        justify-content: center;
    }

}

/* ------------------------------------------------------------------- */

.main-menu a {
    text-transform: uppercase;
}

.error404 .header,
.error404 .footer,
.error404 .header-section {
    display: block !important;
}

h4 {
    font-weight: 500 !important;
}

.top-bar a {
    font-size: 13px !important;
}

.vc_sep_holder {
    margin: 30px 0px;
}

.kswr-pricebox-bottom {
    padding-left: 50px !important;
    padding-right: 50px !important;
}



/*h2 {*/
/*    margin-top: 0px !important;*/
/*    color: #222222 !important;*/
/*    font-size: 30px !important;*/
/*    font-weight: 500 !important;*/
/*}*/

/*h3 strong,*/
/*.current-menu-item a {*/
/*    color: #98980f !important;*/
/*}*/


.top-bar li i {

    font-size: 20px !important;

    top: 0 !important;

}

.yamm li a,
.header a,
.header li {
    font-size: 15px !important;
    
}

.yamm li a {
    font-size: 17px !important;
    text-transform: none !important;
}

.vc_row-overlay {
    display: none !important;
}

.rtd ul:not([class]) {

    margin-bottom: 20px !important;
}

.ui-title-page .subtitle {
    opacity: 0.7;
    font-size: 33px !important;
    font-weight: 300 !important;
    margin-bottom: 0px !important;
    margin-top: 15px !important;
}


.ui-title-page h1 {
    text-transform: none;
    font-weight: 400 !important;
    padding-left:0px !important;
    font-size:50px !important;

}

html ::selection {
    background-color: #aaa !important;
}

.kameleon-cf7-container .km_cf7-submit-insider {
    font-weight: 400 !important;
}

.wpcf7-form p {
    margin-bottom: 0px !important;
}

label {
    font-weight: 400 !important;
}

.kameleon-cf7-container[data-style="qaswara"] .km_cf7-input {
    padding: 0px 20px !important;
}

.page-links {
    display: none !important;
}


.bt-menu-facebook {
    display: none !important;
}

/* MOBILE LOGO MAX WIDTH */



header .header .navbar-brand img {
        max-width: 230px !important;
        height: auto;
}
header .header .navbar-brand .scroll-logo img {
    max-width: 230px !important;
        height: auto;
}



@media (max-width:989px) {
    html .header-section
     {padding:50px 0 50px !important;}
    .header .navbar-brand img {
        max-width: 165px;
        height: auto;
    }


    .bt-menu-facebook {
        display: block !important;
    }

    .yamm li a {
        font-size: 17px !important;
    }

    .yamm .bt-menu-facebook a {
        font-size: 35px !important;
    }


    .ui-title-page .subtitle {

        font-size: 23px !important;

    }
    
    
    .ui-title-page h1 {

        font-size:44px !important;
    
    }




}

.header-section
{ background-size:cover !important;}


.rtd ul:not([class]) {
    padding-left: 0px;
}

.kswr-slickslider-container .slick-dots li button::before {
    font-size: 12px;
}

.toggle-menu-button-icon span {
    width: 50% !important;
    max-width: 50% !important;
}

.footer p {
    font-size: 13px !important;
}

.footer p strong {
    color: #fff !important;
    font-weight: normal !important;
}

html .menu-mobile-button {
    cursor: pointer;
}

.kswr-button-bg-r:hover {
    background-color: #a1a313 !important;
}

.kswr-slickslider-container .slick-dots li button {
    color: #fff;
}

.kswr-slickslider-container .slick-dots li.slick-active button {
    color: #a1a313;
}

.wpcf7-checkbox label.error {
    display: block;
}

label.error {
    margin-top: 5px;
    padding-left: 0px !important;
}

ul {
    padding-left: 0px;
}

li {
    list-style-position: inside !important;
}



.kswr-slickslider-container .slick-slide {
    margin: 0px 10px;
}

.kameleon-cf7-container[data-style=qaswara] .km_cf7-textarea,
.kameleon-cf7-container[data-style=qaswara] .km_cf7-textarea-container,
.kameleon-cf7-container[data-style=qaswara] .km_cf7-textarea-container .km_cf7-label {
    height: var(--qaswara-textarea-height) !important
}

.kameleon-cf7-container[data-style=qaswara] .km_cf7-input-container.filled .km_cf7-input,
.kameleon-cf7-container[data-style=qaswara] .km_cf7-input:focus {
    border: 1px solid #a1a313 !important;
}

.kameleon-cf7-container[data-style=qaswara] .km_cf7-input-container.filled .km_cf7-input.valid,
.kameleon-cf7-container[data-style=qaswara] .km_cf7-input-container.filled .km_cf7-input.error {
    border: 1px solid #eeeeee !important;
}

.kameleon-cf7-container[data-style=qaswara] .km_cf7-input-container.filled .km_cf7-input.valid:focus,
.kameleon-cf7-container[data-style=qaswara] .km_cf7-input-container.filled .km_cf7-input.error:focus {
    border: 1px solid #a1a313 !important;
}

label {
    color: gray;
}

.wpcf7-form label.error {
    color: #cc0000;
}

.wpcf7-not-valid {
    background: #dedfad !important;
}

.wpcf7-form-control {
    z-index: 999999999 !important;
}

.km_cf7_label-content {
    text-indent: -88888px !important;
}



.km_cf7-label {
    text-transform: none;
}

.km_cf7-input {
    background-color: #f6f6f6;
}


.header .yamm .full-width .widget_nav_menu li {
    display: inline-block !important;
    width: 16% !important;
}

input {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

span.wpcf7-list-item {
    margin: 0px;
    display: block;
}

.wpcf7-list-item-label {
    margin-left: 5px;
}

[data-class='wpcf7cf_group'] {
    margin-bottom: 10px !important;
}

.Form3 {
    grid-row-gap: 5px !important;
}

.Service {
	row-gap: 0px !important;
	column-gap: 0px !important;
}	