iframe label {
    color: red !important;
}

.no-display {
    display: none;
}
.grid-x {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.my-container {
    /*margin-top: 1rem;
    margin-bottom: 1rem;*/
}
ul.inline-list {
    display: inline-flex;
}
h1 {
    font-size: 2.5rem;
}
h2 {
    font-size: 1.5rem;
    margin-top: 2rem;
}
.callout {
    border: 2px solid rgba(119,187,209,.4); /* #77bbd1 */
}
.callout.dark {
    background-color: rgba(119,187,209,.1); /* #77bbd1 */
    border: 4px solid rgba(0,0,0,.2);
    color: white;
}
.feature .card img {
    height: 250px;
    object-position: 0 35%;
    object-fit: cover;
}
.card {
    border: 2px solid rgba(0, 0, 0,0.1);
}
.button {
    background-color: #C1032B;
}
.button:hover {
    background-color: #91001f;
}
.lighter {
    font-weight: 300;
}
.reveal img {
    width: 100%
}
.reveal .close-button {
    font-size: 5rem;
    color: #fff;
    margin-right: 1rem;
}
.reveal .close-button:hover {
    color: #dfdfdf;
}

/**** HEADER ******************************/
.header {
    background-color: #f1f1f1;
}

/**** NAVIGATION ******************************/
.navigation  {
    background-color: #417482; /*#4fa1b8;*/
}
.navigation .title-bar,
.navigation .top-bar {
    background-color: #417482 !important; /*#4fa1b8;*/
    color: #fff !important;
    font-size: 1.25rem;
    padding: 0;
}
.navigation ul {
    background: inherit;
}
.navigation li {
    font-size: 1.25rem;
}
.navigation li a,
.navigation li.is-active a {
    background-color: #417482; /*#4fa1b8;*/
    color: #fff !important;
}
.navigation li a:hover,
.navigation li a:active {
    opacity: 80%;
}

.orbit figcaption a {
    color: white;
    font-weight: 600;
}

/**** PAGINATION ******************************/
.pagination li {
    font-size: 1.25rem;
}
.pagination li.current {
    background: transparent;
    padding: 0;
}
.pagination li a {
    padding: 0.5rem 1rem;
    background-color: #666;
    border: thin solid #444;
    color: #fefefe;
}
.pagination li.current a {
    background-color: #2ba6cb;
    font-weight: 700;
}
li.pagination-previous a, li.pagination-next a {
    background-color: transparent;
    border: none;
}
.pagination li a:hover {
    background-color: #417482;
}


/**** FOOTER **********************************/
.footer {
    background-color: #417482;
    color: white;
    margin-top: 2rem;
    padding: 2rem;
}
.footer a {
    color: white;
    text-decoration: underline;
}
.footer p span {
    font-weight: 600;
}
.button {
    background-color: #C1032B;
    /*border: 3px solid #90cdde;
    color: #0e8bad;*/
}
.button:hover {
    background-color: #91001f;
    /*border: 3px solid #0e8bad;
    color: white;*/
}

/**** WHAT-WE-DO **********************************/
.what-we-do-container {
    margin: 0 auto 2rem;
}
.what-we-do-container h2,
.what-we-do-container p {
    color: #fff;
}
.what-we-do-container img {
}
.what-we-do-container .main-section {
    background-color: #9e0c0f;
    margin: 2rem auto;
    padding: 2rem;
}
.what-we-do-container .main-section h2,
.what-we-do-container .main-section p {
    margin-bottom: 0;
}
.what-we-do-container .main-section h2:first-child {

}
.what-we-do-container .main-section h2 {
}
.what-we-do-container .main-section p {
    padding-bottom: 1rem;
}
.what-we-do-container .thumbnail {
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 15px rgb(10 10 10 / 20%);
    box-shadow: 0 0 0 15px rgb(10 10 10 / 20%);
    line-height: 0;
}

/**** TAGLINE *********************************/
.what-we-do-container p.tagline {
    font-family: 'Dancing Script', cursive;
    font-size: 2rem;
    line-height: 2rem;
    color: #444;
    margin: 3rem auto 2.5rem;
    text-align: center;
}

/**** EVENTS **********************************/
.events-container {
    /*background-color: #f1f1f1;
    padding: 2rem 0 3rem;
    margin: 3rem auto;*/
    background-color: #f5f5f5;
}
.events-container .my-container {
    margin: 0 auto;
    padding: 2rem 0.9375rem;
}
.events-container a.button {
    font-size: 3rem;
}
.events-container a.big-button.donate-now .icon {
    top: -1rem;
    left: 1rem;
}


/**** DOGS **********************************/
.dogs-heading-container {
    background-color: #777;
}
.dogs-heading-container .my-container {
    margin-bottom: 0;
}
.dogs-heading-container h2 {
    font-size: 2rem;
    color: white;
    margin-top: 0.5rem;
}
.dogs-container {
    background-color: #555;
}
.dogs-container .my-container {
    margin-top: 0;
}
.dogs-container .my-container span.foster {
    color: #c60f13;
    font-weight: 600;
}
.dogs-container a.see-all.button {
    background-color: #2ba6cb;
    line-height: inherit;
    padding: 0.5rem 1rem;
}
.dogs-container a.see-all.button:hover {
    background-color: #417482;
}

/**** ICONS ***********************************/
ul.social li {
    background-color: #C1032B;
    border: thin solid #ededed;
    font-size: 2.5rem;
    margin-right: 0.25rem;
    padding: 0.1125rem 0.625rem;
}
ul.social li:last-child {
    margin-right: 0;
}
ul.social li:hover,
ul.social a:hover,
ul.social a:hover i,
ul.social a:hover {
    background-color: #91001f;
}

ul.social li a {
    color: white;
}

/**** GOOGLE CALENDAR **************************/
.googleCalendar {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 75%;
    margin-top: -2.5rem;
}
.googleCalendar iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/**** PAW UP slider **************************/
.orbit-slide img {
}

/**** HOME PAGE ******************************/



/***** OTHER *********************************/
a.big-button {
    background-color: #9e0c0f;
    color: #fff;
    display: block;
    font-size: 2rem;
    font-weight: bold;
    line-height: 2.25rem;
    position: relative;
    padding: 1rem 2rem 1rem 7rem;
    text-shadow: 2px 2px rgb(0 0 0 / 20%);
    text-transform: uppercase;
    overflow: hidden;
}
a.big-button .icon  {
    color: #fff;
    font-size: 8rem;
    line-height: 8rem;
    opacity: 20%;
    position: absolute;
    top: -1rem;
    left: 0;
    transform: rotate(20deg);
    text-shadow: 2px 2px rgb(0 0 0 / 70%);
}
a.big-button:hover,
a.big-button:active {
    background-color: #91001f;
}
a.big-button:hover .icon,
a.big-button:active .icon {
    opacity: 10%;
}
a.big-button.volunteer .icon {

}
.rgFoster {
    display: none;
}