:root{ --image-fade:rgba(0, 0, 0, 0.5)}
/* tailwindcss v2.1.2 | MIT License | https://tailwindcss.com */
/* modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
*, ::before, ::after{box-sizing:border-box}
html{
-moz-tab-size:4;
-o-tab-size:4;
tab-size:4}
html{
line-height:1.15;
-webkit-text-size-adjust:100%}
body{margin:0}
/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
body{
font-family:system-ui,
-apple-system, /* Firefox supports this but not yet `system-ui` */
'Segoe UI',
Roboto,
Helvetica,
Arial,
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji'}
/* =Grouping content= */
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) */
hr{
height:0;
color:inherit}
/* =Text-level semantics= */
/* Add the correct text decoration in Chrome, Edge, and Safari */
abbr[title]{
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted}
/* Add the correct font weight in Edge and Safari */
b, strong{font-weight:bolder}
/*
1. Improve consistency of default fonts in all browsers (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers*/
code, kbd, samp, pre{
font-family:ui-monospace,
SFMono-Regular,
Consolas,
'Liberation Mono',
Menlo,
monospace;
font-size:1em}
/* Add the correct font size in all browsers */
small{font-size:80%}
/* Prevent 'sub' and 'sup' elements from affecting the line height in all browsers */
sub, sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
/* =Tabular data= */
/*
1. Remove text indentation from table contents in Chrome and Safari (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) */
table{
text-indent:0;
border-color:inherit}
/* =Forms=
1. Change the font styles in all browsers
2. Remove the margin in Firefox and Safari*/
button, input, optgroup, select, textarea{
font-family:inherit;
font-size:100%;
line-height:1.15;
margin:0}
/*
Remove the inheritance of text transform in Edge and Firefox
1. Remove the inheritance of text transform in Firefox */
button, select{text-transform:none }
/* Correct the inability to style clickable types in iOS and Safari */
button, [type='button'], [type='submit']{-webkit-appearance:button}
/* Remove the inner border and padding in Firefox */
/* Restore the focus styles unset by the previous rule */
/* Remove the additional ':invalid' styles in Firefox.
See:https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737 */
/* Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers */
legend{padding:0}
/* Add the correct vertical alignment in Chrome and Firefox */
progress{vertical-align:baseline}
/*
1. Correct the odd appearance in Chrome and Safari
2. Correct the outline style in Safari */
/* Remove the inner padding in Chrome and Safari on macOS */
/*
1. Correct the inability to style clickable types in iOS and Safari
2. Change font properties to 'inherit' in Safari */
/* =Interactive= */
/* Add the correct display in Chrome and Safari */
summary{display:list-item}
/*
* Manually forked from SUIT CSS Base:https://github.com/suitcss/base
* A thin layer on top of normalize.css that provides a starting point more
* suitable for web applications */
/* Removes the default spacing and border for appropriate elements */
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre{margin:0}
button{
background-color:transparent;
background-image:none}
/*
* Work around a Firefox/IE bug where the transparent `button` background
* results in a loss of the default `button` focus styles */
button:focus{
outline:1px dotted;
outline:5px auto -webkit-focus-ring-color}
fieldset{
margin:0;
padding:0}
ol, ul{
list-style:none;
margin:0;
padding:0}
/* Tailwind custom reset styles */
html{
font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
line-height:1.5}
/*
* Inherit font-family and line-height from `html` so users can set them as
* a class directly on the `html` element */
body{
font-family:inherit;
line-height:inherit}
/*
* https://github.com/tailwindcss/tailwindcss/pull/116 */
*, ::before, ::after{
box-sizing:border-box;
border-width:0;
border-style:solid;
border-color:#e5e7eb}
/* Ensure horizontal rules are visible by default */
hr{border-top-width:1px}
/*
* Undo the `border-style:none` reset that Normalize applies to images so that
* our `border-{width}` utilities have the expected effect
* The Normalize reset is unnecessary for us since we default the border-width
* to 0 on all elements
* https://github.com/tailwindcss/tailwindcss/issues/362 */
img{border-style:solid}
textarea{resize:vertical}
input::-moz-placeholder, textarea::-moz-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder, input::placeholder, textarea::placeholder{
opacity:1;
color:#333}
button{cursor:pointer}
table{border-collapse:collapse}
h1, h2, h3, h4, h5, h6{
font-size:inherit;
font-weight:inherit}
/* Reset links to optimize for opt-in styling instead of opt-out */
a{
color:inherit;
text-decoration:inherit}
/*
* Reset form element properties that are easy to forget to
* style explicitly so you don't inadvertently introduce
* styles that deviate from your design system. These styles
* supplement a partial reset that is already applied by
* normalize.css */
button, input, optgroup, select, textarea{
padding:0;
line-height:inherit;
color:inherit}
/*
* Use the configured 'mono' font family for elements that
* are expected to be rendered with a monospace font, falling
* back to the system monospace stack if there is no configured
* 'mono' font family */
pre, code, kbd, samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
/*
* Make replaced elements `display:block` by default as that's
* the behavior you want almost all of the time. Inspired by
* CSS Remedy, with `svg` added as well.
* https://github.com/mozdevs/cssremedy/issues/14 */
img, svg, video, canvas, audio, iframe, embed, object{
display:block;
vertical-align:middle}
img, video{
max-width:100%;
height:auto}
/* @tailwind components */
.block{display:block}
.table{display:table}
.pt-1{padding-top:0.25rem}
.pt-2{padding-top:0.5rem}
.pt-2{padding-top:0.75rem}
.pt-4{padding-top:1rem}
.pt-5{padding-top:1.25rem}
.pt-6{padding-top:1.5rem}
.pt-7{padding-top:1.75rem}
.pt-8{padding-top:2rem}
.py-1{padding:0.25rem 0}
.py-2{padding:0.5rem 0}
.py-3{padding:0.75rem 0}
.py-4{padding:1rem 0}
.py-5{padding:1.25rem 0}
.py-6{padding:1.5rem 0 }
.py-7{padding:1.75rem 0}
.py-8{padding:2rem 0}
.text-center{text-align:center}
.screen-reader,[hidden],[cloak],.cloak{display:none}
.sr-only{
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
border-width:0;
overflow:hidden;
clip:rect(0, 0, 0, 0);
white-space:nowrap}
body{
background:#fff;
color:#222;
font:400 1rem/1.6 "FF DIN",Helvetica,Arial,sans-serif;
margin:0;
overflow-x:hidden;
letter-spacing:0.025rem;
padding:0;
-webkit-font-smoothing:antialiased}
body.admin-bar{position:relative}
body.admin-bar .site-wrapper{padding-top:36px}
h1, h2, h3, h4, h5, h6{
margin:0 0 1.1rem;
font-family:"FF DIN",Helvetica,Arial,sans-serif;
font-weight:500;
letter-spacing:1px;
line-height:1.2;
color:inherit;
text-rendering:optimizelegibility}
h1{font-size:3.125rem}
h2{font-size:2.3rem}
h3{font-size:1.625rem}
h4{font-size:1.5875rem}
#prereqs h4{
font-size:1.9rem;
text-align:center}
#prereqs a{color:#13607D}
p, ol, ul{
margin:0 0 15px;
font-size:1.08125rem;
line-height:1.65}
.container{
margin:0 auto;
max-width:98%}
.xgrid{
display:grid;
grid-gap:1rem}
.gap-0{grid-gap:0}
.xgrid.cols:not(.sizes){grid-template-columns:repeat(var(--cols), 1fr)}
.xgrid.sizes:not(.cols){grid-template-columns:var(--sizes)}
.xgrid.sizes.cols{grid-template-columns:repeat(var(--cols), var(--sizes))}
.xgrid .span{grid-column:span var(--span)}
.xgrid.center{
align-items:center;
justify-items:center;
justify-content:center}
.xgrid.left{justify-items:start}
.xgrid.right{justify-items:end}
.equip.span{text-align:center}
.equipment-name{font-weight:500}
.self-end{justify-self:end}
section, .request-class-callout-text{padding:4rem 0}
main a{color:#13607D}
main a:hover{color:#1880A4}
main .featured-grid a{color:#fff}
/* Navigation CSS FX */
ol{list-style-type:decimal}
ol li{margin:0 0 0.875rem 1.05rem}
dialog::backdrop{background:rgba(9,30,39,0.75)}
dialog section{padding:0.5rem}
dialog#fullscreen-intro-video{background:transparent}
dialog#fullscreen-intro-video .close{
fill:white;
background-image:url('data:image/svg+xml,')}
/* department blocks */
.department-blocks{
display:flex;
flex-flow:row wrap;
margin:0 -8px}
.department-blocks .dept{
flex:1 0 calc(33% - 16px);
margin:0.425rem 0.5rem;
display:flex;
flex-flow:column nowrap;
justify-content:space-around;
justify-content:space-evenly;
align-items:center;
position:relative;
color:white;
height:144px;
/* background-position:center center;
background-size:100% 100%;
background-repeat:no-repeat;
transition:background-size 0.3s ease-in-out; */
padding:0 4px;
overflow:hidden}
.department-blocks .dept img{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
right:0;
bottom:0;
z-index:1;
object-fit:cover;
transition:transform 0.3s ease-in-out}
.department-blocks.five-up{justify-content:center}
.department-blocks.five-up .dept{flex:0 0 calc(20% - 16px); /* background-size:auto 100% */}
.department-blocks.four-up .dept{flex:0 0 calc(25% - 16px); /* background-size:auto 100% */}
.department-blocks.three-up .dept{flex:0 0 calc((100% / 3) - 16px); /* background-size:auto 100% */}
.department-blocks .dept:before{
content:"";
position:absolute;
display:block;
left:0;
top:0;
height:3px;
width:0;
background:#4cc4e9;
transition:width 0.3s ease-in-out;
z-index:4}
.department-blocks .dept:after{
content:"";
position:absolute;
display:block;
left:0;
top:0;
right:0;
bottom:0;
background:rgba(3, 150, 204, 0.95);
z-index:3;
transition:background 0.3s ease-in-out}
.department-blocks .dept .icon, .department-blocks .dept .name{
position:relative;
z-index:4;
text-align:center}
.department-blocks .dept .icon{
transition:transform 0.3s ease-in-out;
display:inline-block;
width:100%;
height:50px;
transform:translateY(0);
background-position:center center;
background-repeat:no-repeat;
background-color:transparent}
.department-blocks .dept:hover img{transform:scale(1.2)}
.department-blocks .dept:hover:before{width:100%}
.department-blocks .dept:hover:after{background:rgba(3, 150, 204, 0.97)}
.department-blocks .dept:hover .icon{transform:translateY(-4px)}
.department-blocks .dept.twod-printing-photography .icon{background-image:url(../img/icon-2d-printing-photography.svg)}
.department-blocks .dept.threed-printing-scanning .icon{background-image:url(../img/icon-3d-printing-scanning.svg)}
.department-blocks .dept.design-software .icon{background-image:url(../img/icon-software.svg)}
.department-blocks .dept.electronics .icon{background-image:url(../img/icon-electronics.svg)}
.department-blocks .dept.jewelry .icon{background-image:url(../img/icon-jewelry.svg)}
.department-blocks .dept.laser-cutting-engraving .icon{background-image:url(../img/icon-laser-cutting.svg)}
.department-blocks .dept.metalworking .icon{background-image:url(../img/icon-metalworking.svg)}
.department-blocks .dept.textiles .icon{background-image:url(../img/icon-textiles.svg)}
.department-blocks .dept.woodworking .icon{background-image:url(../img/icon-woodworking.svg)}
.single-department h2{margin-bottom:2.25rem}
.main-headline{
position:relative;
display:flex;
flex-flow:column nowrap;
justify-content:center;
align-items:center}
.page-header .main-headline h1{
max-width:90%;
margin:4.625rem 0 0;
padding:0 0.875rem 0.5rem;
border-bottom:1px dotted #7bdbff;
color:#96e4ff;
font-size:1.6rem;
font-weight:normal;
text-shadow:0px 1px 7px rgba(0, 0, 0, 0.36)}
.main-headline .double-text{
text-align:center}
.nextfabmade .page-header .main-headline h1{
position:absolute;
top:-1000rem;
left:-1000rem}
.double-text{
animation-delay:250ms;
position:relative;
padding-top:1.75rem;
font-size:60px;
font-weight:normal;
line-height:0.925;
text-shadow:0px 1px 7px rgba(0, 0, 0, 0.36)}
.double-text span{
content:attr(data-text);
display:inline-block;
position:relative;
font-family:"acier-bat-strokes";
color:#fff}
.double-text span:before{
content:attr(data-text);
display:inline-block;
font-family:"acier-bat-outline";
bottom:0;
left:0;
margin:auto;
position:absolute;
right:0;
top:0}
.hardware .double-text, .hpd .double-text{font-size:84px}
.home h1.double-text, .post-type-archive-class h1.double-text{
margin-bottom:2rem;
padding:0;
border-bottom:none;
font-size:60px;
line-height:0.85}
.single-class h1.double-text{
margin-bottom:2rem;
padding:0;
border-bottom:none;
font-size:84px;
line-height:0.875}
.main-headline p{
color:#fff;
font-size:1.175rem;
text-align:center;
text-shadow:0px 1px 7px rgba(0, 0, 0, 0.36)}
@keyframes fadeUp {
0% {opacity:0}
100% {opacity:1}}
.main-headline h1, .single-loc-title{animation:fadeUp 0.66s cubic-bezier(.55,.55,.24,.98)}
h2.double-text, h1.double-text{animation:fadeUp 1.2s cubic-bezier(.55,.55,.24,.98)}
h2.double-text span:before, h1.double-text span:before{
animation:fadeUp 1.2s .5s cubic-bezier(.55,.55,.24,.98);
animation-fill-mode:backwards}
.announcement-bar{
display:none;
background-color:#45c0ea;
height:36px;
left:0;
overflow:hidden;
padding:6px 15px;
position:absolute;
text-align:left;
top:0;
width:100%;
z-index:10000}
.announcement-bar .message{
position:relative;
margin:0 auto;
color:#fff;
font-size:0.9625rem;
font-weight:400;
letter-spacing:normal;
text-align:center;
white-space:nowrap}
.announcement-bar .message ul{
color:inherit;
font-size:inherit;
font-weight:inherit;
text-shadow:0px 1px 3px rgba(0,117,162,0.66)}
.announcement-bar .message a{
padding-left:0.0625rem;
color:#002436;
text-shadow:none}
.announcement-bar .memb-login{
position:absolute;
right:0;
height:40px;
background-color:#0396cc;
top:0}
.announcement-bar .memb-login:hover{background-color:#0081b4 !important}
.announcement-bar .memb-login:hover:before{
border-bottom:100px solid #0081b4;
border-right:0px solid #0081b4}
.announcement-bar .memb-login:before{
content:'';
line-height:0;
font-size:0;
width:0;
height:0;
border-left:66px solid transparent;
position:absolute;
left:-66px;
border-top:66px solid transparent;
border-bottom:100px solid #0396cc;
border-right:0px solid #0396cc;
top:-66px}
.announcement-bar .memb-login a{
display:block;
color:#fff;
font-weight:500;
font-size:0.95rem;
padding:6px 108px 4px 54px;
letter-spacing:normal !important}
.announcement-bar .memb-login a:before{
content:url(../img/memb-login-icon.png);
padding-right:0.5rem}
.home main{background:url(../img/dot-pattern.svg) repeat center center fixed}
/* .page > header, .location > header{ */
.site-wrapper > header{
background-color:rgb(0 24 36 / 87%);
height:70px;
left:0;
position:fixed;
top:0;
transition:all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
transform:translate3d(0, 0, 0);
width:100%;
z-index:9998;
-webkit-overflow-scrolling:touch}
.page-header{
background:#091e28 no-repeat center center;
background-size:cover;
height:auto;
min-height:500px;
overflow:hidden;
padding:0;
position:relative;
display:flex;
flex-flow:column nowrap;
margin-top:10px}
.artisan .page-header{background-position:center top}
.makerspace .page-header, .shop .page-header, .contact .page-header, .join .page-header{background-position:center bottom}
body.admin-bar .page-header{margin-top:0}
.home .page-header{
height:705px;
max-height:84vh}
.page-header .background-video video{
-o-object-fit:cover;
object-fit:cover;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:0}
.page-header:after{
background:-moz-linear-gradient(top, rgba(0,0,0,0.31) 1%, #000 100%);
background:-webkit-gradient(left top, left bottom, color-stop(1%, rgba(0,0,0,0.31)), color-stop(100%, #000));
background:-webkit-linear-gradient(top, rgba(0,0,0,0.31) 1%, #000 100%);
background:-ms-linear-gradient(top, rgba(0,0,0,0.31) 1%, #000 100%);
background:linear-gradient(to bottom, rgba(0,0,0,0.31) 1%, #000 100%);
bottom:0;
content:'';
height:100%;
left:0;
opacity:0.61;
position:absolute;
width:100%;
z-index:1}
.page-header .main-headline{
position:relative;
z-index:2;
flex:1 1 auto;
width:93%;
margin:0 auto}
.about .page-header::before, .post-type-archive-class .page-header::before, .join .page-header::before, .busn-dev .page-header::before, .shop .page-header::before, .contact .page-header::before{
content:"";
position:absolute;
top:0px;
right:0px;
bottom:0px;
left:0px;
background-color:rgba(0,0,0,0.1)}
.tribe-common{padding-top:2.5rem}
.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn{background-color:#0396cc}
.tribe-common .tribe-common-c-btn:hover, .tribe-common a.tribe-common-c-btn:hover{background-color:#0282b5}
.tribe-common a, .tribe-common a:active, .tribe-common a:focus, .tribe-common a:hover, .tribe-common a:visited{color:#13607D}
.tribe-events-header{margin-top:2rem !important}
.page-header .play-btn{
color:#fff;
font-size:1.2rem;
position:relative;
left:-1.1rem;
z-index:2;
width:7rem;
margin:0 auto}
.page-header .play-btn .icon{
border:2px solid #fff;
border-radius:50%;
height:38px;
position:absolute;
width:38px;
transform-origin:center center;
transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
transform:translateX(10px) translateY(-2px)}
.page-header .play-btn .icon:before{
content:'';
display:block;
width:0;
height:0;
border-style:solid;
border-width:8px 0 8px 14px;
border-color:transparent transparent transparent #fff;
position:absolute;
top:0;
left:0;
right:-5px;
bottom:0;
margin:auto}
.page-header .quick-links{
flex:0 1 auto;
position:relative;
z-index:2;
display:grid;
grid-template-columns:repeat(3, 1fr)}
.page-header .quick-links a{
border:solid 1px #fff;
text-align:center;
color:#fff;
font-size:15px;
text-transform:uppercase;
height:64px;
/* line-height:64px; */
line-height:1;
overflow:hidden;
position:relative;
transition:color 0.3s ease-in;
display:flex;
flex-flow:column nowrap;
justify-content:center}
.page-header .quick-links a:hover{color:black}
.page-header .quick-links a:nth-child(2){
border-left:none;
border-right:none}
.page-header .quick-links a:after{
content:'';
display:block;
/* background:url('data:image/svg+xml,'); */
/* background-size:cover; */
/* background-repeat:no-repeat; */
background:rgba(255, 255, 255, 0.7125);
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
transform:translateY(100%);
transition:transform 0.3s ease-out;
z-index:-1}
.page-header .quick-links a:hover:after{transform:translateY(0%)}
.page-header .address{
font-size:22px;
color:white}
.qbert-bg, .post-type-archive-class main{
background:url(../img/hm-lead-bg.jpg) #fff;
padding-top:4.875rem;
padding-bottom:3.5rem}
.home .success h2{
font-size:2.5rem;
letter-spacing:normal;
text-align:center;
padding-bottom:2rem}
.home .success h3{
font-size:1.625rem;
color:#424242;
letter-spacing:normal}
main p.lead{
padding-top:0.625rem;
font:normal 500 italic 1.175rem/1.3 "FF Din",Helvetica,sans-serif}
main p.divider{
margin-bottom:30px;
padding-right:0.5rem;
padding-bottom:30px;
position:relative}
main p.divider:after{
background-color:#43bae3;
bottom:-0.375rem;
content:'';
height:6px;
left:0;
position:absolute;
width:127px}
main .text-content{font-size:18px}
.join-copy-block em strong{
display:inline-block;
margin-top:1.125rem;
padding-bottom:0.25rem;
font-size:2.25rem;
font-weight:500;
line-height:1.1}
.join-panel, .liteblue-panel{
background-color:#edf8fb;
padding:4.5rem 0 4.25rem}
.join-panel .join-header h2{
font-size:2.5rem;
letter-spacing:normal;
text-align:center}
.join-panel .join-header h3{
font-size:27px;
letter-spacing:normal;
text-align:center;
padding-bottom:1rem}
.member-expect .expect-item{
min-height:24rem;
background-color:#1382b2;
padding-bottom:1.25rem}
.member-expect h3{
display:flex;
align-items:center;
justify-content:center;
min-height:4.125rem;
margin-bottom:0.125rem;
padding:0 0.875rem 0.125rem;
color:#fff;
font-size:1.3rem;
text-align:center}
.member-expect p{
width:90%;
margin:0 auto;
padding:0 0.875rem 0.5rem;
color:#fff;
line-height:1.45}
.member-expect img{
display:block;
margin:1.625rem auto 0}
.expect-lght-blue{background:#e3f3f9 !important}
.join-step h3{font-size:1.3075rem}
.join-step img{
display:block;
margin:0 auto;
max-width:8rem}
.btn,main input[type="submit"]{
display:inline-block;
position:relative;
z-index:6;
padding:9px 27px 12px;
border:1px solid #25afe3;
overflow:hidden;
background:rgb(12,150,207);
box-shadow:3px 3px 6px 0 rgb(0 0 0 / 14%);
color:#fff;
font:normal 400 1.05rem/1.2 "FF Din",Helvetica,sans-serif;
letter-spacing:0.025rem;
transition:all 0.4s ease-in-out;
background:linear-gradient(180deg, rgba(48,183,237,1) 0%, rgba(12,150,207,1) 100%);
text-shadow:0 0 4px #0f96c6;
cursor:pointer}
.btn:after,main input[type="submit"]:after{
background-color:#222;
content:'';
height:0;
left:50%;
opacity:1;
position:absolute;
top:50%;
transform:translateX(-50%) translateY(-50%);
transition:all 0.4s ease-in-out;
width:150%;
z-index:-1}
.btn.white:after{background-color:#fff}
.btn:hover,main input[type="submit"]:hover{
box-shadow:none;
text-shadow:none;
border-color:#090909;
color:#fff}
main input[type="submit"]:hover{background:linear-gradient(180deg, rgba(33,33,33,1) 0%, rgba(33,33,33,1) 100%)}
.btn:hover:after,input[type="submit"]:hover:after{
height:200px;
opacity:1}
.btn.white:hover{color:#0098cd}
.btn.small{padding:7px 24px 10px}
.home .featured-grid .container:first-child{padding-top:100px}
.home .featured-grid h2{
font-size:2.5rem;
letter-spacing:normal;
text-align:center}
.home .featured-grid h3{
font-size:27px;
letter-spacing:normal;
text-align:center}
.home .featured-post.spotlight{
/* background:transparent no-repeat center center;
background-size:cover; */
color:#fff;
padding:0 11px;
position:relative;
min-height:450px;
overflow:hidden}
.home .featured-post.spotlight video{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:2;
-o-object-fit:cover;
object-fit:cover}
.home .featured-grid .item{position:relative}
.home .featured-post.spotlight a.item-link, .featured-grid a.item-link{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:4;
background:rgba(0, 0, 0, 0.4);
transition:background 0.3s ease-in-out;
padding:27px;
display:flex;
flex-flow:column nowrap}
.home .featured-post.spotlight a.item-link:hover, .featured-grid a.item-link:hover{background:rgba(0, 0, 0, 0.66)}
.home .featured-post.spotlight a.item-link h2, .featured-grid a.item-link h2{
font:normal 600 14px/1.2 "FF Din",Helvetica,sans-serif;
margin-bottom:12px;
text-align:left}
.featured-grid .four-features{
position:relative;
margin:30px 0}
.home .featured-grid .four-features .item{
background:#2d2e40 no-repeat center center;
background-size:cover;
color:#fff;
height:246px;
padding:0 11px;
position:relative}
.home .featured-grid .four-features .item a.item-link{justify-content:space-around}
.home .featured-post.spotlight a.item-link h3{
font-size:27px;
text-align:left}
.featured-grid a.item-link h3{
font-size:21px;
text-align:left}
.home .featured-post.spotlight a.item-link .content{
flex:1 1 auto;
display:flex;
flex-flow:column nowrap;
justify-content:center}
/* Class PGs */
.request-class-callout{text-align:center}
.post-type-archive-class .details ul{
margin-bottom:0.25rem;
margin-left:0;
list-style:none}
.post-type-archive-class .details li{font-size:1.05rem}
.post-type-archive-class h2{font-size:1.9rem}
.post-type-archive-class .request-class-callout h2{
margin:1.25rem 0;
font-size:2.25rem}
.post-type-archive-class .pagination{padding:2rem 0 1rem}
.post-type-archive-class .details ul ul li{
font-size:1rem;
line-height:1.35}
.post-type-archive-class .details ul ul li a{color:#13607D}
.post-type-archive-class .details ul ul li a:hover{color:#1880A4}
.class-item-spcr{min-height:3.6rem}
.pagination .current{
padding:0 0.125rem;
font-weight:bold}
.pagination a{
display:inline-block;
padding:0 0.125rem;
color:#13607D}
.pagination a:hover{color:#1880A4}
.filters select{
width:90%;
padding:0.75rem 0.25rem;
border-bottom:2px solid #4cc4e9;
font-size:1.2rem;
font-weight:bold}
.single-class .double-text{font-size:5.5rem}
.single-class main{padding-top:3rem}
.date-time{
display:inline-block;
min-width:17rem;
padding-top:0.125rem;
padding-right:0.25rem;
vertical-align:top}
.single-class .class-details{min-height:25rem}
.single-class .class-details, .details{
background-color:#e1edf9;
color:#000}
.single-class .class-details > ul, .details > ul{
list-style:none;
margin-left:0;
padding:1.75rem 1.75rem 1.25rem}
.single-class .class-details > ul, .details > ul ul{
list-style:none;
margin:0}
.single-class .class-details .text-center .btn,.details .text-center .btn{
width:100%;
margin-top:1.5rem}
.mbr-price{
padding-bottom:0.25rem;
color:#4C4C64
letter-spacing:-0.0125rem}
.class-reg.btn{padding:3px 18px 7px}
.class-slides{margin-bottom:1.5rem}
.slide-item{border:1px solid #555}
.tabs{
display:flex;
flex-wrap:wrap}
.tabs label{
order:1;
display:flex;
justify-content:center;
align-items:center;
position:relative;
width:33.3%;
padding:0.5rem 1.5rem 0.75rem;
background-color:#ddd;
font-weight:bold;
cursor:pointer;
transition:background ease 0.3s}
.tabs label:hover{background-color:#e1edf9}
.tabs .tab{
order:9;
flex-grow:1;
width:100%;
height:100%;
display:none;
background:#fff;
padding:1.5rem 0.125rem 0;
transition:ease 0.3s}
.tabs .tab ul{
padding-left:2rem;
list-style-type:disc}
.tabs input[type="radio"]{display:none}
.tabs input[type="radio"]:checked + label{background:#0378b4;color:#fff}
.tabs input[type="radio"]:checked + label + .tab{display:block}
.tabs input[type="radio"]:checked + label:after{
content:" ";
position:absolute;
top:2.95rem;
left:50%;
width:0;
height:0;
margin-left:-10px;
border-color:rgba(136, 183, 213, 0);
border:solid transparent;
border-top-color:#0378b4;
border-width:10px;
pointer-events:none}
.four-features{padding-bottom:4.75rem}
footer{
background-color:#091e28;
color:#fff;
padding:100px 15px}
footer .cell{
font:normal 400 14px "FF DIN",Helvetica,Arial,sans-serif;
text-align:left}
footer a.logo-link{
display:block;
height:26px;
overflow:hidden;
margin-bottom:1rem}
footer p{
padding-right:1.2rem;
font-size:16px}
footer a.logo-link img{
width:155px;
height:auto}
footer .footer-links{
display:flex;
flex-flow:row nowrap}
footer .footer-links li{border-right:solid 1px #4cc4e9}
footer .footer-links li a{
padding:5px 15px;
color:#4cc4e9;
font-size:16px;
font-weight:bold;
line-height:1.2}
footer .footer-links li:first-child a{padding-left:0}
footer .footer-links li:last-child{border-right:0}
footer .site-info{
font-size:12px;
margin-bottom:0.875rem}
footer .social-media a{
display:inline-block;
margin:0 5px;
transition:all 0.3s ease-in-out}
footer .ytube{
position:relative;
top:0.125rem}
footer h2, footer h3{
color:#4cc4e9;
letter-spacing:normal}
footer h2{font-size:22px}
footer h3{
font:normal 400 18px/1.2 "FF Din",Helvetica,sans-serif;
margin-bottom:5px}
footer .block{margin-bottom:25px}
footer .location a{font-size:15px}
#gform_42 input, textarea#input_42_4{
padding:0.2rem 0.55rem 0.3rem !important;
background-color:#b2c0c6 !important;
border-radius:0;
color:#333;
font-size:0.95rem;
line-height:1}
textarea#input_42_4{height:4.5rem;padding-top:0.5rem !important}
#gform_42 .ginput_container_textarea{height:4.75rem !important}
#input_42_9{
margin:-0.375rem 0 !important;
transform:scale(0.8);
position:relative;
left:-2.3rem}
.gform_legacy_markup_wrapper ul.gform_fields li.gfield, #field_42_8, #input_42_8{
width:100%;
margin:0 !important;
padding:0 !important}
body .gform_legacy_markup_wrapper ul li.gfield, .gform_legacy_markup_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], body body .gform_legacy_markup_wrapper .top_label div.ginput_container,body .gform_legacy_markup_wrapper .top_label div.ginput_container{margin-top:0.25rem !important}
.gform_legacy_markup_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select, #input_42_8_3, #input_42_8_6, #input_42_7{margin:0}
.gform_legacy_markup_wrapper .top_label input.medium, .gform_legacy_markup_wrapper .top_label select.medium{width:100%}
#input_42_7{width:100%}
.gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_first, .gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last, .gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_middle{padding:0}
#input_42_8_3_container{padding-right:0.125rem}
#input_42_8_6_container{padding-left:0.125rem}
.footer-form #gform_42 input[type="submit"]{
width:33%;
padding:0.34375rem 0.625rem 0.5rem !important;
border:1px solid #25afe3;
background-color:#0098cd !important;
color:#fff;
font-size:1.1rem;
cursor:pointer}
.footer-form #gform_42 input[type="submit"]:hover{
background-color:#fff !important;
color:#0098cd !important}
.gform_legacy_markup_wrapper .gform_footer{margin:0 !important;padding-top:0.25rem !important}
#gform_42 ::-webkit-input-placeholder{
opacity:1 !important;
color:#121212 !important}
#gform_42 ::-moz-placeholder{
opacity:1 !important;
color:#121212 !important}
#gform_42 :-ms-input-placeholder{
opacity:1 !important;
color:#121212 !important}
#gform_42 :-moz-placeholder{
opacity:1 !important;
color:#121212 !important}
.gfield_select{
border-radius:0;
background-color:#b2c0c6 !important;
color:#121212 !important}
footer #gform_42 .name_first, footer #gform_42 .name_last{
width:100%;
margin-bottom:-0.0625rem}
footer #gform_42 .name_last{margin-top:0.125rem}
#input_42_8_3_container {
margin-bottom:-0.125rem !important;
padding-right:0}
#input_42_8_6_container{
margin-bottom:0.275rem !important;
padding-left:0}
.gallery{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:#000;
position:relative}
.gallery .title{
background-color:#000;
color:#fff;
left:0;
margin:0 auto;
max-width:260px;
padding:10px 15px;
position:absolute;
right:0;
text-align:center;
top:-25px;
z-index:6}
nav.top-menu{
display:none;
position:relative;
height:100%;
/* overflow:hidden; */}
nav.top-menu ul.menu{
padding-top:22px;
list-style:none;
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:space-between;
position:relative}
nav.top-menu ul.menu > li > a{
display:block;
padding:0.3125rem 0.6875rem;
letter-spacing:normal;
text-transform:uppercase;
font-size:0.925rem;
color:#fff}
nav.top-menu ul.menu > li > a:hover{color:#54c1ea}
nav.top-menu ul.menu > .logo{display:none}
nav.top-menu ul.menu > .logo > a{
display:block;
width:184px;
height:31px;
margin:0 auto;
background:url(../img/logo.svg) left top no-repeat transparent;
background-size:cover;
font-size:0}
nav.top-menu > ul.menu > li:first-child > a{padding-left:0 !important}
nav.top-menu > ul.menu > li:last-child > a{padding-right:0 !important; padding-left:0 !important}
li.nav-r a{padding:0.3125rem 0.575rem !important}
nav.top-menu ul.menu > li.current-menu-item > a, .post-type-archive-class nav.top-menu ul.menu > li.nav-classes > a, .single-class nav.top-menu ul.menu > li.nav-classes > a, .post-type-archive-tribe_events nav.top-menu ul.menu > li.nav-events > a, nav.top-menu > ul.menu > li.current-menu-parent > a, nav.top-menu ul.menu > li.current-menu-parent ul.sub-menu li.current-menu-item > a{color:#54c1ea}
nav.top-menu ul.menu > li.current-menu-item.no-on > a{color:#fff}
.post-type-archive-tribe_events li.menu-item-15762 a{color:#54c1ea !important}
nav.top-menu ul.menu > li.current-menu-parent ul.sub-menu li.current-menu-item > a{border-bottom-style:solid}
.top-menu .sub-menu-container{
background-color:transparent;
display:block;
left:0;
top:100%;
opacity:0;
padding:39px 0 0;
position:absolute;
width:100%;
visibility:hidden;
transition:opacity 0.3s ease-in-out}
header.show-menu .top-menu .sub-menu-container.show{
opacity:1.0;
visibility:visible;
transition:opacity 0.3s ease-in-out}
header .sub-menu-container h3{
font-size:27px;
color:#54c1ea;
letter-spacing:normal}
header .sub-menu-container .nav-column{color:#fff}
header .sub-menu-container .sub-menu a{
border-bottom:1px dotted #19a4cf;
display:block;
font-size:15px;
margin:0 5px;
padding:5px 5px 7px;
color:white;
text-transform:uppercase;
letter-spacing:normal}
header .sub-menu-container .sub-menu a:hover{
color:#54c1ea !important;
border-bottom:1px solid #19a4cf}
.top-menu .logo a{padding:0}
header .search-container{
overflow:hidden;
height:0}
.search img{width:1rem}
.search-results .news-item{margin-top:1.5rem}
.search-results .post-img{display:none}
.mobile-nav{
position:sticky;
display:flex;
flex-flow:row nowrap;
justify-content:space-between;
align-items:center;
height:100%;
padding:0 1rem}
.mobile-nav .logo{
display:block;
width:162px;
height:30px;
margin:0 0 0 0.5rem;
background:url(../img/logo.svg) left top no-repeat transparent;
background-size:cover;
font-size:0}
#nav_toggle{margin-right:0.25rem}
.image-callout{
background:transparent no-repeat center center;
background-size:cover;
color:#fff;
padding:30px 50px;
position:relative;
text-align:center}
.image-callout.virtual-tour{
display:flex;
flex-flow:row nowrap;
justify-content:center;
align-items:center;
background-size:cover;
padding:30px 50px;
background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url(../img/virtual-tour-callout.jpg);
background-color:transparent;
background-repeat:no-repeat;
background-position:center center}
.bg-img-dark{
padding:12rem 0 11rem;
background-color:#091e28;
color:#fff}
.about-making{
position:relative;
background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url(/wp-content/uploads/2021/10/bg-about-making.jpg);
background-position:center bottom;
background-size:cover}
.have-more-questions-join{
position:relative;
background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url(/wp-content/uploads/2021/11/questions-nextfab-makerspace.jpg);
background-position:center center;
background-size:cover}
blockquote{
margin:3.5rem 0;
padding:1rem 1rem 1rem 2.5rem;
border-left:6px solid #43bae3;
font-style:italic}
blockquote p{
font-size:1.6rem;
line-height:1.65}
blockquote strong{
font-size:1.25rem;
font-style:normal}
.panel-box{
background-color:#ddd;
padding:0.5rem 1.5rem}
.alignright{
display:inline-block;
float:right;
margin:0 0 0.75rem 1.4rem}
.circle-border{
border:2px solid #4cc4e9;
border-radius:50%}
.about-evan{
position:relative;
top:-1.875rem;
border-width:3px}
.reduced-pt{padding-top:2rem}
.video-snippet .cols{
min-height:480px;
background-color:#091e28;
color:#fff}
.video-snippet h3{
margin-top:8.5rem;
font-size:40px;
font-weight:normal}
.video-snippet a.link{color:#4cc4e9}
/* New TEAM PG Flip FX */
.team-mm{padding-top:0}
.cards-wrapper{
position:relative;
width:100%;
height:auto;
list-style:none;
margin:0 0 4rem;
padding:0;
display:flex;
flex-wrap:wrap;
justify-content:center;
align-content:flex-start;
align-items:center;
line-height:1.3}
.card-wrapper{
display:block;
position:relative;
margin:0;
width:23.5rem;
height:23.5rem;
padding:0 0 0;
perspective:930px}
.card-object{
color:#FFF;
display:block;
position:absolute;
top:6%;
left:6%;
width:340px;
height:340px;
transform-style:preserve-3d;
cursor:pointer}
.card-object.card .front{
background-color:#eee;
background-position:center center;
background-size:cover}
.card-object.card .back .avatar{
background-color:#091e28;
background-position:center center;
background-size:100%}
.card-object.flip-in.card{
-webkit-animation:flip-2-hor-top-fwd 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) both;
animation:flip-2-hor-top-fwd 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) both}
.card-object.flip-in.card{
-webkit-animation:flip-2-hor-bottom-fwd 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) both;
animation:flip-2-hor-bottom-fwd 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) both}
.card-object.flip-out.card{
animation:flip-2-hor-top-fwd 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) reverse both}
.card-object.flip-out.card{
animation:flip-2-hor-bottom-fwd 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) reverse both}
.card-object-hf .back{transform:rotateX(180deg)}
.face{
color:#000;
text-decoration:none;
display:flex;
justify-content:center;
align-items:flex-end;
flex-wrap:wrap;
position:absolute;
width:100%;
height:100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden}
.face.front{
z-index:20;
overflow:hidden;
background-repeat:no-repeat;
background-position:50% 50%}
.face.front .title-wrapper{
position:absolute;
bottom:-0.1rem;
left:0;
right:0;
overflow:hidden;
display:flex;
justify-content:left;
align-items:center;
flex-wrap:wrap;
z-index:100;
transform:translateY(0);
transition:transform 0.28s ease, background-color 0.28s ease;
width:101%;
margin:0;
background-color:rgba(255,255,255,0.75)}
.face.front .title-wrapper .title{
position:relative;
width:101%;
padding:1.1rem 1rem 0.125rem;
font-size:1.25rem;
line-height:1;
transition:opacity 0.2s ease}
.face.front .title-wrapper .title{padding:1.375rem 1rem 0.125rem}
.face.front .title-wrapper .subtitle{
font-size:0.925rem;
line-height:1.1;
max-width:17rem;
height:0;
padding:0.125rem 1rem 1rem;
opacity:0;
transition:height 0.5s ease, opacity 0.2s ease}
.face.front:hover{color:#222}
.face.front:hover .title-wrapper{
background-color:rgba(255,255,255,0.91);
transition-delay:0.2s;
transition-duration:0.2s}
.face.front:hover .title-wrapper .subtitle{
height:2.375rem;
opacity:0.8;
transition-delay:0.2s;
transition-duration:0.2s}
.face.front .interact{
position:absolute;
right:0.875rem;
bottom:1rem;
z-index:1000;
border:1px solid #a3a3a3;
border-radius:50%;
width:1.35rem;
height:1.35rem;
text-align:center;
color:#727272;
font-size:1.1rem;
line-height:0.95rem;
transition:bottom 0.2s ease}
.face.back .interact{
position:absolute;
right:1rem;
bottom:0.875rem;
z-index:1000;
border:1px solid #ddd;
border-radius:50%;
width:1.35rem;
height:1.35rem;
text-align:center;
color:#fff;
font-size:1.1rem;
line-height:0.95rem}
.face.front:hover .interact{
bottom:1.925rem;
transition-delay:0.2s;
transition-duration:0.2s}
.face.back{
color:#fff;
background:rgb(0,108,150);
background:linear-gradient(24deg, rgba(0,108,150,1) 0%, rgba(27,180,234,1) 100%);
z-index:10;
image-rendering:-moz-crisp-edges;
image-rendering:-o-crisp-edges;
image-rendering:-webkit-optimize-contrast;
-ms-interpolation-mode:nearest-neighbor;
-webkit-font-smoothing:subpixel-antialiased}
.img-wrapper{
position:absolute;
top:0;
left:0;
width:100%;
height:27%;
z-index:10}
.img-wrapper::after{
content:"";
display:block;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:#091e28}
.avatar{
position:absolute;
right:0.75rem;
height:5.75rem;
width:5.75rem;
display:block;
border-radius:50%;
margin-top:0.875rem;
margin-left:0;
background-color:#ddd;
border:2px solid #ddd;
z-index:20;
image-rendering:-moz-crisp-edges;
image-rendering:-o-crisp-edges;
image-rendering:-webkit-optimize-contrast;
-ms-interpolation-mode:nearest-neighbor}
.info-wrapper{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
position:absolute;
top:25%;
left:0;
right:0;
bottom:0;
padding:0 0 1.5rem 0.25rem}
.back-title{
position:absolute;
top:0.925rem;
left:1.3rem;
z-index:2000;
color:#fff;
font-size:1.25rem;
font-weight:500;
text-align:left;
padding:0;
margin:0;
display:block}
.back-title span{
display:block;
max-width:13.25rem;
font-size:0.875rem;
color:#fff}
.info-content{
width:100%;
height:100%;
padding:1.25rem 1.125rem 0;
margin:0;
overflow:auto}
.info-content p{
font-size:0.875rem;
line-height:1.575}
.info-content::-webkit-scrollbar{width:0.75rem}
.info-content::-webkit-scrollbar-track{
-webkit-box-shadow:inset 0 0 0.5rem rgb(0 0 0 / 10%);
-webkit-border-radius:0.28rem;
border-radius:0.28rem}
.info-content::-webkit-scrollbar-thumb{
-webkit-border-radius:0.28rem;
border-radius:0.28rem;
background:rgba(210,210,210,1);
-webkit-box-shadow:inset 0 0 0.5rem rgb(0 0 0 / 10%)}
/* ----------------------------------------------
* Generated by Animista on 2017-21-5 2:48:23
* w:http://animista.net, t:@cssanimista
* ----------------------------------------
* animation flip-2-hor-top-fwd
* ----------------------------------------
*/
@-webkit-keyframes flip-2-hor-top-fwd{
0%{
transform:translateY(0) translateZ(0) rotateX(0);
transform-origin:50% 0%}
100%{
transform:translateY(-100%) translateZ(2.25rem) rotateX(-180deg);
transform-origin:50% 100%}}
@keyframes flip-2-hor-top-fwd{
0%{
transform:translateY(0) translateZ(0) rotateX(0);
transform-origin:50% 0%}
100%{
transform:translateY(-100%) translateZ(2.25rem) rotateX(-180deg);
transform-origin:50% 100%}}
/*
* ----------------------------------------
* animation flip-2-hor-bottom-fwd
* ----------------------------------------
*/
@-webkit-keyframes flip-2-hor-bottom-fwd{
0%{
transform:translateY(0) translateZ(0) rotateX(0);
transform-origin:50% 100%}
100%{
transform:translateY(100%) translateZ(2.25rem) rotateX(180deg);
transform-origin:50% 0%}}
@keyframes flip-2-hor-bottom-fwd{
0%{
transform:translateY(0) translateZ(0) rotateX(0);
transform-origin:50% 100%}
100%{
transform:translateY(100%) translateZ(2.25rem) rotateX(180deg);
transform-origin:50% 0%}}
/* END TEAM PG Flip FX */
/* SHOP PG */
.brand-jump{
padding-top:3.875rem;
text-align:center}
.brand-jump nav{font-size:1.2rem}
.brand-social img{display:inline-block}
.company-info{
border:solid 0.25rem #4cc4e9;
text-align:center}
.company-info .close{top:0.75rem}
#modal-ironman a[href="?NextFab-Member-Brand"],#modal-dinora-bock-designs a[href="?NextFab-Member-Brand"],#modal-m-et-al a[href="?NextFab-Member-Brand"],#modal-yrcinc a[href="?NextFab-Member-Brand"]{display:none}@media (min-width:320px){.page-template-page-shop .main-headline{font-size:63px}}@media (min-width:768px){.page-template-page-shop .main-headline{font-size:84px}}.page-template-page-shop .body-content section{padding-top:3.9rem}.page-template-page-shop .section-callout{border:none}.brand-jump{padding-top:3.875rem;text-align:center}.brand-jump h2{padding-bottom:1.1875rem;font-size:42px;letter-spacing:normal}.brand-jump a{display:inline-block;padding:0.125rem 0.45rem}.brand-category h3{margin-bottom:1.75rem;font-size:32px;letter-spacing:normal}.brand{padding:0.625rem 0 1.425rem;text-align:center}.brand-img{text-align:center}.brand h4{margin-bottom:0.475rem;font-size:22px;letter-spacing:normal}.brand p{min-height:3.2rem;margin-bottom:0.625rem;font-size:0.925rem;letter-spacing:normal;line-height:1.2}.brand a{margin-bottom:1.25rem}.brand-thumbs img{display:inline-block;max-width:10.125rem;height:auto;margin:0.25rem}.brand-info h4{margin-bottom:1.1rem;font-size:26px}.brand-info p{max-width:34.375rem;margin:1rem auto 1.1rem;font-size:1rem}.brand-info a{margin-bottom:0.675rem}.brand-social a{padding:0 0.3rem;cursor:pointer}.brand-social img{vertical-align:middle}.page-template-page-shop .lightcase-inlineWrap{background-color:#fff}.page-template-page-shop #lightcase-case:not([data-lc-type=error]) #lightcase-content{background-color:transparent}
/* Panel Box */
.panel-box{
position:relative;
height:25rem;
padding:0;
visibility:visible;
-webkit-transform:translateY(0) scale(1);
opacity:1;
transform:translateY(0) scale(1);
opacity:1;
-webkit-transition:-webkit-transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
transition:transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s}
.panel-box p{height:100%}
.panel-box a{
position:relative;
z-index:6;
display:block;
width:100%;
height:100%;
padding:25px 25px 60px;
background:transparent no-repeat center center;
background-size:cover;
color:#fff}
.panel-box a:hover{color:#fff}
.panel-box a:hover:before{width:100%}
.panel-box a:hover:after{opacity:0.7}
.panel-box a:before{
content:'';
position:absolute;
top:0;
left:0;
width:0;
height:3px;
background-color:#4cc4e9;
transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)}
.panel-box a:after{
content:'';
position:absolute;
top:0;
left:0;
z-index:-1;
width:100%;
height:100%;
background-color:#000;
opacity:0.5;
transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)}
.panel-box a span:not([class]){
display:block;
margin:0 0 15px ;
font-size:1.08rem;
line-height:1.675;
opacity:0;
transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transform:translate3d(0, 30px, 0)}
.panel-box a:hover span:not([class]){
opacity:1;
transform:translate3d(0, 0, 0)}
.panel-box .btn-text{
position:absolute;
bottom:1rem;
left:1.8rem;
font-weight:bold}
.panel-box.about-education a{background-image:url(/wp-content/uploads/2021/11/about-education.jpg)}
.panel-box.about-membership a{background-image:url(/wp-content/uploads/2021/11/about-membership.jpg)}
.panel-box.about-incubator a{background-image:url(/wp-content/uploads/2021/11/about-incubator.jpg)}
.panel-box.about-prod-dev a{background-image:url(/wp-content/uploads/2021/11/about-product-development.jpg)}
.panel-box.venture-rapid{background-image:url(/wp-content/uploads/2021/11/venture-services-rapid.jpg)}
.panel-box.venture-incubator{
background-image:url(/wp-content/uploads/2021/11/venture-incubator.jpg);
background-size:cover}
.panel-box span.h3{
font-size:1.7rem;
font-family:"FF DIN",Helvetica,Arial,sans-serif;
font-weight:500;
letter-spacing:1px;
line-height:1.2;
color:inherit;
text-rendering:optimizelegibility;
display:block;
margin-bottom:1.1rem}
.page-id-437 .page-header{background-position:center bottom}
/* Blog */
#news-content{
display:flex;
flex-flow:row wrap;
max-width:1140px;
margin:0 auto auto}
.blog #news-content .news-item{
flex:0 0 calc(99.9% - 9px);
margin:0 0.5rem 1rem 0.5rem}
.blog #news-content .news-item .excerpt{display:none}
.blog #news-content .news-item:first-child{flex:1 1 100%}
.blog #news-content .news-item:first-child .excerpt{display:block}
.single-post .news-item{border:none}
.single-post .page-header .main-headline h1{
border-bottom:none;
color:#fff;
font-size:3.3rem;
line-height:1.3;
text-align:center;
text-shadow:0px 1px 7px rgba(0, 0, 0, 0.5)}
.loading{text-align:center}
.loading img{
display:block;
width:220px;
height:auto;
margin:0 auto}
.leaving-site.reveal{
border-radius:0;
max-width:536px;
min-height:300px;
padding:40px}
.select-topic{
font-size:0.825rem;
cursor:pointer;
border-radius:0;
border:solid 1px #ccc;
padding:1rem;
text-transform:uppercase;
color:#00427e;
font-weight:500;
margin:0 0.5rem 1rem 0}
.bottom-disclaimer{
margin-top:15px;
font-size:0.9rem}
.blog .news-item:first-of-type p:last-of-type{display:block}
.blog .news-item:first-of-type h3.title{font-size:1.5rem}
.blog .news-item{border:1px solid #ccc; padding:1rem; color:#333}
.blog .news-item:first-of-type p{clear:left}
.blog .news-item p{clear:both}
.blog .news-item img{margin-bottom:1rem; width:100%; min-height:200px; max-height:200px; object-fit:cover}
.blog .news-item h3.title{margin-top:.5rem; font-size:1.25rem; font-weight:400}
.blog h4.category, .pubdate{font-weight:500; text-transform:uppercase; font-size:.75rem}
.blog h4.category{display:inline; margin-bottom:0; color:#333}
.blog .news-item p:last-of-type{display:none}
.blog .load-more{display:inline-block;
vertical-align:middle;
text-decoration:none;
-webkit-transition:background 0.2s ease-out, color 0.2s ease-out;
transition:background 0.2s ease-out, color 0.2s ease-out;
font-family:inherit;
font-size:0.9rem;
-webkit-appearance:none;
line-height:1;
text-align:center;
cursor:pointer;
background:#1f679d;
color:#fff;
font-size:.9rem;
margin:3rem auto 0 auto;
padding:.8rem 1rem;
text-transform:uppercase;
border-radius:0;
font-weight:500}
.blog .load-more:hover, .blog .load-more:focus{color:#fff; background:#1C5C8D}
.blog .topic-form label{
font-size:0.875rem;
line-height:1.333}
.blog .topic-form label input[type=checkbox]{margin-bottom:0.875rem}
.blog #news_item .news-item{min-height:300px; margin-bottom:1rem}
.single #news-content{display:block}
.categories-nav{
width:100%;
max-width:1140px;
margin:3.75rem auto 1rem;
font-size:1.1rem;
text-align:center}
.categories-nav a{
display:inline-block;
margin:0.25rem 0.45rem}
.cat-active{
font-weight:bold;
text-decoration:underline}
.pagination{
width:99%;
max-width:1120px;
margin:0 auto 3rem;
padding-left:1%}
.single-post main h2, .single-post main h3, .single-post main h4, .single-post main h5{margin-top:1.75rem}
.single-post main figure{
max-width:1140px;
margin:0 auto}
.single-post main img{
max-width:1140px;
margin:0.625rem auto 0.25rem}
.single-post main ul{margin-left:1.25rem}
.single-post main hr{margin:3rem 0 2.75rem}
.single-post .ytembed{
position:relative;
width:100%;
padding:56.25% 0 0 0}
.single-post .ytembed iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%}
.instagram-media{margin-right:auto !important;margin-left:auto !important}
.wp-video{margin:0 auto}
.blog .soc-share{display:none}
.soc-share{
padding-top:0;
background-color:#fcfcfc}
.newsitem .signup{
width:100%;
max-width:640px;
margin:0.5rem auto 0}
.newsitem .signup h2{
margin-top:3.25rem;
font-size:2.25rem;
text-align:center}
.share{text-align:center}
.share>span{
display:inline-block;
margin:1rem 0 0.75rem;
font-size:1.25rem;
font-weight:500}
.addthis_toolbox{
max-width:12.5rem;
margin:0 auto;
text-align:center}
.addthis_toolbox a, .addthis_toolbox a span{
float:none !important;
display:inline-block}
@media print, screen and (min-width:40em){
.blog #news-content .news-item{flex:0 0 calc(48.9% - 9px)}
.blog .news-item:first-of-type h3.title{font-size:1.875rem}
.blog .pubdate{text-align:right; float:right; line-height:2.1}}
@media print, screen and (min-width:64em){
.blog .news-item:first-of-type img, .blog #vid-player{float:right; clear:right; margin:0 0 0 3rem; width:40%; min-height:225px;max-height:225px}
/*.news-item:first-of-type img, #vid-player{float:right; clear:right; margin:0 0 0 3rem; width:40%; min-height:225px;max-height:225px}*/
.blog .news-item img{margin-bottom:1rem; max-width:400px}
.blog #news-content .news-item{flex:0 0 calc(32.7% - 9px)}}
.page-id-419 main{padding-bottom:4rem}
.location-choice{
display:none;
width:90%;
max-width:840px;
margin:0 auto}
.location-img{
margin-bottom:1rem;
text-align:center}
.location-img img{
display:inline-block;
margin-bottom:0.5rem}
section.new-tour-block{
padding-top:1.125rem;
padding-bottom:1.125rem}
.new-tour-grid h2{margin-bottom:0.125rem}
.new-tour-grid p{margin-bottom:2rem}
.new-tour-grid img{
width:100%;
max-width:59rem;
margin:0 auto 0.5rem}
/* Expandables */
.expandable-section{
position:relative;
padding:0.25rem 1rem;
border-top:2px solid #4cc4e9}
.expandable-section .block-header{
position:relative;
cursor:pointer}
.expandable-section .block-header:before{
content:'';
position:absolute;
top:24px;
right:18px;
width:2px;
height:20px;
background-color:#4cc4e9;
transition:all 0.2s ease-out;
transform:translate3d(0, 0, 0)}
.expandable-section .block-header:after{
content:'';
position:absolute;
background-color:#4cc4e9;
top:33px;
right:10px;
width:20px;
height:2px}
.expandable-section.is-open .block-header:before{display:none}
.expandable-section .block-content{
height:0;
overflow:hidden}
.expandable-section.is-open .block-content{
height:auto;
padding-bottom:1rem}
.expandable-section .block-header h3{
margin:0;
padding:1rem 2.75rem 1.25rem 0;
color:#13607D;
font-size:1.4rem;
font-weight:400}
.faqs .expandable-section.is-open .block-header h3{padding:1rem 2.75rem 0 0}
.expandable-section .block-content h4{
margin-top:1.65rem;
margin-bottom:0.75rem;
font-size:1.3rem}
.expandable-section:hover:after{height:calc(100% + 0.25rem)}
.expandable-section:after{
content:'';
background-color:#e2f5fb;
position:absolute;
right:-15px;
bottom:-2px;
left:-15px;
z-index:-1;
height:0;
transition:all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)}
.expandable-section.is-open:after{height:100%}
.is-open{
pointer-events:auto;
opacity:1}
.w-border-bottm .expandable-section{border-bottom:2px solid #4cc4e9}
.job-openings .expandable-section:last-of-type{
margin-bottom:4rem;
border-bottom:2px solid #4cc4e9}
.job-openings ul li{
position:relative;
padding-left:12px;
margin-left:2px}
.job-openings ul li:before{
background-color:#4cc4e9;
border-radius:50%;
content:'';
height:5px;
left:0;
position:absolute;
top:1rem;
transform:translateY(-50%);
width:5px}
.no-vert-pad{padding-top:0;padding-bottom:0}
.no-horiz-pad{padding-right:0;padding-left:0}
.no-top-pad{padding-top:0}
.no-bottm-pad{padding-bottom:0}
/* Responsive Table */
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:10px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f0fafd}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>.tabletr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:0.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}
.table-bordered{border:1px solid #ddd}
.table{
width:100%;
max-width:100%;
margin-bottom:1.2rem}
table{background-color:#fff}
table{
border-collapse:collapse;
border-spacing:0}
/* Membership Options */
.join-member-levels h3{font-size:1.8rem}
.ultimate, .standard, .flex, .junior, .private-space{
display:flex;
flex-direction:column;
justify-content:flex-start;
min-height:20rem;
background:rgb(180,234,252);
background:linear-gradient(180deg, rgba(180,234,252,.21) 0%, rgba(180,234,252,.36) 100%);
align-content:flex-start;
padding-top:2rem;
padding-bottom:1.8rem;
border-top:0.25rem solid #036081}
.ultimate{
background:rgb(180,234,252);
background:linear-gradient(180deg, rgba(252,240,177,.21) 0%, rgba(252,240,177,.36) 100%);
border-top-color:#c65100}
.join-member-levels h4{
padding:0 1.75rem;
color:#036081;
font-size:1.65rem}
.ultimate h4{color:#c65100}
.ultimate p, .standard p, .flex p, .junior p, .private-space p{padding:0 1.75rem}
.join-member-levels .end{
margin:auto 0 0;
padding:0 1.75rem}
/* Membership Comparison Chart */
.membership-plans .comparison-chart .table{margin:0}
.membership-plans .comparison-chart .table thead th{text-align:center}
.membership-plans .comparison-chart .table tbody td{padding:0.9rem;letter-spacing:0;text-align:center}
.membership-plans .comparison-chart .table tbody td:nth-child(1){text-align:left}
.membership-plans .comparison-chart .table tbody .price-row{color:#036081;font-weight:bold}
.membership-plans .comparison-chart .table .checked{background:url(../img/icon-checkmark.svg) no-repeat center center;display:block;height:100%;text-indent:-9999px;width:100%}
.faq-item strong{
display:block;
padding:0.5rem 1rem;
background-color:#333;
color:#fff;
font-size:1.2rem;
font-style:italic}
#searchmodal{
top:0;
position:fixed;
z-index:500;
width:100%;
max-width:100%;
margin:0;
transform:translateY(calc(-100% - 36px));
opacity:0;
transition:all 300ms ease-in-out 0ms}
.admin-bar #searchmodal{top:68px}
#searchmodal.openeffect{
transform:translateY(0%);
opacity:1.0;
transition:all 300ms ease-in-out 0ms}
#searchmodal .search-form{
max-width:1140px;
margin:0 auto;
display:flex;
flex-flow:row nowrap;
align-items:stretch}
.search-form input.search-field{
font-size:1.25rem;
padding:16px;
border-top:solid 1px #c8c8c8;
border-left:solid 1px #c8c8c8;
border-bottom:solid 1px #c8c8c8;
flex:1 1 auto}
.search-form input.search-field:focus-visible{outline:0}
.search-form .submit-btn{
background:url(../img/icon-search.svg) center center no-repeat transparent;
background-size:24px 24px;
border:solid 1px #25afe3;
padding:19px 30px;
cursor:pointer}
.search-form .submit-btn:hover{border-color:#222}
.spot-video{
position:relative;
overflow:hidden}
.spot-video video{
position:absolute;
min-width:225%;
min-height:225%;
top:50%;
left:50%;
transform:translate(-50%, -50%)}
.locations-wrapper{
margin:5.5rem 0 5rem;
text-align:center}
.location-image{
position:relative;
display:flex;
flex-direction:column;
align-content:center;
justify-content:center;
align-items:center;
min-height:18.75rem;
background-size:cover;
background-position:center center;
background-color:#000}
.location-image:before{
background-color:#000;
content:'';
position:absolute;
top:0;
left:0;
z-index:0;
width:100%;
height:100%;
opacity:0.5;
transition:opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)}
.location-image .center{
position:relative;
z-index:10}
.location-image .city{
color:#4cc4e9;
font-size:1.25rem;
font-style:italic}
.location-image h2{color:#fff}
.locations-wrapper .location-info{
padding:1.2rem 0 1.5rem;
font-size:1.1rem}
.locations-wrapper .hours{margin-bottom:1.1rem}
.single-location main{padding-top:3rem}
.single-location .single-loc-title{
max-width:90%;
border-bottom:1px dotted #7bdbff;
color:#96e4ff;
font-size:1.6rem;
text-shadow:0px 1px 7px rgb(0 0 0 / 36%)}
.single-location .main-headline .double-text, .single-department .main-headline .double-text{
position:relative;
margin:1rem 0 1rem;
padding-top:1.75rem;
border-bottom:none;
font-size:102px;
font-weight:normal;
line-height:0.925;
text-shadow:0px 1px 7px rgb(0 0 0 / 36%)}
.single-location .container.videos {
display:flex;
flex-flow:row wrap;
justify-content:center;
gap:0.5rem;
padding:1rem 0 1.25rem}
.single-location .container.videos .video{flex:0 0 calc(100% - 0.0625rem)}
.single-location #take-tour{padding:1.5rem 0 3rem}
.location-content{margin-top:1.25rem}
.single-department main{padding:5rem 0}
.faqs section{padding:0}
.faqs main section:first-of-type{margin-top:5rem}
.faqs main section:last-of-type{margin-bottom:5rem}
.faqs main section:last-of-type .container .expandable-section{border-bottom:2px solid #4cc4e9}
.hire-members{padding-bottom:5rem}
.gallery .slide{background:transparent no-repeat center center;background-size:cover;height:450px;opacity:0.3;transition:opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);width:100%}
@media (min-width:768px){.gallery .slide{width:50%}}
.gallery .slide.is-selected{opacity:1}
.qa-section{
display:flex;
flex-flow:row wrap;
margin-left:-0.75rem;
margin-right:-0.75rem}
.qa-section .item{
flex:0 1 calc(50% - 1.5rem);
margin:0 0.75rem 1rem 0.75rem}
.qa-section .item .question{
background-color:#111;
color:white;
padding:0.5rem}
main ul{
list-style-type:disc;
margin-left:2rem}
.artisan-intro ul{list-style-type:none}
.artisan-program-benefits{background-color:#e8f2f9}
.artisan-testimonials h4, .artisan-testimonials .fa{display:none}
.wptww-testimonials-text em:before{
color:#ccc;
content:"\201C";
font-size:4em;
line-height:0.1em;
margin-right:0.25em;
vertical-align:-0.4em}
.wptww-testimonials-text{padding:0 6rem}
.wptww-testimonials-text p{font-size:1.125rem !important}
.wptww-testimonials-text p strong{font-size:0.95rem !important}
.wptww-testimonials-slidelist.design-1 .slick-dots{bottom:-1.5rem !important}
.rapid-ctas{padding:0}
.rapid-ctas .container{
width:100%;
max-width:100%}
.rapid-ctas .container .xgrid{grid-gap:0}
.more-qs, .next-cohort{padding:3rem 0 2.5rem}
.more-qs .btn, .next-cohort .btn, .more-qs .btn:visited, .next-cohort .btn:visited{
background:#fff;
color:#275b82;
text-shadow:none}
.more-qs .btn:hover, .next-cohort .btn:hover{color:#222}
.more-qs{background:#275b82}
.next-cohort{background:#163d62}
.more-qs h2, .next-cohort h2{
margin-bottom:1.875rem;
color:#fff;
font-size:2rem;
letter-spacing:normal}
/* Studio Space */
.studio-space-offers{padding-top:0.5rem}
.studio-space-offers .cell{
margin-bottom:0.5rem;
background-size:cover}
.studio-space-offers .cell.img-fit p{
width:100%;
height:100%;
margin:0}
.studio-space-offers .cell.img-fit p img{
object-fit:cover;
height:100%}
.studio-space-offers .cell.opt-min-h{min-height:18rem}
.studio-space-offers h3{font-weight:600}
.studio-space-interest form ul{
list-style:none;
margin-left:0;
font-size:1rem}
.included-features .hbspt-form form h1, .included-features .hbspt-form form img{display:none !important}
.included-features h3{
margin-bottom:-0.75rem;
font-size:2rem}
div[data-reactid=".hbspt-forms-0.1:$1"] p{
font-size:1px;
line-height:0}
.hs_which_location_s_are_you_interested_in_ label[id^="label-which_location"], .hs_interested_in label[id^="label-interested_in"], .hs_firstname label[id^="label-firstname"], .hs_lastname label[id^="label-lastname"], .hs_email label[id^="label-email"]{font-weight:500}
.included-features form img, .included-features form h1{display:none !important}
/* #staging-tour-of-nextfab-north-philly, #staging-tour-of-nextfab-south-philly, #staging-tour-of-nextfab-wilmington{height:91.25rem !important} */
main input[type="text"], main input[type="email"], main input[type="tel"], main select, main textarea {
margin-bottom:0.825rem;
padding:0.5rem 0.75rem;
background-color:#f0fafd;
border-top:1px solid #e9e9e9;
border-right:1px solid #e9e9e9;
border-bottom:2px solid #4cc4e9;
border-left:1px solid #e9e9e9;
transition:background 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)}
main input[type="text"], main input[type="email"], main input[type="tel"], main textarea{width:100%}
.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){padding:0.375rem 0.625rem !important}
.gform_legacy_markup_wrapper.gf_browser_chrome select{
padding:0.175rem 0.25rem 0.25rem !important;
background-color:#b4c6c9 !important;
color:#333;
font-size:0.9875rem;
width:100% !important}
.contact main .gform_legacy_markup_wrapper.gf_browser_chrome select{background-color:#eee !important}
main input[type="text"]:focus, main input[type="email"]:focus, main input[type="tel"]:focus, main textarea:focus {background-color:#e2f5fb}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, select:focus, textarea:focus{outline:0}
input[type="checkbox"]{
display:inline-block;
margin-right:0.375rem}
.gform_legacy_markup_wrapper label.gfield_label, .gform_legacy_markup_wrapper legend.gfield_label{font-weight:500 !important}
.gform_legacy_markup_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]){width:99.9% !important}
.gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield select{margin:0 !important}
.name_first input, .name_last input{margin-bottom:0.25rem !important}
.nl-form .gform_legacy_markup_wrapper form{max-width:96%}
main form label{margin-top:0.875rem}
.featured-equipment{padding-bottom:3rem}
.background-image{
position:relative;
z-index:1}
.equipment-modal{
font-size:1.075rem;
line-height:1.5}
.equipment-modal img{
position:relative;
top:-0.625rem;
display:block;
width:60%;
margin:0 auto}
.background-image img {position:absolute}
.team main .container{padding:0.75rem 0}
.team main .container h2{text-align:center}
.loc-landing-levels{
background-repeat:none;
background-size:cover;
background-position:center bottom}
.loc-landing-spec-content, .loc-landing-feature, .loc-landing-cta, .loc-landing-build, .loc-landing-join{text-align:center}
.loc-landing-lvl-detail{padding-right:6px;padding-left:6px}
.loc-landing-spec{padding-top:78px}
.loc-landing-cta{margin-top:36px}
.loc-landing-feature h3{font-size:24px;font-weight:bold}
.loc-landing-classes .dept-item{width:49.333%;height:160px}
.loc-landing-levels{background-color:#091e28;height:auto;padding-top:84px;padding-bottom:84px;color:#fff}
.lvl-panel{
display:flex;
flex-direction:column;
min-height:438px;
margin-top:25px;
background-color:#fff;
border: 1px solid#d3e5f2;
text-align:left}
.lvl-panel h3 {
margin-bottom:0;
padding-top:0.75rem;
font-size:1.25rem;
text-transform:uppercase;
font-weight:normal;
letter-spacing:normal}
.lvl-features li{
margin-bottom:0.5rem;
padding-right:1rem}
.lvl-dpm{
width:72%;
margin-right:auto;
margin-left:auto;
padding:0.8rem 0 0.7rem;
border-bottom:1px solid #ccc;
color:#545454;
font-size:1rem;
font-weight:bold;
line-height:1.25;
text-align:center}
.lvl-panel header{
padding-bottom:1.5rem;
background-color:#e3f3f9;
color:#545454;
text-align:center}
.lvl-panel.studio header{min-height:6.75rem}
.lvl-cost{line-height: 0.875}
.usd{
display:inline-block;
padding-top:0.62rem;
font-size:1.1rem;
vertical-align:top}
.amount{
display:inline-block;
font-size:3.35rem;
font-weight:bold;
letter-spacing:normal}
.various{
display:inline-block;
padding-top:0.75rem;
font-size:2.1rem;
font-weight:bold;
letter-spacing:normal}
.timeframe{
display:inline-block;
font-size:1rem}
.lvl-features{
margin:1rem 0 1rem 2.5rem;
color:#545454;
list-style-image:url(../img/icon-checkmark-blue.svg);
font-size:0.95rem;
line-height:1.25}
.lvl-sign-up {
padding:3px;
text-align:center;
margin-top:auto}
.lvl-panel.popular header{
background-color:#26aee2;
color:#fff}
.most-pop{
height:25px;
background-color:#26aee2;
color:#fff;
font-size:0.7rem;
font-weight:bold;
line-height:26px;
text-align:center;
text-transform:uppercase}
.lvl-sign-up .btn{
display:block;
font-weight:bold;
text-transform:uppercase;
webkit-box-shadow:none;
moz-box-shadow:none;
box-shadow:none}
.discounts-avail{
padding:0.2rem 1.45rem 0.5rem;
color:#545454;
font-size:0.75rem;
line-height:1.4;
letter-spacing:normal}
.loc-landing-lvl-jr {
padding-top:1.5rem;
padding-bottom:0;
color:#fff;
font-size:1rem;
text-align:center}
.loc-landing-spec-content, .loc-landing-feature, .loc-landing-cta, .loc-landing-build, .loc-landing-join {text-align:center}
.loc-landing-build h2 {
color:#fff;
font-size:54px}
.loc-landing-join p {
color:#fff;
font-size:1.975rem;
line-height:1.5}
.three-features, .two-features{padding-top:0}
.loc-landing-tour-cta-detail h2{
margin-bottom:0.25rem;
color:#2799cc;
font:normal 1.25rem "FF DIN",Helvetica,Arial,sans-serif}
.loc-landing-tour-cta-detail h3{
margin-bottom:1.25rem;
font-size:2rem}
.loc-landing-tour-cta-detail p{
max-width:40rem;
margin:0 auto 1.5rem;
font-size:1.1rem}
.floor-plan img{margin-top:0.5rem}
.loc-about-detail h2, .loc-about-detail p{padding-right:0.75rem}
.contact .gform_legacy_markup_wrapper{margin-top:-1rem}
.contact #map{display:none}
.contact-pg-form .container{max-width:60rem !important}
.equipment-list-block{
margin:1rem 0;
padding:0.5rem 1rem 0.725rem;
border: 1px solid #45c0ea;
background-color:#edf8fb}
.equipment-list-block summary{
font-size:1.25rem;
font-weight:500;
cursor:pointer}
.equipment-list-block summary::marker{top:-0.125rem}
.equipment-list-block h4 {
flex:1 0 100%}
.equipment-list-block .equipment-list{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start}
.equipment-list-block .equip.full{
width:99%;
margin:0.5rem 0.375rem;
border:1px solid #45c0ea;
background-color:#fff}
.equipment-list-block .equip.full p{
padding:0.125rem 1.5rem 0.625rem;
font-size:0.95rem;
line-height:1.5}
.equipment-list-block .equipment-name{
display:block;
margin-bottom:0.25rem;
font-size:1.2rem;
text-align:center}
.equipment-list-block h4{
margin-bottom:0.625rem;
padding:1.625rem 0 0 0.375rem;
font-size:1.25rem}
.x-sm{display:none}
.portal-search button{height:2.75rem !important}
#main{padding:0.25rem 0 2rem}
.nfah-audio{
position:relative;
min-height:14.25rem;
padding:0.5rem 0.5rem 1rem;
background: url(../img/nfah-audio-bg.jpg) center top no-repeat #424242;
background-size:cover;
text-align:center;
text-shadow:0px 1px 7px rgba(0,0,0,0.36)}
.nfah-audio h2{
position:relative;
z-index:2;
margin:1.5rem 0 0.425rem;
padding:0 2rem;
color:#fff;
font-size:1.6875rem;
line-height:1.25}
.nfah-audio p{
color:#fff;
font-size:1rem;
line-height:1.5}
.nfah-audio audio{margin:0 auto}
.nfah-form{
width:100%;
max-width:640px;
margin:0 auto}
.nfah input[type="email"], .single-post input[type="email"]{width:100% !important}
.nfah .gform_legacy_markup_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_2,.single-post .gform_legacy_markup_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_2{width:100% !important}
.nfah .gform_legacy_markup_wrapper div.ginput_container_name span, .single-post .gform_legacy_markup_wrapper div.ginput_container_name span{padding-right:0 !important}
.home .newsitem .signup h2{margin-top:0.75rem}
.home .newsitem input[type="email"]{width:100% !important}
.home .gform_legacy_markup_wrapper div.ginput_complex.ginput_container.gf_name_has_2 span{width:100%}
.mc-firstname, .mc-lastname{
display:inline-block;
width:99.9%}
/* MQs */
@media (max-width:767px){
footer .xgrid .locations{order:2}
footer .xgrid .contact-form{order:1}
.page-header .quick-links{
position:absolute;
bottom:0;
width:100%}
blockquote{
padding:1rem;
border-left:none;
text-align:center}
blockquote .about-evan{
display:block;
margin:0 auto;
float:none}
.wptww-testimonials-text{padding:0 1.25rem}
.artisan .page-header{background-position:right top}
.floor-plan, .loc-about-detail, .get-here, .ms-features, .job-openings, .apply-form, .faqs main{
padding-right:1rem;
padding-left:1rem}
.department-blocks.three-up .dept {flex: 0 0 calc((100% / 2) - 16px)}
.single-location .address{text-align:center}
.single-location .main-headline .double-text, .single-department .main-headline .double-text{font-size:42px}
.post-type-archive-class .page-header{background-position:right center}
.loc-landing-build h2{font-size:45px}
.loc-landing-join p {font-size:21px}}
@media (max-width:991px){
main section, main .liteblue-panel, .home .qbert-bg, .home .join-panel, .home .featured-grid, .locations-wrapper, .post-type-archive-class main, .type-post main, .home .newsitem{
padding-right:1rem;
padding-left:1rem}
.single-post main{
padding-right:0;
padding-left:0}
.single-post iframe{margin:0px auto 12px !important}
.department-blocks .dept{flex: 1 0 calc(50% - 16px)}
#news-content .news-item{margin:0 0 1rem 0}
.filters select{width:100%}
.page-header{margin-top:0}
.page-header .main-headline{
min-height:40.125rem;
padding:1.5rem 0.25rem}
.page-header .main-headline h1{text-align:center}
.main-headline p{
font-size:1rem;
line-height:1.5}
.brand-img img{
display:inline-block;
width:100%;
max-width:25.125rem}
.page-header .play-btn .icon{
top:0;
right:-2rem}
.spot-video{min-height:24rem}
.video-snippet h3{margin-top:1.25rem}
/* NAV */
nav.top-menu{
height:100vh;
background-color:rgba(0,24,36,0.87)}
nav.top-menu ul.menu{
flex-flow:column;
align-items:self-start;
width:100%;
padding-top:1rem}
nav.top-menu ul.menu > li{
position:relative;
width:100%;
border:1px solid #666;
border-bottom:0}
nav.top-menu > ul.menu > li:last-child{
border:0}
nav.top-menu ul.menu > li > a{padding:0.625rem 1.0625rem !important}
nav.top-menu > ul.menu > li:first-child > a{padding-left:1.0625rem !important}
nav.top-menu > ul.menu > li:last-child > a{padding-left:1.0625rem !important}
nav.top-menu ul.menu > li > a{font-size:1.0625rem}
.expand-menu-toggle{
position:absolute;
right:0;
top:0;
width:3rem;
height:3rem;
border-left:1px solid #666}
.expand-menu-toggle:after{
content: '';
position:absolute;
top:48%;
right:1.175rem;
z-index:6;
width:0;
height:0;
border-style:solid;
border-width:6px 5px 0 5px;
border-color:#4cc4e9 transparent transparent transparent}
.expand-menu-toggle.open{background-color:rgba(0,0,0,0.33)}
.expand-menu-toggle.open:after{transform:rotate(180deg)}
nav.top-menu .sub-menu-container{
display:none;
position:relative;
height:0;
padding:0.1875rem 0.625rem;
transition:height 0.3s ease-in-out}
nav.top-menu .sub-menu-container.expand{
display:block;
position:relative;
height:auto;
background-color:rgba(0,0,0,0.33);
visibility:visible !important}
header .sub-menu-container .nav-column{display:none}
.m-member-login{
border:0 !important;
border-top:1px solid #666 !important}
.m-member-login a{
display:block;
width:54%;
margin:1.75rem auto 1.375rem;
text-align:center;
position:relative;
z-index:6;
padding:9px 27px 12px;
border:1px solid #25afe3;
overflow:hidden;
background:rgb(12,150,207);
box-shadow:3px 3px 6px 0 rgb(0 0 0 / 14%);
color:#fff;
font:normal 400 1.05rem/1.2 "FF Din",Helvetica,sans-serif;
letter-spacing:0.025rem;
transition:all 0.4s ease-in-out;
background:linear-gradient(180deg, rgba(48,183,237,1) 0%, rgba(12,150,207,1) 100%);
text-shadow:0 0 4px #0f96c6;
cursor:pointer}
.m-member-login a:hover{color:#fff !important}
nav.top-menu > ul.menu > li:last-child > a.search{
width:54%;
margin:0 auto;
padding:6px 30px 7px 24px !important;
border:1px solid #ccc;
text-align:center}
nav.top-menu > ul.menu > li:last-child > a.search:hover{color:#fff}
.search .sr-only{
position:relative;
width:auto;
height:auto;
overflow:auto;
clip:auto !important}
.search img{
display:inline-block;
position:relative;
top:-0.0625rem;
right:-0.425rem}}
@media (min-width:640px){
footer #gform_42 .name_first, footer #gform_42 .name_last{
width:50%;
margin-bottom:-0.0625rem}
footer #gform_42 .name_first input, footer #gform_42 .name_last input{margin-bottom:-0.05rem !important}
footer #gform_42 .name_last{margin-top:0}
#input_42_8_3_container {
margin-bottom:0 !important;
padding-right:0.125rem}
#input_42_8_6_container{
margin-bottom:0 !important;
padding-left:0.125rem}
.single-location .container.videos .video{flex:0 0 calc(50% - 0.25rem)}
.home .gform_legacy_markup_wrapper div.ginput_complex.ginput_container.gf_name_has_2 span{width:48.9%}}
@media (min-width:768px){
.double-text, .home h1.double-text, .post-type-archive-class h1.double-text{font-size:72px}
.container{max-width:720px}
.main-headline{font-size:102px}
.page-header{
height:800px;
max-height:84vh}
.image-callout{height:500px}
body.admin-bar .portal-header{min-height:100px}
body:not(.admin-bar) .portal-header{min-height:120px}
nav.portal{position:relative}
nav.portal ul.secondary-menu{
display:flex;
flex-flow:row nowrap;
justify-content:center}
nav.portal .login{
position:absolute;
margin:0;
bottom:0;
right:0}
.studio-space-offers .cell.opt-min-h{min-height:24rem}
.equipment-list-block .equip.full{width:48%}
.single-location .main-headline .double-text, .single-department .main-headline .double-text {font-size:66px}
.nl-form .gform_legacy_markup_wrapper form{max-width:84%}}
@media (min-width:992px){
.expand-menu-toggle{display:none}
.m-member-login{display:none}
.announcement-bar{display:block}
.more-qs, .next-cohort{padding:7.5rem 0 6.5rem}
.mobile-nav{display:none}
nav.top-menu{display:block}
nav.top-menu ul.menu > .logo{
display:list-item;
width:15.125rem}
.page-header .main-headline{width:85%}
.double-text, .home h1.double-text, .post-type-archive-class h1.double-text{font-size:101px}
.container{max-width:940px}
.xgrid.cols:not(.sizes){grid-template-columns:repeat(var(--m-cols, var(--cols)), 1fr)}
.xgrid.sizes:not(.cols){grid-template-columns:var(--m-sizes, var(--sizes))}
.xgrid.sizes.cols{grid-template-columns:repeat(var(--m-cols, var(--cols)), var(--m-sizes, var(--cols)))}
.xgrid .span{grid-column:span var(--m-span, var(--span))}
/* .page > header, .location > header{ */
.site-wrapper > header{
background-color:rgb(0 22 33 / 84%);
height:99px;
padding:15px;
position:absolute;
top:36px;
transition:height 0.3s ease-in-out}
/* .page > header.show-menu, .location > header.show-menu{ */
.site-wrapper > header.show-menu{
height:321px;
transition:height 0.3s ease-in-out}
/* .page > header .sub-menu-container, .location > header .sub-menu-container{ */
.site-wrapper > header .sub-menu-container{
display:grid;
grid-template-columns:33.33% 1fr}
.sub-menu-container ul.sub-menu{
padding-left:6%;
list-style:none;
-webkit-column-count:2;
-moz-column-count:2;
columns:2}
.sub-menu-container ul.sub-menu li{break-inside:avoid-column}
.home .featured-post.spotlight{
height:450px;
width:90%;
margin:1.375rem auto;
float:none}
.studio-space-copy{padding-left:1.75rem}
.lvl-panel.popular{margin-top:0}
.join-copy-block em strong{margin-top:0}
.single-location .main-headline .double-text, .single-department .main-headline .double-text {font-size:84px}
.single-location .container.videos .video{flex:0 0 calc(33% - 0.5rem)}}
@media (min-width:1024px){
.studio-space-offers .cell{margin-bottom:2.75rem}
.team main .container h2{padding-left:1.75rem}
.equipment-list-block .equip.full{
width:32.01%;
margin-bottom:0.375rem}
.x-sm{display:block}
.nl-form .gform_legacy_markup_wrapper form{max-width:78%}
.mc-firstname, .mc-lastname{width:48.333%}
.mc-firstname{margin-right:1.25%}
.mc-lastname{margin-left:1.25%}
}
@media (min-width:1220px){
.page-header .main-headline{width:65%}
.container{max-width:1140px}
.xgrid.cols:not(.sizes){grid-template-columns:repeat(var(--l-cols, var(--m-cols, var(--cols))), 1fr)}
.xgrid.sizes:not(.cols){grid-template-columns:var(--l-sizes, var(--m-sizes, var(--sizes)))}
.xgrid.sizes.cols{grid-template-columns:repeat(var(--l-cols, var(--m-cols, var(--cols))), var(--l-sizes, var(--m-sizes, var(--sizes))))}
.xgrid .span{grid-column:span var(--l-span, var(--m-span, var(--span)))}
.studio-space-offers .cell.opt-min-h{min-height:30rem}
.team main .container h2{text-align:left}
.lvl-panel.popular{min-height:513px}
.lvl-panel{min-height:488px}}