/**
Theme Name: Hayet
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites.
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: hayet
Template: astra
*/

/* ===========================
   SCROLL TO TOP
   =========================== */

.ast-scroll-to-top-right {
    bottom: 15px !important;
    right: 15px !important;
    -webkit-transition: var(--transition);
       -moz-transition: var(--transition);
        -ms-transition: var(--transition);
            transition: var(--transition);
    -webkit-box-shadow: var(--shadow);
            box-shadow: var(--shadow);
    border: 1px solid #fff;
}

.ast-scroll-to-top-right:hover {
    -webkit-transform: translateY(-3px) !important;
       -moz-transform: translateY(-3px) !important;
        -ms-transform: translateY(-3px) !important;
            transform: translateY(-3px) !important;
    -webkit-box-shadow: var(--shadow-hover) !important;
            box-shadow: var(--shadow-hover) !important;
}

.ast-scroll-to-top-right:active {
    -webkit-transform: scale(0.95) !important;
       -moz-transform: scale(0.95) !important;
        -ms-transform: scale(0.95) !important;
            transform: scale(0.95) !important;
    -webkit-box-shadow: var(--shadow-active) !important;
            box-shadow: var(--shadow-active) !important;
}

/* ===========================
   STICKY HEADER
   =========================== */

.ast-primary-sticky-enabled:not(.home) .ast-main-header-wrap {
    -webkit-box-shadow: var(--shadow) !important;
            box-shadow: var(--shadow) !important;
}

/* ===========================
   FOOTER
   =========================== */

ul#astra-footer-menu {
    padding: 0;
    margin: 0;
    text-align: center;
}

/* ===========================
   GLOBAL RESET / VARIABLES
   =========================== */

* {
    word-wrap: normal !important;
    overflow-wrap: normal !important;
    -webkit-hyphens: none !important;
       -moz-hyphens: none !important;
        -ms-hyphens: none !important;
            hyphens: none !important;
    word-break: normal !important;

    --shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    --shadow-active: 0px 2px 5px rgba(0, 0, 0, 0.2);
    --shadow-hover: 0px 8px 15px rgba(0, 0, 0, 0.3);
    --transition: all 0.3s ease;
}

/* ===========================
   IMAGE HEIGHT MAX
   =========================== */

.img_height_max {
    border-radius: 20px !important;
    overflow: hidden !important;
}

.img_height_max img {
    height: 250px !important;
    min-width: 100% !important;
    -o-object-fit: cover;
       object-fit: cover;
}

@media (min-width: 1200px) {
    .img_height_max img {
        height: 100% !important;
        width: 100% !important;
    }
}

/* ===========================
   SERVICE CARD
   =========================== */

.service-card {
    position: relative !important;
    -webkit-transition: all 0.4s ease !important;
       -moz-transition: all 0.4s ease !important;
        -ms-transition: all 0.4s ease !important;
            transition: all 0.4s ease !important;
}

.service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 0;
    background: var(--ast-global-color-0);
    -webkit-transition: height 0.4s ease;
       -moz-transition: height 0.4s ease;
        -ms-transition: height 0.4s ease;
            transition: height 0.4s ease;
}

.service-card .wp-block-button {
    opacity: 0;
    -webkit-transform: translateY(10px);
       -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transition: all 0.3s ease !important;
       -moz-transition: all 0.3s ease !important;
        -ms-transition: all 0.3s ease !important;
            transition: all 0.3s ease !important;
}

.service-card svg {
    -webkit-transition: all 0.3s ease !important;
       -moz-transition: all 0.3s ease !important;
        -ms-transition: all 0.3s ease !important;
            transition: all 0.3s ease !important;
}

.service-card:hover {
    -webkit-transform: translateY(-8px);
       -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-box-shadow: 0 20px 50px rgba(61, 43, 31, 0.15);
            box-shadow: 0 20px 50px rgba(61, 43, 31, 0.15);
}

.service-card:hover::before {
    height: 100%;
}

.service-card:hover .wp-block-button {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

.service-card:hover svg {
    fill: var(--ast-global-color-0) !important;
    opacity: 0.3;
}

/* ===========================
   CHIFFRES CLÉS
   =========================== */

.chiffres .chiffre_cle_card {
    padding: 20px !important;
    -webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
            transition: all 0.4s ease;
}

.chiffres:hover .chiffre_cle_card:not(:hover) {
    -webkit-filter: grayscale(1) opacity(0.4);
            filter: grayscale(1) opacity(0.4);
}

/* ===========================
   CONTENT LINKS SVG
   =========================== */

#content a svg {
    -webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
            transition: all 0.4s ease;
}

#content a:hover svg {
    -webkit-transform: translateX(10px);
       -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
            transform: translateX(10px);
}

/* ===========================
   DESCRIPTION RÉALISATION
   =========================== */

.description_real {
    opacity: 0;
    -webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
            transition: all 0.4s ease;
}

.description_real a {
    -webkit-transition: all 0.8s ease;
       -moz-transition: all 0.8s ease;
        -ms-transition: all 0.8s ease;
            transition: all 0.8s ease;
    -webkit-transform: translateY(10px);
       -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
            transform: translateY(10px);
}

.description_real:hover {
    opacity: 1;
}

.description_real:hover a {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

/* ===========================
   MINIATURE RÉALISATION
   =========================== */

.minia_real {
    overflow: hidden !important;
}

.minia_real img {
    -webkit-transition: -webkit-transform 0.6s ease !important;
       -moz-transition: -moz-transform 0.6s ease !important;
            transition: transform 0.6s ease !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
    aspect-ratio: 4/3 !important;
}

.minia_real figure:hover img {
    -webkit-transform: scale(1.1) !important;
       -moz-transform: scale(1.1) !important;
        -ms-transform: scale(1.1) !important;
            transform: scale(1.1) !important;
}

.post-type-archive .site-content>.ast-container{
    max-width: 100% !important;
    padding: 0 !important
}

.wp-block-uagb-image--layout-overlay-link {
    z-index: 10 !important;
}