/*!
Theme Name: Perry Marketing PPC
Theme URI: https://them.es/starter
Author: Kristine Contento-Angell
Author URI: https://perrymarketing.com
Description: A custom bootstrap based theme for Skylift Garage Doors
Version: 3.5.2
Requires at least: 5.0
Tested up to: 6.5
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: a1doorco
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/build/main.css" */

/* From http://codex.wordpress.org/CSS */


@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: 400;
  src: url("") format('ttf');
 font-display: swap;
}

@font-face {
  font-family: 'montserrat';
  font-weight: 200 900;
  src: url("../perrymarketing/assets/fonts/Montserrat-VariableFont_wght.ttf") format('truetype-variations');
	font-display: swap;
}
@font-face {
  font-family: 'montserrat';
  font-style: italic;
  font-weight: 300 800;
  src: url("../perrymarketing/assets/fonts/Montserrat-Italic-VariableFont_wght.ttf") format('truetype-variations');
	font-display: swap;
}
@font-face {
  font-family: 'roboto';
  font-weight: 300;
  src: url("../perrymarketing/assets/fonts/Roboto-Thin.ttf") format('truetype');
	font-display: swap;
}
@font-face {
  font-family: 'roboto';
  font-weight: 400;
  src: url("../perrymarketing/assets/fonts/Roboto-Regular.ttf") format('truetype');
	font-display: swap;
}

@font-face {
  font-family: 'roboto';
  font-weight: 500;
  src: url("../perrymarketing/assets/fonts/Roboto-Medium.ttf") format('truetype');
	font-display: swap;
}
@font-face {
  font-family: 'roboto';
  font-weight: 600;
  src: url("../perrymarketing/assets/fonts/Roboto-Bold.ttf") format('truetype');
	font-display: swap;
}
@font-face {
  font-family: 'roboto';
  font-weight: 800;
  src: url("../perrymarketing/assets/fonts/Roboto-Black.ttf") format('truetype');
	font-display: swap;
}

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.bypostauthor {
	font-weight: bold;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* a1 door customizations */

#header,  #footer {
	background-color: transparent;
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1065b5+31,1065b5+31,004175+100 */
background: linear-gradient(to right,  rgba(16,101,181,1) 31%,rgba(16,101,181,1) 31%,rgba(0,65,117,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.navbar li a {font-weight:400;
color:#fff;
}
.navbar li a:hover, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar .nav-item:hover .nav-link  {font-weight:400;
color:#67ECFF !important;
}
a.nav-link {font-family:roboto, sans-serif;letter-spacing:1px;font-size:18px;}


h1, h2, h3, h4, h5, h6 {
	font-family: montserrat, sans-serif;
	font-weight: 700;
}
p, body, li, ol {
	font-family:roboto, sans-serif;
}
.hero-spacing {
	padding-top:30px;
	padding-bottom:30px;
}
body.page-template-page-main-location #main.container, 
body.page-template-page-location #main.container, 
 #main.container{
	max-width:100%;
	padding-left:0px;
	padding-right:0px;
}
body.page-template-page-main-location h1,
body.page-template-page-location h1, 
#hero-people h1,
h1, 
.h1 {
	
	color: rgb(125, 217, 248);
    text-shadow: 1px 1px 4px #000;
	font-weight:700;
}
body.page-template-page-main-location p {
	color:#fff;
}
#main {
	min-height:80vh;
	margin-top:0px;
}
.video-player {
	background-color:#003b5c;
	border-radius:5px;
	padding:25px;
}
.greenbkg {
	background-color:#96CA4F;
	padding:30px;
	border-radius:5px;
}
.hero-badge {
	position:absolute;
	top:140px;
	right:40px;
}
.bluebkg {
	background-color:#003b5c;
}
.hero-spacer-fix {
	padding:120px;
	display:block;
}
.hero-title {
	padding-top:30px;
	padding-bottom:30px;
}
.color-overlay {
background-color:  rgba(0, 59, 92, 0.7);
}


#footer {
    background-color: #fff;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet
footer {
    display: block;
    unicode-bidi: isolate;
}
body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    margin: 0;
    text-align: var(--bs-body-text-align);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
p, body, li, ol {
    font-family: roboto, sans-serif;
}
body {
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}
:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
}
:root, [data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
Show All Properties (67 more)
}
:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px;
}
:root {
    --iti-hover-color: rgba(0, 0, 0, 0.05);
    --iti-text-gray: #999;
    --iti-border-gray: #ccc;
    --iti-spacer-horizontal: 8px;
    --iti-flag-height: 15px;
    --iti-flag-width: 20px;
    --iti-border-width: 1px;
    --iti-arrow-height: 4px;
    --iti-arrow-width: 6px;
    --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
    --iti-arrow-padding: 6px;
    --iti-arrow-color: #555;
    --iti-input-padding: 6px;
    --iti-right-hand-selected-country-padding: calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti-flag-width));
    --iti-selected-country-arrow-padding: calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding));
    --iti-path-flags-1x: url(/wp-content/plugins/formidable/img/flags.png?1);
    --iti-path-flags-2x: url(/wp-content/plugins/formidable/img/flags@2x.png?1);
    --iti-path-globe-1x: url(/wp-content/plugins/formidable/img/globe.png);
    --iti-path-globe-2x: url(/wp-content/plugins/formidable/img/globe@2x.png);
    --iti-mobile-popup-margin: 30px;
}
:root {
    --ss-primary-color: #5897fb;
    --ss-bg-color: #ffffff;
    --ss-font-color: #4d4d4d;
    --ss-font-placeholder-color: #8d8d8d;
    --ss-disabled-color: #dcdee2;
    --ss-border-color: #dcdee2;
    --ss-highlight-color: #fffb8c;
    --ss-success-color: #00b755;
    --ss-error-color: #dc3545;
    --ss-focus-color: #5897fb;
    --ss-main-height: 30px;
    --ss-content-height: 300px;
    --ss-spacing-l: 7px;
    --ss-spacing-m: 5px;
    --ss-spacing-s: 3px;
    --ss-animation-timing: 0.2s;
    --ss-border-radius: 4px;
}
injected stylesheet
:host, :root {
    --rem: 16;
}
html {
    --wp-admin--admin-bar--height: 32px;
    scroll-padding-top: var(--wp-admin--admin-bar--height);
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
}

#optimized-custom p, #optimized-custom ul li, #intro-area p, #intro-area ul li {
	color:#222;
}
#intro-area img, .border-radius img, .slick-slide img {
	border-radius:8px;
	box-shadow:0px 5px 10px rgba(0,0,0,0.4);
}
.h1 {
	color:rgb(151, 215, 0);
	font-weight:800;
	font-size:3em;
}
#just-service-grid .grid-item {
	background-color: #00598e;
	background-color:#00263A;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.4);
}
#just-service-grid .row {
	position:relative;
	z-index:2;
}

#just-service-grid .grid-item a {
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	font-size:19px;
	text-shadow:1px 1px 2px #000;}

#just-service-grid .grid-item img {
	max-width:100%;
	margin-bottom: 5px;
}
#just-service-grid svg {
	color:#fff;
	fill:#fff;
	max-width:30px;
	margin-top:-5px;
}

.text-green {
	color:rgb(151, 215, 0);
}
#table-history {
	padding-left:20%;
}
.colour-block {
  background:#004771;
  color:#fff;
}
.white-text li a, .white-text li {
	color:#fff;
}
.white-block {
  background:#fff;
  color:#004771;
}
.skew-c{
  width:100%;
  height:100px;
  left:0px;
  background: linear-gradient(to left bottom, transparent 49%, #00263A 50%);
}
.skew-cc{
  width:100%;
  height:100px;
  left:0px;
  background: linear-gradient(to right bottom, #efefef 49%, transparent 50%),    linear-gradient(-50deg, transparent 100%, transparent 0%);
}
.form-wrapper {
	border-radius:12px;
	padding:25px;
	padding-bottom:0px;
	box-shadow:0px 10px 10px #ccc;
	border:2px solid #fff;
	background: rgb(233,233,233);
}
.col2 {
	column-count:2;
}

h2 {
	color:#0D4070; 
	font-weight:bold;
}
.navbar-brand img {
	height:auto!important;
	width:auto;
}

/* CSS animated glowing button*/
.callbtn-animatedx {
  padding: 0.6em 2em;
 font-weight:bold;
  border: none;
  outline: none;
  color: rgb(255, 255, 255);
  color:#fff;
  background:#0d6efd;
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 5px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}
.callbtn-animatedx:hover {
	color:fff;
	background-color:#222;
}

.callbtn-animatedx:before {
  content: "";
  background: linear-gradient(
    45deg,
    #fffb00,
    #48ff00,
    #00ffd5,
    #002bff,
    #fffb00
  );
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  -webkit-filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing-button-85 20s linear infinite;
  transition: opacity 0.3s ease-in-out;
  border-radius: 5px;
}

@keyframes glowing-button-85 {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}

.callbtn-animatedx:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background:#0d6efd;
  left: 0;
  top: 0;
  border-radius: 5px;
}

/* already in style.css */
.navbar li a:hover, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar .nav-item:hover .nav-link  {font-weight:400;
color:#67ECFF !important;
}

.card img {margin-left:auto;margin-right:auto;}

#team-headshots .card h4 {padding-top:9px;}
#team-headshots .card {box-shadow:0px 5px 15px rgba(0,0,0,0.5);border:1px solid #fff;border-radius:10px;}
#team-headshots .card  img {border-radius:10px;}

#blog h3 {font-size:24px;}

.post img, .post-thumbnail img {border-radius:15px;}

body.page-template-page-gd-new-php #optimized-custom {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,efefef+100 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#annualmaint {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003b5c+0,006677+100 */
background: linear-gradient(135deg, rgba(0,59,92,1) 0%,rgba(0,102,119,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

.coupon {border:2px dashed #222;box-shadow:0px 0px 15px #ccc;padding:5px;background-color:#fff;}

a.nav-link {font-family:sans-serif;letter-spacing:1px;,}
/* end already added */

/* styles for safety assessment quiz post */
body.postid-8466 h1 {margin:auto;max-width:900px;}
.radius-3 {border-radius:15px;}
body.postid-8466 #main .col-md-4 {display:none;}
body.postid-8466 #main .col-md-8 {width:100% !important;}
body.postid-8466 .post-thumbnail {margin-left:auto;margin-right:auto;text-align:center;}
body.postid-8466 .post-thumbnail img {border-radius:20px;margin-bottom:20px;}
body.postid-8466 #frm_field_24_container {display:nonex;}
/* styles for safety assessment quiz post */

svg {max-width:40px;}
svg.separator__svg {max-width:inherit;}

.body, p {font-family:'roboto', sans-serif; font-weight: 400;}

#intro-area .col-12 {margin-bottom:10px;}
h2 {margin-bottom:20px;}
.rounded img, .rounded {border-radius:15px;}

.navbar-toggler{ background-color:
	rgb(207, 69, 32) !important;border-radius:3px;}

main p a, h2 a, main li a, main ol a {color:#00AEC7; color:#006472;text-decoration:underline;}

a.btn {text-decoration:none;}


#optimized-custom .btn.btn-success {margin-bottom:30px;}


.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#hero-people {padding-bottom:0px;}
body.home #hero-people {padding-bottom:80px;}

#lg-margin-4 {margin-top:24px}
.rounded img {border-radius:10px;}

#just-service-grid {line-height:12px;}

#just-service-grid {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003863+0,00183a+100 */
background-color: rgba(0, 69, 114, 1);}



#footer a {color:#fff;}
#footer li.active a, #footer li.current-menu-item #footer a:visited {color:#ccc!important;}

#google-map-row p {color:#222;text-align:left;}
#google-map-row h3 {font-weight:800;text-align:left;}
#google-map-row svg {max-width:20px;}

.rounded12 img {border-radius:12px;}

.bluebkggradient svg {fill:#fff;max-width:40px;margin:auto;margin-bottom:15px;}
.bluebkggradient {background: linear-gradient(180deg, #00AEC7 0%, #00263A 100%);
	padding:16px 12px 8px 12px;
	text-align:center;
	border-radius:20px;
}
.bluebkggradient p, .bluebkggradient h3 {color:#fff!important;}


.category-news {border: 1px solid #ccc; padding:40px 50px; margin:20px;}
.category-news p {font-size:21px;}

body.single-post .breadcrumbs {color:#eee;}
body.single-post .breadcrumbs a {color:#fff;}

.post-navigation a {margin-left:20px;margin-right:20px;}

#mobile-sticky-buttons a {width:100%;display:block;min-width:auto !important;padding-left:5px !important;padding-right:5px!important;}

button.navbar-toggler {position:absolute;top:5px;right:5px;}
	
/* wpbakery code */
#wrapper {overflow:hidden;}

#hero-people p {color:#fff !important;}

#maintenance-plans-feature .greenbkg h2 {font-weight:Bold;}
#maintenance-plans-feature .greenbkg h3 {    text-transform: uppercase;
    font-size: 26px;
	color: #005890;}

.btn, .wp-block-button__link {text-transform: capitalize;
	padding-top:.5em;
	margin-top:-5px;
	padding-bottom:0.5em;
    min-width: 200px;}
.navbar-toggler {background-color:#fff;}
.book-form-wrapper {background-color: #003b5c;
    border-radius: 15px;
    padding: 25px 15px 0px 15px;}

/* tmp */

#just-service-grid li, #just-service-grid a, #service-buttons li, #service-buttons a {color:#fff !important;}

#service-buttons a, #service-buttons li {font-size:24px;;font-weight:800;font-family:montserrat}

.wp-block-button__link.wp-element-button {text-transform:capitalize;}

#main li {color:#222;}

.color-overlay {
background-color:  rgba(0, 65,117, 0.7);
	padding-top:30px;
	padding-bottom:30px;
}


#intro-area p {color:#222;}
#main #map-section li a, #main #map-section li {color:#fff;text-transform:capitalize;}
#map-section ul{column-count:2;}

.max-width100 {max-width:100%;}
.max-width100 img {max-width:100%;display:block;height:auto;}

 #hero-title h1 {
	color:#fff;
	font-weight:700;
}

#footer p {color:#fff;}

#optimized-custom p {color:#222;}

.page-template-page-full #main .page {padding-left:5%;padding-right:5%;padding-top:30px;padding-bottom:30px;}

 #main.container {max-width:100% !important;	padding-left:0px;
	padding-right:0px;}

#servicepg-map-list ul li {text-transform:capitalize;}

@media all and (min-width: 992px) {
		#lg-margin-4 {margin-top:-4px}
	.navbar .dropdown-menu-end{ right:0; left: auto;  }
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
	.navbar .nav-item:hover .nav-link{ color: #222;  }
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}

@media all and (min-width:767px){
	.list-2col-md, 	#servicepg-map-list ul  {column-count:2}
	#hero-title {margin-top: 94px;} 
}

@media all and (max-width:1199px){
.navbar-nav .dropdown-menu {
    position: static !important;
}
}

@media all and (max-width:885px){
	.hero-badge {bottom:0px !important;}
}

@media all and (max-width:767px){
	.navbar-nav {text-align:center !important;}
	.hero-badge {display:none;}
	#gd-service-grid .py-5 {padding-top:0px!important;padding-bottom:0px!important;}
		#navbar .btn, #navbar .callbtn-animatedx {clear:both; display:inline-block;margin-left:auto;margin-right:auto;width:100%;min-width:100%;max-width:100%;text-align:center;animation-iteration-count}
	.hero-spacing {margin-top:30px;}
}


#hero-title p {color:#fff;border-top:1px solid #fff;padding-top:25px;margin-top:30px;}

.greenbkg {background-color:rgba(150, 202, 79,0.5);}

 .btn-success, .wp-element-button,  .wp-block-button .wp-block-button__link, .frm_style_formidable-style.with_frm_style .frm_submit button, .callbtn-notanimatedx {
	 text-transform:uppercase;
	 min-width:200px;
	font-size: 18px;
	font-weight:bold;
  outline: 0;
  border: 0;
	cursor: pointer;
  will-change: box-shadow,transform;
  /* background:radial-gradient(100% 100% at 100% 0%, #03cae6 20%, #006980 100%) !important; */
  box-shadow: 0px 0.01em 0.01em rgb(45 35 66 / 40%), 0px 0.3em 0.7em -0.01em rgb(45 35 66 / 30%), inset 0px -0.01em 0px rgb(58 65 111 / 50%);
  padding: .5em 2em;
  border-radius: 0.3em;
  color: #fff;
  height: 2.6em;
  text-shadow: 1px 1px 3px rgb(0 0 0 / 70%) !important;
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.callbtn-animatedx, .callbtn-notanimatedx {margin-top:3px;
	 text-shadow: 1px 1px 3px rgb(0 0 0 / 70%) !important;
	font-size: 18px;
	font-weight:bold;
min-width:200px;
  outline: 0;
  border: 0;
	cursor: pointer;
  padding: .6em 2em !important;
	  height: 2.7em;

background: radial-gradient(100% 100% at 100% 0%, #ff4800 20%, #a81010 100%);
}
.callbtn-animatedx:after {background: radial-gradient(100% 100% at 100% 0%, #ff4800 20%, #a81010 100%);}
.callbtn-notanimatedx {background: radial-gradient(100% 100% at 100% 0%, #ff4800 20%, #a81010 100%) !important; width:100%;display:block;}

.btn-success.btn {
	/*background:radial-gradient(100% 100% at 100% 0%, #ffae00 20%, #dc5c06 100%) !important;  orange */
	font-weight:bold;
	background: radial-gradient(100% 100% at 100% 0%, #7dd9f8 20%, #26a9d3 100%) !important;/* blue */
	    border-color: #1998c1;
}

.btn-success:hover, .callbtn-animatedx:hover {
text-decoration:underline;
}

.btn-success:active {
  box-shadow: inset 0px 0.1em 0.6em #4D7502;
  transform: translateY(0em);
}

#gd-service-grid ul li {font-size:22px; color:#004175 !important;font-weight:600;}
#gd-service-grid ul {margin-top:15px;}

#great-people .card {max-width:370px;margin-left:auto;margin-right:auto;padding:9px 9px 0px 9px;}
#great-people .card p {color:#222;}
#great-people .card h2, #great-people .card h3 {color:#fff;}
#great-people img {margin-bottom:10px;border-radius:5px;}
#great-people h4 {color:#023b60;font-weight:700;font-size:30px;}
#great-people p {font-size:17px;padding-left:15px;padding-right:15px;}

.dropdown-menu {background-color:#00364b;}

.dropdown-menu li a:hover {background-color:#00364b;}

body.page-template-page-main-location .card p, #secondary-content p {color:#000;}

#maintenance-plans-feature p {color:#222;}
#mobile-sticky-buttons-footer {display:none;}

#google-map-row h3 {font-size:21px !important;}
#google-map-row a {color:#222;}
#google-map-row a:hover {text-decoration:underline;}

.display-none {display:none;}





@media (max-width:991px){
 body.page-template-page-gd-repair	#hero-title{padding-top:40px;}
}

@media (max-width:767px){
		#mobile-sticky-buttons-footer {display:block;position:fixed;bottom:0px;left:0px;}

	.no-space-mobile {padding-top:0px !important;}
}

@media (max-width:590px){
		
	

	
	.callbtn-animatedx, .btn-success, .wp-element-button, .wp-block-button .wp-block-button__link, .frm_style_formidable-style.with_frm_style .frm_submit button {min-width:215px;}
	.mobile-hide {display:none;}
body.home	.mobile-padding-bottom-hero {padding-bottom:110px;}
	
	body.home #hero-people {padding-bottom:0px;}
	.hero-spacing {padding-top:30px;}

}

/* ddropdown */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: none; /* Hide dropdowns by default */
    margin: 0;
    padding: 0 0;
    z-index: 1000;
}

.dropdown-menu .dropdown-menu {
    top: 0;
    left: 100%; /* Align to the right of the parent dropdown */
    margin-top: 0;
}

.dropdown:hover > .dropdown-menu {
    display: block; /* Show dropdown on hover */
}

.dropdown-menu a {
    display: block;
    padding: 0.5rem 1rem;
    color: #000; /* Adjust text color */
    text-decoration: none;
}

.dropdown-menu a:hover {
    background-color: #f8f9fa; /* Highlight on hover */
}
/* Hide all dropdown menus initially */
.dropdown-menu {
    display: none; /* Hide all dropdown menus by default */
}

/* Show the submenu of the hovered parent */
.dropdown:hover > .dropdown-menu {
    display: block; /* Show only the relevant submenu on hover */
}

/* For nested dropdowns (secondary level menus) */
.dropdown-menu .dropdown-menu {
    display: none; /* Hide secondary level dropdowns initially */
    position: absolute; /* Position it next to its parent */
    top: 0;
    left: 100%; /* Align to the right of the parent dropdown */
}

/* Show the nested submenu when hovering over its parent */
.dropdown-menu > .dropdown:hover > .dropdown-menu {
    display: block;
}

/* Ensure the dropdown menu has enough width for multiple columns */
.dropdown-menu {
    width: auto;
}

/* Style the multi-column layout */
.dropdown-menu .row {
    flex-wrap: nowrap; /* Prevent wrapping of columns */
}

/* Optional: Adjust dropdown item styles */
.dropdown-menu a.dropdown-item {
    white-space: nowrap;
 margin-right:5px;
	width:auto;
}


/* END CSS CARRY OVER */






/* responsive */
@media screen and (max-width:1600px){
	.hero-spacer-fix {
		padding:70px;
		display:block;
	}
}

@media screen and (max-width:767px){
	.mobile-bkg-color {
		background-color:rgba(0,0,0,0.8);
		border-radius:20px;
		padding:40px 10px
	}
	.hero-spacer-fix {
		padding:0px;
	}
}