﻿@font-face {
	font-family: "Saanshays RegularItalic";
	src: url("font/saanshays-regularitalic-otff.otf");
	src: url("font/saanshays-regularitalic-woff.woff") format("woff"), 
	url("font/saanshays-regularitalic-ttf.ttf") format("truetype"), 
	url("font/saanshays-regularitalic-woff2.woff2") format("woff2");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "Saanshays Regular";
	src: url("font/saanshays-regular-otff.otf");
	src: url("font/saanshays-regular-woff.woff") format("woff"), 
	url("font/saanshays-regular-ttf.ttf") format("truetype"), 
	url("font/saanshays-regular-woff2.woff2") format("woff2");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "Saanshays SemiBold";
	src: url("font/saanshays-semibold-otff.otf");
	src: url("font/saanshays-semibold-woff.woff") format("woff"), 
	url("font/saanshays-semibold-ttf.ttf") format("truetype"), 
	url("font/saanshays-semibold-woff2") format("woff2");
	font-weight: normal;
	font-style: normal
}



body{
	background-color:#FFFFFF;
	font-family: "Saanshays Regular","Roboto",arial, Helvetica, sans-serif;
}

h1, h2, h3{
	color:navy;
}

h4{
	color:#007cb4;
}

.header {
	margin-bottom: 20px;
	border-bottom: #092e74 5px solid;
	height: 50px;
}

.hayslogo {
	float: left;
}

.equinitilogo {
	float: right;
}
.keydates{
	width:150px;
	height:150px;
	float:left;
	margin-left:125px;
}

.keydates h3{
	text-align:center;
	padding:25px 10px;
	background-color:#DBFFFF;
}

#information{
	
	background-color:#E6FFFF;
	margin-top:30px;
	
}

#top{
	background-color:navy;
	color:white;
	padding:10px;
}

.banner{
	text-align:center;
}

.main{
	width:600px;
	margin:25px 245px;
	text-align:center;
	*margin-top:-105px;
	
}
p{
	line-height:1.25em;
}

.toprow{
	margin-left:220px;
	margin-top:20px;
}

.bottomrow{

	margin-left:285px;
	
}


td{
	width:130px;
	text-align:center;
	padding:5px 15px;
	font-weight:bolder;
}

td p{
	color:#007cb4;
}
td img{
	width:96px;
}

a{
	text-decoration:none;
	color:white;
}

a img{
	border:0;
}

.footer{
	float: left;
	margin-top:20px;
	border-top:3px #092e74  solid;
	font-size:8pt;
	padding:5px;
}

.footer-link {
	color: #007cb4;
}

@media screen and (max-width: 1199px) {
	.main {
	  margin: 25px 145px;
	}
	.toprow{
	  margin-left:115px;
	}
	.bottomrow{
	  margin-left:115px;}

  } 
@media screen and (max-width: 992px) {
	.main {
	  margin: 0px;
	}
	.toprow{
	  margin:0px;
	}
	.bottomrow{
	  margin:0px;}

  } 



  /* ===== 2026 updates ===== */
  #landing {

	.header {
		border: none;
		margin: 1.5rem 0 1rem;
	}

	.banner {
		background-color: #0a0532;
		text-align: end;
		h1 {
			color: white;
			padding: 32px;
			font-family: "Saanshays SemiBold", "Roboto", arial, Helvetica, sans-serif;
			span {
				display: block;
				font-family: "Saanshays Regular", "Roboto", arial, Helvetica, sans-serif;
			}
		}

		@media screen and (max-width: 768px) {
			img {
				display: none;
			}
		}
	}

	.container {
		max-width: 1440px;
		margin: 0 auto;
	}

	.main {
		width: auto;
		margin: 0;
		p.lead {
			font-family: "Saanshays SemiBold", "Roboto", arial, Helvetica, sans-serif;
		}
	}

	.country-selector {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
		margin: 30px 0;
	}

	.country-item {
		text-align: center;
		min-width: 130px;

		a {
			text-decoration: none;
			display: flex;
			flex-direction: column;
			align-items: center;
			transition: transform 0.2s;

			&:hover {
				transform: translateY(-5px);
			}

			img {
				width: 96px;
				height: auto;
				border: 0;
			}

			p {
				margin-top: 8px;
				font-weight: bold;
				color: #007cb4;
				font-family: "Saanshays Regular", "Roboto", arial, Helvetica, sans-serif;
			}
		}
	}
  }