@font-face {
    font-family: "Full House";
    src: url("../fuentes/fullhouse.ttf");
}

@font-face {
    font-family: "Manjiro";
    src: url("../fuentes/manjiro.ttf");
}

body
{
    background-color: #ffffff;
}

.nav-item, .dropdown-item
{
    font-size: 14px !important;
}

.bg-light {
    background-color: #fbf2fa!important;
}

.bg-black {
    background-color: #000!important;
}

.bg-gray {
  background-color: #515558!important;
}

.bg-gray {
  background-color: #515558!important;
}

.bg-otonio {
  background-color: #8a1812!important;
}

.text-purple {
    color:#8e287f !important;
}

.text-orange {
    color: #f29d00!important;
}


.text-menu {
  color: #f6d8ac!important;
}

.text-festival
{
  color: #f6d8ac!important
}

.img-logos {
    content: url(../images/logos/logos.png);
    max-width: 150px;
}

.img-logo-xv {
    content: url(../images/logos/xv.png);
    max-width: 150px;
}

.pointer
{
    cursor: pointer;
}

.card-link
{
    text-decoration: none !important;
    color: #3B1F45 !important;
}

.dropdown-item:hover
{
    background-color: #3B1F45 !important;
}

.card-link:hover,
.list-group a:hover
{
    text-decoration: none !important;
    color: #2E0B2E !important;
    font-weight: 500;
}

.card img
{
    max-width: 550px;
}


.btn-purple
{
    color: #FFF;
    background: #3B1F45;
}

.bg-purple
{
    background: #3B1F45;
}

.py-link
{
    padding-bottom: .11rem;
    padding-top: .11rem;
}

.container-img
{
    background-image: url("../images/fondo.jpg");
    background-position: center;
}

a.redes:hover
{
    color: #f6d8ac !important;
    text-decoration: none;
}

@include media-breakpoint-up(md) {
    flex-flow: row wrap;
    margin-right: -$card-deck-margin;
    margin-left: -$card-deck-margin;

    .card {
      display: flex;
      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
      flex: 1 0 0%;
      flex-direction: column;
      margin-right: $card-deck-margin;
      margin-bottom: 0; // Override the default
      margin-left: $card-deck-margin;
    }
  }


  @media (min-width: 768px) {
    .border-md-left {
        border-left: 1px solid #dee2e6!important
    }
  }

  .carousel-indicators li{
      height: 16px !important;
      width: 16px !important;
  }

  .embed-responsive
  {
      max-height: 550px;
  }

  .img-otonate
  {
    max-width: 450px;
    float: right;
  }

  .btn-primary
  {
    color: #fff;
    background-color: #8a1812;
    border-color: #8a1812;
  }

  .btn-primary:hover
  {
    color: #fff;
    background-color: #f6d8ac;
    border-color: #f6d8ac;
  }

  .rounded-pill
  {
    border-radius: 50rem!important;
  }

  .p-evento
  {
    font-size: 0.9rem;
  }

  .p-evento-black
  {
    font-size: 1rem;
  }

  .p-evento-cine
  {
    font-size: 1.2rem;
  }

  .p-concierto
  {
    font-size: 1.2rem;
  }

  .h-evento
  {
    font-size: 1.6rem;
    font-weight: bolder;
    color: #201e19;
  }

  .h-evento-cine
  {
    font-size: 3rem;
    font-weight: bolder;
    color: #201e19;
  }

  .t-evento
  {
    font-size: 2rem;
    font-weight: bolder;
    color: #201e19;
  }

  .fecha-evento
  {
    font-family: "Manjiro";
    font-size: 1.4rem;
    color: #FFFFFF;
    background-color: #321F38;
    text-align: center;
  }

  .small, small {
    font-size: 95% !important;
    font-weight: 400;
  }

  .video-card
  {
    width: 100%;
    height: -webkit-fill-available;
    max-height: 400px;
  }

  .border-purple {
    border-color: #58395c!important;
  }

  .wide {
    width: 100%;
    max-height: 100%;
    cursor: pointer;
}

.direccion {
    margin-top: 60px;
    margin-bottom: 100px;
}

.link-bottom
{
    bottom: 20px;
    position: absolute;
    right: 25px;
}

.btn-bottom {
    bottom: -20px;
    position: absolute;
    right: 0px;
}


.video-rector {
    min-height: 380px;
}

@media (max-width: 1200px) {
    .video-rector {
        min-height: 280px;
    }
}

@media (max-width: 992px) {
    .video-rector {
        min-height: 180px;
    }
}
@media (max-width: 576px) {
    .video-rector {
        min-height: 380px;
    }
}