#breadCrumbs		 { color:#333; font-size:14px; padding:10px; font-weight:300;  }
#breadCrumbs a, #breadCrumbs em, #breadCrumbs strong	 { color:#333; padding:5px 10px; font-weight:normal; }

#introImageContainer { position: relative; width: 100%; min-height: 30vh; display: flex; align-items: center; justify-content: center; background: #1372c1; overflow: hidden; }


/* Full-width image */
#introImageContainer > img  { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
#introImageContainer > div  { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 2rem; box-sizing: border-box; background: rgba(19, 114, 193, 0.65); z-index: 1; }
#introImageContainer h1 	{ margin: 0; color: #ffffff; text-align: center; font-size: clamp(2rem, 5vw, 4rem); line-height: 1.1; position: relative; z-index: 2; }

#sitemap 			{ list-style:none; width:200px; padding:2px 2px 2px 20px; margin:0px; }
#sitemap li 		{ padding:0px; margin:0px; }
#sitemap li a 		{ text-decoration:none; font-size:14px; padding:0px; margin:0px; display:block; }
#sitemap li a:hover	{ text-decoration:underline; }
#sitemap ul			{ position:relative; top:-20px; left:150px; width:400px;  }

.cookieControl			{ width:100%; }
.cookieControl .controlLabel { width:50%; }
.cookieControl th			{ text-align:left; padding:10px; background:#eee; min-width:150px; }
.cookieControl td			{ text-align:left; padding:10px; background:#fcfcfc; }

.privacySetting				{ float:left; margin:1%; padding:2%; width:27%; height:220px; border:1px solid #eee; position:relative; }
.privacySetting span		{ display:block; text-align:center; font-size:48px; color:#619935; padding-bottom:15px; }
.privacySetting h2			{ text-align:center; padding:5px; }
.privacySetting p			{ text-align:center; padding:5px; }
.privacySetting .button		{ position:absolute; bottom:0; left:0; right:0; }

#imageGallery 			{ display: flex; flex-wrap: wrap; padding:0; margin:30px auto; width:1200px; }
.imageGalleryColumn 	{ flex: 29%; max-width: 29%; padding: 0 2%; }
.imageGalleryColumn img { margin-top: 8px; vertical-align: middle; width:100%; }

.contentPanel					{ overflow:auto; display: flex; flex-wrap:nowrap; }
.contentPanel .flexPanel		{ flex: 1 1 0px; padding:4%; min-height:50vh; }
.contentPanel .flexPanel h2		{ font-size:64px; font-weight:300; text-transform:uppercase; }
.contentPanel .flexPanel h2	strong { font-weight:700; }
.contentPanel .flexPanel ul		{ list-style:none; padding:0; margin:0 0 0 10px; }
.contentPanel .flexPanel ul li	{ padding:8px 0px 8px 45px; margin:0; background:url(../_images/icons/bullit.png) no-repeat left center; text-align:left; }

#downloadableItems							{ }
#downloadableItems h2						{ padding-left:10px; }
#downloadableItems ul						{ list-style:none; margin:0; padding:0; }
#downloadableItems ul li					{ padding:4px; margin:4px; background:#f6f6f6; border:1px solid #ddd; position:relative; height:32px; }
#downloadableItems ul li a					{ display:block; padding:5px; text-decoration:none; }
#downloadableItems ul li a:hover			{ text-decoration:underline; }
#downloadableItems ul li img				{ position:absolute; right:170px; top:5px; height:27px; }
#downloadableItems ul li span				{ position:absolute; right:10px; top:8px; font-size:12px; text-align:left; }

#moreContent 					{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; width: 100%; box-sizing: border-box; }
#moreContent .moreContentPanel 	{ position: relative; display: block; width: 100%; aspect-ratio: 1 / 1; background: #ffffff; color: #17324d; text-decoration: none; border-radius: 6px; 
								  border-bottom: 4px solid #fedc14; overflow: hidden; box-sizing: border-box; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; }

#moreContent .moreContentPanel::before 	{ content: "";  position: absolute; top: 50%; left: 50%; width: 65%; height: 65%; transform: translate(-50%, -50%); background-image: url(../_images/icons/bgicon.png); 
										  background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0.25; pointer-events: none; transition: opacity 0.3s ease, transform 0.3s ease; }

#moreContent .moreContentPanel > div 		 { position: relative; z-index: 1; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 1.5rem; box-sizing: border-box; text-align: center; }
#moreContent .moreContentPanel h2 			 { margin: 0; color: #17324d; font-size: clamp(1.25rem, 2vw, 1.75rem); line-height: 1.2; transition: color 0.2s ease; }
#moreContent .moreContentPanel:hover 		 { transform: translateY(-4px); border-bottom-color: #1372c1; box-shadow:0 8px 20px rgba(23, 50, 77, 0.18); }
#moreContent .moreContentPanel:hover::before { opacity: 0.5; transform: translate(-50%, -50%) scale(1.05); }
#moreContent .moreContentPanel:hover h2 	 { color: #1372c1; }
#moreContent .moreContentPanel:focus-visible { outline: 3px solid #fedc14; outline-offset: 3px; }

#newsPagination								{ text-align:center; }
#newsPagination a							{ margin:5px; padding:5px 10px; background:#eee; border:1px solid #ccc; color:#999; text-decoration:none; border-radius:5px; }
#newsPaginationActive						{ background:#1372c1 !important; border:1px solid #1372c1 !important; color:#fff !important; }


/* LAPTOP PORTRAIT */
@media only screen and (max-width:1366px) {

.contentContainerRight			{ background-size: 100% 100%; }
.contentContainerLeft			{ background-size: 100% 100%; }
#contentContainer #contentMain	{ width:64%; }
#contentContainer aside			{ width:32%; }
#contentRight					{ margin:2% 0 0 4%; width:25%; }
#contentLeft					{ margin:2% 2% 0 0; }

#imageGallery 					{ display: flex; flex-wrap: wrap; padding:0; margin:30px auto; width:auto; }

}

/* IPAD LANDSCAPE */
@media only screen and (max-width:1080px) {

#moreContent 	{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }

}


/* IPAD PORTRAIT */
@media only screen and (max-width:810px) {



}

/* MOBILE LANDSCAPE */
@media only screen and (max-width:550px) {

.clientContainer	{ width:46%; }
.formButtons		{ text-align:center; }
.formButtons span	{ display:block; text-align:center; padding:10px; }
#sitemap			{ width:auto; }
#sitemap ul			{ position:inherit; top:auto; left:auto; width:auto;  }
#breadCrumbs		{ padding:10px; }

#moreContent 		{ grid-template-columns: 1fr; gap: 1.5rem; }
#moreContent .moreContentPanel { aspect-ratio: 1 / 1; }

}