/* Hide all popups until window "load" (full page + assets). JS adds .acap-popup-page-ready on . */ html:not(.acap-popup-page-ready) .popup { display: none !important; visibility: hidden !important; pointer-events: none !important; } @media (max-width: 47.9375rem) { .popup_desktop { display: none; } body:not(:has(.popup_mobile)) .popup.popup_desktop.active { display: block; } .popup.popup_mobile.active { transform: inherit; display: block; } .popup.popup_mobile { transform: inherit; display: none; position: fixed !important; bottom: 0px !important; border-top: 3px solid #09009C; } .popup .pop-mainheading_mobile { color: #09009C; font-family: 'New Grotesk Square'; font-size: 20px !important; text-transform: uppercase; } .popup .pop-subheading_mobile { color: #202020; font-family: 'New Grotesk Square'; font-size: 16px; text-transform: uppercase; } .popup-ctas-container.mobile .h-button--primary.h-button--light .material-icons { display: none; } .popup-ctas-container.mobile [main-popup-data] { background: #0F24DC; padding: 1.25rem 1.25rem 15px 1.5rem; height: 45px; display: flex; justify-content: center; align-items: center; } .popup-ctas-container.mobile [main-popup-data] .h-button-content { font-size: 16px; } .popup-svg-icon { right: 1.125rem !important; top: -4rem !important; background: #fff; padding: 20px; } .popup-svg-icon svg * { stroke: #09009C !important; } } @media (min-width: 47.9375rem) { .popup_mobile { display: none; } } .popup_mobile.active{ position: inherit; padding: 0; } .popup_mobile.active .popup-container{ margin:0; flex-direction: row; align-items: center; padding-top: 1rem; padding-bottom: 1rem; } .popup_mobile.active .popup-container .popup-svg-icon{ display: inline; position:inherit; } .popup_mobile.active .popup-container .popup-content-container_mobile{ padding:0; width:100%; display: grid; grid-auto-flow: column; gap:10px; align-items: center; } .popup_cta_btn .popup-ctas-container .h-button--v_outlined.first{ padding: 0.625rem 0.875rem!important; display: -webkit-box; display: -ms-flexbox; display: flex; height: 2.25rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .popup_cta_btn .popup-ctas-container .mobile .h-button--v_outlined.first{ padding: 0.625rem 0.875rem!important; height: 2.25rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .popup_cta_btn .popup-ctas-container .h-button--v_contained.first{ --tw-border-opacity: 1; border-color: rgba(208,208,208,var(--tw-border-opacity)); --tw-bg-opacity: 1; color:rgba(0,0,0,var(--tw-text-opacity)); background-color: transparent; } .popup_cta_btn .popup-ctas-container .h-button--v_contained.first .h-button-content{ --tw-text-opacity: 1; color: rgba(0,0,0,var(--tw-text-opacity)); } .popup_cta_btn .popup-ctas-container .h-button--v_contained.first:hover { --tw-border-opacity: 1; border: 2px solid rgba(208,208,208,var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(208,208,208 ,var(--tw-border-opacity)); } .popup .pop-mainheading{ padding-bottom: 1rem; font-family: 'New Grotesk Square'; font-size:30px; font-weight: 400; text-shadow: none; } .popup .pop-mainheading_mobile{ padding-bottom: 0rem; font-family:'New Grotesk Square'; font-size:1rem; font-weight: 400; text-shadow: none; } .popup .pop-mainheading strong, .popup .pop-mainheading b, .popup .pop-mainheading_mobile strong, .popup .pop-mainheading_mobile b{ font-weight: 400; } .popup .popup-header{ --tw-text-opacity: 1; color: #888888 !important; font-weight: 400 !important; } .popup.popup_desktop .popup-content-container .popup-header{ color: #888888 !important; font-family: 'Founders Grotesk Regular', sans-serif; font-weight: 400 !important; } .popup .popup-header *{ color: #888888 !important; font-weight: 400 !important; } .popup .popup-header strong, .popup .popup-header b{ color: #888888 !important; font-weight: 400 !important; } .popup.popup_desktop .popup-content-container .popup-header strong, .popup.popup_desktop .popup-content-container .popup-header b{ color: #888888 !important; font-weight: 400 !important; } .popup_cta_btn .popup-ctas-container .h-button--v_contained{ -webkit-transition: all .4s ease-out; -o-transition: all ease-out .4s; transition: all .4s ease-out; } .popup-ctas-container.mobile{ padding: 0px 10px; justify-content: center; }