/** Generic Styles */

main {
  margin-top: 120px;
}


h1 {
  color: #FFAA00;
}

h3 {
  font-size: 1.2rem;
  font-weight: 400;
}

p.highlight {
  color: #FFAA00;
}

.transparency-gradient-lr {
  background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

.hide {
  display: none
}

p a {
  color: #FFAA00;
}

p a:hover {
  color: #ffc830;
}

.dy-numbering {
  width: 2rem;
  flex-shrink: 0;
  font-size: 2rem;
}


/** Media Text Blocks */

.media-text-frame {
  border: 0.2px solid #a1a1a1;
  border-radius: 1rem;
  box-shadow: 0.2rem 0.2rem 0.6rem rgba(255, 255, 255, 0.2);
  overflow: hidden;
  padding: 1.5rem;
}

.media-text-frame.gradient-lr {
  background: linear-gradient(to right bottom, rgba(255, 170, 0, 0.25), rgba(0, 0, 0, 0));
}

.media-text-inner-frame {
  border: 0;
  border-radius: 0.85rem;
  overflow: hidden;
}

.media-text-horizontal {
  padding: 0;
  height: 100%;
  min-height: 200px;
}

.media-text-horizontal:hover {
  border-color: #FFAA00;
}

.media-text-horizontal>.wp-block-media-text__media {
  height: 100%;
}

.media-text-horizontal>.wp-block-media-text__media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.media-text-horizontal>div.wp-block-media-text__content {
  padding: 1rem;
  box-sizing: border-box;
}

.media-text-horizontal>.wp-block-media-text__content p {
  margin: 0;
}

.media-text-horizontal.v-top-align .wp-block-media-text__content {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
}


/** Scroll Fade */

.scroll-fade {
  opacity: 0;
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.scroll-fade.fade-up {
  transform: translateY(30px);
}

.scroll-fade.fade-down {
  transform: translateY(-30px);
}

.scroll-fade.fade-left {
  transform: translateX(30px);
}

.scroll-fade.fade-right {
  transform: translateX(-30px);
}

.scroll-fade.visible {
  opacity: 1;
  transform: translate(0, 0);
}


/** Accordion */

.accordion-button {
  background-color: #000000;
  color: white;
  font-size: 1.2rem;
}

.accordion-button:not(.collapsed) {
  background-color: #000000;
  color: #FFAA00;
  box-shadow: 0;
}

.accordion-item {
  border: 0;
  background-color: #000000;
  color: white;
  border-bottom: 1px rgb(71, 71, 71) solid;
}
.accordion-body {
    padding-left: 2rem;
}

div.wp-block-button a:hover {
  background-color: #FFAA00;
}

div.animation-container {
  position: relative;
}

.mt-7 {
  margin-top: 7rem;
}

.mt-10 {
  margin-top: 10rem;
}