form { background-color: transparent !important; }

input[type="text"] { font-family: Roobert, sans-serif; color: var(--hl-dark-green); }

body.c2019.tool-page { padding-top: 0; }

.font-r { font-family: Roobert, sans-serif !important; font-weight: normal; }
.font-l { font-family: Roobert, sans-serif !important; font-weight: 300; }
.font-m { font-family: Roobert, sans-serif !important; font-weight: 500; }

.breadcrumbs .breadcrumbs-container .breadcrumb,
.breadcrumbs .breadcrumbs-container .current-page-breadcrumb { font-family: Roobert, sans-serif; color: var(--hl-dark-green); }

.breadcrumbs .breadcrumbs-container .current-page-breadcrumb:after { border-color: var(--hl-dark-green); border-width: 1px; }

.standard-page-content:not(.inherit) ol,
.standard-page-content ol li,
.standard-page-content ul,
.standard-page-content ul li,
.standard-page-content p,
.standard-page-content a,
.wrapper .standard-page-content:not(.inherit) tr th,
.wrapper .standard-page-content:not(.inherit) tr td { font-family: Roobert, sans-serif; color: var(--hl-dark-green); }

/*** Banner ***/
section.banner { min-height: 300px; margin-bottom: 50px; z-index: 100; }
section.banner .background { position: absolute; left: 0; top: 0; width: 100%; height: calc(100% - 80px); background-image: url("/esg/global-vision/_assets/gv-banner.jpg"); background-position: center bottom; }

section.banner .content { display: flex; flex-direction: row; padding-top: 120px; }

section.banner .content .intro { width: 100%; max-width: 440px; background-color: var(--hl-dark-green); padding: 40px 40px 40px 40px; color: #ffffff; }
section.banner .content .intro h1 { margin-bottom: 0.5em; font-family: Roobert, sans-serif; font-weight: 600; font-size: 38px; color: var(--hl-light-green); }

section.banner .content .intro p { color: #ffffff; font-family: Roobert, sans-serif; font-size: 17px; line-height: 1.2em; }
section.banner .content .intro p a { color: var(--hl-light-green); text-decoration: underline; text-decoration-color: #C3D544; border-bottom: 0; }

section.banner .content .intro .buttons { margin-top: 20px; display: flex; flex-direction: column; }
section.banner .content .intro .buttons a { margin-top: 10px; display: inline-block; font-family: Roobert, sans-serif; font-size: 17px; font-weight: 400; color: #ffffff; text-decoration: none; border: 0; }

section.banner .content .intro .buttons .green-arrow:after,
.topic-regulation .links .link.green-arrow:after { content: ""; display: inline-block; margin-left: 10px; width: 17px; height: 14px; background-size: 17px 16px; background-position: left center; background-image: url("/_assets/icon-line-arrow-hl-light-green.png"); background-repeat: no-repeat; }

section.banner .content .intro .buttons a:hover { color: var(--hl-light-green); }

section.banner .content .social-media { flex-basis: 100%; display: flex; flex-direction: row; align-items: end; justify-content: end; }
section.banner .content .social-media .adjust { flex-basis: 100%; }
section.banner .content .social-media .share-icons { text-align: right; }


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



/*** Ask A Question Popup ***/

.popup-modal.ask-question-popup { }

.popup-modal.ask-question-popup .popup-form .wrapper { padding: 30px; }

.popup-modal.ask-question-popup .header { padding: 0 0 20px 0; display: flex; flex-direction: row; align-items: center; }
.popup-modal.ask-question-popup .header img { height: 30px; margin-right: 16px; }
.popup-modal.ask-question-popup .header h2 { color: #2C5E4F; font-size: 25px; }

.popup-modal.ask-question-popup textarea { width: 100%; height: 100px; min-width: 100%; max-width: 100%; min-height: 50px; max-height: 200px; }

.popup-modal.ask-question-popup input[type=text],
.popup-modal.ask-question-popup textarea { border: 1px solid #6fa739 !important; padding: 5px !important; }

.popup-modal.ask-question-popup .buttons input[type=button] { border-color: #6fa739; background-color: #6fa739; color: #ffffff; }
.popup-modal.ask-question-popup .buttons input[type=button]:hover { background-color: transparent; color: #333333; }

.popup-modal.ask-question-popup h3 { margin-bottom: 0.5em; }
.popup-modal.ask-question-popup p { font-size: 16px; }


/*** ***/

section.article-list:focus-within { z-index: 12; }


.article-list-title-and-filter { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; }
.article-list-title-and-filter h2.section-title { margin-bottom: 0; flex-basis: 100%; }

.article-list-filter { display: flex; flex-direction: row; align-items: center; gap: 20px; }
.article-list-filter .filter-item { display: flex; flex-direction: row; align-items: center; gap: 10px; }
.article-list-filter .filter-item label { font-family: Roobert, sans-serif; font-size: 14px; font-weight: 500; white-space: nowrap; color: var(--hl-dark-green); }

.article-list-filter .filter-item.monthly-bytes { flex-direction: column; border: 12px solid var(--hl-light-green); background-color: var(--hl-light-green); }
.article-list-filter .filter-item.monthly-bytes .dk-selected { width: 170px; }

div.article-list { margin-top: 30px; }

.dk-select,
.dk-select * { font-family: Roobert, sans-serif; color: #000000; }

.dk-select.white .dk-selected,
.dk-select-multi.white .dk-selected { border-color: #ffffff; background-color: #ffffff; }

.dk-select.white .dk-select-options .dk-option-highlight,
.dk-select-multi.white .dk-select-options .dk-option-highlight { color: #000000; }

.dk-selected { border-color: var(--hl-taupe); background-color: var(--hl-taupe); width: 180px; }
.dk-select-options { background-color: var(--hl-taupe); }

.dk-select.white .dk-select-options,
.dk-select-multi.white .dk-select-options { background-color: #ffffff; }

.dk-select-options-highlight .dk-option-selected,
.dk-option-selected { background-color: rgba(var(--hl-dark-green-rgb), 0.3); 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-option { padding: 0.4em 20px; }

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


div.load-more { margin-top: 40px; }

.btn-load-more { font-family: Roobert, sans-serif; font-size: 15px; font-weight: 500; background-color: var(--hl-light-green); border-color: var(--hl-light-green); color: var(--hl-dark-green); display: inline-flex; flex-direction: row; align-items: center; gap: 10px; }
.btn-load-more:after { content: ""; width: 16px; height: 16px; background-image: url("/_assets/icon-plus-hl-dark-green.png"); background-size: contain; background-position: center; background-repeat: no-repeat; }
.btn-load-more:hover { background-color: var(--hl-dark-green); border-color: var(--hl-dark-green); color: #ffffff; }
.btn-load-more:hover:after { background-image: url("/_assets/icon-plus-hl-light-green.png"); }



/*** Tool Switches ***/

section.tool-switches { }
section.tool-switches .switches { display: flex; flex-direction: row; }

section.tool-switches .switches .switch { flex-basis: 50%; font-size: 20px; font-family: Roobert, sans-serif; color: #ffffff; background-color: #CDE0BA; padding: 10px; text-align: center; text-decoration: none; transition: all 0.2s; justify-content: center; }
section.tool-switches .switches .switch:nth-child(1) { margin-right: 5px; }
section.tool-switches .switches .switch:nth-child(2) { margin-left: 5px; }

section.tool-switches .switches .switch.active { background-color: #31574E; cursor: default; position: relative; }
section.tool-switches .switches .switch.active:after { content: ""; position: absolute; display: block; left: 50%; top: 100%; margin-left: -20px; margin-top: -1px; width: 40px; height: 20px; background-color: #31574E; clip-path: polygon(0 0, 100% 0, 50% 100%); }

section.tool-switches .switches .switch:not(.active):hover { background-color: #6FA739; }


/*** Search Bar - Search input and various buttons ***/

section.search-bar { margin-top: 20px; }
section.search-bar .search-bar-container { display: flex; flex-direction: row; }
section.search-bar .search-box { border: 1px solid var(--hl-light-taupe); background-color: var(--hl-light-taupe); flex-basis: 100%; padding: 8px 12px; margin-right: 10px; display: flex; flex-direction: row; gap: 10px; align-items: center; }
section.search-bar .search-box input[type=text] { width: 100%; font-size: 16px; background-color: transparent; }
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"); cursor: pointer; flex-shrink: 0; }


section.search-bar .buttons { display: flex; flex-direction: row; align-items: center; flex-basis: 30%; }
section.search-bar .buttons a { flex-basis: 100%; font-size: 16px; text-decoration: none; font-family: Roobert, sans-serif; padding: 10px 20px; margin-right: 10px; display: flex; flex-direction: row; align-items: center; height: 46px; white-space: nowrap; border-style: solid; border-width: 1px; transition: all 0.2s; }
section.search-bar .buttons a:last-child { margin-right: 0; }

section.search-bar .buttons a:before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; margin-right: 10px; }

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

section.search-bar .btn-generate-report:hover { background-color: var(--hl-dark-green); color: #ffffff !important; }
section.search-bar .btn-generate-report:hover:before { background-image: url("/_assets/icon-generate-report-hl-light-green.png"); }

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

.btn-my-alerts:hover { background-color: var(--hl-light-green); border-color: var(--hl-light-green); color: var(--hl-dark-green); }
.btn-my-alerts:hover:before { background-image: url("/_assets/icon-my-alerts-filled-hl-dark-green.png"); }

.btn-compare-countries { background-color: var(--hl-taupe); border-color: var(--hl-taupe); color: var(--hl-dark-green); flex-basis: 35% !important; }
.btn-compare-countries:before { width: 28px; height: 23px; background-image: url("/esg/global-vision/_assets/icon-compare-dark-green.png"); }

.btn-compare-countries:hover { background-color: var(--hl-light-green); border-color: var(--hl-light-green); }

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

/*** Pages ***/

section.page-header { margin-top: 40px; background-color: transparent !important; }

/*section.page-header h2,
section.in-focus h2 { font-size: 38px; color: #3C4748; margin-bottom: 0.5em; }*/

section.page-header .restricted-width { width: 100%; max-width: 800px; }

section.page-header p { color: var(--hl-dark-green); font-size: 15px; font-family: Roobert, sans-serif; }

section.page-header .with-icon { display: flex; flex-direction: row; align-items: center; }

section.page-header .with-icon h2 { margin-bottom: 0; }
section.page-header .with-icon img { height: 40px; margin-right: 20px; }

/*** Map View Options ***/

#worldMap svg circle { -webkit-filter: drop-shadow(0 0 1px #000000); filter: drop-shadow(0 0 1px #000000); }

section.view-selector { margin: 0 0 10px 0; }

section.view-selector .viewing-options { display: flex; flex-direction: row; align-items: center; }
section.view-selector .view-mode { padding-right: 30px; border-right: 1px solid #9a9a9a; margin-bottom: 5px; }

section.view-selector .view-options { padding-left: 30px; }

section.view-selector .view-options ul { list-style-type: none; }
section.view-selector .view-options ul li { margin-right: 20px; display: inline-flex; flex-direction: row; align-items: center; margin-bottom: 5px; }

section.view-selector .view-options ul li input { visibility: hidden; position: absolute; opacity: 0; }
section.view-selector .view-options ul li label { font-family: Roobert, sans-serif; color: var(--hl-dark-green); display: flex; flex-direction: row; align-items: center; cursor: pointer; }
section.view-selector .view-options ul li label:before { content: ""; display: inline-block; width: 12px; height: 12px; border: 2px solid #ffffff; box-shadow: 0 0 0 1px var(--hl-dark-green); border-radius: 14px; background-color: transparent; margin-right: 12px; }

section.view-selector .view-options ul li input:checked + label:before { background-color: var(--hl-dark-green); }


.switch { display: flex; flex-direction: row; align-items: center; margin: 0; }
.switch .status-text { color: var(--hl-dark-green); vertical-align: initial; font-family: Roobert, sans-serif; opacity: 0.6; }
.switch label.switch-status { height: 20px; }

.switch .slider { background-color: transparent; box-shadow: 0 0 0 2px #9A9A9A; }

.switch .slider:before { background-color: var(--hl-dark-green); border: 1px solid var(--hl-dark-green); height: 16px; width: 16px; top: 1px; right: 2px; transition: all 0.4s; }
.switch input[type=checkbox]:checked + .slider:before { transform: translateX(-22px); }

section.view-selector .switch.active .status-text:first-of-type,
section.view-selector .switch:not(.active) .status-text:last-of-type { opacity: 1; }

/*** ***/
section.whats-new { margin-top: 40px; }
section.whats-new .carousel { margin: 0 -10px; }

section.whats-new div.see-all { margin-top: 20px; text-align: center; }

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

/*** ***/
.article-panel { border-top: 0; font-family: Roobert, sans-serif; color: var(--hl-dark-green); background-color: transparent; font-weight: 400; line-height: 1.4em; }
.article-panel .inner { }
.article-panel .inner button { background-color: var(--hl-light-taupe); color: var(--hl-dark-green); width: 100%; display: flex; flex-direction: column; align-items: flex-start; }
.article-panel .tag { display: flex; flex-direction: row; align-items: center; font-family: Roobert, sans-serif; font-size: 12px; font-weight: 500; gap: 14px; color: var(--hl-dark-green); }
.article-panel .tag .icon { width: 45px; height: 45px; background-color: var(--hl-light-green); background-size: 28px auto; background-position: center; background-repeat: no-repeat; }
.article-panel .content { padding: 18px; text-align: left; width: 100%; }
.article-panel .content .date { font-family: Roobert, sans-serif; font-size: 12px; margin: 0 0 1em 0; }
.article-panel .content .title { font-family: Roobert, sans-serif; font-size: 18px; line-height: 1.3; }
.article-panel .content .image { margin-top: 20px; width: 100%; height: 120px; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; }

.article-panel:hover { opacity: 1 !important; }
.article-panel .inner button:hover { background-color: var(--hl-taupe); }

.article-panel.taupe .inner button { }
.article-panel.taupe .inner button:hover { background-color: var(--hl-dark-taupe); }

.article-panel .tag-and-jurisdictions { width: 100%; display: flex; flex-direction: row; gap: 10px; justify-content: space-between; padding: 0 10px 0 0; }
.article-panel .jurisdictions { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; align-items: flex-start; padding: 10px 0 0 0; }
.article-panel .jurisdictions img { height: 24px; width: 24px; }

img.flag { box-shadow: 0 0 2px 1px #000000; border-radius: 50%; }

.carousel .article-panel { padding: 0 10px; }

.video-button { position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -23px; }

/*** ***/

.popup-modal .popup-form .wrapper { max-height: 85vh; }

.article-popup .popup-form { padding: 0; font-family: Roobert, sans-serif; font-weight: 400; font-size: 16px; color: var(--hl-dark-green); }

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

.close-article-popup { right: -30px; }
.close-essential-popup { right: 0; }

.article-popup .header .tag { display: flex; flex-direction: row; align-items: center; gap: 10px; font-size: 14px; }

.article-popup .header .tag .icon { width: 45px; height: 45px; background-color: var(--hl-light-green); background-size: 28px auto; background-position: center; background-repeat: no-repeat; }
.article-popup .date { font-size: 14px; margin-top: 20px; }
.article-popup .title { font-size: 27px; margin: 0; line-height: 1.1; }
.article-popup .content .intro { margin: 16px 0 0 0; }
.article-popup .content .intro > * { font-family: inherit; font-weight: inherit; font-size: inherit; color: inherit; }
.article-popup .button-container { margin-top: 20px; }
.article-popup .btn-read-more { background-color: var(--hl-light-green); border-color: var(--hl-light-green); color: var(--hl-dark-green); font-family: Roobert, sans-serif; font-size: 15px; font-weight: 500; }
.article-popup .btn-read-more:hover { background-color: transparent; }

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

.article-popup .tag-and-jurisdictions { padding-right: 40px; }

.tag-and-jurisdictions { display: flex; flex-direction: row; gap: 20px; align-items: flex-start; justify-content: space-between; }
.tag-and-jurisdictions .jurisdictions { display: flex; flex-direction: row; gap: 10px; }

.tag-and-jurisdictions .flag { height: 32px; width: 32px; }


/*** Expander Buttons ***/

.expander-button { padding: 10px 50px 10px 14px; width: 100%; font-family: Roobert, sans-serif; text-align: left; font-size: 15px; white-space: normal; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; }
.expander-button img { height: 28px; }


.expander-button.dark-green { border: 1px solid var(--hl-dark-green); background-color: var(--hl-dark-green); width: 100%; color: #ffffff; }
.expander-button.dark-green { background-image: url("/esg/global-vision/_assets/icon-expand-white.png"); background-size: 20px; background-position: calc(100% - 14px) center; background-repeat: no-repeat; }
.expander-button.dark-green.expanded { background-image: url("/esg/global-vision/_assets//icon-expanded-white.png"); }
.expander-button.dark-green:hover { background-color: rgba(var(--hl-dark-green-rgb), 0.9); }

.expander-button.light-green { border: 1px solid rgba(var(--hl-dark-green-rgb), 0); background-color: rgba(var(--hl-dark-green-rgb), 0.1); width: 100%; color: var(--hl-dark-green); }
.expander-button.light-green { background-image: url("/esg/global-vision/_assets/icon-expand-dark-green.png"); background-size: 20px; background-position: calc(100% - 14px) center; background-repeat: no-repeat; }
.expander-button.light-green.expanded { background-image: url("/esg/global-vision/_assets/icon-expanded-dark-green.png"); }
.expander-button.light-green:hover { background-color: rgba(var(--hl-dark-green-rgb), 0.25); }

.expander-button.medium-green { border: 1px solid var(--hl-mid-green); background-color: var(--hl-mid-green); width: 100%; color: #ffffff; }
.expander-button.medium-green { background-image: url("/esg/global-vision/_assets/icon-expand-white.png"); background-size: 20px; background-position: calc(100% - 14px) center; background-repeat: no-repeat; }
.expander-button.medium-green.expanded { background-image: url("/esg/global-vision/_assets//icon-expanded-white.png"); }
.expander-button.medium-green:hover { background-color: rgba(var(--hl-mid-green-rgb), 0.9); }


.expander-button { margin-top: 10px; }
.expander-button:first-child { margin-top: 0; }

.expander-button.with-flag { padding-top: 5px; padding-bottom: 5px; }
.expander-button.with-flag span:first-of-type { padding-top: 5px; padding-bottom: 5px; }

/* two-column used elsewhere - so reverting its use for this tool */
.two-column { display: flex; flex-direction: row; column-count: inherit; gap: 10px; }

.two-column .column { flex-basis: 50%; }

.column .region-container { margin-top: 10px; }
.column .region-container:first-child { margin-top: 0; }

.column .region-container:last-child .region-jurisdictions { margin-bottom: 0; }

.selection-area.regions .two-column .column .region-jurisdictions { margin-bottom: 20px; }
.selection-area.regions .two-column .column .region-container:last-child .region-jurisdictions { margin-bottom: 0; }

/*** List View ***/

.map-and-list .list-view-wrapper { display: none; }
.map-and-list .list-view { background-color: rgba(var(--hl-taupe-rgb), 0.2); padding: 20px; }

.map-and-list .region-jurisdictions { display: none; margin-bottom: 20px; }

.map-and-list .region-jurisdictions.expanded { display: block; }

.map-and-list .jr-link { border: 0; color: var(--hl-dark-green); background-color: rgba(var(--hl-dark-green-rgb), 0.1); padding: 10px 14px; font-size: 15px; font-family: Roobert, sans-serif; margin-top: 10px; }
.map-and-list .jr-link:hover { background-color: rgba(var(--hl-dark-green-rgb), 0.25); }

.map-and-list .jr-link:after,
.map-and-list .jr-link:hover:after { background-image: url("/_assets/btn-arrow-hl-dark-green.png"); }

.map-wrapper .map-filter { position: absolute; left: 0; bottom: 0; display: flex; flex-direction: column; gap: 2px; }
.map-filter > label { font-family: Roobert, sans-serif; display: block; padding-left: 5px; margin-bottom: 8px; }

.map-filter-option { display: flex; flex-direction: row; align-items: center; gap: 10px; background-color: transparent; padding: 5px; font-weight: 500; font-size: 14px; }

.map-filter-option[data-filter='all'] { color: #5686B3; }
.map-filter-option[data-filter='csrb'] { color: #381632; }

.map-filter-option img { height: 42px; width: 42px; }
.map-filter-option[data-filter='all'] img { border-radius: 100%; border: 8px solid #5986b3; }
.map-filter-option:hover { background-color: rgba(0, 0, 0, 0.1); }

.map-filter-option:not(.selected) { opacity: 0.55; }


/*** Jurisdiction Page ***/

section.jurisdiction-header { }

div.jurisdiction-header { display: flex; flex-direction: row; align-items: center; }
div.jurisdiction-header img { height: 48px; width: 48px; margin-right: 20px; }
div.jurisdiction-header h2 { font-family: Roobert, sans-serif; font-size: 35px; color: var(--hl-dark-green); }

.jurisdiction-intro.standard-page-content { margin-bottom: 0; }
.jurisdiction-intro p { font-size: 15px; font-family: Roobert, sans-serif; }


.jurisdiction-topics .topic-header { margin-top: 10px; }
.jurisdiction-topics .topic-header:first-child { margin-top: 0; }


.jurisdiction-topics .topic-regulations { padding: 20px; background-color: rgba(var(--hl-taupe-rgb), 0.2); }

.jurisdiction-topics .topic-regulation,
.topic-type .topic-regulation { padding: 20px; background-color: #ffffff; position: relative; }

.jurisdiction-topics .topic-regulation .share-popup,
.topic-type .topic-regulation .share-popup { position: absolute; top: 20px; right: 20px; }

.topic-regulations { display: none; }
.topic-regulations.expanded { overflow: visible !important; }



.topic-regulation { display: none; }
.topic-regulation.expanded { overflow: visible !important; }

.topic-regulation .regulation-section { margin-top: 30px; }
.topic-regulation .regulation-section:first-child { margin-top: 0; }

.topic-regulation .regulation-section .regulation-section-header { display: flex; flex-direction: row; align-items: center; margin-bottom: 15px; }
.topic-regulation .regulation-section .regulation-section-header label { flex-basis: 100%; }

.topic-regulation .regulation-section label.title,
section.disclaimer label.title { display: block; color: var(--hl-dark-green); font-family: Roobert, sans-serif; font-size: 16px; font-weight: bold; margin-bottom: 0.5em; }

.topic-regulation .regulation-section .standard-page-content { margin-top: 0; margin-bottom: 0; }

.topic-regulation .esg-icons,
.share-email-preview .esg-icons { display: flex; flex-direction: row; align-items: center; margin-top: 10px; flex-wrap: wrap; column-gap: 40px; row-gap: 10px; }

.topic-regulation .esg-icons .esg-icon,
.share-email-preview .esg-icons .esg-icon { display: flex; flex-direction: row; align-items: center; }

.topic-regulation .esg-icons .esg-icon:last-child,
.share-email-preview .esg-icons .esg-icon { margin-right: 0; }

.topic-regulation .esg-icons .esg-icon div { margin-right: 14px; }

.share-email-preview .esg-icons .esg-icon div { margin-right: 8px; }

.topic-regulation .esg-icons .esg-icon span { font-size: 15px; font-family: Roobert, sans-serif; }

.share-email-preview .esg-icons .esg-icon span { font-size: 13px; font-family: Roobert, sans-serif; }

.topic-regulation .links .link { text-decoration: none; display: inline-block; border: 1px solid #efefef; background-color: #efefef; padding: 10px 14px; color: #31574E; font-family: Roobert, sans-serif; transition: all 0.2s; font-size: 15px; }

.topic-regulation .links .link:hover { background-color: transparent; border-color: #cccccc; }

.topic-regulation .links .link.green-arrow:after { background-image: url("/esg/global-vision/_assets/icon-arrow-medium-green.png"); }

section.disclaimer { }
section.disclaimer label.title { margin-bottom: 0.75em; font-size: 19px; }

.icon-social,
.icon-environmental,
.icon-governance { display: inline-block; width: 44px; height: 44px; background-color: transparent; background-size: 44px auto; background-position: center; background-repeat: no-repeat; }

.icon-social { background-image: url("/esg/global-vision/_assets/icon-social.png"); }
.icon-environmental { background-image: url("/esg/global-vision/_assets/icon-environmental.png"); }
.icon-governance { background-image: url("/esg/global-vision/_assets/icon-governance.png"); }

.share-email-preview .icon-social,
.share-email-preview .icon-environmental,
.share-email-preview .icon-governance { width: 38px; height: 38px; background-size: 20px; }


/*** Compare Select ***/
section.selection-area { }

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

div.selection-area h3,
div.input-area h3 { font-size: 21px; margin-bottom: 1em; font-family: Roobert, sans-serif; color: var(--hl-dark-green); }
/* #3C4748 */

div.selection-area button.region-header { font-size: 18px; }
div.selection-area button.region-header span { margin-left: 10px; font-size: 15px; color: var(--hl-light-green); }

div.selection-area-header { display: flex; flex-direction: row; align-items: center; margin-bottom: 20px; }
div.selection-area-header.clear-filter { margin-bottom: 10px; }
div.selection-area-header h3 { flex-basis: 100%; margin-bottom: 0; }

.btn-clear-filter { background-color: var(--hl-light-green); border: 1px solid var(--hl-light-green); padding: 10px 20px; cursor: pointer; transition: all 0.2s; font-family: Roobert, sans-serif; font-size: 16px; color: var(--hl-dark-green); flex-shrink: 0; }
.btn-clear-filter:hover { background-color: transparent; color: #333333; }


.select-option { display: flex; flex-direction: row; align-items: center; text-align: left; padding: 6px 10px; width: 100%; margin-top: 2px; background-color: rgba(var(--hl-dark-green-rgb), 0.1); color: var(--hl-dark-green); font-size: 15px; font-family: Roobert, sans-serif; }
.select-option.select-all { background-color: transparent; }

.select-option:before { content: ""; display: inline-block; width: 12px; height: 12px; border: 1px solid var(--hl-dark-green); margin-right: 10px; }

.select-option[disabled] { opacity: 0.6; pointer-events: none; }

.selection-area .region-jurisdictions { display: none; margin-bottom: 20px; }

.selection-area .select-option:not(.select-all).checked { background-color: rgba(var(--hl-dark-green-rgb), 0.25); }
.selection-area .select-option:not(.select-all).checked:before { overflow: visible; background-image: url("/_assets/icon-tick-hl-dark-green.png"); background-size: 10px; background-position: 1px 1px; background-repeat: no-repeat; }

.selection-area .select-option.select-all.checked:before { background-image: url("/_assets/icon-tick-black.png"); background-size: 10px; background-position: 1px 1px; background-repeat: no-repeat; }

.btn-view-comparison,
.btn-subscribe,
.btn-generate-report { background-color: var(--hl-light-green); border: 1px solid var(--hl-light-green); padding: 10px 20px; color: var(--hl-dark-green); font-size: 16px; display: flex; flex-direction: row; align-items: center; }

.btn-view-comparison:before { content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 16px; background-image: url("/esg/global-vision/_assets/icon-compare-dark-green.png"); background-size: contain; background-position: center; background-repeat: no-repeat; }
.btn-view-comparison:not([disabled]):hover { background-color: transparent; color: #3C4748; }

.btn-view-comparison[disabled] { opacity: 0.5; }

section.view-comparison-button .button { display: flex; flex-direction: row; align-items: center; }

#viewError { margin-left: 20px; font-size: 14px; color: #cc0000; font-family: Roobert, sans-serif; }

div.selection-area.error { box-shadow: 0 0 0 1px #cc0000; background-color: #ffeeee; }

/*** Compare ***/

section.manage-jurisdictions { }

div.manage-jurisdictions { }

.manage-jurisdictions-list-wrapper { padding: 25px; background-color: rgba(var(--hl-taupe-rgb), 0.2); }

.manage-jurisdictions-list-wrapper label.title { font-size: 15px; font-family: Roobert, sans-serif; margin-bottom: 0.75em; display: block; }

.manage-jurisdictions-list .jurisdiction { margin-top: 2px; display: flex; flex-direction: row; align-items: center; width: 100%; max-width: 500px; background-color: rgba(var(--hl-dark-green-rgb), 0.1); padding: 8px 10px; cursor: move; }

.manage-jurisdictions-list .jurisdiction .flag { height: 26px; margin-right: 14px; }
.manage-jurisdictions-list .jurisdiction span { flex-basis: 100%; font-family: Roobert, sans-serif; font-size: 15px; color: #3C4748; }

.move-above,
.move-below { position: relative; }

.move-above:before,
.move-below:after { content: ""; position: absolute; width: 100%; height: 4px; left: 0; bottom: 100%; background-color: #6fa739; }

.move-above:before { bottom: 100%; }
.move-below:after { top: 100%; }

.manage-jurisdictions-list .jurisdiction .j-checkbox { background-color: #ffffff; margin: 0; width: 18px; height: 18px; display: inline-block; padding: 0; border: 0; flex-shrink: 0; cursor: pointer; transition: all 0s; }
.manage-jurisdictions-list .jurisdiction .j-checkbox.checked { background-image: url("/_assets/icon-tick-hl-mid-green.png"); background-size: 12px; background-repeat: no-repeat; background-position: 3px 3px; }

.xmoving { box-shadow: inset 0 0 2px 1px #333333; opacity: 0.75; }

.moving { position: relative; opacity: 0.75; }
.moving:before { content: ""; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border: 1px dashed #333333; }

section.comparison-view { }

.topic-type-wrapper { margin-top: 10px; }
.topic-type-wrapper:first-child { margin-top: 0; }

.topic-type-wrapper .topic-type { background-color: rgba(var(--hl-taupe-rgb), 0.2); padding: 20px; white-space: nowrap; overflow-y: hidden; overflow-x: auto !important; display: none; }
.topic-type-wrapper .topic-type .jurisdiction-wrapper { display: inline-block; vertical-align: top; padding-right: 10px; width: 50%; min-width: 300px; }
.topic-type-wrapper .topic-type .jurisdiction-wrapper:last-child { padding-right: 0; }
.topic-type-wrapper .topic-type .jurisdiction { }
.topic-type-wrapper .topic-type .jurisdiction .header { display: flex; flex-direction: row; align-items: center; font-family: Roobert, sans-serif; font-size: 22px; margin-bottom: 16px; }
.topic-type-wrapper .topic-type .jurisdiction .header .flag { height: 30px; margin-right: 14px; }

.topic-type-wrapper .topic-type .jurisdiction .topic-regulations { display: flex; flex-direction: column; }

img.flag { /*border: 1px solid #666666;*/ box-shadow: 0 0 1px 1px #666666; border-radius: 100%; }

.no-topic { background-color: #ffffff; padding: 14px; margin: 0; }
.no-topic p { font-size: 14px; color: #000000; font-family: Roobert, sans-serif; }

/*** Search ***/

section.search-results { }

div.search-results { background-color: rgba(var(--hl-taupe-rgb), 0.2); padding: 25px; }
div.search-results h3 { font-family: Roobert, sans-serif; color: var(--hl-dark-green); }

div.search-results .search-result { display: block; text-decoration: none; background-color: #ffffff; padding: 20px 50px 20px 20px; margin-top: 10px; position: relative; cursor: pointer; transition: all 0.2s; width: 100%; text-align: left; }
div.search-results .search-result:visited { color: inherit; }

div.search-results .search-result:hover { background-color: rgba(var(--hl-dark-green-rgb), 0.1); }
div.search-results .search-result:after { content: ""; position: absolute; top: 0; bottom: 0; right: 18px; width: 20px; background-image: url("/_assets/btn-arrow-hl-dark-green.png"); background-size: 16px 30px; background-position: center; background-repeat: no-repeat; }

.search-result .search-result-header { display: block; color: #3C4748; flex-direction: row; flex-wrap: wrap; align-items: center; font-family: Roobert, sans-serif; font-size: 0; }
.search-result .search-result-header .jurisdiction { display: flex; flex-direction: row; align-items: center; font-size: 15px; line-height: 1.4em; color: #3C4748; }

.search-result .search-result-header .flag { height: 24px; width: 24px; margin-right: 10px; }
.search-result .search-result-header .details { font-size: 15px; }
.search-result .search-result-header span.divider { margin: 0 8px; padding: 0; background-color: transparent; }
.search-result .search-result-header span.divider:before { content: "-"; }

.search-result .search-content { margin-top: 10px; font-size: 16px; font-family: Roobert, sans-serif; line-height: 1.3em; color: #595B60; }
.search-result .search-highlight { color: #6FA739; font-family: Roobert, sans-serif; font-weight: bold; }


.search-result.related-resource { border-top-width: 10px; border-top-style: solid; border-top-color: #999999; }

.search-result.related-resource .related-resource-tag { margin: 0 0 15px 0; font-size: 14px; color: #3C4748; display: flex; flex-direction: row; align-items: center; gap: 30px; justify-content: space-between; }
.search-result.related-resource .related-resource-tag .type { display: flex; flex-direction: row; align-items: center; gap: 10px; line-height: 1.2em; font-size: inherit; }
.search-result.related-resource .related-resource-tag .type img { width: 21px; }

.search-result-header .article-header .tag { display: flex; flex-direction: row; gap: 10px; align-items: center; font-size: 14px; }
.search-result-header .article-header .tag .icon { width: 33px; height: 33px; background-color: var(--hl-light-green); background-size: 21px auto; background-position: center; background-repeat: no-repeat; }

.search-result-header .article-header { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 20px; }

.search-result-header .article-header .jurisdictions { display: flex; flex-direction: row; gap: 10px; }
.search-result-header .article-header .jurisdictions .flag { margin: 0; }

.search-result-header .article-title { font-size: 16px; color: #000000; }

.no-search-results { margin-top: 20px; }
.no-search-results p { color: #000000; font-size: 16px; margin-bottom: 0; }

/*** My Alerts ***/

.input-form { display: flex; flex-direction: row; margin: 0; }
.input-form .form-row { flex-basis: 50%; display: flex; flex-direction: column; margin: 0; }
.input-form .form-row .form-cell { margin-top: 10px; }
.input-form .form-row .form-cell:first-child { margin-top: 0; }
.input-form .form-field-error { text-align: right; }

section.my-alerts-subscribe div.initial,
section.my-alerts-subscribe div.manage { display: flex; flex-direction: row; align-items: center; }

section.my-alerts-subscribe .buttons { margin-left: 40px; display: flex; flex-direction: row; }

section.my-alerts-subscribe .btn-subscribe,
.btn-generate-report { background-color: #BAD043; border-color: #BAD043; color: #415146; }

section.my-alerts-subscribe .btn-subscribe:before { content: ""; display: inline-block; width: 21px; height: 25px; background-image: url("/esg/global-vision/_assets/icon-my-alerts-dark-green.png"); background-size: contain; background-repeat: no-repeat; }

section.my-alerts-subscribe .btn-subscribe:before { margin-right: 10px; }

section.my-alerts-subscribe .btn-subscribe:hover,
.btn-generate-report:hover { background-color: transparent; }

section.my-alerts-subscribe .buttons button { margin-right: 10px; }

section.my-alerts-subscribe .logged-in { display: flex; flex-direction: row; align-items: center; }
section.my-alerts-subscribe .logged-in .switch:first-child { margin-right: 50px; }

.subscribe-options .header { display: flex; flex-direction: row; align-items: center; margin-bottom: 20px; }
.subscribe-options .header h3 { margin-bottom: 0; flex-basis: 100%; }
.subscribe-options .header .saving { color: #31574e; font-family: Roobert, sans-serif; }

.subscribe-options .current-status { font-size: 16px; font-family: Roobert, sans-serif; color: #333333; margin-bottom: 20px; }
.subscribe-options .current-status strong { font-family: Roobert; }

.subscribe-options .subscribe-error { margin-top: 10px; font-size: 14px; color: #cc0000; }

.btn-unsubscribe { border: 1px solid #dddddd; background-color: #dddddd; padding: 10px 20px; font-size: 16px; font-family: Roobert, sans-serif; }
.btn-unsubscribe:hover { background-color: transparent; border-color: #999999; }

section.error .selection-area { box-shadow: 0 0 0 1px #cc0000; }


/*** Generate Report ***/

section.gr-botton { }

section.gr-button .buttons { display: flex; flex-direction: row; align-items: center; }

section.gr-button .btn-generate-report { margin-right: 20px; flex-basis: 10px !important; background-color: var(--hl-light-green); color: var(--hl-dark-green); border-color: var(--hl-light-green); font-family: Roobert, sans-serif; }

section.gr-button .btn-generate-report:after { content: ""; display: inline-block; width: 21px; height: 25px; background-image: url("/_assets/icon-download-2-hl-dark-green.png"); margin-left: 10px; background-size: contain; background-repeat: no-repeat; background-position: center; }

.btn-view-report { border: 1px solid #DAE4D9; padding: 10px 20px; background-color: #DAE4D9; font-size: 16px; text-decoration: none; color: #333333; font-family: Roobert, sans-serif; height: 47px; display: flex; align-items: center; }
.btn-view-report.hidden { display: none; }
.btn-view-report:hover { background-color: transparent; }



/*** ***/

section.related-resources { margin-top: 40px; }

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

.carousel { margin: 0 -5px; }


/*** 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 #707070; width: 36px; height: 36px; font-size: 0; background-color: transparent; background-image: url("/_assets/icon-line-arrow-hl-dark-green.png"); background-size: 17px auto; background-position: center; background-repeat: no-repeat; }
.slick-arrow.slick-prev { transform: rotate(180deg); }

.slick-arrow:hover { background-color: #31574E; background-image: url("/_assets/icon-line-arrow-hl-light-green.png"); }


/*** Related Resource Panel ***/

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

.related-resource-panel .inner { color: inherit; padding: 0; background-color: #F7F7F7; border-top: 10px solid #f0f0f0; transition: all 0.2s; }
.related-resource-panel .inner > button { background-color: transparent; color: #000000; text-align: left; padding: 0 20px 20px 20px; width: 100%; }
.related-resource-panel .tag { display: flex; flex-direction: row; padding: 10px 0 10px 0; align-items: center; justify-content: space-between; font-size: 12px; gap: 20px; }
.related-resource-panel .tag .type { display: flex; flex-direction: row; align-items: center; gap: 10px; line-height: 1.2em; }
.related-resource-panel .tag .type img.panel-type { width: 21px; }

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

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

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


.related-resource-panel .title { margin-top: 1px; color: #333333; font-size: 20px; line-height: 1.2em }

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

.related-resource-panel .content .date { font-size: 13px; color: var(--default-text); }

.related-resource-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; }

.related-resource-panel .inner:hover { background-color: #d8d8d8 !important; }

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

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

.knowhow-list .related-resource-panel .inner { background-color: var(--light-grey); }


/*** Related Resource popup ***/

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

.related-resource-popup .popup-form { border-top: 10px solid #c0c0c0; }

.related-resource-popup .tag { display: flex; flex-direction: column; align-items: start; margin-bottom: 10px; gap: 10px; }
.related-resource-popup .tag span { display: flex; align-items: center; gap: 10px; }
.related-resource-popup .tag label { font-size: 14px; }
.related-resource-popup .tag .type { display: flex; gap: 10px; align-items: center; flex-basis: 100%; }
.related-resource-popup .tag .type img { height: 21px; }
.related-resource-popup .tag label.date { text-align: right; color: #4d5357; white-space: nowrap; }
.related-resource-popup .title { font-size: 25px; color: #2C5E4F; margin: 0; }
.related-resource-popup .date { font-size: 12px; text-align: left; }

.related-resource-popup .content { }
.related-resource-popup .content .intro { margin: 0; }

.related-resource-popup .button-container { margin-top: 20px; }
.related-resource-popup .btn-read-more { border-color: #6FA739; background-color: #6FA739; color: #ffffff; font-size: 16px; }
.related-resource-popup .btn-read-more:hover { background-color: transparent; color: #3C4748; }

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

.related-resource-popup .close-related-resource-popup { position: absolute; display: block; width: 34px; height: 34px; background-color: #6FA739; border-radius: 100%; top: -27px; right: -17px; z-index: 100; background-image: url("/_assets/icon-close-white.png"); background-size: 16px; background-position: center; background-repeat: no-repeat; }



/*** In focus ***/

section.in-focus { margin-top: 40px; }

.in-focus-panel { padding: 0 5px; }
.in-focus-panel .inner { background-color: #f7f7f7; padding: 20px; position: relative; transition: all 0.2s; border-top-width: 10px; border-top-style: solid; border-top-color: #6FA739; }
.in-focus-panel .inner a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.in-focus-panel .tag { font-size: 14px; color: #6FA739; margin: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.in-focus-panel .title { margin: 20px 0 0 0; font-size: 21px; font-weight: 400; line-height: 1.2em; color: #3C4748; }
.in-focus-panel .title p { font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; color: inherit; }
.in-focus-panel .read-more { font-size: 15px; margin: 20px 0 0 0; display: flex; flex-direction: row; align-items: center; gap: 16px; }
.in-focus-panel .read-more img { height: 16px; transition: all 0.2s; }
.in-focus-panel .jurisdictions { margin: 20px 0 0 0; display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; }
.in-focus-panel .jurisdictions img { height: 40px; width: 40px; }

.in-focus-panel .inner:hover { background-color: #e0e0e0; }
.in-focus-panel .inner:hover .read-more img { transform: translateX(5px); }

.in-focus-panel .esg-icons { margin: 0; display: flex; flex-direction: row; gap: 5px; }
.in-focus-panel .esg-icons .esg-icon { display: flex; flex-direction: row; align-items: center; gap: 14px; }
.in-focus-panel .esg-icons .esg-icon > div { width: 26px; height: 26px; background-size: 26px auto; }

section.in-focus + section.jurisdiction-topics { margin-top: 40px; }


@media (max-width: 950px) {
	.article-list-title-and-filter { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 800px) {
	.article-list-filter { display: grid; grid-template-areas: "sort sort sort" "type jurisdiction topic"; gap: 10px; width: 100%; }
	.article-list-filter .filter-item.sort { grid-area: sort; }
	.article-list-filter .filter-item.content-type { grid-area: type; }
	.article-list-filter .filter-item.jurisdiction { grid-area: jurisdiction; }
	.article-list-filter .filter-item.topic { grid-area: topic; }

	.article-list-filter .filter-item > label { width: 54px; text-align: right; flex-shrink: 0; }

	.article-list-filter .filter-item .dk-selected { width: 100%; }

	section .search-bar .buttons a { font-size: 0; }
	section.search-bar .buttons a:before { margin-right: 0; }
}

@media (max-width: 780px) {
	section.search-bar .buttons a,
	section.search-bar .buttons button { font-size: 0; }
}

@media (max-width: 680px) {
	.article-list-filter { grid-template-areas: "sort sort" "type jurisdiction" "topic topic"; }
	.article-list-filter .filter-item.topic { padding-left: 64px; }
}

@media (max-width: 640px) {

	section.banner { margin-bottom: 20px; }
	section.banner .content .social-media { margin-top: 10px; }

	section.banner .content { flex-direction: column; }
	section.view-selector .viewing-options { flex-direction: column; align-items: center; }
	section.view-selector .viewing-options .view-mode { padding-right: 0; border-right: none; margin-bottom: 10px; }
	section.view-selector .viewing-options .view-options { padding-left: 0; border-top: 1px solid #9a9a9a; padding-top: 10px; width: 100%; }
	section.view-selector .view-options ul { display: flex; justify-content: center; }

	div.selection-area, div.input-area { padding: 15px; }
	.topic-type-wrapper .topic-type .jurisdiction .header { font-size: 16px; }


	.map-and-list .list-view { flex-direction: column; padding: 15px; gap: 10px; }

	.selection-area.regions .two-column { flex-direction: column; }

	.selection-area.regions .two-column .column .region-jurisdictions { margin-bottom: 20px; }
	.selection-area.regions .two-column .column .region-container:last-child .region-jurisdictions { margin-bottom: 10px; }

	.selection-area.regions .two-column .column:last-child .region-container:last-child .region-jurisdictions { margin-bottom: 0; }

	.selection-area.topic-types .topic-type-options { flex-direction: column; }
	.selection-area.topic-types .topic-type-options.two-column { gap: 0; }

	.topic-type-wrapper .topic-type,
	.jurisdiction-topics .topic-regulation, .topic-type .topic-regulation,
	.jurisdiction-topics .topic-regulations { padding: 10px; }

	.disclaimer p { font-size: 14px; line-height: 1.3em; margin-bottom: 0.5em; }
}

@media (max-width: 520px) {
	body.c2019 section { padding: 10px; }
	.c2019 header.tool-header .logo-container img { width: 85%; height: auto; }
	section.tool-switches .switches .switch { font-size: 16px; }
	section.tool-bar { bottom: 20px; }
}

@media (max-width: 480px) {
	section.search-bar .search-box { margin: 0; }

	.article-list-filter { grid-template-areas: "sort" "type" "jurisdiction" "topic"; }
	.article-list-filter .filter-item.jurisdiction { padding-left: 64px; }
	.article-list-filter .filter-item .dk-selected { width: 100%; }

	section.search-bar .search-bar-container { flex-direction: column; gap: 10px; }
	section.search-bar .buttons { width: 160px; justify-self: end; }

	section.search-bar .buttons a,
	section.search-bar .buttons button { flex-shrink: 0; padding-left: 5px; padding-right: 5px; width: 55px; flex-grow: 0; gap: 0; justify-content: center; }
}