/*
Theme Name: Bumblebee
Author: Bumblebee Design
Description: Custom Holding Page Theme
Version: 1.0
License: Private
Text Domain: bumblebee
*/
/******************************************************************************/
/*	!HTML RESET  */
/*****************************************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

html, body {
  height: 100%;
  height: -webkit-fill-available;
  width: 100%;
  /*overflow-x:hidden;*/ }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

del {
  text-decoration: line-through; }

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  padding: 0;
  margin: 1em 0; }

/* Total reset for form items. But remember to deal with border, this one is left so we can see then more clearly yet */
/*input, textarea, select {
  margin: 0;
  padding: 0;
  font-size: 100%;
  background: transparent;
  border: 1px solid #ccc;
}*/
/* @end */
/* reset list styles */
ul,
li,
ul.menu li,
ul.inline li,
.item-list ul,
.item-list ul li,
li.expanded,
li.collapsed,
li.leaf,
.item-list .pager li {
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-type: none; }

/* universal box sizing */
*, *:before, *:after {
  box-sizing: border-box; }

.ugb-main-block {
  margin: 0 !important; }

.ugb-container__wrapper {
  padding: 0 !important; }

.stk-content-align.alignwide {
  max-width: 100% !important; }

/******************************************************************************/
/*	END HTML RESET  */
/******************************************************************************/
/*******************************************************************/
/*	!FUNCTIONS   */
/*******************************************************************/
/*******************************************************************/
/*	!MIXINS   */
/*******************************************************************/
/*******************************************************************/
/*	!COLOURS   */
/*******************************************************************/
/***************************************************************/
/*   FONTS */
/***************************************************************/
@font-face {
    font-family: ESKlarheitGrotesk;
    src: url("fonts/ESKlarheitGrotesk-Lt.otf") format("opentype");
}

@font-face {
    font-family: ESKlarheitGroteskBD;
    font-weight: bold;
    src: url("fonts/ESKlarheitGrotesk-Bd.otf") format("opentype");
}

@font-face {
    font-family: FenulStandard-Bold;

    src: url("fonts/FenulStandard-Bold.otf") format("opentype");
}

/***********************************
MAIN STYLES
***********************************/
body {
  background-color: #000;
  color: #FFF;
font-family: ESKlarheitGrotesk, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

#main-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 98vh;
  flex-wrap: wrap; }

.internal-wrapper {
  width: 80%;
  margin: 0 auto; }

.graphic-wrapper {
  -webkit-animation: 3s ease 0s normal forwards 1 fadein;
  animation: 3s ease 0s normal forwards 1 fadein;
  width: 100%;
  text-align: center;
  margin: 8% 0 10px 0; }
  .graphic-wrapper img {
    width: 38%;
    height: auto;
    min-width: 280px;
    margin: 0 auto; }

.text-wrapper {
  width: 100%;
  text-align: center; }
  .text-wrapper a {
    color: #FFF;
    text-decoration: none; }

h1 {
  -webkit-animation: 9s ease 0s normal forwards 1 fadein;
  animation: 9s ease 0s normal forwards 1 fadein;
  font-size: 36px;
  padding-bottom: 44px;
		font-weight: normal;
	font-family: 'FenulStandard-Bold', "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}

.signup-button, .sub-text {
  -webkit-animation: 12s ease 0s normal forwards 1 fadein;
  animation: 12s ease 0s normal forwards 1 fadein; }

.signup-button {
  padding: 5px 14px;
  border: solid #FFF 1px;
  border-radius: 30px;
  font-size: 19px;
  margin-bottom: 20px;
  display: inline-block;
  font-family: 'ESKlarheitGrotesk', "Helvetica Neue", Helvetica, Arial, "sans-serif";
  color: #FFF;
  text-decoration: none; }
  .signup-button:hover {
    color: #999;
    border-color: #999; }

.sub-text {
  font-size: 24px;
  font-family: 'ESKlarheitGrotesk', "Helvetica Neue", Helvetica, Arial, "sans-serif"; 
	padding-bottom: 40px;}

@keyframes fadein {
  0% {
    opacity: 0; }
  22% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadein {
  0% {
    opacity: 0; }
  22% {
    opacity: 0; }
  100% {
    opacity: 1; } }

#holding-form-wrapper {
  display: none;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; 
padding-bottom: 70px;}

  #holding-form-wrapper #mc_embed_signup {
    background-color: #000;
    width: 80%;
    margin: 0 auto 0 auto;
}

#mc_embed_signup label {
	font-family: ESKlarheitGroteskBD, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight:bold;
	margin-bottom: 10px!important;
}


 #mc-embedded-subscribe {
	  border: solid #FFF 1px!important;
	  border-radius: 30px!important;
	  font-size: 19px!important;
	  margin-bottom: 20px;
	  text-align: center;
	 display: inline-block;
	 color:#FFF;
	}