/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.2
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/*underlines to links */

.fl-page-content a, .fl-module-content a, .vi-footer-menu a:hover {
	text-decoration: underline;
}
.fl-heading a, .vi-main-nav .fl-module-content a, a i, .vi-footer-menu a{
	text-decoration: none !important;
}



/*HEADER
 * *********/
.vi-mobile-menu {
	display: none !important;
}
.vi-mobile-only {
	display: none !important;
}
@media(max-width: 992px){
	.vi-mobile-only {
		display: block !important;
	}
	.vi-contact-btn a {
		background-color: var(--fl-global-red) !important;
		text-align: center !important;
	}
	.vi-contact-btn a:hover {
		background-color: var(--fl-global-dark-slate) !important;
	}
}

/*HOME*
 * *********/
.vi-hero-slider .fl-button-wrap {
	text-align: left !important;
}
.vi-hover-cards .pp-hover-card-title {
	margin-left: 10px !important;
} 

.vi-hover-cards .pp-hover-card-inner {
    padding:0px !important;
}
.pp-hover-card.style-5 .pp-hover-card-content .pp-hover-card-title-wrap{
    position: relative;
    left: 0;
    right: 0;
    background-color: #718890;
    margin-top: 65%;
    padding:10px;
}
.pp-hover-card.style-5:hover .pp-hover-card-content .pp-hover-card-title-wrap{
    margin-top: 80%;
    background-color: unset;
    margin-right:20px;
}
.pp-more-link-container .pp-hover-card-inner{
    padding: 0px !important;
}
.pp-hover-card-title {
	margin-bottom: 0px !important;
}

@media (max-width:1200px) {
	.pp-hover-card.style-5 .pp-hover-card-content .pp-hover-card-title-wrap{
		margin-top: 90% !important;
	}
}
@media (max-width:992px) {
	.pp-hover-card.style-5 .pp-hover-card-content .pp-hover-card-title-wrap{
		margin-top: 50% !important;
	}
}
@media (max-width:768px) {
	.pp-hover-card.style-5 .pp-hover-card-content .pp-hover-card-title-wrap{
		margin-top: 55% !important;
	}
}


.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager {
	bottom: 20px !important;
	padding-top: 0px !important;
}

.vi-slider .bx-wrapper .bx-pager.bx-default-pager a {
	background: var(--fl-global-white) !important;
	width:20px !important;
	height:20px !important;
	border-radius: 100px !important;
}
.vi-slider .bx-pager.bx-default-pager a.active {
	background: rgba(255, 255, 255, 0.5) !important;
}
.vi-slider .fl-button i {
	font-size: 16px !important;
}
@media (max-width: 798px) {
	.vi-slider .fl-button {
		margin-bottom: 50px !important;
	}
}
@media (max-width: 768px) {
	.vi-slider .fl-slide-content {
		padding-top: 70px !important;
	}
}
.fl-accordion-button-icon {
    color: #ed232a;
    font-size: 30px;
}
.fl-accordion-button-icon-left, .fl-accordion-button-icon-right {
    opacity: 1;
}

.button-in-accordian{
	display:flex;
}
.button-in-accordian a{
	margin-right:20px;
	width:50%;
}

.circle-check .pp-infolist-icon{
    border: 2px solid #ed232a;
    border-radius: 100px;
}
#who-choose-360-hvac .pp-list-items {
    gap: 5px;
}
.fl-accordion-button-icon-right{
	display: table-cell;
    vertical-align: middle
}

.why-choose-360 .pp-logos-content .pp-logo{
	align-items: start;
}
/*SUBPAGES
 * **********/
.vi-process-hover .pp-hover-card-inner-wrap {
	text-align: left !important;
	padding: 7px 20px 7px 7px !important;
}
.vi-process-hover img {
	width: 75px !important;
	padding-bottom: 10px !important;
}
.vi-process-hover .pp-hover-card-inner {
	align-items: start !important;
	clip-path: polygon(85% 0, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%);
	padding-right: 20px !important;
	padding-left: 60px !important;
}
.vi-process-hover .pp-hover-card-content {
	margin-top: 30px !important;
}
.vi-process-hover .pp-hover-card:hover img {
	display: none !important;
	 transition: all 0.3s ease-in;
}
.vi-4-col .pp-hover-card-inner {
	padding-left: 70px !important;
	padding-right: 30px !important;
}
.vi-5-col .pp-hover-card-inner {
	padding-left: 80px !important;
	padding-right: 40px !important;
}
@media(max-width:1640px) {
	.vi-5-col h5{
		font-size: 16px !important;
	}
	.vi-5-col p {
		font-size: 14px !important;
	}
	.vi-5-col .pp-hover-card-inner {
		padding-left: 60px !important;
	}
}
@media (max-width: 1350px) {
	.vi-5-col .pp-hover-card-wrap {
		grid-template-columns: repeat(3, 1fr);
		row-gap: 4% !important;
	}
	.vi-5-col .pp-hover-card-inner {
		padding-left: 85px !important;
		padding-right:50px !important;
	}
	.vi-5-col .pp-hover-card {
		min-height: 300px !important;
	}
}
@media (max-width: 1100px) {
	.vi-5-col .pp-hover-card-inner {
		padding-left: 65px !important;
	}
	.vi-5-col .pp-hover-card {
		min-height: 350px !important;
	}
}
@media (max-width: 880px) {
	.vi-5-col .pp-hover-card-wrap {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 2% !important;
	}	
	.vi-5-col .pp-hover-card-inner {
		padding-left: 120px !important;
		padding-right:80px !important;
	}
	.vi-5-col .pp-hover-card {
		min-height: 250px !important;
	}
}
@media(max-width:1620px) {
	.vi-6-col h5{
		font-size: 16px !important;
	}
	.vi-6-col p {
		font-size: 14px !important;
	}
	.vi-6-col .pp-hover-card-inner {
		padding-left: 45px !important;
	}
}	
@media (max-width: 1340px) {
	.vi-6-col .pp-hover-card-wrap {
		grid-template-columns: repeat(3, 1fr);
		row-gap: 4% !important;
	}
	.vi-6-col .pp-hover-card-inner {
		padding-left: 75px !important;
		padding-right:40px !important;
	}
}
@media (max-width: 900px) {
	.vi-6-col .pp-hover-card-inner {
		padding-left: 50px !important;
		padding-right: 30px !important;
	}
}
@media (max-width: 735px) {
	.vi-6-col .pp-hover-card-wrap {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 2% !important;
	}	
	.vi-6-col .pp-hover-card-inner {
		padding-left: 90px !important;
		padding-right:40px !important;
	}
}
.vi-accordion .fl-accordion-button-label:focus {
	outline-offset: 3px -10px !important;
	outline-color: var(--fl-global-grey) !important;
	outline-width: 0.1em !important;
	padding-left: 10px !important;
}
.vi-hover-panels .pp-hover-card-inner {
	background: rgba(0, 0, 0, .5);
}
.vi-hover-panels .pp-hover-card-inner-wrap {
	vertical-align: top !important;
}
.vi-hover-panels .pp-hover-card-description {
	padding: 0px !important;
}

.vi-hover-icons .pp-hover-card-title {
	padding-top: 10px !important;
}
.vi-hover-icons .pp-hover-card:hover .pp-hover-card-icon {
	color: var(--fl-global-dark-slate) !important;
}
.vi-table .tablesaw-cell-label {
	font-size: 16px !important;
}
/*FORMS
 * **********/
.frm_button_submit::after {
	font-family: "Font Awesome 5 Free";
	content: "\f061";
	padding-left:10px;
}
/*FOOTER
 * *********/
.vi-facebook-btn i {
	background: var(--fl-global-white) !important;
    border-radius: 100px;
	color: var(--fl-global-dark-slate) !important;
	padding: 5px !important;
}
.vi-facebook-btn:hover i {
	background: var(--fl-global-black) !important;
	color: var(--fl-global-white) !important;
}
.vi-footer-form button {
	background: var(--fl-global-white) !important;
	color: var(--fl-global-dark-slate) !important;
}
.vi-footer-form button:hover {
	background: var(--fl-global-black) !important;
	color: var(--fl-global-white) !important;
}
.vi-footer-menu a:hover {
	text-decoration: underline !important;
}
.vi-footer-form .frm_message, .vi-footer-form .frm_error_style {
	color: var(--fl-global-black) !important;
}
.vi-footer-form .frm_form_fields .frm_fields_container{
    display:flex;
}
.vi-footer-form .frm_submit.frm_flex {
	margin-top: 15px !important;
}
.vi-footer-form .frm_primary_label {
	display: block !important;
	color: var(--fl-global-white) !important;
}
@media (max-width: 660px) {
	.vi-footer-form .frm_form_fields .frm_fields_container {
		display: block !important;
	}
}