/* reset styles */

/**
Orange Buttons

#f17d2e

Hover: #f8883c

**/

/* @CHARSET "ISO-8859-1"; */

/* import fonts */
/* 	@import url('https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&family=Solway:wght@300;400;500;700;800&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
	@import url('https://fonts.perfectpets.au/isidora/style.css'); 
*/
@import url("./fonts.css");

/** defaults **/
:root {
  --green-100: #e2eeda;
  --green-300: #9bbfa2;
  --green-500: #799c8c;
  --green-600: #00af9b;
  --green-700: #00a090;

  --green-alert: #4ebab0;

  --blue-100: #ddeee7;
  --blue-200: #e6f1f8; /* #F4FAFD; */
  --blue-300: #97adc8;
  --blue-400: #0575b5;
  --blue-500: #637b9a;
  --blue-600: #006299;
  --blue-700: #1b4167;
  --blue-800: #14324f;
  --blue-hover: #025584;

  --duotone-light: #d2e3ed;
  --duotone-dark: #04649a;

  --coral-100: #fffdfa;
  --coral-200: #fceddd;
  --coral-300: #f6d2aa;
  --coral-400: #ebb792;
  --coral-500: #d7a78b;
  --coral-600: #c88056;
  --coral-700: #ba6b3c;

  --orange: #d1733d; /* #F17720;  #DB784E; */
  --orange-100: #f17d2e;
  --orange-200: #ef7906;
  --orange-300: #fab373;

  --yellow: #ffa31a;

  --rust-100: #e5dbdb;
  --rust-300: #c99492;
  --rust-500: #b17777;

  --red: #c84141;
  --red-hover: #e45353;
  --error: #c84141;
  --search-focus: #f4f4f4;
  --search-message: #828282;

  --neutral-100: #f7f3f0;
  --neutral-200: #e0dddb;
  --neutral-300: #b9b5af;
  --neutral-400: #96928a;
  --neutral-500: #7e7970;

  --teal-300: #daeddf;
  --teal-400: #a4d3ce;
  --teal-500: #7dc7bf;
  --teal-600: #13949d;
  --teal-700: #1f798d;

  --tab-border: #cbcccd;
  --outline: var(--blue-500);

  --default-font:
    "Nunito", "Livvic", "Poppins", "Montserrat", system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
    "Open Sans", "Helvetica Neue", sans-serif;
  --menu-font: "Poppins", "Livvic", "Montserrat";

  --home-search: #17ae9c;
  --header-blue: #006299; /* #3f6e9c; */
  --footer-blue: #006299;
  --menu-header-blue: #bae5ff;
  --white: #ffffff;
  --black: #000000;
  --background: #f8f8f7;
  --listing-h2: #9b9992;

  --border-radius-12: 1rem;
}

html {
  font-size: 18px;
}

html.no-scroll {
  overflow: hidden;
}

body {
  font-family: var(--default-font);
  color: var(--blue-700); /* #424b5a; */
  line-height: 1.4rem;
  font-weight: 400;
  letter-spacing: 0rem;
  font-size: 1rem;
  background: var(--background); /* var(--coral-100); */
}

/** all other content **/
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.pp-footer {
  margin-top: auto;
}

/** Headings **/

h1,
h2,
h3,
legend {
  font-family:
    "Poppins",
    "Nunito",
    "Solway",
    "Livvic",
    "Montserrat",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
}

h1 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2rem;
  margin: 0.2rem 0;
}

h2 {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 700;
  margin: 0.2rem 0;
}

h3 {
  font-size: 1.3rem;
  line-height: 1.875rem;
  font-weight: 700;
  margin: 0.2rem 0;
}

h4,
h5 {
  font-family:
    "Livvic",
    "Montserrat",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  margin: 0.2rem 0;
}

/** heading overrides */
h1.profile-name,
.listing-h1 {
  margin-top: 1.5rem;
  font-size: 1.9rem;
  line-height: 2.5rem;
}

h2.profile-h2,
h2.listing-h2,
.profile-listing-contact-container h2 {
  font-size: 1.5rem;
  line-height: 1.8rem;
}

h2.profile-h2,
h2.listing-h2 {
  margin-top: 0rem;
  font-size: 1rem;
  line-height: 1.3rem;
  font-weight: 600;
  color: var(--listing-h2);
}

.pp-user-dashboard-content h1 {
  margin-bottom: 1rem;
}
.pp-user-dashboard-content h2 {
  font-size: 1.4rem;
  line-height: 1.875rem;
  color: var(--blue-700);
  margin-bottom: 0;
}

.pp-user-dashboard-content h3 {
  font-size: 1.1rem;
  line-height: 1.5rem;
  margin: 0.2rem 0;
}

/** Links **/

a,
a:link,
a:visited {
  color: var(--blue-600); /* #0575b5; */
  text-decoration: underline;
  /* font-weight: 600; */
}

a:hover {
  color: var(--blue-hover);
  text-decoration: underline;
}

a.btn {
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  justify-content: center;
}
a.btn.btn-primary,
a.btn.btn-green {
  color: var(--white);
}

a.btn-secondary {
  color: var(--blue-600);
}

h1 a,
h2 a,
h3 a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h1 a:visited,
h2 a:visited,
h3 a:visited h1 a:link,
h2 a:link,
h3 a:link {
  text-decoration: none;
}

/** Buttons **/

.btn {
  font-size: 1rem;
  padding: 12px 24px 12px 24px;
  border: none;
  border-radius: var(--border-radius-12);
  user-select: none;
  text-decoration: none;
  font-weight: 700;
}

.btn:hover,
.btn:focus,
.btn:active {
  box-shadow: none;
}

.btn:focus,
.btn:active,
.btn:active:focus {
  outline-offset: 3px;
  outline-color: var(--outline);
  box-shadow: none;
}

.btn-primary {
  color: var(--white);
  background-color: var(--blue-600);
  border: 2px var(--blue-600) solid;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--blue-400);
  border-color: var(--blue-400);
}

.btn-primary:disabled {
  background-color: var(--neutral-100);
  color: var(--neutral-300);
  cursor: not-allowed;
}

.btn-secondary {
  background-color: var(--white);
  color: var(--blue-600);
  border: 2px var(--blue-600) solid;
}
.btn-secondary:hover,
.btn-secondary:focus {
  color: var(--blue-700);
  border-color: var(--blue-700);
}

.btn-secondary:disabled {
  /* background-color: var(--neutral-100); */
  color: var(--neutral-300);
  border-color: var(--neutral-300);
  cursor: not-allowed;
}

.btn-tertiary {
  color: var(--blue-600);
  background-color: transparent;
  border: none;
}
.btn-tertiary:hover,
.btn-tertiary:focus {
  background-color: var(--blue-200);
  border: none;
}
.btn-tertiary:disabled {
  color: var(--neutral-300);
  border-color: var(--neutral-300);
  cursor: not-allowed;
}

.btn-orange,
.btn-orange:visited,
.btn-orange:link {
  background-color: var(--orange);
  border: solid 2px var(--orange);
  color: var(--white);
}

.btn-orange:hover,
.btn-orange:focus {
  background-color: var(--orange-300);
  border-color: var(--orange-300);
  color: var(--white);
}

.btn-green {
  background-color: var(--green-700);
  border: solid 2px var(--green-700);
  color: var(--white);
}

.btn-green:hover,
.btn-green:focus {
  background-color: var(--green-600);
  border-color: var(--green-600);
  color: var(--white);
}

.btn-user-links {
  border: 1px solid var(--neutral-200);
}

.btn-user-links:hover,
.btn-user-links:focus {
  border-color: var(--neutral-300);
}

.btn-red,
a.btn-red {
  color: var(--white);
  background-color: var(--red);
  border: 2px solid var(--red);
}

.btn-red:hover,
.btn-red:focus,
a.btn-red:hover,
a.btn-red:focus {
  color: var(--white);
  background-color: var(--red-hover);
  border-color: var(--red);
}

.btn-save {
  width: 100%;
}

.btn-save-container {
  margin-top: 1.5rem;
  display: flex;
  gap: 2rem;
  align-items: center;
}

.btn-save-container .btn-save {
  flex-grow: 1;
  width: auto;
}

.breed-health-check-content-action button {
  width: 100%;
  margin-bottom: 1rem;
}

.btn-join,
.btn-join:visited,
.btn-join:active {
  font-size: 0.9rem;
  color: var(--white);
  background: var(--orange);
}
.btn-join:hover,
.btn-join:focus {
  color: var(--white);
  background: var(--orange);
}

.btn-home-search,
.btn-home-search:visited,
.btn-home-search:active,
.btn-home-search:link {
  background: var(--home-search);
  color: var(--white);
  border-color: var(--home-search);
  text-decoration: none;
}
.btn-home-search:hover,
.btn-home-search:focus {
  background: var(--home-search);
  color: var(--white);
  border-color: var(--home-search);
  text-decoration: none;
}

/** button as tabs */
.btn-tab {
  border: none;
  display: inline-block;
  padding: 12px;
  font-weight: 600;
  /* background: #17ae9c; */
  background-color: var(--white);
  color: var(--blue-600);
  /* border-bottom: 4px var(--coral-100) solid; */
}

.btn-tab:hover,
.btn-tab:focus,
.btn-tab:hover:active,
.btn-tab.selected {
  /* border-bottom: 4px var(--coral-400) solid; */

  color: var(--orange);
  /* background-color: var(--coral-400); */
}

/** a + btn icons **/
a span.fas,
a span.fab,
a span.fa,
.btn span.fas,
.btn span.fab,
.btn span.fa {
  margin: 0 0.5rem 0 0;
}

.btn .glyphicon {
  margin: 0 0.2rem;
}

/** file upload buttons **/

.fileupload-buttonbar button {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .fileupload-buttonbar .files button span,
  .fileupload-buttonbar .files .btn span {
    display: inline-block;
  }
  .btn-save-container {
    flex-direction: column;
  }

  .btn-save-container .btn-save {
    width: 100%;
  }
}

/** form inputs **/

fieldset {
  margin-bottom: 2rem;
}

legend {
  border: none;
}

label {
  font-weight: 400;
}
.has-error .control-label,
label.control-label.error {
  color: var(--blue-700);
}

.reg-user-types.has-error .reg-user-type {
  color: var(--error);
}

.form-control {
  height: 2.5rem;
  padding: 0px 12px;
  color: var(--blue-700);
  font-weight: 400;
  border: 1px var(--blue-300) solid;
  font-size: 1rem;
}
.form-control::placeholder {
  color: var(--neutral-500);
}
.form-control:focus {
  box-shadow: none;
  border: 3px var(--tab-border) solid;
}

.input-group .form-control {
}
.input-group .input-group-addon {
  border-color: var(--blue-300);
  background-color: #ffffff;
  color: var(--blue-700);
}

/** form errors */
.has-error .help-block,
.has-error .checkbox,
.has-error .radio,
input.form-control.has-error {
  color: var(--error);
}

.has-error .input-group-addon {
  color: var(--error);
  border-color: var(--error);
}

.services-error .help-inline {
  color: var(--error);
  display: inline-block;
  margin-bottom: 1rem;
}

.pwdreveal {
  cursor: pointer;
}
#pwdreveal .pwdrevealtext,
.pwdreveal .pwdrevealtext {
  display: inline-block;
  margin-left: 0.5rem;
}

/** Alert overrides **/
.alert {
  margin-bottom: 1rem;
}
.alert-danger {
  color: var(--error);
  border-color: var(--error);
}

.alert-info {
  background-color: var(--blue-200);
  border-color: var(--blue-300);
  color: var(--blue-700);
}

.alert-success {
  /* background-color: var(--green-100);
	border-color: var(--green-500);
	color: var(--green-500); */
  background-color: var(--teal-300);
  border-color: var(--teal-400);
  color: var(--blue-700);
}

.alert-warning {
  background-color: var(--coral-200);
  border-color: var(--coral-500);
  color: var(--coral-700);
}

.label-info {
  background-color: var(--blue-100);
  border-color: var(--blue-300);
  color: var(--blue-700);
}

.alert .alert-bold {
  font-weight: 600;
}

/** Cards */

.pp-card-items {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: stretch;
}

.pp-card-item {
  margin-bottom: 2rem;
  flex-basis: 100%;
  background: #ffffff;
  border: 1px #ffffff solid;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  box-shadow: 6px 6px 16px rgb(0 0 0 / 12%);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.pp-card {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.pp-card-content a {
  /* width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
  display: inline-block;
}

.pp-card-footer p span {
  display: inline-block;
  margin-right: 0.5rem;
}

.pp-card-link {
  font-size: 1rem;
}

.pp-card-content {
  padding: 0.25rem 1rem;
}

.pp-card-image {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 0.5rem 1rem;
}

.pp-card-image a {
  min-height: 250px;
  background: var(--white);
  display: flex;
  align-items: center;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  overflow: hidden;
  width: 100%;
}
.pp-card-image a img {
  max-width: 100%;
  position: static;
  vertical-align: middle;
  margin: auto;

  object-position: center;
}

.pp-card-image a img:first-of-type {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.pp-card-image a img:last-of-type {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.pp-card-footer {
  padding: 0.25rem 1rem;
}

@media (min-width: 768px) {
  .pp-card-item {
    margin-right: 1.3rem;
    flex-basis: calc(50% - 24px);
  }
}

@media (min-width: 1024px) {
  .pp-card-item {
    margin-right: 1.3rem;
    flex-basis: calc(33.33% - 16px);
  }
  .pp-card-item:nth-of-type(3n) {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  fieldset {
    margin-bottom: 1rem;
  }
}

/** home page **/

.special-home-content {
  margin-top: 2rem;
  margin-bottom: 3rem;
  display: flex;
  gap: 2rem;
  align-items: center;
  position: relative;
}

.special-home-content .video {
  flex-grow: 1;
}

.special-home-content .video video {
  width: 500px;
}

.special-home-content .video-content {
  font-size: 1.2rem;
  line-height: 1.8rem;
}

/* .special-home-content .sharethis-sticky-share-buttons {
	position: absolute !important;
	top: 100% !important;
	display: flex !important;
} */

@media (max-width: 992px) {
  .special-home-content {
    flex-direction: column;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 1rem;
    gap: 1rem;
  }

  .special-home-content .video video {
    width: 600px;
  }

  .special-home-content .video-content {
    font-size: 1.1rem;
    line-height: 1.6rem;
  }
}

@media (max-width: 768px) {
  .special-home-content .video video {
    width: 450px;
  }
}

@media (max-width: 500px) {
  .special-home-content .video video {
    width: 350px;
  }
}

/** Scam alerts */

.scamsite {
  padding: 0.8rem 0;
}
.scamsite:hover {
  background-color: var(--blue-200);
}

.scamsiteview {
  /*  text-align: right; */
}

.scamsitedetail {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid var(--blue-300);
  background-color: var(--blue-200);
}

.scamsitedetail p {
  padding: 10px 0;
}

.scamheader {
  margin-top: 3rem;
  margin-bottom: 1rem;
}

.scamheader p {
  font-weight: 500;
  font-size: 1.5em;
}

.scam-filter-list-item {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.scamok {
  color: green;
  width: 100%;
}

#scamalert-filter-list {
}

.scamok:before {
  text-align: center;
  display: block;
}

.scamalert-front-btn {
  display: flex;
  flex-direction: row;
  gap: 2rem;
}

.scamalert-front-btn .btn-scamalert {
  flex-grow: 1;
}

.btn-scamalert-loadmore {
  display: inline-block;
  width: 75%;
}

#scamalert-form .help-text {
  margin-top: 1.3em;
  margin-bottom: 0.2em;
  color: var(--neutral-500);
}

#scamalert-form fieldset {
  margin-bottom: 20px;
}

#scamalert-form legend {
  color: var(--blue-700);
  border: none;
  font-weight: 700;
}

.btn_submit-container {
  margin: 1em 0 2em 0;
}

@media screen and (max-width: 768px) {
  .scamsiteview {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
  }
  .scamok:before {
    text-align: left;
  }

  .scamalert-front-btn {
    flex-direction: column;
  }
}

/** Blog cards and blog post */

.blog-post-card {
  box-shadow: 6px 6px 16px rgb(0 0 0 / 12%);
  border-radius: 1rem;
  border-top-right-radius: 1rem;
  background: #ffffff;
  margin-bottom: 1rem;
}
.blog-post-card--image img {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.blog-post-card--content {
  padding: 0.5rem;
}

.blog-post-card--content h2 {
  font-size: 1.5rem;
  line-height: 2rem;
}

.blog-pot-card--footer {
  padding: 0.5rem;
}

.blog-post-full {
  padding: 0.8rem;
  background: var(--white);
  box-shadow: 0px 0px 16px rgb(0 0 0 / 12%);
  border-radius: var(--border-radius-12);
}

/** Search Cards ?? */

/** Banner styling **/

.pp-banner .pp-banner-wrapper {
  position: relative;
  overflow: hidden;
}

.pp-banner .pp-banner-wrapper .banner-search {
  position: absolute;
  bottom: 2.8rem;
  width: 100%;
  text-align: center;
}

.pp-banner .pp-banner-wrapper .banner-search a,
.pp-banner .pp-banner-wrapper .banner-search a:visited,
.pp-banner .pp-banner-wrapper .banner-search a:link {
  color: var(--white);
  background: var(--home-search);
  text-decoration: none;
  /* align-items: center;
	justify-content: center; */
  gap: 1.5rem;
  padding: 0.5rem 5rem;
  font-size: 1.2rem;
}

.pp-banner .pp-banner-wrapper .banner-search a:hover,
.pp-banner .pp-banner-wrapper .banner-search a:focus {
  color: var(--white);
  text-decoration: none;
  background: var(--home-search);
}

.pp-banner .pp-banner-wrapper .banner-control {
  display: inline-block;
  padding: 1rem;
  position: absolute;
  top: 45%;
  /* background: var(--black); */
  opacity: 0.8;
  color: var(--black);
  /* z-index: 20; */
  font-size: 2rem;
}

.pp-banner .pp-banner-wrapper .banner-control.banner-control-m {
  display: none;
  font-size: 1.5rem;
}

.pp-banner .pp-banner-wrapper .banner-control.disabled {
  pointer-events: none;
  cursor: default;
  color: var(--neutral-200);
  opacity: 1;
  display: none;
}

.pp-banner .pp-banner-wrapper .banner-control:hover {
  opacity: 1;
}

.pp-banner .pp-banner-wrapper .banner-control.left {
  left: 0;
}

.pp-banner .pp-banner-wrapper .banner-control.right {
  right: 0;
}

.pp-banner-desktop,
.pp-banner-mobile {
  position: relative;
  background: var(--neutral-100);
  display: flex;
  transition: 1s;
}

.pp-banner-mobile {
  display: none;
}

.pp-banner-desktop {
  min-height: 300px;
}

.pp-banner-mobile {
  min-height: 150px;
}

.pp-banner-desktop .pp-banner-container,
.pp-banner-mobile .pp-banner-container {
  flex: 1 0 100%;
}

.pp-banner .pp-banner-container {
  position: relative;
  /* position: absolute;
	opacity: 0;
	left:-99rem;
	top: 0; */
}

.pp-banner .pp-banner-container.disabled {
  /* transition-property: opacity left;
	transition-duration: 2s;
	opacity: 1;
	left: 0; */
}

.pp-banner .pp-banner-container .pp-banner-image {
}
.pp-banner .pp-banner-container .pp-banner-image-text {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  color: var(--white);
  font-size: 1.5rem;
  line-height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--default-font);
}

.pp-banner .pp-banner-container .pp-banner-image-text {
  font-weight: 600;
  font-size: 1.7rem;
}

.pp-banner .pp-banner-container .pp-banner-image-text h1,
.pp-banner .pp-banner-container .pp-banner-image-text h2 {
  font-family: var(--default-font);
  font-weight: 500;
}

.pp-banner .pp-banner-container .pp-banner-image-text h1 {
  font-size: 4rem;
  line-height: 4.5rem;
}

.pp-banner .pp-banner-container .pp-banner-image-text div:first-of-type {
  /* max-width: 70%; */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pp-banner .pp-banner-container a.pp-banner-link,
.pp-banner .pp-banner-container a.pp-banner-link:visited,
.pp-banner .pp-banner-container a.pp-banner-link:hover,
.pp-banner .pp-banner-container a.pp-banner-link:focus {
  text-decoration: none;
  color: var(--white);
}

@media (max-width: 992px) {
  /* .pp-banner {
		padding-top: 6rem;
	} */
  /* .pp-banner .pp-banner-container .pp-banner-image-text{
		top: 1rem;
		left: 1rem;
		font-size: 1rem;
		line-height: 1.2rem;
	} */

  .pp-banner .pp-banner-wrapper .pp-banner-mobile {
    display: flex;
  }
  .pp-banner .pp-banner-wrapper .banner-control.banner-control-m {
    display: inline-block;
  }
  .pp-banner .pp-banner-wrapper .banner-control.disabled {
    display: none;
  }

  .pp-banner .pp-banner-wrapper .pp-banner-desktop {
    display: none;
  }
  .pp-banner .pp-banner-wrapper .banner-control.banner-control-d {
    display: none;
  }

  .pp-banner .pp-banner-container .pp-banner-image-text div:first-of-type {
    max-width: 90%;
  }
}

@media (max-width: 768px) {
  .pp-banner .pp-banner-wrapper .pp-banner-mobile {
    display: flex;
  }

  .pp-banner .pp-banner-wrapper .banner-control.banner-control-m {
    display: inline-block;
  }
  .pp-banner .pp-banner-wrapper .banner-control.disabled {
    display: none;
  }

  .pp-banner .pp-banner-wrapper .pp-banner-desktop {
    display: none;
  }

  .pp-banner .pp-banner-wrapper .banner-control.banner-control-d {
    display: none;
  }

  .pp-banner .pp-banner-wrapper .banner-search {
    bottom: 1rem;
  }

  .pp-banner .pp-banner-wrapper .banner-search a,
  .pp-banner .pp-banner-wrapper .banner-search a:visited,
  .pp-banner .pp-banner-wrapper .banner-search a:link {
    padding: 0.5rem 3rem;
    font-size: 1.1rem;
  }

  .pp-banner .pp-banner-container .pp-banner-image-text {
    top: 23%;
    font-size: 1rem;
    line-height: 1.3rem;
    text-align: center;
  }

  .pp-banner .pp-banner-container .pp-banner-image-text h1,
  .pp-banner .pp-banner-container .pp-banner-image-text h2 {
    font-size: 1.5rem;
    line-height: 1.7rem;
  }

  /* .pp-banner {
		padding-top: 8rem;
	} */
  /* .pp-banner .pp-banner-container .pp-banner-image-text{
		top: 1rem;
	}
	.pp-banner .pp-banner-container .pp-banner-image-text h1,
	.pp-banner .pp-banner-container .pp-banner-image-text h2{
		font-size: 1.2rem;
		line-height: 1.4rem;
	} */
  /* .pp-banner .pp-banner-container .pp-banner-image-text h3 {font-size: 1.1rem; line-height:1.3rem;} */
}

/** tooltip / Popover **/

.tooltip.top .tooltip-arrow {
  border-top-color: var(--blue-200);
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: var(--blue-200);
}
.tooltip.right .tooltip-arrow {
  border-right-color: var(--blue-200);
}
.tooltip.left .tooltip-arrow {
  border-left-color: var(--blue-200);
}
.tooltip .tooltip-inner {
  border-radius: 1rem;
  box-shadow: 6px 6px 16px rgb(0 0 0 / 12%);
  background: var(--blue-200);
  color: var(--blue-800);
  font-weight: 600;
  padding: 0.5rem 0.6rem;
  font-size: 0.8rem;
}

.tooltip.in {
  opacity: 1;
}

.popover {
  border-radius: 1rem;
  box-shadow: 6px 6px 16px rgb(0 0 0 / 12%);
  background: var(--blue-200);
  color: var(--blue-800);
  border-color: var(--blue-200);
  font-weight: 500;
}

.popover.top > .arrow {
  border-top-color: var(--blue-300);
}

.popover.top > .arrow:after {
  border-top-color: var(--blue-300);
}

.popover.bottom > .arrow {
  border-bottom-color: var(--blue-300);
}

.popover.bottom > .arrow:after {
  border-bottom-color: var(--blue-300);
}

.popover.right > .arrow {
  border-right-color: var(--blue-300);
}

.popover.right > .arrow:after {
  border-right-color: var(--blue-300);
}

.popover.left > .arrow {
  border-left-color: var(--blue-300);
}

.popover.left > .arrow:after {
  border-left-color: var(--blue-300);
}

/** images */

/* img[data-src] {
	opacity: 0;
}

img.lazyloading {
	opacity: 1;
    transition: opacity 0.3s;
} */

/** panell overrides **/
.panel-default {
  border-color: #d9d9d9;
}
.panel-default > .panel-heading {
  color: inherit;
  background-color: #ffffff;
  border-color: var(--blue-200);
  padding-top: 0;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #ffffff;
  border-top: none; /* 1px solid var(--coral-200); */
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

/** breadcrumbs */

.pp-breadcrumbs ol.breadcrumb {
  font-family: "Nunito", "Livvic", "Poppins";
  background-color: var(--background);
  margin-bottom: 0.1rem;
}
.pp-breadcrumbs ol.breadcrumb > li {
  padding: 0.875rem 0rem;
}

.pp-breadcrumbs ol.breadcrumb li a {
  color: var(--orange);
  text-decoration: none;
  font-weight: 700;
}
.pp-breadcrumbs ol.breadcrumb > li + li:before {
  color: var(--neutral-300);
  padding: 0 0.6rem;
}
.pp-breadcrumbs ol.breadcrumb li a:hover,
.pp-breadcrumbs ol.breadcrumb li a:focus,
.pp-breadcrumbs ol.breadcrumb li a:visited {
  text-decoration: underline;
}

.pp-breadcrumbs ol.breadcrumb li span {
}

@media (max-width: 768px) {
  .pp-breadcrumbs ol.breadcrumb > li {
    padding: 0.3rem 0rem;
  }
}

/** FINAL HEADER STYLES **/

/***
NEW HEADER / Main Menu

***/

body {
  position: relative;
}

/** announcements */
.site-announcement {
  background: var(--blue-200);
  padding: 0.5rem;
}

.site-announcement .container {
  overflow: hidden;
  padding: 0;
}

.site-announcement-container {
  position: relative;
  min-height: 30px;
  display: flex;
  /* transition: all 2s linear; */
}

.site-announcement-container .announcement.active {
}
.site-announcement-container .announcement {
  flex: 1 0 100%;
}

/** all headerwrapper */
.header-wrapper {
  background: var(--header-blue);
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}

.header-wrapper .fa-stack-user-icon .icon-new-message,
.side-mobile-menu-wrapper .fa-stack-user-icon .icon-new-message {
  line-height: 1rem;
  text-align: right;
  top: 0 !important;
  font-size: 0.6rem;
}

.user-message-icon {
  font-size: 0.5rem;
}

/** Main menu desktop */

#main-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  padding: 0.8rem 2rem;
}

.flex-header {
  display: flex;
}

.main-menu-container {
  justify-content: flex-end;
  align-items: center;
  flex: 1 0 0;
  font-family: var(--menu-font);
}

#main-menu ul.main-menu-container-items {
  display: flex;
  align-items: center;
  gap: 24px;
}

#main-menu ul.main-menu-container-items a.main-menu-link-desktop,
#main-menu ul.main-menu-container-items a.main-menu-link-desktop:hover,
#main-menu ul.main-menu-container-items a.main-menu-link-desktop:visited,
#main-menu ul.main-menu-container-items a.main-menu-link-desktop:focus,
#main-menu ul.main-menu-container-items a.main-menu-link-desktop:link {
  color: var(--white);
}

#main-menu ul.main-menu-container-items a.main-menu-link-desktop.btn {
  padding: 6px 12px;
}

#main-menu ul.main-menu-container-items .main-menu-dropdown {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  transition: all 0.3s ease-in-out;
  width: 100%;
  text-align: left;
  color: var(--white);
  background: var(--blue-700);
  padding: 4rem 2rem 6rem 2rem;
  font-size: 0.85rem;
}

#main-menu ul.main-menu-container-items .main-menu-dropdown .sub-heading {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  font-weight: bold;
  color: var(--orange-300);
}

#main-menu
  ul.main-menu-container-items
  .main-menu-dropdown
  .sub-heading-insert {
  margin-top: 1.5rem;
}

#main-menu ul.main-menu-container-items .main-menu-dropdown a {
  color: var(--white);
  padding: 0.3rem 0;
  display: inline-block;
}

#main-menu ul.main-menu-container-items li > a {
  text-decoration: none;
}

#main-menu ul.main-menu-container-items li.show .main-menu-dropdown {
  visibility: visible;
  opacity: 1;
}

.main-menu-desktop-container {
  display: flex;
  align-items: flex-start;
  gap: 6.5rem;
  justify-content: center;
}

#main-menu span.user-icon,
#main-menu-side span.user-icon {
  font-size: 1.5rem;
}

/* Header Logo */
.header-logo {
  padding: 0.6rem;
}
.header-logo img {
  height: 2.4rem;
}

/** main menu desktop side */

.main-menu-container-side-desktop {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem 2rem 0.5rem 1rem;
  margin-bottom: 10px;
  gap: 1rem;
  color: #ffffff;
}

.main-menu-container-side-desktop a {
  color: #ffffff;
}

/** mobile view  */

@media (max-width: 1199px) {
  .flex-header-logo {
    flex: 1 0 0;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  #main-menu {
    padding: 0.5rem 1rem;
    justify-content: normal;
  }

  #main-menu .header-logo {
    width: 250px;
    padding: 0.3rem;
  }
  #main-menu .header-logo img {
    height: auto;
  }

  .main-menu-container-side-desktop {
    padding: 0.5rem;
  }
}

@media (max-width: 450px) {
  /* #main-menu .header-logo{
		width: 180px;
		
	} */

  .main-menu-container-side-desktop {
    padding: 0.5rem;
  }
}

@media (max-width: 380px) {
  #main-menu .header-logo {
    width: 180px;
  }

  .main-menu-container-side-desktop {
    padding: 0.5rem;
  }
}

.mobile-header-button #nav-toggle,
.mobile-toggle-close #mobile-nav-toggle {
  color: #ffffff;
  opacity: 1;
  padding: 0.6rem 0.8rem;
  display: flex;
  align-items: center;
  background-color: transparent;
  background-image: none;
  outline: none;
  min-width: 1rem;
  min-height: 1rem;
}

.mobile-header-button #nav-toggle:focus,
.mobile-toggle-close #mobile-nav-toggle:focus {
  outline: auto;
}

.mobile-header-button #nav-toggle svg,
.mobile-toggle-close #mobile-nav-toggle svg {
  width: 1.5rem;
  height: 1.5rem;
}

/** main menu mobile? side */

.side-mobile-menu-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: all 0.3s ease-in-out;
  transform: translateX(-100%) translateY(0) rotate(0) skewX(0) skewY(0)
    scaleX(1) scaleY(1);
  z-index: 1000;

  /* height: 100vh; */
  background: var(--blue-600);
  color: var(--white);
  overflow-x: hidden;
  overflow-y: auto;
}

.main-menu-container-side-mobile {
  height: calc(100% - 66px);
  overflow-y: auto;
}
/* .main-menu-container-side-mobile header{height: 100%;} */
.side-mobile-menu-container {
}

.side-mobile-menu {
  padding: 0.5rem;
}

.side-mobile-item-menu-links {
}

.main-menu-container-side-mobile a {
  text-decoration: none;
}
.main-menu-container-side-mobile a,
.main-menu-container-side-mobile a:hover,
.main-menu-container-side-mobile a:visited,
.main-menu-container-side-mobile a:focus,
.main-menu-container-side-mobile a:active,
.side-mobile-menu-footer a,
.side-mobile-menu-footer a:hover,
.side-mobile-menu-footer a:visited,
.side-mobile-menu-footer a:focus,
.side-mobile-menu-footer a:active {
  color: var(--white);
  padding: 0.6rem 0;
  display: inline-block;
}

.main-menu-container-side-mobile a.btn {
  padding: 12px 24px 12px 24px;
}

.side-mobile-menu-wrapper.open {
  transform: translateX(0);
}

.mobile-toggle-close {
  display: flex;
  flex: 1 0 0;
  align-items: center;
  justify-content: flex-end;
}

.mobile-toggle-close #mobile-nav-toggle {
  color: var(--white);
}

.side-mobile-item {
  padding: 0.5rem;
  border-bottom: 1px solid var(--neutral-200);
}

.side-mobile-item:last-of-type {
  border: none;
}

.side-mobile-item .side-mobile-item-button {
  display: flex;
  align-items: center;
  position: relative;
  border: none;
  background: transparent;
  width: 100%;
  text-align: left;
  padding: 0.6rem 0;
}

.side-mobile-item .side-mobile-item-button.side-mobile-item-button-user {
  gap: 0.6rem;
}

.side-mobile-item .side-mobile-item-button span.icon {
  height: 14px;
  flex-grow: 1;
  text-align: right;
}

/** mobile sub menus */

.side-mobile-item-sub-menu {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: calc(100% - 66px);
  z-index: 100;
  color: #ffffff;
  background: var(--blue-600);
  transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
  opacity: 0;
  overflow-x: hidden;
  visibility: hidden;
  transition: all 0.3s ease;
  padding: 0.6rem 0.5rem;
}

.side-mobile-item-sub-menu.show {
  visibility: visible;
  left: 0;
  opacity: 1;
  transition: all 0.3s ease;
}

.side-mobile-item-submenu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}

.side-mobile-item-submenu-header .side-mobile-item-user {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.side-mobile-item-submenu-header button.submenu-back,
.side-mobile-item-submenu-header button.submenu-close {
  border: none;
  background: transparent;
}

.side-mobile-item-submenu-header button.submenu-close {
  color: var(--white);
}

.side-mobile-item-submenu-header button.submenu-close svg {
  height: 1.5rem;
  width: 1.5rem;
}

.side-mobile-item-submenu-links {
  padding: 0.5rem;
}

.side-mobile-item-submenu-links li {
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--neutral-200);
}

.side-mobile-item-submenu-links li:last-of-type {
  border: none;
}

.side-mobile-item-submenu-links .sub-heading {
  padding: 0.6rem 0;
  margin: 0;
}

.side-mobile-item-submenu-links .sub-heading.mobile-up-down {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.side-mobile-item-submenu-links .mobile-links {
  overflow: hidden;
  height: 0;
  font-size: 0.85rem;
  transition: all 500ms ease-in-out;
}

.side-mobile-item-submenu-links .mobile-links.show {
  height: 100%;
}

.side-mobile-item-submenu-links .mobile-links li {
  border: none;
  padding: 0;
}

.pageOverlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  background: #363636;
  transition:
    opacity 0.3s ease-in-out,
    visibility 0.3s ease-in-out;
}

.pageOverlay.is-visible {
  opacity: 0.5;
  visibility: visible;
}

.side-mobile-menu-footer {
  height: 66px;
  background: var(--blue-600);
  padding: 0.5rem 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.side-mobile-menu-footer .find-us {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1.5rem;
}

@media (min-width: 450px) {
  .side-mobile-menu-wrapper {
    width: 400px;
  }
}

/* main menu handle search dropdown? */
.main-menu-container-side-desktop .searchlink-container .searchlink {
  cursor: pointer;
}

.main-menu-container-side-desktop .searchlink-container .searchlink-form {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  transition: all 0.3s ease-in-out;
  width: 100%;
  text-align: left;
  background: #ffffff;
  padding: 8rem 15rem;
  color: var(--white);
  background-color: var(--blue-700);
}

.main-menu-container-side-desktop .searchlink-container.show .searchlink-form {
  visibility: visible;
  opacity: 1;
}

.navsearch-options {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}

.navsearch-options button,
.navsearch-options button:hover,
.navsearch-options button:focus,
.navsearch-options button:visited {
  color: var(--white);
  padding: 0 0 0.5rem 0;
  border: none;
  border-bottom: 1px solid var(--blue-700);
  background: transparent;
}

.navsearch-options button.active {
  border-color: var(--orange-300);
  color: var(--orange-300);
}

#navsearch-wrapper .navsearch-hint {
  display: flex;
  justify-content: center;
  /* text-align: center; */
  padding: 1rem 0;
  color: var(--orange-300);
}

.navsearch-wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 1.5rem;
  justify-content: center;
}

.navsearch-wrapper #navsearch-kw-input {
  /* flex-grow: 1; */
  width: 14rem;
}

#navsearch-kw,
#navsearch-kw:focus-visible,
#navsearchbarGeocoder-input,
#navsearchbarGeocoder-input:focus,
#navsearchbarGeocoder-input:focus-visible {
  display: block;
  width: 100%;
  border: none;
  padding: 0.5rem;
  border-bottom: 1px solid var(--white);
  background: var(--blue-700);
  color: var(--white);
  outline: none;
  outline-width: 0;
}

#navsearchbarGeocoder-input,
#navsearchbarGeocoder-input:focus,
#navsearchbarGeocoder-input:focus-visible {
  padding-left: 2rem;
  height: 2.4rem;
}

.navsearch-wrapper #navsearch-kw::placeholder,
.navsearch-wrapper #navsearchbarGeocoder-input::placeholder {
  color: var(--neutral-200);
  font-size: 0.9rem;
  font-style: italic;
}

.navsearch-wrapper .navsearch-btn,
.navsearch-wrapper .navsearch-btn:hover,
.navsearch-wrapper .navsearch-btn:focus,
.navsearch-wrapper .navsearch-btn:visited {
  border: none;
  background: var(--orange-300);
  color: var(--blue-700);
}

.navsearch-suggestions a.navsearch-suggest-link {
  color: var(--white);
}

.mapboxgl-ctrl-geocoder.mapboxgl-ctrl {
  box-shadow: none;
}

.navsearch-input {
  background: var(--blue-700);
}

.navsearch-input .mapboxgl-ctrl-geocoder--icon {
  fill: var(--white);
}

.navsearch-input .mapboxgl-ctrl-geocoder--icon-close {
  fill: var(--white);
}

.navsearch-input .mapboxgl-ctrl-geocoder--button {
  background: var(--blue-700);
}

@media (max-width: 1300px) {
  .main-menu-container-side-desktop .searchlink-container .searchlink-form {
    padding: 5rem 10rem;
  }
}

@media (max-width: 1024px) {
  .main-menu-container-side-desktop .searchlink-container .searchlink-form {
    padding: 5rem 4rem;
  }
}

@media (max-width: 760px) {
  #navsearch-separator {
    display: none;
  }

  .navsearch-wrapper {
    flex-direction: column;
  }

  .navsearch-wrapper #navsearch-kw-input {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .main-menu-container-side-desktop .searchlink-container .searchlink-form {
    padding: 5rem 1rem;
  }
}

/** New messaging **/

.chat-messaging-container {
}
.chat-messaging-container .chat-top {
  display: flex;
  align-items: baseline;
  position: relative;
}

.chat-messaging-container .chat-bottom {
  display: flex;
  align-items: baseline;
  background: var(--white);
  border-radius: var(--border-radius-12);
  position: relative;
  min-height: 550px;
}

.chat-messaging-container .chat-bottom #chat-container-name {
  display: none;
}

.chat-messaging-container #chat-action-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
  background: var(--background);
}

.chat-messaging-container #chat-action-container #chat-action-back {
  flex-grow: 1;
}

.chat-messaging-container #chat-action-container #chat-action-back span {
  display: none;
}

.chat-messaging-container #chat-action-container .chat-action-item {
  padding: 0.8rem;
  display: inline-block;
  text-decoration: none;
}

.chat-messaging-container #chat-action-container .chat-action-item .fa-2x {
  font-size: 1rem;
}

.chat-messaging-container .chat-side-container {
}

/**********************************************************/

.message-login-text {
  margin-bottom: 1rem;
}

#messaging-container {
  margin: 2rem 0 1rem 0;
  position: relative;
}

#messaging-container #chat-room-chats {
  flex-basis: 30%;
  align-self: stretch;
  background: var(--white);
  padding: 0.5rem;
  border-radius: var(--border-radius-12);
}

#messaging-container #chat-room-messages {
  flex-grow: 1;
  flex-basis: 70%;
}

#messaging-container #chat-folders {
  display: flex;
  align-items: baseline;
}

#messaging-container #chat-folders .chat-folder-tab a {
  padding: 0.8rem;
  display: inline-block;
  text-decoration: none;
}

#messaging-container #chat-folders .chat-folder-tab a.active {
  text-decoration: underline;
}

#messaging-container #chat-filter {
  padding: 0.5rem 0;
  position: relative;
}

#messaging-container #chat-filter .chat-filter-container {
  position: absolute;
  right: 0.1rem;
  top: 0.8rem;

  display: flex;
  align-items: center;
  gap: 0.1rem;
}
#messaging-container #chat-filter .chat-filter-clear {
  padding: 0.5rem;
}
#messaging-container #chat-filter .chat-filter-clear:hover,
#messaging-container #chat-filter #chat-show-archived:hover {
  cursor: pointer;
}

#messaging-container #chat-filter #chat-filter-input {
  border-radius: 10px;
  border-color: var(--tab-border);
}

#messaging-container #chat-filter #chat-filter-input:focus {
  background: var(--background);
}

#messaging-container #user-chats {
  max-height: 450px;
  overflow-y: auto;
  padding: 0.2rem;

  scrollbar-width: thin;
  scrollbar-color: var(--blue-300) var(--blue-200);
}

#messaging-container #user-chats ul li {
  padding: 0.5rem 0.5rem;
}

#messaging-container #user-chats ul li span {
  display: block;
}

#messaging-container #user-chats ul li span.chat-name {
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

#messaging-container #user-chats ul li span.chat-name .user-message {
  font-weight: normal;
  font-size: 0.5rem;
}

#messaging-container #user-chats ul li.user-chat-room {
  margin-bottom: 0.5rem;
  /* padding: 0.3rem;
	border: 1px solid var(--tab-border);
	border-radius: var(--border-radius-12); */
}

#messaging-container #user-chats ul li.user-chat-room:hover,
#messaging-container #user-chats ul li.user-chat-room:focus {
  background: var(--background);
  cursor: pointer;
}

#messaging-container #user-chats ul li.user-chat-room.open {
  background: var(--blue-200);
}

#messaging-container #user-chats ul li.open {
  background: var(--blue-400);
}
#messaging-container #user-chats ul li span.chat-stub {
  font-size: 0.7rem;
}
#messaging-container #user-chats ul li span.chat-date {
  font-size: 0.875rem;
}

#messaging-container #user-chats ul li span.chat-archive-room,
#messaging-container #user-chats ul li span.chat-archive-room span {
  display: inline-block;
}
#messaging-container #user-chats ul li.user-chat-room .chat-archive-room {
  padding: 0.3rem;
  text-align: right;
}

#messaging-container #chat-message-container {
  background: var(--white);
  border-radius: var(--border-radius-12);
  padding: 0.5rem;
}

#messaging-container #chat-message-container #chat-container {
  overflow-y: auto;
  height: 350px;
  padding: 0.8rem;

  scrollbar-width: thin;
  scrollbar-color: var(--blue-300) var(--blue-200);
}

#messaging-container #chat-message-container #chat-container * {
  overflow-anchor: none;
}

#messaging-container #chat-message-container #chat-container #chat-anchor {
  overflow-anchor: auto;
  height: 1px;
}

#messaging-container
  #chat-message-container
  #chat-container
  .chat-container-message {
  margin: 1rem 0;
  display: flex;
  justify-content: left;
}

#messaging-container
  #chat-message-container
  #chat-container
  .chat-container-message.you {
  justify-content: right;
}

#messaging-container
  #chat-message-container
  #chat-container
  .chat-container-message
  .chat-container-message-wrapper {
  max-width: 85%;
}

#messaging-container
  #chat-message-container
  #chat-container
  .chat-container-message
  .message {
  padding: 1rem;
  background: var(--background);
  border: 1px solid var(--tab-border);
  border-radius: 18px 18px 18px 0;
  margin-bottom: 0.5rem;
}

#messaging-container
  #chat-message-container
  #chat-container
  .chat-container-message.you
  .message {
  background: var(--blue-400);
  color: #ffffff;
  border-radius: 18px 18px 0 18px;
}

#messaging-container
  #chat-message-container
  #chat-container
  .chat-container-message
  .date,
#messaging-container
  #chat-message-container
  #chat-container
  .chat-container-message
  .chat-link {
  font-size: 0.875rem;
  margin-bottom: 0.3rem;
}

#messaging-container #chat-form {
  margin-top: 1.5rem;
}
#messaging-container #chat-form-container {
  position: relative;
  border: 1px solid var(--neutral-200);
  border-radius: 18px;
  padding: 0.5rem;
  background-color: #ffffff;
}

#messaging-container #chat-form-container #chat-form-text,
#messaging-container #chat-form-container #chat-form-text:focus {
  resize: none;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  border: none;
  outline: none;
  box-shadow: none;
}

@media (min-width: 768px) and (max-width: 991px) {
  .chat-messaging-container .chat-top,
  .chat-messaging-container .chat-bottom {
    display: block;
  }

  .chat-messaging-container #chat-room-messages,
  .chat-messaging-container #chat-action-container {
    transition: all 1s ease-in-out;
    position: absolute;
    left: -999rem;
    z-index: 30;
    width: 100%;
    top: 0;
  }

  .chat-messaging-container #chat-room-messages.showme,
  .chat-messaging-container #chat-action-container.showme {
    left: 0;
  }

  .chat-messaging-container #chat-action-container #chat-action-back span {
    display: inline-block;
  }

  .chat-messaging-container .chat-bottom #chat-container-name {
    display: block;
  }
}

@media (max-width: 767px) {
  .chat-messaging-container .chat-top,
  .chat-messaging-container .chat-bottom {
    display: block;
  }

  .chat-messaging-container #chat-room-messages,
  .chat-messaging-container #chat-action-container {
    transition: all 1s ease-in-out;
    position: absolute;
    left: -999rem;

    z-index: 30;
    width: 100%;
    top: 0;
  }
  .chat-messaging-container #chat-room-messages.showme,
  .chat-messaging-container #chat-action-container.showme {
    left: 0;
  }

  .chat-messaging-container #chat-action-container #chat-action-back span {
    display: inline-block;
  }

  .chat-messaging-container .chat-bottom #chat-container-name {
    display: block;
  }
}

#messaging-container #chat-form-container #chat-form-send {
  display: flex;
  justify-content: flex-end;
}

#messaging-container #chat-send {
  background: #ffffff;
  border: none;
  outline: none;
  padding: 0.5rem;
}

#messaging-container #chat-send.disabled {
  background: #cccccc;
}

#messaging-container #chat-send:focus {
  background: var(--background);
  border-radius: var(--border-radius-12);
}

#messaging-container #chat-send span {
  font-size: 1.5rem;
}

.message-contact-report h1 {
  margin: 1.5rem 0;
  font-size: 1.3rem;
}

.message-contact-report .message-report-contact-message {
  margin: 0 0 1.8rem 0;
}

/** New searchbar **/
.open-search-bar-container {
  background: var(--background);
  position: relative;
  z-index: 4;
  text-align: center;
}

#open-search-bar {
  z-index: 5;
  position: relative;
  margin: 0.6rem 0;
  width: 60%;
  gap: 1rem;
  align-items: center;
}

.home-search-box {
  position: relative;
  transition: all 1s ease-in-out;
}

.new-search-bar-container {
}

.new-search-bar {
  margin: 1rem 0;
  font-family: "Poppins", "Nunito", "Livvic";
  background: var(--background);
}

.new-search-bar .search-category-select {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  margin-bottom: 0.8rem;
}

.new-search-bar .search-bar-wrapper {
  box-shadow: 0px 0px 16px rgb(0 0 0 / 12%);
  background: #ffffff;
  padding: 0.5rem;
  border-radius: var(--border-radius-12);
}

.new-search-bar .search-title {
  padding: 0.5rem;
  font-size: 1rem;
  text-align: center;
}

.new-search-bar .search-title p {
  margin: 0;
  color: var(--search-message);
  font-size: 0.9rem;
}

.new-search-bar-box {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  /* border: 1px solid #cccccc; */
  padding: 0.1rem;
  position: relative;
}

.new-search-bar-box .new-search-bar-box-item {
  height: 52px;
  border-right: 2px solid var(--tab-border);
}

.new-search-bar-box input {
  height: 3rem;
}

.new-search-bar-box .new-search-bar-box-item.last {
  border: none;
}

.new-search-bar-box
  .new-search-bar-box-item
  .search-location-input
  .mapboxgl-ctrl {
  padding: 0;
}

.new-search-bar-box
  .new-search-bar-box-item
  .search-location-input
  .mapboxgl-ctrl
  .mapboxgl-ctrl-geocoder--input {
  padding: 6px 5px 6px 35px;
}

.new-search-bar-box
  .new-search-bar-box-item
  .search-location-input
  .mapboxgl-ctrl-geocoder--icon-search {
  top: 1rem;
}

.search-category-select button {
  /* border-top-left-radius: var(--border-radius-12);
	border-top-right-radius: var(--border-radius-12); */
  padding: 6px 12px;
  /* box-shadow: 0 -5px 12px rgb(0 0 0 / 12%); */
  background: none;
  font-size: 1.2rem;
  font-weight: 500;
}

.search-category-select button:focus,
.search-category-select button:active,
.search-category-select button:active:focus {
  outline: none;
  color: var(--blue-600);
}

.search-category-select button:hover,
.search-category-select button.selected {
  text-decoration: underline;
  color: var(--blue-600);
}

.search-category-select button.selected {
  font-weight: 600;
}

.search-category-input .input-group-addon,
.search-pet-input .input-group-addon {
  border: none;
  /* display: flex;
	align-items: center;
	padding:1px 12px;
	min-width: 250px; */
  /* border-bottom: 1px solid #ccc; */
}

.search-category-input-text {
  flex-grow: 1;
  border: none;
}

.search-location-box {
  background: #ffffff;
  min-width: 240px;
}

.search-location-input {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  min-width: 240px;
  min-height: 2.3rem;
  background: #ffffff;
}

.search-location-input span.fa-solid {
  font-size: 1rem;
}

#search-category-box {
  /* position: relative; */

  background: #ffffff;
}

#search-category-suggest {
  position: absolute;
  left: -7px;
  top: 4.2rem;
  /* background: #ffffff; */
  z-index: 20;
  width: 50%;
  /* border: 1px solid #ccc;
	border-top-color: #fff; */
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15);
}

#search-category-suggest.open {
  /* padding: 0.8rem; */
}

#search-category-suggest .search-box-cat-suggest-list {
  /* border: 1px solid #ccc;
	border-top: none;
	width: 100%;
	 */
  max-height: 20rem;
  overflow-y: auto;
  background: #ffffff;
  padding: 0.5rem;
}

#search-category-suggest .search-box-cat-suggest-list .cat-suggest-item a {
  padding: 0.5rem 0.3rem;
  font-size: 1rem;
  font-weight: 400;
}

#search-category-suggest .search-box-cat-suggest-list .cat-suggest-item a:hover,
#search-category-suggest
  .search-box-cat-suggest-list
  .cat-suggest-item
  a:focus {
  background: var(--blue-200);
}

#search-category-suggest .search-box-cat-suggest-list .cat-suggest-item a {
  display: block;
  text-decoration: none;
}

.search-pet-box {
  padding: 0 0.3rem;
}

.search-keywords-box {
  padding: 0 0.3rem;
}

.search-location-box {
  padding: 0 0.3rem;
}

.search-pet-box .search-pet-input input:hover,
.search-pet-box .search-pet-input input:focus,
.search-keywords-box .search-keywords-input input:hover,
.search-keywords-box .search-keywords-input input:focus,
.search-location-box .search-location-input input:hover,
.search-location-box .search-location-input input:focus,
.search-category-input .search-category-input-text:hover,
.search-category-input .search-category-input-text:focus,
.search-location-input .mapboxgl-ctrl-geocoder--input:hover,
.search-location-input .mapboxgl-ctrl-geocoder--input:focus {
  background: var(--search-focus);
}

.search-location-box .search-location-suggest {
  position: absolute;
  top: 4.2rem;
  width: 50%;
  z-index: 20;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15);
  font-weight: 400;
  overflow-y: auto;
  max-height: 20rem;
  padding: 0.5rem;
  background: #ffffff;
}

.search-pet-box .search-pet-suggest {
  position: absolute;
  top: 4.2rem;
  width: 50%;
  padding: 0.5em;
  z-index: 20;
  background-color: var(--white);
  max-height: 20rem;
  overflow-y: auto;
  /* border: 1px solid #ccc;
	border-top-color: #fff; */
  /* font-size: 0.875rem; */
  font-weight: 400;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15);
}

.search-pet-box .search-pet-suggest .search-box-pet-suggest-list ul {
  margin-bottom: 0;
}

.search-pet-box .search-pet-suggest .search-box-pet-suggest-list-title {
  padding: 0.5rem 0.3rem;
  cursor: pointer;
  margin-bottom: 0;
}

.search-pet-box .search-pet-suggest .pet-suggest-item a {
  display: block;
  padding: 0.5rem 0.3rem;
  text-decoration: none;
  margin-bottom: 0;
}

.search-pet-box .search-pet-suggest .search-box-pet-suggest-list-title {
  text-decoration: none;
}

.search-pet-box .search-pet-suggest .search-box-pet-suggest-list-title:hover,
.search-pet-box .search-pet-suggest .pet-suggest-item:hover {
  text-decoration: none;
  background: var(--blue-200);
}

.search-pet-box .search-pet-suggest .pet-suggest-item a.selected,
#search-category-suggest
  .search-box-cat-suggest-list
  .cat-suggest-item
  a.selected,
.search-box-pet-suggest-list-title.selected {
  background: var(--blue-200);
}

.search-box-input,
.search-category-input-text,
.search-category-input-text:focus .search-box-input:focus {
  border: none;
  border-radius: 0;
  box-shadow: none;
  /* border-bottom: 1px solid #cccccc; */
}

.search-location-input .mapboxgl-ctrl-geocoder--input {
  border: none;
  height: 34px;
  /* border-bottom: 1px solid #cccccc; */
  /* 
    ppadding: 0px 12px; */
  height: 3rem;
  color: var(--blue-700);
  font-weight: 400;
  font-family: "Poppins", "Livvic", "Nunito";
  font-size: 1rem;
  box-shadow: none;
}

/* search geo results */

.search-location-input .mapboxgl-ctrl {
  border: none;
  box-shadow: none;
  padding: 4px;
  font-family: var(--default-font);
  font-size: 0.875rem;
}

.search-location-input .mapboxgl-ctrl-geocoder--icon-search {
  top: 1rem;
}

@media screen and (max-width: 1199px) {
  .home-search-box {
    overflow: hidden;
  }

  .new-search-bar-container {
    position: absolute;
    top: -99rem;
    transition: all 1s ease-in-out;
    width: 100%;
  }
  /* .new-search-bar {
	
	}

	 .showme .new-search-bar-container {
		top: 0;
	} */

  .new-search-bar-box {
    flex-direction: column;
  }

  .new-search-bar-box .new-search-bar-box-item {
    width: 100%;
    border: none;
  }

  .new-search-bar-box .new-search-bar-box-item input {
    border: 1px solid var(--tab-border);
  }

  .new-search-bar-box .new-search-bar-box-item input:focus {
    border: 2px solid var(--tab-border);
  }

  .new-search-bar .search-bar-wrapper {
    /* box-shadow: none; */
    background: #ffffff;
    padding: 0.5rem;
    border-radius: none;
  }

  .search-category-box,
  .search-category-input,
  #search-category-suggest,
  .search-pet-box,
  #search-pet-suggest,
  .search-keywords-box,
  .search-keywords-input,
  .search-location-box,
  .searchbar-btn,
  .search-button-box,
  #searchbar-btn {
    width: 100%;
  }

  #search-category-suggest {
    top: 3rem;
    left: 0;
  }

  .search-pet-box .search-pet-suggest {
    top: 6rem;
    left: 0;
  }

  .search-category-input {
    padding: 0;
  }

  .search-category-input .input-group-addon,
  .search-pet-input .input-group-addon {
    border: 1px solid var(--tab-border);
    border-left: none;
  }

  .search-location-input .mapboxgl-ctrl-geocoder {
    width: 100%;
    max-width: 100%;
  }

  #search-category-box,
  .search-pet-box {
    margin-right: 0;
  }

  .search-button-box {
    margin-top: 1rem;
  }

  .search-category-select button {
    font-size: 1rem;
  }
  .search-pet-box {
    padding: 0;
  }

  .search-keywords-box {
    padding: 0;
  }
}

@media (max-width: 768px) {
  #open-search-bar {
    width: 80%;
  }
}

/** Home page */
.block-home--cont.block-home--profile-listing {
  margin: 1rem 0;
}

.block-home--search {
  margin: 1rem 0;
}

.block-home--search a {
  width: 100%;
  margin-bottom: 1rem;
}

/** Search page */

.search-results-container {
  padding-top: 0rem;
}

h1.search-results-heading {
  font-size: 1.2rem;
  color: var(--blue-600);
  font-weight: 600;
}

.search-results-container .search-results .results-sps {
  color: var(--blue-600);
}

.search-results-container .search-results .items {
  margin-top: 1rem;
}

.services-search-result-view,
.listing-search-result-view {
  border: 1px solid var(--white);
  border-radius: 1rem;
  box-shadow: 6px 6px 16px rgb(0 0 0 / 12%);
  padding: 0.2rem;
}

.search-results-container .search-results .list-view .profile-view-title,
.search-results-container .search-results .list-view .listings-view-title,
.search-results-container .featured-listing-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  font-family: "Poppins", "Livvic", "Nunito";
  font-weight: 600;
}

.search-results-container
  .search-results
  .list-view
  .profile-view-title
  .breeder-q-icons,
.search-results-container
  .search-results
  .list-view
  .listings-view-title
  .breeder-q-icons,
.search-results-container .featured-listing-title .breeder-q-icons {
  flex-basis: 60%;
  flex-grow: 1;
  margin: 0;
}

.search-results-container
  .search-results
  .list-view
  .profile-view-title
  .breeder-q-icons
  .bq-icons,
.search-results-container
  .search-results
  .list-view
  .listings-view-title
  .breeder-q-icons
  .bq-icons,
.search-results-container .featured-listing-title .breeder-q-icons .bq-icons {
  margin: 0;
}

.search-results-container .search-results .list-view h2.title {
  font-size: 1.2rem;
  line-height: 1.3rem;
  text-transform: none; /* uppercase */
}

.search-results-container .list-view .listing-search-result-view .cost,
.search-results-container .search-featured-pet .cost {
  margin: 0.525rem 0;
}

.search-results-container
  .list-view
  .services-search-result-view
  .image-wrapper,
.search-results-container
  .list-view
  .listing-search-result-view
  .image-wrapper {
  position: relative;
  /*  display: inline-block;
    width: 150px; */
}

.search-results-container
  .list-view
  .services-search-result-view
  .image-wrapper
  img,
.search-results-container
  .list-view
  .listing-search-result-view
  .image-wrapper
  img {
  border-radius: var(--border-radius-12);
}

/* .search-results-container .listings-view-type,
.search-results-container .profile-view-listings, */
.search-results-container .location,
.search-results-container .featured {
  text-align: right;
  font-family: "Poppins", "Livvic", "Nunito";
  font-weight: 600;
  flex-grow: 1;
}

.search-results-container .location {
  color: var(--blue-600);
}

.search-results-container .listings-view-type span {
  padding: 5px 8px;
  color: var(--duotone-dark);
  background: var(--duotone-light);
  border-radius: var(--border-radius-12);
  display: inline-block;
  font-weight: 600;
}

.search-results-container .profile-view-listings a {
  display: inline-block;
  color: var(--white);
  background: var(--green-600);
  border-radius: var(--border-radius-12);
  padding: 5px 8px;
  text-decoration: none;
}

.search-results-container
  .list-view
  .services-search-result-view
  .image-wrapper
  .image-count,
.search-results-container
  .list-view
  .listing-search-result-view
  .image-wrapper
  .image-count {
  position: absolute;
  bottom: 5px;
  padding: 2px 5px;
  background: #ffffff;
  opacity: 0.8;
  visibility: hidden;
}

.search-results-container
  .list-view
  .services-search-result-view
  .image-wrapper:hover
  .image-count,
.search-results-container
  .list-view
  .listing-search-result-view
  .image-wrapper:hover
  .image-count {
  visibility: visible;
}

.search-results-container .list-view .services-search-result-view .distance,
.search-results-container .list-view .listing-search-result-view .distance {
  /* margin-top: 1rem; */
}

.search-results-container .search-featured-pet {
  border: 1px solid var(--white);
  border-radius: 1rem;
  box-shadow: 6px 6px 16px rgb(0 0 0 / 12%);
  padding: 0.2rem;
  background: var(--white);
  margin-bottom: 1.5rem;
}

.search-results-container .search-featured-pet.panel-default > .panel-heading,
.search-results-container .search-featured-pet.panel-default > .panel-footer {
  background: var(--white);
}

.search-results-container .search-featured-pet .featured-title-wrapper {
  display: flex;
  gap: 0.6rem;
  align-items: center;
}

/* .search-results-container .search-featured-pet.panel-default>.panel-heading .featured-breed a,
.search-results-container .search-featured-pet.panel-default>.panel-heading .featured-breed a:visited,
.search-results-container .search-featured-pet.panel-default>.panel-heading .featured-breed a:link, */
.search-results-container
  .search-featured-pet.panel-default
  > .panel-footer
  .featured
  a,
.search-results-container
  .search-featured-pet.panel-default
  > .panel-footer
  .featured
  a:visited,
.search-results-container
  .search-featured-pet.panel-default
  > .panel-footer
  .featured
  a:link {
  color: var(--orange);
}
/* .search-results-container .search-featured-pet.panel-default>.panel-heading .featured-breed a:hover, */
.search-results-container
  .search-featured-pet.panel-default
  > .panel-footer
  .featured
  a:hover,
.search-results-container
  .search-featured-pet.panel-default
  > .panel-footer
  .featured
  a:focus {
  color: var(--orange-300);
}

.search-results-container
  .search-featured-pet
  .featured-title-wrapper
  .featured
  a,
.search-results-container
  .search-featured-pet
  .featured-title-wrapper
  .featured
  a:visited,
.search-results-container
  .search-featured-pet
  .featured-title-wrapper
  .featured
  a:link {
  color: var(--orange);
  text-decoration: none;
}

.search-results-container
  .search-featured-pet
  .featured-title-wrapper
  .featured
  a:hover,
.search-results-container
  .search-featured-pet
  .featured-title-wrapper
  .featured
  a:focus {
  color: var(--orange-300);
}

.search-featured-pet .search-featured--pet-header {
  font-size: 1.2em;
  margin: 0.5em 0;
}

.search-featured-pet .featured-link {
  display: inline-block;
  margin-left: 5px;
}

.search-featured-pet h2.featured-breed {
  font-size: 1.2rem;
  line-height: 1.8rem;
}

@media (max-width: 992px) {
  .search-results-container .search-results .list-view .profile-view-title,
  .search-results-container .search-results .list-view .listings-view-title {
    margin-bottom: 0.5rem;
  }
}

@media (max-width: 768px) {
  .search-results-container
    .list-view
    .services-search-result-view
    .description,
  .search-results-container .list-view .listing-search-result-view .description,
  .search-results-container .search-featured-pet .description {
    margin-top: 1rem;
  }

  .search-results-container .listings-view-type,
  .search-results-container .profile-view-listings {
    text-align: left;
    font-size: 0.8rem;
  }

  .search-results-container
    .search-featured-pet.panel-default
    > .panel-footer
    .results-footer
    div {
    margin-bottom: 0.5rem;
  }

  .search-results-container
    .search-results
    .list-view
    .profile-view-title
    .breeder-q-icons,
  .search-results-container
    .search-results
    .list-view
    .listings-view-title
    .breeder-q-icons,
  .search-results-container .featured-listing-title .breeder-q-icons {
    flex-basis: 50%;
  }
}

/** pagination */
ul.pagination li a {
  border: none;
  background: transparent;
  color: var(--blue-700);
}

ul.pagination li.first a,
ul.pagination li.last a,
ul.pagination li.search-prev a,
ul.pagination li.search-next a {
  color: var(--coral-600);
}

ul.pagination li a:hover,
ul.pagination li a:focus,
ul.pagination li.selected a {
  background-color: var(--blue-500);
  color: #ffffff;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 0;
}

/** dropdowns **/

.dropdown ul.dropdown-menu {
  border-radius: 0 0 0.6rem 0.6rem;
  border: none;
}
.dropdown ul.dropdown-menu > li > a {
  color: var(--blue-700);
  font-size: 0.9rem;
  line-height: 1.125rem;
  padding: 0.5rem 1rem;
  font-weight: 400;
  text-decoration: none;
}

.dropdown ul.dropdown-menu li a:hover,
.dropdown ul.dropdown-menu li.active a {
  background-color: var(--blue-200);
  color: var(--blue-700);
}

/** list groups **/

.fileupload-buttonbar ul.list-group {
  border-radius: 1rem;
  box-shadow: 6px 6px 16px rgb(0 0 0 / 12%);
  padding: 0;
}
.list-group-item {
  border-color: var(--neutral-200);
}

.list-group-item:last-child {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.list-group-item:first-child {
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
}

/** General site **/

.pp-flash-msg .alert:first-of-type {
  margin-top: 2rem;
}

.pp-flash-msg .alert {
  margin-bottom: 1rem;
}

#site-content {
  margin-top: 0.5rem;
  padding-bottom: 1rem;
}

#site-content.home-page {
  margin-top: 1.5rem;
}

.pp-user-dashboard-content .help-text {
  margin: 1.5rem 0 2rem 0;
  font-size: 0.9rem;
  font-weight: 400;
}
.pp-user-dashboard-content .help-text-alt {
  margin-top: 0rem;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 0.6rem;
  line-height: inherit;
  border-top: 1px solid var(--neutral-200);
}

.table.table-hover > tbody > tr:hover > td,
.table.table-hover > tbody > tr:hover > th {
  background-color: var(--blue-200);
}

@media screen and (min-width: 1024px) {
  #site-content {
    margin-top: 0.5rem;
  }

  #site-content.home-page {
    margin-top: 1.5rem;
  }
}

@media screen and (max-width: 768px) {
  .pp-user-dashboard-content .help-text {
    margin-top: 0;
    margin-bottom: 1rem;
  }
}

/** Content pages **/

.perfect-pets-content {
}
.perfect-pets-content .content-edit {
  margin-top: 2rem;
}
.perfect-pets-content .content-edit span {
  display: inline-block;
  margin-left: 0.6rem;
  text-decoration: none;
}

.form-group.buttons {
  display: flex;
  gap: 0.6rem;
  justify-content: right;
}

/** Breed Page **/

/* #site-content.breed-page .breed-container .breed-information--introduction, 
#site-content.breed-page .breed-container .breed-information--health, 
#site-content.breed-page .breed-container .breed-information--faq, */
#site-content.breed-page .breed-container .breed-information--videos 
/* #site-content.breed-page .breed-container .breed-information--breeder-input */ {
  background: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
  padding: 10px 10px 1rem 10px;
  margin-top: 1rem;
  position: relative;
  border-radius: var(--border-radius-12);
}

/** Videos **/
.yt-video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.yt-video-container iframe,
.yt-video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.yt-video-container img {
  object-fit: cover;
  display: block;
  left: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  transition: 0.4s all;
}
.yt-video-container img:hover {
  -webkit-filter: brightness(75%);
}

.yt-video-container .play {
  height: 72px;
  width: 72px;
  left: 50%;
  top: 50%;
  margin-left: -36px;
  margin-top: -36px;
  position: absolute;
  background: url("//i.imgur.com/TxzC70f.png") no-repeat;
  cursor: pointer;
}

#site-content.breed-page .breed-container .breed-information {
  margin-top: 1rem;
}

#site-content.breed-page .breed-container .breed-information .breedh2 {
  margin-top: 1em;
}

#site-content.breed-page .breed-container .breed-information--gallery {
  background: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
  padding: 10px 10px 1rem 10px;
}
.pets-gallery {
  position: relative;
}

.pets-gallery.pets-gallery--profile {
}

.pets-gallery--img .pets-gallery--img-container-multi,
.featured-pet-search-images {
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 100%;
  border-top-right-radius: var(--border-radius-12);
  padding-bottom: 0;
}

.featured-pet-search-images {
  border-bottom-right-radius: var(--border-radius-12);
}

.pets-gallery--img .pets-gallery--img-container-multi img,
.featured-pet-search-images img {
  max-width: 100%;
  max-height: 50vh;
  height: 41vw;
  position: static;
  vertical-align: middle;
  border-right: 2px solid var(--white);
  object-position: center;
  object-fit: cover;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

.featured-pet-search-images img {
  height: 300px;
}

.pets-gallery--img img:first-of-type {
  border-top-left-radius: var(--border-radius-12);
}

.pets-gallery--img img:last-of-type {
  border-top-right-radius: var(--border-radius-12);
}

.featured-pet-search-images img:first-of-type,
.featured-pet-search-image img:first-of-type {
  border-top-left-radius: var(--border-radius-12);
  border-bottom-left-radius: var(--border-radius-12);
}

.featured-pet-search-images img:last-of-type,
.featured-pet-search-image img:last-of-type {
  border-top-right-radius: var(--border-radius-12);
  border-bottom-right-radius: var(--border-radius-12);
}

.pets-gallery-btn--open {
  background: none;
  border: none;
}

.pets-gallery-btn--open:focus {
  outline: none;
}

.pets-gallery-btn--open-cover {
  z-index: 1;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.pets-gallery-btn--open-icon {
  position: absolute;
  right: 5px;
  top: 40%;
  color: var(--neutral-400); /* #d7d7d7 */
  opacity: 1;
  font-size: 3em;
  padding: 10px;
  z-index: 3;
}

.pets-gallery-btn--open-icon:hover {
  background: var(--blue-700);
  opacity: 0.6;
}

.pets-gallery-btn--image-count {
  position: absolute;
  right: 5px;
  top: 10px;
  background: var(--white);
  border: 2px solid var(--white);
  padding: 4px;
  border-radius: var(--border-radius-12);
  z-index: 3;
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--blue-600);
  opacity: 0.85;
}
.pets-gallery-btn--image-count:hover,
.pets-gallery-btn--image-count:focus,
.pets-gallery-btn--image-count:active {
  border-color: var(--white);
}
.pets-gallery-btn--image-count:focus {
  border-color: var(--white);
}

.pets-gallery-btn--image-count.btn {
  font-size: 1rem;
}

#site-content.breed-page .breed-container .breed-information--introduction {
  margin-top: 3rem;
}

.breed-information--description {
  margin-top: 2rem;
}

.search-results-container.breeder-list {
  margin-top: 0rem;
}

@media (max-width: 992px) {
  .listing-information--gallery {
    margin-top: 1rem;
  }
  .pets-gallery-btn--image-count {
    font-size: 2.5rem;
  }
}

@media (max-width: 768px) {
  .pets-gallery--img {
    cursor: pointer;
    /* padding-bottom: 66.6667%; */
    position: relative;
    overflow: hidden;
  }
  .pets-gallery--img .pets-gallery--img-container img,
  .featured-pet-search-image img {
    /* position:absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0; */
    width: 100%;
    vertical-align: middle;
  }
}

/** Breeder icons **/
.breeder-q-icons .bq-icons-icon {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.bq-icons-icon.qna-icon,
.health-checked .bq-icons-icon {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.breeder-q-icons .bq-icons {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

.breeder-q-icons .bq-icons-pettype {
  visibility: hidden;
  height: 0;
}

.bq-icons .bq-icons-icon span,
.bq-icons-icon span {
  font-size: 1.2rem;
  color: var(--blue-600);
}

.bq-icons .bq-icons-icon.bq-invalid,
.bq-icons .bq-icons-icon .bq-invalid {
  opacity: 0.3;
  display: none;
}

.bq-icons-icon-container {
  display: flex;
  /* flex-direction: row; */
  flex-direction: column;
  /* align-items: center; */
  align-items: start;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: 0.8rem;
}

@media (max-width: 768px) {
  .breeder-q-icons .bq-icons-icon {
    gap: 1.1rem;
    flex-wrap: wrap;
  }

  .bq-icons .bq-icons-icon span:first-of-type,
  .bq-icons-icon span:first-of-type,
  .search-results-container .bq-icons .bq-icons-icon span {
    font-size: 1.5rem;
  }

  /* .breeder-q-icons .bq-icons{ 
		margin-top: 1.2rem;
	} */
}

/** Profile / Listing pages ***/

.profile-listing-ad-wrapper .block-item {
  /* background: var(--teal-300); */
  padding: 0.8rem;
}

.profile-listing-ad-wrapper .block-item:first-of-type {
  margin-top: 0.8rem;
}

.profile-wrapper,
.listing-wrapper {
  background: var(--white);
  box-shadow: 0px 0px 16px rgb(0 0 0 / 12%);
  border-radius: var(--border-radius-12);
  margin-bottom: 1rem;
}

.profile-wrapper-container,
.listing-wrapper-container {
  padding: 0.3rem 0.8rem 0.8rem 0.8rem;
}

.profile-information--gallery,
.listing-information--gallery {
  margin: 0;
}

.listing-inquire,
.listing-apply,
.profile-inquire,
.profile-listings,
.profile-elink {
  margin: 1rem 0;
}
.listing-inquire a,
.listing-apply a,
.profile-inquire a,
.profile-listings a,
.listing-information--listing-more a {
  display: flex;
  justify-content: center;
}

.listing-details,
.profile-details {
  margin: 0.5rem 0 1.5rem 0;
}

.listing-details--qna,
.profile-information--qna {
  margin: 2.5rem 0 1.5rem 0;
}

.listing-content-extension,
.profile-information--content-extension {
  margin: 1.5rem 0;
}

.listing-information--listing-health {
  margin-top: 1rem;
}

.listing-views,
.profile-information--views {
  margin: 1rem 0;
}

.listing-report--advertiser,
.profile-information--report-ad-views {
  margin: 1.4rem 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
}

.listing-report--advertiser span:first-of-type,
.profile-information--report-ad-views span:first-of-type {
  color: var(--red);
  font-size: 1.1rem;
}

.listing-socialreviews,
.rainbow-memorial--comments {
  margin: 1rem 0rem;
}

.advertiser-msg,
.contact-msg,
.report-msg {
  display: none;
}

.qna-pettype-container {
  margin: 1rem 0;
}
.qna-pettype-container .qna-container {
  margin: 0 0 1.5rem 0;
  padding: 0 0 1rem 0;
  border-bottom: 1px solid var(--teal-300);
}

.qna-pettype-container .qna-container .qna-question {
  margin: 0 0 0.5rem 0;
}

.qna-pettype-container .qna-container .qna-yesno,
.qna-pettype-container .qna-container .qna-question-qa {
  margin: 0 0.5rem 0 0;
  display: inline-block;
}

.qna-pettype-container .qna-container .qna-question-qa {
  font-weight: 600;
}

.profile-listing-contact-container {
  margin-top: 0.5rem;
}

.get-in-touch {
  padding-top: 1.5rem;
}

.profile-listing-contact-container .profile-user-phone-top,
.profile-listing-contact-container .profile-address {
  margin-bottom: 0.5rem;
}

.profile-listing-contact-container .profile-user-phone-top {
  /* margin-top: 0.7rem; */
}

.profile-listing-contact-container .profile-user-phone-top .phone-number {
  font-weight: 600;
}

.profile-listing-contact-container .profile-user-phone-top span:first-of-type,
.profile-listing-contact-container .profile-address span:first-of-type {
  margin-right: 0.1rem;
}

.profile-report,
.listing-report {
  font-family: "Nunito", "Livvic", "Poppins";
  margin-top: 1.5rem;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--blue-600);
}

.profile-listing-contact-container .listing-advice {
  font-family: "Nunito", "Livvic", "Poppins";
  margin-bottom: 1.5rem;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--blue-600);
}

.profile-listing-contact-container .profile-elink .exLinkCheckDiv,
.blog-profile-elink {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0;
}

.profile-listing-contact-container .profile-elink .exLinkCheckDiv a,
.blog-profile-elink a {
  flex-grow: 1;
  font-size: 1.3rem;
}

.listing-breed--links,
.profile-information--breed {
  margin: 3rem 0 1rem 0;
}

.listing-breed--links .profile-breed-links-location,
.profile-information--breed .profile-breed-links-location {
  display: flex;
  gap: 1rem;
  align-items: baseline;
  justify-content: left;
  flex-wrap: wrap;
  margin-top: 4rem;
}

.breed-page.profile-information--breed,
.breed-page .profile-breed-links-location {
  margin-top: 1rem;
}

.listing-breed--links
  .profile-breed-links-location
  .profile-breed-link-location,
.profile-information--breed
  .profile-breed-links-location
  .profile-breed-link-location {
  padding: 0.5rem;
  background: var(--teal-500);
  border-radius: var(--border-radius-12);
  text-align: center;
  width: 30%;
  font-size: 0.9rem;
}

.listing-breed--links
  .profile-breed-links-location
  .profile-breed-link-location
  a,
.listing-breed--links
  .profile-breed-links-location
  .profile-breed-link-location
  a:visited,
.listing-breed--links
  .profile-breed-links-location
  .profile-breed-link-location
  a:link,
.listing-breed--links
  .profile-breed-links-location
  .profile-breed-link-location
  a:active,
.listing-breed--links
  .profile-breed-links-location
  .profile-breed-link-location
  a:hover
  .profile-information--breed
  .profile-breed-links-location
  .profile-breed-link-location
  a,
.profile-information--breed
  .profile-breed-links-location
  .profile-breed-link-location
  a:visited,
.profile-information--breed
  .profile-breed-links-location
  .profile-breed-link-location
  a:link,
.profile-information--breed
  .profile-breed-links-location
  .profile-breed-link-location
  a:active,
.profile-information--breed
  .profile-breed-links-location
  .profile-breed-link-location
  a:hover {
  color: var(--white);
  font-weight: 700;
  text-decoration: none;
}

@media (max-width: 768px) {
  .listing-breed--links
    .profile-breed-links-location
    .profile-breed-link-location,
  .profile-information--breed
    .profile-breed-links-location
    .profile-breed-link-location {
    width: 100%;
  }
}

.profile-breed-links .profile-breed-link {
  margin-bottom: 0.8rem;
}

.listing-information--listing-sp {
  margin: 0.8rem 0 1.3rem 0;
}

.listing-information--listing-sp .listing-sex-age,
.listing-information--listing-sp .listing-information--fee {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 0.2rem 0 0.6rem 0;
  font-weight: 600;
  font-size: 1.1rem;
}

.listing-information--listing-sp .listing-sex-age {
  gap: 1.6rem;
}

/* .breed-health-information {} */

.health-checked.breed-health-checked {
  margin: 1rem 0;
}

.profile-wrapper-container .rego-and-memberships,
.listing-advertiser {
  background: var(--blue-200);
  padding: 1rem 1.2rem;
  border-radius: var(--border-radius-12);
  margin-top: 1.5rem;
}

.breeder-rego-layout {
  display: flex;
  gap: 0.5rem;
}

.rego-and-memberships .rego-layout,
.listing-advertiser .rego-layout {
  display: flex;
  align-items: normal;
  gap: 1rem;
  margin-top: 0.5rem;
}

.rego-and-memberships .rego-layout > *,
.listing-advertiser .rego-layout > * {
  flex-basis: 80%;
}

.rego-and-memberships .rego-layout .title,
.listing-advertiser .rego-layout .title {
  flex-basis: 20%;
  font-weight: 600;
}

.rego-and-memberships .breeder-rego-layout,
.listing-advertiser .breeder-rego-layout {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.rego-and-memberships .breeder-rego-layout .title,
.listing-advertiser .breeder-rego-layout .title {
  flex-basis: 30%;
}

.rego-and-memberships .breeder-rego-layout .breeder-registration,
.listing-advertiser .breeder-rego-layout .breeder-rego {
  flex-basis: 75%;
}

.rego-and-memberships .breeder-rego-layout .breeder-logos,
.listing-advertiser .breeder-rego-layout .breeder-logos {
  flex-basis: 25%;
}

.rego-and-memberships .breeder-rego-layout .breeder-association-logos,
.listing-advertiser .breeder-rego-layout .breeder-association-logos {
  text-align: right;
}

.rego-and-memberships
  .breeder-rego-layout
  .breeder-association-logos
  .rego-logo,
.listing-advertiser .breeder-rego-layout .breeder-association-logos .rego-logo {
  display: inline-block;
}

.rego-and-memberships .breeder-rego-layout .profile-breeder-verified-hcheck,
.listing-advertiser .breeder-rego-layout .profile-breeder-verified-hcheck {
  flex-grow: 1;
}

.listing-advertiser .listing-information--advertiser {
  margin-bottom: 1rem;
}

.rego-and-memberships .pp-member-since,
.listing-advertiser .pp-member-since {
  padding: 0.3rem 0.6rem;
  background: var(--white);
  border: 2px solid var(--blue-600);
  border-radius: 1.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--blue-600);
}

.rego-and-memberships .pp-member-since .pp-logo img,
.listing-advertiser .pp-member-since .pp-logo img {
  height: 2.5rem;
}

.rego-and-memberships .pp-member-since .pp-member-detail-name,
.listing-advertiser .pp-member-since .pp-member-detail-name {
  text-transform: uppercase;
  font-weight: 1000;
  font-size: 1.1rem;
  line-height: 1.2rem;
  /* font-family: var(--menu-font); */
}

.rego-and-memberships .pp-member-since .pp-member-detail-year,
.listing-advertiser .pp-member-since .pp-member-detail-year {
  text-transform: uppercase;
  font-weight: 1000;
  font-size: 0.8rem;
  line-height: 0.9rem;
}

.profile-wrapper-container .rego-and-memberships h3,
.listing-advertiser h3,
.profile-services .services-list h3,
.profile-listing-contact-container h3 {
  font-size: 1rem;
  margin: 0;
  line-height: 1.3rem;
}

.profile-report span.fa-solid,
.listing-report span.fa-solid {
  color: var(--yellow);
  padding-right: 0.5rem;
}

.breeder-rego-details,
.listing-information--breeder-verify {
  margin: 0.8rem 0 0.4rem 0;
}

.profile-breeder-verified-hcheck .health-checked,
.listing-information--breeder-verify .health-checked {
  cursor: pointer;
}

.profile-breeder-verified-hcheck .bq-icons-icon,
.listing-information--breeder-verify .bq-icons-icon {
  padding: 0.5rem 0 0 0;
}

.profile-breeder-verified-hcheck .bq-icons-icon span,
.listing-information--breeder-verify .bq-icons-icon span {
  font-size: 1rem;
  text-decoration: underline;
  font-weight: 600;
}

.profile-breeder-verified-hcheck .bq-icons-icon [class*="fa"],
.listing-information--breeder-verify .bq-icons-icon [class*="fa"] {
  text-decoration: none;
  font-weight: normal;
}

.profile-breeder-verified-hcheck .bq-icons-icon span.fas {
  text-decoration: none;
}

.listing-images-extra {
  margin-top: 0.6rem;
}
.profile-images-links {
  margin-bottom: 0.6rem;
}

.listing-information--supply-num,
.listing-fee,
.listing-information--listing-health .health-checked,
.breed-health-checked.health-checked {
  cursor: pointer;
  color: var(--blue-600);
}

.listing-information--supply-num,
.listing-fee,
.listing-information--listing-health .health-checked span,
.breed-health-checked.health-checked {
  text-decoration: underline;
}

.listing-information--listing-health .listing-health,
.listing-information--listing-health .listing-registered,
.listing-information--listing-health .listing-microchipped,
.listing-information--listing-health .listing-desexed,
.listing-information--listing-health .listing-wormed,
.listing-information--listing-health .listing-vaccinated {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.listing-information--listing-health .listing-health,
.listing-information--listing-health .listing-registered,
.listing-information--listing-health .listing-desexed,
.listing-information--listing-health .listing-wormed {
  margin-bottom: 0.8rem;
}

.listing-micro-number {
  margin-top: 0.6rem;
}

.listing-information--listing-health span.fa-circle-check,
.listing-information--listing-health span.fa-circle-xmark {
  color: var(--green-600);
  text-decoration: none;
}

.listing-information--listing-health span.fa-minus {
  color: var(--neutral-400);
}

.listing-information--listing-health .breed-health-checked {
  margin-top: 1rem;
}

.listing-information--supply-num:hover,
.listing-fee:hover,
.listing-information--listing-health .health-checked:hover,
.listing-information--supply-num:visited,
.listing-fee:visited,
.listing-information--listing-health .health-checked:visited {
  color: var(--blue-700);
}

.profile-breederinfo {
  margin: 0.2rem 0 0 0;
}

.profile-services {
  margin: 0.8rem 0 0 0;
}

.profile-services-standard {
  margin-top: 0.2rem;
}

.profile-services .services-list-title {
  font-weight: 600;
  margin-bottom: 0;
}

.profile-breederclubs,
.profile-services .pets-list-container {
  margin: 0.8rem 0 0 0;
}
.profile-services span.pet-list {
  display: block;
}
.profile-services span.pet-list:first-of-type {
}
.profile-services span.pet-list-for:first-of-type {
  font-weight: 600;
}

.profile-images .profile-images-extra {
  margin-top: 1rem;
}

@media (max-width: 992px) {
  .profile-wrapper-container .rego-and-memberships,
  .listing-advertiser {
    margin-top: 1rem;
  }

  .listing-report--advertiser,
  .profile-information--report-ad-views {
    margin: 0.8rem 0;
  }
}

@media (max-width: 768px) {
  .listing-micro-number {
    margin-bottom: 0.8rem;
  }

  .rego-and-memberships .rego-layout,
  .listing-advertiser .rego-layout {
    flex-direction: column;
    gap: 0.5rem;
  }

  .rego-and-memberships .breeder-rego-layout,
  .listing-advertiser .breeder-rego-layout {
    flex-direction: column;
    gap: 1rem;
    align-items: normal;
  }

  .rego-and-memberships .breeder-rego-layout .pp-member-since {
  }

  .rego-and-memberships .breeder-rego-layout .breeder-association-logos,
  .listing-advertiser .breeder-rego-layout .breeder-association-logos {
    display: inline-block;
    width: 11rem;
    text-align: left;
  }
}

/** registered breeder pages **/
.pettype-information--breed-list a {
  display: inline-block;
  padding: 0.5rem 0;
}

.breeder-information--introduction p,
.species-description-h1 p {
  margin-top: 0.5rem;
}

.breeders-list {
  margin: 2rem 0;
}

/** User account area  **/

.pp-user-dashboard-content .edit-profile-images {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.pp-user-dashboard-content .edit-profile-images a {
  width: 100%;
  flex-basis: 50%;
}

.pp-user-dashboard-content .edit-profile-images .profile-preview-link {
  text-align: right;
  flex-grow: 1;
}

/* blog */

.blog-items {
  margin-top: 1rem;
}

.blog-item .blog-unpublished,
.blog-item .blog-published {
  padding: 0.8rem 1.2rem;
  border-top-left-radius: var(--border-radius-12);
  border-top-right-radius: var(--border-radius-12);
}

.blog-item .blog-unpublished {
  background: var(--teal-300);
}

.blog-item .blog-title {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.blog-item .blog-title p,
.blog-item .blog-title h3 {
  flex-basis: 100%;
}

.blog-item .blog-edit-link {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.blog-item .blog-edit-link p a {
  width: 100%;
}

.blog-item .blog-edit-link p {
  flex-basis: 30%;
}

@media (max-width: 768px) {
  .blog-item .blog-title {
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-item .blog-edit-link {
    display: block;
  }
}

/* statistics */
.dashboard-statistics .stat {
  padding: 1rem 0;
}

.dashboard-statistics .stat .stat-item {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.dashboard-statistics .stat .stat-head {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}

.dashboard-statistics .stat .stat-item div {
  flex-basis: 40%;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.dashboard-statistics .stat .stat-item div span:first-of-type {
  flex-basis: 70%;
}

.dashboard-statistics .total-profile-count .row,
.dashboard-statistics .total-profile-count {
  margin-bottom: 0.5rem;
}

.dashboard-statistics .profile-stats-link,
.dashboard-statistics .listing-stats-link {
  /* color: var(--coral-700);
    cursor: pointer;
    font-size: 1rem; */
}

.dashboard-statistics .profile-stat-key,
.dashboard-statistics .listing-stat-key {
  margin-bottom: 0.5rem;
}

.dashboard-statistics .profile-stats .profile-stat:nth-child(2n + 1),
.dashboard-statistics .listing-stats .profile-stat:nth-child(2n + 1),
.dashboard-statistics .blog-stats .profile-stat:nth-child(2n + 1) {
  background: var(--blue-200);
}
.dashboard-statistics .listing-stats .profile-stat,
.dashboard-statistics .profile-stats .profile-stat {
  padding: 0.8rem 0;
}

.dashboard-statistics .stats-link {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@media (max-width: 768px) {
  .pp-user-dashboard-content .edit-profile-images {
    flex-direction: column;
  }

  .dashboard-statistics .stat .stat-item div {
    flex-basis: 100%;
  }

  .dashboard-statistics .stat .stat-item span:first-of-type {
    flex-basis: 60%;
  }
}

/** dashboard **/
.dashboard-header {
  margin-top: 2rem;
  margin-bottom: 4rem;
  display: flex;
  align-items: center;
}

.dashboard-header .dashboard-h1 {
  margin: 0;
}

.dashboard-header .dashboard-messages-link {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.6rem;
}

.dashboard-header .dashboard-messages-link .badge {
  padding: 0.5rem 0.8rem;
  border-radius: 50%;
  font-size: 1rem;
  background-color: var(--red);
}

.dashboard-header .messages-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.dashboard-header .messages-link .badge {
  padding: 0;
  border-radius: 50%;
  font-size: 1rem;
  background-color: var(--teal-400);
}

/* questionnaire */
.breeder-questionnaire .breeder-qanda {
  margin-bottom: 1.5rem;
}
.breeder-questionnaire .breeder-question {
  font-weight: 600;
}
.breeder-questionnaire .breeder-description {
  margin: 0.6rem 0;
}

.breeder-questionnaire textarea {
  padding: 0.5rem;
}

/* register account & account */

.pp-user-dashboard-nav {
  margin: 1rem 0 3rem 0;
}

.pp-user-dashboard-nav button,
.pp-user-dashboard-nav ul {
  width: 100%;
}

.user-login h1,
.pp-recover-password h1,
.aftersignup h1,
.activate-message-account,
.verify-email-container h1 {
  margin: 1.5rem 0;
}

.user-login .user-login-email,
.user-login .loginemail-password,
.pp-recover-password .recover-email,
.pp-recover-password .recoverinfomsg {
  margin: 1.5rem 0;
}

.user-login .user-login-submit,
.user-login .loginemail,
.user-login .rememberme,
.user-login .reset-password,
.register-account .submit,
.verify-email-container .message {
  margin-bottom: 1.5rem;
}

.user-login .user-login-submit button {
  width: 100%;
}

.email-signup-login {
  margin-bottom: 3rem;
}
.email-signup-option .reg-user-types {
  margin-bottom: 1.5rem;
}

.email-signup-option .reg-user-types .reg-user-type {
  margin-bottom: 0.5rem;
}

.email-signup-option .reg-user-types .reg-user-type label {
  font-size: 1rem;
  font-weight: 600;
  font-family: "Poppins", "Nunito", "Solway", "Livvic", "Montserrat";
  display: flex;
  gap: 0.8rem;
  align-items: center;
}

.email-signup-option .reg-user-types .reg-user-type label .label-input input {
  width: 1rem;
  height: 1rem;
}

.email-signup-option .reg-user-types .reg-user-type label .user-type-info {
  color: var(--blue-600);
}

.email-signup-option button {
  width: 100%;
}

.register-account .register-account-message {
  margin-bottom: 2rem;
}

.register-account h1 {
  font-size: 1.5rem;
  margin-bottom: 2rem;
}

.register-account p.free-notice {
  font-size: 1rem;
  font-weight: 700;
  font-family: "Poppins", "Nunito", "Solway", "Livvic", "Montserrat";
  margin-bottom: 1rem;
}

.register-account p.free-cares {
  margin: 1rem 0;
}

.pp-user-dashboard-content .account-flex {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.pp-user-dashboard-content .account-email .user-email {
  overflow-wrap: break-word;
  min-width: 50%;
}

.pp-user-dashboard-content .user-email-message {
  margin-top: 1rem;
}

.pp-user-dashboard-content .account-locate-address {
  margin-top: 1.5rem;
}

.pp-user-dashboard-content .account-locate-address .mapboxgl-ctrl-geocoder,
.pp-user-dashboard-content .locate-address .mapboxgl-ctrl-geocoder {
  width: 100%;
  max-width: 100%;
}

.pp-user-dashboard-content .btn-register {
  width: 100%;
  margin: 1rem 0;
}

.pp-user-dashboard-content .account-breederinfo {
  margin-top: 1rem;
}

.pp-user-dashboard-content .assoc-inp-cont {
  margin-bottom: 0.8rem;
}

.pp-user-dashboard-content .assoc-inp-cont-cell {
  margin: 0;
}
.pp-user-dashboard-content .assoc-inp-cont-cell p {
  margin: 0;
}

@media (max-width: 768px) {
  .pp-user-dashboard-content .account-email .user-email {
    font-size: 0.85rem;
  }

  .email-signup-option .reg-user-types .reg-user-type {
    margin-bottom: 1rem;
  }

  .register-account .register-account-message {
    margin-bottom: 1rem;
  }

  .register-account h1 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }

  .dashboard-header {
    margin-top: 1rem;
    margin-bottom: 2.5rem;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }

  .pp-user-dashboard-nav {
    margin: 1rem 0 2rem 0;
  }

  .pp-user-dashboard-content .assoc-inp-cont {
    margin-bottom: 1rem;
  }
  .pp-user-dashboard-content .assoc-inp-cont-cell-bottom {
    margin: 0.8rem 0 0 0;
  }
}

.archive-profile-modal-buttons,
.archive-listing-modal-buttons {
  display: flex;
  gap: 1rem;
  align-items: baseline;
  justify-content: space-between;
  margin-top: 1.5rem;
}

.archive-profile-modal-buttons button,
.archive-listing-modal-buttons button {
  width: 100%;
}

/** general styling ? **/
.user-container {
  padding: 1rem 0;
  margin-bottom: 3rem;
}

/* forms */

.pp-user-dashboard-content form label,
.pp-user-dashboard-content form .profile-select-breed-label,
.pp-user-dashboard-content form .account-label {
  font-weight: 600;
}

.pp-user-dashboard-content input.mapboxgl-ctrl-geocoder--input {
  display: block;
  width: 100%;
  height: 2.5rem;
  padding: 0px 12px 0px 35px;
  color: var(--blue-700);
  font-weight: 400;
  border: 1px var(--blue-300) solid;
  font-size: 1rem;
  line-height: 1.42857143;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
}

.pp-user-dashboard-content input.mapboxgl-ctrl-geocoder--input:focus {
  box-shadow: none;
  border: 3px var(--blue-500) solid;
}

/** dashboard **/
.pp-user-dashboard-content .dash-profiles,
.pp-user-dashboard-content .dash-listings {
  margin-bottom: 5rem;
}

.pp-user-dashboard-content .dash-profiles .profile-listing--actions,
.pp-user-dashboard-content .dash-listings .profile-listing--actions {
  margin-bottom: 1rem;
}

.pp-user-dashboard-content
  .dash-profiles
  .profile-listing--actions
  .listing-create,
.pp-user-dashboard-content
  .dash-listings
  .profile-listing--actions
  .listing-create,
.pp-user-dashboard-content .listing-create {
  text-align: right;
}

.pp-user-dashboard-content .dash-profiles .dashboard-profiles,
.pp-user-dashboard-content .dash-listings .dashboard-listings {
  display: flex;
  gap: 1rem;
  align-items: baseline;
}

.pp-user-dashboard-content .dashboard-useractions {
  margin: 1rem 0;
}

@media (max-width: 768px) {
  .pp-user-dashboard-content .dash-profiles,
  .pp-user-dashboard-content .dash-listings {
    margin-bottom: 2rem;
  }

  .pp-user-dashboard-content
    .dash-profiles
    .profile-listing--actions
    .listing-create,
  .pp-user-dashboard-content
    .dash-listings
    .profile-listing--actions
    .listing-create,
  .pp-user-dashboard-content .listing-create {
    margin-top: 2rem;
    text-align: left;
    margin-bottom: 2rem;
  }

  .pp-user-dashboard-content
    .dash-profiles
    .profile-listing--actions
    .listing-create
    div,
  .pp-user-dashboard-content
    .dash-listings
    .profile-listing--actions
    .listing-create
    div,
  .pp-user-dashboard-content .listing-create div {
    padding: 0 1.2rem;
  }

  .pp-user-dashboard-content
    .dash-profiles
    .profile-listing--actions
    .listing-create
    a,
  .pp-user-dashboard-content
    .dash-listings
    .profile-listing--actions
    .listing-create
    a,
  .pp-user-dashboard-content .listing-create div a {
    width: 100%;
  }
}

/** account **/

.pp-change-password h2 {
  margin: 1.5rem 0;
}

.pp-change-password .old-password,
.pp-change-password .confirm-password {
  margin-bottom: 1rem;
}

/** payments **/
#user-payments .payment-items .payment-item {
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--neutral-200);
}

.payment-details {
  margin: 2rem 0;
}

.payment-details .payment-info-item {
  margin: 0.5rem 0;
}

.payment-details .payment-print {
  margin-top: 1rem;
}

/** blog profile **/

.blog-profile-images {
  margin-top: 2.5rem;
}

/** user profile / Listing **/

.listing-form,
.profile-form {
  margin: 2rem 0;
}

.listing-list .listing-items .listing-item,
.listing-list .profile-items .profile-item {
  margin: 1rem 0 2rem 0;
  padding: 0;
  box-shadow: 6px 6px 16px rgb(0 0 0 / 12%);
  border-radius: var(--border-radius-12);
  border: 1px solid var(--neutral-200);
  background: #ffffff;
}

.listing-list .listing-items .listing-item .listing-published,
.listing-list .profile-items .profile-item .profile-published,
.listing-list .listing-items .listing-item .listing-unpublished,
.listing-list .profile-items .profile-item .profile-unpublished {
  padding: 0.8rem 1.2rem;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.listing-list .listing-items .listing-item .listing-published p,
.listing-list .profile-items .profile-item .profile-published p,
.listing-list .listing-items .listing-item .listing-unpublished p,
.listing-list .profile-items .profile-item .profile-unpublished p {
  margin: 0;
}

.listing-list .listing-items .listing-item .listing-published,
.listing-list .profile-items .profile-item .profile-published {
  /* background-color: var(--neutral-100); */
  border-bottom: 1px solid var(--neutral-200);
}

.listing-list .listing-items .listing-item .listing-unpublished,
.listing-list .profile-items .profile-item .profile-unpublished,
.listing-list .profile-items .profile-item .profile-background-actions,
.listing-list .listing-items .listing-item .listing-background-actions {
  background-color: var(--teal-300);
}

.listing-list
  .profile-items
  .profile-item
  .profile-background-actions
  .action-notice,
.listing-list
  .listing-items
  .listing-item
  .listing-background-actions
  .action-notice,
.listing-list
  .profile-items
  .profile-item
  .profile-background-actions
  .profile-notice,
.listing-list
  .listing-items
  .listing-item
  .listing-background-actions
  .listing-notice,
.pp-user-dashboard-content .dashboard-user-action {
  display: flex;
  gap: 0.2rem;
  margin-bottom: 0.6rem;
  align-items: first baseline;
}

.listing-list .listing-items .listing-item .listing-item-content,
.listing-list .profile-items .profile-item .profile-item-content {
  padding: 0.8rem 1.2rem;
}

.listing-list .profile-items .profile-item .profile-item-title,
.listing-list .listing-items .listing-item .listing-item-title {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  margin: 0.1rem 0 1rem 0;
}

.listing-list .listing-items .listing-item .listing-item-title h3 {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}

.listing-list .listing-items .listing-item .listing-item-title h3 span {
  font-weight: normal;
}

.listing-list .profile-items .profile-item .profile-actions,
.listing-list .listing-items .listing-item .listing-actions {
  display: flex;
  gap: 1rem;
  align-items: baseline;
  flex-wrap: wrap;
}

.listing-list
  .profile-items
  .profile-item
  .profile-actions
  span.profile-action-btn,
.listing-list
  .listing-items
  .listing-item
  .listing-actions
  span.listing-action-btn {
  flex-basis: 25%;
}
.listing-list
  .profile-items
  .profile-item
  .profile-actions
  span.profile-action-btn.grow,
.listing-list
  .listing-items
  .listing-item
  .listing-actions
  span.listing-action-btn.grow {
  flex-grow: 1;
}

.listing-list
  .profile-items
  .profile-item
  .profile-actions
  span.profile-action-btn.text,
.listing-list
  .listing-items
  .listing-item
  .listing-actions
  span.listing-action-btn.text {
  flex-basis: auto;
}

.listing-list .profile-items .profile-item .profile-actions a.btn,
.listing-list .listing-items .listing-item .listing-actions a.btn {
  width: 100%;
  /* margin-bottom: 1rem; */
}

.listing-list
  .profile-items
  .profile-item
  .profile-actions
  span.profile-action-btn
  .profile-renew-activate,
.listing-list
  .listing-items
  .listing-item
  .listing-actions
  span.listing-action-btn
  .listing-deactivate,
.listing-list
  .listing-items
  .listing-item
  .listing-actions
  span.listing-action-btn
  .listing-activate,
.listing-list
  .listing-items
  .listing-item
  .listing-actions
  span.listing-action-btn.grow
  .listing-archive {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
  justify-content: right;
  text-decoration: none;
}

.listing-list
  .profile-items
  .profile-item
  .profile-actions
  span.profile-action-btn
  .profile-renew-activate
  span:first-of-type,
.listing-list
  .listing-items
  .listing-item
  .listing-actions
  span.listing-action-btn
  .listing-deactivate
  span:first-of-type,
.listing-list
  .listing-items
  .listing-item
  .listing-actions
  span.listing-action-btn
  .listing-activate
  span:first-of-type {
  text-decoration: underline;
}

.user-multi-select .table-responsive,
.profile-select-breed .table-responsive {
  margin: 1rem 0;
}

.user-multi-select .multi_item_button,
.profile-select-breed .breed_item_button {
  text-align: right;
}

.multi_select_error {
  display: none;
  margin-top: 0.5em;
}

#user_breeds_error {
  display: none;
  margin-top: 0.5em;
}

@media (max-width: 992px) {
  .listing-list .profile-items .profile-item .profile-actions,
  .listing-list .listing-items .listing-item .listing-actions,
  .listing-list .listing-items .listing-item .listing-item-title h3 {
    flex-direction: column;
  }

  .listing-list
    .profile-items
    .profile-item
    .profile-actions
    span.profile-action-btn,
  .listing-list
    .listing-items
    .listing-item
    .listing-actions
    span.listing-action-btn {
    width: 100%;
  }

  .listing-list
    .profile-items
    .profile-item
    .profile-actions
    span.profile-action-btn
    .profile-renew-activate,
  .listing-list
    .listing-items
    .listing-item
    .listing-actions
    span.listing-action-btn
    .listing-deactivate,
  .listing-list
    .listing-items
    .listing-item
    .listing-actions
    span.listing-action-btn
    .listing-activate {
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .listing-list .profile-items .profile-item .profile-item-title,
  .listing-list .listing-items .listing-item .listing-item-title {
    flex-direction: column;
  }
}

/** paypal styling **/
.paypal-container {
}
.paypal-container .orline {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
.paypal-container .orline::before {
  content: "";
  height: 7px;
  margin-inline-end: 14px;
  margin-right: 14px;
  width: 48%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(33, 33, 33, 0.2);
}
.paypal-container .orline::after {
  content: "";
  height: 7px;
  margin-inline-start: 14px;
  margin-left: 14px;
  width: 48%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(33, 33, 33, 0.2);
}

.paypal-container .payment-description {
  margin: 1em 0;
}

.paypal-container .card_container {
  margin-top: 1em;
  margin-bottom: 1em;
}

.paypal-container .paypal-button-wrapper {
  margin: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.paypal-container .paypal-button-wrapper #paypal-button-container {
  width: 650px;
}

.paypal-container .paypal-button-wrapper .paypal-button-wrapper-spacer {
  min-width: 1rem;
  flex-grow: 1;
}

.paypal-container .btn-paypal {
  width: 100%;
  padding: 15px;
  font-size: 16px;
  font-weight: bold;
}

.paypal-container .btn-paypal:hover {
  filter: brightness(0.95);
}

.paypal-container #paypal-payment-container {
  position: relative;
  min-height: 400px;
}

.paypal-container #paypal-payment-container.loading::before {
  background-image: url("../images/ajax/large_ajax.gif");
  background-repeat: no-repeat;
  content: " ";
  display: block;
  height: 50px;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  position: absolute;
  top: 40%;
  width: 50px;
  z-index: 102;
}
.paypal-container #paypal-payment-container.loading .mask {
  width: 100%;
  height: 100%;
  z-index: 101;
  background: #f2f2f2;
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;
}

.paypal-container .payment-receipt {
  margin: 2em 0;
}

.paypal-container .payment-receipt h2 {
  margin: 1em 0;
}

/** new content pages **/

.perfect-pets-content {
  /* background: var(--white);
	box-shadow: 0px 0px 16px rgb(0 0 0 / 12%);
    border-radius: var(--border-radius-12);
	padding: 0.3rem 0.8rem 0.8rem 0.8rem; */
}

/** New Footer  */

.pp-footer {
  background-color: var(--footer-blue);
  padding: 1rem 0 0 0;
}

.pp-footer a {
  color: var(--white);
  text-decoration: none;
  display: inline-block;
  padding: 5px;
}

.pp-footer a:hover,
.pp-footer a:focus {
  text-decoration: underline;
}

.pp-footer .find-us {
  display: flex;
  gap: 0.2rem;
  align-items: baseline;
  margin-top: 1rem;
}
.pp-footer .find-us a span {
  font-size: 2rem;
}

.pp-footer .partner-logo-text,
.pp-footer .social-links,
.pp-footer #organisation {
  color: var(--white);
}

.pp-footer .pp-footer-slogan {
  margin: 0 0 1rem 0;
}

.pp-footer .social-links,
.pp-footer .internal-links,
.pp-footer .partner-links-cont {
  margin-bottom: 2rem;
}

.pp-footer .pp-footer-slogan img {
  height: 2rem;
}

.pp-footer #organisation {
  padding-right: 2rem;
}

/** file uploads **/

.fileupload-buttonbar .presentation {
  padding: 0 0.5rem;
}

/** site ads etc **/

#site-content .pp-aside-right {
}
#site-content .pp-aside-right img,
#site-content .search-container.search-container-left img,
#site-content .search-search3 img,
#site-content .breed-profiles img {
  border-radius: var(--border-radius-12);
}

/** site errors etc **/
.error-page {
  margin-top: 3rem;
}

.error-page .error-title {
  margin-top: 2rem;
}

.error-page .error-content {
  margin-top: 2rem;
}

/** claude styling **/

.pp-breeder-page {
  margin: 0 auto;

  font-family:
    "Nunito", "Livvic", "Poppins", "Montserrat", system-ui, sans-serif;
  color: #1b4167;
  /*  line-height: 1.75;
  font-size: 18px; */
}

.pp-breeder-page .intro-text {
  font-size: 21.6px;
  color: #4a6a8a;
  margin-bottom: 0.75rem;
}

.pp-breeder-page ul,
.pp-breeder-page ol {
  /* margin: 0.5rem 0 1.25rem 1.5rem; */
}
.pp-breeder-page li {
  margin-bottom: 0.5rem;
}
.pp-breeder-page .callout {
  background: #e6f1f8;
  border-left: 4px solid #006299;
  border-radius: 10px;
  padding: 1.5rem 1.75rem;
  margin: 1.75rem 0 2rem;
}
.pp-breeder-page .callout p {
  margin-bottom: 0.75rem;
}
.pp-breeder-page .callout p:last-child {
  margin-bottom: 0;
}
.pp-breeder-page .callout-warning {
  background: #fef3ec;
  border-left-color: #d1733d;
}
.pp-breeder-page .callout-label {
  display: inline-block;
  font-family: "Poppins", "Nunito", sans-serif;
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #006299;
  margin-bottom: 0.5rem;
}
.pp-breeder-page .callout-warning .callout-label {
  color: #d1733d;
}
.pp-breeder-page .callout-teal {
  background: linear-gradient(135deg, #e6f8f6 0%, #e6f1f8 100%);
  border-left-color: #00af9b;
}
.pp-breeder-page .callout-teal .callout-label {
  color: #009483;
}
.pp-breeder-page .table-container {
  overflow-x: auto;
  margin: 1.5rem 0 2rem;
  border-radius: 10px;
  border: 1px solid #d0dfeb;
  box-shadow: 0 1px 4px rgba(27, 65, 103, 0.06);
}
.pp-breeder-page table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.88rem;
  line-height: 1.55;
}
.pp-breeder-page thead th {
  background: #006299;
  color: #fff;
  font-family: "Poppins", "Nunito", sans-serif;
  font-weight: 600;
  text-align: left;
  padding: 0.8rem 1rem;
  white-space: nowrap;
  font-size: 0.78rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.pp-breeder-page thead th:first-child {
  border-radius: 10px 0 0 0;
}
.pp-breeder-page thead th:last-child {
  border-radius: 0 10px 0 0;
}
.pp-breeder-page tbody td {
  padding: 0.8rem 1rem;
  border-bottom: 1px solid #d0dfeb;
  vertical-align: top;
}
.pp-breeder-page tbody tr:last-child td {
  border-bottom: none;
}
.pp-breeder-page tbody tr:nth-child(even) {
  background: #f7fafb;
}
.pp-breeder-page tbody tr:hover {
  background: #e6f1f8;
}
.pp-breeder-page td strong {
  color: #1b4167;
  font-weight: 700;
}
.pp-breeder-page .verify-card {
  background: #ffffff;
  border: 1px solid #d0dfeb;
  border-radius: 10px;
  padding: 2rem;
  margin: 0.5rem 0 1rem 0;
  box-shadow: 0 2px 8px rgba(27, 65, 103, 0.05);
}
.pp-breeder-page .verify-card h3 {
  margin-top: 0;
  font-size: 23.4px;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid #e6f1f8;
  margin-bottom: 1.25rem;
}
.pp-breeder-page .verify-card h4 {
  margin-top: 1.5rem;
}
.pp-breeder-page .verify-card h4:first-of-type {
  margin-top: 0.5rem;
}
.pp-breeder-page .state-badge {
  display: inline-block;
  background: #006299;
  color: #fff;
  font-family: "Poppins", "Nunito", sans-serif;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.2rem 0.65rem;
  border-radius: 4px;
  margin-right: 0.5rem;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.pp-breeder-page .state-badge-grey {
  background: #6b8299;
}
.pp-breeder-page ol.verify-steps {
  list-style: none;
  counter-reset: step;
  padding: 0;
  margin-left: 0;
}
.pp-breeder-page ol.verify-steps li {
  counter-increment: step;
  margin-bottom: 1.25rem;
  padding-left: 3rem;
  position: relative;
}
.pp-breeder-page ol.verify-steps li::before {
  content: counter(step);
  position: absolute;
  left: 0;
  top: 1px;
  width: 2.1rem;
  height: 2.1rem;
  background: #00af9b;
  color: #fff;
  font-family: "Poppins", "Nunito", sans-serif;
  font-weight: 700;
  font-size: 0.85rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pp-breeder-page ol.verify-steps li:last-child {
  margin-bottom: 0;
}
.pp-breeder-page .nsw-detail {
  background: #e6f1f8;
  border-left: 3px solid #006299;
  border-radius: 6px;
  padding: 1.1rem 1.4rem;
  margin: 1rem 0 1.25rem;
  font-size: 0.95rem;
}
.pp-breeder-page .nsw-detail strong {
  color: #1b4167;
}
.pp-breeder-page .resource-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}
.pp-breeder-page .resource-links a {
  display: inline-block;
  background: #ffffff;
  border: 1.5px solid #d0dfeb;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
  color: #006299;
  transition: all 0.15s;
}
.pp-breeder-page .resource-links a:hover {
  border-color: #006299;
  background: #e6f1f8;
}
.pp-breeder-page .quote-block {
  background: #e6f1f8;
  border-left: 4px solid #006299;
  border-radius: 10px;
  padding: 1.75rem 2rem;
  margin: 2rem 0;
  font-style: italic;
}
.pp-breeder-page .quote-block p:last-child {
  margin-bottom: 0;
  font-style: normal;
}
.pp-breeder-page .stats-section {
  background: #e6f1f8;
  border: 2px solid #006299;
  border-radius: 10px;
  padding: 2rem 2.25rem;
  margin: 2.5rem 0;
}
.pp-breeder-page .stats-section h2 {
  margin-top: 0;
}
.pp-breeder-page .stats-section li::marker {
  color: #00af9b;
}
.pp-breeder-page .requirements-section {
  background: #e6f1f8;
  border: 2px solid #006299;
  border-radius: 10px;
  padding: 2rem 2.25rem;
  margin: 2.5rem 0;
}
.pp-breeder-page .requirements-section h2 {
  margin-top: 0;
}
.pp-breeder-page .requirements-list {
  list-style: none;
  padding: 0;
  margin-left: 0;
}
.pp-breeder-page .requirements-list li {
  padding: 0.6rem 0 0.6rem 2rem;
  position: relative;
  line-height: 1.6;
}
.pp-breeder-page .requirements-list li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  color: #00af9b;
  font-weight: 800;
  font-size: 1.1rem;
}
.pp-breeder-page .hub-card {
  background: #ffffff;
  border: 1px solid #d0dfeb;
  border-radius: 10px;
  padding: 1.5rem 1.75rem;
  margin: 1rem 0;
  box-shadow: 0 2px 8px rgba(27, 65, 103, 0.05);
  transition: border-color 0.15s;
}
.pp-breeder-page .hub-card:hover {
  border-color: #006299;
}
.pp-breeder-page .hub-card h3 {
  font-family: "Poppins", "Nunito", "Livvic", "Montserrat", sans-serif;
  font-size: 21.6px;
  font-weight: 700;
  color: #1b4167;
  margin: 0 0 0.4rem;
}
.pp-breeder-page .hub-card h3 a {
  text-decoration: none;
  color: #006299;
}
.pp-breeder-page .hub-card h3 a:hover {
  color: #004a73;
  text-decoration: underline;
}
.pp-breeder-page .hub-card p {
  margin: 0;
  font-size: 0.95rem;
  color: #4a6a8a;
}
.pp-breeder-page .page-footer-note {
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid #d0dfeb;
  font-size: 0.85rem;
  color: #4a6a8a;
  font-style: italic;
}
@media (max-width: 640px) {
  /* .pp-breeder-page {
    padding: 1.5rem 1rem 3rem;
  } */
  .pp-breeder-page .verify-card,
  .pp-breeder-page .callout,
  .pp-breeder-page .requirements-section,
  .pp-breeder-page .stats-section {
    padding: 1.25rem;
  }
  .pp-breeder-page thead th {
    font-size: 0.68rem;
    padding: 0.65rem 0.6rem;
  }
  .pp-breeder-page tbody td {
    font-size: 0.8rem;
    padding: 0.6rem;
  }
}