/*
Theme Name:   E-Badges International
Theme URI:    #
Description:  Hello Elementor Child Theme
Author:       SIDEhustlers
Author URI:   #
Template:     hello-elementor
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  ebadges-international
*/

:root{
    --theme-light-green: #019285;
    --theme-dark-green:#011715;
    --theme-white: #fff;
    --theme-black: #000;
    --theme-red: #da291c;

    --theme-font-primary: Oswald;
    --theme-font-secondary: Poppins;

    --theme-box-shadow-opacity: .3;
    --theme-transition: .3s;

    --theme-max-full-width: 1240px;
    --theme-lg-spacing-inline:  10px;
    --theme-lg-spacing-block: 100px;
    --theme-md-spacing-inline: 10px;

    /* media 768px */
    --theme-md-spacing-block: 40px; 

}

body{
    background:#fff
}

[green]{
    color:var(--theme-light-green) !important
}

body :is(h1,h2,h3,h4,h5,h6){
    font-family: var(--theme-font-primary);
}

/*RESET THEME  
------------------------------------------------------------------------------------------------------*/
.page-header .entry-title, 
.site-footer .footer-inner, 
.site-footer:not(.dynamic-footer), 
.site-header .header-inner, 
.site-header:not(.dynamic-header),
body:not([class*=elementor-page-]) .site-main{
    max-width: var(--theme-max-full-width) !important;
}
.content-area {
    padding: var(--theme-lg-spacing-block) var(--theme-lg-spacing-inline)  ;
}
@media(max-width:768px){
    .content-area {
        padding-block: var(--theme-md-spacing-block);
    }
}


/* FOOTER MENU
------------------------------------------------------------------------------------------------------*/
footer li.quote-button,.footer-menu  .quote-button {
    display:none
}

.footer-menu .hfe-nav-menu > li:before{
    content: '';
    position: absolute;
    top:12px;
    left:0px;
    z-index: 10;
    width: 8px;
    height: 8px;
    border-bottom:2px solid var(--theme-white);
    border-right: 2px solid var(--theme-white);
    transform:rotate(-45deg) ;
}

.footer-menu .hfe-nav-menu > li a span{
    display:none 
}

@media(max-width:768px){
    .footer-menu .hfe-nav-menu:before{
        display:none
    }
    .footer-menu .hfe-nav-menu{
        display:grid;
        grid-template-columns: 1fr 1fr;
        justify-items: start;
        gap:10px
    }
}

/* HEADER SEARCH 
------------------------------------------------------------------------------------------------------*/
.apsw-search-wrap .apsw-category-items, 
.apsw-search-wrap .apsw-search-form input[type='search'] {
    padding-right: 30px;
    font-size:15px;
    font-family:var(--theme-font-secondary)
}
.apsw-search-wrap .apsw-search-form input[type=search]{
    padding-left:10px;
    height: 49px;
}
.apsw-search-wrap .apsw-search-form {
    border-radius: 100px
}
.apsw-search-wrap .apsw-search-btn {
    background: var(--theme-red);
    margin-right: 5px;
    padding: 7px 0px;
    width: 45px;
    text-align: center;
    height: 43px;
}
.apsw-search-wrap :where(.apsw-select-box-wrap, .apsw-category-items)  {
    height: 49px !important;
    line-height:49px !important
}
.apsw-search-wrap .apsw-search-btn svg {
    transform: scale(0.45);
    fill: var(--theme-white);
}
.apsw-search-wrap .apsw-select-box-wrap:after{
    border-color:#828282 
}
.apsw-search-wrap .apsw-category-items {
    font-size: 15px !important;
    font-family:var(--theme-font-secondary);
}
.apsw-search-wrap .apsw-select-box-wrap:before{
    pointer-events:none;
}

@media(max-width:768px){
    .apsw-search-wrap .apsw-search-form input[type=search]{
        margin-left: 50px !important;
        max-width: calc(100% - 75px);
    }
    .apsw-search-wrap .apsw-select-box-wrap{
        width:44px
    }
}


/* HOME SLIDER 
------------------------------------------------------------------------------------------------------*/
.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index:21;
    background-color:transparent !important;
    padding:0 !important;
    width:40px;
    border:unset
}

ul.slick-dots {
    position: absolute;
    z-index: 21;
    list-style: none;
    display:flex;
    gap:10px;
    bottom:100px;
    padding-left:00;
    right:0
}
@media(max-width:768px){
    ul.slick-dots{
        right: 15px;
        bottom:40px
    }
}
ul.slick-dots button{
    font-size:0;
    padding:unset;
    border:2px solid var(--theme-red);
    width:15px;
    height:15px;
    background:var(--theme-red) ;
    outline:none !important
}
ul.slick-dots button:hover{
    background-color:var(--theme-white) ;
    border-color:var(--theme-white);
}
ul.slick-dots .slick-active button {
    width:30px;
    background:var(--theme-white);
    border-color:var(--theme-white);
}
.slick-next {
    right: -40px;
}
.slick-prev {
    left: -40px;
}



/* DEFAULT FORM
------------------------------------------------------------------------------------------------------*/
.default-form :is(input,textarea) {
    padding: 10px 20px;
    outline:none;
    font-size:inherit;
    margin-bottom:10px;
}
.default-form input:is([type="text"],[type="email"],[type="number"],[type="tel"]){
    border-radius:100px
}
.default-form .wpcf7-not-valid-tip{
  display:none
}

.default-form .wpcf7-not-valid:is(input,textarea){
    border-color:red
}

.wpcf7 form.sent .wpcf7-response-output{
    color:var(--theme-white);
    background: var(--theme-light-green);
    border-color: var(--theme-dark-green);
    margin-inline: 0;
    border-width: 1px;
    padding-block: 10px;
    margin-top: 10px;
}
.wpcf7 form.invalid .wpcf7-response-output{
    color:var(--theme-red)
}
 
/* CONTACT US */
.contact-form textarea{
    max-height:150px;
    border-radius:20px
}

/*Inquiry Form*/
.quote-inquiry-form textarea{
    border-radius:20px
}