/**
 * @file
 * Subtheme specific CSS.
 */
body { margin: 0; padding: 0; font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif; color: #333;
}
h1 {margin-top: 0.25em; font-size: 2.25em;
}
h2 {font-size: 1.8em;}
h3 {font-size: 1.5em;}
.field__label {font-weight:600;}

h1.title {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
.btn-primary {
  background-color:#105191; color:#FFF; border:solid 1px #105191;
}

header, #header {
  background-color:#1c4da2;
  background: url("cropped_465503318.jpg") no-repeat;
/*
  background: url("samples/istockphoto-576901738.jpg") no-repeat;
  background: url("samples/istockphoto-1039533386.jpg") no-repeat;
  background: url("samples/istockphoto-1149286179.jpg") no-repeat;
  background: url("samples/istockphoto-1443245439.jpg") no-repeat;
  background: url("samples/istockphoto-1783743772.jpg") no-repeat;
*/
  background-size: 100%;
  /* min-height:10em; */
  background-size: 100% auto;
  border-bottom: 0.5em solid #0C3D92;
}
.region-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  /* min-height: 9.25em; */
}

#block-b5subtheme-branding {
  width: max-content; /*100%;*/
  max-width: 80%;
  align-self: flex-start;
  margin:1em 0;
}
#block-b5subtheme-branding img {
width:60%;
max-width:243px;
height:auto;
}
#block-b5subtheme-search-form {
  width: max-content;
  max-width: 35%;
  align-self: flex-end;
  margin-top: auto; /* pushes it to the bottom */
  margin-right: 3em;
}

@media (max-width: 768px) {
header, #header {
  background-size: auto;
  background-position: top center;
}
.region-header #block-b5subtheme-branding,
.region-header #block-b5subtheme-search-form {
    max-width: 100%;
  }
}

.navbar-brand {
  margin: 0 1em 0 0;
  /* word-wrap: normal; */
  color:#0C3D92;
  background: #FFF;
  background: rgba(255, 255, 255, 0.7);
  padding:1em 1em 0.5em 1em;
  border-top-right-radius: 0.8em;
  border-bottom-right-radius: 0.8em;
  text-decoration: none;
}

.header-site-name {
	margin-top:0.75em;
	margin-left:2em;
}

.site-title,
.site-name {
  font-size: 2em !important;
  margin: 1em 1em 0em 0em;
  text-wrap: wrap;
  color: #0C3D92 !important;
  font-weight: normal !important;
  letter-spacing: normal !important;
  text-transform: unset !important;
  width: 100%; 
/*
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
*/
}

.search-block-form {
  margin-top:0.5em;
  padding:0.75em 0.75em 0.5em 0.75em;
  border-top-left-radius: 0.8em;
  border-top-right-radius: 0.8em;
  background-color:#FFF;
  background-color:rgba(255, 255, 255, 0.6);
}

/*
.search-block-form form {
  padding-top: 0.6em;
}
*/
/*  #block-search .btn */
.search-block-form .btn {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    }

/*  #block-search input */
.search-block-form input.form-search {
	min-width:200px;
    }

/*  #block-search .help-block */
.search-block-form help-block {
    visibility: hidden;
    display: none;
    }

main,
#main {
  width: 96%;
  max-width: 1800px;
  margin: 0 auto 1em auto;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-bottom-left-radius,
  border-bottom-right-radius: 4px;
}

.region-content,
.region-sidebar-second,
.views-row,
.view-content.row,
#block-b5subtheme-meettheteam-menu {
  margin-top: 1.5rem;
}

#block-b5subtheme-disclaimer {
  background:#FDF3D1; padding:1em; border-radius:0.75em;
}
  #block-b5subtheme-disclaimer p {
	margin-bottom:0;
	padding-bottom:0;
  }

/* Right sidebar */

.region-sidebar-second .block,
.sidebar .block {
  border-style: none !important;
  border: none;
}
.region-sidebar-second h2,
.sidebar h2 {
    font-size: 1.25em;
    border-bottom: 1px solid #0C3D92;
  }
.region-sidebar-second li.nav-item,
.sidebar li.nav-item {
  width: 100%;
  }
.region-sidebar-second li.nav-item:hover,
.region-sidebar-second li.nav-item:focus,
  .sidebar li.nav-item:hover,
  .sidebar li.nav-item:focus {
    background-color: #eee;
  }
  
/* commenting out b/c somewhere along the way prod had this overwritten and that may have been intentional
.region-sidebar-second li.nav-item a,
.sidebar li.nav-item a {
     text-decoration: none !important;
  }
*/

/* Footer */
footer {
  background:#fff;
  background-image: url("backgroundlines.png");
  background-size: 250% auto;
  color: #333;
  border-bottom: 1em solid #0C3D92;
  padding-left:2em;
}

/* webform fieldsets */
.webform-submission-request-technical-assistance-form fieldset {
  margin-bottom: 5px;
}
.webform-submission-request-technical-assistance-form legend {
  margin: 0;
  padding: 0;
  border-bottom: none;
  font-size: inherit;
}
.fieldset-legend {
  margin:0;
  padding:0;
  line-height: 1;
  color: #333;
  border: 0;
  font-weight: 700;
}

/* view-id-authority_comparison_chart */
#views-exposed-form-authority-comparison-chart-page-1 .form-checkboxes label {
  padding-left:1.5em;
}
#views-exposed-form-authority-comparison-chart-page-1 .form-checkboxes label input {
  padding-right:1em;
}
.view-id-authority_comparison_chart table {
  table-layout: fixed;
  width: 100%;
}
  .view-id-authority_comparison_chart th {background-color:#105191; color:#FFF; padding:0.5em;border:solid 1px #FFF;border-top:solid 1px #105191;}
    .view-id-authority_comparison_chart th:last-child {border-right:solid 1px #105191;}
    .view-id-authority_comparison_chart th a {color:#FFF !important;}
    .view-id-authority_comparison_chart th a:hover,
    .view-id-authority_comparison_chart th a:focus {color:#FFF !important; text-decoration:underline;}
  .view-id-authority_comparison_chart tbody th { vertical-align: top; }
  .view-id-authority_comparison_chart td {border:solid 1px #105191; padding:0.5em; vertical-align: top; background:#fff;}
    .view-id-authority_comparison_chart td a {
        word-wrap: break-word;
    }
    .view-authority-comparison-chart div.view-header {
		text-align: right;
	}
.view-authority-comparison-chart #edit-field-hcbs-authority-target-id--wrapper {
  width:100%;
}
.view-authority-comparison-chart .js-form-item.js-form-type-checkbox {
  display: inline-flex;
  margin: 0.8em 1em;
}
#views-exposed-form-authority-comparison-chart-page-1 .form-checkboxes label {
  padding-left: 0.25em;
}

/* Text Color settings */

h1, h2 {color:#0C3D92;}

.text-dark {color: #333;}
.text-light {color: #eee;}

main a,
#page a,
.link {
  color: #0C3D92 !important;
  text-decoration: none !important;
}

main a:hover,
main a:focus
#page a:hover,
#page a:focus,
.link:hover,
.link:focus {
  color: #163e55;
  text-decoration: underline !important;
}
main a:active,
#page a:active,
.link:active {
  color: #23aeff;
}