/*
Theme Name: HTI Jobs
Theme URI: https://www.htijobs.com/
Description: Child theme for Litho theme
Version: 1.2
Author: GruffyGoat
Author URI: https://gruffygoat.com/
Tested up to: 5.8
Requires PHP: 7.3
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, flexible-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce
License: Themeforest Split Licence
License URI: https://thti-event-bannerhemeforest.net/licenses/
Template: litho
Text Domain: htijobs
*/


/*********************
***** CUSTOM CSS *****
*********************/
body {
	color: #333;
}

p {
	margin-bottom:10px;
}

a, a:active, a:focus, .nav-link {
	color:#333;	
}

a:hover, .nav-link:hover {
	text-decoration:underline;
}

.elementor-accordion-item .elementor-tab-title a:hover {
	text-decoration:none;
}

.hti-para-content a {
	color: var(--e-global-color-text);
	text-decoration: underline;
}

.hti-para-content a:hover {
	color:var(--e-global-color-primary);
}


.hti-section-bottom {
	position:relative;	
}

.hti-section-bottom:after {
	position: absolute;
	content: '';
	bottom: -300px;
	left: 0;
	right: -30px;
	z-index: 9;
	background: var(--e-global-color-d731163);
	width: 100%;
	height: 330px;
	transform: rotate(2deg);
}

/*********************
***** HEADER *****
*********************/

header .navbar-brand img, header.side-menu .logo img {
	max-height: 56px;
}
.site-header.sticky .header-common-wrapper {
	border-bottom: 2px solid var( --e-global-color-primary );
}
.sticky .header-common-wrapper.standard .social-icons-wrapper ul li a i,
.sticky .header-common-wrapper.standard .social-icons-wrapper ul li a:hover i{
	color: #ffffff;
}

@media (min-width: 1025px) and (max-width: 1199px) {
	.navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link {
		margin: 0 5px;
	}
	.header-common-wrapper .extra-small-icon li {
		margin: 0;
	}
}

@media only screen and (max-width:1024px) {
	.hti-header-menu .navbar-toggler,
	.hti-header-menu .navbar-toggler:hover,
	.hti-header-menu .navbar-toggler:focus {
		background:transparent;
		border:none;
	}
}

.hti-icon-text .elementor-widget-icon-box .elementor-icon-box-content,
.hti-icon-text .elementor-widget-icon-box .litho-image-box-wrapper{
	text-align:left !important;
}

.hti-btn-under {
	text-transform: uppercase;
	font-size: 14px;
	color: var(--e-global-color-primary) !important;
	font-weight: 600;
	letter-spacing:1px;
}

.hti-btn-under:hover {
	text-decoration:underline;	
	text-decoration-color: var(--e-global-color-primary) !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 5px;
}


.hti-content-block .content-wrap {
	background-color:#333;
}

.hti-content-block a.elementor-button {
	background-color: var(--e-global-color-d731163) !important;
	color: var(--e-global-color-primary);
	font-size: 60px !important;
	padding: 1rem 4.4rem 0rem 4.4rem !important;
	height: 100%;
	display: flex;
	align-items: center;
}

.hti-content-block a.elementor-button:hover  {
	color: var(--e-global-color-text) !important;
}

/*******************
******* HOME *******
********************/


.hti-logo-grey img {
	filter: grayscale(1);
}

.hti-logo-grey .client-box:hover img,
.hti-logo-grey figure:hover img {
	filter:unset;
}


@media (max-width: 1024px) {
	.hti-content-block .content-block {
		display: block;
		text-align: center;
	}
}

.hti-featured-height,
.hti-featured-height .elementor-widget-container,
.hti-featured-height .feature-box {
	height: 100%;
}

.hti-accordion .elementor-accordion .elementor-tab-content {
	padding:15px 0;
}


/************************
*** BANNERS ***
*************************/
/* .hti-banner .elementor-background-overlay:before {
content: "";
background: url('/wp-content/uploads/2025/03/hti-logo-icon.svg');
position: absolute;
top: 0;
right: 0;
width: 300px;
height: 300px;
background-size: auto 100%;
opacity: 0.3;
bottom: 0;
margin: auto;
background-position: center;
background-repeat: no-repeat;
} */




/* @media (max-width: 1024px) {
.hti-banner .elementor-background-overlay:before {
opacity: 0;
}
} */

/************************
*** GLOBAL BUTTONS ***
*************************/
.hti-btn a { 
	background-color:var(--e-global-color-primary) !important;
	color: #fff;
	border:2px solid var(--e-global-color-primary) !important;
	padding: 14px 34px 14px 34px !important;
	position:relative;
	text-transform:uppercase;
	border-radius:4px !important;
	font-weight:600 !important;
	font-size:16px !important;
}

.hti-btn a:hover{
	background: var(--e-global-color-secondary) !important;
	color:var(--e-global-color-a6c7606); !important;
	border:2px solid var(--e-global-color-secondary) !important;
}

.hti-btn.hti-btn-secondary a {
	background: var(--e-global-color-secondary) !important;
	border-color: var(--e-global-color-secondary) !important;
}
.hti-btn-secondary a:hover {
	background: var(--e-global-color-primary) !important;
	border-color: var(--e-global-color-primary) !important;
}


@media only screen and (max-width:767px) {
	.hti-btn a {
		white-space:normal !important;
	}
}


/************************
*** Machine Opt Jobs ***
*************************/

.hti-hiring-image-box .litho-image-box-wrapper {
	text-align: left !important;
}

.hti-machine-jobs .litho-image-box-wrapper {
	text-align:right;
}


/****************************
*** INDUSTRIAL STAFFING ****
*****************************/

.hti-fancy-box {
	position:relative;
}

.hti-fancy-box:before,
.hti-fancy-box:after {
	border:10px solid var(--e-global-color-primary);
	height: 165px;
	width: 70px;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 30px;
	transform: translateY(-50%);	
}

.hti-fancy-box:before {
	border-right: 0;	
}

.hti-fancy-box:after { 
	border-left: 0 !important;
	right: 30px;
	left:unset;
}

.hti-staffing-cta .elementor-cta__bg-wrapper {
	width:calc(100% - 50px);
}

.hti-staffing-cta .elementor-cta__content {
	margin-left:30px;
	margin-top:-100px;
}

.hti-industrial-staffing-content-col {
	max-width: 700px;
	margin-left: 50px;
}


.hti-loc-block {
	margin-left:30px;
	margin-top:-100px;
}

/*********************
*** LIFE SCIENCE ****
*********************/

.hti-science-btn .elementor-icon {
	background: var(--e-global-color-primary) !important;
}

.hti-science-btn .elementor-icon i {
	color: var(--e-global-color-a6c7606) !important;
}

.hti-image-top-out {
	position: relative;
}

.hti-image-top-out:before {
	position: absolute;
	content: "";
	width: 96%;
	background: var(--e-global-color-d731163);
	height: 100%;
	right:0;
	top: 40px;
}

.hti-image-top-out-alt:before {
	left:0;
	right:unset;
}

.hti-talent {
	position: relative;
}

.hti-talent:after {
	position: absolute;
	content: '';
	bottom: -30px;
	left: 0px;
	right: 0;
	background: #fff;
	width: 110%;
	height: 100px;
	transform: rotate(-2deg);
	z-index: 9;
}

/**********************
**Internal Careers ***
***********************/

.hti-int-career .elementor-widget-container > ul > li {
	margin-bottom:5px;
}

.hti-int-career-link a {
	display:inline-block !important;
}

/******************
*****Events ******
*******************/


:root {

	/* 	--tec-color-button-primary: var(--e-global-color-primary);		 */
	--tec-color-button-primary:#009D57;

}

:root {
	--tec-color-button-primary-hover:#00653F;
}

:root {
	--tec-color-accent-primary:#009D57;
}

:root {
	--tec-color-text-primary:#333;
}

:root { 
	--tec-font-family-sans-serif: "Figtree";
}

.tribe-events-single-event-title {
	font-size:2.15rem !important;
	margin-bottom:0 !important;
}

.tribe-events-schedule {
	margin-top:5px;
}
/*
.tribe-events-calendar-month__day-date-daynum {
color:var(--e-global-color-primary) !important;
}

.tribe-events-calendar-month__day-date-daynum a {

color: var(--e-global-color-primary) !important;
}*/

.tribe-events-calendar-month__day:hover:after {
	background-color:var(--e-global-color-primary) !important;
} 



.tribe-events-schedule h2 {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1.3em;
	letter-spacing: 1px;
	color: var(--e-global-color-primary);
	fill: var(--e-global-color-primary);
	-webkit-text-fill-color: var(--e-global-color-primary);
	display: block;
}

.tribe-common-c-btn__clear:hover {
	background:transparent !important;
}

.tribe-events-calendar-month__multiday-event-bar {
	background: rgb(0 157 87 / 50%) !important;
}

.tribe-events-calendar-month__multiday-event-bar-inner {
	background:unset !important;
}


.tribe-events-pg-template {
	padding-top:130px !important;	
}

.hti-event-banner {
	background:url(/wp-content/uploads/2025/03/staff-bg-1-scaled.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	height:300px;
	position: relative;
	display: flex;
	align-items: center;
	margin-top: 80px;
	background-position: center -100px;
}

.hti-event-banner > .elementor-container {
	width: 100%;
}

.hti-event-banner:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: var(--e-global-color-text);
	opacity: 0.3;
}

.hti-event-banner h1 {
	margin-bottom:0 !important;
	color: #fff;
	padding: 0 15px;
}

.post-type-archive-tribe_events .litho-main-title-wrappper {
	display: none;
}

.single-tribe_events .hti-event-banner {
	display:none;
}


@media only screen and (max-width:1024px) {

	.hti-industrial-staffing {
		background:none !important;
	}

	.hti-industrial-staffing-content-col {
		/* 	max-width:500px; */
		margin:0 auto;
		margin-top:-110px;
	}

	.entry-content .hti-staffing-cta .elementor-cta__description p,
	.entry-content .hti-staffing-cta .elementor-cta__description li{	
		font-size:16px;
	}

	.hti-staffing-cta .elementor-cta__content {
		margin-left: 20px;
		margin-top: -130px;
	}

	.hti-fancy-box:before,
	.hti-fancy-box:after {
		height:145px;
	}

	.hti-fancy-box:before {
		left: -10px;
	}

	.hti-fancy-box:after {
		right:-10px;
	}

	.hti-image-top-out:before {	
		top:0;
		width:100%;
	}

	.hti-image-top-out a.elementor-button{
		white-space:normal;
	}	

	.hti-about-work {
		background:none !important;
	}

	.hti-section-bottom {
		background-image:none !important;
	}

	.hti-section-bottom:after {
		display:none;
	}

	.hti-talent:after {	
		width:100%;
	}

	.hti-job-col .elementor-widget-litho-feature-box .elementor-widget-container {
		max-width: 550px;
		margin: 0 auto;
	}

	/* .hti-int-career-benefits .hti-internal-career-col1 {
	order:2;	
}

	.hti-int-career-benefits .hti-internal-career-col2 {
	order:1;
}

	.hti-int-career-benefits .hti-internal-career-col3 {
	order:3;

} */

	.tribe-events-pg-template {
		padding-top:50px !important;	
	}


}


@media only screen and (max-width:767px) {

	.hti-hiring-image-box .litho-image-box-wrapper {
		text-align: center;
	}

	.hti-industrial-staffing-content-col {
		margin-top:0;	
	}

	.hti-staffing-cta .elementor-cta__bg-wrapper {
		width:100%;	
	}

	.hti-icon-box .litho-image-box-wrapper {
		text-align: center;
	}

	.hti-icon-box .litho-image-box-img {
		margin-right:0 !important;
	}

	.hti-int-career .elementor-widget-container > ul {
		margin-bottom:0;
	}

	.hti-event-banner {
		background-position: center;	
	}
	
	.tribe-events-calendar-month__day button {
		background:transparent;
		border-color:transparent;
	}
	
	.hti-logo-grey .elementor-image-carousel-wrapper {
		width:250px;
		object-fit:cover;
	}
	
	
	
}