/**
 * @file
 * Subtheme specific CSS.
 */
 body {
    font-family: 'Open Sans', sans-serif !important;
    color: #370000;
    font-size: 16px;
 }
h1,h2,h3,h4 {
    font-family: 'Source Sans 3', sans-serif !important;
    font-weight: 600;
}
h2.secondary-heading {
    color: #370000;
    font-weight: 400 !important;
    font-size: 56px;
    line-height: 1.1;
}
h2.smallcaps-heading {
    font-size: 20px;
    color: #890a0a;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: .12em;
    margin-bottom: 12px;
    -webkit-font-smoothing: antialiased;
}
h3 {
    font-size: 2em;
}
a.button-link {
    font-family: 'Open Sans';
    background-color: #890a0a;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 48px;
    padding-right: 48px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .25em;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    transition-property: all;
    text-transform: uppercase;
    text-decoration: none;
    font-style: normal;
    margin-top: 25px;
    display: inline-block;
}
a.button-link:hover {
    background-color: #b50101;
    color: #ffffff;
}
.home-slideshow-overlay-text a.button-link {
    background-color: #890a0a;
    border: 1px solid #890a0a;
    color: #ffffff;
    padding: 10px 16px;
    border-radius: 3px;
    font-size: 16px;
    letter-spacing: 0;
    margin-top: 15px;
    font-weight: 400;
}
a.button-link-smaller {
    background-color: #890a0a;
    border: 1px solid #890a0a;
    color: #ffffff;
    padding: 10px 16px;
    border-radius: 3px;
    font-size: 16px;
    letter-spacing: 0;
    margin-top: 15px;
    text-decoration: none;
}
a.button-link-smaller:hover {
    color: #ffffff;
}
.view-article-listing .views-row {
    padding-bottom: 25px;
}

.pad-cols .content {
    padding: 0 20px;
}
.pad-cols .layout__region {
    background-color: rgba(213,239,255,0.4);
    padding-top: 20px;
    padding-bottom: 50px;
}
.pad-cols .layout__region--first {
    border-right: 20px #ffffff solid;
}
.view-duplicate-of-taxonomy-term .views-row:nth-child(even) {
    background-color: rgba(213,239,255,0.65);   
}
.ai-title {
    font-size: 16px;
    font-weight: 800;
    color: #890a0a;
}
.ai-body {
    padding: 10px 25px 20px 0;
}
.field--name-field-information-sheet {
    padding-top: 20px;
}
#spec-section {
    width: 100%;
}
#spec-section .content {
    text-align: center;
    padding: 20px;
    font-size: 13px;
}
#spec-section .field__label {
    font-weight: 800;
}
#spec-section > .layout__region {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.node__content {
  font-size: 1em;
}
 body .navigation {
    text-transform: uppercase;
 }
.field--name-field-shop-online-section {
    background-color: rgba(229,244,252,0.39);
    margin-top: 60px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.box-shadow-style {
    background: white;
    box-shadow: 0px 20px 40px rgba(0,0,0,0.1);
    padding: 30px;
    margin-right: 15px;
}
.box-shadow-style-wrapper {
    max-width: 900px;
    margin: 30px auto;


}
 .field--name-field-slideshow,
 .main-content #block-homeslideshowtextblock {
     display: none !important;
 }
.text-formatted img {
    max-width: 100% !important;
    height: auto !important;
}
.field--name-field-iso-block {
    background-image: url(../images/star-bg-gold.png);
    background-size: cover;
    background-color: #f49f10;
    background-repeat: no-repeat;
    background-attachment: scroll;
    position: relative;
    top: -20px;
    z-index: 100;
    padding-bottom: 80px;
    margin-left: -12px;
    margin-right: -12px;
    font-weight: 500 !important;
}
#block-newslettersection {
    background-color: #f49f10;
    padding: 42px 20px;
    margin-left: -12px;
    margin-right: -12px;
}
#block-newslettersection h2 {
    margin-top: 25px;
    font-weight: 400;
    font-size: 36px;
}
.home-slideshow-overlay-text {
    display: block;
    position: absolute;
    top: 120px;
    width: 400px;
    z-index: 19;
    right: 5%;
    font-style: italic;
    color: #370000;
    margin-top: 20px;
    margin-bottom: 20px;
}
.home-slideshow-overlay-text h2 {
    color: #370000;
    font-size: 50px;
    line-height: 90%;
    font-style: italic;
    text-transform: capitalize;
    letter-spacing: -2px;
    font-weight: 900;
    max-width: 400px;
    overflow: visible;
    text-align: left;
    font-family: 'Source Sans 3', sans-serif;
}
.home-slideshow-embedded {
    position: relative;
}
.home-slideshow-embedded img {
    width: 100% !important;
    height: auto !important;
}
.oxy_shape_divider {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    pointer-events: none
}

.oxy_shape_divider > svg {
    min-width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    transform-origin: bottom center
}

.oxy_shape_divider_top {
    top: -1px;
    bottom: initial
}

.oxy_shape_divider_flipped {
    transform: scaleX(-1)
}

#-shape-divider-41-6 .oxy_shape_divider {
    color: #f49f10;
    z-index: 49
}

#-shape-divider-41-6 .oxy_shape_divider svg {
    height: 150px
}
 h2 {
     letter-spacing: -1px;
 }
 .field--name-field-event-date {
     color: #666666;
 }
 .field--name-field-event-date::before {
     font-family: "Font Awesome Kit";
  font: var(--fa-font-regular);  
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  content: "\f073";
  color: #666666;
  padding-right: 8px;  
 }
 
 .node--view-mode-teaser h2 {
     padding-top: 0;
     letter-spacing: -1px;
     font-size: 28px;
 }
 .node--view-mode-teaser a h2 {
     text-decoration: none;
 }
 .node--view-mode-teaser {
     border-bottom: 0px;
 }
 .node--view-mode-teaser .node__title {
     display: none !important;
 }
 .label-bold .field__label {
     font-weight: bold;
 }
 .custom-link-button a {
     display: inline-block;
     padding: 20px;
     background: orange;
     color: #000000;
     text-decoration: none;
     margin: 20px 0;
     font-size: 22px;
 }
.custom-link-button a:hover {
    color: #ffffff;
    background: #333333;
}
 .card {
     border: 0 !important;
     vertical-align: top;
     margin-bottom: 20px !important;

 }
 .event-list .card {
     border: 1px silver solid !important;
 }
.raptor-list .card {
     text-align: center;
     padding-bottom: 30px;
 }
 h3.card-title a {
     text-transform: uppercase;
     font-size: 16px;
     color: #e6b301;
     text-decoration: none;
     display: block;
     margin-top: 15px;
     
 }
 .article-date {
     color: silver;
     font-size: 14px;
     margin-bottom: 40px;
     font-style: italic;
 }

 #content {
     padding-bottom: 100px;
 }
 .path-frontpage .block-system-main-block,
 .path-frontpage #content {
     padding-bottom: 0px;
 }
 .cycle-pager {
     bottom: auto;
     top: 0;
 }
 .imagefield_slideshow-wrapper {
     border: 0;
 }
 .imagefield_slideshow-wrapper img {
     max-width: 100% !important;
     height: auto !important;
 }



 .block-field-blocknodebirdfield-admission-date::before,
 .block-field-blocknodebirdfield-location-of-rescue::before,
 .block-field-blocknodebirdfield-cause-of-admission-conditi::before {
  font-family: "Font Awesome Kit";
  font: var(--fa-font-regular);  
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  color: #e6b301;
  font-size: 30px;
  padding-bottom: 10px;
 }

  .article-date .field-content::before {
  font-family: "Font Awesome Kit";
  font: var(--fa-font-regular);  
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  content: "\f073";
  color: silver;
  padding-right: 8px;
 }
 .list-with-sep .views-field-field-birdphotos {
     padding-left: 40px;
     padding-bottom: 20px;
 }
 .list-with-sep .views-row {
     padding-bottom: 20px;
     margin-bottom: 25px;
     border-bottom: 1px solid silver;
     margin-top: 25px;
 }
 
 .field--name-field-adoption-details::before,
 .views-field-field-adoption-details .field-content::before {
  font-family: "Font Awesome Kit";
  font: var(--fa-font-regular);  
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  content: "\f004";
  color: pink;
  padding-right: 8px;
 }

#header {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 130;
     height: 80px;
 }
 .page-title-wrapper {
     position: relative;
     top: 80px;
     max-width: 100% !important;
     background-image: url(../images/header-bg.jpg);
    background-size: cover;
    text-align: center;
    background-repeat: no-repeat;
    background-color: #f49f10;
    background-position: left bottom;
    padding-top: 52px;
    padding-bottom: 165px;
    padding-left: 20px;
    padding-right: 20px;
 }
 .page-title-wrapper h1 {
     font-size: 60px;
    letter-spacing: -2px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 900;
    text-align: left;
    line-height: 100%;
 }

 #main-wrapper {
     z-index: 20;
 } 
 .inside-classes {
     padding-top: 90px;
 }
 #bgvid {
     max-width: 100% !important;
     height: auto !important;
 }
.dropdown-menu {
    border-radius: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px !important;
}
.dropdown-menu a {
    text-decoration: none !important;
    color: white;
}
.offcanvas {
    background: #f49f10 !important;

}
.dropdown-item.active, 
.dropdown-item:active,
.dropdown-item {
    background: #890a0a;
    color: #ffffff;
}

#block-calloutlinks {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 20;
}
#block-calloutlinks a {
    display: inline-block;
    background-color: #cc0000;
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    width: 170px;
}
.path-frontpage #main-wrapper {
    background: #ffffff;
}
.path-frontpage h1 {
    display: none;
}

h2 {
    border-bottom: 0 !important;
}
.site-footer .content,
.site-footer h2 {
    color: #ffffff;
}
.site-footer h2 {
    font-size: 1.5em;
    text-transform: none;
    padding-bottom: 10px;
}
.site-footer h2.rescue-heading,
.site-footer .rescue-content h2 {
    font-size: 2.2em;
    font-weight: 400;
}
.site-footer .block {
    border: 0 !important;
}
.site-footer .content a:hover, .site-footer .content a:focus,
.site-footer .content a, .site-footer .content a.is-active,
.site-footer .content, .site-footer h2 {
    color: #ffffff;
    color: rgba(255, 255, 255, 0.99) !important;
}
.site-footer__bottom {
    letter-spacing: 0.2px;
    margin-top: 0;
    border-top: 0;
}
.site-footer a {
    text-decoration: none;
}
.navbar-toggler {
    border: 0 !important;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='brown' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.dropdown-item:focus, .dropdown-item:hover {
    background: #370000 !important;
}
.dropdown-toggle::after {
    display: none !important;
}
body.toolbar-horizontal #navbar-main.fixed-top {
    top: 0 !important;
}
#header .nav-link {
    font-size: 14px;
}
.block-field-blocknodeeventfield-time,
.block-field-blocknodeeventbody {
    padding-top: 20px;
}
@media only screen and (min-width: 992px) {
.nav-link--content-contact {
    background: #ab0202 !important;
    color: #ffffff !important;
}
.vid-field-format > .field__item {
    max-width: 45%;
    margin-right: 4%;
    margin-bottom: 25px;
}
#header .navigation {
    position: fixed;
    right: 20px;
    top: 0;
}
#header .nav-link {
    font-size: 14px;
    padding-top: 29px;
    padding-bottom: 30px;
text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .05em; 
    padding-left: 24px;
    padding-right: 24px;
}
#header #navbar-main {
    height: 80px;
}
#header .navbar-nav .nav-link.active, 
#header .navbar-nav .show>.nav-link {
    color: brown;
}
.navbar-brand {
    display: block;
    position: fixed;
    left: 10px;
    top: 10px;
}
}
@media only screen and (min-width: 1300px) {
    #spec-section .content {
    font-size: 16px;
}
}
@media only screen and (min-width: 1600px) {
.home-slideshow-overlay-text h2 {
    font-size: 60px !important;
}
}
@media only screen and (max-width: 1300px) {
.navbar-brand img {
    max-width: 380px !important;
    height: auto !important;
}
.home-slideshow-overlay-text {
    right: 50px;
    top: 110px;
    width: 300px;
    font-style: italic;
    color: #370000;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
}
}
@media only screen and (max-width: 1120px) {
.navbar-brand img {
    max-width: 280px !important;
    height: auto !important;
}
.home-slideshow-overlay-text {
    right: 20px;
    top: 70px;
    width: 290px;
}
.home-slideshow-overlay-text h2 {
    font-size: 32px;
}
}
@media only screen and (max-width: 991px) {
.field--name-field-iso-block img {
    margin-top: 20px;
}
#block-newslettersection h2 {
    font-size: 24px;
}
.navbar-brand img {
    max-width: 200px !important;
    height: auto !important;
}
.home-slideshow-overlay-text {
    position: relative;
    right: 0px;
    width: 100%;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    top: 0px;
}
.oxy-shape-divider {
    display: none !important;
}
.page-title-wrapper {
    padding-bottom: 65px;
 }
}