/**
Theme Name: Astra Child
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. 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 so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # 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 beautiful theme!
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: astra-child
Template: astra
*/

/*----- Defaults -----*/
textarea { overflow: hidden; }
/*----- Utils -----*/
.text-underline { text-decoration: underline; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.alignright { margin-left: 1rem;}
.alignleft { margin-right: 1rem;}

.m-0 { margin: 0; }
.mb-0 { margin-bottom: 0;}

/* see functions-custome.php */
/* @import 'inc/style-homepage-team.css';
@import 'inc/style-homepage-portfolio.css';
@import 'inc/style-homepage-contact.css';
@import 'inc/style-case-studies.css';
@import 'inc/style-single.css'; */

body, .ast-separate-container {
    background-color: white;
    background-image: none;
}

.bg-text-color-one{
    background: linear-gradient(90deg, rgb(181, 218, 47) 0%, rgb(244, 127, 48) 98%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
    background-color: #033045!important;
}
.ast-mobile-popup-drawer .ast-mobile-popup-inner {
    max-width: 100%!important;
}
.ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, 
.ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, 
.ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, 
.ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, 
.ast-hfb-header .ast-mobile-header-content .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, 
.ast-hfb-header .ast-mobile-header-content .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, 
.ast-hfb-header .ast-mobile-popup-content .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, 
.ast-hfb-header .ast-mobile-popup-content .ast-builder-menu-mobile .main-navigation .menu-item .menu-link {
    border: 0;
}
.current-menu-item .menu-link {
    /* background-image: linear-gradient(180deg, #B6D54B 0%, #F47F30 100%)!important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}
.ast-mobile-popup-content .ast-header-html-1 {
    padding: 20px;
}

@media(max-width: 480px) {
    .alignright, .alignleft { 
        margin: 0;
        float: none; 
    }
}

/**site-header header-main-layout-1 ast-primary-menu-enabled ast-hide-custom-menu-mobile ast-builder-menu-toggle-icon ast-mobile-header-inline*/

/** BOF Innerpage Header */

.ast-primary-header-bar {
    background-color: #033045;

    background-image: none;
    color: white; /* Makes text readable on red background */
    padding: 0px; /* Add some padding for better appearance */
    border-bottom: 4px solid;
    border-image: linear-gradient(100deg, 
        #B6D54B 0%,    /* Red */
        #F47F30 100%    /* Orange */
    ) 1;
}

@media (min-width: 922px) {
    #ast-mobile-header { display: block; }
}
@media (min-width: 1112px) {
	#ast-desktop-header { display: block; }
    #ast-mobile-header { display: none; }
}
@media (max-width: 1111px) {
    #ast-desktop-header { display: none; }
	.main-navigation .stack-on-mobile li { width: 100%; }
	.main-navigation .main-header-menu .menu-item > .menu-link {
        color: #fff;
        padding: 20px;
		border: 0;
    }
    .ast-primary-header-bar { border: 0; }
	.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button { margin: 20px; }
        
}
@media(max-width: 700px) {
	.dave-in-header { display: none; }
}

/** BOF Innerpage Header */

/** BOF Homepage > Hero */
#gradient-container {
    padding-top: 120px;
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
}
.app-rotate-txt { font-size: 29px; }
.app-rotate-txt span:nth-child(2) { font-size: 24px;}

@media(min-width:768px) {
    #gradient-container {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 0;
        padding-right: 0;
    }
    .app-rotate-txt { font-size: 34px; }
    .app-rotate-txt span:nth-child(2) { font-size: 29px;}
}
@media(min-width:992px) {
    .wp-block-uagb-advanced-heading { min-height: 143px; }
    .app-rotate-txt { font-size: 50px; }
    .app-rotate-txt span:nth-child(2) { font-size: 43px;}
}
@media(min-width:1110px) {
    #gradient-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media(min-width:1200px) {
    .app-rotate-txt { font-size: 60px; }
    .app-rotate-txt span:nth-child(2) { font-size: 50px;}
}

@media(max-width:767px) {
    .app-rotate-txt { font-size: 34px; }
    .app-rotate-txt span:nth-child(2) { font-size: 28px;}
}
@media(max-width:480px) {
    .app-rotate-txt { font-size: 29px; }
    .app-rotate-txt span:nth-child(2) { font-size: 24px;}
}

/** EOF Homepage > Hero */

/** BOF Homepage gradient animation */

/** vanilla version */
/* .undulating-gradient {
    width: 100%;
    position: relative;
    background: linear-gradient(45deg, #0D2C3F, #A51111, #0D2C3F, #A51111);
    background-size: 600% 800%;
    animation: undulate 30s ease-in-out infinite;
} */

.undulating-gradient {
    width: 100%;
    position: relative;
    background: linear-gradient(60deg, #A51111, #0D2C3F, #0D2C3F, #A51111,#0D2C3F, #0D2C3F);
    background-size: 600% 800%;
    animation: undulate 30s ease-in-out infinite;
}

@keyframes undulate {
    0%, 100% {
        background-position: 0% 50%;
    }
    25% {
        background-position: 100% 0%;
    }
    50% {
        background-position: 100% 100%;
    }
    75% {
        background-position: 0% 100%;
    }
}
/** EOF Homepage gradient animation */

/** BOF Homepage email Dave */
.tooltip {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #FF7F50;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    margin-bottom: 0px;
    z-index: 1000;
}

.tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: #FF7F50;
}

.tooltip.show {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(-4px);
}

.ast-builder-menu-1 .home-in-menu, .ast-builder-menu-1 .home-in-menu-mobile {
    visibility: visible;
}
/** EOF Homepage email Dave */

/* Enable smooth scrolling behavior */
html {
    scroll-behavior: smooth;
}

.page-section h1.entry-title {
    font-size: 32px;
    margin-bottom: 30px;
    font-weight: 600;
}

.case-study-intro a {
    color: #0073aa;

}
.case-study-intro a:hover {
    text-decoration: underline;
}

#homepage-new-posts svg {
    position: absolute;
    top: -120px;
    right: 80px;
    z-index: 1;
}

#homepage-new-posts {
    position: relative;
}

.x-case-studies-title {
    display: none;
}

/* Requested by Dave in todo 19 */
.case-study-header h3 {
    margin-bottom: 20px !important;
}

.site-content {
    background-color: #b6d54b;
}