/*/
Theme Name: Abandoned Rabbits
Author: Sasha Rink
Author URI: http://sasharink.com/
Description: A custom made WordPress theme.
Version: 1.0
Tags: b

*/
.mq {
  position: fixed;
  top: 0px;
  left: 0px;
  background: orange;
  z-index: 100000;
  color: white;
  padding: 10px; }
  @media (max-width: 575px) {
    .mq::before {
      content: 'phone'; } }
  @media (min-width: 576px) and (max-width: 767px) {
    .mq::before {
      content: 'tablet'; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mq::before {
      content: 'laptop'; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .mq::before {
      content: 'desktop'; } }
  @media (min-width: 1200px) {
    .mq::before {
      content: 'large'; } }

/* Nav Css */
@media (max-width: 767px) {
  .navbar-collapse {
    display: none; } }

.navbar-logo svg {
  width: 230px;
  transition: all 0.3s; }
  @media (max-width: 767px) {
    .navbar-logo svg {
      width: 215px; } }

@media (max-width: 575px) {
  .navbar-logo {
    text-align: center;
    padding-left: 9px; }
    .navbar-logo svg {
      width: 200px; } }

#nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  #nav a {
    font-weight: 500; }
    #nav a:hover {
      text-decoration: none; }
  @media (max-width: 575px) {
    #nav {
      padding: 8px 0;
      margin: 0;
      flex-direction: row;
      justify-content: space-between; } }
  #nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center center;
    text-align: center;
    margin-bottom: 0; }
    @media (max-width: 575px) {
      #nav ul {
        display: block;
        margin-bottom: 20px; } }
  #nav li {
    list-style: none;
    margin: 0 calc(8px*2);
    font-weight: 700;
    font-size: 0.9em; }
    @media (min-width: 768px) and (max-width: 991px) {
      #nav li {
        margin: 0 calc(8px*1.1); } }

.nav-toggle-line {
  width: 32px;
  height: 2px;
  display: block;
  margin: 8px 0; }

.navbar-toggler {
  margin-left: auto;
  color: #004d4a; }
  @media (min-width: 992px) {
    .navbar-toggler {
      display: none; } }
  .navbar-toggler:focus {
    outline: 0px auto white;
    border-radius: 0; }

#nav.white-nav {
  background-color: #f9f9f9; }
  #nav.white-nav a {
    color: #004d4a; }
    #nav.white-nav a:hover {
      color: #0a8466; }
    #nav.white-nav a[aria-current="page"] {
      color: #0a8466; }
  #nav.white-nav .navbar-logo svg {
    fill: #004d4a; }
  #nav.white-nav .navbar-logo .st13 {
    fill: #0a8466; }
  #nav.white-nav #cta-button {
    border-bottom: 3px solid #fce277; }

#nav.cream-nav {
  background: linear-gradient(to right, #f9f9f9 60%, #f2f1e9 40%); }
  #nav.cream-nav a {
    color: #004d4a; }
    #nav.cream-nav a:hover {
      color: #0a8466; }
    #nav.cream-nav a[aria-current="page"] {
      color: #0a8466; }
  #nav.cream-nav .navbar-logo svg {
    fill: #004d4a; }
  #nav.cream-nav .navbar-logo .st13 {
    fill: #0a8466; }
  #nav.cream-nav #cta-button {
    border-bottom: 3px solid #fce277; }

#nav.green-nav {
  background-color: #0a8466;
  color: white; }
  #nav.green-nav a {
    color: white; }
    #nav.green-nav a:hover {
      color: white; }
    #nav.green-nav a[aria-current="page"] {
      color: #c2d898; }
  #nav.green-nav .navbar-logo svg {
    fill: white; }
  #nav.green-nav .navbar-logo .st17 {
    fill: #004d4a; }
  #nav.green-nav #cta-button {
    border-bottom: 3px solid #fce277; }

#nav.blue-nav {
  background-color: #eff8f7;
  color: #004d4a; }
  #nav.blue-nav a {
    color: #004d4a; }
    #nav.blue-nav a:hover {
      color: #0a8466; }
    #nav.blue-nav a[aria-current="page"] {
      color: #0a8466; }
  #nav.blue-nav .navbar-logo svg {
    fill: #0a8466; }
  #nav.blue-nav .navbar-logo .st17 {
    fill: #004d4a; }
  #nav.blue-nav #cta-button {
    border-bottom: 3px solid #fce277; }

.archive-title h1 {
  font-size: 3em; }

.home #nav {
  background: linear-gradient(to right, #f9f9f9 60%, #f2f1e9 40%); }

#hero {
  background: linear-gradient(to right, #f9f9f9 60%, #f2f1e9 40%);
  padding: 80px 0;
  margin: auto auto;
  display: flex; }

.hero_row {
  display: flex;
  align-items: center; }
  @media (min-width: 768px) and (max-width: 991px) {
    .hero_row {
      align-items: flex-start; } }

.hero__title {
  font-size: 3em;
  color: #004d4a;
  margin: 0 0 48px 0; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .hero__title {
      font-size: 2.7em; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .hero__title {
      font-size: 2.5em; } }
  @media (max-width: 575px) {
    .hero__title {
      font-size: 2.4em; } }

.hero_img {
  width: 100%; }

.hero__subtitle {
  font-size: 1em;
  color: #004d4a;
  margin: 0 0 48px 0; }

.hero_cta-button,
.hero_cta-button-2 {
  border-radius: 80px;
  padding: 8px calc(8px*2);
  transition: all 0.3s;
  margin-bottom: 48px; }
  .hero_cta-button a:hover,
  .hero_cta-button-2 a:hover {
    text-decoration: none;
    color: white; }

.hero_cta-button {
  background-color: #004d4a;
  border: 2px solid #004d4a; }
  .hero_cta-button a {
    color: white;
    padding: 8px; }
  .hero_cta-button:hover {
    background-color: #0a8466;
    border: 2px solid #0a8466;
    color: white; }

.hero_cta-button-2 {
  background-color: #f9f9f9;
  border: 2px solid #004d4a;
  border-style: inset; }
  .hero_cta-button-2 a {
    color: #004d4a;
    padding: 8px; }
  .hero_cta-button-2:hover {
    background-color: #0a8466;
    border: 2px solid #0a8466; }
    .hero_cta-button-2:hover a {
      color: white; }

#page--blog {
  padding: 80px 0; }
  @media (max-width: 575px) {
    #page--blog {
      padding: calc(8px*4) 0; } }
  #page--blog h4 {
    font-size: 1.5em; }
  #page--blog a:hover {
    text-decoration: none;
    color: #0a8466; }

.post-meta {
  font-size: 0.8em; }

#blog .blog-feature {
  margin-bottom: calc(8px*2); }
  #blog .blog-feature p {
    max-width: 650px; }
  #blog .blog-feature img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    padding-bottom: 8px; }

#blog .blog-6 {
  margin-bottom: calc(8px*2); }
  #blog .blog-6 img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    padding-bottom: 8px; }

#blog .blog-archive {
  margin-bottom: calc(8px*2); }
  #blog .blog-archive img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    padding-bottom: 8px; }

/*Single Post CSS*/
.single-post-content {
  padding-top: calc(8px*4);
  color: #004d4a; }
  .single-post-content img {
    width: 100%;
    height: auto;
    padding: calc(8px*2) 0; }
  .single-post-content a {
    color: #0a8466; }

#single-post-header {
  background-color: #f2f1e9;
  color: #004d4a;
  padding: calc(8px*3); }

.blog-post-title {
  font-size: 3em; }

.blog-breadcrumbs {
  display: flex;
  flex-direction: row; }

.post-navigation {
  padding: calc(8px*4) 0;
  color: #004d4a; }
  .post-navigation a:hover {
    color: #0a8466;
    text-decoration: none; }

.wp-block-image figcaption,
.blocks-gallery-caption {
  color: #004d4a;
  font-size: 0.8em;
  font-style: italic;
  margin-top: 0;
  text-align: center; }

.author-box {
  background-color: #eff8f7;
  padding: calc(8px*4); }

.archive-post {
  margin-top: calc(8px*4); }

.author-description i {
  margin-right: 8px; }

.author-description img {
  border-radius: 100%; }

/*Footer Styles*/
#footer {
  background-color: #f9f9f9;
  padding: 30px 0; }
  #footer a {
    color: #004d4a; }
  #footer a:hover {
    color: #0a8466;
    text-decoration: none; }

.footer-subtitle {
  font-size: 0.8em; }

.footer-row {
  display: flex;
  justify-content: center;
  align-content: center;
  margin: auto auto; }

.footer-logo svg path {
  fill: black; }

.fab {
  margin-right: 8px;
  margin-top: 9px; }

.footer-col {
  margin: 8px 0;
  padding: 0; }

.footer-copy {
  font-size: 0.5em;
  text-align: center;
  color: #004d4a; }

#page-map {
  color: #004d4a; }

.legend {
  margin-top: 80px;
  font-size: 0.8em;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; }
  @media (min-width: 576px) and (max-width: 767px) {
    .legend {
      flex-direction: row;
      margin-top: 0; } }
  @media (max-width: 575px) {
    .legend {
      flex-direction: row;
      margin-top: 0; } }

.legend-icon {
  min-width: 150px; }

#about-page {
  padding: 80px 0; }
  @media (max-width: 575px) {
    #about-page {
      padding: calc(8px*4) 0; } }
  #about-page h2, #about-page h3, #about-page p, #about-page li {
    color: #004d4a; }
  #about-page a {
    color: #0a8466; }

/*Partial -- About CSS*/
#rhdv-page {
  color: #004d4a;
  padding: 80px 0; }
  @media (max-width: 575px) {
    #rhdv-page {
      padding: calc(8px*4) 0; } }
  #rhdv-page h2 {
    font-size: 1.8em; }
  #rhdv-page p {
    line-height: 25px; }
  #rhdv-page a:hover {
    color: #0a8466;
    text-decoration: none; }

.link-date {
  font-size: 0.8em;
  font-style: italic; }

#contact-page {
  padding: 80px 0; }
  @media (max-width: 575px) {
    #contact-page {
      padding: calc(8px*4) 0; } }
  #contact-page p {
    color: #004d4a; }
  #contact-page a {
    color: #0a8466; }

.contact-social-row {
  margin-bottom: 1rem; }

.contact-social {
  font-size: 2em;
  padding-right: calc(8px*2); }

.contact-important {
  background-color: #fce277;
  padding: calc(8px*2);
  font-weight: 500; }

.contact_img {
  width: 100%;
  height: auto;
  padding: calc(8px*2); }

/*Partial -- About CSS*/
#partial--about {
  background-color: #004d4a;
  color: #eff8f7;
  padding: 80px 0; }
  #partial--about h2 {
    font-size: 1.8em; }
  #partial--about p {
    line-height: 25px; }
  #partial--about a {
    color: #eff8f7;
    transition: all 0.3s;
    padding: 8px 8px 8px 0;
    display: inline-block;
    margin-top: 8px; }
  #partial--about a:hover {
    text-decoration: none;
    color: #0a8466; }

/*Partial -- Difference CSS*/
#partial--difference {
  padding: 80px 0;
  color: #004d4a; }
  #partial--difference .domestic, #partial--difference .feral {
    min-height: 600px; }
  #partial--difference .domestic {
    background-image: url(./img/domestic-1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }
    #partial--difference .domestic:hover {
      background-image: url(./img/domestic-2.jpg); }
  #partial--difference .feral {
    background-image: url(./img/wild-1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }
    #partial--difference .feral:hover {
      background-image: url(./img/wild-2.jpg); }
  #partial--difference a {
    font-weight: 800;
    color: #0a8466; }

/*CTA CSS*/
.partial--cta {
  padding: 80px 0;
  background-color: #fce277;
  color: #004d4a; }
  .partial--cta h3 {
    font-size: 3em;
    font-weight: 700; }
    @media (max-width: 575px) {
      .partial--cta h3 {
        font-size: 2.4em; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .partial--cta h3 {
        font-size: 2.5em; } }
  .partial--cta p {
    line-height: 25px; }
  .partial--cta a {
    font-weight: 700;
    transition: all 0.3s; }
    .partial--cta a:hover {
      text-decoration: none;
      color: #004d4a;
      padding-left: 8px; }

.cta-row {
  display: flex;
  justify-content: center; }

.cta-report-col {
  display: flex;
  align-items: center; }

/*Partial-Blog CSS*/
#partial--blog {
  background-color: #eff8f7;
  background-size: cover;
  padding: 80px 0; }
  #partial--blog p {
    font-size: 0.9em;
    color: #004d4a; }
  #partial--blog h4 {
    margin-top: 8px; }
  #partial--blog h5 {
    line-height: 19px; }
  #partial--blog a {
    color: #004d4a; }
    #partial--blog a:hover {
      text-decoration: none;
      color: #0a8466; }

.featured-blog--small {
  display: flex;
  flex-direction: row;
  margin-bottom: calc(8px*3); }
  @media (max-width: 575px) {
    .featured-blog--small {
      margin-bottom: calc(8px*1); } }
  .featured-blog--small img {
    width: 144px;
    height: 144px;
    object-fit: cover; }

.featured-blog--small-text {
  margin-left: 8px; }

#sb_instagram {
  padding-bottom: 0 !important; }

/*Partial-Blog CSS*/
#partial--subscribe {
  color: #004d4a;
  padding: 100px 0; }
  #partial--subscribe input {
    padding: 8px;
    border: 1px solid #004d4a;
    background-color: white; }
  #partial--subscribe #mc_embed_signup form {
    text-align: left; }
  #partial--subscribe input[type=submit] {
    background-color: white;
    color: #004d4a;
    border: 1px solid #0a8466; }
    #partial--subscribe input[type=submit]:hover {
      background-color: #0a8466;
      border: 1px solid #0a8466;
      color: white; }

.badge {
  position: absolute;
  left: 70%;
  bottom: 50%; }
  @media (max-width: 575px) {
    .badge {
      display: none; } }

.page-header.wide {
  height: 480px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  overflow: hidden; }
  @media (max-width: 575px) {
    .page-header.wide {
      height: 350px; } }

.page-header.slim {
  height: 180px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  overflow: hidden; }

@media (max-width: 767px) {
  .page-header.blog {
    margin-top: 64px;
    height: auto;
    padding: 80px 0 48px 0; } }

@media (max-width: 575px) {
  .page-header.blog .page-header__heading {
    font-size: 2rem; } }

@media (min-width: 576px) and (max-width: 767px) {
  .page-header.blog .page-header__heading {
    font-size: 3rem; } }

@media (min-width: 768px) and (max-width: 991px) {
  .page-header.blog .page-header__heading {
    font-size: 3rem; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .page-header.blog .page-header__heading {
    font-size: 3rem; } }

@media (min-width: 1200px) {
  .page-header.blog .page-header__heading {
    font-size: 3rem; } }

.page-header__container {
  position: relative; }

.page-header__heading {
  margin: 0 0 8px 0;
  position: relative;
  z-index: 1; }
  @media (max-width: 575px) {
    .page-header__heading {
      font-size: 3rem; } }
  @media (min-width: 576px) and (max-width: 767px) {
    .page-header__heading {
      font-size: 3rem; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .page-header__heading {
      font-size: 3rem; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .page-header__heading {
      font-size: 3rem; } }
  @media (min-width: 1200px) {
    .page-header__heading {
      font-size: 3rem; } }

.page-header__sub-title {
  line-height: 1.75rem;
  position: relative;
  z-index: 1; }
  @media (max-width: 575px) {
    .page-header__sub-title {
      font-size: 1.25rem; } }
  @media (min-width: 576px) and (max-width: 767px) {
    .page-header__sub-title {
      font-size: 1.35rem; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .page-header__sub-title {
      font-size: 1.45rem; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .page-header__sub-title {
      font-size: 1.55rem; } }
  @media (min-width: 1200px) {
    .page-header__sub-title {
      font-size: 1.65rem; } }

.page-header__sub-title-col {
  padding: 0; }

.page-header.green {
  background-color: #0a8466; }
  .page-header.green .page-header__heading {
    color: white; }
  .page-header.green .page-header__sub-title {
    color: white;
    font-weight: 500; }

.page-header.white {
  background-color: #f9f9f9; }
  .page-header.white .page-header__heading {
    color: #004d4a; }
  .page-header.white .page-header__sub-title {
    color: #004d4a;
    font-weight: 500; }

.page-header.cream {
  background: linear-gradient(to right, #f9f9f9 60%, #f2f1e9 40%); }
  .page-header.cream .page-header__heading {
    color: #004d4a; }
  .page-header.cream .page-header__sub-title {
    color: #004d4a;
    font-weight: 500; }

.page-header.blue {
  background: #eff8f7; }
  .page-header.blue .page-header__heading {
    color: #01bd72; }
  .page-header.blue .page-header__sub-title {
    color: #004d4a;
    font-weight: 500; }

#report-form {
  padding: 50px;
  margin: auto auto; }
  @media (max-width: 575px) {
    #report-form {
      padding: 50px 0; } }

#nav--report {
  padding: 20px 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 800; }
  #nav--report a {
    letter-spacing: 1px; }

h1 {
  font-family: 'Gentium Basic', serif;
  font-weight: 700; }

h2 {
  font-weight: 700;
  font-family: 'Gentium Basic', serif; }

h3 {
  font-weight: 700;
  font-family: 'Gentium Basic', serif; }

h4 {
  font-weight: 700;
  font-family: 'Gentium Basic', serif; }

h5 {
  font-family: 'Gentium Basic', serif; }

a {
  color: #004d4a; }
  a:hover {
    color: #001a19; }

p {
  font-family: "Inter", sans-serif; }

li {
  line-height: 1.7em;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  margin-bottom: 0; }

cite {
  font-size: 0.7em;
  color: #004d4a; }

figure {
  margin: 0; }

.full-width {
  width: 100% !important;
  height: auto !important; }

blockquote {
  border-left: 3px solid #fce277;
  padding-left: calc(8px*2);
  font-style: italic;
  font-style: italic; }

.wp-block-gallery .blocks-gallery-item figure {
  margin-bottom: 8px !important; }

.wp-block-gallery .blocks-gallery-item figcaption {
  padding: 0 !important;
  color: #004d4a !important;
  background: 0 !important;
  bottom: calc(-8px*2) !important;
  font-style: italic;
  text-align: left !important; }

#page--default p {
  color: #004d4a; }

#page--default a {
  color: #0a8466; }

/*Resources Page*/
#resources-page {
  padding: 80px 0; }
  @media (max-width: 575px) {
    #resources-page {
      padding: 0; } }
  #resources-page a:hover {
    text-decoration: none;
    color: #0a8466; }
  #resources-page h2 {
    color: #01bd72; }

.resource-link {
  color: #0a8466;
  text-decoration: underline; }

.icon-wrapper {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  width: 44px; }
  .icon-wrapper i {
    color: #0a8466; }
    .icon-wrapper i:hover {
      color: #004d4a; }

.resource-row {
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: solid 1px #e0e0e0;
  display: flex;
  align-items: center; }

.rescue-resources {
  color: #004d4a;
  margin: calc(8px*8) 0; }
  .rescue-resources ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .rescue-resources .table td .rescue-links {
    width: 33%; }

.rescue-location {
  font-size: 0.8em; }

.rescue-name {
  font-weight: 500; }

.resource-substitle {
  font-family: "Inter", sans-serif;
  font-size: 1.3em;
  font-weight: 400;
  margin-bottom: 0; }
  @media (min-width: 768px) and (max-width: 991px) {
    .resource-substitle {
      font-size: 1.1em; } }

.rescue-website {
  font-size: 0.9em; }
  .rescue-website a {
    color: #0a8466; }

.rabbit-rescues button {
  display: flex;
  align-items: center;
  padding: 0 calc(8px*2); }
  .rabbit-rescues button:focus {
    text-decoration: none; }
  .rabbit-rescues button:hover {
    text-decoration: none; }
    .rabbit-rescues button:hover h3, .rabbit-rescues button:hover i {
      color: #0a8466; }

.rabbit-rescues .card-header .fas {
  position: absolute;
  right: calc(8px*4); }

.faq_container {
  margin: 0 0 calc(8px*2) 0; }

.faq_title {
  display: flex;
  flex-direction: row; }

.faq_answer {
  padding: calc(8px*3) 0; }

.td__link {
  width: 50%; }
  .td__link a:hover {
    text-decoration: none;
    color: #0a8466; }

.card-header:first-child {
  border-radius: 0; }

.card-header {
  border-bottom: 0;
  background-color: #f2f1e9;
  font-family: "Inter", sans-serif;
  display: flex; }

.rescue-links {
  display: flex;
  flex-direction: row;
  justify-content: left;
  flex-wrap: wrap; }

.resource-card {
  background-color: white;
  padding: calc(8px*2);
  margin: calc(8px*1) 0;
  min-height: 150px; }
  @media (max-width: 575px) {
    .resource-card {
      min-height: auto; } }
  .resource-card .row {
    margin: 0; }

.resource-col {
  padding: 0 calc(8px*4); }

.resource-col-title {
  padding-right: calc(8px*4); }

.resource-card .fas {
  position: absolute;
  right: calc(8px*4);
  top: 27px; }

.card {
  border-radius: 0;
  border: 0;
  margin: 8px 0; }

.btn-link {
  color: #004d4a; }
  .btn-link:hover {
    color: #004d4a; }

.table td {
  vertical-align: middle; }

.table {
  margin-bottom: 0; }

.back-to-top {
  background: #c2d898;
  padding: 8px;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 100; }
  @media (min-width: 576px) {
    .back-to-top {
      display: none; } }

@media (min-width: 576px) {
  .rescue-resource-mobile {
    display: none; } }

@media (max-width: 575px) {
  .rescue-resource-mobile-hide {
    display: none; } }

body {
  background: #f9f9f9; }

.wp-block-image img {
  max-width: 100%;
  height: auto; }

#page--default {
  padding: 80px 0; }
  @media (max-width: 575px) {
    #page--default {
      padding: calc(8px*4) 0; } }