@charset "UTF-8";
/*!
Author: Gergely Konrád | Petra Orosz
Author URI: https://gergely-konrad.com
Description: Manual tester application for ProgMasters.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*---------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:400,600,700&display=swap&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,700&display=swap&subset=latin-ext");
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
 *  Variables
 */
/*div.logo {
   background: url("logo.png") no-repeat;
   @include image-2x("logo2x.png", 100px, 25px);
 }*/
/**,
*:after,
*:before {
  @include box-sizing(border-box);
}*/
/*p {
  @include font-size(14px)
}*/
/*tiled-grid*/
/*
@include tiles(5, 2%);
*/
/*.abs {
  @include abs-pos(10px, 10px, 5px, 15px);
}*/
/*
a {
  color: gray;
  @include transition(color .3s ease);
  &:hover {
    color: black;
  }
*/
/*generic transform*/
/*rotate*/
/*scale*/
/*translate*/
/*skew*/
/*transform origin*/
/*transform-3d*/
/*@mixin transform-3d($translate-x: 0, $translate-y: 0, $translate-z: 0, $rotate-x: 0, $rotate-y: 0, $rotate-z: 0, $scale-x: 1, $scale-y: 1, $scale-z: 1, $perspective: none) {
  -webkit-transform: 
    translate3d($translate-x, $translate-y, $translate-z) 
    rotateX($rotate-x) rotateY($rotate-y) rotateZ($rotate-z) 
    scaleX($scale-x) scaleY($scale-y) scaleZ($scale-z) 
    perspective($perspective);
  -ms-transform: 
    translate3d($translate-x, $translate-y, $translate-z) 
    rotateX($rotate-x) rotateY($rotate-y) rotateZ($rotate-z) 
    scaleX($scale-x) scaleY($scale-y) scaleZ($scale-z) 
  transform: 
    translate3d($translate-x, $translate-y, $translate-z) 
    rotateX($rotate-x) rotateY($rotate-y) rotateZ($rotate-z) 
    scaleX($scale-x) scaleY($scale-y) scaleZ($scale-z) 
    perspective($perspective);
}*/
/*perspective*/
/*@include perspective(400px);*/
/*colors*/
*,
*:after,
*:before {
  box-sizing: border-box; }

* {
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: text; }

::selection {
  color: #fff;
  background: #231f20; }

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no-scroll {
  overflow-y: hidden !important;
  position: static; }

/* Disabled class */
.disabled {
  pointer-events: none;
  opacity: 0.5; }

/*Clearfix*/
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

/* Float classes */
.right {
  float: right !important; }

.left {
  float: left !important; }

/* Hide / Show classes */
.hide {
  display: none; }

.show {
  display: block; }

.ellipsis {
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden; }

.screen-reader-text {
  position: absolute;
  font-size: 0;
  opacity: 0;
  z-index: -1; }

.screen-reader-text:active,
.screen-reader-text:focus {
  font-size: inherit;
  opacity: 1;
  z-index: 999; }

/**
 * Skip Link
 */
.skip-link {
  display: block;
  margin: 0 auto;
  text-align: center; }

.skip-link:focus {
  position: relative; }

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden; }

.sticky {
  position: fixed !important; }

/*
.preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}*/
/*responsive images*/
img {
  max-width: 100%; }

/*Entry Images */
.entry-content img,
.comment-content img,
.widget img {
  max-width: 97.5%;
  /* Fluid images for posts, comments, and widgets */ }

.entry-content img[class*="align"],
.entry-content img[class*="wp-image-"] {
  height: auto;
  /* Make sure images with WordPress-added height and width >attributes are scaled correctly */ }

.entry-content img.size-full {
  max-width: 97.5%;
  width: auto;
  /* Prevent stretching of full-size images with height and >>width attributes in IE8 */ }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Loading signal animation */
.loading-signal {
  border-radius: 30px;
  border: 2px solid #029dd6;
  height: 20px;
  margin: 0 auto;
  opacity: 0;
  width: 20px;
  display: block;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite; }

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1; }

.animated {
  animation-duration: var(--animate-duration);
  animation-fill-mode: both; }

@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  animation-name: fadeOutRight; }

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  75% {
    transform: translate3d(0, 10px, 0) scaleY(0.95); }
  90% {
    transform: translate3d(0, -5px, 0) scaleY(0.985); }
  to {
    transform: translate3d(0, 0, 0); } }

.bounceInUp {
  animation-name: bounceInUp; }

@keyframes heartBeat {
  0% {
    transform: scale(1); }
  14% {
    transform: scale(1.3); }
  28% {
    transform: scale(1); }
  42% {
    transform: scale(1.3); }
  70% {
    transform: scale(1); } }

.heartBeat {
  animation-name: heartBeat;
  animation-duration: calc(var(--animate-duration) * 1.3);
  animation-timing-function: ease-in-out; }

@keyframes anim-effect-stana {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0.3;
    -webkit-animation-timing: ease-out;
    animation-timing: ease-out; } }

.clip-ring {
  transform-origin: 50% 50%; }

.cbutton--effect-stana.cbutton--click .cbutton__helper {
  animation: anim-effect-stana 0.4s ease-in forwards; }

.cbutton--effect-stana.cbutton--click .clip-ring {
  transition: transform 0.4s ease-in-out;
  transform: scale3d(3, 3, 1); }

html {
  position: relative;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -apple-font-smoothing: apple-font-smoothing;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  font-size: 62.5%; }

body {
  padding-top: 2rem;
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  min-height: 100%;
  position: relative;
  background-color: #fff;
  color: #231f20;
  padding-top: 2rem; }

* {
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: text; }

::selection {
  color: white;
  background: darkgrey; }

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no-scroll {
  overflow-y: hidden !important;
  position: static; }

.screen-reader-text {
  position: absolute;
  font-size: 0;
  opacity: 0;
  z-index: -1; }

.screen-reader-text:active,
.screen-reader-text:focus {
  font-size: inherit;
  opacity: 1;
  z-index: 999; }

/**
 * Skip Link
 */
.skip-link {
  display: block;
  margin: 0 auto;
  text-align: center; }

.skip-link:focus {
  position: relative; }

.visuallyhidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden; }

.site-content {
  padding-bottom: 5rem; }

.italic, .entry-content em, .entry-content i {
  font-style: italic; }

.light {
  font-weight: 300; }

.semibold, .entry-content .unordered-list li, .entry-content ul li,
.entry-content .ordered-list li,
.entry-content ol li, b, strong {
  font-weight: 600; }

.bold, .ordered-list li:before, .entry-content ol li:before, .entry-content strong, .entry-content b, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content .link, .entry-content p a, p .entry-content a,
.entry-content h1 a, h1 .entry-content a, .entry-content h2 a, h2 .entry-content a, .entry-content h3 a, h3 .entry-content a, .entry-content h4 a, h4 .entry-content a, .entry-content h5 a, h5 .entry-content a, .entry-content h6 a, h6 .entry-content a,
.entry-content li a, li .entry-content a,
.entry-content dl a, dl .entry-content a,
.entry-content .wp-block-file a, .wp-block-file .entry-content a, .entry-content #cookie-notice .cookie-button, #cookie-notice .entry-content .cookie-button, .entry-content .ordered-list li:before {
  font-weight: 800; }

h1, h2 {
  line-height: 1.1;
  letter-spacing: 0.1em; }

h3, h4 {
  line-height: 1.3; }

h1 {
  font-size: 300%; }

h2 {
  font-size: 240%; }

h3 {
  font-size: 170%; }

h4 {
  font-size: 140%; }

h5 {
  font-size: 120%; }

h6 {
  font-size: 100%; }

.link, p a,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
li a,
dl a,
.wp-block-file a, #cookie-notice .cookie-button {
  text-decoration: none;
  letter-spacing: 0.02em;
  transition: color 0.4s;
  cursor: pointer; }
  .link:hover, p a:hover,
  h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
  li a:hover,
  dl a:hover,
  .wp-block-file a:hover, #cookie-notice .cookie-button:hover {
    color: #eee; }

.unordered-list li, .entry-content ul li,
.ordered-list li,
.entry-content ol li {
  position: relative; }
  .unordered-list li:before, .entry-content ul li:before,
  .ordered-list li:before,
  .entry-content ol li:before {
    position: absolute;
    margin-left: -1.5rem; }

.unordered-list li:before, .entry-content ul li:before {
  content: "•";
  font-size: 240%;
  line-height: 0.7em; }


.ordered-list li,
.entry-content ol li {
  counter-increment: step-counter; }
  
  .ordered-list li:before,
  .entry-content ol li:before {
    content: counter(step-counter) ". ";
    font-size: 90%;
    line-height: 1.8; }

.entry-content {
  font-size: 1.5rem;
  color: darkgray;
  padding: 5rem 1.5rem;
  max-width: 74rem;
  margin: 0 auto; }
  .entry-content p {
    margin-bottom: 1.5em;
    letter-spacing: 0.15rem;
    line-height: 1.68; }
    .entry-content p a {
      letter-spacing: inherit; }
  .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    color: darkgray;
    margin-bottom: .2em;
    letter-spacing: 0.2rem; }
  @media (min-width: 30em) {
    .entry-content h1 {
      font-size: 600%; }
    .entry-content h2 {
      font-size: 500%; }
    .entry-content h3 {
      font-size: 400%; }
    .entry-content h4 {
      font-size: 300%; }
    .entry-content h5 {
      font-size: 200%; }
    .entry-content h6 {
      font-size: 100%; } }
  .entry-content .link, .entry-content p a, p .entry-content a,
  .entry-content h1 a, h1 .entry-content a, .entry-content h2 a, h2 .entry-content a, .entry-content h3 a, h3 .entry-content a, .entry-content h4 a, h4 .entry-content a, .entry-content h5 a, h5 .entry-content a, .entry-content h6 a, h6 .entry-content a,
  .entry-content li a, li .entry-content a,
  .entry-content dl a, dl .entry-content a,
  .entry-content .wp-block-file a, .wp-block-file .entry-content a, .entry-content #cookie-notice .cookie-button, #cookie-notice .entry-content .cookie-button {
    color: #fff; }
    .entry-content .link:hover, .entry-content p a:hover, p .entry-content a:hover,
    .entry-content h1 a:hover, h1 .entry-content a:hover, .entry-content h2 a:hover, h2 .entry-content a:hover, .entry-content h3 a:hover, h3 .entry-content a:hover, .entry-content h4 a:hover, h4 .entry-content a:hover, .entry-content h5 a:hover, h5 .entry-content a:hover, .entry-content h6 a:hover, h6 .entry-content a:hover,
    .entry-content li a:hover, li .entry-content a:hover,
    .entry-content dl a:hover, dl .entry-content a:hover,
    .entry-content .wp-block-file a:hover, .wp-block-file .entry-content a:hover, .entry-content #cookie-notice .cookie-button:hover, #cookie-notice .entry-content .cookie-button:hover {
      color: darkgray; }
  .entry-content .wp-block-file a.wp-block-file__button {
    background: darkgray; }
    .entry-content .wp-block-file a.wp-block-file__button:hover {
      background: #908f8f;
      color: white; }
  .entry-content .unordered-list, .entry-content ul,
  .entry-content .ordered-list,
  .entry-content ol {
    margin-bottom: 1.6em; }
    .entry-content .unordered-list li, .entry-content ul li,
    .entry-content .ordered-list li,
    .entry-content ol li {
      position: relative;
      padding-left: 1.4em;
      margin-bottom: 0.6em; }
      .entry-content .unordered-list li:before, .entry-content ul li:before,
      .entry-content .ordered-list li:before,
      .entry-content ol li:before {
        color: darkgray;
        position: absolute;
        margin-left: -2.4rem; }
  .entry-content .unordered-list li:before, .entry-content ul li:before {
    content: "•";
    font-size: 240%;
    line-height: 0.65em; }
  
  .entry-content .ordered-list li,
  .entry-content ol li {
    counter-increment: step-counter; }
    
    .entry-content .ordered-list li:before,
    .entry-content ol li:before {
      content: counter(step-counter) ". ";
      font-size: 90%;
      line-height: 1.8; }
  .entry-content .alignleft,
  .entry-content .alignright {
    padding: 1em;
    float: none;
    display: block;
    margin: 0 auto; }
    @media (min-width: 50em) {
      .entry-content .alignleft,
      .entry-content .alignright {
        padding: 0.6em 1.6em;
        margin: 0; } }
  @media (min-width: 50em) {
    .entry-content img.alignleft,
    .entry-content figure.alignleft {
      float: left;
      padding-left: 0; } }
  @media (min-width: 50em) {
    .entry-content img.alignright,
    .entry-content figure.alignright {
      float: right;
      padding-right: 0; } }
  .entry-content img.aligncenter,
  .entry-content figure.aligncenter {
    display: block;
    margin: 1em auto; }

#cookie-notice {
  background-color: rgba(169, 169, 169, 0.8) !important; }
  #cookie-notice .cookie-button {
    color: #fff;
    background-color: darkgray;
    margin-left: 0;
    margin: 0.5em;
    padding: 0.4em 0.8em;
    border-radius: 2em;
    transition: background-color 0.6s; }
    #cookie-notice .cookie-button:hover {
      color: #fff !important; }
  #cookie-notice #cn-notice-text {
    display: block;
    max-width: 600px;
    margin: 0 auto 1rem auto;
    font-size: 1.3rem;
    letter-spacing: 0.5px; }

.dropdown {
  display: none; }

.nav-item {
  display: none; }

.fixed-top {
  height: 50px; }

body {
  background-image: url("/assets/images/paper3.png");
  background-size: 50% 100%;
  overflow: hidden; }

.map-container {
  overflow: hidden;
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio */
  position: relative;
  height: 0; }

.map-container iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%; }

.flower {
  position: absolute;
  width: 20%;
  min-width: 120px; }
  .flower--top {
    top: 0; }
  .flower--bottom {
    bottom: -1rem; }
  .flower--right {
    right: -1rem;
    max-width: 240px; }
  .flower--left {
    left: -1rem;
    max-width: 200px; }

.flower--left.flower--top {
  top: -1.5rem;
  transform: rotate(180deg); }

.flower--right.flower--bottom {
  bottom: -1rem;
  transform: rotate(270deg); }

.content {
  margin: 2rem 4rem;
  max-width: 800px;
  margin-bottom: 5rem; }
  @media (min-width: 60em) {
    .content {
      margin: 2rem auto; } }
  .content h1 {
    margin-top: 10vh;
    margin-bottom: 5rem;
    text-align: center; }

section h1, section h2, section h3 {
  font-family: "Playfair Display", "Poppins", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  text-transform: uppercase;
  letter-spacing: 1.6rem; }

section h3 {
  font-weight: 700;
  margin-bottom: 3rem; }

section p {
  margin: 2rem 10rem;
  letter-spacing: 0.1rem;
  text-align: left; }

.names {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  .names img {
    width: 62%;
    margin: 5rem 0; }

.house {
  display: -ms-flexbox;
  display: flex; }
  .house img {
    opacity: 0.9; }

.title h2 {
  text-align: center;
  line-height: 2; }

.separator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 200px; }
  .separator img {
    max-width: 70px;
    transform: rotate(45deg); }

.program {
  margin-top: 10rem;
  margin-bottom: 10rem;
  text-align: center; }
  .program > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
  .program p {
    line-height: 5rem; }
  .program img {
    max-width: 200px; }

.dance {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: end;
      align-items: end;
  height: 300px; }
  .dance img {
    width: 110px; }

.button-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 5rem; }
  .button-container .button {
    background-color: #242836;
    color: #fff;
    padding: 1.3rem 2.4rem;
    border-radius: 10px;
    text-decoration: none;
    transition: 0.5s ease all; }
    .button-container .button:hover {
      background: #373d4d; }

.sercli {
  position: relative; }
  .sercli:hover:before {
    background-position-y: 0; }
  .sercli:before {
    position: absolute;
    width: 60px;
    height: 30px;
    top: -30px;
    left: 20px;
    content: '';
    background-image: url("/assets/images/sercli.png");
    background-size: 111%;
    background-repeat: no-repeat;
    transition: all ease 0.2s;
    background-position-y: 10px;
    letter-spacing: 0.1rem; }