/**
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
*/

/* Hero Banner Heading */
.hd_lite { font-size:60px; font-weight:400; line-height:54px; display:block; }
.hd_big { font-size:90px; font-weight:700; line-height:96px; display:block; }
.hd_bars:before { content:url('https://guardianroofingservicesva.com/wp-content/uploads/2024/05/head-bars.png'); margin:0px 15px 0px 0px; top:-20px; position:relative; }

.hd_lrbars:before { content:url('https://guardianroofingservicesva.com/wp-content/uploads/2024/05/head-bars-left.png'); margin:0px 15px 0px 0px; top:-30px; position:relative; }
.hd_lrbars:after { content:url('https://guardianroofingservicesva.com/wp-content/uploads/2024/05/head-bars-right.png'); margin:0px 0px 0px 15px; top:-30px; position:relative; }

/* Hero Banner Form Block */
.hfb_outer:before { content:""; width:100%; height:90px; background:url('https://guardianroofingservicesva.com/wp-content/uploads/2024/05/orange-top-arrow.png') no-repeat center top; background-size:contain; top:0px; left:0px; }
.hero_form_block { clip-path: polygon(50% 0, 100% 9%, 100% 75%, 50% 100%, 0 75%, 0 9%); }

#banner_form div.wpforms-container-full { margin:auto; }
#banner_form .wpforms-container .wpforms-field { padding:10px 0px; }
#banner_form textarea { resize:none; }
#banner_form .wpforms-submit-container { padding:10px 0px 0px 0px; margin:0px !important; }
#banner_form .wpforms-submit-container button[type="submit"] { padding:20px 35px; height:auto; margin:auto; width:auto; display:block; border-radius:8px 8px 8px 0px; text-transform:uppercase; }
#banner_form .wpforms-submit-container button[type="submit"]:hover { background:#2C3093; }

/* Newsletter Form Block */
#newsletter_form { background:#fff; padding:3px; border-radius:8px 8px 8px 0px; }
#newsletter_form form { display:grid; grid-template-columns:70% 30%; }
#newsletter_form div.wpforms-container-full { margin:auto; }
#newsletter_form .wpforms-container .wpforms-field { padding:0px; }
#newsletter_form textarea { resize:none; }
#newsletter_form .wpforms-submit-container { padding:0px; margin:0px !important; }
#newsletter_form .wpforms-submit-container button[type="submit"] { padding:15px 35px; height:auto; margin:auto; width:100%; text-transform:uppercase; }
#newsletter_form .wpforms-submit-container button[type="submit"]:hover { background:#2C3093; }
#newsletter_form .wpforms-recaptcha-container { display:none !important; }

/* Headings Styles */
.shd_block { display:block; }
.shd_lite { font-weight:500; }
.orange_hd { color:#FD7A41; }

/* Section Top Bottom Arrows */
.sec_bottom_arrow:after { content:" "; background:url('https://guardianroofingservicesva.com/wp-content/uploads/2024/05/blue-down-arrow.png') no-repeat center center; background-size:contain; width:100%; height:60px; margin:0px auto; z-index:1; position:absolute; bottom:-15px; }
.sec_top_arrow:before { content:" "; background:url('https://guardianroofingservicesva.com/wp-content/uploads/2024/05/blue-top-arrow.png') no-repeat center center; background-size:contain; width:100%; height:60px; margin:0px auto; z-index:1; position:absolute; bottom:-15px; }
.elementor-shape-bottom { overflow:unset; }
.footer_sec_arrow .elementor-shape-bottom:before { content:" "; background:url('https://guardianroofingservicesva.com/wp-content/uploads/2024/05/blue-down-arrow.png') no-repeat center center; background-size:contain; width:100%; height:60px; margin:0px auto; z-index:1; position:absolute; bottom:-20px; }

/* Facts Block */
.vertical_facts .elementor-counter-title { margin-left:10px !important; }

/* Image Carousel */
.home_carousel .premium-adv-carousel__media-info-wrap { position:absolute; z-index:99; bottom:0px; width:100%; }
.home_carousel .premium-adv-carousel__media-title { background-image: linear-gradient(#ad666600, #000000);  }

/* Testimonials block */
.premium-testimonial-container .premium-testimonial-img-wrapper { order:4; position:absolute; bottom:-20px; right:14px; }

/* Blog Thumbnails */
.premium-blog-thumbnail-container { border-radius:15px 15px 0px 15px; }

/* Misc. styles */
.sticky_item { position:-webkit-sticky; /* Safari */ position:sticky; top:0; }

@media (max-width: 960px) {
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    /* Hero Banner Heading */
    .hd_lite { font-size:40px; font-weight:400; line-height:40px; display:block; }
    .hd_big { font-size:72px; font-weight:700; line-height:72px; display:block; }
    .hd_bars:before { display:none; }
    
    .hd_lrbars:before { margin:0px 15px 0px 0px; top:-15px; }
    .hd_lrbars:after { margin:0px 0px 0px 15px; top:-15px; }
    
    /* Hero Banner Form Block */
    .hero_form_block { clip-path: polygon(50% 0, 100% 6%, 100% 90%, 50% 100%, 0 90%, 0 6%); }
 
    /* Newsletter Form Block */   
    #newsletter_form form { grid-template-columns:55% 45%; }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    /* Hero Banner Heading */
    .hd_lite { font-size:40px; font-weight:600; line-height:42px; display:inline-block; }
    .hd_big { font-size:40px; font-weight:600; line-height:42px; display:inline-block; }
    .hd_bars:before, .hd_lrbars:before, .hd_lrbars:after { display:none; }
    
    /* Hero Banner Form Block */
    .hero_form_block { clip-path: polygon(50% 0, 100% 4%, 100% 96%, 50% 100%, 0 96%, 0 4%); }
   
   /* Newsletter Form Block */ 
    #newsletter_form { border-radius:8px; }
    #newsletter_form form { grid-template-columns:100%; }
    
    /* Section Top Bottom Arrows */   
    .sec_bottom_arrow:after { bottom:-25px; }
    
    /* Wp Forms Resets */
    .wpforms-container .wpforms-one-half { width:100% !important; margin-left:0px !important; }
}