/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.owl-carousel {
  padding: 0; }
  .owl-carousel .owl-item {
    background-color: lightgrey; }
    .owl-carousel .owl-item .item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
      .owl-carousel .owl-item .item img {
        max-width: 40%;
        padding: 0; }
      .owl-carousel .owl-item .item .item-data {
        padding: 10px; }
        .owl-carousel .owl-item .item .item-data h3 {
          font-size: 0.9rem;
          margin: 0; }
          .owl-carousel .owl-item .item .item-data h3 a {
            text-decoration: none; }
            .owl-carousel .owl-item .item .item-data h3 a:hover {
              text-decoration: none;
              text-decoration: underline; }
        .owl-carousel .owl-item .item .item-data .venue {
          font-size: 0.55rem;
          background-color: gray;
          color: white;
          padding: 2px 5px;
          text-transform: uppercase;
          width: -webkit-max-content;
          width: -moz-max-content;
          width: max-content;
          display: block;
          margin-top: 10px; }
        .owl-carousel .owl-item .item .item-data .date {
          text-decoration: none; }
          .owl-carousel .owl-item .item .item-data .date:hover {
            text-decoration: underline;
            color: darkslategray; }
            .owl-carousel .owl-item .item .item-data .date:hover span {
              color: darkslategray; }
        .owl-carousel .owl-item .item .item-data .day {
          font-size: 0.7rem;
          color: gray; }
        .owl-carousel .owl-item .item .item-data .month {
          font-size: 0.7rem;
          color: gray; }
        .owl-carousel .owl-item .item .item-data .year {
          font-size: 0.7rem;
          color: gray; }

/*STYLE LANDSCAPE STARTS*/
.is-style-Landscape .owl-carousel .owl-item .item {
  -ms-flex-direction: row;
      flex-direction: row; }
  .is-style-Landscape .owl-carousel .owl-item .item img {
    max-width: 40%; }

/*STYLE LANDSCAPE ENDS*/
/*STYLE PORTRAIT STARTS*/
.is-style-Portrait .owl-carousel .owl-stage {
  display: -ms-flexbox;
  display: flex; }
  .is-style-Portrait .owl-carousel .owl-stage .owl-item .item {
    -ms-flex-direction: column;
        flex-direction: column; }
    .is-style-Portrait .owl-carousel .owl-stage .owl-item .item img {
      max-width: 100%;
      padding: 0; }

/*STYLE PORTRAIT ENDS*/
/*STYLE OVERLAY STARTS*/
/*STYLE OVERLAY ENDS*/
/*DOTS STYLES STARTS*/
.owl-dots {
  counter-reset: dots; }
  .owl-dots .owl-dot:before {
    counter-increment: dots;
    content: counter(dots);
    position: absolute;
    visibility: hidden; }
  .owl-dots .owl-dot.active:before {
    position: relative;
    visibility: visible; }

/*DOTS STYLES ENDS*/
.is-style-Overlay .owl-carousel .owl-stage {
  display: -ms-flexbox;
  display: flex; }
  .is-style-Overlay .owl-carousel .owl-stage .owl-item .item {
    -ms-flex-direction: column;
        flex-direction: column; }
    .is-style-Overlay .owl-carousel .owl-stage .owl-item .item img {
      max-width: 100%;
      padding: 0; }
    .is-style-Overlay .owl-carousel .owl-stage .owl-item .item .item-data {
      text-align: center;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
      z-index: 1; }
      .is-style-Overlay .owl-carousel .owl-stage .owl-item .item .item-data h3 {
        font-size: 1.2rem; }
        .is-style-Overlay .owl-carousel .owl-stage .owl-item .item .item-data h3 a {
          color: white; }
      .is-style-Overlay .owl-carousel .owl-stage .owl-item .item .item-data .venue {
        -ms-flex-item-align: center;
            align-self: center;
        font-size: 0.7rem;
        background-color: black;
        color: whitesmoke; }
      .is-style-Overlay .owl-carousel .owl-stage .owl-item .item .item-data .date span {
        color: white; }
      .is-style-Overlay .owl-carousel .owl-stage .owl-item .item .item-data:before {
        content: '';
        display: block;
        background-color: black;
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0.45;
        left: 0;
        z-index: -1; }

/*NAVIGATION STYLE STARTS*/
.owl-nav > button {
  position: absolute;
  top: 35%;
  -webkit-transform: translateY(-60%);
      -ms-transform: translateY(-60%);
          transform: translateY(-60%); }
  .owl-nav > button span {
    color: lightgrey;
    font-size: 30px; }

.owl-nav .owl-prev {
  left: -25px; }

.owl-nav .owl-next {
  right: -25px; }

.owl-nav [class*=owl-]:hover {
  background: darkgrey;
  color: whitesmoke;
  text-decoration: none; }

.is-style-Portrait .owl-nav > button {
  position: absolute;
  top: 45%;
  -webkit-transform: translateY(-55%);
      -ms-transform: translateY(-55%);
          transform: translateY(-55%); }

.is-style-Overlay .owl-nav > button {
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

/*NAVIGATION STYLE ENDS*/