/*
Theme Name: maiva
Theme URI: https://xpose.online/projects/maiva
Author: Xpose
Author URI: https://xpose.online
Description: Custom HTML theme for maiva
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Colours */

.maiva-primary,.has-dark-grey-color,button.btn {
    color: #383d56;
}
.maiva-secondary,.navbar-toggler-icon,.has-yellow-color,.location a {
    color: #e6c60d;
}
.maiva-background-dark,.maiva-background-wash {
    background-color: #383d56;
}
.maiva-background-light,button.navbar-toggler,.has-yellow-background-color,button.btn {
    background-color: #e6c60d;
}

.maiva-white, .has-white-color, .has-white-color>*{
    color: #fff;
}

html a {
    color: #383d56;
    text-decoration: none;
}
a:hover {
    color: #e6c60d;
    text-decoration: none;
}

/*Font Awesome*/
.social-icon, .header-contact-info a {
    font-size: 1.2em;
    color: #383d56;
    text-decoration: none;
    padding:0 0 0 30px;
}
.header-social-icons svg, .footer-social-icons svg {
    height:20px;
    color: #383d56;
    text-decoration: none;
}

/*Header*/

header nav ul li.menu-item a {
    color: #383d56;
    text-transform: capitalize;
}
.points span{text-align:center}
@media (min-width: 768px) {
    .header-contact-info {
        text-align:right;
    }
}

.header-logo img {

padding:10px;width:100%;height:100%}

nav {text-transform:capitalize}
#primary-menu{width:100%;justify-content: space-between;}

.points span{color:#fff;text-align:center}


/*Footer*/
footer span{color:#fff;font-size:20px;text-transform:capitalize ;border-left:10px solid #e6c60d;padding-left:10px;margin:20px 0}
footer p, footer a, footer span, footer nav ul li a.nav-link{color:#fff;text-decoration:none}
footer ul{list-style:none;padding-left:0}
footer .nav-link{padding:10px 0;color:#fff}
.footer-logo img{height:100%;padding:10px;width:100%}
footer .social-icon{fill:#fff}
/*hero*/

.hero .row{min-height:60vh;}


/*font and standard*/

p, h1, h2, h3, h4, h5, h6, a, span, li, button{
    font-family: 'poppins', sans-serif;
    color: #383d56;
}

.wp-block-image img {
    max-width: 100%;  /* Ensures the image is never wider than its container */
    height: auto;     /* Maintains the aspect ratio of the image */
}
picture img{max-width:100%;height:auto}

/* home */


.hero-background-1 {
    background: url(https://www.maivaclearance.co.uk/wp-content/uploads/2025/02/AdobeStock_74948764-scaled.jpeg) no-repeat right;position:relative;background-size:contain;
}

.hero-background-1:after{content:'';background: rgb(56,61,86);
background: -moz-linear-gradient(102deg, rgba(56,61,86,1) 60%, rgba(0,0,0,0) 50%);
background: -webkit-linear-gradient(102deg, rgba(56,61,86,1) 50%, rgba(0,0,0,0) 50%);
background: linear-gradient(102deg, rgba(56,61,86,1) 60%, rgba(0,0,0,0) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#383d56",endColorstr="#000000",GradientType=1);position:absolute;height:100%;width:100%;top:0;z-index:1;
}
main>div>.container>div{z-index:2;position:relative;}
.bl-5 {
    border-left: 10px solid #e6c60d;
    padding: 0 0 0 10px;
    margin: 0;
}
.why-us svg{max-height:75px;margin:20px 0 40px}

.loop-grid h2{font-size:20px}

.home .fa-primary{fill:#383d56}
.home .fa-secondary{fill:#e6c60d}

/* mobile header */

@media (max-width: 768px) {
    .header-contact-info {
        text-align: center;
    }
    .header-contact-info a {
        padding: 0 10px;
    }
    .header-social-icons {
        text-align: center;
    }
    .header-social-icons a {
        padding: 0 10px;
    }
    .header-logo img {
        width: 100%;
        height: auto;
    }
    nav {
        text-transform: capitalize;
    }
    #primary-menu {
        width: 100%;
        justify-content: space-around;
    }
    .points span {
        color: #fff;
        text-align: center;
    }
    .header-contact-info{
        display: flex;
        flex-direction: column;
    }
    /* mobile backgrounds */

.hero-background-1:after {
    background:#272525da!important}

    /* mobile fonts */

    .loop-grid h2{font-size:18px}
    html main>div>div.container{padding:20px!important}

}




/*gaps*/

.wp-block-buttons{grid-gap:20px;display:flex;}

/*service page template*/

.loop-background{padding:50px 0 50px 0;}
.loop-background h2{font-size:30px}
.loop-background p{font-size:20px}
.hero-cover{
    /*gradient overlay*/
    background: rgb(56,61,86);
    background: -moz-linear-gradient(102deg, rgba(56,61,86,1) 60%, rgba(0,0,0,0) 50%);
    background: -webkit-linear-gradient(102deg, rgba(56,61,86,1) 50%, rgba(0,0,0,0) 50%);
    background: linear-gradient(102deg, rgba(56,61,86,1) 60%, rgba(0,0,0,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#383d56",endColorstr="#000000",GradientType=1);
}
.hero-cover *{color:#fff}
.maiva-background-dark .form-group label{color:#fff}
.hero-cover btn{background-color:#e6c60d;color:#383d56}


/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */

.points SVG{fill:#e6c60d;height:20px;margin:0 10px 0 0}
.points .col-md-4{display:flex;align-items:center;justify-content:center}
.before-btn, .after-btn{width:10%;padding:10px 20px;border-radius:5px}
#reviewCarousel{max-width:85%}
.btn-cont{max-width:5%;align-self: stretch;}
.btn-cont svg{width:15px;height:15px}
.btn-cont svg path{fill:#e6c60d}
.slide{align-self: center;}

/*service page template*/
.threepoints svg{height:75px;margin:0 10px 0 0}
.threepoints .fa-primary{fill:#383d56}
.threepoints .fa-secondary{fill:#e6c60d}  
#reviewCarousel svg{height:20px}
@media (max-width: 768px) {
 .archive .hero-cover{background:#272525da!important;padding:50px 0}}

 /*Location page template*/

 .location-services .location h2{font-size:18px;color:#383d56}