/**
 * 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: #F8DA10;
  --secondary-nav-text-color: #212529;
  --main-navbar-top-border: 4px solid #F8DA10;
  --social-links-background: #B34949;
  --text-color: #212529;
  --inverted-text-color: #ffffff;
  --link-color: #B34949;
  --link-color-light: #ecd2d2;
  --border-radius: 30px;
  --vertical-padding: 30px;
  --popular-datasets-background: #fef8cf;
  --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: #F8DA10;
  --map-background: radial-gradient(rgba(255, 255, 255, 0.8), #8CB4D3);
  --site-slogan-color: #F8DA10;
  --content-header-background: transparent url("/themes/custom/inform_base/assets/images/hero-image.jpg") center center;
  --content-header-border-top: 4px solid #B34949;
  --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: #F8DA10;
  --inverted-text-color: #212529;
  --text-color: #ffffff;
  --link-color-hover: darken(var(--link-color),40%);
}

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

:root {
  --secondary-nav-background-color: #1b88a5;
  --secondary-nav-text-color: white;
  --main-navbar-top-border: 4px solid #1b88a5;
  --social-links-background: #115ea3;
  --text-color: #212529;
  --inverted-text-color: #ffffff;
  --link-color: #1b88a5;
  --link-color-light: #c6e1e9;
  --border-radius: 30px;
  --popular-datasets-background: #daf1ee;
  --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, rgba(17, 94, 163, 0.97), rgba(86, 95, 202, 0.97));
  --homepage-search-input-background-color: black;
  --homepage-search-input-text-color: white;
  --homepage-search-submit-button-background: #1b88a5;
  --map-background: radial-gradient(rgba(255, 255, 255, 0.8), #8CB4D3);
  --site-slogan-color: #1b88a5;
  --content-header-background: transparent url("/themes/custom/inform_solomonislands/assets/images/hero-image.jpg") center center;
  --content-header-border-top: 4px solid #1b88a5;
  --motif-overlay: url("/themes/custom/inform_solomonislands/assets/images/footer-image.png") center top repeat;
  --motif-opacity: .05;
  --motif-blend-mode: normal;
  --sidebar-block-heading-background: #115ea3;
  --sidebar-block-heading-text-color: white;
}