/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
	/* Navy Blue */
	--cnvs-themecolor: #101D52; 
	--cnvs-themecolor-rgb: 16, 29, 82;
	/* Sky Blue */
	--cnvs-skyblue: #498ac0;
	--cnvs-skyblue-rgb: 73, 138, 192;
	/* Firebrick */
	--cnvs-firebrick: #b91f27;
	--cnvs-firebrick-rgb: 185, 31, 39;

	--cnvs-link-hover-color: var(--cnvs-skyblue);

	--cnvs-primary-font: "Poppins", sans-serif;
}

body {
	font-family: var(--cnvs-primary-font);
	font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

/* remove auto-formatting of telephone numbers on iOS devices */
a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

.button {
	--cnvs-btn-color-dark: var(--cnvs-themecolor);
}

.button.button-border {
	--cnvs-btn-border-width: 3px;
}

.button.button-border.button-hover-blue:not(.button-fill):hover {
    background-color: var(--cnvs-skyblue);
}

.lh-touching-bottom {
    line-height: 0.65 !important;
 }

.lh-touching-top {
	line-height: 0.6 !important;
}

.mtb-block {
	margin-block: min(4vw, 3rem);
}

.text-color-theme {
    color: var(--cnvs-themecolor);
 }

.text-color-sky {
    color: var(--cnvs-skyblue);
}

.fs-fluid {
	font-size: clamp(13px, 16px, 18px);
}

.fs-11px {
	font-size: 11px;
}

.text-link {
    font-size: calc(1.275rem + 0.3vw);
    font-weight: 400;
    transition: letter-spacing 0.2s ease-in;
  }
  @media (min-width: 1200px) {
    .text-link {
      font-size: 1.5rem;
    }
}

.text-link:hover {
    letter-spacing: 0.05rem;
}

/* Copy Text on Click; disable on small devices that are likely phones */

.copy-tooltip, .click2copy {
	display: none;
 }
 @media (min-width:768px) {
	.tooltip-container {
		position: relative;
		display: inline-block;
	}
	
	.click2copy {
		display: inline-block;
		visibility: hidden;
		width: 140px;
		background-color: var(--cnvs-skyblue);
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px;
		position: absolute;
		z-index: 1;
		bottom: 100%;
		left: 50%;
		transform: translateX(-50%);
		opacity: 0;
		transition: opacity 0.3s;	
	}
	
	.click2copy.below {
		bottom: auto;
		top: 120%
	}
	
	.copy-tooltip {
		display: inline-block;
		visibility: hidden;
		/* width: 140px; */
		background-color: var(--cnvs-firebrick);
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px;
		position: absolute;
		z-index: 2;
		bottom: 100%;
		left: 50%;
		transform: translateX(-50%);
		opacity: 0;
		transition: opacity 0.3s;
	}
	
	.copy-tooltip.below {
		bottom: auto;
		top: 125%;
	}
	
	.copy-tooltip.show {
		visibility: visible;
		opacity: 1;
	}
	
	.copyme {
		position: relative;
		cursor: pointer;
	}
	
	.copyme:hover + .click2copy {
		visibility: visible;
		opacity: 1;	
	}
	
	.copyme:hover + .click2copy.pause {
		visibility: hidden;
		opacity: 0;	
	}
}


/* block-navigation-header-4.html */

	.block-nav-header-4 .modal-dialog {
		position: fixed;
		bottom: 100px;
		right: 40px;
		margin: 0;
		max-width: 400px;
	}

	.block-nav-header-4 button.btn-close {
		float: none;
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 1;
	}

	.block-nav-header-4 .btn-menu {
		position: fixed;
		bottom: 40px;
		right: 40px;
		z-index: 299;
	}

	.block-nav-header-4 .modal.fade:not(.show) .modal-dialog {
		-webkit-transform: translate(0, 20px);
		transform: translate(0, 20px);
	}

	@media (max-width: 576px) {
		.block-nav-header-4 .modal-dialog {
			max-width: none;
			right: 10px
		}
		.block-nav-header-4 .btn-menu {
			bottom: 40px;
			right: 10px;
		}
	}

	.block-nav-header-4 ul.scroll-menu {
		display: flex;
		flex-direction: column;
		list-style: none;
	}

	.block-nav-header-4 ul.scroll-menu li {
		display: inline-block;
	}


	.block-nav-header-4 ul.scroll-menu li a div {
		display: block;
		color: #333;
		padding: 8px 0;
		font-size: 1.1rem;
	}

	.block-nav-header-4 ul.scroll-menu li:hover a div,
	.block-nav-header-4 ul.scroll-menu li.current a div { color: var(--cnvs-themecolor); }

	.block-nav-header-4 ul.scroll-menu li img {
		width: 24px;
		height: 24px;
		margin-right: 10px;
	}
/* ^^ block-navigation-header-4.html */

/* block-footer-1.html */

	.block-footer-1 .widget_nav_menu li a,
	.block-footer-1 .widget_links li a,
	.block-footer-1 .widget_meta li a,
	.block-footer-1 .widget_archive li a,
	.block-footer-1 .widget_recent_comments li a,
	.block-footer-1 .widget_recent_entries li a,
	.block-footer-1 .widget_categories li a,
	.block-footer-1 .widget_pages li a,
	.block-footer-1 .widget_rss li a{
			font-size: 0.875rem;
			padding-left: 6px;
	}

	.block-footer-1 .widget_nav_menu:not(.widget-li-noicon) li::before,
	.block-footer-1 .widget_links:not(.widget-li-noicon) li::before,
	.block-footer-1 .widget_meta:not(.widget-li-noicon) li::before,
	.block-footer-1 .widget_archive:not(.widget-li-noicon) li::before,
	.block-footer-1 .widget_recent_entries:not(.widget-li-noicon) li::before,
	.block-footer-1 .widget_categories:not(.widget-li-noicon) li::before,
	.block-footer-1 .widget_pages:not(.widget-li-noicon) li::before,
	.block-footer-1 .widget_rss:not(.widget-li-noicon) li::before,
	.block-footer-1 .widget_recent_comments:not(.widget-li-noicon) li::before {
		display: inline-block;
		width: 2em;
		height: 2em;
		min-width: 2em;
		align-self: start;
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23b91f27' d='m14.83 11.29l-4.24-4.24a1 1 0 0 0-1.42 0a1 1 0 0 0 0 1.41L12.71 12l-3.54 3.54a1 1 0 0 0 0 1.41a1 1 0 0 0 .71.29a1 1 0 0 0 .71-.29l4.24-4.24a1 1 0 0 0 0-1.42'/%3E%3C/svg%3E");
	}
/* ^^ block-footer-1.html */

/* block-content-buttons.html ---- not using it yet */
/* .button-reveal */
/* .button.button-reveal i {
	opacity: 0;
	left: auto !important;
	right: 20px !important;
	background-color: transparent;
	transition: all .3s ease !important;
}

.button.text-end.button-reveal i {
	left: 20px !important;
	right: auto !important;
}

.button:not(.text-end).button-reveal i {
	left: auto !important;
	right: 20px !important;
}

.button:hover.button-reveal i {
	opacity: 1;
	right: 0 !important;
	transform: translateX(-10px);
}

.button.button-reveal:not(.text-end):hover span { left: -9% !important; }

.button.button-reveal.text-end:hover span { left: 9% !important; } */

/* .btn-underline */
/* .btn-underline::before,
.btn-strikethrough::before {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 1px;
	background: #111;
	transition: width .3s ease;
}

.btn-strikethrough:hover { color: #AAA; }

.btn-strikethrough::before {
	bottom: 50%;
}

.btn-underline:hover::before,
.btn-strikethrough:hover::before {
	width: 100%;
} */

/* .button-change */
/* .button-change {
	--height: 2.375rem;
	height: var(--height);
	line-height: calc(var(--height) - 2px) !important;
	border-bottom: 1px solid #222 !important;
	padding-top: 0;
	padding-bottom: 0;
	overflow: hidden;
	display: inline-flex;
	flex-direction: column-reverse;
}

.button-change.btn-sm { --height: 2rem; }
.button-change.btn-lg { --height: 3rem; }

.button-change span {
	position: relative;
	display: block;
	transition: transform .35s ease;
	transform: translate3d(0px, 0%, 0px);
	transform-style: preserve-3d;
}

.button-change:hover span {
	transform: translate3d(0px, 100%, 0px);

} */

/* .button-shadow */
/* .btn-shadow,
.btn-shadow.reverse:hover {
	--bg-color: #FFF;
	--border-color: #666;
	--position: -5px -5px;
	box-shadow: var(--position) 0px 0px var(--bg-color),
		var(--position) 0px 1px var(--border-color);
	transition: all .3s ease-out !important;
}

.btn-shadow:hover,
.btn-shadow.reverse:not(:hover) {
	box-shadow: 0px 0px 0px 0px var(--bg-color),
		0px 0px 0px 1px var(--bg-color);
}

.btn-shadow.top-right { --position: 5px -5px !important; }
.btn-shadow.bottom-right { --position: 5px 5px !important; }
.btn-shadow.bottom-left { --position: -5px 5px !important; }

.btn-scale i {
	--width: 30px;
	position: relative;
	margin-left: 6px;
	transition: padding .3s linear;
}

.btn-scale i::after {
	content: "";
	opacity: 0;
	position: absolute;
	right: 1px;
	top: 50%;
	width: 2px;
	height: 1px;
	background-color: #444;
	transition: all .3s linear;
}

.btn-scale:hover i::after {
	opacity: 1;
	width: var(--width);
}

.btn-scale:hover i { padding-left: var(--width); }

.circular-text {
	position: relative;
} */
/* ^^ block-content-buttons.html */

/**
***  Top Bar & Footer
**/
.serving__425 {
	display: none;
}

.serving__mobile {
	display: initial;
}

@media (min-width:425px) {
	.serving__425 {
		display: initial;
	}
	.serving__mobile {
		display: none;
	}
}
/* ^^ Used in Top Bar and Footer */


/**
***  Top Bar
**/
#topbar__container {
	background-color: var(--cnvs-themecolor);
	color: #fff;
}

.topbar__row {
	padding: 10px 0;
}

.topbar__col {
	padding: 0 10px;
	font-size: 14px;
}

/**
***  Header
**/
.menu-link:hover div {
	color: var(--cnvs-link-hover-color);
}

#header-wrap #logo img {
	--cnvs-header-height: 50px;
 }
 @media (min-width:768px) {
	#header-wrap #logo img {
		--cnvs-header-height: 100px;
	}
 }

/**
***  Free Consultation
**/
#free-consultation {
	background: var(--cnvs-themecolor);
	background-image: url("../images/lattice-bg.svg");
	background-repeat: no-repeat;
	background-size: 140vw auto;
	background-position: center;
	padding: 0;
 }
 @media (min-width:494px) and (max-width:665px) {
	#free-consultation {
		background-size: 130vw auto;
	}	
 }
 @media (min-width:666px) {
	#free-consultation {
		background-size: 100vw auto;
	}	
 }

.font-18 {
	font-size: 16px;
 }
 @media (min-width: 576px) {
	.font-18 {
		font-size: 18px;
	 }
 }

.display-4ish {
	font-size: calc(1.475rem + 2.7vw);
	line-height: 1.2;
  }
  @media (min-width: 1200px) {
	.display-4ish {
	  font-size: 3.25rem;
	}
  }

.red-outline {
    color: white;
    -webkit-text-fill-color: var(--cnvs-firebrick);
    -webkit-text-stroke: 1px white;
	font-weight: 900;
	text-transform: uppercase;
 }
 @media (min-width:590px) {
	.red-outline {
		-webkit-text-stroke: 2px white;
	}
 }

.button.button-hover-blue:hover {
    background-color: var(--cnvs-skyblue);
}
 @media (max-width:369px) {
	.button.button-xlarge {
		--cnvs-btn-padding-x: 2rem;
		--cnvs-btn-fontsize: 1rem;
	}
 }

/**
***  Literature
**/
.m-auto {
	margin: 0 auto!important;
}

.m-6-responsive {
	margin: 2rem 1rem !important;
 }
 @media (min-width:768px) {
	.m-6-responsive {
		margin: 5rem !important;
	}
 } 

.block-hero-22.dark {
	background-color: var(--cnvs-themecolor);
    max-width: 1200px;
    clip-path: polygon(0 20%, 10% 0, 100% 0, 100% 80%, 90% 100%, 0% 100%);
}
/*

	clip-path: polygon(
		10% 0%, Top-left bevel
		100% 0%, Top-right corner
		100% calc(100% - 18%), Bottom-right bevel
		calc(100% - 10%) 100%, Bottom-right edge
		0% 100%, Bottom-left corner
		0% 18% Top-left edge 
		);

*/
.star-size {
	width: 200px;
	height: auto;
 }
 @media (min-width:768px) {
	.star-size {
		width: 300px;
	}
} 

.fs-5-responsive {
	font-size: 1.1rem !important;
 }
 @media (min-width:768px) {
	.fs-5-responsive {
		font-size: 1.25rem !important;
	}
}

.pb-5-responsive {
	padding-bottom: 1.3rem !important;
 }
 @media (min-width:768px) {
	.pb-5-responsive {
		padding-bottom: 3rem !important;
	}
 }

.pb-4-responsive {
	padding-bottom: 0 !important;
 }
 @media (min-width:768px) {
	.pb-4-responsive {
		padding-bottom: 1.5rem !important;
	}
 }

.btn-lg {
	--bs-border-radius-lg: 0;
	--bs-border-width: 2px;
}

.face-button {
	height: 64px;
	display: inline-block;
	border: 3px solid var(--cnvs-firebrick);
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	color: var(--cnvs-firebrick);
	overflow: hidden;
  }
  .face-button .icon {
	margin-right: 6px;
  }
  .face-button .face-primary,
  .face-button .face-secondary {
	display: block;
	padding: 0 32px;
	line-height: 62px;
	transition: margin 0.4s;
  }
  .face-button .face-primary {
	color: #fff;
  }
  .face-button .face-secondary {
	background-color: var(--cnvs-firebrick);
	color: #fff;
  }
  .face-button:hover .face-primary {
	margin-top: -64px;
  }

/* <a href="#" class="btn-consult">Download our sales brochure&nbsp;<i class="fa-solid fa-file-pdf" style="color: var(--cnvs-skyblue)"></i></a> */
/* a.btn-consult {
	position: relative;
	overflow: hidden;
	background: transparent;
	padding: 20px 45px;
	border-radius: 0;
	border: none;
	font-weight: 500;
	color: var(--bs-light-text-emphasis);
	cursor: pointer;
	z-index: 1;
  }
  a.btn-consult:active{
	transform: scale(0.95);
  }
  a.btn-consult::before{
	content: '';
	position: absolute;
	inset: -3px 50px;
	background: rgba(var(--cnvs-skyblue-rgb),0.5);
	transition: inset 350ms ease;
	z-index: -2;
  }
  a.btn-consult:hover::before{
	inset: -7px -7px;
	background: var(--cnvs-skyblue);
  }
  a.btn-consult::after{
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 0;
	background: var(--cnvs-themecolor);
	z-index: -1;
  }

#brochure-btn__inner {
	display: flex;
    align-items: center;
    column-gap: 0.5em;
} */

/* .pdf-icon {
	height: 42px;
	width: 35px;
}

.pdf-icon:before {
	content:"";
	background: url("../images/pdf-icon.svg");
	background-size: cover;
	display: block;
	width:35px;
	height: 42px;	
} */

/* <img src="../images/pdf-icon.svg" width="30px" height="auto"> */

/**
***  Footer
**/
.bg-white-navy {
	--bs-bg-opacity: 1;
	background: linear-gradient(90deg, rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) 0%, rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) 33%, rgba(var(--cnvs-themecolor-rgb), var(--bs-bg-opacity)) 33%, rgba(var(--cnvs-themecolor-rgb), var(--bs-bg-opacity)) 100%)!important;
}

.bg-navy {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--cnvs-themecolor-rgb), var(--bs-bg-opacity))!important;
}

.footer-col-wrap {
	position: relative;
	padding: 30px 0;
}

.footer-col-wrap.bg-navy.col-sm-8 {
    align-self: center;
}

@media (min-width:1024px) {
	.footer-col-wrap.bg-navy.col-sm-8.px-3 {
		padding-left: 2.5rem !important;
	}
}

.widget.footer__left {
	color: var(--cnvs-heading-color);
}

.widget.footer__right,  .widget.footer__right > h4, .widget.widget_links.footer__right li a {
	color: var(--bs-white);
}

.widget.footer__right > h4 {
	font-size: 1.1rem; 
}

.padding-left {
	padding-left: 20px;
}

@media (min-width:426px) and (max-width:768px) {
	.padding-left {
		padding-left: 37px;
	}
}

@media (min-width:769px) {
	.padding-left {
		padding-left: 55px;
	}
}

.padding-right {
	padding-right: 50px;
}

hr.footer-divider {
	width:17%;
	border-bottom: 3px solid var(--cnvs-themecolor);
	opacity: 0.8;
}

#footer-contact {
	font-weight: 400;
}

#licensure {

}

#copyright {
	font-size: clamp(12px, 13px, 14px);
	color: #fff;
    text-align: center;
}

.section.section-nomp {
	margin:0;
	padding:0;
}