/* Theme Name: AGC Convention 2020 Theme URI: http://html5blank.com Description: HTML5 Blank WordPress Theme Version: 1.4.3 Author: Jeremy Wynn Author URI: https://jeremywynn.com Tags: Blank, HTML5, CSS3 License: MIT License URI: http://opensource.org/licenses/mit-license.php */ :root{--blue:#003b7f;--grey:#b7b7b7;--red:#ea1c2c;--textBlack:#231f20;--yellow:#f7f76d;font-size:calc(0.555em + 0.555vw)}@media only all and (min-width: 78.75em){:root{font-size:1em}}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box;width:100%}*,*:after,*:before{box-sizing:border-box;margin:0}body{color:#231f20;line-height:1.6}body,button,input,textarea{font-family: 'Roboto', sans-serif}h1,h2,h3,h4,h5,h6{font-weight:900}img{max-width:100%}.form fieldset{border:0;margin:0;padding:0}.site{overflow:hidden}.container{margin:0 auto;padding:0 2rem}@media only all and (min-width: 720px){}.interior{margin:0 auto;max-width:80.625rem;width:100%}.overlay-close{background-color:#ea1c2c;cursor:pointer;padding:1.25rem;position:absolute;right:0;top:0;z-index:2}.overlay-close .menu-icon{align-items:center;display:flex;height:1.65rem;position:relative;width:2rem}.overlay-close .menu-icon .line{background-color:#fff;display:block;height:0.35rem;transition:opacity 0.75s;width:100%}.menu-trigger{background-color:#ea1c2c;cursor:pointer;opacity:0;padding:1.25rem;position:absolute;right:0;top:0;transition:opacity 0.75s ease-in-out;z-index:2}.menu-trigger .menu-icon{align-items:center;display:flex;height:1.65rem;position:relative;width:2rem}.menu-trigger .menu-icon .line{background-color:#fff;display:block;height:0.35rem;transition:opacity 0.75s;width:100%}.menu-trigger .menu-icon .line:after,.menu-trigger .menu-icon .line:before{background-color:#fff;content:'';display:block;height:0.35rem;position:absolute;transition:opacity 0.75s;width:100%}.menu-trigger .menu-icon .line:after{top:0}.menu-trigger .menu-icon .line:before{bottom:0}.logo img{display:block;height:100%;max-width:241px}.cta{background-color:#f7f76d;border:4px solid #ea1c2c;color:#231f20;display:inline-block;font-size:1.5625rem;font-weight:900;line-height:1;padding:0.75rem 4rem;position:relative;text-decoration:none;text-transform:uppercase;transform:perspective(1px) translateZ(0);transition-duration:0.3s;transition-property:color;transition-timing-function:ease-out}.cta:before{background-color:#ea1c2c;bottom:0;content:'';display:block;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition-property:transform;transition-duration:0.3s;transform-origin:0 50%;transition-timing-function:ease-out;z-index:-1}.cta:focus,.cta:hover{color:#f7f76d}.cta:focus:before,.cta:hover:before{transform:scaleX(1)}.hero-bg-wrapper{height:20vh;position:relative;width:100%}.hero-bg-wrapper:before{animation:3.2s heroImageBefore cubic-bezier(0.31, 0.014, 0.012, 0.996) forwards 1s;background-color:#fff;bottom:0;content:'';display:none;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);width:100%}@media only all and (min-width: 40em){.hero-bg-wrapper{display:block;height:100%;position:absolute;right:0;top:0;z-index:-1}.hero-bg-wrapper:before{width:50%}}.hero-background{background-size:cover;background-position:70%;background-repeat:no-repeat;height:100%;position:absolute;right:0;top:0;transform:translateX(-100%);transform-origin:100% 50%;transition:transform;width:100%;z-index:-1}.section--hero{overflow:hidden;position:relative}.section--hero .site-header{padding-right:3rem;padding-top:calc(0.75rem + 0.5vw)}.section--hero .site-header .logo-area{opacity:0}.section--hero .site-header .logo.active{animation:0.75s fadeUpwards ease-in-out forwards}@media only all and (min-width: 40em){.section--hero .hero-background{animation:3.2s heroImageAfterTwoCol cubic-bezier(0.31, 0.014, 0.012, 0.996) forwards}.section--hero .interior{display:grid;grid-template-columns:50% auto}.section--hero .interior__content{margin-right:-40%;z-index:2}.section--hero .interior__image{background:transparent url('/img/construction-portable-restrooms-albany-or-Best-Pots.jpg') no-repeat bottom center}.section--hero .interior__image img{display:none}}.hero-background img{display:block;width:100%}.fade-up.active .cta-area{animation:0.75s fadeUpwards ease-in-out forwards 450ms}.fade-up.active .site-header .logo-area{animation:0.75s fadeUpwards ease-in-out forwards}.fade-up.active .menu-trigger{opacity:1}.fade-up.active .hero-background{animation:3.2s heroImageAfter cubic-bezier(0.31, 0.014, 0.012, 0.996) forwards 600ms}.fade-up.active .hero-content h1 span.line-1{animation:0.75s fadeUpwards ease-in-out forwards 150ms}.fade-up.active .hero-content h1 span.line-2{animation:0.75s fadeUpwards ease-in-out forwards 150ms}.fade-up.active .hero-content h1 span.line-3{animation:0.75s fadeUpwards ease-in-out forwards 150ms}.fade-up.active .hero-content .hero-body{animation:0.75s fadeUpwards ease-in-out forwards 300ms}.fade-up.active .hero-footer{animation:0.75s fadeUpwards ease-in-out forwards 450ms}.fade-up.active.section--intro .emph{animation:0.75s fadeUpwards ease-in-out forwards}.fade-up.active.section--intro .content{animation:0.75s fadeUpwards ease-in-out forwards 150ms}.fade-up.active .agc-badge{opacity:1;transition-delay:300ms}@media only all and (min-width: 40em){.fade-up.active.grouped-sections .menu-trigger{transition-delay:1.2s}.fade-up.active .hero-background{animation:3.2s heroImageAfterTwoCol cubic-bezier(0.31, 0.014, 0.012, 0.996) forwards 600ms}.fade-up.active .hero-content h1 span.line-1{animation:0.75s fadeUpwards ease-in-out forwards 2450ms}.fade-up.active .hero-content h1 span.line-2{animation:0.75s fadeUpwards ease-in-out forwards 2600ms}.fade-up.active .hero-content h1 span.line-3{animation:0.75s fadeUpwards ease-in-out forwards 2750ms}.fade-up.active .hero-content .hero-body{animation:0.75s fadeUpwards ease-in-out forwards 3s}.fade-up.active .hero-footer{animation:0.75s fadeUpwards ease-in-out forwards 3150ms}.fade-up.active .agc-badge{opacity:1}.fade-up.active .columns--tri .column:nth-child(1){}.fade-up.active .columns--tri .column:nth-child(2){}.fade-up.active .columns--tri .column:nth-child(3){}}.hero-content{padding:calc(3rem + 4vw) 0;text-transform:uppercase}.hero-content h1{color:#ea1c2c;font-size:5.625rem;line-height:0.8;margin:0 0 2rem}.hero-content h1 span{opacity:0}.hero-content h2{font-size:2rem;line-height:1;opacity:0}.hero-content .hero-body{opacity:0}.hero-content h2 span{display:block}@media only all and (min-width: 60em){.hero-content h1 span{display:block}}.hero-footer{margin-top:2.5rem;opacity:0}.hero-footer .cta{padding:1rem 3rem}@media only all and (min-width: 40em){.hero-footer .cta{padding:1rem 4rem}}.section--intro{font-size:1.375rem;overflow:hidden;padding:calc(3rem + 6vw) 0 calc(3rem + 6vw);text-align:center}.section--intro .container{max-width:70rem;position:relative}.section--intro .emph{font-size:2.1875rem;font-weight:900;line-height:1.2;margin:0 0 2rem;opacity:0;text-transform:uppercase}.section--intro .interior{margin:0 auto;max-width:50rem;position:relative;z-index:2}.section--intro .content{margin:0 auto;max-width:40rem;opacity:0}.agc-badge{bottom:-50%;display:block;max-width:200px;opacity:0;position:absolute;right:0;top:-2rem;transition:opacity 750ms ease-in-out;width:40vw}#badge{left:0;position:absolute;top:0;width:100%}@media only all and (min-width: 40em){.agc-badge{max-width:245px}}@media only all and (min-width: 60em){.agc-badge{max-width:290px}}.section--conexpo{font-size:1.375rem;position:relative}.section--conexpo .text a:hover{text-decoration:none}.section--conexpo .interior{margin-bottom:calc(2rem + 2vw)}.section--conexpo .interior__img{margin-bottom:calc(2rem + 2vw)}.section--conexpo .interior__img img{display:block;width:100%}.section--conexpo .content{margin-bottom:calc(2rem + 2vw)}.section--conexpo .text{opacity:0}.section--conexpo .images{display:flex}.section--conexpo .images .image:first-child{flex:0 0 60%;margin-right:1.25rem}.section--conexpo .images .image:last-child{flex:1 1 auto}@supports (display: grid){.section--conexpo .images{display:grid;grid-column-gap:1.25rem;grid-template-columns:60% auto}.section--conexpo .images .image:first-child{margin-right:0}}.section--conexpo .images .image{overflow:hidden}.section--conexpo .images .image img{opacity:0}@media only all and (min-width: 40em){.section--conexpo{margin-bottom:calc(4rem + 4vw)}.section--conexpo .interior{display:flex;margin:0 auto}.section--conexpo .interior__buffer{flex:1 1 auto;margin-right:2rem}.section--conexpo .interior__content{flex:0 0 50%}@supports (display: grid){.section--conexpo .interior{display:grid;grid-column-gap:2rem;grid-template-columns:50% auto}.section--conexpo .interior__buffer{margin-right:0}}.section--conexpo .conexpo-bg-wrapper{height:100%;margin-bottom:0;left:0;overflow:hidden;position:absolute;top:0;width:50%}.section--conexpo .conexpo-bg{background:transparent url('/img/iStock-989110990.jpg') no-repeat center bottom;background-size:cover;bottom:0;height:100%;margin-bottom:0;left:0;position:absolute;right:0;top:0;transition:transform 0.75s;width:100%}.section--conexpo .conexpo-bg:hover{transform:scale(1.1)}.section--conexpo .conexpo-bg:before{background-color:white;bottom:0;content:'';display:block;height:100%;left:0;right:0;top:0;width:100%}.section--conexpo .conexpo-bg img{display:none}.section--conexpo .content{max-width:28rem;padding-left:calc(2rem + 2vw)}}.section--conexpo.active .conexpo-bg:before{animation:0.75s bgSlideRight cubic-bezier(0.31, 0.014, 0.012, 0.996) forwards}.section--conexpo.active h2 span.line-1{animation:0.75s fadeUpwards ease-in-out forwards 750ms}.section--conexpo.active h2 span.line-2{animation:0.75s fadeUpwards ease-in-out forwards 900ms}.section--conexpo.active h2 span.line-3{animation:0.75s fadeUpwards ease-in-out forwards 1050ms}.section--conexpo.active .text{animation:0.75s fadeUpwards ease-in-out forwards 1200ms}.section--conexpo.active .images .image:first-child img{animation:0.75s fadeScaleImageIn ease-in-out forwards 1350ms}.section--conexpo.active .images .image:last-child img{animation:0.75s fadeScaleImageIn ease-in-out forwards 1500ms}.conexpo-logo{background-color:#003b7f;display:block;max-width:none;padding:2rem;width:100%}.section--team{font-size:1.375rem;margin-top:calc(4rem + 4vw);padding-bottom:calc(2rem + 2vw);position:relative}.section--team h2{font-size:4.6875rem;line-height:0.75;margin-bottom:calc(1.5rem + .75vw);text-transform:uppercase}.section--team h2 span{display:block;opacity:0}@media only all and (min-width: 65em){.section--team h2 span.line-1{animation-delay:1000ms !important}.section--team h2 span.line-2{animation-delay:1150ms !important}}.section--team .content{max-width:36rem;opacity:0}@media only all and (min-width: 65em){.section--team .content{animation-delay:1300ms !important}.section--team .interior{display:flex;margin:0 auto}.section--team .interior__content{flex:0 0 55%;margin-right:2rem}.section--team .interior__buffer{flex:1 1 auto}@supports (display: grid){.section--team .interior{display:grid;grid-column-gap:2rem;grid-template-columns:55% auto}.section--team .interior__content{margin-right:0}}.section--team .bg-wrapper{height:100%;position:absolute;right:0;top:0;width:40%}.section--team .team-bg{bottom:0;left:0;position:absolute;right:0;top:0}.section--team .highlight{animation-delay:1450ms !important}}.section--team.active h2 span{animation:0.75s fadeUpwards ease-in-out forwards}.section--team.active .content{animation:0.75s fadeUpwards ease-in-out forwards}.section--team.active .team-bg .bg-interior{animation:0.75s zoomImage ease-in-out forwards 0.75s}.section--team.active .team-bg:after{animation:0.75s afterIn ease-in-out forwards}.section--team.active .team-bg:before{animation:0.75s beforeIn ease-in-out forwards}.section--team.active .highlight{animation:0.75s fadeUpwards ease-in-out forwards}.bg-wrapper{border-bottom:24px solid #ea1c2c}.team-bg{height:33vh;overflow:hidden;position:relative}.team-bg .bg-interior{background-position:65%;background-repeat:no-repeat;background-size:cover;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;transform:scale(1.2);width:100%}.team-bg:after,.team-bg:before{bottom:0;content:'';display:block;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.team-bg:after{background-color:#ea1c2c;transform:translateX(101%)}.team-bg:before{background-color:#fff;z-index:1}@media only all and (min-width: 65em){.team-bg{height:100%;position:absolute}}.highlights{font-size:75%;font-weight:900;line-height:1;list-style:none;margin:calc(2rem + 2vw) 0;padding-left:0;text-transform:uppercase}@media only all and (min-width: 40em){.highlights{column-count:2;column-gap:3rem}}.highlight{align-items:center;display:flex;margin-bottom:2rem;opacity:0}.highlight__icon{flex:0 0 36px;margin-right:1.75rem}.highlight__icon img{display:block;height:auto;margin:0 auto;max-width:60px}.highlight__text{flex:1 1 auto}.section--sponsors .container{padding:0 calc(1rem + 3vw)}.section--sponsors .sponsors-header__action,.section--sponsors .sponsors-header__badge,.section--sponsors .sponsors-header__title{opacity:0}.section--sponsors h2{font-size:4.6875rem;line-height:0.8;text-transform:uppercase}.section--sponsors .cta{font-size:1.15rem}.section--sponsors.active .logos-grouping{animation:0.75s fadeUpwards ease-in-out forwards 450ms}.section--sponsors.active .sponsors-header__badge{animation:0.75s fadeUpwards ease-in-out forwards}.section--sponsors.active .sponsors-header__title{animation:0.75s fadeUpwards ease-in-out forwards 150ms}.section--sponsors.active .sponsors-header__action{animation:0.75s fadeUpwards ease-in-out forwards 300ms}.sponsors-header{margin-left:auto;margin-right:auto;max-width:88rem}.sponsors-header__badge{margin-bottom:2rem}.sponsors-header__badge img{display:block;margin:0 auto;max-width:250px}.sponsors-header__title{margin-bottom:2rem;padding:0 45px;text-align:center}.sponsors-header__action{padding:0 45px;text-align:center}.sponsors-header .cta{padding-left:2rem;padding-right:2rem}@media only all and (min-width: 48em){.sponsors-header{align-items:center;display:flex;flex-wrap:wrap}.sponsors-header__badge{flex:0 0 100%}.sponsors-header__title{flex:0 0 50%;margin-bottom:0}.sponsors-header__action{flex:1 1 auto}}@media only all and (min-width: 60em){.sponsors-header{align-items:flex-end;padding:0 1rem}.sponsors-header__badge{flex:0 0 33%;margin-right:3rem}.sponsors-header__title{flex:0 0 33%;margin-right:3rem}.sponsors-header__action{flex:0 0 33%}@supports (display: grid){.sponsors-header{display:grid;grid-column-gap:3rem;grid-template-columns:repeat(3, 1fr)}.sponsors-header__badge{margin-right:0}.sponsors-header__title{margin-right:0}}.sponsors-header__action{display:flex;justify-content:flex-end;padding:0}.sponsors-header__title{margin:0;padding:0}.sponsors-header__badge{margin:0}.sponsors-header__badge img{margin-left:calc(-4rem - 3vw);max-width:100%}}.cta-area{margin-bottom:calc(2rem + 2vw);opacity:0;text-align:center}.logo-farm{margin:calc(3rem + 3vw) auto calc(2rem + 2vw)}.logos-grouping{margin-bottom:calc(2rem + 2vw);opacity:0}.logos-grouping h3{font-size:3.2875rem;line-height:1;margin:0 0 calc(1rem + 1vw);text-align:center;text-transform:uppercase}.logos-grouping:last-child{margin-bottom:0}.logos{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;margin-left:0;padding-left:0}.logos li{margin:0 auto 2rem;text-align:center}.logos img{display:block;height:auto;margin:0 auto}.logos a{display:inline-block}@media only all and (min-width: 30em){.logos li{flex:0 0 48%}}@media only all and (min-width: 50em){.logos li{flex:0 0 30%}}.section--construction{font-size:1.5625rem;overflow:hidden;position:relative}.section--construction .interior{color:#fff;padding:calc(4rem + 4vw) calc(1rem + 3vw);text-align:center}.section--construction h2{font-size:3.4375rem;line-height:0.8;margin:0 0 0.5rem;opacity:0;text-transform:uppercase}.section--construction .content{line-height:1.2;opacity:0}.section--construction.active h2{animation:0.75s fadeUpwards ease-in-out forwards 375ms}.section--construction.active .content{animation:0.75s fadeUpwards ease-in-out forwards 525ms}.section--construction.active .form-area{animation:0.75s fadeUpwards ease-in-out forwards 675ms}.construction-portion{background:transparent no-repeat center 60%;background-size:cover;background-attachment:fixed;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}@supports (-webkit-overflow-scrolling: touch){.construction-portion{background-attachment:scroll}}.construction-portion:before{background-color:rgba(41, 59, 72, 0.61);bottom:0;content:'';display:block;height:100%;left:0;right:0;top:0;width:100%}.form-area{opacity:0}.form--updates{font-size:1.5625rem;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:20em;max-width:43rem}.form-area.active{animation:0.75s fadeUpwards ease-in-out forwards}.form--updates .form-field{display:flex;width:100%}.form--updates .form-field input{border:4px solid #ea1c2c;border-right:0;flex:1 1 auto;padding:0.5rem 1.5rem;text-transform:uppercase}.form--updates .form-field input::-webkit-input-placeholder{color:#231f20;opacity:1;transition:opacity 400ms}.form--updates .form-field input::-moz-placeholder{color:#231f20;opacity:1;transition:opacity 400ms}.form--updates .form-field input:-ms-input-placeholder{color:#231f20;opacity:1;transition:opacity 400ms}.form--updates .form-field input:-moz-placeholder{color:#231f20;opacity:1;transition:opacity 400ms}.form--updates .form-field input:focus{}.form--updates .form-field input:focus::-webkit-input-placeholder{opacity:0.5}.form--updates .form-field input:focus::-moz-placeholder{opacity:0.5}.form--updates .form-field input:focus:-ms-input-placeholder{opacity:0.5}.form--updates .form-field input:focus:-moz-placeholder{opacity:0.5}.form--updates .form-field button{cursor:pointer;flex:0;padding:0.75rem 3rem;white-space:nowrap}.site-footer{background-color:#000000;color:#fff;line-height:1.2;padding:calc(2rem + 2vw) 0}.site-footer a{color:inherit;text-decoration:none}.site-footer a:active,.site-footer a:focus,.site-footer a:hover{text-decoration:underline}.site-footer .container{padding:0 calc(1rem + 3vw)}.footer-legal{font-size:0.9375rem;font-weight:900;line-height:1.2;margin-bottom:2rem;text-transform:uppercase}.footer-logo{margin-bottom:2rem}.footer-logo img{display:block;max-width:233px;width:100%}.to-top{background-color:#ea1c2c;border:4px solid #ea1c2c;cursor:pointer;display:inline-block;float:right;padding:0.8rem;transform:perspective(1px) translateZ(0);transition-duration:0.3s;transition-property:background-color;transition-timing-function:ease-out}.to-top svg path{fill:#fff;transition:fill 0.3s ease-out}.to-top:focus,.to-top:hover{background-color:#f7f76d}.to-top:focus svg path,.to-top:hover svg path{fill:#231f20}.to-top svg{display:block;height:29.4px;width:32px}.overlaid{overflow-y:scroll;position:fixed}.overlaid .overlay{pointer-events:auto;transform:translateX(0)}.overlay{background-color:#ea1c2c;bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;min-height:100%;overflow-y:auto;overflow-x:hidden;padding:calc(3rem + 2vw) calc(1.5rem + 1vw) calc(1.5rem + 1vw);pointer-events:none;position:fixed;transition:transform 0.75s ease-in-out;transform:translateX(100%);top:0;width:100%;z-index:3}.overlay-nav{font-size:2.7rem;font-weight:900;line-height:1;margin-bottom:calc(2rem + 2vw)}.overlay-nav ul{list-style:none;margin:0;padding:0}.overlay-nav ul li{margin-bottom:0.25em}.overlay-nav a{color:white;position:relative;text-decoration:none;text-transform:uppercase}.overlay-nav a:before{background-color:#fff;bottom:0;content:'';height:0.1em;display:block;left:0;position:absolute;transform:scaleX(0);transform-origin:0 0;transition:transform 0.75s;width:100%}.overlay-nav a:active:before,.overlay-nav a:focus:before,.overlay-nav a:hover:before{transform:scaleX(1)}.overlay-info{font-size:2rem;font-weight:900;line-height:1;margin-bottom:calc(2rem + 2vw);text-transform:uppercase}.overlay-info .label{color:#fff;display:block;font-size:1.375rem;font-weight:400;margin-bottom:0.5rem;text-transform:none}@media only all and (min-width: 48em){.overlay-footer{align-items:flex-end;display:flex}.overlay-footer .overlay-logo{flex:0 0 234px;margin-bottom:0;margin-right:calc(2rem + 2vw)}.overlay-footer .overlay-social{flex:1 1 auto}.overlay-footer .ancillary-nav{text-align:right}}.overlay-logo{margin-bottom:2rem}.overlay-logo img{display:block;max-width:234px}.ancillary-nav{color:#fff;font-size:1rem;font-weight:900;text-transform:uppercase}.ancillary-nav a{color:inherit;display:inline-block;margin-right:1.5rem;text-decoration:none}.ancillary-nav a:last-child{margin-right:0}.ancillary-nav a:active,.ancillary-nav a:focus,.ancillary-nav a:hover{text-decoration:underline}@keyframes fadeUpwards{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes beforeIn{0%{transform:translateX(0)}100%{transform:translateX(-101%)}}@keyframes afterIn{0%{transform:translateX(101%)}50%{transform:none}100%{transform:translateX(-101%)}}@keyframes zoomImage{0%{transform:scale(1.2)}100%{transform:none}}@keyframes heroImageAfter{0%{transform:translateX(-100%)}50%{transform:translateX(0%)}100%{transform:translateX(0%)}}@keyframes heroImageAfterTwoCol{0%{transform:translateX(-100%)}50%{transform:translateX(0%);width:100%}100%{transform:translateX(0%);width:50%}}@keyframes heroImageBefore{0%{transform:translateX(-100%)}50%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes fadeScaleImageIn{0%{opacity:0;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}@keyframes bgSlideRight{0%{transform:translateX(0)}100%{transform:translateX(100%)}}.sub-footer{background-color:#231f20;color:#fff;padding:calc(1rem + 1vw) 0}.sub-footer .container{padding:0 calc(1rem + 3vw)}.sub-footer a{color:#fff;text-decoration:none;white-space:nowrap}.sub-footer a:hover{text-decoration:underline}.sub-footer-links{text-align:center}.sub-footer .separator{margin:0 calc(1rem + 1vw)}@media only all and (min-width: 40em){.sub-footer .separator{margin:0 calc(1rem + 2vw)}}@media only all and (min-width: 60em){.sub-footer .separator{margin:0 calc(1rem + 3vw)}}.form--updates .validation_error{flex:1 1 100%}.form--updates .gform_body{flex:1 1 auto;margin-bottom:1rem}.form--updates .gform_footer{flex:0}.form--updates .gform_footer button[type="submit"]{background-color:#f7f76d;border:4px solid #ea1c2c;color:#231f20;cursor:pointer;display:inline-block;font-size:1.5625rem;font-weight:900;line-height:1;padding:0.75rem 3rem;position:relative;text-decoration:none;text-transform:uppercase;transform:perspective(1px) translateZ(0);transition-duration:0.3s;transition-property:color;transition-timing-function:ease-out;white-space:nowrap}.form--updates .gform_footer button[type="submit"]:before{background-color:#ea1c2c;bottom:0;content:'';display:block;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition-property:transform;transition-duration:0.3s;transform-origin:0 50%;transition-timing-function:ease-out;z-index:-1}.form--updates .gform_footer button[type="submit"]:hover,.form--updates .gform_footer button[type="submit"]:focus{color:#f7f76d}.form--updates .gform_footer button[type="submit"]:hover:before,.form--updates .gform_footer button[type="submit"]:focus:before{transform:scaleX(1)}.form--updates .gfield input{border:4px solid #ea1c2c;flex:1 1 auto;padding:0.5rem 1.5rem;text-transform:uppercase;width:100%}.form--updates .gfield .validation_message{bottom:90%;left:0;position:absolute;text-align:left}@media only all and (min-width: 40em){.gform_wrapper .form--updates{display:flex;flex-wrap:wrap;width:100%}.form--updates .gform_body{margin-bottom:0}.form--updates .gfield input{border-right:0}.form--updates .gfield .validation_message{bottom:auto;top:100%}}.form--updates .gfield input::-webkit-input-placeholder{color:#231f20;opacity:1;transition:opacity 400ms}.form--updates .gfield input::-moz-placeholder{color:#231f20;opacity:1;transition:opacity 400ms}.form--updates .gfield input:-ms-input-placeholder{color:#231f20;opacity:1;transition:opacity 400ms}.form--updates .gfield input:-moz-placeholder{color:#231f20;opacity:1;transition:opacity 400ms}.form--updates .gfield input:focus{}.form--updates .gfield input:focus::-webkit-input-placeholder{opacity:0.5}.form--updates .gfield input:focus::-moz-placeholder{opacity:0.5}.form--updates .gfield input:focus:-ms-input-placeholder{opacity:0.5}.form--updates .gfield input:focus:-moz-placeholder{opacity:0.5}.form--updates .gfield_label{display:none}.form--updates .gform_fields{list-style:none;margin:0;padding:0}.validation_error{line-height:1}.form-area .gform_confirmation_message{font-size:0.9em;border-top:2px solid;border-bottom:2px solid;padding:1rem 0;clear:both;width:100%;text-align:center}.gform_wrapper div.validation_error{font-size:0.9em;margin-bottom:25px;border-top:2px solid;border-bottom:2px solid;padding:1rem 0;clear:both;width:100%;text-align:center}.gform_validation_container,.gform_wrapper .gform_validation_container,body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container,body .gform_wrapper li.gform_validation_container,body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container{display:none !important;position:absolute !important;left:-9000px}.form--updates .gfield{position:relative}.form--updates .gform_body{display:flex}.form--updates .gfield,.form--updates .gform_fields,.form--updates .ginput_container{display:flex;width:100%}body img.gform_ajax_spinner{display:none !important}.section--general{font-size:1.2rem;position:relative}.section--general h1{font-size:4.6875rem;line-height:0.75;margin-bottom:calc(1.5rem + .75vw);text-transform:uppercase}.section--general .site-header{margin-bottom:calc(1rem + 3vw);padding-top:calc(0.75rem + 0.5vw)}.section--general a{color:#ea1c2c}.section--general a:active,.section--general a:focus,.section--general a:hover{text-decoration:none}.section--general .interior{margin-bottom:calc(1rem + 3vw)}dl,ol,p,ul{margin:1.5rem 0}.internal-header .site-header{display:flex;height:4.15rem;padding:0.75rem 0}.internal-header .site-header .logo-area{display:flex;flex:1;padding-right:2rem}.internal-header .site-header .logo{flex:0 1 241px}.masthead{margin-bottom:calc(2rem + 1vw)}.masthead img{display:block;height:auto !important;margin-bottom:2rem;padding-right:4.5rem;width:100%}.masthead h1{font-size:3rem;line-height:0.8;opacity:0;margin:0;text-transform:uppercase}.masthead-header{position:relative}.masthead-header:after,.masthead-header:before{bottom:0;content:'';display:block;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.masthead-header:before{background-color:#fff;z-index:1}.masthead.fade-up.active .masthead-header:before{animation:0.75s beforeInMasthead ease-in-out forwards}.masthead-header:after{background-color:#ea1c2c;transform:translateX(101%)}.masthead.fade-up.active .masthead-header:after{animation:0.75s afterInMasthead ease-in-out forwards}@keyframes beforeInMasthead{0%{transform:translateX(0)}100%{transform:translateX(101%)}}@keyframes afterInMasthead{0%{transform:translateX(-101%)}50%{transform:none}100%{transform:translateX(101%)}}@media only all and (min-width: 48em){.masthead-components{position:relative}.masthead-header{align-items:center;bottom:0;display:flex;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.masthead-header .container{width:100%}.masthead h1{color:#fff;font-size:4.6875rem}}@media only all and (min-width: 80em){.masthead h1{font-size:5.625rem}}.hero-content p{font-size:1.375rem;text-transform:none}@media only all and (min-width: 40em){.hero-body{max-width:24.95rem}}.section--portal{margin:calc(3rem + 6vw) 0 0}.bucket{margin-bottom:2rem;opacity:0;text-align:center}.bucket .cta{padding-left:3rem;padding-right:3rem}.bucket img{display:block;height:auto !important;width:100%}.bucket .cta{display:inline-block;margin:1rem auto 0}@media only all and (min-width: 34em){.bucket{position:relative}.bucket .cta{bottom:2rem;left:1rem;padding-left:1rem;padding-right:1rem;position:absolute;width:calc(100% - 2rem)}}@media only all and (min-width: 48em){@supports (display: grid){.buckets{display:grid;grid-column-gap:1rem;grid-template-columns:repeat(3, 1fr)}}.bucket .cta{font-size:1rem}}.images .image .cta{opacity:0;padding:0.75rem 2rem;text-align:center;width:100%}.fade-up.active .images .image .cta{animation:0.75s fadeUpwards ease-in-out forwards 1500ms}@media only all and (min-width: 40em){.images .image{position:relative}.images .image .cta{bottom:1rem;font-size:1.2rem;left:1rem;position:absolute;width:calc(100% - 2rem)}}.section--content-cols{font-size:1.2rem;margin:calc(3rem + 6vw) 0 0}.columns--tri .column{margin-bottom:2rem;opacity:0}.columns--tri .column:last-child{margin-bottom:0}.column--1 img{display:block;height:auto !important;width:100%}.column--1 .content{margin-top:calc(2rem + 2vw)}.column--1 h3{font-size:1.1rem;line-height:1.2;text-transform:uppercase}@media only all and (min-width: 40em){@supports (display: grid){.columns--tri{display:grid;grid-column-gap:1rem;grid-template-columns:repeat(2, 1fr)}}.column--1 .content{padding:0 1.5rem}}@media only all and (min-width: 60em){@supports (display: grid){.columns--tri{grid-template-columns:repeat(3, 1fr)}.columns--tri .column{margin-bottom:0}}}.section--partners{margin:calc(3rem + 3vw) 0}.section--partners h2{line-height:1.2;margin-bottom:calc(2rem + 3vw);text-align:center;text-transform:uppercase}.section--partners .interior{opacity:0}.partners{margin-bottom:calc(1rem + 2vw);text-align:center}@media only all and (min-width: 40em){.partners{display:grid;grid-column-gap:2rem;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))}}.partner{margin-bottom:2rem}.partner img{height:auto !important}.section--partners .cta{padding-bottom:calc(1rem + 1vw);padding-top:calc(1rem + 1vw);text-align:center;width:100%}.page-main ol,.page-main ul{margin-left:1.25rem;padding-left:0}.content-group h1,.page-main h1{font-size:4.6875rem;line-height:0.8;text-transform:uppercase}.content-group h2{font-size:1.875rem;line-height:1;margin-bottom:1rem;text-transform:uppercase}.content-group h3{font-size:0.9375rem;margin-bottom:0;text-transform:uppercase}.content-group ol,.content-group ul{line-height:1.4;margin-top:0}.content-group ol li,.content-group ul li{padding-left:2rem}.content-block,.content-group ol,.content-group p,.content-group ul{font-size:1.3rem}.page-main{margin-bottom:calc(2rem + 1vw)}.page-main .cta{color:inherit}.page-main .cta:active,.page-main .cta:focus,.page-main .cta:hover{color:#f7f76d;text-decoration:none}.page-aside{margin-bottom:calc(2rem + 1vw);position:relative}.page-aside--variant-1 p{font-size:1.3125rem;line-height:1.4;margin-top:0}.fade-up.page-grid{opacity:0}.fade-up.active.page-grid{animation:0.75s fadeIn ease-in-out forwards 1s}.page-aside .cta{font-size:1.2rem;padding-left:2rem;padding-right:2rem;text-align:center;width:100%}.page-aside .cta-region{margin-bottom:2rem}@media only all and (min-width: 48em){@supports (display: grid){.page-grid{display:grid;grid-column-gap:3rem;grid-template-columns:auto 16rem}}}@media only all and (min-width: 60em){@supports (display: grid){.page-grid{grid-column-gap:4.5rem}}}@media only all and (min-width: 80em){@supports (display: grid){.page-grid{grid-column-gap:6rem}}}.content-block{background-color:#ECEAE3;margin:1.5rem 0;overflow:auto;padding:0.5rem calc(1rem + 3vw)}@media only all and (min-width: 60em){.content-block{padding:0.5rem 2.75rem}}.content-grouping{line-height:1.4}.content-grouping p strong{color:#ea1c2c}.content-piece{border-bottom:1px solid black;padding:1rem 0}.content-piece:last-child{border-bottom:0 !important}.content-block .content-piece .table p,.content-block .content-piece p,.content-block p{margin:0}@media only all and (min-width: 36em){@supports (display: grid){.content-piece .table{display:grid;grid-column-gap:2rem;grid-template-columns:1fr 5rem}}}.sticky-container{height:100%;position:relative}.content-group{margin-bottom:calc(2rem + 1vw)}.content-group:last-child{margin-bottom:0}.page-nav .header{border-bottom:1px solid;font-size:1.5625rem;font-weight:900;padding-bottom:0.75rem;text-transform:uppercase}.page-nav ul{line-height:1.2;list-style:none;margin:0;padding:0}.page-nav ul li{border-bottom:1px solid;padding:1rem 0}.page-nav a{color:inherit;padding-left:1.5rem;text-decoration:none}.page-nav a:hover{text-decoration:underline}.fade-up.page{opacity:0}.fade-up.active.page{animation:0.75s fadeUpwards ease-in-out forwards 1s}.speaker{margin-bottom:calc(2rem + 1vw)}.speaker__photo{margin-bottom:1.5rem}.speaker__photo img{height:auto !important;}.speaker .header h2{font-size:1.875rem;line-height:1.2;margin:0 0 0.25rem;text-transform:uppercase}.speaker .header h3{font-size:1.4875rem;font-weight:400;line-height:1.2}.speaker .content{font-size:1.3rem}@media only all and (min-width: 48em){@supports (display: grid){.speaker{display:grid;grid-column-gap:2rem;grid-template-columns:30% auto}}.speaker__photo{margin-bottom:0}}.content-note{margin-top:1.5rem}.content-note .note-contents{background-color:#000;color:#fff;display:inline-block;padding:0.5rem 1rem}.content-note .note-contents p{margin:0}.content-note .note-contents a{color:inherit}@media only all and (min-width: 48em){.content-note{margin-left:-1.5rem;width:calc(100% + 1.5rem)}}.events{margin-bottom:calc(2rem + 1vw)}.event{margin-bottom:calc(2rem + 1vw)}.event:last-child{margin-bottom:0}.event__aside{margin-bottom:1.5rem}.event__aside img{display:block;height:auto !important;width:100%}.event .header h2{font-size:1.875rem;line-height:1;margin:0 0 calc(1rem + 1vw);text-transform:uppercase}.event .content{font-size:1.3rem}@media only all and (min-width: 48em){@supports (display: grid){.event{display:grid;grid-column-gap:calc(2rem + 1vw);grid-template-columns:30% auto}}.event__aside{margin-bottom:0}}.aside-module .header{border-bottom:1px solid;font-size:1.3125rem;font-weight:900;line-height:1;padding-bottom:0.75rem;text-transform:uppercase}.segment{border-bottom:1px solid;padding:1rem 0 1rem 1.5rem}.segment a{color:inherit;text-decoration:none}.page-link,.segment--link{line-height:1.2;position:relative}.page-link.active:before,.segment--link a:before{content:'';display:block;width:0;height:0;border-style:solid;border-width:5px 0 5px 8.7px;border-color:transparent transparent transparent #ea1c2c;position:absolute;top:calc(50% - 5px);left:0}.page-link.active{color:#ea1c2c}.page-link a:active,.page-link a:focus,.page-link a:hover,.segment a:active,.segment a:focus,.segment a:hover{color:#ea1c2c;text-decoration:none}.segment p,.segment ul{margin:0;padding:0}.segment ul{margin-left:1.25rem}.segment a:active,.segment a:focus,.segment a:hover{text-decoration:underline}.content-group h4{font-size:1.5625rem;font-weight:400;margin-bottom:0;text-transform:uppercase}.content-group h5{font-size:1.25rem;margin:1.5rem 0 0;text-transform:uppercase}.content-group h6{font-size:0.9375rem;margin:1.5rem 0 0;text-transform:uppercase}.content-group p,.content-group ul{margin-top:0}.content-group p:last-child,.content-group ul:last-child{margin-bottom:0}.page-main a{color:#ea1c2c}.page-main a:focus,.page-main a:hover,.page-main a:hover{text-decoration:none}.page-main img{height:auto !important}.page--conexpo ol{margin-top:1rem}.page--conexpo .content-block{margin:1.5rem 0;padding:1rem 1.5rem 2rem}.page--conexpo .content-block table{width:100%}.page--conexpo .content-block table th{font-size:1.0625rem;font-weight:400;padding:0 0 1rem;text-align:left;text-transform:uppercase}.page--conexpo .content-block table td{font-size:1.5625rem;line-height:1.2}.page--conexpo .content-block h6{font-size:1.25rem;line-height:1.2}.site-footer{font-weight:900;text-transform:uppercase}.footer-nav-main,.footer-register{margin-bottom:2rem}.footer-register a{color:#ea1c2c}.footer-nav{list-style:none;margin:0;padding:0}.footer-components{clear:both;padding-bottom:calc(2rem + 2vw)}.subfooter{border-top:1px solid #fff;overflow:hidden;padding-top:calc(1rem + 1vw)}.subfooter .separator{display:inline-block;margin:0 0.25rem}.subfooter .legal .separator{display:none}.subfooter__side.legal-side{margin-bottom:2rem}@media only all and (min-width: 30em){.footer-components{display:flex;flex-wrap:wrap}.footer-logo{flex:0 0 50%;margin-right:2rem}.footer-register{flex:1 1 auto}.footer-nav-main{flex:0 0 50%;margin-bottom:0;margin-right:2rem}.footer-nav-social{flex:1 1 auto}.sublinks{margin-top:0}.subfooter__side.legal-side{margin-bottom:0}}@media only all and (min-width: 30em){.subfooter{align-items:center;display:grid;grid-column-gap:2rem;grid-template-columns:auto 60px}}@media only all and (min-width: 60em){@supports (display: grid){.footer-components{display:grid;grid-column-gap:2rem;grid-template-columns:30% 27% auto auto}.footer-logo,.footer-nav-main,.footer-nav-social,.footer-register{margin-bottom:0;margin-right:0}}}@media only all and (min-width: 90em){.subfooter .legal .separator{display:inline-block}.subfooter__part{display:inline}}.fade-up.active.masthead h1{animation:0.75s fadeUpwards ease-in-out forwards 0.75s}.fade-up.active .bucket:nth-child(1){animation:0.75s fadeUpwards ease-in-out forwards}.fade-up.active .bucket:nth-child(2){animation:0.75s fadeUpwards ease-in-out forwards 150ms}.fade-up.active .bucket:nth-child(3){animation:0.75s fadeUpwards ease-in-out forwards 300ms}.fade-up.active .columns--tri .column:nth-child(1){animation:0.75s fadeUpwards ease-in-out forwards}.fade-up.active .columns--tri .column:nth-child(2){animation:0.75s fadeUpwards ease-in-out forwards 150ms}.fade-up.active .columns--tri .column:nth-child(3){animation:0.75s fadeUpwards ease-in-out forwards 300ms}.fade-up.active.section--partners .interior{animation:0.75s fadeUpwards ease-in-out forwards}.admin-bar .internal-header .menu-trigger{top:32px}.event-agenda{margin-bottom:calc(2rem + 1vw)}.agenda-day{border-bottom:1px solid rgb(204, 204, 204)}.agenda-day-trigger{cursor:pointer;padding:1.5rem 0}.agenda-day-trigger.active h2{color:var(--red)}.agenda-day-trigger.active h2:before{content:'-'}.agenda-day-trigger h2{font-size:1.875rem;line-height:1;padding-right:2rem;position:relative;text-transform:uppercase}.agenda-day-trigger h2:before{background-color:rgb(209, 209, 209);color:#231f20;content:'+';display:block;font-weight:900;height:2rem;line-height:1;position:absolute;right:0;text-align:center;top:-0.15rem;width:2rem}.agenda-segment{display:none}.agenda-segment.expanded{display:block}.agenda-header{background-color:rgb(236, 234, 227);font-size:0.9375rem;font-weight:900;padding:0.5rem 2rem;text-transform:uppercase}.agenda-instructions{color:var(--red);font-size:1.3rem;font-weight:700;line-height:1.4}.agenda-grid{display:grid;grid-column-gap:2rem;grid-template-columns:auto 35% 15%}.single-event{border-bottom:1px solid rgb(204, 204, 204);font-size:15px;transition:background-color 400ms}.single-event:last-child{border-bottom:0}.single-event.expanded{background-color:rgb(247, 247, 109)}.single-event a{color:var(--red)}.single-event a:hover{text-decoration:none}.single-event-body,.single-event-header{}.single-event-header{cursor:pointer;line-height:1.3;padding:0.75rem 2rem}.single-event-header .agenda-grid--when,.single-event-header .agenda-grid--where{font-size:13px}.single-event-body{padding:0.75rem 2rem}.single-event-body ul{list-style:none;margin-left:0;padding-left:0}.single-event-title{margin-left:-0.5rem;padding:0 0.5rem}.single-event-title .text{display:inline-block}.single-event-title.highlighted .text{background-color:var(--red);border-radius:3px;color:white;margin-left:-0.5rem;padding:0.25rem 0.5rem}.single-event-title h3{font-size:15px;font-weight:400;line-height:1.1}.single-event-category{font-size:13px;line-height:1.1;margin-top:0.25rem;padding-left:1.25rem;position:relative}.single-event-category:before{background-color:currentColor;border-radius:50%;content:'';display:block;height:0.4em;left:0;position:absolute;top:0.4em;width:0.4em}.single-event-description{margin-bottom:1.5rem}.single-event-body{display:none}.single-event-body h4{font-size:inherit;font-weight:900;text-transform:uppercase}.single-event-body p,.single-event-body ul{line-height:1.2;margin:0.8rem 0}.single-event-more-details{display:grid;grid-column-gap:2rem;grid-template-columns:60% auto}.single-event-body .single-event-more-details ul{margin-top:0}@media only all and (min-width: 40em){.single-event-body p,.single-event-body ul,.single-event-header .agenda-grid--when,.single-event-header .agenda-grid--where,.single-event-title h3{font-size:1.0625rem}}.speakers-footnote{font-size:1.1rem;line-height:1.4;margin-bottom:calc(2rem + 2vw);text-align:center}.speaker-nav{align-items:center;background-color:#eceae3;display:grid;grid-column-gap:4rem;grid-template-columns:max-content auto;padding:0.5rem 2rem;left:0;text-transform:uppercase;overflow:auto;width:100%}.speaker-nav .divider{display:inline-block;vertical-align:text-bottom}.speaker-nav__label{font-size:1.125rem;font-weight:700}.speaker-nav a{color:inherit;font-size:1.375rem;margin:0 0.3rem;text-decoration:none}.speaker-nav a:first-child{margin-left:0}.speaker-nav a:last-child{margin-right:0}.speaker-nav a:hover{text-decoration:underline}.speaker-nav__links{}.nav-container .interior{margin:0 auto calc(2rem + 2vw);position:relative}.filter-nav{background-color:#EEEEEE;font-size:1.18125rem;padding:1.5rem;width:max-content}.filter-nav ul{margin:0;padding:0 0 0 1rem}.filter-nav li{cursor:pointer}.filter-nav li:hover{text-decoration:underline}.filter-nav li:not(:last-child){margin-bottom:0.75rem}.prompt{border:1px solid #E5E5E5;cursor:pointer;font-size:1.18125rem;padding:0.5rem 3.5rem 0.5rem 1.5rem;max-width:15rem;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.prompt:before{content:'';display:block;width:0;height:0;border-style:solid;border-width:10px 6px 0 6px;border-color:#D1D1D1 transparent transparent transparent;position:absolute;right:1.5rem;top:calc(50% - 5px)}.mixitup-control-active{display:none}.filter-svg{display:block;height:1.5rem;width:1.5rem}.filter-instructions{font-size:1.0875rem;text-transform:uppercase}.filter-area{margin-bottom:2rem}.filter-bar{align-items:center;display:grid;grid-column-gap:1rem;grid-template-columns:1.5rem max-content 1fr;max-width:25.5rem}.control-internals{position:relative}.filter-nav{display:none;max-width:190%;position:absolute;top:100%;right:0;z-index:2}@media only all and (min-width: 40em){.filter-nav{left:0;max-width:none;right:auto}} @font-face { font-family: 'Scout'; src: url('fonts/Scout-Black.otf') format('opentype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Scout'; src: url('fonts/Scout-Regular.otf') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Scout'; src: url('fonts/Scout-RegularItalic.otf') format('opentype'); font-weight: normal; font-style: italic; } :root { --blue: #003b7f; --grey: #b7b7b7; --red: #ea1c2c; --textBlack: #231f20; --yellow: #f7f76d; font-size: calc(0.555em + 0.555vw); } @media only all and (min-width: 78.75em) { :root { font-size: 1em; } } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; box-sizing: border-box; width: 100%; } *, *:before, *:after { box-sizing: border-box; margin: 0; } body { color: #231f20; line-height: 1.6; } body, input, textarea, button { font-family: 'Scout', sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: 900; } img { max-width: 100%; } .form fieldset { border: 0; margin: 0; padding: 0; } .site { overflow: hidden; } .container { margin: 0 auto; padding: 0 4.5rem; } @media only all and (min-width: 720px) { /* .container { padding: 0 60px; } */ } .interior { margin: 0 auto; max-width: 80.625rem; width: 100%; } .overlay-close { background-color: #ea1c2c; cursor: pointer; padding: 1.25rem; position: absolute; right: 0; top: 0; z-index: 2; } .overlay-close .menu-icon { align-items: center; display: flex; height: 1.65rem; position: relative; width: 2rem; } .overlay-close .menu-icon .line { background-color: #fff; display: block; height: 0.35rem; transition: opacity 0.75s; width: 100%; } .menu-trigger { background-color: #ea1c2c; cursor: pointer; opacity: 0; padding: 1.25rem; position: absolute; right: 0; top: 0; transition: opacity 0.75s ease-in-out; z-index: 2; } .menu-trigger .menu-icon { align-items: center; display: flex; height: 1.65rem; position: relative; width: 2rem; } .menu-trigger .menu-icon .line { background-color: #fff; display: block; height: 0.35rem; transition: opacity 0.75s; width: 100%; } .menu-trigger .menu-icon .line:after, .menu-trigger .menu-icon .line:before { background-color: #fff; content: ''; display: block; height: 0.35rem; position: absolute; transition: opacity 0.75s; width: 100%; } .menu-trigger .menu-icon .line:after { top: 0; } .menu-trigger .menu-icon .line:before { bottom: 0; } .logo img { display: block; height: 100%; max-width: 241px; /* width: 100%; */ } .cta { background-color: #f7f76d; border: 4px solid #ea1c2c; color: #231f20; display: inline-block; font-size: 1.5625rem; font-weight: 900; line-height: 1; padding: 0.75rem 4rem; position: relative; text-decoration: none; text-transform: uppercase; transform: perspective(1px) translateZ(0); transition-duration: 0.3s; transition-property: color; transition-timing-function: ease-out; } .cta:before { background-color: #ea1c2c; bottom: 0; content: ''; display: block; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transition-property: transform; transition-duration: 0.3s; transform-origin: 0 50%; transition-timing-function: ease-out; z-index: -1; } .cta:hover, .cta:focus { color: #f7f76d; } .cta:hover:before, .cta:focus:before { transform: scaleX(1); } .hero-bg-wrapper { height: 20vh; position: relative; width: 100%; } .hero-bg-wrapper:before { animation: 3.2s heroImageBefore cubic-bezier(0.31, 0.014, 0.012, 0.996) forwards 1s; background-color: #fff; bottom: 0; content: ''; display: none; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: translateX(-100%); width: 100%; } @media only all and (min-width: 40em) { .hero-bg-wrapper { display: block; height: 100%; position: absolute; right: 0; top: 0; } .hero-bg-wrapper:before { width: 50%; } } .hero-background { background-size: cover; background-position: 70%; background-repeat: no-repeat; height: 100%; position: absolute; right: 0; top: 0; transform: translateX(-100%); transform-origin: 100% 50%; transition: transform; width: 100%; z-index: -1; } .section--hero { overflow: hidden; position: relative; } .section--hero .site-header { padding-right: 3rem; padding-top: calc(0.75rem + 0.5vw); } .section--hero .site-header .logo-area { opacity: 0; } .section--hero .site-header .logo.active { animation: 0.75s fadeUpwards ease-in-out forwards; } @media only all and (min-width: 40em) { .section--hero .hero-background { animation: 3.2s heroImageAfterTwoCol cubic-bezier(0.31, 0.014, 0.012, 0.996) forwards; } .section--hero .interior { display: grid; grid-template-columns: 50% auto; } .section--hero .interior__content { margin-right: -40%; z-index: 2; } .section--hero .interior__image { background: transparent url('/img/construction-portable-restrooms-albany-or-Best-Pots.jpg') no-repeat bottom center; } .section--hero .interior__image img { display: none; } } .hero-background img { display: block; width: 100%; } .fade-up.active .cta-area { animation: 0.75s fadeUpwards ease-in-out forwards 450ms; } .fade-up.active .site-header .logo-area { animation: 0.75s fadeUpwards ease-in-out forwards; } .fade-up.active .menu-trigger { opacity: 1; } .fade-up.active .hero-background { animation: 3.2s heroImageAfter cubic-bezier(0.31, 0.014, 0.012, 0.996) forwards 600ms; } .fade-up.active .hero-content h1 span.line-1 { animation: 0.75s fadeUpwards ease-in-out forwards 150ms; } .fade-up.active .hero-content h1 span.line-2 { animation: 0.75s fadeUpwards ease-in-out forwards 150ms; } .fade-up.active .hero-content h1 span.line-3 { animation: 0.75s fadeUpwards ease-in-out forwards 150ms; } .fade-up.active .hero-content .hero-body { animation: 0.75s fadeUpwards ease-in-out forwards 300ms; } .fade-up.active .hero-footer { animation: 0.75s fadeUpwards ease-in-out forwards 450ms; } .fade-up.active.section--intro .emph { animation: 0.75s fadeUpwards ease-in-out forwards; } .fade-up.active.section--intro .content { animation: 0.75s fadeUpwards ease-in-out forwards 150ms; } .fade-up.active .agc-badge { opacity: 1; transition-delay: 300ms; } @media only all and (min-width: 40em) { .fade-up.active.grouped-sections .menu-trigger { transition-delay: 1.2s; } .fade-up.active .hero-background { animation: 3.2s heroImageAfterTwoCol cubic-bezier(0.31, 0.014, 0.012, 0.996) forwards 600ms; } .fade-up.active .hero-content h1 span.line-1 { animation: 0.75s fadeUpwards ease-in-out forwards 2450ms; } .fade-up.active .hero-content h1 span.line-2 { animation: 0.75s fadeUpwards ease-in-out forwards 2600ms; } .fade-up.active .hero-content h1 span.line-3 { animation: 0.75s fadeUpwards ease-in-out forwards 2750ms; } .fade-up.active .hero-content .hero-body { animation: 0.75s fadeUpwards ease-in-out forwards 3s; } .fade-up.active .hero-footer { animation: 0.75s fadeUpwards ease-in-out forwards 3150ms; } /* .fade-up.active .section--intro .emph { animation: 0.75s fadeUpwards ease-in-out forwards 3300ms; } .fade-up.active .section--intro .content { animation: 0.75s fadeUpwards ease-in-out forwards 3450ms; } */ .fade-up.active .agc-badge { opacity: 1; /* transition-delay: 3600ms; */ } .fade-up.active .columns--tri .column:nth-child(1) { animation-delay: 300ms !important; } .fade-up.active .columns--tri .column:nth-child(2) { animation-delay: 450ms !important; } .fade-up.active .columns--tri .column:nth-child(3) { animation-delay: 600ms !important; } } .hero-content { padding: calc(3rem + 4vw) 0; text-transform: uppercase; } .hero-content h1 { color: #ea1c2c; /* font-size: 5.625rem; */ font-size: 4.625rem; font-size: clamp(4.625rem, 6vw, 5.625rem); line-height: 0.8; margin: 0 0 2rem; } .hero-content h1 span { opacity: 0; } .hero-content h2 { font-size: 2rem; line-height: 1; opacity: 0; } .hero-content .hero-body { opacity: 0; } .hero-content h2 span { display: block; } @media only all and (min-width: 60em) { .hero-content h1 span { display: block; } } .hero-footer { margin-top: 2.5rem; opacity: 0; } .hero-footer .cta { padding: 1rem 3rem; } @media only all and (min-width: 40em) { .hero-footer .cta { padding: 1rem 4rem; } } .section--intro { font-size: 1.375rem; overflow: hidden; /* margin: calc(3rem + 6vw) 0 0; */ padding: calc(3rem + 6vw) 0 calc(3rem + 6vw); text-align: center; } .section--intro .container { max-width: 70rem; position: relative; } .section--intro .emph { font-size: 1.775rem; font-weight: 900; line-height: 1.2; margin: 0 0 2rem; opacity: 0; text-transform: uppercase; } .section--intro .interior { margin: 0 auto; max-width: 50rem; position: relative; z-index: 2; } .section--intro .content { margin: 0 auto; max-width: 40rem; opacity: 0; } .agc-badge { bottom: -50%; display: block; max-width: 200px; opacity: 0; position: absolute; right: 0; top: -2rem; transition: opacity 750ms ease-in-out; width: 40vw; } #badge { left: 0; position: absolute; top: 0; width: 100%; } @media only all and (min-width: 40em) { .agc-badge { max-width: 245px; } } @media only all and (min-width: 60em) { .agc-badge { max-width: 290px; } } .section--conexpo { font-size: 1.375rem; position: relative; } /* .section--conexpo .text a { color: #ea1c2c; } */ .section--conexpo .text a:hover { text-decoration: none; } .section--conexpo h2 { /* font-size: 4.6875rem; */ font-size: 3.488rem; line-height: 0.8; margin-bottom: calc(1.5rem + .75vw); text-transform: uppercase; } @media only all and (min-width: 40em) { .section--conexpo h2 { font-size: 2.788rem; } } @media only all and (min-width: 60em) { .section--conexpo h2 { font-size: 3.188rem; } } .section--conexpo h2 span { display: block; opacity: 0; } .section--conexpo h2 span.grey { color: #b7b7b7; } .section--conexpo h2 span.red { color: var(--red); } .section--conexpo h2 span.line-1 { animation-delay: 2450ms; } .section--conexpo h2 span.line-2 { animation-delay: 2600ms; /* white-space: nowrap; */ } .section--conexpo h2 span.line-3 { animation-delay: 2750ms; } .section--conexpo .interior { margin-bottom: calc(2rem + 2vw); } .section--conexpo .interior__img { margin-bottom: calc(2rem + 2vw); } .section--conexpo .interior__img img { display: block; width: 100%; } .section--conexpo .content { margin-bottom: calc(2rem + 2vw); } .section--conexpo .text { opacity: 0; } .section--conexpo .images { display: flex; } .section--conexpo .images .image:first-child { flex: 0 0 60%; margin-right: 1.25rem; } .section--conexpo .images .image:last-child { flex: 1 1 auto; } @supports (display: grid) { .section--conexpo .images { display: grid; grid-column-gap: 1.25rem; grid-template-columns: 60% auto; } .section--conexpo .images .image:first-child { margin-right: 0; } } .section--conexpo .images .image { overflow: hidden; } .section--conexpo .images .image img { opacity: 0; } @media only all and (min-width: 40em) { .section--conexpo { margin-bottom: calc(4rem + 4vw); } .section--conexpo .interior { display: flex; margin: 0 auto; } .section--conexpo .interior__buffer { flex: 1 1 auto; margin-right: 2rem; } .section--conexpo .interior__content { flex: 0 0 50%; } @supports (display: grid) { .section--conexpo .interior { display: grid; grid-column-gap: 2rem; grid-template-columns: 50% auto; } .section--conexpo .interior__buffer { margin-right: 0; } } .section--conexpo .conexpo-bg-wrapper { height: 100%; margin-bottom: 0; left: 0; overflow: hidden; position: absolute; top: 0; width: 50%; } .section--conexpo .conexpo-bg { background: transparent url('/img/iStock-989110990.jpg') no-repeat center bottom; background-size: cover; bottom: 0; height: 100%; margin-bottom: 0; left: 0; position: absolute; right: 0; top: 0; transition: transform 0.75s; width: 100%; } .section--conexpo .conexpo-bg:hover { transform: scale(1.1); } .section--conexpo .conexpo-bg:before { background-color: white; bottom: 0; content: ''; display: block; height: 100%; left: 0; right: 0; top: 0; width: 100%; } .section--conexpo .conexpo-bg img { display: none; } .section--conexpo .content { max-width: 28rem; padding-left: calc(2rem + 2vw); } } .section--conexpo.active .conexpo-bg:before { animation: 0.75s bgSlideRight cubic-bezier(0.31, 0.014, 0.012, 0.996) forwards; } .section--conexpo.active h2 span.line-1 { animation: 0.75s fadeUpwards ease-in-out forwards 750ms; } .section--conexpo.active h2 span.line-2 { animation: 0.75s fadeUpwards ease-in-out forwards 900ms; } .section--conexpo.active h2 span.line-3 { animation: 0.75s fadeUpwards ease-in-out forwards 1050ms; } .section--conexpo.active .text { animation: 0.75s fadeUpwards ease-in-out forwards 1200ms; } .section--conexpo.active .images .image:first-child img { animation: 0.75s fadeScaleImageIn ease-in-out forwards 1350ms; } .section--conexpo.active .images .image:last-child img { animation: 0.75s fadeScaleImageIn ease-in-out forwards 1500ms; } .conexpo-logo { background-color: none !important; display: block; max-width: none; padding: 0 !important; width: 100%; } .section--team { font-size: 1.375rem; margin-top: calc(4rem + 4vw); padding-bottom: calc(2rem + 2vw); position: relative; } .section--team h2 { font-size: 4.6875rem; line-height: 0.75; margin-bottom: calc(1.5rem + .75vw); text-transform: uppercase; } .section--team h2 span { display: block; opacity: 0; } @media only all and (min-width: 65em) { .section--team h2 span.line-1 { animation-delay: 1000ms !important; } .section--team h2 span.line-2 { animation-delay: 1150ms !important; } } .section--team .content { max-width: 36rem; opacity: 0; } @media only all and (min-width: 65em) { .section--team .content { animation-delay: 1300ms !important; } .section--team .interior { display: flex; margin: 0 auto; } .section--team .interior__content { flex: 0 0 55%; margin-right: 2rem; } .section--team .interior__buffer { flex: 1 1 auto; } @supports (display: grid) { .section--team .interior { display: grid; grid-column-gap: 2rem; grid-template-columns: 55% auto; } .section--team .interior__content { margin-right: 0; } } .section--team .bg-wrapper { height: 100%; position: absolute; right: 0; top: 0; width: 40%; } .section--team .team-bg { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .section--team .highlight { animation-delay: 1450ms !important; } } .section--team.active h2 span { animation: 0.75s fadeUpwards ease-in-out forwards; } .section--team.active .content { animation: 0.75s fadeUpwards ease-in-out forwards; } .section--team.active .team-bg .bg-interior { animation: 0.75s zoomImage ease-in-out forwards 0.75s; } .section--team.active .team-bg:after { animation: 0.75s afterIn ease-in-out forwards; } .section--team.active .team-bg:before { animation: 0.75s beforeIn ease-in-out forwards; } .section--team.active .highlight { animation: 0.75s fadeUpwards ease-in-out forwards; } .bg-wrapper { border-bottom: 24px solid #ea1c2c; } .team-bg { /* height: calc33vh; */ /* height: clamp(1rem, 63vh, 33rem); */ height: calc(15rem + 35vw); overflow: hidden; position: relative; } .team-bg .bg-interior { /* background-position: 65%; */ background-position: 50% 15%; background-repeat: no-repeat; background-size: cover; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: scale(1.2); width: 100%; } .team-bg:after, .team-bg:before { bottom: 0; content: ''; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .team-bg:after { background-color: #ea1c2c; transform: translateX(101%); } .team-bg:before { background-color: #fff; z-index: 1; } @media only all and (min-width: 65em) { .team-bg { height: 100%; position: absolute; } } .highlights { font-size: 75%; font-weight: 900; line-height: 1; list-style: none; margin-left: 0; margin: calc(2rem + 2vw) 0; padding-left: 0; text-transform: uppercase; } @media only all and (min-width: 40em) { .highlights { column-count: 2; column-gap: 3rem; } } .highlight { align-items: center; display: flex; margin-bottom: 2rem; opacity: 0; } .highlight__icon { flex: 0 0 0; margin-right: 1rem; } .highlight__icon img { display: block; height: auto; max-width: 60px; } .highlight__text { flex: 1 1 auto; } .section--sponsors .container { padding: 0 calc(1rem + 3vw); } .section--sponsors .sponsors-header__badge, .section--sponsors .sponsors-header__title, .section--sponsors .sponsors-header__action { opacity: 0; } .section--sponsors h2 { font-size: 4.6875rem; line-height: 0.8; text-transform: uppercase; } .section--sponsors .cta { font-size: 1.15rem; } .section--sponsors.active .logos-grouping { animation: 0.75s fadeUpwards ease-in-out forwards 450ms; } .section--sponsors.active .sponsors-header__badge { animation: 0.75s fadeUpwards ease-in-out forwards; } .section--sponsors.active .sponsors-header__title { animation: 0.75s fadeUpwards ease-in-out forwards 150ms; } .section--sponsors.active .sponsors-header__action { animation: 0.75s fadeUpwards ease-in-out forwards 300ms; } .sponsors-header { margin-left: auto; margin-right: auto; max-width: 88rem; } .sponsors-header__badge { margin-bottom: 2rem; margin-bottom: calc(3rem + 3vw); } .sponsors-header__badge img { display: block; margin: 0 auto; max-width: 250px; } .sponsors-header__title { margin-bottom: 2rem; padding: 0 45px; text-align: center; } .sponsors-header__action { padding: 0 45px; text-align: center; } .sponsors-header .cta { padding-left: 2rem; padding-right: 2rem; } @media only all and (min-width: 48em) { .sponsors-header { align-items: center; display: flex; flex-wrap: wrap; } .sponsors-header__badge { flex: 0 0 100%; } .sponsors-header__title { flex: 0 0 50%; margin-bottom: 0; } .sponsors-header__action { flex: 1 1 auto; } } @media only all and (min-width: 60em) { .sponsors-header { align-items: flex-end; padding: 0 1rem; } .sponsors-header__badge { flex: 0 0 33%; margin-right: 3rem; } .sponsors-header__title { flex: 0 0 33%; margin-right: 3rem; } .sponsors-header__action { flex: 0 0 33%; } @supports (display: grid) { .sponsors-header { display: grid; grid-column-gap: 3rem; grid-template-columns: repeat(3, 1fr); } .sponsors-header__badge { margin-right: 0; } .sponsors-header__title { margin-right: 0; } } .sponsors-header__action { display: flex; justify-content: flex-end; padding: 0; } .sponsors-header__title { margin: 0; padding: 0; } .sponsors-header__badge { margin: 0; } .sponsors-header__badge img { margin-left: calc(-4rem - 3vw); max-width: 100%; } } .cta-area { margin-bottom: calc(2rem + 2vw); opacity: 0; text-align: center; } .logo-farm { margin: calc(3rem + 3vw) auto calc(2rem + 2vw); } .logos-grouping { margin-bottom: calc(2rem + 2vw); opacity: 0; } .logos-grouping h3 { font-size: 3.2875rem; line-height: 1; margin: 0 0 calc(1rem + 1vw); text-align: center; text-transform: uppercase; } .logos-grouping:last-child { margin-bottom: 0; } .logos { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; margin-left: 0; padding-left: 0; } .logos li { margin: 0 auto 2rem; margin: 0 auto calc(2rem + 1.5vw); text-align: center; } .logos li:last-child { margin-bottom: 0; } .logos img { display: block; height: auto; margin: 0 auto; } .logos a { display: inline-block; } @media only all and (min-width: 30em) { .logos li { flex: 0 0 48%; } } @media only all and (min-width: 50em) { .logos li { flex: 0 0 30%; } } .section--construction { font-size: 1.5625rem; overflow: hidden; position: relative; } .section--construction .interior { color: #fff; padding: calc(4rem + 4vw) calc(1rem + 3vw); text-align: center; } .section--construction h2 { font-size: 3.4375rem; line-height: 0.8; margin: 0 0 0.5rem; opacity: 0; text-transform: uppercase; } .section--construction .content { line-height: 1.2; opacity: 0; } .section--construction.active .construction-portion { animation: 0.75s zoomImage ease-in-out forwards; } .section--construction.active h2 { animation: 0.75s fadeUpwards ease-in-out forwards 375ms; } .section--construction.active .content { animation: 0.75s fadeUpwards ease-in-out forwards 525ms; } .section--construction.active .form-area { animation: 0.75s fadeUpwards ease-in-out forwards 675ms; } .construction-portion { background: transparent no-repeat center 80%; background-size: cover; background-attachment: fixed; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(1.2); width: 100%; } @supports (-webkit-overflow-scrolling: touch) { /* CSS specific to iOS devices */ .construction-portion { background-attachment: scroll; } } .construction-portion:before { background-color: rgba(41, 59, 72, 0.61); bottom: 0; content: ''; display: block; height: 100%; left: 0; right: 0; top: 0; width: 100%; } .form-area { opacity: 0; } .form--updates { font-size: 1.5625rem; margin-left: auto; margin-right: auto; margin-top: 2rem; max-width: 20em; max-width: 43rem; } .form-area.active { animation: 0.75s fadeUpwards ease-in-out forwards; } .form--updates .form-field { display: flex; width: 100%; } .form--updates .form-field input { border: 4px solid #ea1c2c; border-right: 0; flex: 1 1 auto; padding: 0.5rem 1.5rem; text-transform: uppercase; } .form--updates .form-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #231f20; opacity: 1; transition: opacity 400ms; } .form--updates .form-field input::-moz-placeholder { /* Firefox 19+ */ color: #231f20; opacity: 1; transition: opacity 400ms; } .form--updates .form-field input:-ms-input-placeholder { /* IE 10+ */ color: #231f20; opacity: 1; transition: opacity 400ms; } .form--updates .form-field input:-moz-placeholder { /* Firefox 18- */ color: #231f20; opacity: 1; transition: opacity 400ms; } .form--updates .form-field input:focus { /* Chrome/Opera/Safari */ } .form--updates .form-field input:focus::-webkit-input-placeholder { opacity: 0.5; } .form--updates .form-field input:focus::-moz-placeholder { /* Firefox 19+ */ opacity: 0.5; } .form--updates .form-field input:focus:-ms-input-placeholder { /* IE 10+ */ opacity: 0.5; } .form--updates .form-field input:focus:-moz-placeholder { /* Firefox 18- */ opacity: 0.5; } .form--updates .form-field button { cursor: pointer; flex: 0; padding: 0.75rem 3rem; white-space: nowrap; } .site-footer { background-color: #000000; color: #fff; line-height: 1.2; padding: calc(2rem + 2vw) 0; } .site-footer a { color: inherit; text-decoration: none; } .site-footer a:hover, .site-footer a:focus, .site-footer a:active { text-decoration: underline; } .site-footer .container { padding: 0 calc(1rem + 3vw); } .footer-legal { font-size: 0.9375rem; font-weight: 900; line-height: 1.2; margin-bottom: 2rem; text-transform: uppercase; } .footer-logo { margin-bottom: 2rem; } .footer-logo img { display: block; max-width: 233px; width: 100%; } .to-top { background-color: #ea1c2c; border: 4px solid #ea1c2c; cursor: pointer; display: inline-block; float: right; padding: 0.8rem; transform: perspective(1px) translateZ(0); transition-duration: 0.3s; transition-property: background-color; transition-timing-function: ease-out; } .to-top svg path { fill: #fff; transition: fill 0.3s ease-out; } .to-top:hover, .to-top:focus { background-color: #f7f76d; } .to-top:hover svg path, .to-top:focus svg path { fill: #231f20; } .to-top svg { display: block; height: 29.4px; width: 32px; } /* @media only all and (min-width: 30em) { .footer-components { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; } .footer-legal { flex: 0 0 100%; margin-top: 2rem; order: 2; } .footer-logo { flex: 0 0 300px; margin-bottom: 0; } .footer-actions { flex: 0 0 4rem; } } @media only all and (min-width: 48em) { .footer-legal { flex: 0 0 35%; order: 0; margin: 0; } .footer-logo { flex: 1 1 auto; } .footer-logo img { margin: 0 auto; width: 100%; } .footer-actions { display: flex; flex: 0 0 auto; justify-content: flex-end; } } @media only all and (min-width: 60em) { .footer-legal { flex: 0 0 35%; margin: 0; } .footer-logo { flex: 1 1 auto; } .footer-logo img { margin: 0 auto; width: 100%; } .footer-actions { display: flex; flex: 0 0 35%; justify-content: flex-end; } } */ .overlaid { overflow-y: scroll; position: fixed; } .overlaid .overlay { pointer-events: auto; transform: translateX(0); } .overlay { background-color: #ea1c2c; bottom: 0; display: flex; flex-direction: column; justify-content: space-between; left: 0; min-height: 100%; overflow-y: auto; overflow-x: hidden; padding: calc(3rem + 2vw) calc(1.5rem + 1vw) calc(1.5rem + 1vw); pointer-events: none; position: fixed; transition: transform 0.75s ease-in-out; transform: translateX(100%); top: 0; width: 100%; z-index: 3; } .overlay-nav { /* font-size: 4.6875rem; */ font-size: 4rem; font-weight: 900; line-height: 1; margin-bottom: calc(2rem + 2vw); } .overlay-nav ul { list-style: none; margin: 0; padding: 0; } .overlay-nav ul li { margin-bottom: 0.25em; } .overlay-nav a { color: white; position: relative; text-decoration: none; text-transform: uppercase; } .overlay-nav a:before { background-color: #fff; bottom: 0; content: ''; height: 0.1em; display: block; left: 0; position: absolute; transform: scaleX(0); transform-origin: 0 0; transition: transform 0.75s; width: 100%; } .overlay-nav a:hover:before, .overlay-nav a:focus:before, .overlay-nav a:active:before { transform: scaleX(1); } .overlay-info { font-size: 2rem; font-weight: 900; line-height: 1; margin-bottom: calc(2rem + 2vw); text-transform: uppercase; } .overlay-info .label { color: #fff; display: block; font-size: 1.375rem; font-weight: 400; margin-bottom: 0.5rem; text-transform: none; } @media only all and (min-width: 48em) { .overlay-footer { align-items: flex-end; display: flex; } .overlay-footer .overlay-logo { flex: 0 0 234px; margin-bottom: 0; margin-right: calc(2rem + 2vw); } .overlay-footer .overlay-social { flex: 1 1 auto; } .overlay-footer .ancillary-nav { text-align: right; } } .overlay-logo { margin-bottom: 2rem; } .overlay-logo img { display: block; max-width: 234px; } .ancillary-nav { color: #fff; font-size: 1rem; font-weight: 900; text-transform: uppercase; } .ancillary-nav a { color: inherit; display: inline-block; margin-right: 1.5rem; text-decoration: none; } .ancillary-nav a:last-child { margin-right: 0; } .ancillary-nav a:hover, .ancillary-nav a:focus, .ancillary-nav a:active { text-decoration: underline; } @keyframes fadeUpwards { 0% { opacity: 0; transform: translateY(50px); } 100% { opacity: 1; transform: none; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes beforeIn { 0% { transform: translateX(0); } 100% { transform: translateX(-101%); } } @keyframes afterIn { 0% { transform: translateX(101%); } 50% { transform: none; } 100% { transform: translateX(-101%); } } @keyframes zoomImage { 0% { transform: scale(1.2); } 100% { transform: none; } } @keyframes heroImageAfter { 0% { transform: translateX(-100%); } 50% { transform: translateX(0%); } 100% { transform: translateX(0%); } } @keyframes heroImageAfterTwoCol { 0% { transform: translateX(-100%); } 50% { transform: translateX(0%); width: 100%; } 100% { transform: translateX(0%); width: 50%; } } @keyframes heroImageBefore { 0% { transform: translateX(-100%); } 50% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @keyframes fadeScaleImageIn { 0% { opacity: 0; transform: scale(1.2); } 100% { opacity: 1; transform: scale(1); } } @keyframes bgSlideRight { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } } .sub-footer { background-color: #231f20; color: #fff; padding: calc(1rem + 1vw) 0; } .sub-footer .container { padding: 0 calc(1rem + 3vw); } .sub-footer a { color: #fff; text-decoration: none; white-space: nowrap; } .sub-footer a:hover { text-decoration: underline; } .sub-footer-links { text-align: center; } .sub-footer .separator { margin: 0 calc(1rem + 1vw); } @media only all and (min-width: 40em) { .sub-footer .separator { margin: 0 calc(1rem + 2vw); } } @media only all and (min-width: 60em) { .sub-footer .separator { margin: 0 calc(1rem + 3vw); } } /* Gravity Forms */ .form--updates .validation_error { flex: 1 1 100%; } .form--updates .gform_body { flex: 1 1 auto; margin-bottom: 1rem; } .form--updates .gform_footer { flex: 0; } .form--updates .gform_footer button[type="submit"] { background-color: #f7f76d; border: 4px solid #ea1c2c; color: #231f20; cursor: pointer; display: inline-block; font-size: 1.5625rem; font-weight: 900; line-height: 1; padding: 0.75rem 3rem; position: relative; text-decoration: none; text-transform: uppercase; transform: perspective(1px) translateZ(0); transition-duration: 0.3s; transition-property: color; transition-timing-function: ease-out; white-space: nowrap; } .form--updates .gform_footer button[type="submit"]:before { background-color: #ea1c2c; bottom: 0; content: ''; display: block; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transition-property: transform; transition-duration: 0.3s; transform-origin: 0 50%; transition-timing-function: ease-out; z-index: -1; } .form--updates .gform_footer button[type="submit"]:hover, .form--updates .gform_footer button[type="submit"]:focus { color: #f7f76d; } .form--updates .gform_footer button[type="submit"]:hover:before, .form--updates .gform_footer button[type="submit"]:focus:before { transform: scaleX(1); } .form--updates .gfield input { border: 4px solid #ea1c2c; flex: 1 1 auto; padding: 0.5rem 1.5rem; text-transform: uppercase; width: 100%; } .form--updates .gfield .validation_message { bottom: 90%; left: 0; position: absolute; text-align: left; } @media only all and (min-width: 40em) { .gform_wrapper .form--updates { display: flex; flex-wrap: wrap; width: 100%; } .form--updates .gform_body { margin-bottom: 0; } .form--updates .gfield input { border-right: 0; } .form--updates .gfield .validation_message { bottom: auto; top: 100%; } } .form--updates .gfield input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #231f20; opacity: 1; transition: opacity 400ms; } .form--updates .gfield input::-moz-placeholder { /* Firefox 19+ */ color: #231f20; opacity: 1; transition: opacity 400ms; } .form--updates .gfield input:-ms-input-placeholder { /* IE 10+ */ color: #231f20; opacity: 1; transition: opacity 400ms; } .form--updates .gfield input:-moz-placeholder { /* Firefox 18- */ color: #231f20; opacity: 1; transition: opacity 400ms; } .form--updates .gfield input:focus { /* Chrome/Opera/Safari */ } .form--updates .gfield input:focus::-webkit-input-placeholder { opacity: 0.5; } .form--updates .gfield input:focus::-moz-placeholder { /* Firefox 19+ */ opacity: 0.5; } .form--updates .gfield input:focus:-ms-input-placeholder { /* IE 10+ */ opacity: 0.5; } .form--updates .gfield input:focus:-moz-placeholder { /* Firefox 18- */ opacity: 0.5; } .form--updates .gfield_label { display: none; } .form--updates .gform_fields { list-style: none; margin: 0; padding: 0; } .validation_error { line-height: 1; } .form-area .gform_confirmation_message { font-size: 0.9em; border-top: 2px solid; border-bottom: 2px solid; padding: 1rem 0; clear: both; width: 100%; text-align: center; } .gform_wrapper div.validation_error { font-size: 0.9em; margin-bottom: 25px; border-top: 2px solid; border-bottom: 2px solid; padding: 1rem 0; clear: both; width: 100%; text-align: center; } .gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container { display: none !important; position: absolute !important; left: -9000px; } .form--updates .gfield { position: relative; } .form--updates .gform_body { display: flex; } .form--updates .ginput_container, .form--updates .gfield, .form--updates .gform_fields { display: flex; width: 100%; } body img.gform_ajax_spinner { display: none !important; } /* General Template */ .section--general { font-size: 1.2rem; position: relative; } .section--general h1 { font-size: 4.6875rem; line-height: 0.75; margin-bottom: calc(1.5rem + .75vw); text-transform: uppercase; } .section--general .site-header { margin-bottom: calc(1rem + 3vw); padding-top: calc(0.75rem + 0.5vw); } .section--general a { color: #ea1c2c; } .section--general a:hover, .section--general a:focus, .section--general a:active { text-decoration: none; } .section--general .interior { margin-bottom: calc(1rem + 3vw); } p, ul, ol, dl { margin: 1.5rem 0; } /* Phase 2 */ .internal-header .site-header { display: flex; height: 4.15rem; padding: 0.75rem 0; } .internal-header .site-header .logo-area { display: flex; flex: 1; padding-right: 2rem; } .internal-header .site-header .logo { flex: 0 1 241px; } .masthead { margin-bottom: calc(2rem + 1vw); } .masthead img { display: block; height: auto !important; margin-bottom: 2rem; padding-right: 4.5rem; width: 100%; } .masthead h1 { /* font-size: 5.625rem; */ font-size: 3rem; line-height: 0.8; opacity: 0; margin: 0; text-transform: uppercase; } .masthead-header { position: relative; } .masthead-header:after, .masthead-header:before { bottom: 0; content: ''; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .masthead-header:before { background-color: #fff; z-index: 1; } .masthead.fade-up.active .masthead-header:before { animation: 0.75s beforeInMasthead ease-in-out forwards; } .masthead-header:after { background-color: #ea1c2c; transform: translateX(101%); } .masthead.fade-up.active .masthead-header:after { animation: 0.75s afterInMasthead ease-in-out forwards; } @keyframes beforeInMasthead { 0% { transform: translateX(0); } 100% { transform: translateX(101%); } } @keyframes afterInMasthead { 0% { transform: translateX(-101%); } 50% { transform: none; } 100% { transform: translateX(101%); } } @media only all and (min-width: 48em) { .masthead-components { position: relative; } .masthead-header { align-items: center; bottom: 0; display: flex; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .masthead-header .container { width: 100%; } .masthead h1 { color: #fff; font-size: 4.6875rem; } } @media only all and (min-width: 80em) { .masthead h1 { font-size: 5.625rem; } } .hero-content p { font-size: 1.375rem; text-transform: none; } @media only all and (min-width: 40em) { .hero-body { max-width: 24.95rem; } } .section--portal { margin: calc(3rem + 6vw) 0 0; } .bucket { margin-bottom: 2rem; opacity: 0; text-align: center; } .bucket .cta { padding-left: 3rem; padding-right: 3rem; } .bucket img { display: block; height: auto !important; margin: 0 auto; max-width: 25rem; width: 100%; } .bucket .cta { display: inline-block; margin: 1rem auto 0; } @media only all and (min-width: 34em) { .bucket { position: relative; } .bucket .cta { bottom: 2rem; left: 1rem; padding-left: 1rem; padding-right: 1rem; position: absolute; width: calc(100% - 2rem); } } @media only all and (min-width: 48em) { @supports (display: grid) { .buckets { display: grid; grid-column-gap: 1rem; grid-template-columns: repeat(3, 1fr); } } .bucket .cta { font-size: 1rem; } } .images .image .cta { opacity: 0; padding: 0.75rem 2rem; text-align: center; width: 100%; } .fade-up.active .images .image .cta { animation: 0.75s fadeUpwards ease-in-out forwards 1500ms; } @media only all and (min-width: 40em) { .images .image { position: relative; } .images .image .cta { bottom: 1rem; font-size: 1.2rem; left: 1rem; position: absolute; width: calc(100% - 2rem); } } .section--content-cols { font-size: 1.2rem; margin: calc(2rem + 2vw) 0 0; } @media only all and (min-width: 60em) { .section--content-cols { margin: calc(3rem + 6vw) 0 0; } } .columns--tri .column { margin-bottom: 2rem; opacity: 0; } .columns--tri .column:last-child { margin-bottom: 0; } .column--1 img { display: block; height: auto !important; width: 100%; } .column--1 .content { margin-top: calc(2rem + 2vw); } .column--1 h3 { font-size: 1.1rem; line-height: 1.2; text-transform: uppercase; } @media only all and (min-width: 40em) { @supports (display: grid) { .columns--tri { display: grid; grid-column-gap: 1rem; grid-template-columns: repeat(2, 1fr); } } .column--1 .content { padding: 0 1.5rem; } } @media only all and (min-width: 60em) { @supports (display: grid) { .columns--tri { grid-template-columns: repeat(3, 1fr); } .columns--tri .column { margin-bottom: 0; } } } .section--partners { margin: calc(3rem + 3vw) 0; } .section--partners h2 { line-height: 1.2; margin-bottom: calc(2rem + 3vw); text-align: center; text-transform: uppercase; } .section--partners .interior { opacity: 0; } .partners { margin-bottom: calc(1rem + 2vw); text-align: center; } @media only all and (min-width: 40em) { .partners { display: grid; grid-column-gap: 2rem; /* grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); */ grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } } .partner { margin-bottom: 2rem; } .partner img { height: auto !important; } .section--partners .cta { padding-bottom: calc(1rem + 1vw); padding-top: calc(1rem + 1vw); text-align: center; width: 100%; } /* .logos-grouping h3 { font-size: 1.375rem; margin: 0 0 calc(1rem + 2vw); text-align: left; } */ .page-main ul, .page-main ol { margin-left: 1.25rem; padding-left: 0; } .content-group h1, .page-main h1 { font-size: 4.6875rem; line-height: 0.8; text-transform: uppercase; } .content-group h2 { font-size: 1.875rem; line-height: 1; margin-bottom: 1rem; text-transform: uppercase; } .content-group h3 { font-size: 0.9375rem; margin-bottom: 0; text-transform: uppercase; } .content-group ul, .content-group ol { line-height: 1.4; margin-top: 0; } .content-group ul li, .content-group ol li { padding-left: 2rem; } .content-group ul, .content-group ol, .content-group p, .content-block { /* font-size: 1.0625rem; */ font-size: 1.3rem; } .page-main { margin-bottom: calc(2rem + 1vw); /* opacity: 0; */ } .page-main .cta { color: inherit; } .page-main .cta:hover, .page-main .cta:focus, .page-main .cta:active { color: #f7f76d; text-decoration: none; } .page-aside { margin-bottom: calc(2rem + 1vw); /* opacity: 0; */ position: relative; } .page-aside--variant-1 p { font-size: 1.3125rem; line-height: 1.4; margin-top: 0; } .fade-up.page-grid { opacity: 0; } .fade-up.active.page-grid { animation: 0.75s fadeIn ease-in-out forwards 1s; } .page-aside .cta { font-size: 1.2rem; padding-left: 2rem; padding-right: 2rem; text-align: center; width: 100%; } .page-aside .cta-region { margin-bottom: 2rem; } @media only all and (min-width: 48em) { @supports (display: grid) { .page-grid { display: grid; grid-column-gap: 3rem; /* grid-template-columns: calc(70% - 3rem) auto; */ grid-template-columns: auto 16rem; } } /* .page-grid .page-main, .page-grid .page-aside { margin-bottom: 0; } */ } @media only all and (min-width: 60em) { @supports (display: grid) { .page-grid { grid-column-gap: 4.5rem; } } } @media only all and (min-width: 80em) { @supports (display: grid) { .page-grid { grid-column-gap: 6rem; } } } .content-block { background-color: #ECEAE3; margin: 1.5rem 0; overflow: auto; padding: 0.5rem calc(1rem + 3vw); } @media only all and (min-width: 60em) { .content-block { padding: 0.5rem 2.75rem; } } .content-grouping { line-height: 1.4; } .content-grouping p strong { color: #ea1c2c; } .content-piece { border-bottom: 1px solid black; padding: 1rem 0; } .content-piece:last-child { border-bottom: 0 !important; } .content-block .content-piece .table p, .content-block .content-piece p, .content-block p { margin: 0; } @media only all and (min-width: 36em) { @supports (display: grid) { .content-piece .table { display: grid; grid-column-gap: 2rem;; grid-template-columns: 1fr 5rem; } } } .sticky-container { height: 100%; position: relative; } .content-group { margin-bottom: calc(2rem + 1vw); } .content-group:last-child { margin-bottom: 0; } .page-nav .header { border-bottom: 1px solid; font-size: 1.5625rem; font-weight: 900; padding-bottom: 0.75rem; text-transform: uppercase; } .page-nav ul { line-height: 1.2; list-style: none; margin: 0; padding: 0; } .page-nav ul li { border-bottom: 1px solid; padding: 1rem 0; } .page-nav a { color: inherit; padding-left: 1.5rem; text-decoration: none; } .page-nav a:hover { text-decoration: underline; } /* Keynote Speakers */ .fade-up.page { opacity: 0; } .fade-up.active.page { animation: 0.75s fadeUpwards ease-in-out forwards 1s; } .speaker { margin-bottom: calc(2rem + 1vw); } .speaker__photo { margin-bottom: 1.5rem; } .speaker .header h2 { font-size: 1.875rem; line-height: 1.2; margin: 0 0 0.25rem; text-transform: uppercase; } .speaker .header h3 { font-size: 1.4875rem; font-weight: 400; line-height: 1.2; } .speaker .content { /* font-size: 0.9375rem; */ font-size: 1.3rem; } @media only all and (min-width: 48em) { @supports (display: grid) { .speaker { display: grid; grid-column-gap: 2rem; grid-template-columns: 30% auto; } } .speaker__photo { margin-bottom: 0; } } .content-note { margin-top: 1.5rem; } .content-note .note-contents { background-color: #000; color: #fff; display: inline-block; padding: 0.5rem 1rem; } .content-note .note-contents p { margin: 0; } .content-note .note-contents a { color: inherit; } @media only all and (min-width: 48em) { .content-note { margin-left: -1.5rem; width: calc(100% + 1.5rem); } } /* Special Events */ .events { margin-bottom: calc(2rem + 1vw); } .event { margin-bottom: calc(2rem + 1vw); } .event:last-child { margin-bottom: 0; } .event__aside { margin-bottom: 1.5rem; } .event__aside img { display: block; height: auto !important; width: 100%; } .event .header h2 { font-size: 1.875rem; line-height: 1; margin: 0 0 calc(1rem + 1vw); text-transform: uppercase; } .event .content { /* font-size: 0.9375rem; */ font-size: 1.3rem; } @media only all and (min-width: 48em) { @supports (display: grid) { .event { display: grid; grid-column-gap: calc(2rem + 1vw); grid-template-columns: 30% auto; } } .event__aside { margin-bottom: 0; } } .aside-module .header { border-bottom: 1px solid; font-size: 1.3125rem; font-weight: 900; line-height: 1; padding-bottom: 0.75rem; text-transform: uppercase; } .segment { border-bottom: 1px solid; padding: 1rem 0 1rem 1.5rem; } .segment a { color: inherit; text-decoration: none; } .segment--link, .page-link { line-height: 1.2; position: relative; } .segment--link a:before, .page-link.active:before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 8.7px; border-color: transparent transparent transparent #ea1c2c; position: absolute; top: calc(50% - 5px); left: 0; } .page-link.active { color: #ea1c2c; } .segment a:hover, .page-link a:hover, .segment a:focus, .page-link a:focus, .segment a:active, .page-link a:active { color: #ea1c2c; text-decoration: none; } .segment p, .segment ul { margin: 0; padding: 0; } .segment ul { margin-left: 1.25rem; } .segment a:hover, .segment a:focus, .segment a:active { text-decoration: underline; } .content-group h4 { font-size: 1.5625rem; font-weight: 400; margin-bottom: 0; text-transform: uppercase; } .content-group h5 { font-size: 1.25rem; margin: 1.5rem 0 0; text-transform: uppercase; } .content-group h6 { font-size: 0.9375rem; margin: 1.5rem 0 0; text-transform: uppercase; } .content-group p, .content-group ul { margin-top: 0; } .content-group p:last-child, .content-group ul:last-child { margin-bottom: 0; } .page-main a { color: #ea1c2c; /* text-decoration: none; */ } .page-main a:hover, .page-main a:focus, .page-main a:hover { text-decoration: none; } .page-main img { height: auto !important; } .page--conexpo ol { margin-top: 1rem; } .page--conexpo .content-block { margin: 1.5rem 0; padding: 1rem 1.5rem 2rem; } .page--conexpo .content-block table { width: 100%; } .page--conexpo .content-block table th { font-size: 1.0625rem; font-weight: 400; padding: 0 0 1rem 0; text-align: left; text-transform: uppercase; } .page--conexpo .content-block table td { font-size: 1.5625rem; line-height: 1.2; } .page--conexpo .content-block h6 { font-size: 1.25rem; line-height: 1.2; } /* Site Footer */ .site-footer { font-weight: 900; text-transform: uppercase; } .footer-register, .footer-nav-main { margin-bottom: 2rem; } .footer-register a { color: #ea1c2c; } .footer-nav, .footer-nav ul { list-style: none; margin: 0; padding: 0; } .footer-components { clear: both; padding-bottom: calc(2rem + 2vw); } .subfooter { border-top: 1px solid #fff; overflow: hidden; padding-top: calc(1rem + 1vw); } .subfooter .separator { display: inline-block; margin: 0 0.25rem; } .subfooter .legal .separator { display: none; } .subfooter__side.legal-side { margin-bottom: 2rem; } /* .sublinks { margin-top: 1rem; } */ @media only all and (min-width: 30em) { .footer-components { display: flex; flex-wrap: wrap; } .footer-logo { flex: 0 0 50%; margin-right: 2rem; } .footer-register { flex: 1 1 auto; } .footer-nav-main { flex: 0 0 50%; margin-bottom: 0; margin-right: 2rem; } .footer-nav-social { flex: 1 1 auto; } .sublinks { margin-top: 0; } .subfooter__side.legal-side { margin-bottom: 0; } } @media only all and (min-width: 30em) { .subfooter { align-items: center; display: grid; grid-column-gap: 2rem; grid-template-columns: auto 60px; } } @media only all and (min-width: 60em) { @supports (display: grid) { .footer-components { display: grid; grid-column-gap: 2rem; /* grid-template-columns: repeat(4, auto); */ grid-template-columns: 30% 27% auto auto; } .footer-logo, .footer-register, .footer-nav-main, .footer-nav-social { margin-bottom: 0; margin-right: 0; } } } @media only all and (min-width: 90em) { .subfooter .legal .separator { display: inline-block; } .subfooter__part { display: inline; } } .fade-up.active.masthead h1 { animation: 0.75s fadeUpwards ease-in-out forwards 0.75s; } .fade-up.active .bucket:nth-child(1) { animation: 0.75s fadeUpwards ease-in-out forwards; } .fade-up.active .bucket:nth-child(2) { animation: 0.75s fadeUpwards ease-in-out forwards 150ms; } .fade-up.active .bucket:nth-child(3) { animation: 0.75s fadeUpwards ease-in-out forwards 300ms; } .fade-up.active .columns--tri .column:nth-child(1) { animation: 0.75s fadeUpwards ease-in-out forwards; } .fade-up.active .columns--tri .column:nth-child(2) { animation: 0.75s fadeUpwards ease-in-out forwards 150ms; } .fade-up.active .columns--tri .column:nth-child(3) { animation: 0.75s fadeUpwards ease-in-out forwards 300ms; } .fade-up.active.section--partners .interior { animation: 0.75s fadeUpwards ease-in-out forwards; } .admin-bar .internal-header .menu-trigger { top: 32px; } .section--sponsors { margin-top: calc(4rem + 4vw); } @media only all and (min-width: 60em) { .section--sponsors { margin-top: 0; } } .single-event { transition: background 100ms; } .single-event.active { background-color: var(--yellow); } /* AGC 2022 Popup */ .popup-active { overflow-y: scroll; position: fixed; } .popup-active .popup-overlay { opacity: 1; pointer-events: auto; z-index: 99; } .popup-overlay { cursor: default; display: relative; } #popup-close { color: #fff; cursor: pointer; position: absolute; right: 0; top: -50px; } #popup-close span { display: inline-block; font-size: 60px; line-height: 1; transform: rotate(45deg) translate3d(0,0,0); } .popup-overlay { background-color: rgba(0, 0, 0, 0.5); bottom: 0; display: flex; flex-direction: column; justify-content: space-between; left: 0; min-height: 100%; opacity: 0; overflow-y: auto; overflow-x: hidden; padding: calc(3rem + 2vw) 0; pointer-events: none; position: fixed; transition: opacity 250ms ease-in-out; top: 0; width: 100%; z-index: -1; } .popup-overlay .container { display: flex; flex: 1; height: 100%; align-items: center; } .popup { display: flex; flex-direction: column; position: relative; } .popup img { display: block; max-height: 800px; max-height: min(85vh, 800px); height: auto !important; width: auto; }