/*
Theme Name: Harper Siding and Roofing
Theme URI: http://HarperExteriors.net
Author: WeGo Unlimited
Author URI: http://www.wegounlimited.com
Description: Official theme for Harper Siding and Roofing
Version: 1.0
Text Domain: wego_fran
*/

.myButton {width:auto;background:#AB0505;color:#FFF;border-radius:5px;display:inline-block;text-align:center;padding:15px 30px;font-size:16px;font-weight:700;text-decoration:none;}
.myButton:hover {background:#E80000;border-radius:4px;color:#FFF;}
.myButton2 {width:auto;background:#E80000;color:#FFF;border-radius:5px;display:inline-block;text-align:center;padding:15px 30px;font-size:16px;font-weight:700;text-decoration:none;}
.myButton2:hover {background:#AB0505;border-radius:4px;color:#FFF;}

form.frm-show-form input[type="checkbox"] {height:auto!important;width:auto!important;display:inline!important;vertical-align:middle!important;margin-right:5px!important;margin:3px 5px 5px 0px!important}
.pf-col-2 #frm_form_8_container .frm_primary_label {color:#FFF!important;}
.pf-col-2 #frm_form_8_container .frm_checkbox label {color:#FFF!important;}

body.page-template .entry-content img.singlefeatimg {float:right;width:100%;max-width:400px;height:auto;padding:0px 0px 15px 15px;}

/*  Yoast/FAQs accordion */
.schema-faq.wp-block-yoast-faq-block {margin-bottom:45px;}
.schema-faq.wp-block-yoast-faq-block .schema-faq-section {position:relative;}
.schema-faq.wp-block-yoast-faq-block .schema-faq-section .schema-faq-question {transition:all .50s ease;color:#AB0505;width:100%;cursor:pointer;line-height:1.2;margin:0px 0px 0px 0px!important;display:block;padding-bottom:5px;border-bottom:1px solid #CCC;padding-right:45px;text-transform:none;}
.schema-faq.wp-block-yoast-faq-block .schema-faq-section .schema-faq-question:hover {color:#E80000;}
.schema-faq.wp-block-yoast-faq-block .schema-faq-section.active {}
.schema-faq.wp-block-yoast-faq-block .schema-faq-section.active .schema-faq-question {display:block;padding-bottom:5px;border-bottom:1px solid #E80000;}
.schema-faq.wp-block-yoast-faq-block .schema-faq-section .schema-faq-question:before {transform:rotate(45deg);position:absolute;padding:12px 6px;right:-15px;content:'\f00d';line-height:0;transition:transform .5s ease;display:inline-block;margin-right:15px;border:2px solid #CCC;border-radius:100%;font-family:"FontAwesome";font-weight:900;font-size:1.1rem;}
.schema-faq.wp-block-yoast-faq-block .schema-faq-section.active .schema-faq-question:before {transform:rotate(360deg);}
.schema-faq.wp-block-yoast-faq-block .schema-faq-section .schema-faq-answer {transition:max-height .50s ease;height:0%;max-height:0px;overflow:hidden;padding-left:5px;padding-top:15px;}
.schema-faq.wp-block-yoast-faq-block .schema-faq-section.active .schema-faq-question {color:#E80000;}
.schema-faq.wp-block-yoast-faq-block .schema-faq-section.active .schema-faq-answer {height:100%;max-height:700px;}

.footer-info-links {padding:0px 0px 30px 0px;}
.footer-info-links ul li {display:inline-block;width:33%;vertical-align:top;}
.footer-info-links ul li a {display:block;color:#878787;padding:5px 15px 15px 0px;text-decoration:none;font-size:14px;font-weight:400;}
.footer-info-links ul li a:hover {color:#FFF;}

@media screen and (max-width:768px) {
	.footer-info-links {padding:0px 0px 30px 0px;}
    .footer-info-links ul {margin:0px auto;padding:30px 0px 0px 0px;}
    .footer-info-links ul li {width:100%;}
    .footer-info-links ul li a {padding:5px;}
}