/**
 * @file
 * Subtheme specific CSS.
 */
@import url('https://fonts.googleapis.com/css2?family=Forum&family=Pontano+Sans:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fauna+One&display=swap');

body {
  font-family: 'Pontano Sans', sans-serif;
}

#header {
  z-index: 450;
  position: relative;
  margin-top: 15px;
}

.navbar-brand img {
  max-height: 75px;
}

#navbar-main.bg-dark {
  background: #222 !important;
  opacity: 95%;
}

@media (min-width: 992px) {
  #navbar-main.bg-dark {
    height: 75px;
  }
}

.navbar .nav-link {
  text-transform: uppercase;
}

.navbar-nav .nav-link.active {
  background: #080808;
  color: #fff;
}

ul.navbar-nav > li:last-child > a {
  border: 1px solid white;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler {
  border-color: gray;
}

.nav-tabs .nav-link {
  color: initial;
}

.featured-top {
  position: fixed;
  width: 100%;
  height: 500px;
  top: 0;
  /*background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/sites/default/files/headers/header.jpg);*/
  background: url(/sites/default/files/headers/header.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.featured-top:hover::before {
  content: "";
  background: rgba(0,0,0,.3);
  opacity: 1;
}

.featured-top::before {
  content: "";
  background: rgba(0,0,0,.6);
  transition: 1s 0s ease;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

#block-piedmont-new-tagline {
  color: #ffffff;
  font-size: 1.25rem;
}

.region-featured-top {
  position: relative;
  top: 175px;
}

body.page-node-5 .featured-top {
  background: url(/sites/default/files/headers/header1.jpg);
}

body.page-node-6 .featured-top {
  background: url(/sites/default/files/headers/header2.jpg);
}

body.page-node-9 .featured-top {
  background: url(/sites/default/files/headers/header3.jpg);
}

body.page-node-7 .featured-top {
  background: url(/sites/default/files/headers/header4.jpg);
}

body.path-gallery .featured-top,
body.path-galleries .featured-top {
  background: url(/sites/default/files/headers/header5.jpg);
}

body.page-node-8 .featured-top {
  background: url(/sites/default/files/headers/header6.jpg);
}

body:not(.page-node-4) .featured-top {
  height: 300px;
}

.title {
  color: #fff;
}

#main-wrapper {
  background-color: #fff;
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
  top: 395px;
}

body:not(.page-node-4) #main-wrapper {
  top: 195px;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Fauna One', serif;
}

blockquote {
  font-family: 'Fauna One', serif;
  background:
    linear-gradient(to right, #470200 1px, transparent 1px) 0 0, /*upper left vert*/
    linear-gradient(to bottom, #470200 1px, transparent 1px) 0 0; /*upper left horiz*/
  background-repeat: no-repeat;
  background-size: 40px 40px;
  border-left: 0;
  max-width: 100%;
  padding: 10px 0 0 10px;
}

@media (min-width: 768px) {
  blockquote {
    max-width: 60%;
  }
}

.align-right {
  margin: 0 0 10px 10px;
}

.align-left {
  margin: 0 10px 10px 0;
}

.btn-light {
  text-transform: uppercase;
}

:not(body.page-node-6) #main-wrapper .content img {
  border-left: 1px solid #6b0c10;
  border-top: 1px solid #6b0c10;
  padding: 10px 0 0 10px;
}

@media (min-width: 768px) {
  .layout--threecol-section .layout__region--second {
    flex: 0 1 33%;
  }
}


.layout--threecol-section .layout__region--first, 
.layout--threecol-section .layout__region--second,
.layout--threecol-section .layout__region--third {
  padding-right: 20px;
}

.site-footer {
  font-family: 'Pontano Sans', sans-serif;
  position: relative;
  top: 195px;
}

body.page-node-4 .site-footer {
  top: 395px;
}

.site-footer .block {
  border: 0;
}

.footer-logo img {
  max-width: 150px;
  height: auto;
  padding: 20px 0 0 0;
}

.site-footer {
  background: #470200;
  padding: 0;
  color: #fff;
}

.region-wrapper-footer-fifth {
  background: #2c0001;
}

.site-footer__bottom {
  border-top: 0
}