/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
.mkscustomcontent-cta {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  position: relative;
  border-radius: 6px;
  overflow: hidden; }
  .vc_row-no-padding .mkscustomcontent-cta {
    border-radius: 0px; }
  .mkscustomcontent-cta.style-light {
    color: #fff; }
    .mkscustomcontent-cta.style-light a {
      color: #fff; }
  .mkscustomcontent-cta.theme-center .inner-mkscustomcontent-cta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center; }
  .mkscustomcontent-cta.theme-right .inner-mkscustomcontent-cta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    text-align: right; }
  .mkscustomcontent-cta.theme-right .badge-container {
    right: auto;
    left: 20px; }
  .mkscustomcontent-cta > .cta-link {
    display: block;
    padding-top: 2em;
    padding-bottom: 2em; }
    @media only screen and (min-width: 768px) {
      .mkscustomcontent-cta > .cta-link {
        padding-top: 4em;
        padding-bottom: 4em; } }
    .mkscustomcontent-cta > .cta-link:visited {
      color: inherit; }
  .mkscustomcontent-cta .title {
    margin-top: 0px;
    max-width: 22em; }
  .mkscustomcontent-cta .description {
    font-size: 1.2em;
    max-width: 40em;
    margin-top: 0px;
    font-weight: 500; }
    @media only screen and (max-width: 768px) {
      .mkscustomcontent-cta .description {
        line-height: 1.05em; } }
  .mkscustomcontent-cta .badge-container {
    position: absolute;
    bottom: 20px;
    right: 20px;
    text-align: center;
    line-height: 1em;
    display: block; }
    .mkscustomcontent-cta .badge-container .badge {
      background-position: 50%;
      background-size: cover;
      height: 2em;
      width: 2em;
      display: inline-block;
      margin-bottom: 0px; }
      @media only screen and (min-width: 768px) {
        .mkscustomcontent-cta .badge-container .badge {
          height: 3em;
          width: 3em; } }
    .mkscustomcontent-cta .badge-container .project-name {
      font-weight: 900;
      font-size: 0.7em;
      margin-top: 0.1em; }
      @media only screen and (min-width: 768px) {
        .mkscustomcontent-cta .badge-container .project-name {
          font-size: 0.9em; } }

.festival-cta .box-row .image {
  justify-content: center; }
  @media only screen and (min-width: 768px) {
    .festival-cta .box-row .image {
      flex: 0 0 350px; } }
.festival-cta .box-row img {
  width: 200px !important; }