
.nav-item .active{
    background-color: #000000 !important;
    color: #DBA622 !important;
}

.bg-custom-blue {
    background-color: #DBA622 !important;
}

.text-custom-blue {
    color: #DBA622 !important;
}

.main-header {
    background-color: #DBA622 !important;
}

.brand-link {
    background-color: #DBA622 !important;
}

/* 
.content {
    margin-left: 20%;
}
.content-header {
    margin-left: 20%;
} */

@font-face {
    font-family: Vollkorn;
    src: url(../fonts/WOFF/vollkorn-regular-webfont.woff);
}

* {
    box-sizing: border-box;
    font-family: Vollkorn;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 0;
  }
  
  .container-calendar a {
    text-decoration: none;
  }
  
  
  .container-calendar {
      align-items: center;
      display: flex;
      height: 100%;
      justify-content: center;
      margin: 0 auto;
      width: 100%;
  }
  
  .calendar {
      background: #ffffff;
      border-radius: 4px;
      height: auto;
    perspective: 1000;
      width: 100%;
  }
  
  /* Front - Calendar */
  .front {
      transform: rotateY(0deg);
  }
  
  .current-date {
      border-bottom: 1px solid rgba(73, 114, 133, .6);
      display: flex;
      justify-content: space-between;
      padding: 30px 40px;
  }
  
  .current-date h1 {
      color: #dfebed;
      font-size: 1.4em;
      font-weight: 300;
  }
  
  .week-days {
      color: #2b4450;
      display: flex;
      justify-content: space-between;
      font-weight: 600;
  }
  
  .days {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  }
  
  .weeks {
      color: #2b4450;
      display: flex;
      flex-direction: column;
  }
  
  .weeks div {
      display: flex;
      font-size: 1.2em;
      font-weight: 300;
      justify-content: space-between;
      margin-bottom: 20px;
      width: 100%;
  }
  
  .last-month {
      opacity: .3;
  }
  
  .weeks span {
      padding: 10px;
  }
  
  .weeks span.active {
      background: #DBA622;
      border-radius: 50%;
  }
  
  .weeks span:not(.last-month):hover {
      cursor: pointer;
      font-weight: 600;
  }
  
  .event {
      position: relative;
  }
  
  .event:after {
      content: '•';
      color: #DBA622;
      font-size: 1.4em;
      position: absolute;
      right: -4px;
      top: -4px;
  }
  
  /* Back - Event form */
  
  .back {
      height: 100%;
      transform: rotateY(180deg);
  }
  
  .back input {
      background: none;
      border: none;
      border-bottom: 1px solid rgba(73, 114, 133, .6);
      color: #dfebed;
      font-size: 1.4em;
      font-weight: 300;
      padding: 30px 40px;
      width: 100%;
  }
  
  .info {
      color: #dfebed;
      display: flex;
      flex-direction: column;
      font-weight: 600;
      font-size: 1.2em;
      padding: 30px 40px;
  }
  
  .info div:not(.observations) {
      margin-bottom: 40px;
  }
  
  .info span {
      font-weight: 300;
  }
  
  .info .date {
      display: flex;
      justify-content: space-between;
  }
  
  .info .date p {
      width: 50%;
  }
  
  .info .address p {
      width: 100%;
  }
  
  .actions {
      bottom: 0;
      border-top: 1px solid rgba(73, 114, 133, .6);
      display: flex;
      justify-content: space-between;
      position: absolute;
      width: 100%;
  }
  
  .actions button {
      background: none;
      border: 0;
      color: #fff;
      font-weight: 600;
      letter-spacing: 3px;
      margin: 0;
      padding: 30px 0;
      text-transform: uppercase;
      width: 50%;
  }
  
  .actions button:first-of-type {
      border-right: 1px solid rgba(73, 114, 133, .6);
  }
  
  .actions button:hover {
      background: #497285;
      cursor: pointer;
  }
  
  .actions button:active {
      background: #5889a0;
      outline: none;
  }
  
  /* Flip animation */
  
  .flip {
    transform: rotateY(180deg);
  }
  
  .front, .back {
      backface-visibility: hidden;
  }
  
  