/*
 * Theme Name: Academy Roofing
 * Theme URI: https://southernweb.com
 * Author: Southern Web
 * Author URI: https://southernweb.com
 * Description: Custom Astra child theme
 * Version: 1.1.2
 * License: GPL-3.0-or-later
 * License URI: http://www.gnu.org/licenses/gpl-3.0.html
 * Domain Path: /languages
 * Template: astra
 */
@charset 'UTF-8';

*{
	word-break: keep-all !important;
}
h1,h2,h3,h4,h5,h6{
	color: #1a1d22 !important;
}
h1, .entry-content h1,
.ast-single-post .entry-title, .page-title{
	/*font-size: 4rem;*/
	text-transform: uppercase;
}
h2, .entry-content h2{
	/*font-size: 3.75rem;*/
	text-transform: uppercase;
}
h3, .entry-content h3{
	/*font-size: 2.5rem;*/
	text-transform: uppercase;
}
h4, .entry-content h4{
	/*font-size: 2rem;*/
}
h5, .entry-content h5{
	/*font-size: 1.5rem;*/
}
a:hover{
	text-decoration: underline;
}
.hidep p {
    display: none;
}
.verticalcenter .uagb-column__inner-wrap{
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.main-header-menu a, .ast-header-custom-item a {
    color: #1a1d22;
}
.nav-menu a,
.ast-nav-menu a{
	text-transform: uppercase;
}
.main-header-menu a:hover, .ast-header-custom-item a:hover{
	color: #702224;
}
.wp-block-button__link,
button, .button{
    border-radius: 0;
    padding: 8px 24px;
    color: #ffffff;
    border-color: #702224;
    background-color: #702224;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    text-decoration: none;
    text-transform: uppercase;
}
.wp-block-button__link:hover,
button:hover, .button:hover{
    color: #702224;
    background-color: white;
}
.menu-toggle, button, .ast-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"],
.wp-block-button__link, .wp-block-button__link:hover,
.menu-toggle:hover, button:hover, .ast-button:hover, .button:hover, input#submit:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover{
	border: 2px solid #702224;
}
.ast-small-footer a:hover{
	text-decoration: underline;
}
.ast-container{
	margin: 0 auto !important;
}
.superheader {
    background: #000; /* was #702224; */
    margin: 0;
    padding: 0;
}
.numberbar {
    text-align: right;
}
.numberbar a{
	display: inline-block;
	width: auto;
	color: white;
	background: url('images/phone.svg') left 45% no-repeat;
	background-size: 20px;
	margin-right: 30px;
	padding-left: 30px;
    font-size: 18px;
}
.numberbar a:last-child{
	margin: 0;
}
.clear{
	clear: both;
}
li.ast-masthead-custom-menu-items.button-custom-menu-item {
    padding-right: 0;
}
.whitetext, .whitetext *,
.whitetext *:hover{
	color: white;
}
.main-header-menu li.focus>ul, .main-header-menu li:hover>ul{
	left: -50%;
}
.visually-hidden {
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

ul#menu-social-media{
    list-style-type: none;
    margin: 0;
    float: right;
}
ul#menu-social-media li{
    margin: 0 5px;
    display: inline-block;
    text-indent: -9999px;
}
.social-icon a{
	height: 25px;
    width: 30px;
    display: block;
}
.facebook a{
    background: url('images/facebook.svg') center center no-repeat;
    background-size: contain;
}
.twitter a{
    background: url('images/twitter.svg') center center no-repeat;
    background-size: contain;
}
.linkedin a{
    background: url('images/linkedin-in.svg') center center no-repeat;
    background-size: contain;
}
.instagram a{
    background: url('images/instagram.svg') center center no-repeat;
    background-size: contain;
}
.youtube a{
    background: url('images/youtube.svg') center center no-repeat;
    background-size: contain;
}
.yelp a{
    background: url('images/yelp.svg') center center no-repeat;
    background-size: contain;
}
.footer-sml-layout-2 .ast-small-footer-section-2 {
    text-align: center;
}
.customequal--flex {
    justify-content: space-between;
}

.logoheight.wp-block-gallery .blocks-gallery-item img{
	height: 100px !important;
	width: 100%;
	margin: 0 auto;
	object-fit: contain;
}

.page-template-page-products #primary h2 {
    text-align: center;
}

.page-template-page-products #primary .entry-content {
    margin-bottom: 50px;
}

.product-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 50px auto 25px auto;
    width: 100%;
}

.product-item {
    -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
    margin: 0 15px 25px 15px;
    position: relative;
    text-align: center;
}

.product-item h3 {
    font-size: 20px;
    margin-bottom: 10px;
    text-decoration: underline;
}

.product-item h3:hover, .product-item .product-image:hover {
    cursor: pointer;
}

/* .product-image img {
    max-height: 240px;
} */

.product-excerpt {
    font-size: 13px;
    max-height: 0;
    margin: 15px 0;
    opacity: 0;
    text-align: left;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: -3;
}

.active-excerpt {
    max-height: 350px;
    opacity: 1;
    z-index: 1;
}

.product-modal {
    display: none;
}

.p-modal-title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 15px;
}

.product-modal.fancybox-content {
    max-width: 800px;
    padding: 25px;
}

.product-modal .p-modal-image img {
    display: block;
    margin: 0 auto;
}

/* other custom */
.red-check-mark {
    list-style: none!important;
}

.red-check-mark li::before {
    content: '\2713';
    color: #702224;
    margin-right: 12px;
}

.faq-intro-paragraph {
    margin: 30px 0px 30px!important;
}

.page-id-635 .kt-accordion-pane-6, .page-id-635 .kt-accordion-pane-11,
.page-id-672 .kt-accordion-pane-5 {
    padding-bottom: 130px;
    background: url(images/faq-question-separator.png) no-repeat center bottom;
}

.page-id-685 #gform_submit_button_2 {
    float: left;
}

.wp-block-image img.noborder {
    border: none!important;
}

.home h1.uagb-ifb-title {
    color: #702224!important;
}

.submit-leaf {
    margin-bottom: 0;
    position: relative;
    top: -35px;
}

.submit-leaf img {
    border: none!important;
}

@media screen and (max-width: 640px) {
    .submit-leaf {
        top: 0px;
    }
}

/* end other custom */

@media screen and (max-width: 1100px){
    .product-item {
        -ms-flex-preferred-size: 44%;
            flex-basis: 44%;
    }

	.customequal--flex {
	    justify-content: initial;
	    display: block;
	    text-align: center;
	    width: 100%;
	    margin: 0 auto;
	}
	.customequal{
		margin: 15px 0;
	}
	.customequal:last-child{
		margin-bottom: 0;
	}
	footer .ast-col-md-4 {
        width: 100%;
        display: block;
        float: none;
        text-align: center !important;
        margin: 0 auto 30px;
    }
    footer .ast-col-md-4:last-child{
        margin-bottom: 0;
    }
    ul#menu-social-media {
        margin: 0 auto;
        float: none;
    }

}
@media screen and (max-width: 976px){
    .verticalcenter .uagb-column__inner-wrap {
        position: relative;
        top: initial;
        left: initial;
        -webkit-transform: initial;
            -ms-transform: initial;
                transform: initial;
    }
    .hp--pgallery .wp-block-uagb-column{
        /*max-width: 400px;*/
        width: 100%;
        margin: 0 auto 30px;
    }
    .hp--pgallery .wp-block-uagb-column .wp-block-image img {
        width: 100%;
    }
    .uagb-column__wrap{
        background-size: contain !important;
    }
    .wp-block-image {
        text-align: center;
        max-width: 400px;
        width: 100%;
        margin: 0 auto 1em;
    }
}

@media screen and (max-width: 975px){
    #uagb-column-5eeda603-4ec4-48c8-b951-98b6dda8208a.uagb-column__wrap{
        padding-right: 30px !important;
    }
    a.uagb-infobox-cta-link.uagb-ifb-cta-button {
        font-size: 20px !important;
    }

    .hp--pgallery .uagb-ifb-button-wrapper {
        text-align: center;
	}
    .hp--pgallery .wp-block-image {
        max-width: 400px;
        margin-bottom: 1em;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .mobile--forty-top{
    	margin-top: 40px;
    }
    .tabletcenter *{
    	text-align: center;
    }
    .tabletcenter .uagb-ifb-text-wrap{
    	padding-bottom: 20px;
    }
    .uagb-columns__stack-tablet .uagb-columns__columns-5>.uagb-column__wrap.tabletcustomrow {
	    width: 25% !important;
	    display: inline-block;
	    float: left;
	}
}
@media screen and (max-width: 921px){
    .main-header-bar .main-header-bar-navigation {
        display: inline-block;
    }

    .product-item {
        -ms-flex-preferred-size: 44%;
            flex-basis: 44%;
    }
}
@media screen and (max-width: 768px){
    .hpservices--wrap .wp-block-uagb-column{
        margin: 0 0 30px 0;
    }
    .hpservices--wrap .wp-block-uagb-column:last-child{
        margin: 0;
    }
    .mobilecenter,
    .mobilecenter *{
        text-align: center !important;
    }
    .mobilecenter .uagb-ifb-separator-parent {
    	display: none;
	}
	.mobilecenter .uagb-ifb-content {
    	margin-bottom: 20px;
    }


}

@media screen and (max-width: 720px){
    .uagb-columns__wrap{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .uagb-section__wrap{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .ast-no-sidebar .entry-content .alignfull {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        width: 100%;
    }
    #uagb-column-e24a2bcd-1295-46b9-b407-fb3e8b388c6d.uagb-column__wrap {
        padding-right: 0;
    }
    #uagb-column-08f5f86c-1d17-4558-97ae-605deb1b7486.uagb-column__wrap{
        padding: 10px;
    }
    .hp--masttitle{
        padding: 30px 10px !important;
    }
    ol, ul{
        margin-left: 1.25em;
    }
}
@media screen and (max-width: 650px){
	.numberbar {
	    text-align: center;
	}
	.uagb-columns__stack-tablet .uagb-columns__columns-5>.uagb-column__wrap.tabletcustomrow {
	    width: 100% !important;
	    display: block;
	    float: none;
    }

    .product-item {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }

    .product-excerpt {
        padding: 0 15px;
    }
}
@media screen and (max-width: 544px){
    .ast-header-break-point .site-branding img, .ast-header-break-point #masthead .site-logo-img .custom-logo-link img {
        max-width: 130px;
    }
}
@media screen and (max-width: 350px){
    .numberbar a{
        margin-right: 0;
        display: block;
        float: right;
        clear: both;
    }

}