@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
@charset "UTF-8";
/**
 * @file
 * Styles for the facet_icons icons appearing on the search page
 *
 * See the facet_icons theme function and the facet_icons module in modules/dkan/dkan_sitewide/modules
 */
.icon-dkan, [class^=icon-dkan-], [class*=" icon-dkan-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "ekan-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon-dkan-]:hover, [class*=" icon-dkan-"]:hover,
[class^=icon-dkan-]:active, [class*=" icon-dkan-"]:active {
  text-decoration: none;
}

[class^=icon-dkan-]:hover, [class*=" icon-dkan-"]:hover,
[class^=icon-dkan-]:active, [class*=" icon-dkan-"]:active {
  text-decoration: none;
}

.icon-dkan-harvest_source:before {
  content: "";
}

.icon-dkan-page:before {
  content: "";
}

.icon-dkan-data-dashboard:before,
.icon-dkan-data_dashboard:before {
  content: "";
}

.icon-dkan-dataset:before {
  content: "";
}

.icon-dkan-data-story:before,
.icon-dkan-data_story:before,
.icon-dkan-dkan_data_story:before {
  content: "";
}

.icon-dkan-feedback:before {
  content: "";
}

.icon-dkan-group:before {
  content: "";
}

.icon-dkan-resource:before {
  content: "";
}

.icon-dkan-visualization:before {
  content: "";
}

.icon-dkan-transport:before {
  content: "";
}

.icon-dkan-safety:before {
  content: "";
}

.icon-dkan-planning:before {
  content: "";
}

.icon-dkan-healthcare:before {
  content: "";
}

.icon-dkan-education:before {
  content: "";
}

.icon-dkan-budget:before {
  content: "";
}

.icon-dkan-computer-disk-drive-1:before {
  content: "";
}

.icon-dkan-computer-imac-1:before {
  content: "";
}

.icon-dkan-computer-notebook-2:before {
  content: "";
}

.icon-dkan-sd-card-download:before {
  content: "";
}

.icon-dkan-phone-2:before {
  content: "";
}

.icon-dkan-phone-signal-full:before {
  content: "";
}

.icon-dkan-mobile-phone-portrait:before {
  content: "";
}

.icon-dkan-headphone:before {
  content: "";
}

.icon-dkan-cursor-double-click-2:before {
  content: "";
}

.icon-dkan-book-2:before {
  content: "";
}

.icon-dkan-books-library:before {
  content: "";
}

.icon-dkan-drawer-2:before {
  content: "";
}

.icon-dkan-newspaper:before {
  content: "";
}

.icon-dkan-crown-3:before {
  content: "";
}

.icon-dkan-google-plus:before {
  content: "";
}

.icon-dkan-trophy-3:before {
  content: "";
}

.icon-dkan-lock-close-6:before {
  content: "";
}

.icon-dkan-megaphone-1:before {
  content: "";
}

.icon-dkan-download-3:before {
  content: "";
}

.icon-dkan-cloud:before {
  content: "";
}

.icon-dkan-graph:before {
  content: "";
}

.icon-dkan-network:before {
  content: "";
}

.icon-dkan-design-mug:before {
  content: "";
}

.icon-dkan-picture-2:before {
  content: "";
}

.icon-dkan-television:before {
  content: "";
}

.icon-dkan-day-snow-thunder:before {
  content: "";
}

.icon-dkan-umbrella-open:before {
  content: "";
}

.icon-dkan-business-bag-cash:before {
  content: "";
}

.icon-dkan-graph-bar-2:before {
  content: "";
}

.icon-dkan-graph-bar-3d:before {
  content: "";
}

.icon-dkan-graph-bar-increase:before {
  content: "";
}

.icon-dkan-graph-line-2:before {
  content: "";
}

.icon-dkan-graph-pie-2:before {
  content: "";
}

.icon-dkan-bank-notes-3:before {
  content: "";
}

.icon-dkan-coin-receive:before {
  content: "";
}

.icon-dkan-piggy-bank:before {
  content: "";
}

.icon-dkan-wallet-1:before {
  content: "";
}

.icon-dkan-network-world:before {
  content: "";
}

.icon-dkan-location-pin-8:before {
  content: "";
}

.icon-dkan-location-pin-target-2:before {
  content: "";
}

.icon-dkan-map-1:before {
  content: "";
}

.icon-dkan-map-pin-2:before {
  content: "";
}

.icon-dkan-bank-2:before {
  content: "";
}

.icon-dkan-building-6:before {
  content: "";
}

.icon-dkan-building-12:before {
  content: "";
}

.icon-dkan-home-3:before {
  content: "";
}

.icon-dkan-home-4:before {
  content: "";
}

.icon-dkan-water-fountain:before {
  content: "";
}

.icon-dkan-airplane-departure:before {
  content: "";
}

.icon-dkan-cactus:before {
  content: "";
}

.icon-dkan-eco-globe-1:before {
  content: "";
}

.icon-dkan-eco-lightbulb:before {
  content: "";
}

.icon-dkan-honeycomb:before {
  content: "";
}

.icon-dkan-plant:before {
  content: "";
}

.icon-dkan-sign-recycle:before {
  content: "";
}

.icon-dkan-tree-small-2:before {
  content: "";
}

.icon-dkan-water-drop:before {
  content: "";
}

.icon-dkan-water-faucet:before {
  content: "";
}

.icon-dkan-windmill-paper:before {
  content: "";
}

.icon-dkan-ball-basketball:before {
  content: "";
}

.icon-dkan-dumbbell-2:before {
  content: "";
}

.icon-dkan-weight-lifting:before {
  content: "";
}

.icon-dkan-bus-2:before {
  content: "";
}

.icon-dkan-car-4:before {
  content: "";
}

.icon-dkan-car-battery:before {
  content: "";
}

.icon-dkan-speed-gauge:before {
  content: "";
}

.icon-dkan-traffic-light-1:before {
  content: "";
}

.icon-dkan-truck-2:before {
  content: "";
}

.icon-dkan-planet-ring:before {
  content: "";
}

.icon-dkan-religion-bible:before {
  content: "";
}

.icon-dkan-chair-4:before {
  content: "";
}

.icon-dkan-tools-boox:before {
  content: "";
}

.icon-dkan-tools-wrench-screwdriver:before {
  content: "";
}

.icon-dkan-traffic-cone:before {
  content: "";
}

.icon-dkan-shield-5:before {
  content: "";
}

.icon-dkan-thread-roll:before {
  content: "";
}

.icon-dkan-tissue:before {
  content: "";
}

.icon-dkan-ambulance:before {
  content: "";
}

.icon-dkan-dentis:before {
  content: "";
}

.icon-dkan-heart-beat:before {
  content: "";
}

.icon-dkan-hospital-1:before {
  content: "";
}

.icon-dkan-medical-box:before {
  content: "";
}

.icon-dkan-pulse-signal-2:before {
  content: "";
}

.icon-dkan-coffee-cup-3:before {
  content: "";
}

.icon-dkan-water-mug:before {
  content: "";
}

.icon-dkan-apple-1:before {
  content: "";
}

.icon-dkan-cheeseburger:before {
  content: "";
}

.icon-dkan-balloon:before {
  content: "";
}

.icon-dkan-game-controller-3:before {
  content: "";
}

.icon-dkan-heart-care:before {
  content: "";
}

.icon-dkan-rocking-horse:before {
  content: "";
}

.icon-dkan-copy-1:before {
  content: "";
}

.icon-dkan-file-download-1:before {
  content: "";
}

.icon-dkan-file-share-1:before {
  content: "";
}

.icon-dkan-compress:before {
  content: "";
}

.icon-dkan-at-sign-stamp:before {
  content: "";
}

.icon-dkan-envelope-3:before {
  content: "";
}

.icon-dkan-account-code:before {
  content: "";
}

.icon-dkan-account-favorite:before {
  content: "";
}

.icon-dkan-account-group-1:before {
  content: "";
}

.icon-dkan-account-group-2:before {
  content: "";
}

.icon-dkan-account-group-4:before {
  content: "";
}

.icon-dkan-business-increase:before {
  content: "";
}

.icon-dkan-group-global:before {
  content: "";
}

.icon-dkan-group-wifi:before {
  content: "";
}

.icon-dkan-bubble-chat-2:before {
  content: "";
}

.icon-dkan-bubble-chat-text-2:before {
  content: "";
}

.icon-dkan-user-chat-4:before {
  content: "";
}

.icon-dkan-cog-double-1:before {
  content: "";
}

.icon-dkan-cog-double-2:before {
  content: "";
}

.icon-dkan-cog-lightbulb:before {
  content: "";
}

.icon-dkan-cog:before {
  content: "";
}

.icon-dkan-gauge:before {
  content: "";
}

.icon-dkan-settings-1:before {
  content: "";
}

.icon-dkan-settings-2:before {
  content: "";
}

.icon-dkan-timer-full-2:before {
  content: "";
}

.icon-dkan-watch-2:before {
  content: "";
}

.icon-dkan-flash-1:before {
  content: "";
}

.icon-dkan-typewriter-1:before {
  content: "";
}

/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/bootstrap/_variables.scss
 */
:root {
  --secondary-nav-background-color: #ffc107;
  --secondary-nav-text-color: #333333;
  --main-navbar-top-border: 4px solid #ffc107;
  --social-links-background: #145b98;
  --text-color: #333333;
  --inverted-text-color: #ffffff;
  --link-color: #145b98;
  --link-color-light: #c4d6e5;
  --border-radius: 30px;
  --vertical-padding: 30px;
  --popular-datasets-background: #fff3cd;
  --featured-content-panel-background: #F4F4F4;
  --small-screen-margins: 20px;
  --row-hover-color: #FFFEEE;
  --views-lists-background: #f4f4f4;
  --views-lists-background-hover: gainsboro;
  --announcements-background: radial-gradient(#1e1e1e, #2d2d2d);
  --footer-background-color: linear-gradient(to right, #A34811, #CA5E56);
  --homepage-search-input-background-color: black;
  --homepage-search-input-text-color: white;
  --homepage-search-submit-button-background: #ffc107;
  --map-background: radial-gradient(rgba(255, 255, 255, 0.8), #8CB4D3);
  --site-slogan-color: #ffc107;
  --content-header-background: transparent url("/themes/custom/inform_base/assets/images/hero-image.jpg") center center;
  --content-header-border-top: 4px solid #dc3545;
  --content-header-overlay: linear-gradient(to bottom, rgba(3, 48, 89, 0.8), rgba(87, 87, 53, 0.5));
  --motif-overlay: url("/themes/custom/inform_base/assets/images/footer-image.png") center top repeat;
  --motif-opacity: .05;
  --motif-blend-mode: normal;
  --mm-color-background: purple;
  --sidebar-block-heading-background: #115ea3;
  --sidebar-block-heading-text-color: white;
}
@media (min-width: 768px) {
  :root {
    --vertical-padding: 50px;
  }
}
@media (min-width: 1200px) {
  :root {
    --vertical-padding: 60px;
  }
}
@media (min-width: 1440px) {
  :root {
    --vertical-padding: 80px;
    --small-screen-margins: 0px;
  }
}

.dark-mode {
  --link-color: #ffc107;
  --inverted-text-color: #333333;
  --text-color: #ffffff;
  --link-color-hover: darken(var(--link-color),40%);
}

.toolbar-icon-dataset-list::before {
  font-family: "ekan-icons";
}

form .tabledrag-toggle-weight-wrapper {
  display: none;
}

/*---------------------------------------
    Nav Tabs
---------------------------------------*/
ul.nav-tabs {
  border-bottom: none;
}
ul.nav-tabs li.nav-item .nav-link {
  border-color: #c4d6e5;
  border-color: var(--link-color-light);
  border-radius: 4px;
  margin-left: 4px;
  color: #145b98;
  color: var(--link-color);
  display: flex;
  align-items: center;
}
ul.nav-tabs li.nav-item .nav-link::before {
  font-family: "FontAwesome";
  font-size: 1em;
  line-height: 0.75em;
  margin-right: 5px;
}
ul.nav-tabs li.nav-item .nav-link:hover {
  border-color: #145b98;
  border-color: var(--link-color);
  background: #145b98;
  background: var(--link-color);
  color: #fff;
  color: var(--inverted-text-color);
}
ul.nav-tabs li.nav-item .nav-link.active {
  color: #145b98;
  color: var(--link-color);
  background: var(--link-color-light);
  border-color: #c4d6e5;
  border-color: var(--link-color-light);
}
ul.nav-tabs li.view .nav-link:before {
  content: "";
}
ul.nav-tabs li.add .nav-link:before {
  content: "";
}
ul.nav-tabs li.back.dataset .nav-link:before {
  content: "";
}
ul.nav-tabs li.edit .nav-link:before {
  content: "";
}
ul.nav-tabs li.delete .nav-link:before {
  content: "";
}
ul.nav-tabs li.download .nav-link:before {
  content: "";
}

/*--------------------------------------------------------------------------
  Edit links for views content listings, such as on the homepage
--------------------------------------------------------------------------*/
.views-row {
  position: relative;
}

a.edit-link {
  position: absolute;
  top: 10px;
  right: 10px;
  color: inherit;
  color: var(--text-color);
  background: var(--inverted-text-color);
  text-transform: uppercase;
  padding: 0px 5px;
  font-size: 1.1rem;
  opacity: 0;
  transition: all 0.3s;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
  border: 2px solid #000;
  border-color: var(--text-color);
}
a.edit-link:hover {
  background: var(--text-color);
  color: #ffc107;
}

.views-row:hover a.edit-link {
  opacity: 1;
}

@font-face {
  font-family: "ekan-icons";
  src: url("../fonts/icon-font/sprep-topics.eot?fxuk5q");
  src: url("../fonts/icon-font/sprep-topics.eot?fxuk5q#iefix") format("embedded-opentype"), url("../fonts/icon-font/sprep-topics.ttf?fxuk5q") format("truetype"), url("../fonts/icon-font/sprep-topics.woff?fxuk5q") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*-----------------------------
	Fonts
-----------------------------*/
html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: "Montserrat", "Helvetica Neue", helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.6rem;
}

h1, .h1 {
  font-size: 3.6rem;
  font-weight: 400;
  line-height: 3.9rem;
}

h3, .h3 {
  font-weight: 600;
  font-size: 1.9rem;
}

b, strong {
  font-weight: 600;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 1.3rem 0;
}

p {
  margin: 0 0 10px;
}

a {
  color: #145b98;
  transition: all 0.3s;
}
a:hover, a.focus {
  color: #0c375b;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

h2 {
  font-size: 2rem;
  font-weight: 600;
}

.front h2 {
  font-size: 2.8rem;
}

a {
  color: #145b98;
  color: var(--link-color);
}
a:hover {
  color: #0c375b;
  color: var(--link-color-hover);
}

p {
  margin: 0 0 1.3rem 0;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
/*------------------------------------------------
   Main navbar / site header
------------------------------------------------*/
#main-navbar {
  border-top: var(--main-navbar-top-border);
  padding: 0;
}
#main-navbar a {
  text-decoration: none;
}
#main-navbar .container {
  padding: 0 var(--small-screen-margins);
  width: 100%;
  max-width: none;
  display: flex;
  min-height: 120px;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1440px) {
  #main-navbar {
    --small-screen-margins: 5%;
  }
}

#branding {
  flex: 1;
}
#branding a {
  padding: 2em 20px 2em 0;
  flex: 1;
  color: #000;
  display: flex;
  align-items: center;
  line-height: 1.3em;
}
#branding #site-logo {
  max-width: 100px;
  margin-right: 20px;
}
#branding .site-name-wrapper .site-name {
  font-size: 1.6rem;
  text-transform: uppercase;
  color: #000;
  display: block;
}
#branding .site-name-wrapper .site-slogan {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #ffc107;
  color: var(--site-slogan-color);
  font-weight: 500;
  margin: 0;
  display: block;
  margin-top: 8px;
}

/*--------------------------------------
	Main Menu
--------------------------------------*/
@media (min-width: 992px) {
  #mobile-menu-toggler {
    display: none;
  }
}

#main-menu {
  display: none;
}
@media (min-width: 992px) {
  #main-menu {
    display: block;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  #main-menu {
    width: unset;
  }
}
#main-menu ul.nav:not(.contextual-links) {
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: nowrap;
  flex-flow: row wrap;
  justify-content: space-between;
}
@media (min-width: 1200px) {
  #main-menu ul.nav:not(.contextual-links) {
    justify-content: flex-end;
  }
}
#main-menu ul.nav:not(.contextual-links) li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  position: relative;
  z-index: 498;
}
#main-menu ul.nav:not(.contextual-links) li:last-child > a {
  padding-right: 0;
}
#main-menu ul.nav:not(.contextual-links) li a {
  color: #7B7B7B;
  text-transform: uppercase;
  font-weight: 400;
  transition: all 0.3s;
  display: block;
  padding: 1em;
  position: relative;
  text-decoration: none;
}
#main-menu ul.nav:not(.contextual-links) li a.is-active {
  color: #000;
}
#main-menu ul.nav:not(.contextual-links) li a:hover {
  color: #0c375b;
  color: var(--link-color-hover);
}
#main-menu ul.nav:not(.contextual-links) li .dropdown-menu a {
  border-left: 3px solid #eee;
}
#main-menu ul.nav:not(.contextual-links) li .dropdown-menu a:hover {
  border-left: 3px solid #000;
  color: #000 !important;
}
#main-menu ul.nav:not(.contextual-links) li .dropdown-menu a i.icon-dkan {
  margin-right: 6px;
}
#main-menu ul.nav:not(.contextual-links) li.dropdown > a, #main-menu ul.nav:not(.contextual-links) li.menuparent > a {
  border-left: 3px solid transparent;
}
#main-menu ul.nav:not(.contextual-links) li.open > a, #main-menu ul.nav:not(.contextual-links) li.sfHover > a {
  border-left: 3px solid #eee;
  text-decoration: none;
}
#main-menu ul.nav:not(.contextual-links) li.last a {
  margin-right: 0;
}
#main-menu ul.nav:not(.contextual-links) li.dropdown .dropdown-menu {
  position: fixed;
  left: auto;
  top: auto;
  margin-top: -2px;
}
a.dropdown-toggle {
  padding-right: 25px !important;
}
a.dropdown-toggle > .fa-caret-down {
  position: absolute;
  top: 35%;
  right: 10px;
}

.block-dkan-sitewide .links a {
  font-weight: 700;
  text-transform: uppercase;
}
.block-dkan-sitewide .content a {
  font-weight: 700;
}
.block-dkan-sitewide .content a img {
  max-width: 100%;
  margin-top: 0px;
  border-radius: 50%;
}

/*---------------------------------------
	Secondary Nav
---------------------------------------*/
#secondary-menu {
  background: #ffc107;
  background: var(--secondary-nav-background-color);
  color: inherit;
  color: var(--secondary-nav-text-color);
  position: absolute;
  top: 0;
  right: var(--small-screen-margins);
}
#secondary-menu ul.navbar-nav {
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: row wrap;
}
#secondary-menu ul.navbar-nav li {
  list-style: none;
  list-style-image: none;
  padding: 0;
  margin: 0;
}
#secondary-menu ul.navbar-nav li a {
  display: block;
  padding: 4px 15px;
  font-size: 1.3rem;
  color: inherit;
  font-weight: 600;
  text-transform: uppercase;
}
#secondary-menu ul.navbar-nav li a:hover {
  text-decoration: underline;
}

/*---------------------------------------
	Main content
---------------------------------------*/
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0px 0px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger.is-active:hover {
  opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #dc3545;
  background-color: #145b98;
  background-color: var(--link-color);
}

.hamburger-box {
  width: 32px;
  height: 25px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 32px;
  height: 3px;
  background-color: #dc3545;
  background-color: #145b98;
  background-color: var(--link-color);
  border-radius: 0px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -11px;
}
.hamburger-inner::after {
  bottom: -11px;
}

/*
@import "types/arrowalt-r";
@import "types/arrowturn";
@import "types/arrowturn-r";
@import "types/boring";
@import "types/collapse";
@import "types/collapse-r";
@import "types/elastic";
@import "types/elastic-r";
@import "types/emphatic";
@import "types/emphatic-r";
@import "types/minus";
@import "types/slider";
@import "types/slider-r";
*/
/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
@import "types/spin-r";
@import "types/spring";
@import "types/spring-r";
@import "types/stand";
@import "types/stand-r";
@import "types/squeeze";
@import "types/vortex";
@import "types/vortex-r";
*/
/*-----------------------------
	Tables
-----------------------------*/
table, .table {
  line-height: 1.5em;
  margin-top: calc(var(--vertical-padding) / 2);
  margin-bottom: calc(var(--vertical-padding) / 2);
}
table th, table td, .table th, .table td {
  padding: 0.5em 0.75em;
}
table tr th,
table tr td, .table tr th,
.table tr td {
  border: thin solid #eee;
}
table th, .table th {
  font-weight: 600;
}
table tbody tr:hover td, table tbody tr:hover th, .table tbody tr:hover td, .table tbody tr:hover th {
  background: #FFFEEE;
  background: var(--row-hover-color);
}
table tbody > tr:nth-child(2n+1), .table tbody > tr:nth-child(2n+1) {
  background: #f9f9f9;
}
table thead th, .table thead th {
  background: #000;
  color: #fff;
  color: var(--inverted-text-color);
  border-color: #000;
}
table thead th:first-child, .table thead th:first-child {
  border-left: 1px solid #000;
}
table thead th:not(:last-child), .table thead th:not(:last-child) {
  border-right: 1px solid #333;
}

button#mobile-menu-toggler {
  border-radius: 0;
}
button#mobile-menu-toggler:hover {
  background-color: transparent;
}

.mm-menu {
  --mm-line-height: 20px;
  --mm-listitem-size: 44px;
  --mm-navbar-size: 60px;
  --mm-offset-top: 0;
  --mm-offset-right: 0;
  --mm-offset-bottom: 0;
  --mm-offset-left: 0;
  --mm-color-border: #FFFFFF;
  --mm-color-button: #FFFFFF;
  --mm-color-text: #FFFFFF;
}
.mm-menu .mobile-search-bar {
  padding: 40px;
  display: flex;
}
.mm-menu .mobile-search-bar input[type=text] {
  background: #fff;
  color: black;
  padding: 5px 10px;
  border: none;
  width: 100%;
}
.mm-menu .mobile-search-bar input.submit {
  background: black;
  color: #fff;
  border: none;
  border-radius: 0;
  font-family: "FontAwesome";
  padding: 0 10px;
}
.mm-menu .mm-listitem::after {
  border-color: rgba(255, 255, 255, 0.25);
  left: 0;
}
.mm-menu a.mm-navbar__title > span {
  color: #FFFFFF;
}
.mm-menu a.mm-button.mm-navbar__btn,
.mm-menu li.mm-listitem > a,
.mm-menu a.mm-listitem__text,
.mm-menu a.mm-listitem {
  font-weight: 600;
}
.mm-menu ul.nav.mm-listview {
  display: block;
}
.mm-menu ul.nav.mm-listview li.mm-listitem {
  display: block;
}

ul.navbar-nav {
  display: flex;
  padding-top: 40px;
  justify-content: center;
}
ul.navbar-nav li a {
  font-weight: 600;
}

/*-----------------------------------------------------
	Sharing providers in footer of mobile menu
-----------------------------------------------------*/
.mm-navbars_bottom .mm-navbar:first-child {
  border: none;
}

.mm-menu ul.sharing-providers {
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: 100%;
  margin: 0;
}
.mm-menu ul.sharing-providers li {
  height: 100%;
}
.mm-menu ul.sharing-providers li:hover {
  transform: none;
}
.mm-menu ul.sharing-providers li a {
  color: white;
}

/*-------------------------------------
	Popular Datasets block on homepage
-------------------------------------*/
#popular-datasets {
  background: #fff3cd;
  background: var(--popular-datasets-background);
  padding-bottom: 50px;
  padding-bottom: var(--vertical-padding);
  padding-top: 50px;
  padding-top: var(--vertical-padding);
  margin-top: 0;
}
#popular-datasets h2 {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--small-screen-margins);
  padding-right: var(--small-screen-margins);
}
#popular-datasets .datasets-wrapper {
  align-content: flex-start;
}
#popular-datasets .datasets-wrapper .views-field-created .datestamp {
  color: #9c9a9a;
  font-weight: 600;
}
#popular-datasets .datasets-wrapper .views-field-title {
  font-weight: 600;
}
#popular-datasets .popular-dataset {
  margin-bottom: 30px;
}
#popular-datasets .title {
  font-weight: 600;
  margin-bottom: 0;
}
#popular-datasets a {
  text-decoration: none;
  color: var(--text-color);
  transition: all 0.3s;
}
#popular-datasets a:hover {
  text-decoration: underline;
  opacity: 0.8;
}
#popular-datasets .recent-marker {
  display: inline-block;
  color: #47A03C;
  font-weight: 700;
  margin-right: 10px;
}
#popular-datasets footer h2 {
  display: none;
}
#popular-datasets footer .container {
  padding: 0;
}
@media (min-width: 992px) {
  #popular-datasets footer .container {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    padding-left: 20%;
  }
  #popular-datasets .icon {
    float: left;
    margin-right: 15px;
  }
  #popular-datasets a.counter {
    text-align: left;
    flex-basis: 100%;
  }
}

/*-----------------------------
	Front Page Stats Panel
-----------------------------*/
#stats {
  position: relative;
  background: #fff3cd;
  background: var(--popular-datasets-background);
}
#stats .container {
  padding-top: 60px;
  padding-bottom: 30px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
#stats a {
  display: block;
  color: var(--text-color);
  text-align: center;
  text-transform: uppercase;
  flex-basis: 50%;
  margin-bottom: 30px;
}
#stats a:last-child {
  margin-bottom: 0;
}
#stats a .icon:after {
  font-family: "ekan-icons";
  font-size: 4rem;
  border: 2px solid var(--text-color);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: block;
  line-height: 74px;
  text-align: center;
  margin: 0 auto;
  transition: all 0.3s;
}
#stats a .number {
  font-weight: 700;
  font-size: 3.3rem;
  display: block;
  line-height: 5rem;
}
#stats a .type {
  font-weight: 300;
  font-size: 1.8rem;
  display: block;
}
#stats a:hover {
  text-decoration: none;
}
#stats a:hover .icon:after {
  background: var(--text-color);
  background: #333333;
  color: #fff3cd;
  color: var(--popular-datasets-background);
  transform: translateY(-10%);
}
#stats a:focus {
  text-decoration: none;
}
@media only screen and (min-width: 720px) {
  #stats .container {
    justify-content: space-between;
  }
  #stats a {
    flex-basis: 24%;
    margin-bottom: 0;
  }
  #stats a .icon:after {
    margin: 0 auto 20px;
  }
}

/*-----------------------------
	Buttons
-----------------------------*/
.btn {
  font-size: 13px;
  padding: 0.2em 0.75em;
  background: none;
  margin: 1.3rem 0 0 0;
  transition: all 0.3s;
  font-weight: 600;
  border: thin solid #145b98;
  border-radius: 4px;
  color: #145b98;
  color: var(--link-color);
  border-color: var(--link-color);
  display: inline-flex;
  align-items: center;
  margin-left: 5px;
  margin-top: 3px;
  margin-bottom: 3px;
  border-color: var(--link-color-light);
}
.btn i, .btn::before {
  margin-right: 0.5em;
}
.btn::before {
  font-family: "FontAwesome";
  font-weight: normal;
}
.btn:hover, .btn:focus {
  text-decoration: none;
  background: #145b98;
  background: var(--link-color);
  color: #fff;
  border-color: #145b98;
  border-color: var(--link-color);
  color: var(--inverted-text-color);
}
.btn-secondary {
  color: var(--inverted-text-color);
  background: var(--text-color);
  border: none;
  padding: 0.5em 2em;
  border-radius: var(--border-radius);
}
.btn-primary {
  padding: 0.75em 2em;
  border-width: 3px;
  border-radius: var(--border-radius);
  border-color: #145b98;
  border-color: var(--link-color);
}

input.field-add-more-submit {
  border-radius: unset;
  border: 1px solid #cfdfed;
  color: #145b98;
  padding: 7px 20px;
  font-size: 11px;
}

.form-required::after {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
  content: "";
  vertical-align: super;
  /* Use a background image to prevent screen readers from announcing the text. */
  background-image: url(../../../../../../core/misc/icons/ee0000/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px;
}

.field--widget-options-buttons label {
  font-weight: initial;
}
.field--widget-options-buttons span.fieldset-legend {
  font-weight: bold;
}

/*-----------------------------
	Extends
-----------------------------*/
#homepage-announcements .views-row, .homepage-content div[region=homepage_content], #popular-datasets h2 {
  max-width: 1170px;
  max-width: 1260px;
  margin: 0 auto;
}

#branding .site-name-wrapper .site-name {
  margin: 0;
  padding: 0;
}

.two-column .main-content::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 3%;
  bottom: 7%;
  width: 50px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%/50%;
  box-shadow: 0 0 41px rgba(0, 0, 0, 0.08);
  z-index: -1;
}

.motif-overlay {
  background: url("/themes/custom/inform_base/assets/images/footer-image.png") center top repeat;
  background: var(--motif-overlay);
  opacity: 0.05;
  opacity: var(--motif-opacity);
  mix-blend-mode: normal;
  mix-blend-mode: var(--motif-blend-mode);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;
}

/*-----------------------------------------------------------------------------
	Dark-mode class to use inverted colour scheme, such as announcements block
-----------------------------------------------------------------------------*/
.dark-mode {
  color: #fff;
  color: var(--text-color);
}

/*--------------------------------------------------------------------------
  Groups listing at /groups
--------------------------------------------------------------------------*/
li.publisher {
  padding-bottom: 30px;
}
li.publisher a {
  display: block;
  background: #f4f4f4;
  background: var(--views-lists-background);
  padding: 15px;
  color: inherit;
  text-align: center;
  height: 100%;
}
li.publisher a img {
  max-width: 200px;
}
li.publisher a:hover {
  text-decoration: none;
  background: gainsboro;
  background: var(--views-lists-background-hover);
}

/*-----------------------------
	Layout
-----------------------------*/
.page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.container {
  max-width: 1260px;
}

.inline-list {
  display: flex;
  flex-flow: row wrap;
  padding-left: 0;
}
.inline-list li {
  list-style: none;
  padding-right: 1em;
}

/*---------------------------------------
	Data story nodes
---------------------------------------*/
.data-story__field-topic {
  margin-bottom: 1em;
  display: flex;
  flex-flow: row wrap;
}
.data-story__field-topic > * {
  margin-right: 1em;
}

/*---------------------------------------
	Social/Sharing Floating Menu
---------------------------------------*/
.page > #share-bar {
  display: block;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  right: 0;
  display: none;
}
@media (min-width: 992px) {
  .page > #share-bar {
    display: block;
  }
}

ul.sharing-providers {
  background: #145b98;
  background: var(--social-links-background);
  list-style: none;
  padding-left: 0;
}
ul.sharing-providers li {
  background: #145b98;
  background: var(--social-links-background);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 45px;
  height: 45px;
  padding: 0;
  margin: 0;
  transition: 0.3s all;
}
ul.sharing-providers li:hover {
  transform: translateX(-5px);
}
ul.sharing-providers li a {
  color: white;
  font-size: 25px;
  font-family: "FontAwesome";
}
ul.sharing-providers li a:hover {
  text-decoration: none;
}

/*-----------------------------
	Ken burns hover effects
-----------------------------*/
.burns-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.burns-wrapper img {
  transform: scale(1);
  transition-duration: 0.5s;
  transform-origin: 50% 50%;
  transition-timing-function: cubic-bezier();
}

a:hover .burns-wrapper img {
  transform: scale(1.05);
}

/*-----------------------------
	Site Footer
-----------------------------*/
#page-footer {
  --motif-opacity: .03;
  background: linear-gradient(to right, #A34811, #CA5E56);
  background: var(--footer-background-color);
  position: relative;
  margin-top: auto;
}
#page-footer .container {
  z-index: 2;
  position: relative;
  padding-top: 50px;
  padding-top: var(--vertical-padding);
  padding-bottom: calc(.5 * var(--vertical-padding));
  margin: 0 auto;
}
#page-footer .sponsor-logos {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
#page-footer a.logo {
  display: flex;
  align-items: center;
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
  opacity: 1;
  transform: translateY(0);
  margin: 20px;
}
#page-footer a.logo img {
  max-height: 55px;
  max-width: 120px;
}
#page-footer a.logo:hover {
  transform: translateY(-10%);
  opacity: 1;
}
#page-footer .copyright,
#page-footer .copyright p {
  color: rgba(255, 255, 255, 0.6);
  flex: 0 0 100%;
  text-align: right;
  font-size: 11px;
  font-weight: 400;
}
#page-footer a {
  color: inherit;
}

/*-----------------------------
	Sidebar breakpoints and shadows
-----------------------------*/
@media (min-width: 992px) {
  .two-column .main-content {
    background: #fff;
    padding-left: 30px;
  }
  .two-column .main-content:after {
    content: "";
  }
}
/*----------------------------------------------
    Stories, Events and News content type
----------------------------------------------*/
.data-story__field-image,
.evt__feature-image,
.nws__feature-image {
  margin-bottom: calc(.5 * var(--vertical-padding));
}

.nws__description,
.evt__description,
.nws__feature-image,
.evt__feature-image,
.data-story__field-image,
.data-story__body {
  max-width: 850px;
}

/*-----------------------------
	Sidebar
-----------------------------*/
.publisher__field-image {
  margin: 0 auto 20px;
  text-align: center;
  max-width: 220px;
}

.publisher__label {
  font-weight: 600;
  margin-bottom: 10px;
}

.dataset_license_side h2 {
  background-color: unset;
  color: black;
  padding: 0;
  padding-bottom: 0.5em;
  font-size: 15px;
  margin-top: calc(var(--vertical-padding)/2);
  font-weight: 600;
}
.dataset_license_side h2:after {
  content: "";
  width: 100%;
  box-sizing: content-box;
  height: 1px;
  margin-top: 8px;
  display: block;
  background-image: linear-gradient(to right, rgba(163, 72, 17, 0.97), rgba(202, 94, 86, 0.97));
  opacity: 0.4;
}
@media (min-width: 992px) {
  .dataset_license_side h2 {
    margin-right: -30px;
  }
}

/*-----------------------------
	List of topics
-----------------------------*/
.topics-list {
  font-size: 13px;
}

/*-----------------------------
	Resources
-----------------------------*/
.data-and-resource-block {
  margin: calc(var(--vertical-padding) / 2) 0;
}

.dataset-resource {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  padding: calc(var(--vertical-padding) / 5) 15px calc(var(--vertical-padding) / 5) 0;
  transition: all 0.3s;
}
.dataset-resource:hover {
  background: var(--row-hover-color);
}
.dataset-resource .text {
  flex: 1;
}
.dataset-resource .text > a {
  color: inherit;
  font-weight: 600;
}
.dataset-resource .text p:last-child {
  margin-bottom: 0;
}
.dataset-resource .links-wrapper {
  display: flex;
  margin-left: auto;
  flex: 0 0 100%;
  justify-content: flex-start;
  padding: 10px 65px;
}
.dataset-resource .links-wrapper .btn {
  margin: 0;
}
.dataset-resource .links-wrapper .btn + .btn {
  margin-left: 5px;
}
.dataset-resource .views-field-visualisation {
  flex: 0 0 100%;
}
@media (min-width: 992px) {
  .dataset-resource .links-wrapper {
    margin-left: auto;
    flex: unset;
    justify-content: flex-end;
  }
}

/*-----------------------------
	Tags styling
-----------------------------*/
.dataset-tags .views-row {
  display: inline-block;
}

a.tag {
  --tag-color: #F3F3F3;
  padding: 3px 10px;
  font-size: 12px;
  line-height: 20px;
  border-radius: 0 5px 5px 0;
  background-color: #F3F3F3;
  background-color: var(--tag-color);
  margin: 3px 5px 10px 20px;
  position: relative;
  color: #333333;
  border: 1px solid #ddd;
  border-left: 0;
  z-index: 2;
  transition: all 0.3s;
  display: inline-block;
}
a.tag:before {
  content: "";
  width: 2px;
  height: 2px;
  background: #999999;
  position: absolute;
  top: 12px;
  left: -5px;
  webkit-border-radius: 0;
  border-radius: 0;
}
a.tag:after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #F3F3F3;
  background-color: var(--tag-color);
  transform: rotate(45deg);
  border-radius: 2px;
  position: absolute;
  top: 3px;
  left: -10px;
  z-index: -1;
  border: 1px solid #ddd;
  border-top: none;
  border-right: none;
  transition: all 0.3s;
}
a.tag:hover {
  text-decoration: none;
  --tag-color: #ccc;
}

/*-----------------------------
	Dataset workflow
-----------------------------*/
.block-dataset-workflow .dataset-links {
  list-style: none;
  color: #aeaeae;
  counter-reset: stage;
  padding: 0;
  overflow: hidden;
  margin: 0 0 20px;
}
.block-dataset-workflow .dataset-links li {
  font-size: 14px;
  box-sizing: border-box;
  line-height: 27px;
  counter-increment: stage;
  width: 33.33%;
  float: left;
  padding: 10px;
  position: relative;
  z-index: 0;
  color: #666;
  background-color: #ededed;
}
.block-dataset-workflow .dataset-links li.active {
  background: none;
}
.block-dataset-workflow .dataset-links li.active:before {
  color: #8cc68a;
  background: #ffffff;
}
.block-dataset-workflow .dataset-links li.active span {
  background: #8cc68a;
  color: white;
}
.block-dataset-workflow .dataset-links li.complete span {
  background: #C5E2C6;
  color: #666;
}
.block-dataset-workflow .dataset-links li.complete:before {
  color: #666;
  background: #eef6ed;
}
.block-dataset-workflow .dataset-links li.complete:after {
  border-color: rgba(197, 226, 196, 0);
  border-top-color: #c5e2c4;
  border-bottom-color: #c5e2c4;
}
.block-dataset-workflow .dataset-links li.uncomplete span {
  color: #666;
}
.block-dataset-workflow .dataset-links li:before {
  border-radius: 14px;
  content: counter(stage);
  display: inline-block;
  width: 27px;
  height: 27px;
  margin-right: 5px;
  font-weight: bold;
  text-align: center;
  background-color: #d5d5d5;
  z-index: 1;
}
.block-dataset-workflow .dataset-links li span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 42px;
  border: none;
  text-align: left;
  text-decoration: none;
  line-height: 27px;
  z-index: -1;
}
.block-dataset-workflow .dataset-links li.first span {
  border-radius: 5px 0 0 5px;
}
.block-dataset-workflow .dataset-links li.first:after {
  content: none;
}
.block-dataset-workflow .dataset-links li:after {
  left: 0;
  border: solid rgba(237, 237, 237, 0);
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #ededed;
  border-bottom-color: #ededed;
  border-width: 29px;
  top: 50%;
  margin-top: -29px;
  margin-left: -30px;
}
.block-dataset-workflow .dataset-links li.middle.active:after, .block-dataset-workflow .dataset-links li.last.active:after {
  border-color: rgba(140, 198, 138, 0);
  border-top-color: #8cc68a;
  border-bottom-color: #8cc68a;
}
@media (max-width: 599px) {
  .block-dataset-workflow .dataset-links li span {
    font-size: 12px;
    line-height: 1.15em;
  }
}

/*-----------------------------
	Dataset main body content
-----------------------------*/
.dataset__body p {
  display: inline-block;
}

/*-------------------------------------
	Basic Layout for Resource nodes
-------------------------------------*/
.path-resource .resource-blocks {
  margin-top: 50px;
  margin-top: var(--vertical-padding);
}
@media (min-width: 992px) {
  .path-resource .resource-blocks {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
  }
}
.path-resource .related-resource a.list_of_resources {
  display: block;
}
/*--------------------------------------------------------------------------
	Setting up spacing for file icons  and basic styling
--------------------------------------------------------------------------*/
.resource__upload .file::before,
a.resource-link {
  margin-right: 1rem;
  min-height: 50px;
  font-size: 50px;
  line-height: 1;
}

a.resource-link .tooltiptext {
  display: none;
}
a.resource-link:hover {
  text-decoration: none;
}

/*-------------------------------------
	Resource Icons on uploaded files
-------------------------------------*/
.resource__upload .file::before {
  font-family: "dkan-flaticon";
}

.resource_content {
  margin: 10px 0;
}
.resource_content .resource__upload {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.resource_content .resource__upload > .file {
  display: flex;
  align-items: center;
}
.resource_content .resource__upload:first-child {
  margin-top: calc(var(--vertical-padding) /4);
}
.resource_content .resource__upload a {
  display: flex;
  margin-right: 10px;
}
.resource_content .file--mime-application-pdf::before {
  content: "";
}
.resource_content .file--x-office-spreadsheet:before {
  content: "";
}
.resource_content .file--mime-image-png:before {
  content: "";
}
.resource_content .file--mime-image-jpeg:before {
  content: "";
}
.resource_content .file--mime-text-plain:before {
  content: "";
}
.resource_content .file--mime-application-msword:before {
  content: "";
}
.resource_content .file--x-office-document:before {
  content: "";
}

/*-------------------------------------------------
	Resource Icons on datasets and resource nodes
-------------------------------------------------*/
.file--x-office-spreadsheet:before,
.format-label[data-format=xls]:before {
  content: "";
  color: #2db55d;
}

.format-label[data-format=zip]:before {
  content: "";
  color: #686868;
}

.format-label[data-format=tsv]:before {
  content: "";
  color: #6f5191;
}

.format-label[data-format=rest]:before,
.format-label[data-format=openxml]:before,
.format-label[data-format=excel]:before,
.format-label[data-format=esri]:before,
.format-label[data-format=arcgis]:before {
  content: "";
  color: olive;
}

.file--mime-application-pdf:before,
.format-label[data-format=pdf]:before {
  content: "";
  color: #e0051e;
}

.format-label[data-format=kml]:before {
  content: "";
  color: #3F6EA5;
}

.format-label[data-format=geojson]:before {
  content: "";
  color: #ef7100;
}

.format-label[data-format=csv]:before {
  content: "";
  color: #dfb100;
}

.resource__upload .file::before:before,
.format-label:before {
  content: "";
  color: olive;
}

/*----------------------------------------------------------
	Main Content area for search pages
----------------------------------------------------------*/
.views-exposed-form .form-submit {
  border-width: thin;
  margin-top: 1em;
  align-self: center;
  border-radius: 5px;
  height: 34px;
  padding: 0 1em;
  font-size: 13px;
}
@media (max-width: 1199.98px) {
  .views-exposed-form .form-item {
    display: flex;
    align-items: center;
  }
  .views-exposed-form .form-item label {
    white-space: nowrap;
    margin-right: 5px;
    min-width: 60px;
  }
  .views-exposed-form .form-actions {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .views-exposed-form {
    display: flex;
    justify-content: space-between;
  }
  .views-exposed-form > * {
    flex: auto;
  }
  .views-exposed-form > *:not(:first-child) {
    margin-left: 15px;
  }
  .views-exposed-form .form-actions {
    padding-top: 1.2em;
  }
}

.search-page header {
  color: #767676;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 15px;
}

/*----------------------------------------------------------
	Search Results
----------------------------------------------------------*/
.search-result {
  display: flex;
  flex-flow: row wrap;
  padding-top: calc(var(--vertical-padding) * .25);
  padding-bottom: calc(var(--vertical-padding) * .25);
}
.search-result .icon i {
  height: 50px;
  width: 50px;
  border: 3px solid rgba(0, 0, 0, 0.3);
  padding: 0;
  text-align: center;
  border-radius: 50px;
  display: block;
  transition: all 0.3s;
  margin-top: 0.5em;
}
.search-result .icon i:before {
  margin: 0;
  padding: 0;
  font-size: 25px;
  line-height: 43px;
  color: rgba(0, 0, 0, 0.3);
  transition: all 0.3s;
}
.search-result a {
  word-break: all;
}
.search-result .views-field {
  margin-bottom: 0.75em;
}
.search-result .views-field-publisher {
  font-size: 0.9em;
  font-style: italic;
  color: #999;
}
.search-result:hover {
  background: var(--row-hover-color);
}
.search-result:hover .icon i {
  border-color: black;
}
.search-result:hover .icon i::before {
  color: black;
}

a.link_to_search {
  margin-right: 0.75em;
}

/*----------------------------------------------------------
	Left Sidebar filters for search pages
----------------------------------------------------------*/
#left-sidebar {
  padding-bottom: 20px;
  padding-left: var(--small-screen-margins);
  padding-right: var(--small-screen-margins);
}
@media (min-width: 768px) {
  #left-sidebar {
    padding-right: 30px;
  }
}
#left-sidebar .block-facets:first-child summary {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.facet-operator-switcher {
  background-color: rgba(0, 0, 0, 0.05);
  border: thin solid lightgrey;
  border-top: none;
  padding: 0.4em 10px 0.4em 10px;
  display: flex;
  flex-direction: row;
  gap: 0.5em;
  align-items: start;
}
.facet-operator-switcher label {
  margin: 0;
  font-weight: 600;
}
.facet-operator-switcher input {
  margin-top: 0.6rem;
}

.facets-widget-links summary {
  display: block;
  background: #115ea3;
  background: var(--sidebar-block-heading-background);
}
.facets-widget-links summary::marker, .facets-widget-links summary::-webkit-details-marker {
  display: none;
}
.facets-widget-links details:not([open]) summary h3 {
  border-bottom: 1px solid #fff;
}
.facets-widget-links details:not([open]) summary h3::after {
  transform: rotate(90deg);
}
.facets-widget-links h3 {
  color: white;
  color: var(--sidebar-block-heading-text-color);
  transition: color 0.3s;
  font-size: 1.7rem;
  padding: 9px 21px 9px 12px;
  margin: 0;
  font-weight: 400;
  opacity: 0.7;
  transition: all 0.3s;
}
.facets-widget-links h3:after {
  font-family: "ekan-icons";
  font-weight: 900;
  content: "";
  float: right;
  transition: all 0.3s;
  transform: rotate(180deg);
}
.facets-widget-links h3:hover {
  opacity: 1;
}
.facets-widget-links .facet-empty h3:after {
  font-family: "ekan-icons";
  font-weight: 900;
  content: "";
  float: right;
}
.facets-widget-links ul {
  padding-left: 0;
  margin-bottom: 0;
}
.facets-widget-links ul li,
.facets-widget-links ul li.facet-item {
  list-style-type: none;
  border: thin solid lightgrey;
  border-top: none;
  padding: 0;
  position: relative;
}
.facets-widget-links ul li .facet-item__status,
.facets-widget-links ul li.facet-item .facet-item__status {
  display: none;
}
.facets-widget-links ul li .facet-item__count,
.facets-widget-links ul li.facet-item .facet-item__count {
  font-size: 13px;
  opacity: 0.7;
  margin-left: 5px;
}
.facets-widget-links ul li .remove-active,
.facets-widget-links ul li.facet-item .remove-active {
  position: absolute;
  right: 3px;
  padding: 0 0.75rem;
}
.facets-widget-links ul li .remove-active:hover,
.facets-widget-links ul li.facet-item .remove-active:hover {
  color: red;
}
.facets-widget-links ul li#active-checkbox::after,
.facets-widget-links ul li.facet-item#active-checkbox::after {
  content: "";
  width: 27px;
  height: 27px;
  background-color: #FEEBD2;
  transform: rotate(45deg);
  border-radius: 2px;
  position: absolute;
  right: -14px;
  z-index: 0;
  border: thin solid lightgrey;
  border-left: none;
  border-bottom: none;
  top: 4px;
}
.facets-widget-links a {
  color: #333;
  color: var(--text-color);
  text-decoration: none;
  background-color: transparent;
  display: block;
  position: relative;
  line-height: 22px;
  padding: 0.4em 25px 0.4em 10px;
}
.facets-widget-links a:after {
  content: "";
  font-family: "ekan-icons";
  position: absolute;
  right: 8px;
  top: 0;
  bottom: 0;
  border-top: none;
  border-right: none;
  color: #5cb85c;
  display: flex;
  align-items: center;
  opacity: 0;
  transition: all 0.3s;
}
.facets-widget-links a:not(.is-active):hover {
  background: rgba(0, 0, 0, 0.03);
  background: var(--row-hover-color);
}
.facets-widget-links a:not(.is-active):hover::after {
  display: flex;
  opacity: 1;
}
.facets-widget-links a.is-active {
  background: #FEEBD2;
}
.facets-widget-links a.is-active::after {
  display: flex;
  transform: rotate(45deg);
  color: #145b98;
  color: var(--link-color);
  opacity: 1;
  z-index: 1;
}
.facets-widget-links a.remove-active {
  display: none;
}

/*----------------------------------------------------------
	Pagination
----------------------------------------------------------*/
ul.pagination .page-link {
  color: var(--link-color);
}

/*----------------------------------------------------------
	Resource format markers
----------------------------------------------------------*/
.views-field-ekan-dataset-resource-formats .field-content,
.views-field-ekan-dataset-resource-formats-1 .field-content {
  display: flex;
  align-items: center;
}
.views-field-ekan-dataset-resource-formats a,
.views-field-ekan-dataset-resource-formats-1 a {
  background-color: olive;
  border-radius: 3px;
  color: white;
  display: inline;
  font-size: 10px;
  font-weight: bold;
  line-height: 16px;
  margin: 0 3px;
  text-transform: uppercase;
  padding: 1px 4px 1px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  vertical-align: baseline;
  white-space: nowrap;
  transition: all 0.3s;
}
.views-field-ekan-dataset-resource-formats a[data-format=pdf],
.views-field-ekan-dataset-resource-formats-1 a[data-format=pdf] {
  background-color: #e0051e;
}
.views-field-ekan-dataset-resource-formats a[data-format=csv],
.views-field-ekan-dataset-resource-formats-1 a[data-format=csv] {
  background-color: #a64300;
}
.views-field-ekan-dataset-resource-formats a[data-format=zip],
.views-field-ekan-dataset-resource-formats-1 a[data-format=zip] {
  background-color: #686868;
}
.views-field-ekan-dataset-resource-formats a[data-format=xls],
.views-field-ekan-dataset-resource-formats-1 a[data-format=xls] {
  background-color: #018931;
}
.views-field-ekan-dataset-resource-formats a[data-format=kml],
.views-field-ekan-dataset-resource-formats-1 a[data-format=kml] {
  background-color: #3F6EA5;
}
.views-field-ekan-dataset-resource-formats a[data-format=html],
.views-field-ekan-dataset-resource-formats-1 a[data-format=html] {
  background-color: #317daa;
}
.views-field-ekan-dataset-resource-formats a[data-format=jpeg], .views-field-ekan-dataset-resource-formats a[data-format=jpg],
.views-field-ekan-dataset-resource-formats-1 a[data-format=jpeg],
.views-field-ekan-dataset-resource-formats-1 a[data-format=jpg] {
  background-color: blue;
}
.views-field-ekan-dataset-resource-formats a[data-format=json], .views-field-ekan-dataset-resource-formats a[data-format=geojson], .views-field-ekan-dataset-resource-formats a[data-format=xml],
.views-field-ekan-dataset-resource-formats-1 a[data-format=json],
.views-field-ekan-dataset-resource-formats-1 a[data-format=geojson],
.views-field-ekan-dataset-resource-formats-1 a[data-format=xml] {
  background-color: #d14900;
}
.views-field-ekan-dataset-resource-formats a[data-format=txt], .views-field-ekan-dataset-resource-formats a[data-format=text],
.views-field-ekan-dataset-resource-formats-1 a[data-format=txt],
.views-field-ekan-dataset-resource-formats-1 a[data-format=text] {
  background-color: #015924;
}
.views-field-ekan-dataset-resource-formats a[data-format=api],
.views-field-ekan-dataset-resource-formats-1 a[data-format=api] {
  background-color: #317daa;
}
.views-field-ekan-dataset-resource-formats a[data-format=rdf], .views-field-ekan-dataset-resource-formats a[data-format=rdf], .views-field-ekan-dataset-resource-formats a[data-format=nquad], .views-field-ekan-dataset-resource-formats a[data-format=ntriples], .views-field-ekan-dataset-resource-formats a[data-format=turtle],
.views-field-ekan-dataset-resource-formats-1 a[data-format=rdf],
.views-field-ekan-dataset-resource-formats-1 a[data-format=rdf],
.views-field-ekan-dataset-resource-formats-1 a[data-format=nquad],
.views-field-ekan-dataset-resource-formats-1 a[data-format=ntriples],
.views-field-ekan-dataset-resource-formats-1 a[data-format=turtle] {
  background-color: #0b4498;
}
.views-field-ekan-dataset-resource-formats a[data-format=data],
.views-field-ekan-dataset-resource-formats-1 a[data-format=data] {
  background-color: #7a7a00;
}
.views-field-ekan-dataset-resource-formats a[data-format=ppt], .views-field-ekan-dataset-resource-formats a[data-format=pptx],
.views-field-ekan-dataset-resource-formats-1 a[data-format=ppt],
.views-field-ekan-dataset-resource-formats-1 a[data-format=pptx] {
  background-color: #CF452C;
}
.views-field-ekan-dataset-resource-formats a:hover,
.views-field-ekan-dataset-resource-formats-1 a:hover {
  text-decoration: none;
  background: #000;
}

.homepage-content .views-element-container {
  margin-top: var(--vertical-padding);
}
.homepage-content .views-element-container > h2 {
  text-align: center;
  margin: 0;
  padding: 0 0 calc(var(--vertical-padding) / 2);
}
.homepage-content div[region=homepage_content] {
  padding-left: var(--small-screen-margins);
  padding-right: var(--small-screen-margins);
}

/*-------------------------------------
	Announcements block on homepage
-------------------------------------*/
#homepage-announcements {
  background: #1E1E1E;
  background: var(--announcements-background);
  margin-top: 0;
  z-index: 2;
  position: relative;
}
#homepage-announcements .announcment {
  padding: var(--small-screen-margins);
}
#homepage-announcements .image {
  margin: 2rem 0;
  text-align: center;
}
#homepage-announcements .image img {
  transform: rotate(-5deg);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.32);
  max-width: 280px;
}
#homepage-announcements .text {
  align-self: center;
  padding-top: calc(.75* var(--vertical-padding));
  padding-bottom: calc(.75* var(--vertical-padding));
}
#homepage-announcements .text h2 {
  margin-top: 0;
  color: #fff;
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  #homepage-announcements .image {
    margin: -3rem 0;
  }
}

/*-------------------------------------
	Dashboards block on homepage
-------------------------------------*/
.block-featured-dashboards .carousel-inner .item {
  position: absolute;
  z-index: 11;
  opacity: 0;
  display: block;
  width: 1170px;
  height: 375.367px;
  transform: translate3d(0, 0, 0) !important;
}
.block-featured-dashboards .carousel-inner .item:first-of-type {
  position: relative;
}
.block-featured-dashboards .carousel-inner .active {
  opacity: 1;
  z-index: 3;
}
.block-featured-dashboards .carousel-inner .next.left,
.block-featured-dashboards .carousel-inner .prev.right {
  transition: 0.6s all;
  opacity: 1;
  left: 0;
  z-index: 2;
}
.block-featured-dashboards .carousel-inner .active.left,
.block-featured-dashboards .carousel-inner .active.right {
  z-index: 1;
}
.block-featured-dashboards .carousel-control {
  z-index: 5;
}
.block-featured-dashboards .views-row {
  padding-bottom: 3em;
  background: white;
}
@media (min-width: 768px) {
  .block-featured-dashboards .views-row:nth-child(even) .image {
    padding-right: 45px;
  }
  .block-featured-dashboards .views-row:nth-child(odd) .image {
    order: 2;
    padding-left: 45px;
  }
}
.block-featured-dashboards img {
  width: 100%;
  margin-bottom: 1em;
}
.block-featured-dashboards .carousel-indicators li {
  background: var(--secondary-nav-background-color);
  border-color: white;
}
.block-featured-dashboards .carousel-inner {
  margin-bottom: 3em;
  z-index: 1;
}
.block-featured-dashboards .carousel-control-prev {
  left: -3em;
  width: auto;
}
.block-featured-dashboards .carousel-control-prev .carousel-control-prev-icon {
  filter: invert(0.1) sepia(0.5) saturate(7.2) hue-rotate(75.6deg) brightness(0.74);
}
.block-featured-dashboards .carousel-control-next {
  right: -3em;
  width: auto;
}
.block-featured-dashboards .carousel-control-next .carousel-control-next-icon {
  filter: invert(0.1) sepia(0.5) saturate(7.2) hue-rotate(75.6deg) brightness(0.74);
}
@media (max-width: 991.98px) {
  .block-featured-dashboards .carousel-control-prev, .block-featured-dashboards .carousel-control-next {
    display: none;
  }
}

/*--------------------------------------------------------------------------
  Featured content block on homepage for news, events projects etc.
--------------------------------------------------------------------------*/
.block-featured-content .views-row {
  margin-bottom: calc(var(--vertical-padding)/2);
}
.block-featured-content footer {
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  padding: 0 0 calc(var(--vertical-padding)) 0px;
  padding: 0;
  margin-bottom: var(--vertical-padding);
}
.featured-item, .related-resource-item, .related-news-item {
  text-decoration: none;
  color: var(--text-color);
  background: #F4F4F4;
  background: var(--views-lists-background);
  display: block;
  height: 100%;
}
.featured-item .content-info, .related-resource-item .content-info, .related-news-item .content-info {
  justify-content: space-between;
}
.featured-item .text, .related-resource-item .text, .related-news-item .text {
  padding: 10px 15px;
}
.featured-item img, .related-resource-item img, .related-news-item img {
  width: 100%;
}
@media (min-width: 1200px) {
  .featured-item .text, .related-resource-item .text, .related-news-item .text {
    padding: 15px 25px;
  }
}
.featured-item:hover, .related-resource-item:hover, .related-news-item:hover {
  background: #e3e3e3;
  background: var(--views-lists-background-hover);
  text-decoration: none;
}

#events-block,
#news-block {
  padding-bottom: var(--vertical-padding);
}
#events-block > h2,
#news-block > h2 {
  font-size: 2.8rem;
  margin-bottom: calc(var(--vertical-padding) / 2);
}

.content-info {
  display: flex;
  font-size: 13px;
}

.content-type {
  text-transform: uppercase;
}

#content-header {
  background: transparent url("/themes/custom/inform_base/assets/images/hero-image.jpg") center center;
  background: var(--content-header-background);
  background-size: cover;
  position: relative;
  display: flex;
  color: var(--inverted-text-color);
}
#content-header .overlay {
  background-image: linear-gradient(to bottom, rgba(3, 48, 89, 0.8), rgba(87, 87, 53, 0.5));
  background-image: var(--content-header-overlay);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
#content-header h1 {
  margin-bottom: 0;
}
#content-header .sidebar-top {
  display: none;
}
#content-header .content-type {
  font-weight: 500;
  color: #ffc107;
}

/*---------------------------------------
    Breadcrumbs
---------------------------------------*/
ol.breadcrumb {
  display: flex;
  flex-flow: row wrap;
  min-height: 60px;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
  margin-bottom: 50px;
  margin-bottom: calc(var(--vertical-padding)/2);
}
ol.breadcrumb li {
  display: flex;
  align-items: center;
}
ol.breadcrumb li:not(:first-child)::before {
  content: "/ ";
  padding: 0 5px;
}
ol.breadcrumb li + li::before {
  opacity: 0.5;
}
ol.breadcrumb li.home-link span {
  display: none;
}
ol.breadcrumb a {
  color: inherit;
}
ol.breadcrumb i {
  font-family: "ekan-icons";
}

/*---------------------------------------
    Page title, date and content type
---------------------------------------*/
#title-wrapper {
  padding-bottom: calc(50px * .5);
  padding-bottom: calc(var(--vertical-padding) * .5);
  text-shadow: 0 0 35px #000;
}
#title-wrapper .sidebar-top {
  background: white;
  margin-left: -15px;
  margin-right: 15px;
  padding: 0;
  margin-bottom: calc(vertical-padding * -.5);
  margin-bottom: calc(var(--vertical-padding) * -.5);
  height: 35px;
  align-self: flex-end;
}
#title-wrapper .node-info {
  font-size: 12px;
}
#title-wrapper .created-date {
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .path-dataset #content-header .sidebar-top,
.path-search #content-header .sidebar-top {
    display: block;
  }
  .path-dataset #content-header .text,
.path-search #content-header .text {
    padding-left: 30px;
  }
}

/*----------------------------------------------------------
	Search Block on homepage
----------------------------------------------------------*/
.front #content-header {
  min-height: 400px;
}
.front #content-header .container {
  max-width: 600px;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  justify-content: center;
  align-items: center;
  height: 320px;
}
.front #content-header .container .block-search-api-stats-blockekan-index h2 {
  background-color: var(--homepage-search-submit-button-background);
  color: black;
  font-size: 16px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0 0.7em;
  margin-bottom: 0;
}
.front #content-header .container .block-search-api-stats-blockekan-index ul {
  background: var(--homepage-search-input-background-color);
  opacity: 0.8;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0.5em 1em;
  list-style-type: none;
  display: flex;
  justify-content: space-around;
}
.front #content-header .container .block-search-api-stats-blockekan-index ul li a {
  color: white;
  text-decoration: underline;
}

.block-search-block {
  padding: calc(var(--vertical-padding)) 0;
  padding-bottom: 0;
  width: 100%;
}
.block-search-block .search-section {
  display: flex;
}
.block-search-block .search-section .search-input {
  background: black;
  background: var(--homepage-search-input-background-color);
  background-repeat: no-repeat;
  background-position: 100% center;
  color: white;
  color: var(--homepage-search-input-text-color);
  border-color: black;
  border-color: var(--homepage-search-input-background-color);
  font-size: 18px;
  padding: 24px;
  opacity: 0.8;
  border-radius: 5px 0 0 5px;
}
.block-search-block .search-section .search-btn {
  font-family: "FontAwesome";
  font-size: 18px;
  background-color: #ffc107;
  background-color: var(--homepage-search-submit-button-background);
  border-color: #ffc107;
  border-color: var(--homepage-search-submit-button-background);
  color: black;
  color: var(--homepage-search-input-background-color);
  margin: 0;
  border-radius: 0 5px 5px 0;
  border: none;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.block-search-block .search-section .search-btn:hover {
  opacity: 0.9;
}
.block-search-block .form-group {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.block-search-block .filters-section {
  padding-top: 1em;
}
.block-search-block .filters-section .form-group {
  flex: 1;
  margin-bottom: 1em;
}
.block-search-block .filters-section label {
  margin-right: 10px;
  margin-bottom: 0;
  font-weight: 600;
  flex: 1;
}
.block-search-block .filters-section select {
  background: black;
  background: var(--homepage-search-input-background-color);
  border-color: black;
  border-color: var(--homepage-search-input-background-color);
  color: inherit;
  opacity: 0.8;
  flex: 4;
}
@media (min-width: 576px) {
  .block-search-block .filters-section {
    display: flex;
    flex-flow: row wrap;
  }
  .block-search-block .filters-section .form-group {
    flex: 1;
  }
  .block-search-block .filters-section .form-group:not(:last-child) {
    margin-right: 1em;
  }
}

#edit-search-form input.form-autocomplete.ui-autocomplete-loading {
  background-image: url("/themes/custom/inform_base/assets/images/throbber-dark.gif");
  background-size: 25px;
}

.data-dashboard__field-dashboard-elements {
  margin-top: 2em;
  display: flex;
  flex-direction: column;
  gap: 5em;
}
.data-dashboard__field-dashboard-elements h2 {
  margin-bottom: 2em;
}
.data-dashboard__field-dashboard-elements > .field__item .text__field-body {
  display: flow-root;
  margin-bottom: 1rem;
}
.data-dashboard__field-dashboard-elements .row {
  row-gap: 15px;
}

/*----------------------------------------------
    Ckeditor image align setting
----------------------------------------------*/
img.align-left {
  margin-right: 1em;
  clear: both;
}
img.align-right {
  margin-left: 1em;
  clear: both;
}

/** Also video styling */
figure.media {
  display: inline-block;
  padding: 1em;
}
@media (min-width: 768px) {
  figure.media {
    width: 33%;
  }
}
figure.media iframe {
  width: 100%;
}

body #cookiesjsr {
  --font-size-reset: 1.5rem;
}

.node.prj--full .project-top {
  gap: 2rem;
}
.node.prj--full .right-block {
  min-width: 30%;
  max-width: 100%;
  background-color: var(--featured-content-panel-background);
  padding: 1rem;
}
@media (min-width: 768px) {
  .node.prj--full .right-block {
    min-width: 250px;
  }
}
.node.prj--full .right-block .dates {
  white-space: nowrap;
}
.node.prj--full .right-block .dates .prj__start-date,
.node.prj--full .right-block .dates .prj__end-date {
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  .node.prj--full .right-block .dates .prj__start-date,
.node.prj--full .right-block .dates .prj__end-date {
    max-width: 300px;
  }
}
.node.prj--full .project-funding {
  max-width: 500px;
}
.node.prj--full .project-funding .block {
  margin-top: 1rem;
}
.node.prj--full .project-funding .block .contribution {
  white-space: nowrap;
  text-wrap: avoid;
}
.node.prj--full .prj__total {
  justify-content: space-between;
}
.node.prj--full .prj__contact-details {
  margin-top: 1rem;
}
.node.prj--full .project-footer > div {
  margin-top: 2rem;
}
.node.prj--full .project-footer > div > h2 {
  margin-bottom: 2rem;
}

.related-news-item .read-more {
  margin: 1em;
  align-self: center;
  color: var(--link-color);
  border: solid 2px var(--link-color);
  border-radius: 1em;
  font-weight: 500;
  background-color: white;
  transition: all 0.3s;
}
.related-news-item .read-more:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.node.tlp--full .topic-related-projects-link {
  text-align: right;
}
.node.tlp--full .tlp__description {
  margin-top: 3em;
  margin-bottom: 3em;
}
@media (min-width: 576px) {
  .node.tlp--full .block-topic-search-block {
    width: 66%;
    margin: 0 auto;
  }
}
.node.tlp--full .block-topic-search-block input[type=text] {
  background: rgba(0, 0, 0, 0.05);
  color: #343a40;
  border-color: rgba(0, 0, 0, 0.2);
  border-width: 3px;
  border-right-width: 0;
  font-size: 18px;
  padding: 24px;
  border-radius: 5px 0 0 5px;
}
.node.tlp--full .block-topic-search-block input[type=submit] {
  font-family: "FontAwesome";
  font-size: 18px;
  background-color: #ffc107;
  background-color: var(--homepage-search-submit-button-background);
  border-color: #ffc107;
  border-color: var(--homepage-search-submit-button-background);
  color: black;
  color: var(--homepage-search-input-background-color);
  margin: 0;
  border-radius: 0 5px 5px 0;
  border: none;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.icon-dkan-dataset:before,
.search-result .dataset-list li::before,
#stats a.datasets .icon:after {
  content: "";
}

.block--inform-png-sitecontentstats #stats a.datasets .icon:after {
  content: "";
}

.icon-dkan-data_dashboard:before,
#stats a.dashboards .icon:after {
  content: "";
}

#stats a.datastories .icon:after,
.icon-dkan-dkan_data_story:before {
  content: "";
}

.icon-dkan-publisher:before,
#stats a.groups .icon:after {
  content: "";
}

.icon-dkan-prj:before,
.icon-dkan-project:before,
#stats a.projects .icon:after {
  font-family: "FontAwesome";
  content: "";
}

#stats a.resources .icon:after {
  font-family: "FontAwesome";
  content: "";
}

#stats a.news-items .icon:after {
  font-family: "FontAwesome";
  content: "";
}

.icon-dkan-topics.icon-disaster-risk-management {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0.25rem;
  background: currentColor;
  -webkit-mask: url("/themes/custom/inform_base/assets/images/disaster-risk-management.svg") no-repeat center;
          mask: url("/themes/custom/inform_base/assets/images/disaster-risk-management.svg") no-repeat center;
}

/**
 * Styles for the paragraph showing coral reef stats on the
 * coral reef dashboard pages.
 */
.paragraph--type--coral-reef-key-statistics.paragraph--view-mode--dashboard {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ccc;
  border-top: 8px solid #5bc0de;
  border-radius: 8px;
  padding: 1rem;
  background-color: #f9f9f9;
  box-shadow: 0px 13px 40px -9px rgba(0, 0, 0, 0.21);
}
.paragraph--type--coral-reef-key-statistics.paragraph--view-mode--dashboard > div {
  flex: 1 1 50%;
  max-width: 50%;
  background: white;
  text-align: center;
  font-size: 1.1em;
  padding: 1.5em;
  padding-bottom: 2.1em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1em;
}
@media (min-width: 768px) {
  .paragraph--type--coral-reef-key-statistics.paragraph--view-mode--dashboard > div {
    flex: 1 1 20%;
    max-width: 20%;
  }
}
.paragraph--type--coral-reef-key-statistics.paragraph--view-mode--dashboard > div:not(:first-child) {
  border-left: 1px solid #ddd;
}
.paragraph--type--coral-reef-key-statistics.paragraph--view-mode--dashboard > div .field__label {
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* horizontally center children, including ::before */
}
.paragraph--type--coral-reef-key-statistics.paragraph--view-mode--dashboard > div .field__item {
  font-size: 1.6em;
}
.paragraph--type--coral-reef-key-statistics.paragraph--view-mode--dashboard .coral-reef-key-statistics__field-cor-maritime-area-km .field__label::before,
.paragraph--type--coral-reef-key-statistics.paragraph--view-mode--dashboard .coral-reef-key-statistics__field-cor-land-area-km2 .field__label::before,
.paragraph--type--coral-reef-key-statistics.paragraph--view-mode--dashboard .coral-reef-key-statistics__field-cor-reef-extent-km2 .field__label::before,
.paragraph--type--coral-reef-key-statistics.paragraph--view-mode--dashboard .coral-reef-key-statistics__field-cor-population-within-5km .field__label::before,
.paragraph--type--coral-reef-key-statistics.paragraph--view-mode--dashboard .coral-reef-key-statistics__field-cor-total-mpas .field__label::before {
  content: "";
  background-image: url("/themes/custom/inform_base/assets/images/waves-icon.svg");
  width: 100px;
  height: 100px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.paragraph--type--coral-reef-key-statistics.paragraph--view-mode--dashboard .coral-reef-key-statistics__field-cor-land-area-km2 .field__label::before {
  background-image: url("/themes/custom/inform_base/assets/images/mountain-icon.svg");
}
.paragraph--type--coral-reef-key-statistics.paragraph--view-mode--dashboard .coral-reef-key-statistics__field-cor-reef-extent-km2 .field__label::before {
  background-image: url("/themes/custom/inform_base/assets/images/coral-icon.svg");
}
.paragraph--type--coral-reef-key-statistics.paragraph--view-mode--dashboard .coral-reef-key-statistics__field-cor-population-within-5km .field__label::before {
  background-image: url("/themes/custom/inform_base/assets/images/person-solid.svg");
}
.paragraph--type--coral-reef-key-statistics.paragraph--view-mode--dashboard .coral-reef-key-statistics__field-cor-total-mpas .field__label::before {
  background-image: url("/themes/custom/inform_base/assets/images/mpa-icon.svg");
}

.paragraph--type--embedded-resource .resource__visualisation {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.paragraph--type--embedded-resource .resource__visualisation > div {
  width: 100%;
}
.paragraph--type--embedded-resource .resource__visualisation > img {
  width: auto;
}