:root { 
   --dark-green: #2C5E4F;
   --light-green: #C3D34D;
   --pale-green: #EEF6E7;
   --green: #58A618;
   --forest-green: #557630;
   --quote-green: #62ab26;
   --light-grey: #f7f7f7;
   --light-grey-2: #F6F8F4;
   --default-text: #3C4748;
   --very-pale-green: #F1F4F3;
}

strong, b {font-weight: 600;}

.font-l,
.font-r,
.font-m { font-family: Roobert, sans-serif !important; /*color: var(--hl-dark-green)!important;*/ }

.font-r { font-weight: 400; }
.font-l { font-weight: 300; }
.font-m { font-weight: 500; }

section { 
   font-family: Roobert, sans-serif;
   font-weight: 400;
   font-size: 16px;
   line-height: 1.3;
}

.breadcrumbs {
   margin-top: 0;
}

header.standard-header { position: relative; z-index: 0; padding-top: 40px; padding-bottom: 0; }
header.standard-header .background { position: absolute; left: 0; top: 0; right: 0; bottom: 70px; }

header.standard-header .col-1 { padding-top: 0; padding-bottom: 0; }
header.standard-header .header-intro { background-color: var(--hl-dark-green); width: 100%; max-width: 410px; padding: 40px 30px 40px 30px; }

header .logo-and-title {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 20px;
}

header .logo {
   height: 58px;
   width: auto;
}


header .logo-and-title h1 { font-family: Tiempos; font-size: 39px; color: #ffffff; line-height: 1.1em; font-weight: normal; }

header .intro {
   font-family: Roobert, sans-serif;
   font-size: 17px;
   color: #ffffff;
   line-height: 1.3em;
}

header .standard-page-content p.subheading {
   color: var(--hl-light-green);
   font-size: 20px;
   font-weight: 500;
   margin-bottom: 0.25em;
}

.header-links { display: flex; flex-direction: column; gap: 10px; }
.header-link { font-family: Roobert, sans-serif; display: flex; flex-direction: row; align-items: center; gap: 14px; text-decoration: none; color: var(--hl-light-green); font-size: var(--font-17); }
.header-link img { height: 14px; width: auto; }
.header-link:hover { text-decoration: underline; }

header.standard-header.topic-header .header-intro,
header.standard-header.sector-header .header-intro {
   padding-bottom: 40px;
   min-height: 240px;
}

header.standard-header.topic-header .intro,
header.standard-header.sector-header .intro {
   font-size: 27px;
   font-weight: 400;
   line-height: 1.2;
}

header .btn-home { position: absolute; bottom: 0; right: 10px; background-color: var(--hl-light-taupe); border: 1px solid var(--hl-light-taupe); color: var(--hl-dark-green); padding: 10px 16px; text-decoration: none; font-family: Roobert, sans-serif; font-size: 16px; display: flex; flex-direction: row; align-items: center; gap: 14px; transition: all 0.2s; }
header .btn-home:before { content: ""; display: inline-block; width: 10px; height: 20px; background-image: url("/_assets/btn-arrow-hl-dark-green.png"); background-size: contain; background-position: center; background-repeat: no-repeat; transform: rotate(180deg);  }
header .btn-home:hover { background-color: transparent; }

header .icon-list { margin: 40px 0 00px 0; gap: 10px; list-style: none; display: flex; }
header .icon-list button { background-color: transparent; }

.standard-page-content p,
.popup-modal .popup-form .form-field label { font-family: Roobert, sans-serif; font-weight: 300; color: var(--hl-dark-green); }

.popup-modal .popup-form .form-field input[type=text],
.popup-modal .popup-form .form-field textarea { font-family: Roobert, sans-serif; font-weight: 300; background-color: var(--hl-light-taupe); border-color: var(--hl-light-taupe) !important; color: var(--hl-dark-green); }

div.switch-control .status-text { font-family: Roobert, sans-serif!important; color: var(--hl-dark-green); }

section h2.section-title { font-size: 36px; margin-bottom: 0.75em; font-family: Roobert, sans-serif; color: var(--hl-dark-green); font-weight: 300; }

.intro h2 {line-height: 1.2em;}

.popup-form .header .icon-and-title { display: flex; flex-direction: row; gap: 10px; align-items: center; margin-bottom: 16px; }
.popup-form .header h2 { font-family: Roobert, sans-serif; font-size: 24px; color: var(--hl-dark-green)!important; margin-bottom: 0em; }

div.switch-control .switch-control-toggle:before { background-color: var(--hl-dark-green); }
div.switch-control .switch-control-toggle { box-shadow: 0 0 0 2px var(--hl-dark-green); }


div.body-content { position: relative; z-index: 0; }

div.body-content:has(.dk-select.dk-select-open-up),
div.body-content:has(.dk-select-multi.dk-select-open-up) { z-index: 7; }

.select-options .btn-clear-options { border-color: var(--hl-light-green) !important; background-color: var(--hl-light-green) !important; }
.select-options .btn-clear-options:hover { background-color: transparent!important; }

.select-options .btn-expand-group { font-family: Roobert, sans-serif;font-weight: 300; background-color: var(--hl-dark-green) !important; border-color: var(--hl-dark-green) !important; }

.select-options .select-option { font-family: Roobert, sans-serif; font-weight: 300; color: var(--hl-dark-green); }
.select-options .select-option:not(.select-all) { background-color: rgba(var(--hl-taupe-rgb), 0.6) !important; }

.select-options .select-option:before { border-color: var(--hl-dark-green)!important; }

.select-options .select-option.checked:not(.select-all) { background-color: rgba(var(--hl-dark-green-rgb), 0.5)!important; color: #ffffff!important; }

.select-options .select-option[disabled] { opacity: 0.5; }


.popup-modal.ask-question-popup .buttons input[type=button] { border-color: var(--hl-light-green); background-color: var(--hl-light-green); color: var(--hl-dark-green); font-family: Roobert, sans-serif;   }

.popup-modal.ask-question-popup h3,
.popup-modal.ask-question-popup p { font-family: Roobert, sans-serif; color: var(--hl-dark-green); }


.key-contacts-v3 { margin-top: 40px; background-color: var(--hl-dark-green); padding: 30px 0; }
.key-contacts-v3 .header h2 { font-size: 36px; font-family: Roobert, sans-serif; font-weight: 300; color: var(--hl-light-green); }
.key-contacts-v3 .carousel-controls .slick-arrow { width: 36px; height: 36px; background-image: url("/_assets/icon-line-arrow-hl-light-green.png"); background-size: 17px auto; border-color: var(--hl-light-green); background-color: transparent;  }

.key-contacts-v3 .carousel-controls .slick-arrow:hover { background-color: var(--hl-light-green); background-image: url("/_assets/icon-line-arrow-hl-dark-green.png"); }

.key-contacts-v3 .header .buttons a,
.key-contacts-v3 .header .buttons button { font-family: Roobert, sans-serif; }

.key-contacts-v3 a.btn-contact-us { background-color: var(--hl-light-green); color: var(--hl-dark-green); border: 1px solid var(--hl-light-green); }
.key-contacts-v3 a.btn-contact-us:before { content: ""; width: 26px; height: 20px; background-image: url("/_assets/icon-envelope-hl-dark-over-light-green.png"); background-size: contain; background-position: center; background-repeat: no-repeat; }
.key-contacts-v3 a.btn-contact-us:hover { background-color: var(--hl-dark-green); color: #ffffff !important; }
.key-contacts-v3 a.btn-contact-us:hover:before { background-image: url("/_assets/icon-envelope-hl-light-over-mid-green.png"); }

/*** Search Bar - Search input and various buttons ***/
section.search-bar { padding: 30px 0; z-index: 5; }
section.search-bar .search-bar-container { display: flex; flex-direction: row; gap: 20px; align-items: center; }
section.search-bar .search-box { background-color: var(--hl-light-taupe); border: 1px solid var(--hl-light-taupe); flex-basis: 100%; gap: 10px; padding: 8px 12px; display: flex; flex-direction: row; align-items: center; height: 47px; }
section.search-bar .search-box input[type=text] { width: 100%; margin-right: 10px; font-family: Roobert, sans-serif; font-size: 16px; background-color: transparent; color: var(--hl-dark-green);  }
section.search-bar .search-box .btn-search { display: inline-block; width: 21px; height: 21px; background-color: transparent; background-image: url("/_assets/icon-search-hl-dark-green.png"); background-size: contain; background-position: center; background-repeat: no-repeat; cursor: pointer; flex-shrink: 0; }


section.search-bar .buttons { display: flex; flex-direction: row; align-items: center; gap: 10px; }
section.search-bar .buttons a,
section.search-bar .buttons button { flex-basis: 100%; font-size: 16px; text-decoration: none; border: none; font-family: Roobert, sans-serif; color: #ffffff; padding: 8px 18px; display: flex; flex-direction: row; gap: 10px; align-items: center; white-space: nowrap; border-style: solid; border-width: 1px; transition: all 0.2s; height: 47px; }

section.search-bar .buttons a:last-child,
section.search-bar .buttons button:last-child { margin-right: 0; }

section.search-bar .buttons a:before,
section.search-bar .buttons button:before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; }

section.search-bar .buttons a:hover,
section.search-bar .buttons button:hover { background-color: #ffffff; color: var(--hl-dark-green); }

.btn-generate-report { border-color: var(--hl-light-green) !important; background-color: var(--hl-light-green); color: var(--hl-dark-green)!important; }
.btn-generate-report:before { width: 25px; height: 22px; background-image: url("/_assets/icon-generate-report-hl-dark-green.png"); }

section.gr-button .btn-generate-report { background-color: var(--hl-light-green); border-color: var(--hl-light-green) !important; color: var(--hl-dark-green) !important; font-family: Roobert, sans-serif; }
section.gr-button .btn-generate-report:after { background-image: url("/_assets/icon-download-2-hl-dark-green.png")}

.btn-my-alerts { background-color: var(--hl-dark-green); border-color: var(--hl-dark-green); !important; flex-basis: 30% !important; }
.btn-my-alerts:before { width: 21px; height: 22px; background-image: url("/_assets/icon-my-alerts-filled-hl-light-green.png"); }
.btn-my-alerts:hover:before { background-image: url("/_assets/icon-my-alerts-filled-hl-dark-green.png"); }

.my-alert-form .buttons { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.my-alert-form .my-alerts-saved { font-size: 14px; }



ul.share-icons li { margin: 0; }

ul.share-icons li .share-icon,
button.share-icon { width: 47px; height: 47px; background-size: 30px; }

ul.share-icons.style-2024 li .share-icon { background-color: var(--hl-light-green); border-radius: 0; margin: 0 5px 0 0; }
ul.share-icons.style-2024 li .share-icon:hover { background-color: var(--hl-dark-green); }

ul.share-icons.style-2024 li .share-icon.twitter { background-image: url("/_assets2024/social-sharing-icons/twitter-64-hl-dark-green.png"); }
ul.share-icons.style-2024 li .share-icon.youtube { background-image: url("/_assets2024/social-sharing-icons/youtube-64-hl-dark-green.png"); }
ul.share-icons.style-2024 li .share-icon.linkedin { background-image: url("/_assets2024/social-sharing-icons/linkedin-64-hl-dark-green.png"); }

ul.share-icons.style-2024 li .share-icon.twitter:hover { background-image: url("/_assets2024/social-sharing-icons/twitter-64-hl-light-green.png"); }
ul.share-icons.style-2024 li .share-icon.youtube:hover { background-image: url("/_assets2024/social-sharing-icons/youtube-64-hl-light-green.png"); }
ul.share-icons.style-2024 li .share-icon.linkedin:hover { background-image: url("/_assets2024/social-sharing-icons/linkedin-64-hl-light-green.png"); }

.search-bar .social-media { display: flex; flex-direction: row; align-items: end; justify-content: end; }


/*** Tool bar ***/
section.tool-bar { position: fixed !important; bottom: 100px; right: 0; background-color: transparent !important; z-index: 1000; display: flex; flex-direction: column; gap: 10px; }

section.tool-bar .btn-ask-question { padding: 14px; width: 44px; height: 44px; background-image: url("/_assets/icon-question-mark-hl-light-green.png"); background-size: 16px; background-position: center; background-repeat: no-repeat; background-color: var(--hl-dark-green); cursor: pointer; box-shadow: 0 0 0 1px #dedede; }
section.tool-bar .btn-my-alerts { display: block; padding: 14px; width: 44px; height: 44px; background-image: url("/_assets/icon-my-alerts-filled-hl-dark-green.png"); background-size: 22px; background-position: center; background-repeat: no-repeat; background-color: var(--hl-light-green); flex-basis: auto !important; box-shadow: 0 0 0 1px #dedede; cursor: pointer; }


/*** Link Panel ***/

a.link-panel { text-decoration: none; color: var(--hl-dark-green); background-color: var(--hl-light-green); padding: 20px; display: flex; flex-direction: column; transition: all 0.2s; }

a.link-panel div.icon { width: 56px; height: 56px; background-size: contain; background-position: center; background-repeat: no-repeat; flex-shrink: 0; }

a.link-panel .content { margin-top: 20px; flex-basis: 100%; }
a.link-panel p { font-family: Roobert, sans-serif; font-size: 17px; color: var(--hl-dark-green); line-height: 1.2;  }
a.link-panel p.title { font-size: 24px; font-weight: bold; margin-bottom: 20px; }

a.link-panel .content > :last-child { margin-bottom: 0; }

a.link-panel .button-container { margin-top: 20px; }
a.link-panel div.button { display: inline-flex; flex-direction: row; align-items: center; gap: 14px; padding: 12px 14px; border: 1px solid var(--hl-dark-green); background-color: var(--hl-dark-green); color: #ffffff; font-family: Roobert, sans-serif; font-size: 14px; transition: all 0.2s; }
a.link-panel div.button:after { content: ""; display: block; width: 12px; height: 18px; background-image: url("/_assets/btn-arrow-white.png"); background-size: contain; background-position: right center; background-repeat: no-repeat; }

a.link-panel:hover { filter: brightness(0.9); }
a.link-panel:hover div.button { background-color: #ffffff; color: var(--hl-dark-green); filter: brightness(1.1); }
a.link-panel:hover div.button:after { background-image: url("/_assets/btn-arrow-hl-dark-green.png"); }

/*** Whats New ***/

section.whats-new { padding: 30px 0 30px 0; background-color: var(--hl-dark-green)!important; }

section.whats-new h2.section-title { color: var(--hl-light-green); }

section.whats-new .carousel { margin: 0 -5px; }

section.whats-new .slick-arrow { background-color: var(--hl-light-green); border-color: var(--hl-light-green); background-image: url("/_assets/icon-line-arrow-hl-dark-green.png"); }
section.whats-new .slick-arrow:hover { background-color: transparent; background-image: url("/_assets/icon-line-arrow-hl-light-green.png"); }

section.whats-new div.see-all { display: flex; flex-direction: row; align-items: center; gap: 30px; }

section.whats-new div.see-all p { margin: 0; font-family: Roobert, sans-serif; font-size: 24px; font-weight: 600; color: var(--hl-light-green); }

/*** Topics Grid ***/
.topics-list { }

.topic-panel {
   position: relative;
   min-height: 280px;
   background-color: var(--hl-light-taupe);
}

.sector-panel {
   position: relative;
   min-height: 280px;
   background-color: var(--hl-taupe);
}

.topic-panel .inner,
.sector-panel .inner {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
}

.topic-panel .image,
.sector-panel .image {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   transition: transform 0.2s;
   z-index: 0;
}

.sector-panel.search-result { 
   padding-top: 10px;
   transition: all 0.2s;
}

.sector-panel.search-result .image {
   opacity: 0;
}

.topic-panel a.view {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   padding: 0;
   cursor: pointer;
   z-index: 2;
}

.sector-panel a.view { 
   text-decoration: none;
}

.sector-panel .tag { 
   display:none ;
   font-family: Roobert, sans-serif;
   font-size: 13px;
   font-weight: 300;
   padding: 10px 20px;
   color: var(--hl-dark-green);
   margin: 0;
}

.sector-panel.search-result .tag {
   display: block;
}

.topic-panel .content-container,
.sector-panel .content-container {
   padding: 0 0 30px 0;
   position: relative;
   z-index: 1;
}

.topic-panel .content-container {
   min-height: 240px;
}

.topic-panel .content {
   width: 100%;
   position: relative;
   padding: 20px 20px 40px 20px;
}

.sector-panel .content {
   width: 100%;
   position: relative;
   padding: 20px 20px 20px 20px;
}

.sector-panel.search-result .content { 
   padding-top: 0;
}

.sector-panel.search-result:hover { 
   filter: brightness(0.95);
}

.topic-panel .content p,
.sector-panel .content p {
   position: relative;
   z-index: 1;
   color: var(--hl-dark-green);
   font-size: 21px;
}

.topic-panel:hover .image,
.sector-panel:hover .image {
   transform: scale(1.1);
}

/*** Quotes Carousel ***/

section.quotes { background-color: var(--pale-green)!important; padding: 40px 0; }

section.quotes .carousel { display: flex; flex-direction: row; align-items: center; gap: 40px; }

section.quotes .inner { width: 100%; max-width: 800px; margin: 0 auto; text-align: center; }
section.quotes .quote-mark { display: flex; flex-direction: row; gap: 20px; justify-content: center; align-items: center; margin-bottom: 20px; }
section.quotes .quote-mark hr { flex-basis: 200px; border-color: var(--green); }
section.quotes .quote-mark img { height: 30px; }

section.quotes p.quote { font-size: 24px; color: var(--dark-green); line-height: 1.2em; margin-bottom: 0.75em; }
section.quotes p.quoter { font-size: 15px; color: var(--dark-green); margin-bottom: 2px; }
section.quotes p.quote-from { font-size: 15px; color: var(--dark-green); font-style: italic; margin-bottom: 0; }

section.quotes .slick-arrow { flex-shrink: 0; background-image: url("/_assets/icon-line-arrow-dark-green.png"); border-color: var(--green) ; }

/*** ***/

section.accolades { background-color: var(--dark-green)!important; padding: 20px 0; }
section.accolades .carousel { display: flex; flex-direction: row; align-items: center; gap: 40px; width: 100%; flex-shrink: 0; }
section.accolades .carousel > div { flex-basis: 100%; }

section.accolades .slick-arrow { flex-shrink: 0; background-image: url("/_assets/icon-line-arrow-white.png"); border-color: var(--light-green); }

.accolade-panel { text-align: center; padding: 0 20px; }
.accolade-panel p.type { color: var(--light-green); font-size: 19px; margin-bottom:  0.25em; }
.accolade-panel p.title { color: #ffffff; font-size: 19px; margin-bottom: 5px; line-height: 1.2em; }
.accolade-panel p.from { color: #ffffff; font-size: 15px; font-style: italic; margin: 0; }

section.accolades .slick-list { display: flex; justify-content: center; }
section.accolades .carousel .slick-prev + .slick-list { display: block; }

/*** Knowhow panel ***/

.knowhow-panel { display: inline-block; background-color: transparent; padding: 0; }
.knowhow-panel.slick-slide { padding-left: 5px; padding-right: 5px; }

.knowhow-panel .inner {
   color: inherit;
   padding: 0;
   background-color: var(--hl-very-light-taupe);
   border-top: 0;
   transition: all 0.2s;
}

section.search-results .knowhow-panel .inner:not(:hover) { 
   background-color: #ffffff;
}

.knowhow-panel .inner > button { background-color: transparent; color: #000000; text-align: left; padding: 0 20px 20px 20px; width: 100%; }
.knowhow-panel .tag { display: flex; flex-direction: row; padding: 0 10px 0 0; align-items: center; justify-content: space-between; font-size: 12px; gap: 20px; color: var(--hl-dark-green); }
.knowhow-panel .tag .type { display: flex; flex-direction: row; align-items: center; gap: 10px; line-height: 1.2em; }

.knowhow-panel .tag .icon { width: 45px; height: 45px; background-color: var(--hl-light-green); background-size: 28px auto; background-position: center; background-repeat: no-repeat; }

/*.knowhow-panel .tag .type img.panel-type { width: 21px; }*/

.knowhow-panel.no-jurisdictions .tag { margin-bottom: 2px; }

.knowhow-panel .tag .jurisdiction-icon { height: 28px; width: 28px; border-radius: 100%; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5);  }

.knowhow-panel .tag.small { font-size: 11px; }

.knowhow-panel .jurisdictions { display: flex; flex-direction: row; gap: 5px; flex-wrap: nowrap; }


.knowhow-panel .title { font-family: Roobert, sans-serif; font-weight: 400; color: var(--hl-dark-green); font-size: 20px; line-height: 1.2em }

.knowhow-panel .image { position: relative; width: 100%; height: 120px; margin-top: 20px; background-size: cover; background-position: center; }

.knowhow-panel .content { padding-top: 20px; }
.knowhow-panel .content .date { font-family: Roobert, sans-serif; font-weight: 300; font-size: 13px; color: var(--hl-dark-green); }

.knowhow-panel .inner .image .video-button { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0.95; }

.know-how-list .knowhow-panel .inner:hover,
.knowhow-panel .inner:hover { background-color: var(--hl-light-taupe); }

.knowhow-panel .article-date { display: flex; gap: 10px; }

.knowhow-panel .share-popup button.share-icon { background-image: url("/_assets/icon-share-light-grey.png"); }

.knowhow-list .knowhow-panel .inner { background-color: rgba(var(--hl-light-taupe-rgb), 0.75); }

/*** Knowhow popup ***/

.knowhow-popup { background-color: rgba(0, 0, 0, 0.25); }

.knowhow-popup .popup-form { border-top: 0px solid #c0c0c0; }

.knowhow-popup .tag { display: flex; flex-direction: row; align-items: center; margin-bottom: 10px; justify-content: space-between; padding-right: 20px; }
.knowhow-popup .tag span { display: flex; align-items: center; gap: 10px; }
.knowhow-popup .tag .icon { width: 45px; height: 45px; background-color: var(--hl-light-green); background-size: 28px auto; background-position: center; background-repeat: no-repeat; }
.knowhow-popup .tag .know-how-type-icon { height: 20px; }
.knowhow-popup .tag .jurisdictions { display: flex; flex-direction: row; gap: 5px; }
.knowhow-popup .tag .jurisdictions img { height: 28px; width: 28px; border-radius: 100%; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5); }
.knowhow-popup .tag label { font-family: Roobert, sans-serif; font-size: 14px; color: var(--hl-dark-green);  }
.knowhow-popup .tag .type { display: flex; gap: 10px; align-items: center; flex-basis: 100%; }
.knowhow-popup .tag label.date { text-align: right; color: #4d5357; white-space: nowrap; }
.knowhow-popup .title { font-family: Roobert, sans-serif; font-weight: 400; font-size: 25px; color: var(--hl-dark-green); margin: 0; }
.knowhow-popup .date { font-size: 12px; text-align: left; }

.knowhow-popup .content { }
.knowhow-popup .content .intro { margin: 0; }

.knowhow-popup .button-container { margin-top: 20px; }
.knowhow-popup .btn-read-more { border-color: var(--hl-dark-green); background-color: var(--hl-dark-green); color: #ffffff; font-family: Roobert, sans-serif; font-size: 16px; font-weight: 300;  }
.knowhow-popup .btn-read-more:hover { background-color: transparent; color: var(--hl-dark-green); }

.knowhow-popup .video-container,
.knowhow-popup .image { margin-top: 20px; }

.knowhow-popup .close-knowhow-popup,
.popup-modal .popup-form .close-popup { position: absolute; display: block; width: 34px; height: 34px; background-color: var(--hl-light-green); top: 0; right: 0; z-index: 100; background-image: url("/_assets/icon-close-hl-dark-green.png"); background-size: 16px; background-position: center; background-repeat: no-repeat; border-radius: 0; }

/*** Press Releases ***/

section.press-releases { padding: 40px 0; }
section.press-releases .container { position: relative; padding: 40px; }
section.press-releases .container:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--dark-green); opacity: 0.96; z-index: 0; }

section.press-releases .content { position: relative; z-index: 2; }
section.press-releases h2.section-title { color: #ffffff; }

.press-release-topic-panel { }
.press-release-topic-panel p.press-release-topic-title { color: #ffffff; font-size: 19px; display: flex; align-items: flex-end; }

.press-release-topic-panel .press-release-list { display: flex; flex-direction: column; gap: 5px; }
.press-release-topic-panel a { display: flex; flex-direction: row; align-items: center;  border-width: 1px; border-style: solid; border-color: var(--forest-green); background-color: var(--forest-green); padding: 10px 40px 10px 20px; text-decoration: none; color: #ffffff; font-size: 15px; line-height: 1.2em; transition: background-color 0.2s; position: relative; }
.press-release-topic-panel a:after { content: ""; position: absolute; right: 20px; top: 50%; margin-top: -10px; width: 11px; height: 20px; background-image: url("/_assets/btn-arrow-light-green.png"); background-size: contain; background-repeat: no-repeat; background-position: center right;   }
.press-release-topic-panel a:hover { background-color: var(--dark-green); }

/*** Additional resources ***/

section.additional-resources .additional-resource-panel-wrapper { width: 340px; }
section.additional-resources .additional-resource-panel { height: 340px; 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 .carousel { border: 0px solid red; position: relative; overflow: hidden; }

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 .slick-arrow:hover { background-color: var(--hl-light-green); }

section.additional-resources .carousel-controls .carousel-buttons { padding: 0; }
section.additional-resources .carousel-buttons .slick-arrow { background-size: 17px auto; background-position: center; }

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

/*** Know-how filter ***/

section.title-and-filter { margin-bottom: 0; z-index: 10; }
section.title-and-filter .col-1 { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; }

section.title-and-filter h2.section-title { margin-bottom: 0; }

section.title-and-filter .filter,
section.title-and-filter .filter .filter-field { display: flex; flex-direction: row; align-items: center; gap: 10px; }

section.title-and-filter .filter { gap: 10px; }

section.title-and-filter .filter .filter-field { flex-shrink: 0; min-width: 0; min-height: 0; }
section.title-and-filter .filter .filter-field label { font-family: Roobert, sans-serif; font-weight: 300; color: var(--hl-dark-green); white-space: nowrap; }

/*section.title-and-filter .filter .filter-field.sort-by { width: 220px; }*/
section.title-and-filter .filter .filter-field.content-type { width: 260px; }
section.title-and-filter .filter .filter-field.jurisdiction { width: 180px; }
section.title-and-filter .filter .filter-field.topic { width: 180px; }

/*** Topic Page ***/

/*.topic-page .search-bar { background-color: var(--light-grey-2); }*/

/*section.topic { background-color: var(--light-grey-2) !important; padding-bottom: 40px;  } */

section.topic .topic-container,
section.sector .sector-container {
   display: flex;
   flex-direction: row;
   gap: 60px;
   align-items: start;
   width: 100%;
   margin: 0;
}

section.topic .content,
section.sector .content {
   font-family: Roobert, sans-serif;
   font-weight: 300;
   color: var(--hl-dark-green);
   line-height: 1.3em;
}

section.topic .side-content,
section.sector .side-content {
   width: 350px;
   flex-shrink: 0;
}

section.sector .side-content > * { 
   margin-top: 30px; 
}

section.topic .side-content > :first-child,
section.sector .side-content > :first-child {
   margin-top: 0;
}

section.topic .topic-quote,
section.sector .sector-quote {
   flex-shrink: 0;
   width: 100%;
   background-color: var(--hl-dark-green);
   padding: 30px;
}

section.topic .topic-quote > :last-child,
section.sector .sector-quote > :last-child { 
   margin-bottom: 0; 
}

section.topic .topic-quote .quote-mark,
section.sector .sector-quote .quote-mark {
   height: 40px;
   margin-bottom: 30px;
}

section.topic .topic-quote p,
section.sector .sector-quote p {
   font-family: Roobert, sans-serif;
   font-size: 22px;
   color: #ffffff;
   line-height: 1.2;
}

section.topic .topic-quote p.quote,
section.sector .sector-quote p.quote {
   line-height: 1.2em;
   font-weight: 500;
}

section.topic .topic-quote p.quoter,
section.sector .sector-quote p.quoter {
   font-size: 16px;
   margin-top: 1em;
}

section.topic .topic-quote p.quoter {
   font-style: italic;
}

section.topic .topic-quote > :last-child {
   margin-bottom: 0;
}

section.topic div.highlights { margin-top: 40px; }
section.topic div.highlights h3.section-title { margin-bottom: 0.75em; font-size: 28px; color: #4D5357; }


section.topic .intro,
section.sector .intro {
   color: var(--hl-dark-green);
   font-size: 20px;
   font-family: Roobert, sans-serif;
   line-height: 1.2em;
}

/*section.related-resources .knowhow-panel .inner { background-color: var(--light-grey); }*/

section.related-resources .slick-arrow { background-image: url("/_assets/icon-line-arrow-dark.png"); }

section.topic .highlights .carousel-controls { padding-left: 10px; /*justify-content: end;*/ }
section.topic .highlights .slick-arrow { background-image: url("/_assets/icon-line-arrow-dark.png"); background-color: #ffffff; }

section.related-resources .carousel { margin: 0 -5px; }

/*** Search Page ***/

div.search-results { background-color: rgba(var(--hl-taupe-rgb), 0.2); padding: 25px; }
div.search-results h3 { color: var(--hl-dark-green); margin-bottom: 1em; }

.search-results-list .search-highlight { color: var(--green); font-weight: bold; }

.search-results-list .search-context { font-size: 14px; line-height: 1.2em; margin-top: 20px; font-family: Roobert, sans-serif; color: var(--hl-dark-green); }

.search-result-panel { background-color: #ffffff; }
.search-result-panel .inner { border-top: 10px solid #dddddd; padding: 0; height: 100%; }
.search-result-panel .inner a { text-decoration: none; color: var(--default-text); background-color: #ffffff; display: block; padding: 0; transition: all 0.2s; height: 100%; }

.search-result-panel .tag {
   font-family: Roobert, sans-serif;
   font-weight: 300;
   padding: 10px 20px;
   font-size: 13px;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   color: var(--hl-dark-green);
}

.search-result-panel .title { padding: 0 20px; color: #333333; font-size: 20px; line-height: 1.2em; }
.search-result-panel .search-context { padding: 0 20px 20px 20px; color: var(--default-text); }

.search-result-panel .inner a:hover { background-color: #d8d8d8; }

/*** Generate Report Page ***/

.selection-area { padding: 25px; background-color: rgba(var(--hl-taupe-rgb), 0.2); }

.selection-area h3 { font-family: Roobert, sans-serif; color: var(--hl-dark-green); font-weight: 300; }



/*** Carousels ***/
.carousel-controls { margin-top: 20px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.carousel-controls .carousel-buttons { display: flex; flex-direction: row; align-items: center; gap: 20px; }
.slick-arrow { border: 1px solid var(--hl-light-green); width: 36px; height: 36px; font-size: 0; background-color: transparent; background-image: url("/_assets/icon-line-arrow-white.png"); background-size: 17px auto; background-position: center; background-repeat: no-repeat; }
.slick-arrow.slick-prev { transform: rotate(180deg); }

.slick-arrow:hover { background-color: var(--hl-light-green); }

.carousel-controls .btn-see-all { font-family: Roobert, sans-serif; font-size: 16px; font-weight: 500; display: inline-flex; border: 1px solid var(--hl-light-green); background-color: var(--hl-light-green); padding: 10px; color: var(--hl-dark-green); text-decoration: none; transition: all 0.2s; align-items: center; gap: 14px;  }
.carousel-controls .btn-see-all:hover { background-color: transparent; color: #ffffff; }
.carousel-controls .btn-see-all:hover:after { background-image: url("/_assets/icon-line-arrow-hl-light-green.png"); }

.carousel-controls .btn-see-all:after { content: ""; display: inline-block; width: 16px; height: 16px; background-image: url("/_assets/icon-line-arrow-hl-dark-green.png"); background-size: contain; background-position: center; background-repeat: no-repeat; transform: rotate(-45deg); }

header.standard-header .background.edge-angle { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%) !important; }

header video#home { min-width: 100%; min-height: 100%; width: 100vw; height: 100%; position: absolute; object-position: center; object-fit: cover; }



.dk-selected { background-color: var(--hl-light-taupe); border-color: var(--hl-light-taupe); font-family: Roobert, sans-serif; font-weight: 300; color: var(--hl-dark-green); }
.dk-selected:before { background-image: url(/_assets/icon-arrow-down-hl-dark-green.png); }

.dk-select-options { background-color: var(--hl-light-taupe); }

.dk-select-options-highlight .dk-option-selected,
.dk-option-selected { background-color: rgba(var(--hl-dark-green-rgb), 0.15); color: var(--hl-dark-green); }

.dk-select-options .dk-option-highlight { background-color: rgba(var(--hl-dark-green-rgb), 0.2); color: #ffffff; }
.dk-select-open-down:not(.dk-always-open-up) .dk-select-options { padding: 10px; }

.dk-checkboxes li.dk-option:before { left: 5px; border-color: var(--hl-dark-green); }

.dk-select, 
.dk-select *, 
.dk-select *:before, 
.dk-select *:after, 
.dk-select-multi, 
.dk-select-multi *, 
.dk-select-multi *:before, 
.dk-select-multi *:after { font-family: Roobert, sans-serif; color: var(--hl-dark-green); font-weight: 300; }


a.external-link {
   position: relative;
   overflow: hidden;
   font-family: Roobert, sans-serif;
   font-size: 24px;
   font-weight: 500;
   color: var(--hl-dark-green);
   line-height: 1.2;
   text-decoration: none;
   display: block;
   height: 350px;
   padding: 30px;
   background-color: var(--hl-taupe);
}

a.external-link .external-link-image {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   z-index: 0;
   transition: all 0.2s;
}

a.external-link p.title { 
   position: relative;
   z-index: 2;

   font: inherit;
   color: inherit;
}

a.external-link:hover .external-link-image {
   transform: scale(1.1);
}

a.external-link div.plus { 
   position: absolute;
   bottom: 30px;
   right: 30px;
   width: 40px;
   height: 40px;
   border: 1px solid var(--hl-taupe);
   background-color: var(--hl-dark-green);
   background-image: url("/_assets/icon-plus-hl-light-green.png");
   background-size: 20px 20px;
   background-position: center;
   background-repeat: no-repeat;
}

div.download-pdf { margin-top: 30px; }

a.download-pdf {
   font-family: Roobert, sans-serif;
   font-size: 17px;
   font-weight: 600;
   color: var(--hl-dark-green);
   text-decoration: none;
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 14px;
}

a.download-pdf:before {
   content: "";
   width: 20px;
   height: 20px;
   background-image: url("/_assets/icon-download-hl-light-green.png");
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
}

a.download-pdf:hover {
   text-decoration: underline;
}

@media (max-width: 1200px) {
   .topic-panel,
   .sector-panel { 
      min-height: calc(25vw - 20px);
   }
}

@media (max-width: 1100px) {
   section.title-and-filter .col-1 { flex-direction: column; align-items: start; }

   .topic-panel,
   .sector-panel {
      min-height: calc(33vw - 20px);
   }
}

@media (max-width: 890px) {
   body:not(.spotlight-know-how-page) section.title-and-filter .filter {
      display: grid;
      grid-template-areas: "sort sort sort" "type jurisdiction topic";
      grid-template-columns: repeat(3, 1fr);
      width: 100%;
   }

   body.spotlight-know-how-page section.title-and-filter .filter { 
      display: grid;
      grid-template-areas: "sort";
      grid-template-columns: 1fr;
      width: 100%;
   }

   section.title-and-filter .filter .filter-field.sort-by {
      grid-area: sort;
      width: auto;
   }

   section.title-and-filter .filter .filter-field.sort-by .dk-select { width: auto; }
   section.title-and-filter .filter label { width: 60px; flex-shrink: 0; }
   section.title-and-filter .filter .filter-field.content-type { grid-area: type; width: 100%; }
   section.title-and-filter .filter .filter-field.jurisdiction { grid-area: jurisdiction; width: 100%; }
   section.title-and-filter .filter .filter-field.topic { grid-area: topic; width: 100%; }
}

@media (max-width: 840px) {
   section.topic .topic-quote .quote-mark,
   section.sector .sector-quote .quote-mark {
      height: 34px;
   }

   section.topic .topic-quote p.quote,
   section.sector .sector-quote p.quote {
      font-size: 18px;
   }

   a.external-link p.title {
      font-size: 22px;
   }
}

@media (max-width: 800px) {
   header .icon-list { margin-top: 20px; }

   .topic-panel,
   .sector-panel {
      min-height: calc(50vw - 20px);
   }
}

@media (max-width: 740px) {
   section.search-bar .search-bar-container { display: grid; grid-template-areas: "social social" "search actions"; grid-row-gap: 20px; grid-template-columns: 2fr 1fr; }
   section.search-bar .social-media { grid-area: social; justify-self: end; }
   section.search-bar .search-box { grid-area: search; }
   section.search-bar .buttons { grid-area: actions; }

   section.topic .side-content { 
      gap: 40px;
   }

   section.topic .side-content,
   section.sector .side-content {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 100%;
   }

   section.topic .side-content .highlights {
      width: 100%;
      margin: 0;
   }

   section.topic .topic-container,
   section.sector .sector-container { flex-direction: column; }

   section.topic .topic-quote { width: 100%; padding-bottom: 30px;  }

   section.sector .side-content { 
      gap: 20px;
   }

   section.sector .sector-quote {
      width: 100%;
   }

   section.sector .external-link { 
      margin:0;
      max-width: 350px;
      align-self: end;
   }
}

@media (max-width: 680px) {
   section.title-and-filter .filter { grid-template-areas: "sort sort sort" "type type type" "spacer jurisdiction topic"; grid-template-columns: 60px 1fr 1fr; }

   /*header.topic-header h1 { font-size: 32px; }*/
}

@media (max-width: 640px) {
	section.whats-new .carousel-controls div.see-all { gap: 15px; }
	section.whats-new .carousel-controls div.see-all p { font-size: 16px; font-weight: 300; }
}

@media (max-width: 540px) {
   section.search-bar .search-bar-container  { grid-template-areas: "social" "search" "actions"; grid-template-columns: 1fr; }

	header.standard-header .col-1 { padding-bottom: 50px; }
}

@media (max-width: 520px) {
   section.quotes .carousel,
   section.accolades .carousel { display: grid; grid-template-areas: "carousel carousel" "button1 button2"; gap: 20px; grid-template-columns: 36px auto; }

   section.quotes .carousel .quote-panel,
   section.accolades .carousel .accolade-panel { padding: 0 10px; }

   section.quotes .carousel .slick-list,
   section.accolades .carousel .slick-list { grid-area: carousel; }

   section.quotes .carousel .slick-prev,
   section.accolades .carousel .slick-prev { grid-area: button1; justify-self: end; }

   section.quotes .carousel .slick-next,
   section.accolades .carousel .slick-next { grid-area: button2; }

   section.title-and-filter .filter { grid-template-areas: "sort sort" "type type" "spacer jurisdiction" "spacer topic"; grid-template-columns: 60px 1fr; }

   /*header.topic-header h1 { font-size: 20px; }*/
}

@media (max-width: 500px) {
   .topic-panel,
   .sector-panel {
      min-height: calc(100vw - 10px);
   }

}

@media (max-width: 490px) {
	section.whats-new .carousel-controls { align-items: end; }
	section.whats-new .carousel-controls div.see-all { flex-direction: column; align-items: end; }
}

@media (max-width: 430px) {
	section h2.section-title { font-size: 8vw; }
}

@media (max-width: 340px) {
   section.search-bar .buttons { flex-direction: column; align-items: start; }
}

@media (max-width: 330px) {
	section.whats-new .carousel-controls div.see-all p { display: none; }
}