/** Font Imports **/

@font-face {
font-family: 'Avenir';
font-style: italic;
font-weight: normal;
src: local('../fonts/Avenir LT Std 55 Oblique'), url('../fonts/AvenirLTStd-Oblique.woff') format('woff'),
     local('../fonts/Avenir LT Std 55 Oblique'), url('../fonts/AvenirLTStd-Oblique.woff2') format('woff2'),
     local('../fonts/Avenir LT Std 55 Oblique'), url('../fonts/AvenirLTStd-Oblique.otf') format('otf');
}


@font-face {
font-family: 'Avenir';
font-style: normal;
font-weight: 300;
src: local('../fonts/Avenir LT Std 35 Light'), url('../fonts/AvenirLTStd-Light.woff') format('woff'),
     local('../fonts/Avenir LT Std 35 Light'), url('../fonts/AvenirLTStd-Light.woff2') format('woff2'),
     local('../fonts/Avenir LT Std 35 Light'), url('../fonts/AvenirLTStd-Light.otf') format('otf');
}


@font-face {
font-family: 'Avenir';
font-style: italic;
font-weight: 300;
src: local('../fonts/Avenir LT Std 35 Light Oblique'), url('../fonts/AvenirLTStd-LightOblique.woff') format('woff'),
     local('../fonts/Avenir LT Std 35 Light Oblique'), url('../fonts/AvenirLTStd-LightOblique.woff2') format('woff2'),
     local('../fonts/Avenir LT Std 35 Light Oblique'), url('../fonts/AvenirLTStd-LightOblique.otf') format('otf');
}


@font-face {
font-family: 'Avenir';
font-style: normal;
font-weight: 400;
src: local('../fonts/Avenir LT Std 45 Book'), url('../fonts/AvenirLTStd-Book.woff') format('woff'),
     local('../fonts/Avenir LT Std 45 Book'), url('../fonts/AvenirLTStd-Book.woff') format('woff2'),
     local('../fonts/Avenir LT Std 45 Book'), url('../fonts/AvenirLTStd-Book.otf') format('otf');
}


@font-face {
font-family: 'Avenir';
font-style: italic;
font-weight: 400;
src: local('../fonts/Avenir LT Std 45 Book Oblique'), url('../fonts/AvenirLTStd-BookOblique.woff') format('woff'),
     local('../fonts/Avenir LT Std 45 Book Oblique'), url('../fonts/AvenirLTStd-BookOblique.woff') format('woff2'),
     local('../fonts/Avenir LT Std 45 Book Oblique'), url('../fonts/AvenirLTStd-BookOblique.otf') format('otf');
}


@font-face {
font-family: 'Avenir';
font-style: normal;
font-weight: 500;
src: local('../fonts/Avenir LT Std 65 Medium'), url('../fonts/AvenirLTStd-Medium.woff') format('woff'),
     local('../fonts/Avenir LT Std 65 Medium'), url('../fonts/AvenirLTStd-Medium.woff') format('woff2'),
     local('../fonts/Avenir LT Std 65 Medium'), url('../fonts/AvenirLTStd-Medium.otf') format('otf');
}


@font-face {
font-family: 'Avenir';
font-style: italic;
font-weight: 500;
src: local('../fonts/Avenir LT Std 65 Medium Oblique'), url('../fonts/AvenirLTStd-MediumOblique.woff') format('woff'),
     local('../fonts/Avenir LT Std 65 Medium Oblique'), url('../fonts/AvenirLTStd-MediumOblique.woff') format('woff2'),
     local('../fonts/Avenir LT Std 65 Medium Oblique'), url('../fonts/AvenirLTStd-MediumOblique.otf') format('otf');
}


@font-face {
font-family: 'Avenir';
font-style: normal;
font-weight: 700;
src: local('../fonts/Avenir LT Std 95 Black'), url('../fonts/AvenirLTStd-Black.woff') format('woff'),
     local('../fonts/Avenir LT Std 95 Black'), url('../fonts/AvenirLTStd-Black.woff') format('woff2'),
     local('../fonts/Avenir LT Std 95 Black'), url('../fonts/AvenirLTStd-Black.otf') format('otf');
}


@font-face {
font-family: 'Avenir';
font-style: italic;
font-weight: 700;
src: local('../fonts/Avenir LT Std 95 Black Oblique'), url('../fonts/AvenirLTStd-BlackOblique.woff') format('woff'),
     local('../fonts/Avenir LT Std 95 Black Oblique'), url('../fonts/AvenirLTStd-BlackOblique.woff') format('woff2'),
     local('../fonts/Avenir LT Std 95 Black Oblique'), url('../fonts/AvenirLTStd-BlackOblique.otf') format('woff');
}

/** Site styling **/


/** Colours **/

.bg-charcoal {
  background-color: #191919;
}

.bg-gold {
  background-color: #CB9E51;
}

.col-charcoal {
  color: #191919;
}

.col-gold {
  color: #CB9E51;
}

.text-area em {
  color: #CB9E51;
}

.text-area p {
  margin-bottom: 15px;
}

::-moz-selection { background: #191919; color: white; }
::selection { background: #191919; color: white; }

/** Typefaces **/

body {
  font-family: Avenir, helvetica, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #6E6E6E;
}


p {
  font-size: 1rem;
}

strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

sup {
  font-size: 50%;
  line-height: 0;
  padding-left: 0.5%;
}

.max-w-7xl {
  max-width: 90rem;
}

.playfair {
  font-family: 'Playfair Display', serif;
}

.break-new-line {
   width: min-intrinsic;
   width: -webkit-min-content;
   width: -moz-min-content;
   width: min-content;
   display: table-caption;
   display: -ms-grid;
   -ms-grid-columns: min-content;
}

.xl-legend-title {
  font-size: 5rem;
}

.lg-legend-title {
  font-size: 3rem;
}

/** Header **/
.primary-header h1 strong {
  font-weight: 700;
  color: #CB9E51;
}

.memorial-header {
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
}

.memorial-force-bg-left {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.primary-header::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  background-color: #191919;
  opacity: 0.95;
  content: '';
  z-index: 1;
}

/** img - text **/

.rotate-90 {
  transform: rotate(-90deg);
  transform-origin: right 0;
}

.floating-caption {
  transform: translateY(-30px)
}

.floating-down-caption {
  transform: translateY(30px)
}


.ratio-rect {
  height: 100%;

}

/** Slider **/

.slider-rotate-90 {
  writing-mode: vertical-lr;
  margin-left: auto;
  margin-right: auto;
}


#home_slider .legend-slide-img {
  padding-top: 75%;
}

.swiper-button-prev {
  background-image: none;
}

.swiper-button-next {
  background-image: none;
}

#home_slider .no-legend .legend-slide-img {
  background-image: none !important;
  background-color: black;
}

#home_slider .no-legend .legend-slide-img div {
  visibility: visible;
}

#home_slider .no-legend .legend-slide-info {
  visibility: hidden
}

#home_slider .swiper-container {
  overflow: visible;
}

#home_slider .slider-button {
  transform: translateY(20px);
}

.swiper-button-next, .swiper-button-prev {
}

/** Legend Page **/

.legend-header-img {
  padding-top: 50%;
}

.swiper-gallery-thumb-next, .swiper-gallery-thumb-prev {
  transform: scale(0.7);
}



/** Legend Page **/

.vjs-poster {
  background-size: cover !important;
  background-position: center !important;
}

.citation-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
}

/** Slidershow Slider **/

.top-slider-slide {
  padding-top: 60%;
}

.bottom-slider-slide {
  padding-top: 15%;
}

.bottom-slider-slide.swiper-slide-visible:hover {
    cursor: pointer;
}

/** Playlist iframe **/

.playlist-iframe-wrapper iframe {
  min-height: 400px;
}

/** Embeds **/

.simplecast-artbox {
  padding-bottom: 100%;
  position: relative;
  display: block;
}

.simplecast-artbox:hover .simplecast-artbox__icon {
  transform: scale(1.05);
} 

.simplecast-artbox__icon {
  position: absolute;
  margin: auto;
  width: 40px;
  height: 40px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  transition-duration: 0.3s;
}

.simplecast-artbox__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.legend-sc-emb iframe {
	height: 100%;
}

.legend-td-emb iframe {
	height: 350px !important;
  width: 100% !important;
}

.legend-td-emb--memorial iframe {
  height: 425px !important;
}

/** Tribute Block **/

.tribute-sizer,
.tribute {
  width: 33%;
}

.tribute__img-wrap {
  position: relative;
  padding-bottom: 50%;
  width: 50%;
}

.tribute__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

.playlist-title__underline {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.playlist-title__underline span {
  height: 1px;
  display: inline-block;
  background-color: #E3E3E3;
}

@media (max-width: 1024px) {
  .ratio-rect {
    padding-top: 60%;
  }

  .tribute-sizer,
  .tribute {
    width: 50%;
  }
}

@media (max-width: 767px) {

.tribute-sizer,
.tribute {
  width: 100%;
}

.bottom-slider-slide {
  padding-top: 22%;
}

.swiper-container.gallery-thumbs {
  margin-top: 4px;
}

.ratio-rect {
  padding-top: 80%;
}

.xl-legend-title {
  font-size: 3rem;
}

.full-width-mobile {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

.break-new-line {
  width: auto;
}

.memorial-header {
  height: 80vh;
  background-repeat: no-repeat;
  background-size: cover;
}
}