/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 3.9.2.2022-10-25 20:33:00
Updated: 2022-09-26 23:00:00

*/

/**
    Model
*/

.modal {
    display: none; 
    position: fixed; 
    z-index: 999; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.69); 
}

.modal-content {
    max-width: 400px; 
    margin: 10% auto; /* 15% from the top and centered */
}

.modal-content form {
    padding: 40px !important;
}

.wp-block-button__link.closeModal {        
    background: #fff;
    border: 1px solid #999;
    padding: 6px 30px;
    color: #111;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/**
    Recipe Blocks
*/

.uagb-post__inner-wrap {
    position: relative;
}
.uagb-post__inner-wrap h3 {
    font-weight: 900;
}
.uagb-post__inner-wrap:hover .recipe-block {
    opacity: 1;
}
.recipe-block {
    border-radius: 10px;
    transition: opacity 0.4s;
    opacity: 0;
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    left: 0;
    background: rgba(0,0,0,0.4);                
}
body.page-id-323 .recipe-block {
	height: calc(100% - 125px) !important;
}
@media only screen and (max-width: 768px) {
  .recipe-block {
	display: none !important;
  }
}
.recipe-block .wp-block-button__link {
    border-radius: 50px;
    margin-top: 45%;
}
.uagb-post__text.uagb-post-grid-byline {
    display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
    display: block !important;
    border-radius: 10px;
    margin: 20px 0;
}

/****************************************/

.no-margin { margin: 0 !important; }
.overflow-hidden { overflow: hidden; }
.block-shadow { box-shadow: 0px 10px 20px 1px rgb(0 0 0 / 20%); }
ul.indent { padding-left: 30px; }

/****************************************/

.site-header {
    position: fixed !important;
    top: 0;
    width: 100%;
    transition: all 0.4s;
}

/* body.home .site-header .main-header-menu > .menu-item > .menu-link {
    color: #fff;
} */

body.home .scrolled .site-header .main-header-menu > .menu-item > .menu-link {
    color: #333 !important;
}

.site-header .ast-main-header-wrap{
    border-bottom: 1px solid #EB1E2D !important;
}

.site-header .site-logo-img img{
    width: 90px !important;
}
.site-header .ast-above-header-wrap p{
    margin-bottom: 0 !important;
    font-size: 14px;
}
.site-header .ast-above-header-wrap p a:focus{
    color: #EB1E2D;
}
.site-header .ast-above-header-wrap p a{
    text-decoration: underline;
    outline: none !important;
}
.site-header .ast-above-header-wrap .ast-above-header-bar{
    background-color: #f5f5f5 !important;
    
}
.site-header-section > * {
    padding: 0 16px;
  }
  .site-header .industry-solution a{
    display: flex !important;
  }
  body.logged-in.admin-bar .site-header{
    top: 32px !important;
  }

/****************************************/

.k-button {
    border-radius: 50px;
    border: 1px solid #EB1E2D;
    box-shadow: 10px 10px 10px -10px #666;
}

/****************************************/

.site-header .current-menu-item:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: #EB1E2D;
    border-radius: 100%;
    position: absolute;
    left: -12px;
}
@media(min-width:925px){
	.main-header-bar-navigation .site-navigation li:last-child {
		padding: 10px 25px;
		background: #fff;
		border-radius: 30px;
		line-height: 1.25em !important;
		box-shadow: 2px 3px 0px 0px rgb(0 0 0 / 20%);
		border: 1px solid #ccc;
	}

    .main-header-bar-navigation .site-navigation li:last-child a.menu-link {
        color: #333;
    }

    body.home .main-header-bar-navigation .site-navigation li:last-child a.menu-link {
        color: #666 !important;
    }

    body.home .scrolled .main-header-bar-navigation .site-navigation li:last-child a.menu-link {
        color: #666 !important;
    }

	.main-header-bar-navigation .site-navigation li:last-child a.menu-link {
		display: inline-block;
	}

	.main-header-bar-navigation .site-navigation li:last-child a span {
		display: block;
		color: #0D90D5;
		font-weight: bold;
	}
}
.header-block {
    padding: 40px 60px;
    background: rgba(255,255,255,0.9);
    box-sizing: border-box;
    box-shadow: 0px 5px 20px 1px rgb(0 0 0 / 20%);
    border-radius: 10px;
}

.header-block span.eyebrow {
	font-size: .5em;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.main-header-bar-navigation .site-navigation li:last-child a.onhover {
    display: block;
    position: absolute;
    top: 0px;
    left: -1px;
    width: 214px;
    height: 62px;
    background: #0D90D5;
    border: 1px solid #0D90D5;
    border-radius: 30px;
    box-shadow: 2px 3px 0px 0px rgb(0 0 0 / 20%);
    color: #fff !important;
    text-align: center;
    font-weight: 900;
    padding: 10px;
    line-height: 1.3;
    opacity: 0;
}

.main-header-bar-navigation .site-navigation li:last-child:hover {
    border: 1px solid #0D90D5;
}

.main-header-bar-navigation .site-navigation li:last-child:hover a.onhover {
    opacity: 1;
    transition: opacity .4s;
}

.main-header-bar-navigation .site-navigation li:last-child a.onhover span {
    color: #fff !important;
    font-size: 12px;
    font-weight: 100;
}

/* .main-header-bar-navigation .site-navigation li:last-child:hover a span:after {
    content: '';
    display: block;
   
} */

/**
    All Products Page - Product Block
*/
.all-products-product-block {
    min-height: 650px;
}

/**
    On Trend, Recipe Block Border Radius
*/

.uagb-post__inner-wrap {
    border-radius: 10px;
    overflow: hidden;
}

/****************************************/

.product-overview {
	background: #EB1E2D;
}

.product-overview > img {
	max-width: 90% !important;
    margin: 140px auto !important;
}

.product-block {
	padding: 40px;
    box-shadow: 0px 10px 20px 1px rgb(0 0 0 / 20%);
    border-radius: 10px;
    position: relative;
    flex: 1;
    overflow: hidden;
    background: #fff;
}

.product-block:hover .product-hover{
    opacity:1;
}

.product-hover h3 strong{
    display:block;
    font-size:1.3em
}

.product-hover h2,
.product-hover p {
	margin: 0;
}

.product-hover ul {
	padding-left: 20px;
	margin: 0;
}

.product-hover ul li {
	line-height: 1.4;
}

.product-hover .wp-block-separator {
	width:  96%;
	margin:  20px 0 !important;
	border-bottom: 0 !important;
}

.product-hover {
	position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    color: #fff;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap:  0 !important;
    opacity: 0;
    transition: 0.2s ease all;
    z-index: 2;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/**
    Home Product Blocks
*/

.productsPreview {
    display: flex;
    gap: 50px;
    justify-content: center;
    align-items: flex-start;
}

.productsPreview div.productBlock {
    margin: 0 !important;
    padding: 40px;
    box-shadow: 0px 10px 20px 1px rgb(0 0 0 / 20%);
    border-radius: 10px;
    position: relative;
    flex: 1;
    overflow: hidden;
    background: #fff;
}

.productBlock h2 {
    font-size:24px;
}

.productBlock h2, h4 {
    margin: 0;
}

.productBlock img {
    max-width: 100%;
}

.productBlock figure {
    text-align:center;
}
.productBlock figure img {
    margin:0 auto
}

.productBlock:hover .productHover{
    opacity:1;
}

.productHover{
    position:absolute;
    top:0;
    left:0;
    background:rgba(0,0,0,0.7);
    color:#fff;
    padding: 40px;
    box-sizing:border-box;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    opacity:0;
    transition:0.2s ease all;
    z-index:2;
}

.productHover h4 { margin: 0; }

.productHover hr { 
    margin: 20px 0  !important;
    width: 100%; 
    border-bottom: 0;
}

.productHover p {
    padding-left: 10px;
}
.productHover ul { margin-bottom: 45px; }
.productHover li { line-height: 1.2;}

.productHover h3 {
    margin: 0 0 10px;
    line-height: 2em;
}

.productHover p{
    margin:0 0 10px
}

.productHover h3 strong{
    display:block;
    font-size:1.3em
}


/****************************************/

.company-history-img img {
    margin-top: -120px;
}

/****************************************/

.comparisonTable{
    border-collapse:collapse;
    margin-top:30px;
}

@media(max-width:1024px){
.comparisonTable table{
    width:1000px;
    overflow-x:auto;
}
}

.comparisonTable td,
.comparisonTable th{
    padding-left: 0;
    padding-top: 0;
    padding-right:20px;
}

.comparisonTable img{
    width:100%;
    max-width:100px;
    border-radius:10px;
    margin-right:20px;
}

.comparisonTable thead th {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    font-size:18px;
}

.comparisonTable tbody tr td{
    padding:40px 0;
    border-bottom:1px solid #ccc;
    vertical-align:top
}

.comparisonTable p{
    color:#111;
    font-weight:400;
    margin-top:0;
    margin-bottom: 0;
    font-size:15px;
}

.comparisonTable h3{
    font-weight:bold;
    margin:0;
}

.comparisonTable ul{
    font-size:15px;
    line-height:1.5em;
    margin:0;
    padding-left: 20px;
}

.comparisonTable ul li{
    margin:10px 0
}

.comparisonTable{
    text-align:left;
}

/****************************************/

.contactBlocks {
    display: flex;
    flex-wrap: wrap;
/*     gap: 10px; */
	
}

.contactBlock{
    flex-grow:1;
    box-sizing:border-box;
    padding:20px;
    background:#fafafa;
    border-radius:5px;
    width: auto !important;
	flex:1;
}

.contactBlock h3{
    margin:0 0 15px;
    font-weight:bold;
    font-size:18px;
}

/*.contactBlock p strong{
    font-weight:400;
}*/

/* .contactBlock p{
    margin:10px 0;
} */

.contactFormBlock form {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding:30px 20px;
    border-radius:10px;
    box-shadow:3px 3px 10px 1px rgba(0,0,0,0.2);
    background:#fafafa;
    width:100%;
}

/****************************************/

.featuredRecipe {
    position: relative;
}

.featuredRecipe .overlay{
    opacity:0;
    transition:0.2s ease all;
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgba(0,0,0,0.5);
    margin-top: 0;
    border-radius: 10px;
}

.featuredRecipe:hover .overlay{
    opacity:1;
}

.footer-widget-area section.widget_block {
	margin: 0;
}

/****************************************/

.site-footer .gps {
    background: url(images/icon-location.svg) left center no-repeat;
    background-size: 20px;
}
.site-footer .phone {
    background: url(images/icon-phone.svg) left center no-repeat;
    background-size: 20px;
}
.site-footer .email {
    background: url(images/icon-email.svg) left center no-repeat;
    background-size: 20px;
}
.site-footer .gps, .site-footer .phone, .site-footer .email {
    padding-left: 30px;
    margin: 0 0 10px!important;
    line-height: 1.5rem;
    display: inline-block;
}


/****************************************/

div#content .wpcf7-form {
    padding: 30px 20px;
    border-radius: 10px;
    box-shadow: 3px 3px 10px 1px rgb(0 0 0 / 20%);
    background: #fafafa;
}

div#content .wpcf7-form h3.form-title {
    font-size: 46px;
}

.wpcf7-form input,
.wpcf7-form textarea {
    margin-bottom: 10px;
    padding: 10px 20px;
    border-radius: 30px;
    border: 1px solid #aaa;
    max-width: 100%;
    font-size: 18px;
    /*font-family: 'Roboto';*/
}

.wpcf7-form input[type="submit"] {
    border: none;
    padding: 15px 30px !important;
    max-width: 150px;
    background:#eb1e2d;
}

.wpcf7-form input, .wpcf7-form textarea{
    padding: 10px 20px !important;
    background:#fff;
}

.wpcf7-form textarea{
    height:130px;
}

.wpcf7-form .form-title{
    font-size:32px !important;
}

/****************************************/


/**** overrides *****/

@media(max-width:600px){
    .imageBG{
        min-height:50vh !important;
    }
    .site-header .ast-above-header-wrap p{
        font-size: 12px;
    }
    .site-header .ast-above-header-wrap aside{
        padding: 0 !important;
    }
}

@media(max-width:1024px){
    h2,.has-x-large-font-size{
        font-size:28px !important;
        font-weight:bold;
    }
    .contact-title{
        margin-top: 0px !important;
    }

    .has-large-font-size{
        font-size:21px !important;
    }

    .footer-widget-area{
        text-align:left !important;
    }

    .site-primary-footer-wrap[data-section="section-primary-footer-builder"]{
        padding:20px;
    }

    footer .site-primary-footer-inner-wrap{
        gap:20px !important;
    }

    footer h2{
        font-size:18px !important;
        font-weight:bold;
    }

    .site-below-footer-wrap{
        padding:20px;
    }

	.has-medium-font-size{
        font-size:16px !important;
        line-height:24px;
    }
}

@media(max-width:767px){
.mobileColumn .wp-block-buttons,
.mobileColumn {
    flex-direction: column;
}
}

@media(max-width:600px){
    .homeHero .header-block{
        padding:20px 20px !important;
        max-width:70% !important;
        float:left;
    }

    .homeOverview > img{
        object-fit:cover !important;
        object-position:10% -20% !important;
        
    }

    .homeOverview .header-block{
        padding:20px;
        margin-top:40vh
    }

    .home .product-overview{
        padding-top:20vh !important;
    }

    .home .product-overview > img{
        margin:20px !important
    }

    .home .wp-block-spacer{
        display:none !important;
    }

    footer h2{
        font-size:28px !important;
        font-weight:400
    }

    .gps,.phone,.email{
        font-size:18px;
        background-position-y:6px !important;
        padding-bottom:15px !important;
    }

    footer .widget_nav_menu{
        font-size:21px !important;
        margin-left:25px
    }
	
	.site-below-footer-inner-wrap{
        display:flex;
        flex-direction:column;
        align-content:center;
        align-items:center;
    }

    .site-below-footer-inner-wrap .site-footer-section-1{
        order:2;
    }
    
    .site-below-footer-inner-wrap .site-footer-section-2{
        order:1;
        width:100%;
        margin-bottom:30px !important;
        margin-top:15px;
    }
}

@media(max-width:600px){

    .homeOverview > img{
        object-fit:cover !important;
        object-position:10% -20% !important;
        
    }

    .aboutHero .intro-block{
        padding:20px;
        margin-top:40vh;
        width:calc(100% - 40px) !important;
        margin-bottom:20px;
    }

    .aboutOverview .wp-block-spacer{
        display:none
    }

    .aboutOverview .wp-block-columns{
        flex-direction:column-reverse;
        margin-bottom:100px;
    }

}

@media(max-width:600px){
    .productsHero {
        padding-bottom:140px !important;
        
    }
    .productsHero .wp-block-column{
        max-width:80%;
    }

    .productsHero p{
        line-height:1.5em;
        margin-top:20px !important;
    }

    .productsHero .wp-block-group{
        padding:40px !important;
    }
	
	.applicationList > div{
		flex-basis: 24% !important;
	}

	.applicationList{
		flex-wrap:wrap;
		justify-content:center;
	}

    
    
}

.productsHero{
	height:100vh
}

@media(max-width:767px){

	
    .main-header-menu{
        gap:0 !important;
        padding:10px 40px !important;
        box-shadow:0px 10px 20px 1px rgba(0,0,0,0.2);
    }

    .main-header-menu a{
         font-weight:bold !important;   
        font-size:18px;
        text-shadow:0px 1px 0px #fff;
    }
}

.wpcf7 form>div, .wpcf7 form>p{
    margin-bottom:0
}

.wpcf7 form>div, .wpcf7 form>p br{
    display:none
}

.contactRow{
    max-width:1280px !important;
    margin:0 auto !important;
    
}

.contactRow{
    max-width:1280px !important;
    display:flex !important;
    margin:0 0 20px !important;
    padding:0 !important;
    align-content:flex-start !important;
    align-items:flex-start !important;
    flex-wrap:wrap !important
}

@media(max-width:500px){
    .contactRow > div{
        flex-basis:100% !important;
    }
}

.contactBlock{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:0 !important;
}

@media(max-width:600px){
    .desktop-only{
        display:none !important;
    }
	
	.entry-content > div:first-child{
		padding-top:150px
	}
	
	.aboutHero{
		padding-top:0
	}
	
	.mobileColumn .wp-block-buttons a {
		display: block !important;
	}

	.mobileColumn .wp-block-button,
	.mobileColumn .wp-block-buttons{
		width:100% !important;
	}
}

.swiper-pagination-bullet,
.wp-block-eedee-block-gutenslider .eedee-gutenslider-nav svg .bg{
    background:red !important;
    
}

.wp-block-eedee-block-gutenslider .eedee-gutenslider-nav svg .arrow{
    fill:red !important;
}

.applicationList {
    display:flex !important;
    align-items:flex-start !important;
}

.contactRow {
    width: auto !important;
}


@media(min-width:780px) and (max-width:1200px){
.product-block h2{
    font-size:10px !important
}

.product-block h2 strong{
    font-size: 16px !important;
    display:inline;
    margin:10px 0;
}

.product-block h3,
.product-block li,
.product-block p strong{
    font-size:10px !important
}

.product-block p strong{
    
}

.product-hover{
    padding:30px 20px !important
}

.product-hover .wp-block-buttons{
    width:100%;
    max-width:100%;
    
}

.wp-container-29.wp-block-columns.desktop-only {
    display:flex;
    flex-direction:column;
    max-width:400px;
}
}



.push-top {
    margin-top: -150px;
}

@media(min-width:1021px) and (max-width:1310px){
    .product-hover {
        display: flex;
        flex-direction: column !important;
        flex-wrap:wrap;
    }
    
    .product-hover .wp-block-buttons{
        position:absolute;
        bottom:10px;
    }
}

@media(max-width:1199px){
    .product-hover h2,
    .product-hover p
    {
        font-size:1.25rem !important;
    }

    .product-hover h2 strong{
        font-size:1.75rem !important;
        margin:10px 0 !important;
        display:inline-block;
        line-height:.8rem;
    }

    .product-hover p strong{
        font-size:1rem !important;
        margin-bottom:10px !important;
    }

    .product-hover li{
        font-size:.8rem !important;
    }

    .product-hover ul{
        margin-top:10px !important
    }
}

.or {
    margin: 0 !important;
}

.header-block-white h2,
.header-block-white p{
    color: #fff !important;
    
}

.header-block-white{
    background:transparent !important;
    box-shadow:none !important;
    padding-left:0 !important;
    padding-right:0 !important
}

.fullheight{
	height:100vh
}

@media(max-height:1000px){
    .halfheight{
        min-height:50vh
    }
}

.productBlock {
    min-height:500px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-left:0 !important;
    padding-right:0 !important
}

@media(max-width:850px){
    .productsPreview {
        flex-direction: column;
    }

    .productBlock{
        max-width:500px
    }
}

.all-products-product-block{
    justify-content:space-between;
}

@media(max-width:414px){
	.productHover .wp-block-buttons img{
    width:40px !important;
}
	
	.header-block{
		padding-left:30px;
		padding-right:30px;
	}
	
	.buy-buttons-full .wp-block-buttons {
    flex-wrap:nowrap;
}


.is-content-justification-center.is-layout-flex.wp-container-16.wp-block-group.alignfull.buy-buttons-full {
    margin-bottom:0 !important;
    padding-bottom:0;
}
	
	.applicationList {
    flex-wrap:wrap !important;
    gap:0px 20px!important;
    max-width:100%;
    width:100%;
    box-sizing:border-box;
}

.applicationList > div{
    flex-basis:33% !important;
    margin:0 !important;
}
}

@media(max-height:799px) and (min-width:800px){
    .aboutHero {
        min-height:80vh;
        display:flex;
        justify-content:space-between;
        align-items:center;
        padding:0 20px;
    }

    .aboutHero > div{
        width:100%;
    }

    .site-header{
        position:unset !important;
    }
}
.core-values > div {
    border-radius: 10px;
}

@media (min-width: 1024px) and (max-width: 1400px){
    body .all-products-product-block {
        height: auto !important;
    }
}