* { padding: 0; margin:0; box-sizing: border-box;}
html{background-color: #0A0B15;}
button { cursor: pointer; }
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{-webkit-background-clip: text;-webkit-text-fill-color: #CAA47299;transition: background-color 5000s ease-in-out 0s;}
#login-form input:-webkit-autofill{-webkit-text-fill-color: #FFE7C9;;}
#access-code-form input:-webkit-autofill{-webkit-text-fill-color: #000000;}
#login-form input.access-code-input:-webkit-autofill{-webkit-text-fill-color: #FFE7C9;}
#login-form input.access-code-input::placeholder{color: #FFE7C9;}
#access-code-form input{color: #CAA47299;}
button:focus { outline: none;}
h1, h3, h4, h5, h6 { font-family: Arial, sans-serif, sans-serif; color: #fff; }
a, a:active, a:visited { outline: none; }
.w-full { width: 100%;}
.text-blue { text-decoration: none; font-weight: 700;}
.blue-txt{ color: #ffffff !important; font-weight: 700;}
body { color: #000000; -webkit-tap-highlight-color: transparent; }
.modal-content, .bootbox .modal-content{background-color: #caa472d9!important;color: #ffff; border: 3px solid #FACD92;}
.modal{opacity: 1;background: #362A21D3!important;}
.bootbox .modal-dialog{width: 100%!important;max-width: 764px!important;margin: 150px auto;}
.bootbox .modal-footer{display: none;}
.bootbox .modal-body{padding-bottom: 115px;}
.bootbox .modal-content{border-radius: 0px;}
.bootbox .btn-close{outline: none;border-radius: 0px; background: transparent url("https://d3bp9g7eptramp.cloudfront.net/nbcu-upfront-2025/public_assets/images/close_icon.png") center / 1em auto no-repeat !important;opacity: 1;background-color: transparent;display: block;padding: 17px 19px 0px 0px !important;font-size: 29px;}
.bootbox .btn-close:hover, .btn-close:active, button.btn-close:focus {border: none!important; outline: none!important;border-color: inherit;-webkit-box-shadow: none;box-shadow: none;}
.bootbox .bootbox-body .error_body{text-align: center;font-size: 20px;line-height: 28px; font-family: "NBCU Sans Text", sans-serif;}
.color-quat.text-blue{text-decoration: underline;font-size: 20px;line-height: 28px;font-family: "NBCU Sans Text", sans-serif; color: #ffffff;}
#forgot-access-code .input-group{display: block;}
#access-code-form input, #access-code-form input::placeholder{color: #fff!important;}
input:focus {outline:none;}
.break-line{display: block;}
body .visible-xs{display:none !important;}
body .hidden-xs{display:block !important;}

/* Layout */
.layout-wrapper { min-height: 100vh;}
.layout-wrapper .nbcu-background{ min-height: 95vh; /*overflow-y: scroll;*/}
.layout-wrapper nav { height: 80px; background-image: linear-gradient(90deg, #DFAF57, #F3DCA0); display: flex; align-items: center; padding: 0 140px;}
.layout-wrapper nav img { width: 324px;  height: 38px;}
.layout-wrapper footer {min-height: 5vh; background: #0000006B 0% 0% no-repeat padding-box; font-size: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 8px 16px;}
.layout-wrapper footer a, .layout-wrapper footer a:hover, .layout-wrapper footer a:active, .layout-wrapper footer a:visited { color: #FFE7C9; text-decoration: none; }
.layout-wrapper footer .footer-nav a { font-size: 13px; font-weight: 400; font-family: 'NBCU Sans Text', sans-serif; margin: 4px 5px 0; line-height: 16px;}
.layout-wrapper footer .footer-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0;}
.footer-nav ul li { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.footer-nav-link { font-size: 13px;  font-family: 'NBCU Sans Text', sans-serif; line-height: 16px; }
.layout-wrapper footer .footer-nav a:hover { text-decoration: underline;}
.pipe-icon{font-size: 13px;line-height: 16px;}
/* .landing-page-wrapper { max-width:735px; width: 100%; } */
/* index page */
.layout-wrapper .home-wrapper.body-wrapper .banner img{max-width: 275px;}
.layout-wrapper .home-wrapper.body-wrapper {padding: 88px 0px 0px 65px;}
.layout-wrapper .home-wrapper.body-wrapper .banner{margin-bottom: 33px;}
.table-print-container{overflow-x: scroll; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

.video-container { position: relative; width: 100%; height: 100%; overflow: hidden; background: #010101;}
.video-container video { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.overlay-content { position: relative;}
.video-desktop { display: block; }
.video-tablet { display: none; }
.video-mobile { display: none; }

.eticket_page .video-container { background-color: #fff; }
.eticket_page video { display: none !important;}


/* closed registration */
.layout-wrapper .closed_registration .body-wrapper .reg-closed{font-size: 57px!important;line-height: 60px;font-family: "Juana Light It", sans-serif; font-style: italic; color: #FFE7C9!important; margin-bottom: 24px; text-align: left;}
.layout-wrapper .closed_registration .body-wrapper img{ width: 100%;}
.layout-wrapper .bg-closed-reg .home-wrapper { max-width: 869px; padding-left: 30px; padding-right: 30px;}
.layout-wrapper .closed_registration .closed-reg-banner{ padding: 0px 40px!important;  margin-bottom: 272px; margin-top: 30px;}
.layout-wrapper .closed_registration h6 { font-size: 20px;font-family: 'NBCU Sans Text', sans-serif; text-align: left;font-weight: 400;margin-bottom: 48px;margin-top: 0px;line-height: 28px;color: #CAA472;}
.layout-wrapper .closed_registration a { color: #CAA472; font-weight: 700; }
.layout-wrapper .bg-closed-reg .home-wrapper .rsvp-no-banner { max-width: 275px; width: 100%;}

/* error page */
.layout-wrapper .oops-txt{font-family: 'Juana Light It', sans-serif!important;font-style: italic; font-weight: 300; text-align: left; font-size: 57px!important;/*line-height: 112px!important;*/ color: #FFE7C9;margin: 0!important; padding-bottom: 76px;}
.layout-wrapper .error_page .error_wrapper { padding: 0; margin-bottom: 290px; margin-top: 130px;padding-left: 30px;}
.layout-wrapper .error_page .error_wrapper img { width: 100%; }
.layout-wrapper .error_page .error_wrapper .oops-sub-txt { font-family: 'NBCU Sans Text',sans-serif;font-weight: 400;margin-bottom: 12px;font-size: 22px;line-height: 30px;color: #CAA472; text-align: left;}
.layout-wrapper .error_page .error_wrapper a { font-family: 'NBCU Sans Text', sans-serif; font-weight: 700; font-size: 22px; color: #CAA472; line-height: 30px; margin: 0; text-align: left;}
.err-home-link { font-family: 'NBCU Sans Text',sans-serif;font-weight: 700;margin-bottom: 4px;font-size: 22px;line-height: 30px;color: #CAA472; text-align: left;}
.layout-wrapper .error_page .banner { max-width: 209px !important; margin: 0 auto;}

/* home layout */
#login-form .index-submit-input{color: #FFE7C9;font-size: 23px;line-height: 31px;padding-bottom: 16px;font-family: 'NBCU Sans Text', sans-serif;}
.layout-wrapper .home-wrapper{padding: 166px 0px 0px 64px;}
.layout-wrapper .home-wrapper.confirmation_no_wrapper{padding: 89px 0px 0px 69px;}
.layout-wrapper .home-wrapper.confirmation_no_wrapper .banner img{max-width: 275px;}
.layout-wrapper .bg-rsvp-no .home-wrapper.confirmation_no_wrapper .banner{margin-bottom: 159px;}
.layout-wrapper .registration-wrapper { max-width: 784px; padding: 88px 0px 0px 65px;margin: 0px;}
.layout-wrapper .home-wrapper .banner { margin-bottom: 31px; }
.layout-wrapper .bg-closed-reg .home-wrapper .banner{margin-bottom: 55px; padding: 0px 16px 0;}
.layout-wrapper .bg-rsvp-no .home-wrapper .banner{margin-bottom: 55px;}
.layout-wrapper .bg-rsvp-no .home-wrapper .banner.rsvp-no-banner {max-width: 209px; width: 100%; margin: 0 auto;}
.layout-wrapper .home-wrapper .banner{width: 100%;max-width: 100%; }
.layout-wrapper .date_row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 24px; }

.layout-wrapper .home-wrapper .banner img {width: 100%; max-width: 275px;}
.layout-wrapper .home-wrapper .banner_logo_img img{position: absolute;top: 24px;right: 22px;width: 100%;max-width: 182px;}
/* .layout-wrapper .home-wrapper .body-wrapper { max-width: 100%; margin: 0 auto;} */
.layout-wrapper .home-wrapper .login-page-wrapper .body-wrapper { margin-bottom: 42px;}
.layout-wrapper .home-wrapper .rsvp-no .body-wrapper p { color: #040505; font-size: 17px; }
.layout-wrapper .home-wrapper .rsvp-no .body-wrapper > div:last-child { height: 65px; background-color: #fff; line-height: 118px;}
.layout-wrapper .home-wrapper .rsvp-no .body-wrapper a, .layout-wrapper .home-wrapper .rsvp-no .body-wrapper a:active, .layout-wrapper .home-wrapper .rsvp-no .body-wrapper a:visited { color: #CAA472; font-family: "NBCU Sans Text", sans-serif; font-weight: 700; }

.layout-wrapper .bg-login .home-wrapper { max-width: 965px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;flex-direction: column;}
.layout-wrapper .bg-login .home-wrapper .event-dates { max-width: 325px; width: 100%;}
.layout-wrapper .bg-login .home-wrapper .login-page-wrapper { max-width: 520px;width: 100%;margin-left: 18px;}

/* rsvp_no page */
.layout-wrapper .rsvp_no_page .rsvp_no_banner .rsvp-no-subtxt { font-weight: 300;font-style: italic; font-family: 'Juana Light It',sans-serif;font-size: 45px;line-height: 50px; color: #FFE7C9; text-align: left; margin-bottom: 25px;}
.layout-wrapper .rsvp_no_page .rsvp_no_banner { padding: 0; margin-bottom: 0;max-width: 570px;width: 100%;}
.layout-wrapper .rsvp_no_page.closed_registration{padding-left: 24px;}
.layout-wrapper .rsvp_no_page .rsvp_no_banner p span { display: block;}
.layout-wrapper .rsvp_no_page .rsvp_no_banner .rsvp-no-virtual { display: block; font-weight: 400;font-size: 20px;color: #CAA472;line-height: 28px;font-style: normal; padding-top: 35px;font-family: 'NBCU Sans Text', sans-serif;}
.layout-wrapper .rsvp_no_page .rsvp_no_banner .rsvp-no-virtual .view-link{font-weight: 400;}
.layout-wrapper .rsvp_no_page .rsvp_no_banner .rsvp-no-txt{font-family: "Caslon Italic", sans-serif; font-size: 104px!important;line-height: 112px;color: #fff!important;padding-bottom: 8px; text-align: left;}

/* registration layout */
.layout-wrapper .registration-wrapper  { max-width: 965px; width: 100%; display: block;}
.layout-wrapper  .registration-wrapper .event-dates { max-width: 325px; width: 100%;}
.layout-wrapper .registration-wrapper .banner { margin-bottom: 85px;}
.layout-wrapper .bg-reg-confirmation .registration-wrapper .banner{margin-bottom: 50px;}
.layout-wrapper .registration-wrapper .banner img { width: 100%; max-width: 275px; }
.layout-wrapper .registration-wrapper .date-wrapper img { width: 100%; max-width: 420px; }
.layout-wrapper .registration-wrapper .page-wrapper{padding-left: 60px;}
.layout-wrapper .registration-wrapper .body-wrapper { margin-bottom: 42px; max-width: 502px; width: 100%;}
.layout-wrapper .registration-wrapper .confirmation .date-wrapper { width: 100%; }
.reg-container { display: -webkit-box; display: -ms-flexbox; display: flex;}
#register-form input { margin-bottom: 24px;}
.layout-wrapper .registration-wrapper #register-form input{border-bottom: 1px solid #CAA472;font-weight: 400;font-family: 'NBCU Sans Text', sans-serif;}
.layout-wrapper .registration-wrapper #register-form input::placeholder{font-weight: 400;font-family: 'NBCU Sans Text', sans-serif;}
.layout-wrapper .registration-wrapper #register-form input, .layout-wrapper .registration-wrapper #register-form input::placeholder{font-size: 23px;line-height: 31px;color: #FFE7C9!important;padding-bottom: 16px;}
.layout-wrapper .registration-wrapper #register-form input:-webkit-autofill, .layout-wrapper .registration-wrapper #register-form input:-webkit-autofill:hover, .layout-wrapper .registration-wrapper #register-form input:-webkit-autofill:focus, .layout-wrapper .registration-wrapper #register-form input:-webkit-autofill:active{-webkit-text-fill-color: #FFE7C9;}
.layout-wrapper .registration-wrapper .body-wrapper .attend-check { margin-top: 10px; display: block;}
.layout-wrapper .registration-wrapper .body-wrapper small { margin: 0 0 2px;color: #FACD92; font-family: 'NBCU Sans Text', sans-serif;padding-left: 8px;}
.layout-wrapper .registration-wrapper .body-wrapper .terms-lg a{color: #FACD92;font-weight: 400;}
.layout-wrapper .registration-wrapper .banner_logo_img img{position: absolute;top: 24px;right: 22px;width: 100%;max-width: 182px;}
.body-wrapper .reg-action { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 40px; padding-bottom: 20px;}
.body-wrapper .reg-action button {color: #FACD92;background: #CAA4721A 0% 0% no-repeat padding-box;max-width: 320px;width: 100%;border: 2px solid #CAA472;font-size: 24px;line-height: 24px;font-family: 'NBCU Sans Text', sans-serif;padding: 11px 8px 10px;}
.body-wrapper .reg-action button img { width: 100%;}
.contact-link, .contact-link:hover { color: #fff; font-weight: 700; text-decoration: none;}
.body-wrapper .reg-action .submit-group { max-width: 320px; width: 100%;}
.terms-lg { font-size: 20px;color: #fff; font-family: 'NBCU Sans Text', sans-serif; line-height: 28px;}
.terms-sm { display: none; }
.req-txt { text-align: left;font-size: 16px;line-height: 24px;font-weight: 400;font-family: 'NBCU Sans Text', sans-serif;margin: 16px auto 0px; display: block;color: #CAA472;}
.form-group-md { display: flex; }
.confirmation h2 { font-size: 113px !important;}
.confirmation p { font-size: 18px; color: #040505; margin-bottom: 33px;}
.space-no { white-space: nowrap;}
.break-style-two { display: none;}
.label-adjust { font-size: 20px; font-family: 'NBCU Sans Text', sans-serif; font-weight: 400;color: #FACD92; line-height: 28px;}
.forgot-code-btn { max-width: 320px; width: 100%; border: 1px solid #000; background-color: #000; color: #CAA472; font-size: 24px; font-family: "NBCU Sans Text", sans-serif; margin: 0 auto; padding: 5px;}
.forgot-code-btn.request-code-btn{max-width: 344px;line-height: 32px;padding: 8px 0px 6px;}
.forgot-code-btn > img { height: auto; width: 100%;}
.access-code-input { margin-top: 24px; margin-bottom: 25px;font-family: 'NBCU Sans Text', sans-serif;padding-bottom: 16px;color: #FFE7C9;font-size: 23px;line-height: 31px;}
.top-adjust { font-size: 20px; font-family: 'NBCU Sans Text', sans-serif; font-weight: 400; color: #FFE7C9; margin-bottom: 40px;line-height: 28px;}
.top-adjust a { color: #FFE7C9; font-weight: 700;}
.dg-divider {border: 1px solid #CAA472;height: 114px;margin: 0px 32px;}


/* Layout style ends */
.btn { text-decoration: none; max-height: 40px; height: fit-content;  padding: 5px 23px; display: inline-flex; align-items: center; justify-content: center; border-radius: 0; }

form.wrapper { padding: 0.5rem 2rem 0 2rem !important; }

form input {border: none;border-bottom: 1px solid #CAA472;line-height: 36px; width: 100%; background: transparent; font-size: 28px; padding-bottom: 8px; outline: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0;color: #fff; font-family: 'NBCU Sans Text', sans-serif; }
form input:focus { border: none; border-bottom: 1px solid #CAA472;}
form small { font-size: 14px; margin-top: 7px;}

/* .date-wrapper { margin-bottom: 48px;} */
.dg-date-col{color: #ffffff;}
.dg-date-col .dg-date{font-size: 24px;line-height: 24px;font-family: "NBCU Sans Text", sans-serif; font-weight: 400; color: #FFE7C9;text-align: center;margin-top: 40px;margin-bottom: 0px;}

.dg-date.dg-date-time{margin-top: 0px;}

.dg-date-col .dg-date sup{top: -0.2em!important;}
.date-wrapper .date-wrapper-title { color: #FFE7C9;font-size: 24px;line-height: 24px;font-family: 'NBCU Sans Text', sans-serif;text-transform: uppercase;font-style: normal;margin-bottom: 7px;margin-top: 16px;text-align: center;}
.date-wrapper .date-wrapper-subtitle { text-align: center;  color: #CAA472; font-size: 16px; line-height: 18px; font-style: italic;font-weight: 400;font-family: 'NBCU Sans Text', sans-serif; ;margin-bottom: 40px;}
.date-wrapper .date-txt-main { text-align: center; color: #fff; font-size: 44px; line-height: 48px; font-family: "Caslon Italic", sans-serif; font-style: italic;}
.date-group-row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px;}
.home-wrapper.body-wrapper .date-group-row{margin-bottom: 88px;}
.date-group-row .date-group-col-one { padding: 37px 7px 29px;}
.date-group-row .date-group-col-two { border-right: 0; padding: 37px 0px 29px;}
.date-group-row .date-group-col-one .dgc-txt-title { text-align: center; color: #FACD92; margin-bottom: 8px; font-family: 'NBCU Sans Text', sans-serif; font-size: 16px; line-height: 20px;}
.date-group-row .date-group-col-one .dgc-txt-subtitle { text-align: center; color: #FFE7C9; margin-bottom: 0; font-family: 'NBCU Sans Text', sans-serif; font-size: 24px; line-height: 32px; }
.date-group-row .date-group-col-one .dgc-txt-subtitle span { font-family: "Caslon Italic", sans-serif; font-style: italic; }

.body-wrapper .submit-input-group::placeholder{padding: 13px 16px 4px;}
.body-wrapper .submit-input-group { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 7px 16px 4px; /*height: 48px;*/ border: 2px solid #FACD92;width: 100%;max-width: 420px;background: #CAA4721A 0% 0% no-repeat padding-box;}
.body-wrapper .submit-input-group .submit-input{border: none; color: #FFE7C9;font-size: 19px !important;line-height: 27px !important;font-family: 'NBCU Sans Text', sans-serif;}
.body-wrapper .submit-input-group input::placeholder{color: #CAA47299;font-size: 19px !important;line-height: 27px !important;font-family: 'NBCU Sans Text', sans-serif;}
/* .body-wrapper .submit-input-group .submit-input:-webkit-autofill{-webkit-text-fill-color: #FFE7C9;} */
.body-wrapper #login-form .submit-input-group .submit-input{padding-bottom: 3px;}  

/* .body-wrapper .next-action { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 2px;} */
.body-wrapper .next-action button { background-color: transparent; border: none; width: 14px;}
.body-wrapper .next-action button img { width: 100%;}
.body-wrapper .submit-action { display: flex; align-items: end; justify-content: flex-end; padding-top: 29px; padding-bottom: 12px;}
.body-wrapper .submit-action .submit-group { max-width: 320px; width: 100%; margin-left: auto; }
.body-wrapper .submit-action button {background: #CAA4721A; color: #FACD92;font-family: 'NBCU Sans Text', sans-serif; max-width: 320px;width: 100%;border: 2px solid #CAA472;font-size: 24px;line-height: 24px;padding: 11px 0px 13px;}
.body-wrapper .submit-action button:hover,.body-wrapper .reg-action button:hover {background-color: transparent; transform: scale(1.09); box-shadow: 0 6px 15px rgb(255 255 255 / 18%), inset 0 0 25px rgb(255 255 255 / 37%);}
/* .calender-section { margin-top: 49px;} */
.layout-wrapper .registration-wrapper .reg-confirmation { max-width: 997px; width: 100%; padding: 0 16px 0; margin: 0px auto 16px; text-align: center;}
.layout-wrapper .registration-wrapper .reg-confirmation .calender-section { margin-top: 0px;}
.calender-section .btn { margin-right: 5px; margin-bottom: 5px; width: 100px; }
.pay-section img { width: 146px; margin-right: 16px; }
.cal-options-grid { padding-top: 8px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 48px 1fr; grid-template-columns: repeat(2, 1fr); gap: 48px; width: 100%; max-width: 704px; margin: 0;}
.cal-options-grid img { width: 100%; max-width: 118px;}
.pay-section a { display: inline-block;}
.d-lg-none { display: none !important;}
.custom-message-bootbox-modal{z-index: 99999999!important;}
body .bootbox.modal.unverified_email{z-index: 999!important;}
/* modals */
.modal{display: none;}
.custom-modal-wrapper {background: #000000B3!important; position: fixed; top:0; width: 100%; height: 100%; 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; z-index: 9988;opacity: 1 !important;}
.modal-content-wrapper { width: 100%; max-width: 764px; margin-top: 10px;background: #caa472d9 0% 0% no-repeat padding-box; border: 3px solid #FFE7C9; position: relative; padding: 80px 46px 88px;text-align: center; font-family: "NBCU Sans Text", sans-serif; font-weight: 400; color: #000; font-size: 20px;}
.unable-to-attend-wrapper{padding: 86px 80px 42px;}
.cancel-btn {  position: absolute;  top:22px;  right: 22px;  cursor: pointer;  width: 28px; height: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end;}
.cancel-btn img { width: 100%;}
.modal-content-wrapper a { color: #ffffff; font-weight: 700; }
.access-code-title { font-size: 20px; font-weight: 200; margin-bottom: 32px; color: #ffffff; line-height: 28px; font-family: "NBCU Sans Text", sans-serif;}
.access-code-wrapper { padding: 86px 16px 115px;}
.forgot-access-code-wrapper{padding: 80px 16px;}
#access-code-form { max-width: 420px; width: 100%; margin: 0 auto;}
#access-code-form input { margin-bottom: 32px; border: 2px solid #FFE7C9;font-size: 24px;line-height: 32px;font-family: 'NBCU Sans Text', sans-serif;background-color: #FFFFFF4D;color: #000000 !important;padding: 4px 20px;min-height: 48px;}
#access-code-form input::-webkit-input-placeholder { color: #00000080 !important;}
#access-code-form input::-moz-placeholder { color: #00000080 !important;}
#access-code-form input:-ms-input-placeholder { color: #00000080 !important;}
#access-code-form input::-ms-input-placeholder { color: #00000080 !important;}
#access-code-form input::placeholder { color: #00000080 !important;}

#unable-to-attend-form { width: 100%; max-width: 460px; margin: 0 auto;}
#unable-to-attend-form input { width: 100%; /*max-width: 420px;*/ margin-left: 0px; margin-bottom: 24px;border: 2px solid #FFE7C9 !important; color:#000000; background-color: #FFFFFF4D; padding: 13px 20px 11px; font-family: 'NBCU Sans Text', sans-serif; font-size: 24px;line-height: 32px;}
#unable-to-attend-form input::placeholder{color: #00000080 !important;}
.access_code_alert .access-code-txt {font-size: 20px;line-height: 28px;font-family: "NBCU Sans Text", sans-serif;color: #000; font-weight: 400;}
.access_code_alert .access-email{color: #FEFFE2;font-weight: 700;display: block;}
.c-normal { font-size: 20px; font-family: "NBCU Sans Text", sans-serif; color: #ffffff; font-weight: 400; line-height: 28px;}


/* custom checkbox style */
.attend-check { display: flex; justify-content: start;}
.attend-check .check-wrapper {display: flex; align-items: center; position: relative;margin-right: 36px; padding-left: 27px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; background-color: transparent;text-decoration: none;}
.attend-check .check-wrapper:last-child { margin-right: 0px; }
.attend-check .check-wrapper[for="accept_vaccine_terms"] { align-items: flex-start; }
/* browser's default checkbox hidden */
.check-wrapper input {position: absolute;opacity: 0; height: 0;width: 0;}
/* custom check */
.checkmark {position: absolute;top: 3px;left: 0;height: 20px;width: 20px;border: 2px solid #CAA472;background: transparent; }
.check-wrapper:hover input ~ .checkmark {border: 2px solid #CAA472;background: transparent;}
/* checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none;}
/* checkmark indicator when checked */
.check-wrapper input:checked ~ .checkmark:after { display: block; }
/* checkmark/indicator style */
.check-wrapper .checkmark:after { left: 5px; top: 0px; width: 6px; height: 12px; border: solid #FFE7C9; background: transparent; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

/* Custom checkbox ends */
.layout-wrapper .registration-wrapper .eticket_confirmation {max-width: 997px; width: 100%;padding: 0;margin: 0;text-align: left;}
.layout-wrapper .registration-wrapper .eticket_confirmation .ticket-title {font-size: 57px;line-height: 65px;margin-bottom: 59px;color: #FFE7C9;font-weight: 300;font-style: italic;font-family: 'Juana Light It',sans-serif;text-align: left;}
.eticket-txt {font-family: 'NBCU Sans Text', sans-serif;font-weight: 700; font-size: 22px; margin-bottom: 59px; margin-top: 0px; line-height: 30px;color: #FACD92;}
.body-wrapper.eticket_confirmation .eticket-txt .eticket-highlight{padding-top: 35px;display: block;font-size: 20px;line-height: 28px;color: #FACD92;width: 100%;max-width: 665px; font-weight: normal;}
.eticket-txt.eticket-highlight-sub{margin-bottom: 33px;}
.pay-section{padding-bottom: 49px;}
.ticket_page_content_holder .date-group-row{padding-bottom: 53px;margin-bottom: 0px;}
.eticket-txt  a { color: #FACD92; font-weight: 700;}
.eticket-title {font-weight: 300;font-style: italic;font-family: 'Juana Light It'; font-size: 22px; margin-bottom: 24px; line-height: 30px; color: #FACD92;}
.calendar-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 48px; -moz-column-gap: 48px; column-gap: 48px;}
.calendar-wrapper a { 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;text-decoration: none;width: 140px;height: 44px;background: #CAA4721A 0% 0% no-repeat padding-box;border: 2px solid #CAA472;font-size: 16px;line-height: 24px;font-family: 'NBCU Sans Text', sans-serif;color: #FACD92;}
.calendar-wrapper a:hover {background-color: transparent; transform: scale(1.09); box-shadow: 0 6px 15px rgb(255 255 255 / 18%), inset 0 0 25px rgb(255 255 255 / 37%);}

.view-link { color: #fff; font-weight: 700;}
.eticket-date-container img { width: 100%; }
.eticket-txt-sm { font-family: 'NBCU Sans Text', sans-serif; font-weight: 400; font-size: 20px; margin: 0 auto 48px; line-height: 28px;color: #FFF; max-width: 680px;}
.eticket-txt-sm  a { color: #fff; font-weight: 700;}

.layout-wrapper .registration-wrapper .eticket_confirmation .date-wrapper{padding-top: 7px;}
.layout-wrapper .registration-wrapper .eticket_confirmation .ticket_page_content_holder{padding-left: 24px;}
.layout-wrapper .registration-wrapper .eticket_confirmation .banner { max-width: 209px; width: 100%; margin: 48px auto; }
.layout-wrapper .bg-reg-confirmation .registration-wrapper {padding: 89px 0px 0px 69px;max-width: 100%;margin-bottom: 135px;}
.layout-wrapper .bg-reg-confirmation .registration-wrapper .event-dates { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 100%; }
/* .layout-wrapper .bg-reg-eticket .date-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} */
.layout-wrapper .bg-reg-confirmation .registration-wrapper .eticket-event-dates-group{ margin: 48px 0 0;}
.layout-wrapper .bg-reg-confirmation .eticket-event-dates-group .date-wrapper { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.layout-wrapper .bg-reg-confirmation .eticket-event-dates-group .date-wrapper .date-txt-main { margin: 0 70px;}
.layout-wrapper .bg-reg-confirmation .eticket-event-dates-group .date-wrapper .date-wrapper-subtitle { margin-bottom: 0; font-size: 17px; line-height: 32px; }
.layout-wrapper .bg-reg-confirmation .eticket-event-dates-group .date-wrapper .date-wrapper-title { font-size: 26px; line-height: 32px;}

.eticket-txt-lg { font-family: "Rock Sans"; font-weight: 700; font-size: 22px; margin-bottom: 24px; margin-top: 0px; line-height: 30px;color: #fff;}

/* Custom select style */

/*the container must be positioned relative:*/
.custom-select { position: relative; font-family: Arial; border-bottom: 1px solid #FEFFE2; width: 100%; font-size: 18px; margin-top: 10px; }
.custom-select select { display: none; /*hide original SELECT element:*/ }
.select-selected { background-color: transparent; color:#1B1C1C; width: 100%; }

/*style the arrow inside the select element:*/
.select-selected:after {
display:none; position: absolute; content: ""; top: 14px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #fff transparent transparent transparent; }

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; top: 7px; }

/*style the items (options), including the selected item:*/
.select-items div { color: #1B1C1C; padding: 8px 16px; cursor: pointer; user-select: none; }
.select-selected { color: #1B1C1C; padding: 8px 16px 8px 0; cursor: pointer; user-select: none; }
.select-items div{ border-color: inherit; }

/*style items (options):*/
.select-items { position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99; box-shadow: 0 3px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); overflow: hidden; overflow-y: auto; max-height: 400px; }

/*hide the items when the select box is closed:*/
.select-hide { display: none; }
.select-items div:hover, .same-as-selected { background-color: #FEFFE2; color:#fff !important; }

/* Custom select ends */

.info__txt { font-family: 'NBCU Sans Text', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; margin-bottom: 17px; color: #CAA472;line-height: 24px;}
.unable_info__txt { text-align: left; font-family: 'NBCU Sans Text', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; margin-bottom: 24px; color: #000000;line-height: 24px;}
.unable_top-adjust { text-align: left; font-size: 16px; font-family: 'NBCU Sans Text', sans-serif; font-weight: 400; color: #ffffff; margin-bottom: 24px;line-height: 28px;}
.unable_top-adjust a { font-weight: 700; color: #ffffff;}


/* responsive.css */

@media (min-width: 768px) and (max-width:1024px) {
  .layout-wrapper section.wrapper.home-wrapper {margin: 0px 23.44% 0px 34.17%;width: 100%;max-width: 500px;}
  .layout-wrapper section.wrapper.registration-wrapper {width: 100%;max-width: 630px;margin: 0px 6% 0px 20.14%;padding: 0px;}
  .layout-wrapper .registration-wrapper .confirmation h2{font-size: 81px !important}
  .layout-wrapper .registration-wrapper .confirmation .ticket_page_content_holder h2{font-size: 69px !important;}
  .layout-wrapper .registration-wrapper .confirmation .ticket_page_content_holder{padding: 0px 0px 0px 3px}
  .layout-wrapper .registration-wrapper .confirmation .ticket_page_content_holder .calender-section .btn{margin-right: 8px;width: 100%;float:left;max-width: 74px;padding: 0px;min-height: auto}
  .layout-wrapper .registration-wrapper .confirmation .ticket_page_content_holder .calender-section .btn img{width: 100%;max-width: 118px}
  .layout-wrapper .registration-wrapper .confirmation .ticket_page_content_holder .calender-section span{margin-bottom:10px !important;}
  .layout-wrapper .registration-wrapper .confirmation .hidden-tablet{display:none}

  .layout-wrapper .registration-wrapper { padding-left: 24px; padding-right: 24px; }
  .layout-wrapper .bg-reg-confirmation .registration-wrapper{padding: 89px 24px 0px 24px;}
  .layout-wrapper .registration-wrapper .eticket_confirmation .ticket_page_content_holder{padding-left: 0px;}
  .layout-wrapper nav { height: 70px; padding: 0 50px !important;}
  .layout-wrapper footer .footer-nav ul { flex-wrap: nowrap !important; width: 100% !important;}
  .layout-wrapper > div { background-position: 0px center; background-repeat: no-repeat; background-size: 165% 100%; }
  .layout-wrapper .rsvp_no_page .rsvp_no_banner p span { display: inline;}
  .attend-check .check-wrapper { margin-right: 18px; }
  .layout-wrapper .closed_registration a { display: inline-block; margin-top: 15px;}

  .layout-wrapper .registration-wrapper .eticket_confirmation { padding: 0; }
  .layout-wrapper .registration-wrapper .eticket_confirmation .ticket-title { font-size: 48px; line-height: 61px; margin-bottom: 24px;}
  .layout-wrapper .registration-wrapper .eticket_confirmation .banner { max-width: 156px;}
  .layout-wrapper .bg-reg-confirmation .eticket-event-dates-group .date-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
  .layout-wrapper .bg-reg-confirmation .registration-wrapper .event-dates { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
  .layout-wrapper .bg-reg-confirmation .registration-wrapper .eticket-event-dates-group { margin: 48px  0 0;}
  .layout-wrapper .bg-reg-confirmation .eticket-event-dates-group .date-wrapper .date-wrapper-title { font-size: 26px; line-height: 28px;}
  .layout-wrapper .bg-reg-confirmation .eticket-event-dates-group .date-wrapper .date-wrapper-subtitle { font-size: 18px; line-height: 28px;}
  .layout-wrapper .bg-reg-confirmation .eticket-event-dates-group .date-wrapper .date-txt-main { margin: 40px auto;}
  /* .cal-options-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; row-gap: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } */
  /* .calendar-wrapper { gap: 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} */

  .video-desktop { display: none; }
  .video-tablet { display: block; }
  .video-mobile { display: none; }

}

/*
/*
/* ----------- Mobile View Media Query----------- */

@media screen and (max-width:991px) {
  .dg-divider{margin: 0px 24px;}
 .layout-wrapper .home-wrapper,.layout-wrapper .home-wrapper.body-wrapper{padding-left:24px;}
 .layout-wrapper .rsvp_no_page.closed_registration{padding-left: 0px;padding-top: 0px;}
 .layout-wrapper .bg-rsvp-no .home-wrapper.confirmation_no_wrapper .banner{margin-bottom: 70px;}
 .layout-wrapper .home-wrapper.confirmation_no_wrapper{padding-left: 32px;}
  
}


@media screen and (max-width:800px) {
.dg-divider{margin: 0px 16px;}
}
@media screen and (max-width: 767px) {
  body .visible-xs{display:block !important;}
  body .hidden-xs{display:none !important;}
  .bootbox .modal-dialog{padding: 16px;}
  .access-code-mobile{padding-top: 20px;}
  .bg-home,.bg-login{padding: 0px 16px;}
  .layout-wrapper .home-wrapper .banner img {max-width: 172px;}
  .pipe-icon{font-size: 11px;line-height: 19px;}
  .table-print-container { -webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .layout-wrapper .closed_registration .closed-reg-banner{ padding: 41px 0px 0px!important;}
  .bootbox .bootbox-body .error_body,.color-quat.text-blue{font-size: 16px;line-height: 24px;}
  .color-quat-break{padding-top: 0px;display: block;}
  .layout-wrapper .nbcu-background {padding: 0px 16px; min-height: 0vh; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 119px;}
  .layout-wrapper .nbcu-background.bg-reg-confirmation.bg-reg-eticket { margin-bottom: 0px;}
  form input {font-size: 24px;}
    .layout-wrapper nav { height: 61px; padding: 0 16px;}
    .layout-wrapper nav img { width: 172px;  height: 20px;}
    .layout-wrapper footer { height: auto; padding: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 11px; z-index: 2; }
    .footer-nav-link { padding-left: 5px;}
    .footer-nav-link { font-size: 11px;line-height: 19px; }
    .footer-nav { margin-top: 20px;}
    .layout-wrapper .home-wrapper, .layout-wrapper .home-wrapper.body-wrapper{padding-left: 16px;}
    /* .footer-nav .pipe-icon.privacy-pipe-icon{display:none}  */
    .layout-wrapper footer .footer-nav ul {padding-left: 0px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;width: 100%; max-width: 330px; text-align: center; margin: 0 auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; row-gap: 2px;}
    .layout-wrapper footer .footer-nav a { font-size: 11px; line-height: 19px;}
    .layout-wrapper section.wrapper { padding-top: 35px; }
    .body-wrapper .date-wrapper { margin-bottom: 0px;}
    #access-code-form { padding: 0;}
    .access-code-wrapper { padding: 70px 16px 80px !important;}
    .access_code_alert .access-code-txt{font-size: 16px;line-height: 24px;}
    .access-code-title { font-size: 18px; margin-bottom: 32px;}
    #access-code-form input { margin-bottom: 16px; padding-left: 16px; padding-right: 16px; }
    #unable-to-attend-form { padding: 0;}
    #unable-to-attend-form input { margin-bottom: 16px; font-size: 20px; padding-left: 16px; padding-right: 16px; }
    .forgot-code-btn { width: 100%; font-size: 20px; padding: 8px;}
    .access-code-input { margin-top: 24px; margin-bottom: 24px;font-size: 22px;line-height: 30px;padding-bottom: 12px;max-width: 520px;}
    .top-adjust { font-size: 16px;  margin-bottom: 40px; line-height: 24px;}
    .top-adjust span { display: block;}
    .label-adjust { font-size: 16px;margin-left: 7px;}
    .body-wrapper .submit-action {padding-bottom: 0;padding-top: 40px;display: block;width: 100%;margin: 0 auto;max-width: 343px; }
    .body-wrapper .submit-action .submit-group, .body-wrapper .submit-action button{max-width: 100%;}
    .body-wrapper .submit-action button { max-width: 343px; margin: 0 auto; font-size: 20px;}
    .login-page-wrapper { margin:0;padding: 0px;max-width: 100%;}
    .layout-wrapper .bg-login .home-wrapper{gap: 0px;}
    .attend-check{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    .landing-page-wrapper {padding: 0px; } 
    .form-group-md { flex-direction: column;}
    .layout-wrapper .bg-closed-reg .home-wrapper .banner{margin-bottom: 36px; padding: 0px 16px 0;}
    .layout-wrapper .bg-home .home-wrapper .banner{margin-bottom: 60px;}
    .layout-wrapper .home-wrapper .banner{margin-bottom: 40px;padding-bottom: 0px;}
    .layout-wrapper .bg-rsvp-no .home-wrapper {padding: 46px 0px 0px 16px;}
    .layout-wrapper .rsvp_no_page .rsvp_no_banner .rsvp-no-subtxt { font-size: 30px;line-height: 34px;max-width: 380px;margin: 0 auto 34px;text-align: center;}
    .layout-wrapper .rsvp_no_page .rsvp_no_banner .rsvp-no-virtual { font-size: 16px; line-height: 24px; margin-bottom: 0px; padding-top: 23px;}
    .layout-wrapper .bg-rsvp-no .home-wrapper .banner{margin-bottom: 0px;}
    .layout-wrapper .bg-rsvp-no .home-wrapper .banner.rsvp-no-banner { max-width: 156px; padding-bottom: 130px;}
    .date-wrapper .date-wrapper-title { font-size: 26px; line-height: 28px;}
    .date-wrapper .date-wrapper-subtitle { font-size: 18px; line-height: 28px;}
    .date-wrapper .date-txt-main { font-size: 44px; line-height: 48px;}
    .date-group-row .date-group-col-one .dgc-txt-subtitle { font-size: 24px;}
    .info__txt { font-size: 14px; line-height: 22px; padding-bottom: 17px; margin-bottom: 0px;}
    
    .layout-wrapper .registration-wrapper .banner img{max-width: 172px;}
    
    .banner { padding-top: 0px !important; padding-left: 0px !important; padding-right: 0px !important;}
    .layout-wrapper .home-wrapper .banner_logo_img img{top: 13px;right: 16px;max-width: 124px;}
    .layout-wrapper .bg-login .home-wrapper .login-page-wrapper{margin-left: 0px;max-width: 100%;}
    .home-wrapper.body-wrapper .date-group-row {margin-bottom: 30px;}
    .layout-wrapper .home-wrapper.body-wrapper .banner{margin-bottom: 39px;}
    .layout-wrapper .home-wrapper,.layout-wrapper .bg-login .home-wrapper{ max-width: 100%; width: 100%; margin: 0px; padding: 46px 0 104px; flex-direction: column;}
    .layout-wrapper .bg-closed-reg .home-wrapper {max-width: 869px;padding-left: 0px;padding-right: 0px;}
    .layout-wrapper .bg-closed-reg .home-wrapper .banner img{max-width: 172px;}
    .layout-wrapper .bg-login .home-wrapper .event-dates { max-width: 343px; margin: 0 auto;}
    
    .layout-wrapper .home-wrapper .body-wrapper { width: 100%; margin: 0 auto; margin-bottom: 85px;}
    .body-wrapper .date-wrapper .date-wrapper-title { font-size: 18px; line-height: 26px;margin-bottom: 0px;text-align: left;}
    .body-wrapper .date-wrapper .date-wrapper-subtitle { font-size: 12px; line-height: 18px;text-align: left;margin-bottom: 0px;}
    .dg-date-col .dg-date{text-align: left;margin-top: 26px;font-size: 18px;line-height: 26px;}
    .dg-date.dg-date-time{margin-top: 0px!important;}

    .date-group-row .date-group-col-one{padding: 28px 0px 0px 0px;}
    .date-group-row .date-group-col-one.date-group-col-two{padding-top: 24px;}
    .body-wrapper .date-group-row .date-group-col-one .dgc-txt-subtitle { font-size: 18px;line-height: 26px;text-align: left; }
    .date-group-row .date-group-col-one .dgc-txt-title { font-size: 12px; line-height: 20px;text-align: left;margin-bottom: 0px;}
    .body-wrapper .date-group-row{ margin-bottom: 32px;flex-direction: column;}
    .body-wrapper.eticket_confirmation .date-group-row{margin-bottom: 48px;padding-bottom: 0px;}
    .dg-divider{display: none;}
    .body-wrapper .submit-input-group .submit-input { font-size: 16px !important; font-family: 'NBCU Sans Text', sans-serif; font-style: normal;}
    .body-wrapper .submit-input-group .submit-input::-webkit-input-placeholder { font-size: 16px !important; font-family: 'NBCU Sans Text', sans-serif; font-style: normal;}
    .body-wrapper .submit-input-group .submit-input::-moz-placeholder { font-size: 16px !important; font-family: 'NBCU Sans Text', sans-serif; font-style: normal;}
    .body-wrapper .submit-input-group .submit-input:-ms-input-placeholder { font-size: 16px !important; font-family: 'NBCU Sans Text', sans-serif; font-style: normal;}
    .body-wrapper .submit-input-group .submit-input::-ms-input-placeholder { font-size: 16px !important; font-family: 'NBCU Sans Text', sans-serif; font-style: normal;}
    .body-wrapper .submit-input-group .submit-input::placeholder { font-size: 16px !important; font-family: 'NBCU Sans Text', sans-serif; font-style: normal;}
    .body-wrapper .submit-action .submit-group { margin-left: 0; margin-right: auto;}
    
    #login-form .index-submit-input{font-size: 22px;line-height: 30px;max-width: 520px;}

    .layout-wrapper .bg-home .home-wrapper .body-wrapper{margin-bottom: 0px;}
    .layout-wrapper .bg-login .home-wrapper .body-wrapper{margin: 0 !important;}
    .layout-wrapper .home-wrapper .login-page-wrapper .body-wrapper { margin-bottom: 308px;padding: 18px 0px 27px 0px;}
    .layout-wrapper .home-wrapper .body-wrapper h2{font-size: 60px;line-height: 62px}
    .layout-wrapper .closed_registration .closed-reg-banner{ padding: 32px 14px 40px; ; width: 100%; margin: 0 auto;}
    .layout-wrapper .closed_registration h6 { font-size: 16px; margin-top: 0px; line-height: 24px;text-align: center;margin-bottom: 0px;}
    .layout-wrapper .closed_registration  {padding: 40px 0 0;}
    .layout-wrapper .bg-closed-reg .home-wrapper .rsvp-no-banner { max-width: 172px; margin-bottom: 110px;}

    .layout-wrapper .rsvp_no_page .rsvp_no_banner img{ width: 100%;}
    .layout-wrapper .home-wrapper.confirmation_no_wrapper .banner img{width:100%;max-width:172px !important;padding: 0px 20px;}
    .layout-wrapper .home-wrapper.body-wrapper .banner img{max-width: 172px;}
    .layout-wrapper .registration-wrapper .date-wrapper img{max-width: 100%;}
    .layout-wrapper .bg-reg { padding-left: 16px; padding-right: 16px; }
    .layout-wrapper .registration-wrapper .event-dates { max-width: 343px; margin: 0;}
    .layout-wrapper .registration-wrapper .page-wrapper{padding-left: 0px;}
    
    .layout-wrapper .registration-wrapper .eticket_confirmation .date-wrapper{margin-bottom: 0px;padding-top: 0;margin-top: 0px;}
    .layout-wrapper .registration-wrapper { max-width: 375px; width: 100%; margin: 0px; padding: 46px 0 104px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
    .layout-wrapper .registration-wrapper .date-wrapper { width: 100%; margin-top: 12px; margin-bottom: 40px;}
    .layout-wrapper .registration-wrapper .body-wrapper { margin: 0 auto; max-width: 100%; padding: 0; margin-bottom: 0px;}
    .layout-wrapper .registration-wrapper .eticket_confirmation .ticket_page_content_holder{padding-left: 0px;}
    .registration-wrapper .body-wrapper .date-wrapper img{margin-bottom: 0px}
    .body-wrapper > div:last-child { line-height: 21px;}
    .body-wrapper.eticket_confirmation .dg-date-col .dg-date{margin-top: 24px;}
    .body-wrapper.eticket_confirmation .pay-section{padding-bottom: 40px;}
    .registration-wrapper .body-wrapper form.wrapper { padding: 16px; }
    #register-form input { margin-bottom: 24px;}
    .layout-wrapper .registration-wrapper .body-wrapper .attend-check { margin-top: 8px;}
    .terms-sm { font-size: 16px; display: block; font-family: "NBCU Sans Text", sans-serif;}
    .layout-wrapper .registration-wrapper .body-wrapper .checkmark { top: 3px;}
    .terms-lg { display: none;}
    .check-wrapper .contact-link{color: #FACD92;font-weight: 400;}
    .contact-link { font-size: 14px;}
    .layout-wrapper .registration-wrapper .body-wrapper .attend-check .check-wrapper {padding-left: 30px;}
    .body-wrapper .reg-action { padding-top: 40px; padding-bottom: 0px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
    .body-wrapper .reg-action button { max-width: 100%; font-size: 20px;}
    .body-wrapper .reg-action .submit-group { max-width: 100%;}
    .layout-wrapper .registration-wrapper .banner_logo_img img{max-width: 124px;top: 13px;}
    
    .layout-wrapper .registration-wrapper .banner { margin-bottom: 48px; }
    .layout-wrapper .registration-wrapper #register-form input, .layout-wrapper .registration-wrapper #register-form input::placeholder{font-size: 22px;line-height: 30px;padding-bottom: 12px;}
    .req-txt { font-size: 14px;margin-top: 0px;padding-top: 16px;line-height: 22px;}
    .layout-wrapper .error_page {margin-top: 0; margin-bottom: 50px;padding-top: 40px;}
    .layout-wrapper .error_page .error_wrapper { padding: 0;  margin-bottom: 0px;}
    .layout-wrapper .oops-txt{font-size: 48px!important;text-align: center;line-height: 56px!important; padding-bottom: 24px;}
    .layout-wrapper .error_page .error_wrapper .oops-sub-txt {text-align: center; margin-top: 0px; margin-bottom: 16px; font-size: 18px; line-height: 26px;padding-top: 0px;}
    
    .layout-wrapper .error_page .error_wrapper a { font-size: 18px;line-height: 26px;}
    .err-home-link{text-align: center;font-size: 18px;}
    .layout-wrapper .error_page .banner { max-width: 156px !important; margin-bottom: 100px;}
    .layout-wrapper .bg-reg-confirmation .registration-wrapper { padding: 46px 0px 78px;margin-bottom: 0px;}
    .layout-wrapper .registration-wrapper .eticket_confirmation { padding: 0; }
    .layout-wrapper .registration-wrapper .eticket_confirmation .ticket-title { font-size: 42px; line-height: 61px; margin-bottom: 14px;}
    .layout-wrapper .registration-wrapper .eticket_confirmation .banner { max-width: 156px;}
    .layout-wrapper .bg-reg-confirmation .eticket-event-dates-group .date-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
    .layout-wrapper .bg-reg-confirmation .registration-wrapper .event-dates { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
    .layout-wrapper .bg-reg-confirmation .registration-wrapper .eticket-event-dates-group { margin: 48px  0 0;}
    .layout-wrapper .bg-reg-confirmation .eticket-event-dates-group .date-wrapper .date-wrapper-title { font-size: 26px; line-height: 28px;}
    .layout-wrapper .bg-reg-confirmation .eticket-event-dates-group .date-wrapper .date-wrapper-subtitle { font-size: 18px; line-height: 28px;}
    .layout-wrapper .bg-reg-confirmation .eticket-event-dates-group .date-wrapper .date-txt-main { margin: 40px auto;}

    .eticket-txt { font-size: 18px; margin-bottom: 48px; margin-top: 0; line-height: 26px;}
    .eticket-txt-lg { font-size: 18px; margin-bottom: 16px; margin-top: 0; line-height: 26px;}
    
    .pay-section img { margin-right: 0; }
    .pay-section > div a:first-child img { margin-right: 16px; }
    
    .eticket-txt-sm { font-size: 16px; margin-bottom: 48px; margin-top: 0px; line-height: 24px;}
    .layout-wrapper .registration-wrapper .reg-confirmation { padding: 22px 0 34px ;margin-bottom: 0px;}
    .layout-wrapper .registration-wrapper .reg-confirmation .calender-section { margin-top: 16px;}
    .c-normal { font-size: 16px; line-height: 24px;}
    .calender-section { margin-top: 34px;}
    .eticket-title { font-size: 18px; margin-bottom: 24px; line-height: 26px;color: #CAA472;}
    .pay-section div { max-width: 315px; margin-left: auto; margin-right: auto; padding-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
    .body-wrapper.eticket_confirmation .pay-section div{margin: 0;-webkit-box-pack: normal;-ms-flex-pack: normal;justify-content: normal;}
    .body-wrapper.eticket_confirmation .eticket-txt{margin-bottom: 30px;font-family: 'NBCU Sans Text', sans-serif;}
    
    .body-wrapper.eticket_confirmation .eticket-txt .eticket-highlight{max-width: 500px;padding-top: 30px;font-size: 16px;line-height: 24px;padding-bottom: 18px;}
    .layout-wrapper .rsvp_no_page .rsvp_no_banner p { font-size: 16px;  line-height: 24px;}
    .layout-wrapper .rsvp_no_page .rsvp_no_banner .rsvp-no-txt{font-size: 48px !important;line-height: 56px;padding-bottom: 24px;margin-bottom: 0px;}
    .layout-wrapper .rsvp_no_page .rsvp_no_banner p span.inline-bg { display: inline;}
    .layout-wrapper .rsvp_no_page .rsvp_no_banner p span{padding-top: 20px;}
    .body-wrapper .next-action { padding: 0;margin-bottom: 9px; }
    .body-wrapper .submit-input-group{padding: 5px 21px 0px 19px;max-width: 500px;height: auto;}
    .body-wrapper .next-action a { font-size: 30px; }
    form small { font-size: 11px; }
    .cal-options-grid {padding-top: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; row-gap: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .calendar-wrapper { gap: 16px;}
    .modal-content-wrapper { padding: 72px 20px 72px; max-width: 343px;margin-top: 30px }
    .modal-content-wrapper.forgot-access-code-wrapper{padding-bottom:35px ;}
    .modal-content-wrapper.unable-to-attend-wrapper{padding: 63px 16px 35px;}
    .cancel-btn { top:12px;  right: 12px; width: 28px; height: 28px; }
    .color-quat { font-size: 16px; }
    .attend-check .check-wrapper span { font-size: 16px; line-height: 22px; }
    .checkmark { height: 20px;width: 20px;top: 0px; }
    .attend-check .check-wrapper {padding-left: 28px;}
    .check-wrapper .checkmark:after { left: 5px; top: 0px; width: 6px; height: 12px; border-width: 0 2px 2px 0; }
    .confirmation h2 { font-size: 60px !important;}
  .layout-wrapper .registration-wrapper .confirmation .ticket_page_content_holder p a{color:#FEFFE2}
  .layout-wrapper .registration-wrapper .confirmation .ticket_page_content_holder  h2 { font-size: 58px !important;margin-bottom:10px}
  .layout-wrapper .registration-wrapper .confirmation .ticket_page_content_holder .wrapper{padding: 0px 13px}
  .layout-wrapper .registration-wrapper .confirmation .ticket_page_content_holder p{margin-bottom: 23px}
  .layout-wrapper .registration-wrapper .confirmation .ticket_page_content_holder .calender-section .btn{margin-right: 12px;width: 100%;float:left;margin-bottom:15px;max-width: 118px;padding:0px;background: transparent}
  .layout-wrapper .registration-wrapper .confirmation .ticket_page_content_holder .calender-section .btn img{width: 100%;max-width: 118px}
  .layout-wrapper .registration-wrapper .confirmation .ticket_page_content_holder .calender-section .cal-options-grid{display:block;width:100%}
  .layout-wrapper .registration-wrapper .confirmation .ticket_page_content_holder  .calender-section  span{font-size:20px;}

  .attend-check .check-wrapper{padding-left: 22px;margin-right: 21px;}


  body .registration-wrapper .body-wrapper .next-action {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;padding: 24px 0px 20px}
  body .registration-wrapper .body-wrapper .next-action *{width: 100%;max-width: 291px}
  .d-sm-none { display: none !important; }
  .body-wrapper .next-action button img{max-width: 116px;}
  .body-wrapper .date-wrapper img{max-width: 100%;}
  .layout-wrapper .closed_registration .body-wrapper .reg-closed{font-size: 35px!important;line-height: 40px; text-align: center;}
  .video-desktop { display: none; }
  .video-tablet { display: none; }
  .video-mobile { display: block; }

  .unable_info__txt { font-size: 14px; margin-bottom: 16px; text-align: left;}
  .unable_top-adjust { text-align: left; }
  .unable_top-adjust span { display: block;  }
  .overlay-content .layout-wrapper { /*height: 100vh;*/ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
}

@media screen and (max-width:420px) {
  .layout-wrapper .bg-home .home-wrapper .banner{margin-top: 16px;}
  .body-wrapper .submit-input-group{padding: 6px 11px 0px 11px;}
}

/*
/*
/* ----------- Tablets View Media Query----------- */
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  /* .layout-wrapper .home-wrapper { max-width: 520px; padding-left: 24px; padding-right: 24px; gap: 40px !important;} */
  .layout-wrapper .registration-wrapper .reg-confirmation{margin-bottom: 85px;}
}


@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  /* .layout-wrapper .registration-wrapper { width: 98%; margin-left: 20%;} */
  .layout-wrapper > div { background-position: 0px center; background-repeat: no-repeat; background-size: 130% 100%; }
}

@media only screen and (min-width: 768px) and (max-width: 848px) {
  .terms-lg { font-size: 15px !important;}
}


@media screen and (max-width:340px) {
  .attend-check .check-wrapper  {padding-left: 21px; margin-right: 15px;}
  .pay-section img{margin-right: 16px !important; margin-bottom: 16px;}
  /* .pay-section div { justify-content: center;} */
}