/* 
Theme Name: Hello Elementor Child USFP
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.1.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


h2.wp-block-heading,
h3.wp-block-heading{
	padding-top: 2rem;
}
li{
	padding-bottom: 10px;
}

/* Product Details Dropdown */
.wp-block-details{
	border-bottom: solid 1px #999999;
	margin: 10px 0 0 0;
	padding-bottom: 10px;
}
.wp-block-details:last-child{
	border-bottom: none;
}
.wp-block-details summary{
	font-size: 22px;
	font-weight: 700;
	padding: 10px 0;
}
.wp-block-details summary:hover{
	color: #4C4C4C;
}
.wp-block-details p,
.wp-block-details ul{
	margin: 10px 0 0 20px !important;
}
.wp-block-details p:last-child{
	padding-bottom: 20px;
}


.menu-divider{
	border-top: solid red 2px !important;
	background-color: #fff !important;
}

@media (max-width: 1199px) {
	.sub-sub-nav{
		padding-left: 30px !important; 
	}
}

.float-right {
	float: none;
	padding: 1rem 0;
	width: 100%;
}

@media (min-width: 800px) {
	.float-right {
			float: right;
			padding: 1rem 0 1rem 40px;
			width: 50%;
	}
}

/*Button*/
.elementor-button{
	width: 100% !important;
}
@media only screen and (min-width: 500px) {
	.elementor-button{
		width: auto !important;
		min-width: 240px !important;
	}
}
.wp-block-button__link.wp-element-button{
	font-size: 18px;
	background-color: var(--e-global-color-primary) !important;
	color: var(--e-global-color-secondary) !important;
	border-style: solid;
	border-color: var(--e-global-color-primary) !important;
	border-radius: 2px 2px 2px 2px;
	padding: 8px 16px 8px 16px;
	font-weight: 600;
  text-transform: uppercase;
	margin: 20px 0;
}
.wp-block-button__link.wp-element-button:hover{
	background-color: #90000F !important;
	border-color: #90000F !important;
	color: var(--e-global-color-secondary) !important;
	font-weight: 600 !important;
}

.product-action-button a.elementor-button:link,
.product-action-button a.elementor-button:visited{
	background: none !important;
	color: #BF1E2E;
	padding: 0;
	text-align: left;
	font-size: 18px !important;
}
.product-action-button a.elementor-button:hover{
	color: #90000F;
}
.product-action-button .elementor-button-content-wrapper{
	display: block;
}


/* Emergency Response Timeline */
.vertical-line {
	position: absolute;
	left: 0;
	width: 10px;
	height: 100%;
	background-color: #BF1E2E;
}
@media only screen and (min-width: 991px) {
	.vertical-line {
		left: 50%;
		transform: translateX(-50%);
	}
}


/* Product Filter */
@media only screen and (min-width: 767px) {
	.product-filter{
		width: calc(50% - 15px);
	}
}

/* Back to Top Button */
.back-to-top{
  opacity: 0;
  position: fixed;
  bottom: 20px;
  right: 10px;
  transition: opacity 0.3s;
  visibility: hidden;
}
.back-to-top.visible {
  opacity: 1;
  visibility: visible;
	min-width: 100px;
}
.elementor-4656 .elementor-element.elementor-element-f5934fa .elementor-button{
	min-width: 0 !important;
}


/* NEW Mobile Menu */
ul.elementor-nav-menu--dropdown a, 
ul.elementor-nav-menu--dropdown a:focus, 
ul.elementor-nav-menu--dropdown a:hover {
    text-shadow: none;
    border-inline-start: 20px solid transparent;
}

/* edit the hamburger and close icon colors here */
.lytbox-button {
	--hamburger-color: #4C4C4C;
	--close-x-color: #4C4C4C;
	display: block;
	height: 18px;
	cursor: pointer;
	position: relative;
	z-index: 901;
}

/* must add in elementor template ID number to make the menu full width */
.elementor-789 {
	width: 100%;
}
.lytbox-navigation {
	position: fixed;
	top: 0;
	left: 0;
	transform: translateX(100%);
	overflow: hidden;
	transition: transform 0.2s;
	width: 100%;
	height: 100vh;
	z-index: 900;
}
.lytbox-navigation {
	display: flex;
	justify-content: center;
	align-items: center;
}
/* toggle hamburger*/
.lytbox-button .hamburguer {
	position: relative;
}
.lytbox-button .hamburguer span{
	display: block;
	height: 3px;
	width: 24px;
	background: var(--hamburger-color);
	transform-origin: 50% 50%;
	transition: all 0.1s 0.2s ease, transform 0.2s ease;
}
.lytbox-button .hamburguer span:nth-child(2) {
	transform: translate(0, 6px);
}
.lytbox-button .hamburguer span:nth-child(3) {
	transform: translate(0, 12px);
}
.lytbox-nav_control {
	position: absolute;
	left: -9999px;
	width: 100%;
	clip: rect(0, 0, 0, 0);
}
.lytbox-nav_control:checked~.lytbox-navigation {
	transform: translateX(0);
	opacity: 1;
	transition: transform 0.3s, opacity 0.3s;
}
.lytbox-nav_control:checked~.lytbox-button .hamburguer {
	transition: all 0.1s 0s ease;
}
/* closed X */
.lytbox-nav_control:checked~.lytbox-button .hamburguer span {
	background: var(--close-x-color);
	transition: all 0.1s ease, transform 0.1s 0.2s ease;
}
.lytbox-nav_control:checked~.lytbox-button .hamburguer span:first-child {
	opacity: 0;
}
.lytbox-nav_control:checked~.lytbox-button  .hamburguer span:nth-child(2) {
	transform: translate(0, 6px) rotate(45deg);
}
.lytbox-nav_control:checked~.lytbox-button .hamburguer span:nth-child(3) {
	transform: translate(0, 4px) rotate(-45deg);
}




/*Footer*/
#footer{
	color: #EBEBEB;
	font-size: 16px;
	font-weight: 400;
}
#footer a,
#footer a:visited {
	color: #EBEBEB;
	font-size: 16px;
	font-weight: 500;
}
#footer a:hover,
#footer a:active {
	opacity: 0.75;
}