/*

Theme Name:	   Intertech
Description:   Divi Child Theme
Template:	   Divi
Version:       1.0.0

*/

/* =Theme customization starts here
-------------------------------------------------------------- */


/*** Animation ***/

@keyframes ani_spin {
	0% { transform: rotate(-5deg); }
	90% { transform: rotate(365deg); }
	95% { transform: rotate(355deg); }
	100% { transform: rotate(360deg); }
}
.int-main-header:hover .int_main_logo_container .int_logo_icon img {
	animation-name: ani_spin;
	animation-duration: 2s;
}

/*** Default ***/

.int-site-content-width {
	max-width: 50% !important;
}
#main-content > div > .et_builder_inner_content {
	min-height: 100vh;
	overflow: hidden;
}
.last {
	margin-right: 0 !important;
}

/*** Header ***/

.int-main-header {
	z-index: 999;
}
.int_main_logo_container {
	justify-content: center;
	position: relative;
	display: flex;
}
.int_main_logo_container .int_main_logo_link {
	position: absolute;
	z-index: 999;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

/*** Navigation ***/

.menu-main-menu-container #menu-main-menu {
	list-style-type: none !important;
	justify-content: space-around;
	padding: 0 !important;
	position: relative;
	display: flex;
}
#menu-main-menu ul {
	list-style-type: none !important;
}
#menu-main-menu > li > a {
	text-transform: uppercase;
	position: relative;
	padding: 10px 15px;
	font-weight: 600;
	color: #232323;
}
#menu-main-menu a {
	color: #232323;
}
#menu-main-menu > li.menu-item-has-children > .int-dropdown-menu-wrap {
	transition: all ease-in-out 0.3s;
	background-color: #EBEBEB;
	visibility: hidden;
	position: absolute;
	padding: 15px 10px;
	z-index: 999;
	width: 100%;
	opacity: 0;
	top: 35px;
	left: 0;
}
#menu-main-menu > li.menu-item-has-children:hover > .int-dropdown-menu-wrap {
	transition: all ease-in-out 0.3s;
	visibility: visible;
	opacity: 1;
}
.mega-menu-parent > div > ul {
	justify-content: space-evenly;
	display: flex;
}
.mega-menu-parent > div ul {
	padding: 0 !important;
}
.mega-menu-parent > div > ul > li {
	margin: 0 1% 2%;
}
.mega-menu-parent > div > ul > li > a {
	border-bottom: 1px solid rgba(0,0,0,0.09);
	font-weight: bold;
	padding: 5px 0;
	display: block;
}
.int-dropdown-menu-wrap ul ul li:hover {
	background-color: #ccc;
}

/*** Body ***/

.callout_title h1 {
	text-transform: uppercase;
	letter-spacing: -0.1rem;
	position: relative;
	line-height: 3rem;
	font-weight: 300;
	font-size: 3rem;
}
.callout_title h1::after {
	content: '';
	background-color: #8DC63F;
	position: absolute;
	max-width: 150px;
	display: block;
	bottom: -20px;
	width: 100%;
	height: 5px;
}
.callout_title h1 strong {
	line-height: 5rem;
	font-size: 5rem;
	display: block;
}
#main-content > div > div > .et_builder_inner_content {
	min-height: 100vh;
	overflow: hidden;
}
.int_inner_page_fixed_section .et_pb_row {
	position: absolute;
	max-width: 150px;
	bottom: 5%;
	right: 2%;
}
.int_inner_page_body_content::after {
	content: '';
	background-color: rgba(0,0,0,0.5);
	border-right: 1px solid rgba(0,0,0,0.8);
	width: 100%;
	position: absolute;
	top: 100%;
	height: 1080px;
}
.int-inner-page-hero-section {
	background-image: url('/wp-content/themes/Intertech/assets/default-hero-bckgrd.webp');
}
.int-inner-page-hero-section::after {
	content: '';
	background-image: linear-gradient(45deg,rgba(0,0,0,0.4) 30%,rgba(0,0,0,0.2) 100%) !important;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.int-inner-page-title {
	text-transform: uppercase;
	position: relative;
	line-height: 46px;
	font-weight: 300;
	font-size: 42px;
}
.int-inner-page-title::after {
	content: '';
	background-color: #8DC63F;
	position: absolute;
	display: block;
	bottom: -20px;
	width: 150px;
	height: 5px;
}
.int_page_stats {
	max-width: 150px;
	width: 100%;
	color: #FFF;
}
.int_page_stats .int_page_stat {
	text-transform: uppercase;
	vertical-align: top;
	line-height: 1.3em;
	max-width: 150px;
	display: block;
	padding: 10px;
	width: 100%;
}
.int_page_stats .int_page_stat p {
	margin-bottom: 0 !important;
}
.int_page_stats .int_page_stat strong {
	position: relative;
	line-height: 70px;
	font-weight: 100;
	font-size: 50px;
	display: block;
}
.int_page_stats .int_page_stat strong::before {
	content: '';
	background-color: #8DC63F;
	position: absolute;
	width: 30px;
	height: 1px;
	top: 2px;
}
#breadcrumbs, #breadcrumbs a {
	font-weight: 300;
	font-size: 16px;
	color: #FFF;
}
#breadcrumbs .breadcrumb_last {
	font-weight: 600;
}
.et_pb_section .et_pb_section {
	background-color: rgba(0,0,0,0) !important;
}


/*** Homepage ***/

#int_home_hero .et_pb_slide {
	padding-right: 0;
	padding-left: 0;
}
#int_home_hero .et_pb_slide .et_pb_slide_description {
	padding: 10% 0 0 !important;
}
#int_home_hero .et_pb_slide .et_pb_text_overlay_wrapper {
	border-top: 1px solid #000;
}
#int_home_hero .et_pb_slide .et_pb_text_overlay_wrapper .et_pb_slide_content {
	max-width: 1080px;
	margin: 0 auto;
}
#int_home_hero h2 {
	text-transform: uppercase;
	letter-spacing: -0.1rem;
	margin-bottom: 5rem;
	position: relative;
	line-height: 3rem;
	font-weight: 300;
	font-size: 3rem;
}
#int_home_hero h2::after {
	content: '';
	background-color: #8DC63F;
	position: absolute;
	max-width: 150px;
	display: block;
	bottom: -20px;
	width: 100%;
	height: 5px;
}
#int_home_hero h2 strong {
	line-height: 5rem;
	font-size: 5rem;
	display: block;
}
#int_home_hero p {
	margin: 0 0 2rem 0;
	line-height: 26px;
	font-weight: 300;
	font-size: 20px;
}
.hero_btn {
	transition: all ease-in-out 0.3s;
	background-color: #8DC63F;
	text-transform: uppercase;
	border: 1px solid #8dc63f;
	border-radius: 10px;
	padding: 15px 10px;
	text-align: center;
	line-height: 26px;
	font-weight: 300;
	font-size: 22px;
	display: block;
	margin: 25px 0;
	width: 350px;
	color: #FFF;
}
.hero_btn:hover {
	transition: all ease-in-out 0.3s;
	background-color: transparent;
	color: #8dc63f;
}
.int_home_stats {
	max-width: 500px;
	width: 100%;
	color: #FFF;
}
.int_home_stats .int_home_stat {
	max-width: calc( 100% / 3 * 1 - 20px );
	text-transform: uppercase;
	display: inline-block;
	padding: 10px;
	width: 100%;
}
.int_home_stats .int_home_stat p {
	margin-bottom: 0 !important;
}
.int_home_stats .int_home_stat strong {
	position: relative;
	line-height: 70px;
	font-weight: 100;
	font-size: 50px;
	display: block;
}
.int_home_stats .int_home_stat strong::before {
	content: '';
	background-color: #FFF;
	position: absolute;
	width: 30px;
	height: 1px;
	top: 2px;
}

/*** Blogroll ***/

.int_projects_container::after {
	content: '';
	visibility: hidden;
	line-height: 0;
	display: block;
	clear: both;
	height: 0;
	width: 0;
}
.int_project_item_container {
	max-width: calc( 100% / 2 - 5px );
	background-repeat: no-repeat;
	background-position: center;
	border: 2px solid #8dc63f;
	background-size: cover;
	margin: 0 10px 10px 0;
	position: relative;
	text-align: center;
	min-height: 250px;
	overflow: hidden;
	width: 100%;
	float: left;
	z-index: 1;
}
.int_projects_container .int_project_item_container:nth-child(2n+2) {
	margin-right: 0 !important;
}
.int_project_item_inner {
	background-color: rgba(0,0,0,0.6);
	transition: all ease-in-out 0.3s;
	vertical-align: middle;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: -1;
	opacity: 0;
	top: 100%;
	left: 0;
}
.int_project_item_container:hover .int_project_item_inner {
	transition: all ease-in-out 0.3s;
	opacity: 1;
	top: 0;
}
.int_project_item_inner h4 {
	transform: translate(-50%, -50%);
	position: absolute;
	line-height: 1.3em;
	font-weight: bold;
	color: #FFF;
	left: 50%;
	top: 50%;
}
.int_project_item_container a {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
	left: 0;
	top: 0;
}

/*** Sidebar ***/



/*** Footer ***/



/*** Shiftnav ***/

.shiftnav-bar-logo {
	position: relative;
	max-height: 42px;
	top: -15px;
}

/*** Mobile ***/

@media(max-width:981px){
	.int-site-content-width {
		max-width: 100% !important;
		margin: 0 auto !important;
	}
	.int_page_stats {
		max-width: 100%;
	}
	.int_page_stats .int_page_stat {
		display: inline-block;
	}
	
	.int-inner-page-hero-section {
		min-height: auto !important;
		padding-top: 150px;
	}
	.int-inner-page-hero-section .et_pb_row {
		margin-right: 0 !important;
		width: 100%;
	}
	.int_page_stats .int_page_stat strong {
		line-height: 50px;
		font-size: 35px;
	}
	.callout_title h1 {
		line-height: 2rem;
		font-size: 2rem;
	}
	.callout_title h1 strong {
		line-height: 3rem;
		font-size: 3rem;
	}
	.hero_btn {
		width: auto;
	}
}

@media(max-width:768px){
	.one_half {
		margin: 0 0 2% !important;
		width: 100% !important;
	}
	.int_project_item_container {
		max-width: 100% !important;
		margin-right: 0 !important;
	}
	.int_project_item_inner {
		top: 0 !important;
		opacity: 1;
	}
}