/**
 *@file
 *Styles sheet for lastarter_sub theme custimization.
 *
 *Note: This should probably be empty on the main lastarter sub branch, but included in repo for inheritance.
 */
#block-menu-menu-primary-navigation-second .la-icons::before {
  background: #2b2f6f;
}

#main-menu-holder .slicknav_nav::-webkit-scrollbar-thumb {
  background-color: #2b2f6f;
}

input[type="submit"] {
  background: #2b2f6f;
}

.backtotop {
  background: #2b2f6f;
}

body {
  font-family: 'Lato';
}

h1, h2, h4, h5 {
  font-family: 'Roboto Condensed';
}

h3 {
  font-family: 'Roboto Condensed';
}
h3 a {
  font-family: 'Varela';
  font-style: normal;
  font-weight: normal;
  color: #12103f;
}

#site-name {
  width: 30% !important;
}

.view-heros.hero-none {
  background: url("../images/default/hero.jpg") no-repeat;
  background-size: cover;
  max-height: 540px;
}

.clearfix {
  clear: both;
}

#header-background-wrap #header-background-opacity {
  background-color: #598027 !important;
}

.front #main #main-a-wrap {
  margin: 0;
  background-color: #BFE0FF;
}

.sidebar .section-title {
  padding: 0;
}

span.submitted-by {
  display: none;
}

.node-type-blog .breadcrumb li {
  display: none;
}
.node-type-blog .breadcrumb li:first-of-type, .node-type-blog .breadcrumb li:nth-child(2) {
  display: inline;
}

#content iframe {
  width: 100%;
  border: none;
}
@media all and (min-width: 960px) {
  #content iframe {
    width: 640px;
  }
}
#content .featured_socrata_data iframe, #content .featured_lacity_data iframe {
  height: 600px;
}
#content a {
  color: #2b2f6f;
}
#content a:hover {
  color: #2b2f6f;
  text-decoration: underline;
}
#content nav.breadcrumb a {
  text-decoration: none;
  color: #212121;
}
#content nav.breadcrumb a:hover {
  color: #2b2f6f;
}
#content nav.breadcrumb p {
  display: inline;
}
@media all and (min-width: 960px) {
  #content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content ul, #content ol {
    margin-right: 3rem;
  }
  #content .region p, #content .region h1, #content .region h2, #content .region h3, #content .region h4, #content .region h5, #content .region h6, #content .region ul, #content .region ol {
    margin-right: 0;
  }
}
#content table {
  border: 0px;
  background: none;
}
#content table tr {
  border: 0px;
  background: none;
}
#content table tr th {
  border: 0px;
  background: none;
  vertical-align: top;
}
#content table tr td {
  border: 0px;
  background: none;
  vertical-align: top;
}
#content .field-label {
  margin: 0 0 0.5rem;
}
#content a.feed-icon {
  display: none;
}

/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
#footer {
  background-color: #598027;
}

/*-------------------------------------*\
    $HEADER
\*-------------------------------------*/
.header__logo-image {
  margin-top: 1rem;
}
@media all and (min-width: 960px) {
  .header__logo-image {
    height: auto;
  }
}

#site-name.header__site-name {
  display: none;
}
@media all and (min-width: 481px) {
  #site-name.header__site-name {
    display: inline-block;
  }
}

#block-views-home-popular-services-block {
  background-color: #E4EEFF;
}
#block-views-home-popular-services-block .block__title {
  padding-top: 1rem;
  padding-left: 2rem;
  text-align: left;
  color: #12103f;
}

.view-home-popular-services {
  clear: left;
  text-align: center;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 1rem;
}
.view-home-popular-services .views-row {
  display: inline-block;
  min-width: 100%;
  text-align: left;
  color: #474747;
  vertical-align: top;
  margin: 1rem;
  margin-top: 0;
  margin-bottom: 0;
}
@media all and (min-width: 610px) {
  .view-home-popular-services .views-row {
    min-width: 10rem;
    width: 20%;
    max-width: 10rem;
  }
}
.view-home-popular-services .views-row i.fa {
  background: #12103f;
  color: white;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  padding: .9rem 0;
  margin: .3rem 1rem;
  font-size: 1.6rem;
  text-align: center;
}

.views-field-field-service-description {
  line-height: 1.24;
}
.views-field-field-service-description p {
  margin-bottom: .5em;
}

#content article li {
  left: 0;
}

.field-name-field-secondary-slideshow img {
  max-height: 500px !important;
  max-width: 65% !important;
}
@media all and (max-width: 798px) {
  .field-name-field-secondary-slideshow img {
    max-width: 100% !important;
  }
}
.field-name-field-secondary-slideshow .field-name-field-overlay-text {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 35%;
  padding: 5rem 2.5rem 4.5rem 4.5rem;
  text-align: left;
  visibility: visible !important;
  background: #008075;
}
.field-name-field-secondary-slideshow .field-name-field-overlay-text .field-label {
  display: none;
}
.field-name-field-secondary-slideshow .field-name-field-overlay-text .field-item {
  color: white;
  font-size: 24px;
}
@media all and (max-width: 481px) {
  .field-name-field-secondary-slideshow .field-name-field-overlay-text .field-item {
    padding-bottom: 80px !important;
    font-size: 18px !important;
  }
}
@media all and (max-width: 798px) {
  .field-name-field-secondary-slideshow .field-name-field-overlay-text {
    height: 25%;
    width: 100%;
    padding-bottom: 80px !important;
  }
}
@media all and (max-width: 481px) {
  .field-name-field-secondary-slideshow .field-name-field-overlay-text {
    padding-bottom: 80px !important;
  }
  .field-name-field-secondary-slideshow .field-name-field-overlay-text a {
    font-size: 18px !important;
  }
}
.field-name-field-secondary-slideshow .field-name-field-overlay-text a {
  color: white !important;
  font-size: 24px;
}
.field-name-field-secondary-slideshow .field-name-field-service-description {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 55%;
  padding: 9.5rem 4.5rem 0rem 19.5rem;
  text-align: left;
  visibility: visible !important;
}
.field-name-field-secondary-slideshow .field-name-field-service-description .field-label {
  display: none;
}
.field-name-field-secondary-slideshow .field-name-field-service-description .field-item {
  color: white;
  font-size: 14px;
}
@media all and (max-width: 959px) {
  .field-name-field-secondary-slideshow .field-name-field-service-description {
    display: none;
  }
}
@media all and (max-width: 1080px) {
  .field-name-field-secondary-slideshow .field-name-field-service-description {
    width: 60%;
    height: 108%;
    padding: 10.6rem 3.5rem 1.5rem 20.5rem;
  }
}

#block-views-isotope-tiles-block {
  padding: 2rem 0;
}
@media all and (min-width: 540px) {
  #block-views-isotope-tiles-block {
    padding: 2rem 2.5rem;
  }
}
#block-views-isotope-tiles-block .block-title {
  margin-left: 2rem;
  text-align: left;
  color: #12103f;
}
@media all and (min-width: 540px) {
  #block-views-isotope-tiles-block .block-title {
    margin-left: 0;
  }
}
#block-views-isotope-tiles-block .view-footer {
  margin-top: 1rem;
  margin-left: 2rem;
}
@media all and (min-width: 540px) {
  #block-views-isotope-tiles-block .view-footer {
    margin-left: 0;
  }
}
#block-views-isotope-tiles-block .view-isotope-tiles {
  clear: left;
  margin-left: 0;
}
#block-views-isotope-tiles-block .isotope-element.blog {
  margin: 2px 8px 2px 0px;
  width: 32%;
}
@media (max-width: 960px) and (min-width: 540px) {
  #block-views-isotope-tiles-block .isotope-element.blog {
    width: 47.5%;
  }
}
@media (max-width: 540px) {
  #block-views-isotope-tiles-block .isotope-element.blog {
    width: 100%;
    margin: 0;
  }
}

#before-footer.region.region-before-footer {
  background-color: #BFE0FF;
}

#before-content-before-wrap {
  margin: 0;
}

:target {
  padding-top: 63px;
  /* global nav header height*/
  margin-top: -63px;
  /* negative global nav header height */
}

#block-menu-menu-primary-navigation-second .menu__item:not(.last) {
  padding-right: 1px;
}

@keyframes link_bg {
  from {
    background-color: white;
  }
  to {
    background-color: #6f9f31;
  }
}
@media all and (min-width: 960px) {
  .region-sidebar-first {
    padding-left: 1rem;
    border-width: 0.15rem;
    border-left-style: solid;
    -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E0e0e0), to(transparent)) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(#E0e0e0, transparent) 1 100%;
    -moz-border-image: -moz-linear-gradient(#E0e0e0, transparent) 1 100%;
    -o-border-image: -o-linear-gradient(#E0e0e0, transparent) 1 100%;
    border-image: linear-gradient(to bottom, #E0e0e0, transparent) 1 100%;
  }
}
.region-sidebar-first div[id^="block-menu-block-"] {
  margin-top: 0;
  margin-bottom: 1rem;
}
.region-sidebar-first div[id^="block-menu-block-"] .block__title.block-title {
  font-family: "Lato", sans-serif;
  font-size: 1.05rem;
  margin-left: 0.5rem;
}
.region-sidebar-first div[id^="block-menu-block-"] .block__title.block-title i {
  margin-right: 0.5rem;
}
.region-sidebar-first div[id^="block-menu-block-"] li.last a, .region-sidebar-first div[id^="block-menu-block-"] li:last-child a {
  border-bottom: none;
}
.region-sidebar-first div[id^="block-menu-block-"] li a {
  text-decoration: none;
  display: block;
  padding: 0.25rem 1.25rem 0.25rem 0.5rem;
  color: #12103f;
}
@media all and (min-width: 960px) {
  .region-sidebar-first div[id^="block-menu-block-"] li a {
    font-size: 0.875em;
  }
}
.region-sidebar-first div[id^="block-menu-block-"] li a:hover {
  animation-name: link_bg;
  animation-duration: 250ms;
  animation-fill-mode: forwards;
}
.region-sidebar-first div[id^="block-menu-block-"] li a.active {
  color: #12103f;
  padding: 0.25rem 1.25rem 0.25rem 0.5rem;
}
.region-sidebar-first div[id^="block-menu-block-"] li a.active:hover {
  animation-name: none;
  animation-duration: 500;
  animation-fill-mode: forwards;
}
.region-sidebar-first div[id^="block-menu-block-"] li.is-collapsed a::before, .region-sidebar-first div[id^="block-menu-block-"] li.has-children a::before {
  content: "\f0da";
  font-family: "FontAwesome";
  display: inline;
  position: relative;
  left: 100%;
  margin-right: -5px;
  color: #598027;
}
.region-sidebar-first div[id^="block-menu-block-"] li.is-expanded a.active-trail::before, .region-sidebar-first div[id^="block-menu-block-"] li.has-children a.active-trail::before {
  content: "\f0d7";
  font-family: "FontAwesome";
  display: inline;
  position: relative;
  left: 100%;
  margin-right: -8px;
  color: #598027;
}
.region-sidebar-first div[id^="block-menu-block-"] li.is-expanded a.active-trail a::before, .region-sidebar-first div[id^="block-menu-block-"] li.has-children a.active-trail a::before {
  display: none !important;
}
.region-sidebar-first div[id^="block-menu-block-"] li.is-expanded li.last a, .region-sidebar-first div[id^="block-menu-block-"] li.is-expanded li:last-child a, .region-sidebar-first div[id^="block-menu-block-"] li.has-children li.last a, .region-sidebar-first div[id^="block-menu-block-"] li.has-children li:last-child a {
  border-bottom: 0.2rem solid white;
}
.region-sidebar-first div[id^="block-menu-block-"] li.is-expanded li.is-expanded a::before, .region-sidebar-first div[id^="block-menu-block-"] li.has-children li.is-expanded a::before {
  display: initial;
  color: #598027;
}
.region-sidebar-first div[id^="block-menu-block-"] li.is-expanded li a, .region-sidebar-first div[id^="block-menu-block-"] li.has-children li a {
  text-decoration: none;
  display: block;
  padding: 0.25rem 0.5rem 0.25rem 1.75rem;
}
.region-sidebar-first div[id^="block-menu-block-"] li.is-expanded li a:hover, .region-sidebar-first div[id^="block-menu-block-"] li.has-children li a:hover {
  animation-name: link_bg;
  animation-duration: 250ms;
  animation-fill-mode: forwards;
}
.region-sidebar-first div[id^="block-menu-block-"] li.is-expanded li a.active::before, .region-sidebar-first div[id^="block-menu-block-"] li.has-children li a.active::before {
  display: none;
}

@media all and (min-width: 960px) {
  .region-sidebar-second {
    padding-left: 1rem;
    border-width: 0.15rem;
    border-left-style: solid;
    -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E0e0e0), to(transparent)) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(#E0e0e0, transparent) 1 100%;
    -moz-border-image: -moz-linear-gradient(#E0e0e0, transparent) 1 100%;
    -o-border-image: -o-linear-gradient(#E0e0e0, transparent) 1 100%;
    border-image: linear-gradient(to bottom, #E0e0e0, transparent) 1 100%;
  }
}
.region-sidebar-second div[id^="block-menu-block-"] {
  margin-top: 0;
  margin-bottom: 1rem;
}
.region-sidebar-second div[id^="block-menu-block-"] .block__title.block-title {
  font-family: "Lato", sans-serif;
  font-size: 1.05rem;
  margin-left: 0.5rem;
}
.region-sidebar-second div[id^="block-menu-block-"] .block__title.block-title i {
  margin-right: 0.5rem;
}
.region-sidebar-second div[id^="block-menu-block-"] li.last a, .region-sidebar-second div[id^="block-menu-block-"] li:last-child a {
  border-bottom: none;
}
.region-sidebar-second div[id^="block-menu-block-"] li a {
  text-decoration: none;
  display: block;
  padding: 0.25rem 1.25rem 0.25rem 0.5rem;
  color: #12103f;
}
@media all and (min-width: 960px) {
  .region-sidebar-second div[id^="block-menu-block-"] li a {
    font-size: 0.875em;
  }
}
.region-sidebar-second div[id^="block-menu-block-"] li a:hover {
  animation-name: link_bg;
  animation-duration: 250ms;
  animation-fill-mode: forwards;
}
.region-sidebar-second div[id^="block-menu-block-"] li a:hover {
  color: #598027;
}
.region-sidebar-second div[id^="block-menu-block-"] li a.active {
  background: #598027;
  color: #12103f;
  padding: 0.25rem 1.25rem 0.25rem 0.5rem;
}
.region-sidebar-second div[id^="block-menu-block-"] li a.active:hover {
  animation-name: none;
  animation-duration: 500;
  animation-fill-mode: forwards;
}
.region-sidebar-second div[id^="block-menu-block-"] li.is-collapsed a::before, .region-sidebar-second div[id^="block-menu-block-"] li.has-children a::before {
  content: "\f0da";
  font-family: "FontAwesome";
  display: inline;
  position: relative;
  left: 100%;
  margin-right: -5px;
  color: #598027;
}
.region-sidebar-second div[id^="block-menu-block-"] li.is-expanded .region-sidebar-second div[id^="block-menu-block-"] li.has-children a.active-trail::before {
  content: "\f0d7";
  font-family: "FontAwesome";
  position: relative;
  left: 100%;
  margin-right: -8px;
  color: #598027;
  display: none !important;
}
.region-sidebar-second div[id^="block-menu-block-"] li.is-expanded .region-sidebar-second div[id^="block-menu-block-"] li.has-children li.last a, .region-sidebar-second div[id^="block-menu-block-"] li.is-expanded .region-sidebar-second div[id^="block-menu-block-"] li.has-children li:last-child a {
  border-bottom: 0.2rem solid white;
}
.region-sidebar-second div[id^="block-menu-block-"] li.is-expanded .region-sidebar-second div[id^="block-menu-block-"] li.has-children li.is-expanded a::before {
  display: initial;
  color: #598027;
}
.region-sidebar-second div[id^="block-menu-block-"] li.is-expanded .region-sidebar-second div[id^="block-menu-block-"] li.has-children li a {
  text-decoration: none;
  display: block;
  padding: 0.25rem 0.5rem 0.25rem 1.75rem;
}
.region-sidebar-second div[id^="block-menu-block-"] li.is-expanded .region-sidebar-second div[id^="block-menu-block-"] li.has-children li a:hover {
  animation-name: link_bg;
  animation-duration: 250ms;
  animation-fill-mode: forwards;
}
.region-sidebar-second div[id^="block-menu-block-"] li.is-expanded .region-sidebar-second div[id^="block-menu-block-"] li.has-children li a.active {
  background: #598027;
}
.region-sidebar-second div[id^="block-menu-block-"] li.is-expanded .region-sidebar-second div[id^="block-menu-block-"] li.has-children li a.active::before {
  display: none;
}

@media all and (min-width: 1290px) {
  #block-menu-menu-primary-navigation-second .la-icons::before {
    display: none;
  }
}
#block-menu-menu-primary-navigation-second .menu__item a:not(.la-icons) {
  display: none;
  font-size: 16px;
  font-family: 'Lato';
  color: white;
  font-weight: bold;
  margin-right: 12px;
}
@media all and (min-width: 1290px) {
  #block-menu-menu-primary-navigation-second .menu__item a:not(.la-icons) {
    display: inherit;
  }
}