/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

h1, h2{
	  font-family: "Playfair Display", serif !important;
}
h3, h4, h5, h6{
  font-family: "Source Sans 3", sans-serif !important;
  font-weight: 600;
}

p, a, span, button, li{
	font-family: "Source Sans 3", sans-serif !important;
}

h1{
	Color: #e4cc8f !important;
}

p, span, li{
	Color: #919191 !important;
}
a:hover{
	color: #e4cc8f !important ;
}
.brxe-button{
	background: #fff !important;
	color:  #000000 !important;
	border: none !important;
	text-shadow: none !important;
}


.brxe-button:hover{
    box-shadow: 1px 0px 5px 1px rgb(255 255 255) !important;
	color: #000 !important;
}
.bg--ultra-light{
	background-color: #000;
}
.fr-process-section-foxtrot::before{
	background-image: linear-gradient(90deg, #000000e6 50%, #d7d7d7 50%) !important;
}
.hero-barcelona::before{
	    background-image: linear-gradient(rgb(0 0 0 / 90%), rgb(0 0 0 / 90%)) !important;
}
.scrolling .btn--primary {
    background: #e4cc8f !important;
}
.fr-accent__wrapper .brxe-text-basic.fr-accent__text {
    color: #e4cc8f !important;
}
.fr-nav-alpha .bricks-nav-menu > li:hover > .brx-submenu-toggle > *, .fr-nav-alpha .bricks-nav-menu .sub-menu > li:hover > a{
	 color: #e4cc8f !important;
}
.scrolling #menu-main-nav a, .scrolling .fr-header-bravo__top-link, .scrolling  .fr-header-bravo__top-link p{
	color: #000 !important;
}
.scrolling #menu-main-nav a:hover, .scrolling .fr-header-bravo__top-link a:hover, .scrolling  .fr-header-bravo__top-link p:hover{
	color: #e4cc8f !important;
}
.fr-header-bravo__top-link p{
	color: #fff !important;
}
.white-bg-btn .bricks-button {
    box-shadow: 1px 0px 5px 1px rgb(0 0 0 / 15%) !important;
}
.btn-to-top i{
	color: #000 !important;
}
.fr-article-card-echo__cat{
	background-color:  #e4cc8f !important;
}
.fr-nav-alpha .bricks-mobile-menu-wrapper:before {
    background-color: #000 !important;
}
.bricks-mobile-menu-wrapper li.btn--primary.bricks-button.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2181.bricks-menu-item {
    border: none;
	    background: #fff
}
.bricks-mobile-menu-wrapper li.btn--primary.bricks-button.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2181.bricks-menu-item a{
	color: #000 !important;
}
.bg-colour .intro-header__lede.align-text__center p, .bg-colour p.brxe-text-basic.fr-faq-section-alpha__lede {
/*     color: #fff !important; */
}
.fr-faq-accordion-alpha__answer p, .fr-faq-accordion-alpha__answer li{
	color: #fff !important;
}

.bg-2, .bg-3, .bg-1 .brxe-container, .bg-1{
	position: relative;
}
.bg-1:before{
	opacity: 0.9;
	   content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background: #000;
    top: 0;
	z-index:0;
}
.bg-4:before, .bg-2:before{
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background: #000;
    opacity: 0.8;
    top: 0;
	z-index:0;
}
.bg-4 .brxe-container, .bg-2 .brxe-container {
    z-index: 1;
}
.services-inner {
    position: relative;
}
.services-inner h3 {
    font-family: "Playfair Display", serif !important;
}
.hide-section{
	display: none !important;
}
.we-serve-boxes{
	display:flex !important;
	flex-flow:wrap;
	justify-content: center;
}
.we-serve-boxes li{
	width: 16%;
}
.we-serve-boxes h3 {
    font-size: 22px;
	    text-align: center;
    display: block;
    width: 100%;
}
.slider-d-none{
	display: none !important;
}
body .cta-content-wrapper {
	width: 100%;
}
.why-us-section {
	background-position: bottom right;
}
.why-us-section:before {
	background-image: linear-gradient(0deg, #000000e6 50% 0%) !important;
}
body .problem-boxes h3 {
	font-size: 18px !important;
	width: 100%;
}
.problem-boxes .brxe-block {
    display: flex !important;
    flex-flow: wrap;
	align-items: center;
	justify-content: center;
}
.problem-boxes li {
    width: 21%;
}
.fr-process-section-foxtrot__card-step::before {
    color: #000 !important;
}
.why-us-section h5.title {
    color: #e4cc8f !important;
    font-size: 18px !important;
}
.why-us-section .brxe-accordion {
    background: #919191;
    padding: 20px;
    border-radius: 5px !important;
}
.why-us-section .accordion-content-wrapper p{
	color: #fff !important;
	font-size: 16px !important;
}
.why-us-section .accordion-title .icon{
	    color: #e4cc8f !important;
}
/* .page-id-2699 article#brx-content {
    margin-top: 280px;
} */
.page-id-2699 article#brx-content .page-id-2714 article#brx-content{
	margin-bottom: 50px;
}
.page-id-2699 article#brx-content, .page-id-2714 article#brx-content {
    width: 100% !important;
}
.page-id-2699 #brx-content h1, .page-id-2714 #brx-content h1 {
    background: #000;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 110px;
}
.page-id-2699 article#brx-content a, .page-id-2714 article#brx-content a{
	 color: #e4cc8f !important;
	font-size: 16px;
}
.page-id-2699 .brxe-container, .page-id-2714 .brxe-container{
	padding-left: 20px;
	padding-right: 20px;
}
.page-id-2699 .fr-header-bravo__inner #menu-main-nav{
	list-style: none;
}
.page-id-2714 .brxe-container{
	margin-top: 40px;
	margin-bottom: 40px;
}
.page-id-2699 .brxe-container{
	margin-bottom: 30px;
}
.page-id-2714 .brxe-container h3{
	margin: 20px 0;
}
.map-section .fr-location-card-alpha {
    flex-wrap: wrap !important;
}
.map-section .fr-location-card-alpha .fr-location-card-alpha__heading {
    width: 48%;
    background: #fff;
    padding: 18px;
}
.map-section .fr-location-card-alpha .fr-location-card-alpha__heading p {
    color: #000 !important;
}
.dark-overlay-banners {
    position: relative;
}
.dark-overlay-banners:after {
    content: '';
    position: absolute;
    background: #000;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.7;
}



.fr-hero-mike.has-bg-video:after {
    content: '';
    background: #000;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}

/* Force section to be a proper positioning context */
.brxe-section.fr-hero-mike {
position: relative;
/* min-height: 100vh; */
overflow: hidden;
}

/* FIX: background video wrapper fills ENTIRE section */
.bricks-background-video-wrapper {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
z-index: 0;
}

/* Remove any weird inner spacing Bricks may inject */
.bricks-background-video-wrapper > div {
position: absolute !important;
inset: 0 !important;
}

/* Make iframe truly cover */
.bricks-background-video-wrapper iframe {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translate(-50%, -50%);
border: none;
}
.aditional-services {
    display: flex !important;
    flex-flow: wrap;
	grid-gap: 0 !important;
}

.aditional-services li:nth-child(1), .aditional-services li:nth-child(2), .aditional-services li:nth-child(3), .aditional-services li:nth-child(4) {
    width: calc(25% - 40px) !important;
	margin: 20px;
}
.aditional-services li:nth-child(5), .aditional-services li:nth-child(6), .aditional-services li:nth-child(7), .aditional-services li:nth-child(8), .aditional-services li:nth-child(9) {
    width: calc(20% - 40px) !important;
	margin: 20px;
}
.why-us-boxes h3 {
    width: 100%;
    font-size: 24px;
    margin-bottom: 20px;
}
.Hero-banner .brxe-block{
	 width: auto !important;
    display: flex;
    align-items: center;
    gap: 10px;	
	flex-wrap: nowrap;
}
.brxe-section{
    padding-bottom: 70px;
    padding-top: 70px;
	padding-left: 20px;
    padding-right: 20px;
}

.fr-faq-accordion-alpha__question.fr-accordion__title {
    padding: 15px;
}
.who_we_serve .why-us-boxes li {
    width: calc(20% - 40px) !important;
    margin: 20px;
}

.who_we_serve .why-us-boxes{
	display: flex !important;
	flex-flow: wrap !important;
	grid-gap: 0 !important;
}
.problem-we-solve img {
    max-width: 160px !important;
}
.accordion-title-wrapper {
    background: #e2e2e2;
    padding: 10px;
    border-radius: 5px;
}
.accordion-title-wrapper h3 {
    font-size: 18px;
}
.accordion-item {
    border-radius: 5px;
    margin: 20px 0;
    border: 1px solid #fff;
}
.accordion-content-wrapper {
    padding: 20px;
}
li.accordion-item.listening.brx-open .accordion-title-wrapper {
    background: #e4cc8f;
}
.wpsr-review-template.wpsr-review-template-five .wpsr-review-content:after{
	display: none;
}
.inner-page-banner-section {
    background-image: linear-gradient(-45deg, #e4cc8f26 35%, rgba(0, 0, 0, 0) 35%) !important;
}
.inner-page-banner-section.bg-secondary-triange {
    border-bottom: 20px solid #e4cc8f !important;
}
.inner-page-banner-section .brxe-button {
    background: #e4cc8f !important;
}
.inner-page-banner-section .checkbox .brxe-block {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 0;
}
.inner-page-banner-section .checkbox .brxe-block img{
	margin-right: 10px;
}
.authority {
    display: flex !important;
    flex-flow: wrap;
    gap: 0 !important;
	    justify-content: center;
}

.authority li {
    width: calc(25% - 40px);
    margin: 20px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.authority li:nth-child(9), .authority li:nth-child(10), .authority li:nth-child(11){
	 width: calc(33.33% - 40px);
}
.authority li h3 {
    font-size: 18px;
    text-align: center;
    display: block;
    width: 100%;
}

.authority li .brxe-ndvtxq.brxe-block.feature-card__body {
    padding-top: 0;
}
.about-comm-fence-gate {
    display: flex !important;
    flex-flow: wrap;
    align-items: center;
    gap: 0 !important;
}
.about-comm-fence-gate li {
    width: calc(25% - 20px);
    margin: 10px;
}
.about-comm-fence-gate li:nth-child(5), .about-comm-fence-gate li:nth-child(6), .about-comm-fence-gate li:nth-child(7){
	 width: calc(33.33% - 20px);
}
.tablepress>:where(thead,tfoot)>tr>*{
	background-color: #e4cc8f !important;
}
.tablepress thead th tr span{
	color: #000 !important;
}
#brx-footer .footer-v1__nav-wrapper .footer-v1__nav-column a {
    color: #fff !important;
}
#brx-footer .footer-v1__nav-wrapper .footer-v1__nav-column a:hover {
    color: #e4cc8f !important
}
.contact-commitment p, .contact-commitment li {
    color: #000 !important;
}
header#brx-header , #brx-header.sticky{
    z-index: 9999999 !important;
}
.why-section .brxe-button, .services-btn .brxe-button {
    background: #e4cc8f !important;
	color: #000;
}
.why-button .bricks-button {
    background: #e4cc8f !important;
	
}
.cred-and-auth img {
    max-width: 120px;
    margin: 0 auto;
}
.page-id-2714 #brx-header.sticky {
    top: -40px;
}
.sitemap-class h2 {
    padding-bottom: 30px;
}
.sitemap-class li a
{
 color:	#e4cc8f;
}

.error-page-buttons a {
    background: #e0c88c !important;
    border-radius: 50px;
    font-weight: bold;
}
.scrolling .fr-header-bravo {
    background: #fff;
}

.scrolling .fr-header-bravo:before {
    display: none;
}
.scrolling  .fr-nav-alpha .bricks-nav-menu > li.menu-item-has-children > .brx-submenu-toggle button[aria-expanded]{
	color: #000 !important;
}
.fr-header-bravo .current_page_item a{
	color: #e4cc8f !important;
}
div#wpadminbar {
    z-index: 99999999999999999 !important;
}




@media screen and (max-width: 1280px) {
	.we-serve-boxes li {
		width: 23%;
}
}
@media screen and (max-width: 1080px) {
.map-section .fr-location-card-alpha .fr-location-card-alpha__heading {
    width: 100%;
}
}
@media screen and (max-width: 1024px) {
	.problem-boxes li {
		width: 30%;
	}
	.aditional-services li .brxe-heading{
		    font-size: 20px !important;
	}
	.who_we_serve .why-us-boxes li {
    width: calc(50% - 40px) !important;
    margin: 20px;
}
	.aditional-services li:nth-child(1), .aditional-services li:nth-child(2), .aditional-services li:nth-child(3), .aditional-services li:nth-child(4) {
    width: calc(50% - 40px) !important;
	margin: 20px;
}
.aditional-services li:nth-child(5), .aditional-services li:nth-child(6), .aditional-services li:nth-child(7), .aditional-services li:nth-child(8), .aditional-services li:nth-child(9) {
    width: calc(50% - 40px) !important;
	margin: 20px;
}
	.authority li {
    width: calc(33.33% - 40px) !important;
    margin: 20px;
}
	.about-comm-fence-gate li{
	 width: calc(50% - 20px)  !important;
}
}
@media screen and (max-width: 992px) {

}
@media screen and (max-width: 768px) {
	.fr-process-section-foxtrot::before{
		background-image: linear-gradient(0deg, #000000b3 50% 0%) !important;
}
		.we-serve-boxes li, .problem-boxes li {
		width: 100% !important;
}
	.map-section .fr-location-card-alpha, .fr-world-map-alpha{
		width: 100% !important;
	}
.why-us-boxes h3 {
    font-size: 20px;
}
	.who_we_serve .why-us-boxes li {
    width: calc(50% - 40px) !important;
    margin: 20px;
}
		.authority li {
    width: calc(50% - 40px) !important;
    margin: 20px;
}
}
@media screen and (max-width: 576px) {
	.authority li {
    width: calc(100% - 0px) !important;
    margin: 20px 0px;
}
	.who_we_serve .why-us-boxes li {
    width: calc(100% - 0px) !important;
}
		.aditional-services li:nth-child(1), .aditional-services li:nth-child(2), .aditional-services li:nth-child(3), .aditional-services li:nth-child(4) {
    width: calc(100% - 0px) !important;
}
.aditional-services li:nth-child(5), .aditional-services li:nth-child(6), .aditional-services li:nth-child(7), .aditional-services li:nth-child(8), .aditional-services li:nth-child(9) {
    width: calc(100% - 0px) !important;
}
		.about-comm-fence-gate li{
	 width: calc(100% - 0px)  !important;
			 margin: 20px 0px;
}
}
@media (max-width: 515px) {
.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{
	    overflow: scroll;
}