/*** Additional resources ***/

section.additional-resources .additional-resource-panel-wrapper {
   width: 340px;
   top: 20px;
   transition: 0.2s opacity;
   opacity: 0;
   background-color: rgba(var(--hl-dark-green-rgb), 0.9);
}

section.additional-resources .additional-resource-panel { height: 360px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; overflow: hidden; }
section.additional-resources .additional-resource-panel .background { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover; transition: all 0.2s; z-index: 0; }

section.additional-resources .additional-resource-panel-wrapper.do-show { opacity: 1; }

section.additional-resources .carousel { position: relative; overflow: hidden; height: 410px !important; }

section.additional-resources .slick-arrow { border: 1px solid #c3d544; background-color: transparent; background-image: url("/_assets/icon-line-arrow-dark-green.png"); }
section.additional-resources .carousel-controls .carousel-buttons { padding: 0; }
section.additional-resources .carousel-buttons .slick-arrow { width: 36px; height: 36px; background-size: 17px auto; background-position: center; background-repeat: no-repeat;  }
section.additional-resources .carousel-buttons .slick-arrow.slick-prev { transform: rotate(180deg); }

section.additional-resources .additional-resource-panel .inner { padding: 20px; position: relative; }
section.additional-resources .additional-resource-panel label.title { color: #ffffff; font-size: 30px; opacity: 1; transition: opacity 0s; line-height: 1.2; }

section.additional-resources .carousel-controls { margin-top: 20px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
section.additional-resources .carousel-controls .carousel-buttons { display: flex; flex-direction: row; align-items: center; gap: 20px; }


section.additional-resources .carousel[data-count='2']:after { content: ""; position: absolute; top: 0; left: 655px; height: 100%; width: 105%; background-color: #ffffff; opacity: 1; z-index: 10; }
section.additional-resources .carousel[data-count='3']:after { content: ""; position: absolute; top: 0; left: 925px; height: 100%; width: 105%; background-color: #ffffff; opacity: 1; z-index: 10; }

section.additional-resources .additional-resource-panel-wrapper.hide { opacity: 0;}

body.c2025 section.additional-resources .slick-arrow { 
	border-color: var(--hl-light-green); 
	background-image: url("/_assets/icon-line-arrow-hl-dark-green.png");
}

/*section.additional-resources .carousel[data-count='2'] { max-width: 656px; overflow: hidden; }*/

/*@media (max-width: 1200px) {
   section.additional-resources .carousel[data-count='2']:after { left: 59vw; }
   section.additional-resources .carousel[data-count='3']:after { left: 85vw; }
}

@media (max-width: 1010px) {
   section.additional-resources .carousel[data-count='2']:after { left: 62vw; }
}

@media (max-width: 510px) {
   section.additional-resources .carousel[data-count='2']:after { left: 70vw; }
}

@media (max-width: 450px) {
   section.additional-resources .carousel[data-count='3']:after { left: 87vw; }
}*/

@media (max-width: 640px) {
   section.additional-resources .additional-resource-panel label.title { font-size: 25px; }

   section.additional-resources .carousel { height: 260px !important; }
   section.additional-resources .additional-resource-panel-wrapper { width: 220px; top: 20px; }
   section.additional-resources .additional-resource-panel { height: 220px; }
}