/**
 * HuskyHouse.org Framework Styles
 * @author Danielle (Salerno Labs LLC)
 * @copyright Husky House Inc.
 */
html { background-color: #ededed; }
#container { background-color: #ffffff; }
.space-container { margin-bottom: 60px; }
.content-right { text-align: right; }
.content-center { text-align: center; }
.content-bottom { vertical-align: bottom; }
h1, h2, h3, h4, h5 { display: block; clear:both; }
a:link { color: #87181f; }
a:hover { color: #a71f28; }
a:visited { color: #5f1217; }
.btn-hh { background-color: #87181f; color: #ffffff !important; font-weight: bold; }

#footer { font-size: 0.84em; color: #524e4b; background-color: #ededed; margin: 60px 0 0 0; }
.footerBody { width: 1024px; margin: 0 auto; }
.footerSpacer { height: 50px; background-color: #f7f7f7; }
.footerColumns { overflow: hidden; }
#footer a:link,
#footer a:visited { text-decoration: none; color: #524e4b; }
#footer a:hover { text-decoration: underline; }
.footerRight { float: left; width: 300px; }
.footerRight p img { vertical-align: middle; }
.footerLeft { padding: 20px; float: left; width: 620px; }
.footerLeft form { margin: 0 0 20px 0; width: 100%;  }
.footerLeft input[type="image"] { vertical-align: middle; }
.footerLeft input[type="text"] { border: 0; width: 140px; padding: 6px; outline: 0; margin: 0; }
.footerMenu { margin: 0 0 30px 0; }

.store-row { margin-bottom: 30px; }
.store-row select { padding: 5px; }
.store-row input[type="text"] { padding: 5px; width: 40px; text-align: center; }
#shopping-cart { width: 100%; }
.store-nav { margin: 20px 0; width: 100%; }
.volunteer-cards .card { margin: 40px 0; }
.form-group label { font-weight: bold; }
.testData { float: right; }

.jumbotron .container { margin: 0 auto; }
.jumbotron { background-size: cover; }
.jumbotron .container { opacity: 1; }
.jumbotron h1,
.jumbotron h3,
.jumbotron p { text-shadow: -1px 1px #ffffff; }
.home-jumbo { background: #ffffff url("/images/relaunch/banners/2023jumbo.jpg") top center no-repeat; }
/* 4th .home-jumbo { background: #f2f2f2 url("/images/relaunch/fourth-jumbo.jpg") top center no-repeat; } */
.volunteer-jumbo { background: #f2f2f2 url("/images/relaunch/jumbo-volunteer.jpg") top center no-repeat; }
.lodge-jumbo { background: #ffffff url("/images/relaunch/jumbo-lodge.jpg") top center no-repeat; }
.neuter-jumbo { background: #ffffff url('/images/relaunch/jumbo-sponsor.jpg') top center no-repeat; }
.store-jumbo { background: #ffffff url('/images/relaunch/jumbo-store.jpg') top center no-repeat; }
.event-jumbo { background: #f2f2f2 url('/images/relaunch/jumbo-event.jpg') top center no-repeat; }
.donate-jumbo {  display: flex; justify-content: center; align-items: flex-end; }
.holiday-donate { background: #dcdcde url('/images/relaunch/hh-holiday21.jpg') top center no-repeat; }
.help-heal-promo { background: #dcdcde url('/images/relaunch/help-heal-promo.jpg') top center no-repeat; }
.stpats-promo { background: #dcdcde url('/images/relaunch/HHStPats.jpg') top center no-repeat; }
.stpats-promo input[type="image"] { width: 200px; margin-left: 215px; }
.eggs-promo { background: #dcdcde url('/images/relaunch/EasterWeb.jpg') top center no-repeat; }
.eggs-promo input[type="image"] { width: 200px; margin-left: 215px; }
.generic-jumbo {
    background-color: #ffffff;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: initial;
}
.help-heal-button { max-width: 220px; }
.generic-promo-container { max-width: 60%; margin-left: auto; }
.donate-promo-container { text-align: center; padding: 0; margin-top: 135px; width: auto; }
.help-heal-promo .donate-promo-container { margin-top: 161px; }
.stpats-promo .donate-promo-container { margin-top: 151px; }
.eggs-promo .donate-promo-container { margin-top: 161px; }
.space-card-group { margin-bottom: 8px; }
.promo-jumbo { padding: 0; background-color: #fff; }
.promo-jumbo .container { padding: 5px; }
.store-promo { text-align: center; }
.neuter-promo { text-align: right; }
.generic-promo { text-align: center; padding: 10px 0; min-height: 210px; }
.neuter-promo .btn-hh, .generic-promo .btn-hh { margin-top: 5px; margin-bottom: 30px; }
.stacked-promo { text-align: center; padding: 10px 0; min-height: 210px; }

.event-jumbo h1 { color: #87181f }

.form-group blockquote {
    padding: 0 0 0 20px;
}
.form-group blockquote label {
    display: block;
    color: #2d2d2d;
}
.form-sub-section {
    padding-left: 20px;
}

.event-cards .card {
    width: 50rem;
    margin: 0 auto 20px auto;
}

.home-jumbo {
    padding-top: 74px;
    padding-bottom: 94px;
    margin-bottom: 0;
}

.home-jumbo h1 {
    text-transform: uppercase;
    font-size: 5em;
    font-weight: bold;
    letter-spacing: 0.2px;
    margin-bottom: 0;
}

.generic-promo h1,
.store-promo h1,
.neuter-promo h1,
.stacked-promo h1 {
    text-transform: uppercase;
    font-size: 2.5em;
    font-weight: bold;
    letter-spacing: 0.2px;
    margin-bottom: 0;
}

.paypal-checkout {
    text-align: center;
    margin: 20px 0;
}

.generic-promo h1, .stacked-promo h1 {
    font-size: 2em;
    margin: 12px 0 8px;
}

.home-jumbo h3 {
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 1.8em;
    line-height: 1.2;
    margin: 30px 0 30px 0;
}

.generic-promo h3,
.store-promo h3,
.neuter-promo h3,
.stacked-promo h3 {
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 1.4em;
}

.generic-promo h3,
.stacked-promo h3 {
    font-size: 1em;
    margin: 8px 0;
}

.generic-promo .btn-hh, .stacked-promo .btn-hh {
    margin-bottom: 50px;
}

.home-jumbo p {
    font-size: 1.4em;
}

.grid-container { background-color: #f2f2f2; padding: 60px 0; margin-bottom: 60px; }

.grid-deck .col-lg-6 {
    padding: 1px;
}

.grid-deck .card {
    border: 0;
    border-radius: 0;
    margin-bottom: 2px;
}

.grid-deck .card-img {
    border-radius: 0;
    /* opacity: 0.7; */
}

.grid-deck .card-title {
    font-size: 2rem;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

.donate-card .card-title {
    font-size: 2.8rem;
}

.donate-card .card-text {
    font-size: 1.3em;
    margin-bottom: 50px;
    margin-top: -2px;
}

.card-img-overlay {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.card-text {
    padding-left: 20px;
    font-size: 1.1rem;
}

.grid-deck .card-text-wrapper {
    align-self: flex-end;
    display: flex;
    flex-direction: column;
    position: initial;
    margin-top: auto;
    padding: 8px;
}

.donate-title {
    font-size: 2.8rem;
}

.grid-deck a:link,
.grid-deck a:visited {
    color: #212529;
    text-decoration: none;
}

.lodge-header-left-column img {
    display: block;
    margin-bottom: 10px;
}

.social-icon-holder {
    align-items: flex-end;
    justify-content: flex-end;
    margin: 0 13px 4px auto;
}

.social-icon img {
    width: 24px;
}

.social-icon-holder a:hover {
    text-decoration: none;
}

.card-text .btn-hh {
    margin-top: 5px;
}

.card-title-volunteer {
    font-size: 1.4em;
}

.grid-deck .card-text {
    padding: 0;
}

.home-jumbo .btn-hh {
    margin-top: 10px;
}

.lodge-jumbo { padding-top: 11rem; min-height: 400px; margin-bottom: 0; }
.lodge-info { background-color: #f2f2f2; padding: 10px 0; margin: 0 0 20px 0; }
.lodge-button-holder { margin-top: 40px; }
/*.lodge-jumbo .btn-hh { margin-top: 40px; }*/

.grid-deck .card-text { line-height: 1.2; }

.checkout-extra-notes { width: 60%; margin: 0 auto; display: block; }

.kennel-content { padding: 50px 0; }

.adoptable-pet-card { width: 30%; margin: 0 5px 20px 0; }
.adoptable-pet-card .card-img-top {
    width: 100%;
    height: 35vw;
    object-fit: cover;
}


.disabled-selectable-pet,
.admin-pets-to-select button,
.pets-to-select a:link {
    display: block;
    margin: 0 0 5px 0;
}

.pets-to-select a:link.disabled {
    color: #7d7d7d;
}

.modal-selected-pets {
    margin-bottom: 5px;
}
.modal-selected-pets-wrapper {
    margin-bottom: 10px;
}
.pop-pet, .select-more-pets {
    display: none;
    margin-left: 50px;
    font-size: 0.9em;
}

.pet-selection-preapproval { display: none; }
.pets-to-select { overflow: hidden; }
.disabled-selectable-pet,
.pets-to-select a { display: block; width: 25%; float: left; padding: 4px; text-align: center; }
.pet-selection-error { display: none; }
.pets-to-select a.selected { background-color: #dfdfdf; }
.modal-selected-pets { overflow: hidden; }
.modal-selected-pets li { margin-bottom: 8px; }
.modal-selected-pets li img { height: 150px; }
.pets-to-select a img { height: 125px; display: block; margin: 0 auto; }

.disabled-selectable-pet { background-color: #dfdfdf; color: #3d3d3d; }
.disabled-selectable-pet img { opacity: 0.9; }

.pet-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    height: auto;
    width: 100px;
}

.ribbon {
    background-color: #dfdfdf;
    padding: 15px 0;
    font-size: 1.8em;
    text-align: center;
    display: none;
    color: #1d1d1d;
    font-weight: normal;
}

.ribbon .btn-hh {
    font-size: 1.5rem;
    vertical-align: top;
    margin-left: 20px;
    color: white;
}

@media (min-width: 1201px ) {
    .event-jumbo { min-height: 300px; }
    .nav-container-menu { padding-top: 1px; }
    .generic-jumbo { /*background-position-x: 20%*/ }
    .generic-promo-container { margin-top: 50px; }
    .stacked-promo { }
    .kennel-content { padding: 50px; }

    .home-jumbo h1 { font-size: 7em; }
    .home-jumbo h3 { font-size: 3em; }
    .home-jumbo .btn-hh { font-size: 1.8em; }

    .paypal-donate-box {
        margin: 0 auto; width: 50%; font-size: 1.7em;
    }
}

/* Transitional */
@media (max-width: 1200px) and (min-width: 629px) {
    .footerBody { width: 100%; font-size: 1.1em; }
    .footerLeft { width: 45%; }
    .footerRight { width: 45%; }
    .footerMenu { color: #efefef; }
    .footerMenu a:link { display: block; }

    .nav-link { font-size: 0.8em; text-align: center; }
    .legacy-promo img { width: 100%; }

    .adoptable-pet-card { width: 48%; margin: 0 5px 25px 0; }
    .donate-jumbo { background-size: contain; }
    .donate-promo-container { margin-top: 13%; }
}

@media (max-width: 990px) and (min-width: 768px) {
    .navbar { }
    .legacy-promo img { width: 100%; }
    .adoptable-pet-card { width: 48%; margin: 0 5px 25px 0; }
    .donate-jumbo { background-size: contain; }
    .donate-promo-container { margin-top: 13%; }
}

/* Small Device */
@media (max-width: 628px) {
    .footerBody { width: 100%; font-size: 0.9em; }
    .footerLeft { width: 100%; padding: 10px 5px 0 5px; }
    .footerRight { width: 100%; padding: 10px 5px 0 5px; }
    .footerMenu { color: #efefef; line-height: 1.9em; }

    .home-jumbo { background-position-x: 60%; background-position-y: 50%; }
    .home-jumbo h1 { font-size: 3em; }
    .home-jumbo h3 { font-size: 1.4em; }
    .home-jumbo .btn-hh { font-size: 0.8em; }
    /* 4th .home-jumbo { background-position-x: 53%; background-position-y: 50%; padding-bottom: 30px;} */
    .home-jumbo .container { padding: 10px; /* background-color: rgba(255, 255, 255, 0.6); */ }

    .neuter-promo { display: flex; align-items: flex-end; /* background-color: rgba(255, 255, 255, 0.6); */ }
    .neuter-jumbo { background-position-x: 20%; }
    .neuter-promo h1 { font-size: 1.6em; }
    .neuter-promo h3 { font-size: 1em; }
    .neuter-promo-container { max-width: 280px; margin-left: auto; }

    .generic-jumbo { background-position-x: 35%; }
    .generic-promo { display: flex; align-items: flex-end; }
    .generic-promo h1 { font-size: 1.6em; }
    .generic-promo h3 { font-size: 1em; }
    .generic-promo-container { max-width: 250px; margin-left: auto; }

    .store-jumbo { background-position: 80%; }
    .store-promo { text-align: left; }
    .store-promo h1 { font-size: 2em;  }

    .lodge-jumbo { background-position-x: 70%; background-size: 120%; padding: 0; min-height: 190px; }
    .lodge-info .col-md-4 { margin-bottom: 20px; }
    .legacy-promo img { width: 100%; }

    .adoptable-pet-card { width: 100%; margin: 0 0 20px 0; }
    .adoptable-pet-card .card-img-top {
        height: 90vw;
    }

    .hhlogo { max-width: 250px; margin: 11px 0; }

    /* .pets-to-select a { display: block; width: 100%; } */
    .pets-to-select a { width: 50%; text-align: center; }
    .pets-to-select a img { height: 90px; display: block; margin: 0 auto; }
    .donate-jumbo { background-size: contain;  }
    .holiday-donate .donate-promo-container { text-align: right; margin-top: 98px; }
    .donate-jumbo .container { padding: 20px; }
    .holiday-donate #donate-button { width: 250px; float: right; margin: 0 -20px 0 0; }

    .holiday-donate { background-image: url('/images/relaunch/hh-smallholiday.png'); }

    .help-heal-promo { text-align: right; margin-top: 98px; }
    .help-heal-promo { background-image: url('/images/relaunch/hh-hwfund-small.jpg'); }
    .help-heal-promo #donate-button-container { text-align: right; margin: -33px -31px 0 0; }

    .stpats-promo { text-align: right; margin-top: 18px; }
    .stpats-promo { background-image: url('/images/relaunch/StPats480x210.jpg'); }
    .stpats-promo #donate-button-container { text-align: right; margin: -23px -31px 0 0; }
    .stpats-promo input[type="image"] { width: 160px; margin-right: 75px; margin-left: 0; }

    .eggs-promo { text-align: right; margin-top: 18px; }
    .eggs-promo { background-image: url('/images/relaunch/Easter480x210.jpg'); }
    .eggs-promo #donate-button-container { text-align: right; margin: -48px -51px 0 0; }
    .eggs-promo input[type="image"] { width: 160px; margin-right: 75px; margin-left: 0; }

    .paypal-donate-box {
        margin: 0 auto; width: 50%; font-size: 1.7em;
    }
    .ribbon .btn-hh { display: block; width: 75%; margin: 0 auto; }
}

.maddiesevent { text-align: center; margin: 30px 0 10px 0;clear:both;}
label.text-danger { font-size: 2em; }
input[type="text"].is-invalid, select.is-invalid { border: 3px dashed #5f1217 }
.yt-pet-embed { width: 100%; margin: 0; border: 0; min-height: 350px; }
.faqAccordion .card { margin-bottom: 20px; }
a:link.pre-approve { margin-top: 30px; }
.no-data-td { text-align: center; font-style: oblique; }