#demo>.inner .next-demo{margin:90px 0 0}#demo>.inner .next-demo .label{font-size:.85em;font-style:italic;letter-spacing:1px;padding:0;margin-bottom:.25em}#demo>.inner .next-demo .date{font-size:3.2vw;font-weight:700;text-transform:uppercase;margin-bottom:30px;letter-spacing:1px}#demo>.inner .next-demo .date>.inner{display:inline;white-space:nowrap;border-bottom:3px solid #fff}#demo>.inner .next-demo .date-select{font-size:3.2vw;font-weight:700;text-transform:uppercase;margin-bottom:30px;letter-spacing:1px;position:relative;z-index:1}#demo>.inner .next-demo .date-select>.inner{display:inline-block;white-space:nowrap;border-bottom:3px solid #fff;cursor:pointer;min-width:200px;padding-right:30px;width:100%}#demo>.inner .next-demo .date-select>.inner b:after{content:" -";color:#fff}#demo>.inner .next-demo .date-select>.inner b{color:#478ea3}#demo>.inner .next-demo .date-select>.inner:after{content:'';position:absolute;width:20px;height:10px;top:50%;right:0;background:url("/www/images/icons/arrow-white.svg") center center no-repeat;background-size:contain;transform:translateY(-50%)}#demo>.inner .next-demo .date-select>.dropdown{position:absolute;top:0;left:-1.85em;display:none;background:#f0f0f0;padding:3px 0;border-radius:3px;box-shadow:1px 2px 2px 1px rgba(0,0,0,.3);min-width:100%}#demo>.inner .next-demo .date-select>.dropdown>div{color:#393939;white-space:nowrap;cursor:pointer;position:relative;padding:2px 20px 2px 1.85em;text-transform:none;font-weight:400}#demo>.inner .next-demo .date-select>.dropdown>div b:after{content:','}#demo>.inner .next-demo .date-select>.dropdown>div b{text-transform:uppercase}#demo>.inner .next-demo .date-select>.dropdown>div.state-selected:before{content:"";position:absolute;width:.74em;height:.55em;top:50%;left:.55em;background:url("/www/images/icons/features/tick_grey.svg") center center no-repeat;background-size:contain;transform:translateY(-50%)}#demo>.inner .next-demo .date-select>.dropdown>div.state-selected:hover:before{background-image:url("/www/images/icons/features/tick_white.svg")}#demo>.inner .next-demo .date-select>.dropdown>div:hover{background:#478ea2;color:#fff}#demo>.inner .next-demo .date-select>.inner:focus+.dropdown{display:block}#demo>.inner .next-demo .input{padding-top:5px;position:relative;height:50px}#demo>.inner .next-demo .input ::-webkit-input-placeholder{font-weight:400}#demo>.inner .next-demo .input :-moz-placeholder{font-weight:400}#demo>.inner .next-demo .input ::-moz-placeholder{font-weight:400}#demo>.inner .next-demo .input :-ms-input-placeholder{font-weight:400}#demo>.inner .next-demo .input input{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;min-width:100px;max-width:400px;width:calc(100% - 50px);height:100%;position:relative;float:left;color:#468ea2 !important;font-size:.75em;font-weight:700;border:none;padding:.65em 1em .7em;letter-spacing:1px;margin-right:0;border-right:1px solid #f8b44a}#demo>.inner .next-demo .input .button:before{content:attr(data-rsvp-label);text-transform:uppercase}#demo>.inner .next-demo .input.state-event-active input{display:none}#demo>.inner .next-demo .input.state-event-active .button:before{content:attr(data-join-label)}#demo>.inner .next-demo .input .button{position:relative;background:#478ea3 !important;width:auto;float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:end;align-self:flex-end;margin-left:3px;padding:0 20px;font-weight:700;min-width:45px;max-height:100%;height:100%;cursor:pointer;overflow:hidden}#demo>.inner .next-demo .input .button .arrow{width:100%}@media only screen and (min-width:768px){#demo .inner .next-demo{border-left:2px solid #fff;padding:1.125em 0 1.75em 6.25vw;white-space:nowrap;margin:35px 0 0}#demo .inner .next-demo .label{font-size:1.625em}#demo .inner .next-demo .date-select,#demo .inner .next-demo .date{font-size:1.4vw}#demo .inner .next-demo .date .inner{border-bottom:3px solid #fff}#demo .inner .next-demo .input{width:auto;min-width:auto;max-width:auto;height:53px}#demo .inner .next-demo .input input{font-size:1.4em;font-weight:700;letter-spacing:1px;width:calc(100% - 50px);max-width:440px;min-width:200px}}@media only screen and (min-width:768px) and (max-width:1024px){#demo .inner .next-demo .input input{font-size:108%}}@media only screen and (min-width:1024px){#demo .inner .next-demo .input{height:70px}#demo .inner .next-demo .input .button{min-width:80px}}