/* Minification failed. Returning unminified contents.
(6,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,17): run-time error CSS1039: Token not allowed after unary operator: '-main-porcelain-color'
 */
[v-cloak] {
  display: none;
}

:root {
  --main-pink-color: #FF0087;
  --main-porcelain-color:#E4D3C9;
}

body {
  background-color: black;
}


.widget {
  min-height: 100px !important;
  padding: 20px;
  margin: 20px;
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.social-media {
  /*margin-top: 20px;*/
  text-align: center;
}

  .social-media a {
    color: white;
  }

  .social-media i.fa-brands {
    cursor: pointer;    
    font-size: 18px;
    
    
  }

  .social-media i.fa-brands:hover {
    color: var(--main-porcelain-color);
  }

/*
  If the browser window is lexss than 768px:
    to a MAX of 768
  */

@media (max-width: 768px) {
  .brick-fact-page-header,
  .conference-page-header,
  .home-page-header,
  .jury-header,
  .faq-header {
    height: auto;
    padding-top: 15vh;
  }

  h1 {
    font-size: 1.5em;
  }
}

/*
  If the browser window is larger than 768px:
    TO a MIN
  */

@media (min-width: 768px) {
  .brick-fact-page-header, .faq-header {
    padding-top: 10vh;
    height: auto;
  }
}

.brick-fact-card-front-background {
  background-color: rgba(0, 0, 0, 0.5) !important;
  color: white !important;
}

/*.rotating-card-container .card .back.back-background::after,*/
.rotating-card-container .card .back.brick-fact-card-back-background::after {
  background-color: white;
  color: black;
}

.card-title.pink {
  color: #FF0087;
}

p.pink {
  color: #FF0087;
  text-transform: uppercase;
}

.pink {
  color: #FF0087 !important;
}

h3.pink {
  font-weight: 600;
  color: #FF0087;
  margin-top: 0px;
}


.brick-fact-modal-content {
  border-bottom-right-radius: 100px !important;
}

.modal-footer {
  display: flex;
  justify-content: center;
}

@-moz-document url-prefix() {
  .pink-scroll {
    overflow-y: scroll;
    scrollbar-color: #FF0087 white;
    scrollbar-width: thin;
  }
}

.pink-scroll::-webkit-scrollbar {
  width: 10px;
}

.pink-scroll::-webkit-scrollbar-track {
  background: white;
  border: 4px solid transparent;
  background-clip: content-box;
}

.pink-scroll::-webkit-scrollbar-thumb {
  background: #FF0087;
  border: 1px solid #FF0087;
}


.pink-scroll::-webkit-scrollbar-track {
  background: white;
  border: 4px solid transparent;
  background-clip: content-box;
}

.pink-scroll::-webkit-scrollbar-thumb {
  background: #FF0087;
  border: 1px solid #FF0087;
}

.d-none.d-xl-block.social-media {
  width: 200px;  
}

@media (min-width: 992px) {
  .menu.container {
    max-width: 990px;
  }

  .d-none.d-xl-block.social-media {
    font-size: 14px
  }
}

@media (min-width: 1200px) {
  .menu.container {
    max-width: 1200px;
  }
}

@media (min-width: 1400px) {
  .menu.container {
    max-width: 1400px;
  }
}

.btn-pink {
  background: #EC098D !important;
  border: 1px solid #EC098D !important;
}