@font-face {
  font-family: 'camptonbook';
  src: url('/wp-content/themes/twentynineteen-child/assets/fonts/book.woff2') format('woff2'), url('/wp-content/themes/twentynineteen-child/assets/fonts/book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'camptonbookitalic';
  src: url('/wp-content/themes/twentynineteen-child/assets/fonts/bookitalic.woff2') format('woff2'), url('/wp-content/themes/twentynineteen-child/assets/fonts/bookitalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'camptonbold';
  src: url('/wp-content/themes/twentynineteen-child/assets/fonts/bold.woff2') format('woff2'), url('/wp-content/themes/twentynineteen-child/assets/fonts/bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'camptonbolditalic';
  src: url('/wp-content/themes/twentynineteen-child/assets/fonts/bolditalic.woff2') format('woff2'), url('/wp-content/themes/twentynineteen-child/assets/fonts/bolditalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.single-articles_zoom {
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  opacity: 1!important;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1280px) and (orientation: portrait) {
  .single-articles_zoom #mts {
    z-index: 9999;
    right: 21px;
    top: 26px;
  }
  .single-articles_zoom .modal-close {
    right: 21px;
    top: 30px;
    width: 30px;
    height: 30px;
  }
  .single-articles_zoom .modal-close img {
    max-width: 100%;
  }
}
.single-articles_zoom .modal-close img {
  max-width: 100%;
}
@media only screen and (min-device-width: 340px) and (max-device-width: 768px) and (orientation: portrait) {
  .single-articles_zoom #mts {
    z-index: 9999;
    right: 21px;
    top: 16px;
  }
  .single-articles_zoom .modal-close {
    top: 19px;
  }
  .single-articles_zoom .modal-close img {
    max-width: 100%;
  }
}
.single-articles_zoom #zoomable-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  user-select: none;
}
.single-articles_zoom #loader {
  position: absolute;
  top: 45%;
  left: 0;
  width: 100vw;
  background-color: transparent;
  color: #fff;
  font-size: 30px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  z-index: 9999;
}
.single-articles_zoom canvas {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
}
.single-articles_zoom #content {
  position: fixed;
  width: 100vw;
  height: 100vh;
}
.single-articles_zoom img {
  width: inherit;
  max-width: inherit;
  height: auto;
  position: unset;
}
.single-articles_zoom .share_buttons.hover:before {
  color: white;
  position: absolute;
  right: 10px;
  width: 180px;
  top: 4px;
  font-weight: bolder;
  font-size: 16px;
}
.single-articles_zoom .share_buttons.hover:after {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  content: ' ';
}
@media (max-width: 768px) {
  .single-articles_zoom #overlay.retop .content_overlay {
    margin-top: -40px;
  }
}
.single-articles_zoom #overlay img {
  width: 58px;
  height: auto;
  margin-bottom: 35px;
  position: relative;
}
.single-articles_zoom #scene {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}
.single-articles_zoom #scene img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /*image-rendering: auto;
				image-rendering: crisp-edges;
				image-rendering: pixelated;*/
}
.single-articles_zoom #controls {
  display: flex;
  height: 32px;
  border-radius: 50px;
  min-width: 155px;
  background: var(--c-black-trans);
  color: white;
  border: 2px solid white;
  align-content: center;
  justify-content: space-between;
  gap: 8px;
}
.single-articles_zoom #controls.noir {
  filter: invert(100%);
  background: rgba(8, 8, 8, 0.5);
}
.single-articles_zoom #controls #percent {
  padding: 4px 3px 4px 5px;
  line-height: 23px;
}
.single-articles_zoom #controls span:not(#percent) {
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  top: -1px;
  text-align: center;
  font-size: 27px;
  line-height: 26px;
  pointer-events: all;
}
.single-articles_zoom #controls span:not(#percent):hover {
  background: white;
  color: black;
}
.single-articles_zoom #controls #zoom-out {
  left: -1px;
}
.single-articles_zoom #controls #zoom-in {
  right: -1px;
}
.single-articles_zoom #colophon {
  display: none;
}
.single-articles_zoom html,
.single-articles_zoom body {
  height: 100%;
  margin: 0;
}
.single-articles_zoom body {
  font-family: 'Lato', sans-serif;
  background-color: #222;
}
.single-articles_zoom .site-content {
  background-color: transparent!important;
}
.single-articles_zoom .preloader-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  background: #000000;
  z-index: 2;
}
.single-articles_zoom .percentage {
  z-index: 100;
  border: 2px solid #ccc;
  text-align: center;
  color: #fff;
  line-height: 30px;
  font-size: 15px;
}
.single-articles_zoom .loader,
.single-articles_zoom .percentage {
  height: 30px;
  max-width: 500px;
  border: 2px solid #69AF23;
  border-radius: 20px;
  font-weight: 300;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.single-articles_zoom .loader:after,
.single-articles_zoom .percentage:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.single-articles_zoom .trackbar {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  overflow: hidden;
  position: relative;
  opacity: 0.99;
}
.single-articles_zoom .loadbar {
  width: 0%;
  height: 100%;
  background: repeating-linear-gradient(45deg, #008737, #008737 10px, #69AF23 10px, #69AF23 20px);
  /* Stripes Background Gradient */
  box-shadow: 0px 0px 14px 1px #008737;
  position: absolute;
  top: 0;
  left: 0;
  animation: flicker 5s infinite;
  overflow: hidden;
}
.single-articles_zoom .glow {
  width: 0%;
  height: 0%;
  border-radius: 20px;
  box-shadow: 0px 0px 60px 10px #008737;
  position: absolute;
  bottom: -5px;
  animation: animation 5s infinite;
}
@keyframes animation {
  10% {
    opacity: 0.9;
  }
  30% {
    opacity: 0.86;
  }
  60% {
    opacity: 0.8;
  }
  80% {
    opacity: 0.75;
  }
}
.single-articles_zoom .wrap {
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.single-articles_zoom.edge #controls span:not(#percent),
.single-articles_zoom.os-windows #controls span:not(#percent) {
  line-height: 22px;
}
.single-articles_zoom.edge #controls #percent,
.single-articles_zoom.os-windows #controls #percent {
  line-height: 20px;
}
