@import url("https://fonts.googleapis.com/css?family=Metamorphous|Open+Sans&display=swap&subset=latin-ext");
::-moz-selection {
  color: #0d0d0d;
  background: #ead799; }

::selection {
  color: #0d0d0d;
  background: #ead799; }

html {
  position: relative;
  min-height: 100%; }

.web {
  border-top: 1px solid #ead799;
  border-bottom: 1px solid #ead799; }

body, .mainPanel {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  background-image: url("../../images/bg.jpg");
  background-repeat: repeat;
  background-position: center;
  background-color: #212121;
  color: #b3b3b3;
  background-color: #212121;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  height: 100%; }
  body h1, .mainPanel h1 {
    font-family: "Metamorphous", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    color: #b3b3b3;
    line-height: 1.2em;
    margin-bottom: 40px; }
    body h1:before, body h1:after, .mainPanel h1:before, .mainPanel h1:after {
      -webkit-box-shadow: 1px 1px 1px #000000;
      -moz-box-shadow: 1px 1px 1px #000000;
      box-shadow: 1px 1px 1px #000000;
      content: "";
      position: relative;
      top: -8px;
      display: inline-block;
      height: 2px;
      /*width: 38px;*/
      width: 2rem;
      background-color: #b3b3b3; }
    body h1:before, .mainPanel h1:before {
      margin-right: 10px; }
    body h1:after, .mainPanel h1:after {
      margin-left: 10px; }
  body h2, .mainPanel h2 {
    font-family: "Metamorphous", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 26px;
    color: #b3b3b3;
    line-height: 1.2em;
    margin-bottom: 20px; }
  body h3, .mainPanel h3 {
    font-family: "Metamorphous", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    color: #b3b3b3;
    line-height: 1.2em;
    margin-bottom: 20px; }
  body h4, .mainPanel h4 {
    font-family: "Metamorphous", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #b3b3b3;
    line-height: 1.2em;
    margin-bottom: 20px; }
  body h5, .mainPanel h5 {
    font-family: "Metamorphous", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #b3b3b3;
    line-height: 1.2em; }
  body h6, .mainPanel h6 {
    font-family: "Metamorphous", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #b3b3b3;
    line-height: 1.2em; }
  body h1 small, body h2 small, body h3 small, body h4 small, body h5 small, body h6 small, .mainPanel h1 small, .mainPanel h2 small, .mainPanel h3 small, .mainPanel h4 small, .mainPanel h5 small, .mainPanel h6 small {
    font-family: "Open Sans", sans-serif;
    font-weight: 300; }
  body a, .mainPanel a {
    color: #a9874c;
    z-index: 0;
    padding: 0px 1px;
    transition: 0.25s ease;
    text-decoration: none; }
    body a:hover, body a:focus, .mainPanel a:hover, .mainPanel a:focus {
      color: #ead799;
      text-decoration: none; }
  body hr, .mainPanel hr {
    width: 50%;
    border-top: 2px solid rgba(179, 179, 179, 0.4);
    margin-top: 2rem;
    margin-bottom: 2rem; }
  body img, .mainPanel img {
    max-width: 100%; }
  body .mainContent, .mainPanel .mainContent {
    text-shadow: 1px 1px 1px #000000; }
  body .background__header, .mainPanel .background__header {
    height: 534px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: url("../../images/header.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-color: transparent; }
    @media only screen and (max-width: 768px) {
      body .background__header, .mainPanel .background__header {
        top: 50px;
        background-size: 100%; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      body .background__header, .mainPanel .background__header {
        background-size: 100%; } }
  body .bg-dark-pattern, .mainPanel .bg-dark-pattern {
    background-image: url("../../images/bg_menu.jpg");
    background-repeat: repeat;
    background-position: center;
    background-color: #0d0d0d; }
  body .text-grey, .mainPanel .text-grey {
    color: #999999; }
    body .text-grey:hover, body .text-grey:focus, .mainPanel .text-grey:hover, .mainPanel .text-grey:focus {
      color: #ead799;
      text-decoration: none; }
  body .font-base, .mainPanel .font-base {
    font-family: "Open Sans", sans-serif; }

.intro {
  color: #0d0d0d;
  border: none; }
  .intro section a {
    color: #0d0d0d;
    font-size: 14px; }
    .intro section a img {
      opacity: 0.8; }
    .intro section a:hover, .intro section a:focus {
      color: #a9874c; }
      .intro section a:hover img, .intro section a:focus img {
        opacity: 1; }
    @media only screen and (min-width: 768px) {
      .intro section a {
        font-size: 18px; } }
  .intro .lang {
    margin-top: -15px; }
    @media only screen and (min-width: 768px) {
      .intro .lang {
        margin-top: -50px; } }
    @media only screen and (min-width: 992px) {
      .intro .lang {
        margin-top: -70px; } }
    @media only screen and (min-width: 1200px) {
      .intro .lang {
        margin-top: -90px; } }

header {
  height: 175px; }
  @media only screen and (min-width: 576px) {
    header {
      height: 275px; } }
  @media only screen and (min-width: 768px) {
    header {
      height: 300px; } }
  @media only screen and (min-width: 992px) {
    header {
      height: 350px; } }
  @media only screen and (min-width: 1200px) {
    header {
      height: 400px; } }

.langSelection a {
  position: relative;
  font-size: 14px;
  color: rgba(33, 33, 33, 0.5);
  opacity: 0.2; }
  .langSelection a:hover, .langSelection a:focus {
    opacity: 0.5; }

.sideNav {
  height: 100%;
  width: 0;
  z-index: 20;
  top: 0;
  left: 0;
  background-color: #0d0d0d;
  overflow-x: hidden;
  transition: 0.5s; }
  .sideNav a {
    text-decoration: none;
    font-size: 18px;
    color: #999999;
    transition: 0.3s; }
    .sideNav a:hover, .sideNav a:focus {
      color: #ead799;
      text-decoration: none; }
    @media screen and (max-height: 450px) {
      .sideNav a {
        font-size: 16px; } }
  .sideNav .active {
    color: #a9874c; }

/*
.sideNavOpenButton {
  top: 15px;
  left: 15px;
}
*/
.sideNavOpenButton {
  -webkit-box-shadow: 5px 0px 15px #000000;
  -moz-box-shadow: 5px 0px 15px #000000;
  box-shadow: 5px 0px 15px #000000;
  height: 50px;
  width: 100%;
  background-color: #0d0d0d; }

.sideNavCloseButton {
  top: 0;
  left: 0; }

.menuRow {
  -webkit-box-shadow: 5px 0px 15px #000000;
  -moz-box-shadow: 5px 0px 15px #000000;
  box-shadow: 5px 0px 15px #000000;
  height: 50px;
  font-size: 16px; }

.mainNav a {
  position: relative;
  color: #999999; }
  .mainNav a:hover, .mainNav a:focus {
    color: #ead799;
    text-decoration: none; }
.mainNav .active {
  color: #a9874c; }
.mainNav .dropdown-item:hover, .mainNav .dropdown-item:focus {
  background: rgba(0, 0, 0, 0.5); }
.mainNav .dropdown-item.active {
  background-color: rgba(0, 0, 0, 0.7); }
.mainNav .dropdown-divider {
  border-top: 1px solid rgba(179, 179, 179, 0.2); }
.mainNav .dividerTitle {
  color: rgba(179, 179, 179, 0.4); }

.mainContent h1 + .subtitle, .mainPanel h1 + .subtitle {
  color: #999999; }
.mainContent h2.subtitle, .mainPanel h2.subtitle {
  font-family: "Metamorphous", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  color: #b3b3b3;
  line-height: 1.2em; }
  .mainContent h2.subtitle:before, .mainContent h2.subtitle:after, .mainPanel h2.subtitle:before, .mainPanel h2.subtitle:after {
    -webkit-box-shadow: 1px 1px 1px #000000;
    -moz-box-shadow: 1px 1px 1px #000000;
    box-shadow: 1px 1px 1px #000000;
    content: "";
    position: relative;
    top: -8px;
    display: inline-block;
    height: 2px;
    width: 1.25rem;
    background-color: #b3b3b3; }
  .mainContent h2.subtitle:before, .mainPanel h2.subtitle:before {
    margin-right: 10px; }
  .mainContent h2.subtitle:after, .mainPanel h2.subtitle:after {
    margin-left: 10px; }
.mainContent img, .mainPanel img {
  border-radius: 0.25rem !important;
  transition: 0.25s ease; }
.mainContent a:hover img, .mainContent a:focus img, .mainPanel a:hover img, .mainPanel a:focus img {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7); }
.mainContent ul li, .mainPanel ul li {
  list-style-type: none; }
  .mainContent ul li:before, .mainPanel ul li:before {
    -webkit-box-shadow: 1px 1px 1px #000000;
    -moz-box-shadow: 1px 1px 1px #000000;
    box-shadow: 1px 1px 1px #000000;
    content: "";
    position: relative;
    top: -5px;
    display: inline-block;
    height: 2px;
    width: 0.5rem;
    background-color: #b3b3b3;
    margin-right: 10px; }
.mainContent .btn, .mainPanel .btn {
  text-shadow: 0px 0px 0px #000000;
  background: rgba(33, 33, 33, 0.4);
  border-color: rgba(33, 33, 33, 0.8);
  font-size: 14px; }
  .mainContent .btn:hover, .mainContent .btn:focus, .mainPanel .btn:hover, .mainPanel .btn:focus {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    background: #a9874c;
    border-color: rgba(169, 135, 76, 0.8);
    color: #231f20; }
.mainContent .btn-dark:not(:disabled).active, .mainPanel .btn-dark:not(:disabled).active {
  background: rgba(33, 33, 33, 0.6);
  color: #a9874c; }
  .mainContent .btn-dark:not(:disabled).active:hover, .mainContent .btn-dark:not(:disabled).active:focus, .mainPanel .btn-dark:not(:disabled).active:hover, .mainPanel .btn-dark:not(:disabled).active:focus {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    border-color: rgba(169, 135, 76, 0.8); }
.mainContent .boxNews .date:before, .mainPanel .boxNews .date:before {
  -webkit-box-shadow: 1px 1px 1px #000000;
  -moz-box-shadow: 1px 1px 1px #000000;
  box-shadow: 1px 1px 1px #000000;
  content: "";
  position: relative;
  top: -5px;
  display: inline-block;
  height: 2px;
  width: 1rem;
  background-color: #b3b3b3;
  margin-right: 10px; }
.mainContent .boxNews .title, .mainPanel .boxNews .title {
  font-family: "Metamorphous", cursive;
  font-size: 18px; }
.mainContent .gallery .card h5, .mainPanel .gallery .card h5 {
  color: #b3b3b3; }
.mainContent .gallery .card a.stretched-link, .mainPanel .gallery .card a.stretched-link {
  color: #999999;
  opacity: 0.7; }
.mainContent .gallery .card img, .mainPanel .gallery .card img {
  transition: 0.25s ease; }
.mainContent .gallery .card:hover h5, .mainContent .gallery .card:hover a, .mainPanel .gallery .card:hover h5, .mainPanel .gallery .card:hover a {
  color: #ffffff; }
.mainContent .gallery .card:hover img, .mainPanel .gallery .card:hover img {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7); }
.mainContent .pedigree, .mainPanel .pedigree {
  width: 100%;
  color: #999999;
  font-size: 14px;
  background: rgba(33, 33, 33, 0.4);
  border-left: 2px solid #ead799;
  /*border-right: 1px solid rgba($primary-dark,1);*/ }
  .mainContent .pedigree tr:not(:first-of-type), .mainPanel .pedigree tr:not(:first-of-type) {
    border-top: 1px solid rgba(153, 153, 153, 0.2); }
  .mainContent .pedigree td, .mainPanel .pedigree td {
    vertical-align: middle;
    padding-left: 1rem; }
    .mainContent .pedigree td:not(last)
    p, .mainPanel .pedigree td:not(last)
    p {
      margin-top: 0.25rem;
      margin-bottom: 0.25rem; }
.mainContent .dog h2 a, .mainPanel .dog h2 a {
  color: #ffffff; }
  .mainContent .dog h2 a:hover, .mainContent .dog h2 a:focus, .mainPanel .dog h2 a:hover, .mainPanel .dog h2 a:focus {
    color: #ead799; }
.mainContent .dog h4:before, .mainContent .dog h4:after, .mainPanel .dog h4:before, .mainPanel .dog h4:after {
  -webkit-box-shadow: 1px 1px 1px #000000;
  -moz-box-shadow: 1px 1px 1px #000000;
  box-shadow: 1px 1px 1px #000000;
  content: "";
  position: relative;
  top: -5px;
  display: inline-block;
  height: 2px;
  width: 1rem;
  background-color: #b3b3b3; }
.mainContent .dog h4:before, .mainPanel .dog h4:before {
  margin-right: 10px; }
.mainContent .dog h4:after, .mainPanel .dog h4:after {
  margin-left: 10px; }
.mainContent .dog p, .mainPanel .dog p {
  color: rgba(153, 153, 153, 0.7);
  font-size: 14px; }
.mainContent .dog a:hover img, .mainContent .dog a:focus img, .mainPanel .dog a:hover img, .mainPanel .dog a:focus img {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.7); }
.mainContent .litter, .mainPanel .litter {
  background: rgba(33, 33, 33, 0.4);
  font-size: 14px;
  border-top: 2px solid #ead799; }
  .mainContent .litter h3, .mainPanel .litter h3 {
    font-family: "Metamorphous", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    color: #b3b3b3;
    line-height: 1.2em; }
    .mainContent .litter h3:before, .mainContent .litter h3:after, .mainPanel .litter h3:before, .mainPanel .litter h3:after {
      -webkit-box-shadow: 1px 1px 1px #000000;
      -moz-box-shadow: 1px 1px 1px #000000;
      box-shadow: 1px 1px 1px #000000;
      content: "";
      position: relative;
      top: -8px;
      display: inline-block;
      height: 2px;
      width: 2rem;
      background-color: #b3b3b3; }
    .mainContent .litter h3:before, .mainPanel .litter h3:before {
      margin-right: 10px; }
    .mainContent .litter h3:after, .mainPanel .litter h3:after {
      margin-left: 10px; }
  .mainContent .litter p span, .mainPanel .litter p span {
    color: rgba(153, 153, 153, 0.7); }
  .mainContent .litter strong, .mainPanel .litter strong {
    font-size: 16px; }
  .mainContent .litter .litterInfo, .mainPanel .litter .litterInfo {
    border-bottom: 1px solid rgba(153, 153, 153, 0.2); }
    @media only screen and (min-width: 768px) {
      .mainContent .litter .litterInfo, .mainPanel .litter .litterInfo {
        border-bottom: none;
        border-right: 1px solid rgba(153, 153, 153, 0.2); } }
.mainContent .litterParents, .mainPanel .litterParents {
  font-size: 14px;
  color: rgba(153, 153, 153, 0.7); }
  .mainContent .litterParents h4, .mainPanel .litterParents h4 {
    font-family: "Metamorphous", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #b3b3b3;
    line-height: 1.2em;
    color: #ffffff; }
  .mainContent .litterParents img, .mainPanel .litterParents img {
    max-height: 300px; }

.footerContent {
  background-image: url("../../images/footer.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-color: transparent;
  background-size: 150%;
  position: relative;
  height: 275px; }
  .footerContent .footerContentGradient {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px;
    width: 100%; }
  @media only screen and (min-width: 576px) {
    .footerContent {
      height: 325px;
      background-size: 130%; } }
  @media only screen and (min-width: 768px) {
    .footerContent {
      height: 325px;
      background-size: 100%; } }
  @media only screen and (min-width: 992px) {
    .footerContent {
      height: 350px;
      background-size: auto; } }
  @media only screen and (min-width: 1200px) {
    .footerContent {
      height: 378px;
      background-size: auto; } }

.footerNav h4 {
  font-family: "Open Sans", sans-serif;
  margin-bottom: 14px; }
.footerNav ul li {
  font-size: 14px;
  padding-bottom: 3px; }
  .footerNav ul li a img {
    transition: 0.25s ease;
    opacity: 0.4; }
    .footerNav ul li a img.logoColor {
      opacity: 0.3; }
    .footerNav ul li a img:hover, .footerNav ul li a img:focus {
      opacity: 0.6; }

.footerCopyrights {
  font-size: 14px;
  color: #999999; }

#cookiesInfoWindow {
  -webkit-box-shadow: -5px 0px 15px #000000;
  -moz-box-shadow: -5px 0px 15px #000000;
  box-shadow: -5px 0px 15px #000000; }
  #cookiesInfoWindow .button {
    color: #a9874c; }
    #cookiesInfoWindow .button:hover {
      cursor: pointer;
      color: #ead799;
      background-color: transparent;
      border-color: #ead799; }

/*# sourceMappingURL=theme.css.map */