@charset "UTF-8";
html.overlay-open .navbar-fixed-top {
  z-index: 400;
}
html.js fieldset.collapsed {
  height: auto;
}
html.js input.form-autocomplete {
  background-image: none;
}

body {
  position: relative;
}
body.admin-expanded.admin-vertical.admin-nw .navbar, body.admin-expanded.admin-vertical.admin-sw .navbar {
  margin-left: 260px;
}
body.navbar-is-fixed-top {
  padding-top: 64px !important;
}
body.navbar-is-fixed-bottom {
  padding-bottom: 64px !important;
}
body.toolbar {
  padding-top: 30px !important;
}
body.toolbar .navbar-fixed-top {
  top: 30px;
}
body.toolbar.navbar-is-fixed-top {
  padding-top: 94px !important;
}
body.toolbar-drawer {
  padding-top: 64px !important;
}
body.toolbar-drawer .navbar-fixed-top {
  top: 64px;
}
body.toolbar-drawer.navbar-is-fixed-top {
  padding-top: 128px !important;
}
body.admin-menu .navbar-fixed-top {
  top: 29px;
}
body.admin-menu.navbar-is-fixed-top {
  padding-top: 93px !important;
}
body div#admin-toolbar {
  z-index: 1600;
}
body #toolbar, body #admin-menu, body #admin-toolbar {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
body #admin-menu {
  margin: 0;
  padding: 0;
  position: fixed;
  z-index: 1600;
}
body #admin-menu .dropdown li {
  line-height: normal;
}

.navbar.container {
  margin-top: 20px;
}
@media screen and (min-width: 767px) {
  .navbar.container {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .navbar.container {
    max-width: 940px;
  }
}
@media screen and (min-width: 1200px) {
  .navbar.container {
    max-width: 1140px;
  }
}
.navbar.container > .container {
  margin: 0;
  padding: 0;
  width: auto;
}

#overlay-container,
.overlay-modal-background,
.overlay-element {
  z-index: 1500;
}

#toolbar {
  z-index: 1600;
}

.modal {
  z-index: 1620;
}

.modal-dialog {
  z-index: 1630;
}

.modal-backdrop {
  z-index: 1610;
}

.element-invisible {
  margin: 0;
  padding: 0;
  width: 1px;
}

.navbar .logo {
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 767px) {
  .navbar .logo {
    margin-right: 0;
    padding-left: 0;
  }
}

ul.secondary {
  float: left;
}
@media screen and (min-width: 767px) {
  ul.secondary {
    float: right;
  }
}

.page-header {
  margin-top: 0;
  padding-bottom: 25px;
  font-size: 35px;
  border-bottom: none;
  padding-top: 45px;
}

.block:first-child h2.block-title {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

.region-help > .glyphicon {
  font-size: 20px;
  float: left;
  margin: -0.05em 0.5em 0 0;
}
.region-help .block {
  overflow: hidden;
}

form#search-block-form {
  margin: 0;
  position: relative;
  top: 7.5px;
}

.navbar #block-search-form {
  float: none;
  margin: 5px 0 5px 5px;
}
@media screen and (min-width: 992px) {
  .navbar #block-search-form {
    float: right;
  }
}

.navbar-search .control-group {
  margin-bottom: 0px;
}

ul.action-links {
  margin: 12px 0;
  padding: 0;
}
ul.action-links li {
  display: inline;
  margin: 0;
  padding: 0 6px 0 0;
}
ul.action-links .glyphicon {
  padding-right: 0.5em;
}

input, textarea, select, .uneditable-input {
  max-width: 100%;
  width: auto;
}

input.error {
  color: #b94a48;
  border-color: rgb(234.7934782609, 203.7065217391, 208.8876811594);
}

fieldset legend.panel-heading {
  float: left;
  line-height: 1em;
  margin: 0;
}

fieldset .panel-body {
  clear: both;
}

fieldset .panel-heading a.panel-title {
  color: inherit;
  display: block;
  margin: -10px -15px;
  padding: 10px 15px;
}
fieldset .panel-heading a.panel-title:hover {
  text-decoration: none;
}

.form-actions {
  clear: both;
}

.resizable-textarea textarea {
  border-radius: 4px 4px 0 0;
}

.radio:first-child, .checkbox:first-child {
  margin-top: 0;
}
.radio:last-child, .checkbox:last-child {
  margin-bottom: 0;
}

.help-block, .control-group .help-inline {
  color: rgb(221.85, 221.85, 221.85);
  font-size: 12px;
  margin: 5px 0 10px;
  padding: 0;
}

.panel-heading {
  display: block;
}

a.tabledrag-handle .handle {
  height: auto;
  width: auto;
}

.error {
  color: #b94a48;
}

div.error,
table tr.error {
  background-color: #f2dede;
  color: #b94a48;
}

.control-group.error {
  background: none;
}
.control-group.error label, .control-group.error .control-label {
  color: #b94a48;
  font-weight: 600;
}
.control-group.error input, .control-group.error textarea, .control-group.error select, .control-group.error .uneditable-input {
  color: rgb(85.425, 85.425, 85.425);
  border: 1px solid #ccc;
}
.control-group.error .help-block, .control-group.error .help-inline {
  color: #333333;
}

.list-inline > li.first {
  padding-left: 0;
}

.nav-tabs {
  margin-bottom: 10px;
}

ul li.collapsed,
ul li.expanded,
ul li.leaf {
  list-style: none;
  list-style-image: none;
}

.tabs--secondary {
  margin: 0 0 10px;
}

.submitted {
  margin-bottom: 1em;
  font-style: italic;
  font-weight: normal;
  color: #777;
}

.password-strength {
  width: 17em;
  float: right; /* LTR */
  margin-top: 1.4em;
}

.password-strength-title {
  display: inline;
}

.password-strength-text {
  float: right; /* LTR */
  font-weight: bold;
}

.password-indicator {
  background-color: rgb(216.75, 216.75, 216.75);
  height: 0.3em;
  width: 100%;
}
.password-indicator div {
  height: 100%;
  width: 0%;
  background-color: rgb(221.85, 221.85, 221.85);
}

input.password-confirm,
input.password-field {
  width: 16em;
  margin-bottom: 0.4em;
}

div.password-confirm {
  float: right; /* LTR */
  margin-top: 1.5em;
  visibility: hidden;
  width: 17em;
}

div.form-item div.password-suggestions {
  padding: 0.2em 0.5em;
  margin: 0.7em 0;
  width: 38.5em;
  border: 1px solid #B4B4B4;
}

div.password-suggestions ul {
  margin-bottom: 0;
}

.confirm-parent,
.password-parent {
  clear: left; /* LTR */
  margin: 0;
  width: 36.3em;
}

.progress-wrapper .progress {
  margin-bottom: 10px;
}

.pagination ul > li > a.progress-disabled {
  float: left;
}

.form-autocomplete .glyphicon {
  color: rgb(221.85, 221.85, 221.85);
  font-size: 120%;
}
.form-autocomplete .glyphicon.glyphicon-spin {
  color: #00607f;
}
.form-autocomplete .input-group-addon {
  background-color: rgb(255, 255, 255);
}

.ajax-progress .glyphicon {
  font-size: 90%;
  margin: 0 -0.25em 0 0.5em;
}

.glyphicon-spin {
  display: inline-block;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

a .glyphicon-spin {
  display: inline-block;
  text-decoration: none;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.glyphicon-refresh {
  -webkit-transform-origin: 50% 45%;
  -moz-transform-origin: 50% 45%;
  -ms-transform-origin: 50% 45%;
  -o-transform-origin: 50% 45%;
  transform-origin: 50% 45%;
}

/**
 * Missing Bootstrap 2 tab styling.
 * $see http://stackoverflow.com/questions/18432577/stacked-tabs-in-bootstrap-3
 * $see http://bootply.com/74926
 */
.tabbable {
  margin-bottom: 20px;
}

.tabs-below > .nav-tabs, .tabs-left > .nav-tabs, .tabs-right > .nav-tabs {
  border-bottom: 0;
}
.tabs-below > .nav-tabs .summary, .tabs-left > .nav-tabs .summary, .tabs-right > .nav-tabs .summary {
  color: rgb(221.85, 221.85, 221.85);
  font-size: 14px;
}

.tab-pane > .panel-heading {
  display: none;
}

.tab-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
  border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs,
.tabs-right > .nav-tabs {
  padding-bottom: 20px;
  width: 220px;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}
.tabs-left > .nav-tabs > li:focus,
.tabs-right > .nav-tabs > li:focus {
  outline: 0;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-left > .nav-tabs > li > a:focus,
.tabs-right > .nav-tabs > li > a:focus {
  outline: 0;
}
.tabs-left > .tab-content,
.tabs-right > .tab-content {
  border-radius: 0 4px 4px 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  border: 1px solid #ddd;
  overflow: hidden;
  padding: 10px 15px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: -1px;
}
.tabs-left > .nav-tabs > li > a {
  border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus {
  border-color: rgb(242.25, 242.25, 242.25) #ddd rgb(242.25, 242.25, 242.25) rgb(242.25, 242.25, 242.25);
}
.tabs-left > .nav-tabs > .active > a,
.tabs-left > .nav-tabs > .active > a:hover,
.tabs-left > .nav-tabs > .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05);
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: -1px;
}
.tabs-right > .nav-tabs > li > a {
  border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus {
  border-color: rgb(242.25, 242.25, 242.25) rgb(242.25, 242.25, 242.25) rgb(242.25, 242.25, 242.25) #ddd;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
}
.tabs-right > .nav-tabs > .active > a,
.tabs-right > .nav-tabs > .active > a:hover,
.tabs-right > .nav-tabs > .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
}

th.checkbox,
td.checkbox,
th.radio,
td.radio {
  display: table-cell;
}

.views-display-settings .label {
  font-size: 100%;
  color: #666666;
}
.views-display-settings .footer {
  padding: 0;
  margin: 4px 0 0 0;
}

table .radio input[type=radio],
table .checkbox input[type=checkbox] {
  max-width: inherit;
}

.form-horizontal .form-group label {
  position: relative;
  min-height: 1px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: right;
}
@media (min-width: 767px) {
  .form-horizontal .form-group label {
    float: left;
    width: 16.6666666667%;
  }
}

.alert a {
  font-weight: bold;
}

.alert-success a {
  color: rgb(52.6699029126, 102.3300970874, 53.4223300971);
}

.alert-info a {
  color: rgb(45.1948051948, 105.1948051948, 134.8051948052);
}

.alert-warning a {
  color: rgb(163.9489361702, 125.8212765957, 60.0510638298);
}

.alert-danger a {
  color: rgb(149.0039525692, 58.6245059289, 56.9960474308);
}

/*COUNTY 2 STYLES*/
p {
  line-height: 26px;
  font-size: 16px;
  color: black;
}

p.heading {
  max-width: 70%;
  text-align: center;
  margin: 25px auto;
}

h1.county-name {
  color: #fff;
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: 35px;
  font-family: "Satisfy", cursiv;
  font-size: 45px;
  position: relative;
  left: 0px;
  top: -75px;
}

h2 {
  font-size: 22px;
  color: black;
  
  padding-top: 60px;
  padding-bottom: 15px;
  text-align: left;
  width: 205px;
  margin: 15px 0;
}

h2.alternate {
  font-size: 22px;
  color: black;
  
  padding-bottom: 15px;
  text-align: center;
  width: 275px;
  margin: 15px auto;
}

h4.alternate {
  font-size: 17px;
  color: #ffffff;
  
  padding-bottom: 10px;
  text-align: left;
  width: 150px;
  margin: 15px 0;
  text-transform: uppercase;
}

.knockout {
  color: #ffffff;
}

a {
  color: #07678d;
  font-weight: bold;
}

a.button {
  color: #006383;
  font-size: 17px;
  border: 1px solid #006383;
  padding: 7px 15px;
  border-radius: 20px;
}

a.button:hover {
  color: #ffffff;
  font-size: 17px;
  border: 1px solid #006383;
  background: #006383;
  padding: 7px 15px;
  border-radius: 20px;
  text-decoration: none;
}

a.button-alternate {
  color: #ffffff;
  font-size: 17px;
  border: 1px solid #FFC145;
  background: #016282;
  padding: 7px 15px;
  border-radius: 20px;
}

a.button-alternate:hover {
  color: #006383;
  font-size: 17px;
  border: 1px solid #FFC145;
  background: #FFC145;
  padding: 7px 15px;
  border-radius: 20px;
  text-decoration: none;
}

#block-system-main-menu h2.block-title {
  display: none;
}

body.page-offices .county-office {
  height: auto;
}

.community-news {
  border: 1px solid #d0d0d0;
  padding: 25px;
  margin-top: 60px;
}

.community-news h2 {
  padding-top: 0;
}

.community-news .views-field-title {
  padding: 25px 0 0 0;
}

.community-news .read-more {
  margin-top: 30px;
  text-align: right;
}

.community-news .county-office-button {
  position: relative;
}

body.page-offices p a.county-office-button {
  display: none;
}

body.page-offices .view-header p {
  max-width: 100%;
  text-align: left;
  margin: 5px auto 30px auto;
}

body.page-offices .county-office {
  margin-bottom: 15px;
  border: 0;
}



body.page-offices .county-office-header {
  background: none;
  padding: 0;
  height: auto;
}

body.page-offices .county-office-header h4 {
  display: none;
}

body.page-offices .county-office p {
  padding: 5px 0;
}

.page-calendar ul.tabs--primary {
  margin-top: 25px;
}

.page-calendar ul.tabs--primary li:nth-child(2), .page-calendar ul.tabs--primary li:nth-child(3) {
  display: none;
}

.view-id-upcoming_events .views-row {
  border: 1px solid #d2d2d2;
  width: 25%;
  display: inline-block;
  margin-right: 2.5%;
  margin-left: 2.5%;
  margin-top: 25px;
  position: relative;
  border-radius: 20px;
  -webkit-box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
  box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
}

.view-id-upcoming_events .views-row-last {
  margin-right: 0;
}

@media (max-width: 1091px) {
  .view-id-upcoming_events .views-row {
    width: inherit;
    display: inline-block;
    margin-right: 2%;
    margin-top: 0px;
  }
  .view-id-upcoming_events .views-row-last {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .view-id-upcoming_events .views-row {
    width: 75%;
    display: inline-block;
    margin-right: 0%;
    margin-top: 15px;
  }
}
.section-events {
  position: relative;
  z-index: 20;
  background: none;        
}

.county-events {
  border: 1px solid #d2d2d2;
  width: 25%;
  display: inline-block;
  margin-right: 5%;
  position: relative;
  border-radius: 20px;
  -webkit-box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
  box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
}

.county-events:last-child {
  margin-right: 0px;
}

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

.region-events h2, .region-offices h2 {
  text-align: center;
  width: 275px;
  margin: 15px auto;
  padding-top: 75px;
}

.view-header p {
  max-width: 70%;
  text-align: center;
  margin: 5px auto 50px auto;
}

.county-events-header {
  padding: 20px 25px;
  background: #75cbbe;
  border-radius: 17px 17px 0 0;
}

.views-field-title {
  
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.views-field-body {
  padding: 0 15px 25px 15px;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

@media (max-width: 767px) {
  .views-field-title, .views-field-body {
    text-align: center;
  }
}
.county-events p {
  padding: 25px;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.path-frontpage .views-field-field-event-date {
  text-align: center;
  padding: 15px 25px 0 25px;
  background: #75cbbe;
  border-radius: 17px 17px 0 0;
}

.views-field-field-event-date .field-content {
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9);
  font-size: 24px;
  text-align: center;
}

.county-events h3 {
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9);
  font-size: 24px;
  text-align: center;
}

.views-field-field-event-date-1 {
  text-align: center;
  padding: 0px 25px 20px;
  background: #75cbbe;
}

.views-field-field-event-date-1 .field-content {
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9);
  font-size: 15px;
  text-align: center;
}

/*d10 fix */
body {
  padding-top: 0px;
  margin-top: 0px;
}

.calendar-view-table .calendar-view-day__number {
  background: none !important;
  color: #777;
  font-weight: bold;
  font-size: 12px;
}

.calendar-view-table .calendar-view-day__row {
  font-size: 9px;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
}

.calendar-view-table .next-month, .calendar-view-table .previous-month {
  background: #eee;
}

.calendar-view-table .next-month .calendar-view-day__number, .calendar-view-table .previous-month .calendar-view-day__number {
  color: #999;
}

.table > tbody > tr > td {
  padding: 0px !important;
}

.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #f9f9f9;
}

.calendar-view-table thead th {
  background: #dcdcdc;
}

.calendar-view-table th {
  padding: 3px 0 !important;
  font-size: 12px;
  text-transform: none;
  color: #777;
  border-color: #ccc;
}

ul.calendar-view-pager li {
  list-style: none;
}

.calendar-view-pager .pager__current, .calendar-view-pager__reset {
  display: none;
}

.calendar-view-table caption {
  padding: 0;
  font-size: 20px;
  color: #333;
  line-height: 3;
}

.calendar-view-pager {
  padding: 0;
  margin: 0;
}

.calendar-view-pager__reset a, .calendar-view-pager .pager__item > * {
  padding: 0;
}

.calendar-view-table .calendar-view-table .calendar-view-day__row {
  font-size: 14px;
}

.calendar-view-table .views-field-field-event-date .field-content {
  font-size: 14px;
  color: #333333;
  text-shadow: none;
  text-align: left;
}

.calendar-view-table a {
  font-size: 14px;
}

.calendar-view-table .calendar-view-day__row > * {
  margin: 0;
  padding: 0;
}

.rtecenter {
  text-align: center;
}

#block-nppc-mainmenu {
  display: inline-block;
}

nav.toolbar-lining {
  text-align: left;
}

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

/* PDFs */
/*d10 default file override*/
.file {
  font-size: 100%;
  margin: 0;
}

.file > span {
  background: none;
  color: #337ab7;
  border-bottom: none;
  border-top: none;
}

.file > span:first-child {
  border-left: none;
}

.file > span:last-child {
  border-right: none;
  display: none;
}

/*delete if this breaks d10 files */
.file-icon {
  display: inline;
  font-size: 150%;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}

#skip-link {
  z-index: 10000;
}
#skip-link a {
  background: #3283B0;
  text-align: center;
  padding: 15px 0;
  font-size: 20px;
  color: #FFFFFF;
  text-transform: capitalize;
  font-family: "Open Sans", sans-serif;
  width: 100%;
  display: block;
  z-index: 10000;
}

html {
  height: 100%;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #32292F;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.html {
  background-color: #FFFFFF;
  height: 100%;
  width: 100%;
}

a {
  -moz-transition: 2s ease;
  -o-transition: 2s ease;
  -webkit-transition: 2s ease;
  -ms-transition: 2s ease;
  transition: 2s ease;
}
a:hover, a:visited, a:focus, a:active {
  -moz-transition: 2s ease;
  -o-transition: 2s ease;
  -webkit-transition: 2s ease;
  -ms-transition: 2s ease;
  transition: 2s ease;
}
a:visited, a:focus, a:active {
  text-decoration: none;
}

.container-lg,
.container-sm {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-lg {
  max-width: 1430px;
}

.container {
  max-width: 1050px;
}

hr {
  border-top: 1px solid #F8F8F8;
}

img {
  height: auto !important;
  max-width: 100% !important;
}

.form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0;
}

extra-small {
  font-size: 55%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
  letter-spacing: -0.02em;
  font-weight: 300;
}

h1 {
  font-size: 180%;
}

h2 {
  font-size: 160%;
}

h3 {
  font-size: 140%;
}

h4 {
  font-size: 120%;
  line-height: 1.3;
}

h5 {
  font-size: 100%;
}

h6 {
  font-size: 80%;
}

h1 > span > a,
h2 > span > a,
h3 > span > a,
h4 > span > a,
h5 > span > a,
h6 > span > a,
a > h1,
a > h2,
a > h3,
a > h4,
a > h5,
a > h6,
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  text-decoration: none !important;
}

.bold {
  font-weight: bold;
}

.large {
  font-size: 120%;
}

.larger {
  font-size: 140%;
}

.normal {
  font-weight: normal;
}

.italic {
  font-style: italic;
}

extra-small {
  font-size: 55%;
}

.small-margin-top {
  margin-top: 0.75em;
}

label.control-label {
  padding-top: 0.75em;
}

.hero-main {
  min-height: 550px;
  position: relative;
  background-image: url("/themes/custom/nrec/images/header/header-xl.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  /*border-bottom: 10px solid $green;*/
  /*&:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 550px;
    background: linear-gradient(to bottom,$black -100%,transparent 100%);
  }
  &:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 0;
    height: 0;
    border-left: 80px solid transparent;
    border-bottom: 40px solid $green;
    clear: both;
      @media (max-width: $screen-sm-min) {
        border-left: 70px solid transparent;
        border-bottom: 35px solid $green;
      }
      @media (max-width: $screen-xs-min) {
        border-left: 50px solid transparent;
        border-bottom: 25px solid $green;
      }
  }*/
}
@media (max-width: 1200px) {
  .hero-main {
    min-height: 475px;
    background-image: url("/themes/custom/nrec/images/header/header-lg.jpg");
  }
}
@media (max-width: 992px) {
  .hero-main {
    min-height: 475px;
    background-image: url("/themes/custom/nrec/images/header/header-md.jpg");
  }
}
@media (max-width: 767px) {
  .hero-main {
    min-height: 400px;
    background-image: url("/themes/custom/nrec/images/header/header-sm.jpg");
  }
}
@media (max-width: 480px) {
  .hero-main {
    min-height: 350px;
    background-image: url("/themes/custom/nrec/images/header/header-xs.jpg");
  }
}
.hero-main .hero-text {
  font-family: "Satisfy", cursiv;
  position: absolute;
  bottom: 0px;
  font-size: 60px;
  margin: 0;
  letter-spacing: 1px;
  color: #FFFFFF;
  width: 100%;
  text-align: center;
  text-shadow: 1px 1px 7px rgb(7.967032967, 6.532967033, 7.489010989);
  background: rgba(0, 99, 131, 0.8);
  padding: 30px 0;
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .hero-main .hero-text {
    font-size: 52px;
    line-height: 65px;
  }
}
@media (max-width: 480px) {
  .hero-main .hero-text {
    font-size: 45px;
    line-height: 55px;
  }
}

div.header-bar {
  width: 100%;
  height: 100px;
  background: rgba(0, 99, 131, 0.8);
  position: absolute;
  bottom: 0;
}

/*delete this from less files*/
.county-text-desk a:hover {
  background: none !important;
}

a.social-media:hover img {
  opacity: 0.7;
}

.hero-inner {
  min-height: 350px;
  position: relative;
  background-image: url("/themes/custom/nrec/images/header/inner-header-xl.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  border-bottom: 10px solid #5DA399;
}
@media (max-width: 1200px) {
  .hero-inner {
    background-image: url("/themes/custom/nrec/images/header/inner-header-lg.jpg");
  }
}
@media (max-width: 992px) {
  .hero-inner {
    background-image: url("/themes/custom/nrec/images/header/inner-header-md.jpg");
  }
}
@media (max-width: 767px) {
  .hero-inner {
    min-height: 400px;
    background-image: url("/themes/custom/nrec/images/header/header-sm.jpg");
  }
}
@media (max-width: 480px) {
  .hero-inner {
    min-height: 350px;
    background-image: url("/themes/custom/nrec/images/header/header-xs.jpg");
  }
}
.hero-inner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 550px;
  background: linear-gradient(to bottom, #000000 -100%, transparent 100%);
}
.hero-inner:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0px;
  width: 0;
  height: 0;
  border-left: 80px solid transparent;
  border-bottom: 40px solid #5DA399;
  clear: both;
}
@media (max-width: 767px) {
  .hero-inner:after {
    border-left: 70px solid transparent;
    border-bottom: 35px solid #5DA399;
  }
}
@media (max-width: 480px) {
  .hero-inner:after {
    border-left: 50px solid transparent;
    border-bottom: 25px solid #5DA399;
  }
}
.hero-inner .hero-text {
  font-family: "Satisfy", cursiv;
  position: absolute;
  top: 50%;
  font-size: 60px;
  margin: 0;
  letter-spacing: 1px;
  color: #FFFFFF;
  width: 100%;
  text-align: center;
  text-shadow: 1px 1px 7px rgb(7.967032967, 6.532967033, 7.489010989);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .hero-inner .hero-text {
    font-size: 52px;
    line-height: 65px;
  }
}
@media (max-width: 480px) {
  .hero-inner .hero-text {
    font-size: 45px;
    line-height: 55px;
  }
}

.hero-main-interior {
  min-height: 250px;
  position: relative;
  background-image: url(/themes/custom/nrec/images/header/header-xl.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}

#navbar {
  margin: 0;
  border: none;
  position: relative;
  width: 100%;
  background: transparent;
  text-align: right;
 
  padding-top: 20px;
}
@media (max-width: 992px) {
  #navbar {
    position: relative;
    background: #133e60;
    padding-top: 0;
    color: #337ab7;
  }
}

#navbar a {
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
  padding: 15px;
}
@media (max-width: 992px) {
  #navbar a {
    color: #337ab7;
    text-shadow: none;
  }
}

#navbar a:hover {
  text-decoration: none;
  background: none;
}
@media (max-width: 992px) {
  #navbar a:hover {
    color: #26567f;
    text-shadow: none;
  }
}

@media (max-width: 992px) {
  #navbar div.container {
    position: relative;
  }
  .region-social-media {
    display: none;
  }
}
#navbar ul.dropdown-menu a {
  color: #2a7197;
  text-shadow: none;
}

.menu.nav {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .menu.nav {
    padding: 0;
  }
}
.menu.nav li {
  display: block;
  float: left;
}
@media (max-width: 767px) {
  .menu.nav li {
    float: none;
  }
}
.menu.nav li a {
  padding: 15px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .menu.nav li a {
    float: none;
  }
}
.menu.nav li a:focus, .menu.nav li a:active, .menu.nav li a:visited {
  background: none;
}
.menu.nav li a:hover {
  background: none;
}

.menu.nav .dropdown-oppen > a {
  background: rgb(242.25, 242.25, 242.25);
}

.county-text-desk a {
  padding: 15px;
  position: absolute;
  font-weight: 500;
  bottom: 10px;
}
.county-text-desk a:hover {
  text-decoration: none;
  background: rgb(242.25, 242.25, 242.25);
}
@media (max-width: 992px) {
  .county-text-desk {
    display: none;
  }
}

.county-text-mobile {
  display: none;
}
@media (max-width: 992px) {
  .county-text-mobile {
    display: block;
    font-size: 20px;
    font-weight: 500;
    /*position: absolute;
    left: 15px;
    top: 50%;*/
    margin-top: 25px;
    margin-left: 10px;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .county-text-mobile a:hover {
    color: #3283B0;
    text-decoration: none;
  }
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background: none;
  color: #32292F;
}

.dropdown-menu {
  margin: 0;
  border-radius: 0;
  box-shadow: 2px 6px 15px fade(#32292F, 60%);
  padding: 0;
  margin: 0;
  border: none;
  background: #FFFFFF;
}
.dropdown-menu li {
  border: none;
  display: block;
  width: 100%;
  background: none !important;
}
.dropdown-menu li a {
  padding: 10px !important;
  background: none;
}

@media (max-width: 767px) {
  .navbar-collapse {
    position: absolute;
    background: #FFFFFF;
    width: 100%;
  }
  .navbar-default .navbar-toggle {
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
  }
  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:visited {
    background: none;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-top: 1px solid fade(#32292F, 15%);
    box-shadow: 1px 4px 7px 0px fade(#32292F, 50%);
    padding: 0;
  }
  .ham {
    padding: 10px 15px;
    color: #32292F;
  }
  .nav-items {
    float: none !important;
  }
  .open > .dropdown-menu {
    display: block;
    position: relative !important;
    width: 100%;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 25px;
    text-align: right;
  }
  .open > .dropdown-menu li a {
    padding: 10px 25px 10px !important;
    background: none;
    border-bottom: 1px solid rgb(221.85, 221.85, 221.85);
    background: rgb(242.25, 242.25, 242.25);
  }
  .expanded.dropdown > a {
    transition: 0s;
  }
  .expanded.dropdown.open > a {
    background: #e1e0e0;
    transition: 0s;
  }
  .expanded.dropdown.open > a:hover, .expanded.dropdown.open > a:active, .expanded.dropdown.open > a:visited, .expanded.dropdown.open > a:focus {
    background: #e1e0e0;
    transition: 0s;
  }
  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:focus,
  .dropdown-menu > .active > a:hover {
    background: rgb(242.25, 242.25, 242.25) !important;
  }
  .menu.nav li a:hover {
    background: none;
    color: #3283B0;
  }
}
@media (max-width: 600px) {
  .col-ssm-12 {
    width: 100%;
  }
}
.footer-row {
  background: #133e60;
  padding-top: 40px;
  padding-bottom: 40px;
  z-index: 99;
  position: relative;
}
@media (max-width: 600px) {
  .footer-row {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.footer-row .footer-text {
  color: #FFFFFF;
}
.footer-row .footer-text p {
  margin: 0;
  line-height: 28px;
}
.footer-row .footer-text p a {
  color: #FFFFFF;
}
.footer-row .footer-text p a:hover {
  color: #FDCB60;
  text-decoration: none;
}
@media (max-width: 600px) {
  .footer-row .footer-text {
    text-align: center;
  }
}
.footer-row .footer-text.footer-right {
  text-align: right;
}
@media (max-width: 600px) {
  .footer-row .footer-text.footer-right {
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
  }
  .footer-row .footer-text.footer-right:before {
    border-top: 1px solid rgb(78.021978022, 63.978021978, 73.3406593407);
    content: "";
    position: absolute;
    top: 0;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
}
.footer-row .footer-text.footer-right .ftb {
  list-style: none;
  margin: 0;
  padding: 4px 0 0;
}
.footer-row .footer-text.footer-right .ftb li {
  display: inline;
}
.footer-row .footer-text.footer-right .ftb li a {
  color: #FFFFFF;
}
.footer-row .footer-text.footer-right .ftb li a:hover {
  color: #FDCB60;
  text-decoration: none;
}
.footer-row .footer-text.footer-right .ftb li.log {
  display: block;
  padding-top: 4px;
}
@media (max-width: 600px) {
  .footer-row .footer-text.footer-right .ftb li.log {
    display: inline;
  }
}
.footer-row .footer-text .branding {
  width: 300px;
}
.footer-row .footer-text .copy {
  padding-top: 4px;
}
.footer-row .footer-text .line {
  border-right: 1px solid #FFFFFF;
  padding-right: 15px;
  margin-right: 15px;
}
.footer-row .footer-text .line.mob-line {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
@media (max-width: 600px) {
  .footer-row .footer-text .line.mob-line {
    border-right: 1px solid #FFFFFF;
    padding-right: 15px;
    margin-right: 15px;
  }
}
.footer-row .footer-text .social {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-row .footer-text .social li {
  display: inline;
  padding-right: 10px;
  font-size: 25px;
}
@media (max-width: 600px) {
  .footer-row .footer-text .social li {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.footer-row .footer-text .social .facebook a {
  color: #FFFFFF;
}
.footer-row .footer-text .social .facebook a:hover {
  color: #3B5998;
}
.footer-row .footer-text .social .twitter a {
  color: #FFFFFF;
}
.footer-row .footer-text .social .twitter a:hover {
  color: #1DA1F2;
}

/*FOOTER*/
.useful-links p {
  width: 45%;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.useful-links p:last-child {
  width: 45%;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.region-footer-col-third {
  text-align: right;
  margin-top: 45px;
}

.back-to-top {
  font-size: 11px !important;
  width: 40px !important;
  text-align: center !important;
  padding: 5px !important;
}

@media (max-width: 1091px) {
  .useful-links p {
    width: 100%;
  }
  .useful-links p:last-child {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .region-footer-col-first h4.alternate {
    text-align: center;
    margin: 15px auto;
  }
  .region-footer-col-second h4.alternate {
    text-align: center;
    margin: 15px auto;
  }
  .region-footer-col-first p {
    text-align: center;
    margin: 15px auto;
  }
  .region-footer-col-third {
    text-align: center;
    margin-top: 45px;
  }
  .useful-links {
    text-align: center;
  }
  .useful-links p {
    width: 45%;
    display: inline-block;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
  }
  .useful-links p:last-child {
    width: 45%;
    display: inline-block;
    text-align: left;
    padding-left: 5px;
    vertical-align: top;
  }
  h4.alternate {
    text-align: center;
  }
}
.footer-row a {
  color: #ffffff;
  font-weight: bold;
  font-size: 17px;
  letter-spacing: 0.5px;
  -webkit-font-smoothing: antialiased;
}

.footer-row p {
  color: #ffffff;
}

.page-main {
  padding-top: 60px;
  padding-bottom: 60px;
  min-height: 600px;
}
@media (max-width: 767px) {
  .page-main {
    padding: 45px 15px;
    min-height: 450px;
  }
}
@media (max-width: 480px) {
  .page-main {
    padding: 30px 15px;
    min-height: 300px;
  }
}

.page-header {
  margin: 0;
  padding-bottom: 45px;
  font-size: 35px;
  border-bottom: none;
}

.well-layout {
  background: #FDCB60;
  border-radius: 5px;
  padding: 25px;
  margin-bottom: 35px;
  margin-top: 35px;
}
.well-layout h1:first-child,
.well-layout h2:first-child,
.well-layout h3:first-child,
.well-layout h4:first-child,
.well-layout h5:first-child,
.well-layout h6:first-child {
  margin-top: 0;
}
.well-layout p {
  font-weight: 500;
}

.two-column-left,
.three-column-left,
.left-column-small,
.right-column-big,
.two-column-right,
.three-column-right,
.left-column-big,
.right-column-small,
.full-width-layout,
.three-column-middle {
  margin-bottom: 35px;
}
.two-column-left h1,
.two-column-left h2,
.two-column-left h3,
.two-column-left h4,
.two-column-left h5,
.two-column-left h6,
.three-column-left h1,
.three-column-left h2,
.three-column-left h3,
.three-column-left h4,
.three-column-left h5,
.three-column-left h6,
.left-column-small h1,
.left-column-small h2,
.left-column-small h3,
.left-column-small h4,
.left-column-small h5,
.left-column-small h6,
.right-column-big h1,
.right-column-big h2,
.right-column-big h3,
.right-column-big h4,
.right-column-big h5,
.right-column-big h6,
.two-column-right h1,
.two-column-right h2,
.two-column-right h3,
.two-column-right h4,
.two-column-right h5,
.two-column-right h6,
.three-column-right h1,
.three-column-right h2,
.three-column-right h3,
.three-column-right h4,
.three-column-right h5,
.three-column-right h6,
.left-column-big h1,
.left-column-big h2,
.left-column-big h3,
.left-column-big h4,
.left-column-big h5,
.left-column-big h6,
.right-column-small h1,
.right-column-small h2,
.right-column-small h3,
.right-column-small h4,
.right-column-small h5,
.right-column-small h6,
.full-width-layout h1,
.full-width-layout h2,
.full-width-layout h3,
.full-width-layout h4,
.full-width-layout h5,
.full-width-layout h6,
.three-column-middle h1,
.three-column-middle h2,
.three-column-middle h3,
.three-column-middle h4,
.three-column-middle h5,
.three-column-middle h6 {
  font-weight: 500;
  color: #3283B0;
}
.two-column-left h1:first-child,
.two-column-left h2:first-child,
.two-column-left h3:first-child,
.two-column-left h4:first-child,
.two-column-left h5:first-child,
.two-column-left h6:first-child,
.three-column-left h1:first-child,
.three-column-left h2:first-child,
.three-column-left h3:first-child,
.three-column-left h4:first-child,
.three-column-left h5:first-child,
.three-column-left h6:first-child,
.left-column-small h1:first-child,
.left-column-small h2:first-child,
.left-column-small h3:first-child,
.left-column-small h4:first-child,
.left-column-small h5:first-child,
.left-column-small h6:first-child,
.right-column-big h1:first-child,
.right-column-big h2:first-child,
.right-column-big h3:first-child,
.right-column-big h4:first-child,
.right-column-big h5:first-child,
.right-column-big h6:first-child,
.two-column-right h1:first-child,
.two-column-right h2:first-child,
.two-column-right h3:first-child,
.two-column-right h4:first-child,
.two-column-right h5:first-child,
.two-column-right h6:first-child,
.three-column-right h1:first-child,
.three-column-right h2:first-child,
.three-column-right h3:first-child,
.three-column-right h4:first-child,
.three-column-right h5:first-child,
.three-column-right h6:first-child,
.left-column-big h1:first-child,
.left-column-big h2:first-child,
.left-column-big h3:first-child,
.left-column-big h4:first-child,
.left-column-big h5:first-child,
.left-column-big h6:first-child,
.right-column-small h1:first-child,
.right-column-small h2:first-child,
.right-column-small h3:first-child,
.right-column-small h4:first-child,
.right-column-small h5:first-child,
.right-column-small h6:first-child,
.full-width-layout h1:first-child,
.full-width-layout h2:first-child,
.full-width-layout h3:first-child,
.full-width-layout h4:first-child,
.full-width-layout h5:first-child,
.full-width-layout h6:first-child,
.three-column-middle h1:first-child,
.three-column-middle h2:first-child,
.three-column-middle h3:first-child,
.three-column-middle h4:first-child,
.three-column-middle h5:first-child,
.three-column-middle h6:first-child {
  margin-top: 0;
}
@media (max-width: 992px) {
  .two-column-left,
  .three-column-left,
  .left-column-small,
  .right-column-big,
  .two-column-right,
  .three-column-right,
  .left-column-big,
  .right-column-small,
  .full-width-layout,
  .three-column-middle {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 25px;
  }
}

.two-column-left,
.three-column-left,
.left-column-small,
.right-column-big {
  padding-left: 0;
  padding-right: 20px;
}

.two-column-right,
.three-column-right,
.left-column-big,
.right-column-small {
  padding-right: 0;
}

.full-width-layout {
  padding-left: 0;
  padding-right: 0;
}

.accordion-side,
.accordion-middle {
  padding: 0;
}

@media (max-width: 767px) {
  .accordion-side {
    display: none;
  }
}

.acc + .field-item {
  margin-top: 35px;
}

.field-item.even.acc + .field-item.odd.acc {
  margin-top: 0px;
}

.field-item.odd.acc + .field-item.even.acc {
  margin-top: 0px;
}

.group-accordion {
  font-family: "Open Sans", sans-serif;
  margin-bottom: 5px;
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
  border-radius: 10px;
}

.field-name-field-accordion-headin {
  position: relative;
  opacity: 1;
  -moz-transition: 3s ease;
  -o-transition: 3s ease;
  -webkit-transition: 3s ease;
  -ms-transition: 3s ease;
  transition: 3s ease;
  z-index: 5;
}

.ui-state-active,
.ui-state-default,
.ui-widget-content .ui-state-active,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-active,
.ui-widget-header .ui-state-default {
  border: 3px solid #FDCB60;
  border-radius: 0;
  background: #FFFFFF;
  padding: 10px 15px 10px 35px;
  background: #FFFFFF;
}
.ui-state-active p,
.ui-state-active h1,
.ui-state-active h2,
.ui-state-active h3,
.ui-state-active h4,
.ui-state-active h5,
.ui-state-active h6,
.ui-state-default p,
.ui-state-default h1,
.ui-state-default h2,
.ui-state-default h3,
.ui-state-default h4,
.ui-state-default h5,
.ui-state-default h6,
.ui-widget-content .ui-state-active p,
.ui-widget-content .ui-state-active h1,
.ui-widget-content .ui-state-active h2,
.ui-widget-content .ui-state-active h3,
.ui-widget-content .ui-state-active h4,
.ui-widget-content .ui-state-active h5,
.ui-widget-content .ui-state-active h6,
.ui-widget-content .ui-state-default p,
.ui-widget-content .ui-state-default h1,
.ui-widget-content .ui-state-default h2,
.ui-widget-content .ui-state-default h3,
.ui-widget-content .ui-state-default h4,
.ui-widget-content .ui-state-default h5,
.ui-widget-content .ui-state-default h6,
.ui-widget-header .ui-state-active p,
.ui-widget-header .ui-state-active h1,
.ui-widget-header .ui-state-active h2,
.ui-widget-header .ui-state-active h3,
.ui-widget-header .ui-state-active h4,
.ui-widget-header .ui-state-active h5,
.ui-widget-header .ui-state-active h6,
.ui-widget-header .ui-state-default p,
.ui-widget-header .ui-state-default h1,
.ui-widget-header .ui-state-default h2,
.ui-widget-header .ui-state-default h3,
.ui-widget-header .ui-state-default h4,
.ui-widget-header .ui-state-default h5,
.ui-widget-header .ui-state-default h6 {
  margin: 0;
  font-weight: 600;
  font-size: 24px;
  color: #3283B0;
  font-family: "Open Sans", sans-serif;
}

.field-name-field-accordion-headin:hover {
  background: rgb(245.45, 245.45, 245.45);
  opacity: 1;
}

.ui-state-active {
  background: #F8F8F8;
}
.ui-state-active:hover {
  background: rgb(245.45, 245.45, 245.45);
}

.ui-accordion .ui-accordion-icons {
  padding-left: 1.4em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  /* -o-transition: $25s-transition;
  -ms-transition: $25s-transition;
  -webkit-transition: $25s-transition;
  -moz-transition: $25s-transition;
  transition: $25s-transition; */
}

.ui-accordion .ui-accordion-content {
  padding: 25px 15px;
  border-top: 0;
  overflow: auto;
  font-size: 16px;
  margin-bottom: 10px;
}
.ui-accordion .ui-accordion-content h1,
.ui-accordion .ui-accordion-content h2,
.ui-accordion .ui-accordion-content h3,
.ui-accordion .ui-accordion-content h4,
.ui-accordion .ui-accordion-content h5,
.ui-accordion .ui-accordion-content h6 {
  font-weight: 500;
  color: #3283B0;
}
.ui-accordion .ui-accordion-content h1:first-child,
.ui-accordion .ui-accordion-content h2:first-child,
.ui-accordion .ui-accordion-content h3:first-child,
.ui-accordion .ui-accordion-content h4:first-child,
.ui-accordion .ui-accordion-content h5:first-child,
.ui-accordion .ui-accordion-content h6:first-child {
  margin-top: 0;
}

.ui-widget-content {
  border: 3px solid rgb(222.5, 222.5, 222.5);
  background: #FFFFFF;
  color: #32292F;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.42857143;
  font-family: "Roboto", sans-serif;
}
.ui-widget-content a {
  color: #3283B0;
  font-weight: 600;
}

.panel-default > .panel-heading {
  background: none;
  border-radius: 0;
  padding: 0;
}

.panel.panel-default {
  border-left: none;
  border-right: none;
  border-radius: 0;
  border-top: 0;
  box-shadow: none;
}

.panel-title {
  font-size: 120%;
  margin-bottom: 0px;
  padding: 0;
}
.panel-title a {
  display: block;
  padding: 15px 15px 15px 40px;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  position: relative;
}
.panel-title a.accordion-toggle.collapsed {
  background: #FFFFFF;
  color: #32292F;
}
.panel-title a.accordion-toggle.collapsed:before {
  content: "\f054";
  font-family: "FontAwesome";
  color: #FDCB60;
  position: absolute;
  top: 50%;
  -o-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  -webkit-transform: translateY(-50%) rotate(0deg);
  -moz-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  left: 15px;
  -moz-transition: 3s ease;
  -o-transition: 3s ease;
  -webkit-transition: 3s ease;
  -ms-transition: 3s ease;
  transition: 3s ease;
}
.panel-title a.accordion-toggle {
  background: #3283B0;
  color: #FFFFFF;
}
.panel-title a.accordion-toggle:before {
  content: "\f054";
  color: #FFFFFF;
  font-family: "FontAwesome";
  color: #FDCB60;
  position: absolute;
  top: 50%;
  -o-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  left: 15px;
  -moz-transition: 25s ease;
  -o-transition: 25s ease;
  -webkit-transition: 25s ease;
  -ms-transition: 25s ease;
  transition: 25s ease;
}

.panel-group .panel + .panel {
  margin-top: 0;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  background: rgba(50, 41, 47, 0.05);
  border: none;
  padding-left: 0;
  padding-right: 0;
}

.panel-body{
    padding: 15px;
}

@media (max-width: 767px) {
  .services-img {
    display: none;
    max-height: 150px;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .services-img img {
    margin: 0 auto;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .services-img {
    max-height: 100px;
  }
}

.news-title {
  margin: 0;
  font-family: "Open Sans", sans-serif;
}

.news-date {
  font-weight: 500;
  padding: 5px 0 15px 0;
}

.news-rows {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid fade(#32292F, 10%);
}
.news-rows:last-child {
  border: none;
}

.view-news-press .view-footer .tile-button {
  padding-top: 30px;
}
.view-news-press .view-footer .tile-button a {
  border: 1px solid #3283B0;
  padding: 5px 15px;
  color: #3283B0;
  font-weight: 500;
  box-shadow: 1px 12px 20px 2px fade(#32292F, 10%);
  -moz-transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  -o-transtition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  -webkit-transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  -ms-transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
}
.view-news-press .view-footer .tile-button a:hover {
  color: rgb(33.0752212389, 86.657079646, 116.4247787611);
  border: 1px solid rgb(33.0752212389, 86.657079646, 116.4247787611);
  box-shadow: -1px 5px 20px 2px fade(#32292F, 20%);
  text-decoration: none;
}

.view-news-press > .view-content h3 {
  font-size: 18px;
  color: fade(#32292F, 40%);
}

.node-article .field-name-post-date {
  font-weight: 500;
  padding-bottom: 15px;
}

.back-to-top {
  position: fixed;
  color: #FFFFFF;
  padding: 8px 15px;
  font-size: 14px;
  font-weight: bold;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -moz-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 0;
  z-index: -1;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background: #3283B0;
  -moz-transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  -o-transtition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  -webkit-transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  -ms-transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
}
.back-to-top.show-back-to-top {
  -webkit-transform: translateY(-130%);
  -o-transform: translateY(-130%);
  -ms-transform: translateY(-130%);
  -moz-transform: translateY(-130%);
  transform: translateY(-130%);
  z-index: 3;
  opacity: 1;
  -moz-transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  -o-transtition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  -webkit-transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  -ms-transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
}
.back-to-top:hover, .back-to-top:active, .back-to-top:focus, .back-to-top:visited {
  text-decoration: none;
  -moz-transition: 2s ease;
  -o-transition: 2s ease;
  -webkit-transition: 2s ease;
  -ms-transition: 2s ease;
  transition: 2s ease;
  color: #FFFFFF;
  background: rgb(52.2566371681, 136.9123893805, 183.9433628319);
}

.btn-primary {
  background: #3283B0 !important;
  border: 1px solid #3283B0 !important;
  -moz-transition: 2s ease;
  -o-transition: 2s ease;
  -webkit-transition: 2s ease;
  -ms-transition: 2s ease;
  transition: 2s ease;
}
.btn-primary:hover {
  background: rgb(52.2566371681, 136.9123893805, 183.9433628319) !important;
  border: 1px solid rgb(52.2566371681, 136.9123893805, 183.9433628319) !important;
}

.btn-warning {
  background: rgb(252.3664596273, 186.5279503106, 45.6335403727) !important;
  border: 1px solid rgb(252.3664596273, 186.5279503106, 45.6335403727) !important;
  -moz-transition: 2s ease;
  -o-transition: 2s ease;
  -webkit-transition: 2s ease;
  -ms-transition: 2s ease;
  transition: 2s ease;
}
.btn-warning:hover {
  background: rgb(252.5565217391, 191.4695652174, 60.7434782609) !important;
  border: 1px solid rgb(252.5565217391, 191.4695652174, 60.7434782609) !important;
}

.region-content {
  padding-bottom: 75px;
}

.path-frontpage .region-content {
  padding-bottom: 0px;
}

/*.icons-row {
  padding-top: 90px;
  padding-bottom: 90px;
    @media (max-width: $screen-sm-min) {
      padding-top: 30px;
      padding-bottom: 30px;
    }

    .icon-1,
    .icon-2,
    .icon-3 {
      @media (max-width: $screen-sm-min) {
        padding-bottom: 30px;
        padding-top: 30px;
        border-bottom: 1px solid darken($white, 10%);
      }

      &:before {
        content: '';
        display: block;
        background-repeat: no-repeat;
        background-size: 60px;
        background-position: center;
        background-color: $white;
        width: 60px;
        height: 60px;
        margin: 0 auto;
        border-radius: 100%;
        padding: 44px;
        border: 1px solid fade($shadow, 60%);
        box-shadow: 0px 0px 9px 1px fade($shadow, 50%);
          @media (max-width: $screen-sm-min) {
            display: inline-block;
            float: left;
            background-size: 40px;
            width: 40px;
            height: 40px;
            padding: 33px;
          }
      }
    }

    .icon-1:before {
      content: '';
      background-image: url('/themes/custom/nrec/images/icons/online-services.png');
    }

    .icon-2:before {
      content: '';
      background-image: url('/themes/custom/nrec/images/icons/offices.png');
    }

    .icon-3:before {
      content: '';
      background-image: url('/themes/custom/nrec/images/icons/officers.png');
    }

    .region-left-tile,
    .region-middle-tile,
    .region-right-tile {
      padding-left: 15px;
      padding-right: 15px;
      text-align:  center;
        @media (max-width: $screen-sm-min) {
          text-align: left;
          padding-left: 90px;
          padding-right: 0;
        }
    }

    .tile-title {
      font-size: 22px;
      color: $blue;
      margin: 0;
      padding-top: 20px;
      padding-bottom: 20px;
        @media (max-width: $screen-sm-min) {
          padding-top: 0;
          font-size: 20px;
          padding-bottom: 10px;
        }
    }

    .tile-body {
      font-weight: 100;
    }

    .tile-button {
      padding-top: 30px;

        a {
          border: 1px solid $blue;
          padding: 5px 15px;
          color: $blue;
          font-weight: 500;
          box-shadow: 1px 12px 20px 2px fade($text, 10%);;
          -moz-transition: all 225ms cubic-bezier(.57,.67,.83,.67);
    			-o-transtition: all 225ms cubic-bezier(.57,.67,.83,.67);
    			-webkit-transition: all 225ms cubic-bezier(.57,.67,.83,.67);
    			-ms-transition: all 225ms cubic-bezier(.57,.67,.83,.67);
          transition: all 225ms cubic-bezier(.57,.67,.83,.67);
            &:hover {
              color: darken($blue, 15%);
              border: 1px solid darken($blue, 15%);
              box-shadow: -1px 5px 20px 2px fade($text, 20%);
              text-decoration: none;
            }
        }

        @media (max-width: $screen-sm-min) {
          padding-top: 20px;
            a {
              box-shadow: -2px 4px 20px 2px fade($text, 10%);
                &:hover {
                  box-shadow: -2px 4px 20px 2px fade($text, 10%);
                  color: $blue;
                  border-color: $blue;
                }
            }
        }
    }
}

@media (max-width: $screen-sm-min) {
  .icon-3 {
    border-bottom: none !important;
  }
}
*/
/*.help-row {
  background: fade($yellow, 28%);
  padding-top: 60px;
  padding-bottom: 65px;
  text-align: center;
    @media (max-width: $screen-sm-min) {
      padding-top: 30px;
      padding-bottom: 35px;
    }

  .help-main {
    padding-left: 15px;
    padding-right: 15px;
  }

  .help-title {
    font-weight: 400;
    margin: 0;
    padding-bottom:  20px;
  }


  .help-button {
    padding-top: 25px;

      a {
        background: $dgreen;
        border: 1px solid darken($dgreen, 10%);
        padding: 5px 15px;
        color:  $white;
        font-weight: 500;
        -moz-transition: all 225ms cubic-bezier(.57,.67,.83,.67);
        -o-transtition: all 225ms cubic-bezier(.57,.67,.83,.67);
        -webkit-transition: all 225ms cubic-bezier(.57,.67,.83,.67);
        -ms-transition: all 225ms cubic-bezier(.57,.67,.83,.67);
        transition: all 225ms cubic-bezier(.57,.67,.83,.67);
          @media (max-width: $screen-sm-min) {
            background: lighten($dgreen, 3%);
            border: 1px solid lighten($dgreen, 3%);
          }

          &:hover {
            background: lighten($dgreen, 3%);
            border: 1px solid lighten($dgreen, 3%);
            text-decoration: none;
          }
      }
    }
}*/
/*.bottom-row {
  padding-top: 70px;
  padding-bottom: 70px;
  background: $lgreen;
    @media (max-width: $screen-sm-min) {
      padding-top: 30px;
      padding-bottom: 30px;
    }
}

.bottom-main {
  width: 375px;
  margin: 0 auto;
  box-shadow: 0px 2px 7px 0px fade($black, 50);
  background: $white;
    @media (max-width: $screen-md-min) {
      width: 350px;
    }
    @media (max-width: $screen-sm-min) {
      width: 100%;
    }

    &.main-left {
      margin-right: 20px;
        @media (max-width: $screen-md-min) {
          margin-right: 10px;
        }
        @media (max-width: $screen-sm-min) {
          margin-right: 0;
          margin-bottom: 30px;
        }
    }

    &.main-right {
      margin-left: 20px;
        @media (max-width: $screen-md-min) {
          margin-left: 10px;
        }
        @media (max-width: $screen-sm-min) {
          margin-left: 0;
        }
    }

    .bottom-img {
      position:  relative;
      height: 250px;
      overflow:  hidden;
      margin: 0 auto;
        img {
          object-fit: cover;
          width: 100%;
          object-position: center;
        }
        @media (max-width: $screen-sm-min) {
          height: 150px;
        }
    }

    .bottom-title {
      position:  absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 10px;
      margin:  0;
      color: $white;
      z-index:  1;
        &:before {
          background: fade($green, 95%);
          content: '';
          width: 100%;
          position: absolute;
          bottom: 0;
          left: 0;
          height: 100%;
          z-index: -1;
        }
    }
}

.location-main {
  padding: 20px 10px;
}

.location-hours {
  font-weight: 500;
  padding-bottom: 2px;
}

.address,
.city-state,
.hours {
  padding: 2px 0;
  font-weight: 400;
  color: #595959;
}*/
/*Angles*/
span.angle-header {
  position: relative;
  height: 100px;
  width: 1000px;
  background-color: rgba(58, 136, 191, 0.5);
  transform: skew(134deg);
  display: inline-block;
  left: -1050px;
  overflow: hidden;
}

div.angle-services {
  background: #ffffff;
  transform: skewY(-190deg);
  display: block;
  height: 500px;
  position: relative;
  z-index: 15;
  top: -128px;
  margin-bottom: -500px;
}

#block-views-upcoming-events-block .views-row {
  border: 1px solid #d2d2d2;
  width: 25%;
  /*height: 300px;*/
  display: inline-block;
  margin-right: 5%;
  position: relative;
  border-radius: 20px;
  -webkit-box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
  box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
}

#block-views-upcoming-events-block .views-row-last {
  margin-right: 0;
}

@media (max-width: 1091px) {
  #block-views-upcoming-events-block .views-row {
    width: inherit;
    display: inline-block;
    margin-right: 2%;
    margin-top: 0px;
  }
  #block-views-upcoming-events-block .views-row-last {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  #block-views-upcoming-events-block .views-row {
    width: 75%;
    display: inline-block;
    margin-right: 0%;
    margin-top: 15px;
  }
}
.section-events {
  position: relative;
  z-index: 20;
  background: none;        
}

.county-events {
  border: 1px solid #d2d2d2;
  width: 25%;
  /*height: 300px;*/
  display: inline-block;
  margin-right: 5%;
  position: relative;
  border-radius: 20px;
  -webkit-box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
  box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
}

.county-events:last-child {
  margin-right: 0px;
}

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

.region-events h2, .region-offices h2 {
  text-align: center;
  width: 275px;
  margin: 15px auto;
  padding-top: 75px;
}

.view-header p {
  max-width: 70%;
  text-align: center;
  margin: 5px auto 50px auto;
}

.county-events-header {
  padding: 20px 25px;
  background: #75cbbe;
  border-radius: 17px 17px 0 0;
}

.views-field-title {
  
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.views-field-body {
  padding: 0 25px 25px 25px;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

@media (max-width: 767px) {
  .views-field-title, .views-field-body {
    text-align: center;
  }
}
.county-events p {
  padding: 25px;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.page-node-1 .views-field-field-event-date {
  text-align: center;
  padding: 15px 25px 0 25px;
  background: #75cbbe;
  border-radius: 17px 17px 0 0;
}

.page-node-1 .views-field-field-event-date span {
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9);
  font-size: 24px;
  text-align: center;
}

.county-events h3 {
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9);
  font-size: 24px;
  text-align: center;
}

.views-field-field-event-date-1 {
  text-align: center;
  padding: 0px 25px 20px;
  background: #75cbbe;
}

.views-field-field-event-date-1 span {
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9);
  font-size: 15px;
  text-align: center;
}

.county-events h4 {
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9);
  font-size: 15px;
  text-align: center;
}

.view-all {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
}

.view-all-offices {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 60px;
}

.view-online-services {
  text-align: left;
  padding-top: 40px;
  padding-bottom: 60px;
  position: relative;
  z-index: 40;
}

.section-our-services {
  
  position: relative;
  z-index: 10;
}

.shape-our-services {
  background: #08688e;
  transform: skewY(-253deg);
  display: block;
  height: 400px;
  position: absolute;
  z-index: 15;
  width: 400px;
  left: -200px;
}

@media (max-width: 767px) {
  .view-online-services {
    padding-bottom: 0px;
  }
  .shape-our-services {
    display: none;
  }
  .region-events h2 {
    padding-top: 30px;
  }
  .view-all-offices {
    padding-top: 0px;
  }
  .view-all {
    padding-bottom: 30px;
  }
}
.county-callout {
  position: relative;
  top: -50px;
  right: -100px;
}

@media (max-width: 1091px) {
  .county-callout {
    position: static;
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  h1.county-name {
    font-size: 36px;
  }
  .slick-slider {
    display: none;
  }
  .region-offices .view-content {
    display: none;
  }
  .region-offices .view-all {
    padding-top: 0px;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("/themes/custom/nrec/images/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url("/themes/custom/nrec/fonts/slick.eot");
  src: url("/themes/custom/nrec/fonts/slick@mixin eot?#iefix") format("embedded-opentype"), url("/themes/custom/nrec/fonts/slick@mixin woff") format("woff"), url("/sites/all/themes/stanton/fonts/slick@mixin ttf") format("truetype"), url("/themes/custom/nrec/fonts/slick@mixin svg#slick") format("svg");
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: #133e5f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

.county-office {
  border: 1px solid #d2d2d2;
  width: 95%;
  height: 325px;
  display: inline-block;
  /*margin-right: 10px;*/
  position: relative;
  vertical-align: top;
  /*padding: 25px;*/
}

.county-office-header {
  padding: 20px 25px;
  background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(/themes/custom/nrec/images/header/header-lg.jpg);
  background-size: cover;
  height: 100px;
}

.county-office p {
  padding: 25px;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
}

.county-office p:last-child {
  padding: 0px;
}

.slick-slide h3 {
  padding: 0;
  margin: 0;
  /*text-transform: uppercase;*/
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9);
  font-size: 20px;
}

.county-office h3 {
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9);
  font-size: 20px;
}

.county-office h4 {
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9);
  font-size: 15px;
  padding-top: 5px;
  text-transform: uppercase;
}

.county-office-button {
  background: #006383;
  color: #ffffff;
  border-top: 2px solid #fec047;
  width: 100%;
  display: block;
  padding: 8px;
  text-align: center;
  position: absolute;
  bottom: 0;
  transition: all 1s ease;
}

.county-office-button:hover {
  background: #187a9a;
  color: #ffffff;
  border-top: 3px solid #ffa900;
  text-decoration: none;
}

/*#block-views-our-offices-block h2.block-title {
    display: none;
}*/
.slick-slider {
  text-align: center;
}

html.overlay-open .navbar-fixed-top {
  z-index: 400;
}
html.js fieldset.collapsed {
  height: auto;
}
html.js input.form-autocomplete {
  background-image: none;
}

body {
  position: relative;
}
body.admin-expanded.admin-vertical.admin-nw .navbar, body.admin-expanded.admin-vertical.admin-sw .navbar {
  margin-left: 260px;
}
body.navbar-is-fixed-top {
  padding-top: 64px !important;
}
body.navbar-is-fixed-bottom {
  padding-bottom: 64px !important;
}
body.toolbar {
  padding-top: 30px !important;
}
body.toolbar .navbar-fixed-top {
  top: 30px;
}
body.toolbar.navbar-is-fixed-top {
  padding-top: 94px !important;
}
body.toolbar-drawer {
  padding-top: 64px !important;
}
body.toolbar-drawer .navbar-fixed-top {
  top: 64px;
}
body.toolbar-drawer.navbar-is-fixed-top {
  padding-top: 128px !important;
}
body.admin-menu .navbar-fixed-top {
  top: 29px;
}
body.admin-menu.navbar-is-fixed-top {
  padding-top: 93px !important;
}
body div#admin-toolbar {
  z-index: 1600;
}
body #toolbar, body #admin-menu, body #admin-toolbar {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
body #admin-menu {
  margin: 0;
  padding: 0;
  position: fixed;
  z-index: 1600;
}
body #admin-menu .dropdown li {
  line-height: normal;
}

.navbar.container {
  margin-top: 20px;
}
@media screen and (min-width: 767px) {
  .navbar.container {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .navbar.container {
    max-width: 940px;
  }
}
@media screen and (min-width: 1200px) {
  .navbar.container {
    max-width: 1140px;
  }
}
.navbar.container > .container {
  margin: 0;
  padding: 0;
  width: auto;
}

#overlay-container,
.overlay-modal-background,
.overlay-element {
  z-index: 1500;
}

#toolbar {
  z-index: 1600;
}

.modal {
  z-index: 1620;
}

.modal-dialog {
  z-index: 1630;
}

.modal-backdrop {
  z-index: 1610;
}

.element-invisible {
  margin: 0;
  padding: 0;
  width: 1px;
}

.navbar .logo {
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 767px) {
  .navbar .logo {
    margin-right: 0;
    padding-left: 0;
  }
}

ul.secondary {
  float: left;
}
@media screen and (min-width: 767px) {
  ul.secondary {
    float: right;
  }
}

.page-header {
  margin-top: 0;
  padding-bottom: 25px;
  font-size: 35px;
  border-bottom: none;
  padding-top: 45px;
}

.block:first-child h2.block-title {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

.region-help > .glyphicon {
  font-size: 20px;
  float: left;
  margin: -0.05em 0.5em 0 0;
}
.region-help .block {
  overflow: hidden;
}

form#search-block-form {
  margin: 0;
  position: relative;
  top: 7.5px;
}

header #search-block-form {
    padding: 5px 0px;
    flex-flow: row wrap;
}

.navbar #block-search-form {
  float: none;
  margin: 5px 0 5px 5px;
}
@media screen and (min-width: 992px) {
  .navbar #block-search-form {
    float: right;
  }
}

.navbar-search .control-group {
  margin-bottom: 0px;
}

ul.action-links {
  margin: 12px 0;
  padding: 0;
}
ul.action-links li {
  display: inline;
  margin: 0;
  padding: 0 6px 0 0;
}
ul.action-links .glyphicon {
  padding-right: 0.5em;
}

input, textarea, select, .uneditable-input {
  max-width: 100%;
  width: auto;
}

input.error {
  color: #b94a48;
  border-color: rgb(234.7934782609, 203.7065217391, 208.8876811594);
}

fieldset legend.panel-heading {
  float: left;
  line-height: 1em;
  margin: 0;
}

fieldset .panel-body {
  clear: both;
}

fieldset .panel-heading a.panel-title {
  color: inherit;
  display: block;
  margin: -10px -15px;
  padding: 10px 15px;
}
fieldset .panel-heading a.panel-title:hover {
  text-decoration: none;
}

.form-actions {
  clear: both;
}

.resizable-textarea textarea {
  border-radius: 4px 4px 0 0;
}

.radio:first-child, .checkbox:first-child {
  margin-top: 0;
}
.radio:last-child, .checkbox:last-child {
  margin-bottom: 0;
}

.help-block, .control-group .help-inline {
  color: rgb(221.85, 221.85, 221.85);
  font-size: 12px;
  margin: 5px 0 10px;
  padding: 0;
}

.panel-heading {
  display: block;
}

a.tabledrag-handle .handle {
  height: auto;
  width: auto;
}

.error {
  color: #b94a48;
}

div.error,
table tr.error {
  background-color: #f2dede;
  color: #b94a48;
}

.control-group.error {
  background: none;
}
.control-group.error label, .control-group.error .control-label {
  color: #b94a48;
  font-weight: 600;
}
.control-group.error input, .control-group.error textarea, .control-group.error select, .control-group.error .uneditable-input {
  color: rgb(85.425, 85.425, 85.425);
  border: 1px solid #ccc;
}
.control-group.error .help-block, .control-group.error .help-inline {
  color: #333333;
}

.list-inline > li.first {
  padding-left: 0;
}

.nav-tabs {
  margin-bottom: 10px;
}

ul li.collapsed,
ul li.expanded,
ul li.leaf {
  list-style: none;
  list-style-image: none;
}

.tabs--secondary {
  margin: 0 0 10px;
}

.submitted {
  margin-bottom: 1em;
  font-style: italic;
  font-weight: normal;
  color: #777;
}

.password-strength {
  width: 17em;
  float: right; /* LTR */
  margin-top: 1.4em;
}

.password-strength-title {
  display: inline;
}

.password-strength-text {
  float: right; /* LTR */
  font-weight: bold;
}

.password-indicator {
  background-color: rgb(216.75, 216.75, 216.75);
  height: 0.3em;
  width: 100%;
}
.password-indicator div {
  height: 100%;
  width: 0%;
  background-color: rgb(221.85, 221.85, 221.85);
}

input.password-confirm,
input.password-field {
  width: 16em;
  margin-bottom: 0.4em;
}

div.password-confirm {
  float: right; /* LTR */
  margin-top: 1.5em;
  visibility: hidden;
  width: 17em;
}

div.form-item div.password-suggestions {
  padding: 0.2em 0.5em;
  margin: 0.7em 0;
  width: 38.5em;
  border: 1px solid #B4B4B4;
}

div.password-suggestions ul {
  margin-bottom: 0;
}

.confirm-parent,
.password-parent {
  clear: left; /* LTR */
  margin: 0;
  width: 36.3em;
}

.progress-wrapper .progress {
  margin-bottom: 10px;
}

.pagination ul > li > a.progress-disabled {
  float: left;
}

.form-autocomplete .glyphicon {
  color: rgb(221.85, 221.85, 221.85);
  font-size: 120%;
}
.form-autocomplete .glyphicon.glyphicon-spin {
  color: #00607f;
}
.form-autocomplete .input-group-addon {
  background-color: rgb(255, 255, 255);
}

.ajax-progress .glyphicon {
  font-size: 90%;
  margin: 0 -0.25em 0 0.5em;
}

.glyphicon-spin {
  display: inline-block;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

a .glyphicon-spin {
  display: inline-block;
  text-decoration: none;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.glyphicon-refresh {
  -webkit-transform-origin: 50% 45%;
  -moz-transform-origin: 50% 45%;
  -ms-transform-origin: 50% 45%;
  -o-transform-origin: 50% 45%;
  transform-origin: 50% 45%;
}

/**
 * Missing Bootstrap 2 tab styling.
 * $see http://stackoverflow.com/questions/18432577/stacked-tabs-in-bootstrap-3
 * $see http://bootply.com/74926
 */
.tabbable {
  margin-bottom: 20px;
}

.tabs-below > .nav-tabs, .tabs-left > .nav-tabs, .tabs-right > .nav-tabs {
  border-bottom: 0;
}
.tabs-below > .nav-tabs .summary, .tabs-left > .nav-tabs .summary, .tabs-right > .nav-tabs .summary {
  color: rgb(221.85, 221.85, 221.85);
  font-size: 14px;
}

.tab-pane > .panel-heading {
  display: none;
}

.tab-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
  border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs,
.tabs-right > .nav-tabs {
  padding-bottom: 20px;
  width: 220px;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}
.tabs-left > .nav-tabs > li:focus,
.tabs-right > .nav-tabs > li:focus {
  outline: 0;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-left > .nav-tabs > li > a:focus,
.tabs-right > .nav-tabs > li > a:focus {
  outline: 0;
}
.tabs-left > .tab-content,
.tabs-right > .tab-content {
  border-radius: 0 4px 4px 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  border: 1px solid #ddd;
  overflow: hidden;
  padding: 10px 15px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: -1px;
}
.tabs-left > .nav-tabs > li > a {
  border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus {
  border-color: rgb(242.25, 242.25, 242.25) #ddd rgb(242.25, 242.25, 242.25) rgb(242.25, 242.25, 242.25);
}
.tabs-left > .nav-tabs > .active > a,
.tabs-left > .nav-tabs > .active > a:hover,
.tabs-left > .nav-tabs > .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05);
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: -1px;
}
.tabs-right > .nav-tabs > li > a {
  border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus {
  border-color: rgb(242.25, 242.25, 242.25) rgb(242.25, 242.25, 242.25) rgb(242.25, 242.25, 242.25) #ddd;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
}
.tabs-right > .nav-tabs > .active > a,
.tabs-right > .nav-tabs > .active > a:hover,
.tabs-right > .nav-tabs > .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
}

th.checkbox,
td.checkbox,
th.radio,
td.radio {
  display: table-cell;
}

.views-display-settings .label {
  font-size: 100%;
  color: #666666;
}
.views-display-settings .footer {
  padding: 0;
  margin: 4px 0 0 0;
}

table .radio input[type=radio],
table .checkbox input[type=checkbox] {
  max-width: inherit;
}

.form-horizontal .form-group label {
  position: relative;
  min-height: 1px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: right;
}
@media (min-width: 767px) {
  .form-horizontal .form-group label {
    float: left;
    width: 16.6666666667%;
  }
}

.alert a {
  font-weight: bold;
}

.alert-success a {
  color: rgb(52.6699029126, 102.3300970874, 53.4223300971);
}

.alert-info a {
  color: rgb(45.1948051948, 105.1948051948, 134.8051948052);
}

.alert-warning a {
  color: rgb(163.9489361702, 125.8212765957, 60.0510638298);
}

.alert-danger a {
  color: rgb(149.0039525692, 58.6245059289, 56.9960474308);
}

/*COUNTY 2 STYLES*/
p {
  line-height: 26px;
  font-size: 16px;
  color: black;
}

p.heading {
  max-width: 70%;
  text-align: center;
  margin: 25px auto;
}

h1.county-name {
  color: #fff;
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: 35px;
  font-family: "Satisfy", cursiv;
  font-size: 45px;
  position: relative;
  left: 0px;
  top: -75px;
}

h2 {
  font-size: 22px;
  color: black;
  
  padding-top: 60px;
  padding-bottom: 15px;
  text-align: left;
  width: 205px;
  margin: 15px 0;
}

h2.alternate {
  font-size: 22px;
  color: black;
  
  padding-bottom: 15px;
  text-align: center;
  width: 275px;
  margin: 15px auto;
}

h4.alternate {
  font-size: 17px;
  color: #ffffff;
  
  padding-bottom: 10px;
  text-align: left;
  width: 150px;
  margin: 15px 0;
  text-transform: uppercase;
}

.knockout {
  color: #ffffff;
}

a {
  color: #07678d;
  font-weight: bold;
}

a.button {
  color: #006383;
  font-size: 17px;
  border: 1px solid #006383;
  padding: 7px 15px;
  border-radius: 20px;
}

a.button:hover {
  color: #ffffff;
  font-size: 17px;
  border: 1px solid #006383;
  background: #006383;
  padding: 7px 15px;
  border-radius: 20px;
  text-decoration: none;
}

a.button-alternate {
  color: #ffffff;
  font-size: 17px;
  border: 1px solid #FFC145;
  background: #016282;
  padding: 7px 15px;
  border-radius: 20px;
}

a.button-alternate:hover {
  color: #006383;
  font-size: 17px;
  border: 1px solid #FFC145;
  background: #FFC145;
  padding: 7px 15px;
  border-radius: 20px;
  text-decoration: none;
}

#block-system-main-menu h2.block-title {
  display: none;
}

body.page-offices .county-office {
  height: auto;
}

.community-news {
  border: 1px solid #d0d0d0;
  padding: 25px;
  margin-top: 60px;
}

.community-news h2 {
  padding-top: 0;
}

.community-news .views-field-title {
  padding: 25px 0 0 0;
}

.community-news .read-more {
  margin-top: 30px;
  text-align: right;
}

.community-news .county-office-button {
  position: relative;
}

body.page-offices p a.county-office-button {
  display: none;
}

body.page-offices .view-header p {
  max-width: 100%;
  text-align: left;
  margin: 5px auto 30px auto;
}

body.page-offices .county-office {
  margin-bottom: 15px;
  border: 0;
}



body.page-offices .county-office-header {
  background: none;
  padding: 0;
  height: auto;
}

body.page-offices .county-office-header h4 {
  display: none;
}

body.page-offices .county-office p {
  padding: 5px 0;
}

.page-calendar ul.tabs--primary {
  margin-top: 25px;
}

.page-calendar ul.tabs--primary li:nth-child(2), .page-calendar ul.tabs--primary li:nth-child(3) {
  display: none;
}

.view-id-upcoming_events .views-row {
  border: 1px solid #d2d2d2;
  width: 25%;
  display: inline-block;
  margin-right: 2.5%;
  margin-left: 2.5%;
  margin-top: 25px;
  position: relative;
  border-radius: 20px;
  -webkit-box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
  box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
}

.view-id-upcoming_events .views-row-last {
  margin-right: 0;
}

@media (max-width: 1091px) {
  .view-id-upcoming_events .views-row {
    width: inherit;
    display: inline-block;
    margin-right: 2%;
    margin-top: 0px;
  }
  .view-id-upcoming_events .views-row-last {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .view-id-upcoming_events .views-row {
    width: 75%;
    display: inline-block;
    margin-right: 0%;
    margin-top: 15px;
  }
}
.section-events {
  position: relative;
  z-index: 20;
  background: none;        
}

.county-events {
  border: 1px solid #d2d2d2;
  width: 25%;
  display: inline-block;
  margin-right: 5%;
  position: relative;
  border-radius: 20px;
  -webkit-box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
  box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
}

.county-events:last-child {
  margin-right: 0px;
}

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

.region-events h2, .region-offices h2 {
  text-align: center;
  width: 275px;
  margin: 15px auto;
  padding-top: 75px;
}

.view-header p {
  max-width: 70%;
  text-align: center;
  margin: 5px auto 50px auto;
}

.county-events-header {
  padding: 20px 25px;
  background: #75cbbe;
  border-radius: 17px 17px 0 0;
}

.views-field-title {
  
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.views-field-body {
  padding: 0 15px 25px 15px;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

@media (max-width: 767px) {
  .views-field-title, .views-field-body {
    text-align: center;
  }
}
.county-events p {
  padding: 25px;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.path-frontpage .views-field-field-event-date {
  text-align: center;
  padding: 15px 25px 0 25px;
  background: #75cbbe;
  border-radius: 17px 17px 0 0;
}

.views-field-field-event-date .field-content {
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9);
  font-size: 24px;
  text-align: center;
}

.county-events h3 {
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9);
  font-size: 24px;
  text-align: center;
}

.views-field-field-event-date-1 {
  text-align: center;
  padding: 0px 25px 20px;
  background: #75cbbe;
}

.views-field-field-event-date-1 .field-content {
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9);
  font-size: 15px;
  text-align: center;
}

/*d10 fix */
body {
  padding-top: 0px;
  margin-top: 0px;
}

.calendar-view-table .calendar-view-day__number {
  background: none !important;
  color: #777;
  font-weight: bold;
  font-size: 12px;
}

.calendar-view-table .calendar-view-day__row {
  font-size: 9px;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
}

.calendar-view-table .next-month, .calendar-view-table .previous-month {
  background: #eee;
}

.calendar-view-table .next-month .calendar-view-day__number, .calendar-view-table .previous-month .calendar-view-day__number {
  color: #999;
}

.table > tbody > tr > td {
  padding: 0px !important;
}

.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #f9f9f9;
}

.calendar-view-table thead th {
  background: #dcdcdc;
}

.calendar-view-table th {
  padding: 3px 0 !important;
  font-size: 12px;
  text-transform: none;
  color: #777;
  border-color: #ccc;
}

ul.calendar-view-pager li {
  list-style: none;
}

.calendar-view-pager .pager__current, .calendar-view-pager__reset {
  display: none;
}

.calendar-view-table caption {
  padding: 0;
  font-size: 20px;
  color: #333;
  line-height: 3;
}

.calendar-view-pager {
  padding: 0;
  margin: 0;
}

.calendar-view-pager__reset a, .calendar-view-pager .pager__item > * {
  padding: 0;
}

.calendar-view-table .calendar-view-table .calendar-view-day__row {
  font-size: 14px;
}

.calendar-view-table .views-field-field-event-date .field-content {
  font-size: 14px;
  color: #333333;
  text-shadow: none;
  text-align: left;
}

.calendar-view-table a {
  font-size: 14px;
}

.calendar-view-table .calendar-view-day__row > * {
  margin: 0;
  padding: 0;
}

.rtecenter {
  text-align: center;
}

#block-nppc-mainmenu {
  display: inline-block;
}

nav.toolbar-lining {
  text-align: left;
}

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

/* PDFs */
/*d10 default file override*/
.file {
  font-size: 100%;
  margin: 0;
}

.file > span {
  background: none;
  color: #337ab7;
  border-bottom: none;
  border-top: none;
}

.file > span:first-child {
  border-left: none;
}

.file > span:last-child {
  border-right: none;
  display: none;
}

/*delete if this breaks d10 files */
.file-icon {
  display: inline;
  font-size: 150%;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}

#skip-link {
  z-index: 10000;
}
#skip-link a {
  background: #3283B0;
  text-align: center;
  padding: 15px 0;
  font-size: 20px;
  color: #FFFFFF;
  text-transform: capitalize;
  font-family: "Open Sans", sans-serif;
  width: 100%;
  display: block;
  z-index: 10000;
}

html {
  height: 100%;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #32292F;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.html {
  background-color: #FFFFFF;
  height: 100%;
  width: 100%;
}

a {
  -moz-transition: 2s ease;
  -o-transition: 2s ease;
  -webkit-transition: 2s ease;
  -ms-transition: 2s ease;
  transition: 2s ease;
}
a:hover, a:visited, a:focus, a:active {
  -moz-transition: 2s ease;
  -o-transition: 2s ease;
  -webkit-transition: 2s ease;
  -ms-transition: 2s ease;
  transition: 2s ease;
}
a:visited, a:focus, a:active {
  text-decoration: none;
}

.container-lg,
.container-sm {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-lg {
  max-width: 1430px;
}

.container {
  max-width: 1050px;
}

hr {
  border-top: 1px solid #F8F8F8;
}

img {
  height: auto !important;
  max-width: 100% !important;
}

.form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0;
}

extra-small {
  font-size: 55%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
  letter-spacing: -0.02em;
  font-weight: 300;
}

h1 {
  font-size: 180%;
}

h2 {
  font-size: 160%;
}

h3 {
  font-size: 140%;
}

h4 {
  font-size: 120%;
  line-height: 1.3;
}

h5 {
  font-size: 100%;
}

h6 {
  font-size: 80%;
}

h1 > span > a,
h2 > span > a,
h3 > span > a,
h4 > span > a,
h5 > span > a,
h6 > span > a,
a > h1,
a > h2,
a > h3,
a > h4,
a > h5,
a > h6,
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  text-decoration: none !important;
}

.bold {
  font-weight: bold;
}

.large {
  font-size: 120%;
}

.larger {
  font-size: 140%;
}

.normal {
  font-weight: normal;
}

.italic {
  font-style: italic;
}

extra-small {
  font-size: 55%;
}

.small-margin-top {
  margin-top: 0.75em;
}

label.control-label {
  padding-top: 0.75em;
}

.hero-main {
  min-height: 375px;
  position: relative;
  background-image: url("/themes/custom/nrec/images/header/header-xl.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  /*border-bottom: 10px solid $green;*/
  /*&:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 550px;
    background: linear-gradient(to bottom,$black -100%,transparent 100%);
  }
  &:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 0;
    height: 0;
    border-left: 80px solid transparent;
    border-bottom: 40px solid $green;
    clear: both;
      @media (max-width: $screen-sm-min) {
        border-left: 70px solid transparent;
        border-bottom: 35px solid $green;
      }
      @media (max-width: $screen-xs-min) {
        border-left: 50px solid transparent;
        border-bottom: 25px solid $green;
      }
  }*/
}
@media (max-width: 1200px) {
  .hero-main {
    min-height: 375px;
    background-image: url("/themes/custom/nrec/images/header/header-lg.jpg");
  }
}
@media (max-width: 992px) {
  .hero-main {
    min-height: 375px;
    background-image: url("/themes/custom/nrec/images/header/header-md.jpg");
  }
}
@media (max-width: 767px) {
  .hero-main {
    min-height: 375px;
    background-image: url("/themes/custom/nrec/images/header/header-sm.jpg");
  }
}
@media (max-width: 480px) {
  .hero-main {
    min-height: 350px;
    background-image: url("/themes/custom/nrec/images/header/header-xs.jpg");
  }
}
.hero-main .hero-text {
  font-family: "Satisfy", cursiv;
  position: absolute;
  bottom: 0px;
  font-size: 60px;
  margin: 0;
  letter-spacing: 1px;
  color: #FFFFFF;
  width: 100%;
  text-align: center;
  text-shadow: 1px 1px 7px rgb(7.967032967, 6.532967033, 7.489010989);
  background: rgba(0, 99, 131, 0.8);
  padding: 30px 0;
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .hero-main .hero-text {
    font-size: 52px;
    line-height: 65px;
  }
}
@media (max-width: 480px) {
  .hero-main .hero-text {
    font-size: 45px;
    line-height: 55px;
  }
}

div.header-bar {
  width: 100%;
  height: 100px;
  background: rgba(0, 99, 131, 0.8);
  position: absolute;
  bottom: 0;
}

/*delete this from less files*/
.county-text-desk a:hover {
  background: none !important;
}

a.social-media:hover img {
  opacity: 0.7;
}

.hero-inner {
  min-height: 350px;
  position: relative;
  background-image: url("/themes/custom/nrec/images/header/inner-header-xl.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  border-bottom: 10px solid #5DA399;
}
@media (max-width: 1200px) {
  .hero-inner {
    background-image: url("/themes/custom/nrec/images/header/inner-header-lg.jpg");
  }
}
@media (max-width: 992px) {
  .hero-inner {
    background-image: url("/themes/custom/nrec/images/header/inner-header-md.jpg");
  }
}
@media (max-width: 767px) {
  .hero-inner {
    min-height: 400px;
    background-image: url("/themes/custom/nrec/images/header/header-sm.jpg");
  }
}
@media (max-width: 480px) {
  .hero-inner {
    min-height: 350px;
    background-image: url("/themes/custom/nrec/images/header/header-xs.jpg");
  }
}
.hero-inner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 550px;
  background: linear-gradient(to bottom, #000000 -100%, transparent 100%);
}
.hero-inner:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0px;
  width: 0;
  height: 0;
  border-left: 80px solid transparent;
  border-bottom: 40px solid #5DA399;
  clear: both;
}
@media (max-width: 767px) {
  .hero-inner:after {
    border-left: 70px solid transparent;
    border-bottom: 35px solid #5DA399;
  }
}
@media (max-width: 480px) {
  .hero-inner:after {
    border-left: 50px solid transparent;
    border-bottom: 25px solid #5DA399;
  }
}
.hero-inner .hero-text {
  font-family: "Satisfy", cursiv;
  position: absolute;
  top: 50%;
  font-size: 60px;
  margin: 0;
  letter-spacing: 1px;
  color: #FFFFFF;
  width: 100%;
  text-align: center;
  text-shadow: 1px 1px 7px rgb(7.967032967, 6.532967033, 7.489010989);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .hero-inner .hero-text {
    font-size: 52px;
    line-height: 65px;
  }
}
@media (max-width: 480px) {
  .hero-inner .hero-text {
    font-size: 45px;
    line-height: 55px;
  }
}

.hero-main-interior {
  min-height: 250px;
  position: relative;
  background-image: url(/themes/custom/nrec/images/header/header-xl.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}

#navbar {
  margin: 0;
  border: none;
  position: relative;
  width: 100%;
  background: transparent;
  text-align: right;
 
  padding-top: 20px;
}
@media (max-width: 992px) {
  #navbar {
    position: relative;
    background: #133e60;;
    padding-top: 0;
    color: #337ab7;
  }
}

#navbar a {
  color: #ffffff;
  font-size: 20px;
}
@media (max-width: 992px) {
  #navbar a {
    color: #337ab7;
    text-shadow: none;
  }
}

#navbar a:hover {
  text-decoration: none;
}
@media (max-width: 992px) {
  #navbar a:hover {
    color: #26567f;
    text-shadow: none;
  }
}

@media (max-width: 992px) {
  #navbar div.container {
    position: relative;
  }
  .region-social-media {
    display: none;
  }
}
#navbar ul.dropdown-menu a {
  color: #2a7197;
  text-shadow: none;
}

.menu.nav {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .menu.nav {
    padding: 0;
  }
}
.menu.nav li {
  display: block;
  float: left;
}
@media (max-width: 767px) {
  .menu.nav li {
    float: none;
  }
}
.menu.nav li a {
  padding: 15px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .menu.nav li a {
    float: none;
  }
}
.menu.nav li a:focus, .menu.nav li a:active, .menu.nav li a:visited {
  background: none;
}
.menu.nav li a:hover {
  background: none;
}

.menu.nav .dropdown-oppen > a {
  background: rgb(242.25, 242.25, 242.25);
}

.county-text-desk a {
  padding: 15px;
  position: absolute;
  font-weight: 500;
}
.county-text-desk a:hover {
  text-decoration: none;
  background: rgb(242.25, 242.25, 242.25);
}
@media (max-width: 992px) {
  .county-text-desk {
    display: none;
  }
}

.county-text-mobile {
  display: none;
}
@media (max-width: 992px) {
  .county-text-mobile {
    display: block;
    font-size: 20px;
    font-weight: 500;
    /*position: absolute;
    left: 15px;
    top: 50%;*/
    margin-top: 25px;
    margin-left: 10px;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .county-text-mobile a:hover {
    color: #3283B0;
    text-decoration: none;
  }
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background: none;
  color: #32292F;
}

.dropdown-menu {
  margin: 0;
  border-radius: 0;
  box-shadow: 2px 6px 15px fade(#32292F, 60%);
  padding: 0;
  margin: 0;
  border: none;
  background: #FFFFFF;
}
.dropdown-menu li {
  border: none;
  display: block;
  width: 100%;
  background: none !important;
}
.dropdown-menu li a {
  padding: 10px !important;
  background: none;
}

@media (max-width: 767px) {
  .navbar-collapse {
    position: absolute;
    background: #FFFFFF;
    width: 100%;
  }
  .navbar-default .navbar-toggle {
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
  }
  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:visited {
    background: none;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-top: 1px solid fade(#32292F, 15%);
    box-shadow: 1px 4px 7px 0px fade(#32292F, 50%);
    padding: 0;
  }
  .ham {
    padding: 10px 15px;
    color: #32292F;
  }
  .nav-items {
    float: none !important;
  }
  .open > .dropdown-menu {
    display: block;
    position: relative !important;
    width: 100%;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 25px;
    text-align: right;
  }
  .open > .dropdown-menu li a {
    padding: 10px 25px 10px !important;
    background: none;
    border-bottom: 1px solid rgb(221.85, 221.85, 221.85);
    background: rgb(242.25, 242.25, 242.25);
  }
  .expanded.dropdown > a {
    transition: 0s;
  }
  .expanded.dropdown.open > a {
    background: #e1e0e0;
    transition: 0s;
  }
  .expanded.dropdown.open > a:hover, .expanded.dropdown.open > a:active, .expanded.dropdown.open > a:visited, .expanded.dropdown.open > a:focus {
    background: #e1e0e0;
    transition: 0s;
  }
  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:focus,
  .dropdown-menu > .active > a:hover {
    background: rgb(242.25, 242.25, 242.25) !important;
  }
  .menu.nav li a:hover {
    background: none;
    color: #3283B0;
  }
}
@media (max-width: 600px) {
  .col-ssm-12 {
    width: 100%;
  }
}
.footer-row {
  background: #133e60;
  padding-top: 40px;
  padding-bottom: 40px;
  z-index: 99;
  position: relative;
}
@media (max-width: 600px) {
  .footer-row {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.footer-row .footer-text {
  color: #FFFFFF;
}
.footer-row .footer-text p {
  margin: 0;
  line-height: 28px;
}
.footer-row .footer-text p a {
  color: #FFFFFF;
}
.footer-row .footer-text p a:hover {
  color: #FDCB60;
  text-decoration: none;
}
@media (max-width: 600px) {
  .footer-row .footer-text {
    text-align: center;
  }
}
.footer-row .footer-text.footer-right {
  text-align: right;
}
@media (max-width: 600px) {
  .footer-row .footer-text.footer-right {
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
  }
  .footer-row .footer-text.footer-right:before {
    border-top: 1px solid rgb(78.021978022, 63.978021978, 73.3406593407);
    content: "";
    position: absolute;
    top: 0;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
}
.footer-row .footer-text.footer-right .ftb {
  list-style: none;
  margin: 0;
  padding: 4px 0 0;
}
.footer-row .footer-text.footer-right .ftb li {
  display: inline;
}
.footer-row .footer-text.footer-right .ftb li a {
  color: #FFFFFF;
}
.footer-row .footer-text.footer-right .ftb li a:hover {
  color: #FDCB60;
  text-decoration: none;
}
.footer-row .footer-text.footer-right .ftb li.log {
  display: block;
  padding-top: 4px;
}
@media (max-width: 600px) {
  .footer-row .footer-text.footer-right .ftb li.log {
    display: inline;
  }
}
.footer-row .footer-text .branding {
  width: 300px;
}
.footer-row .footer-text .copy {
  padding-top: 4px;
}
.footer-row .footer-text .line {
  border-right: 1px solid #FFFFFF;
  padding-right: 15px;
  margin-right: 15px;
}
.footer-row .footer-text .line.mob-line {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
@media (max-width: 600px) {
  .footer-row .footer-text .line.mob-line {
    border-right: 1px solid #FFFFFF;
    padding-right: 15px;
    margin-right: 15px;
  }
}
.footer-row .footer-text .social {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-row .footer-text .social li {
  display: inline;
  padding-right: 10px;
  font-size: 25px;
}
@media (max-width: 600px) {
  .footer-row .footer-text .social li {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.footer-row .footer-text .social .facebook a {
  color: #FFFFFF;
}
.footer-row .footer-text .social .facebook a:hover {
  color: #3B5998;
}
.footer-row .footer-text .social .twitter a {
  color: #FFFFFF;
}
.footer-row .footer-text .social .twitter a:hover {
  color: #1DA1F2;
}

/*FOOTER*/
.useful-links p {
  width: 45%;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.useful-links p:last-child {
  width: 45%;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.region-footer-col-third {
  text-align: right;
  margin-top: 45px;
}

.back-to-top {
  font-size: 11px !important;
  width: 40px !important;
  text-align: center !important;
  padding: 5px !important;
}

@media (max-width: 1091px) {
  .useful-links p {
    width: 100%;
  }
  .useful-links p:last-child {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .region-footer-col-first h4.alternate {
    text-align: center;
    margin: 15px auto;
  }
  .region-footer-col-second h4.alternate {
    text-align: center;
    margin: 15px auto;
  }
  .region-footer-col-first p {
    text-align: center;
    margin: 15px auto;
  }
  .region-footer-col-third {
    text-align: center;
    margin-top: 45px;
  }
  .useful-links {
    text-align: center;
  }
  .useful-links p {
    width: 45%;
    display: inline-block;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
  }
  .useful-links p:last-child {
    width: 45%;
    display: inline-block;
    text-align: left;
    padding-left: 5px;
    vertical-align: top;
  }
  h4.alternate {
    text-align: center;
  }
}
.footer-row a {
  color: #ffffff;
  font-weight: bold;
  font-size: 17px;
  letter-spacing: 0.5px;
  -webkit-font-smoothing: antialiased;
}

.footer-row p {
  color: #ffffff;
}

.page-main {
  padding-top: 60px;
  padding-bottom: 60px;
  min-height: 600px;
}
@media (max-width: 767px) {
  .page-main {
    padding: 45px 15px;
    min-height: 450px;
  }
}
@media (max-width: 480px) {
  .page-main {
    padding: 30px 15px;
    min-height: 300px;
  }
}

.page-header {
  margin: 0;
  padding-bottom: 45px;
  font-size: 35px;
  border-bottom: none;
}

.well-layout {
  background: #FDCB60;
  border-radius: 5px;
  padding: 25px;
  margin-bottom: 35px;
  margin-top: 35px;
}
.well-layout h1:first-child,
.well-layout h2:first-child,
.well-layout h3:first-child,
.well-layout h4:first-child,
.well-layout h5:first-child,
.well-layout h6:first-child {
  margin-top: 0;
}
.well-layout p {
  font-weight: 500;
}

.two-column-left,
.three-column-left,
.left-column-small,
.right-column-big,
.two-column-right,
.three-column-right,
.left-column-big,
.right-column-small,
.full-width-layout,
.three-column-middle {
  margin-bottom: 35px;
}
.two-column-left h1,
.two-column-left h2,
.two-column-left h3,
.two-column-left h4,
.two-column-left h5,
.two-column-left h6,
.three-column-left h1,
.three-column-left h2,
.three-column-left h3,
.three-column-left h4,
.three-column-left h5,
.three-column-left h6,
.left-column-small h1,
.left-column-small h2,
.left-column-small h3,
.left-column-small h4,
.left-column-small h5,
.left-column-small h6,
.right-column-big h1,
.right-column-big h2,
.right-column-big h3,
.right-column-big h4,
.right-column-big h5,
.right-column-big h6,
.two-column-right h1,
.two-column-right h2,
.two-column-right h3,
.two-column-right h4,
.two-column-right h5,
.two-column-right h6,
.three-column-right h1,
.three-column-right h2,
.three-column-right h3,
.three-column-right h4,
.three-column-right h5,
.three-column-right h6,
.left-column-big h1,
.left-column-big h2,
.left-column-big h3,
.left-column-big h4,
.left-column-big h5,
.left-column-big h6,
.right-column-small h1,
.right-column-small h2,
.right-column-small h3,
.right-column-small h4,
.right-column-small h5,
.right-column-small h6,
.full-width-layout h1,
.full-width-layout h2,
.full-width-layout h3,
.full-width-layout h4,
.full-width-layout h5,
.full-width-layout h6,
.three-column-middle h1,
.three-column-middle h2,
.three-column-middle h3,
.three-column-middle h4,
.three-column-middle h5,
.three-column-middle h6 {
  font-weight: 500;
  color: #3283B0;
}
.two-column-left h1:first-child,
.two-column-left h2:first-child,
.two-column-left h3:first-child,
.two-column-left h4:first-child,
.two-column-left h5:first-child,
.two-column-left h6:first-child,
.three-column-left h1:first-child,
.three-column-left h2:first-child,
.three-column-left h3:first-child,
.three-column-left h4:first-child,
.three-column-left h5:first-child,
.three-column-left h6:first-child,
.left-column-small h1:first-child,
.left-column-small h2:first-child,
.left-column-small h3:first-child,
.left-column-small h4:first-child,
.left-column-small h5:first-child,
.left-column-small h6:first-child,
.right-column-big h1:first-child,
.right-column-big h2:first-child,
.right-column-big h3:first-child,
.right-column-big h4:first-child,
.right-column-big h5:first-child,
.right-column-big h6:first-child,
.two-column-right h1:first-child,
.two-column-right h2:first-child,
.two-column-right h3:first-child,
.two-column-right h4:first-child,
.two-column-right h5:first-child,
.two-column-right h6:first-child,
.three-column-right h1:first-child,
.three-column-right h2:first-child,
.three-column-right h3:first-child,
.three-column-right h4:first-child,
.three-column-right h5:first-child,
.three-column-right h6:first-child,
.left-column-big h1:first-child,
.left-column-big h2:first-child,
.left-column-big h3:first-child,
.left-column-big h4:first-child,
.left-column-big h5:first-child,
.left-column-big h6:first-child,
.right-column-small h1:first-child,
.right-column-small h2:first-child,
.right-column-small h3:first-child,
.right-column-small h4:first-child,
.right-column-small h5:first-child,
.right-column-small h6:first-child,
.full-width-layout h1:first-child,
.full-width-layout h2:first-child,
.full-width-layout h3:first-child,
.full-width-layout h4:first-child,
.full-width-layout h5:first-child,
.full-width-layout h6:first-child,
.three-column-middle h1:first-child,
.three-column-middle h2:first-child,
.three-column-middle h3:first-child,
.three-column-middle h4:first-child,
.three-column-middle h5:first-child,
.three-column-middle h6:first-child {
  margin-top: 0;
}
@media (max-width: 992px) {
  .two-column-left,
  .three-column-left,
  .left-column-small,
  .right-column-big,
  .two-column-right,
  .three-column-right,
  .left-column-big,
  .right-column-small,
  .full-width-layout,
  .three-column-middle {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 25px;
  }
}

.two-column-left,
.three-column-left,
.left-column-small,
.right-column-big {
  padding-left: 0;
  padding-right: 20px;
}

.two-column-right,
.three-column-right,
.left-column-big,
.right-column-small {
  padding-right: 0;
}

.full-width-layout {
  padding-left: 0;
  padding-right: 0;
}

.accordion-side,
.accordion-middle {
  padding: 0;
}

@media (max-width: 767px) {
  .accordion-side {
    display: none;
  }
}

.acc + .field-item {
  margin-top: 35px;
}

.field-item.even.acc + .field-item.odd.acc {
  margin-top: 0px;
}

.field-item.odd.acc + .field-item.even.acc {
  margin-top: 0px;
}

.group-accordion {
  font-family: "Open Sans", sans-serif;
  margin-bottom: 5px;
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
  border-radius: 10px;
}

.field-name-field-accordion-headin {
  position: relative;
  opacity: 1;
  -moz-transition: 3s ease;
  -o-transition: 3s ease;
  -webkit-transition: 3s ease;
  -ms-transition: 3s ease;
  transition: 3s ease;
  z-index: 5;
}

.ui-state-active,
.ui-state-default,
.ui-widget-content .ui-state-active,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-active,
.ui-widget-header .ui-state-default {
  border: 3px solid #FDCB60;
  border-radius: 0;
  background: #FFFFFF;
  padding: 10px 15px 10px 35px;
  background: #FFFFFF;
}
.ui-state-active p,
.ui-state-active h1,
.ui-state-active h2,
.ui-state-active h3,
.ui-state-active h4,
.ui-state-active h5,
.ui-state-active h6,
.ui-state-default p,
.ui-state-default h1,
.ui-state-default h2,
.ui-state-default h3,
.ui-state-default h4,
.ui-state-default h5,
.ui-state-default h6,
.ui-widget-content .ui-state-active p,
.ui-widget-content .ui-state-active h1,
.ui-widget-content .ui-state-active h2,
.ui-widget-content .ui-state-active h3,
.ui-widget-content .ui-state-active h4,
.ui-widget-content .ui-state-active h5,
.ui-widget-content .ui-state-active h6,
.ui-widget-content .ui-state-default p,
.ui-widget-content .ui-state-default h1,
.ui-widget-content .ui-state-default h2,
.ui-widget-content .ui-state-default h3,
.ui-widget-content .ui-state-default h4,
.ui-widget-content .ui-state-default h5,
.ui-widget-content .ui-state-default h6,
.ui-widget-header .ui-state-active p,
.ui-widget-header .ui-state-active h1,
.ui-widget-header .ui-state-active h2,
.ui-widget-header .ui-state-active h3,
.ui-widget-header .ui-state-active h4,
.ui-widget-header .ui-state-active h5,
.ui-widget-header .ui-state-active h6,
.ui-widget-header .ui-state-default p,
.ui-widget-header .ui-state-default h1,
.ui-widget-header .ui-state-default h2,
.ui-widget-header .ui-state-default h3,
.ui-widget-header .ui-state-default h4,
.ui-widget-header .ui-state-default h5,
.ui-widget-header .ui-state-default h6 {
  margin: 0;
  font-weight: 600;
  font-size: 24px;
  color: #3283B0;
  font-family: "Open Sans", sans-serif;
}

.field-name-field-accordion-headin:hover {
  background: rgb(245.45, 245.45, 245.45);
  opacity: 1;
}

.ui-state-active {
  background: #F8F8F8;
}
.ui-state-active:hover {
  background: rgb(245.45, 245.45, 245.45);
}

.ui-accordion .ui-accordion-icons {
  padding-left: 1.4em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  /* -o-transition: $25s-transition;
  -ms-transition: $25s-transition;
  -webkit-transition: $25s-transition;
  -moz-transition: $25s-transition;
  transition: $25s-transition; */
}

.ui-accordion .ui-accordion-content {
  padding: 25px 15px;
  border-top: 0;
  overflow: auto;
  font-size: 16px;
  margin-bottom: 10px;
}
.ui-accordion .ui-accordion-content h1,
.ui-accordion .ui-accordion-content h2,
.ui-accordion .ui-accordion-content h3,
.ui-accordion .ui-accordion-content h4,
.ui-accordion .ui-accordion-content h5,
.ui-accordion .ui-accordion-content h6 {
  font-weight: 500;
  color: #3283B0;
}
.ui-accordion .ui-accordion-content h1:first-child,
.ui-accordion .ui-accordion-content h2:first-child,
.ui-accordion .ui-accordion-content h3:first-child,
.ui-accordion .ui-accordion-content h4:first-child,
.ui-accordion .ui-accordion-content h5:first-child,
.ui-accordion .ui-accordion-content h6:first-child {
  margin-top: 0;
}

.ui-widget-content {
  border: 3px solid rgb(222.5, 222.5, 222.5);
  background: #FFFFFF;
  color: #32292F;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.42857143;
  font-family: "Roboto", sans-serif;
}
.ui-widget-content a {
  color: #3283B0;
  font-weight: 600;
}

.panel-default > .panel-heading {
  background: none;
  border-radius: 0;
  padding: 0;
}

.panel.panel-default {
  border-left: none;
  border-right: none;
  border-radius: 0;
  border-top: 0;
  box-shadow: none;
}

.panel-title {
  font-size: 120%;
  margin-bottom: 0px;
  padding: 0;
}
.panel-title a {
  display: block;
  padding: 15px 15px 15px 40px;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  position: relative;
}
.panel-title a.accordion-toggle.collapsed {
  background: #FFFFFF;
  color: #32292F;
}
.panel-title a.accordion-toggle.collapsed:before {
  content: "\f054";
  font-family: "FontAwesome";
  color: #FDCB60;
  position: absolute;
  top: 50%;
  -o-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  -webkit-transform: translateY(-50%) rotate(0deg);
  -moz-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  left: 15px;
  -moz-transition: 3s ease;
  -o-transition: 3s ease;
  -webkit-transition: 3s ease;
  -ms-transition: 3s ease;
  transition: 3s ease;
}
.panel-title a.accordion-toggle {
  background: #3283B0;
  color: #FFFFFF;
}
.panel-title a.accordion-toggle:before {
  content: "\f054";
  color: #FFFFFF;
  font-family: "FontAwesome";
  color: #FDCB60;
  position: absolute;
  top: 50%;
  -o-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  left: 15px;
  -moz-transition: 25s ease;
  -o-transition: 25s ease;
  -webkit-transition: 25s ease;
  -ms-transition: 25s ease;
  transition: 25s ease;
}

.panel-group .panel + .panel {
  margin-top: 0;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  background: fade(#32292F, 5%);
  border: none;
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 767px) {
  .services-img {
    display: none;
    max-height: 150px;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .services-img img {
    margin: 0 auto;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .services-img {
    max-height: 100px;
  }
}

.news-title {
  margin: 0;
  font-family: "Open Sans", sans-serif;
}

.news-date {
  font-weight: 500;
  padding: 5px 0 15px 0;
}

.news-rows {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid fade(#32292F, 10%);
}
.news-rows:last-child {
  border: none;
}

.view-news-press .view-footer .tile-button {
  padding-top: 30px;
}
.view-news-press .view-footer .tile-button a {
  border: 1px solid #3283B0;
  padding: 5px 15px;
  color: #3283B0;
  font-weight: 500;
  box-shadow: 1px 12px 20px 2px fade(#32292F, 10%);
  -moz-transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  -o-transtition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  -webkit-transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  -ms-transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
}
.view-news-press .view-footer .tile-button a:hover {
  color: rgb(33.0752212389, 86.657079646, 116.4247787611);
  border: 1px solid rgb(33.0752212389, 86.657079646, 116.4247787611);
  box-shadow: -1px 5px 20px 2px fade(#32292F, 20%);
  text-decoration: none;
}

.view-news-press > .view-content h3 {
  font-size: 18px;
  color: fade(#32292F, 40%);
}

.node-article .field-name-post-date {
  font-weight: 500;
  padding-bottom: 15px;
}

.back-to-top {
  position: fixed;
  color: #FFFFFF;
  padding: 8px 15px;
  font-size: 14px;
  font-weight: bold;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -moz-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 0;
  z-index: -1;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background: #3283B0;
  -moz-transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  -o-transtition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  -webkit-transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  -ms-transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
}
.back-to-top.show-back-to-top {
  -webkit-transform: translateY(-130%);
  -o-transform: translateY(-130%);
  -ms-transform: translateY(-130%);
  -moz-transform: translateY(-130%);
  transform: translateY(-130%);
  z-index: 3;
  opacity: 1;
  -moz-transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  -o-transtition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  -webkit-transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  -ms-transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
  transition: all 225ms cubic-bezier(0.57, 0.67, 0.83, 0.67);
}
.back-to-top:hover, .back-to-top:active, .back-to-top:focus, .back-to-top:visited {
  text-decoration: none;
  -moz-transition: 2s ease;
  -o-transition: 2s ease;
  -webkit-transition: 2s ease;
  -ms-transition: 2s ease;
  transition: 2s ease;
  color: #FFFFFF;
  background: rgb(52.2566371681, 136.9123893805, 183.9433628319);
}

.btn-primary {
  background: #3283B0 !important;
  border: 1px solid #3283B0 !important;
  -moz-transition: 2s ease;
  -o-transition: 2s ease;
  -webkit-transition: 2s ease;
  -ms-transition: 2s ease;
  transition: 2s ease;
}
.btn-primary:hover {
  background: rgb(52.2566371681, 136.9123893805, 183.9433628319) !important;
  border: 1px solid rgb(52.2566371681, 136.9123893805, 183.9433628319) !important;
}

.btn-warning {
  background: rgb(252.3664596273, 186.5279503106, 45.6335403727) !important;
  border: 1px solid rgb(252.3664596273, 186.5279503106, 45.6335403727) !important;
  -moz-transition: 2s ease;
  -o-transition: 2s ease;
  -webkit-transition: 2s ease;
  -ms-transition: 2s ease;
  transition: 2s ease;
}
.btn-warning:hover {
  background: rgb(252.5565217391, 191.4695652174, 60.7434782609) !important;
  border: 1px solid rgb(252.5565217391, 191.4695652174, 60.7434782609) !important;
}

.region-content {
  padding-bottom: 75px;
}

.path-frontpage .region-content {
  padding-bottom: 0px;
}

/*.icons-row {
  padding-top: 90px;
  padding-bottom: 90px;
    @media (max-width: $screen-sm-min) {
      padding-top: 30px;
      padding-bottom: 30px;
    }

    .icon-1,
    .icon-2,
    .icon-3 {
      @media (max-width: $screen-sm-min) {
        padding-bottom: 30px;
        padding-top: 30px;
        border-bottom: 1px solid darken($white, 10%);
      }

      &:before {
        content: '';
        display: block;
        background-repeat: no-repeat;
        background-size: 60px;
        background-position: center;
        background-color: $white;
        width: 60px;
        height: 60px;
        margin: 0 auto;
        border-radius: 100%;
        padding: 44px;
        border: 1px solid fade($shadow, 60%);
        box-shadow: 0px 0px 9px 1px fade($shadow, 50%);
          @media (max-width: $screen-sm-min) {
            display: inline-block;
            float: left;
            background-size: 40px;
            width: 40px;
            height: 40px;
            padding: 33px;
          }
      }
    }

    .icon-1:before {
      content: '';
      background-image: url('/themes/custom/nrec/images/icons/online-services.png');
    }

    .icon-2:before {
      content: '';
      background-image: url('/themes/custom/nrec/images/icons/offices.png');
    }

    .icon-3:before {
      content: '';
      background-image: url('/themes/custom/nrec/images/icons/officers.png');
    }

    .region-left-tile,
    .region-middle-tile,
    .region-right-tile {
      padding-left: 15px;
      padding-right: 15px;
      text-align:  center;
        @media (max-width: $screen-sm-min) {
          text-align: left;
          padding-left: 90px;
          padding-right: 0;
        }
    }

    .tile-title {
      font-size: 22px;
      color: $blue;
      margin: 0;
      padding-top: 20px;
      padding-bottom: 20px;
        @media (max-width: $screen-sm-min) {
          padding-top: 0;
          font-size: 20px;
          padding-bottom: 10px;
        }
    }

    .tile-body {
      font-weight: 100;
    }

    .tile-button {
      padding-top: 30px;

        a {
          border: 1px solid $blue;
          padding: 5px 15px;
          color: $blue;
          font-weight: 500;
          box-shadow: 1px 12px 20px 2px fade($text, 10%);;
          -moz-transition: all 225ms cubic-bezier(.57,.67,.83,.67);
    			-o-transtition: all 225ms cubic-bezier(.57,.67,.83,.67);
    			-webkit-transition: all 225ms cubic-bezier(.57,.67,.83,.67);
    			-ms-transition: all 225ms cubic-bezier(.57,.67,.83,.67);
          transition: all 225ms cubic-bezier(.57,.67,.83,.67);
            &:hover {
              color: darken($blue, 15%);
              border: 1px solid darken($blue, 15%);
              box-shadow: -1px 5px 20px 2px fade($text, 20%);
              text-decoration: none;
            }
        }

        @media (max-width: $screen-sm-min) {
          padding-top: 20px;
            a {
              box-shadow: -2px 4px 20px 2px fade($text, 10%);
                &:hover {
                  box-shadow: -2px 4px 20px 2px fade($text, 10%);
                  color: $blue;
                  border-color: $blue;
                }
            }
        }
    }
}

@media (max-width: $screen-sm-min) {
  .icon-3 {
    border-bottom: none !important;
  }
}
*/
/*.help-row {
  background: fade($yellow, 28%);
  padding-top: 60px;
  padding-bottom: 65px;
  text-align: center;
    @media (max-width: $screen-sm-min) {
      padding-top: 30px;
      padding-bottom: 35px;
    }

  .help-main {
    padding-left: 15px;
    padding-right: 15px;
  }

  .help-title {
    font-weight: 400;
    margin: 0;
    padding-bottom:  20px;
  }


  .help-button {
    padding-top: 25px;

      a {
        background: $dgreen;
        border: 1px solid darken($dgreen, 10%);
        padding: 5px 15px;
        color:  $white;
        font-weight: 500;
        -moz-transition: all 225ms cubic-bezier(.57,.67,.83,.67);
        -o-transtition: all 225ms cubic-bezier(.57,.67,.83,.67);
        -webkit-transition: all 225ms cubic-bezier(.57,.67,.83,.67);
        -ms-transition: all 225ms cubic-bezier(.57,.67,.83,.67);
        transition: all 225ms cubic-bezier(.57,.67,.83,.67);
          @media (max-width: $screen-sm-min) {
            background: lighten($dgreen, 3%);
            border: 1px solid lighten($dgreen, 3%);
          }

          &:hover {
            background: lighten($dgreen, 3%);
            border: 1px solid lighten($dgreen, 3%);
            text-decoration: none;
          }
      }
    }
}*/
/*.bottom-row {
  padding-top: 70px;
  padding-bottom: 70px;
  background: $lgreen;
    @media (max-width: $screen-sm-min) {
      padding-top: 30px;
      padding-bottom: 30px;
    }
}

.bottom-main {
  width: 375px;
  margin: 0 auto;
  box-shadow: 0px 2px 7px 0px fade($black, 50);
  background: $white;
    @media (max-width: $screen-md-min) {
      width: 350px;
    }
    @media (max-width: $screen-sm-min) {
      width: 100%;
    }

    &.main-left {
      margin-right: 20px;
        @media (max-width: $screen-md-min) {
          margin-right: 10px;
        }
        @media (max-width: $screen-sm-min) {
          margin-right: 0;
          margin-bottom: 30px;
        }
    }

    &.main-right {
      margin-left: 20px;
        @media (max-width: $screen-md-min) {
          margin-left: 10px;
        }
        @media (max-width: $screen-sm-min) {
          margin-left: 0;
        }
    }

    .bottom-img {
      position:  relative;
      height: 250px;
      overflow:  hidden;
      margin: 0 auto;
        img {
          object-fit: cover;
          width: 100%;
          object-position: center;
        }
        @media (max-width: $screen-sm-min) {
          height: 150px;
        }
    }

    .bottom-title {
      position:  absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 10px;
      margin:  0;
      color: $white;
      z-index:  1;
        &:before {
          background: fade($green, 95%);
          content: '';
          width: 100%;
          position: absolute;
          bottom: 0;
          left: 0;
          height: 100%;
          z-index: -1;
        }
    }
}

.location-main {
  padding: 20px 10px;
}

.location-hours {
  font-weight: 500;
  padding-bottom: 2px;
}

.address,
.city-state,
.hours {
  padding: 2px 0;
  font-weight: 400;
  color: #595959;
}*/
/*Angles*/
span.angle-header {
  position: relative;
  height: 100px;
  width: 1000px;
  background-color: rgba(58, 136, 191, 0.5);
  transform: skew(134deg);
  display: inline-block;
  left: -1050px;
  overflow: hidden;
}

div.angle-services {
  background: #ffffff;
  transform: skewY(-190deg);
  display: block;
  height: 500px;
  position: relative;
  z-index: 15;
  top: -128px;
  margin-bottom: -500px;
}

#block-views-upcoming-events-block .views-row {
  border: 1px solid #d2d2d2;
  width: 25%;
  /*height: 300px;*/
  display: inline-block;
  margin-right: 5%;
  position: relative;
  border-radius: 20px;
  -webkit-box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
  box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
}

#block-views-upcoming-events-block .views-row-last {
  margin-right: 0;
}

@media (max-width: 1091px) {
  #block-views-upcoming-events-block .views-row {
    width: inherit;
    display: inline-block;
    margin-right: 2%;
    margin-top: 0px;
  }
  #block-views-upcoming-events-block .views-row-last {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  #block-views-upcoming-events-block .views-row {
    width: 75%;
    display: inline-block;
    margin-right: 0%;
    margin-top: 15px;
  }
}
.section-events {
  position: relative;
  z-index: 20;
  background: none;        
}

.county-events {
  border: 1px solid #d2d2d2;
  width: 25%;
  /*height: 300px;*/
  display: inline-block;
  margin-right: 5%;
  position: relative;
  border-radius: 20px;
  -webkit-box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
  box-shadow: 10px 10px 6px -9px rgba(0, 0, 0, 0.15);
}

.county-events:last-child {
  margin-right: 0px;
}

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

.region-events h2, .region-offices h2 {
  text-align: center;
  width: 275px;
  margin: 15px auto;
  padding-top: 75px;
}

.view-header p {
  max-width: 70%;
  text-align: center;
  margin: 5px auto 50px auto;
}

.county-events-header {
  padding: 20px 25px;
  background: #75cbbe;
  border-radius: 17px 17px 0 0;
}

.views-field-title {
  
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.views-field-body {
  padding: 0 25px 25px 25px;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

@media (max-width: 767px) {
  .views-field-title, .views-field-body {
    text-align: center;
  }
}
.county-events p {
  padding: 25px;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.page-node-1 .views-field-field-event-date {
  text-align: center;
  padding: 15px 25px 0 25px;
  background: #75cbbe;
  border-radius: 17px 17px 0 0;
}

.page-node-1 .views-field-field-event-date span {
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9);
  font-size: 24px;
  text-align: center;
}

.county-events h3 {
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9);
  font-size: 24px;
  text-align: center;
}

.views-field-field-event-date-1 {
  text-align: center;
  padding: 0px 25px 20px;
  background: #75cbbe;
}

.views-field-field-event-date-1 span {
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9);
  font-size: 15px;
  text-align: center;
}

.county-events h4 {
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9);
  font-size: 15px;
  text-align: center;
}

.view-all {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
}

.view-all-offices {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 60px;
}

.view-online-services {
  text-align: left;
  padding-top: 40px;
  padding-bottom: 60px;
  position: relative;
  z-index: 40;
}

.section-our-services {
  padding-bottom: 60px;
  position: relative;
  z-index: 10;
}

.shape-our-services {
  background: #08688e;
  transform: skewY(-253deg);
  display: block;
  height: 400px;
  position: absolute;
  z-index: 15;
  width: 400px;
  left: -200px;
}

@media (max-width: 767px) {
  .view-online-services {
    padding-bottom: 0px;
  }
  .shape-our-services {
    display: none;
  }
  .region-events h2 {
    padding-top: 30px;
  }
  .view-all-offices {
    padding-top: 0px;
  }
  .view-all {
    padding-bottom: 30px;
  }
}
.county-callout {
  position: relative;
  top: -50px;
  right: -100px;
}

@media (max-width: 1091px) {
  .county-callout {
    position: static;
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  h1.county-name {
    font-size: 36px;
  }
  .slick-slider {
    display: none;
  }
  .region-offices .view-content {
    display: none;
  }
  .region-offices .view-all {
    padding-top: 0px;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("/themes/custom/nrec/images/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url("/themes/custom/nrec/fonts/slick.eot");
  src: url("/themes/custom/nrec/fonts/slick@mixin eot?#iefix") format("embedded-opentype"), url("/themes/custom/nrec/fonts/slick@mixin woff") format("woff"), url("/sites/all/themes/stanton/fonts/slick@mixin ttf") format("truetype"), url("/themes/custom/nrec/fonts/slick@mixin svg#slick") format("svg");
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: #133e5f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

.county-office {
  border: 1px solid #d2d2d2;
  width: 95%;
  height: 325px;
  display: inline-block;
  /*margin-right: 10px;*/
  position: relative;
  vertical-align: top;
  /*padding: 25px;*/
}

.county-office-header {
  padding: 20px 25px;
  background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(/themes/custom/nrec/images/header/header-lg.jpg);
  background-size: cover;
  height: 100px;
}

.county-office p {
  padding: 25px;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
}

.county-office p:last-child {
  padding: 0px;
}

.slick-slide h3 {
  padding: 0;
  margin: 0;
  /*text-transform: uppercase;*/
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9);
  font-size: 20px;
}

.county-office h3 {
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9);
  font-size: 20px;
}

.county-office h4 {
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.9);
  font-size: 15px;
  padding-top: 5px;
  text-transform: uppercase;
}

.county-office-button {
  background: #006383;
  color: #ffffff;
  border-top: 2px solid #fec047;
  width: 100%;
  display: block;
  padding: 8px;
  text-align: center;
  position: absolute;
  bottom: 0;
  transition: all 1s ease;
}

.county-office-button:hover {
  background: #187a9a;
  color: #ffffff;
  border-top: 3px solid #ffa900;
  text-decoration: none;
}

/*#block-views-our-offices-block h2.block-title {
    display: none;
}*/
.slick-slider {
  text-align: center;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.section-events .view-content.row {
    --bs-gutter-x: 0rem;
    display: block;
}

a:hover, a:visited, a:focus, a:active {
    transition: 0.4s ease;
}

.navbar .navbar-toggler {
  margin-left: auto;
}

@media (max-width: 767px) {
  .navbar-collapse {
    position: relative;
}
}

.content .title {
  margin: 0;
    padding-bottom: 45px;
    font-size: 35px;
    border-bottom: none;
    padding-top: 45px;
}

.view-calendar tr {
  padding: 0 !important;
}

.lom-wrapper {
        position: relative;
    }
    .lom-links {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        padding-top: 10%;
        font-weight: bold;
        font-size: 20px;
    }
    .lom-wrapper:hover .lom-links {
        display: block;
    }
    .lom-wrapper:hover .img-res {
        opacity: .15;
    }
    .inside-title, .breadcrumb-row {
        display: none;
    }
    .lombg1 {
        background: #b43738;
    }
    .lombg2 {
        background: #797d8d;
    }
    .br50 {
        border-radius: 50%;
        cursor: pointer;
    }
    .open-img:hover .br50 {
        filter: drop-shadow(0 0.2rem 2.5rem rgba(0, 0, 0, 0.25));
    }
    .fs20 {
        font-size: 20px;
    }
    .fs40 {
        font-size: 40px;
    }
    .mb20 {
        margin-bottom: 20px;
    }
    .img-res {
        width: 100%;
        height: auto;
    }
    .mw130 {
        max-width: 150px
    }
    .mw300 {
        max-width: 300px;
        margin-bottom: 25px !important;
        margin-top: 25px !important;
    }
    .hover:hover {
        opacity: .8;
    }
    .mover1 {
        position: relative;
        top: -170px;
        color: #ffffff;
        font-size: 30px;
        line-height: 40px;
    }
    .mover2 {
        position: relative;
        top: -195px;
        color: #ffffff;
        font-size: 30px;
        line-height: 40px;
    }
    .main-open {
        padding-top: 0;
        padding-bottom: 25px;
        /*margin-top: -100px;*/
    }
@media (max-width: 991px) {
    .mobile-main {
        display: block;
    }
    .desk-main {
        display: none;
    }
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
@media all and (-ms-high-contrast:none)
     {
     .card-slider .swiper-slide { max-width: 100% !important; } /* IE10 */
     *::-ms-backdrop, .card-slider .swiper-slide { max-width: 100% !important; } /* IE11 */
     }

@font-face{font-family:"swiper-icons";src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}
.swiper{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    overflow:hidden;
    list-style:none;
    padding:0;
    z-index:1
}
.swiper-vertical>.swiper-wrapper{
    flex-direction:column
}
.swiper-wrapper{
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display:flex;
    transition-property:transform;
    box-sizing:content-box
}
.swiper-android .swiper-slide,.swiper-wrapper{
    transform:translate(0)
}
.swiper-pointer-events{
    touch-action:pan-y
}
.swiper-pointer-events.swiper-vertical{
    touch-action:pan-x
}
.swiper-slide{
    flex-shrink:0;
    width:100%;
    /*height:100%;*/
    height:auto;
    position:relative;
    transition-property:transform
}
.swiper-slide-invisible-blank{
    visibility:hidden
}
.swiper-autoheight,.swiper-autoheight .swiper-slide{
    height:auto
}
.swiper-autoheight .swiper-wrapper{
    align-items:flex-start;
    transition-property:transform,height
}
.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{
    perspective:1200px
}
.swiper-3d .swiper-wrapper,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{
    transform-style:preserve-3d
}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    /*height:100%;*/
    height:auto;
    pointer-events:none;
    z-index:10
}
.swiper-3d .swiper-slide-shadow{
    background:rgba(0,0,0,.15)
}
.swiper-3d .swiper-slide-shadow-left{
    background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-right{
    background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-top{
    background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-bottom{
    background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-css-mode>.swiper-wrapper{
    overflow:auto;
    scrollbar-width:none;
    -ms-overflow-style:none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{
    display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{
    scroll-snap-align:start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper{
    scroll-snap-type:x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper{
    scroll-snap-type:y mandatory
}
.swiper-centered>.swiper-wrapper:before{
    content:"";
    flex-shrink:0;
    order:9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{
    margin-inline-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper:before{
    height:100%;
    width:var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{
    margin-block-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper:before{
    width:100%;
    height:var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide{
    scroll-snap-align:center center
}
.swiper-pagination{
    position:absolute;
    text-align:center;
    transition:.3s opacity;
    transform:translate(0);
    z-index:10
}
.swiper-pagination.swiper-pagination-hidden{
    opacity:0
}
.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom:10px;
    left:0;
    width:100%
}
.swiper-pagination-bullets-dynamic{
    overflow:hidden;
    font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    transform:scale(.33);
    position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{
    transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
    transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
    transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
    transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
    transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
    transform:scale(.33)
}
.swiper-pagination-bullet{
    width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display:inline-block;
    border-radius:50%;
    background:var(--swiper-pagination-bullet-inactive-color, #000);
    opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet{
    border:none;
    margin:0;
    padding:0;
    box-shadow:none;
    appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet{
    cursor:pointer
}
.swiper-pagination-bullet:only-child{
    display:none!important
}
.swiper-pagination-bullet-active{
    opacity:var(--swiper-pagination-bullet-opacity, 1);
    background:var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{
    right:10px;
    top:50%;
    transform:translateY(-50%)
}
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display:block
}
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    top:50%;
    transform:translateY(-50%);
    width:8px
}
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    display:inline-block;
    transition:.2s transform,.2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    left:50%;
    transform:translate(-50%);
    white-space:nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    transition:.2s transform,.2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    transition:.2s transform,.2s right
}
.swiper-pagination-progressbar{
    background:rgba(0,0,0,.25);
    position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:var(--swiper-pagination-color, var(--swiper-theme-color));
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    transform:scale(0);
    transform-origin:left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    transform-origin:right top
}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{
    width:100%;
    height:4px;
    left:0;
    top:0
}
.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{
    width:4px;
    height:100%;
    left:0;
    top:0
}
.swiper-pagination-lock{
    display:none
}
:root{
    --swiper-navigation-size: 44px
}
.swiper-button-prev,.swiper-button-next{
    position:absolute;
    top:50%;
    width:calc(var(--swiper-navigation-size) / 44 * 27);
    height:var(--swiper-navigation-size);
    margin-top:calc(0px - (var(--swiper-navigation-size) / 2));
    z-index:10;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{
    opacity:.35;
    cursor:auto;
    pointer-events:none
}
.swiper-button-prev:after,.swiper-button-next:after{
    font-family:swiper-icons;
    font-size:var(--swiper-navigation-size);
    text-transform:none!important;
    letter-spacing:0;
    text-transform:none;
    font-variant:initial;
    line-height:1
}
.swiper-button-prev,.swiper-rtl .swiper-button-next{
    left:10px;
    right:auto
}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{
    content:"prev"
}
.swiper-button-next,.swiper-rtl .swiper-button-prev{
    right:10px;
    left:auto
}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{
    content:"next"
}
.swiper-button-lock{
    display:none
}
:root{
    --card-slider-max-width: 1200px;
    --card-slider-width: 520px;
    --card-slider-height: 380px;
    --card-slider-navigation-color: #fff;
    --card-slider-pagination-color: #fff
}
.card-slider{
    --swiper-navigation-color: var(--carousel-slider-navigation-color);
    --swiper-pagination-color: var(--carousel-slider-pagination-color);
    --swiper-pagination-bullet-inactive-color: var( --carousel-slider-pagination-color );
    position:relative;
    width:var(--carousel-slider-max-width);
    margin:0 auto;
    max-width:100%;
    overflow:hidden
}
.card-slider .swiper{
    padding-bottom:32px
}
.card-slider .swiper-slide{
    width:var(--carousel-slider-width);
    /*height:var(--carousel-slider-height);*/
    height:auto;
    position:relative
}
.card-slider .swiper-pagination-bullets{
    bottom:0
}
.card-slider .swiper-slide img{
    display:block
}
#app{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center
}
.card-slider{
    --carousel-slider-max-width: 1200px;
    --carousel-slider-width: 520px;
    --carousel-slider-height: 380px;
    --carousel-slider-navigation-color: #fff;
    --carousel-slider-pagination-color: #fff
}
.card-slider .swiper-slide{
    border-radius:8px;
    background:#18212b;
    max-width:calc(100% - 48px)
}
.card-slider .card-slider-animate-opacity{
    /*height:100%;*/
    height:auto;
}
.card-slider img{
    width:100%;
    /*height:100%;*/
    height:auto;
    display:block;
    object-fit:cover;
    border-radius:8px;
    -webkit-box-reflect:below 5px -webkit-linear-gradient(bottom,rgba(255,0,0,.1) 0%,transparent 32px,transparent 100%)
}
.card-slider .slide-content{
    position:absolute;
    left:0;
    width:100%;
    bottom:0;
    padding:88px 16px 24px;
    box-sizing:border-box;
    background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.75));
    border-radius:0 0 8px 8px
}
.card-slider .slide-content h2{
    margin:0;
    font-weight:bold;
    font-size:24px;
    line-height:1.1
}
.card-slider .slide-content p{
    margin:8px 0 0;
    opacity:.65;
    font-size:14px;
    font-weight:500;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden
}
@media (max-width: 640px){
    .card-slider .swiper-button-next,.card-slider .swiper-button-prev{
        display:none!important
    }
}

#tranding {
    margin-bottom: 2rem !important;
    margin-top: 6rem !important;
}

.tranding-slider article {
    min-height: 305px;
    max-height: 305px;
    max-width: 500px;
    min-width: 450px;
    overflow: scroll;
}


.node--type-card-sliders{
    background-color: #fff;
    border-radius: 11px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}



.tranding-slider-control {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-top: 3.5rem;
  position: relative;
  z-index: 10;
}

.tranding-slider-control .swiper-button-prev,
.tranding-slider-control .swiper-button-next {
  width: 844px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  cursor: pointer;
  font-size: 2rem;
  color: #222224;
}

@media (max-width: 1099px){
  .tranding-slider-control .swiper-button-prev,
.tranding-slider-control .swiper-button-next {
  width: 644px;
}
}

@media (max-width: 899px){
  .tranding-slider-control .swiper-button-prev,
.tranding-slider-control .swiper-button-next {
  width: 444px;
}
}

@media (max-width: 768px){
  .tranding-slider-control .swiper-button-prev,
.tranding-slider-control .swiper-button-next {
  width: 344px;
}
}

@media (max-width: 635px){
  .tranding-slider-control .swiper-button-prev,
.tranding-slider-control .swiper-button-next {
  width: 300px;
}
}

@media (max-width: 572px){
  .tranding-slider-control .swiper-button-prev,
.tranding-slider-control .swiper-button-next {
  width: 175px;
}
}

@media (max-width: 460px){
  .tranding-slider-control .swiper-button-prev,
.tranding-slider-control .swiper-button-next {
  width: 100px;
}
}

@media (max-width: 360px){
  .tranding-slider-control .swiper-button-prev,
.tranding-slider-control .swiper-button-next {
  width: 44px;
}
}

.tranding-slider-control .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}


.tranding-slider-control .swiper-button-prev::after,
.tranding-slider-control .swiper-button-next::after {
  display: none;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, -3px) !important;
}

.swiper-pagination-bullet-active {
  background: black !important;
}

.tile {
  width: calc(100% - 20px);
    margin: 10px;
    box-sizing: border-box;
  max-width: 800px;
  height: 250px;
  margin: 1rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}


.tile-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.tile-bg img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  display: block;
}


.tile-content {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
}


.tile-title {
  font-size: 1.75rem;
  font-weight: bold;
  margin-bottom: 3rem;
  color: white;
    padding: 0;
    border-bottom: 0;
    text-align: center;
    position: relative;
    bottom: 15px;
}


.tile-button a {
  background-color: #ffffff;
  color: #464646;
  padding: 10px 20px;
  border-radius: 5px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.2s ease;
  text-shadow: none;
  font-size: 1.25em;
}

.tile-button a:hover {
  background-color: #ddd;
}


.tile-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  justify-items: center;
}


@media (max-width: 768px) {
  .tile-title {
    font-size: 1.2rem;
  }

  .tile-button a {
    padding: 8px 16px;
    font-size: 0.95rem;
  }
}

@media (max-width: 992px) {
  .views-view-grid .views-col {
    width: 50% !important;
  }
}

@media (max-width: 600px) {
  .views-view-grid .views-col {
    width: 100% !important;
  }
}

.section-our-services .container {
  max-width: 1150px;
}

.section-events .container {
  max-width: 1450px;
}

.site-hero {
  position: relative !important;
}

.site-hero .carousel {
  position: relative !important;
  z-index: 1 !important;
}

.site-hero .view-slider {
  position: relative !important;
  z-index: 1 !important;
}

.hero-overlay {
  
  background: #133e60;
}

.hero-overlay .container {
  padding-top: 1rem !important;
  pointer-events: auto !important;
}

.hero-title {
  margin-bottom: 0.5rem !important;
  margin-left: 12px;
}

.hero-title-link {
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5) !important;
  display: inline-block !important;
  font-size: 40px !important;
}

.hero-nav {
  padding-top: 0.25rem !important;
  
}

.hero-nav .nav-link {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.6) !important;
}

.hero-nav .navbar-brand {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.6) !important;
}

.hero-nav .navbar-brand a {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.6) !important;
}

.hero-nav .navbar-toggler {
  border-color: rgba(255,255,255,0.6) !important;
}

.hero-nav .navbar-toggler-icon {
  filter: invert(1) brightness(2) !important;
}

@media (max-width: 992px) {
  .hero-nav .navbar-collapse.show {
    border-radius: 0.5rem !important;
    padding: 0.75rem !important;
    margin-top: 0.5rem !important;
  }
}

.site-hero .carousel .carousel-control-prev {
  z-index: 2 !important;
}

.site-hero .carousel .carousel-control-next {
  z-index: 2 !important;
}

.site-hero .carousel .carousel-caption {
  z-index: 2 !important;
}


.carousel-control-prev-icon {
    background-image: url(/sites/default/files/angle-left-solid.svg) !important;
}

.carousel-control-prev {
	opacity: 1;
}

.carousel-control-next {
	opacity: 1;
}

.carousel-control-next-icon {
	background-image: url(/sites/default/files/angle-right-solid.svg) !important;
	
}

.site-hero .region-slider img {
    height: 500px !important;
    width: 100%;
    object-fit: cover;
}

#block-nrec-aboutussectiononthehomepage h2 {
  display: flex;               
  align-items: center;         
  font-size: 2rem;             
  font-weight: bold;
  width: 100%;
  color: #164053;           
}

#block-nrec-aboutussectiononthehomepage h2::after {
  content: "";
  flex: 1;                      
  height: 2px;                 
  background-color: red;       
  margin-left: 15px;         
}

.section-events {
  background: #d9d9d9;             
}

.section-events::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(/themes/custom/nrec/images/background-texture.jpg);
  background-repeat: repeat-x;
  opacity: 0.6;                  
  
}

.swiper {
  overflow: visible !important;
}

#tranding .swiper-slide { 
  width: 450px !important; 
  right: 0 !important; 
}

.section-events {
  position: relative;         
  overflow-x: clip;           
}

.section-events .node--view-mode-teaser {
    margin-bottom: 0px;
}

.row {
  margin-left: calc(-0.25 * var(--bs-gutter-x));
  --bs-gutter-x: 0rem;
}

@media (max-width: 460px) {
  .tranding-slider article {
    max-width: 375px !important;
    min-width: 350px !important;
}

#tranding .swiper-slide { 
  left: 40px !important; 
}
}

@media (max-width: 385px) {
  .tranding-slider article {
    max-width: 350px !important;
    min-width: 350px !important;
}

#tranding .swiper-slide { 
  left: 50px !important; 
}
}

@media (max-width: 460px){
  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right { 
    display: none !important; 
  }
}

.section-events .node__meta {
  display: none;
}

.section-events .inline__links {
  display: none;
}

.section-events .field--name-body {
  margin: 1.5rem !important;
}

.node__header-inline {
  display: flex;
  align-items: center;
  gap: 1rem; 
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}

.section-events .field--name-field-label {
  display: none;
}

.node--view-mode-teaser h2 {
    padding-top: 1em;
}

.node__label {
  text-transform: capitalize;
}

.label-news .node__label {
  padding: 0.25rem 1rem;
  border-radius: 25px;
  background-color: #00475e;
  color: #fff;
}

.label-news {
  border-left: 2rem solid #00475e;
}

.label-alert .node__label {
  padding: 0.25rem 1rem;
  border-radius: 25px;
  background-color: #dc3545;
  color: #fff;
}

.label-alert {
  border-left: 2rem solid #dc3545;
}

.label-info .node__label {
  padding: 0.25rem 1rem;
  border-radius: 25px;
  background-color: #ffc843;
  color: black;
}

.label-info {
  border-left: 2rem solid #ffc843;
}

.footer-row h4.alternate {
  border-bottom: 2px solid #FFC145;
}

.path-frontpage .article-remove article{
  display: none;
}

#google_translate_element .goog-te-gadget-simple {
  font-family: auto;
  background-color: transparent;
  border: 1px solid #ffffff;
  padding: 5px;
  /*border-radius: 15px;*/
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
	padding-right: 12px;
  margin-top: 15px;
	float: right;
}
#google_translate_element .goog-te-gadget-simple:hover {
    border: 1px solid #3b9ebd;
}

#google_translate_element {
    display: flow-root;
    margin-bottom: 10px;
}

@media (max-width: 768px){
#google_translate_element {
    margin-bottom: 10px;
    justify-content: center;
    display: flex;
  }
}

.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {
    text-decoration: none;
    color: white;
}

.goog-te-gadget img {
    vertical-align: middle;
    border: none;
    display: none;
}

#\3a 0\2e targetLanguage>span>a>span:nth-child(1) {
    color: #fff;
    font-size: 14px !important;
    font-family: 'Arial', sans-serif !important;
    padding: 8px;
    padding-left: 0px;
}

#\3a 0\2e targetLanguage>span>a>span:nth-child(5) {
   position: relative;
    top: 1px;
    left: 5px;
}

#google_translate_element .goog-te-gadget-simple:hover {
    border: 1px solid #FFC145;
}

.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed {
    color: white !important;
}

.region-footer-contact p a {
  margin: 0 -5px; 
}

@media (max-width: 992px) {
  .region-footer-col-first a[href^="mailto:"] {
    font-size: 0.9rem;
  }
}

@media (max-width: 850px) {
  .region-footer-col-first a[href^="mailto:"] {
    font-size: 0.8rem;
  }
}

#navbar .navbar-collapse{
  justify-content: left;
}

.hero-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hero-title-link {
  flex: 1;
}

#search-block-form .btn-primary{
  background: none !important;
  border: 1px solid white !important;
}

#block-nrec-searchform .container-inline div{
  padding-left: 5px;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        gap: 1.75em;
    }
}

.hero-title-link::before {
  content: "";
  display: inline-block;
  width: 80px;
  height: 80px;
  margin-right: 8px;
  background: url("/sites/default/files/logo_0_0.png") center/contain no-repeat;
  vertical-align: middle;
}


@media(max-width: 430px){
  .hero-title-link::before{
    display: none;
  }
}

@media (max-width: 992px) {
  .hero-overlay > .container {
    display: grid !important;             
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "title  toggler"
      "menu   menu"
      "search search";
    gap: .5rem;
  }

  #navbar.hero-nav { 
    display: contents; 
  }

  .hero-title { 
    display: contents; 
  }

  .hero-title-link { 
    grid-area: title; 
    display: block;
  }

  .region-search { 
    grid-area: search; 
  }

  #navbar .navbar-toggler {
    grid-area: toggler;
    justify-self: end;
    align-self: center;
  }

  #navbar .navbar-collapse {
    grid-area: menu;
    background-color: #133e60;
  }

  .search-form.search-block-form.form-row {
    display: flex;
    align-items: stretch;
    gap: .5rem;
    flex-wrap: nowrap;
    width: 100%;
  }
  .search-form .form-item-keys { 
    flex: 1 1 auto; 
    margin-bottom: 0 !important; 
  }
  .search-form .form-actions  { 
    flex: 0 0 auto; 
    margin-bottom: 0 !important; 
  }
  .search-form .form-actions .form-control { 
    width: auto; 
  }
}

@media (max-width: 992px) {
  .region-search form#search-block-form {
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    top: 0 !important;
    box-sizing: border-box;
  }

  .region-search,
  .region-search .search-block-form,
  .region-search .content,
  .region-search .container-inline {
    display: block;
    width: 100%;
  }

  .region-search .search-form.search-block-form.form-row {
    display: flex;
    align-items: stretch;
    gap: .5rem;
    flex-wrap: nowrap;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .region-search .form-item-keys {
    flex: 1 1 auto;
    min-width: 0;              
    margin-bottom: 0 !important;
  }
  .region-search .form-actions {
    flex: 0 0 auto;
    margin-bottom: 0 !important;
  }
  .region-search .form-actions .form-control {
    width: auto;               
    white-space: nowrap;
  }
}

ul.sf-menu.sf-style-default li {
    background: #133e60;
}

ul.sf-menu.sf-style-default a.is-active {
  background: #133e60;
}

#navbar a:hover {
  background: #133e60;
}

ul.sf-menu.sf-style-default li:hover {
  background: #133e60;
}



ul.sf-menu.sf-style-default li:hover, ul.sf-menu.sf-style-default li.sfHover, ul.sf-menu.sf-style-default a.is-active, ul.sf-menu.sf-style-default a:focus, ul.sf-menu.sf-style-default a:hover, ul.sf-menu.sf-style-default span.nolink:hover {
  background: #133e60;
}

ul.sf-menu.sf-style-default li li, ul.sf-menu.sf-style-default.sf-navbar > li > ul {
  background: #133e60;
}

.paragraph .col-sm-4{
  padding-left: 10px;
  padding-right: 10px;
}

.paragraph .col-sm-6{
  padding-left: 10px;
  padding-right: 10px;
}

#superfish-main.sf-menu li {
  position: relative; 
}

/* Sub-menus stay off-screen until their parent is hovered or focused. Do not
   position them in place by default: they would then be hidden only by the
   sf-hidden class that Superfish adds in JS, so on cached page loads every
   sub-menu renders open until that JS runs. */
#superfish-main.sf-menu ul {
  position: absolute;
  top: -9999px;
  left: 0;
  z-index: 9999;
}

#superfish-main.sf-menu > li:hover > ul,
#superfish-main.sf-menu > li.sfHover > ul {
  top: 100%;
  left: 0;
}

#superfish-main.sf-menu ul li:hover > ul,
#superfish-main.sf-menu ul li.sfHover > ul {
  top: 0;
  left: 100%;
  z-index: 10000;
}

/* Every li is positioned and gets z-index: 498 from superfish.css, so it is
   its own stacking context: the z-index above is scoped inside the parent li
   and the flyout ends up painted behind the menu items that follow it. Lift
   the hovered branch instead. */
#superfish-main.sf-menu li:hover,
#superfish-main.sf-menu li.sfHover {
  z-index: 10001;
}

.sf-menu ul a {
    color: #133e60 !important;
    background: #e9e9e9 !important;
    border: 1px solid #dddddd;
}

.sf-menu li:hover {
  background: #315573 !important;
}

.sf-menu li a:hover {
  background: #315573 !important;
}

.sf-menu li a {
    display: block !important;
    padding: 1em 1.5em !important;
    position: relative !important;
}
.sf-menu ul a:hover {
    color: #203c53 !important;
    background: #f5f5f5 !important;
}

.sf-menu ul a {
  border: 1px solid #dddddd !important;
}


ul.sf-menu ul {
    width: 21em !important;
}

#navbar a:visited {
  transition: 0s !important;
}

#navbar a:hover {
  transition: 0s !important;
}

#navbar a {
  transition: opacity 0s ease-out, visibility 0s linear 0s;
}

#toolbar-administration a:visited {
  transition: 0s !important;
}

#toolbar-administration a:hover {
  transition: 0s !important;
}

#toolbar-administration a {
  transition: opacity 0s ease-out, visibility 0s linear 0s;
}

.field--name-field-show-slider {
 display: none;
}

.field--name-field-show-tiles{
  display: none;
}

button.accordion {
  position: relative;        
        
}

button.accordion::after {
  transform: translateY(-50%); 
}

.node--type-card-sliders .field--name-field-label{
 display: none;
}

.footer-row .container {
  max-width: 1350px;
}

.carousel-control-prev .visually-hidden{
  color: black;
}

.carousel-control-next .visually-hidden {
  color: black;
}

a.VIpgJd-ZVi9od-xl07Ob-lTBxed span:last-child {
  color: white !important;
}

.view-calendar .table>thead>tr>th {
    color: black;
}

.calendar-view-table .calendar-view-day__number {
    color: black;
}

.calendar-view-table .next-month .calendar-view-day__number, .calendar-view-table .previous-month .calendar-view-day__number {
    color: #696969 !important;
}

.view-calendar a{
    color: #2E7AA3;
}

 #superfish-main a:focus,
  #superfish-main a:focus-visible {
    outline: 3px solid -webkit-focus-ring-color !important;
    outline-offset: -2px !important;
  }

  ul.sf-menu.sf-style-default li {
    background: none !important;
  }

  ul.sf-menu .sf-sub-indicator:after {
    content: none !important;
  }

  .sf-depth-1 .sf-menu li a:hover {
    background: #315573 !important;
}

ul.sf-menu.sf-style-default a.is-active {
  background: none !important;
}

ul.sf-menu.sf-style-default a.is-active {
  background: #e9e9e9 !important;
}

ul.sf-menu.sf-style-default a.is-active.sf-depth-1 {

 background: #315573 !important;

 }

 @media (max-width: 992px) {
    #navbar a {
        color: white !important;
        text-align: left;
    }
}

#navbar ul li ul a {
  color: #203c53 !important;
}

@media(max-width: 992px){
#navbar ul li ul {
  padding-bottom: 20px;
  }
}

/* Superfish adds its own "Main menu" accordion toggle on small screens.
   The Bootstrap hamburger already toggles the menu, so hide that extra
   toggle and keep the accordion's top level visible. */
.sf-accordion-toggle {
    display: none !important;
}

ul.sf-menu.sf-accordion {
    display: block !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
}

/* Accordion sub-menus stack in one full-width column instead of using the
   desktop dropdown rules (21em wide, absolutely positioned). */
ul.sf-menu.sf-accordion li {
    float: none !important;
    width: 100% !important;
}

ul.sf-menu.sf-accordion li.sf-expanded > ul {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
}

/* Editors use CKEditor's block indent to centre content on desktop, but those
   classes are fixed pixel margins (indent-6 is 240px), which leaves almost no
   room on a phone. Keep just enough indent for the list bullets. */
@media (max-width: 992px) {
    [class*="cke5-custom-block-indent-"] {
        margin-left: 1.5em !important;
    }
}

/* Tables scroll sideways on mobile instead of squeezing their columns. The
   text field acts as the scroll container, so the table keeps normal table
   layout (a display: block table would drop the colgroup widths). */
@media (max-width: 992px) {
    .accordion-panel .field,
    .field--type-text-long,
    .field--type-text-with-summary {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .accordion-panel table,
    .field--type-text-long table,
    .field--type-text-with-summary table {
        width: auto !important;
        max-width: none !important;
        min-width: 34em;
    }
}