.bg-sv-color {
  background-color: #0077C8 !important; }

.text-sv-color {
  color: #0077C8; }

.bg-sv-color-light {
  background-color: #f2fcff !important; }

.text-sv-color-light {
  color: #f2fcff; }

.bg-sv-color-dark {
  background-color: #004496 !important; }

.text-sv-color-dark {
  color: #004496; }

.bg-sv-accent {
  background-color: #cd4813 !important; }

.text-sv-accent {
  color: #cd4813; }

.bg-sv-color-black {
  background-color: #000 !important; }

.text-sv-color-black {
  color: #000; }

/******
*******
Elements
*******
******/
.gallery {
  display: block; }

.border-shade {
  border-width: 19px 22px;
  border-color: #EAEAEA;
  border-style: solid; }

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #cd4813;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px; }
  #myBtn:hover {
    background-color: #0077C8; }

/*******
Text
*******/
article p {
  font-size: 1.2em; }
article a {
  text-decoration: underline;
  color: #0074c2; }
  article a:hover {
    text-decoration: none; }

.text-underline {
  text-decoration: underline; }

.imag-link {
  /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
  filter: gray;
  /* IE5+ */
  -webkit-filter: grayscale(0);
  /* Webkit Nightlies & Chrome Canary */
  transition: all .3s ease-in-out; }
  .imag-link:hover {
    filter: none;
    -webkit-filter: grayscale(1);
    transform: scale(1.01); }

.title-link {
  transition: all .2s ease-in-out; }
  .title-link:hover > h3 {
    color: #0077C8;
    text-decoration-line: none; }

h4.text-sv-accent.font-bold {
  color: #cd4813 !important; }

/*******
********
Colors
********
********/
.bg-sunvalley {
  background-color: #0077C8; }

.bg-sunvalley-dark {
  background-color: #004496; }

.bg-sunvalley-accent {
  background-color: #cd4813; }

.bg-sunvalley-light {
  background-color: #f2fcff; }

.text-sunvalley {
  color: #0077C8; }

.text-sunvalley-light {
  color: #f2fcff; }

.text-sunvalley-dark {
  color: #004496; }

.text-sunvalley-accent {
  color: #cd4813; }

/*******
********
Carousel Mods
********
********/
.gray-gradient {
  background-color: rgba(0, 0, 0, 0.4); }

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e55115' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e55115' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }

/*******
********
Main Title
********
********/
section.site-image {
  height: 600px; }
  section.site-image .title-container {
    background-color: rgba(242, 252, 255, 0.85);
    position: absolute;
    top: 20%;
    width: 75%; }
    section.site-image .title-container div.container {
      padding: 2em 0 2em 0; }
      section.site-image .title-container div.container h1 {
        font-size: 5em;
        font-weight: 900;
        overflow-wrap: break-word; }
      section.site-image .title-container div.container h3 {
        color: #ffa700; }
    @media only screen and (max-width: 767px) {
      section.site-image .title-container {
        display: none; } }
  @media only screen and (max-width: 767px) {
    section.site-image {
      height: 250px; } }

/*******
********
Sub Menu
********
*******/
.mobile-nav #accordion a {
  text-decoration: none; }
  .mobile-nav #accordion a:hover {
    cursor: pointer;
    color: #004496; }
  .mobile-nav #accordion a:focus {
    color: white; }
  .mobile-nav #accordion a span {
    right: 20px;
    position: absolute; }
.mobile-nav li.font-weight-bolder {
  border-bottom: 1px solid;
  border-color: rgba(225, 225, 225, 0.4); }

section.fullscreen-nav li {
  margin-bottom: 0; }
  section.fullscreen-nav li a {
    text-decoration: none;
    color: white; }
    section.fullscreen-nav li a:hover, section.fullscreen-nav li a:not([href]):hover {
      cursor: pointer;
      color: #004496; }
    section.fullscreen-nav li a.active {
      color: #000; }

section.sub-nav-items {
  background-color: #004496;
  display: none;
  position: absolute;
  width: 100%;
  z-index: 1; }
  section.sub-nav-items ul.list-unstyled {
    line-height: 2.3;
    font-weight: 400;
    font-size: 1.25rem; }
    section.sub-nav-items ul.list-unstyled li {
      color: #afafaf; }
      section.sub-nav-items ul.list-unstyled li.h3 {
        color: #e1e1e1 !important; }
      section.sub-nav-items ul.list-unstyled li a {
        color: #0077C8; }
        section.sub-nav-items ul.list-unstyled li a:hover {
          color: #f2fcff;
          text-decoration: none; }

.sub-sticky {
  position: fixed;
  top: 0;
  width: 100%; }

.sub-sticky + article {
  padding-top: 102px; }

/*******
********
Map
********
*******/
div.map {
  display: flex;
  justify-content: center; }
  @media only screen and (max-width: 991px) {
    div.map iframe {
      width: 100%; } }

.grid-item, .grid-sizer {
  padding: 0.25em; }
  .grid-item a img, .grid-sizer a img {
    transition: .5s; }
    .grid-item a img:hover, .grid-sizer a img:hover {
      -webkit-filter: grayscale(50%);
      filter: grayscale(50%);
      filter: gray; }

.news {
  overflow-y: scroll; }
  .news::-webkit-scrollbar {
    width: .5em;
    border-radius: 2rem; }
  .news::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 2rem; }
  .news::-webkit-scrollbar-thumb {
    outline: 1px solid #CDD5DB;
    background-color: #1578BC;
    border-radius: 1em; }
  .news article:nth-child(odd) {
    background-color: whitesmoke; }

.text-area-style {
  padding: 0.75em 0;
  text-align: left;
  height: 230px; }

nav.subnav {
  overflow: auto;
  white-space: nowrap; }

a.sublink {
  background-color: white;
  color: #cd4813;
  font-weight: bold;
  border-radius: 22px;
  padding: 0.7em;
  width: 5.5em;
  text-align: center; }
  a.sublink:hover {
    text-decoration: none;
    background-color: #cd4813;
    color: white;
    transition: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.entry-content strong {
  color: #cd4813; }
