/**
Theme Name: Forest Garage Door Co.
Author: Chris Depa, Inc. | Web Design + Branding
Author URI: https://chrisdepa.com
Description: Forest Garage Door is a custom child theme developed for Forest Garage Door in Cicero, IL. 
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: forest-garage-door-co
Template: astra
*/
#hide, .hide{display:none;}
/*** Body ***/
body {padding:25px !important;}

/*** Type ***/
.intro{font-size: 28px;line-height: 40px;}
#considerations p.elementor-icon-box-description {text-align: left;}
#rel-service h4 a:hover {color:#62a05b;}

/*** Footer Top ***/
.astra-advanced-hook-195 h4{font-size:26px;}
.astra-advanced-hook-195 p{font-size:18px;color:#ffffff !important;line-height:25px;}
a.directions{font-size:15px;}
.astra-advanced-hook-195 .elementor-social-icon {font-size: 25px;text-align: center;padding: 10px 20px 0 0;margin-right: 5px;}
/*** Footer Bottom ***/
img.cd {margin: 0 0 5px 8px;vertical-align: middle;}
.ftr-col:first-child{margin-left:0;}
.ftr-col{display:inline;margin:10px 0 0 15px;}

/*** Small Button ***/
.elementor-button.elementor-size-sm {
    color: #FFF;
    background-color: #01a747;
    font-weight: 600;
    font-family: 'forest-bk' !important;
    font-size: 15px;
    letter-spacing: 1px;
    border-radius: 30px;
    padding: 15px 30px;
	text-transform:uppercase;
}
.elementor-button.elementor-size-sm:hover {background-color: #409044;}
/*** Home ***/
#home-icon-box .elementor-icon-box-icon {margin-top:-16px;}
/*** Hero ***/
span.hero-sub{font-family:'forest-bk';font-size:32px;font-weight:400;padding-bottom:20px;}
/*** Landing Gallery ***/
#landing-gallery .gallery-caption {font-size:12px;line-height:15px;border:0;}
/*** Broadly ***/
body.home #broadly-widget {display:none;}
/*body.broadly__chat--minimal #broadly-widget {right: 20px !important;}
.broadly__chat--closed #broadly-widget {width: 70px !important;height: 70px !important;right: 40px !important;bottom:155px !important;}
.closed {height: 70px !important;width: 70px !important;}
.closed .closed-wrapper {width: 64px !important;height: 64px !important;}*/
/*** @media only screen and (max-width: 600px){#home-hero{display:none;}} ***/
/*** FAQ ***/

#faq-acc .elementor-accordion .elementor-tab-content{
border-top: 0;
}
#faq-acc .elementor-accordion .elementor-accordion-item {
border-bottom: 1px solid #d4d4d4;
}
#faq-acc .elementor-accordion .elementor-accordion-item:first-of-type {
border-top: 1px solid #d4d4d4;
}
/*** Blog Single ***/
.wp-block-image figcaption {
    margin-top: .5em;
    margin-bottom: 1em;
    font-size: 18px;
    font-style: italic;
    color: #7e7e7e;
}
/*** CF7 ***/
.wpcf7-textarea {height:150px;}

/*** Footer ***/
.ftr-link{font-weight:500;margin-left:30px;}
.cd {margin: -2px 0 0 10px;}

/*** TABLET Styles ***/
@media only screen and (max-width: 768px){
	/*** Body ***/
body {padding:15px !important;}
	.intro{font-size: 22px;line-height: 35px;}
span.hero-sub{font-size:24px;padding-bottom:20px;}
	/*** Broadly ***/
	.broadly__chat--closed #broadly-widget {width: 70px !important;height: 70px !important;right: 0px !important;bottom:0px !important;}
	.broadly__chat--closed #broadly-widget div.closed {height: 70px!important;width: 70px!important;}
	.broadly__chat--closed #broadly-widget div.closed-wrapper {width: 64px !important;height: 64px !important;}

}
/*** MOBILE Styles ***/
@media only screen and (max-width: 600px){
	/*** Body ***/
body {padding:10px !important;}
	a.ftr-btm {margin-left:25px;}
	span.hero-sub{font-size:19px;padding-bottom:20px;}
.ftr-col, img.cd{display:block;margin:10px 0 0 0;}
img.cd {text-align:center;margin: 4px auto 0;vertical-align: middle;}


}