@charset "UTF-8";
/* CSS Document */
.container-xxxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.navbar-nav {
    font-family: 'Baskerville', 'Times New Roman', Times, serif;
    text-transform: uppercase;
    font-size: 1.15em;
}
.navbar-toggler {
    border: none;
}
#logo-dog {
    transition: ease-in-out .3s;
    max-width: 50px;
}
#logo-text {
    transition: ease-in-out .3s;
    max-width: 190px;
}
/* no transparent fallback; for Mozilla Firefox Browswer */
.bg-glass {
    background-color: rgba(244, 241, 237, 1)!important;;
  }
  /* if backdrop support: very transparent and blurred; for Safari and Chrome Browswers */
  @supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
    .bg-glass {
      background-color: rgba(244, 241, 237, .85)!important;;
      -webkit-backdrop-filter: blur(6px) saturate(160%) contrast(45%) brightness(140%);
      backdrop-filter: blur(6px) saturate(160%) contrast(45%) brightness(140%);
    }
  }

.logo-animation {
    position: relative;
    animation-name: dog-riding-bike;
    animation-timing-function: ease-in-out;
    animation-duration: 4s;
    animation-delay: 0s;
}
@keyframes dog-riding-bike {
    0%   {left:-76px;}
    46%  {left:200px; transform: rotateY(0deg);
        animation-timing-function: ease-in-out;}
    50%  {left:200px; transform: rotateY(180deg);
        animation-timing-function: ease-in-out;}
    87%   {left:0px; transform: rotateY(180deg) scale(1);
        animation-timing-function: ease-in-out;}
    95%   {left:0px; transform: rotateY(0deg) scale(1.2);
        animation-timing-function: ease-in-out;}
    100%   {left:0px; transform: scale(1);
        animation-timing-function: ease-in-out;}
}

.heading {
    font-family: 'Baskerville', 'Times New Roman', Times, serif;
    text-transform: uppercase;
    font-size: 2em;
    letter-spacing: 0.1rem;
}
.heading-title {
    font-family: 'Baskerville', 'Times New Roman', Times, serif;
    font-size: 3em;
}
.heading-3 {
    font-family: 'Baskerville', 'Times New Roman', Times, serif;
    font-size: 2em;
}
.paragraph-styling-small {
    font-family: 'Baskerville', 'Times New Roman', Times, serif;
    font-size: 1.25em;
    line-height: 1.5;
}
.paragraph-styling {
    font-family: 'Baskerville', 'Times New Roman', Times, serif;
    font-size: 1.35em;
    line-height: 1.4;
}
.paragraph-styling-V2 {
    font-family: 'Baskerville', 'Times New Roman', Times, serif;
    font-size: 1.25em;
    line-height: 1.5;
}
.paragraph-styling-V2 > .nav-link {
    color: #333333;
}
.paragraph-styling-V2 > .nav-link:hover {
    opacity: 0.7;
}
.special-event-month {
    font-family: 'Baskerville', 'Times New Roman', Times, serif;
    font-size: 1.5em;
    text-transform: uppercase;
}
.special-event-title {
    font-family: 'Baskerville', 'Times New Roman', Times, serif;
    font-size: 1.75em;
}
.special-event-date-time {
    text-transform: uppercase;
}
.special-event-modal-link {
    font-size: 1.25em;
    text-decoration: none;
    color: #333333;
    border-bottom: 2px solid #333333;
    padding-bottom: 6px;
}
.accordion-button {
    font-family: 'Baskerville', 'Times New Roman', Times, serif;
    font-size: 0.75em;
}
.learn-more-link {
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.15em;
    border-bottom: 2px solid #ffffff;
    padding-bottom: 6px;
}
.learn-more-link-2 {
    text-decoration: none;
    color: #333333;
    font-size: 1.15em;
    border-bottom: 2px solid #333333;
    padding-bottom: 6px;
}
.above-footer-branding-heading {
    font-family: 'Baskerville', 'Times New Roman', Times, serif;
    font-size: 2.5em;
}
.newsletter-text-area-styling {
    font-family: 'Baskerville', 'Times New Roman', Times, serif;
    font-size: 1.5em;
    line-height: 1.25;
}
#directionsTabs > a {
    font-family: 'Baskerville', 'Times New Roman', Times, serif;
    font-size: 1.25em;
    text-decoration: none;
    line-height: 1.3;
    color: #333333;
    opacity: 0.5;
}
#directionsTabs > a:hover {
    color: #333333;
    opacity: 0.9;
}
#directionsTabs > .active {
    color: #333333;
    opacity: 1;
}
.footer-nav-styling-heading {
    font-family: 'Baskerville', 'Times New Roman', Times, serif;
    font-size: 1.75em;
}
.footer-nav-styling > li > a {
    font-family: 'Baskerville', 'Times New Roman', Times, serif;
    font-size: 1.25em;
    line-height: 1;
    text-decoration: none;
}
.footer-contact-area {
    font-family: 'Baskerville', 'Times New Roman', Times, serif;
    font-size: 1.25em;
    line-height: 1.25;
    text-decoration: none;
}
.footer-copyright-credits {
    font-family: 'Baskerville', 'Times New Roman', Times, serif;
    font-size: 0.9em;
    opacity: 0.6;
}

/* Large devices (desktops, 991px and down) */
@media (max-width: 991px) {
    .calendar-of-events-hero-image {
        background-position: 60% 50%;
    }
    .calendar-of-events-hero-image > div {
        height: 100vh;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /* CUSTOM PADDING (I.E. P-5). CHANGE FROM 3 TO 1.7 */
    .custom-xy-padding {
        padding: calc(var(--bs-gutter-x) * 1.71);
    }
    .calendar-of-events-hero-image  {
        background-position: center;
    }
    .calendar-of-events-hero-image > div {
        height: 80vh;
    }
    .border-styling {
        border-left: 2px solid #333333;
    }
}

/* X-Large devices (desktops, 1200px and up) */
@media (min-width: 1200px) {

    .logo-animation {
        position: relative;
        animation-name: dog-riding-bike;
        animation-timing-function: ease-in-out;
        animation-duration: 9s;
        animation-delay: 0s;
    }
    @keyframes dog-riding-bike {
        0%   {left:-140px;}
        46%  {left:1200px; transform: rotateY(0deg);
            animation-timing-function: ease-in-out;}
        50%  {left:1200px; transform: rotateY(180deg);
            animation-timing-function: ease-in-out;}
        87%   {left:0px; transform: rotateY(180deg) scale(1);
            animation-timing-function: ease-in-out;}
        95%   {left:0px; transform: rotateY(0deg) scale(1.2);
            animation-timing-function: ease-in-out;}
        100%   {left:0px; transform: scale(1);
            animation-timing-function: ease-in-out;}
    }
    
    #logo-dog {
        transition: ease-in .3s;
        max-width: 84px;
    }
    #logo-text {
        transition: ease-in-out .3s;
        max-width: 300px;
    }
    .border-styling-right {
        border-right: 2px solid #333333;
    }
}