/* Provides space for header */
body {
    margin-top: 80px;
}

.HDRnav {
	top: 0;
	
	border-bottom: 1px solid var(--grey-300);
	
	box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
	width: 100%;
	background-color: white;
	position: fixed;
	z-index: 100;
	transition: translate 0.4s;
}

.HDRnav .IFWsection {
	min-height: 80px;
}

.HDRnavContainer {
   display: grid;
	grid-template-columns: auto 1fr;
	column-gap: var(--space-l);
	align-items: center;
}

.HDRnavLeftSection {
	display: flex;
	align-items: center;
}

.HDRnavRightSection {
	display: flex;
	justify-content: space-between;
}


/* Left Side Contents (Logo) */

.HDRlogoContainer {
	line-height: 0;
}

.HDRhomeLogo {
	width: 220px;
}


/* Right Side Contents (Menu items) */

.HDRnavRightSection {
	font-size: 13px;
	font-weight: 500;
	color: var(--grey-700);
}
.HDRnavRightSection a {
	text-decoration: none;
	color: var(--grey-700);
}
.HDRnavRightSection a:hover {
	color: var(--blue-dark);
	filter: none;
}

.HDRmenuLeft,
.HDRmenuRight {
	display: flex;
	align-items: center;
	column-gap: var(--space-m);
}

.HDRcategoryContainer {
	position: relative;
	z-index: 100;
}

.HDRlinksContainer {
	display: none;
	position: absolute;
	background: var(--white);
	box-shadow: 0 2px 6px rgba(0,0,0,0.25);
	border-radius: 8px;
	padding: var(--space-xs);
	padding-right: var(--space-s);
}

/* Show submenu items on hover */
.HDRcategoryContainer:hover > .HDRlinksContainer {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
}

.HDRcategoryTitle {
	cursor: default;
	line-height: 3em;
	text-wrap: nowrap;
}

.HDRcategoryTitle::after {
	content: url(https://4076588.fs1.hubspotusercontent-na1.net/hubfs/4076588/raw_assets/public/iguanax-website-theme/imgs/global/ifw/icon-menu-arrow.svg);
	display: inline-block;
	margin-left: 8px;
	position: relative;
   top: -1px;
}

.HDRlinksContainer a {
	text-wrap: nowrap;
}

.HDRsubMenuItem {
	display: flex;
	align-items: center;
	column-gap: 12px;
}

.HDRsubMenuItemIcon {
	background: var(--white);
	padding: 6px;
	border: 1px solid var(--grey-400);
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.HDRsubMenuItemIcon img {
	height: 16px;
	width: 16px;
	filter: invert(47%) sepia(14%) saturate(449%) hue-rotate(164deg) brightness(95%) contrast(87%);
}

.HDRlinksContainer a:hover .HDRsubMenuItemIcon {
	background-image: linear-gradient(180deg, #0099CD 0%, #00609F 100%);
	border: 1px solid var(--blue);
}
.HDRlinksContainer a:hover .HDRsubMenuItemIcon img {
	filter: invert(93%) sepia(100%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
}

.HDRbuttonWrapper {
	flex-shrink: 0;
	column-gap: var(--space-xs);
	display: flex;
}

.HDRdownloadButton,
.HDRcontactButton {
	padding: .2em 1.1em;
	border-radius: 9999px;
	text-align: center;
	display: inline-block;
	text-wrap: nowrap;
}
.HDRdownloadButton {
	background: rgba(var(---blue-light), 0.5);
	color: var(--blue-dark) !important;
}
.HDRcontactButton {
	background: var(--blue);
	color: var(--white) !important;
}

.HDRnavRightSectionMobile {
	display: none;
	width: 24px;
	height: 24px;
	align-items: center;
	justify-content: flex-end;
}

/* Mobile Hamburger menu icon*/
.HDRnavHamburger {
	position: relative;
	width: 18px;
	height: 12px;
}

.HDRnavHamburger div {
	position: absolute;
	height: 1px;
	width: 100%;
}

.HDRnavHamburgerLineOne {
  top: 0;
}

.HDRnavHamburgerLineTwo,
.HDRnavHamburgerLineThree {
	top: calc(50%);
	background: rgba(var(---blue), 1);
	transition: rotate 0.25s;
}

.HDRnavHamburgerLineFour {
  bottom: 0;
}

.HDRnavHamburgerLineOne,
.HDRnavHamburgerLineFour {
	background: rgba(var(---blue), 1);
	transition: opacity 0.25s;
}

.HDRnavHamburgerActive .HDRnavHamburgerLineOne {
	opacity: 0;
}

.HDRnavHamburgerActive .HDRnavHamburgerLineTwo {
	rotate: 45deg;
}

.HDRnavHamburgerActive .HDRnavHamburgerLineThree {
	rotate: -45deg;
}

.HDRnavHamburgerActive .HDRnavHamburgerLineFour {
	opacity: 0;
}


/* Rotate dropdown menu icon on hover */
@media screen and (min-width: 961px) {
    .HDRcategoryContainer:hover .HDRcategoryTitle::after  {
	    transform: rotate(180deg) translateY(-2px);
	    transform-origin: center;
    }
}

@media (max-width: 1200px) {
	.HDRhomeLogo {
		width: 180px;
	}
	.HDRnavContainer {
		column-gap: var(--space-m);
	}
	.HDRmenuLeft, .HDRmenuRight {
		column-gap: var(--space-s);
	}
	.HDRnavRightSection {
		font-size: 12px;
	}
	.HDRcategoryTitle::after {
		margin-left: 6px;
	}
	.HDRdownloadButton,
	.HDRcontactButton {
		padding: .3em 1.2em;
	}
}

@media (max-width: 960px) {
   /* Provides space for header */
   body {
      margin-top: 65px;
   }
	.HDRnav .IFWsection {
		min-height: 65px;
	}
	.HDRnavLeftSection {
		height: 65px; /* Match this height to the collapsed nav height */
	}
	.HDRnavContainer {
		grid-template-columns: 1fr auto;
	}
	.HDRnavRightSectionMobile {
		display: flex;
	}
	.HDRnavRightSection {
		display: none;
	}
	.HDRnavRightSection.HDRnavRightSectionVisible {
		grid-row: 2 / 3;
		grid-column: 1 / -1;
		display: flex;
		flex-direction: column;
		font-size: 13px;
		max-height: calc(100dvh - 65px);
		overflow: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.HDRnavRightSection.HDRnavRightSectionVisible::-webkit-scrollbar {
		display: none;we
	}
	.HDRhomeLogo {
		width: 195px;
	}
	.HDRmenuLeft, 
	.HDRmenuRight {
		flex-direction: column;
  	}
	.HDRcategoryContainer {
		width: 100%;
		border-top: 1px solid var(--grey-300);
	}
	.HDRcategoryTitle {
		display: flex;
		justify-content: space-between;
	}
	.HDRcategoryTitle,
	.HDRtitle {
		font-size: 13px;
		font-weight: 600;
	}
	.HDRcategoryContainer a {
		display: block;
	}
	.HDRcategoryTitle,
	.HDRcategoryContainer a {
		line-height: 3em;
	}
	.HDRlinksContainer {
		display: block;
		position: relative;
		box-shadow: none;
		border-radius: 0px;
		padding: 0;
	}
	.HDRcategoryContainer:hover > .HDRlinksContainer,
	.HDRlinksContainer {
		display: none;
  	}
	/* Show links when HDRshowLinks class is added to the HDRcategoryTitle */
	.HDRcategoryTitle.HDRshowLinks + .HDRlinksContainer {
		display: block;
	}
	/* Flip dropdown menu icon when submenu items are expanded */
	.HDRcategoryTitle.HDRshowLinks::after {
		transform: rotate(180deg);
	}

	.HDRsubMenuItem {
	}
	.HDRsubMenuItemIcon {
		padding: 0px;
		border: none;
	}
	.HDRsubMenuItemIcon img {
	}
	.HDRlinksContainer a:hover .HDRsubMenuItemIcon {
		background: none;
		border: none;
	}
	.HDRlinksContainer a:hover .HDRsubMenuItemIcon img {
		filter: invert(17%) sepia(52%) saturate(5874%) hue-rotate(190deg) brightness(94%) contrast(102%);	
	}

	.HDRdownloadButton,
	.HDRcontactButton {
		line-height: normal !important;
		padding: 1em 1.6em;
		margin: 24px auto;
		width: 100%;
		max-width: 400px;
  	}
}

.IFWnewsBanner {
    width: 100%;
    height: 55px;
    background: #FFF;
/*     background: var(--blue-light); */
    color: var(--blue-darker);
    display: block;
    text-decoration: none;
}

.IFWnewsBanner:hover {
    cursor: pointer;
/*     background: var(--blue-lighter); */
    background: rgb(4,254,23);
    background: -moz-linear-gradient(90deg, rgba(4,254,23,1) 0%, rgba(9,255,252,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(4,254,23,1) 0%, rgba(9,255,252,1) 100%);
    background: linear-gradient(90deg, rgba(4,254,23,1) 0%, rgba(9,255,252,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#04fe17",endColorstr="#09fffc",GradientType=1);
}

@media screen and (max-width: 450px) {
    .IFWbannerWrap {
        line-height: 120%;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }
}


  
.VIVEgradient {
    display: block;
    width: 100%;
    height: 2px;
/*     background: #54C0E8; */
    background: rgb(4,254,23);
  background: -moz-linear-gradient(90deg, rgba(4,254,23,1) 0%, rgba(9,255,252,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(4,254,23,1) 0%, rgba(9,255,252,1) 100%);
  background: linear-gradient(90deg, rgba(4,254,23,1) 0%, rgba(9,255,252,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#04fe17",endColorstr="#09fffc",GradientType=1);
}
  
.IFWbannerContents {
    width: 100%;
    height: 55px;
    display: flex;
    justify-content: center;
    gap: 32px;
    align-items: center;
    font-size: 14px;
    font-family: "Open Sans";
    font-weight: 500;
    color: #404850;
}
  
.IFWbannerLeft {
    text-align: right;
    line-height: 0px;
}

@media screen and (max-width: 767px) {
    
    .IFWbannerLeft {
        display: none;
        visibility: hidden;
    }

    .IFWbannerContents {
        padding: 5px;     
    }

    .IFWbannerRight {
        line-height: 125%;
    }
}
  
.IFWbannerRight {
  text-align: left;
}

.EVENTbannerImageContainer {
    display: flex;
    align-items: center;
}

.EVENTwebinarLogo {
  height: 22px;
}

.EVENThimssLogo {
    max-width: 125px;
}

/* IUC banner styles */
.IFWnewsBanner {
  background-image: linear-gradient(180deg, #5380A3 0%, #90BBE3 100%);
}
.IFWnewsBanner:hover {
  background-image: linear-gradient(180deg, #3D6994 0%, #5E8AB8 100%);
}
.IFWbannerContents {
  font-family: 'Gotham';
  font-size: 12px;
  color: #FFFFFF;
  text-shadow: 0 2px 3px rgba(0,0,0,0.25);
}


/********NAV MENU IUC OPTION STYLING**********/
.HDRiuc2025 {
	/* Gradient Text - START (Ref: https://www.cssportal.com/css-text-gradient-generator/) */
	background: linear-gradient(to right, #1295AD 20%, #5D636A 20%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	/* Gradient Text - END */
	font-family: Syne;
	font-weight: 700;
}

.HDRiuc2025:hover {
	/* Gradient Text - START */
	background: linear-gradient(to right, #1295AD 50%, #36C9C8 60%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	/* Gradient Text - END */
}