section#home-section-4,
section#home-section-5,
section#home-section-6,
section#home-section-7 {
    display: none;
}

html {
  font-size: 16px;
}

body {
  font-size: 1rem;
  color: #141414;
}

p {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 2em;
}

p.intro {
    line-height: 1.75em;
    letter-spacing: .05em;
}

a {
    color: #0067DD;
}

a:focus,
a:hover {
    color: #8BC1FF;
}

.btn,
.button,
.accent>a {
    border: none;
    padding: .75em 1.5em !important;
    color: #fff;
    font-size: 1em;
    text-transform: uppercase;
    border-radius: 5em;
    font-weight: bold;
}

.btn:focus,
.btn:hover,
.button:focus,
.button:hover,
.accent>a:focus,
.accent>a:hover {
    color: #fff;
    opacity: .8;
    text-decoration: none;
}

a.btn--blue,
.button,
.btn--blue>a {
    background: #0067DD;
}

a.btn--red,
.btn--red>a {
    background: #DE3152;
}

a.btn--pink,
.btn--pink>a {
    background: #E88DB9;
}

a.btn--teal,
.btn--teal>a {
    background: #70B1C9;
}

a.btn--purple,
.btn--purple>a {
    background: #AA7FB8;
}

ul,
ol {
  margin-bottom: 2em;
}

li {
  line-height: 1.5em;
}

h1, .h1 {
  font-size: 2.49em;
  line-height: 1.5em;
}

h2, .h2 {
  font-size: 2.07em;
  line-height: 1.5em;
  text-transform: uppercase;
  color: #DE3152;
}

h3, .h3 {
  font-size: 1.73em;
  line-height: 1.5em;
  text-transform: uppercase;
  font-weight: bold;
  color: #0067DD;
}

h4, .h4 {
  font-size: 1.44em;
  line-height: 1.5em;
  color: #3F8D15;
}

h5, .h5 {
  font-size: 1.2em;
  line-height: 1.5em;
}

/* ---
SITE NAVIGATION
--- */
section#site-navigation {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(255, 255, 255, .7);
    z-index: 9999;
}

section#site-navigation .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

div#site-navigation-1 {
    width: 250px;
    max-width: 100%;
}

.logo>a>img {
    padding: 1em;
}

div#site-navigation-2 {flex-grow: 1;max-width: 80%;}

section#site-navigation .row:before,
section#site-navigation .row:after {
    display: none;
}

ul#menu-site-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

ul#menu-site-navigation:before,
ul#menu-site-navigation:after {
    display: none;
}

ul#menu-site-navigation>li>a {
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    padding: 0;
    white-space: nowrap;
}

ul#menu-site-navigation>li.open>a,
ul#menu-site-navigation>li.open>a:focus,
ul#menu-site-navigation>li.open>a:hover,
ul#menu-site-navigation>li>a:focus,
ul#menu-site-navigation>li>a:hover {
  opacity: 1;
  background: none;
  color: #df2e50;
}

ul#menu-site-navigation>li.accent>a:focus,
ul#menu-site-navigation>li.accent>a:hover {
  opacity: 1;
  background: #fff;
  color: #df2e50;
}

.dropdown-menu {
    padding: 0;
    border: none;
    border-radius: 0;
    top: 200%;
}

.dropdown-menu>li>a {
    font-size: 1rem;
    line-height: 2em;
    padding: .25em 1em;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background: #0067e2 !important;
}

.menu-item:last-child .dropdown-menu {
    right: 0 !important;
    left: auto;
}


/* ---
HERO
--- */

section#home-top {
    background-size: cover !important;
    background-position: center !important;
}

.hero {
    display: inline-block;
    float: right;
    padding: 9em 0;
}

.hero__image {
    display: block;
    margin-bottom: 1em;
}

#home-top.full-width .row {
    margin: 0 !important;
}


/* ---
INTRO
--- */
blockquote.intro {
    margin: 0 auto;
    padding: 0;
    border: none;
    width: 500px;
    max-width: 100%;
}

blockquote.intro p {
    line-height: 2em;
}

ul#menu-quick-links>li {
    display: inline-block;
}

ul#menu-quick-links>li>a {
    display: block;
}

ul#menu-quick-links {
    padding: 0;
    margin: 3em 0 0 0;
}


/* ---
NUMBER
--- */
section#home-section-2 {
    background: #F0F0F0;
    border-top: 10px solid #FEBA34;
    border-bottom: 10px solid #FEBA34;
}

/*div#cwf_posts_widget-2>h3 {
    display: none;
}*/

.numbers__subtitle {
    display: block;
    text-transform: none;
    margin-top: 1em;
}

.numbers__title {
    color: #6A6A6A;
}


/* ---
HAPPY TAILS
--- */
section#home-section-3 {
    background: url(/wp-content/uploads/sites/91/2018/05/paw_bg.jpg) center center;
    background-size: coveer;
}

div#cwf_posts_widget-3>h3 {
    display: none;
}

.happy-tales__date {
    display: block;
    margin-bottom: 1em;
}

.happy-tales__title {
    color: #141414;
    margin: 0;
    font-weight: bold;
}

a.happy-tales__link {
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    color: #3F8D15;
}

.happy-tales__image {
    margin-bottom: 1.5em;
}


/* ---
FOOTER
--- */
section#footer-area,
section#copyright {
    background: #AA7FB8;
    color: #fff;
}

section#footer-area a,
section#copyright a {
    color: #fff;
}

div#cwf_posts_widget-4 h3 {
    color: #fff;
    text-transform: none;
    font-weight: normal;
}

div#cwf_posts_widget-4 h3:after {
    content: '';
    display: block;
    width: 4em;
    border-top: 1px solid #FFFFFF;
    margin: .5em 0;
}

.event--footer .event__date {
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    color: #fff;
}

.event--footer .event__link {
    font-weight: normal;
    font-size: .883em;
}

.event--footer .event__title {
    margin: 0;
}

.event--footer {
    margin-bottom: 1.5em;
}

.trust-signals {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.trust-signal:nth-child(4),
.trust-signal:nth-child(5) {
    width: 50%;
}

/*
.trust-signal {
    width: 30%; 
    padding: .5em;
}
*/

.footer-logo {
    margin-bottom: 1.5em;
}

.footer-link {
    display: block;
    text-align: right;
    margin-bottom: .5em;
}

section#footer-area>div>.row {
    display: flex;
    align-items: center;
}


/* ---
SIDEBAR
--- */
h1.page-title {
    margin: 0;
    padding: 3em 0;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 10px black;
}

#sidebar {
    background-color: #F7F7F7 !important;
    background-size: cover !important;
}

#main-content .page-header {
    display: none;
}

body.archive.tax-staff_type  #sidebar,
body.post-type-archive-staff #sidebar {
    background-image: url(/wp-content/uploads/sites/91/2018/05/Eli.jpg) !important;
}


/* ---
STAFF
--- */
.staff--loop .staff__featured-image {
    width: 100%;
}

.staff--loop {
    margin-bottom: 3em;
}

.staff__featured-image[src*="data"] {
    display: none;
}


/* ---
HAPPY TAILS
--- */
.title {
    white-space: normal;
    height: auto !important;
    font-weight: bold;
}

.portfolio .featured-image img {
    border-radius: 50%;
}

.portfolio {
    display: flex;
    align-items: center;
    margin: 0 0 3em 0;
}

.portfolio .featured-image {
    margin: 0 1.5em 0 0;
    width: 20%;
}

.portfolio .read-more {
    display: none;
}

.portfolio .content:after {
    content: '...';
}

body.post-type-archive-portfolio #sidebar {
    background-image: url(/wp-content/uploads/sites/91/2018/08/Chief.jpg) !important;
}


/* ---
DONATE
--- */
li#field_1_14 {
    height: 0;
    visibility: hidden;
}

.modal section {
    display: none;
}

.modal #main-content {
    display: block !important;
}

.modal #main-content>div {
    width: 100%;
}

/* ---
FOOTER 
--- */
#footer-area-1, #footer-area-3 {
    display:none;   
}

.footer-logo img,
#footer-address, 
#footer-partners {
  display:block ;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
}

.trust-signals-row,
#footer-partners {
   margin: 0 auto;
   width: 490px; 
   margin-top:20px;
   margin-bottom:20px;
}

.trust-signals-row.row-2 {
    width: 450px;
}

.trust-signals-row.row-3 {
    width: 775px;
}

.trust-signals-row img {
    float:left;
    margin-left:5px;
}

.trust-signals {
     display: block; 
}

.footer-badge {
    margin-top: 1em;
}

.footer-badge a img {
    margin: auto;
}

.row2 {
    margin-top:1em;
}

.pop-up-images {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.pop-up-images img {
    width: 350px;
    border-radius: 200px;
    margin-right: 1em;
}

.gform_9 {
    margin-top: 2em;
}

ul#input_9_7 {
    padding: 0;
}

ul#gform_fields_9 {
    padding: 0;
}

li#field_9_2 {
    margin-bottom: 1em;
}

form#gform_9 {
    margin-top: 2em;
}

div#gfield_description_9_7 {
    margin-bottom: 1em;
}

.wdpu-head {
    text-align: center;
}

li#field_9_4 {
    margin-bottom: 1em;
}

#gform_9 .gform_footer.top_label {
    text-align: center;
}

.single-portfolio .portfolio {
    display: flex;
    align-items: center;
    margin: 0 0 3em 0;
    flex-direction: column;
}

.row.gold-sponsors {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}


.petcofoundation-wrapper img {
    height: 250px;
    object-fit: cover;
}

.petcofoundation-wrapper {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}


.popup-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-wrapper img {
    padding: 0.5em;
    margin-right: 1em;
}

.postid-162 form#hw-landing-form select {
    text-align: center;
    border: 1px solid #ddd !important;
    padding: .25em .75em !important;
    -webkit-appearance: listbox !important;
    border-radius: 0;
}

div#custom_html-6 {
    margin-top: 0.5em;
}

a.under-menu-btn {
    border: none;
    padding: .5em 1.2em !important;
    color: #fff;
    font-size: 0.8em;
    text-transform: uppercase;
    border-radius: 5em;
    font-weight: 500;
    background: #DE3152;
}

a.under-menu-btn:hover,
a.under-menu-btn:focus {
    color: #fff;
    opacity: .8;
    text-decoration: none;
}
/* ---
MEDIA QUERIES
--- */
@media (min-width:992px) {
    html {
        font-size: 18px;
    }

    h1, .h1 {
        font-size: 3.05em;
        line-height: 1.5em;
    }

    h2, .h2 {
        font-size: 2.44em;
        line-height: 1.5em;
    }

    h3, .h3 {
        font-size: 1.95em;
        line-height: 1.5em;
    }

    h4, .h4 {
        font-size: 1.56em;
        line-height: 1.5em;
    }

    h5, .h5 {
        font-size: 1.25em;
        line-height: 1.5em;
    }
    
    .footer-badges {
    margin-bottom: 1em;
    margin:9em;
    margin-top: 1em;
    margin-bottom: 2em;
}
}

@media (min-width:1200px) {
    html {
        font-size: 20px;
    }

    h1, .h1 {
        font-size: 3.16em;
        line-height: 1.5em;
    }

    h2, .h2 {
        font-size: 2.37em;
        line-height: 1.5em;
    }

    h3, .h3 {
        font-size: 1.78em;
        line-height: 1.5em;
    }

    h4, .h4 {
        font-size: 1.33em;
        line-height: 1.5em;
    }

    h5, .h5 {
        font-size: 1em;
        line-height: 1.5em;
    }
}

#responsive-menu-button {
    background: #0067e2;
}

@media (max-width:1199px) {
    div#site-navigation-2 {
        max-width: 100%;
        width: 100%;
        padding: .5em 0 !important;
    }

    .hero {
        padding: 6em 0;
    }
}

@media (max-width:991px) {
    .hero {
        padding: 4em 0;
    }

    .numbers {
        margin-bottom: 2em;
    }
}

@media (max-width:767px) {
    img.bestfriends {
        width: 11em;
    }
    
    #footer-area .row-2 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    
    #footer-area .row-2 img {
        margin-top: 1em;
    }

    #site-navigation-2 {
        display: none;
    }

    div#site-navigation-1 {
        width: 100%;
    }

    .logo>a>img {
        width: 350px;
        max-width: 100%;
        margin: 0  auto;
    }

    ul#menu-quick-links>li {
        display: block;
        margin: 0 0 1em 0;
    }

    section#site-navigation {
        position: absolute;
    }

    section#footer-area>div>.row {
        flex-direction: column;
    }

    div#footer-area-2 {
        order: -1;
    }

    div#footer-area-1 {
        text-align: center;
    }

    div#cwf_posts_widget-4 h3:after {
        margin: .5em auto;
    }

    div#footer-area-3 {
    }

    .footer-link {
        text-align: center;
    }

    div#footer-area-3 p.text-right {
        text-align: center;
    }
    
    .hero {
        display: block !important;
    }
    
    .trust-signals-row, #footer-partners {
          width: 40%;
    }
    
    .trust-signals-row.row-2 {
        width: 50%;
    }

    .trust-signals-row.row-3 {
        width: 50%;
    }
    
    .petcofoundation-wrapper img {
    height: 250px;
    object-fit: contain;
    }
}

#main-content {
    position: relative;
}

.page-caption {
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: .668em;
    color: #0067e2;
    text-align: right;
    opacity: 0;
    font-style: italic;
}

article.honor-wall {
    background: #fcf8e3 !important;
}

@media (min-width:768px) {
    .trust-signals-row.row-2 {
        width: 600px;
        display: flex;
        align-items: center;
    }
    
    img.bestfriends {
        width: 8.5em;
    }

    img.humanesociety {
        width: 6em;
    }
}

.menu-item {
    font-family: oswald;
}

@media (min-width:768px) and (max-width:1023px){
    .petcofoundation-wrapper img {
    height: 150px;
    object-fit: contain;
    }
}

@media (min-width:1024px) and (max-width:1500px){
    
    ul#menu-site-navigation>li>a {
        text-transform: uppercase;
        font-weight: bold;
        font-family: 'Oswald', sans-serif;
        padding: 0;
        white-space: nowrap;
        font-size: 0.8em;
    }
}