/*
Theme Name: Apex Air Solutions, LLC
description: Apex Air Solutions, LLC - Nine URI Child
Template: nine-uri
Version: 1.0.0
Text Domain: comnpany
*/
.angi {height: 32px; width: 32px; display: inline-block; position: relative;}
.angi::before {    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    background-image: url(/wp-content/uploads/2026/05/angi-green.png);
    background-size: contain;
    background-repeat: no-repeat;
    transition: all ease .5s;
}

.link:hover .angi::before { background-image: url(/wp-content/uploads/2026/05/angi-red.png);}

p a:hover, nav a:hover, #call-to-action-bar a:hover, #contact-info a:hover, footer a:hover {color:#b1091a !important;}

.logo img {filter:drop-shadow(0px 0px 1px #000) drop-shadow(0px 0px 2px #000) drop-shadow(0px 0px 3px #000);}

.btn {background:#5bc914 !important; color:#fff !important;}
.btn:hover {background:#b1091a !important; color:#fff !important;}



.toggle-item {
	border: 2px solid #000;
	margin-bottom: 5px;
}
.toggle-item .toggle-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 30px;
	cursor: pointer;
}
.toggle-item .icon {
	transition: transform ease-in-out .4s;
	font-size: 22px;
}
.toggle-item>.toggle-content {
	display: none;
	border-top: #000;
	padding: 5px 15px;
}
.toggle-item.active>.toggle-content {
	display: block;
}
.toggle-item .toggle-content p {
	margin: 10px 0;
}
.toggle-item .icon.active {
	transform: rotate(180deg);
}

.faq-section {
margin-bottom: 30px;
}
.faq-section .faq {
	border: none;
	border-bottom: 1px solid #000;
	margin-bottom: 0;
	padding: 40px 0;
}
.faq-section .faq .toggle-heading {
	padding: 0;
	border: none;
	transition: color ease .3s;
}
.faq-section .faq .toggle-content {
	border: none;
	padding: 0;
	padding-top: 20px;
}
.faq-section .faq h3 {
	margin-bottom: 0;
}
.faq-section .faq .toggle-heading .icon {
	color: #000;
}
.faq-section .faq.active .toggle-heading .icon {
	color: #5bc914;
}

.vids {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; column-gap:15px; row-gap: 15px;}
.vidbox {flex: 0 1 calc(39% - 75px);}
.vidbox video {width:100%;}

@media screen and (max-width:991px){
	.vidbox {flex: 0 1 calc(50% - 75px);}
}
@media screen and (max-width:767px){
	.vidbox {flex:unset; width:90%;}
}