.backdrop-dark-gradient-subtle {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.67) 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 90%);
}

.backdrop-dark-gradient-light {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.87) 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 90%);
}

.backdrop-dark-gradient-medium {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.87) 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 90%);
}

.backdrop-dark-gradient-high {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.87) 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 90%);
}

html .basic-sideheader.ktt-sideheader-has-video .wp-custom-header {
  opacity: 0;
  transition: opacity 0.55s ease;
}
html .basic-sideheader.ktt-sideheader-has-video .wp-custom-header:after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.22);
  transition: opacity 0.55s ease;
  pointer-events: none;
}
html .basic-sideheader.ktt-sideheader-has-video .card-content .bg-loady-thumb,
html .basic-sideheader.ktt-sideheader-has-video .card-content .bg-loady-large {
  transition: opacity 0.55s ease;
}
html .basic-sideheader.ktt-sideheader-has-video.ktt-sideheader-video-ready .wp-custom-header {
  opacity: 1;
}
html .basic-sideheader.ktt-sideheader-has-video.ktt-sideheader-video-ready .wp-custom-header:after {
  opacity: 0;
}
html .basic-sideheader.ktt-sideheader-has-video.ktt-sideheader-video-ready .card-content .bg-loady-thumb,
html .basic-sideheader.ktt-sideheader-has-video.ktt-sideheader-video-ready .card-content .bg-loady-large {
  opacity: 0;
}
html .basic-sideheader .wp-custom-header {
  position: absolute;
  top: 0;
  z-index: 0;
  pointer-events: none;
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100vh;
}
html .basic-sideheader .wp-custom-header iframe, html .basic-sideheader .wp-custom-header video {
  object-fit: cover;
  object-position: center center;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html .basic-sideheader .wp-custom-header iframe {
  box-sizing: border-box;
  height: 56.25vw;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  width: 177.77777778vh;
}
html .basic-sideheader .nextprev-buttons {
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: rgba(255, 255, 255, 0.15);
}
html .basic-sideheader .nextprev-buttons > span + span {
  border-style: solid;
  border-width: 0px 0px 0 1px;
  border-color: rgba(255, 255, 255, 0.15);
}
html .basic-sideheader .nextprev-buttons > span > a:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
html .basic-sideheader .nextprev-buttons > span > a:focus,
html .basic-sideheader .nextprev-buttons > span > a:active {
  background-color: rgba(255, 255, 255, 0.25);
}

/**
Grid Template Style
*/
/* Required */
.sticky {
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.4);
  border-width: 0px;
  position: relative;
}
.sticky:before {
  display: block;
  z-index: 333;
  right: 0;
  top: 0;
  content: "";
  width: 40px;
  position: absolute;
  height: 40px;
  border-style: solid;
  border-width: 0px 70px 70px 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.sticky:after {
  display: block;
  z-index: 444;
  right: 0;
  top: 0;
  color: #755;
  padding-top: 8px;
  font-family: "Material Icons";
  font-size: 1.2em;
  content: "\e226";
  width: 40px;
  position: absolute;
}

.wp-caption-text {
  font-style: italic;
}

.gallery-caption {
  font-style: italic;
}

.bypostauthor {
  color: inherit;
}

/**
* Sideheader backgruond image effect
*/
html .site-body-content-wrap .basic-sideheader .bg-loady-large {
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  -webkit-transform: scale(1);
  transform: scale(1);
}

html .site-body-content-wrap .basic-sideheader:hover .bg-loady-large {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}