/*

Theme Name: Hello Elementor Child
Template: hello-elementor

*/

.iframe-container {
	width: 100%;
	max-width: 100vw; /* Adjust the maximum size */
/* 	aspect-ratio: 16 / 9; */
	outline: 2px solid #000;
    outline-offset: -2px;
}

iframe {
	width: 100%;
	height: 100%;
	border: none;
}


/* disable side icons on page transitions */
.page-parent .dynamic-icons-container {
	display: none;
}


/* disable mobile */
@media screen and (max-width: 984px) {
	header, main, footer, #popup-audio {
		display: none;
	}
	
	#page:after {
		content: 'Please view on a larger screen';
        display: flex;
        justify-content: center;
		text-align: center;
        color: #fff;
        font-size: 5vw;
	}
}

@media (orientation: portrait) {
  body {
    flex-direction: column;
  }
}

/* prevent responsiveness */


main .e-parent {
	min-height: 0px !important;
}

nav {
	white-space: nowrap;
}

.hfe-nav-menu__layout-horizontal .hfe-nav-menu {
	flex-wrap: nowrap !important;
}

.elementor-heading-title {
	white-space: nowrap;
}

/* Initial state for fade-in */
/* this section is no longer in use - it was used by the unused-scripts.js */
main {
	opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

/* Fade-out effect when navigating away */
main.fade-out {
    opacity: 0 !important;
}

.page-parent main {
	opacity: 1;
}

/* Fade content section and page titles out */


/* Transparent Header & Footer */

header, footer {
	position: absolute !important;
	pointer-events: none;
	width: 100%;
	left: 0;
}

header {
	width: /*90.365vw*/ ;
	top: 0;
}

footer {
	bottom: 0;
}

main {
	/* margin-top: -514px;
	margin-bottom: -294px; */
}

.enable-pointer {
	pointer-events: auto;
}

@media screen and (max-width: 1260px) {
	.header-border {
		min-height: 10vh;
	}
}


.icon svg {
	width: 2.66vw;
}

.home .icon {
	display: none;
}

.home-icon svg {
	width: 1.875vw;
	height: 1.615vw;
}

.icon.selected svg {
	opacity: .25;
}

.icon:hover path {
	fill: #192b5b;
}

.icon:hover polygon {
	stroke: #192b5b;
}


/* Right Hand Menu Icons */
.dynamic-icons-container {
	display: flex;
    flex-direction: column;
	gap: 1.5vw;
    /*gap: 2.5vh;*/
	line-height: 0px;
}

/* Pulse the audio icon */
.dynamic-icons-container, .dynamic-icons-container * {
  overflow: visible !important;
} 

.pulsing-audio svg g {
	clip-path: none !important;
}

.pulsing-audio svg #icon {
  animation: icon-pulse 1.5s infinite;
  transform-origin: center;
}

.pulsing-audio svg #core-hex {
  
  animation: core-pulse 1.5s infinite;
  transform-origin: center;
}

/* Base styles for the radar hexagon */
#radar-hex {
  transform: rotate(10deg);
  transform-origin: center;
  animation: radarPulse 1.5s ease-in-out infinite;
  opacity: 0.5;
}

@keyframes icon-pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes core-pulse {
  0% {
    transform: scale(1) rotate(-10deg);
    opacity: 1;
  }
  50% {
    transform: scale(1.2) rotate(-10deg);
    opacity: 0.7;
  }
  100% {
    transform: scale(1) rotate(-10deg);
    opacity: 1;
  }
}


/* Animation Keyframes */
@keyframes radarPulse {
	0% {
		transform: scale(1, 1) rotate(-10deg);
		opacity: 0;
	}

	50% {
	    opacity: .7;
	}

	100% {
	    transform: scale(1.6, 1.6) rotate(-10deg);
	    opacity: 0;
		}
}


@media screen and (max-width: 1260px) {
	.dynamic-icons-container {
		gap: 0px;
	}
}



/* invisible text block shows on logo hover */
.header-text {
	display: none;
}

.logo:hover ~ .header-text {
	display: block;
}

/***** MENU *****/

.sub-menu .current-page-ancestor a.hfe-sub-menu-item, .active-parent > div > a {
	color: #FFCA0C !important;
}

header .fullscreen.elementor-heading-title {
	font-size: 1.7vw !important;
}

nav a.hfe-menu-item.fullscreen {
	font-size: 0.84vw !important;
}

/* dividers */
nav > ul > li:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    right: -10px;
    height: 80%;
    width: 23px;
    background-image: url(/wp-content/uploads/2024/09/Nav-Divider.svg);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
}

/* dropdown menu icons */
.hfe-submenu-icon-classic .hfe-nav-menu .parent-has-child .sub-arrow i:before {
    content: '\f0d7' !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

/* dropdown menu styling */
.hfe-nav-menu .sub-menu li.menu-item {
    background: #000;
    margin-bottom: 8px;
}

.hfe-nav-menu a.hfe-sub-menu-item {
	justify-content: flex-end;
	padding-right: 14px !important;
	padding-left: 14px !important;
}

.hfe-nav-menu .sub-menu {
    min-width: 0px;
	width: 8.854vw;
}


#menu-item-42 ul.sub-menu { /* Screw Feeders */
	left: -5px;
}

#menu-item-43 ul.sub-menu { /* Screw Conveyors */
	left: 15px;
}

#menu-item-45 ul.sub-menu { /* Bucket Elevators */
	width: 11.8vw;
	left: -28px;
}



/* Submenu dropdown alignments */

#menu-item-41 ul { /* Hopper dropdown */
	left: -53px;
}

/* MAIN CONTENT ON PAGES */

.content-section {
	padding-bottom: 3.646vw;
	gap: 2vw;
}

.content-section ul {
	font-size: 1.25vw !important;
	padding-left: 0px;
}

.content-section img {
	width: 15vw;
}

@media screen and (max-height: 1000px) {
	.content-section {
		
	}
}


/* adjusted padding for content with image on the left of the text */
.content-section.horizontal {
	padding-bottom: 4.3vw;
	align-items: center;
	gap: 5vw;
}

/***** PAGE STYLES *****/

/* De/activate icon - specific styling under heading for specific pages */
.activate {
	/* display: none; */
}


/* continuous feed, continuous discharge */
.content-section.continuous-feed, .content-section.continuous-discharge
{
	padding-left: 2.083vw;
	padding-bottom: 3.3vw;
}

/* icons - continuous feed, continuous discharge, centrifugal feed, centrifugal discharge */
.content-section.continuous-feed img, .content-section.continuous-discharge img,
.content-section.centrifugal-feed img, .content-section.centrifugal-discharge img
{
	width: 5vw;
}

/* centrifugal feed & centrifugal discharge */
.content-section.horizontal.centrifugal-feed, .content-section.horizontal.centrifugal-discharge
{
	padding-left: 2.05vw;
	padding-bottom: 4.5vw;
}

.content-section.centrifugal-feed ul, .content-section.centrifugal-discharge ul {
	/*margin-left: -34px; */
}

/* diverter gates */
.content-section.diverter-gates img {
	width: 12vw;
	margin-bottom: -35px;
}


@media screen and (max-height: 1000px) and (min-width: 1662px) {
	.post-706 .activate, .post-752 .activate, .post-750 .activate {
		left: 850px !important;
		top: 420px !important;
	}
	
	.post-1378 .activate, .post-2245 .activate, .post-2247 .activate {
		left: 780px !important;
		top: 430px !important;
	}
}

/* slide gates */
.elementor-774 .elementor-element.elementor-element-2bffa00 {
	margin-left: -1vw; /* -2.865vw */
}

@media screen and (max-height: 1000px) and (min-width: 1662px) {
	.parent-pageid-763 .activate {
		left: 650px !important;
		top: 427px !important;
	}
}

/* round bottom */
.content-section.round-bottom img {
	width: 11vw;
}
.content-section.round-bottom ul {
}

/* flat bottom */
.content-section.flat-bottom img {
	width: 11vw;
}

.content-section.flat-bottom ul {
}

/* FOOTER */

footer {
	z-index: 99;
}

footer .footer-right {
	width: 25vw !important;
}

@media screen and (max-height: 1000px) {
	footer .footer-right {
		width: 20vw !important;
	}
}


.custom-container {
    display: flex;
    align-items: center; /* Aligns the content of the divs vertically */
    width: 100%;
}

.custom-square {
	display: flex;
	justify-content: center;
	align-items: center;
    width: 4.948vw;
	height: 3.125vw;
    position: relative;
    border: 1px solid white;
}

.custom-rectangle {
    box-sizing: border-box;
	display: flex;
    justify-content: flex-start;
    align-items: center;
    min-width: 9.896vw;
    height: 3.125vw;
    border: 1px solid white;
	border-left: 0px;
    padding-left: 20px;
}

.custom-rectangle span {
	color: #fff;
	font-family: Montserrat;
	font-size: 0.83vw;
	font-weight: 600;
	line-height: 19.5px;
	padding-right: 20px;
}