/* 
Theme Name:   Al Isbaah
Theme URI:    https://al-isbaah.com/
Description:  Al Isbaah is a child theme of Hello Elementor
Author:       Nadir
Template:     hello-elementor
Version:      1.2.0
Text Domain:  hello-elementor-child
License:      GNU General Public License v3 or later.
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Tags:         flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

@font-face {
font-family: Myriad-Pro;
src: url('assets/fonts/Myriad_Pro_Regular.otf');
font-display: swap;}

@font-face {
font-family: Raleway;
src: url('assets/fonts/Raleway-Regular.ttf');
font-display: swap;}

@font-face {
font-family: Sofia-Pro;
src: url('assets/fonts/Sofia_Pro_Regular_Az.otf');
font-display: swap;}

body, p, div, h1, h2, h3, a, span {
    /*font-family: Myriad-Pro !important;*/
    /*font-family: Raleway !important;*/
    /*font-family: Sofia-Pro !important;*/
}

b,
strong { font-weight: bold !important; }

h1,
h2,
h3,
.elementor-heading-title,
.elementor-widget .elementor-icon-list-item,
.elementor-widget .elementor-icon-list-item a { text-transform: none !important; }

input[type=submit],
button[type=submit] {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 30px 0px;
    color: white;
    font-size: 16px !important;
    text-transform: uppercase;
    border: none;
    letter-spacing: 0.9px;
    line-height: 1;
    padding: 10px 20px;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out;
}

input[type=text],
input[type=email],
select,
textarea {
    margin: 5px 0 15px 0;
    border-radius: 3px !important;
    border: inherit !important;
    -webkit-transition: all .25s !important;
    -o-transition: all .25s !important;
    transition: all .25s !important;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%) !important;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%) !important;
}

input[type=text]:focus,
input[type=email]:focus,
select:focus,
textarea:focus {
    -webkit-box-shadow: 0 0 30px 0 rgb(0 0 0 / 15%) !important;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 15%) !important;
}

input::placeholder,
textarea::placeholder {
    color: inherit;
    font-family: inherit;
    opacity: 0.6;
}

label {
    font-weight: bold;
}

/* HEADER */
.elementor-element.elementor-element-a76ac4e .elementor-button {
    padding: 10px 20px 10px 20px !important;
}

nav.elementor-nav-menu--main {
    z-index: 1;
}

nav.elementor-nav-menu--main ul.elementor-nav-menu {
    /*font-family: inherit !important;*/
    z-index: 9999 !important;
}

.elementor-nav-menu {
    z-index: 9999 !important;
}

/*.elementor-nav-menu--main ul.elementor-nav-menu .sub-arrow {
    display: none;
}*/

nav.elementor-nav-menu--main ul.elementor-nav-menu a.elementor-item {
    font-weight: normal !important;
}

/* PAGE */
div[data-elementor-type="wp-page"] {
    position: relative;
    z-index: 1;
}

/*  ACCEUIL */

.elementor-8 .elementor-element.elementor-element-997b123 {
    margin-top: 100px;
}

.elementor-8 .elementor-element.elementor-element-39ce6b07 {
    padding-top: 0px;
}

.elementor-8 .elementor-element.elementor-element-ef900c7 > .elementor-widget-container {
    margin-top: 0px;
}

.elementor-8 .elementor-element.elementor-element-6c1bb69f .elementor-heading-title {
    padding-bottom: 10px;
}

.elementor-element-17f77f21 p,
.elementor-element-2ca3e927 p,
.elementor-testimonial-content {
    text-align: justify;
}

.elementor-element.elementor-element-5f153216 .elementor-heading-title {
    font-size: 40px !important;
}

.elementor-element.elementor-element-17f77f21 p {
    font-size: 22px !important;
}

.elementor-element.elementor-element-17f77f21 p span {
    text-align: left;
    font-size: 25px;
}

.elementor-element.elementor-element-faf12df {
    text-align: justify;
}

.elementor-button-content-wrapper {
    display: flex;
    align-items: center;
}

/* FAQ */

.elementor-element-7daff19 p {
    font-size: 20px;
}


/* TESTIMONIALS */

.elementor-testimonial-meta {
    text-align: end;
}

.elementor-element.elementor-element-2aef0f2,
.elementor-element.elementor-element-4575ec4,
.elementor-element.elementor-element-f1f6d79 {
    display: none;
}

.slick-track {
    display: flex !important;
    align-items: center;
    padding-left: 25px;
}

.slick-slider .slick-list {
    padding-bottom: 35px;
}

.slick-slide {
    margin-right: 50px;
    border: none !important;
    border-radius: 4px!important;
    box-sizing: border-box;
}

.elementor-element-3128aaf {
    display: none;
}

#testimonials .slick-prev {
    left: 25px;
}

#testimonials .slick-next {
    right: 25px;
}

#testimonials article {
    display: flex;
    flex-direction: column;
}

#testimonials article h3 {
    padding: 5px 0 5px 15px;
    order: 2;
}

#testimonials article .metadata {
    display: flex;
    flex-direction: column;
}

#testimonials article .metadata_profil {
    display: flex;
    align-items: center;
}

#testimonials article .metadata_profil span {
    padding-left: 20px;
    font-size: 20px;
}

.temoignage .elementor-post__title a {
    color: rgb(83, 126, 174);
    font-weight: bold;
}

.elementor-posts .elementor-post__meta-data {
    padding-left: 15px;
    order: 3;
}

/*  CONTACT */
.elementor-element-9b01406 {
    text-align: justify;
}

/*  PROGRAMME GENERAL */
.elementor-element-1a927dfb {
    text-align: justify;
}

/*  PROGRAMME AVANCE */
.elementor-element-7a929f2a,
.elementor-element-2144a8c6 {
    text-align: justify;
}

/* PROGRAMME CORAN */
.elementor-element-724261e {
    text-align: justify;
}

/* FORMULAIRES */

form {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

form .elementor-field-group {
    padding-right: calc( 10px/2 );
    padding-left: calc( 10px/2 );
    margin-bottom: 10px;
}

#temoignages form div.radio,
form[name=formulaire-contact] .elementor-field-group.elementor-field-group-genre .elementor-field-option /*page CONTACT*/,
form .elementor-field-group,
form .elementor-field-group div {
    flex-wrap: wrap;
    align-items: center;
}

form .elementor-field-group.elementor-field-group-genre {
    flex-wrap: nowrap;
    margin-bottom: 20px !important;
}

form .elementor-field-group.elementor-field-group-genre label {
    margin-right: 30px;
}

form .elementor-field-group.elementor-field-group-genre .elementor-field-subgroup {
    display: initial;
    flex-wrap: nowrap
}

form .elementor-button[type="submit"]:hover svg * {
    fill: #537EAE;
}

/* FORMULAIRE TEMOIGNAGES */

#temoignages .elementor-button > span {
    display: flex;
    justify-content: center;
    align-items: center;
}

#temoignages .elementor-button .elementor-button-icon {
    margin-right: 13px;
}

/* Formulaire inscritpion cours */

.elementor-18200 {
    position: relative;
    z-index: 1000;
}

div.form_professeur {
    flex-direction: column;
}

.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
    color: #537EAE !important;
    background-color: #FFF !important;
}

/**/

::-webkit-scrollbar {
    width: 1rem;
    background-color: #fafafa;
    cursor: pointer;
}

::-webkit-scrollbar-thumb {
    background-color: #d5d3d3;
    border: 5px solid transparent;
    border-left: 6px solid transparent;
    border-radius: 1rem;
    background-clip: padding-box;
    cursor: pointer;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border: 5px solid transparent;
    border-left: 6px solid transparent;
    border-radius: 1rem;
    background-clip: padding-box;
    cursor: pointer;
}

/* BUTTONS */
.elementor-animation-float:active,
.elementor-animation-float:focus,
.elementor-animation-float:hover {
    transform: translateY(0px) !important;
}

/* POPUP */
.popup {
    background-color: white;
    border: 1px solid #999;
    cursor: default;
    display: none;
    margin-top: 15px;
    transform: translateY(-185px);
    text-align: left;
    z-index: 50;
    padding: 25px 25px 20px;
}

.popup p, .popup.div {
    border-bottom: 1px solid #EFEFEF;
    margin: 8px 0;
    padding-bottom: 8px;
}

#reglement_interieur span {
    cursor: pointer;
}

/* VIEWER */
section[data-id='af52caf'] .elementor-image,
section[data-id='8e07ae3'] .elementor-image,
section[data-id='e16726a'] .elementor-image,
section[data-id='5acd5ab'] .elementor-image,
section[data-id='77fc7ef'] .elementor-image,
section[data-id='de78e86'] .elementor-image,
section[data-id='e9ac7c9'] .elementor-image,
section[data-id='d9add99'] .elementor-image {
    border: grey 1px solid;
}

section[data-id='f4bcef3'] h2,
section[data-id='5fa3552'] h2,
section[data-id='b784876'] h2,
section[data-id='01b9b00'] h2 {
    margin-top: 20px;
}

.viewer-toolbar {
    position: fixed;
    top: 50vh;
    width: 100%;
    height: 40px;
    z-index: 9999;
}

.viewer-toolbar > ul {
    overflow: inherit !important;
}

.viewer-zoom-in,
.viewer-zoom-out,
.viewer-one-to-one,
.viewer-reset,
.viewer-play {
    display: none;
}

.viewer-prev {
    position: relative;
    transform: translateX(-45vw);
    width: 50px;
    height: 50px;
}

.viewer-next {
    position: relative;
    transform: translateX(45vw);
    width: 50px;
    height: 50px;
}

.elementor-image {
    cursor: pointer;
}


/* FOOTER */

#menu-footer .elementor-nav-menu .sub-menu {
    display: block !important;
}

#menu-footer .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
    justify-content: space-between;
}