/* Text Elements */

h1.heading-1 {
  text-align: center;
}

h1 span.heading-text-4 {
  color: #c4c0c0;
  font-size: 1.375rem;
  line-height: 0;
}

h2.name {
  margin-bottom: 0;
  padding: 10px;
  min-height: 50px;
  height: auto;
  background-color: #17171b;
  color: #eeecf8;
  text-align: center;
  font-size: 15px;
  font-family: 'Chelsea Market', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

h2 span.heading-text-5 {
  font-size: .875rem;
  font-family: 'Libre Baskerville', serif;
}

h2 span.heading-text-6 {
  font-size: .875rem;
  font-family: 'Libre Baskerville', serif;
}

h2 span.heading-text-7 {
  font-size: .875rem;
  font-family: 'Libre Baskerville', serif;
}

h2 span.heading-text-8 {
  font-size: .875rem;
  font-family: 'Libre Baskerville', serif;
}

h2 span.heading-text-9 {
  font-size: .875rem;
  font-family: 'Libre Baskerville', serif;
}

h2 span.heading-text-11 {
  font-size: .875rem;
  font-family: 'Libre Baskerville', serif;
}

h2 span.heading-text-14 {
  font-size: .875rem;
  font-family: 'Libre Baskerville', serif;
}

h2 span.heading-text-15 {
  font-size: .875rem;
  font-family: 'Libre Baskerville', serif;
}

h2 span.heading-text-17 {
  font-size: .875rem;
  font-family: 'Della Respira', serif;
}

h2 span.heading-text-18 {
  font-size: .875rem;
  font-family: 'Della Respira', serif;
}

h2 span.heading-text-19 {
  font-size: .875rem;
  font-family: 'Della Respira', serif;
}

h2 span.heading-text-21 {
  font-size: .875rem;
  font-family: 'Della Respira', serif;
}

h2 span.heading-text-22 {
  font-size: .875rem;
  font-family: 'Della Respira', serif;
}

h2 span.heading-text-23 {
  font-size: .875rem;
  font-family: 'Della Respira', serif;
}

h2 span.heading-text-24 {
  font-size: .875rem;
  font-family: 'Della Respira', serif;
}

h2 span.heading-text-25 {
  font-size: .875rem;
}

h2 span.heading-text-20 {
  font-size: .875rem;
  font-family: 'Della Respira', serif;
}

h2 span.heading-text-10 {
  font-size: .875rem;
  font-family: 'Libre Baskerville', serif;
}

h2 span.heading-text-12 {
  font-size: .875rem;
  font-family: 'Libre Baskerville', serif;
}

h2 span.heading-text-13 {
  font-size: .875rem;
  font-family: 'Libre Baskerville', serif;
}

h2 span.heading-text-16 {
  font-size: .875rem;
  font-family: 'Libre Baskerville', serif;
}

p.paragraph.paragraph-1 {
  padding-right: 20px;
  padding-left: 20px;
  max-width: none;
  height: auto;
  color: #575757;
  text-align: left;
}

p.paragraph {
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  max-width: 1200px;
  color: #575757;
  font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

p.paragraph span.paragraph-text-1 {
  color: #c4c0c0;
}

p.paragraph span.paragraph-text-5 {
  background-color: transparent;
  color: #c4c0c0;
}

p.paragraph.bio {
  padding: 10px;
  min-height: auto;
  max-width: none;
  border: .1875rem solid #49484e;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-color: #17171b;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;
  text-align: center;
  text-indent: 0;
  word-spacing: 0;
  font-size: 17px;
  line-height: 1.3;

  background-blend-mode: normal;
}

p.paragraph span.paragraph-text-6 {
  color: #c4c0c0;
}

p.paragraph.paragraph-3 {
  text-align: center;
}

p.paragraph span.paragraph-text-7 {
  color: #929292;
  font-size: .9375rem;
  line-height: 1.29;
}

p.paragraph span.paragraph-text-8 {
  color: #929292;
  font-size: .9375rem;
  line-height: 1.29;
}

p.paragraph span.paragraph-text-9 {
  color: #929292;
  font-size: .9375rem;
  line-height: 1.29;
}

p.paragraph span.paragraph-text-10 {
  color: #929292;
  font-size: .9375rem;
  line-height: 1.29;
}

p.paragraph span.paragraph-text-11 {
  color: #929292;
  font-size: .9375rem;
  line-height: 1.29;
}

p.paragraph span.paragraph-text-12 {
  color: #929292;
  font-size: .9375rem;
  line-height: 1.29;
}

p.paragraph span.paragraph-text-16 {
  color: #929292;
  font-size: .9375rem;
  line-height: 1.29;
}

p.paragraph span.paragraph-text-17 {
  color: #929292;
  font-size: .9375rem;
  line-height: 1.29;
}

p.paragraph.paragraph-4 {
  text-align: center;
}

p.paragraph.paragraph-5 {
  text-align: center;
}

p.paragraph.contact-paragraph {
  padding-right: 20px;
  padding-left: 20px;
  max-width: none;
  height: auto;
  color: #575757;
  text-align: left;
}

span.text-element span.text-text-2 {
  color: #c4c0c0;
}

span.text-element.text-1 {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  font-size: 17px;
}

a.link-text.title {
  padding-left: 15px;
  background-color: transparent;
  color: #cac4db;
  text-align: center;
  font-size: 22px;
  line-height: 33px;

  -webkit-align-self: center;
  -ms-flex-item-align: center;
          align-self: center;
}

a.link-text span.text-link-text-1 {
  font-weight: 400;
  font-size: 2.375rem;
  font-family: 'Libre Baskerville', serif;
  line-height: 1.5;
}

a.link-text span.text-link-text-2 {
  font-size: 3.5625rem;
}

a.link-text span.text-link-text-3 {
  font-size: 3.4375rem;
}

a.link-text.footer-nav {
  padding: 10px 20px;
  color: #fcfcfe;
  text-align: center;
  font-family: 'Roboto', sans-serif;
}

a.link-text span.footer-nav {
  color: #fcfcfe;
}

/* Interaction Elements */

a.link-button.button {
  position: static;
  display: table;
  float: none;
  clear: none;
  margin-right: auto;
  margin-left: auto;
  background-color: #5b4d70;
}

/* Layout Elements */

body.body-1 {
  background-color: #222127;
}

body.body-2 {
  background-color: #222127;
}

.container.container-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  margin-right: 1%;
  margin-left: 1%;
  max-height: 100%;
  height: 100%;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.cats-for-adoption-wrapper {
  display: grid;
  -ms-flex-pack: center;
  margin-top: 20px;
  padding-right: 10px;
  padding-left: 10px;

  grid-template-columns: repeat(auto-fill, minmax(200px, 400px));
  grid-template-rows: auto;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  grid-auto-columns: 21px;
}

.container.container-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  border: 0 solid transparent;
  background-image: url('https://jamiearias.com/charcoal-drawings/ishtar_goddess_of_fertility_and_love_.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: contain;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-m {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  background-image: url('https://jamiearias.com/charcoal-drawings/michael_archangel.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: contain;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-iris {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  background-image: url('https://jamiearias.com/charcoal-drawings/iris_goddess_of_the_sea_and_sky.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: contain;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-ft {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  background-image: url('https://jamiearias.com/oil-paintings/ft.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: contain;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-mission {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  background-image: url('https://jamiearias.com/oil-paintings/across_from_mission.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: contain;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-carmel-ocean {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  background-image: url('https://jamiearias.com/oil-paintings/seacape_30-40_watermark.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: contain;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-sb4 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  background-image: url('https://jamiearias.com/oil-paintings/sb-private-beach.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: contain;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-isis-ireland {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  background-image: url('https://jamiearias.com/charcoal-drawings/isis_of_ireland_angel.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-venus {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  background-image: url('https://jamiearias.com/charcoal-drawings/venus_goddess_of_love.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: contain;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-Nimue {
  padding-top: 38px;
  background-image: url('https://jamiearias.com/charcoal-drawings/nimue_lady_of_the_lake.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: contain;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-Friesian {
  padding-top: 38px;
  background-image: url('https://jamiearias.com/charcoal-drawings/friesian_horsefrom_friesland_netherlands.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: contain;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-divine {
  padding-top: 38px;
  background-image: url('https://jamiearias.com/cc/charcoal-drawings/divine_ecstasy.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: contain;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-raphael {
  padding-top: 34px;
  background-image: url('https://jamiearias.com/cc/charcoal-drawings/raphael_archangel.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: contain;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-lancelot {
  padding-top: 34px;
  background-image: url('https://jamiearias.com/charcoal-drawings/lancelot_and_guinevere_eternal_love.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: contain;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-ft-blkwt {
  background-image: url('https://jamiearias.com/cc/charcoal-drawings/father_time_the_illusionist.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: contain;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-arianrhod {
  background-image: url('https://jamiearias.com/charcoal-drawings/arianrhod_moon_goddess.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: contain;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-Commissioned {
  margin-top: 2%;
  margin-bottom: 2%;
  padding-top: 0;
  background-image: url('https://jamiearias.com/commissioned-artwork/ellie-1-web-b.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: contain;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-Commissioned-2 {
  background-image: url('https://jamiearias.com/commissioned-artwork/audrey-hepburn-1b.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: contain;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.info-container {
  width: 200px;
}

.container.footer-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-bottom: 0;
  background-color: #4f4c5d;

  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.ja-logo-top {
  text-align: center;
}

.container.top-nav-container-2025 {
  text-align: center;
}

.html-element.html-element-2 {
  padding: 5px 20px;
  min-width: 90%;
  min-height: 100%;
  max-width: 90%;
  max-height: 100%;
  width: 90%;
  height: 100%;
  border-width: .1875rem;
  border-color: #3f3f3f;
}

div.responsive-picture.picture-1 {
  position: static;
  display: block;
  float: left;
  padding: 0 20px 20px;
  min-width: 150px;
  min-height: 30%;
  max-width: 20%;
  max-height: 30%;
  width: 20%;

  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
          align-self: auto;
}

div.responsive-picture.picture-1 > picture > img {
  -o-object-position: 30% 30%;
     object-position: 30% 30%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

a.responsive-picture.picture-link-1 {
  max-width: none;
  width: 200px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

div.responsive-picture.picture-2 {
  position: relative;
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  padding: 132px 115px 0 20px;
  min-width: 0vmin;
  max-width: none;
  width: auto;
  background-image: url('../charcoal-drawings/transparent-image-placeholder.png');
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;
  vertical-align: middle;

  background-blend-mode: normal;
}

.html-element.html-element-1 {
  position: static;
  display: table;
  float: none;
  clear: none;
  margin-right: auto;
  margin-left: auto;
  min-width: 400px;
}

div.responsive-picture.picture-3 {
  position: relative;
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  padding: 132px 20px 0;
  min-width: 0vmin;
  max-width: none;
  width: auto;
  vertical-align: middle;
}

div.responsive-picture.picture-4 {
  margin-right: auto;
  margin-left: auto;
  padding-top: 400px;
  padding-bottom: 25px;
}

.html-element.html-element-3 {
  border-radius: 7px;
}

.html-element.html-element-4 {
  -webkit-filter: brightness(2) hue-rotate(345deg) saturate(.65);
          filter: brightness(2) hue-rotate(345deg) saturate(.65);
}

@media screen and (min-width: 23.3125rem) {
  /* Text Elements */

  p.paragraph.paragraph-1 {
    padding-right: 23px;
    padding-left: 23px;
    text-align: left;
  }

  p.paragraph.contact-paragraph {
    padding-right: 23px;
    padding-left: 23px;
    text-align: left;
  }

  a.link-text span.text-link-text-1 {
    font-size: 2.75rem;
  }

  a.link-text.title {
    margin-right: 10%;
    margin-left: 10%;
    padding-right: 10%;
    padding-left: 10%;
    text-align: center;
    font-size: 17px;
  }

  /* Layout Elements */

  .container.cats-for-adoption-wrapper {
    padding-right: 20px;
    padding-left: 20px;
  }

  .container.container-1 {
    margin-right: 5%;
    margin-left: 5%;
  }

  .container.ja-logo-top {
    text-align: center;
  }

  .container.top-nav-container-2025 {
    text-align: center;
  }

  .container.container-Commissioned {
    margin-top: 3%;
    margin-bottom: 3%;
  }

  div.responsive-picture.picture-2 {
    padding-top: 212px;
  }
}

@media screen and (min-width: 40rem) {
  /* Text Elements */

  h1 span.heading-text-4 {
    color: #fdfdfd;
    font-size: 1.5rem;
  }

  h2.name {
    font-size: 20px;
  }

  p.paragraph span.paragraph-text-1 {
    color: #c4c0c0;
  }

  p.paragraph {
    padding-right: 0;
    padding-left: 0;
  }

  p.paragraph.paragraph-1 {
    padding-right: 25px;
    padding-left: 25px;
    text-align: left;
  }

  p.paragraph.contact-paragraph {
    padding-right: 25px;
    padding-left: 25px;
    text-align: left;
  }

  a.link-text.title {
    margin-right: 15%;
    margin-left: 15%;
    padding-right: 15%;
    padding-left: 15%;
    min-width: 50px;
    max-width: 80%;
    width: 80%;
    text-align: center;
  }

  /* Layout Elements */

  body.body-2 {
    background-color: #222127;
  }

  body.body-1 {
    background-color: #222127;
  }

  .container.cats-for-adoption-wrapper {
    grid-template-columns: repeat(auto-fill, minmax(200px, 300px));
  }

  .container.container-1 {
    margin-right: 10%;
    margin-left: 10%;
  }

  .container.ja-logo-top {
    text-align: center;
  }

  .container.top-nav-container-2025 {
    text-align: center;
  }

  .container.container-Commissioned {
    margin-top: 4%;
    margin-bottom: 4%;
  }

  div.responsive-picture.picture-3 {
    padding-top: 123px;
  }

  div.responsive-picture.picture-2 {
    padding-top: 130px;
  }

  .html-element.html-element-5 {
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 64rem) {
  /* Text Elements */

  p.paragraph {
    color: #575757;
  }

  p.paragraph.paragraph-1 {
    padding-right: 30px;
    padding-left: 30px;
    text-align: center;
  }

  p.paragraph.contact-paragraph {
    padding-right: 30px;
    padding-left: 30px;
    text-align: center;
  }

  p.paragraph.paragraph-2 {
    text-align: center;
  }

  p.paragraph.paragraph-6 {
    text-align: center;
  }

  p.paragraph a.paragraph-text-2 {
    color: #f7fbfe;
  }

  p.paragraph a.paragraph-text-3 {
    color: #f9fdff;
  }

  a.link-text.title {
    margin-right: 15%;
    padding-right: 15%;
    padding-left: 15%;
    min-width: 80px;
    font-size: 35px;
  }

  /* Layout Elements */

  body.body-1 {
    text-align: center;
  }

  .container.cats-for-adoption-wrapper {
    margin-right: auto;
    margin-left: auto;
    max-width: 2000px;

    grid-template-columns: repeat(auto-fill, minmax(200px, 300px));
  }

  .container.info-container {
    padding-left: 0;
  }

  .container.container-1 {
    margin-right: 15%;
    margin-left: 15%;
    max-width: 80%;
    text-align: center;
  }

  .container.ja-logo-top {
    margin-right: 10%;
    margin-left: 10%;
    text-align: center;
  }

  .container.top-nav-container-2025 {
    margin-right: auto;
    margin-left: auto;
    padding-right: 5%;
    padding-left: 5%;
    min-width: 90%;
    max-width: none;
    width: auto;
    text-align: center;
  }

  .container.container-Commissioned {
    margin-top: 5%;
    margin-bottom: 5%;
  }

  .html-element.html-element-2 {
    max-width: 80%;
  }

  .html-element.html-element-5 {
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    width: 90%;
  }

  div.responsive-picture.picture-2 {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 130px;
    padding-right: 8.16%;
    padding-left: 1.42%;
  }
}