/*
Theme Name: Foundation Child
Description: Business Name
Template: foundation-parent
Version: 1.0.0
*/

.services-section {background: var(--color-2);}
.services-section h2, .content-section .content-col h2, .gallery-section h2, .service-section-inner .content-col h2 {color: var(--color-4);}

.services .col .content, .services .col, .content-section .content-col, #brands-section, .service-section-inner .content-col, .service-section-inner, .faq-section {background: var(--color-5) !important;color: var(--color-4);}

.gallery-section{background: var(--color-2);} 

.content-section, .content-section .content-col {background: var(--color-2) !important; background-color: var(--color-2) !important;} 

.faq-section h2, .faq-section .faq.active .toggle-heading .heading {color: #fff;}

.btn {background: var(--color-3);color:var(--color-2);}
.btn:hover {background: var(--color-4); color:var(--color-2);}
.bottom-content .btn:hover {background: var(--color-4);color:var(--color-2);}

.banner-section .content .btn {color:var(--color-2);}

#brands-section h2 {text-transform: uppercase; color: var(--color-4); }
.owl-carousel .owl-item img {width:auto;}
.owl-carousel.owl-drag .owl-item { display: flex; justify-content: center; align-items: center; height: 100%;}
.owl-carousel .owl-stage  {display: flex; align-items:center; flex-wrap: wrap;}


.service .image, .gallery-section .image-col .image, .service-section .content-row .image-col .inner {background:#000;}
.banner-section .image img, .service .image img, .gallery-section .image-col .image img, .service-section .content-row .image-col .inner img {opacity: .6;}

.menu-item-has-children .sub-menu {background-color:var(--color-5); }

.team-section {
	background-color: var(--color-2); padding-bottom: 100px; color:var(--color-4);
}
.team-section .container {width:1170px; max-width: 100%;}
.team-section .content {
	margin-bottom: 100px;
}
.team-section .members {
	flex-wrap: wrap;
	column-gap: 100px;
	row-gap: 75px;
}
.team-section .member {
	flex: 1 1 calc(50% - 75px);
	min-width: min(100%, 300px);
}
.team-section .member .image {
	margin-bottom: 30px;
}
.team-section .member .image img {
	width: 100%;
	box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.team-section .member .heading {
	font-size: 25px;
	color: var(--color-4);
	letter-spacing: 2.5px;
	margin-bottom: 5px; text-transform: uppercase;
}
.team-section .member .title {text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
}
.team-section .member .content {
	margin-top: 0px;
	margin-bottom: 0;
}
.team-section .member .content p:last-child {
	margin-bottom: 0;
}

.faq-section-inner h2, .service-section-inner .content-col h2 {text-transform: uppercase;}

#service-section .content-col a,
#team-section .member .content a{
	color: var(--color-3); 
}
img[alt="Titan Fuels"] {filter: drop-shadow(0px 0px 9px #fff);}

body.ip .content-section .image-col { align-items: center; justify-content: center; display: flex;}
.feature-section .features{
	column-gap: 90px; 
}
h1,h2,h3,h4,h5,
.feature-section .features{
	font-family: "Josefin Sans", serif;
	font-weight: 700;
}
.primary-footer .footer-logo{
	margin: 35px 0;
}
.page-id-386 #service-section .content-col a{
	color: #fff;
}
.page-id-386 #service-section .content-col a:hover{
	color: var(--color-3);
}