/*
Theme Name: On Point DFW
Theme URI: https://www.redspotdesign.com/
Author: Redspot Design
Author URI: https://wordpress.org/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

On Point DFW is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
	--white: #FFFFFF;
	--lightgrey: #F7F7F7;
	--orange: #F7980D;
	--green: #44980D;
	--red: #C30010;
	--blue: #0080FF;
	--black: #333333;
}

html {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
}

*,
::before,
::after {
	box-sizing: inherit;
}

body {
	margin: 0 auto;
	width: 100%;
	min-width: 320px;
}

.grecaptcha-badge {
	bottom: 70px !important;
}

img {
	height: auto;
	max-width: 100%;
}

.text-orange {
	color: var(--orange);
}

.text-red {
	color: var(--red);
}

.text-green {
	color: var(--green);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

ul,
ol {
	margin: 0;
	padding: 0 0 0 30px;
}

ul li::marker,
ol li::marker {
	color: var(--red);
}

ul.col-2 {
	columns: 2;
}

ul.col-3 {
	columns: 3;
}

ul.col-4 {
	columns: 4;
}

p {
	margin: 0;
}

/* Tables */
.table-container > div {
	overflow-x: auto;
}

table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border: 1px solid rgba(0,0,0,0.3);
	min-width: 800px;
}

table tr {
	border-bottom: 1px solid rgba(0,0,0,0.3);
}

table thead tr {
	background: var(--lightgrey);
}

table tr th, 
table tr td {
	text-align: center;
	padding: 5px;
}

.bg-lightgrey {
	background: var(--lightgrey);
	color: #FFFFFF;
}

.bg-green {
	background: var(--green);
	color: #FFFFFF;
}

.bg-red {
	background: var(--red);
	color: #FFFFFF;
}

.bg-orange {
	background: var(--orange);
	color: #FFFFFF;
}

.bg-blue {
	background: var(--blue);
	color: #FFFFFF;
}

/* Custom Styles */
ul.elementor-nav-menu--dropdown a, 
ul.elementor-nav-menu--dropdown a:focus, 
ul.elementor-nav-menu--dropdown a:hover {
	border-inline-start: none !important;
}

/* Buttons */
button,
.elementor-button-wrapper > .elementor-button,
.elementor-add-section-area-button,
.elementor-add-section-button {
	min-width: 320px  !important;
}

.chilli-button .elementor-button-wrapper > .elementor-button,
.search-box button[type="submit"] {
	min-width: unset !important;
}

@media screen and (max-width: 1366px) {
	button,
	.elementor-button-wrapper > .elementor-button {
		min-width: unset !important;
	}
}

/* Header */
#site-header {
	/* position: fixed !important; */
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}

body.elementor-editor-active #site-header {
	position: relative !important;
	background: #FFFFFF;
}

#site-header .elementor-button-wrapper > .elementor-button {
	min-width: unset !important;
}

/* Home Page */
#veterans-logo {
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.home-service-title {
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.home-service-img > .elementor-widget-container::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--red);
	clip-path: polygon(25% 0, 100% 0, 100% 85%, 75% 100%, 0 100%, 0 15%);
}

.home-service-img > .elementor-widget-container > img {
	clip-path: polygon(25% 2%, 98% 2%, 98% 84%, 75% 98%, 2% 98%, 2% 16%);
}

.home-owners-section-image {
	clip-path: polygon(100% 0, 100% 85%, 95% 100%, 0 100%, 0 0);
	border-bottom: 10px solid #C30010;
	height: 600px;
	object-fit: center;
	object-position: center;
}

.home-accordion summary h4 {
	text-align: center;
}

.reviews-counter {
	clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%, 0 30%);
}

.reviews-counter p.elementor-counter-title {
	text-align: center;
}

.review:hover {
	background: #002C33;
}

.review:hover * {
	color: #FFFFFF !important;
}

.home-toggle-button {
	cursor: pointer;
}

.home-toggled-content.e-con.e-flex {
	display: none;
}

.elementor-editor-active .home-toggled-content.e-con.e-flex {
	display: block;
}

.home-project-image {
	clip-path: polygon(25% 0%, 100% 0, 100% 90%, 75% 100%, 0 100%, 0 10%);
}

.home-faq {
	clip-path: polygon(5% 0, 100% 0, 100% 85%, 95% 100%, 0 100%, 0 15%);
}

.home-faq2 .faq-image {
	clip-path: polygon(10% 0%, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 10%);
}

.home-service-areas {
	clip-path: polygon(5% 0, 100% 0, 100% 95%, 95% 100%, 0 100%, 0 5%);
}

.project-highlight:hover h4 {
	color: var(--orange);
}

/* Inner Pages */

/* FAQs */
/* .faq-accordion .e-n-accordion-item {
	overflow: unset !important;
} */

.faq-accordion .e-n-accordion-item span.e-n-accordion-item-title-icon {
	position: absolute;
	right: 100%;
    top: 0;
    padding: 10px;
	background: var(--orange) !important;
}

.faq-accordion .e-n-accordion-item span.e-n-accordion-item-title-icon span.e-opened i.fas,
.faq-accordion .e-n-accordion-item span.e-n-accordion-item-title-icon span.e-closed i.fas {
	color: #FFFFFF !important;
}

/* Image Carousels */
.image-carousel .swiper-pagination {
	margin-top: 20px;
	bottom: -20px !important;
}

.image-carousel .swiper-pagination span.swiper-pagination-bullet {
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	-o-border-radius: 1px;
}

/* Sprinkler Repair Page */
.sprinkler-license-logo {
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

/* About Us */
.about-image img {
	clip-path: polygon(10% 0, 100% 0, 100% 95%, 90% 100%, 0 100%, 0 5%);
}

/* Fence Pricing Guide */
.fence-ranking {
	position: relative;
}

.fence-ranking::before {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: #F7980C;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	z-index: -1;
}

/* Fence CPT */

/* Fence CPT - Single Template */
.fence-videos-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap: 30px;
	row-gap: 30px;
}

.fence-videos-wrapper .video {
	width: calc(33.33% - 30px);
}

.fence-videos-wrapper .video .video-responsive-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%;
}

.fence-videos-wrapper .video .video-responsive-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	aspect-ratio: 16 / 9;
}

/* Blogs */
.blogs-banner-taxonomy-filter search button {
	min-width: unset !important;
}

.blogs-taxonomy-filter search.e-filter {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 20px;
}

.blogs-taxonomy-filter search button {
	padding: 10px;
    flex-basis: auto;
    width: auto;
    min-width: unset !important;
	font-size: 21px;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFFFFF !important;
}

.blogs-taxonomy-filter search button[aria-pressed="true"],
.blogs-taxonomy-filter search button:hover {
	background-color: var(--black) !important;
}

.blogs-taxonomy-filter search button[data-filter="fence"] {
	background-color: var(--orange);
}

.blogs-taxonomy-filter search button[data-filter="sod"] {
	background-color: var(--green);
}

.blogs-taxonomy-filter search button[data-filter="sprinklers"] {
	background-color: var(--blue);
}

.blogs-taxonomy-filter search button[data-filter="uncategorized"] {
	display: none;
}

/* RESPONSIVE */

@media screen and (max-width: 1200px) {
	.fence-videos-wrapper {
		column-gap: 15px;
		row-gap: 15px;
	}

	.fence-videos-wrapper .video {
		width: calc(50% - 15px);
	}
}

@media screen and (max-width: 767px) {
	button,
	.elementor-button-wrapper > .elementor-button {
		min-width: unset !important;
	}

	.sprinkler-license-logo {
		position: relative;
		top: 0;
		left: 0;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
	}

	.home-service-areas {
		clip-path: none;
	}

	.fence-videos-wrapper .video {
		width: 100%;
	}
}