/* 
Theme Name: Winter Park Festival v2022
Version: 1.0
Author: Danny van der Meijden - dannyvdm.nl & Don't Mind
Author URI: http://www.dannyvdm.nl
*/
@import url("bootstrap-css/bootstrap.min.css");
@import url("bootstrap-css/bootstrap-theme.min.css");
@import url("scss/owl/owl.carousel.min.css");
@import url("scss/owl/owl.theme.default.min.css");
@import url("fontawesome/css/all.min.css");
/********************************************************
Reset
********************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  /*font-family: inherit;
  font-size: 100%;*/
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ }

*,
*:before,
*:after {
  /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  background: #fff; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block; }

ol, ul {
  /*list-style: none;*/ }

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  font-weight: normal;
  text-align: left; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a:focus {
  outline: thin dotted; }

a:hover,
a:active {
  outline: 0; }

a img {
  border: 0; }

/********************************************************
COLORS
********************************************************/
/********************************************************
MIXINS
********************************************************/
@font-face {
  font-family: Broadway;
  src: url(fonts/Broadway.ttf);
  font-weight: 100; }
@font-face {
  font-family: Avant-Garde;
  src: url(fonts/Defected_Avant_Garde_Regular.ttf);
  font-weight: 100; }
@font-face {
  font-family: TTNorms;
  src: url(fonts/TTNorms-Bold.otf);
  font-weight: 100; }
body, html {
  background-color: #2d255f;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 20px;
  overflow-x: hidden;
  font-family: 'Barlow', sans-serif;
  font-weight: 400; }

.container {
  width: 1310px;
  position: relative;
  z-index: 3;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 30px;
  margin: 0 auto; }

.entry-header {
  margin-bottom: 60px; }

.entry-content ul, .entry-content ol {
  margin-left: 20px;
  margin-bottom: 15px; }
.entry-content p {
  margin-bottom: 15px; }
.entry-content a {
  color: #FFFFFF;
  text-decoration: underline; }
  .entry-content a:hover {
    text-decoration: none; }

textarea:focus, input:focus {
  outline: none; }

input[type=text], input[type=submit], input[type=button], textarea, button {
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

::selection {
  background: #f11630;
  color: #FFFFFF;
  /* WebKit/Blink Browsers */ }

::-moz-selection {
  background: #f11630;
  color: #FFFFFF;
  /* Gecko Browsers */ }

h1 {
  font-size: 40px;
  text-transform: uppercase; }

h2 {
  font-size: 35px;
  text-transform: uppercase; }

h3 {
  font-size: 25px;
  text-transform: uppercase; }

.center {
  text-align: center; }

/********************************************************
MAX-WIDTH: 1310px
********************************************************/
@media only screen and (max-width: 1310px) {
  .container {
    max-width: 100%; } }
/********************************************************
MAX-WIDTH: 991px
********************************************************/
/********************************************************
MAX-WIDTH: 551px
********************************************************/
@media only screen and (max-width: 551px) {
  .container {
    padding: 0 15px; } }
#mainheader {
  position: fixed;
  top: 0;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 30px 30px 30px;
  z-index: 100;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  #mainheader .navigation {
    position: fixed;
    top: 0;
    left: -280px;
    background-color: #FFFFFF;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 130px 30px 30px 30px;
    width: 280px;
    height: 100%;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    #mainheader .navigation.opened {
      left: 0; }
    #mainheader .navigation ul {
      margin: 0;
      padding: 0; }
      #mainheader .navigation ul li {
        list-style-type: none;
        margin-bottom: 10px; }
        #mainheader .navigation ul li a {
          font-family: 'Barlow', sans-serif;
          font-weight: 600;
          font-size: 16px;
          letter-spacing: 0.8px;
          color: #2d255f;
          text-transform: uppercase;
          text-decoration: none; }
          #mainheader .navigation ul li a:hover {
            color: #eeb34e; }
  #mainheader .menu-toggle {
    float: left;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding-top: 2px; }
    #mainheader .menu-toggle .drawer-btn {
      background: none;
      border: none;
      text-transform: uppercase;
      font-weight: 600;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      padding-left: 0;
      cursor: pointer; }
      #mainheader .menu-toggle .drawer-btn:focus {
        outline: none; }
      #mainheader .menu-toggle .drawer-btn:hover .drawer-btn__icon__dash:nth-child(3) {
        width: 100%; }
      #mainheader .menu-toggle .drawer-btn:after {
        content: "";
        display: block;
        width: 2px;
        margin: 0 20px;
        height: 20px;
        background: #FFFFFF; }
    #mainheader .menu-toggle .drawer-btn__text {
      font-size: 1rem;
      letter-spacing: 1px;
      color: #FFFFFF;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      padding-top: 2px; }
    #mainheader .menu-toggle .drawer-btn__icon {
      width: 20px;
      height: 20px;
      position: relative;
      display: block;
      margin-right: 8px; }
    #mainheader .menu-toggle .drawer-btn__icon__dash {
      background: #FFFFFF;
      width: 100%;
      height: 2px;
      position: absolute;
      transition: 0.3s all ease; }
      #mainheader .menu-toggle .drawer-btn__icon__dash:nth-child(1) {
        top: calc(50% - 5px);
        transform: translateY(-50%); }
      #mainheader .menu-toggle .drawer-btn__icon__dash:nth-child(2) {
        top: 50%;
        transform: translateY(-50%); }
      #mainheader .menu-toggle .drawer-btn__icon__dash:nth-child(3) {
        top: calc(50% + 5px);
        transform: translateY(-50%);
        width: 75%;
        right: 0; }
    #mainheader .menu-toggle.opened .drawer-btn:after {
      background: #2d255f; }
    #mainheader .menu-toggle.opened .drawer-btn__text {
      color: #2d255f; }
    #mainheader .menu-toggle.opened .drawer-btn__icon__dash {
      background: #2d255f; }
  #mainheader .logo {
    float: left;
    position: relative;
    z-index: 3; }
    #mainheader .logo img {
      width: 250px;
      height: auto; }
  #mainheader .social-media {
    float: right; }
    #mainheader .social-media ul {
      margin: 0;
      padding: 0; }
      #mainheader .social-media ul li {
        list-style-type: none;
        float: left;
        margin-right: 5px; }
        #mainheader .social-media ul li:last-child {
          margin-right: 0; }
        #mainheader .social-media ul li a {
          text-decoration: none;
          width: 20px;
          height: 20px;
          background-color: #f11630;
          -webkit-border-radius: 100%;
          -moz-border-radius: 100%;
          -ms-border-radius: 100%;
          -o-border-radius: 100%;
          border-radius: 100%;
          text-align: center;
          line-height: 20px; }
          #mainheader .social-media ul li a img {
            width: 25px;
            height: auto; }
  #mainheader.fixed {
    background-color: #FFFFFF;
    padding: 20px 30px; }
    #mainheader.fixed .menu-toggle .drawer-btn:after {
      background: #2d255f; }
    #mainheader.fixed .menu-toggle .drawer-btn__text {
      color: #2d255f; }
    #mainheader.fixed .menu-toggle .drawer-btn__icon__dash {
      background: #2d255f; }

/********************************************************
MAX-WIDTH: 991
********************************************************/
/********************************************************
MAX-WIDTH: 767
********************************************************/
/********************************************************
MAX-WIDTH: 551
********************************************************/
@media only screen and (max-width: 551px) {
  #mainheader {
    padding-left: 15px !important;
    padding-right: 15px !important; }
    #mainheader .logo {
      padding-top: 2px; }
      #mainheader .logo img {
        max-width: 200px; }
    #mainheader .social-media {
      display: none; } }
#content .banner {
  background-color: #2d255f;
  background-image: url("images/bg-laying.svg");
  background-size: cover;
  position: relative;
  padding-top: 20px; }
  #content .banner .icon-ehvn {
    position: absolute;
    left: -30px;
    top: 30%; }
    #content .banner .icon-ehvn img {
      width: 100px; }
  #content .banner .icon-ski {
    position: absolute;
    left: 4%;
    bottom: 10%; }
    #content .banner .icon-ski img {
      width: 120px; }
  #content .banner .icon-bergen {
    position: absolute;
    left: 20%;
    bottom: 25%; }
    #content .banner .icon-bergen img {
      width: 60px; }
  #content .banner .icon-kerstman {
    position: absolute;
    left: 25%;
    bottom: 0; }
    #content .banner .icon-kerstman img {
      width: 50px; }
  #content .banner .icon-handschoenen {
    position: absolute;
    left: 40%;
    bottom: 20%; }
    #content .banner .icon-handschoenen img {
      width: 50px; }
  #content .banner .icon-sneeuw {
    position: absolute;
    right: 10%;
    bottom: 15%; }
    #content .banner .icon-sneeuw img {
      width: 60px; }
  #content .banner .container {
    padding-top: 80px;
    padding-bottom: 20px;
    position: relative;
    z-index: 2; }
    #content .banner .container .text {
      margin-bottom: 50px; }
      #content .banner .container .text .entry-header h1 {
        font-family: 'Broadway';
        font-size: 80px;
        letter-spacing: 0.8px; }
      #content .banner .container .text .entry-content {
        font-size: 20px;
        line-height: 28px; }
    #content .banner .container .video {
      margin-bottom: 50px; }
      #content .banner .container .video .video-container {
        position: relative;
        overflow: hidden; }
        #content .banner .container .video .video-container img {
          max-width: 100%;
          height: auto;
          opacity: 0; }
        #content .banner .container .video .video-container #video {
          -ms-box-sizing: border-box;
          -o-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
          #content .banner .container .video .video-container #video .video-view {
            background-color: #FFFFFF;
            width: 100%;
            height: 100%;
            position: absolute;
            overflow: hidden; }
            #content .banner .container .video .video-container #video .video-view video {
              max-height: 100%;
              width: auto;
              margin: 0 auto;
              left: 0;
              right: 0; }
#content .agenda {
  background-color: #eeb34e;
  padding: 50px 0 0 0;
  position: relative; }
  #content .agenda .icon-lolly {
    position: absolute;
    left: -15px;
    top: 20%;
    -ms-transform: rotate(20deg);
    transform: rotate(20deg); }
    #content .agenda .icon-lolly img {
      width: 60px; }
  #content .agenda .icon-circles {
    position: absolute;
    left: 60%;
    top: 20%; }
    #content .agenda .icon-circles img {
      width: 50px; }
  #content .agenda .icon-muts {
    position: absolute;
    right: -10px;
    top: 20%; }
    #content .agenda .icon-muts img {
      width: 80px; }
  #content .agenda .icon-ehvn {
    position: absolute;
    left: -30px;
    top: 60%; }
    #content .agenda .icon-ehvn img {
      width: 100px; }
  #content .agenda .icon-vogel {
    position: absolute;
    left: 65%;
    top: 65%; }
    #content .agenda .icon-vogel img {
      width: 40px; }
  #content .agenda .icon-schaatsen {
    position: absolute;
    right: -10px;
    top: 60%; }
    #content .agenda .icon-schaatsen img {
      width: 120px; }
  #content .agenda .icon-vos {
    position: absolute;
    right: 0px;
    bottom: 20px; }
    #content .agenda .icon-vos img {
      width: 80px; }
  #content .agenda .container {
    position: relative;
    z-index: 2; }
    #content .agenda .container .entry-header h2 {
      font-family: 'Avant-Garde';
      font-size: 56px;
      letter-spacing: 4.5px; }
    #content .agenda .container .items {
      overflow: hidden; }
      #content .agenda .container .items .item {
        width: 30%;
        margin-right: 5%;
        float: left;
        text-align: center;
        margin-bottom: 50px;
        min-height: 650px;
        position: relative; }
        #content .agenda .container .items .item:nth-child(3n+3) {
          margin-right: 0; }
        #content .agenda .container .items .item:nth-child(3n+4) {
          clear: left; }
        #content .agenda .container .items .item .artiesten-slider .item {
          width: 100%;
          margin-bottom: 0px;
          min-height: 0; }
          #content .agenda .container .items .item .artiesten-slider .item img {
            max-width: 100%;
            height: auto; }
        #content .agenda .container .items .item .item-image {
          box-shadow: 0px 3px 6px #00000029;
          overflow: hidden; }
          #content .agenda .container .items .item .item-image img {
            max-width: 100%;
            height: auto;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
          #content .agenda .container .items .item .item-image:hover img {
            transform: scale(1.1); }
        #content .agenda .container .items .item .item-header {
          position: relative;
          z-index: 2;
          background-color: #2d255f;
          max-width: 80%;
          margin: 0 auto;
          display: flex;
          justify-content: center;
          align-items: center;
          height: 64px;
          line-height: 30px;
          margin-top: -40px;
          margin-bottom: 20px;
          -ms-box-sizing: border-box;
          -o-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0 15px;
          box-shadow: 0px 3px 6px #00000029;
          border: 1px solid #707070; }
          #content .agenda .container .items .item .item-header h3 {
            font-family: 'Avant-Garde';
            /*font-size: 25px;*/
            font-size: 20px;
            letter-spacing: 1.4px;
            line-height: 22px; }
        #content .agenda .container .items .item .item-support {
          font-family: 'Barlow', sans-serif;
          font-weight: 600; }
        #content .agenda .container .items .item .item-date {
          margin-bottom: 10px;
          font-family: 'Avant-Garde';
          font-size: 24px;
          letter-spacing: 1.2px; }
        #content .agenda .container .items .item .item-content {
          margin-bottom: 20px; }
        #content .agenda .container .items .item .item-button {
          position: absolute;
          bottom: 0;
          width: 100%;
          text-align: center; }
          #content .agenda .container .items .item .item-button a {
            background-color: #f11630;
            color: #FFFFFF;
            text-decoration: none;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0px 30px;
            line-height: 54px;
            text-transform: uppercase;
            -webkit-border-radius: 48px;
            -moz-border-radius: 48px;
            -ms-border-radius: 48px;
            -o-border-radius: 48px;
            border-radius: 48px;
            display: inline-block;
            font-family: 'Avant-Garde';
            font-size: 22px;
            letter-spacing: 1px;
            box-shadow: 0px 3px 6px #00000029;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
            #content .agenda .container .items .item .item-button a:hover {
              background-color: #bd1024; }
    #content .agenda .container .more {
      margin-bottom: 50px; }
      #content .agenda .container .more h2 {
        font-family: 'Avant-Garde';
        font-size: 35px;
        letter-spacing: 3.5px;
        color: #f11630; }
#content .business-events {
  background-color: #2d255f;
  padding: 50px 0 0 0;
  position: relative; }
  #content .business-events .icon-beker {
    position: absolute;
    left: 10%;
    top: 20px; }
    #content .business-events .icon-beker img {
      width: 40px; }
  #content .business-events .container {
    position: relative;
    z-index: 2; }
    #content .business-events .container .entry-header {
      text-align: center; }
      #content .business-events .container .entry-header h2 {
        font-family: 'Avant-Garde';
        font-size: 56px;
        letter-spacing: 4.5px; }
    #content .business-events .container .entry-content .text {
      margin-bottom: 50px; }
    #content .business-events .container .entry-content .image {
      margin-bottom: 50px; }
      #content .business-events .container .entry-content .image img {
        max-width: 100%;
        height: auto; }
#content .faq {
  background-color: #2d255f;
  background-image: url("images/bg-laying.svg");
  background-size: cover;
  padding-top: 84px; }
  #content .faq .entry-banner {
    margin-bottom: 50px; }
    #content .faq .entry-banner img {
      max-width: 100%;
      height: auto; }
  #content .faq .entry-header h1 {
    font-family: 'Avant-Garde';
    font-size: 80px;
    letter-spacing: 4px;
    line-height: 110px;
    text-transform: uppercase; }
  #content .faq .entry-faq h2 {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: 'Avant-Garde';
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 1.5px; }
  #content .faq .entry-faq .items {
    margin-bottom: 50px; }
    #content .faq .entry-faq .items .item-col .item {
      background-color: #FFFFFF;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 20px;
      position: relative;
      margin-bottom: 15px; }
      #content .faq .entry-faq .items .item-col .item:after {
        content: "\f078";
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        position: absolute;
        right: 20px;
        top: 20px;
        color: #398d94; }
      #content .faq .entry-faq .items .item-col .item .item-title {
        color: #2d255f;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 40px;
        font-family: 'Barlow', sans-serif;
        font-weight: 600; }
      #content .faq .entry-faq .items .item-col .item .item-text {
        height: 0;
        max-height: 0;
        overflow: hidden;
        color: #2d255f; }
        #content .faq .entry-faq .items .item-col .item .item-text p, #content .faq .entry-faq .items .item-col .item .item-text ul, #content .faq .entry-faq .items .item-col .item .item-text ol {
          margin-bottom: 15px; }
        #content .faq .entry-faq .items .item-col .item .item-text .inner {
          padding-top: 15px; }
      #content .faq .entry-faq .items .item-col .item.opened:after {
        content: "\f077"; }
      #content .faq .entry-faq .items .item-col .item.opened .item-text {
        height: auto;
        max-height: 100000px; }
      #content .faq .entry-faq .items .item-col .item:hover {
        cursor: pointer; }
    #content .faq .entry-faq .items .item-col:nth-child(2n+3) {
      clear: left; }
#content .agenda-banner {
  background-color: #2d255f;
  background-image: url("images/bg-laying.svg");
  background-size: cover;
  height: 200px; }
#content .agenda-content {
  background-color: #eeb34e;
  padding: 150px 0 50px 0;
  position: relative; }
  #content .agenda-content .icon-muts {
    position: absolute;
    left: 45%;
    top: 15px; }
    #content .agenda-content .icon-muts img {
      width: 50px; }
  #content .agenda-content .icon-circles {
    position: absolute;
    right: 50px;
    top: 45px; }
    #content .agenda-content .icon-circles img {
      width: 50px; }
  #content .agenda-content .icon-ehvn {
    position: absolute;
    right: 0;
    top: 50%; }
    #content .agenda-content .icon-ehvn img {
      width: 60px; }
  #content .agenda-content .icon-lolly {
    position: absolute;
    bottom: 15px;
    right: 15%;
    -ms-transform: rotate(20deg);
    transform: rotate(20deg); }
    #content .agenda-content .icon-lolly img {
      width: 40px; }
  #content .agenda-content .image {
    margin-bottom: 50px;
    position: relative;
    z-index: 2;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 30px; }
    #content .agenda-content .image figure img {
      max-width: 100%;
      height: auto; }
    #content .agenda-content .image .agenda-date {
      position: relative;
      z-index: 2;
      background-color: #2d255f;
      max-width: 80%;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 64px;
      line-height: 30px;
      margin-top: -40px;
      margin-bottom: 20px;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 15px;
      box-shadow: 0px 3px 6px #00000029;
      border: 1px solid #707070; }
      #content .agenda-content .image .agenda-date span {
        font-family: 'Avant-Garde';
        font-size: 25px;
        letter-spacing: 1.4px;
        line-height: 22px; }
  #content .agenda-content .text {
    margin-bottom: 50px;
    position: relative;
    z-index: 2;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px; }
    #content .agenda-content .text .entry-header {
      margin-bottom: 20px; }
      #content .agenda-content .text .entry-header h1 {
        font-family: 'Avant-Garde';
        font-size: 56px;
        letter-spacing: 4.5px; }
    #content .agenda-content .text .entry-support {
      font-family: 'Barlow', sans-serif;
      font-weight: 600;
      margin-top: -20px;
      margin-bottom: 20px; }
    #content .agenda-content .text .entry-content {
      margin-bottom: 20px; }
    #content .agenda-content .text .entry-tags {
      margin-bottom: 50px; }
      #content .agenda-content .text .entry-tags ul {
        margin: 0;
        padding: 0; }
        #content .agenda-content .text .entry-tags ul li {
          list-style-type: none;
          position: relative;
          padding-left: 30px;
          font-family: 'Avant-Garde';
          text-transform: uppercase;
          font-size: 18px;
          margin-bottom: 10px;
          letter-spacing: 1.2px; }
          #content .agenda-content .text .entry-tags ul li:before {
            font-weight: 900;
            position: absolute;
            left: 0;
            top: 0; }
          #content .agenda-content .text .entry-tags ul li a {
            color: #FFFFFF;
            text-decoration: none; }
          #content .agenda-content .text .entry-tags ul li.date:before {
            content: "\f073";
            font-family: 'Font Awesome 6 Free'; }
          #content .agenda-content .text .entry-tags ul li.time:before {
            content: "\f017";
            font-family: 'Font Awesome 6 Free'; }
          #content .agenda-content .text .entry-tags ul li.ticket:before {
            content: "\f145";
            font-family: 'Font Awesome 6 Free'; }
          #content .agenda-content .text .entry-tags ul li.facebook:before {
            content: "\f09a";
            font-family: 'Font Awesome 6 Brands'; }
    #content .agenda-content .text .entry-buttons ul {
      margin: 0;
      padding: 0; }
      #content .agenda-content .text .entry-buttons ul li {
        list-style-type: none;
        float: left;
        margin-right: 20px; }
        #content .agenda-content .text .entry-buttons ul li:last-child {
          margin-right: 0; }
        #content .agenda-content .text .entry-buttons ul li a {
          color: #FFFFFF;
          text-decoration: none;
          -ms-box-sizing: border-box;
          -o-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0px 30px;
          line-height: 54px;
          text-transform: uppercase;
          -webkit-border-radius: 48px;
          -moz-border-radius: 48px;
          -ms-border-radius: 48px;
          -o-border-radius: 48px;
          border-radius: 48px;
          display: inline-block;
          font-family: 'Avant-Garde';
          font-size: 22px;
          letter-spacing: 1px;
          box-shadow: 0px 3px 6px #00000029;
          margin-bottom: 5px; }
        #content .agenda-content .text .entry-buttons ul li.ticket-btn a {
          background-color: #f11630;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          #content .agenda-content .text .entry-buttons ul li.ticket-btn a:hover {
            background-color: #bd1024; }
        #content .agenda-content .text .entry-buttons ul li.agenda-btn a {
          background-color: #2d255f;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          #content .agenda-content .text .entry-buttons ul li.agenda-btn a:hover {
            background-color: #1c173a; }

/********************************************************
MAX-WIDTH: 991
********************************************************/
@media only screen and (max-width: 1200px) {
  #content .agenda .container .items .item {
    width: 47.5%;
    margin-right: 5%; }
    #content .agenda .container .items .item:nth-child(3n+3) {
      margin-right: 5%; }
    #content .agenda .container .items .item:nth-child(3n+4) {
      clear: none; }
    #content .agenda .container .items .item:nth-child(2n+2) {
      margin-right: 0px; }
    #content .agenda .container .items .item:nth-child(2n+3) {
      clear: left; }
  #content .business-events .icon-beker {
    left: 5%; } }
/********************************************************
MAX-WIDTH: 991
********************************************************/
@media only screen and (max-width: 991px) {
  #content .agenda .icon-circles {
    left: auto;
    right: -5px;
    top: 25%; }
  #content .agenda .icon-vogel {
    left: auto;
    right: 10px; }
  #content .business-events .icon-beker {
    right: 10px; }
  #content .agenda-content .icon-muts {
    left: 10px; }
  #content .agenda-content .icon-circles {
    right: 10px;
    top: 85px; }
  #content .agenda-content .icon-lolly {
    right: 5%; }
  #content .agenda-content .image {
    text-align: center;
    padding-right: 15px; }
  #content .agenda-content .text {
    padding-left: 15px; } }
/********************************************************
MAX-WIDTH: 767
********************************************************/
@media only screen and (max-width: 767px) {
  #content .banner .container .text .entry-header h1 {
    font-size: 55px;
    letter-spacing: 0.5px; }
  #content .banner .container .text .entry-content {
    font-size: 18px;
    line-height: 26px; }
  #content .agenda .container .entry-header h2 {
    font-size: 40px;
    letter-spacing: 4px; }
  #content .agenda .container .items .item {
    width: 100%;
    margin-right: 0;
    float: none;
    min-height: 0; }
    #content .agenda .container .items .item:nth-child(2n+3) {
      clear: none; }
    #content .agenda .container .items .item .item-header h3 {
      font-size: 20px;
      line-height: 18px;
      letter-spacing: 1.2px; }
    #content .agenda .container .items .item .item-date {
      font-size: 18px;
      letter-spacing: 1px; }
    #content .agenda .container .items .item .item-button {
      position: relative; }
      #content .agenda .container .items .item .item-button a {
        line-height: 40px;
        padding: 0 20px;
        -webkit-border-radius: 34px;
        -moz-border-radius: 34px;
        -ms-border-radius: 34px;
        -o-border-radius: 34px;
        border-radius: 34px;
        font-size: 16px;
        letter-spacing: 0.7px; }
  #content .agenda .container .more h2 {
    font-size: 20px;
    letter-spacing: 3px; }
  #content .business-events .container .entry-header h1 {
    font-size: 40px;
    letter-spacing: 4px; }
  #content .faq .entry-header h1 {
    font-size: 40px;
    letter-spacing: 4px;
    line-height: 50px; }
  #content .faq .entry-faq h2 {
    font-size: 22px;
    letter-spacing: 1.1px; }
  #content .agenda-content .image .agenda-date span {
    font-size: 18px;
    letter-spacing: 1.1px;
    line-height: 16px; }
  #content .agenda-content .text .entry-header h1 {
    font-size: 40px;
    letter-spacing: 4px; }
  #content .agenda-content .text .entry-tags ul li {
    font-size: 16px;
    letter-spacing: 1.1px; }
  #content .agenda-content .text .entry-buttons ul li a {
    line-height: 40px;
    padding: 0 20px;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    -ms-border-radius: 34px;
    -o-border-radius: 34px;
    border-radius: 34px;
    font-size: 16px;
    letter-spacing: 0.7px; } }
/********************************************************
MAX-WIDTH: 551
********************************************************/
#mainfooter {
  background-color: #f11630;
  padding: 50px; }
  #mainfooter .container {
    text-align: center;
    font-size: 12px;
    line-height: 15px; }
    #mainfooter .container .social-media {
      text-align: center;
      display: none;
      margin-bottom: 50px; }
      #mainfooter .container .social-media ul {
        margin: 0 auto;
        padding: 0; }
        #mainfooter .container .social-media ul li {
          list-style-type: none;
          display: inline-block;
          margin-right: 5px;
          margin-left: 5px; }
          #mainfooter .container .social-media ul li:last-child {
            margin-right: 0; }
          #mainfooter .container .social-media ul li a {
            text-decoration: none;
            width: 20px;
            height: 20px;
            background-color: #f11630;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            -ms-border-radius: 100%;
            -o-border-radius: 100%;
            border-radius: 100%;
            text-align: center;
            line-height: 20px; }
            #mainfooter .container .social-media ul li a img {
              width: 25px;
              height: auto;
              fill: #FFFFFF; }

/********************************************************
MAX-WIDTH: 991
********************************************************/
/********************************************************
MAX-WIDTH: 767
********************************************************/
/********************************************************
MAX-WIDTH: 551
********************************************************/
@media only screen and (max-width: 551px) {
  #mainfooter .container .social-media {
    display: inherit; } }

/*# sourceMappingURL=style.css.map */