/* Define your variables here. All other style classes should be using these variables. Margin, padding, primarycolour etc.*/ /*Font Size*/ /*Font family*/ /*lh2 line height*/ /*Font weight*/ /*Colors*/ /* CTA Color 1: Dark blue */ /* CTA Color 1: Light blue */ /* CTA Color 1: Sky blue */ /* Type color */ /*Banner List Block Mobile-view*/ /*-------------------------PADDING-------------------------*/ /*-------------------------MARGIN-------------------------*/ /*-------------------------BORDER RADIUS-------------------------*/ /*-------------------------TRANSITIONS-------------------------*/ /*Clickable Image card*/ /*Image cta*/ /*Hero*/ /*Email and Print*/ /*Table Block*/ /*Advisory Block*/ /*jumplink block*/ /*accordion Block*/ /* Brand callout*/ /*feature block*/ /* Brand callout*/ /* Brand callout*/ /*feature block*/ /* All control styling like button, input, select etc. You can also target things like .block-buttontext */ /* Generics */ @import url("https://cdnjs.cloudflare.com/ajax/libs/lato-font/3.0.0/css/lato-font.min.css"); @import url("https://fonts.googleapis.com/icon?family=Material+Icons"); @import url("https://fonts.cdnfonts.com/css/helvetica-neue-55"); .block-content .block-buttontext, .block-buttontext, button { background-color: #006298; border: 1px Solid; border-color: transparent; color: #fff; text-decoration: none; border-radius: 25px; } .block-buttontext:hover, button:hover, .block-buttontext:focus, button:focus { background-color: #000000; text-decoration: none; } .block-buttontext:disabled, button:disabled { background-color: #F8F8F8; color: #818386; } .hybridcontentbannerblock .block-buttontext, .hybridcontentbannerblock-container .block-buttontext { background-color: #fff; border: 1px Solid; border-color: #F8F8F8; color: #000000; text-decoration: none; border-radius: 25px; } .hybridcontentbannerblock .block-buttontext:hover, .hybridcontentbannerblock-container .block-buttontext:hover, .hybridcontentbannerblock .block-buttontext:focus, .hybridcontentbannerblock-container .block-buttontext:focus { border-color: #298FC2; background-color: #298FC2; text-decoration: none; color: #fff; } .hybridcontentbannerblock .block-buttontext:disabled, .hybridcontentbannerblock-container .block-buttontext:disabled { background-color: #818386; border-color: #818386; color: #fff; } body a h1, body a h2, body a h3, body a h4, body a { color: #006298; } /* Individual styles */ /*.content-section {*/ /*}*/ body .content-container.infinite-scroll .slider-buttons .prev-arrow i, body .next-arrow i { cursor: pointer; color: #006298; fill: #006298; } body .content-container.infinite-scroll .slider-buttons .prev-arrow i:hover, body .content-container.infinite-scroll .slider-buttons .prev-arrow i:focus, body .next-arrow i:hover, body .next-arrow i:focus { background-color: #F8F8F8; color: #000000; fill: #000000; } /* The following need to be styled */ /* Accordion */ /*Font styles for different items.

etc. You can also target things like .block-title*/ body { font-family: lato, sans-serif; } body h1 { font-size: 3.1rem; font-weight: 500; font-family: lato, sans-serif; line-height: 55px; } body h2 { font-size: 2.369rem; font-weight: 500; font-family: lato, sans-serif; line-height: 43px; } body h3 { font-size: 1.4rem; font-weight: 500; font-family: lato, sans-serif; line-height: 34px; } body h4 { font-size: 1.3rem; font-weight: 500; font-family: lato, sans-serif; line-height: 27px; margin-bottom: 15px; } body h5 { font-size: 1.1rem; font-weight: 500; font-family: lato, sans-serif; margin-bottom: 15px; } body .block-textblock, body p, body span, body a { font-size: 1rem; font-weight: 400; font-family: lato, sans-serif; line-height: 22px; } body h3 + *, body .block-textblock + * { margin-top: 25px; } body .ui-widget, body .ui-content { font-size: 1rem; font-family: lato, sans-serif; } body strong { font-weight: 500; } /* Generics */ footer .vax-footer, body header .vax-header, body #anchorContainer #siteContainer .site-wrapper { max-width: 1290px; margin-left: auto; margin-right: auto; } /* Custom layout overrides */ body { /*Divider h2 */ /*Wait screen*/ /*bullets overflow - all blocks (CORE override)*/ /*Page displays bulleted list when it has been entered as a numbered list on CMS */ } body .hybridcontentbannerblock .block-textblock, body .hybridcontentbannerblock h1, body .hybridcontentbannerblock h2, body .hybridcontentbannerblock h3, body .hybridcontentbannerblock span, body .hybridcontentbannerblock p, body .hybridcontentbannerblock .block-content, body .hybridcontentbannerblock-container .block-textblock, body .hybridcontentbannerblock-container h1, body .hybridcontentbannerblock-container h2, body .hybridcontentbannerblock-container h3, body .hybridcontentbannerblock-container span, body .hybridcontentbannerblock-container p, body .hybridcontentbannerblock-container .block-content, body .hybridclickablecard .block-textblock, body .hybridclickablecard h1, body .hybridclickablecard h2, body .hybridclickablecard h3, body .hybridclickablecard span, body .hybridclickablecard p, body .hybridclickablecard .block-content { color: #fff; } body #vaxBar { border-bottom: none; } body #anchorContainer #siteContainer { max-width: initial; } body .advisories-placeholder { background-color: #fff; } body .advisories-placeholder .advisories-Container { border-bottom: none; background-color: #B00020; color: #fff; } body .advisories-placeholder span { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } body .advisories-placeholder a { color: #fff; } body .advisories-placeholder a:hover { text-decoration: underline 1px solid #fff; text-underline-offset: 5px; } body .advisories-placeholder a:focus { outline: 1px solid #fff; border: none; padding: 5px; } @media only screen and (max-width: 768px) { body .advisories-placeholder { padding: unset; } body .advisories-placeholder .advisories-Container { justify-content: flex-start; padding: 20px; display: flex; flex-direction: column; } body .advisories-placeholder .advisories-Container p { display: flex; flex-direction: column; } body .advisories-placeholder .advisories-Container p a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 320px; } body .advisories-placeholder .advisories-Container p a:focus { width: fit-content; } body .advisories-placeholder .advisories-Container p:not(:last-child) { margin-bottom: 10px; } } @media only screen and (min-width: 768px) { body .advisories-placeholder .advisories-Container p:not(:last-child)::after { content: "|"; display: inline-block; width: 32px; text-align: center; margin: 0 20px; } } body a.skip-main, body a.accessibility-statement { border: 1px solid transparent; z-index: 1000; } body a.skip-main:focus, body a.accessibility-statement:focus { background-color: #01426A; color: #fff; border: 1px Solid #fff; border-radius: 5px; } body :focus { box-shadow: none; /*outline: $accessibilityOutline; border: $accessibilityBorder;*/ border: 1px Solid #006298; border-radius: 5px; } body .root-breadcrumbs span, body .root-breadcrumbs a { color: #000000; } body .EPiServerForms .ValidationRequired .Form__Element__Caption:after { display: none; } body #anchorContainer .block.divider-h2 .content-container .heading-wrapper > h2 { color: #fff; background: #01426A; } body #anchorContainer .block.divider-h2 div.content-section h2:first-of-type:not(.block-title) { color: #fff; background: #01426A; } body .modalWaitScreenBackground { background: none; border: 0; } body .anchorWaitScreenBkgrd { position: fixed; top: 0; bottom: 0; right: 0; left: 0; padding: 0; text-align: center; height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } body .anchorWaitScreenBkgrd img { width: 700px !important; border-radius: 0 !important; } @media screen and (max-width: 730px) { body .anchorWaitScreenBkgrd img { max-width: calc(100% - 40px) !important; } } body .heading-wrapper .block-textblock ul, body .heading-wrapper .block-textblock ol, body .heading-wrapper .block-text ul, body .heading-wrapper .block-text ol, body .heading-wrapper .block-content ul, body .heading-wrapper .block-content ol, body .heading-wrapper .block-sub-title ul, body .heading-wrapper .block-sub-title ol, body .content-section .block-textblock ul, body .content-section .block-textblock ol, body .content-section .block-text ul, body .content-section .block-text ol, body .content-section .block-content ul, body .content-section .block-content ol, body .content-section .block-sub-title ul, body .content-section .block-sub-title ol { margin-left: auto; margin-right: auto; max-width: calc(100% - 40px); } body .heading-wrapper .block-textblock ul li, body .heading-wrapper .block-textblock ol li, body .heading-wrapper .block-text ul li, body .heading-wrapper .block-text ol li, body .heading-wrapper .block-content ul li, body .heading-wrapper .block-content ol li, body .heading-wrapper .block-sub-title ul li, body .heading-wrapper .block-sub-title ol li, body .content-section .block-textblock ul li, body .content-section .block-textblock ol li, body .content-section .block-text ul li, body .content-section .block-text ol li, body .content-section .block-content ul li, body .content-section .block-content ol li, body .content-section .block-sub-title ul li, body .content-section .block-sub-title ol li { line-height: 22px; font-size: 1rem; font-weight: 400; } body .heading-wrapper .block-textblock ul.bullet-align-right, body .heading-wrapper .block-textblock ol.bullet-align-right, body .heading-wrapper .block-text ul.bullet-align-right, body .heading-wrapper .block-text ol.bullet-align-right, body .heading-wrapper .block-content ul.bullet-align-right, body .heading-wrapper .block-content ol.bullet-align-right, body .heading-wrapper .block-sub-title ul.bullet-align-right, body .heading-wrapper .block-sub-title ol.bullet-align-right, body .content-section .block-textblock ul.bullet-align-right, body .content-section .block-textblock ol.bullet-align-right, body .content-section .block-text ul.bullet-align-right, body .content-section .block-text ol.bullet-align-right, body .content-section .block-content ul.bullet-align-right, body .content-section .block-content ol.bullet-align-right, body .content-section .block-sub-title ul.bullet-align-right, body .content-section .block-sub-title ol.bullet-align-right { margin-right: 0; } body .xhtmlblock div ul, body .xhtmlblock div ol { margin-left: auto; margin-right: auto; max-width: calc(100% - 40px); } body .xhtmlblock div ul.bullet-align-right, body .xhtmlblock div ol.bullet-align-right { margin-right: 0; } body .block .content-section .block-textblock ol, body .block .content-section .block-content ol, body .block .content-section .block-text ol, body .block .heading-wrapper .block-textblock ol, body .block .heading-wrapper .block-content ol, body .block .heading-wrapper .block-text ol { list-style: decimal !important; } body .block .content-section .block-textblock a:focus, body .block .content-section .block-content a:focus, body .block .content-section .block-text a:focus, body .block .heading-wrapper .block-textblock a:focus, body .block .heading-wrapper .block-content a:focus, body .block .heading-wrapper .block-text a:focus { padding: 5px; } /*Hotfix*/ .hideElement { display: none; } .hideme { display: none; } /*onsale block wait screen*/ #loadWorkingImage { top: 0; height: 100%; background: rgba(255, 255, 255, 0.46); } @media only screen and (max-width: 768px) { #loadWorkingImage { top: 0; width: 100vw; } } #loadWorkingImage .OnSaleFilteringWaitScreen { background: url("/siteassets/content/images/algv-waitscreen.gif"); border: none; max-width: 700px; width: 100%; height: 100%; margin: auto; background-position: center; background-size: contain; background-repeat: no-repeat; padding: 0; } @media only screen and (max-width: 768px) { #loadWorkingImage .OnSaleFilteringWaitScreen { background-position: center; background-size: contain; background-repeat: no-repeat; } } @media screen and (max-width: 730px) { #loadWorkingImage .OnSaleFilteringWaitScreen { max-width: calc(100% - 40px); } } #loadWorkingImage .OnSaleFilteringWaitScreen div { display: none; } .hybridcalllauncherblock { /* The popup form - hidden by default */ /* Add styles to the form container */ /* Full-width input fields */ /* When the inputs get focus, do something */ /* Set a style for the submit/login button */ /* Add a red background color to the cancel button */ /* Add some hover effects to buttons */ } .hybridcalllauncherblock img[alt="Call Us"] { cursor: pointer; } .hybridcalllauncherblock .open-button { font-family: "lato,sans-serif"; background-color: #006298; color: white; padding: 16px 20px; border: none; cursor: pointer; opacity: 0.8; position: fixed; bottom: 23px; right: 28px; width: 280px; } .hybridcalllauncherblock .incontact-popup { display: none; position: fixed; z-index: 9; } .hybridcalllauncherblock .incontact-container { max-width: 300px; padding: 10px; background-color: white; } .hybridcalllauncherblock .incontact-container input[type=text] { width: 100%; padding: 15px; margin: 5px 0 22px 0; border: none; background: #f1f1f1; } .hybridcalllauncherblock .incontact-container input[type=text]:focus { background-color: #ddd; outline: none; } .hybridcalllauncherblock .incontact-container .btn { background-color: #04AA6D; color: white; padding: 16px 20px; border: none; cursor: pointer; width: 100%; margin-bottom: 10px; opacity: 0.8; } .hybridcalllauncherblock .incontact-container .cancel { background-color: red; } .hybridcalllauncherblock .incontact-container .btn:hover, .hybridcalllauncherblock .open-button:hover { opacity: 1; } .hybridcalllauncherblock #successMessage, .hybridcalllauncherblock #failMessage, .hybridcalllauncherblock #offHoursMessage, .hybridcalllauncherblock #notAuthenticatedMessage { display: none; } .hybridcalllauncherblock #phonenumbersubmit, .hybridcalllauncherblock #btnCancel, .hybridcalllauncherblock #btnCancel1, .hybridcalllauncherblock #btnCancel2, .hybridcalllauncherblock #btnCancel3, .hybridcalllauncherblock #btnCancel4 { background: rgb(0, 98, 152); color: rgb(255, 255, 255); border: 0; border-radius: 60px; color: #fff; cursor: pointer; font-size: 1rem; height: 44px; line-height: 26px; margin: 10px; position: relative; width: 95%; } .hybridcalllauncherblock #input-label, .hybridcalllauncherblock #input-labelphase { color: #006298; line-height: 19px; margin: 15px 0; font-size: 1rem; } .hybridcalllauncherblock #input-label, .hybridcalllauncherblock #phase, .hybridcalllauncherblock #input-labeldestination, .hybridcalllauncherblock #input-labelbrand { color: #006298; line-height: 19px; margin: 15px 0; font-size: 1rem; } .hybridcalllauncherblock #phoneNumber { background: #fff; border: 1px solid #818386; border-radius: 4px; color: #000; font-size: 1rem; height: 44px; outline: 0; padding: 11px 10px 10px; width: 95%; margin: 10px; } .hybridcalllauncherblock #phase, .hybridcalllauncherblock #brand, .hybridcalllauncherblock #destination { background: #fff; border: 1px solid #818386; border-radius: 4px; color: #818386; font-size: 1rem; height: 44px; outline: 0; padding: 11px 10px 10px; width: 95%; margin: 10px; } .hybridcalllauncherblock .incontact-popup { display: flex; position: relative; } .hybridcalllauncherblock #inContactForm.incontact-popup.errorState { border: 1px solid red; border-radius: 60px; padding: 5px; } .hybridcalllauncherblock #inContactForm.incontact-popup.successState { border: 1px solid green; border-radius: 60px; padding: 5px; } .hybridcalllauncherblock #inContactForm .incontact-popup-input-invalid { display: none; color: red; } .hybridcalllauncherblock #input-label[for=phoneNumber].invalid { color: red; } .hybridcalllauncherblock #welcomeMessage { font-size: 1.1rem; font-weight: 500; font-family: lato, sans-serif; margin-bottom: 15px; } .hybridcalllauncherblock #successMessage h4 { font-size: 1rem; font-weight: 500; font-family: lato, sans-serif; text-align: center; margin: 15px 0; } .hybridcalllauncherblock #failMessage h4 { font-size: 1rem; font-weight: 500; font-family: lato, sans-serif; text-align: center; margin: 15px 0; } .hybridcalllauncherblock #offHoursMessage h4 { font-size: 1rem; font-weight: 500; font-family: lato, sans-serif; text-align: center; margin: 15px 0; } .hybridcalllauncherblock #notAuthenticatedMessage h4 { font-size: 1rem; font-weight: 500; font-family: lato, sans-serif; text-align: center; margin: 15px 0; } .hybridcalllauncherblock #inContactForm p.hoursofoperation { font-size: 0.65rem; } .hybridcalllauncherblock #inContactForm.errorState { display: inline; } .hybridcalllauncherblock .incontact-popup-input #phase:focus, .hybridcalllauncherblock .incontact-popup-input #phase:hover, .hybridcalllauncherblock .incontact-popup-input #phoneNumber:focus, .hybridcalllauncherblock .incontact-popup-input #phoneNumber:hover, .hybridcalllauncherblock .incontact-popup-input #brand:focus, .hybridcalllauncherblock .incontact-popup-input #brand:hover, .hybridcalllauncherblock .incontact-popup-input #destination:focus, .hybridcalllauncherblock .incontact-popup-input #destination:hover, .hybridcalllauncherblock .incontact-popup-button #phase:focus, .hybridcalllauncherblock .incontact-popup-button #phase:hover, .hybridcalllauncherblock .incontact-popup-button #phoneNumber:focus, .hybridcalllauncherblock .incontact-popup-button #phoneNumber:hover, .hybridcalllauncherblock .incontact-popup-button #brand:focus, .hybridcalllauncherblock .incontact-popup-button #brand:hover, .hybridcalllauncherblock .incontact-popup-button #destination:focus, .hybridcalllauncherblock .incontact-popup-button #destination:hover { border: 1px Solid #006298; border-radius: 5px; } .hybridcalllauncherblock .incontact-popup-input #phonenumbersubmit:focus, .hybridcalllauncherblock .incontact-popup-input #phonenumbersubmit:hover, .hybridcalllauncherblock .incontact-popup-input #btnCancel:focus, .hybridcalllauncherblock .incontact-popup-input #btnCancel:hover, .hybridcalllauncherblock .incontact-popup-button #phonenumbersubmit:focus, .hybridcalllauncherblock .incontact-popup-button #phonenumbersubmit:hover, .hybridcalllauncherblock .incontact-popup-button #btnCancel:focus, .hybridcalllauncherblock .incontact-popup-button #btnCancel:hover { border: 1px Solid #000000; } .hybridcalllauncherblock .incontact-popup-input-invalid { display: none; color: red; } #inContactForm .incontact-popup-input { height: 64px; } #inContactForm .incontact-popup-input .chosen-container { width: calc(100% - 10px) !important; margin: 10px; } @media only screen and (max-width: 768px) { #inContactForm .incontact-popup-input .chosen-container { width: calc(100% - 25px) !important; } } @media only screen and (max-width: 480px) { #inContactForm .incontact-popup-input .chosen-container { width: calc(100% - 10px) !important; } } #inContactForm .incontact-popup-input .chosen-container .chosen-drop { margin-top: 0; border-top: unset; border: 1px solid #C0C0C0; top: 44px; } #inContactForm .incontact-popup-input .chosen-container .chosen-drop .chosen-results { margin: 0; max-width: unset; padding: 0; } #inContactForm .incontact-popup-input .chosen-container .chosen-drop .chosen-results .active-result { color: #818386; } #inContactForm .incontact-popup-input .chosen-container .chosen-drop .chosen-results .active-result.highlighted { color: #ffffff; } #inContactForm .incontact-popup-input .chosen-container .chosen-single { height: 44px; background: white; border-radius: 4px !important; border: 1px solid #818386; color: #818386; } #inContactForm .incontact-popup-input .chosen-container .chosen-single span { margin: 0 0 10px 0; padding: 10px 20px 10px 10px; } #inContactForm .incontact-popup-input .chosen-container .chosen-single span::after { font-family: "FontAwesome"; content: "\f078"; font-size: 10px; vertical-align: text-top; padding-left: 5px; position: absolute; right: 5px; } #inContactForm .incontact-popup-input .chosen-container .chosen-single div { display: none; } #inContactForm .incontact-popup-input .chosen-container .chosen-single:focus, #inContactForm .incontact-popup-input .chosen-container .chosen-single:hover { border: 1px Solid #006298 !important; border-radius: 5px !important; } #inContactForm .incontact-popup-input .chosen-container a[aria-expanded=true] { border: 1px Solid #006298 !important; border-radius: 5px !important; } #inContactForm .incontact-popup-input .chosen-container a[aria-expanded=true]:focus { border: 1px Solid #006298 !important; border-radius: 5px !important; } .block .content-container.align-header-left:not(.inline-title) .content-section, .block .content-container.align-header-right:not(.inline-title) .content-section { max-width: unset; } @media only screen and (max-width: 768px) { .block .content-container.align-header-left.inline-title .content-section, .block .content-container.align-header-right.inline-title .content-section { max-width: unset; } } @media only screen and (max-width: 768px) and (max-width: 768px) { .block .content-container.infinite-scroll:not([data-item-count="1"]) > .content-section { width: auto; margin: 0 -10px; } } .bullet-align-center, .bullet-align-right, .bullet-align-left { display: grid; justify-content: center; flex-direction: column; padding-left: 0; } .bullet-align-center li, .bullet-align-right li, .bullet-align-left li { text-align: left; } .bullet-align-right { justify-content: end; } .bullet-align-left { justify-content: start; } .hybridxhtmlblock .content-container .content-section .block-content ul.bullet-align-right, .hybridxhtmlblock .content-container .content-section .block-content .bullet-align-center, .hybridxhtmlblock .content-container .content-section .block-content .bullet-align-left { padding-left: 0; } /* Custom overrides for different blocks. In this case, hero block overrides */ body .hybridclickablecontentlist .content-container .content-section .hybridclickablecontent .block-maindiv { border: 1px solid #DBDBDB; border-radius: 10px; background-color: #F8F8F8; } body .hybridclickablecontentlist .content-container .content-section .hybridclickablecontent .block-maindiv .block-content .subtitle { font-size: 1rem; font-weight: 400; line-height: 22px; color: #006298; } body .hybridclickablecontentlist .content-container .content-section .hybridclickablecontent .block-maindiv .block-content .block-title { color: #000; } body .hybridclickablecontentlist .content-container .content-section .hybridclickablecontent .block-maindiv .block-content .block-textblock p { color: #000; } body .hybridclickablecontentlist .content-container .content-section .hybridclickablecontent .block-maindiv .block-content .block-textblock ul li, body .hybridclickablecontentlist .content-container .content-section .hybridclickablecontent .block-maindiv .block-content .block-textblock ol li { color: #000; width: 100%; } body .hybridclickablecontentlist .content-container .content-section .hybridclickablecontent .block-maindiv .block-content .block-buttontext { background-color: unset; color: #006298; font-weight: 400; font-size: 1rem; line-height: 22px; border: none; } body .hybridclickablecontentcardlistblock .content-container.infinite-scroll.showScroll:not(.inline-title) { padding-right: 0; } body .hybridclickablecontentcardlistblock .content-container.infinite-scroll.showScroll:not(.inline-title) .content-section ul.content-cards-container li.block a { display: block; } body .hybridclickablecontentcardlistblock .content-container.infinite-scroll.showScroll:not(.inline-title) .content-section ul.content-cards-container li.block a:focus { border-color: #298FC2; } body .hybridcontentcardlistblock .content-container.infinite-scroll.showScroll:not(.inline-title) { padding-right: 0; } body .hybridclickablecontentlist .content-container .heading-wrapper .Listblock-title { color: #000; } body .hybridclickablecontentlist .content-container .heading-wrapper .block-textblock p { color: #000; } body .hybridclickablecontentlist .content-container.columns-2.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow, body .hybridclickablecontentlist .content-container.columns-2.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow, body .hybridclickablecontentlist .content-container.columns-3.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow, body .hybridclickablecontentlist .content-container.columns-3.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow, body .hybridclickablecontentlist .content-container.columns-4.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow, body .hybridclickablecontentlist .content-container.columns-4.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow { color: #006298; fill: #006298; border: 1px solid; } body .hybridclickablecontentlist .content-container.columns-2.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow:hover, body .hybridclickablecontentlist .content-container.columns-2.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow:focus, body .hybridclickablecontentlist .content-container.columns-2.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow:hover, body .hybridclickablecontentlist .content-container.columns-2.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow:focus, body .hybridclickablecontentlist .content-container.columns-3.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow:hover, body .hybridclickablecontentlist .content-container.columns-3.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow:focus, body .hybridclickablecontentlist .content-container.columns-3.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow:hover, body .hybridclickablecontentlist .content-container.columns-3.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow:focus, body .hybridclickablecontentlist .content-container.columns-4.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow:hover, body .hybridclickablecontentlist .content-container.columns-4.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow:focus, body .hybridclickablecontentlist .content-container.columns-4.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow:hover, body .hybridclickablecontentlist .content-container.columns-4.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow:focus { background: none; color: #000; fill: #000; } body .hybridclickablecontentlist .content-container .content-section .hybridclickablecontent { background-color: #F8F8F8; border-radius: 10px; } body .hybridclickablecontentlist .content-container .content-section .hybridclickablecontent a { border: 1px solid transparent; border-radius: 10px; } body .hybridclickablecontentlist .content-container .content-section .hybridclickablecontent a:hover .block-maindiv { border: 1px solid #006298; } body .hybridclickablecontentlist .content-container .content-section .hybridclickablecontent a:hover .block-buttontext { text-decoration: underline; text-underline-offset: 5px; cursor: pointer; } body .hybridclickablecontentlist .content-container .content-section .hybridclickablecontent a:focus { border: 1px solid #006298; border-radius: 10px; } body .hybridclickablecontentlist .content-container .content-section .hybridclickablecontent .block-button:focus { border: unset; } body .hybridclickablecontentlist .content-container .content-section .hybridclickablecontent .block-button .block-buttontext:focus { border: unset; } body .hybridclickablecontentlist .content-container .content-section .hybridclickablecontent .block-button:focus { border: unset; } body .hybridclickablecontentlist .content-container .content-section .hybridclickablecontent .block-button .block-buttontext:focus { border: unset; } @media only screen and (min-width: 768px) { body .hybridclickablecontentlist .content-container.columns-2.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb, body .hybridclickablecontentlist .content-container.columns-3.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb, body .hybridclickablecontentlist .content-container.columns-3.inline-title .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb, body .hybridclickablecontentlist .content-container.columns-4.inline-title .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb { background-color: #838181; } body .hybridclickablecontentlist .content-container.columns-2.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-track, body .hybridclickablecontentlist .content-container.columns-3.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-track, body .hybridclickablecontentlist .content-container.columns-3.inline-title .content-section [id^=sliderContainer_]::-webkit-scrollbar-track, body .hybridclickablecontentlist .content-container.columns-4.inline-title .content-section [id^=sliderContainer_]::-webkit-scrollbar-track { background-color: #D9D9D9; } body .hybridclickablecontentlist .content-container.columns-4.infinite-scroll:not(.inline-title) .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb { background-color: #838181; } body .hybridclickablecontentlist .content-container.columns-4.infinite-scroll:not(.inline-title) .content-section [id^=sliderContainer_]::-webkit-scrollbar-track { background-color: #D9D9D9; } body .hybridclickablecontentlist .content-container.columns-3.infinite-scroll:not(.inline-title) .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb { background-color: #838181; } body .hybridclickablecontentlist .content-container.columns-3.infinite-scroll:not(.inline-title) .content-section [id^=sliderContainer_]::-webkit-scrollbar-track { background-color: #D9D9D9; } body .hybridclickablecontentlist .content-container.columns-3.infinite-scroll:not(.inline-title) .content-section [id^=sliderContainer_]::-webkit-scrollbar { height: 8px; } body .hybridclickablecontentlist .content-container.columns-3.infinite-scroll:not(.inline-title) .content-section [id^=sliderContainer_] .content-cards-container { margin-bottom: 20px; margin-top: unset; } } @media only screen and (max-width: 768px) { body .hybridclickablecontentlist .content-container.columns-3.infinite-scroll:not(.inline-title) .heading-wrapper .slider-buttons { margin-top: 20px; } body .hybridclickablecontentlist .content-container.columns-3.infinite-scroll:not(.inline-title) .content-section [id^=sliderContainer_] .content-cards-container { margin-top: unset; } } @media only screen and (min-width: 320px) and (max-width: 766px) { body #siteContainer .site-wrapper #pageContent .Hybridstartpage-content div:has(.block.dbclickadblock + .block.herobannerblock) > .block.dbclickadblock { float: none; } } body .block.herobannerblock .heroBlock-container .content-section.gradient .hybridcontentbannerblock-container.align-content-left { display: flex; align-items: center; justify-content: flex-start; margin: 0; } body .block.herobannerblock .heroBlock-container .content-section.gradient .hybridcontentbannerblock-container.align-content-center { display: flex; align-items: center; justify-content: center; } body .block.herobannerblock .heroBlock-container .content-section.gradient .hybridcontentbannerblock-container.align-content-right { display: flex; align-items: center; justify-content: flex-end; } body .block.herobannerblock .heroBlock-container .content-section.gradient .hybridcontentbannerblock-container .content-section { width: 550px; } body .block.herobannerblock .heroBlock-container .content-section.gradient .hybridcontentbannerblock-container .content-section .block-textblock { line-height: 22px; } @media screen and (max-width: 768px) { body .block.herobannerblock { border-color: #D2D2D2; } } body .block.herobannerblock .mobile-hero-container { background-color: #01426A; } body .block.herobannerblock .mobile-hero-container .content-container .block-title { font-weight: 500; margin-bottom: 20px; font-size: 2.369rem; } @media screen and (max-width: 768px) { body .block.herobannerblock .mobile-hero-container .content-container .block-buttontext { margin: 0 auto; } } @media screen and (max-width: 500px) { body .block.herobannerblock .mobile-hero-container .content-container .block-buttontext { width: 100%; } } body .photogalleryblock { max-width: 1320px; margin: 0 auto; margin-top: 50px; margin-bottom: 30px; position: relative; } body .photogalleryblock.popupGallary { position: fixed; top: -50px; left: 0; right: 0; width: 100%; height: 100%; z-index: 99; } body .photogalleryblock .counter { position: absolute; max-width: 1320px; height: 26px; justify-content: flex-end; width: 100%; padding-right: 40px; padding-left: 10px; display: flex; z-index: 1; margin-top: 205px; } body .photogalleryblock .counter .inner-counter { background-color: rgba(0, 0, 0, 0.69); padding: 0 7px; display: flex; align-items: center; cursor: pointer; } body .photogalleryblock .counter .inner-counter .counter-icon { align-items: center; justify-content: center; display: flex; } body .photogalleryblock .counter .inner-counter .counter-icon svg { height: 17px; width: 17px; fill: white; margin-right: 4px; } body .photogalleryblock .counter .inner-counter .counter-info { color: #fff; } @media screen and (max-width: 845px) { body .photogalleryblock .counter { margin-top: 150px; padding-right: 30px; } } body .photogalleryblock .carousel-thumbnail-placeholder { position: absolute; z-index: 51; /*top: 0;*/ width: 100%; height: 100%; pointer-events: none; transition: all 200ms; } body .photogalleryblock .carousel-thumbnail-placeholder > button { position: absolute; left: 150px; top: 41%; box-shadow: 0 0 6px 3px #565252; background-color: #565252; overflow: hidden; display: none; padding: 0; border: 0; width: 37px; height: 37px; pointer-events: all; cursor: pointer; } @media screen and (max-width: 845px) { body .photogalleryblock .carousel-thumbnail-placeholder > button { left: 55px; top: 41%; width: 20px; height: 20px; } } body .photogalleryblock .carousel-thumbnail-placeholder #thumbnail-gallary-modal { display: none; } body .photogalleryblock .carousel-thumbnail-placeholder #thumbnail-gallary-modal .carousel-thumbnails { display: none; position: absolute; top: 49px; left: 20px; right: 20px; bottom: 20px; list-style: none; padding: 0; margin: 0; flex-wrap: wrap; box-sizing: border-box; overflow-y: auto; pointer-events: all; } body .photogalleryblock .carousel-thumbnail-placeholder #thumbnail-gallary-modal .carousel-thumbnails li { display: inline-block; flex-grow: 0; flex-shrink: 0; width: 225px; height: 100px; } body .photogalleryblock .carousel-thumbnail-placeholder #thumbnail-gallary-modal .carousel-thumbnails li button { display: inline-block; padding: 0; margin: 0; background: transparent; border: 0; opacity: 0; pointer-events: all; cursor: pointer; height: 100%; border-radius: unset; } body .photogalleryblock .carousel-thumbnail-placeholder #thumbnail-gallary-modal .carousel-thumbnails li button img, body .photogalleryblock .carousel-thumbnail-placeholder #thumbnail-gallary-modal .carousel-thumbnails li button video { height: 100%; padding: 0; position: relative; z-index: 1; object-fit: cover; width: 100%; } body .photogalleryblock .carousel-thumbnail-placeholder #thumbnail-gallary-modal .carousel-thumbnails::-webkit-scrollbar { width: 16px; } body .photogalleryblock .carousel-thumbnail-placeholder #thumbnail-gallary-modal .carousel-thumbnails::-webkit-scrollbar-thumb { background-color: #d6dee1; border-radius: 20px; border: 6px solid transparent; background-clip: content-box; } body .photogalleryblock .carousel-thumbnail-placeholder #thumbnail-gallary-modal .carousel-thumbnails::-webkit-scrollbar-track { background-color: transparent; } body .photogalleryblock .carousel-thumbnail-placeholder.show-thumbnails { background-color: rgba(0, 0, 0, 0.7); max-width: 1320px; } body .photogalleryblock .carousel-thumbnail-placeholder.show-thumbnails > button { visibility: hidden; } body .photogalleryblock .carousel-thumbnail-placeholder.show-thumbnails #thumbnail-gallary-modal { display: block !important; position: sticky; height: 100%; background: #333; } body .photogalleryblock .carousel-thumbnail-placeholder.show-thumbnails #thumbnail-gallary-modal .thumbnail-gallary-modal-header { display: flex; justify-content: space-between; color: #fff; height: 38px; } body .photogalleryblock .carousel-thumbnail-placeholder.show-thumbnails #thumbnail-gallary-modal .thumbnail-gallary-modal-header > button { color: #fff; background-color: #333; pointer-events: all; border: none; margin-top: 8px; margin-right: 40px; cursor: pointer; } body .photogalleryblock .carousel-thumbnail-placeholder.show-thumbnails #thumbnail-gallary-modal .carousel-thumbnails { display: flex; justify-content: space-around; align-content: flex-start; width: auto; background-color: #333; margin-bottom: 20px; } body .photogalleryblock .carousel-thumbnail-placeholder.show-thumbnails #thumbnail-gallary-modal .carousel-thumbnails li { background-color: #4e4848; width: 48%; margin-bottom: 15px; height: 300px; margin-top: 5px; } body .photogalleryblock .carousel-thumbnail-placeholder.show-thumbnails #thumbnail-gallary-modal .carousel-thumbnails li button { opacity: 0.55; width: 100%; } body .photogalleryblock .carousel-thumbnail-placeholder.show-thumbnails #thumbnail-gallary-modal .carousel-thumbnails li button:hover { opacity: 1; box-shadow: 0 0 0 4px #fff; } body .photogalleryblock .carousel-thumbnail-placeholder.show-thumbnails #thumbnail-gallary-modal .carousel-thumbnails li .hideCursor { pointer-events: none; cursor: none; } @media screen and (max-width: 768px) { body .photogalleryblock .carousel-thumbnail-placeholder.show-thumbnails #thumbnail-gallary-modal .carousel-thumbnails li { width: 90%; } } @media screen and (max-width: 480px) { body .photogalleryblock .carousel-thumbnail-placeholder.show-thumbnails #thumbnail-gallary-modal .carousel-thumbnails li { height: 135px; } } @media screen and (max-width: 845px) { body .photogalleryblock .carousel-thumbnail-placeholder.show-thumbnails #thumbnail-gallary-modal .carousel-thumbnails { align-content: flex-start; width: 100%; top: 50px; bottom: 18px; } } @media screen and (max-width: 768px) { body .photogalleryblock .carousel-thumbnail-placeholder.show-thumbnails #thumbnail-gallary-modal .carousel-thumbnails { left: 0; right: 0; justify-content: space-around; flex-direction: row; overflow-y: auto; } } body .photogalleryblock #ImagePopup { position: absolute; top: 0; height: 100%; background: #333; width: 100%; z-index: 9999; } body .photogalleryblock #ImagePopup .Imagepopup-header { display: flex; justify-content: space-between; color: #fff; height: 38px; } body .photogalleryblock #ImagePopup .Imagepopup-header > button { color: #fff; background-color: #333; pointer-events: all; border: none; margin-top: 8px; margin-right: 40px; cursor: pointer; } body .photogalleryblock #ImagePopup img, body .photogalleryblock #ImagePopup video { position: absolute; top: 10%; left: 5%; height: 100%; max-height: 500px; width: 90%; } @media screen and (max-width: 845px) { body .photogalleryblock #ImagePopup img, body .photogalleryblock #ImagePopup video { top: 35%; height: auto; } } body .photogalleryblock .showPopup { display: block; } body .photogalleryblock .hidePopup { display: none; } body .photogalleryblock .carousel { display: block; max-height: 250px; position: relative; } body .photogalleryblock .carousel .slick-list { overflow: hidden; height: 100%; } body .photogalleryblock .carousel .slick-list .slick-track { display: flex; } body .photogalleryblock .carousel .slick-list .slick-track .slick-slide { width: auto !important; border-inline-end: 4px solid white; } body .photogalleryblock .carousel .slick-list .slick-track .slick-slide img, body .photogalleryblock .carousel .slick-list .slick-track .slick-slide video { width: 100%; height: 250px; object-fit: cover; margin: 0 auto; } @media screen and (max-width: 845px) { body .photogalleryblock .carousel .slick-list .slick-track .slick-slide img, body .photogalleryblock .carousel .slick-list .slick-track .slick-slide video { height: 188px; } } @media screen and (min-width: 1024px) { body .photogalleryblock .carousel .slick-list .slick-track .slick-slide { width: 100% !important; max-width: 650px; } } body .photogalleryblock .carousel .slick-dots { display: none !important; } body .photogalleryblock .carousel .prev { position: absolute; display: flex !important; left: 40px; width: 40px; height: 40px; align-items: center; padding: 11px; background-color: rgba(0, 0, 0, 0.62); border-radius: 50%; font-size: 36px !important; } @media screen and (max-width: 845px) { body .photogalleryblock .carousel .prev { left: 0; margin-left: 20px !important; width: 30px; height: 30px; padding: 9px; font-size: 24px !important; } } body .photogalleryblock .carousel .next { position: absolute; display: flex !important; right: 40px; align-items: center; width: 40px; height: 40px; padding: 11px; background-color: rgba(0, 0, 0, 0.62); border-radius: 50%; font-size: 36px !important; } @media screen and (max-width: 845px) { body .photogalleryblock .carousel .next { right: 0; margin-right: 20px !important; width: 30px; height: 30px; padding: 9px; font-size: 24px !important; } } body .photogalleryblock .carousel .hidden { opacity: 0; pointer-events: none; } @media screen and (max-width: 845px) { body .photogalleryblock .carousel { height: 188px; } } body .hybridcontentcardlistblock .hybridcontentcardlistblock-container .heading-wrapper .Listblock-title { color: #000; } body .hybridcontentcardlistblock .hybridcontentcardlistblock-container .heading-wrapper .block-textblock { color: #000; } body .hybridcontentcardlistblock .hybridcontentcardlistblock-container .heading-wrapper .block-textblock p { color: #000; } body .hybridcontentcardlistblock .hybridcontentcardlistblock-container .content-section .hybridcontentcardblock { list-style-type: none; } body .hybridcontentcardlistblock .hybridcontentcardlistblock-container .content-section .hybridcontentcardblock .block-content .block-title { color: #000; } body .hybridcontentcardlistblock .hybridcontentcardlistblock-container .content-section .hybridcontentcardblock .block-content .block-textblock { color: #000; } body .hybridcontentcardlistblock .hybridcontentcardlistblock-container .content-section .hybridcontentcardblock .block-content .block-textblock p { color: #000; } body .hybridcontentcardlistblock .hybridcontentcardlistblock-container .content-section .hybridcontentcardblock .block-content .block-textblock li { margin-bottom: 0; } body .hybridcontentcardlistblock .hybridcontentcardlistblock-container .content-section .hybridcontentcardblock .block-content a:hover { border: none; } body .hybridcontentcardlistblock .hybridcontentcardlistblock-container .content-section .hybridcontentcardblock .block-content a:focus { border: 1px Solid #006298; border-radius: 5px; padding: 5px; } body .hybridcontentcardlistblock .hybridcontentcardlistblock-container .content-section .hybridcontentcardblock .block-content a:focus-within { border-color: #006298; border-top-color: #298FC2; border: 1px solid; } body .hybridcontentcardlistblock .hybridcontentcardlistblock-container.columns-3.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow, body .hybridcontentcardlistblock .hybridcontentcardlistblock-container.columns-3.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow, body .hybridcontentcardlistblock .hybridcontentcardlistblock-container.columns-4.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow, body .hybridcontentcardlistblock .hybridcontentcardlistblock-container.columns-4.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow { color: #006298; fill: #006298; border: 1px solid; } body .hybridcontentcardlistblock .hybridcontentcardlistblock-container.columns-3.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow:hover, body .hybridcontentcardlistblock .hybridcontentcardlistblock-container.columns-3.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow:focus, body .hybridcontentcardlistblock .hybridcontentcardlistblock-container.columns-3.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow:hover, body .hybridcontentcardlistblock .hybridcontentcardlistblock-container.columns-3.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow:focus, body .hybridcontentcardlistblock .hybridcontentcardlistblock-container.columns-4.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow:hover, body .hybridcontentcardlistblock .hybridcontentcardlistblock-container.columns-4.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow:focus, body .hybridcontentcardlistblock .hybridcontentcardlistblock-container.columns-4.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow:hover, body .hybridcontentcardlistblock .hybridcontentcardlistblock-container.columns-4.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow:focus { background: none; color: #000; fill: #000; } @media only screen and (min-width: 768px) { body .hybridcontentcardlistblock .hybridcontentcardlistblock-container.columns-3.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb, body .hybridcontentcardlistblock .hybridcontentcardlistblock-container.columns-4.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb { background-color: #838181; } body .hybridcontentcardlistblock .hybridcontentcardlistblock-container.columns-3.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-track, body .hybridcontentcardlistblock .hybridcontentcardlistblock-container.columns-4.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-track { background-color: #D9D9D9; } body .hybridcontentcardlistblock .hybridcontentcardlistblock-container.columns-3.infinite-scroll:not(.inline-title) .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb { background-color: #838181; } body .hybridcontentcardlistblock .hybridcontentcardlistblock-container.columns-3.infinite-scroll:not(.inline-title) .content-section [id^=sliderContainer_]::-webkit-scrollbar-track { background-color: #D9D9D9; } } body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.vertical .content-section li.hybridcontentbannerblock .vertical .block-title, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.vertical .content-section li.hybridcontentbannerblock .horizontal .block-title, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.vertical .content-section li.hybridcontentbannerblock > div:first-of-type .block-title, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container .content-section li.hybridcontentbannerblock .vertical .block-title, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container .content-section li.hybridcontentbannerblock .horizontal .block-title, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container .content-section li.hybridcontentbannerblock > div:first-of-type .block-title { font-size: 38px; font-weight: 400; width: 100%; } @media screen and (max-width: 768px) { body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.vertical .content-section li.hybridcontentbannerblock .mobile-content-container, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container .content-section li.hybridcontentbannerblock .mobile-content-container { background-color: #01426A; } body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.vertical .content-section li.hybridcontentbannerblock .mobile-content-container .block-title, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container .content-section li.hybridcontentbannerblock .mobile-content-container .block-title { color: #fff; /*as per new comps*/ } body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.vertical .content-section li.hybridcontentbannerblock .mobile-content-container div.block-textblock, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.vertical .content-section li.hybridcontentbannerblock .mobile-content-container span, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container .content-section li.hybridcontentbannerblock .mobile-content-container div.block-textblock, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container .content-section li.hybridcontentbannerblock .mobile-content-container span { color: #fff; /*as per new comps*/ } body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.vertical .content-section li.hybridcontentbannerblock .mobile-content-container .block-buttontext, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container .content-section li.hybridcontentbannerblock .mobile-content-container .block-buttontext { width: fit-content; background-color: #fff; /*as per new comps*/ color: #000; margin-right: auto; margin-left: auto; } } body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-1 .content-section li.hybridcontentbannerblock .vertical, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-1 .content-section li.hybridcontentbannerblock .horizontal, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-1 .content-section li.hybridcontentbannerblock > div:first-of-type, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-2 .content-section li.hybridcontentbannerblock .vertical, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-2 .content-section li.hybridcontentbannerblock .horizontal, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-2 .content-section li.hybridcontentbannerblock > div:first-of-type { align-items: flex-start; justify-content: center; } body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-1 .content-section li.hybridcontentbannerblock .vertical .block-title, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-1 .content-section li.hybridcontentbannerblock .vertical div.block-textblock, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-1 .content-section li.hybridcontentbannerblock .horizontal .block-title, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-1 .content-section li.hybridcontentbannerblock .horizontal div.block-textblock, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-1 .content-section li.hybridcontentbannerblock > div:first-of-type .block-title, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-1 .content-section li.hybridcontentbannerblock > div:first-of-type div.block-textblock, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-2 .content-section li.hybridcontentbannerblock .vertical .block-title, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-2 .content-section li.hybridcontentbannerblock .vertical div.block-textblock, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-2 .content-section li.hybridcontentbannerblock .horizontal .block-title, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-2 .content-section li.hybridcontentbannerblock .horizontal div.block-textblock, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-2 .content-section li.hybridcontentbannerblock > div:first-of-type .block-title, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-2 .content-section li.hybridcontentbannerblock > div:first-of-type div.block-textblock { width: 60%; } body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-3 .content-section li.hybridcontentbannerblock .vertical, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-3 .content-section li.hybridcontentbannerblock .horizontal, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-3 .content-section li.hybridcontentbannerblock > div:first-of-type, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-4 .content-section li.hybridcontentbannerblock .vertical, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-4 .content-section li.hybridcontentbannerblock .horizontal, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-4 .content-section li.hybridcontentbannerblock > div:first-of-type { align-items: center; } body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-2 .content-section li.hybridcontentbannerblock .vertical, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-2 .content-section li.hybridcontentbannerblock .horizontal, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-2 .content-section li.hybridcontentbannerblock > div:first-of-type, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-3 .content-section li.hybridcontentbannerblock .vertical, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-3 .content-section li.hybridcontentbannerblock .horizontal, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-3 .content-section li.hybridcontentbannerblock > div:first-of-type, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-4 .content-section li.hybridcontentbannerblock .vertical, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-4 .content-section li.hybridcontentbannerblock .horizontal, body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.columns-4 .content-section li.hybridcontentbannerblock > div:first-of-type { /*h3.block-title, div.block-textblock { font-size: $columnMediumFontSize; }*/ } body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container .content-section .hybridcontentbannerblock .mobile-content-container .block-buttontext { font-weight: 500; line-height: 3px; border-color: #000; } body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container .heading-wrapper h2 { color: #000; } body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container .heading-wrapper .block-textblock p { line-height: 22px; color: #000; } body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container .hybridcontentbannerblock .mobile-content-container .block-title { margin-bottom: 20px; } body .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container .hybridcontentbannerblock .mobile-content-container .block-textblock p { font-size: 1rem; font-weight: 400; line-height: 22px; } body .block-buttontext { font-size: 1.125rem; } @media screen and (max-width: 768px) { .hybridcontentbannerblock .hybridcontentbannerblock-container .mobile-content-container { background-color: #01426A; } } .hybridcontentbannerblock .hybridcontentbannerblock-container .mobile-content-container .block-title { color: #fff; /*as per new comps*/ } .hybridcontentbannerblock .hybridcontentbannerblock-container .mobile-content-container div.block-textblock, .hybridcontentbannerblock .hybridcontentbannerblock-container .mobile-content-container span { color: #fff; /*as per new comps*/ } .hybridcontentbannerblock .hybridcontentbannerblock-container .mobile-content-container .block-buttontext { background-color: #fff; /*as per new comps*/ color: #000; } .hybridcontentbannerblock .hybridcontentbannerblock-container .vertical .content-section .block-title, .hybridcontentbannerblock .hybridcontentbannerblock-container .vertical .content-section div.block-textblock, .hybridcontentbannerblock .hybridcontentbannerblock-container .horizontal .content-section .block-title, .hybridcontentbannerblock .hybridcontentbannerblock-container .horizontal .content-section div.block-textblock, .hybridcontentbannerblock .hybridcontentbannerblock-container [style*=background-image] .content-section .block-title, .hybridcontentbannerblock .hybridcontentbannerblock-container [style*=background-image] .content-section div.block-textblock { width: 60%; } .hybridcontentbannerblock .hybridcontentbannerblock-container.align-content-left .content-section { align-items: flex-start; } .hybridcontentbannerblock .hybridcontentbannerblock-container.align-content-center .content-section { align-items: center; } .hybridcontentbannerblock .hybridcontentbannerblock-container.align-content-right .content-section { align-items: flex-end; } /*Image cta description*/ @media screen and (max-width: 768px) { li.card-block.hybridcarditem.hybridcontentbannerimageblock, div.hybridcontentbannerimageblock { border-color: #000; } li.card-block.hybridcarditem.hybridcontentbannerimageblock .block-content, div.hybridcontentbannerimageblock .block-content { background-color: #fff; color: #000; /*.block-title { font-size: $columnSmallFontSize; }*/ } li.card-block.hybridcarditem.hybridcontentbannerimageblock .block-content .block-textblock, div.hybridcontentbannerimageblock .block-content .block-textblock { color: #000; } li.card-block.hybridcarditem.hybridcontentbannerimageblock .block-content .block-textblock p, div.hybridcontentbannerimageblock .block-content .block-textblock p { font-size: 1.125rem; } li.card-block.hybridcarditem.hybridcontentbannerimageblock .block-content .block-buttontext, div.hybridcontentbannerimageblock .block-content .block-buttontext { background-color: #006298; color: #fff; } li.card-block.hybridcarditem.hybridcontentbannerimageblock .block-content .block-buttontext span, div.hybridcontentbannerimageblock .block-content .block-buttontext span { font-weight: 900; } } /*core override*/ .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.vertical .content-section li.hybridcontentbannerblock .vertical, .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.vertical .content-section li.hybridcontentbannerblock .horizontal, .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.vertical .content-section li.hybridcontentbannerblock > div:not(.mobile-content-container), .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.horizontal .content-section li.hybridcontentbannerblock .vertical, .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.horizontal .content-section li.hybridcontentbannerblock .horizontal, .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container.horizontal .content-section li.hybridcontentbannerblock > div:not(.mobile-content-container), .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container .content-section li.hybridcontentbannerblock .vertical, .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container .content-section li.hybridcontentbannerblock .horizontal, .hybridcontentbannerlistblock .hybridcontentbannerlistblock-container .content-section li.hybridcontentbannerblock > div:not(.mobile-content-container) { background-image: var(--backgroundurl); } /*Feature Story Block (Aspect ratio as per old dimensions)*/ .hybridcontentcardlistblock .content-container.columns-2 .content-section .hybridcarditem .image-placeholder { padding-top: 40%; } .hybridcontentcardlistblock .content-container.columns-3 .content-section .hybridcarditem .image-placeholder { padding-top: 60.97%; } .hybridcontentcardlistblock .content-container.columns-4 .content-section .hybridcarditem .image-placeholder { padding-top: 58.33%; } .hybridclickablecontentlist .content-container .content-section div[id*=sliderContainer_] .content-cards-container > .block > a { display: block; } /*Search Container Block*/ .block.hybridcontentsearchcontainerblock { margin-bottom: 20px; } .block.hybridcontentsearchcontainerblock.divider-h2 > .content-container > .heading-wrapper { padding-top: 20px; } .block.hybridcontentsearchcontainerblock.divider-h2 > .content-container.align-header-center > .heading-wrapper { max-width: 100%; } .block.hybridcontentsearchcontainerblock.divider-h2 > .content-container.align-header-center > .heading-wrapper .block-textblock { max-width: 85%; } .block.hybridcontentsearchcontainerblock.divider-h2 > .content-container.align-header-center { padding: 0; } .block.hybridcontentsearchcontainerblock.divider-h2 > .content-container .heading-wrapper { max-width: 100%; } .block.hybridcontentsearchcontainerblock.divider-h2 > .content-container .heading-wrapper .block-textblock { max-width: 85%; } .block.hybridcontentsearchcontainerblock > .content-container.align-header-center > .heading-wrapper { max-width: 85%; padding-bottom: 0; } .block.hybridcontentsearchcontainerblock > .content-container.align-header-center > .heading-wrapper h2 { max-width: 100%; } .block.hybridcontentsearchcontainerblock > .content-container.align-header-center > .heading-wrapper .block-textblock { max-width: 100%; } .block.hybridcontentsearchcontainerblock > .content-container > .heading-wrapper { max-width: 85%; padding-bottom: 0; } .block.hybridcontentsearchcontainerblock > .content-container > .heading-wrapper h2 { max-width: 100%; } .block.hybridcontentsearchcontainerblock > .content-container > .heading-wrapper .block-textblock { max-width: 100%; } @media screen and (min-width: 768px) { .block.hybridcontentsearchcontainerblock > .content-container { padding: 0 20px; } } @media screen and (min-width: 768px) { .block.hybridcontentsearchcontainerblock > .content-container.align-header-center { padding: 0 20px; } } .block.hybridcontentsearchcontainerblock > .content-container.align-header-right > .heading-wrapper, .block.hybridcontentsearchcontainerblock > .content-container.align-header-left > .heading-wrapper { max-width: 100%; padding-top: 20px; } @media screen and (max-width: 768px) { .block.hybridcontentsearchcontainerblock > .content-container.align-header-right > .heading-wrapper, .block.hybridcontentsearchcontainerblock > .content-container.align-header-left > .heading-wrapper { padding: 0 20px; } } .block.hybridcontentsearchcontainerblock > .content-container.align-header-right > .heading-wrapper h2, .block.hybridcontentsearchcontainerblock > .content-container.align-header-left > .heading-wrapper h2 { max-width: 100%; } .block.hybridcontentsearchcontainerblock > .content-container.align-header-right > .heading-wrapper .block-textblock, .block.hybridcontentsearchcontainerblock > .content-container.align-header-left > .heading-wrapper .block-textblock { max-width: 100%; padding: 0; margin-top: 20px; } @media screen and (min-width: 768px) { .block.hybridcontentsearchcontainerblock > .content-container .heading-wrapper + .content-section { margin: 0 -20px; } } @media screen and (min-width: 768px) { .block.hybridcontentsearchcontainerblock > .content-container .content-section .content-container.hybridcontentcardlistblock-container .content-section { margin: 0 -10px; } } .block.hybridcontentsearchcontainerblock > .content-container .content-section .content-container.hybridcontentcardlistblock-container .content-section .hybridcontentcardblock .block-maindiv .block-content .block-title { font-size: 1.4rem; font-weight: 500; line-height: 34px; } .block.hybridcontentsearchcontainerblock .content-container .heading-wrapper > .search-box { margin-bottom: 0; } .block.hybridcontentsearchcontainerblock .content-container .heading-wrapper > .block-textblock { margin-top: unset; } .block.hybridcontentsearchcontainerblock .content-container .heading-wrapper h2 + .block-textblock { margin-top: 20px; } .block.hybridcontentsearchcontainerblock .content-container .heading-wrapper h2 + .search-box { margin-top: 20px; } .block.hybridcontentsearchcontainerblock .content-container .heading-wrapper .block-textblock + .search-box { margin-top: 20px; } .block.hybridcontentsearchcontainerblock .content-container .heading-wrapper > .search-box { margin-top: unset; } .block.hybridcontentsearchcontainerblock .heading-wrapper .block-textblock { padding-left: 0; padding-right: 0; } .block.hybridcontentsearchcontainerblock .heading-wrapper .block-textblock h3 { font-size: 32px; font-weight: 400; line-height: 40px; } .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box { margin-bottom: 20px; margin-top: 20px; align-items: center; } @media screen and (max-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box { display: block; padding: 0; } } @media screen and (min-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text { max-width: 100%; } } @media screen and (max-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text { margin-right: 0; width: 100%; } } .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-label-top { align-self: flex-start; color: #000; font-size: 1rem; font-weight: 400; line-height: 24px; letter-spacing: 0.5px; text-align: left; } @media screen and (min-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-label-top { margin-right: auto; max-width: 75.7%; min-width: 400px; } } @media screen and (min-width: 768px) and (max-width: 1086px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-label-top { max-width: 70%; } } .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper { position: relative; } @media screen and (min-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper { display: flex; justify-content: flex-start; align-items: center; } } @media screen and (max-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper { display: flex; } } .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper #inputSearch { border: 1px solid #000; border-radius: 10px; padding: 11.4px 44px; margin-right: 20px; height: 45px; font-family: lato, sans-serif; font-size: 1rem; font-weight: 400; line-height: 22px; margin-top: 10px; } @media screen and (min-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper #inputSearch { min-width: 400px; max-width: 75.7%; width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1086px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper #inputSearch { max-width: 70%; } } @media screen and (max-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper #inputSearch { width: 100%; margin-right: 0; } } .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper #inputSearch::-webkit-input-placeholder { color: #000; font-size: 1rem; font-weight: 400; line-height: 24px; letter-spacing: 0.5px; } @media screen and (min-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper #inputSearch:focus { border: 1px solid #006298; } } @media screen and (min-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper .fa-search { position: unset; } } .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper .fa-search:before { content: "\f002"; font-family: FontAwesome; align-self: flex-start; position: absolute; left: 0; bottom: 0; font-size: 1.5rem; left: 0; margin: 10.5px 10px; color: #000; } @media screen and (min-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper .fa-search:before { content: "\f002"; font-family: FontAwesome; align-self: flex-start; position: absolute; left: 0; bottom: 0; font-size: 1.5rem; left: 0; margin: 10.5px 10px; color: #000; } } @media screen and (max-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper .fa-search:before { top: 10px; } } .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper #clearButton { position: relative; } @media screen and (max-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper #clearButton { position: unset; } } .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper #clearButton:before { position: absolute; font-size: 1.5rem; right: 20px; bottom: 0px; margin: 10.5px 10px; color: #000; width: 24px; height: 24px; cursor: pointer; } @media screen and (min-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper #clearButton:before { top: -19px; } } @media screen and (max-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper #clearButton:before { right: 0; position: absolute; font-size: 1.5rem; top: 10px; margin: 10.5px 10px; color: #000; width: 24px; height: 24px; cursor: pointer; } } .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper > .search-button { margin-top: 0; } @media screen and (min-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper > .search-button { float: right; margin-top: 5px; } } @media screen and (max-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper > .search-button { display: none; } } .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper > .search-button input { font-size: 1.125rem; font-weight: 500; background-color: #006298; color: #fff; border-radius: 50px; padding: 15px 40px; line-height: 3px; transition: all 0.2s ease; text-transform: capitalize; font-family: lato, sans-serif; height: 50px; min-width: 195px; } .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper > .search-button input:focus, .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-wrapper > .search-button input:hover { background-color: #000000; border: none; cursor: pointer; color: #fff; } .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-help-text { color: #000; font-size: 0.75rem; font-weight: 400; line-height: 16px; margin-top: 5px; padding-left: 0; text-align: left; } @media screen and (min-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-help-text { margin-right: auto; max-width: 69%; min-width: 400px; } } @media screen and (min-width: 768px) and (max-width: 1086px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-help-text { max-width: 70%; } } @media screen and (max-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box .search-text .search-help-text { max-width: 100%; } } .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box > .search-button { margin-top: 0; } @media screen and (max-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box > .search-button { margin-top: 10px; } } @media screen and (min-width: 768px) { .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box > .search-button { display: none; } } .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box > .search-button input { font-size: 1.125rem; font-weight: 500; background-color: #006298; color: #fff; border-radius: 50px; padding: 15px 40px; line-height: 3px; transition: all 0.2s ease; text-transform: capitalize; font-family: lato, sans-serif; height: 50px; min-width: 195px; } .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box > .search-button input:focus, .block.hybridcontentsearchcontainerblock .heading-wrapper .search-box > .search-button input:hover { background-color: #000000; border: none; cursor: pointer; color: #fff; } .block.hybridcontentsearchcontainerblock .content-section .hybridcontentcardlistblock { overflow: unset; } .block.hybridcontentsearchcontainerblock .content-section .block .content-container.align-header-right h2 { text-align: right; } .block.hybridcontentsearchcontainerblock .content-section .block .content-container.align-header-center h2 { text-align: center; } .block.hybridcontentsearchcontainerblock .content-section .block .content-container.align-header-left h2 { text-align: left; } .block.hybridcontentsearchcontainerblock .content-section .block .content-container h2 { text-align: left; } .block.hybridcontentsearchcontainerblock .content-section .heading-wrapper h2 { font-size: 2.369rem; font-weight: 500; font-family: lato, sans-serif; margin-bottom: 30px; line-height: 43px; } @media screen and (max-width: 480px) { .block.hybridcontentsearchcontainerblock .content-section .heading-wrapper h2 { font-size: 24px; padding: 8px 40px; } } .block.hybridcontentsearchcontainerblock .content-section .content-section .block-content h3.block-title { font-size: 28px; font-weight: 400; line-height: 36px; } .block.hybridcontentsearchcontainerblock .content-section .content-section .block-content .block-textblock p { margin-top: 0; margin-bottom: 20px; } .block.hybridcontentsearchcontainerblock .content-section .content-section .block-content .block-textblock h3 { font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: 0.15px; } .block.hybridcontentsearchcontainerblock .hidden { display: none; } .hybridcontentbannerimagelistblock .hybridcontentbannerimagelistblock-container .heading-wrapper .Listblock-title { font-size: 2.369rem; font-weight: 500; line-height: 43px; color: #000; } .hybridcontentbannerimagelistblock .hybridcontentbannerimagelistblock-container .heading-wrapper .block-textblock p { font-size: 1rem; font-weight: 400; line-height: 22px; color: #000; } .hybridcontentbannerimagelistblock .hybridcontentbannerimagelistblock-container .content-section .hybridcontentbannerimageblock .block-content .block-title { font-size: 2.369rem; font-weight: 500; line-height: 43px; color: #000; } .hybridcontentbannerimagelistblock .hybridcontentbannerimagelistblock-container .content-section .hybridcontentbannerimageblock .block-content .block-textblock p, .hybridcontentbannerimagelistblock .hybridcontentbannerimagelistblock-container .content-section .hybridcontentbannerimageblock .block-content .block-textblock a { font-size: 1rem; font-weight: 400; line-height: 22px; color: #000; } .hybridcontentbannerimagelistblock .hybridcontentbannerimagelistblock-container .content-section .hybridcontentbannerimageblock .block-content .block-textblock a { color: #006298; } .hybridcontentbannerimagelistblock .hybridcontentbannerimagelistblock-container .content-section .hybridcontentbannerimageblock .block-content .block-textblock a:focus { padding: 5px; } .hybridcontentbannerimagelistblock .hybridcontentbannerimagelistblock-container .content-section .hybridcontentbannerimageblock .block-content .block-textblock a:focus { padding: 5px; } .hybridcontentbannerimagelistblock .hybridcontentbannerimagelistblock-container .content-section .hybridcontentbannerimageblock .block-content .block-buttontext { background-color: #006298; color: #fff; border-radius: 50px; font-size: 1.125rem; font-weight: 500; } .hybridcontentbannerimagelistblock .hybridcontentbannerimagelistblock-container .content-section .hybridcontentbannerimageblock .block-content .block-buttontext span { font-size: 1.125rem; font-weight: 500; line-height: 3px; } .hybridcontentbannerimagelistblock .hybridcontentbannerimagelistblock-container .content-section .hybridcontentbannerimageblock .block-content .block-buttontext:hover { background-color: #000; color: #fff; } .hybridcontentbannerimageblock .hybridcontentbannerimageblock-container .block-content .block-buttontext { font-weight: 500; } .hybridcontentbannerimageblock .hybridcontentbannerimageblock-container .block-content .block-buttontext span { font-weight: 500; } .hybridcontentbannerimageblock .hybridcontentbannerimageblock-container .block-content .block-buttontext:hover { background-color: #000; color: #fff; } /* Custom overrides for different blocks. In this case, hero block overrides */ body .hybridclickablecontentcardlistblock .hybridclickablecontentcardlistblock-container .content-section li.hybridclickablecontentcardblock > a, body div.hybridclickablecontentcardblock .hybridclickablecontentcardblock-container .content-section.horizontal a { color: #298FC2; } body .hybridclickablecontentcardlistblock .hybridclickablecontentcardlistblock-container .content-section li.hybridclickablecontentcardblock > a:hover .block-maindiv, body .hybridclickablecontentcardlistblock .hybridclickablecontentcardlistblock-container .content-section li.hybridclickablecontentcardblock > a:active .block-maindiv, body .hybridclickablecontentcardlistblock .hybridclickablecontentcardlistblock-container .content-section li.hybridclickablecontentcardblock > a:focus .block-maindiv, body div.hybridclickablecontentcardblock .hybridclickablecontentcardblock-container .content-section.horizontal a:hover .block-maindiv, body div.hybridclickablecontentcardblock .hybridclickablecontentcardblock-container .content-section.horizontal a:active .block-maindiv, body div.hybridclickablecontentcardblock .hybridclickablecontentcardblock-container .content-section.horizontal a:focus .block-maindiv { border-color: #298FC2; } body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container .heading-wrapper .Listblock-title { color: #000; } body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container .heading-wrapper .block-textblock p { color: #000; } body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container .content-section li.hybridclickablecontentcardblock a:focus-within { border-color: #006298; border-top-color: #298FC2; border: 1px solid; } body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container .content-section li.hybridclickablecontentcardblock a:hover .block-maindiv { border-color: #006298; border-top-color: #298FC2; } body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container .content-section li.hybridclickablecontentcardblock a:hover .block-buttontext { text-decoration: underline; text-underline-offset: 5px; cursor: pointer; } body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container .content-section li.hybridclickablecontentcardblock .block-maindiv { background-color: #F8F8F8; border-color: #DBDBDB; border-top-color: #298FC2; } body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container .content-section li.hybridclickablecontentcardblock .block-maindiv .block-title { color: #000; } body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container .content-section li.hybridclickablecontentcardblock .block-maindiv .block-textblock { color: #000; } body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container .content-section li.hybridclickablecontentcardblock .block-maindiv .block-textblock p { color: #000; } body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container .content-section li.hybridclickablecontentcardblock .block-maindiv .block-buttontext { background-color: unset; color: #006298; font-weight: 400; font-size: 1rem; line-height: 22px; } body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container .content-section li.hybridclickablecontentcardblock .block-maindiv .block-button:focus { border: unset; } body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container .content-section li.hybridclickablecontentcardblock .block-maindiv .block-button .block-buttontext:focus { border: unset; } body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-2.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-2.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-3.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-3.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-4.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-4.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow { color: #006298; fill: #006298; border: 1px solid; } body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-2.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow:hover, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-2.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow:focus, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-2.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow:hover, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-2.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow:focus, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-3.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow:hover, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-3.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow:focus, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-3.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow:hover, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-3.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow:focus, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-4.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow:hover, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-4.infinite-scroll .heading-wrapper .slider-buttons .prev-arrow .nav-arrow:focus, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-4.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow:hover, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-4.infinite-scroll .heading-wrapper .slider-buttons .next-arrow .nav-arrow:focus { background: none; color: #000; fill: #000; } @media only screen and (min-width: 768px) { body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-2.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-3.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-4.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-2.inline-title .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-3.inline-title .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-4.inline-title .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb { background-color: #838181; } body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-2.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-track, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-3.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-track, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-4.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-track, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-2.inline-title .content-section [id^=sliderContainer_]::-webkit-scrollbar-track, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-3.inline-title .content-section [id^=sliderContainer_]::-webkit-scrollbar-track, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-4.inline-title .content-section [id^=sliderContainer_]::-webkit-scrollbar-track { background-color: #D9D9D9; } body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-4.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-4.inline-title .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb { background-color: #838181; } body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-4.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-track, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-4.inline-title .content-section [id^=sliderContainer_]::-webkit-scrollbar-track { background-color: #D9D9D9; } body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-2.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-3.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-4.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb { background-color: #838181; } body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-2.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-track, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-3.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-track, body .block.hybridclickablecontentcardlistblock .content-container.hybridclickablecontentcardlistblock-container.columns-4.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-track { background-color: #D9D9D9; } } body .hybridclickablecard { border: 3px solid transparent; border-radius: 10px; } body .hybridclickablecard a { border: 2px solid transparent; border-radius: 10px; } body .hybridclickablecard:hover { border: 3px solid #006298; } body .hybridclickablecard:hover a { border: 2px solid #fff; } body .hybridclickablecard:hover a .block-maindiv { border-radius: 6px; } body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock:focus-visible { outline: unset; } body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock .clickableImageBackground .image-placeholder img, body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock .no-image .image-placeholder img { border: 1px solid transparent; } body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock .clickableImageBackground .image-placeholder img:focus, body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock .no-image .image-placeholder img:focus { border: 1px Solid #006298; border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0; } body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock .clickableImageBackground:focus-visible, body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock .no-image:focus-visible { outline: unset; } body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock .clickableImageBackground .image-placeholder { background-color: #F8F8F8; } body div.hybridclickableimageblock .hybridclickableimageblock-container .clickableImageBackground .content-section a:hover { border: 1px Solid #298FC2; } body div.hybridclickableimageblock .hybridclickableimageblock-container .clickableImageBackground .content-section .image-placeholder { background-color: #F8F8F8; } body div.hybridclickableimageblock .hybridclickableimageblock-container .clickableImageBackground .content-section .image-placeholder:hover { box-shadow: none; } body div.hybridclickableimageblock .hybridclickableimageblock-container .clickableImageBackground .content-section a:focus, body div.hybridclickableimageblock .hybridclickableimageblock-container .no-image .content-section a:focus { border: 1px solid; border-radius: 10px; } body div.hybridctalistblock .content-container .content-section .block-buttontext { font-size: 16px; padding: 0; } body div.hybridctalistblock .content-container .content-section .block-buttontext a { color: #fff; font-size: 1.125rem; } body div.hybridctablock .content-container .content-section .block-buttontext { font-size: 1.125rem; border: 1px Solid transparent; } body div.hybridctablock .content-container .content-section .block-buttontext:hover, body div.hybridctablock .content-container .content-section .block-buttontext:focus { border: 1px Solid #000; background-color: #000; } body div.hybridctablock .content-container .content-section .block-buttontext a { font-size: 1.125rem; color: #fff; } body .hybridxhtmlblock .block-content small.fineprint { font-size: 0.75rem; font-family: lato, regular; line-height: 22px; } body .hybridxhtmlblock .block-content small.fineprint a, body .hybridxhtmlblock .block-content small.fineprint p { font-size: 0.75rem; font-family: lato, regular; line-height: 22px; } body .hybridxhtmlblock .block-content small.fineprint a:focus { padding: 3px; } body .hybridxhtmlblock .block-content a:hover { text-decoration: underline; text-underline-offset: 5px; } body .hybridxhtmlblock .block-content a:focus { padding: 5px; } body .hybridxhtmlblock .block-content small.disclaimer { font-size: 0.75rem; line-height: 22px; } body .hybridxhtmlblock .block-content small.disclaimer a, body .hybridxhtmlblock .block-content small.disclaimer p { font-size: 0.75rem; line-height: 22px; } body .hybridxhtmlblock .block-content small.disclaimer a:focus { padding: 3px; } body .content-container .block-textblock a:hover, body .content-container .block-text a:hover { text-decoration: underline; text-underline-offset: 5px; border: none; } body .content-container .block-textblock a:focus, body .content-container .block-text a:focus { border: 1px Solid #006298; border-radius: 5px; } body .hybridclickablecardlist .hybridclickablecardlist-container .heading-wrapper .Listblock-title { color: #000; } body .hybridclickablecardlist .hybridclickablecardlist-container .heading-wrapper .block-textblock { color: #000; } body .hybridclickablecardlist .hybridclickablecardlist-container .heading-wrapper .block-textblock p { color: #000; line-height: 22px; font-weight: 400; } body .hybridclickablecardlist .hybridclickablecardlist-container .heading-wrapper .slider-buttons .prev-arrow i, body .hybridclickablecardlist .hybridclickablecardlist-container .heading-wrapper .slider-buttons .next-arrow i { color: #006298; fill: #006298; border: 1px solid; } body .hybridclickablecardlist .hybridclickablecardlist-container .heading-wrapper .slider-buttons .prev-arrow:focus i, body .hybridclickablecardlist .hybridclickablecardlist-container .heading-wrapper .slider-buttons .prev-arrow:hover i, body .hybridclickablecardlist .hybridclickablecardlist-container .heading-wrapper .slider-buttons .next-arrow:focus i, body .hybridclickablecardlist .hybridclickablecardlist-container .heading-wrapper .slider-buttons .next-arrow:hover i { background: none; color: #000; fill: #000; } body .hybridclickablecardlist .hybridclickablecardlist-container .content-section li.hybridclickablecard .block-maindiv .block-content .block-title { line-height: 43px; font-size: 2.369rem; font-weight: 500; } body .hybridclickablecardlist .hybridclickablecardlist-container .content-section li.hybridclickablecard .block-maindiv .block-content .block-textblock strong { font-weight: 400; } body .hybridclickablecardlist .hybridclickablecardlist-container .content-section li.hybridclickablecard .block-maindiv .block-content .block-textblock p { line-height: 22px; font-weight: 400; } body .hybridclickablecardlist .hybridclickablecardlist-container .content-section li.hybridclickablecard .block-maindiv .block-content .block-buttontext { background-color: unset; font-weight: 400; font-size: 1rem; line-height: 22px; color: #fff; } body .hybridclickablecardlist .hybridclickablecardlist-container .content-section li.hybridclickablecard:hover .block-buttontext { text-decoration: underline 1px solid; text-underline-offset: 5px; cursor: pointer; } body .hybridclickablecardlist .hybridclickablecardlist-container .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb { background-color: #838181; } body .hybridclickablecardlist .hybridclickablecardlist-container .content-section [id^=sliderContainer_]::-webkit-scrollbar-track { background-color: #D9D9D9; } @media screen and (min-width: 768px) { body .hybridclickablecardlist .hybridclickablecardlist-container .content-section .hybridclickablecard a:focus-within { border: 1px solid #006298; border-radius: 10px; } body .hybridclickablecardlist .hybridclickablecardlist-container .content-section .hybridclickablecard a:focus { border: unset; } } @media screen and (min-width: 768px) { body .hybridclickablecardlist .hybridclickablecardlist-container.columns-3.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb, body .hybridclickablecardlist .hybridclickablecardlist-container.columns-3.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb { background-color: #838181; } body .hybridclickablecardlist .hybridclickablecardlist-container.columns-3.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-track, body .hybridclickablecardlist .hybridclickablecardlist-container.columns-3.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-track { background-color: #D9D9D9; } } @media screen and (min-width: 768px) { body .hybridclickablecardlist .hybridclickablecardlist-container.columns-4.infinite-scroll.showScroll:not(.inline-title) .content-section { list-style: none; } } @media screen and (min-width: 768px) { body .hybridclickablecardlist .hybridclickablecardlist-container.columns-4 .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb { background-color: #838181; } body .hybridclickablecardlist .hybridclickablecardlist-container.columns-4 .content-section [id^=sliderContainer_]::-webkit-scrollbar-track { background-color: #D9D9D9; } } @media screen and (min-width: 768px) { body .hybridclickablecardlist .hybridclickablecardlist-container.columns-4.infinite-scroll .content-section .content-cards-container .hybridclickablecard { border: unset; } } @media screen and (min-width: 768px) { body .hybridclickablecardlist .hybridclickablecardlist-container.columns-4.infinite-scroll.showScroll .content-section .content-cards-container .hybridclickablecard { border: 3px solid transparent; border-radius: 10px; } } @media screen and (min-width: 768px) { body .hybridclickablecardlist .hybridclickablecardlist-container.columns-4.infinite-scroll.showScroll .content-section .content-cards-container .hybridclickablecard:hover { border: 3px solid #006298; border-radius: 10px; } } @media screen and (min-width: 768px) { body .hybridclickablecardlist .hybridclickablecardlist-container.columns-3.infinite-scroll .content-section .content-cards-container .hybridclickablecard { border: unset; } } @media screen and (min-width: 768px) { body .hybridclickablecardlist .hybridclickablecardlist-container.columns-3.infinite-scroll.showScroll .content-section .content-cards-container .hybridclickablecard { border: 3px solid transparent; border-radius: 10px; } } @media screen and (min-width: 768px) { body .hybridclickablecardlist .hybridclickablecardlist-container.columns-3.infinite-scroll.showScroll .content-section .content-cards-container .hybridclickablecard:hover { border: 3px solid #006298; border-radius: 10px; } } @media screen and (max-width: 768px) { body .hybridclickablecardlist .hybridclickablecardlist-container .hybridclickablecard { border: unset; } body .hybridclickablecardlist .hybridclickablecardlist-container .hybridclickablecard:hover { border: unset; } body .hybridclickablecardlist .hybridclickablecardlist-container.columns-3:not(.inline-title) .content-section, body .hybridclickablecardlist .hybridclickablecardlist-container.columns-4:not(.inline-title) .content-section { margin: 0; } } body .hybridclickablecardlist .hybridclickablecardlist.light-theme .hybridclickablecardlist-container .content-section li .block-maindiv .block-content .block-buttontext { color: #000; } body .hybridctalistblock .hybridctalistblock-container .heading-wrapper .Listblock-title { color: #000; } body .hybridctalistblock .hybridctalistblock-container .heading-wrapper .block-textblock p { color: #000; line-height: 22px; } body .hybridctalistblock .hybridctalistblock-container .content-section .hybridctablock .block-text p { line-height: 22px; } body .hybridctalistblock .hybridctalistblock-container .content-section .hybridctablock .block-buttontext { background-color: #006298; color: #fff; border-radius: 50px; } body .hybridctalistblock .hybridctalistblock-container .content-section .hybridctablock .block-buttontext a { font-size: 1.125rem; font-weight: 500; line-height: 3px; background-color: unset; border: unset; } body .hybridctalistblock .hybridctalistblock-container .content-section .hybridctablock .block-buttontext:hover { background-color: #000; color: #fff; } body .hybridctablock .hybridctablock-container .content-section .block-text p { line-height: 22px; } body .hybridctablock .hybridctablock-container .content-section .block-buttontext { border-radius: 50px; color: #fff; border: 1px Solid #006298; background-color: #006298; } body .hybridctablock .hybridctablock-container .content-section .block-buttontext a { color: #fff; font-weight: 500; line-height: 3px; background-color: unset; border: unset; } body .hybridctablock .hybridctablock-container .content-section .block-buttontext a:hover { border: unset; background-color: unset; } body .hybridctablock .hybridctablock-container .content-section .block-buttontext:hover { background-color: #000; color: #fff; border: unset; } body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .heading-wrapper .Listblock-title { color: #000; } body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .heading-wrapper .block-textblock { color: #000; line-height: 22px; } body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .heading-wrapper .block-textblock p { color: #000; line-height: 22px; } body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .heading-wrapper .slider-buttons .prev-arrow i, body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .heading-wrapper .slider-buttons .next-arrow i { color: #006298; fill: #006298; border: 1px solid; } body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .heading-wrapper .slider-buttons .prev-arrow:focus i, body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .heading-wrapper .slider-buttons .prev-arrow:hover i, body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .heading-wrapper .slider-buttons .next-arrow:focus i, body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .heading-wrapper .slider-buttons .next-arrow:hover i { background: none; color: #000; fill: #000; } body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .block-textblock p { line-height: 22px; } body .hybridclickablecard a { border: none; border-radius: unset; } body .hybridclickablecard .block-maindiv { border: 2px solid transparent; border-radius: 10px; } body .hybridclickablecard:hover a .block-maindiv { border: 2px solid #fff; } body .content-cards-container .hybridclickablecard:hover a { border: unset; border-radius: unset; } body .content-section .hybridclickablecard:hover a { border: unset; border-radius: unset; } body .hybridclickablecardlist .hybridclickablecardlist-container .content-section li.hybridclickablecard > div a { outline: 1px Solid transparent; } body .hybridclickablecardlist .hybridclickablecardlist-container .content-section li.hybridclickablecard > div a:focus { outline: 1px Solid; border-radius: 10px; } @media screen and (min-width: 768px) { body .hybridclickableimagelistblock { border: unset; } body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section .hybridclickableimageblock .clickableImageBackground { border: 3px solid #fff; border-radius: 13px; } body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section .hybridclickableimageblock .clickableImageBackground a { border: 2px solid #fff; border-radius: 10px; } body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section .hybridclickableimageblock:has(a:hover) .clickableImageBackground { border: 3px solid #006298; border-radius: 10px; } body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section .hybridclickableimageblock:has(a:hover) .clickableImageBackground a { border: 2px solid #fff; border-radius: 6px; } body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section .hybridclickableimageblock:focus-within .clickableImageBackground { border: 3px solid #006298; border-radius: 10px; } body .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section .hybridclickableimageblock:focus-within .clickableImageBackground a { border: 2px solid #fff; border-radius: 6px; } body .hybridclickableimagelistblock .content-container.hybridclickableimagelistblock-container.columns-3.inline-title.infinite-scroll .content-section .hybridclickableimageblock { border: unset; } body .hybridclickableimagelistblock .content-container.hybridclickableimagelistblock-container.columns-3.inline-title.infinite-scroll .content-section [id^=sliderContainer_] { overflow-x: auto; } body .hybridclickableimagelistblock .content-container.hybridclickableimagelistblock-container.columns-3.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb { background-color: #838181; } body .hybridclickableimagelistblock .content-container.hybridclickableimagelistblock-container.columns-3.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-track { background-color: #D9D9D9; } body .hybridclickableimagelistblock .content-container.hybridclickableimagelistblock-container.columns-3.inline-title.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar { height: 8px; } body .hybridclickableimagelistblock .hybridclickableimagelistblock-container.columns-3.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-thumb { background-color: #838181; } body .hybridclickableimagelistblock .hybridclickableimagelistblock-container.columns-3.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar-track { background-color: #D9D9D9; } body .hybridclickableimagelistblock .hybridclickableimagelistblock-container.columns-3.infinite-scroll .content-section [id^=sliderContainer_]::-webkit-scrollbar { height: 8px; } body .hybridclickableimagelistblock .content-container.hybridclickableimagelistblock-container .content-section .hybridclickableimageblock { border: 3px solid transparent; } body .hybridclickableimagelistblock .content-container.hybridclickableimagelistblock-container .content-section .hybridclickableimageblock .clickableImageBackground a { border: 2px solid #fff; border-radius: 10px; } body .hybridclickableimagelistblock .content-container.hybridclickableimagelistblock-container .content-section .hybridclickableimagelistblock-container .content-section .hybridclickableimageblock:hover { border: 3px solid #006298; } body .hybridclickableimagelistblock .content-container.hybridclickableimagelistblock-container .content-section .hybridclickableimagelistblock-container .content-section .hybridclickableimageblock:hover .clickableImageBackground a { border: 2px solid #fff; border-radius: 6px; } } @media screen and (min-width: 768px) and (min-width: 768px) { body .hybridclickableimagelistblock .hybridclickableimagelistblock-container.columns-3.infinite-scroll .content-section .content-cards-container .hybridclickableimageblock { border: unset; } } @media screen and (min-width: 768px) and (min-width: 768px) { body .hybridclickableimagelistblock .hybridclickableimagelistblock-container.columns-3.infinite-scroll.showScroll .content-section .content-cards-container .hybridclickableimageblock { border: 3px solid transparent; border-radius: 10px; } } @media screen and (min-width: 768px) and (min-width: 768px) { body .hybridclickableimagelistblock .hybridclickableimagelistblock-container.columns-3.infinite-scroll.showScroll .content-section .content-cards-container a:hover { border-radius: 10px; } } body .hybridaccordionblock .content-container .content-section .ui-accordion .ui-accordion-header { background-color: #01426A; } body .hybridaccordionblock .content-container .content-section .ui-accordion .ui-accordion-header .accordion-title:focus { border: none; outline: 1px solid #fff; padding: 5px; } body .hybridaccordionblock .content-container .content-section .ui-accordion .ui-accordion-header .accordion-title:hover { text-decoration: underline 1px solid #fff; text-underline-offset: 5px; outline: none; } body .hybridaccordionblock .content-container .content-section .ui-accordion .ui-accordion-header[aria-expanded=true]:after, body .hybridaccordionblock .content-container .content-section .ui-accordion .ui-accordion-header:after { color: #fff; font-size: 12px; } body .hybridaccordionblock .content-container .content-section .ui-accordion .ui-accordion-content { background: #F8F8F8; border-color: #01426A; color: #01426A; } body .hybridaccordionblock .content-container .content-section .ui-accordion .ui-accordion-content .block-buttontext > a { color: #fff; } body .hybridaccordionblock .content-container .content-section .ui-accordion .ui-accordion-content .content-container .content-section .block-content ul li { list-style-type: disc; } body .hybridaccordionblock .content-container .content-section .ui-accordion .ui-accordion-content .content-container .content-section .block-content ol li { list-style-type: decimal; } body .hybridaccordionblock .content-container .heading-wrapper { color: #000; } body .hybridaccordionblock .content-container .heading-wrapper .block-textblock { color: #000; } body .hybridaccordionblock .block-buttontext { line-height: 3px; } body .hybridaccordionblock .block-buttontext:hover, body .hybridaccordionblock .block-buttontext:focus { background-color: #000; color: #fff; } body { /*.hybridresponsivetableblock { .content-container { .content-section { .block-title { font-weight: $semiboldFontWeight; } .filter-wrapper { border-color: $tertiaryColor; background-color: $white; &:hover { background-color: $additionalUISecondaryColor; } .btn-filters[aria-expanded="true"] { .filter-wrapper { @media screen and (max-width: 768px) { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } } } .btn-filters { font-weight: $heavyFontWeight; &:focus { border: none; box-shadow: 0 0 2px 2px rgba(0,0,0,.65); } } .filter-items { background-color: $white;*/ /* border-color: #298fc2; */ /*border: $buttonBorder $tertiaryColor; @media screen and (max-width: 768px) { border-top: $buttonBorder; } button { background-color: $white; color: $black; &:focus { border: $buttonBorder $tertiaryColor; } .accordion-title { font-weight: $boldFontWeight; } } .panel { background-color: $white; input { &:focus { box-shadow: 0 0 0 0.1rem $tertiaryColor; } } label { font-size: $smallFontSize; font-weight: $boldFontWeight; } } ::-webkit-scrollbar-thumb { background-color: $additionalUIPrimaryColor; } } } } } }*/ } body table td { text-align: left; line-height: 1.4rem; } body table td li { line-height: 1.4rem; } body table, body table tr { border: 1px Solid #D2D2D2; } body tr td { background-color: #fff; } body tr td a:hover { text-decoration: underline; text-underline-offset: 5px; } body tr th { font-weight: 500; } body tr th.sorting_disabled:after { display: none; } body .block-content table tbody td + td { border-color: #D2D2D2; } @media only screen and (min-width: 769px) { body table, body table tr { border: 1px Solid #D2D2D2; } body tr td a:hover { text-decoration: underline; text-underline-offset: 5px; } body tr th.sorting_disabled:after { display: none; } body .block-content table tbody td + td { border-color: #D2D2D2; } } @media only screen and (max-width: 768px) { body table, body table tr { border: 1px Solid #D2D2D2; } body tr th.sorting_disabled:after { display: block; } body .block-content table tbody td + td { border-color: #D2D2D2; } body td { background-color: #fff; padding: 15px 10px; } body td:before { font-weight: 500; } body td img { max-width: 250px; width: fit-content; } } @media screen and (max-width: 768px) { body .dataTables_empty { border-bottom: 1px Solid #D2D2D2; } } body .hybridresponsivetableblock .content-container .content-section .block-title { color: #000; } body .hybridresponsivetableblock .content-container .content-section .block-sub-title { font-size: 1rem; font-weight: 400; line-height: 22px; color: #000; } body .hybridresponsivetableblock .content-container .content-section .block-sub-title h3, body .hybridresponsivetableblock .content-container .content-section .block-sub-title h4, body .hybridresponsivetableblock .content-container .content-section .block-sub-title h5, body .hybridresponsivetableblock .content-container .content-section .block-sub-title h6, body .hybridresponsivetableblock .content-container .content-section .block-sub-title p, body .hybridresponsivetableblock .content-container .content-section .block-sub-title span { font-size: 1rem; font-weight: 400; line-height: 22px; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper { border: 1px solid #006298; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .btn-filters { font-size: 1.125rem; font-weight: 500; line-height: 19.2px; color: #000; border: 1px solid transparent; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .btn-filters:focus { border-radius: 10px; border: 1px solid #000; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .btn-filters:hover { background-color: #F8F8F8; border-radius: 10px; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .btn-filters:before { content: unset; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items { background-color: #fff; color: #fff; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items .modal-close .close-filter-popup { background-color: unset; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items .modal-close .close-filter-popup:focus .fa-close { border-radius: 0; border: 1px solid #000; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items .modal-close .close-filter-popup .fa-close:focus::before { border-radius: 0; border: 1px solid #000; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items .modal-close .close-filter-popup .fa-close::before { font-size: 2rem; color: #006298; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items .accordion-item-list button { border: 1px solid transparent; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items .accordion-item-list button:focus { border-radius: 0; border: 1px solid #000; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items .accordion-item-list:focus { border: unset; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items .accordion-item-list > div:last-child > .active + .panel::after { border-bottom: 1px solid #006298; content: unset; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items div button { background-color: #006298; color: #fff; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items div button .accordion-title .filter-header-text { font-size: 0.75rem; font-weight: 700; line-height: 20px; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items div button .accordion-title .filter-header-text:hover { text-decoration: underline; text-underline-offset: 2px; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items div button .accordion-title:focus { border: unset; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items div .accordion[aria-expanded=true] .accordion-title::after { font-family: "FontAwesome"; content: "\f0d7"; font-size: 1rem; padding-left: 10px; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items div .accordion[aria-expanded=false] .accordion-title::after { font-family: "FontAwesome"; content: "\f0d8"; font-size: 1rem; padding-left: 10px; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items div .panel .accordion-item { /*input:checked + label:before { background-color: $secondaryColor; }*/ /*input:focus + label:before { background-color: $secondaryColor; }*/ } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items div .panel .accordion-item:focus { border: unset; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items div .panel .accordion-item label { color: #000; font-size: 1rem; font-weight: 400; line-height: 22px; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items div .panel .accordion-item input + label:before { border: 1px solid #000; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items div .panel .accordion-item input + label:after { border: solid #fff; border-width: 0 2px 2px 0; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items div .panel .accordion-item:focus input + label:before { background-color: #fff; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items div .panel .accordion-item:focus { border: 1px solid #000; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items div .panel .accordion-item.active input + label:before { background-color: #006298; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items .filter-buttons { background-color: #fff; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items .filter-buttons button { font-size: 1.125rem; font-weight: 500; line-height: 3px; font-family: lato, sans-serif; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items .filter-buttons button:focus { border-radius: 50px; border: 1px solid #000; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items .filter-buttons .clear-filter-button { background-color: #F8F8F8; border: 1px solid #6D6E71; color: #000; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items .filter-buttons .clear-filter-button:hover { background-color: #298FC2; color: #fff; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items .filter-buttons .apply-filter-button { color: #fff; background-color: #006298; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items .filter-buttons .apply-filter-button:hover { background-color: #000; color: #fff; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items .accordion-item-list::-webkit-scrollbar-thumb { background-color: #818386; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items .accordion-item-list::-webkit-scrollbar-track { background-color: #D9D9D9; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .filter-items hr { border-bottom: 1px solid #006298; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper .hideme { display: none; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper [aria-hidden=true] .modal-close { display: none; } body .hybridresponsivetableblock .content-container .content-section .filter-wrapper.active::after { background-color: rgba(0, 0, 0, 0.6); } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable { border: none; } @media screen and (max-width: 768px) { body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable thead { display: none; } } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable thead tr.heading th { background-color: #F8F8F8; border: 1px solid transparent; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable thead tr.heading th .header-content { font-size: 1rem; font-weight: 500; color: #000; line-height: 20px; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable thead tr.heading th .header-content:hover { text-decoration: underline; text-underline-offset: 5px; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable thead tr.heading th:first-child:focus { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable thead tr.heading th:last-child:focus { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable thead tr.heading th:focus { border: 1px solid #000; border-radius: unset; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable thead tr.heading th { background-color: #006298; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable thead tr.heading th .header-content { color: #fff; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable thead tr.heading th::after { color: #fff; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable tbody tr { border: unset; /* @media screen and (min-width: 768px) { display: none; }*/ } @media screen and (max-width: 768px) { body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable tbody tr { background-color: unset; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable tbody tr::after { border: 1px solid #006298; } } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable tbody tr td { border: none; background-color: #F8F8F8; font-size: 1rem; font-weight: 400; line-height: 22px; width: unset; color: #000; } @media screen and (max-width: 768px) { body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable tbody tr td { background: linear-gradient(to right, #006298 0%, #006298 40%, transparent 40%); background-color: #F8F8F8; line-height: 19.2px; } } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable tbody tr td:last-child { white-space: unset; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable tbody tr td::before { font-size: 1rem; font-weight: 400; color: #fff; } @media screen and (max-width: 768px) { body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable tbody tr td:has(> ul, ol) { display: flex; flex-wrap: wrap; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable tbody tr td:has(> ul, ol) > * { width: 45%; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable tbody tr td:has(> ul, ol) ul, body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable tbody tr td:has(> ul, ol) ol { margin-left: auto; } } @media screen and (min-width: 768px) { body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTable tbody .active { display: table-row; } } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate .paginate_button.previous, body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate .paginate_button.next { color: #006298; position: unset; font-size: unset; border: none; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate span .paginate_button { border: 1px solid #000; color: #000; font-family: lato, sans-serif; font-size: 1rem; font-weight: 400; line-height: 22px; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate span .paginate_button.current { background-color: #006298; color: #fff; border: 1px solid #006298; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate .paginate_button.previous, body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate .paginate_button.next { position: relative; font-size: unset; border: none; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate .paginate_button.previous svg #Vector, body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate .paginate_button.next svg #Vector { fill: #000; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate .paginate_button.previous:after, body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate .paginate_button.next:after { background-color: #006298; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover { position: relative; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover svg #Vector, body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover svg #Vector { fill: #006298; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate .paginate_button.previous:focus { outline: 1px Solid #006298; outline-offset: 3px; border-radius: 0; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate .paginate_button.next:focus { outline: 1px Solid #006298; outline-offset: 3px; border-radius: 0; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate span .paginate_button { border: 1px solid #000; color: #000; font-family: lato, sans-serif; font-size: 1rem; font-weight: 400; line-height: 22px; background-color: #fff; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate span .paginate_button:hover { background-color: #D2D2D2; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate span .paginate_button:focus { outline: 1px Solid #006298; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate span .paginate_button.current:focus { border: 1px Solid #006298; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .dataTables_paginate span .paginate_button.current { background-color: #006298; color: #fff; border: 1px solid #006298; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .view-all-pages-section .view-as-one-page, body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .view-all-section .view-as-one-page { background-color: #006298; color: #fff; border: 1px solid #006298; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .view-all-pages-section .view-as-one-page:focus, body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .view-all-section .view-as-one-page:focus { outline: 1px Solid #006298; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .view-all-pages-section button, body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .view-all-section button { font-size: 1rem; font-weight: 400; line-height: 22px; background-color: transparent; color: #000; border: none; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .view-all-pages-section button:hover, body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .view-all-section button:hover { text-decoration: 1px underline #006298; text-underline-offset: 5px; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .view-all-pages-section button:focus, body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .view-all-section button:focus { border: 1px Solid #006298; padding: 5px; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .one-page-only .one-page-records { background-color: #006298; color: #fff; border: 1px solid #006298; font-family: lato, sans-serif; font-size: 1rem; font-weight: 400; line-height: 22px; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .one-page-only .one-page-records:focus { outline: 1px Solid #006298; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .view-all-pages-section div, body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .view-all-section div { border: 1px solid #000; } body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .view-all-pages-section button, body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .view-all-section button { font-size: 1rem; font-weight: 400; line-height: 22px; background-color: transparent; color: #000; border: none; } @media screen and (max-width: 768px) { body .hybridresponsivetableblock .content-container .content-section .block-content .dataTables_wrapper .fixed-size { table-layout: unset; } } body .hybridresponsivetableblock .content-container .content-section .block-content[data-enablepagination=False] .dataTables_wrapper .dataTable tbody tr { display: table-row; } body .hybridresponsivetableblock .content-container .content-section:has(.block-content:only-child) { padding-top: 10px; } body .hybridresponsivetableblock .content-container .pageNav.filter .align-right .justify-content-start .show-pagination-text { font-size: 0.75rem; } body .hybridresponsivetableblock .content-container .pageNav.filter .align-right .justify-content-end ul li button { background: transparent; font-size: 0.75rem; color: #000; border: 1px solid transparent; } body .hybridresponsivetableblock .content-container .pageNav.filter .align-right .justify-content-end ul li button:focus { border-radius: 0; border: 1px solid #000; text-decoration: unset; } body .hybridresponsivetableblock .content-container .pageNav.filter .align-right .justify-content-end ul li .chosen-container .chosen-drop { border-color: unset; } body .hybridresponsivetableblock .content-container .pageNav.filter .align-right .justify-content-end ul li .chosen-container .chosen-results { border-radius: 0; } body .hybridresponsivetableblock .content-container .pageNav.filter .align-right .justify-content-end ul li .chosen-container .chosen-results::-webkit-scrollbar-thumb { background-color: #D2D2D2; } body .hybridresponsivetableblock .content-container .pageNav.filter .align-right .justify-content-end ul li .chosen-container .chosen-results li { color: #000; font-size: 0.75rem; font-weight: 400; border-radius: 0; } body .hybridresponsivetableblock .content-container .pageNav.filter .align-right .justify-content-end ul li .chosen-container a { color: #000; border: 1px solid #000; } body .hybridresponsivetableblock .content-container .pageNav.filter .align-right .justify-content-end ul li .chosen-container a:focus { border-radius: 0; border: 1px solid #000; } body .hybridresponsivetableblock .content-container .pageNav.filter .align-right .justify-content-end ul li .chosen-container a span { font-size: 0.75rem; background-color: #fff; } body .hybridresponsivetableblock .content-container .pageNav.filter .align-right .justify-content-end ul li .chosen-container a div { display: none; } body .hybridresponsivetableblock .content-container .pageNav.filter .align-right .justify-content-end ul li .chosen-container a::after { font-size: 10px; } body .hybridresponsivetableblock .content-container .pageNav.filter .align-right .justify-content-end span { font-size: 0.75rem; } body .hybridresponsivetableblock .content-container .pageNav.filter .align-right .justify-content-end .show_pageSize { border: 1px solid #000; } body .hybridresponsivetableblock .content-container .pageNav.filter .align-right .show_pageSizeText, body .hybridresponsivetableblock .content-container .pageNav.filter .align-right .show-pagination-text { color: #000; } @media screen and (max-width: 768px) { body .hybridresponsivetableblock .content-container .pageNav { display: none; } } body .hybridresponsivetableblock .content-container .table-disclaimer-text .disclaimer { font-size: 0.75rem; font-weight: 400; color: #000; } body .hybridresponsivetableblock.divider-h2 .content-container .content-section .block-title { background-color: #01426A; color: #fff; } @media screen and (max-width: 768px) { .block-content table tr { border-radius: 10px; border-color: #707070; } .block-content table td { border-bottom: 1px Solid #707070; } .block-content table :first-child { border-top-left-radius: 10px; border-top-right-radius: 10px; } .block-content table :last-child { border-bottom: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .block-content table :last-child tr:last-child { border-bottom: 1px solid; } .block-content table :last-child tr:last-child span { border-bottom: none; } } body .restoolblock { clear: both; float: none; /* To remove the xs-12 rule */ } body .restoolblock > div { /*background-color: $additionalUISecondaryColor; border-color: $tertiaryColor;*/ border: none; padding: 0; } body .hybridjumplinksblock .hybridjumplinksblock-container ul { background: #F8F8F8; text-align: center; } @media screen and (max-width: 768px) { body .hybridjumplinksblock .hybridjumplinksblock-container ul { text-align: left; } } body .hybridjumplinksblock .hybridjumplinksblock-container ul .block.hybridcarditem a { color: #01426A; } body .hybridjumplinksblock .hybridjumplinksblock-container ul .block.hybridcarditem a .block-maindiv .block-text { text-transform: capitalize; font-size: 1.125rem; color: #006298; font-weight: 500; line-height: 19.2px; } body .hybridjumplinksblock .hybridjumplinksblock-container ul .block.hybridcarditem a .block-maindiv .block-text:focus { border: none; } body .hybridjumplinksblock .hybridjumplinksblock-container ul .block.hybridcarditem a:hover { text-decoration: underline; text-underline-offset: 5px; color: #006298; cursor: pointer; } body .hybridjumplinksblock .hybridjumplinksblock-container ul .block.hybridcarditem a:focus { border: 1px Solid #006298; border-radius: 5px; padding: 5px; } #resultsPageSearch .col-3 { border: 1px Solid; border-color: #DBDBDB; border-radius: 4px; } #resultsPageSearch .col-3:hover { border-color: #298FC2; } #resultsPageSearch .col-3 .textTransform { color: #747679; font-size: 0.75rem; } #resultsPageSearch .col-3 .chosen-single { border: 1px Solid transparent; } #resultsPageSearch .col-3 .chosen-container-active .chosen-single { border: 1px Solid #298FC2; } #resultsPageSearch .col-3 .chosen-with-drop.chosen-container-active .chosen-single { border: 1px Solid transparent; } #resultsPageSearch .col-3 .chosen-container.chosen-container-single:hover .col-3, #resultsPageSearch .col-3 .chosen-container.chosen-container-single:hover .chosen-drop, #resultsPageSearch .col-3 .chosen-container.chosen-container-single:hover .chosen-search-input { border-color: #298FC2; } #resultsPageSearch .col-3 .chosen-container.chosen-container-single a { color: #000; background: none; } #resultsPageSearch .col-3 .chosen-container.chosen-container-single a span { font-size: 1rem; font-weight: 500; } @media screen and (max-width: 768px) { #resultsPageSearch .col-3 .chosen-container.chosen-container-single a span { font-size: 1rem; } } #resultsPageSearch .col-3 .chosen-container.chosen-container-single a .textTransform { color: #000; } #resultsPageSearch .col-3 .chosen-container.chosen-container-single.chosen-with-drop.chosen-container-active .col-3, #resultsPageSearch .col-3 .chosen-container.chosen-container-single.chosen-with-drop.chosen-container-active .chosen-drop, #resultsPageSearch .col-3 .chosen-container.chosen-container-single.chosen-with-drop.chosen-container-active .chosen-search-input { border: 1px Solid #298FC2; border-radius: 4px; } #resultsPageSearch .col-3 .chosen-container.chosen-container-single.chosen-with-drop.chosen-container-active :focus .col-3 { border-color: #298FC2; } #resultsPageSearch .col-3 .chosen-container.chosen-container-single.chosen-with-drop.chosen-container-active li.highlighted { background-color: #298FC2; } #resultsPageSearch .col-6 .fromDatebox, #resultsPageSearch .col-6 .toDatebox { border: 1px Solid; border-color: #DBDBDB; border-radius: 4px; font-size: 1.1rem; font-weight: 500; } #resultsPageSearch .col-6 .fromDatebox:hover, #resultsPageSearch .col-6 .toDatebox:hover { border-color: #298FC2; } #resultsPageSearch .col-6 .fromDatebox .textTransform, #resultsPageSearch .col-6 .toDatebox .textTransform { color: #747679; font-size: 0.75rem; } #resultsPageSearch .col-6 .fromDatebox .textTransform .fromDate, #resultsPageSearch .col-6 .fromDatebox .textTransform .toDate, #resultsPageSearch .col-6 .toDatebox .textTransform .fromDate, #resultsPageSearch .col-6 .toDatebox .textTransform .toDate { font-size: 1rem; font-weight: bold; } #resultsPageSearch .col-6 .fromDatebox button, #resultsPageSearch .col-6 .toDatebox button { background-color: #fff; } #resultsPageSearch .col-6 .col-4 { border: 1px Solid; border-color: rgba(36, 45, 55, 0.65); } #resultsPageSearch .col-6 .col-4 .textTransform { color: #747679; } @media screen and (max-width: 768px) { #mainTable .row .col-2.leftFilters { border: 1px solid #aaa; border-radius: 4px; background-color: #fcfcfc; } } @media screen and (max-width: 768px) { #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper #suppliers label, #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper #suppliers span, #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper #suppliers div, #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper #dealType label, #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper #dealType span, #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper #dealType div, #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper #dealOptions label, #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper #dealOptions span, #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper #dealOptions div, #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper #pricePerPerson label, #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper #pricePerPerson span, #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper #pricePerPerson div, #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper #numberOfNights label, #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper #numberOfNights span, #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper #numberOfNights div, #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper #ratings label, #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper #ratings span, #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper #ratings div { font-size: 0.75rem; } } #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper .Tabfilers .filterTypes { font-size: 1rem; font-weight: 400; line-height: 1.4rem; } #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper .Tabfilers .filterTypes input:focus { box-shadow: 0 0 0 0.1rem #298FC2; } #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper .Tabfilers .filterTypes button:focus { box-shadow: 0 0 0 0.1rem #298FC2; } @media screen and (max-width: 768px) { #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper .Tabfilers .filterTypes { font-size: 0.75rem; line-height: 0; } } #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper .Tabfilers .filterTypes a { font-size: 1rem; } @media screen and (max-width: 768px) { #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper .Tabfilers .filterTypes a { font-size: 0.75rem; } } #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper .Tabfilers .filterTypes a:focus { padding: 5px; } #mainTable .row .col-2.leftFilters .left-sideFilters-wrapper .Tabfilers button { background-color: #01426A; font-size: 1.125rem; line-height: 19.2px; font-weight: 500; } #mainTable .row .specials-hotel-button-text { font-size: 1.125rem; line-height: 19.2px; font-weight: 500; } .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month { border: 1px solid #dedede; color: #000000; font-weight: bold; } @media screen and (max-width: 768px) { .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month { font-size: 0.75rem; } } .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year { font-weight: bold; } @media screen and (max-width: 768px) { .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year { font-size: 0.75rem; } } .ui-datepicker .ui-datepicker-group .ui-datepicker-week-end span { font-weight: 500; color: #000000; } @media screen and (max-width: 768px) { .ui-datepicker .ui-datepicker-group .ui-datepicker-week-end span { font-size: 0.75rem; } } .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-drop { border-color: #298FC2; } #ui-datepicker-div.ui-datepicker-multi-2 { border: 1px solid #298FC2; border-radius: 4px; background: #fff; } #ui-datepicker-div.ui-datepicker-multi-2 .ui-datepicker-calendar .ui-state-default { background: #298FC2; color: #fff; } @media screen and (max-width: 768px) { #ui-datepicker-div.ui-datepicker-multi-2 .ui-datepicker-calendar .ui-state-default { font-size: 10px !important; } } #ui-datepicker-div.ui-datepicker-multi-2 table { border: none; } #ui-datepicker-div.ui-datepicker-multi-2 table th span { font-weight: bold; } @media screen and (max-width: 768px) { #ui-datepicker-div.ui-datepicker-multi-2 table th span { font-size: 0.75rem; } } #ui-datepicker-div.ui-datepicker-multi-2 table tr { border: none; } #ui-datepicker-div.ui-datepicker-multi-2 table td { border: none; } @media screen and (max-width: 768px) { #ui-datepicker-div.ui-datepicker-multi-2 table td span { font-size: 11px !important; } } #ui-datepicker-div.ui-datepicker-multi-2 table .ui-datepicker-unselectable.ui-state-disabled { opacity: 1; } #ui-datepicker-div.ui-datepicker-multi-2 table .ui-datepicker-unselectable.ui-state-disabled .ui-state-default { background: #D2D2D2; color: #818386; } #ui-datepicker-div.ui-datepicker-multi-2 table .ui-datepicker-unselectable.ui-state-disabled.ui-datepicker-today { background: #298FC2 !important; } #ui-datepicker-div.ui-datepicker-multi-2 table .ui-datepicker-unselectable.ui-state-disabled.ui-datepicker-today .ui-state-default { color: #298FC2; background: #fff; } .col-3 span, .chosen-container-single a .textTransform, span:before { color: #000000; } .col-6 input { color: #000000; font-size: 1rem; } .onsaleblock .row #resultsPageSearch .col-6.xs-12.xs-mt-20 label::before { color: #000000; font-size: 1.1rem; font-weight: 500; } .block.onsaleblock .row #resultsPageSearch .col-6.xs-12.xs-mt-20 label::before { color: #000000; font-size: 1.1rem; } .row .left-sideFilters-wrapper .Tabfilers .filterTypes, .row .left-sideFilters-wrapper .Tabfilers filterTypes span { font-size: 1rem; color: #000000; font-weight: 500; } .chosen-container-single .chosen-drop .chosen-results { border: none; /*::-webkit-scrollbar-track { background-color: transparent; } ::-webkit-scrollbar-thumb { background-color: #d6dee1; border-radius: 20px; border: 6px solid transparent; background-clip: content-box; } ::-webkit-scrollbar-thumb:hover { background-color: #a8bbbf; }*/ } .chosen-container-single .chosen-drop .chosen-results li.highlighted { background-image: none; border-radius: 2px; } /*bottom navigation*/ .pageNav { font-weight: 600; color: #000000; } .pageNav .col-6 .pageFromTo { font-weight: 500; } .pageNav .col-6 .pageFromTo .onsale-filters-paginationcount, .pageNav .col-6 .pageFromTo .onsale-filters-paginationcount { font-weight: bold; } .pageNav .col-6 #pageSize { border: 1px solid #aaa; font-weight: bold; font-size: 1rem; color: #000000; } .pageNav .col-6 #pageSize:focus { border: 1px Solid #298FC2; } /*Horizontal filter*/ .onsale-filters.horizontal-filters .onsale-filters-pagination { font-weight: 500; } .onsale-filters.horizontal-filters .onsale-filters-paginationcount, .onsale-filters.horizontal-filters .onsale-filters-paginationtotalcount, .onsale-filters.horizontal-filters .onsale-filter-sortby-select { font-weight: bold; } .onsale-filters.horizontal-filters .sort-By-filter-wrap { border: 1px Solid #DBDBDB; color: #000000; font-weight: 500; } .onsale-filters.horizontal-filters .sort-By-filter-wrap:hover { border-color: #298FC2; } .onsale-filters.horizontal-filters .sort-By-filter-wrap:focus { box-shadow: 0 0 0 0.1rem #298FC2; border: 1px solid #298FC2; } @media screen and (max-width: 768px) { .onsale-filters.horizontal-filters .sort-By-filter-wrap { font-size: 0.75rem; } } .onsale-filters.horizontal-filters .sort-By-filter-wrap .chosen-container.chosen-container-single.chosen-with-drop.chosen-container-active sort-By-filter-wrap, .onsale-filters.horizontal-filters .sort-By-filter-wrap .chosen-container.chosen-container-single.chosen-with-drop.chosen-container-active .chosen-drop, .onsale-filters.horizontal-filters .sort-By-filter-wrap .chosen-container.chosen-container-single.chosen-with-drop.chosen-container-active .chosen-search-input { border: 1px Solid #298FC2; border-radius: 4px; } .onsale-filters.horizontal-filters .sort-By-filter-wrap .chosen-container.chosen-container-single.chosen-with-drop.chosen-container-active li.highlighted { background-color: #298FC2; } .onsale-filters.horizontal-filters .sort-By-filter-wrap .chosen-container.chosen-container-single a { border: none; box-shadow: none; background: none; } .onsale-filters.horizontal-filters .sort-By-filter-wrap .chosen-container.chosen-container-single a span { font-weight: bold; } .onsale-filters.horizontal-filters .sort-By-filter-wrap .onsale-filter-sortby-select { font-size: 1rem; font-weight: bold; color: #000000; } @media screen and (max-width: 768px) { .onsale-filters.horizontal-filters .sort-By-filter-wrap .onsale-filter-sortby-select { font-size: 0.75rem; } } #mainTable .row #themePageData .specials-hotel-list .sort-By-filter-wrap:focus, #mainTable .row #themePageData .specials-hotel-list .sort-By-filter-wrap:focus-within { box-shadow: none; border: 1px Solid #006298; border-radius: 5px; } .specials-hotel-list .specials-hotel-list-deals .specials-hotel { border: 1px Solid #818386; color: #000; background-color: #fff; } @media screen and (max-width: 1240px) { .specials-hotel-list .specials-hotel-list-deals .specials-hotel { background-color: #fcfcfc; } } .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container h3.specials-hotel-short-description { color: #006298; font-size: 1rem; font-weight: bold; line-height: 1.5; } .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container .specials-hotel-description-link { font-size: 1.25rem; color: #000000; font-weight: bold; border: 1px Solid transparent; } .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container .specials-hotel-description-link:focus { border: 1px Solid #006298; border-radius: 5px; padding: 5px; } @media screen and (max-width: 768px) { .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container .specials-hotel-description-link { font-size: 1rem; } } .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container .specials-hotel-suppliername, .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container .specials-hotel-groupname, .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container .specials-hotel-dealdescription { color: #006298; font-weight: bold; } .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container .specials-hotel-nights-info { color: #006298; letter-spacing: -0.1px; } .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container .specials-hotel-nights-info .specials-hotel-nights { padding-right: 2px; } .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container .specials-hotel-nights-info .specials-hotel-nights, .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container .specials-hotel-nights-info .specials-hotel-nights-from { font-weight: bold; font-size: 1rem; } .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container .specials-hotel-price-summary .specials-hotel-price .specials-hotel-price-section .specials-hotel-price-currency { font-weight: bold; } .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container .specials-hotel-price-summary .specials-hotel-price .specials-hotel-price-section .specials-hotel-price-amount { font-size: 2rem; font-weight: bold; color: #000; } .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container .specials-hotel-price-summary .specials-hotel-price .specials-hotel-price-suffix { color: #818386; } @media screen and (max-width: 768px) { .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container .specials-hotel-price-summary .specials-hotel-price .specials-hotel-price-suffix { font-size: 0.75rem; } } .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container a.specials-hotel-select-link { background-color: #006298; color: #fff; font-weight: 500; border: 1px Solid #006298; } .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container a.specials-hotel-select-link:focus { border: 1px solid #000; } .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container a.specials-hotel-select-link.disabled { background-color: rgba(0, 0, 0, 0.1); border-color: rgba(0, 0, 0, 0.3); color: rgba(0, 0, 0, 0.3); } .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container a.specials-hotel-select-link.disabled:hover { background-color: rgba(0, 0, 0, 0.1); } .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container .specials-hotel[data-dealtype="Package-Air&+Hotel"] .specials-hotel-price-suffix { color: rgba(5, 13, 41, 0.65); } .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container .specials-hotel[data-dealtype=PACKAGE] .specials-hotel-price-suffix { color: rgba(5, 13, 41, 0.65); } .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container .specials-hotel-depart-date .specials-hotel-depart-date-actual { background: #fcfcfc; } .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container .view-departure-dates, .specials-hotel-list .specials-hotel-list-deals .specials-hotel .specials-hotel-content-container .view-departure-dates span { font-weight: 500; } #pageContent #dealsQuickFacts { border-color: #01426A; border: 1px Solid; } #pageContent #dealsQuickFacts .textTransform { font-size: 1.3rem; font-weight: 600; } #pageContent #dealsQuickFacts span + span { font-size: 1.3rem; } @media screen and (max-width: 768px) { #pageContent #dealsQuickFacts span + span { font-size: 1rem; } } @media screen and (max-width: 768px) { #pageContent #dealsQuickFacts span { font-size: 1rem; } } #pageContent #dealsQuickFacts #bookingAndTravelWindowDetails { background-color: #01426A; color: #fff; } @media screen and (max-width: 768px) { #pageContent #dealsQuickFacts .textTransform { font-size: 1rem; } } #pageContent #dealsQuickFacts .destinations { font-size: 1.3rem; } @media screen and (max-width: 768px) { #pageContent #dealsQuickFacts .destinations { font-size: 1rem; } } .block.promotionsandincentivesblock { /*&.xs-12 {*/ /*}*/ } .block.promotionsandincentivesblock .promotion-title { background-color: #01426A; color: #fff; } .block.promotionsandincentivesblock .tabTableOuter.dealtab2 { border: 1px Solid; border-color: #DBDBDB; } .block.promotionsandincentivesblock .tabTableOuter.dealtab2 .row.tabTableHead .sort.textTransform { border-bottom: 1px Solid #D2D2D2; } .block.promotionsandincentivesblock .tabTableOuter.dealtab2 .row.tabTableHead .sort.textTransform a { font-weight: bold; color: #000000; text-transform: none; font-size: 1.125rem; } @media screen and (max-width: 768px) { .block.promotionsandincentivesblock .tabTableOuter.dealtab2 .row.tabTableHead .sort.textTransform a { font-size: 0.65rem; } } @media screen and (max-width: 1230px) { .block.promotionsandincentivesblock .tabTableOuter.dealtab2 .row.tabTableHead .sort.textTransform a { font-size: 15px; } } @media screen and (max-width: 1040px) { .block.promotionsandincentivesblock .tabTableOuter.dealtab2 .row.tabTableHead .sort.textTransform a { font-size: 13px; } } .block.promotionsandincentivesblock .tabTableOuter.dealtab2 .tabledata_Parent .row:nth-child(odd) { background-color: #fcfcfc; } .block.promotionsandincentivesblock .tabTableOuter.dealtab2 .tabledata_Parent .row { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .block.promotionsandincentivesblock .tabTableOuter.dealtab2 .tabledata_Parent .tabTableData.AnchorStore_Promotion .dataColoumn { border-right: 1px Solid; border-bottom: 1px Solid; border-color: #D2D2D2; } @media screen and (min-width: 769px) { .block.promotionsandincentivesblock .tabTableOuter.dealtab2 .tabledata_Parent .tabTableData.AnchorStore_Promotion .dataColoumn { border-color: #D2D2D2; } } @media screen and (max-width: 768px) { .block.promotionsandincentivesblock .tabTableOuter.dealtab2 .tabledata_Parent .tabTableData.AnchorStore_Promotion .dataColoumn { border-right: none; border-bottom: 1px Solid #707070; border-color: #707070; } .block.promotionsandincentivesblock .tabTableOuter.dealtab2 .tabledata_Parent .tabTableData.AnchorStore_Promotion .dataColoumn:before { font-size: 1.125rem; color: #000; } } .block.promotionsandincentivesblock .tabTableOuter.dealtab2 .tabledata_Parent .tabTableData.AnchorStore_Promotion .dataColoumn p, .block.promotionsandincentivesblock .tabTableOuter.dealtab2 .tabledata_Parent .tabTableData.AnchorStore_Promotion .dataColoumn a, .block.promotionsandincentivesblock .tabTableOuter.dealtab2 .tabledata_Parent .tabTableData.AnchorStore_Promotion .dataColoumn span { color: #000000; } .block.promotionsandincentivesblock .tabTableOuter.dealtab2 .tabledata_Parent .tabTableData.AnchorStore_Promotion .dataColoumn a:hover { text-decoration: underline; text-underline-offset: 5px; } .block.promotionsandincentivesblock .tabTableOuter.dealtab2 .tabledata_Parent .tabTableData.AnchorStore_Promotion .dataColoumn:last-child a { color: #006298; } @media screen and (min-width: 769px) { .block.promotionsandincentivesblock .tabTableOuter.dealtab2 .tabledata_Parent .tabTableData.AnchorStore_Promotion .dataColoumn.col-5 { border-right: initial; } } @media screen and (min-width: 769px) { .block.promotionsandincentivesblock .tabTableOuter.dealtab2 .tabledata_Parent .tabTableData.AnchorStore_Promotion:last-child .dataColoumn { border-bottom: initial; } } /*style to hide promotion page title*/ #pageContent #mainContent h2.no-border { display: none; } #pageContent #mainContent h2.no-border + #promoDetailContainer { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } /*CSS rule to hide Logo and promotion block*/ .VAXPRO-ALG-SupplierPromotionsAndIncentivesPage #pageContent .supplier-promotion .col-5.floatClear a img { display: none; } .VAXPRO-ALG-SupplierPromotionsAndIncentivesPage #pageContent .supplier-promotion .supplier-outer.tabTableOuter { display: none; } body { overflow-x: initial; } body.hybrid-template header { position: sticky; top: -1px; z-index: 99; } body.hybrid-template header .vax-header { width: 100%; position: relative; } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header { padding: 0; } } body.hybrid-template header .vax-header .aria-only { height: 0; width: 0; color: transparent; overflow: hidden; display: block; } body.hybrid-template header .vax-header .HEADER-LOGO-WRAP { position: absolute; top: 3px; border: none; z-index: 1; } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .HEADER-LOGO-WRAP { position: relative; top: 20px; width: fit-content; padding-left: 20px; height: 42px; margin-bottom: 10px; } } body.hybrid-template header .vax-header .HEADER-LOGO-WRAP a { height: 65px; } body.hybrid-template header .vax-header .HEADER-LOGO-WRAP a img { height: 60px; width: 207.41px; margin-bottom: 10px; } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .HEADER-LOGO-WRAP a img { height: 40px; width: 138px; margin-bottom: 0 !important; } } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .HEADER-LOGO-WRAP a { height: 42px; } } body.hybrid-template header .vax-header .HEADER-LOGO-WRAP:has(:focus) { top: -7px; } body.hybrid-template header .vax-header .HEADER-LOGO-WRAP:has(:focus) a { display: inline-flex; box-sizing: content-box; } body.hybrid-template header .vax-header .headerALG.site-wrap { margin-left: 0; margin-right: 0; width: 100%; max-width: unset; margin-top: 10px; } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap { display: block; flex-direction: row; margin: 0; margin-bottom: 10px; } } body.hybrid-template header .vax-header .headerALG.site-wrap .navToolsALG { display: flex; justify-content: flex-end; } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navToolsALG { position: relative; bottom: 8px; padding: 0 20px; margin-bottom: 10px; } } body.hybrid-template header .vax-header .headerALG.site-wrap .navToolsALG .navToolsALG-top.anonymous { display: flex; justify-content: space-between; list-style-type: none; padding-bottom: 15px; } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navToolsALG .navToolsALG-top.anonymous { padding-bottom: 0; } } body.hybrid-template header .vax-header .headerALG.site-wrap .navToolsALG .navToolsALG-top.anonymous li { padding-right: 30px; } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navToolsALG .navToolsALG-top.anonymous li { padding-right: 20px; } } body.hybrid-template header .vax-header .headerALG.site-wrap .navToolsALG .navToolsALG-top.anonymous li.support-desktopmenu { padding-right: 0; } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navToolsALG .navToolsALG-top.anonymous li.support-desktopmenu { display: none; } } body.hybrid-template header .vax-header .headerALG.site-wrap .navToolsALG .navToolsALG-top.anonymous li.support-desktopmenu .fa-regular.fa-comment-dots { height: 18px; } body.hybrid-template header .vax-header .headerALG.site-wrap .navToolsALG .navToolsALG-top.anonymous li a { display: flex; } body.hybrid-template header .vax-header .headerALG.site-wrap .navToolsALG .navToolsALG-top.anonymous li a .logoutText, body.hybrid-template header .vax-header .headerALG.site-wrap .navToolsALG .navToolsALG-top.anonymous li a .supportText { line-height: 22px; margin-right: 5px; } body.hybrid-template header .vax-header .headerALG.site-wrap .navToolsALG .navToolsALG-top.anonymous li a .fa-solid.fa-circle-user { height: 18px; } body.hybrid-template header .vax-header .headerALG.site-wrap .navToolsALG .navToolsALG-top.anonymous #show-menu { display: none; } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navToolsALG .navToolsALG-top.anonymous #show-menu { display: flex; height: 18px; width: 18px; padding: 0; justify-content: flex-start; align-items: center; } } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navToolsALG .navToolsALG-top.anonymous #show-menu.active { display: flex; height: 18px; width: 18px; padding: 0 !important; flex-direction: column; align-items: center; } } body.hybrid-template header .vax-header .headerALG.site-wrap .navToolsALG .navToolsALG-top.anonymous #show-menu.active:after { font-family: "FontAwesome"; content: "\f00d"; font-size: 16px; position: relative; bottom: -3px; width: 10.5px; height: 10.5px; display: block; } body.hybrid-template header .vax-header .headerALG.site-wrap .navToolsALG .navToolsALG-top.anonymous #show-menu.active .fa-bars { display: none; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG { display: flex; justify-content: flex-end; list-style-type: none; margin-top: 0; position: relative; margin-bottom: 0; flex-wrap: wrap; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG.active { display: block; position: initial; } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navALG.active { transition: all 0.5s; padding-top: 10px; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG.active li:last-child { margin-bottom: 0 !important; } } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navALG { display: none; } } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li { padding-bottom: 10px; margin-right: 30px; display: flex; align-items: center; } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li { margin-left: 0 !important; margin-right: 0 !important; padding: 20px 10px 5px 0px; display: block; } } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li:focus { border: unset; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li:last-child { margin-right: 0; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li:last-child .dropDownFJT { right: 15px; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li.support-mobilemenu { display: none; } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li.support-mobilemenu { display: block; } } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .padding-left0 { text-decoration: none; /*margin-left: 15px;*/ line-height: 22px; display: inline-flex; cursor: pointer !important; align-items: center; /*border: none;*/ } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .padding-left0 { padding-left: 40px; margin: 0; /*cursor: none !important;*/ padding-bottom: 5px; line-height: 21.6px; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .padding-left0:before { font-family: "FontAwesome"; content: "\f078"; padding-right: 10px; font-size: 14px; height: 24px; } } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .padding-left0:after { font-family: "FontAwesome"; content: "\f078"; font-size: 7.5px; line-height: 4.6px; display: flex; margin-left: 5px; margin-bottom: 4px; } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .padding-left0:after { display: none; } } @media screen and (min-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .padding-left0:hover .padding-left0 { font-weight: 700; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .padding-left0:hover:after { font-family: "FontAwesome"; content: "\f106"; font-size: 7.5px; line-height: 4.6px; display: flex; margin-left: 5px; margin-bottom: 4px; } } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .padding-left0.active:before { font-family: "FontAwesome"; content: "\f106"; padding-right: 10px; font-size: 14px; } } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .padding-left0.active ~ .dropDownFJT { padding: 0; padding-top: 10px; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .padding-left0.active ~ .dropDownFJT li { padding: 0 60px 5px 68px; } } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .submenu-dropdown-arrow { padding: 0; border-radius: 0; display: none; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .padding-left0.active ~ .dropDownFJT { display: block; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .dropDownFJT { background-color: #fff; position: absolute; top: 32px; list-style: none; padding: 10px 20px; margin: 0; display: none; z-index: 99; } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .dropDownFJT { position: initial; } } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .dropDownFJT li { position: relative; /*padding: 0 15px 10px 15px;*/ padding-bottom: 10px; margin: 0; } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .dropDownFJT li { padding-bottom: 5px; } } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .dropDownFJT li a { line-height: 19.2px; text-decoration: none; border-bottom: 1px solid transparent; } @media screen and (max-width: 768px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .dropDownFJT li a { cursor: none; } } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .dropDownFJT li a { line-height: 22px; } } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .dropDownFJT li a:hover, body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .dropDownFJT li a:focus { border-bottom: 1px solid #006298; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .dropDownFJT li ul { position: absolute; top: 0; right: -150px; list-style: none; padding: 0; margin: 0; display: none; background-color: #fff; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .dropDownFJT li ul li { height: 30px; padding: 0 15px 0 15px; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .dropDownFJT li ul li a { text-decoration: none; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .dropDownFJT li ul li a:hover { text-decoration: underline; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .dropDownFJT li:hover > ul { display: block; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .dropDownFJT li:after { content: unset; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li .dropDownFJT li:last-child { padding-bottom: 0; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li:hover > ul { display: block; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li:hover > .dropDownFJT { display: block; } @media screen and (max-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li:hover > .dropDownFJT { display: none; } } @media screen and (min-width: 1220px) { body.hybrid-template header .vax-header .headerALG.site-wrap .navALG li:hover .padding-left0 { font-weight: 700; } } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG.loggedin li { margin-right: 20px; } body.hybrid-template header .vax-header .headerALG.site-wrap .navALG.loggedin li:last-child { margin-right: 0; } body.hybrid-template header sup { display: inline-flex; } body.hybrid-template #siteContainer { overflow-x: hidden; } body header { border-bottom-color: #D2D2D2; background-color: #fff; } @media screen and (max-width: 1220px) { body header { border-bottom: none; } } body header .vax-header { /*.HEADER-LOGO-WRAP { a { &:hover { border-bottom: none; } } }*/ } body header .vax-header a, body header .vax-header img { border: 1px solid transparent; } body header .vax-header a:focus, body header .vax-header img:focus { /*outline: -webkit-focus-ring-color auto 1px; outline-offset: 1px; border: none;*/ border: 1px solid #006298; border-radius: 5px; padding: 5px; } @-moz-document url-prefix() { body header .vax-header a:focus, body header .vax-header img:focus { /*outline: auto 2px Highlight; outline-color: black; outline-style: solid;*/ border: 1px solid #006298; border-radius: 5px; padding: 0 5px; } } body header .vax-header a { color: #000000; border: 1px solid transparent; } body header .vax-header a:focus { /*outline: -webkit-focus-ring-color auto 1px; outline-offset: 1px; border: none;*/ border: 1px solid #006298; border-radius: 5px; } @-moz-document url-prefix() { body header .vax-header a:focus { /*outline: auto 2px Highlight; outline-color: black; outline-style: solid;*/ } } body header .vax-header a .fa-solid, body header .vax-header a .fa-regular { /*padding-left: 5px;*/ font-size: 1.125rem; } body header .vax-header a .fa-solid.fa-bars, body header .vax-header a .fa-regular.fa-bars { font-size: 1.125rem; } body header .vax-header a .fa-bars { font-size: 1.125rem; } body header .vax-header li .padding-left0:after { font-size: 10px; } body header .vax-header .navALG > li .padding-left0 { font-size: 1rem; } @media screen and (max-width: 1220px) { body header .vax-header .navALG > li .padding-left0 { border: none; font-size: 1.125rem; } } body header .vax-header .navALG > li .padding-left0.active ~ .dropDownFJT { display: block !important; } @media screen and (max-width: 1220px) { body header .vax-header .navALG > li .padding-left0.active ~ .dropDownFJT { display: block !important; border-top: 1px solid #D2D2D2; } } @media screen and (min-width: 1220px) { body header .vax-header .navALG > li .padding-left0.active ~ .dropDownFJT { display: block !important; } } body header .vax-header .navALG > li .padding-left0.active + div .dropDownFJT { display: block !important; } @media screen and (max-width: 1220px) { body header .vax-header .navALG > li .padding-left0.active + div .dropDownFJT { display: block !important; border-top: 1px solid #D2D2D2; } } @media screen and (min-width: 1220px) { body header .vax-header .navALG > li .padding-left0.active + div .dropDownFJT { display: block !important; } } @media screen and (max-width: 1220px) { body header .vax-header .navALG > li:has(.padding-left0) { border-bottom: 1px solid #D2D2D2; } body header .vax-header .navALG > li:has(.padding-left0.active) { border-bottom: none; } } body header .vax-header .navALG.active { background-color: #fff; position: initial !important; } body header .vax-header .navToolsALG-top.anonymous li a span:hover { border: none; text-decoration: underline; text-underline-offset: 5px; color: #006298; } body header .vax-header .navToolsALG-top.anonymous li#show-menu .fa-bars { width: 13.5px; } body header .vax-header .navToolsALG-top.anonymous li#show-menu .fa-bars:before { display: block; height: 9px; font-size: 12.5px; } body header .vax-header .dropDownFJT { border: 1px solid #D2D2D2; } @media screen and (max-width: 1220px) { body header .vax-header .dropDownFJT { border: none; } } body header .vax-header .dropDownFJT li a:hover { text-decoration: underline; color: #006298; border-bottom: none; } body #siteContainer .root-breadcrumbs .breadcrumbs-placeholder { padding: 10px 20px 0 20px; height: unset !important; } body #siteContainer .root-breadcrumbs .breadcrumbs-placeholder a { color: #006298; line-height: 22px; } body #siteContainer .root-breadcrumbs .breadcrumbs-placeholder a:focus { padding: 5px; } body #siteContainer .root-breadcrumbs .breadcrumbs-placeholder span { color: #000; line-height: 22px; } body #siteContainer .root-breadcrumbs .breadcrumbs-placeholder span svg { height: 7.5px !important; width: 4.6px !important; } body #siteContainer .root-breadcrumbs .breadcrumbs-placeholder span svg path { fill: #000; } body #siteContainer .root-breadcrumbs .breadcrumbs-placeholder .breadcrumb-caret { transform: unset !important; } @media screen and (max-width: 1220px) { body #siteContainer .root-breadcrumbs .breadcrumbs-placeholder { padding: 10px 20px 10px 20px; display: flex; flex-wrap: wrap; align-items: center; } body #siteContainer .root-breadcrumbs .breadcrumbs-placeholder a, body #siteContainer .root-breadcrumbs .breadcrumbs-placeholder span { white-space: nowrap; } } @media screen and (max-width: 1220px) { body #siteContainer .root-breadcrumbs { display: none !important; } } footer .vax-footer { margin: 0 auto; padding: 40px 20px; max-width: 1290px; } @media screen and (max-width: 920px) { footer .vax-footer { padding: 40px; } } footer .vax-footer .logo { margin-bottom: 30px; } @media screen and (max-width: 920px) { footer .vax-footer .logo { display: flex; justify-content: center; } } @media screen and (max-width: 400px) { footer .vax-footer .logo a { width: 282px !important; height: 83px !important; } } footer .vax-footer .logo a { width: 205px; height: 61px; } footer .vax-footer .logo a img { width: 100%; height: 100%; } footer .vax-footer .logo a:focus { display: inline-flex; box-sizing: content-box; } footer .vax-footer .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; } @media screen and (max-width: 920px) { footer .vax-footer .footer-content { display: block; } } footer .vax-footer .footer-content .footer-columns.footer-social-links { display: flex; flex-direction: column; align-items: center; } @media screen and (max-width: 920px) { footer .vax-footer .footer-content .footer-columns.footer-social-links { margin-bottom: 0; } } @media screen and (min-width: 1290px) { footer .vax-footer .footer-content .footer-columns.footer-social-links { max-width: 223px; width: 100%; } } footer .vax-footer .footer-content .footer-columns.footer-social-links li { margin-bottom: 10px; } footer .vax-footer .footer-content .footer-columns.footer-social-links li:last-child { margin-bottom: 0; } @media screen and (min-width: 920px) { footer .vax-footer .footer-content .footer-columns:first-child { margin-right: 6.25rem; } } @media screen and (min-width: 1290px) { footer .vax-footer .footer-content .footer-columns:first-child { max-width: 290px; width: 100%; } } footer .vax-footer .footer-content .footer-columns:first-child .footer-list { margin-bottom: 10px; } footer .vax-footer .footer-content .footer-columns:first-child .footer-list:last-child { margin-bottom: 0; } footer .vax-footer .footer-content .footer-columns.authentication-links { flex-grow: 1; } @media screen and (min-width: 920px) { footer .vax-footer .footer-content .footer-columns.authentication-links { margin-right: 6.25rem; } } @media screen and (min-width: 1290px) { footer .vax-footer .footer-content .footer-columns.authentication-links { max-width: 536px; width: 100%; } } footer .vax-footer .footer-content .footer-columns.authentication-links li { margin-bottom: 10px; display: flex; } footer .vax-footer .footer-content .footer-columns.authentication-links li a { align-items: center; line-height: 22px; } footer .vax-footer .footer-content .footer-columns.authentication-links li a img { width: 100%; } footer .vax-footer .footer-content .footer-columns.authentication-links li:last-child { margin-bottom: 0; } footer .vax-footer .footer-content .footer-columns.authentication-links li:last-child a { cursor: default; } footer .vax-footer .footer-content .footer-columns.authentication-links li .email-signup { margin-top: 6px; } footer .vax-footer .footer-content .footer-columns.authentication-links li:first-child img { margin-top: 2px; } footer .vax-footer .footer-content .footer-columns.authentication-links li:nth-child(3) { display: block; } footer .vax-footer .footer-content .footer-columns.authentication-links li:nth-child(2) { margin-bottom: 0 !important; } footer .vax-footer .footer-content .footer-columns.authentication-links li:nth-child(2) a { margin-top: 2px; } footer .vax-footer .footer-content .footer-columns.authentication-links .vax-footer-icon { margin-top: 30px; margin-bottom: 15px; } footer .vax-footer .footer-content .footer-columns.authentication-links .footer-list.member-service-link { margin-top: 10px; margin-bottom: 0; display: flex; } footer .vax-footer .footer-content .footer-columns.authentication-links .footer-list.member-service-link a { margin-top: 1px; } footer .vax-footer .footer-content .footer-columns .footer-list { list-style-type: none; } footer .vax-footer .footer-content .footer-columns .footer-list .list-content { display: block; font-weight: bold; } footer .vax-footer .footer-content .footer-columns .footer-list .register-to-book, footer .vax-footer .footer-content .footer-columns .footer-list .email-signup, footer .vax-footer .footer-content .footer-columns .footer-list .member-service { margin-right: 14px; vertical-align: middle; width: 16px !important; height: 18px !important; } footer .vax-footer .footer-content .footer-columns .footer-list .email-signup { height: 13px !important; } footer .vax-footer .footer-content .footer-columns .footer-list .member-service { width: 18px !important; margin-right: 12px; margin-top: 2px; margin-left: -1px; } footer .vax-footer .footer-content .footer-columns .footer-list a { cursor: pointer; line-height: 19.2px; align-items: self-end; width: fit-content; white-space: nowrap; } footer .vax-footer .footer-content .footer-columns .footer-list a sup { font-size: 8px; } footer .vax-footer .footer-content .footer-columns .footer-list #ot-sdk-btn.ot-sdk-show-settings { font-size: 1rem; color: #fff; border: 1px solid transparent; padding: 0; font-weight: 400; line-height: 19.2px; text-transform: none; text-decoration: none; background: transparent; } footer .vax-footer .footer-content .footer-columns .footer-list #ot-sdk-btn.ot-sdk-show-settings:hover { text-decoration: underline; text-underline-offset: 5px; } footer .vax-footer .footer-content .footer-columns .footer-list #ot-sdk-btn.ot-sdk-show-settings:focus { border: 1px solid #fff; border-radius: 5px; padding: 5px; } footer .vax-footer .footer-content .footer-columns .footer-list .member-service { width: 27px; height: 17px; } footer .vax-footer .footer-content .footer-columns .footer-list:focus { border: none; } footer .vax-footer .footer-content .footer-columns .social-media-icons { display: flex; justify-content: space-between; } @media screen and (max-width: 920px) { footer .vax-footer .footer-content .footer-columns .social-media-icons { justify-content: initial; } } footer .vax-footer .footer-content .footer-columns .social-media-icons li { list-style-type: none; margin-bottom: 0; } footer .vax-footer .footer-content .footer-columns .social-media-icons li a { margin-right: 15px; } footer .vax-footer .footer-content .footer-columns .social-media-icons li a img { margin: 0; } footer .vax-footer .footer-content .footer-columns .social-media-icons li a:focus { padding: 5px; } footer .vax-footer .footer-content .footer-columns .social-media-icons li:last-child a { margin-right: 0; } @media screen and (max-width: 920px) { footer .vax-footer .footer-content .footer-columns { margin-bottom: 30px; } } @media screen and (max-width: 920px) { footer { display: block !important; } } footer { background-color: #01426A; color: #fff; } @media screen and (max-width: 380px) { footer .footer-list a { font-size: 0.85rem; } } footer a { color: #fff; border: 1px solid transparent; } footer a:hover { text-decoration: underline; text-underline-offset: 5px; } footer a:focus { border: 1px Solid #fff; border-radius: 5px; padding: 5px; } .email-and-print { display: flex; justify-content: flex-end; position: relative; bottom: 32px; padding: 10px 20px 0 20px; } @media screen and (max-width: 1220px) { .email-and-print { bottom: 12px; } } .email-and-print button.email-button, .email-and-print button.print-button { font-family: lato, sans-serif; display: flex; align-items: center; background-color: transparent; color: #000000; font-size: 1rem; font-weight: 400; line-height: 22px; cursor: pointer; padding: 0; } @media screen and (max-width: 480px) { .email-and-print button.email-button, .email-and-print button.print-button { padding: 0; } } .email-and-print button.email-button img, .email-and-print button.print-button img { margin-left: 5px; width: 18px; height: 18px; border-radius: unset !important; object-fit: contain; } .email-and-print button.email-button:focus, .email-and-print button.print-button:focus { padding: 5px; } .email-and-print button.print-button { padding: 0; margin-left: 30px; } @media screen and (max-width: 480px) { .email-and-print button.print-button { margin-left: 20px; } } #EmailPromotion.modal.algv-popup { background-color: transparent; border: none; top: 155px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content { border: 1px solid #707070 !important; /*box-shadow: 0px 6px 10px #00000029;*/ box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.29); background: #fff; border-radius: 10px; /*padding: 30px;*/ width: 100%; max-width: 1300px; } @media screen and (max-width: 768px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content { width: 100%; } } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content #mainModalCloseAreaForEmail { position: unset; padding: 20px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content #mainModalCloseAreaForEmail .link { color: #006298; background-color: #006298; width: 40px; height: 40px; border: none; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content #mainModalCloseAreaForEmail .link:hover, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content #mainModalCloseAreaForEmail .link:focus { background-color: #000000; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content #mainModalCloseAreaForEmail .link span { display: none; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content #mainModalCloseAreaForEmail .link i.fa { color: #fff; font-weight: bold; font-size: 20px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body { padding: 2em 6em 2em 3em; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body input.textTransform { background-color: #006298; color: #fff; border: none; border-radius: 50px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body h1.sendpromoemailheading, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body h2.sendpromoemailheading, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body h3.sendpromoemailheading { margin-bottom: 22px !important; border-bottom: none !important; background-color: #01426A; color: #fff; border-bottom: none; border-radius: 10px; font-size: 2.369rem; line-height: 43px; font-weight: 500; text-align: center; padding: 10px 0; } @media screen and (max-width: 768px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body h1.sendpromoemailheading, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body h2.sendpromoemailheading, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body h3.sendpromoemailheading { font-size: 1.4rem !important; line-height: 34px; } } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body label.emailLabel { color: #000000; font-size: 1rem; line-height: 20px; font-weight: 400 !important; text-align: left; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body input[type=button]:focus, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body button:focus { border-radius: 60px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .EmailandSendButtons { text-align: center; margin: 25px 0 30px 0; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .EmailandSendButtons .textTransform { padding: 15px 50px; font-size: 1rem; line-height: 19.2px; font-weight: 700; margin-right: 10px; border-radius: 50px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form { border: 1px solid #298FC2; background: #F8F8F8; border-radius: 10px; padding: 25px 55px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form label { display: block; width: 100%; text-align: unset; padding-right: 0; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form label.emailLabel { margin-bottom: 10px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form input.emailTextbox { border: 1px solid; border-color: #DBDBDB; border-radius: 10px; color: #000000; padding: 8px 15px; min-height: 45px; font-weight: 400; width: 100%; font-family: lato, sans-serif; font-size: 1rem; line-height: 20px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container { display: flex; margin-bottom: 10px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container #TextBoxesGroup { margin-right: 20px; width: calc(68% - 20px); } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container #TextBoxesGroup div { margin-bottom: 0; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container #TextBoxesGroup .divEmailTo .addRemoveBtn { display: block; } @media screen and (max-width: 769px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container #TextBoxesGroup .divEmailTo .addRemoveBtn { display: flex; justify-content: center; margin-top: 10px; } } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container #TextBoxesGroup .addRemoveBtn { display: none; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container #TextBoxesGroup .toTextbox { width: 50%; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container .validationErrorMessage { margin: 10px 0; } @media screen and (max-width: 769px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container .validationErrorMessage { justify-content: center; } } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container .validationErrorMessage span { color: #B00020; line-height: 20px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container .addRemoveRecipient { padding: 15px 50px; line-height: 19.2px; font-size: 1rem; font-weight: 700; text-transform: capitalize; margin-top: 25px; } @media screen and (min-width: 769px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container .addRemoveRecipient { margin-left: 20px; } } @media screen and (min-width: 769px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container #TextBoxDiv1 { display: flex; justify-content: space-between; margin-bottom: 10px !important; } } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container #TextBoxDiv1 .addRemobeBtn { text-align: center; display: flex; justify-content: center; width: 50%; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container .fromSection { width: 33%; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container .fromSection input { width: 100%; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container .fromSection input.emailTextbox { margin-bottom: 0; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container .toTextbox > div, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container .fromSection > div { display: flex; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container .toTextbox > div .required, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container .fromSection > div .required { color: #B00020; margin-right: 5px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container .divEmailTo.active { display: flex !important; } @media screen and (max-width: 769px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container .divEmailTo.active { align-items: center; } } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container .divEmailTo.active .addRemoveBtn .addRemoveRecipient { padding: 5px 10px; margin: 5px 0 0 10px; border-radius: 50px; width: 35px; height: 35px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container .divEmailTo.active .addRemoveBtn .addRemoveRecipient .fa-close::before { font-size: 1.2rem; } @media screen and (max-width: 769px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container .divEmailTo.active .addRemoveBtn { display: block !important; } } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .emailSubject { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .emailSubject .flLeftTextWrap { color: #000000; background-color: #fff; min-height: 45px; margin-bottom: 10px; display: flex; align-items: center; border: 1px solid; border-color: #DBDBDB; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-right: 0; padding: 7px 15px; padding-right: 0; font-size: 1rem; font-weight: 400; line-height: 20px; } @media screen and (max-width: 768px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .emailSubject .flLeftTextWrap { border-right: 1px solid #DBDBDB; margin-bottom: 0; width: 100%; border-bottom: 0; padding: 8px 15px; border-top-right-radius: 10px; border-bottom-left-radius: 0; min-height: 20px; vertical-align: middle; display: block; } } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .emailSubject .emailTextbox { width: auto; flex-grow: 1; border-left: 0; border-bottom-right-radius: 10px; border-top-right-radius: 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; padding-left: 5px; } @media screen and (max-width: 768px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .emailSubject .emailTextbox { border-top: 0; border-left: 1px solid #DBDBDB; padding: 0 15px 8px 15px; border-top-right-radius: 0; border-bottom-left-radius: 10px; min-height: 20px; } } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form #introduction { width: 100% !important; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form #introduction br { display: none; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form #introduction #introCount { line-height: 20px; color: #000000; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form #introduction textarea { width: 100%; padding: 10px 15px; min-height: 185px; border-color: #DBDBDB; border-radius: 10px; color: #000000; font-weight: 400; font-family: lato, sans-serif; font-size: 1rem; line-height: 20px; } @media screen and (max-width: 768px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form #introduction textarea { min-height: 180px; } } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .buttonSection { text-align: right; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .buttonSection button { text-transform: capitalize; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .buttonSection #previewPage { font-size: 1rem; line-height: 19.2px; font-weight: 700; padding: 15px 50px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea { border: 1px solid #707070; border-radius: 10px; background-color: #fff; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #emailSectionPreview { padding: 55px 55px 30px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #emailSectionPreview label.emailLabel { width: unset; font-weight: 600; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #emailSectionPreview div { margin-bottom: 10px; display: flex; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #emailSectionPreview div div { color: #000000; line-height: 20px; word-break: break-all; font-weight: 400; font-size: 1rem; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #emailSectionPreview div#subject { margin-bottom: 15px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #emailSectionPreview div#content label { display: none; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #emailSectionPreview div#content #intro { line-height: 20px; width: 100%; margin-bottom: 0; white-space: break-spaces; } @media screen and (min-width: 769px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent div.block { padding-left: 30px !important; padding-right: 30px !important; } } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block-buttontext { pointer-events: none; color: #fff; font-weight: bold; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridxhtmlblock.email-attribution { font-size: 9px !important; line-height: 11px !important; font-family: Helvetica Neue; color: #000; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentbannerblock-container .block-buttontext, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentbannerlistblock-container .block-buttontext { color: #000000; font-weight: bold; } @media screen and (min-width: 769px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentbannerblock-container .block-buttontext, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentbannerlistblock-container .block-buttontext { background-color: #fff !important; border: 1px Solid !important; border-color: #F8F8F8 !important; color: #00131E !important; border-radius: 25px !important; } } @media screen and (min-width: 769px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentbannerblock-container .block-textblock, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentbannerblock-container h1, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentbannerblock-container h2, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentbannerblock-container h3, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentbannerlistblock-container .block-textblock, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentbannerlistblock-container h1, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentbannerlistblock-container h2, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentbannerlistblock-container h3 { color: #fff !important; } } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentbannerblock-container h1, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentbannerblock-container h2, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentbannerblock-container h3, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentbannerlistblock-container h1, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentbannerlistblock-container h2, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentbannerlistblock-container h3 { margin-bottom: 12px !important; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent h2.block-title { word-break: break-all; } @media screen and (min-width: 1120px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.herobannerblock { margin-left: 30px !important; margin-right: 30px !important; width: calc(100% - 60px) !important; } } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.herobannerblock .hybridcontentbannerblock-container { padding: 0 !important; justify-content: flex-start !important; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.herobannerblock .hybridcontentbannerblock-container .content-section { padding: 20px 30px !important; } @media screen and (min-width: 769px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridcontentbannerlistblock.light-theme .hybridcontentbannerblock-container .block-textblock, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridcontentbannerlistblock.light-theme .hybridcontentbannerblock-container h1, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridcontentbannerlistblock.light-theme .hybridcontentbannerblock-container h2, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridcontentbannerlistblock.light-theme .hybridcontentbannerblock-container h3, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridcontentbannerlistblock.light-theme .hybridcontentbannerlistblock-container .block-textblock, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridcontentbannerlistblock.light-theme .hybridcontentbannerlistblock-container h1, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridcontentbannerlistblock.light-theme .hybridcontentbannerlistblock-container h2, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridcontentbannerlistblock.light-theme .hybridcontentbannerlistblock-container h3, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.herobannerblock.light-theme .hybridcontentbannerblock-container .block-textblock, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.herobannerblock.light-theme .hybridcontentbannerblock-container h1, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.herobannerblock.light-theme .hybridcontentbannerblock-container h2, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.herobannerblock.light-theme .hybridcontentbannerblock-container h3, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.herobannerblock.light-theme .hybridcontentbannerlistblock-container .block-textblock, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.herobannerblock.light-theme .hybridcontentbannerlistblock-container h1, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.herobannerblock.light-theme .hybridcontentbannerlistblock-container h2, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.herobannerblock.light-theme .hybridcontentbannerlistblock-container h3 { color: #000 !important; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridcontentbannerlistblock.light-theme .hybridcontentbannerblock-container .block-buttontext, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridcontentbannerlistblock.light-theme .hybridcontentbannerlistblock-container .block-buttontext, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.herobannerblock.light-theme .hybridcontentbannerblock-container .block-buttontext, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.herobannerblock.light-theme .hybridcontentbannerlistblock-container .block-buttontext { background-color: #01426a !important; color: #fff !important; border-color: #01426a !important; } } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridcontentbannerlistblock .content-section, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.herobannerblock .content-section { justify-content: space-between; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridcontentbannerlistblock .hybridcontentbannerlistblock-container .content-section .hybridcontentbannerblock [style*=background-image], #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.herobannerblock .hybridcontentbannerlistblock-container .content-section .hybridcontentbannerblock [style*=background-image] { background-size: cover !important; padding: 0 !important; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridcontentbannerlistblock .hybridcontentbannerlistblock-container .content-section .hybridcontentbannerblock .no-image.vertical, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridcontentbannerlistblock .hybridcontentbannerlistblock-container .content-section .hybridcontentbannerblock .vertical, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.herobannerblock .hybridcontentbannerlistblock-container .content-section .hybridcontentbannerblock .no-image.vertical, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.herobannerblock .hybridcontentbannerlistblock-container .content-section .hybridcontentbannerblock .vertical { padding: 0; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridclickablecardlist.light-theme .block-content .block-title, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridclickablecardlist.light-theme .block-content h2, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridclickablecardlist.light-theme .block-content .block-textblock, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridclickablecardlist.light-theme .block-content p { color: #000000 !important; } @media screen and (min-width: 769px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridjumplinksblock .hybridjumplinksblock-container ul li.hybridcarditem { padding: 26px 40px 26px 0 !important; margin-bottom: 0 !important; } } @media screen and (min-width: 769px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentcardlistblock .content-container .content-section { margin: 0 -10px !important; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentcardlistblock .content-container .content-section .hybridcarditem { margin: 0 10px 20px !important; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentcardlistblock .content-container .content-section .hybridcarditem .image-placeholder { margin-bottom: 20px !important; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .hybridcontentcardlistblock .content-container .content-section .hybridcarditem h3.block-title { font-size: 1.4rem !important; margin-bottom: 25px !important; } } @media screen and (min-width: 769px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent #dealsQuickFacts { outline: 1px solid; margin: 0 30px 10px 30px !important; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent #dealsQuickFacts #bookingAndTravelWindowDetails { background-color: #01426A; color: #fff; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent #dealsQuickFacts #bookingAndTravelWindowDetails .bookingLabel { padding: 25px !important; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent #dealsQuickFacts #bookingAndTravelWindowDetails .travelLabel { padding: 0 25px 40px !important; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent #dealsQuickFacts .destinations { padding: 25px !important; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent #dealsQuickFacts .destinations .textTransform { font-size: 1.3rem !important; line-height: 1.4rem !important; } } @media screen and (max-width: 768px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent div.hybridcontentbannerimageblock .hybridcontentbannerimageblock-container { flex-direction: column; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent div.hybridcontentbannerimageblock .hybridcontentbannerimageblock-container .contentBannerBGImage { width: 100%; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent div.hybridcontentbannerimageblock .hybridcontentbannerimageblock-container .block-content { width: 100% !important; } } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridxhtmlblock { margin-bottom: 30px !important; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridctablock .content-container.align-content-left .content-section .block-text { text-align: left; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridctablock .content-container.align-content-center .content-section .block-text { text-align: center; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridctablock .content-container.align-content-right .content-section .block-text { text-align: right; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridctalistblock .content-container .content-section .card-block .block-buttontext { padding: 10px 20px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.hybridctalistblock .content-container .content-section .card-block .block-buttontext a { padding: 5px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.onsaleblock .row .row.filter .chosen-container .chosen-drop, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.onsaleblock .row .tabTableOuter .chosen-container .chosen-drop { display: none; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.onsaleblock .row .row.filter .chosen-container.chosen-with-drop .chosen-drop, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #previewContent .block.onsaleblock .row .tabTableOuter .chosen-container.chosen-with-drop .chosen-drop { display: none; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #disclaimer { display: flex; justify-content: center; margin-top: 10px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #disclaimer p { font-size: 1rem; line-height: 20px; font-weight: 400; margin-top: 10px; color: #000000; } @media screen and (max-width: 768px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #disclaimer p { font-size: 6px; line-height: 9px; } } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #emailSuccesspopup { border: 1px solid #818386; padding: 25px; text-align: center; border-radius: 10px; margin-top: 30px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #emailSuccesspopup h3 { font-size: 1.4rem; font-weight: 700; line-height: 34px; color: #000000; } @media screen and (max-width: 768px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #emailSuccesspopup h3 { font-size: 1.3rem; line-height: 27px; } } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #emailSuccesspopup a { display: none; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #emailSuccesspopup #returnToPageBtn { padding: 15px 50px; font-size: 1rem; font-weight: 700; line-height: 19.2px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content input[type=button], #EmailPromotion.modal.algv-popup .modal-dialog .modal-content button { cursor: pointer; border-radius: 50px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content input[type=button]:hover, #EmailPromotion.modal.algv-popup .modal-dialog .modal-content button:hover { background-color: #000000; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content #closingDiv { display: none !important; } @media screen and (max-width: 768px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content #mainModalCloseAreaForEmail { padding: 0; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content #mainModalCloseAreaForEmail #mainModalCloseButtonEmail { width: 35px; height: 35px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body { padding: 10px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form { display: block; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container { display: block; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container #TextBoxesGroup { width: 100%; margin: 0; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container #TextBoxesGroup .divEmailTo { /*display: block;*/ /*.addRemoveBtn { display: none; }*/ } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container #TextBoxesGroup .divEmailTo .toTextbox { width: 100%; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container #TextBoxesGroup .addRemoveBtn { /*display: block;*/ } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container #TextBoxesGroup .addRemoveBtn button { margin-top: 0; margin-bottom: 20px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form .to-from-container .fromSection { width: 100%; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #emailSectionPreview { padding: 25px 25px 30px; } } @media screen and (max-width: 420px) { #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body h1.sendpromoemailheading { font-size: 1.5rem !important; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body .email-form { padding: 25px 20px; } #EmailPromotion.modal.algv-popup .modal-dialog .modal-content .modal-body #previewArea #emailSectionPreview label.emailLabel { margin-bottom: 5px; } } @media print { body.hybrid-template header .vax-header .headerALG.site-wrap .navALG { margin-top: 40px; justify-content: space-between; } body.hybrid-template header .vax-header .headerALG.site-wrap .navToolsALG { position: relative; top: 30px; } .block, footer, header { page-break-inside: avoid; page-break-before: auto; page-break-after: auto; } #anchorContainer { display: block !important; } #siteContainer { display: block !important; } .block.herobannerblock .heroBlock-container .content-section.gradient .hybridcontentbannerblock-container.align-content-left { width: 100% !important; } @-moz-document url-prefix() { .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock .clickableImageBackground .image-placeholder img, .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock .no-image .image-placeholder img { padding: 12%; } body table, body table tr { outline: 1px solid #D2D2D2 !important; } #pageContent #dealsQuickFacts .destinations { padding: 25px !important; } } } body #previewContent div.hybridcontentcardblock .content-container .content-section .block-maindiv .image-placeholder, body #previewContent div.hybridcontentcardblock .content-container .content-section .block-maindiv .empty-placeholder { padding-top: 0 !important; position: initial; } body #previewContent div.hybridcontentcardblock .content-container .content-section .block-maindiv .image-placeholder img, body #previewContent div.hybridcontentcardblock .content-container .content-section .block-maindiv .empty-placeholder img { position: initial; } body #previewContent .hybridcontentcardlistblock .content-container .content-section .hybridcarditem .image-placeholder { padding-top: 0 !important; position: initial; } body #previewContent .hybridcontentcardlistblock .content-container .content-section .hybridcarditem .image-placeholder img { position: initial; } body #previewContent .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock .clickableImageBackground, body #previewContent .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock .no-image { padding-top: 43.25%; position: initial; } body #previewContent .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock .clickableImageBackground a, body #previewContent .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock .clickableImageBackground .image-placeholder, body #previewContent .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock .no-image a, body #previewContent .hybridclickableimagelistblock .hybridclickableimagelistblock-container .content-section li.hybridclickableimageblock .no-image .image-placeholder { position: initial; box-sizing: border-box; } body #previewContent .hybridclickablecardlist .hybridclickablecardlist-container ul.content-section li.card-block > div { padding-top: 0; min-height: 300px; /* @media screen and (max-width: 768px) { h2, p, .block-textblock { color: $bodyTextColor !important; } }*/ } body #previewContent .hybridclickablecardlist .hybridclickablecardlist-container ul.content-section li.card-block > div h2 { margin-top: 30px; } body #previewContent div.hybridclickablecontentcardblock .hybridclickablecontentcardblock-container .content-section.horizontal a .block-maindiv .image-placeholder img, body #previewContent .hybridclickablecontentcardlistblock .hybridclickablecontentcardlistblock-container .content-section li.hybridclickablecontentcardblock .block-maindiv .image-placeholder img { width: auto; }