/**
 * @file
 * Subtheme specific CSS.
 */

@media (min-width: 1200px){
  .container,
  .container-lg,
  .container-md, 
  .container-sm, 
  .container-xl{
    max-width: 90%;
  }
}

body {
  background: transparent url(../images/bg.gif) repeat;
  background-color: transparent;
}

a.nav-link {
  padding: 5px 10px;
  font-size: 17px;
  font-weight: bold;
  color: #7A8090;
  text-align: center;
  display: block;
}

a.nav-link.is-active {
  color: white;
  border-radius: 5px;
  background-color: #0d0f13;
  -moz-border-radius: 5px;
}

a.nav-link:hover {
  color: white;
  border-radius: 5px 5px 0 0;
  background-color: #0d0f13;
  -moz-border-radius: 5px 5px 0 0;
}

li.nav-item {
  padding: 0 5px 0 0
}

h1.title {
  color: #788090;
}

#page-wrapper #page {
  background: url(../images/bg.png) repeat-x;
}

#page #main-wrapper {
  background-color: transparent;
  width: 90%;
  margin: auto;
}

#header {
  width: 80%;
  margin: auto;
}

#header #navbar-top.navbar {
  padding: 0;
}

#navbar-main .img-fluid {
  width: 80%;
}

blockquote {
    border: 1px solid #ced1da;
    background: #eef0f5;
    margin: 20px 0;
    padding: 20px;
    color: #788093;
    font-weight: bold;
    font-style: italic;
    font-size: 1.2em;
}

blockquote cite {
  font-size: .8em
}

.featured-top{
  width: 90%;
  margin: auto;
}

.region-featured-top{
  float: right;
}

/**
 * Home page.
 */

body.path-frontpage div.layout--threecol-section {
  background-image: url(../images/home-block-box-bg.png);
  padding: 20px 10px 0 10px;
  min-height: 100px;
  overflow: hidden;
  clear: both;
}

body.path-frontpage div.block-views {
  background: url(../images/home-block-header-bg.png) repeat-x top;
  padding-bottom: 20px; 
}

body.path-frontpage div.block-views h2 {
  height: 36px;
  font-size: 20px;
  font-weight: bold;
  color: white;
  margin: .5em;
  background: url(../images/icons/menu-icon.png) no-repeat 13px 10px;
  padding: 10px 0 0 49px;
}

body.path-frontpage div.view-content.row {
  margin: 0;
}

body.path-frontpage div.views-element-container {
  background: url(../images/sectionbg.png);
  padding: 10px;
  display: block;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #6a7796;
}

body.path-frontpage div.view div.views-row.first {
  border-top: none;
}

body.path-frontpage div.view div.views-row {
  border-top: 1px solid #48526a;
  clear: both;
  padding: 5px;
}

body.path-frontpage div.view a,
body.path-frontpage div.view a:active {
  color: #1b8bb4;
  text-decoration: none;
  border: none;
}

body.path-frontpage div.view div.views-field-field-images {
  float: left;
  padding: 5px 10px 5px 0;
}

/**
* Node pages
*/
div#block-bluemasters-system-main div.content {
  background-color: white;
  padding: 10px;
}

/**
* Leaflet map view
*/
div.view-content div.leaflet-container {
  width: 100%;
}

/**
* Region views
*/
div.view-regions .views-row {
  width: 33%;
  padding: 5px;
}

div.view-other-regions .views-row
{
  width: 50%;
  padding: 5px;
}

div.view-national-forests .views-row{
  width: 100%;
  padding: 5px;
}

div.view-regions .views-field-title,
div.view-other-regions .views-field-title,
div.view-national-forests .views-field-title{
  background-color: #d3d3d3;
  text-align: center;
  padding: 5px;
  font-size: 1.5em;
  font-weight: bold;
}

div.view-regions img {
  max-width: 100%;
  height: auto;
}

/**
* Activity views
*/
div.view-activity div.views-row {
  width: 100%;
  padding: 10px 0;
}

div.view-activity div.views-row div.views-field-title {
  float: left;
  font-weight: bold;
  width: 50%;
}

.view-activity h3 a,
.view-national-forests h3,
.view-popular-content h3 a,
.view-grouping-content h3 a{
  color: #d41360;
  font-weight: bold;
  font-style: italic;
}

.block-views h2,
.block-webform h2{
  color: #6cab32;
  font-style: italic;
}

/**
* Proximity views
*/
div.view-proximity .views-field-field-images{
  float:left;
  margin: 10px 10px 10px 0;
}

div.view-proximity .more-link{
  margin-top: -10px;
}

div.view-proximity .views-field-title a{
  font-weight: bold;
}

/**
* Users activities
*/
.view-grouping-content{
  padding-left: 20px;
}

/**
* search button
*/
form#search-block-form button {
  color: #6daf30;
  margin-left: 5px;
}

/**
* users page
*/
ul.tabs.tab--primary.layout-tabs {
  /**margin-top: -10px;*/
  display: flex;
}

a.nav-link.is-active.tabs__link {
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-top: none;
}

a.nav-link.tabs__link{
  border: gray solid 1px;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-top: none;
}

a.nav-link.tabs__link:hover{
  border: #6daf30 solid 1px;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  background-color: #6daf30;
  border-top: none;
}

li.tabs__tab{
  padding: 0 5px 0 0;
}

ul.item-list__links{
  list-style: none;
}

div.tabs-region{
  border-top: gray solid 2px;
}