/*** Additional resources ***/

section.additional-resources .additional-resource-panel-wrapper {
   width: 340px;
   top: 20px;
   transition: 0.2s opacity;
   opacity: 0;
}

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:hover .background { transform: scale(1.1); }

/*section.additional-resources .additional-resource-panel:before { 
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: linear-gradient(160deg, var(--hlc-midnight-blue) 0%, rgba(var(--hlc-midnight-blue-rgb), 0.1) 100%);
   z-index: 2;
}*/

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 var(--hlc-midnight-blue);
   background-color: transparent;
   background-image: url("/_assets2026/icon-line-arrow-hlc-midnight-blue.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;
   z-index: 5;
}

section.additional-resources .additional-resource-panel label.title {
   color: #ffffff;
   font-family: 'GT Ultra';
   font-weight: 200;
   font-size: 30px;
   opacity: 1;
   transition: opacity 0s;
   line-height: 1.2;
}

section.additional-resources .additional-resource-panel label.title strong { 
   font-weight: 200;
}

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(--hlc-midnight-blue); 
   background-color: #ffffff;
	background-image: url("/_assets2026/icon-line-arrow-hlc-midnight-blue.png");
}

body.c2025 section.additional-resources .slick-arrow:hover { 
   background-color: var(--hl-light-green);
}

/*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; }
}