/* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { *#dm div.dmContent h1, *#dm div.dmFooter h1 { color:rgb(102,102,102); } *.dmDesktopBody *#dm ul.dmNavWrapper>li>a *.navText, *.dmDesktopBody *#dm ul.dmNavWrapper>li>a *.navItemText, *.dmDesktopBody *#dm ul.dmNavWrapper>li>*.dmNavigation { color:rgb(17,17,17); font-weight:normal; } *.dmDesktopBody *#dm ul.dmNavWrapper>li>a:hover, *.dmDesktopBody *#dm ul.dmNavWrapper>li>a.currentPage { border-color:rgb(17,17,17); } *.dmDesktopBody *#dm ul.dmNavWrapper>li.navItemSelectedServer>a *.navText, *.dmDesktopBody *#dm ul.dmNavWrapper>li.dmNavItemSelected>a *.navItemText, *.dmDesktopBody *#dm ul.dmNavWrapper>li.dmNavItemSelected>*.navItemText { font-weight:bold; } *.stickyHeaderSpacer { height:112px; } #dm div.dmInner, #dm div.dmInner .dmRespCol, #dm .dmRespCol div.dmNewParagraph, #dm .ecwid .ec-store, #dm .dmform .dmforminput label, .dmPrettyList .listText, .dmPrettyList .itemName, #dm .dmRestaurantMenu .menuItemBox, .dmRestaurantMenu .menuItemName, .dmRestaurantMenu .menuItemDesc, .dmRestaurantMenu .menuItemPrice, .dmPhotoGallery .caption-text.caption-text, .dmGeoLocation a span.dmGeoMLocItemTitle, .dmGeoLocation a span.dmGeoMLocItemDetails, .map-popup-description { font-family: Manrope, "Manrope Fallback"; color:rgba(255,255,255,1); font-weight:400; line-height:2; } *#dm div.dmContent h1, *#dm div.dmFooter h1, *#dm div.p_hfcontainer h1, *#dm div.flex_hfcontainer h1, *#dm div.dm-title h1 { color:rgb(73,133,156); direction:ltr; font-family: Lora, "Lora Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h1, *#dm div.dmFooter .dmNewParagraph[data-version] h1, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1, *#dm div.dm-title .dmNewParagraph[data-version] h1 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h1 *, *#dm div.dmFooter .dmNewParagraph[data-version] h1 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1 *, *#dm div.dm-title .dmNewParagraph[data-version] h1 * { text-decoration:none; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { color:rgb(73,133,156); direction:ltr; font-family: "Open Sans", "Open Sans Fallback"; font-weight:400; font-style:normal; text-decoration:none; } *#dm div.dmNewParagraph a, *#dm .dmNewParagraph a, *#dm div.dmBlockElement a, *#dm .dmBlockElement a, *#dm .dmform a.fileUploadLink, .dmPrettyList .link:not(.dmWidget), *#dm .dmGeoLocation a.dmGeoSVSeeAll, *#dm .dmGeoLocation a.dmGeoSVGoToPage, *#dm .postDescription a, *#dm .blog-post-component a, *#dm .timeline-post a, *#dm .rteBlock a, .newPhotoGallery .photoGalleryViewAll.link, .dmTable a, *#dm .ecwid .ec-link:not(.breadcrumbs__link), .dmSignup a:not(.social-link) { color:var(--color_4); } *#dm div.dmContent h2, *#dm div.dmFooter h2, *#dm div.p_hfcontainer h2, *#dm div.flex_hfcontainer h2, *#dm div.dm-title h2 { color:rgb(73,133,156); direction:ltr; font-family: Lora, "Lora Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h2, *#dm div.dmFooter .dmNewParagraph[data-version] h2, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2, *#dm div.dm-title .dmNewParagraph[data-version] h2 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h2 *, *#dm div.dmFooter .dmNewParagraph[data-version] h2 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2 *, *#dm div.dm-title .dmNewParagraph[data-version] h2 * { text-decoration:none; } *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.p_hfcontainer h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { color:rgb(73,133,156); direction:ltr; font-family: Lora, "Lora Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h3, *#dm div.dmFooter .dmNewParagraph[data-version] h3, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3, *#dm div.dm-title .dmNewParagraph[data-version] h3 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h3 *, *#dm div.dmFooter .dmNewParagraph[data-version] h3 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3 *, *#dm div.dm-title .dmNewParagraph[data-version] h3 * { text-decoration:none; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { color:rgb(73,133,156); direction:ltr; font-family: Lora, "Lora Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h4, *#dm div.dmFooter .dmNewParagraph[data-version] h4, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h4, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h4, *#dm div.dm-title .dmNewParagraph[data-version] h4 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h4 *, *#dm div.dmFooter .dmNewParagraph[data-version] h4 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h4 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h4 *, *#dm div.dm-title .dmNewParagraph[data-version] h4 * { text-decoration:none; } *#dm div.dmContent h5, *#dm div.dmFooter h5, *#dm div.p_hfcontainer h5, *#dm div.flex_hfcontainer h5, *#dm div.dm-title h5 { color:rgb(73,133,156); direction:ltr; font-family: Lora, "Lora Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h5, *#dm div.dmFooter .dmNewParagraph[data-version] h5, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h5, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h5, *#dm div.dm-title .dmNewParagraph[data-version] h5 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h5 *, *#dm div.dmFooter .dmNewParagraph[data-version] h5 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h5 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h5 *, *#dm div.dm-title .dmNewParagraph[data-version] h5 * { text-decoration:none; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.p_hfcontainer h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { color:rgb(73,133,156); direction:ltr; font-family: Lora, "Lora Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h6, *#dm div.dmFooter .dmNewParagraph[data-version] h6, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6, *#dm div.dm-title .dmNewParagraph[data-version] h6 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h6 *, *#dm div.dmFooter .dmNewParagraph[data-version] h6 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6 *, *#dm div.dm-title .dmNewParagraph[data-version] h6 * { text-decoration:none; } *#dm div.dmNewParagraph a.visited, *#dm div.dmNewParagraph a:visited, *#dm .dmNewParagraph a.visited, *#dm .dmNewParagraph a:visited, *#dm div.dmBlockElement a.visited, *#dm div.dmBlockElement a:visited, *#dm .dmBlockElement a.visited, *#dm .dmBlockElement a:visited, *#dm .dmform a.fileUploadLink.visited, *#dm .dmform a.fileUploadLink:visited, .dmPrettyList .link:not(.dmWidget).visited, .dmPrettyList .link:not(.dmWidget):visited, *#dm .dmGeoLocation a.dmGeoSVSeeAll.visited, *#dm .dmGeoLocation a.dmGeoSVSeeAll:visited, *#dm .dmGeoLocation a.dmGeoSVGoToPage.visited, *#dm .dmGeoLocation a.dmGeoSVGoToPage:visited, *#dm .postDescription a.visited, *#dm .postDescription a:visited, *#dm .blog-post-component a.visited, *#dm .blog-post-component a:visited, *#dm .timeline-post a.visited, *#dm .timeline-post a:visited, *#dm .rteBlock a.visited, *#dm .rteBlock a:visited, .newPhotoGallery .photoGalleryViewAll.link.visited, .newPhotoGallery .photoGalleryViewAll.link:visited, .dmTable a.visited, .dmTable a:visited, *#dm .ecwid .ec-link:not(.breadcrumbs__link).visited, *#dm .ecwid .ec-link:not(.breadcrumbs__link):visited, .dmSignup a:not(.social-link).visited, .dmSignup a:not(.social-link):visited, .prev-next-links a.visited, .prev-next-links a:visited { color:var(--color_2); } *#dm div.dmNewParagraph a.hover, *#dm div.dmNewParagraph a:hover, *#dm .dmNewParagraph a.hover, *#dm .dmNewParagraph a:hover, *#dm div.dmBlockElement a.hover, *#dm div.dmBlockElement a:hover, *#dm .dmBlockElement a.hover, *#dm .dmBlockElement a:hover, *#dm .dmform a.fileUploadLink.hover, *#dm .dmform a.fileUploadLink:hover, .dmPrettyList .link:not(.dmWidget).hover, .dmPrettyList .link:not(.dmWidget):hover, *#dm .dmGeoLocation a.dmGeoSVSeeAll.hover, *#dm .dmGeoLocation a.dmGeoSVSeeAll:hover, *#dm .dmGeoLocation a.dmGeoSVGoToPage.hover, *#dm .dmGeoLocation a.dmGeoSVGoToPage:hover, *#dm .postDescription a.hover, *#dm .postDescription a:hover, *#dm .blog-post-component a.hover, *#dm .blog-post-component a:hover, *#dm .timeline-post a.hover, *#dm .timeline-post a:hover, *#dm .rteBlock a.hover, *#dm .rteBlock a:hover, .newPhotoGallery .photoGalleryViewAll.link.hover, .newPhotoGallery .photoGalleryViewAll.link:hover, .dmTable a.hover, .dmTable a:hover, *#dm .ecwid .ec-link:not(.breadcrumbs__link).hover, *#dm .ecwid .ec-link:not(.breadcrumbs__link):hover, .dmSignup a:not(.social-link).hover, .dmSignup a:not(.social-link):hover, .prev-next-links a.hover, .prev-next-links a:hover { color:var(--color_2); } *#dm div.dmNewParagraph a, *#dm .dmNewParagraph a, *#dm div.dmBlockElement a, *#dm .dmBlockElement a, *#dm .dmform a.fileUploadLink, .dmPrettyList .link:not(.dmWidget), *#dm .dmGeoLocation a.dmGeoSVSeeAll, *#dm .dmGeoLocation a.dmGeoSVGoToPage, *#dm .postDescription a, *#dm .blog-post-component a, *#dm .timeline-post a, *#dm .rteBlock a, .newPhotoGallery .photoGalleryViewAll.link, .dmTable a, *#dm .ecwid .ec-link:not(.breadcrumbs__link), .dmSignup a:not(.social-link), .prev-next-links a { color:var(--color_2); } .dmMobileBody .dmLayoutWrapper, .dmMobileBody .dm-layout-sec .dmLayoutWrapper, #dmSlideRightNavRight #site_content, .dm-layout-sec #dmSlideRightNavRight #site_content, #dm DIV.dmOuter DIV#dmSlideRightNavRight { background-color:transparent; } #dmRoot #dm div.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { color:rgb(255,255,255); direction:ltr; font-family: Manrope, "Manrope Fallback"; font-weight:400; font-style:normal; text-decoration:none; line-height:2; } #dmRoot *#dm div.dmContent h1, #dmRoot *#dm div.dmFooter h1, #dmRoot *#dm div.p_hfcontainer h1, #dmRoot *#dm div.flex_hfcontainer h1, #dmRoot *#dm div.dm-title h1 { text-transform:uppercase; color:rgb(255,255,255); direction:ltr; font-family: "Fugaz One", "Fugaz One Fallback"; font-weight:400; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent h2, #dmRoot *#dm div.dmFooter h2, #dmRoot *#dm div.p_hfcontainer h2, #dmRoot *#dm div.flex_hfcontainer h2, #dmRoot *#dm div.dm-title h2 { text-transform:uppercase; color:rgb(255,255,255); direction:ltr; font-family: "Fugaz One", "Fugaz One Fallback"; font-weight:normal; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent h3, #dmRoot *#dm div.dmFooter h3, #dmRoot *#dm div.p_hfcontainer h3, #dmRoot *#dm div.flex_hfcontainer h3, #dmRoot *#dm div.dm-title h3 { text-transform:uppercase; color:rgb(255,255,255); direction:ltr; font-family: "Fugaz One", "Fugaz One Fallback"; font-weight:normal; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent h4, #dmRoot *#dm div.dmFooter h4, #dmRoot *#dm div.p_hfcontainer h4, #dmRoot *#dm div.flex_hfcontainer h4, #dmRoot *#dm div.dm-title h4 { text-transform:uppercase; color:rgb(255,255,255); direction:ltr; font-family: "Fugaz One", "Fugaz One Fallback"; font-weight:normal; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent h5, #dmRoot *#dm div.dmFooter h5, #dmRoot *#dm div.p_hfcontainer h5, #dmRoot *#dm div.flex_hfcontainer h5, #dmRoot *#dm div.dm-title h5 { text-transform:uppercase; color:rgb(255,255,255); direction:ltr; font-family: "Fugaz One", "Fugaz One Fallback"; font-weight:normal; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent h6, #dmRoot *#dm div.dmFooter h6, #dmRoot *#dm div.p_hfcontainer h6, #dmRoot *#dm div.flex_hfcontainer h6, #dmRoot *#dm div.dm-title h6 { text-transform:uppercase; color:rgb(73,133,156); direction:ltr; font-family: "Fugaz One", "Fugaz One Fallback"; font-weight:700; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h1, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h1, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h1 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h1 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h1 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h1 * { text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h2, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h2, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h2 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h2 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h2 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h2 * { text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h3, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h3, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h3 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h3 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h3 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h3 * { text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h4, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h4, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h4, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h4, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h4 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h4 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h4 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h4 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h4 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h4 * { text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h5, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h5, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h5, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h5, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h5 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h5 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h5 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h5 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h5 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h5 * { text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h6, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h6, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h6 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h6 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h6 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h6 * { text-decoration:none; } } @media (min-width:1025px) { *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:18px; } #dm div.dmNewParagraph p { font-size:18px; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:16px; } #dm DIV.dmOuter DIV.dmInner, #dm DIV.dmOuter DIV#dmSlideRightNavRight { background-image:none; background-size:auto; background-repeat:repeat; background-attachment:fixed; background-color:var(--color_4); } #dm div.dmInner, #dm div.dmInner .dmRespCol, #dm .dmRespCol div.dmNewParagraph, #dm .ecwid .ec-store, #dm .dmform .dmforminput label, .dmPrettyList .listText, .dmPrettyList .itemName, #dm .dmRestaurantMenu .menuItemBox, .dmRestaurantMenu .menuItemName, .dmRestaurantMenu .menuItemDesc, .dmRestaurantMenu .menuItemPrice, .dmPhotoGallery .caption-text.caption-text, .dmGeoLocation a span.dmGeoMLocItemTitle, .dmGeoLocation a span.dmGeoMLocItemDetails, .map-popup-description { font-size:14px; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { font-size:14px; } *#dm div.dmContent h1, *#dm div.dmFooter h1, *#dm div.p_hfcontainer h1, *#dm div.flex_hfcontainer h1, *#dm div.dm-title h1 { font-size:50px; } *#dm div.dmContent h2, *#dm div.dmFooter h2, *#dm div.p_hfcontainer h2, *#dm div.flex_hfcontainer h2, *#dm div.dm-title h2 { font-size:38px; } *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.p_hfcontainer h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:29px; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { font-size:22px; } *#dm div.dmContent h5, *#dm div.dmFooter h5, *#dm div.p_hfcontainer h5, *#dm div.flex_hfcontainer h5, *#dm div.dm-title h5 { font-size:18px; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.p_hfcontainer h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:14px; } .dmTabletBody #dm .d-page-1716942098 DIV.dmInner, #dm .d-page-1716942098 DIV#dmSlideRightNavRight { background-attachment:initial; } #dmRoot *#dm div.dmContent h1, #dmRoot *#dm div.dmFooter h1, #dmRoot *#dm div.p_hfcontainer h1, #dmRoot *#dm div.flex_hfcontainer h1, #dmRoot *#dm div.dm-title h1 { font-size:60px; line-height:0.9; } #dmRoot *#dm div.dmContent h2, #dmRoot *#dm div.dmFooter h2, #dmRoot *#dm div.p_hfcontainer h2, #dmRoot *#dm div.flex_hfcontainer h2, #dmRoot *#dm div.dm-title h2 { font-size:32px; line-height:1.5; } #dmRoot *#dm div.dmContent h3, #dmRoot *#dm div.dmFooter h3, #dmRoot *#dm div.p_hfcontainer h3, #dmRoot *#dm div.flex_hfcontainer h3, #dmRoot *#dm div.dm-title h3 { font-size:24px; line-height:1.5; } #dmRoot *#dm div.dmContent h4, #dmRoot *#dm div.dmFooter h4, #dmRoot *#dm div.p_hfcontainer h4, #dmRoot *#dm div.flex_hfcontainer h4, #dmRoot *#dm div.dm-title h4 { font-size:16px; line-height:1.5; } #dmRoot *#dm div.dmContent h5, #dmRoot *#dm div.dmFooter h5, #dmRoot *#dm div.p_hfcontainer h5, #dmRoot *#dm div.flex_hfcontainer h5, #dmRoot *#dm div.dm-title h5 { font-size:14px; line-height:1.5; } #dmRoot *#dm div.dmContent h6, #dmRoot *#dm div.dmFooter h6, #dmRoot *#dm div.p_hfcontainer h6, #dmRoot *#dm div.flex_hfcontainer h6, #dmRoot *#dm div.dm-title h6 { line-height:1.5; font-size:12px; } } @media (min-width:768px) and (max-width:1024px) { *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:18px; } #dm div.dmNewParagraph p { font-size:18px; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:16px; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.p_hfcontainer h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:14px; } #dm div.dmInner, #dm div.dmInner .dmRespCol, #dm .dmRespCol div.dmNewParagraph, #dm .ecwid .ec-store, #dm .dmform .dmforminput label, .dmPrettyList .listText, .dmPrettyList .itemName, #dm .dmRestaurantMenu .menuItemBox, .dmRestaurantMenu .menuItemName, .dmRestaurantMenu .menuItemDesc, .dmRestaurantMenu .menuItemPrice, .dmPhotoGallery .caption-text.caption-text, .dmGeoLocation a span.dmGeoMLocItemTitle, .dmGeoLocation a span.dmGeoMLocItemDetails, .map-popup-description { font-size:16px; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { font-size:16px; } *#dm div.dmContent h1, *#dm div.dmFooter h1, *#dm div.p_hfcontainer h1, *#dm div.flex_hfcontainer h1, *#dm div.dm-title h1 { font-size:50px; } *#dm div.dmContent h2, *#dm div.dmFooter h2, *#dm div.p_hfcontainer h2, *#dm div.flex_hfcontainer h2, *#dm div.dm-title h2 { font-size:30px; } *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.p_hfcontainer h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:25px; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { font-size:20px; } *#dm div.dmContent h5, *#dm div.dmFooter h5, *#dm div.p_hfcontainer h5, *#dm div.flex_hfcontainer h5, *#dm div.dm-title h5 { font-size:15px; } #dm DIV.dmOuter DIV.dmInner, #dm DIV.dmOuter DIV#dmSlideRightNavRight { background-color:var(--color_4); } #dmRoot *#dm div.dmContent h1, #dmRoot *#dm div.dmFooter h1, #dmRoot *#dm div.p_hfcontainer h1, #dmRoot *#dm div.flex_hfcontainer h1, #dmRoot *#dm div.dm-title h1 { font-size:32px; } #dmRoot *#dm div.dmContent h2, #dmRoot *#dm div.dmFooter h2, #dmRoot *#dm div.p_hfcontainer h2, #dmRoot *#dm div.flex_hfcontainer h2, #dmRoot *#dm div.dm-title h2 { font-size:27px; } } @media (min-width:0px) and (max-width:767px) { *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:14px; } #dm div.dmInner, #dm div.dmInner .dmRespCol, #dm .dmRespCol div.dmNewParagraph, #dm .ecwid .ec-store, #dm .dmform .dmforminput label, .dmPrettyList .listText, .dmPrettyList .itemName, #dm .dmRestaurantMenu .menuItemBox, .dmRestaurantMenu .menuItemName, .dmRestaurantMenu .menuItemDesc, .dmRestaurantMenu .menuItemPrice, .dmPhotoGallery .caption-text.caption-text, .dmGeoLocation a span.dmGeoMLocItemTitle, .dmGeoLocation a span.dmGeoMLocItemDetails, .map-popup-description { font-size:14px; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { font-size:16px; } *#dm div.dmContent h1, *#dm div.dmFooter h1, *#dm div.p_hfcontainer h1, *#dm div.flex_hfcontainer h1, *#dm div.dm-title h1 { font-size:40px; } *#dm div.dmContent h2, *#dm div.dmFooter h2, *#dm div.p_hfcontainer h2, *#dm div.flex_hfcontainer h2, *#dm div.dm-title h2 { font-size:30px; } *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.p_hfcontainer h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:20px; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { font-size:18px; } *#dm div.dmContent h5, *#dm div.dmFooter h5, *#dm div.p_hfcontainer h5, *#dm div.flex_hfcontainer h5, *#dm div.dm-title h5 { font-size:15px; } #dm DIV.dmOuter DIV.dmInner, #dm DIV.dmOuter DIV#dmSlideRightNavRight { background-color:var(--color_4); } #dmRoot #dm div.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { font-size:14px; } #dmRoot *#dm div.dmContent h1, #dmRoot *#dm div.dmFooter h1, #dmRoot *#dm div.p_hfcontainer h1, #dmRoot *#dm div.flex_hfcontainer h1, #dmRoot *#dm div.dm-title h1 { font-size:28px; line-height:normal; } #dmRoot *#dm div.dmContent h2, #dmRoot *#dm div.dmFooter h2, #dmRoot *#dm div.p_hfcontainer h2, #dmRoot *#dm div.flex_hfcontainer h2, #dmRoot *#dm div.dm-title h2 { line-height:normal; font-size:24px; } #dmRoot *#dm div.dmContent h3, #dmRoot *#dm div.dmFooter h3, #dmRoot *#dm div.p_hfcontainer h3, #dmRoot *#dm div.flex_hfcontainer h3, #dmRoot *#dm div.dm-title h3 { line-height:normal; } #dmRoot *#dm div.dmContent h4, #dmRoot *#dm div.dmFooter h4, #dmRoot *#dm div.p_hfcontainer h4, #dmRoot *#dm div.flex_hfcontainer h4, #dmRoot *#dm div.dm-title h4 { line-height:normal; font-size:15px; } #dmRoot *#dm div.dmContent h5, #dmRoot *#dm div.dmFooter h5, #dmRoot *#dm div.p_hfcontainer h5, #dmRoot *#dm div.flex_hfcontainer h5, #dmRoot *#dm div.dm-title h5 { font-size:12px; line-height:1.5; } #dmRoot *#dm div.dmContent h6, #dmRoot *#dm div.dmFooter h6, #dmRoot *#dm div.p_hfcontainer h6, #dmRoot *#dm div.flex_hfcontainer h6, #dmRoot *#dm div.dm-title h6 { font-size:11px; } } /* ========================================================== PAGE: GLOBAL SECTION: PHOTO GALLERY OVERLAP ========================================================== */ #dm .turn4GalleryOverlap { position: relative !important; z-index: 999 !important; overflow: visible !important; } @media (min-width: 768px) { .custom_list2 ul { display: block !important; column-count: 2; } .custom_list3 ul { display: block !important; column-count: 3; } .custom_list4 ul { display: block !important; column-count: 4; } /*Tab widget layout design desktop and tablet only*/ .custom_tab2 nav { display: block !important; column-count: 2; } .custom_tab3 nav { display: block !important; column-count: 3; } .custom_tab4 nav { display: block !important; column-count: 4; } .custom_tab5 nav { display: block !important; column-count: 5; } } /* bullet list */ @media (max-width: 768px) { .dmNewParagraph[data-version] ol>li, .dmNewParagraph[data-version] ul>li { text-indent: 0; margin-inline-start: 0; } .custom_text_image .rteBlock { text-align: center !important; } .custom_list_mobile2 ul { column-count: 2; } .custom_text_image .image { width: 100% !important; margin-bottom: 15px; } .custom_text_image .rteBlock { text-align: center !important; } } /* ========================================================== GLOBAL - COLUMN - FEATURE CARDS ========================================================== */ .turn4FeatureCard { position: relative; overflow: hidden; transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), background 0.35s ease, box-shadow 0.35s ease, clip-path 0.4s cubic-bezier(0.22, 1, 0.36, 1); /* Default top-left cut */ clip-path: polygon( 16px 0, 100% 0, 100% 100%, 0 100%, 0 16px ); } /* Keep column content above effects */ .turn4FeatureCard > * { position: relative; z-index: 2; } /* Large racing index */ .turn4FeatureCard::before { position: absolute; top: 18px; right: 22px; color: var(--color_2); opacity: 0.07; font-size: clamp(60px, 6vw, 105px); font-weight: 700; line-height: 1; pointer-events: none; z-index: 1; transition: opacity 0.35s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1); } .turn4Feature1::before { content: "01"; } .turn4Feature2::before { content: "02"; } .turn4Feature3::before { content: "03"; } /* Bottom performance accent */ .turn4FeatureCard::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: var(--color_2); pointer-events: none; z-index: 3; transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1); } /* Hover */ .turn4FeatureCard:hover { transform: translateY(-8px); background: rgba(255, 255, 255, 0.035) !important; /* Keep top-left cut + add bottom-right cut */ clip-path: polygon( 16px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 16px ); box-shadow: 0 22px 45px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.06); } .turn4FeatureCard:hover::before { opacity: 0.16; transform: translate(-8px, 6px) skewX(-10deg); } .turn4FeatureCard:hover::after { width: 100%; } /* Mobile */ @media (max-width: 767px) { .turn4FeatureCard:hover { transform: none; } .turn4FeatureCard::before { font-size: 60px; } } /* ========================================================== GLOBAL - COLUMN - BLUR GLASS PANEL ========================================================== */ .turn4BlurGlass { position: relative; overflow: hidden; background: rgba(255, 255, 255, 0.06); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid rgba(255, 255, 255, 0.10); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 20px 50px rgba(0, 0, 0, 0.22); } /* Optional soft overlay for a more premium glass feel */ .turn4BlurGlass::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.02) ); pointer-events: none; } /* Keep content above overlay */ .turn4BlurGlass > * { position: relative; z-index: 1; } /* ========================================================== FAQ - TURN 4 DETAIL - SLANTED GLASS ========================================================== */ /* Default glass question panel */ .turn4Faq [data-grab="accordion-item-title-wrapper"] { position: relative; overflow: hidden; background: rgba(255, 255, 255, 0.06) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.16) !important; clip-path: polygon( 18px 0, 100% 0, calc(100% - 18px) 100%, 0 100% ); transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), background 0.35s ease, border-color 0.35s ease; } /* Hover */ .turn4Faq [data-grab="accordion-item-title-wrapper"]:hover { transform: translateX(6px); background: rgba(255, 255, 255, 0.11) !important; border-color: rgba(255, 255, 255, 0.32) !important; } /* Arrow */ .turn4Faq [data-grab="accordion-item-arrow"] { transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease; } /* Arrow hover movement */ .turn4Faq [data-grab="accordion-item-title-wrapper"]:hover [data-grab="accordion-item-arrow"] { transform: translateX(4px); } /* Answer area */ .turn4Faq [data-grab="accordion-item-desc"] { margin-left: 18px; margin-right: 18px; border-left: 1px solid rgba(255, 255, 255, 0.15); padding-left: 20px; } /* Mobile */ @media (max-width: 767px) { .turn4Faq [data-grab="accordion-item-title-wrapper"] { clip-path: polygon( 10px 0, 100% 0, calc(100% - 10px) 100%, 0 100% ); } .turn4Faq [data-grab="accordion-item-title-wrapper"]:hover { transform: none; } .turn4Faq [data-grab="accordion-item-desc"] { margin-left: 10px; margin-right: 10px; padding-left: 14px; } } /* ========================================================== FAQ - TURN 4 DETAIL - TEXT SPACING ========================================================== */ .turn4Faq [data-grab="accordion-item-title"] { padding-left: 12px; } /* ========================================================== GLOBAL - COLUMN - GLASS ========================================================== */ .turn4GlassColumn { background: rgba(10, 10, 10, 0.48) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(255, 255, 255, 0.10); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 18px 40px rgba(0, 0, 0, 0.22); } /* ========================================================== GLOBAL - IMAGE - SLANTED ========================================================== */ .turn4ImageSlant { overflow: hidden; clip-path: polygon( 28px 0, 100% 0, calc(100% - 28px) 100%, 0 100% ); } .turn4ImageSlant img { width: 100%; height: 100%; object-fit: cover; } /* TABLET */ @media (max-width: 1024px) { .turn4ImageSlant { clip-path: polygon( 22px 0, 100% 0, calc(100% - 22px) 100%, 0 100% ); } } /* MOBILE */ @media (max-width: 767px) { .turn4ImageSlant { clip-path: polygon( 16px 0, 100% 0, calc(100% - 16px) 100%, 0 100% ); } } /* ========================================================== GLOBAL - COLUMN - BACKGROUND MARQUEE ========================================================== */ .turn4ColumnMarquee { position: relative; overflow: hidden; } /* Moving background text */ .turn4ColumnMarquee::before { content: "01 CERAMIC COATING 02 PAINT CORRECTION 03 FULL DETAILING 04 INTERIOR DETAILING 05 EXTERIOR DETAILING 06 MAINTENANCE DETAILING 07 MOBILE DETAILING 01 CERAMIC COATING 02 PAINT CORRECTION 03 FULL DETAILING 04 INTERIOR DETAILING 05 EXTERIOR DETAILING 06 MAINTENANCE DETAILING 07 MOBILE DETAILING"; position: absolute; top: 50%; left: 0; display: block; width: max-content; white-space: nowrap; color: var(--color_2); font-size: clamp(60px, 7vw, 130px); font-weight: 800; line-height: 1; opacity: 0.055; transform: translateY(-50%); pointer-events: none; z-index: 0; animation: turn4ColumnMarquee 45s linear infinite; } /* Keep Duda content above marquee */ .turn4ColumnMarquee > * { position: relative; z-index: 1; } @keyframes turn4ColumnMarquee { from { transform: translateX(0) translateY(-50%); } to { transform: translateX(-50%) translateY(-50%); } } /* Mobile */ @media (max-width: 767px) { .turn4ColumnMarquee::before { font-size: 54px; opacity: 0.04; animation-duration: 35s; } } /* Reduced motion */ @media (prefers-reduced-motion: reduce) { .turn4ColumnMarquee::before { animation: none; } } /* ========================================================== PHOTO GALLERY - SLANTED ========================================================== */ /* DESKTOP */ .slantedPhotoGallery .photogallery-column { transform: skewX(-4deg); overflow: hidden; } .slantedPhotoGallery .image-container { transform: skewX(4deg) scale(1.08); } .slantedPhotoGallery .caption-container { transform: skewX(0deg); } /* TABLET */ @media (max-width: 1024px) { .slantedPhotoGallery .photogallery-column { transform: skewX(-3deg); } .slantedPhotoGallery .image-container { transform: skewX(3deg) scale(1.08); } } /* MOBILE */ @media (max-width: 767px) { .slantedPhotoGallery .photogallery-column { transform: skewX(-2deg); } .slantedPhotoGallery .image-container { transform: skewX(2deg) scale(1.06); } } /* ========================================================== GLOBAL - IMAGE - CUT EDGES ========================================================== */ .turn4ImageCut img { clip-path: polygon( 32px 0, calc(100% - 32px) 0, 100% 32px, 100% calc(100% - 32px), calc(100% - 32px) 100%, 32px 100%, 0 calc(100% - 32px), 0 32px ); } /* ========================================================== GLOBAL - SUBTEXT - FOLLOW US LINE ========================================================== */ .turn4FollowLine { position: relative; overflow: visible; } .turn4FollowLine::after { content: ""; position: absolute; top: calc(100% + 16px); left: 50%; width: 1px; height: 300px; background: rgba(255, 255, 255, 0.35); transform: translateX(-50%); pointer-events: none; } /* Mobile */ @media (max-width: 767px) { .turn4FollowLine::after { top: 50%; left: calc(100% + 16px); width: 120px; height: 1px; transform: translateY(-50%); } } /* ========================================================== GLOBAL - COLUMN - CHECKERED RACE FLAG BORDER ========================================================== */ .turn4RaceFrame { position: relative; } .turn4RaceFrame::before { content: ""; position: absolute; inset: 0; padding: 14px; background: repeating-conic-gradient( #fff 0 25%, #000 0 50% ) 0 0 / 20px 20px; pointer-events: none; z-index: 2; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* ========================================================== GLOBAL - SUBTEXT - RACE FLAG ========================================================== */ /* CENTER VERSION */ .turn4EyebrowCenter { position: relative; display: inline-block; overflow: visible; padding-left: 18px; padding-right: 18px; /* Slanted white banner */ background: linear-gradient( 105deg, transparent 0 10px, #fff 10px calc(100% - 10px), transparent calc(100% - 10px) ) !important; } /* Center checker flags */ .turn4EyebrowCenter::before, .turn4EyebrowCenter::after { content: ""; position: absolute; top: 0; width: 40px; height: 100%; background: conic-gradient( from 90deg, #fff 0 25%, transparent 0 50%, #fff 0 75%, transparent 0 ); background-size: 8px 8px; /* Same 10px slant as white banner */ clip-path: polygon( 10px 0, 100% 0, calc(100% - 10px) 100%, 0 100% ); pointer-events: none; } /* Left checker */ .turn4EyebrowCenter::before { left: -20px; } /* Right checker */ .turn4EyebrowCenter::after { right: -20px; } /* ========================================================== GLOBAL - SUBTEXT - RACE FLAG BORDER ========================================================== */ /* DEFAULT VERSION */ .turn4Eyebrow { position: relative; display: inline-block; overflow: visible; isolation: isolate; padding-left: 16px; padding-right: 22px; background: transparent !important; } /* White slanted background */ .turn4Eyebrow::before { content: ""; position: absolute; inset: 0; background: #fff; /* 10px right slant */ clip-path: polygon( 0 0, 100% 0, calc(100% - 10px) 100%, 0 100% ); z-index: -1; pointer-events: none; } /* Checkered flag */ .turn4Eyebrow::after { content: ""; position: absolute; top: 0; right: -20px; width: 30px; height: 100%; background: conic-gradient( from 90deg, #fff 0 25%, transparent 0 50%, #fff 0 75%, transparent 0 ); background-size: 8px 8px; /* Exact same 10px slant */ clip-path: polygon( 10px 0, 100% 0, calc(100% - 10px) 100%, 0 100% ); pointer-events: none; } /* ========================================================== GLOBAL - NAVIGATION - TURN 4 BOTTOM ACTIVE LINE ========================================================== */ /* Make navigation items fill the nav height */ #dm .turn4Nav .unav-top { align-items: stretch !important; } #dm .turn4Nav .unav-top > .unifiednav__item-wrap { position: relative; display: flex; align-items: center; } /* Remove Duda's original effect line only for this nav */ #dm .turn4Nav.effect-bottom2 .unav-top-item::before, #dm .turn4Nav.effect-bottom2 .unav-top-item::after, #dm .turn4Nav.effect-bottom2 .unav-top-item .nav-item-text::before, #dm .turn4Nav.effect-bottom2 .unav-top-item .nav-item-text::after { display: none !important; } /* New bottom indicator */ #dm .turn4Nav .unav-top > .unifiednav__item-wrap::after { content: ""; position: absolute; left: 0; right: 0; bottom: -37px; height: 2px; background: currentColor; opacity: 0; transform: scaleX(0); transform-origin: center; transition: transform 0.3s ease, opacity 0.3s ease; pointer-events: none; } /* Hover */ #dm .turn4Nav .unav-top > .unifiednav__item-wrap:hover::after { opacity: 1; transform: scaleX(1); } /* Active page */ #dm .turn4Nav .unav-top > .unifiednav__item-wrap:has(.dmNavItemSelected)::after { opacity: 1; transform: scaleX(1); } /* ========================================================== HERO - RACE FLAG - TOP RIGHT ========================================================== */ .turn4HeroFlag { position: relative; overflow: hidden; } .turn4HeroFlag::before { content: ""; position: absolute; top: -45px; right: -55px; width: 430px; height: 280px; background: /* Subtle speed lines */ repeating-linear-gradient( -18deg, transparent 0 22px, rgba(255, 255, 255, 0.035) 22px 24px, transparent 24px 46px ), /* Racing checker */ conic-gradient( from 90deg, rgba(255, 255, 255, 0.10) 0 25%, transparent 0 50%, rgba(255, 255, 255, 0.10) 0 75%, transparent 0 ); background-size: 100% 100%, 38px 38px; mask-image: radial-gradient( ellipse at top right, #000 0%, rgba(0, 0, 0, 0.9) 35%, rgba(0, 0, 0, 0.45) 62%, transparent 82% ); -webkit-mask-image: radial-gradient( ellipse at top right, #000 0%, rgba(0, 0, 0, 0.9) 35%, rgba(0, 0, 0, 0.45) 62%, transparent 82% ); transform: rotate(-5deg) skewX(-6deg); pointer-events: none; z-index: 1; animation: turn4RaceDrift 8s ease-in-out infinite alternate; } @keyframes turn4RaceDrift { from { transform: translate3d(0, 0, 0) rotate(-5deg) skewX(-6deg); background-position: 0 0, 0 0; } to { transform: translate3d(-14px, 10px, 0) rotate(-5deg) skewX(-6deg); background-position: 12px 0, 18px 18px; } } @media (max-width: 767px) { .turn4HeroFlag::before { top: -25px; right: -80px; width: 300px; height: 200px; background-size: 100% 100%, 30px 30px; } } @media (prefers-reduced-motion: reduce) { .turn4HeroFlag::before { animation: none; } } /* ========================================================== GLOBAL - MARQUEE - TURN 4 RACING STRIP ========================================================== */ .turn4Marquee { width: 100%; overflow: hidden; background: var(--color_1); padding: 20px 0; } .turn4MarqueeTrack { display: flex; width: max-content; animation: turn4MarqueeMove 32s linear infinite; } .turn4MarqueeGroup { display: flex; align-items: center; flex-shrink: 0; } .turn4MarqueeItem { display: inline-flex; align-items: center; gap: 14px; margin: 0 24px; color: var(--color_2); white-space: nowrap; } .turn4MarqueeItem b { opacity: 0.35; font-size: 0.55em; } .turn4MarqueeItem span { font-size: clamp(28px, 3.5vw, 58px); font-weight: 800; line-height: 1; } /* Alternate low-opacity text */ .turn4MarqueeItem.outline span { color: var(--color_2); opacity: 0.24; -webkit-text-stroke: 0; } /* Racing marker */ .turn4MarqueeFlag { width: 28px; height: 28px; flex: 0 0 auto; background: conic-gradient( from 90deg, var(--color_2) 0 25%, transparent 0 50%, var(--color_2) 0 75%, transparent 0 ); background-size: 10px 10px; opacity: 0.75; transform: skewX(-12deg); } /* Slow marquee on hover */ .turn4Marquee:hover .turn4MarqueeTrack { animation-duration: 55s; } @keyframes turn4MarqueeMove { from { transform: translateX(0); } to { transform: translateX(-50%); } } @media (max-width: 767px) { .turn4Marquee { padding: 15px 0; } .turn4MarqueeItem { gap: 10px; margin: 0 16px; } .turn4MarqueeItem span { font-size: 28px; } .turn4MarqueeFlag { width: 20px; height: 20px; background-size: 7px 7px; } } @media (prefers-reduced-motion: reduce) { .turn4MarqueeTrack { animation: none; } } /* ========================================================== GLOBAL - SECTION - TOP FADE ========================================================== */ .turn4TopFade { position: relative; overflow: hidden; } .turn4TopFade::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 140px; background: linear-gradient( to bottom, #000 0%, rgba(0, 0, 0, 0.45) 55%, transparent 100% ); pointer-events: none; z-index: 2; } /* ========================================================== GLOBAL - SECTION - BOTTOM FADE ========================================================== */ .turn4BottomFade { position: relative; overflow: hidden; } .turn4BottomFade::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 140px; background: linear-gradient( to bottom, transparent 0%, rgba(0, 0, 0, 0.45) 45%, #000 100% ); pointer-events: none; z-index: 2; } /* ========================================================== GLOBAL - GLASS BLUR ========================================================== */ .turn4GlassPanel { background: rgba(0, 0, 0, 0.45) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } /* ========================================================== PHOTO GALLERY - TURN 4 DETAIL - PIT LANE ========================================================== */ @media (min-width: 1025px) { /* Gallery row */ .turn4Gallery .photogallery-row { display: flex !important; align-items: stretch; width: 100%; overflow: hidden; } /* Gallery item */ .turn4Gallery .photogallery-column { position: relative; flex: 1 1 0; min-width: 0; overflow: hidden; transition: flex 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease; } /* Expand hovered item */ .turn4Gallery .photogallery-column:hover { flex: 1.65 1 0; z-index: 5; } /* Fade neighboring items */ .turn4Gallery .photogallery-row:hover .photogallery-column:not(:hover) { flex: 0.9 1 0; opacity: 0.68; } /* Fill each panel */ .turn4Gallery .photoGalleryThumbs, .turn4Gallery .thumbnailInnerWrapper, .turn4Gallery .image-container, .turn4Gallery .image-container > a { width: 100%; height: 100%; } /* Keep Duda image settings / hover controls */ .turn4Gallery .image-container > a { display: block; background-size: cover !important; background-position: center !important; } /* Dark gradient for text readability */ .turn4Gallery .image-container::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.18) 55%, rgba(0, 0, 0, 0.88) 100% ); pointer-events: none; z-index: 2; transition: background 0.4s ease; } /* Overlay hover */ .turn4Gallery .photogallery-column:hover .image-container::after { background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0.12) 52%, rgba(0, 0, 0, 0.94) 100% ); } /* Performance blade */ .turn4Gallery .image-container::before { content: ""; position: absolute; top: 0; right: -22px; width: 36px; height: 100%; background: var(--color_2); opacity: 0; transform: skewX(-7deg) translateX(20px); pointer-events: none; z-index: 3; transition: opacity 0.35s ease, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); } /* Blade hover */ .turn4Gallery .photogallery-column:hover .image-container::before { opacity: 0.12; transform: skewX(-7deg) translateX(0); } /* Caption */ .turn4Gallery .caption-container { display: flex !important; position: absolute !important; left: 18px; right: 18px; bottom: 18px; width: auto !important; padding: 0 !important; background: transparent !important; pointer-events: none; z-index: 6; transition: bottom 0.35s ease; } .turn4Gallery .caption-inner { width: auto; transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease; } /* Title always horizontal */ .turn4Gallery .caption-title { margin: 0 !important; writing-mode: horizontal-tb !important; text-orientation: mixed; transform: none !important; white-space: normal; } /* Simple caption hover */ .turn4Gallery .photogallery-column:hover .caption-inner { transform: translateY(-4px); } /* Racing index */ .turn4Gallery .photogallery-column::before { position: absolute; top: 15px; left: 14px; color: var(--color_2); opacity: 0.5; line-height: 1; pointer-events: none; z-index: 8; transition: opacity 0.35s ease, transform 0.35s ease; } .turn4Gallery .photogallery-column:nth-child(1)::before { content: "01"; } .turn4Gallery .photogallery-column:nth-child(2)::before { content: "02"; } .turn4Gallery .photogallery-column:nth-child(3)::before { content: "03"; } .turn4Gallery .photogallery-column:nth-child(4)::before { content: "04"; } .turn4Gallery .photogallery-column:nth-child(5)::before { content: "05"; } .turn4Gallery .photogallery-column:nth-child(6)::before { content: "06"; } .turn4Gallery .photogallery-column:nth-child(7)::before { content: "07"; } /* Index hover */ .turn4Gallery .photogallery-column:hover::before { opacity: 1; transform: translateY(4px); } } /* Tablet + Mobile */ @media (max-width: 1024px) { .turn4Gallery .image-container { position: relative; overflow: hidden; } /* Readability overlay */ .turn4Gallery .image-container::after { content: ""; position: absolute; inset: 0; background: linear-gradient( to top, rgba(0, 0, 0, 0.72), transparent 58% ); pointer-events: none; z-index: 2; } /* Caption */ .turn4Gallery .caption-container { display: flex !important; position: absolute !important; inset: auto 0 0 0; background: transparent !important; z-index: 4; } /* Always horizontal */ .turn4Gallery .caption-title { writing-mode: horizontal-tb !important; text-orientation: mixed; transform: none !important; white-space: normal; } } /* Reduced Motion */ @media (prefers-reduced-motion: reduce) { .turn4Gallery .photogallery-column, .turn4Gallery .image-container::before, .turn4Gallery .image-container::after, .turn4Gallery .caption-container, .turn4Gallery .caption-inner, .turn4Gallery .photogallery-column::before { transition: none !important; } } /* ========================================================== GLOBAL - BUTTON - TURN 4 DETAIL - GLASS ========================================================== */ /* Shared glass button */ #dm .dmInner .dmButtonLink.flexButton { position: relative; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.16) !important; transform: skewX(-12deg); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, border-color 0.3s ease !important; } /* ========================================================== PRIMARY BUTTON ========================================================== */ #dm .dmInner .dmButtonLink.flexButton:not(.button_2) { background: rgba(0, 0, 0, 0.72) !important; /* Stronger white outline */ border: 2px solid rgba(255, 255, 255, 0.95) !important; /* Remove blur from primary for cleaner edges */ backdrop-filter: none !important; -webkit-backdrop-filter: none !important; backface-visibility: hidden; -webkit-backface-visibility: hidden; box-shadow: 6px 6px 0 rgba(255, 255, 255, 0.10), 10px 10px 24px rgba(0, 0, 0, 0.22); } /* ========================================================== SECONDARY BUTTON ========================================================== */ #dm .dmInner .dmButtonLink.flexButton.button_2 { background: rgba(255, 255, 255, 0.72) !important; border-color: rgba(255, 255, 255, 0.32) !important; box-shadow: 6px 6px 0 rgba(255, 255, 255, 0.14), 10px 10px 24px rgba(0, 0, 0, 0.16); } /* ========================================================== BUTTON TEXT ========================================================== */ /* Keep Duda text visually straight */ #dm .dmInner .dmButtonLink.flexButton .text { transform: skewX(12deg); } /* ========================================================== PRIMARY HOVER ========================================================== */ #dm .dmInner .dmButtonLink.flexButton:not(.button_2):hover { background: rgba(255, 255, 255, 0.16) !important; border-color: #ffffff !important; transform: skewX(-12deg) translate(-3px, -3px); box-shadow: 10px 10px 0 rgba(255, 255, 255, 0.14), 14px 14px 30px rgba(0, 0, 0, 0.20); } /* ========================================================== SECONDARY HOVER ========================================================== */ #dm .dmInner .dmButtonLink.flexButton.button_2:hover { background: rgba(255, 255, 255, 0.20) !important; border-color: rgba(255, 255, 255, 0.42) !important; transform: skewX(-12deg) translate(-3px, -3px); box-shadow: 10px 10px 0 rgba(255, 255, 255, 0.18), 14px 14px 30px rgba(0, 0, 0, 0.22); } /* ========================================================== BUTTON ICON ========================================================== */ #dm .dmInner .dmButtonLink.flexButton .iconBg { transform: skewX(12deg); transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important; } #dm .dmInner .dmButtonLink.flexButton .iconBg .icon { transform: skewX(-12deg); transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important; } /* Icon hover */ #dm .dmInner .dmButtonLink.flexButton:hover .iconBg { transform: skewX(12deg) translateX(5px); } #dm .dmInner .dmButtonLink.flexButton:hover .iconBg .icon { transform: skewX(-12deg) scale(1.08); } /* ========================================================== REDUCED MOTION ========================================================== */ @media (prefers-reduced-motion: reduce) { #dm .dmInner .dmButtonLink.flexButton, #dm .dmInner .dmButtonLink.flexButton .iconBg, #dm .dmInner .dmButtonLink.flexButton .iconBg .icon { transition: none !important; } } /*social icon sharp edge*/ .socicon .socialHubIcon.style3{ border: 1px solid #ffffff !important; border-radius: 0px !important; padding: 8px !important; } /*.bg.hasBackgroundOverlay:before{ background: rgb(24,24,24); background: linear-gradient(359deg, rgb(0 0 0) 1%, rgb(0 0 0) 19%, rgba(0,0,0,0.11668417366946782) 56%); } */ .marquee { width: 100%; overflow: hidden; white-space: nowrap; box-sizing: border-box; } .marquee span { display: inline-block; padding-left: 100%; animation: marquee 15s linear infinite; } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } /* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { :root { --btn-text-direction: ltr; --btn-border-r-color: var(--btn-border-color); --btn-border-l-color: var(--btn-border-color); --btn-border-b-width: var(--btn-border-width); --btn-border-width: 1px; --btn-border-radius: 1px; --btn-border-t-width: var(--btn-border-width); --btn-border-tl-radius: var(--btn-border-radius); --btn-border-br-radius: var(--btn-border-radius); --btn-border-bl-radius: var(--btn-border-radius); --btn-bg-color: var(--color_1); --btn-border-color: rgba(0, 0, 0, 0); --btn-border-tr-radius: var(--btn-border-radius); --btn-border-r-width: var(--btn-border-width); --btn-border-b-color: var(--btn-border-color); --btn-border-l-width: var(--btn-border-width); --btn-border-t-color: var(--btn-border-color); --btn-text-align: center; --btn-text-color: var(--color_2); --btn-text-decoration: none; --btn-text-font-weight: bold; --btn-text-font-family: Manrope, "Manrope Fallback"; --btn-icon-color: rgb(0, 0, 238); --btn-icon-fill: rgb(0, 0, 238); --btn-icon-wrpr-display: none; --btn-hover-border-b-color: var(--btn-hover-border-color); --btn-hover-bg: var(--color_1); --btn-hover-border-t-color: var(--btn-hover-border-color); --btn-hover-border-r-color: var(--btn-hover-border-color); --btn-hover-border-l-color: var(--btn-hover-border-color); --btn-hover-border-color: var(--color_1); --btn-hover-text-color: var(--color_2); --btn-hover-text-font-weight: var(--btn-text-font-weight); --btn-hover-text-decoration: var(--btn-text-decoration); --btn-hover-text-font-style: var(--btn-text-font-style); } .button_2 { --btn-border-l-color: rgb(255, 255, 255); --btn-border-r-color: rgb(255, 255, 255); --btn-border-b-width: 1px; --btn-text-direction: ltr; --btn-border-radius: 1px; --btn-border-t-width: 1px; --btn-border-tl-radius: var(--btn-border-radius); --btn-border-br-radius: var(--btn-border-radius); --btn-border-bl-radius: var(--btn-border-radius); --btn-bg-color: rgba(0, 0, 0, 0); --btn-border-r-width: 1px; --btn-border-tr-radius: var(--btn-border-radius); --btn-border-b-color: rgb(255, 255, 255); --btn-border-l-width: 1px; --border-style: solid; --btn-border-t-color: rgb(255, 255, 255); --btn-text-align: center; --btn-text-color: var(--color_1); --btn-text-decoration: none; --btn-text-font-weight: bold; --btn-text-font-family: Manrope, "Manrope Fallback"; --btn-icon-color: var(--color_2); --btn-icon-fill: rgb(0, 0, 238); --btn-icon-wrpr-display: none; --btn-hover-border-b-color: var(--btn-hover-border-color); --btn-hover-bg: var(--color_2); --btn-hover-border-t-color: var(--btn-hover-border-color); --btn-hover-border-r-color: var(--btn-hover-border-color); --btn-hover-border-l-color: var(--btn-hover-border-color); --btn-hover-border-color: var(--color_2); --btn-hover-text-color: var(--color_2); --btn-hover-text-font-weight: var(--btn-text-font-weight); --btn-hover-text-decoration: var(--btn-text-decoration); --btn-hover-text-font-style: var(--btn-text-font-style); } :root { --section-padding-top: 4%; --section-padding-left: 0%; --section-padding-right: 0%; --section-padding-bottom: 4%; --column-padding-top: 16px; --column-padding-right: 16px; --column-padding-left: 16px; --column-padding-bottom: 16px; --inner-column-padding-left: 16px; --inner-column-padding-right: 16px; --inner-column-padding-top: 16px; --inner-column-padding-bottom: 16px; } } @media (min-width: 1025px) { :root { --btn-text-font-size: 13px; } .button_2 { --btn-text-font-size: 13px; } } @media (min-width: 768px) and (max-width: 1024px) { :root { --btn-text-font-size: 12px; } .button_2 { --btn-text-font-size: 12px; } } @media (min-width: 768px) and (max-width: 1024px) { :root { --btn-text-font-size: 11px; } .button_2 { --btn-text-font-size: 11px; } :root { --section-padding-left: 2%; --section-padding-right: 2%; } } @media (min-width: 0px) and (max-width: 767px) { :root { --btn-text-font-size: 10px; } .button_2 { --btn-text-font-size: 10px; } } @media (min-width: 0px) and (max-width: 767px) { :root { --btn-text-font-size: 12px; } .button_2 { --btn-text-font-size: 12px; } :root { --section-padding-left: 4%; --section-padding-right: 4%; } } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BASIC'] { border-radius: 7px; background-clip: border-box; box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDc1IDQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwNDA1MDUiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9Ijc1IiBoZWlnaHQ9IjQwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BASIC']:hover { box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 100px rgba(0, 0, 0, 0.1); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BASIC']:active { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 100px rgba(0, 0, 0, 0.1); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BASIC'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC'] { border-radius: 0px; background-clip: border-box; box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDc1IDQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwNDA1MDUiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9Ijc1IiBoZWlnaHQ9IjQwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC']:hover { box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 100px rgba(0, 0, 0, 0.1); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC']:active { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 100px rgba(0, 0, 0, 0.1); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'] { background-clip: border-box; border-radius: 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'] { box-shadow: inset 0 -6px 0 0 rgba(0, 0, 0, 0.2), 0 -3px 0 0 #ccc; transition: box-shadow 0.1s ease; position: relative; border-radius: 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY']:hover { box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 #ccc; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'].flexButton { padding: 13px 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'] .text { position: relative; top: -3px; transition: all 0.1s ease; padding: 13px 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY']:hover input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY']:hover .text { top: 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='TRANSPARENT'] { border-radius: 5px / 4px; box-shadow: 0 0 18px rgba(5, 5, 6, 0.3); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='TWO_COLORS'] { background-clip: border-box; border-radius: 0px; padding: 0 0 0 40px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='TWO_COLORS']:before { content: ""; width: 100%; height: 50%; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.15); display: block; position: absolute; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='TWO_COLORS'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUNDED'] { border-radius: 21px; background-clip: border-box; box-shadow: 0 3px 3px rgba(5, 5, 6, 0.07), inset 0 0 0 2px rgba(0, 0, 0, 0.1); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyNSAzOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTI1IiBoZWlnaHQ9IjM4IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUNDED']:hover { box-shadow: 0 3px 3px rgba(5, 5, 6, 0.1); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyNSAzOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTI1IiBoZWlnaHQ9IjM4IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUNDED']:active { box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 3px 3px rgba(5, 5, 6, 0.3); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyNSAzOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMjUiIGhlaWdodD0iMzgiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUNDED'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON'] { background-clip: border-box; box-shadow: 0 1px 1px rgba(5, 5, 6, 0.5); padding-left: 46px; border-radius: 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON']:hover { box-shadow: 0 1px 1px rgba(5, 5, 6, 0.5), inset 0 0 0 800px rgba(0, 0, 0, 0.1); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON'] .iconBg { background-color: #f7f7f7; top: 0; bottom: 0; margin: 0; width: 50px; text-align: center; display: block; height: 100%; border-top-left-radius: inherit; border-bottom-left-radius: inherit; opacity: 1; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON'] .icon { display: inline-block; float: none; position: absolute; top: 50%; left: 0; right: 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] { overflow: hidden; background-clip: border-box; border-radius: 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] .text { opacity: 1; display: inline-block; transition: all 0.3s; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED']:hover input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED']:hover .text { opacity: 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] .iconBg { position: absolute; top: -200%; bottom: 0; margin: auto; width: 100%; left: 0; transition: all 0.3s; opacity: 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED']:hover .iconBg { top: 0; opacity: 1; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] .icon { display: block; float: left; position: absolute; font-size: 27px; width: 100%; height: 100%; margin-top: -13px; top: 50%; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'] { overflow: initial; background-clip: border-box; border-radius: 2px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'] { border-radius: 6px; overflow: initial; background-clip: border-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] { background-clip: border-box; border-radius: 6px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] { background-clip: border-box; border-radius: 3px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ICON'] { background-clip: border-box; border-radius: 0px; padding: 0 0 0 40px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ICON'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] { background-clip: border-box; border-radius: 6px; padding: 0 0 0 40px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'].flexButton { padding: 10px 7px 10px 47px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .iconBg { display: block; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmWidget:not([data-buttonstyle]), div.buttons , #dm .button_2 .dmWidget:not([data-buttonstyle]), #dm .dmWidget.button_2:not([data-buttonstyle]), div.buttons .button_2, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] { overflow: initial; background-clip: border-box; border-radius: 1px; } #dm .dmWidget:not([data-buttonstyle]).flexButton, div.buttons .flexButton, #dm .button_2 .dmWidget:not([data-buttonstyle]).flexButton, #dm .dmWidget.button_2:not([data-buttonstyle]).flexButton, div.buttons .button_2.flexButton, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'].flexButton { padding: 16px 0; } #dm .dmWidget:not([data-buttonstyle]) .textonly, #dm .dmWidget:not([data-buttonstyle]) input, #dm .dmWidget:not([data-buttonstyle]) .text, div.buttons .text, #dm .button_2 .dmWidget:not([data-buttonstyle]) .textonly, #dm .button_2 .dmWidget:not([data-buttonstyle]) input, #dm .button_2 .dmWidget:not([data-buttonstyle]) .text, #dm .dmWidget.button_2:not([data-buttonstyle]) .textonly, #dm .dmWidget.button_2:not([data-buttonstyle]) input, #dm .dmWidget.button_2:not([data-buttonstyle]) .text, div.buttons .button_2 .text, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] .text { padding: 16px 0; } #dm .dmWidget:not([data-buttonstyle]) .iconBg, #dm .button_2 .dmWidget:not([data-buttonstyle]) .iconBg, #dm .dmWidget.button_2:not([data-buttonstyle]) .iconBg, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] .iconBg { display: none; } @media (min-width: 768px) { #dm .dmRespRow .dmRespCol > .dmWidget, #dm .dmRespRow .dmRespCol > .dmWidget.button_2, #dm .sticky-widgets-container-global .dmWidget, #dm .sticky-widgets-container-global .dmWidget.button_2, #dm .sticky-widgets-container .dmWidget, #dm .sticky-widgets-container .dmWidget.button_2, #dm .dmRespRow .dmRespCol > .dmWidget[data-buttonstyle='BORDER_SHORT'], #dm .sticky-widgets-container-global .dmWidget[data-buttonstyle='BORDER_SHORT'], #dm .sticky-widgets-container .dmWidget[data-buttonstyle='BORDER_SHORT'] { width: 222px; } } @media (min-width: 768px) { #dm .dmRespRow .dmRespCol > .dmWidget[data-buttonstyle]:not([data-buttonstyle='BORDER_SHORT']), #dm .dmRespRow .dmRespCol > .dmWidget.button_2[data-buttonstyle]:not([data-buttonstyle='BORDER_SHORT']) { width: 280px; } } @media (min-width: 768px) { #dm .sticky-widgets-container-global .dmWidget[data-buttonstyle]:not([data-buttonstyle='BORDER_SHORT']), #dm .sticky-widgets-container-global .dmWidget.button_2[data-buttonstyle]:not([data-buttonstyle='BORDER_SHORT']), #dm .sticky-widgets-container .dmWidget[data-buttonstyle]:not([data-buttonstyle='BORDER_SHORT']), #dm .sticky-widgets-container .dmWidget.button_2[data-buttonstyle]:not([data-buttonstyle='BORDER_SHORT']) { width: 230px; } } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] { border-radius: 50px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'].flexButton { padding: 10px 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] .text { padding: 10px 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] .iconBg { display: none; } #dm div.dmInner #site_content .dmWidget, #dm div.dmInner .dmHeader .dmWidget { background-color: var(--btn-bg-color); border-color: var(--btn-border-color); border-bottom-color: var(--btn-border-b-color); border-left-color: var(--btn-border-l-color); border-right-color: var(--btn-border-r-color); border-top-color: var(--btn-border-t-color); border-radius: var(--btn-border-radius); border-bottom-left-radius: var(--btn-border-bl-radius); border-bottom-right-radius: var(--btn-border-br-radius); border-top-left-radius: var(--btn-border-tl-radius); border-top-right-radius: var(--btn-border-tr-radius); border-width: var(--btn-border-width); border-bottom-width: var(--btn-border-b-width); border-left-width: var(--btn-border-l-width); border-right-width: var(--btn-border-r-width); border-top-width: var(--btn-border-t-width); direction: var(--btn-text-direction); text-align: var(--btn-text-align); } #dm div.dmInner #site_content .dmWidget span.text, #dm div.dmInner #site_content .dmformsubmit input { color: var(--btn-text-color); font-family: var(--btn-text-font-family); font-size: var(--btn-text-font-size); font-weight: var(--btn-text-font-weight); text-decoration: var(--btn-text-decoration); } #dm div.dmInner #site_content .dmWidget:hover, #dm div.dmInner #site_content .dmWidget.hover, #dm div.dmInner .dmHeader .dmWidget:hover, #dm div.dmInner .dmHeader .dmWidget.hover { background: var(--btn-hover-bg); border-color: var(--btn-hover-border-color); border-bottom-color: var(--btn-hover-border-b-color); border-left-color: var(--btn-hover-border-l-color); border-right-color: var(--btn-hover-border-r-color); border-top-color: var(--btn-hover-border-t-color); } #dm div.dmInner #site_content .dmWidget:hover span.text, #dm div.dmInner #site_content .dmWidget.hover span.text, #dm div.dmInner .dmHeader .dmWidget:hover span.text, #dm div.dmInner .dmHeader .dmWidget.hover span.text, #dm div.dmInner #site_content .dmWidget:hover input[type="submit"], #dm div.dmInner #site_content .dmWidget.hover input[type="submit"], #dm div.dmInner .dmHeader .dmWidget:hover input[type="submit"], #dm div.dmInner .dmHeader .dmWidget.hover input[type="submit"] { color: var(--btn-hover-text-color); } #dm div.dmInner #site_content .dmWidget span.icon, #dm div.dmInner .dmHeader .dmWidget span.icon { color: var(--btn-icon-color); fill: var(--btn-icon-fill); } #dm div.dmInner #site_content .dmWidget:not([data-buttonstyle]) .iconBg, #dm div.dmInner .dmHeader .dmWidget:not([data-buttonstyle]) .iconBg { display: var(--btn-icon-wrpr-display); } .dmBody [data-layout-grid] > .flex-element.group, .dmFooterContainer [data-layout-grid] > .flex-element.group { padding-bottom: var(--section-padding-bottom); padding-left: var(--section-padding-left); padding-right: var(--section-padding-right); padding-top: var(--section-padding-top); } .dmBody [data-layout-grid] > .flex-element.group > .flex-element.group, .dmFooterContainer [data-layout-grid] > .flex-element.group > .flex-element.group { padding-bottom: var(--column-padding-bottom); padding-left: var(--column-padding-left); padding-right: var(--column-padding-right); padding-top: var(--column-padding-top); } .dmBody [data-layout-grid] > .flex-element.group > .flex-element.group .flex-element.group:not([data-layout-type] *):not([data-layout-type]), .dmFooterContainer [data-layout-grid] > .flex-element.group > .flex-element.group .flex-element.group:not([data-layout-type] *):not([data-layout-type]) { padding-bottom: var(--inner-column-padding-bottom); padding-left: var(--inner-column-padding-left); padding-right: var(--inner-column-padding-right); padding-top: var(--inner-column-padding-top); } @media all { nav.u_1998592992 { color:white !important; } *#dm .dmInner *.u_1306770187 { width:100% !important; } *#dm .dmInner *.u_1581198931 { width:100% !important; } *#dm .dmInner *.u_1040696130 { justify-content:center !important; } *#dm .dmInner *.u_1040696130.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { margin-left:0 !important; padding-top:0 !important; padding-left:20px !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:20px !important; } *#dm .dmInner nav.u_1040696130.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgba(0,0,0,1) !important; } *#dm .dmInner a.u_1354841978:hover { background-image:none !important; } *#dm .dmInner a.u_1354841978.hover { background-image:none !important; } *#dm .dmInner *.u_1955933514 { width:100% !important; } *#dm .dmInner *.u_1495895470.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { margin-left:0 !important; padding-top:0 !important; padding-left:20px !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:20px !important; } *#dm .dmInner nav.u_1495895470.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgba(0,0,0,1) !important; } *#dm .dmInner *.u_1495895470 { justify-content:flex-end !important; } *#dm .dmInner *.u_1117254353 { width:100% !important; } *#dm .dmInner div.u_1440420817 .svg { fill:var(--color_3) !important; } *#dm .dmInner div.u_1981854856 img { object-fit:contain !important; } *#dm .dmInner div.u_2584000559 #footer-credit-line p { color:rgba(255,255,255,1) !important; } *#dm .dmInner div.u_2584000559 #footer-legal-links { color:rgba(255,255,255,1) !important; } *#dm .dmInner div.u_2584000559 #footer-copyright p { color:rgba(255,255,255,1) !important; } *#dm .dmInner div.u_2584000559 #footer-widget a { color:rgba(255,255,255,1) !important; } *#dm .dmInner div.u_1541827469 .socialHubInnerDiv { justify-content:flex-start !important; } *#dm .dmInner nav.u_896072400.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover { color:rgba(255,255,255,1) !important; } *#dm .dmInner nav.u_896072400.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.hover { color:rgba(255,255,255,1) !important; } *#dm .dmInner nav.u_896072400.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.dmNavItemSelected { color:rgba(255,255,255,1) !important; } *#dm .dmInner nav.u_1319623734.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:12px !important; } *#dm .dmInner nav.u_1319623734.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:12px !important; } *#dm .dmInner nav.u_1319623734.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover { background-color:rgba(10,10,10,1) !important; background-image:none !important; font-weight:bold !important; color:rgba(255,255,255,1) !important; } *#dm .dmInner nav.u_1319623734.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.hover { background-color:rgba(10,10,10,1) !important; background-image:none !important; font-weight:bold !important; color:rgba(255,255,255,1) !important; } *#dm .dmInner nav.u_1319623734.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.dmNavItemSelected { background-color:rgba(10,10,10,1) !important; background-image:none !important; font-weight:bold !important; color:rgba(255,255,255,1) !important; } *#dm .dmInner a.u_1714121924:hover span.text { color:rgba(255,255,255,1) !important; } *#dm .dmInner a.u_1714121924.hover span.text { color:rgba(255,255,255,1) !important; } *#dm .dmInner a.u_1714121924 { background-color:var(--color_2) !important; background-image:none !important; } *#dm .dmInner a.u_1714121924 span.text { color:rgba(10,10,10,1) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { justify-content:flex-start !important; color:rgb(241,241,241) !important; direction:ltr !important; padding-top:0px !important; font-weight:400 !important; text-decoration:none !important; padding-left:15px !important; font-size:12.8px !important; padding-bottom:8px !important; font-style:normal !important; margin-right:0px !important; margin-left:0px !important; text-transform:none !important; font-family: Inter !important; margin-top:0px !important; margin-bottom:0px !important; text-align:start !important; padding-right:12px !important; } *#dm .dmInner nav.u_1319623734.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { font-family:'Mortend - Regular' !important; font-size:10px !important; color:var(--color_2) !important; } *#dm .dmInner div.u_1541827469 .socialHubIcon { width:30px !important; height:30px !important; font-size:20px !important; line-height:30px !important; } *#dm .dmInner div.u_1443142802 .socialHubInnerDiv { justify-content:flex-start !important; } *#dm .dmInner div.u_1443142802 .socialHubIcon { width:30px !important; height:30px !important; font-size:20px !important; line-height:30px !important; } *#dm .dmInner nav.u_896072400.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:16px !important; } *#dm .dmInner nav.u_896072400.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:16px !important; } *#dm .dmInner nav.u_896072400.main-navigation.unifiednav.effect-bottom2 .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item .nav-item-text::after { border-style:solid !important; border-color:rgb(255,255,255) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important; border-width:2px 0px 0px 0px !important; } *#dm .dmInner nav.u_896072400 { justify-content:space-around !important; } *#dm .dmInner nav.u_896072400.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-family:"Fugaz One" !important; text-transform:uppercase !important; font-size:16px !important; color:rgb(255,255,255) !important; direction:ltr !important; border-bottom-left-radius:0px !important; padding-top:25px !important; font-weight:400 !important; text-decoration:none !important; padding-left:0px !important; padding-bottom:0px !important; border-top-right-radius:0px !important; font-style:normal !important; margin-right:0px !important; border-radius:0px !important; margin-left:0px !important; border-top-left-radius:0px !important; justify-content:flex-start !important; border-bottom-right-radius:0px !important; margin-top:0px !important; -webkit-border-radius:0px !important; margin-bottom:0px !important; text-align:start !important; padding-right:0px !important; } *#dm .dmInner a.u_1109245868 { gap:13px !important; } *#dm .dmInner a.u_1109245868 .iconBg { display:inline-block !important; mask-image:url(https://irp.cdn-website.com/3ed3e4a6/icon/forward_2583436.svg) !important; background-color:var(--color_2) !important; width:26px !important; height:26px !important; order:1 !important; } *#dm .dmInner a.u_1109245868:hover .iconBg { background-color:var(--color_2) !important; } *#dm .dmInner a.u_1109245868.hover .iconBg { background-color:var(--color_2) !important; } *#dm .dmInner a.u_1516224863 { gap:13px !important; } *#dm .dmInner a.u_1516224863 .iconBg { display:inline-block !important; mask-image:url(https://irp.cdn-website.com/3ed3e4a6/icon/forward_2583436.svg) !important; background-color:var(--color_2) !important; width:26px !important; height:26px !important; order:1 !important; } *#dm .dmInner a.u_1516224863:hover .iconBg { background-color:var(--color_2) !important; } *#dm .dmInner a.u_1516224863.hover .iconBg { background-color:var(--color_2) !important; } *#dm .dmInner div#hamburger-drawer.layout-drawer { background-color:var(--color_1) !important; background-repeat:no-repeat !important; background-image:none !important; background-size:cover !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgb(241,241,241) !important; justify-content:flex-start !important; font-family:'Fugaz One' !important; direction:ltr !important; border-bottom-left-radius:0px !important; padding-top:9px !important; font-weight:400 !important; text-decoration:none !important; padding-left:0px !important; font-size:15px !important; padding-bottom:9px !important; border-top-right-radius:0px !important; font-style:normal !important; margin-right:0px !important; border-radius:0px !important; margin-left:0px !important; text-transform:uppercase !important; border-top-left-radius:0px !important; border-bottom-right-radius:0px !important; margin-top:0px !important; -webkit-border-radius:0px !important; margin-bottom:0px !important; text-align:start !important; padding-right:9px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav[data-nav-structure='VERTICAL'] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap::after { align-self:flex-start !important; border-style:solid !important; border-width:1px 0 0 0 !important; border-color:rgba(209,209,209,0.16) #000000 #000000 #000000 !important; } *#dm .dmInner nav.u_1319623734.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:var(--color_3) !important; direction:ltr !important; border-bottom-left-radius:0px !important; padding-top:5px !important; font-weight:400 !important; text-decoration:none !important; padding-left:0px !important; font-size:12px !important; padding-bottom:0px !important; border-top-right-radius:0px !important; font-style:normal !important; margin-right:0px !important; border-radius:0px !important; margin-left:0px !important; text-transform:uppercase !important; border-top-left-radius:0px !important; justify-content:flex-start !important; font-family:'Fugaz One' !important; border-bottom-right-radius:0px !important; margin-top:0px !important; -webkit-border-radius:0px !important; margin-bottom:0px !important; text-align:left !important; padding-right:0px !important; } *#dm .dmInner nav.u_896072400.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { font-family:'Fugaz One' !important; text-transform:uppercase !important; font-weight:normal !important; font-size:14px !important; color:rgb(0,0,0) !important; direction:ltr !important; padding-top:15px !important; text-decoration:none !important; padding-left:15px !important; padding-bottom:15px !important; font-style:normal !important; margin-right:0px !important; margin-left:0px !important; justify-content:flex-start !important; margin-top:0px !important; margin-bottom:0px !important; text-align:start !important; padding-right:30px !important; } } @media (min-width:0) and (max-width:767px) { *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-75vw,0) !important; } *#dm .dmInner *#hamburger-drawer.layout-drawer[data-origin="top"]:not([data-auto-height]) { height:100% !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(0,100%) !important; } } @media (min-width:1025px) { *.stickyHeaderSpacer { height:249.2734375px !important; } *#dm .dmInner *.u_2584000559 #footer-credit-line p { line-height:27px !important; } *#dm .dmInner *.u_2584000559 #footer-legal-links { margin-bottom:0px !important; line-height:27px !important; } *#dm .dmInner *.u_2584000559 #footer-copyright p { line-height:27px !important; } *#dm .dmInner div.u_2584000559 #footer-logo { width:176px !important; } *#dm .dmInner div.u_2584000559 #footer-credit-line p { font-size:12px !important; } *#dm .dmInner div.u_2584000559 #footer-legal-links { font-size:12px !important; } *#dm .dmInner div.u_2584000559 #footer-copyright p { font-size:12px !important; } } @media (min-width:768px) and (max-width:1024px) { *.stickyHeaderSpacer { height:249.2734375px !important; } *#dm .dmInner *#hamburger-drawer.layout-drawer[data-origin="top"]:not([data-auto-height]) { height:100% !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(50vw,0) !important; } *#dm .dmInner div.u_2584000559 #footer-logo { width:209px !important; } *#dm .dmInner div#hamburger-drawer.layout-drawer { background-repeat:repeat !important; background-size:auto !important; } div[dmtemplateid="FlexHeader"] .layout-drawer-overlay { background-color:var(--color_1) !important; } *#dm .dmInner a.u_1516224863 span.text { font-size:14px !important; } *#dm .dmInner a.u_1106555951 span.text { font-size:14px !important; } } @media (min-width:0px) and (max-width:767px) { *#dm .dmInner div#hamburger-drawer.layout-drawer { background-repeat:repeat !important; background-size:auto !important; } *#dm .dmInner div.u_2584000559 #footer-logo { width:162px !important; } *#dm .dmInner div.u_2584000559 #footer-widget a { font-size:12px !important; } *#dm .dmInner div.u_2584000559 #footer-credit-line p { font-size:12px !important; } *#dm .dmInner div.u_2584000559 #footer-legal-links { font-size:12px !important; } *#dm .dmInner div.u_2584000559 #footer-copyright p { font-size:12px !important; } *#dm .dmInner *#hamburger-drawer.layout-drawer:not([data-origin="top"]) { width:81vw !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-81vw,0) !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(0,0%) !important; } div[dmtemplateid="FlexHeader"] .layout-drawer-overlay { background-color:rgba(0,0,0,0.6) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:15px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:15px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:15px !important; } }