/*
* -  BOOTSTRAP VARIABLES OVERRIDE - 
*/

:root {
  --font-family-primary: "Open Sans", sans-serif;
  --font-family-secondary: "Nutmeg";
}

/* $navbar-light-color: rgba($black, 0.6);
$navbar-light-hover-color: rgba($black, 0.8);
$navbar-light-active-color: rgba($black, 0.9);
$navbar-light-disabled-color: rgba($black, 0.3);
$navbar-light-toggler-border-color: rgba($black, 0.1); */

/* $navbar-toggler-border-radius: $border-radius; */

/* $input-btn-focus-width: 0.2rem;
$input-btn-focus-color: rgba($component-active-bg, 0.25);
$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color; */

/* $input-btn-font-size-sm: $font-size-sm;
$input-btn-line-height-sm: $line-height-sm; */

/* $input-btn-line-height-lg: $line-height-lg; */

/* $input-btn-border-width: $border-width; */

/* $btn-padding-x: 2.2rem;
$btn-padding-y: 0.6rem;

$btn-padding-x-lg: 2.2rem;
$btn-padding-y-lg: 0.6rem; */

/* $dropdown-font-size: $font-size-base;
$dropdown-bg: $body-color;
$dropdown-border-color: $dark-blue;

$dropdown-link-color: $white;
$dropdown-link-hover-color: $white;
$dropdown-link-hover-bg: $dark-blue; */

.custom-card {
  overflow: hidden;
  background-color: #F2F2F2;
  max-height: 75vh;
}

.card-video-container {
  position: relative;
  overflow: hidden;
}

.card-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1));
  opacity: 0;
}

.custom-card:hover .video-scale {
  transition: all ease-in 0.3s;
  transform: scale(1.1);
}

.custom-card:hover .card-video-overlay {
  z-index: 99;
  opacity: 1;
  transform: scale(1.1);
  transition: opacity ease-in 0.5s;
}

.overlay-text-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.overlay-text {
  color: #f0da59;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 24px;
  margin: 0;
  text-align: center;
  z-index: 1;
}

.card-text {
  min-height: 4rem;
  color: #092A67B1;
  font-style: italic;
  font-weight: 600;
}

.play-icon {
  z-index: 100;
  position: absolute;
}

.custom-card {
  cursor: pointer;
}

.modal-content {
  background-color: transparent;
  border: none;
}

.rounded-23 {
  border-radius: 23px;
}

.close {
  z-index: 1;
  top: 1rem;
  right: 1rem;
}

.custom-modal .modal-dialog {
  max-width: 50vh;
}

@media (max-width: 575px) {
  .custom-card {
    max-height: 100vh;
  }

  .custom-modal .modal-dialog {
    margin: 3rem auto;
  }
}