/*Reset*/
*,*::before,*::after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*{-webkit-animation-duration:0.01ms !important;animation-duration:0.01ms !important;-webkit-animation-iteration-count:1 !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}

/*Default Style Overrides*/
#main {
  width: 100%;
  max-width: 100vw;
  margin: 0 auto;
}

h2::before,
h2 {
  background: none;
  margin: 0;
  padding: 0;
}

h2::before, {
  float: none;
  width: 0;
  height: 0;
}

#content {
  padding: 0;
}

.content > .bcTrail {
  display: none;
}

.bcTrail::before {
  display: none  !important;
}

#selection {
  width: 375px  !important; 
}

#footer {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

#p_promoters #login,
#p_promoters #register {
  display: block;
}

#p_promoters #login a,
#p_promoters #register a {
  color:  var(--black);
}

#p_promoters #login a:hover,
#p_promoters #register a:hover {
  color: var(--green);
  text-decoration: underline;
}

@media screen and (min-width: 900px) {
  #p_promoters #login,
  #p_promoters #register {
    float: left;
  }
}

#p_promoters #login input[type="submit"],
#p_promoters #register input[type="submit"] {
  margin-top: 1rem;
}

#promoter_nav {
  background: var(--green);
}

#promoter_nav a {
  color: var(--black);
  padding: 0.25rem;
}

#promoter_nav a:hover {
  background: var(--black);
  color: var(--green);
}

.calendar {
  width: 100%;
  height: 298px;
  margin: 0;
  font-size: 32px;
  line-height: normal;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: solid var(--black) 10px;
}

.calendar .cal_month {
  background: var(--green);
  margin-bottom: auto;
}

.calendar .cal_date {
  font-size: 110px;
  line-height: 1.4;
}
.calendar .cal_month,
.calendar .cal_date,
.calendar .cal_time {
  margin: 0;
}

.calendar .cal_date {
  margin-top: auto;
}

.calendar .cal_time {
  margin-bottom: auto;
}

.event-link-wrapper:hover .cal_month {
  color: var(--black);
}

#selection {
  margin-bottom: 35px !important;
}

#selection h3 {
  background-color: var(--black) !important;
}

#checkout input[type="submit"] {
  background-color: var(--green);
}

.g-recaptcha {
  margin: 1rem auto;
}

#ticket_table {
  float: none;
}

.event_image {
  float: none;
}

.order_table th {
  background-color: var(--black);
  color:  #fff;
}

.customer_info,
.payment_info {
  width: 49%;
  margin-top: 2rem;
  min-width:330px;
}

@media screen and (max-width: 766px) {
 .customer_info,
 .payment_info {
   width: auto;
   min-width:0;
 }
}

.bargraph .sales {
  background-color: var(--green);
}

.content > .sales {
  color: var(--green) !important;
}

.bargraph > div {
  box-shadow: none;
}

.event_image {
  margin: 0 1rem 1rem 0;
}

#ticket_table {
  margin-right: 0;
}

#ticket_table table {
  width: 100%;
}

#ticket_table form p {
  margin-bottom: 1rem;
}

/*Variables*/

:root {

  /*Brand Colours*/
  --green: #C7D700;
  --black: #000;

  /*Container*/
  --container: 960px;

}

/*FONTS*/
@font-face{
  font-family:"Montserrat Semi-bold";
  src:url(/fonts/Montserrat-SemiBold.ttf);
}

@font-face{
  font-family:"Montserrat Regular";
  src:url(/fonts/Montserrat-Regular.ttf);
}

/*Headings*/
h1, h2, h3, h4 {
    font-family: "Montserrat Semi-bold", "Open Sans", Helvetica, Arial, sans-serif;
}

h1 {
  text-transform: uppercase;
}

h2 {
  font-size: 30px;
}

.text-center {
  text-align: center;
}

.uppercase {
  text-transform: uppercase;
}

/*Copy*/
body, p, li {
  font-family: "Montserrat Regular", "Open Sans", Helvetica, Arial, sans-serif;
}

/*Links*/
a {
  transition: 0.3s;
  font-family: "Montserrat Semi-bold", "Open Sans", Helvetica, Arial, sans-serif;
}

/*Buttons*/
.button,
input[type=submit],
button,
#selection + #checkout input{
  text-decoration: none;
  padding: 0.75rem 1rem;
  text-transform: uppercase;
  font-family: "Montserrat Semi-bold", "Open Sans", Helvetica, Arial, sans-serif;
}

.button.green,
input[type=submit],
button {
  background: var(--green);
  color: var(--black) !important;
  border: 2px solid var(--green);
  display: inline-block;
  transition: 0.3s;
}

.button.green:hover,
button:hover,
#selection + #checkout input:hover {
  background: var(--black);
  color: var(--green) !important;
  cursor: pointer;
}

.button.block {
  display: block;
  text-align: center;
}

input[type=submit],
#selection + #checkout input {
  padding: 0.75rem 48px;
}

button {
  margin-bottom: 1rem;
}

#p_promoters input[type=submit],
#p_promoters button{
  padding: 1px;
}

/*Global*/
header {
  background: var(--black);
  padding: 0.5rem 0;
}

header section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header #logo {
  height: 35px;
}

@media screen and (min-width: 900px) {
  header #logo {
    height: 45px;
  }  
}

header nav li a,
p strong {
  font-family: "Montserrat Semi-bold", "Open Sans", Helvetica, Arial, sans-serif;
}

header nav ul {
  display: flex;
  justify-content: space-evenly;
  list-style-type: none;
  align-items: center;
  margin-bottom: 0;
}

header nav ul li {
  padding: 1rem;
}

header nav ul li a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
}

header nav ul li a:hover {
  color: var(--green);
  text-decoration: underline;
}

header nav ul li a.btn {
  background: var(--green);
  padding: 0.5rem 1rem;
  color: var(--black);
  border: 2px solid var(--green);
}

header nav ul li a.btn:hover {
  background: var(--black);
  color: var(--green);
}

.container,
#p_forgot .content,
#p_receipt .content,
#p_order .content,
#p_ .content,
#p_account .content,
#p_payment .content,
#p_connections .content {
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
  max-width: var(--container);
  margin-right: auto;
  margin-left: auto;
}

#hero {
  background-size: cover;
  display: flex;
  align-items: flex-end;
}

#hero h1 {
  color: #fff;
  display: block;
  text-align: center;
  padding: 5rem 1rem;
  font-size: 35px;
  margin: 0 auto;
  text-shadow: 1px 4px 28px var(--black);
}

section#content {
  padding: 3rem 1rem;
}

#content a {
  color: var(--black);
}

#content a:hover {
  color: var(--green);
}

#search {
  padding: 2rem 0;
}

footer {
  background: var(--black) !important;
  padding: 1rem 0 !important;
}

footer .container {
  display: flex;
  justify-content: space-between;
}

footer img {
  height: 35px;
  margin-right:20px;
}
footer ul { align-items: baseline; }

@media screen and (max-width: 899px) {
  footer img {
    height: auto;
    max-width: 175px;
  }
}

footer .social-icons {
  display: flex;
}

footer .social-icons a {
  color:  #fff !important;
  margin: 1rem;
}

footer .social-icons a:hover {
  color: var(--green) !important;
}

footer .social-icons a i {
  font-size: 2rem;
}

footer .sitemap {
  margin-top: 2rem;
  font-size: 15px !important;
}

@media screen and (max-width: 899px) {
  footer .sitemap {
    padding: 2rem;
  }
}

footer .sitemap ul {
  list-style-type: none;
  padding-left: 0;
  color:  #fff;
}

footer .spacer {
  display: none;
}

@media screen and (min-width: 900px) {
  footer .sitemap ul {
    display: flex;
    justify-content: center;
  }
  footer .spacer {
    display: inline-block;
    color: #fff;
  }
}

footer .sitemap ul li a {
  color:  #fff !important;
  text-decoration: none;
}

footer .sitemap ul li a:hover {
  color: var(--green) !important;
}

footer .sitemap ul li {
  color: #888;
}

footer p {
  text-align: center;
  color:  #fff;
}

footer p a {
  color: var(--green);
}

.left-image {
  margin-bottom: 2rem;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 900px) {
  .left-image {
    float: left;
    margin: 0 2rem 1rem 0;
    max-width: 300px;
    max-height: 250px;
  }
}

/*Home*/
#home-slider .slide {
  display: flex;
  align-items: flex-end;
  background-position: top;
  background-size: cover;
  padding: 3rem 0;
}

@media screen and (min-width: 900px) {
  #home-slider .slide {
    height: calc(100vw * 0.5);
    max-height:70vh;
  }
}

#home-slider .slide .event-title {
  background: var(--black);
  max-width: 540px;
  padding: 1rem;
}

#home-slider .slide .event-title a {
  color: var(--green);
  transition: 0.3s;
}

#home-slider .slide .event-title a:hover {
  text-decoration: underline;
}

#home-slider .slide .event-title h2,
#home-slider .slide .event-title h3 {
  text-transform: uppercase;
}

#home-slider .slide .event-title h2 {
  color: var(--green);
    font-size: clamp(1.625rem, calc(1.625rem + ((1vw - 0.3rem) * 2.9167)), 2.5rem);
}

#home-slider .slide .event-title h3 {
  color:  #fff;
  font-size: 20px;
}

.home .flickity-prev-next-button.previous {
  left: 0;
}

.home .flickity-prev-next-button.next {
  right: 0;
}

@media screen and (max-width: 899px) {
  #home-slider .flickity-viewport, #home-slider .slide { height:calc(100vw * 0.5 + 3.7rem) !important; }
  #home-slider .slide { padding:0; top:0; bottom:0; background-size:100% auto; }
  #home-slider .slide .event-details { padding:0; }
  #home-slider .slide .event-title {
    width:100%;
    max-width:none;
  }
  #home-slider .slide .event-title h2 { font-size:1.5rem; margin-right:120px; }
  #home-slider .slide .event-details .button {
   float: right;
   margin-top: -3.55rem;
   margin-right: 1rem;
  }
  #home-slider .flickity-page-dots { bottom: 4.75rem !important; }
}
@media screen and (max-width:639px) {
 #home-slider .slide .event-title h2 { font-size:1rem; margin-right:90px; }
 .not-mobile { display:none; }
 #home-slider .slide .event-details .button {
  margin-top: -2.75rem;
  padding: 0.25rem 0.5rem;
 }
 #home-slider .slide .event-title {
  padding: 0.5rem 1rem;
  min-height: 3.75rem;
  display: flex;
  align-items: center;
 }
}

#search {
  background: var(--green);
}

#search-form input[type="text"] {
  border: 0;
  margin-right: 0;
  height: 30px;
  padding: 0 1rem;
  font-family: "Montserrat Regular", "Open Sans", Helvetica, Arial, sans-serif;
  width: 100%;
  margin-bottom: 1rem;
}

.search-box {
  display: flex;
}

#search-form button{
  background: var(--black);
  color:  #fff !important;
  border: 0;
  height: 30px;
  width: 30px;
  transition: 0.3s;
  padding: 4px;
}

/*@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {

    .fa-search { 
        margin-left: -8px;

    }
}}*/

#search-form button:hover {
  color: var(--green);
  cursor: pointer;
}

#search-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("/img/arrow-down-white.svg");
  background-color: #fff;
  background-size: 30px;
  background-repeat: no-repeat;
  background-position-x: 100%;
  color: #767676;
  border: 0;
  height: 30px;
  padding: 0 1rem;
  width: 100%;
  margin-bottom: 1rem;
}

#search-form select:hover {
  background-image: url("/img/arrow-down-green.svg");
  cursor: pointer;
}

@media screen and (min-width: 900px) {
  #search-form fieldset {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
  }

  #search-form select,
  #search-form input[type="text"] {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 767px) {
  .top-events,
  .upcoming-events {
    display: grid;
    grid-gap: 2rem;
  }

  .top-events {
    grid-template-columns: repeat(2, 1fr);
  }
}

.top-events {
  margin-bottom: 2rem;
}


.upcoming-events {
  grid-template-columns: repeat(2, 1fr);
}

@media screen and (min-width: 900px) {
  .upcoming-events {
    grid-template-columns: repeat(3, 1fr);
  }
}

.upcoming-events {
  margin-bottom: 2rem;
}

.top-events img,
.upcoming-events img {
  object-fit:cover;
  object-position: top;
  width: 100vw;
  height: auto;
}

@media screen and (min-width: 767px) {
  .top-events img,
  .upcoming-events img {
    width: 100%;
    height: 409px;
  }
  .calendar {
    height: 419px;
  }
}

@media screen and (min-width: 900px) {
  .upcoming-events img {
    width: 100%;
    height: 288px;
  }
  .calendar {
    height: 298px; 
  }
}

.upcoming-events-title {
  font-size: 26px;
  margin-bottom: 1rem;
}

.event-link-wrapper {
  text-decoration: none;
  background: var(--black);
}

.event-link-wrapper:hover{
   transform:scale(1.025);
}

@media screen and (max-width: 766px) {
  .event {
    margin-bottom: 1rem;
  }
}

.event .event-details {
  margin-top: 0;
}

.event .event-details {
  background: var(--black);
  color: #fff;
  padding: 1rem;
  text-transform: uppercase;
}

.event .event-details p {
  padding: 0;
}

@media screen and (min-width: 900px) {
  .call-to-actions {
    margin: 4rem 1rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
  }

  .call-to-actions div:first-child {
    border-right: 1px solid #000;
  }
}

.call-to-actions div {
  padding: 0 1.5rem;
}

.call-to-actions hr {
  width: 200px;
  border: 0;
  border-top:3px solid var(--green);
  margin: 0;
}

@media screen and (max-width: 899px) {
  .call-to-actions hr {
    width: 200px;
    border: 0;
    border-top:3px solid var(--green);
    margin: 3rem;
  }  
}

.call-to-actions h2 {
  font-size: 34px;
}

.call-to-actions p {
  font-size: 25px;
  margin-bottom: 1rem;
}

.slider .slide {
  width: 100%;
}

/*About*/

#hero.about {
  background-image: url("/img/about-us-bw.jpg");
  background-position: center;
}

.about h2 {
  font-size: 1rem;
}

.fa-square-full {
  color: var(--green);
  font-size: 8px;
  position: relative;
  bottom: 3px;
}

.right-button {
  display: flex;
  justify-content: right;
  margin-top: 3rem;
}

/*FAQ*/

#hero.faq {
  background-image: url("/img/faq-bw.jpg");
  background-position: center;
}

.faq h2{
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 1rem;
  font-size: 30px;
}

.faq h3 {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 17.5px;  
}

.faq article {
  border-bottom: 1px solid #000;
  padding: 1rem 0;
}
.faq article:first-of-type {
  border-top: 1px solid #000;
}

.faq article .question {
  text-decoration: none;
}

.faq article .question i {
  float: right;
  color: var(--green);
}

.faq-promoter {
  margin: 3rem auto;
}

/*Buy Tickets*/

.single-event-page .event-description p,
.single-event-page .single-event-title,
.single-event-page .event-details{
  margin-bottom: 1rem !important;
}

.single-event-page .event-description {
  text-transform: none !important;
}

#hero.buy-tickets {
  background-image: url("/img/events-bw.jpg");
  background-position: center;
}

.upcoming-events-loop .single-event-wrapper {
  margin-bottom: 2rem;
}

@media screen and (min-width: 900px) {
  .upcoming-events-loop .single-event-wrapper {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    margin-bottom: 1rem;
    grid-gap: 1rem;
    border-bottom: 1px solid #000;
    padding-bottom: 1rem;
    align-items: center;
  }
}

.upcoming-events-loop .single-event-wrapper h3 {
  text-transform: uppercase;
  margin-top: 0 !important;
}

.upcoming-events-loop .single-event-wrapper .button {
  margin-top: 0;
  text-align: center;
}

.upcoming-events-loop .single-event-wrapper .single-event-details {
  margin-top: 0;
  text-transform: uppercase;
}

.single-event-wrapper .button {
  padding: 0.5rem;
}

#p_event .single-event-page section#content{
  padding-bottom: 0;
}

#p_event .single-event-page section#content article {
  margin-bottom: 0;
}

#seat-picker-wrapper {
  padding: 0 2rem 2rem;
}

#selection + #checkout input {
  border: 0;
}

#selection_fields {
  display: block !important;
  width: 230px;
}

#checkout {
  margin-top: 8px !important;
}

/*Ticket Barcode Scanning*/

#hero.e-ticket {
  background-image: url("/img/e-ticket-bw.jpg");
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #080808;
}

/*Contact*/

#hero.contact {
  background-image: url("/img/contact-page-bw.jpg");
  background-position: center;
}


@media screen and (min-width: 900px) {

  .contact .contact-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
    margin-top: 2rem;
  }

}

#contact-form label {
  display: none;
}

#contact-form input[type=text],
#contact-form input[type=email],
#contact-form textarea{
  display: block;
  margin-bottom: 1rem;
  width: 100%;
}

.contact-info {
  text-transform: uppercase;
}

.contact-info p {
  margin-bottom: 1rem;
}

/*Forms*/
fieldset {
  border: 0;
  padding: 0;
}

form ul {
  list-style-type: none;
  padding-left: 0;
}

/*Privacy Policy*/
#hero.privacy-policy {
  background-image: url("/img/privacy-policy-color.jpg");
  background-position: center;
}

.privacy-policy h2 {
  font-size: 22px;
}

/*Events*/
#hero.events {
  background-image: url("/img/events-bw.jpg");
  background-position: center;
}

.events img {
  margin-bottom: 2rem;
}

.events {
  text-transform: uppercase;
}

.events article {
  margin-bottom: 3rem;
}

@media screen and (min-width: 900px) {

  section.events article {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: repeat(2, 1fr);
  }

}


/* No Scroll */
html.no-scroll {
  overflow: hidden;
}

/* Top Level Menu */
header nav > ul > li {
  position: relative;
}
header nav > ul > li:hover ul {  
  opacity: 1;
  visibility: visible;
  transition: ease all 0.3s;
  transform: translateY(0);
  z-index: 1;  
}
header nav ul li {
  padding: 0;
}
header nav ul li a {
  padding: 1rem;
  display: block;
} 
header nav ul li a.btn {
  margin-left: 1rem;
}
header #nav-toggle {
  display: none;
}


/* Sub Menu */

header nav ul ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);  
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  padding: 0;
}
header nav ul ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--black);
}
header nav ul ul li:last-child {
  border-bottom: none;
}
header nav ul ul a {
  display: block;
  padding: 0.75rem;
  background-color: var(--green);
  color: var(--black);
}
header nav ul ul li a:hover {
  color: var(--black);
  background-color: var(--green);
  filter: brightness(0.95);
  text-decoration: none;
}


/* -- Mobile Menu -- */

@media screen and (max-width: 930px) {
  header {
    height: 65px;
    display: flex;
    align-items: center;
  }
  header #nav-toggle {
    display: block;
    color: var(--green);
    font-size: 26px;
    position: absolute;
    right: 1rem;
    z-index: 100;
    text-decoration: none;
  }
  header #nav-toggle .fa-close {
    display: none;
  }
  header nav {    
    opacity: 0;
    visibility: hidden;    
    position: fixed;    
    top: 0;
    left: 0;
    padding: 65px 0 0 0;
    width: 100%;
    height: 100vh;
    margin: 0;    
    background: rgba(0,0,0,0.9);
    overflow: scroll;
    z-index:-1;
  }
  header nav.is-active {
    transition: ease all 0.3s;
    opacity: 1;
    visibility: visible;
    z-index: 1;
  }
  header nav ul {
    display: block;
    padding: 0 0 2rem 0;
    text-align: center;
  }
  header nav ul li a {
    font-size: 24px;
    padding: 0.5rem
  }
  header nav ul li a:hover {
    color: #fff;;
  }
  header nav ul li a.btn {
    display: inline-block;
    margin: 1rem 0 0 0;
  }
  header nav ul ul {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    position: static;
  }  
  header nav ul ul li {
    border: none;
  }
  header nav ul ul li a {
    background-color: transparent;
    color: #fff;
    opacity: 0.7;
  }
  header nav ul ul li a:hover {
    background-color: transparent;
    color: #fff;
    text-decoration: underline;
  }
}

/*Promoters*/
#hero.promoters {
  background-image: url("/img/privacy-policy-bw.jpg");
  background-position: center;
  flex-direction: column;
  align-items: center;
}

#hero.promoters h1 {
  color: #fff;
  display: block;
  text-align: center;
  padding: 5rem 1rem 1rem 1rem;
  font-size: 35px;
  margin: 0 auto;
  text-shadow: 1px 4px 28px var(--black);
}

#hero.promoters .button {
  display: inline-block;
  margin-bottom: 5rem;
}

.promoters .green-boxes {
  margin: 2rem auto;
}

.promoters .green-boxes img {
  margin: 1rem 0;
  max-height: 41px;
}

.promoters .green-boxes div {
  margin-top: 0;
  border: 4px solid var(--green);
  padding: 2rem;
}

.promoters .green-boxes div:first-child {
  margin-bottom: 2rem;
}

@media screen and (min-width: 900px) {
  .promoters .green-boxes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
  }

  .promoters .green-boxes div:first-child {
    margin-bottom: 0;
  }
}

.promoters .how-it-works {
  text-align: center;
}

.promoters .how-it-works h2 {
  font-size: 32px;
}

@media screen and (min-width: 900px) {
  .promoters .packages {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
    align-items: center;
  }
}

.promoters .packages {
  margin-bottom: 3rem;
}

.promoters .packages h3, 
.promoters .packages h4 {
  color:  #fff;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  text-shadow: 1px 3px 16px var(--black);
}

.promoters .packages h3 {
  font-size: 35px;
}

.promoters .packages h4 {
  font-size: 17.5px;
  font-family: "Montserrat Regular", "Open Sans", Helvetica, Arial, sans-serif;
}

.promoters .packages .platinum-package,
.promoters .packages .gold-package {
  border-radius: 0.5rem;
}

.promoters .packages .platinum-package .platinum-pic,
.promoters .packages .gold-package .gold-pic {
  background-image: url("/img/events-bw.jpg");
  background-position: center;
  background-size: cover;
  padding: 3rem 2rem;
}

.promoters .packages .platinum-package .platinum-top {
  background: var(--green);
  color:  var(--black);
  text-align: center;
  text-transform: uppercase;
  padding: 0.5rem;
}

.promoters .packages .platinum-package .platinum-top p {
  font-family: "Montserrat Semi-bold", "Open Sans", Helvetica, Arial, sans-serif;
}

.promoters .packages .platinum-package .platinum-top,
.promoters .packages .gold-package .gold-pic {
  border-radius: 8px 8px 0 0;
}

.promoters .packages ul {
  list-style-type: none;
  padding-left: 0;
}

.promoters .packages .package-features {
  background: #000;
  padding: 2rem;
  color: #fff;
}

.promoters .packages .package-features i {
  margin-right: 0.5rem;
}

.promoters .packages .package-features p {
  margin-bottom: 1rem;
}

.promoters .packages .button {
  border-radius: 0 0 8px 8px;
}

.promoters .testimonials-wrapper {
  border: 3px solid var(--green);
  padding: 2rem;
  margin-top: 3rem;
}

.promoters .testimonials-wrapper h3 {
  margin-top: -50px;
  font-size: 22.5px;
  text-transform: uppercase;
  text-align: center;
}

.promoters .testimonials .testimonial {
  width: 100%;
  text-align: center;
}

.promoters .testimonials .testimonial p {
  margin-bottom: 1rem;
}

.promoters .testimonials .flickity-viewport {
  min-height: 225px;
}

.promoters .testimonials-wrapper h3 span {
  background: #fff;
  padding: 1rem;
}

.flickity-prev-next-button {
  background: #000 !important;
  border-radius: 0 !important;
  color: var(--green) !important;
  transition: 0.3s !important;
}

.flickity-prev-next-button:hover {
  background: var(--green);
  color: var(--black);
}

.flickity-page-dots {
  bottom: 1rem !important;
}

.promoters .flickity-prev-next-button.previous {
  left: -55px;
}

.promoters .flickity-prev-next-button.next {
  right: -55px;
}

@media screen and (max-width: 899px) {
  .flickity-prev-next-button {
    display: none;
  }
}

.flickity-page-dots .dot {
  background: var(--green);
  border-radius: 0;
}

/*Short-page footer fix*/
main {
  min-height: calc(100vh - 336px);
}

/*Promoters page*/

#p_forgot .content,
#p_order .content,
#p_ .content,
#p_account .content,
#p_payment .content,
#p_connections .content{
  margin-top: 3rem;
  margin-bottom: 2rem;
}

#p_promoters .content p {
  margin-bottom: 1rem;
}

#p_promoters .content a {
  color: var(--black);
  text-decoration: underline;
}

#p_promoters .content a:hover {
  color: var(--green);
}

#p_connections table {
  width: 100%;
  margin-top: 1rem;
}

#p_connections h4,
#p_connections h5 {
  margin-top: 1rem;
}

@media screen and (max-width: 899px) {
 #register, #login { width:auto !important; }
}