/*

Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

body {
    background-color: #1f1e45;
    background-image: url(images/asfalt-dark.png);
    font-family: "museo-sans-1", "museo-sans-2", sans-serif;
    letter-spacing: 0.06em;
}
/* iPhone 4" screen: landscape */

@media (max-width: 490px) {
    body {
        padding-top: 20px
    }
    /*your padding*/
}

.site,
.x-site {
    background-color: transparent;
}

.centered {
    margin: 0 auto !important;
}
/* Footer */

.x-colophon.bottom {
    background-color: #716b7d !important;
    background-image: url(images/concrete-wall.png);
}

.x-colophon.bottom a {
    color: #ffcb2d
}

.x-colophon.bottom a:hover {
    text-decoration: underline
}
/**/

.trenner {
    background-image: url(images/trenner.png);
    background-size: 200px;
    background-repeat: no-repeat;
    height: 17px;
}
/* TEXT STYLING */
/* Intro Texte*/

.x-site .linkInIntro {
    color: #ffcb2d;
}
/* Headlines */

.lunchBox,
.x-site h2,
.x-site .h2,
.x-site h3,
.x-site .h3 {
    font-family: 'LunchBox-Regular' !important;
    color: #ac9696;
    font-weight: 300 !important;
    letter-spacing: 0.01em;
}

p,
.p {
    padding-top: 1.3em;
    font-size: 1.2em;
}
/* Links for overview on top of page*/

.linksNames,
.linksNames a {
    font-family: "museo-sans-1", "museo-sans-2", sans-serif;
    font-size: 0.9em;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #61c8da;
    margin: 0 auto;
}
/*+++++++++++ Headline above Paragraphs with lines left and right  ++++++++++++++*/

.x-site h4,
.x-site .h4,
.x-site h5,
.x-site .h5,
#levelAccordeon .x-accordion-toggle {
    font-family: "museo-sans-1", "museo-sans-2", sans-serif;
    font-size: 1em;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #61c8da;
    margin: 0 auto;
}



    .x-site h4:before,
    .x-site h4:after {
        background-image: url(images/trenner_short.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        width: 100px;
        height: 10px;
        display: inline-block;
        content: "";
        position: relative;
    }
    .x-site h4:before {
        right: 20px;
    }
    .x-site h4:after {
        left: 20px;
    }


.x-site h5:before,
.x-site h5:after {
    background-image: url(images/trenner_short.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100px;
    height: 10px;
    display: block;
    content: "";
    margin: 0 auto;
    position: relative;
}

.x-site h5:before {
    top: -8px;
}

.x-site h5:after {
    top: 8px;
}

/* ----------------- REGISTRATION BUTTON --------------------*/

/* In Menu */

#menu-item-2558 > .x-anchor .x-anchor-text-primary,#menu-item-2557 > .x-anchor .x-anchor-text-primary {
    color:#ff002d !important;
}

/* On WEbsite */
.register-btn{
    background-image: url(images/button_reg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width:160px;
}


/*-----------------Scroll top Anchor-----------------*/

.x-scroll-top {border: 3px solid;  border-color: #716b7d;color: #716b7d;bottom:90px}
.x-scroll-top:hover{
    border-color: #ff472d
}
/*+++++++++++ Centered  Link to multiple Sites under Explanations  ++++++++++++++*/

.x-site .redDottyLink {
    font-family: "museo-sans-1", "museo-sans-2", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #ff472d;
    margin: 0 auto;
    background: none;
    border: none;
    box-shadow: none;
    vertical-align: text-bottom;
    text-shadow: none;
    padding: 0 0 0 0;
}

.x-site .redDottyLink:hover,
.x-site .redDottyLink:active {
    background: none;
    border: none;
    box-shadow: none;
    vertical-align: text-bottom;
    text-shadow: none;
    padding: 0 0 0 0;
    margin-bottom: 0em;
}

.x-site .redDottyLink:before,
.x-site .redDottyLink:after {
    content: " • ";
}

.x-site .blueLink, .x-site .homeLink
{
    font-family: "museo-sans-1", "museo-sans-2", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #61c8da;
    margin: 0 auto;
    background: none;
    border: none;
    box-shadow: none;
    vertical-align: text-bottom;
    text-shadow: none;
    padding: 20 0 0 0;
}

.x-site .blueLink:hover,
.x-site .blueLink:active,
.x-site .homeLink:hover,
.x-site .homeLink:active{
    color: #ffcb2d;
}

.x-site .bigger {
    font-size: 1em;
    font-weight: 800;
}
/*--------------------------PACKAGE CARDS----------------------------------*/

#packages h2 {
    margin-top: 40px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.packageColumn {
    background-image: url(images/concrete-wall.png);
    background-color: #3a3759;
    height: 450px;
}

.packageColumnlighter {
    background-image: url(images/concrete-wall.png);
    background-color: #2a2a4e;
    height: 450px;
}

#packages h3 {
    text-transform: uppercase;
}

#packages .cardPrice {
    color: #ff472d;
    margin: 0;
}

@media (max-width: 766px) {
    .x-site .cardPrice:before,
    .x-site .cardPrice:after {
        content: " •••••• ";
        color: #ffcb2d;
        font-size: 0.5em;
        letter-spacing: 0.15em;
        position: relative;
        top: -5px;
    }
    #packages .x-column {
        margin-bottom: 80px;
    }
}

@media (min-width: 1004px) {
    .x-site .cardPrice:before,
    .x-site .cardPrice:after {
        content: " •••••• ";
        color: #ffcb2d;
        font-size: 0.5em;
        letter-spacing: 0.15em;
        position: relative;
        top: -5px;
    }
}

.x-site .cardText {
    margin-top: 10px;
    font-weight: 700;
    font-size: 0.9em;
    text-transform: uppercase;
    font-family: "museo-sans-1", "museo-sans-2", sans-serif;
}
/*+++++++++++++++++++++++++ GENERAL SPACING OF SITE CONTENT ++++++++++++++*/

.x-section .x-container {
    padding-bottom: 50px;
}
/*MENU*/

#menu_left {
    z-index: 100
}

#menu_right {
    z-index: 101
}
/**/
/*   HEXAGON BUTTON SHAPE */

.button.hexagon,
.button.hexagon:hover {
    text-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}

.button.hexagon {
    height: 36px;
    width: 100px;
    margin: 20px 20px 0 20px;
    border-top: 4px solid #ff472d;
    border-bottom: 4px solid #ff472d;
    border-radius: 0em;
    position: relative;
    text-align: center;
    color: #ffcb2d;
    line-height: 30px;
    font-size: 14px;
    font-weight: 800;
    font-family: "museo-sans-1", "museo-sans-2", sans-serif;
    background-color: #ff472d;
}

.button.hexagon:before,
.button.hexagon:after {
    content: '';
    position: absolute;
    top: 4px;
    height: 20px;
    width: 20px;
    border: 4px solid #ff472d;
    -webkit-transform: scale(0.8, 1.25) rotate(45deg);
    -moz-transform: scale(0.8, 1.25) rotate(45deg);
    -ms-transform: scale(0.8, 1.25) rotate(45deg);
    transform: scale(0.8, 1.25) rotate(45deg);
    background-color: #ff472d;
}

.button.hexagon:before {
    left: -11px;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
}

.button.hexagon:after {
    right: -11px;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
}

.button.hexagon:hover,
.button.hexagon:hover:before,
.button.hexagon:hover:after {
    background-color: #ffcb2d;
    color: #ff472d;
    border-color: #ffcb2d;
    animation: 0s;
    padding: 0 0 0 0;
}
/* Adds extra space around the input boxes */

#mc-embedded-subscribe-form .mc-field-group {
    padding: 0px 0;
}
/* Styles the input boxes */

#mc-embedded-subscribe-form input {
    padding: 8px;
    width: 250px;
    max-width: 490px;
    color: #3a3759;
    height: 30px;
    margin: 10px;
    font-size: 1em;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    border: 0px;
}

.eer-tickets-sale-wrapper {
  font-family: "museo-sans-1", "museo-sans-2", sans-serif;
}


@font-face {
.eer-tickets-sale-wrapper {
  font-family: museo-sans-1;
  src: url(https://use.typekit.net/af/e8555b/00000000000000000000e803/27/l?subset_id=2&fvd=n5&v=3) format("woff2"), url(https://use.typekit.net/af/e8555b/00000000000000000000e803/27/d?subset_id=2&fvd=n5&v=3) format("woff"), url(https://use.typekit.net/af/e8555b/00000000000000000000e803/27/a?subset_id=2&fvd=n5&v=3) format("opentype");
  font-weight: 500;
  font-style: normal;
}
}

@font-face {
.eer-tickets-sale-wrapper {
  font-family: museo-sans-1;
  src: url(https://use.typekit.net/af/f0b84c/00000000000000000000e804/27/l?subset_id=2&fvd=i5&v=3) format("woff2"), url(https://use.typekit.net/af/f0b84c/00000000000000000000e804/27/d?subset_id=2&fvd=i5&v=3) format("woff"), url(https://use.typekit.net/af/f0b84c/00000000000000000000e804/27/a?subset_id=2&fvd=i5&v=3) format("opentype");
  font-weight: 500;
  font-style: italic;
}
}

@font-face {
.eer-tickets-sale-wrapper {
  font-family: museo-sans-1;
  src: url(https://use.typekit.net/af/a7301e/00000000000000000000e807/27/l?subset_id=2&fvd=n9&v=3) format("woff2"), url(https://use.typekit.net/af/a7301e/00000000000000000000e807/27/d?subset_id=2&fvd=n9&v=3) format("woff"), url(https://use.typekit.net/af/a7301e/00000000000000000000e807/27/a?subset_id=2&fvd=n9&v=3) format("opentype");
  font-weight: 900;
  font-style: normal;
}
}

@font-face {
.eer-tickets-sale-wrapper {
  font-family: museo-sans-1;
  src: url(https://use.typekit.net/af/36b995/00000000000000000000e808/27/l?subset_id=2&fvd=i9&v=3) format("woff2"), url(https://use.typekit.net/af/36b995/00000000000000000000e808/27/d?subset_id=2&fvd=i9&v=3) format("woff"), url(https://use.typekit.net/af/36b995/00000000000000000000e808/27/a?subset_id=2&fvd=i9&v=3) format("opentype");
  font-weight: 900;
  font-style: italic;
}
}

.eer-tickets-sale-wrapper .eer-tickets {
  max-width: 700px;
  margin: 0 auto;
  font-family: "museo-sans-1", "museo-sans-2", sans-serif;
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket {
  background: #3a3759 url("images/concrete-wall.png");

}

@media (max-width: 768px) {
  .eer-tickets-sale-wrapper .eer-tickets {
    max-width: 480px;
    margin: 0 auto;
  }
  .eer-tickets-sale-wrapper .eer-tickets .eer-ticket {
    max-width: 100%;
    height: 110px;
  }
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket br {
  display: none;
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket:nth-child(1) .eer-ticket-body-wraper .eer-ticket-body .eer-ticket-title {
  background-image: url("images/logo-full.svg");
  background-size: 94px;
  color: transparent;
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket:nth-child(1) .eer-ticket-body-wraper .eer-ticket-body .eer-ticket-add {
  background: url("images/add-1.svg") repeat scroll 0 0/cover transparent;
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket:nth-child(2) .eer-ticket-body-wraper .eer-ticket-body .eer-ticket-title {
  background-image: url("images/logo-party.svg");
  background-size: 94px;
  color: transparent;
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket:nth-child(2) .eer-ticket-body-wraper .eer-ticket-body .eer-ticket-add {
  background: url("images/add-2.svg") repeat scroll 0 0/cover transparent;
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket:nth-child(3) {
  background-color: #2a2a4e;
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket:nth-child(3) .eer-ticket-body-wraper .eer-ticket-body .eer-ticket-title {
  background-image: url("images/logo-taster.svg");
  background-size: 94px;
  color: transparent;
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket:nth-child(3) .eer-ticket-body-wraper .eer-ticket-body .eer-ticket-add {
  background: url("images/add-3.svg") repeat scroll 0 0/cover transparent;
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-title {
  background-size: 94px;
  height: 94px;
  color: transparent;
  position: absolute;
  top: -87px;
  width: 100%;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  .eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-title {
    background-position-x: 0;
    top: 0;
    height: 110px;
    margin: 0;
    left: -17px;
  }
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-price {
  display: none;
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-content {
  text-align: center;
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-content .cardText {
  font-size: 15.12px;
  font-weight: bold;

  font-family: "museo-sans-1", "museo-sans-2", sans-serif;
  height: 120px;
}

@media (max-width: 768px) {
  .eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-content .cardText {
    display: none;
  }
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-content .cardText span {
  width: 100%;
  display: block;
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-content h2 {
  font-family: 'LunchBox-Regular' !important;
  color: #ac9696;
  font-weight: 300 !important;
  letter-spacing: 0.01em;

    margin-bottom: 0px;
  text-transform: uppercase;
  font-size: 2.5em;
  
}

@media (max-width: 768px) {
  .eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-content h2 {
    margin-top: 16px;
    padding-left: 20px;
    font-size: 2em;
  }
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-content h2.cardPrice {
  color: #ff472d;
  margin: 0;
}

@media (max-width: 768px) {
  .eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-content h2.cardPrice {
    margin: 0;
  }
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-content h2.cardPrice:before,
.eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-content h2.cardPrice:after {
  content: " •••••• ";
  color: #ffcb2d;
  font-size: 0.5em;
  letter-spacing: 0.15em;
  position: relative;
  top: -5px;
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-content h3 {
   margin-top: 10px;
}

@media (max-width: 768px) {
  .eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-content h3 {
    font-size: 1.5em;
     padding-left: 20px;
      margin-top: 6px;

  }
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket.eer-ticket-remove button.eer-ticket-add {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  cursor: default;
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-body-wraper {
  position: relative;
  height: 430px !important;  /* ---------------SETS HEIGHT OF TICKET -------*/

   
  width: 100%;
  float: left;
  padding: 50px 0px 0 10px;
  background: transparent;
}

@media (max-width: 768px) {
  .eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-body-wraper {
    height: 110px !important;
       padding-top: 0px;
  }
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-body-wraper .eer-ticket-body {
  color: #fff;
  padding: 0;
    
  border: 0;
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-body-wraper .eer-ticket-body button.eer-ticket-add {
  position: absolute;
  bottom: -38px;
  left: 50%;
  margin-left: -30px;
  height: 60px;
  width: 60px;
  border: none;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  vertical-align: middle;
  text-align: center;
  line-height: 10px;
  font-size: 20px;
  color: white;
  outline: 0;
  border: 0;
  box-shadow: none;
}

@media (max-width: 768px) {
  .eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-body-wraper .eer-ticket-body button.eer-ticket-add {
    right: -11px;
    top: 50%;
    margin-top: -30px;
    left: auto;
    bottom: auto;
    margin-left: 0;
  }
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket .eer-ticket-body-wraper .eer-ticket-body button.eer-ticket-add i {
  display: none;
}

.eer-tickets-sale-wrapper .eer-tickets .eer-ticket.eer-sold .eer-ticket-body-wraper {
  background-color: #7a8d91;
}

.eer-tickets-sale-wrapper .eer-tickets .eer-form-tickets-header {
  border-bottom: 2px solid rgba(113, 107, 125, 0.5);
}

.eer-tickets-sale-wrapper .eer-tickets .eer-form-tickets-header .eer-column-header {
  padding: 8px 0;
  font-family: "museo-sans-1", "museo-sans-2", sans-serif;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 11px;
  line-height: 11px;
  color: #000;
  letter-spacing: 1px;
}

.eer-tickets-sale-wrapper button.eer-ticket-remove {
  position: absolute;
  left: 0px;
  top: 10px;
  height: 40px;
  width: 40px;
  border: none;
  vertical-align: middle;
  text-align: center;
  line-height: 10px;
  padding: 0;
  outline: none;
  background: url("images/remove.svg") no-repeat center center;
}

.eer-tickets-sale-wrapper button.eer-ticket-remove i {
  display: none;
}

.eer-tickets-sale-wrapper .eer-final-price {
  border-top: 2px solid rgba(113, 107, 125, 1);
  font-family: "museo-sans-1", "museo-sans-2", sans-serif;
}

.eer-tickets-sale-wrapper .eer-ticket-to-buy {
  font-family: "museo-sans-1", "museo-sans-2", sans-serif;
  border-top: 2px solid rgba(113, 107, 125, 1);
}

.eer-tickets-sale-wrapper .eer-ticket-to-buy:first-child {
  border-top: 0;
}

.eer-form-tickets .eer-ticket-to-buy .eer-column.eer-partner .eer-info-row .eer-info-row-input[type=email],
.eer-form-tickets .eer-ticket-to-buy .eer-column .eer-info-row input[type="text"]{
    background-color: #3A3759;
border: 0;
box-shadow: none;
font-size: 16px;
color: #61C8DA;
text-align: left;
font-weight: 500;
    height:40px;
}
.eer-tickets-sale-wrapper .eer-ticket-to-buy input[type=number] {
  background: none;
  border: 1px solid #ccc;
}

.eer-tickets-sale-wrapper .eer-ticket-to-buy .eer-ticket-title,
.eer-tickets-sale-wrapper .eer-ticket-to-buy .eer-price {
  line-height: 60px;
}

.eer-tickets-sale-wrapper .eer-ticket-to-buy .eer-number-of-tickets {
  margin-top: 10px;
}

.eer-tickets-sale-wrapper .eer-ticket-to-buy .eer-partner {
  width: 100%;
}

.eer-tickets-sale-wrapper .eer-ticket-to-buy .eer-partner .eer-info-row {
  padding: 0 10px;
}

.eer-tickets-sale-wrapper .eer-ticket-to-buy .eer-partner .eer-info-row .eer-dancing-as {
  float: right;
}

.eer-tickets-sale-wrapper .eer-ticket-to-buy .eer-partner .eer-info-row .eer-dancing-as label {
  padding: 0 20px 0 0;
  float: left
}

.eer-tickets-sale-wrapper .eer-ticket-to-buy .eer-partner .eer-info-row .eer-dancing-as label input {
  margin-right: 10px;
}

.eer-tickets-sale-wrapper .eer-ticket-shop-form {
  max-width:680px;
  width: 100%;
  margin: 0 auto;
  margin-top: 60px;
}

div.eer-user-form {
  margin-top: 60px;
}

.eer-tickets-sale-wrapper .eer-ticket-shop-form .eer-user-form .eer-row .eer-form-group {
  font-family: "museo-sans-1", "museo-sans-2", sans-serif;
}

.eer-tickets-sale-wrapper .eer-ticket-shop-form .eer-user-form .eer-row .eer-form-group label {
  font-size: 16px;
  color: #AC9696;
  text-align: left;
  font-weight: 500;
  text-transform: none;
}

.eer-tickets-sale-wrapper .eer-ticket-shop-form .eer-user-form .eer-row .eer-form-group .eer-form-control,.eer-tickets-sale-wrapper select, input.eer-info-row-input.dancing-with-name, input.eer-info-row-input.dancing-with{
  background-color: #3A3759;
  border: 0;
  box-shadow: none;
  font-size: 16px;
  color: #61C8DA;
  text-align: left;
  font-weight: 500;

}

.eer-tickets-sale-wrapper .eer-ticket-shop-form .eer-user-form .eer-row .eer-form-group .eer-form-control::placeholder {
  font-size: 16px;
  color: #61C8DA;
  opacity: 0.4;
  text-align: left;
  font-weight: 500;

}

.eer-tickets-sale-wrapper .eer-ticket-shop-form .eer-user-form .eer-row.eer-form-checkbox .eer-form-group label {
  height: 40px;
  text-align: left;
  padding-left: 50px;
  font-size: 16px;
  line-height: 1.2em;
}

.eer-tickets-sale-wrapper .eer-ticket-shop-form input.btn.btn-default {
  color: #FFCB2D;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 900;
  background: url("images/button.svg") no-repeat scroll 0 0 transparent;
  background-size: contain;
  width: 140px;
  height: 60px;
  margin: 0 auto;
  display: block;
  padding: 0;
}
.eer-tickets-sale-wrapper .eer-ticket-shop-form .btn.btn-default:hover {
	background-color: transparent;
}

.eer-tickets-sale-wrapper .eer-ticket-to-buy {
	color: #999999;
}

.eer-tickets-sale-wrapper .eer-ticket-shop-form .eer-form-tickets-header {
  display: none;
}

.eer-tickets-sale-wrapper #content {
  background-color: #1F1E45;
}
/* -------------- Styles added by Birgit on Site ------------------*/
/* BUTTONS TICKET ADD*/

button.eer-ticket-add {}

/* ----------------------- Overall Font Size  ----------------------*/

div.eer-form-tickets {
  font-size: 16px;
}





/* ----------------------- Hide ::placeholder a bit more ----------------------*/

.eer-tickets-sale-wrapper ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:#1f1e45;
  opacity:  0.2;
}
.eer-tickets-sale-wrapper :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:#1f1e45;
  opacity:  0.2;
}
.eer-tickets-sale-wrapper ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:#1f1e45;
  opacity:   0.2;
}
.eer-tickets-sale-wrapper :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#1f1e45;
  opacity:  0.2;
}
.eer-tickets-sale-wrapper ::-ms-input-placeholder { /* Microsoft Edge */
  color:#1f1e45;
  opacity:  0.2;
}

.eer-tickets-sale-wrapper ::placeholder { /* Most modern browsers support this now. */
  color:#1f1e45;
  opacity:  0.2;
}

/* Price of single Ticket */

.eer-tickets-sale-wrapper .eer-ticket-to-buy div.eer-ticket-title.eer-column {
  font-family: 'LunchBox-Regular';
  font-size: 2em;
  text-align: left;
  padding-left: 45px;
  width: 50%;
}

div.eer-column.eer-price-column {
  font-family: 'LunchBox-Regular';
  font-size: 2em;
  text-align: right !important;
}

.eer-form-tickets .eer-ticket-to-buy .eer-column {
  text-align:  left;
}

select.eer-info-row-input.eer-levels {
  width: 45% !important;
}

div.eer-info-row-input.eer-dancing-as {
  float: right !important;
}

.eer-tickets-sale-wrapper .eer-ticket-to-buy .eer-partner .eer-info-row .eer-dancing-as label {
  display: inherit !important;
}

div.eer-info-row {
  text-align: left !important;
  border-top: 1px solid rgba(113, 107, 125, 0.5);
  padding-top: 10px !important;
}
/* FINAL Price */

.eer-tickets-sale-wrapper .eer-final-price {
  color: #ff472d;
  font-family: 'LunchBox-Regular';
  font-size: 2em;
  text-align: left;
  padding-left: 0px;
  /*  hide this if early bee still there*/
  border-bottom: 2px solid rgba(113, 107, 125, 1);
  /*---------------------------------------*/
  border-top: 2px solid rgba(113, 107, 125, 1);
}

.eer-final-price .eer-final-price-label {
  text-align: left;
  width: 50%;
}

.eer-final-price .eer-final-price-value {
  text-align: right;
}

div.eer-final-price-description{
  border-top: 2px solid rgba(113, 107, 125, 1);
  padding-top: 10px;
  font-family: "museo-sans-1", "museo-sans-2", sans-serif;
  font-size: 0.5em;
  color: #716b7d;
  float: left;
  /* if early bee sold out*/
  display: none;
  /*-----------------*/
}
/* MOBILE -------------------------------------------*/

@media (max-width: 768px) {
  div.eer-ticket-title.eer-column {
    font-family: 'LunchBox-Regular';
    font-size: 1.5em;
    text-align: left !important;
    padding-left: 60px;
    width: 70% !important;
  }
  .eer-form-tickets .eer-ticket-to-buy .eer-column {
    text-align: : left;
  }
  .eer-form-tickets .eer-ticket-to-buy .eer-column.eer-price-column {
    display: inherit;
    font-size: 1.5em;
    width: 30% !important;
  }
  select.eer-info-row-input.eer-levels {
    width: 100% !important;
  }
  .eer-form-tickets .eer-ticket-to-buy .eer-column.eer-partner .eer-info-row .eer-info-row-label,
  .eer-form-tickets .eer-ticket-to-buy .eer-column.eer-partner .eer-info-row .eer-info-row-input {
    width: 100%;
  }
}

/*  +++++++++++++++++++++++++++++++++++++++++++++INSERT TEXT FOR EARLY BIRD INFO ++++++++++++++++++++++++++++++*/

#eer-ticket-shop-form:before{
    content:"Early Bees price will be given to first 50 Full Passes sold. We will tell you if you're one of the lucky ones in the confirmation email.";
    color: #ac9696;
    display: inline-block;
    padding-bottom: 30px;

}


/* Checkbox Form control */

.eer-tickets-sale-wrapper input.eer-form-control {
  margin: 0px !important;
}

.eer-tickets-sale-wrapper .eer-ticket-shop-form .eer-user-form .eer-form-checkbox .eer-form-group .eer-form-control {
  height: 20px;
  border-radius: 0;
  color: #000;
  letter-spacing: 1px;
  text-transform: none;
  font-weight: 400;
  font-size: 16px !important;
  resize: none;
  display: block;
  background-color: #fff;
  border: 1px solid #121921;
  font-family: 'Raleway', "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: none;
}


.eer-tickets-sale-wrapper select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;

  background: url('images/arrow_down.svg') no-repeat ;
  background-color: #3A3759;
  background-position: right 13px center;
  background-size: auto;
  text-indent: 0.01px;
  text-overflow: "";
  font-size: 16px;


}
.eer-tickets-sale-wrapper select::-ms-expand {
  display: none;
}

/* SEND BUTTON */

.eer-tickets-sale-wrapper input.btn.btn-default {
  border: 0px;
  text-shadow: none;
  box-shadow: none;
  border-radius: none;
}