#slideshow			{ position: relative; width: 100%; height: 50vh; min-height: 500px; overflow: hidden; }
.slide 				{ position: absolute; inset: 0; width: 100%; height: 100%;  display: grid; grid-template-columns: 50% 50%; grid-template-areas: "content image"; opacity: 0; visibility: hidden; transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out; }
.slide.active 		{ opacity: 1; visibility: visible; }
.slide > img 		{ grid-area: image; position: relative; inset: auto; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.slideContainer 	{ grid-area: content; position: relative; left: auto; bottom: auto; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 60px 4rem 4rem 8rem; box-sizing: border-box; background: #eef6fe; }
.slideContainer h2 	{ margin: 0 0 0.75rem; }
.slideContainer p 	{ margin: 0 0 1.5rem; }
.slideContainer a 	{ display: inline-block; align-self: flex-start; padding: 0.7rem 1.25rem; font-weight: 700; text-decoration: none; transition: background 0.2s ease, color 0.2s ease; }
.slideContainer a:hover { background: #1372c1; color: #ffffff; }


/* ARROWS */
.slidePrevious, .slideNext 	{ width: 40px; height: 40px; font-size: 20px; }
.slidePrevious 				{ left: 10px; }
.slideNext 					{ right: 10px; }

.contentPanelContainer	 					{ display: flex; flex-wrap: wrap; position: relative; gap:60px; padding-bottom:60px; }
.contentPanelContainer .contentPanel 		{ flex: 0 0 calc((100% - 120px) / 3); padding: 1.25rem 1rem; box-sizing: border-box; display: grid; grid-template-columns: 48px 1fr; column-gap: 1rem; border-radius:20px; text-decoration:none; transition: transform 0.2s ease; background:#fff; border:1px solid #F3D94A; }
.contentPanelContainer .contentPanel img 	{ width: 48px; height: 48px; object-fit: contain; grid-row: 1 / span 2; }
.contentPanelContainer .contentPanel h2 	{ margin-top:10px; }
.contentPanelContainer .contentPanel div	{ margin:1rem 1rem 1rem -2rem; font-weight:300; }
.contentPanelContainer .contentPanel div p	{ font-weight:100; }
.contentPanelContainer .contentPanel div p strong { font-weight:700; }
.contentPanelContainer .contentPanel:hover	{ background:#f9f9f9; }


.contentPanelContainer .contentPanelYellow		{ border:1px solid #fedc14; }
.contentPanelContainer .contentPanelYellow h2 	{ background:#fedc14; padding:10px; margin-right:-18px; height:50px; margin-top:0; }

.contentPanelContainer .contentPanelBlue		{ border:2px solid #1372c1; }
.contentPanelContainer .contentPanelBlue h2 	{ background:#1372c1; color: #fff; padding:10px; margin-right:-18px; height:50px; margin-top:0; }

.contentPanelContainer .contentPanel:hover		{ box-shadow: 3px 3px 10px #999; -webkit-box-shadow: 3px 3px 10px #999; -moz-box-shadow: 3px 3px 10px #999; transform: translateY(-10px); }

.contentPanelH2									{ padding:50px; text-align:center; }

/* arrows */
.slidePrevious, .slideNext	{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; width: 64px; height: 64px; border: none; border-radius:32px; background: #fff; color: #045aa5;  border:1px solid #045aa5; font-size: 32px; line-height: 1; cursor: pointer; transition:background 0.2s ease, color 0.2s ease; }
.slidePrevious 				{ left: 20px; }
.slideNext 					{ right: 20px; }
.slidePrevious:hover, .slideNext:hover, .slidePrevious:focus, .slideNext:focus { background: #fedc14; color: #333333; }

#homeNewsLink 				{ position:absolute; top:30px; right:30px; color:#fff; font-weight:300; }
#homeNewsLink::after 			{ content: "→"; }

/* DESKTOP */

@media (min-width: 1080px) {

.contentPanelAfterSlideshow > .contentPanel 	{ margin-top: -4vh; min-height: 4vh; }
/* INFO PANEL LOAD ANIMATION */

.contentPanelAfterSlideshow > .contentPanel 	{ opacity: 0; transform: translateY(40px); animation: infoPanelSlideUp 0.8s ease-out forwards; }
.contentPanelAfterSlideshow > .contentPanel:nth-child(1) { animation-delay: 0.5s; }
.contentPanelAfterSlideshow > .contentPanel:nth-child(2) { animation-delay: 0.75s; }
.contentPanelAfterSlideshow > .contentPanel:nth-child(3) { animation-delay: 1s; }


/* Animation */

@keyframes infoPanelSlideUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


}

@media (max-width: 1080px) {

#slideshow 			{ height: auto; min-height: 0; overflow: hidden; }
.slide 				{ position: relative; inset: auto; width: 100%; height: auto; display: none; grid-template-columns: 1fr; grid-template-rows: 45vh auto;  grid-template-areas: "image" "content"; opacity: 1; visibility: visible; }
.slide.active 		{ display: grid; }
.slide > img 		{ grid-area: image; width: 100%; height: 45vh; object-fit: cover; object-position: center; }
.slideContainer 	{ grid-area: content; width: 100%; height: auto; min-height: 45vh; padding: 2rem 1.5rem; justify-content: center; background: #17324D; }
.slideContainer h2 	{ color:#fff; }
.slideContainer p 	{ color:#fff; }

/* INFO PANELS */
.contentPanelContainer { gap: 30px; padding-top:30px; }
.contentPanelContainer .contentPanel { flex: 0 0 100%; }
.contentPanelAfterSlideshow > .contentPanel 	{ margin-top:0px; min-height: auto; }

#homeNewsLink		{ display:none; }

}