/* 
Theme Name: Hello Elementor Child
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.0.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
*/

/* Add your custom styles here */

/* ------------------------ *\
----------GLOBAL----------
\* ------------------------ */
body {
	font-family: 'League Spartan', Arial, sans-serif;
	font-size: 17px;
	line-height: 26px;
}
#content {position: relative; z-index: 2;}
.container {
	max-width: 1440px;
	margin: 0 auto;
}
.flexed {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 24px;
}

h1,h2,h3 {
	color: #101010;
}
h1.alt,h2.alt,h3.alt {
	color: #ffffff;
}
a, a.elementor-button, input, textarea, li, button  {transition: all 0.3s ease .0s;}

.clearfix:before,
.clearfix:after {
	content: '';
	display: table;
	height: 0;
	clear: both;
}

.mrg24 {margin-top: 24px;}
	

/* ------------------------ *\
----------HEADER----------
\* ------------------------ */
#site-header {
	position: absolute;
	top: 76px;
	right: 0;
	left: 0;
	z-index: 10;
	backdrop-filter: blur(6px);
}
.site-header {padding: 6px 0;}
.custom-topbar {
	padding: 10px 0;
	background: #008DA9;
}
.customtb-inner {margin: 0 24px;}
.custom-topbar, .custom-topbar a {font-family: 'Roboto Condensed';color: #ffffff;}

.tb-left {
	flex-basis: calc(100% - 184px);
	font-size: 20px;
	/*letter-spacing: .02em;*/
}
.tb-right {
	flex-basis: 160px;
	text-align: right;
}
.tb-right a {padding-left: 8px; font-size: 20px;}
.tb-right i {
  padding-right: 4px;
  font-size: 18px;
}
.home #site-header {
}
/* ------------------------ *\
----------MENU----------
\* ------------------------ */
/*MAIN MENU*/
.site-navigation {align-items: end;}
.site-navigation ul.menu li:not(.menu-item-35) a {
	border-width: 2px 0 0 2px;
	border-style: solid;
	border-color: transparent;
	font-size: 15px;
  padding: 6px 13px;
}
.sub-menu li a {font-size: 14px!important;}

.site-navigation ul.menu > li:not(.menu-item-35) a:hover {
	border-width: 2px 0 0 2px;
	border-style: solid;
	border-color: transparent;
	color: #0097B2;
}

.site-navigation ul.menu li.menu-item-has-children > a:hover {
	border-width: 2px 0 0 2px;
	border-style: solid;
	border-color: #ffffff;
	border-radius: 3px;
  /*padding: 8px 14px;*/
}
.site-navigation ul.menu li.menu-item-has-children::after {margin-left: -12px;}

.menuicon-search .search-icon {
	height: 24px;
	width: 24px;
}

/*SUBMENU*/
.site-navigation ul.menu li ul {
	border-width: 0 0 2px 2px;
	border-style: solid;
	border-color: #ffffff;
	border-radius: 3px;
	padding: 0 6px;
  background: #0097B2;
  left: 0;
  white-space: nowrap;
}
.site-navigation ul.menu li ul li {border-bottom: 1px solid #007388;}
.site-navigation ul.menu li ul li a {color: #ffffff!important; font-size: 15px;}
.site-navigation ul.menu li ul li:hover {background: rgba(141,203,216,.94);}
.site-navigation ul.menu li ul li a:hover {color: #202020!important;}

/*MOBILE*/
.site-navigation-toggle {box-shadow: none!important;}
.site-navigation-toggle:hover .site-navigation-toggle-icon {color: #ffffff;}

/*CONTACT US MOD*/
#menu-item-35 {top: -5px;}
#menu-item-35 a:after {
	content: "\1F896";
	font-size: 26px;
	padding-left: 10px;
}
#menu-item-35 a {
	margin-left: 12px;
  padding: 11px 20px 12px;
  text-transform: uppercase;
  font-weight: 600;
  background: #FFC000;
  border-radius: 12px;
  font-size: 22px;
  color: #ffffff;
  font-family: 'Roboto Condensed';
  letter-spacing: -1px;
  box-shadow: 0px -8px 10px 0px #DC8E33 inset;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  line-height: 24px;
}
#menu-item-35 a:hover {
	background: #008AA8;
	box-shadow: 0px -8px 12px 0px #007388 inset;
}
/* ------------------------ *\
----------FOOTER----------
\* ------------------------ */
.site-footer {
	max-width: 100%!important;
	padding: 32px 0;
	background: #959595;
}
.colfooter,
.colfooter a {color: #ffffff;}
.colfooter h4 {
	margin: 8px auto 14px;
	font-size: 22px;
	font-weight: 600;
	color: #ffffff;
}
.colfooter ul {
	list-style-type: none;
	padding: 0 0 0 3px;
}
.colfooter ul li a {
	font-size: 15px;
	line-height: 28px;
}
.colfooter.fc1 {flex-basis: calc(24% - 24px); align-self: center;}
.colfooter.fc2 {flex-basis: calc(20% - 24px);}
.colfooter.fc3 {flex-basis: calc(34% - 24px);}
.colfooter.fc4 {flex-basis: calc(22% - 24px);}

.colfooter.fc1 figure {margin: 0;}
.colfooter.fc1 img {width: 300px!important;}

.fc-widget,
.fc-widget a {font-size: 13px; color: #fdfdfd;}
.fc-widget {
	padding: 8px 0;
	background: #959595;
	border-top: 1px solid #ddd;
}

/* ------------------------ *\
----------PAGES----------
\* ------------------------ */
/*MULTIPLE PAGES*/
.page-header h1 {
	font-family: 'Montserrat';
	text-align: center;
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: .03em;
	color: #008AA8;
}
.page-content {
	position: relative;
	z-index: 20;
}
.mod-featured {
	position: relative;
	z-index: 1;
	height: calc(100vw / 3.6);
	max-height: 350px;
	background-position: top center!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
}

#glossary-items .elementor-icon-list-item,
.course-list .elementor-icon-list-item {
	background: #f1f1f1;
  margin-bottom: 5px !important;
  padding: 12px 8px 10px 20px !important;
  border: 1px solid #ddd;
  border-radius: 6px;
}

/*TRAINING LIST GLOSSARY*/
#ttl-section .e-n-tab-title {
	height: 36px!important;
	padding: 8px 12px!important;
	box-shadow: none;
}
#ttl-section .e-n-tab-title-text {
	box-shadow: none;
	text-shadow: none;
	font-weight: 500;
}
#ttl-section .e-n-tab-title:hover .e-n-tab-title-text,
#ttl-section .e-n-tab-title:active .e-n-tab-title-text,
#ttl-section .e-n-tab-title:focus .e-n-tab-title-text {
	box-shadow: none;
	text-shadow: 1px 1px 2px rgba(0,0,0,.4);
}
#ttl-section #tab-close {background: none;}
#ttl-section #tab-close .e-n-tab-title-text {
	font-size: 14px;
	font-weight: normal;
	color: #000000;
}
#ttl-section #tab-close:hover {background: #333333;}
#ttl-section #tab-close:hover .e-n-tab-title-text {color: #fefefe;}


#ttl-section .e-n-tabs-heading {
	padding: 14px 8px 8px 8px;
	background: #eeeeee;
	border-radius: 12px;
}

#ttl-section .elementor-icon-list-item {
	margin-top: 0;
	padding: 16px 20px;
	cursor: pointer;
	border-radius: 12px;
}
#ttl-section .elementor-icon-list-item:has(a):hover {background: #F8D768;}
#ttl-section .elementor-icon-list-item:hover {background: #eeeeee;}


/*ICON LIST MODS*/
.elementor-icon-list-item {cursor: pointer;}
.elementor-icon-list-items li {list-style-type: none;}
.course-list .elementor-icon-list-item:has(a):hover {
	background: #F8D768;
}
.course-list .elementor-icon-list-item:hover {background: #ffffff;}

/*HOME PAGE*/
.e-n-tab-title {
	/*padding: 13px!important;*/
}

#hpvideo-sct {

}



/*TRAINING TOPICS*/

/*JOIN TEAM/SAFETY QUESTIONS TEMPLATE*/
#form-field-field_5e376a1 {
	border: none;
	font-size: 14px;
}
#jointeam-form input:not(button):focus,
#safety-questions input:not(button):focus,
#jointeam-form textarea:focus,
#safety-questions textarea:focus {background: #466B72;}
#jointeam-form .elementor-button.elementor-size-sm {
	background: linear-gradient(to bottom, #ffffff, #888888);
  width: 60%;
  margin: 20px auto 0;
  min-height: inherit;
  padding: 4px 24px;
  box-shadow: none;
  text-shadow: none;
  color: #008AA8;
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 15px;
  border-radius: 34px;
}
#jointeam-form .elementor-button.elementor-size-sm:hover {
		background: linear-gradient(to bottom, #0097B2, #008AA8);
		color: #ffffff;
}


/* ------------------------ *\
-----------FORMS-----------
\* ------------------------ */
.elementor-field {
	/*background: #efefef!important;*/
}
.elementor-button {
	flex-basis: auto!important;
	min-width: 140px;
	text-transform: uppercase;
	font-weight: 500;
}

/* ------------------------ *\
----ELEMENT CUSTOMIZATION----
\* ------------------------ */




.elementor-16 a .elementor-icon-list-text {color: #000000;}

/*SAFETY TRAINING TEMPLATE*/
#sq-section {
	color: #ffffff;
}
#sq-section a {
	color: #F8D768;
}
.sq-iconlist {
  margin-bottom: 5px !important;
  padding: 14px 8px 12px 20px !important;
}
/*and (min-width:768px)*/
@media (max-width:1070px) and (min-width:956px) {
	.tb-left {font-size: 18px;}
}
@media (max-width:1464px) and (min-width:992px) {
	.container,
	.site-header .header-inner {margin: 0 24px;}
}
@media (min-width:992px) and (max-width:1218px) {
	.site-header .site-branding .site-logo img {width: 180px;}
	.site-header .site-navigation .menu li {
		font-size: 14px;
	}
	.site-navigation ul.menu li:not(.menu-item-35) a {
		padding: 6px 8px!important;
		font-size: 14px;
	}
	#menu-item-35 a {
		margin-left: 6px;
  	padding: 8px 12px 9px;
		font-size: 20px;
		border-radius: 10px;
	}
	li.menuicon-search {display: none!important;}
}
@media (min-width:768px) and (max-width:955px) {
	/*Make tb-left and right display block. Replace icon with "Call Us:". Experiment with font sizes*/
}
@media (min-width:576px) and (max-width:991px) {
	.container,
	.site-header .header-inner {margin: 0 14px;}
}