/* LESS Document */
/*  VARIABLES  */
/*  TYPOGRAPHY  */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: almaq-rough, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  color: #e86d00;
  line-height: .777em;
  margin-bottom: 2rem;
  letter-spacing: -0.02em;
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}
h1.em,
h2.em,
h3.em,
h4.em,
h5.em,
h6.em {
  color: white !important;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: white;
  position: relative;
}
h1 a:before,
h2 a:before,
h3 a:before,
h4 a:before,
h5 a:before,
h6 a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: white;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: white;
  text-decoration: none;
}
h1 a:hover:before,
h2 a:hover:before,
h3 a:hover:before,
h4 a:hover:before,
h5 a:hover:before,
h6 a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  background-color: white;
}
h1 {
  font-size: 4.827em;
}
h2 {
  font-size: 3.713em;
}
h3 {
  font-size: 2.856em;
  margin-bottom: 1rem;
}
h4 {
  font-size: 2.197em;
}
h5 {
  font-size: 1.69em;
}
h6 {
  font-size: 1.3em;
}
p {
  font-family: roboto-condensed, sans-serif;
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 1rem;
  line-height: 1.5em;
}
p a {
  color: white;
  text-decoration: none;
  background: linear-gradient(to bottom, #e86d00 0%, #e86d00 100%);
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 1px 1px;
  transition: background-size 0.3s;
  -webkit-transition: background-size 0.3s;
  transition-timing-function: ease-out;
}
.content p a {
  background: linear-gradient(to bottom, #0d0c09 0%, #0d0c09 100%);
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 1px 1px;
}
p a:hover {
  background-size: 1px 50px;
  color: white;
  text-decoration: none;
}
p a:active,
p a:focus,
p a:visited {
  color: white;
  text-decoration: none;
}
.em {
  color: white;
}
strong {
  font-weight: 700;
}
.boom {
  color: #e86d00;
  text-transform: uppercase;
  font-family: almaq-rough, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.12em;
}
.content .boom {
  color: white;
}
hr {
  border: none;
  width: 80%;
  height: 4px;
  margin: 1.75rem auto 3rem;
  background-image: url("../_images/hr.png");
  background-size: 100% 4px;
}
button:focus {
  outline: none;
}
.btn {
  display: inline-block;
  background-color: #e86d00;
  padding: 8px 12px;
  color: white;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius: 15px 255px;
  border: 5px solid white;
  font-family: almaq-rough, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  transform: rotate(3deg);
  /*
	-webkit-transition: all 0.05s ease-in 0s;
	transition: all 0.05s ease-in 0s;
	*/
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
}
.btn:hover {
  color: white;
  text-decoration: none;
  animation-name: bloop;
  animation-duration: .5s;
  animation-timing-function: ease-out;
  /*
		transform: rotate(-5deg);
		-webkit-transition: all 0.05s ease-in 0s;
		transition: all 0.05s ease-in 0s;
		*/
}
.btn.small {
  font-size: 1.33rem;
  padding: 0 10px;
  border: 3px solid white;
  /*
		&:hover {
			animation-name: bounce;
			animation-duration: 1s;
		}
		*/
}
@keyframes bloop {
  0% {
    transform: scale(1, 1) rotate(3deg);
  }
  20% {
    transform: scale(0.9, 0.9) rotate(3deg);
  }
  40% {
    transform: scale(1.1, 1.1) rotate(3deg);
  }
  60% {
    transform: scale(0.95, 0.95) rotate(3deg);
  }
  80% {
    transform: scale(1.05, 1.05) rotate(3deg);
  }
  100% {
    transform: scale(1, 1) rotate(3deg);
  }
}
html {
  font-size: .875rem;
  scroll-behavior: smooth;
}
body {
  font-family: roboto-condensed, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #080806;
  background-image: url("../_images/background.gif");
  background-attachment: fixed;
  background-position: top center;
  background-size: cover;
  overflow-x: hidden;
}
.rebel-wrapper {
  width: 50%;
  min-height: 900px;
  position: absolute;
  z-index: -10;
  right: 0;
  background-image: url("../_images/rebel.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100%;
  -webkit-transition: width 0.5s ease-in-out 0s;
  transition: width 0.5s ease-in-out 0s;
}
#main-nav {
  position: fixed;
  z-index: 10;
  width: 100%;
  padding: 0 1em;
  -webkit-transition: all 0.1s ease-in 0s;
  transition: all 0.1s ease-in 0s;
  background-color: transparent;
}
#main-nav > .container {
  position: relative;
}
#main-nav .navbar-toggler-icon {
  background-color: white;
}
#main-nav .nav-item.brand {
  position: relative;
  width: 250px;
  height: 175px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
#main-nav .nav-item.last {
  padding-left: 15px;
}
#main-nav a.nav-link {
  color: white;
  font-family: almaq-rough, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.166rem;
}
#main-nav a.nav-link:hover,
#main-nav a.nav-link:focus,
#main-nav a.nav-link.active {
  color: #e86d00;
  -webkit-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
}
#main-nav .logo {
  position: absolute;
  width: 405px;
  height: auto;
  top: -60px;
  left: -130px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  z-index: 5;
}
#main-nav.minimize {
  background-color: rgba(0, 0, 0, 0.9);
  min-height: 95px;
}
#main-nav.minimize .nav-item.brand {
  width: 115px;
  height: 95px;
}
#main-nav.minimize .logo {
  width: 165px;
  height: auto;
  top: -16px;
  left: -45px;
}
.navbar-toggler {
  margin: 0;
  border: none;
  background: transparent;
  float: right;
  padding: 0;
}
.navbar-toggler .icon-bar {
  display: block;
  background-color: white;
  width: 30px;
  height: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
  position: relative;
}
.navbar-toggler .icon-bar + .icon-bar {
  margin-top: 8px;
}
.navbar-toggler .icon-bar.top {
  transform: rotate(-45deg);
  transform-origin: top right;
  right: 6px;
}
.navbar-toggler .icon-bar.bottom {
  transform: rotate(45deg);
  transform-origin: bottom right;
  right: 6px;
}
.navbar-toggler .icon-bar.middle {
  opacity: 0;
  left: 10px;
}
.navbar-toggler.collapsed .icon-bar.top {
  transform: rotate(0deg);
  transform-origin: top left;
  left: 0px;
}
.navbar-toggler.collapsed .icon-bar.bottom {
  transform: rotate(0deg);
  transform-origin: bottom left;
  left: 0px;
}
.navbar-toggler.collapsed .icon-bar.middle {
  opacity: 1;
  left: 0px;
}
.section.main {
  padding-top: 250px;
}
.section p {
  color: #e8e8e8;
}
.section p strong {
  color: white;
}
.section-orange {
  margin: 3em 0;
}
.section-orange > div {
  background-color: #e86d00;
}
.section-orange h1,
.section-orange h2,
.section-orange h3,
.section-orange h4,
.section-orange h5,
.section-orange h6 {
  color: black;
}
.section-orange p {
  color: #0d0c09;
}
.section-orange::before {
  display: block;
  content: "";
  width: 100%;
  height: 70px;
  background-image: url("../_images/torn-top.png");
  background-size: 100% 70px;
  background-color: none;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.section-orange::after {
  display: block;
  content: "";
  width: 100%;
  height: 70px;
  background-image: url("../_images/torn-bottom.png");
  background-size: 100% 70px;
  background-color: none;
  background-repeat: no-repeat;
  background-position: top center;
}
.carousel {
  margin: 2em 0;
  align-items: center;
}
.carousel-cell {
  width: 360px;
  height: 360px;
  margin: 0 15px;
  background: grey;
  border: 2px solid #e86d00;
  overflow: hidden;
  cursor: pointer !important;
  background-repeat: no-repeat;
  background-size: cover;
}
.carousel-cell.rage {
  background-image: url("../_images/rebel-fundraise.jpg");
}
.carousel-cell.ambassador {
  background-image: url("../_images/rebel-ambassador.jpg");
}
.carousel-cell.monthly {
  background-image: url("../_images/monthly.jpg");
}
.carousel-cell h5 {
  color: white;
}
.carousel-cell h5:first-of-type {
  padding-bottom: 2rem;
  padding-top: 1rem;
  margin-bottom: 0;
  cursor: pointer;
}
.carousel-cell .hide {
  transition: all 0.1s ease-in 0s;
  -webkit-transition: all 0.1s ease-in 0s;
}
.carousel-cell p {
  color: #0d0c09;
  margin-bottom: 2em;
}
.carousel-cell .action-overlay {
  position: absolute;
  top: 260px;
  height: 450px;
  width: 100%;
  transition: top 0.5s ease-in-out 0s;
  -webkit-transition: top 0.5s ease-in-out 0s;
}
.carousel-cell .action-overlay::before {
  display: block;
  content: "";
  background-image: url("../_images/torn-top.png");
  background-color: none;
  background-repeat: no-repeat;
  background-position: bottom center;
  width: 100%;
  height: 30px;
  background-size: 100% 30px;
}
.carousel-cell .action-overlay .content {
  width: 100%;
  height: 100%;
  padding: 0 1em;
  background-color: #e86d00;
  text-align: center;
  cursor: default;
}
.carousel-cell.is-selected {
  border-color: white;
}
.social {
  text-align: center;
  font-size: 2em;
  margin-bottom: 1rem;
}
.social a {
  color: white;
  text-decoration: none;
  padding: 0 10px;
}
.social a:hover,
.social a:focus,
.social a:active {
  color: #e86d00;
  -webkit-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
}
/*  RESPONSIVE  */
@media (max-width: 767px) {
  html {
    font-size: .875rem;
  }
  .rebel-wrapper {
    display: none;
  }
  .section-orange {
    overflow: hidden;
  }
  .section-orange::before {
    width: 100%;
    height: 40px;
    background-size: 100% 40px;
  }
  .section-orange::after {
    width: 100%;
    height: 40px;
    background-size: 100% 40px;
  }
  .carousel-cell {
    width: 300px;
    margin: 0 10px;
  }
}
@media (max-width: 991px) {
  html {
    font-size: 1rem;
  }
  .rebel-wrapper {
    width: 70%;
  }
  .section.main {
    padding-top: 150px;
  }
  .navbar-nav {
    padding-bottom: 2em;
  }
  #main-nav .nav-item.last {
    padding-left: 0px;
    margin-top: 10px;
  }
  #main-nav,
  #main-nav.minimize {
    background-color: rgba(0, 0, 0, 0.9);
    min-height: 95px;
  }
  #main-nav .navbar-toggler,
  #main-nav.minimize .navbar-toggler {
    position: absolute;
    top: 35px;
    right: 0px;
  }
  #main-nav .nav-item.brand,
  #main-nav.minimize .nav-item.brand {
    display: none;
  }
  #main-nav .logo,
  #main-nav.minimize .logo {
    width: 165px;
    height: auto;
    position: relative;
    top: -10px;
    left: auto;
    margin: auto;
  }
}
@media (max-width: 1440px) {
  .rebel-wrapper {
    width: 60%;
  }
}
@media (min-width: 992px) {
  html {
    font-size: 1.125rem;
  }
}
a.play img{display: block;}
a.play
{
    display: inline-block;
    color: white;
    border-top-left-radius: 255px 15px;
    border-top-right-radius: 15px 225px;
    border-bottom-right-radius: 225px 15px;
    border-bottom-left-radius: 15px 255px;
    border: 5px solid #e86d00;
    font-family: almaq-rough, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2rem;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
	overflow: hidden;
}

a.play:hover
{
	border: 2px solid #FFF;
}

#youtube-container a.play{backdrop-filter: blur(3px);}