/* ==================================================================== */ /* 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: 'Source Sans Pro'; color:var(--color_5); 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(255,255,255); direction:ltr; font-family: "Josefin Sans", "Josefin Sans Fallback"; font-weight:700; font-style:normal; text-decoration:none; text-transform:uppercase; } *#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(255,255,255); direction:ltr; font-family: "Source Sans Pro"; font-weight:400; font-style:normal; text-decoration:none; letter-spacing:0em; } *#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(255,255,255); direction:ltr; font-family: "Josefin Sans", "Josefin Sans Fallback"; font-weight:bold; font-style:normal; text-decoration:none; text-transform:uppercase; } *#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(255,255,255); direction:ltr; font-family: "Josefin Sans", "Josefin Sans Fallback"; font-weight:700; font-style:normal; text-decoration:none; text-transform:uppercase; } *#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(255,255,255); direction:ltr; font-family: "Josefin Sans", "Josefin Sans 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(255,255,255); direction:ltr; font-family: "Josefin Sans", "Josefin Sans 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(255,255,255); direction:ltr; font-family: "Josefin Sans", "Josefin Sans 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_1); } *#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_1); } *#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_1); } .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.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 { color:rgb(255,255,255); direction:ltr; font-family: Caviler; font-weight:normal; font-style:normal; text-decoration:none; letter-spacing:initial; } #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 h2, #dmRoot *#dm div.dmFooter h2, #dmRoot *#dm div.p_hfcontainer h2, #dmRoot *#dm div.flex_hfcontainer h2, #dmRoot *#dm div.dm-title h2 { color:rgb(255,255,255); direction:ltr; font-family: "Caviler"; font-weight:400; font-style:normal; 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 h3, #dmRoot *#dm div.dmFooter h3, #dmRoot *#dm div.p_hfcontainer h3, #dmRoot *#dm div.flex_hfcontainer h3, #dmRoot *#dm div.dm-title h3 { color:rgb(255,255,255); direction:ltr; font-family: "Caviler"; font-weight:400; font-style:normal; 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 h4, #dmRoot *#dm div.dmFooter h4, #dmRoot *#dm div.p_hfcontainer h4, #dmRoot *#dm div.flex_hfcontainer h4, #dmRoot *#dm div.dm-title h4 { color:rgb(255,255,255); direction:ltr; font-family: "Caviler"; font-weight:400; font-style:normal; text-decoration:none; text-transform:uppercase; } #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 h5, #dmRoot *#dm div.dmFooter h5, #dmRoot *#dm div.p_hfcontainer h5, #dmRoot *#dm div.flex_hfcontainer h5, #dmRoot *#dm div.dm-title h5 { color:rgb(255,255,255); direction:ltr; font-family: "Caviler"; font-weight:400; font-style:normal; text-decoration:none; text-transform:uppercase; } #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 h6, #dmRoot *#dm div.dmFooter h6, #dmRoot *#dm div.p_hfcontainer h6, #dmRoot *#dm div.flex_hfcontainer h6, #dmRoot *#dm div.dm-title h6 { color:rgb(255,255,255); direction:ltr; font-family: "Caviler"; font-weight:400; font-style:normal; text-decoration:none; text-transform:uppercase; } #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; } #dmRoot #dm div.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { line-height:2; } } @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:cover; background-repeat:no-repeat; background-attachment:fixed; background-color:rgba(0,0,0,1); } #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:15px; } #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:40px; } *#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:30px; } *#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:16px; } .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:1.2; } #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:44px; line-height:1.2; } #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:30px; } #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:20px; } #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:16px; } #dmRoot #dm div.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { font-size:15px; } #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:14px; } } @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:rgba(0,0,0,1); } } @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:rgba(0,0,0,1); } #dmRoot #dm div.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { font-size:14px; } #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; line-height:1.2; } #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:22px; line-height:1.3; } #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.2; } #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:16px; line-height:1.2; } #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:14px; line-height:1.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 { font-size:32px; line-height:1.3; } } @property --shine-angle { syntax: ""; inherits: false; initial-value: 0deg; } @property --eyebrow-angle { syntax: ""; inherits: false; initial-value: 0deg; } @property --gallery-border-angle { syntax: ""; inherits: false; initial-value: 0deg; } @property --gallery-border-color { syntax: ""; inherits: false; initial-value: rgb(255 255 255 / 50%); } @property --gallery-shine-opacity { syntax: ""; inherits: false; initial-value: 0; } @property --trace-fill-angle { syntax: ""; inherits: false; initial-value: 0deg; } @property --caption-mask-size { syntax: ""; inherits: false; initial-value: 0px; } @property --caption-mask-half { syntax: ""; inherits: false; initial-value: 0px; } @property --customimg-border-angle { syntax: ""; inherits: false; initial-value: 0deg; } /* ========================================================= JC Floating Services Gallery Desktop: Floating Ring Layout Tablet / Mobile: Autoplay Slider (JS-driven, sticky select) Scoped Only To The Initialized Section No ID Selectors ========================================================= */ .jc-floating-init.jc-floating-ready { --jcfs-section-min-height: 900px; --jcfs-card-w: clamp(140px, 13vw, 220px); --jcfs-card-h: clamp(105px, 8.5vw, 155px); --jcfs-radius: 18px; --jcfs-content-fade-duration: 180ms; /* Reserved height for the description area, so the title box stays the same size whether a description is shown or not. Size this to fit your LONGEST description + button. */ --jcfs-desc-reserve: 170px; position: relative !important; display: block !important; isolation: isolate; overflow: hidden !important; min-height: var(--jcfs-section-min-height) !important; padding: 70px 40px !important; } /* Hide Duda's empty gallery placeholder list */ .jc-floating-init.jc-floating-ready .explore-services-gallery ul.dmGalleryPlaceholder { display: none !important; } /* Center Content Box */ .jc-floating-init.jc-floating-ready > .explore-services-title { position: absolute !important; left: 50% !important; top: 50% !important; z-index: 20 !important; width: min(560px, 86%) !important; min-height: 340px !important; padding: 44px 42px !important; transform: translate(-50%, -50%) !important; align-items: center !important; border-radius: 32px; } /* Center Content Fade */ .jc-floating-init.jc-floating-ready .jcfs-fade-target { transition: opacity var(--jcfs-content-fade-duration) ease, transform var(--jcfs-content-fade-duration) ease; } .jc-floating-init.jc-floating-ready.jcfs-content-is-fading .jcfs-fade-target { opacity: 0; transform: translateY(6px); } /* Center Description - reserved height prevents the title box from resizing when a description appears (kills reflow jitter) */ .jc-floating-init.jc-floating-ready .explore-services-description { width: 100% !important; min-height: var(--jcfs-desc-reserve) !important; padding: 0 !important; margin: 18px 0 0 0 !important; row-gap: 18px; align-items: center !important; justify-content: flex-start !important; } .jc-floating-init.jc-floating-ready .explore-services-description .jc-center-description { margin: 0; max-width: 520px; line-height: 1.65; text-align:center; } /* Idle hint shown when no card is active */ .jc-floating-init.jc-floating-ready .explore-services-description .jc-idle-text { opacity: 0.6; font-style: italic; max-width: 420px; } /* Center Button Layout Only */ .jc-floating-init.jc-floating-ready .explore-services-description .jc-center-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 140px !important; max-width: max-content !important; min-height: 46px !important; padding: 0 24px !important; margin: 8px auto 0 !important; pointer-events: auto; white-space: nowrap !important; } /* Slider Arrows (injected by JS, visible only in slider mode) */ .jc-floating-init.jc-floating-ready .jcfs-arrow { position: absolute; top: 50%; z-index: 30; width: 42px; height: 42px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: rgba(0, 0, 0, 0.55); display: flex; align-items: center; justify-content: center; cursor: pointer; transform: translateY(-50%); transition: background 0.25s ease; } .jc-floating-init.jc-floating-ready .jcfs-arrow:hover { background: rgba(0, 0, 0, 0.8); } .jc-floating-init.jc-floating-ready .jcfs-arrow-prev { left: 10px; } .jc-floating-init.jc-floating-ready .jcfs-arrow-next { right: 10px; } .jc-floating-init.jc-floating-ready .jcfs-arrow-icon { display: block; width: 10px; height: 10px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; } .jc-floating-init.jc-floating-ready .jcfs-arrow-prev .jcfs-arrow-icon { transform: rotate(135deg); margin-left: 4px; } .jc-floating-init.jc-floating-ready .jcfs-arrow-next .jcfs-arrow-icon { transform: rotate(-45deg); margin-right: 4px; } /* Active Card Indicator (slider mode) */ .jc-floating-init.jc-floating-ready.jcfs-slider-mode .explore-services-gallery li.photoGalleryThumbs.jc-active { filter: brightness(1.08); } .jc-floating-init.jc-floating-ready.jcfs-slider-mode .explore-services-gallery li.photoGalleryThumbs.jc-active::after { content: ""; position: absolute; inset: 0; z-index: 6; border: 3px solid rgba(255, 255, 255, 0.9); border-radius: var(--jcfs-radius); pointer-events: none; } /* Absolute Gallery Layer (desktop only) */ @media (min-width: 1025px) { .jc-floating-init.jc-floating-ready > .explore-services-gallery-container { position: absolute !important; inset: 0 !important; z-index: 5 !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-width: none !important; max-height: none !important; padding: 0 !important; margin: 0 !important; display: block !important; order: initial !important; align-self: stretch !important; pointer-events: none; } .jc-floating-init.jc-floating-ready > .explore-services-gallery-container .explore-services-gallery, .jc-floating-init.jc-floating-ready > .explore-services-gallery-container .dmPhotoGallery, .jc-floating-init.jc-floating-ready > .explore-services-gallery-container .layout-container { position: absolute !important; inset: 0 !important; z-index: 1 !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-width: none !important; max-height: none !important; padding: 0 !important; margin: 0 !important; display: block !important; } .jc-floating-init.jc-floating-ready .explore-services-gallery .photogallery-row, .jc-floating-init.jc-floating-ready .explore-services-gallery .photogallery-column { display: block !important; position: static !important; width: auto !important; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; } /* Floating Cards */ .jc-floating-init.jc-floating-ready .explore-services-gallery li.photoGalleryThumbs { position: absolute !important; display: block !important; left: 0 !important; top: 0 !important; right: auto !important; bottom: auto !important; z-index: 6 !important; width: var(--jcfs-card-w) !important; height: var(--jcfs-card-h) !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; padding: 0 !important; margin: 0 !important; transform: translate3d(var(--jcfs-x, 0px), var(--jcfs-y, 0px), 0) rotate(var(--jcfs-rotate, 0deg)) scale(1) !important; animation: jcfsFloat 5.8s ease-in-out infinite; animation-delay: var(--jcfs-delay, 0s); transition: transform 0.35s ease, filter 0.35s ease, box-shadow 0.35s ease; will-change: transform; } .jc-floating-init.jc-floating-ready .explore-services-gallery li.photoGalleryThumbs:hover, .jc-floating-init.jc-floating-ready .explore-services-gallery li.photoGalleryThumbs.jc-active { z-index: 12 !important; filter: brightness(1.04); transform: translate3d(var(--jcfs-x, 0px), var(--jcfs-y, 0px), 0) rotate(var(--jcfs-rotate, 0deg)) scale(1.055) !important; } /* Active Card Indicator (desktop floating mode) */ .jc-floating-init.jc-floating-ready .explore-services-gallery li.photoGalleryThumbs.jc-active { box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.9), 0 16px 34px rgba(0, 0, 0, 0.55); filter: brightness(1.08); } } /* Card Base Styling (all screen sizes) */ .jc-floating-init.jc-floating-ready .explore-services-gallery li.photoGalleryThumbs { overflow: hidden !important; border-radius: var(--jcfs-radius); list-style: none !important; cursor: pointer; pointer-events: auto; } /* Image Layers */ .jc-floating-init.jc-floating-ready .explore-services-gallery .thumbnailInnerWrapper, .jc-floating-init.jc-floating-ready .explore-services-gallery .image-container { width: 100% !important; height: 100% !important; } .jc-floating-init.jc-floating-ready .explore-services-gallery .thumbnailInnerWrapper { position: relative !important; overflow: hidden !important; isolation: isolate !important; -webkit-mask-image: none !important; mask-image: none !important; } .jc-floating-init.jc-floating-ready .explore-services-gallery .thumbnailInnerWrapper::before { content: none !important; } .jc-floating-init.jc-floating-ready .explore-services-gallery .thumbnailInnerWrapper::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(to top, rgba(0, 0, 0, 0.76), rgba(0, 0, 0, 0.12) 58%), radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.22), transparent 38%); } .jc-floating-init.jc-floating-ready .explore-services-gallery .image-container { position: relative !important; z-index: 1 !important; } .jc-floating-init.jc-floating-ready .explore-services-gallery .image-container a { display: block !important; width: 100% !important; height: 100% !important; padding-top: 0 !important; background-size: cover !important; background-position: center !important; transition: transform 0.45s ease, filter 0.45s ease; } .jc-floating-init.jc-floating-ready .explore-services-gallery li.photoGalleryThumbs:hover .image-container a, .jc-floating-init.jc-floating-ready .explore-services-gallery li.photoGalleryThumbs.jc-active .image-container a { transform: scale(1.08); } /* Captions: Title Only On Cards */ .jc-floating-init.jc-floating-ready .explore-services-gallery .caption-container { display: block !important; position: absolute !important; inset: 0 !important; z-index: 4 !important; pointer-events: none !important; } .jc-floating-init.jc-floating-ready .explore-services-gallery .caption-inner { background: transparent !important; justify-content: flex-end !important; } .jc-floating-init.jc-floating-ready .explore-services-gallery .caption-text, .jc-floating-init.jc-floating-ready .explore-services-gallery .caption-button { display: none !important; } .jc-floating-init.jc-floating-ready .explore-services-gallery .caption-title { margin: 0 !important; } @keyframes jcfsFloat { 0%, 100% { translate: 0 0; } 50% { translate: 0 var(--jcfs-float, -12px); } } /* ========================================================= Tablet + Mobile: 1024px And Below Section in normal flow; the slider itself is styled by the JS with inline !important styles. ========================================================= */ @media (max-width: 1024px) { .jc-floating-init.jc-floating-ready { --jcfs-desc-reserve: 150px; position: relative !important; display: block !important; min-height: 0 !important; padding: 50px 28px !important; overflow: visible !important; } .jc-floating-init.jc-floating-ready > .explore-services-title { position: relative !important; inset: auto !important; left: auto !important; top: auto !important; width: 100% !important; min-height: auto !important; margin: 0 auto 28px !important; padding: 36px 28px !important; transform: none !important; } /* Fallback so the container never fully collapses before JS runs */ .jc-floating-init.jc-floating-ready > .explore-services-gallery-container { position: relative !important; min-height: 220px !important; pointer-events: auto !important; } } /* ========================================================= Mobile Tweaks: 767px And Below ========================================================= */ @media (max-width: 767px) { .jc-floating-init.jc-floating-ready { --jcfs-desc-reserve: 190px; padding: 40px 16px !important; } .jc-floating-init.jc-floating-ready > .explore-services-title { margin: 0 auto 22px !important; padding: 32px 22px !important; } .jc-floating-init.jc-floating-ready > .explore-services-gallery-container { min-height: 210px !important; } .jc-floating-init.jc-floating-ready .explore-services-description .jc-center-button { width: 100% !important; max-width: none !important; } .jc-floating-init.jc-floating-ready .jcfs-arrow { width: 38px; height: 38px; } } /*Column Icons*/ #dm .dmInner .columnicon { --column-card-bg: rgba(15, 15, 15, 0.88); --column-card-bg-hover: rgba(22, 22, 22, 0.96); --column-card-border: rgb(255 255 255 / 18%); --column-card-border-hover: var(--color_1, #ed1c24); --column-card-red: var(--color_1, #ed1c24); --column-card-dark: var(--color_7, #050505); position: relative !important; } /* Each Column Item/Card */ #dm .dmInner .columnicon > .flex-element.group { position: relative !important; overflow: hidden !important; isolation: isolate !important; padding: 42px 30px 38px !important; background: linear-gradient( 145deg, rgb(255 255 255 / 8%) 0%, transparent 24%, transparent 100% ), var(--column-card-bg) !important; border: 1px solid var(--column-card-border) !important; clip-path: polygon( 0 0, calc(100% - 34px) 0, 100% 34px, 100% 100%, 34px 100%, 0 calc(100% - 34px) ); transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1), border-color 0.4s ease, background 0.4s ease, box-shadow 0.4s ease !important; } /* Red Glow Background Accent */ #dm .dmInner .columnicon > .flex-element.group::before { content: ""; position: absolute; width: 180px; height: 180px; right: -80px; top: -80px; z-index: 0; pointer-events: none; background: radial-gradient( circle, color-mix(in srgb, var(--column-card-red) 60%, transparent) 0%, transparent 68% ); opacity: 0.25; filter: blur(12px); transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.65, 0, 0.35, 1); } /* Sharp Red Corner Accent */ #dm .dmInner .columnicon > .flex-element.group::after { content: ""; position: absolute; right: 0; top: 0; width: 86px; height: 86px; z-index: 1; pointer-events: none; background: var(--column-card-red); clip-path: polygon( 100% 0, 100% 58%, 42% 0 ); opacity: 0.85; transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.4s ease; } /* Keep Inner Content Above Effects */ #dm .dmInner .columnicon > .flex-element.group > * { position: relative !important; z-index: 3 !important; } /* Icon Wrapper */ #dm .dmInner .columnicon > .flex-element.group .graphicWidget { position: relative !important; width: 86px !important; height: 86px !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, color-mix(in srgb, var(--column-card-red) 22%, transparent), rgb(255 255 255 / 4%) ) !important; border: 1px solid rgb(255 255 255 / 18%) !important; clip-path: polygon( 50% 0, 94% 25%, 94% 75%, 50% 100%, 6% 75%, 6% 25% ); transition: background 0.4s ease, border-color 0.4s ease, transform 0.4s cubic-bezier(0.65, 0, 0.35, 1), box-shadow 0.4s ease !important; } /* Inner Icon Red Plate */ #dm .dmInner .columnicon > .flex-element.group .graphicWidget::before { content: ""; position: absolute; inset: 9px; z-index: 0; pointer-events: none; background: var(--column-card-red); opacity: 0.12; clip-path: polygon( 50% 0, 92% 26%, 92% 74%, 50% 100%, 8% 74%, 8% 26% ); transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.65, 0, 0.35, 1); } /* SVG Icon */ #dm .dmInner .columnicon > .flex-element.group .graphicWidget svg { position: relative !important; z-index: 2 !important; width: 54px !important; height: 54px !important; fill: #ffffff !important; transition: fill 0.4s ease, transform 0.4s cubic-bezier(0.65, 0, 0.35, 1); } #dm .dmInner .columnicon > .flex-element.group .graphicWidget svg path, #dm .dmInner .columnicon > .flex-element.group .graphicWidget svg g { fill: currentColor !important; } #dm .dmInner .columnicon > .flex-element.group .graphicWidget svg { color: #ffffff !important; } /* Title */ #dm .dmInner .columnicon > .flex-element.group h4 { margin-bottom: 14px !important; color: #ffffff !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; } /* Description */ #dm .dmInner .columnicon > .flex-element.group p { color: rgb(255 255 255 / 72%) !important; line-height: 1.7 !important; } /* Hover State */ #dm .dmInner .columnicon > .flex-element.group:hover { transform: translateY(-8px) !important; background: linear-gradient( 145deg, color-mix(in srgb, var(--column-card-red) 13%, transparent) 0%, transparent 34%, transparent 100% ), var(--column-card-bg-hover) !important; border-color: var(--column-card-border-hover) !important; box-shadow: 0 24px 60px rgb(0 0 0 / 35%), 0 0 34px color-mix(in srgb, var(--column-card-red) 32%, transparent) !important; } #dm .dmInner .columnicon > .flex-element.group:hover::before { opacity: 0.48; transform: scale(1.15); } #dm .dmInner .columnicon > .flex-element.group:hover::after { opacity: 1; transform: translate(-8px, 8px); } #dm .dmInner .columnicon > .flex-element.group:hover .graphicWidget { border-color: var(--column-card-red) !important; background: linear-gradient( 145deg, var(--column-card-red), color-mix(in srgb, var(--column-card-red) 50%, #000) ) !important; box-shadow: 0 0 28px color-mix(in srgb, var(--column-card-red) 42%, transparent) !important; transform: translateY(-4px) rotate(-3deg); } #dm .dmInner .columnicon > .flex-element.group:hover .graphicWidget::before { opacity: 0.28; transform: scale(1.18); } #dm .dmInner .columnicon > .flex-element.group:hover .graphicWidget svg { color: #ffffff !important; fill: #ffffff !important; transform: scale(0.92); } /* Small Red Divider Under Title */ #dm .dmInner .columnicon > .flex-element.group h4::after { content: ""; display: block; width: 46px; height: 2px; margin: 14px auto 0; background: var(--column-card-red); clip-path: polygon( 0 0, calc(100% - 8px) 0, 100% 100%, 8px 100% ); opacity: 0.9; transition: width 0.4s cubic-bezier(0.65, 0, 0.35, 1); } #dm .dmInner .columnicon > .flex-element.group:hover h4::after { width: 76px; } /* Mobile Cleanup */ @media (max-width: 767px) { #dm .dmInner .columnicon > .flex-element.group { padding: 34px 24px 32px !important; } #dm .dmInner .columnicon > .flex-element.group .graphicWidget { width: 76px !important; height: 76px !important; margin-bottom: 20px !important; } #dm .dmInner .columnicon > .flex-element.group .graphicWidget svg { width: 48px !important; height: 48px !important; } } /*COL PACKAGES ***************** ***************** ***************** ***************** ***************** ***************** ******************/ /* ========================================================= Package Cards Auto-Compatible: Media Left Or Media Right Target: .colpackage ========================================================= */ /* ========================= Main Package Wrapper ========================= */ #dm .dmInner .colpackage { --pkg-red: var(--color_1, #ed1c24); --pkg-dark: var(--color_7, #050505); --pkg-panel: rgba(10, 10, 10, 0.94); --pkg-panel-2: rgba(24, 24, 24, 0.94); --pkg-line: rgb(255 255 255 / 16%); --pkg-line-strong: rgb(255 255 255 / 28%); --pkg-clip-main: polygon( 0 0, calc(100% - 42px) 0, 100% 42px, 100% 100%, 42px 100%, 0 calc(100% - 42px) ); --pkg-clip-panel: polygon( 0 0, calc(100% - 34px) 0, 100% 34px, 100% 100%, 34px 100%, 0 calc(100% - 34px) ); --pkg-clip-small: polygon( 0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px) ); position: relative !important; overflow: hidden !important; isolation: isolate !important; background: linear-gradient( 135deg, rgb(255 255 255 / 8%) 0%, transparent 24%, transparent 100% ), linear-gradient( 180deg, var(--pkg-panel-2), var(--pkg-panel) ) !important; border: 1px solid var(--pkg-line) !important; clip-path: var(--pkg-clip-main); /* Outer shadows via drop-shadow: box-shadow would be clipped away by the clip-path. Inset highlight stays as box-shadow. */ filter: drop-shadow(0 26px 40px rgb(0 0 0 / 38%)); box-shadow: inset 0 1px 0 rgb(255 255 255 / 8%) !important; transition: transform 0.45s cubic-bezier(0.65, 0, 0.35, 1), border-color 0.45s ease, filter 0.45s ease, box-shadow 0.45s ease !important; } /* ========================= Main Decorative Glow ========================= */ #dm .dmInner .colpackage::before { content: ""; position: absolute; top: -170px; right: -170px; z-index: 0; width: 360px; height: 360px; pointer-events: none; background: radial-gradient( circle, rgb(237 28 36 / 42%) 0%, transparent 68% ); opacity: 0.38; filter: blur(18px); transition: opacity 0.45s ease, transform 0.45s cubic-bezier(0.65, 0, 0.35, 1); } /* ========================= Main Red Corner ========================= */ #dm .dmInner .colpackage::after { content: ""; position: absolute; top: 0; right: 0; z-index: 1; width: 150px; height: 150px; pointer-events: none; background: var(--pkg-red); clip-path: polygon( 100% 0, 100% 58%, 42% 0 ); opacity: 0.9; transition: opacity 0.45s ease, transform 0.45s cubic-bezier(0.65, 0, 0.35, 1); } /* ========================= Direct Child Panels ========================= */ #dm .dmInner .colpackage > .flex-element.group { position: relative !important; z-index: 3 !important; } /* ========================================================= MEDIA PANEL Any Direct Child That Contains Image Or Before/After Widget ========================================================= */ #dm .dmInner .colpackage > .flex-element.group:has( .imageWidget, .dmBeforeAndAfter, .baf__container, [data-widget-type="image"], [data-widget-type="beforeandafter"] ) { position: relative !important; overflow: hidden !important; isolation: isolate !important; border: 1px solid rgb(255 255 255 / 16%) !important; clip-path: var(--pkg-clip-panel); } /* ========================= Media Red Slash Default: Media On Right (slash anchored to the card's outer edge) ========================= */ #dm .dmInner .colpackage > .flex-element.group:has( .imageWidget, .dmBeforeAndAfter, .baf__container, [data-widget-type="image"], [data-widget-type="beforeandafter"] )::before { content: ""; position: absolute; top: -15%; right: -18%; z-index: 0; width: 58%; height: 130%; pointer-events: none; background: linear-gradient( 180deg, #8f070d, var(--pkg-red) ); clip-path: polygon( 0 0, 70% 0, 100% 100%, 30% 100% ); opacity: 0.82; transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.65, 0, 0.35, 1); } /* ========================= Media Red Slash Flip: Media On Left (mirrored so both layouts read identically) ========================= */ #dm .dmInner .colpackage > .flex-element.group:first-child:has( .imageWidget, .dmBeforeAndAfter, .baf__container, [data-widget-type="image"], [data-widget-type="beforeandafter"] )::before { right: auto; left: -18%; clip-path: polygon( 30% 0, 100% 0, 70% 100%, 0 100% ); } /* ========================= Media Texture + Corner Brackets Brackets sit on the two NON-clipped corners (top-left and bottom-right) ========================= */ #dm .dmInner .colpackage > .flex-element.group:has( .imageWidget, .dmBeforeAndAfter, .baf__container, [data-widget-type="image"], [data-widget-type="beforeandafter"] )::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: /* Top-left bracket */ linear-gradient(var(--pkg-red), var(--pkg-red)) left 10px top 10px / 34px 3px no-repeat, linear-gradient(var(--pkg-red), var(--pkg-red)) left 10px top 10px / 3px 34px no-repeat, /* Bottom-right bracket */ linear-gradient(var(--pkg-red), var(--pkg-red)) right 10px bottom 10px / 34px 3px no-repeat, linear-gradient(var(--pkg-red), var(--pkg-red)) right 10px bottom 10px / 3px 34px no-repeat, /* Diagonal texture */ repeating-linear-gradient( 135deg, rgb(0 0 0 / 6%) 0 1px, transparent 1px 18px ) center / 100% 100% no-repeat; opacity: 0.6; } /* ========================= Keep Media Content Above Effects ========================= */ #dm .dmInner .colpackage > .flex-element.group:has( .imageWidget, .dmBeforeAndAfter, .baf__container, [data-widget-type="image"], [data-widget-type="beforeandafter"] ) > * { position: relative !important; z-index: 3 !important; } /* ========================================================= CONTENT PANEL Any Direct Child That Does NOT Contain Media ========================================================= */ #dm .dmInner .colpackage > .flex-element.group:not( :has( .imageWidget, .dmBeforeAndAfter, .baf__container, [data-widget-type="image"], [data-widget-type="beforeandafter"] ) ) { position: relative !important; overflow: hidden !important; isolation: isolate !important; border: 1px solid rgb(255 255 255 / 10%) !important; clip-path: var(--pkg-clip-panel); } /* ========================= Content Red Divider Line Default: Content On Left, Media On Right (line sits on the edge facing the media) ========================= */ #dm .dmInner .colpackage > .flex-element.group:not( :has( .imageWidget, .dmBeforeAndAfter, .baf__container, [data-widget-type="image"], [data-widget-type="beforeandafter"] ) )::before { content: ""; position: absolute; top: 34px; right: 0; bottom: 34px; z-index: 1; width: 3px; pointer-events: none; background: linear-gradient( 180deg, transparent, var(--pkg-red), transparent ); opacity: 0.9; transition: opacity 0.45s ease, box-shadow 0.45s ease; } /* ========================= Content Red Divider Line Flip: Media On Left, Content On Right ========================= */ #dm .dmInner .colpackage > .flex-element.group:has( .imageWidget, .dmBeforeAndAfter, .baf__container, [data-widget-type="image"], [data-widget-type="beforeandafter"] ) + .flex-element.group:not( :has( .imageWidget, .dmBeforeAndAfter, .baf__container, [data-widget-type="image"], [data-widget-type="beforeandafter"] ) )::before { right: auto; left: 0; } /* ========================= Content Red Glow ========================= */ #dm .dmInner .colpackage > .flex-element.group:not( :has( .imageWidget, .dmBeforeAndAfter, .baf__container, [data-widget-type="image"], [data-widget-type="beforeandafter"] ) )::after { content: ""; position: absolute; left: -120px; bottom: -120px; z-index: 0; width: 260px; height: 260px; pointer-events: none; background: radial-gradient( circle, rgb(237 28 36 / 20%) 0%, transparent 70% ); opacity: 0.6; filter: blur(16px); } /* ========================= Keep Content Above Effects ========================= */ #dm .dmInner .colpackage > .flex-element.group:not( :has( .imageWidget, .dmBeforeAndAfter, .baf__container, [data-widget-type="image"], [data-widget-type="beforeandafter"] ) ) > * { position: relative !important; z-index: 3 !important; } /* ========================================================= Image Widget ========================================================= */ #dm .dmInner .colpackage .imageWidget { position: relative !important; z-index: 3 !important; } #dm .dmInner .colpackage .imageWidget img { transform: scale(1.04); filter: drop-shadow(0 24px 26px rgb(0 0 0 / 30%)) contrast(1.04); transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1), filter 0.5s ease !important; } /* ========================================================= Before / After Widget ========================================================= */ #dm .dmInner .colpackage .dmBeforeAndAfter, #dm .dmInner .colpackage .baf__container { position: relative !important; z-index: 3 !important; overflow: hidden !important; clip-path: polygon( 0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 28px 100%, 0 calc(100% - 28px) ); } #dm .dmInner .colpackage .baf__img-preview { object-fit: cover !important; } #dm .dmInner .colpackage .baf__handle { background: var(--pkg-red) !important; box-shadow: 0 0 0 3px rgb(255 255 255 / 70%), 0 0 24px rgb(237 28 36 / 55%) !important; } #dm .dmInner .colpackage .baf__arrow { border-color: transparent #ffffff transparent transparent !important; } #dm .dmInner .colpackage .baf__arrow.baf__right { border-color: transparent transparent transparent #ffffff !important; } #dm .dmInner .colpackage .baf__labels-wrapper { z-index: 8 !important; } #dm .dmInner .colpackage .baf__title { padding: 8px 12px !important; color: #ffffff !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; background: rgb(0 0 0 / 78%) !important; border: 1px solid rgb(255 255 255 / 20%) !important; } #dm .dmInner .colpackage .baf__title.baf__before { background: var(--pkg-red) !important; } /* ========================================================= Eyebrow Badge (unchanged) ========================================================= */ #dm .dmInner .colpackage .eyebrow { display: inline-flex !important; width: fit-content !important; background-color: rgb(237 28 36 / 18%) !important; border: 1px solid rgb(237 28 36 / 80%) !important; box-shadow: 0 0 20px rgb(237 28 36 / 24%) !important; } #dm .dmInner .colpackage .eyebrow h4, #dm .dmInner .colpackage .eyebrow p { margin: 0 !important; color: #ffffff !important; text-transform: uppercase !important; letter-spacing: 0.18em !important; } /* ========================================================= Text Styling ========================================================= */ #dm .dmInner .colpackage h2 { color: #ffffff !important; line-height: 0.95 !important; } #dm .dmInner .colpackage h3 { display: inline-block !important; color: var(--pkg-red) !important; text-shadow: 0 0 22px rgb(237 28 36 / 38%) !important; } #dm .dmInner .colpackage p { color: rgb(255 255 255 / 76%) !important; line-height: 1.72 !important; } #dm .dmInner .colpackage p span[style*="uppercase"] { color: #ffffff !important; letter-spacing: 0.08em !important; } /* ========================================================= Accordion Styling ========================================================= */ #dm .dmInner .colpackage [data-element-type="ssraccordion"] { margin-top: 24px !important; } #dm .dmInner .colpackage [data-grab="accordion-container"] { gap: 8px !important; background: transparent !important; } #dm .dmInner .colpackage [data-grab="accordion-item-container"] { overflow: hidden !important; background: linear-gradient( 135deg, rgb(255 255 255 / 8%), rgb(255 255 255 / 2%) ) !important; border: 1px solid rgb(255 255 255 / 13%) !important; clip-path: var(--pkg-clip-small); } #dm .dmInner .colpackage [data-grab="accordion-item-title-wrapper"] { padding: 18px 20px !important; background: linear-gradient( 90deg, rgb(0 0 0 / 56%), rgb(255 255 255 / 4%) ) !important; border-bottom: 1px solid rgb(237 28 36 / 70%) !important; } #dm .dmInner .colpackage [data-grab="accordion-item-title"] { color: #ffffff !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; } #dm .dmInner .colpackage [data-grab="accordion-item-arrow-wrapper"] { color: #ffffff !important; background: var(--pkg-red) !important; border-radius: 0 !important; clip-path: polygon( 0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px) ); } #dm .dmInner .colpackage [data-grab="accordion-item-desc"] { background: rgb(0 0 0 / 28%) !important; } #dm .dmInner .colpackage [data-grab="accordion-item-desc-text"] { color: rgb(255 255 255 / 76%) !important; } #dm .dmInner .colpackage [data-grab="accordion-item-desc-text"] ul { margin: 0 !important; padding-left: 18px !important; } #dm .dmInner .colpackage [data-grab="accordion-item-desc-text"] li { margin-bottom: 8px !important; } #dm .dmInner .colpackage [data-grab="accordion-item-desc-text"] li::marker { color: var(--pkg-red); } /* ========================================================= Buttons (unchanged) ========================================================= */ #dm .dmInner .colpackage [data-widget-type="link"] { position: relative !important; z-index: 5 !important; } #dm .dmInner .colpackage .dmButtonLink { min-height: 58px !important; } /* ========================================================= Hover Effects ========================================================= */ #dm .dmInner .colpackage:hover { transform: translateY(-8px) !important; border-color: rgb(237 28 36 / 70%) !important; filter: drop-shadow(0 32px 48px rgb(0 0 0 / 44%)) drop-shadow(0 0 26px rgb(237 28 36 / 22%)); box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%) !important; } #dm .dmInner .colpackage:hover::before { opacity: 0.58; transform: scale(1.1); } #dm .dmInner .colpackage:hover::after { opacity: 1; transform: translate(-10px, 10px); } /* ========================= Hover Media Slash Media On Right: slides inward from the right ========================= */ #dm .dmInner .colpackage:hover > .flex-element.group:has( .imageWidget, .dmBeforeAndAfter, .baf__container, [data-widget-type="image"], [data-widget-type="beforeandafter"] )::before { opacity: 1; transform: translateX(-18px) skewX(4deg); } /* ========================= Hover Media Slash Media On Left: mirrored, slides inward from the left ========================= */ #dm .dmInner .colpackage:hover > .flex-element.group:first-child:has( .imageWidget, .dmBeforeAndAfter, .baf__container, [data-widget-type="image"], [data-widget-type="beforeandafter"] )::before { opacity: 1; transform: translateX(18px) skewX(-4deg); } /* ========================= Hover Content Divider Glow ========================= */ #dm .dmInner .colpackage:hover > .flex-element.group:not( :has( .imageWidget, .dmBeforeAndAfter, .baf__container, [data-widget-type="image"], [data-widget-type="beforeandafter"] ) )::before { opacity: 1; box-shadow: 0 0 16px rgb(237 28 36 / 65%); } /* ========================= Hover Image ========================= */ #dm .dmInner .colpackage:hover .imageWidget img { transform: scale(1.1) translateY(-4px); filter: drop-shadow(0 30px 32px rgb(0 0 0 / 36%)) contrast(1.08) saturate(1.05); } /* ========================================================= Reduced Motion ========================================================= */ @media (prefers-reduced-motion: reduce) { #dm .dmInner .colpackage, #dm .dmInner .colpackage::before, #dm .dmInner .colpackage::after, #dm .dmInner .colpackage > .flex-element.group::before, #dm .dmInner .colpackage .imageWidget img { transition: none !important; } #dm .dmInner .colpackage:hover { transform: none !important; } #dm .dmInner .colpackage:hover .imageWidget img { transform: scale(1.04) !important; } } /* ========================================================= Tablet Cleanup ========================================================= */ @media (max-width: 1024px) { #dm .dmInner .colpackage > .flex-element.group:not( :has( .imageWidget, .dmBeforeAndAfter, .baf__container, [data-widget-type="image"], [data-widget-type="beforeandafter"] ) ) { border-bottom: 1px solid rgb(237 28 36 / 45%) !important; } /* Divider becomes horizontal when panels stack */ #dm .dmInner .colpackage > .flex-element.group:not( :has( .imageWidget, .dmBeforeAndAfter, .baf__container, [data-widget-type="image"], [data-widget-type="beforeandafter"] ) )::before { top: auto; right: 34px; bottom: 0; left: 34px; width: auto; height: 3px; background: linear-gradient( 90deg, transparent, var(--pkg-red), transparent ); } } /* ========================================================= Mobile Cleanup ========================================================= */ @media (max-width: 767px) { #dm .dmInner .colpackage { clip-path: polygon( 0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 28px 100%, 0 calc(100% - 28px) ); } #dm .dmInner .colpackage > .flex-element.group { clip-path: polygon( 0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px) ); } #dm .dmInner .colpackage::after { width: 110px; height: 110px; } #dm .dmInner .colpackage > .flex-element.group:has( .imageWidget, .dmBeforeAndAfter, .baf__container, [data-widget-type="image"], [data-widget-type="beforeandafter"] )::after { /* Smaller brackets on mobile */ opacity:0.1 !important; background: linear-gradient(var(--pkg-red), var(--pkg-red)) left 8px top 8px / 24px 2px no-repeat, linear-gradient(var(--pkg-red), var(--pkg-red)) left 8px top; /* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { :root { --btn-border-l-color: rgb(255, 11, 23); --btn-border-r-color: rgb(255, 11, 23); --btn-border-b-width: 0px; --btn-text-direction: ltr; --btn-border-radius: 1px; --btn-border-t-width: 0px; --btn-border-tl-radius: 5px; --btn-border-br-radius: 5px; --btn-border-bl-radius: 5px; --btn-bg-color: var(--color_1); --btn-box-shadow: rgba(0, 0, 0, 0.31) 3px 3px 11px 0px; --btn-border-r-width: 0px; --btn-border-tr-radius: 5px; --btn-bg-image: initial; --btn-border-b-color: rgb(255, 11, 23); --btn-border-l-width: 0px; --border-style: solid; --btn-border-t-color: rgb(255, 11, 23); --btn-text-align: center; --btn-text-color: var(--color_5); --btn-text-decoration: none; --btn-text-font-weight: normal; --btn-text-font-family: Caviler; --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_3); --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: rgba(0, 0, 0, 0); --btn-hover-text-color: var(--color_5); --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: var(--color_2); --btn-border-r-color: var(--color_2); --btn-border-b-width: 1px; --btn-text-direction: ltr; --btn-border-radius: 1px; --btn-border-t-width: 1px; --btn-border-tl-radius: 5px; --btn-border-br-radius: 5px; --btn-border-bl-radius: 5px; --btn-bg-color: rgba(0, 0, 0, 0.82); --btn-border-r-width: 1px; --btn-border-tr-radius: 5px; --btn-bg-image: initial; --btn-border-b-color: var(--color_2); --btn-border-l-width: 1px; --border-style: solid; --btn-border-t-color: var(--color_2); --btn-text-align: center; --btn-text-color: rgba(255, 255, 255, 1); --btn-text-decoration: none; --btn-text-font-weight: 400; --btn-text-font-family: Caviler; --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_5); --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: 4%; --section-padding-right: 4%; --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: 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; } } @media (min-width: 768px) and (max-width: 1024px) { :root { --btn-text-font-size: 16px; } .button_2 { --btn-text-font-size: 16px; } :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); background-image: var(--btn-bg-image); 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); box-shadow: var(--btn-box-shadow); 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 { *#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_1231995848.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { margin-left:0px !important; padding-top:0px !important; padding-left:20px !important; padding-bottom:0px !important; margin-top:0px !important; margin-bottom:0px !important; margin-right:0px !important; padding-right:20px !important; } *#dm .dmInner *.u_1326241618 { width:100% !important; } *#dm .dmInner *.u_1231995848 { justify-content:center !important; } *#dm .dmInner a.u_1085925629:hover { background-image:none !important; } *#dm .dmInner a.u_1085925629.hover { background-image:none !important; } *#dm .dmInner nav.u_1231995848.main-navigation.unifiednav:not([image]) .unifiednav__container[data-depth="0"] { top:calc(100% - 0px - 0px) !important; } *#dm .dmInner nav.u_1231995848.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_1231995848.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_1231995848.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { color:var(--color_1) !important; } *#dm .dmInner nav.u_1202563464.main-navigation.unifiednav:not([image]) .unifiednav__container[data-depth="0"] { top:calc(100% - 0px) !important; } *#dm .dmInner nav.u_1202563464.main-navigation.unifiednav[data-nav-structure="HORIZONTAL"] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child) .unifiednav__container[data-depth="0"] { left:0px !important; } *#dm .dmInner nav.u_1202563464.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_1202563464.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_1202563464.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { color:var(--color_1) !important; } *#dm .dmInner nav.u_1231995848.main-navigation.unifiednav .unifiednav__container[data-depth] { background-image:linear-gradient(0deg,rgba(47,47,47,1) 0%,rgba(0,0,0,1) 100%) !important; background-origin:border-box !important; } *#dm .dmInner nav.u_1231995848.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover { background-color:rgba(0,0,0,0) !important; background-image:initial !important; color:var(--color_1) !important; } *#dm .dmInner nav.u_1231995848.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.hover { background-color:rgba(0,0,0,0) !important; background-image:initial !important; color:var(--color_1) !important; } *#dm .dmInner nav.u_1231995848.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.dmNavItemSelected { background-color:rgba(0,0,0,0) !important; background-image:initial !important; color:var(--color_1) !important; } *#dm .dmInner nav.u_1202563464.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:14px !important; } *#dm .dmInner nav.u_1202563464.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:14px !important; } *#dm .dmInner div.u_1938379925 #footer-widget a { color:var(--color_5) !important; } *#dm .dmInner *.u_1938379925 #footer-widget a { text-align:CENTER !important; } *#dm .dmInner *.u_1938379925 #footer-credit-line p { text-align:CENTER !important; } *#dm .dmInner *.u_1938379925 #footer-legal-links { text-align:CENTER !important; } *#dm .dmInner *.u_1938379925 #footer-copyright p { text-align:CENTER !important; } *#dm .dmInner div.u_1938379925 #footer-credit-line p { color:var(--color_5) !important; font-weight:300 !important; } *#dm .dmInner div.u_1938379925 #footer-legal-links { color:var(--color_5) !important; font-weight:300 !important; } *#dm .dmInner div.u_1938379925 #footer-copyright p { color:var(--color_5) !important; font-weight:300 !important; } *#dm .dmInner nav.u_1275700295.main-navigation.unifiednav:not([image]) .unifiednav__container[data-depth="0"] { top:calc(100% - 0px) !important; } *#dm .dmInner nav.u_1275700295.main-navigation.unifiednav[data-nav-structure="HORIZONTAL"] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child) .unifiednav__container[data-depth="0"] { left:0px !important; } *#dm .dmInner nav.u_1275700295.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_1275700295.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_1275700295.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { color:var(--color_1) !important; } *#dm .dmInner nav.u_1275700295.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:14px !important; } *#dm .dmInner nav.u_1275700295.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:14px !important; } *#dm .dmInner nav.u_1275700295.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { text-transform:uppercase !important; font-size:11px !important; color:var(--color_5) !important; } *#dm .dmInner div.u_3869904032 .socialHubInnerDiv { justify-content:flex-start !important; column-gap:9px !important; } *#dm .dmInner div.u_3869904032 .socialHubIcon { width:27px !important; height:27px !important; font-size:18px !important; line-height:27px !important; color:rgba(255,255,255,0.7) !important; } *#dm .dmInner div.u_1686338812 .socialHubInnerDiv { justify-content:flex-start !important; } *#dm .dmInner div.u_1686338812 .socialHubIcon { width:30px !important; height:30px !important; font-size:20px !important; line-height:30px !important; } *#dm .dmInner div.u_1426821844 .socialHubIcon { width:30px !important; height:30px !important; font-size:20px !important; line-height:30px !important; } *#dm .dmInner a.u_1361912848:hover { background-image:none !important; } *#dm .dmInner a.u_1361912848.hover { background-image:none !important; } *#dm .dmInner *.u_1428384911.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { margin-left:0px !important; padding-top:0px !important; padding-left:20px !important; padding-bottom:0px !important; margin-top:0px !important; margin-bottom:0px !important; margin-right:0px !important; padding-right:20px !important; } *#dm .dmInner *.u_1428384911 { justify-content:center !important; } *#dm .dmInner nav.u_1428384911.main-navigation.unifiednav:not([image]) .unifiednav__container[data-depth="0"] { top:calc(100% - 0px - 0px) !important; } *#dm .dmInner nav.u_1428384911.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_1428384911.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_1428384911.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { color:var(--color_1) !important; } *#dm .dmInner nav.u_1428384911.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:14px !important; } *#dm .dmInner nav.u_1428384911.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:14px !important; } *#dm .dmInner nav.u_1428384911.main-navigation.unifiednav .unifiednav__container[data-depth] { background-image:linear-gradient(0deg,rgba(47,47,47,1) 0%,rgba(0,0,0,1) 100%) !important; background-origin:border-box !important; } *#dm .dmInner nav.u_1428384911.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover { background-color:rgba(0,0,0,0) !important; background-image:initial !important; color:var(--color_1) !important; } *#dm .dmInner nav.u_1428384911.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.hover { background-color:rgba(0,0,0,0) !important; background-image:initial !important; color:var(--color_1) !important; } *#dm .dmInner nav.u_1428384911.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.dmNavItemSelected { background-color:rgba(0,0,0,0) !important; background-image:initial !important; color:var(--color_1) !important; } *#dm .dmInner nav.u_1428384911.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { justify-content:flex-start !important; text-transform:uppercase !important; color:rgba(255,255,255,1) !important; font-size:12px !important; } *#dm .dmInner nav.u_1428384911.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:var(--color_5) !important; font-family: Caviler !important; font-size:14px !important; text-transform:uppercase !important; font-weight:normal !important; } *#dm .dmInner div.u_1426821844 .socialHubInnerDiv { justify-content:flex-end !important; } *#dm .dmInner nav.u_1275700295.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:14px !important; text-transform:uppercase !important; color:var(--color_5) !important; font-family: Caviler !important; } *#dm .dmInner div#hamburger-drawer.layout-drawer { background-image:none !important; background-repeat:no-repeat !important; background-size:cover !important; background-color:var(--color_6) !important; } *#dm .dmInner nav.u_1275700295 { color:white !important; } *#dm .dmInner nav.u_1275700295.main-navigation.unifiednav[data-nav-structure='VERTICAL'] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap::after { border-style:solid !important; border-width:1px 0 0 0 !important; border-color:rgba(209,209,209,0.5) #000000 #000000 #000000 !important; } *#dm .dmInner nav.u_1202563464.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:14px !important; text-transform:uppercase !important; font-family: Caviler !important; } *#dm .dmInner nav.u_1202563464.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { text-transform:uppercase !important; font-size:12px !important; font-family: Caviler !important; } *#dm .dmInner nav.u_1202563464.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover { color:var(--color_2) !important; } *#dm .dmInner nav.u_1202563464.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.hover { color:var(--color_2) !important; } *#dm .dmInner nav.u_1202563464.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.dmNavItemSelected { color:var(--color_2) !important; } *#dm .dmInner nav.u_1231995848.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:var(--color_5) !important; font-family: Caviler !important; font-size:18px !important; text-transform:uppercase !important; font-weight:normal !important; } *#dm .dmInner nav.u_1231995848.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:18px !important; } *#dm .dmInner nav.u_1231995848.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:18px !important; } *#dm .dmInner nav.u_1231995848.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { justify-content:flex-start !important; text-transform:uppercase !important; color:rgba(255,255,255,1) !important; font-size:14px !important; font-family: Caviler !important; } *#dm .dmInner div.u_429479694 img { object-fit:contain !important; } *#dm .dmInner div.u_1260792422 p { color:rgb(255,255,255) !important; direction:ltr !important; text-transform:none !important; text-shadow:none !important; font-weight:400 !important; text-decoration:none !important; letter-spacing:normal !important; font-family:"Source Sans Pro" !important; line-height:normal !important; font-style:normal !important; } *#dm .dmInner div.u_1260792422 li { color:rgb(255,255,255) !important; direction:ltr !important; text-transform:none !important; text-shadow:none !important; font-weight:400 !important; text-decoration:none !important; letter-spacing:normal !important; font-family:"Source Sans Pro" !important; line-height:normal !important; font-style:normal !important; } *#dm .dmInner div.u_1260792422 { color:rgb(255,255,255) !important; direction:ltr !important; text-transform:none !important; text-shadow:none !important; font-weight:400 !important; text-decoration:none !important; letter-spacing:normal !important; font-family:"Source Sans Pro" !important; line-height:normal !important; font-style:normal !important; } *#dm .dmInner *.u_1237788833 { width:100% !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; } *#dm .dmInner div.u_1938379925 #footer-logo { width:150px !important; } *#dm .dmInner div.u_1938379925 #footer-widget a { font-size:12px !important; } *#dm .dmInner div.u_1938379925 #footer-credit-line p { font-size:12px !important; } *#dm .dmInner div.u_1938379925 #footer-legal-links { font-size:12px !important; } *#dm .dmInner div.u_1938379925 #footer-copyright p { font-size:12px !important; } *#dm .dmInner *.u_1938379925 #footer-credit-line p { line-height:16px !important; } *#dm .dmInner *.u_1938379925 #footer-legal-links { line-height:16px !important; } *#dm .dmInner *.u_1938379925 #footer-copyright p { line-height:16px !important; } *#dm .dmInner div.u_1938379925 #footer-credit-line p { font-size:10px !important; } *#dm .dmInner div.u_1938379925 #footer-legal-links { font-size:10px !important; } *#dm .dmInner div.u_1938379925 #footer-copyright p { font-size:10px !important; } *#dm .dmInner div.u_1938379925 #footer-widget a { font-size:10px !important; } *#dm .dmInner *.u_1938379925 #footer-credit-line p { line-height:12px !important; } *#dm .dmInner *.u_1938379925 #footer-legal-links { line-height:12px !important; } *#dm .dmInner *.u_1938379925 #footer-copyright p { line-height:12px !important; } } @media (min-width:1025px) { *.stickyHeaderSpacer { height:249.2734375px !important; } *#dm .dmInner div.u_1938379925 #footer-widget a { font-size:12px !important; } *#dm .dmInner div.u_1938379925 #footer-logo { width:200px !important; } *#dm .dmInner div.u_1938379925 #footer-credit-line p { font-size:12px !important; } *#dm .dmInner div.u_1938379925 #footer-legal-links { font-size:12px !important; } *#dm .dmInner div.u_1938379925 #footer-copyright p { font-size:12px !important; } *#dm .dmInner *.u_1938379925 #footer-credit-line p { line-height:18px !important; } *#dm .dmInner *.u_1938379925 #footer-legal-links { line-height:18px !important; } *#dm .dmInner *.u_1938379925 #footer-copyright p { line-height:18px !important; } } @media (min-width:768px) and (max-width:1024px) { *.stickyHeaderSpacer { height:249.2734375px !important; } div[dmtemplateid="FlexHeader"] .layout-drawer-overlay { background-color:rgba(0,0,0,0.6) !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_1938379925 #footer-widget a { font-size:12px !important; } *#dm .dmInner div.u_1938379925 #footer-credit-line p { font-size:12px !important; } *#dm .dmInner div.u_1938379925 #footer-legal-links { font-size:12px !important; } *#dm .dmInner div.u_1938379925 #footer-copyright p { font-size:12px !important; } *#dm .dmInner div.u_1938379925 #footer-logo { width:200px !important; } *#dm .dmInner *.u_1938379925 #footer-credit-line p { line-height:12px !important; } *#dm .dmInner *.u_1938379925 #footer-copyright p { line-height:12px !important; } *#dm .dmInner *.u_1938379925 #footer-legal-links { line-height:12px !important; } *#dm .dmInner div.u_1988881036 .socialHubInnerDiv { justify-content:flex-start !important; } *#dm .dmInner div#hamburger-drawer.layout-drawer { background-repeat:repeat !important; background-size:auto !important; } *#dm .dmInner div.u_1260792422 p { font-size:14px !important; text-align:left !important; } *#dm .dmInner div.u_1260792422 li { font-size:14px !important; text-align:left !important; } *#dm .dmInner div.u_1260792422 { font-size:14px !important; text-align:left !important; } } @media (min-width:0px) and (max-width:767px) { *#dm .dmInner div.u_429479694 img { object-position:50% 50% !important; object-fit:cover !important; } *#dm .dmInner nav.u_1275700295.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:16px !important; } *#dm .dmInner nav.u_1275700295.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_1275700295.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_1275700295.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { font-size:16px !important; } *#dm .dmInner *#hamburger-drawer.layout-drawer:not([data-origin="top"]) { width:93vw !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-85vw,0) !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(0,0%) !important; } *#dm .dmInner div.u_1988881036 .socialHubIcon { width:30px !important; height:30px !important; font-size:20px !important; line-height:30px !important; } *#dm .dmInner div.u_1988881036 .socialHubInnerDiv { column-gap:10px !important; justify-content:flex-start !important; } *#dm .dmInner *.u_1938379925 #footer-logo-link { margin-bottom:10px !important; } *#dm .dmInner *.u_1938379925 #footer-credit-line { margin-bottom:10px !important; } *#dm .dmInner *.u_1938379925 #footer-legal-links { margin-bottom:10px !important; } } @media screen and (min-width:768px) {}