/*
================================================== 
Fonts
==================================================
*/
@font-face { font-family: 'Rodger-Regular'; src: url('fonts/rodger.eot'); src: url('fonts/rodger.eot?#iefix') format('embedded-opentype'), url('fonts/rodger.woff2') format('woff2'), url('fonts/rodger.woff') format('woff'), url('fonts/rodger.ttf') format('truetype'), url('fonts/rodger.svg#youworkforthem') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Rodger-Thin'; src: url('fonts/rodger-thin.eot'); src: url('fonts/rodger-thin.eot?#iefix') format('embedded-opentype'), url('fonts/rodger-thin.woff2') format('woff2'), url('fonts/rodger-thin.woff') format('woff'), url('fonts/rodger-thin.ttf') format('truetype'), url('fonts/rodger-thin.svg#youworkforthem') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Rodger-Bold'; src: url('fonts/rodger-bold.eot'); src: url('fonts/rodger-bold.eot?#iefix') format('embedded-opentype'), url('fonts/rodger-bold.woff2') format('woff2'), url('fonts/rodger-bold.woff') format('woff'), url('fonts/rodger-bold.ttf') format('truetype'), url('fonts/rodger-bold.svg#youworkforthem') format('svg'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'Rodger-Black'; src: url('fonts/rodger-black.eot'); src: url('fonts/rodger-black.eot?#iefix') format('embedded-opentype'), url('fonts/rodger-black.woff2') format('woff2'), url('fonts/rodger-black.woff') format('woff'), url('fonts/rodger-black.ttf') format('truetype'), url('fonts/rodger-black.svg#youworkforthem') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Vulf-Light'; src: url('fonts/Vulf_Mono-Light_web.eot'); src: url('fonts/Vulf_Mono-Light_web.eot?#iefix') format('embedded-opentype'), url('fonts/Vulf_Mono-Light_web.woff') format('woff'), url('fonts/Vulf_Mono-Light_web.woff2') format('woff2'), url('fonts/Vulf_Mono-Light_web.ttf') format('truetype'), url('fonts/Vulf_Mono-Light_web.svg#svgFontName') format('svg'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Vulf-Light-Italic'; src: url('fonts/Vulf_Mono-Light_Italic_web.eot'); src: url('fonts/Vulf_Mono-Light_Italic_web.eot?#iefix') format('embedded-opentype'), url('fonts/Vulf_Mono-Light_Italic_web.woff') format('woff'), url('fonts/Vulf_Mono-Light_Italic_web.woff2') format('woff2'), url('fonts/Vulf_Mono-Light_Italic_web.ttf') format('truetype'), url('fonts/Vulf_Mono-Light_Italic_web.svg#svgFontName') format('svg'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Vulf-Regular'; src: url('fonts/Vulf_Mono-Regular_web.eot'); src: url('fonts/Vulf_Mono-Regular_web.eot?#iefix') format('embedded-opentype'), url('fonts/Vulf_Mono-Regular_web.woff') format('woff'), url('fonts/Vulf_Mono-Regular_web.woff2') format('woff2'), url('fonts/Vulf_Mono-Regular_web.ttf') format('truetype'), url('fonts/Vulf_Mono-Regular_web.svg#svgFontName') format('svg'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Vulf-Italic'; src: url('fonts/Vulf_Mono-Italic_web.eot'); src: url('fonts/Vulf_Mono-Italic_web.eot?#iefix') format('embedded-opentype'), url('fonts/Vulf_Mono-Italic_web.woff') format('woff'), url('fonts/Vulf_Mono-Italic_web.woff2') format('woff2'), url('fonts/Vulf_Mono-Italic_web.ttf') format('truetype'), url('fonts/Vulf_Mono-Italic_web.svg#svgFontName') format('svg'); font-weight: 400; font-style: normal; } 
@font-face { font-family: 'Vulf-Bold'; src: url('fonts/Vulf_Mono-Bold_web.eot'); src: url('fonts/Vulf_Mono-Bold_web.eot?#iefix') format('embedded-opentype'), url('fonts/Vulf_Mono-Bold_web.woff') format('woff'), url('fonts/Vulf_Mono-Bold_web.woff2') format('woff2'), url('fonts/Vulf_Mono-Bold_web.ttf') format('truetype'), url('fonts/Vulf_Mono-Bold_web.svg#svgFontName') format('svg'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Vulf-Bold-Italic'; src: url('fonts/Vulf_Mono-Bold_Italic_web.eot'); src: url('fonts/Vulf_Mono-Bold_Italic_web.eot?#iefix') format('embedded-opentype'), url('fonts/Vulf_Mono-Bold_Italic_web.woff') format('woff'), url('fonts/Vulf_Mono-Bold_Italic_web.woff2') format('woff2'), url('fonts/Vulf_Mono-Bold_Italic_web.ttf') format('truetype'), url('fonts/Vulf_Mono-Bold_Italic_web.svg#svgFontName') format('svg'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Vulf-Black'; src: url('fonts/Vulf_Mono-Black_web.eot'); src: url('fonts/Vulf_Mono-Black_web.eot?#iefix') format('embedded-opentype'), url('fonts/Vulf_Mono-Black_web.woff') format('woff'), url('fonts/Vulf_Mono-Black_web.woff2') format('woff2'), url('fonts/Vulf_Mono-Black_web.ttf') format('truetype'), url('fonts/Vulf_Mono-Black_web.svg#svgFontName') format('svg'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Vulf-Black-Italic'; src: url('fonts/Vulf_Mono-Black_Italic_web.eot'); src: url('fonts/Vulf_Mono-Black_Italic_web.eot?#iefix') format('embedded-opentype'), url('fonts/Vulf_Mono-Black_Italic_web.woff') format('woff'), url('fonts/Vulf_Mono-Black_Italic_web.woff2') format('woff2'), url('fonts/Vulf_Mono-Black_Italic_web.ttf') format('truetype'), url('fonts/Vulf_Mono-Black_Italic_web.svg#svgFontName') format('svg'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Gooper'; font-weight: 900; src: url('fonts/Gooper-Black.eot'); /* IE9 */ src: url('fonts/Gooper-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Gooper-Black.woff2') format('woff2'), url('fonts/Gooper-Black.woff') format('woff'); }
@font-face { font-family: 'Gooper'; font-weight: 700; src: url('fonts/Gooper-Bold.eot'); /* IE9 */ src: url('fonts/Gooper-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Gooper-Bold.woff2') format('woff2'), url('fonts/Gooper-Bold.woff') format('woff'); }
@font-face { font-family: 'Gooper'; font-weight: 400; src: url('fonts/Gooper-Regular.eot'); /* IE9 */ src: url('fonts/Gooper-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Gooper-Regular.woff2') format('woff2'), url('fonts/Gooper-Regular.woff') format('woff'); }
@font-face { font-family: 'Gooper'; font-weight: 600; src: url('fonts/Gooper-SemiBold.eot'); /* IE9 */ src: url('fonts/Gooper-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Gooper-SemiBold.woff2') format('woff2'), url('fonts/Gooper-SemiBold.woff') format('woff'); }
@font-face { font-family: 'Gooper'; font-weight: 100; src: url('fonts/Gooper-Thin.eot'); /* IE9 */ src: url('fonts/Gooper-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Gooper-Thin.woff2') format('woff2'), url('fonts/Gooper-Thin.woff') format('woff'); }
@font-face { font-family: 'Gooper'; font-weight: 900; font-style: italic; src: url('fonts/Gooper-BlackItalic.eot'); src: url('fonts/Gooper-BlackItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Gooper-BlackItalic.woff2') format('woff2'), url('fonts/Gooper-BlackItalic.woff') format('woff'); }
@font-face { font-family: 'Gooper'; font-weight: 700; font-style: italic; src: url('fonts/Gooper-BoldItalic.eot'); /* IE9 */ src: url('fonts/Gooper-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Gooper-BoldItalic.woff2') format('woff2'), url('fonts/Gooper-BoldItalic.woff') format('woff'); }
@font-face { font-family: 'Gooper'; font-weight: 400; font-style: italic; src: url('fonts/Gooper-RegularItalic.eot'); /* IE9 */ src: url('fonts/Gooper-RegularItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Gooper-RegularItalic.woff2') format('woff2'), url('fonts/Gooper-RegularItalic.woff') format('woff'); }
@font-face { font-family: 'Gooper'; font-weight: 600; font-style: italic; src: url('fonts/Gooper-SemiBoldItalic.eot'); /* IE9 */ src: url('fonts/Gooper-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Gooper-SemiBoldItalic.woff2') format('woff2'), url('fonts/Gooper-SemiBoldItalic.woff') format('woff'); }
@font-face { font-family: 'Gooper'; font-weight: 100; font-style: italic; src: url('fonts/Gooper-ThinItalic.eot'); /* IE9 */ src: url('fonts/Gooper-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Gooper-ThinItalic.woff2') format('woff2'), url('fonts/Gooper-ThinItalic.woff') format('woff'); }
@font-face { font-family: 'blazeface72'; src: url('fonts/Ohno_Blazeface-72_Point.woff') format('woff'), url('fonts/Ohno_Blazeface-72_Point.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'blazeface60'; src: url('fonts/Ohno_Blazeface-60_Point.woff') format('woff'), url('fonts/Ohno_Blazeface-60_Point.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'blazeface48'; src: url('fonts/Ohno_Blazeface-48_Point.woff') format('woff'), url('fonts/Ohno_Blazeface-48_Point.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'blazeface36'; src: url('fonts/Ohno_Blazeface-36_Point.woff') format('woff'), url('fonts/Ohno_Blazeface-36_Point.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'blazeface24'; src: url('fonts/Ohno_Blazeface-24_Point.woff') format('woff'), url('fonts/Ohno_Blazeface-24_Point.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'blazeface18'; src: url('fonts/Ohno_Blazeface-18_Point.woff') format('woff'), url('fonts/Ohno_Blazeface-18_Point.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'blazeface16'; src: url('fonts/Ohno_Blazeface-16_Point.woff') format('woff'), url('fonts/Ohno_Blazeface-16_Point.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'blazeface14'; src: url('fonts/Ohno_Blazeface-14_Point.woff') format('woff'), url('fonts/Ohno_Blazeface-14_Point.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'blazeface12'; src: url('fonts/Ohno_Blazeface-12_Point.woff') format('woff'), url('fonts/Ohno_Blazeface-12_Point.woff2') format('woff2'); font-weight: normal; font-style: normal; }

/*
================================================== 
Reset
==================================================
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ }
article, aside, details, figcaption, figure, footer, header, nav, section { display: block; }
ol, ul { list-style: none; }
table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a:hover, a:active, a:focus { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline: 0; }
a img { border: 0; }
img { display: block; }
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body { -webkit-font-smoothing: antialiased; }
body.modeModal { overflow: hidden; /* "Locks" the scroll on the body content */ }
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; } /*The clear float is applied to the container with the float elements! */

/*
=================
Methods
=================
*/
.table { display: table; }
.tablerow { display: table-row; }
.tablecell { display: table-cell; }


/*
=================
Typography & Colors
=================
*/
.hA { font-family: Gooper; font-size: 70px; font-weight: 700; font-style: italic; margin-bottom: 20px; color: #14143C; } 
	@media only screen and (min-width:1020px) { .hA { font-size: 77px; } }
.hB { font-family: Rodger-Bold; font-size: 16px; line-height: 10px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 25px; text-align: center; }
	.hB span { display: inline-block; }
	.hB span:after { content: ""; width: 100%; display: inline-block; box-shadow: 0 4px 0 0 #fff; border-radius: 10px; background: transparent; height: 4px; }
.hC { font-family: Gooper; font-size: 45px; font-weight: 700; font-style: italic; text-align: center; padding: 0 15px; margin-bottom: 40px; }
.hD { font-family: Gooper; font-weight: 600; font-size: 30px; line-height: 30px; color: #14143C; text-transform: uppercase; font-style: italic; text-align: center; margin-bottom: 10px; }
.hE { font-family: Rodger-Bold; font-size: 16px; line-height: 25px; color: #14143C; letter-spacing: 1px; }
.hF { font-family: Gooper; font-weight: 700; font-size: 40px; line-height: 40px; }
.hG { font-family: Rodger-Bold; font-size: 16px; line-height: 25px; letter-spacing: 3px; text-transform: uppercase; }
.pA p { font-family: Vulf-Regular; font-size: 16px; line-height: 25px; color: #14143C; margin-bottom: 25px; }
.liA li { font-family: Vulf-Regular; font-size: 16px; line-height: 25px; color: #14143C; margin-bottom: 25px; }
.pB p { font-family: Vulf-Italic; font-size: 24px; line-height: 30px; color: #14143C; margin-bottom: 30px; }
.pC p { font-family: Vulf-Italic; font-size: 14px; line-height: 20px; color: #14143C; margin-bottom: 30px; }
.liA li{ font-family: Vulf-Italic; font-size: 14px; line-height: 20px; color: #14143C; }
.dropcap { float: left; font-family: Gooper; font-weight: 700; font-size: 90px; line-height: 60px; padding-top: 4px; padding-right: 12px; padding-left: 3px; }

.bgBlue { background: #14143C; }
.txtBlue { color: #14143C; }
.bgRed { background: #fb5139; }
.txtRed { color: #fb5139; }
.txtWhite { color: #fff; }
.txtCenter { text-align:center; }


/*
=================
Universal
=================
*/
.border-box { width: 100%; }
	@media only screen and (min-width: 1020px) { .border-box { border: 15px solid #14143C; overflow-y: scroll; } }
.logo { position: absolute; top: 30px; left: 30px; z-index: 1000; }
.b-menu-mobile { position: absolute; top: 30px; right: 30px; z-index: 1000; cursor: pointer; }
	@media only screen and (min-width: 1020px) { .b-menu-mobile { display: none; } }
.b-menu-desktop { position: absolute; top: 30px; right: 30px; z-index: 1000; cursor: pointer; display: none; }
  @media only screen and (min-width: 1020px) { .b-menu-desktop { display: block; } }
.rounded-button{font-family:Rodger-Bold;font-size:20px;line-height:44px;height:44px;color:#fff;border-radius:22px;border:0;padding:0 30px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}


/*
=================
Menu
=================
*/
.menu-buttons path { fill: #fff; }
.menu-buttons a:hover path { fill: #14143C; }
.menu-buttons a { cursor: pointer; }
/* Menu Mobile */
#menu-mobile { background: #ffea32; max-height: 0px; transition: max-height .1s; overflow: hidden; }
#menu-mobile path { fill: #14143C; }
#menu-mobile a:hover path { fill: #fb5139; }
#menu-mobile svg { width: 90%; height: auto; margin: 100px 5% 20px 5%; }
#menu-mobile.show { max-height:1000px; transition: max-height .5s; }
/* Menu Desktop */
#menu-modal { visibility: hidden; opacity: 0; transition: all .5s; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; overflow: hidden; }
#menu-modal.show { visibility: visible; opacity: 1; }
#menu-modal-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #dbb8f2; }
	@media only screen and (min-width: 600px) { position: fixed; left: 0; top: 0; width: 100%; height: 100%; }
#menu-modal-box {  position: absolute; top: 0; left: 0; width: 100%; }
	@media only screen and (min-width: 600px) { #menu-modal-box { width: 450px; position: absolute; top: 50%; left: 50%;  transform: translate(-50%,-50%); } }
#menu-modal-box svg { width: 90%; height: auto; margin: 0 5%;  }
	@media only screen and (min-width: 600px) { .modal-buttons img { width: 450px; } }

/*
=================
Waveys!
=================
*/
.box-wavey { position:absolute; z-index:100; width: 100%; height:40px; }


/*
=================
Stars!
=================
*/
.stars2 circle, .stars3 circle, .stars4 circle, .stars5 circle { fill: #fff; }
.stars { display: none; }
	@media only screen and (min-width: 1020px) { 
		.stars { display: block; width: 100%; position: absolute; }
		.stars svg { width: 100%; height: auto; }
	}



/*
=================
Footer
=================
*/
#footer { background: #14143C; color: #fff; padding: 50px 0; position: relative; }
#footer-logo { width: 75px; margin: 0 auto 50px; }
	@media only screen and (min-width:1020px) { #footer-logo { position: absolute; top: 50px; left: 50px; } }
#footer-logo-svg path { fill: #fff; }
#footer-box { position: relative; padding: 0 15px; }
	@media only screen and (min-width:700px) { #footer-box { width: 600px; margin: 0 auto; padding: 0; } }
	@media only screen and (min-width:1100px) { #footer-box { width: 800px; margin: 0 auto; padding: 0; } }
#footer h5 { font-family: Gooper; font-weight: 800; font-style: italic; font-size: 35px; line-height: 35px; letter-spacing: 1px; text-align: center; }
	@media only screen and (min-width: 1020px) { #footer h5 { text-align: left; }}
#footer .mailchimp { margin-bottom: 50px; }
	@media only screen and (min-width: 1020px) { #footer .mailchimp { margin-bottom: 100px; }}
#footer-box .deets { text-transform: uppercase; text-align: center; }
#footer .deets { font-family: Rodger-Bold; }
	@media only screen and (min-width: 1020px) { #footer-box .deets { text-align: left; } }
#footer .social { text-align: center; padding: 70px 0;  }
	@media only screen and (min-width: 1020px) { #footer .social { text-align: left; padding: 0; } }
#footer .madeby { font-size: 12px; color: #fff; margin-bottom: 20px; letter-spacing: 2px;}
#footer .madeby a { color: #fff; }
#footer .copyright { font-size: 10px; color: #434363; letter-spacing: 1px;}
	@media only screen and (min-width:1020px) { #footer .social { position: absolute; top: 50px; right: 0px; } }
#footer h6 { font-family: Rodger-Bold; font-size: 12px; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; }
#footer .social { text-align: center; }
	@media only screen and (min-width:1020px) { #footer .social { text-align: right; } }
#footer .social svg { width: 100%; height: auto; fill: #fff; }
#footer-instagram { display: inline-block; width: 20px; height: 20px; margin-right:10px; }
#footer-twitter { display: inline-block; width: 23px; height: 20px; }
#footer .box-wavey { position: absolute; top: -40px; background: url(../assets/border-wavey-blue.svg) left top repeat-x; }
#proper-high-button{display:flex;justify-content:center;align-items:center;padding:1.5em .5em;border-radius:65px;border:1px solid rgba(255,255,255,.9);height:48px;position:fixed;bottom:1em;right:1.3em;background:rgba(0,0,0,1);letter-spacing:2px;font-size:1.5em;text-decoration:none;z-index:100;}
#proper-high-button:hover{transform:scale(1.1);cursor:pointer;}
#proper-high-button .icon{display:inline-flex;width:35px;height:35px;justify-content:center;align-items:center;border-radius:100%;border:1px solid white;padding:8px;}
#proper-high-button span{margin:0 .6em;}
#proper-high-button svg path:nth-child(1){fill:white!important;}
#proper-high-button svg path:nth-child(2){fill:rgba(0,0,0,1)!important;}
@media only screen and (min-width:1020px) { #proper-high-button{ bottom:1.5em;right:1.75em; } }

/*
=================
MailChimp
=================
*/
#mc_embed_signup { max-width: 400px; margin: 0 auto; padding-top: 20px; position: relative; }
	@media only screen and (min-width:1020px) { #mc_embed_signup { margin: 0; } }
#mc_embed_signup label[for=mce-EMAIL] { display: none; }
#mc_embed_signup input[type=email] { float: left; width: 78%; height:50px; line-height: 50px; border-radius: 25px; border: none; font-family: Rodger-Bold; text-indent: 25px; letter-spacing: 2px; }
	@media only screen and (min-width:1020px) { #mc_embed_signup input[type=email] { width: 320px; } }
#mc_embed_signup input[type=email]::placeholder { font-family: Rodger-Bold; text-transform: uppercase; color: #14143C; letter-spacing: 2px; text-indent: 25px; }
#mc_embed_signup input[type=submit] { float: left; width: 51px; height: 26px; border: none; background: url(assets/finger1-white.svg) no-repeat; margin: 13px 0 0 10px; text-indent: -999em; }
/* ---------------- */
#mc_embed_signup div.mce_inline_error {  margin: 0 !important; padding: 0 !important; background: none !important;   }
#mce-responses { margin: 0; padding: 0; background: none !important;  z-index: 1; color: #fff; }
#mc_embed_signup div.mce_inline_error { position: absolute; top: 80px; font-weight: bold; z-index: 1; color: #fff; font-family: Gooper; font-style: italic; padding-left: 25px !important; color: #fff; letter-spacing: 2px; }
#mce-responses { position: absolute; top: 80px; font-weight: bold; z-index: 1; color: #fff; font-family: Gooper; font-style: italic; padding-left: 25px; color: #fff; letter-spacing: 2px; }
#mc_embed_signup input.mce_inline_error { border: none; background: orange; }
#mc_embed_signup div.mce_inline_error, #mce-error-response, #mc_embed_signup div.mce_inline_error a, #mce-error-response a { color: orange !important; }


/*
=================
Homepage Banner
NOTE: See below for custom breakpoint to accomodate banner assets
=================
*/

.home-lightbox-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-image: url(../assets/Pink-Curtain-FLAT-Web-01MP.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 3em;
  height: 1150px;
}

.home-lightbox-banner .content,
.home-lightbox-banner .images {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.home-lightbox-banner .text {
  font-family: 'Rodger-Regular';
  white-space: pre-line;
  text-align: center;
  background: -o-radial-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.4), transparent 75%);
  background: radial-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.4), transparent 75%);
}
.home-lightbox-banner h2 {
  font-family: 'blazeface12';
  font-size: 6em;
  line-height: 1.3;
  text-transform: capitalize;
}
.home-lightbox-banner p {
  font-size: 2.5em;
  padding: 0 0.2em;
}
.home-lightbox-banner .trade {
  font-size: 0.5em;
  vertical-align: super;
}
#home-circular-text {
  position: relative;
  font-family: Rodger-Bold;
  font-size: 2em;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: rotate(-36deg);
      -ms-transform: rotate(-36deg);
          transform: rotate(-36deg);
}
p#home-circular-text span {
  position: absolute;
  left: 50%;
  top: -75px;
  height: 200px;
  width: 20px;
  margin-left: -100px;
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
}
.char1{-webkit-transform:rotate(6deg);-ms-transform:rotate(6deg);transform:rotate(6deg);}.char2{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg);}.char3{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg);}.char4{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg);}.char5{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg);}.char6{-webkit-transform:rotate(36deg);-ms-transform:rotate(36deg);transform:rotate(36deg);}.char7{-webkit-transform:rotate(42deg);-ms-transform:rotate(42deg);transform:rotate(42deg);}.char8{-webkit-transform:rotate(48deg);-ms-transform:rotate(48deg);transform:rotate(48deg);}.char9{-webkit-transform:rotate(54deg);-ms-transform:rotate(54deg);transform:rotate(54deg);}.char10{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);}.char11{-webkit-transform:rotate(66deg);-ms-transform:rotate(66deg);transform:rotate(66deg);}

#lightgallery {
  text-align: center;
}
.home-lightbox-banner .rounded-button {
  display: inline-block;
  background: #000000;
  margin: 1.5em auto;
  text-transform: uppercase;
  letter-spacing: 3px;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  border-radius: 18px;
  padding: 0 1em;
}

.home-lightbox-banner .hands {
  background-image: url(../assets/Hands_Stars_03MP.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-right: -450px;
  width: 900px;
  height: 650px;
}
.home-lightbox-banner .hands .highlight {
  background: -o-linear-gradient(top, transparent 71%, black 50%), 
    -o-radial-gradient(closest-side, white 25%, transparent);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(71%, transparent), color-stop(50%, black)), 
    radial-gradient(closest-side, white 25%, transparent);
  background: linear-gradient(to bottom, transparent 71%, black 50%), 
    radial-gradient(closest-side, white 25%, transparent);
  position: absolute;
  bottom: -35px;
  left: 50%;
  width: 600px;
  height: 150px;
  margin-left: -300px;
}
.home-lightbox-banner .cards {
  position: relative;
  left: 500px;
  bottom: 35px;
}
.home-lightbox-banner .space-crystals-pineapple {
  background-image: url(../assets/S_Pineapple_PackFront_TransNoShadow_Web_01MP.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  width: 385px;
  -webkit-transform: rotate( 20deg);
      -ms-transform: rotate( 20deg);
          transform: rotate( 20deg);
  height: 400px;
  bottom: -75px;
  right: 159px;
}
.home-lightbox-banner .space-crystals-peach {
  background-image: url(../assets/S_Peachy_PackFront_TransNoShadow_Web_01MP.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  width: 455px;
  -webkit-transform: rotate( 4deg);
      -ms-transform: rotate( 4deg);
          transform: rotate( 4deg);
  height: 430px;
  bottom: -60px;
  right: 270px;
}
.home-lightbox-banner .space-crystals-stoned {
  background-image: url(../assets/S_Stoned_PackFront_TransNoShadow_Web_01MP.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  width: 501px;
  -webkit-transform: rotate(-9deg);
      -ms-transform: rotate(-9deg);
          transform: rotate(-9deg);
  height: 490px;
  bottom: -115px;
  right: 391px;
}

.home-lightbox-banner .box-wavey {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  background: url(../assets/border-wavey-black.svg) left top repeat-x;
}

/* Custom breakpoint for large screen to accomodate banner assets */
@media screen and (max-width: 320px) {
  .home-lightbox-banner {
    height: 750px;
  }
  .home-lightbox-banner .content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
  .home-lightbox-banner .images {
    display: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 0%;
            flex: 0 0 0%;
  }
}
@media screen and (min-width: 321px) and (max-width: 768px) {
  .home-lightbox-banner .content {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 65%;
            flex: 0 1 65%;
  }
  .home-lightbox-banner .images {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 35%;
            flex: 0 1 35%;
  }
  .home-lightbox-banner .hands {
    width: 600px;
    height: 505px;
    margin-right: -300px;
  }
  .home-lightbox-banner .hands .highlight {
    width: 300px;
    margin-left: -150px;
    height: 120px;
    bottom: -28px;
  }
  .home-lightbox-banner .cards {
    bottom: -30px;
  }
  .home-lightbox-banner .space-crystals-pineapple {
    width: 180px;
    height: 205px;
    right: 350px;
    bottom: 150px;
  }
  .home-lightbox-banner .space-crystals-peach {
    width: 195px;
    height: 230px;
    bottom: 140px;
    right: 410px;
  }
  .home-lightbox-banner .space-crystals-stoned {
    width: 225px;
    height: 255px;
    bottom: 115px;
    right: 465px;
  }
}
@media only screen and (min-width:1475px) { 
  .home-lightbox-banner { 
    -webkit-box-orient: horizontal; 
    -webkit-box-direction: normal; 
        -ms-flex-direction: row; 
            flex-direction: row;
    height: 820px;
  } 

  .home-lightbox-banner .text {
    background: -o-radial-gradient(ellipse 60% 90%, rgba(255,255,255,0.8), rgba(255,255,255,0.4) 42%, transparent 56%);
    background: radial-gradient(ellipse 60% 90%, rgba(255,255,255,0.8), rgba(255,255,255,0.4) 42%, transparent 56%)
  }

  .home-lightbox-banner .hands {
    right: 80px;
    margin: 0;
  }

  .home-lightbox-banner .cards {
    left: initial;
    bottom: initial;
  }
}