/*!
Theme Name: LamTex
Theme URI: http://underscores.me/
Author: Chris Lam Design
Author URI: http://chrislamdesign.com
Description: Custom theme built for LamTex
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lamtex
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.

LamTex is based on Underscores https://underscores.me/, (C) 2012-2020 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/
*/

.wpcf7-spinner {
	display: none !important;
}

.faa-link-container a {
	color:#003E63;
	font-size: 18px;
	position: relative;
}
.faa-link-container a:before {
	content:'';
	position: absolute;
	right:-20px;
	background:url(/wp-content/uploads/2024/09/Polygon-9.png);
	background-position: center center;
	width: 15px;
	height: 15px;
	top:50%;
	transform: translateY(-50%);
	background-repeat: no-repeat;

}
.faa-link-container a:hover:before {
		background:url(/wp-content/uploads/2024/09/Polygon-9-1.png);
			background-repeat: no-repeat;


}
/* ACCESSIBLITY */
.offscreen {
	position: absolute;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip-path: inset(1px 1px 1px 1px);
	clip-path: inset(1px, 1px, 1px, 1px);
}

.skip-to-content.offscreen:focus {
	position: relative;
	display: inline-block;
	height: auto;
	width: auto;
	padding: 0.625em 1.25em;
	background-color: #002e5e;
	color: #fff;
	overflow: visible;
	clip-path: none;
	text-decoration: none;
}

html {
	font-size: 16px;
}

body {
	width: 100%;
	overflow-x: hidden !important;
	font-family: 'Montserrat', sans-serif;
}

/* TYPOGRAPHY */

/* .main-navigation a:hover, .current-menu-item a {
	text-decoration: none;
	border-bottom: 2px solid #005B89;
	padding-bottom:8px;
} */
.main-navigation a {
	text-decoration: none;
	position: relative;
}
.main-navigation a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  background-color: #005B89;
  bottom: -8px; /* Adjusts position below the link */
  left: 50%;
  transition: all 0.3s ease;
}
.main-navigation li:hover a::after, .current-menu-item a::after {
  width: 100%;
  left: 0;
}

.site-branding a {
	text-decoration: none;
}


p {
	color:#5B6770;
	font-size:1.125rem;
	line-height:1.55;
	font-weight: 300;
}

a.wrapper-link {
	text-decoration: none;
	height: 100%;
}
p, li {
		color:#5B6770;
	font-weight:300;

}
.wp-block-separator {
	border: 1px solid !important;
	opacity: .5;
}
.custom-hr {
	width:237px;
	margin-left:0;
}
.light {
	font-weight: 300 !important;
}
.h-auto {
	min-height: auto !important;
}
.bold {
	font-weight: 700 !important;
}
strong {
	font-weight: 600 !important;
}

.centered {
	text-align: center;
}
.white {
	color: white;
	z-index: 1000;
}
.no-bullets {
	list-style: none;
	padding-left: 0;
}

.site-main {
	min-height: 80vh;
}

/* GUTENBERG EDITOR COLORS */
.has-slate-gray-color {
	color:#5B6770;
}
.has-slate-gray-background-color {
	background-color:#5B6770;
}
.has-blue-background-color {
	background-color: #003E63;
}

.has-blue-color {
	color: #003E63;
}

.has-light-blue-background-color {
	background-color: #005B89;
}

.has-light-blue-color {
	color: #005B89;
}
.has-off-white-color {
	color:#EBEDEE;
}
.has-off-white-background-color {
	background-color: #EBEDEE;
}
.has-white-color {
	color:#ffffff;
}
.has-white-background-color {
	background-color: #ffffff;
}
.has-black-color {
	color:#000000;
}
.has-black-background-color {
	background-color: #000000;
}

.no-gap-columns {
	gap:0;
}

.no-gap-columns .wp-block-column:not(:last-child) {

	border-right: 1px solid white;
}
.no-gap-columns.first {
		border-bottom:1px solid white;
		margin-bottom:0;

}
.wp-block-column h1, .wp-block-cover__inner-container .wp-block-columns {
	margin-bottom:0;
}
input, textarea {
	border:none !important;
}

/* IMAGES */
.size-full img {
	width:100%;
}
.object-fit-contain, .object-fit-contain img {
	object-fit: contain;
	font-family: 'object-fit:contain';
}

.object-fit-cover, .object-fit-cover img {
	object-fit: cover;
	font-family: 'object-fit:cover';
}
.height-auto img, .height-auto {
	height: auto !important;
}

/* BUTTONS */
.quote-btn {
clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
	padding-left:100px;
	padding-right:40px;
	background:#005B89;
	height:67px;
	display: flex;
	align-items: center;

}
/* WHITE BUTTON */
.is-style-outline.has-white-color {
  transform: skew(30deg);
  border: 1px solid white;
  padding-left:40px;
  padding-right:40px;
}
.is-style-outline.has-white-color a.wp-block-button__link {
	display:inline-block;
  transform: skew(-30deg);
  border:none !important;
  transition: all .3s;
  letter-spacing: 2.4px;
  font-weight: 300;
}

.is-style-outline.has-white-color:hover {
	background:white !important;
	color:black !important;
}
/* CUSTOM ACCORDIANS */
.narrow-container .gb-container-content {
	margin:  initial !important;
}
.accordion {
	position: relative;
}
.right-column {
	width: 100%;
	position: relative;
}
.home .right-column {
	height: 100%;
	width: 50%;
	position: absolute;
	right: 0;
	top: 0;
}
.home-container .gb-container-content {
	margin-left: 0 !important;
	margin-right:0 !important;
}
.home .left-column {
	width: 100%;
}
h3.plain_accordion {
	color: #5B6770;
	font-size: 1.25rem;
	position: relative;
	cursor: pointer;
	font-weight:400;
	margin-bottom:32px;

}
h3.plain_accordion[aria-expanded=true] {
	color: #003E63;
	font-weight: 600;
}
h3.plain_accordion[aria-expanded=true]:before {
	border-color: transparent #008FBE transparent transparent;
}
/* h3.plain_accordion:before {
    content:"\A";
    border-style: solid;
    border-width: 12px 12px 0px 12px;
    border-color: transparent black transparent transparent;
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
} */
div.boxed-accordion {
	height: 220px;
	overflow: scroll;
	width: 100%;
	border: 1px solid #707070;
	padding: 1rem;
		font-family: 'Sharp Sans', sans-serif;

}
.boxed-accordion h3 {
	font-size: 1.25rem;
	text-transform: none;
	font-weight: 400;
	cursor: pointer;
		font-family: 'Sharp Sans', sans-serif;

}
h3.boxed_accordion[aria-expanded=true] {
	background: #FFB71B;
	color: white;
	padding: .25rem;
}
/* TABLES */
.parts-table p {
	margin-bottom:0;
}
.parts-table tr:not(.heading):nth-child(odd) {
	background: #DCDCDD !important;
}
.parts-table {
	color:#5B6770;
}
.parts-table th {
	color:#5B6770;
	font-size:18px;
	letter-spacing: .18px;
	font-weight: 500;
}
.parts-table tr.heading {
	border-bottom:1px solid #5B6770;
	height:50px;
}

/* BLUE BUTTON */
.wpcf7-spinner {
	display: none;
}
.is-style-outline.blue-btn p {
	margin-bottom:0;
	height:100%;
	text-align: center;
}
.is-style-outline.blue-btn {
  transform: skew(30deg);
  border: 1px solid #005B89;
  padding-left:40px;
  padding-right:40px;
}
.is-style-outline.blue-btn a.wp-block-button__link, .wpcf7-submit {
	display:inline-block;
  transform: skew(-30deg);
  border:none !important;
  letter-spacing: 2.4px;
  font-weight: 300;
  color:#005B89;
}

.is-style-outline.blue-btn:hover,.is-style-outline.blue-btn:hover p, .is-style-outline.blue-btn:hover input, .is-style-outline.blue-btn:hover a.wp-block-button__link  {
	background: #005B89;
	color:white;
}
/* NAVIGATION */
.site-header {
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	-o-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	z-index: 1000;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	-o-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
.site-branding {
	margin-bottom:32px;

}
.site-branding a {
	display: flex;
	justify-content: center;
	align-items: center;
}
.site-branding img {
	width: 333px;
	height: auto;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	-o-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}


.fixed-header.sticky-header {
	background: rgba(255,255,255,.9);
	top: 0;
}
.fixed-header {
	width: 100%;
}

.main-navigation {
	height:67px !important;
	background: #003E63;
	width:100%;
	margin-bottom:32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left:64px;
	padding-right:64px;

}
.menu-main-navigation-container {
	width: 100%;
}
.main-navigation a {
	color:white;
	font-size:17px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1.25px;
	font-weight:500;
}

.site-header .main-navigation ul {
	list-style: none;
	display: flex;
	margin-bottom: 0;
	width: 100%;
	padding-left:0;
	align-items: center;
	justify-content: space-between;
}


/* HERO OVERLAYS */

.homepage-overlay {
		background:rgba(0,62,99,.4);
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		transition: all .2s;
		color:white !important;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 600;
		font-size:24px;
		letter-spacing: 2.4px;
		opacity:1;

}
td {
	padding-left:5px !important;
}
.homepage-hover-box:hover .homepage-overlay{
	height:0;
	opacity:0;
}
.home-hero .hero-overlay {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 444px;
	background:rgba(0,0,0,.3);
	display: none;
}
/* FOOTER */
.site-footer {
	background:url(/wp-content/uploads/2024/01/Group-1-10.png);
	background-size:cover;
	width:100%;
	min-height: 396px;
	position: relative;
	padding-top:100px;
}
.site-footer h3, .site-footer a, .site-footer p, .site-footer li {
	color: #dddddd;
	font-weight: 400;
}
.site-footer h3 {
	font-size: 1.2rem;
	margin-bottom: 1rem;
}
.site-footer p, .site-footer p, .site-footer li {
	font-size: .75rem;
}
.site-footer ul {
	list-style: none;
	padding-left:0;
	display: block !important;
}
.site-footer li {
	margin-bottom: .5rem;
}
@media only screen and (max-width: 1200px) {
	.main-navigation a {
		font-size: 16px;
	}


}
@media only screen and (max-width: 1070px) {
	.main-navigation a {
		font-size: 12px;
	}
	.main-navigation {
		padding-left:32px;
	}


}
@media only screen and (max-width: 855px) {
	.main-navigation li {
		display: none;
	}

}

@media only screen and (max-width: 768px) {
	html {
		font-size: 15px;
	}
	.hero-overlay {
		display: block !important;
	}

}

@media only screen and (max-width: 480px) {
	html {
		font-size: 14px;
	}
	.home-hero h1, .interior-hero h1 {
		font-size: 1.7rem;
	}
	.home-hero .wp-block-button {
		font-size:14px !important;
	}
	.site-branding img {
		width: 70%;
		margin:0 auto;
	}
}