/* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { *#dm div.dmContent h1, *#dm div.dmFooter h1 { color:rgb(102,102,102); } *#dm div.dmRespCol>* { line-height:normal; } *.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: Nunito Sans; color:var(--color_6); text-transform:none; font-weight:400; letter-spacing:0; line-height:1.65; } *#dm div.dmContent h1, *#dm div.dmFooter h1, *#dm div.p_hfcontainer h1, *#dm div.flex_hfcontainer h1, *#dm div.dm-title h1 { color:var(--color_1); direction:ltr; font-family: Poppins, "Poppins Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h1, *#dm div.dmFooter .dmNewParagraph[data-version] h1, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1, *#dm div.dm-title .dmNewParagraph[data-version] h1 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h1 *, *#dm div.dmFooter .dmNewParagraph[data-version] h1 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1 *, *#dm div.dm-title .dmNewParagraph[data-version] h1 * { text-decoration:none; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { color:var(--color_1); direction:ltr; font-family: Poppins, "Poppins Fallback"; font-weight:400; font-style:normal; text-decoration:none; } *#dm div.dmNewParagraph a, *#dm .dmNewParagraph a, *#dm div.dmBlockElement a, *#dm .dmBlockElement a, *#dm .dmform a.fileUploadLink, .dmPrettyList .link:not(.dmWidget), *#dm .dmGeoLocation a.dmGeoSVSeeAll, *#dm .dmGeoLocation a.dmGeoSVGoToPage, *#dm .postDescription a, *#dm .blog-post-component a, *#dm .timeline-post a, *#dm .rteBlock a, .newPhotoGallery .photoGalleryViewAll.link, .dmTable a, *#dm .ecwid .ec-link:not(.breadcrumbs__link), .dmSignup a:not(.social-link) { color:var(--color_4); } *#dm div.dmContent h2, *#dm div.dmFooter h2, *#dm div.p_hfcontainer h2, *#dm div.flex_hfcontainer h2, *#dm div.dm-title h2 { color:var(--color_1); direction:ltr; font-family: Poppins, "Poppins Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h2, *#dm div.dmFooter .dmNewParagraph[data-version] h2, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2, *#dm div.dm-title .dmNewParagraph[data-version] h2 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h2 *, *#dm div.dmFooter .dmNewParagraph[data-version] h2 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2 *, *#dm div.dm-title .dmNewParagraph[data-version] h2 * { text-decoration:none; } *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.p_hfcontainer h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { color:var(--color_1); direction:ltr; font-family: Poppins, "Poppins Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h3, *#dm div.dmFooter .dmNewParagraph[data-version] h3, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3, *#dm div.dm-title .dmNewParagraph[data-version] h3 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h3 *, *#dm div.dmFooter .dmNewParagraph[data-version] h3 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3 *, *#dm div.dm-title .dmNewParagraph[data-version] h3 * { text-decoration:none; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { color:var(--color_1); direction:ltr; font-family: Poppins, "Poppins 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:var(--color_1); direction:ltr; font-family: Poppins, "Poppins 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:var(--color_1); direction:ltr; font-family: Poppins, "Poppins 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_3); text-decoration:none; } *#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_3); text-decoration:underline; } *#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_3); text-decoration:none; } #dmRoot #dm div.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { color:var(--color_2); text-transform:none; font-weight:400; letter-spacing:0; font-family: "Nunito Sans"; line-height:1.65; direction:ltr; font-style:normal; text-decoration:none; } #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:var(--color_2); text-transform:none; font-weight:700; letter-spacing:-0.02em; font-family: Fraunces, "Fraunces Fallback"; line-height:1.08; direction:ltr; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent h2, #dmRoot *#dm div.dmFooter h2, #dmRoot *#dm div.p_hfcontainer h2, #dmRoot *#dm div.flex_hfcontainer h2, #dmRoot *#dm div.dm-title h2 { color:var(--color_2); text-transform:none; font-weight:700; letter-spacing:-0.01em; font-family: Fraunces, "Fraunces Fallback"; line-height:1.1; direction:ltr; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent h3, #dmRoot *#dm div.dmFooter h3, #dmRoot *#dm div.p_hfcontainer h3, #dmRoot *#dm div.flex_hfcontainer h3, #dmRoot *#dm div.dm-title h3 { color:var(--color_2); text-transform:none; font-weight:600; letter-spacing:0; font-family: Fraunces, "Fraunces Fallback"; line-height:1.2; direction:ltr; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent h4, #dmRoot *#dm div.dmFooter h4, #dmRoot *#dm div.p_hfcontainer h4, #dmRoot *#dm div.flex_hfcontainer h4, #dmRoot *#dm div.dm-title h4 { color:var(--color_2); text-transform:none; font-weight:600; letter-spacing:-0.01em; font-family: Fraunces, "Fraunces Fallback"; line-height:1.1; direction:ltr; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent h5, #dmRoot *#dm div.dmFooter h5, #dmRoot *#dm div.p_hfcontainer h5, #dmRoot *#dm div.flex_hfcontainer h5, #dmRoot *#dm div.dm-title h5 { color:var(--color_2); text-transform:none; font-weight:600; letter-spacing:-0.01em; font-family: Fraunces, "Fraunces Fallback"; line-height:1.1; direction:ltr; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent h6, #dmRoot *#dm div.dmFooter h6, #dmRoot *#dm div.p_hfcontainer h6, #dmRoot *#dm div.flex_hfcontainer h6, #dmRoot *#dm div.dm-title h6 { color:var(--color_2); text-transform:none; font-weight:600; letter-spacing:-0.01em; font-family: Fraunces, "Fraunces Fallback"; line-height:1.1; direction:ltr; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h1, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h1, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h1 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h1 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h1 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h1 * { text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h2, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h2, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h2 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h2 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h2 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h2 * { text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h3, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h3, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h3 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h3 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h3 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h3 * { text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h4, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h4, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h4, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h4, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h4 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h4 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h4 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h4 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h4 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h4 * { text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h5, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h5, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h5, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h5, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h5 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h5 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h5 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h5 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h5 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h5 * { text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h6, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h6, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h6 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h6 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h6 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h6 * { text-decoration:none; } #dm #dm-outer-wrapper .imageWidget img { border-radius:16px 16px 16px 16px; } } @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-color:var(--color_12); } #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:17px; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { font-size:18px; } *#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:32px; } *#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.dmContent h6, *#dm div.dmFooter h6, *#dm div.p_hfcontainer h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { 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:42px; } #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:26px; } #dmRoot *#dm div.dmContent h5, #dmRoot *#dm div.dmFooter h5, #dmRoot *#dm div.p_hfcontainer h5, #dmRoot *#dm div.flex_hfcontainer h5, #dmRoot *#dm div.dm-title h5 { font-size:14px; } #dmRoot #dm div.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { font-size:17px; } #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:58px; } #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:18px; } #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:13px; } } @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; } #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:50px; } } @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: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: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; } } /* Custom List*/ .dmNewParagraph[data-version] ul > li:before { position: relative; top: 5px; content: ""; display: inline-block; width: 20px; height: 20px; background-image: url(https://irp.cdn-website.com/31c9d7a1/dms3rep/multi/check.svg); background-size: cover; } /* ========================================= KING OF SWINGS – PLAYFUL SHAPE IMAGE ========================================= */ .playsetShape { position: relative !important; display: block !important; width: 100%; isolation: isolate; overflow: visible !important; transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1); } /* Apply styling to the rendered shape */ .playsetShape svg, .playsetShape img, .playsetShape canvas { position: relative; z-index: 2; display: block; width: 100%; filter: drop-shadow(5px 7px 0 #ffc21f) drop-shadow(12px 16px 16px rgba(7, 67, 117, 0.24)); transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), filter 0.4s ease; } /* Decorative blue circle behind the shape */ .playsetShape::before { content: ""; position: absolute; z-index: 0; width: 115px; height: 115px; top: 7%; right: -20px; border: 10px solid rgba(35, 112, 177, 0.16); border-radius: 50%; pointer-events: none; transition: transform 0.55s ease, border-color 0.4s ease; } /* Decorative orange dotted accent */ .playsetShape::after { content: ""; position: absolute; z-index: 3; left: -13px; bottom: 12%; width: 72px; height: 72px; pointer-events: none; opacity: 0.9; background-image: radial-gradient( circle, #ff7337 3px, transparent 3.5px ); background-size: 16px 16px; transition: transform 0.5s ease, opacity 0.4s ease; } /* Hover interaction */ .playsetShape:hover { transform: translateY(-8px); } .playsetShape:hover svg, .playsetShape:hover img, .playsetShape:hover canvas { transform: scale(1.025) rotate(-1deg); filter: drop-shadow(7px 9px 0 #ffb71b) drop-shadow(16px 22px 20px rgba(7, 67, 117, 0.32)); } .playsetShape:hover::before { transform: scale(1.12) rotate(25deg); border-color: rgba(35, 112, 177, 0.28); } .playsetShape:hover::after { transform: translate(8px, -7px) rotate(-10deg); opacity: 1; } /* Optional shine effect */ .playsetShape > * { position: relative; z-index: 2; } /* Tablet */ @media (max-width: 1024px) { .playsetShape::before { width: 90px; height: 90px; right: -10px; } .playsetShape::after { width: 60px; height: 60px; left: -6px; background-size: 14px 14px; } } /* Mobile */ @media (max-width: 767px) { .playsetShape { max-width: 380px; margin-right: auto !important; margin-left: auto !important; } .playsetShape svg, .playsetShape img, .playsetShape canvas { filter: drop-shadow(4px 6px 0 #ffc21f) drop-shadow(9px 13px 13px rgba(7, 67, 117, 0.22)); } .playsetShape:hover { transform: translateY(-4px); } .playsetShape::before { width: 70px; height: 70px; border-width: 7px; } .playsetShape::after { width: 48px; height: 48px; background-size: 12px 12px; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .playsetShape, .playsetShape svg, .playsetShape img, .playsetShape canvas, .playsetShape::before, .playsetShape::after { transition: none !important; } } /* ========================================= KING OF SWINGS – PLAYSET PHOTO GALLERY ========================================= */ .playsetGallery { position: relative; } /* Individual gallery item */ .playsetGallery .photoGalleryThumbs { position: relative; overflow: visible !important; border-radius: 20px; transition: transform 0.35s ease, filter 0.35s ease; } /* Image container */ .playsetGallery .thumbnailInnerWrapper { position: relative; overflow: hidden !important; border: 4px solid #ffffff; border-radius: 20px !important; background: #ffffff; box-shadow: 0 8px 0 #f2b51d, 0 16px 28px rgba(18, 76, 126, 0.18); transition: transform 0.4s ease, border-radius 0.4s ease, box-shadow 0.4s ease; } /* Gallery image */ .playsetGallery .thumbnailInnerWrapper img { width: 100% !important; height: 100% !important; object-fit: cover; transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1), filter 0.4s ease; } /* Subtle blue overlay */ .playsetGallery .thumbnailInnerWrapper::before { content: ""; position: absolute; z-index: 2; inset: 0; pointer-events: none; background: linear-gradient( to top, rgba(6, 72, 128, 0.32) 0%, transparent 42% ); opacity: 0; transition: opacity 0.4s ease; } /* Decorative orange corner */ .playsetGallery .thumbnailInnerWrapper::after { content: ""; position: absolute; z-index: 3; right: -40px; bottom: -40px; width: 95px; height: 95px; border-radius: 50%; pointer-events: none; background: rgba(255, 178, 31, 0.85); transform: scale(0.65); transition: transform 0.4s ease, background 0.4s ease; } /* Hover effect */ .playsetGallery .photoGalleryThumbs:hover { z-index: 5; transform: translateY(-10px); } .playsetGallery .photoGalleryThumbs:hover .thumbnailInnerWrapper { border-radius: 30px 14px 30px 14px !important; box-shadow: 0 12px 0 #f2b51d, 0 25px 38px rgba(18, 76, 126, 0.28); } .playsetGallery .photoGalleryThumbs:hover img { transform: scale(1.07); filter: saturate(1.08) contrast(1.03); } .playsetGallery .photoGalleryThumbs:hover .thumbnailInnerWrapper::before { opacity: 1; } .playsetGallery .photoGalleryThumbs:hover .thumbnailInnerWrapper::after { transform: scale(1.25); background: rgba(255, 119, 55, 0.9); } /* ========================================= TITLE AND DESCRIPTION ========================================= */ .playsetGallery .caption-container, .playsetGallery .captionContainer, .playsetGallery .photoGalleryCaption { padding: 20px 14px 8px !important; } /* Gallery title */ .playsetGallery .caption-title, .playsetGallery .photoGalleryCaption h3, .playsetGallery .photoGalleryCaption h4 { position: relative; display: inline-block; margin-bottom: 8px !important; color: #07559a !important; font-weight: 700 !important; line-height: 1.2 !important; } /* Yellow underline beneath title */ .playsetGallery .caption-title::after, .playsetGallery .photoGalleryCaption h3::after, .playsetGallery .photoGalleryCaption h4::after { content: ""; display: block; width: 38px; height: 4px; margin-top: 7px; border-radius: 10px; background: linear-gradient( 90deg, #ffc21f 0 70%, #ff7337 70% 100% ); transition: width 0.35s ease; } .playsetGallery .photoGalleryThumbs:hover .caption-title::after, .playsetGallery .photoGalleryThumbs:hover .photoGalleryCaption h3::after, .playsetGallery .photoGalleryThumbs:hover .photoGalleryCaption h4::after { width: 65px; } /* Description */ .playsetGallery .caption-description, .playsetGallery .photoGalleryCaption p { color: #566b7c !important; font-size: 15px !important; line-height: 1.6 !important; } /* ========================================= ALTERNATING PLAYFUL CARD SHAPES ========================================= */ .playsetGallery .photoGalleryThumbs:nth-child(3n + 1) .thumbnailInnerWrapper { border-radius: 24px 12px 24px 12px !important; } .playsetGallery .photoGalleryThumbs:nth-child(3n + 2) .thumbnailInnerWrapper { border-radius: 12px 24px 12px 24px !important; } .playsetGallery .photoGalleryThumbs:nth-child(3n + 3) .thumbnailInnerWrapper { border-radius: 24px !important; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .playsetGallery .caption-container, .playsetGallery .captionContainer, .playsetGallery .photoGalleryCaption { padding: 18px 8px 10px !important; } .playsetGallery .thumbnailInnerWrapper { box-shadow: 0 7px 0 #f2b51d, 0 14px 24px rgba(18, 76, 126, 0.16); } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .playsetGallery .photoGalleryThumbs { margin-bottom: 28px !important; } .playsetGallery .photoGalleryThumbs:hover { transform: translateY(-5px); } .playsetGallery .thumbnailInnerWrapper { border-width: 3px; border-radius: 18px !important; box-shadow: 0 7px 0 #f2b51d, 0 14px 22px rgba(18, 76, 126, 0.18); } .playsetGallery .caption-container, .playsetGallery .captionContainer, .playsetGallery .photoGalleryCaption { padding: 18px 5px 5px !important; text-align: left !important; } .playsetGallery .caption-description, .playsetGallery .photoGalleryCaption p { font-size: 14px !important; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .playsetGallery *, .playsetGallery *::before, .playsetGallery *::after { transition: none !important; } } /* Center the section heading */ .playsetBenefits .dmNewParagraph, .playsetBenefits .text-align-left, .playsetBenefits .text-align-auto { text-align: center !important; } .playsetBenefits h2 { display: block !important; width: fit-content; max-width: 100%; margin: 0 auto 25px !important; text-align: center !important; } /* Keep the decorative underline centered */ .playsetBenefits h2::after { left: 50% !important; transform: translateX(-50%) !important; } /* ========================================= KING OF SWINGS – BENEFITS SECTION ========================================= */ .playsetBenefits { position: relative; overflow: hidden; padding: 65px 25px !important; background: radial-gradient( circle at 15% 20%, rgba(255, 194, 31, 0.16) 0, transparent 28% ), radial-gradient( circle at 85% 80%, rgba(255, 115, 55, 0.13) 0, transparent 30% ), linear-gradient( 135deg, #1768aa 0%, #2478ba 50%, #1768aa 100% ) !important; } /* Decorative playground-style circles */ .playsetBenefits::before, .playsetBenefits::after { content: ""; position: absolute; border: 3px dashed rgba(255, 255, 255, 0.16); border-radius: 50%; pointer-events: none; } .playsetBenefits::before { width: 220px; height: 220px; top: -110px; left: -70px; animation: playsetRotate 24s linear infinite; } .playsetBenefits::after { width: 170px; height: 170px; right: -70px; bottom: -80px; animation: playsetRotate 18s linear infinite reverse; } /* Section heading */ .playsetBenefits h2 { position: relative; display: inline-block; color: #ffffff !important; text-shadow: 0 3px 0 rgba(7, 48, 88, 0.25); } .playsetBenefits h2::after { content: ""; position: absolute; left: 50%; bottom: -12px; width: 72px; height: 5px; border-radius: 20px; background: #ffc21f; transform: translateX(-50%); box-shadow: 18px 0 0 #ff7337, -18px 0 0 rgba(255, 255, 255, 0.9); } /* Introductory paragraph */ .playsetBenefits p { line-height: 1.75; } /* ========================================= INDIVIDUAL BENEFIT CARDS ========================================= */ .playsetBenefitCard { position: relative; isolation: isolate; overflow: hidden; min-height: 145px; padding: 28px 22px !important; border: 3px solid rgba(255, 255, 255, 0.35); border-radius: 18px !important; background: linear-gradient( 145deg, #ffd333 0%, #ffc21f 100% ) !important; box-shadow: 0 8px 0 #e1a700, 0 15px 25px rgba(4, 43, 80, 0.18); transition: transform 0.35s ease, box-shadow 0.35s ease, border-radius 0.35s ease; } /* Subtle shine effect */ .playsetBenefitCard::before { content: ""; position: absolute; z-index: -1; top: -80%; left: -70%; width: 55%; height: 260%; background: rgba(255, 255, 255, 0.3); transform: rotate(25deg); transition: left 0.65s ease; } /* Decorative orange corner */ .playsetBenefitCard::after { content: ""; position: absolute; z-index: -1; right: -28px; bottom: -28px; width: 72px; height: 72px; border-radius: 50%; background: rgba(255, 115, 55, 0.24); transition: width 0.35s ease, height 0.35s ease, background 0.35s ease; } /* Card hover */ .playsetBenefitCard:hover { transform: translateY(-10px) rotate(-1deg); border-radius: 28px 14px 28px 14px !important; box-shadow: 0 12px 0 #e1a700, 0 24px 35px rgba(4, 43, 80, 0.28); } .playsetBenefitCard:nth-child(even):hover { transform: translateY(-10px) rotate(1deg); } .playsetBenefitCard:hover::before { left: 145%; } .playsetBenefitCard:hover::after { width: 125px; height: 125px; background: rgba(255, 115, 55, 0.32); } /* Card text */ .playsetBenefitCard p, .playsetBenefitCard h3, .playsetBenefitCard h4 { position: relative; z-index: 2; color: #07559a !important; transition: transform 0.35s ease, color 0.35s ease; } .playsetBenefitCard:hover p, .playsetBenefitCard:hover h3, .playsetBenefitCard:hover h4 { transform: translateY(-3px); color: #073d70 !important; } /* ========================================= BOTTOM CTA TEXT ========================================= */ .playsetBenefits .playsetBottomCta { display: inline-block; padding: 12px 25px; border: 2px dashed rgba(255, 255, 255, 0.55); border-radius: 50px; color: #ffffff !important; background: rgba(5, 72, 128, 0.35); backdrop-filter: blur(5px); transition: transform 0.3s ease, background 0.3s ease; } .playsetBenefits .playsetBottomCta:hover { transform: translateY(-3px); background: rgba(5, 72, 128, 0.65); } /* Decorative rotation */ @keyframes playsetRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .playsetBenefitCard { min-height: 155px; padding: 25px 18px !important; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .playsetBenefits { padding: 45px 18px !important; } .playsetBenefitCard { min-height: auto; margin-bottom: 18px !important; padding: 25px 20px !important; box-shadow: 0 7px 0 #e1a700, 0 14px 22px rgba(4, 43, 80, 0.18); } .playsetBenefitCard:hover, .playsetBenefitCard:nth-child(even):hover { transform: translateY(-5px); } .playsetBenefits h2::after { bottom: -10px; } } /* Respect reduced-motion accessibility settings */ @media (prefers-reduced-motion: reduce) { .playsetBenefits::before, .playsetBenefits::after { animation: none; } .playsetBenefitCard, .playsetBenefitCard::before, .playsetBenefitCard::after { transition: none; } } /* Angled border inspired by the reference image */ .angledImageFrame { --frameColor: var(--color_1); --frameSize: 16px; --angleWidth: 70px; position: relative !important; padding-bottom: var(--frameSize) !important; overflow: visible !important; box-sizing: border-box !important; } /* Keep the image properly positioned */ .angledImageFrame img { position: relative !important; z-index: 2; display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; /* Creates the angled bottom-right image shape */ clip-path: polygon( 0 0, 100% 0, 100% calc(100% - var(--frameSize)), calc(50% + var(--angleWidth)) calc(100% - var(--frameSize)), 50% 100%, 0 100% ); } /* Yellow frame underneath the image */ .angledImageFrame::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: var(--frameColor); clip-path: polygon( 0 calc(100% - var(--frameSize)), calc(50% - var(--angleWidth)) calc(100% - var(--frameSize)), 50% 0, 100% 0, 100% var(--frameSize), calc(50% + var(--angleWidth)) var(--frameSize), calc(50% - var(--angleWidth)) 100%, 0 100% ); } /* Modern Outdoor Warranty Cards */ .funWarrantyCard { --warrantyAccent: #ffd000; position: relative !important; overflow: hidden !important; isolation: isolate; min-height: 110px; padding: 20px 24px !important; display: flex !important; align-items: center !important; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; background: linear-gradient( 135deg, rgba(10, 30, 45, 0.72), rgba(10, 30, 45, 0.36) ) !important; box-shadow: 0 14px 30px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.14); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.4s ease, box-shadow 0.4s ease, background 0.4s ease; } /* Keep Duda widgets above decorations */ .funWarrantyCard > * { position: relative; z-index: 3; } /* Animated Corner Shape */ .funWarrantyCard::before { content: ""; position: absolute; right: -45px; bottom: -55px; z-index: 0; width: 125px; height: 125px; border-radius: 42% 58% 64% 36%; background: color-mix( in srgb, var(--warrantyAccent) 20%, transparent ); animation: warrantyBlobMove 7s ease-in-out infinite; pointer-events: none; } /* Decorative Dots */ .funWarrantyCard::after { content: ""; position: absolute; top: 16px; right: 17px; z-index: 1; width: 9px; height: 9px; border-radius: 50%; background: var(--warrantyAccent); box-shadow: -16px 10px 0 rgba(255, 255, 255, 0.25), -2px 23px 0 color-mix( in srgb, var(--warrantyAccent) 55%, transparent ); transition: transform 0.4s ease; pointer-events: none; } /* Individual Accent Colors */ .funWarranty1 { --warrantyAccent: #ffd000; } .funWarranty2 { --warrantyAccent: #68d15f; } .funWarranty3 { --warrantyAccent: #35cce0; } /* Icon Animation */ .funWarrantyCard img { transition: transform 0.4s ease, filter 0.4s ease; } /* Text Styling */ .funWarrantyCard .dmNewParagraph { letter-spacing: 0.4px; } .funWarrantyCard .dmNewParagraph, .funWarrantyCard .dmNewParagraph * { font-weight: 700 !important; } /* Bottom Accent Line */ .funWarrantyCard .dmRespCol { position: relative; } .funWarrantyCard .dmRespCol::after { content: ""; position: absolute; left: 0; bottom: -12px; width: 42px; height: 4px; border-radius: 20px; background: var(--warrantyAccent); transition: width 0.4s ease; } /* Hover */ .funWarrantyCard:hover { transform: translateY(-7px) rotate(-0.4deg); border-color: color-mix( in srgb, var(--warrantyAccent) 75%, white ); background: linear-gradient( 135deg, rgba(15, 45, 62, 0.84), rgba(15, 45, 62, 0.54) ) !important; box-shadow: 0 22px 42px rgba(0, 0, 0, 0.3), 0 0 0 1px color-mix( in srgb, var(--warrantyAccent) 25%, transparent ); } .funWarrantyCard:hover img { transform: rotate(-12deg) scale(1.14); filter: drop-shadow(0 8px 8px rgba(0, 0, 0, 0.25)); } .funWarrantyCard:hover::after { transform: rotate(30deg) scale(1.15); } .funWarrantyCard:hover .dmRespCol::after { width: 75px; } /* Different Animation Timing */ .funWarranty1::before { animation-delay: 0s; } .funWarranty2::before { animation-delay: 0.8s; } .funWarranty3::before { animation-delay: 1.6s; } @keyframes warrantyBlobMove { 0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); } 50% { transform: translate(-12px, -9px) rotate(18deg) scale(1.12); } } /* Tablet and Mobile */ @media (max-width: 767px) { .funWarrantyCard { min-height: 100px; padding: 18px 20px !important; border-radius: 17px; } .funWarrantyCard:hover { transform: translateY(-4px); } .funWarrantyCard::before { width: 95px; height: 95px; } } /* Reduced Motion */ @media (prefers-reduced-motion: reduce) { .funWarrantyCard, .funWarrantyCard::before, .funWarrantyCard::after, .funWarrantyCard img { animation: none !important; transition: none !important; } } /* Modern Outdoor Benefit Cards */ .funBenefitCard { position: relative !important; overflow: hidden !important; isolation: isolate; min-height: 120px; padding: 24px 26px !important; display: flex !important; align-items: center !important; border: 2px solid rgba(255, 255, 255, 0.22); border-radius: 22px; background: linear-gradient( 135deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.06) ) !important; box-shadow: 0 14px 35px rgba(0, 45, 100, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.2); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.4s ease, box-shadow 0.4s ease, background 0.4s ease; } /* Keep Duda widgets above decorative elements */ .funBenefitCard > * { position: relative; z-index: 3; } /* Animated Decorative Shape */ .funBenefitCard::before { content: ""; position: absolute; z-index: 0; width: 120px; height: 120px; right: -45px; bottom: -55px; border-radius: 38% 62% 58% 42%; background: rgba(255, 215, 0, 0.16); animation: funBenefitBlob 7s ease-in-out infinite; pointer-events: none; } /* Small Playful Dot */ .funBenefitCard::after { content: ""; position: absolute; z-index: 1; width: 13px; height: 13px; top: 16px; right: 18px; border-radius: 50%; background: #ffd400; box-shadow: -18px 12px 0 rgba(255, 212, 0, 0.45), -3px 27px 0 rgba(255, 255, 255, 0.22); transition: transform 0.4s ease; pointer-events: none; } /* Individual Accent Variations */ .funBenefit1 { --benefitAccent: #ffd400; } .funBenefit2 { --benefitAccent: #8ed641; } .funBenefit3 { --benefitAccent: #ff9f1c; } .funBenefit4 { --benefitAccent: #42d6e8; } .funBenefit5 { --benefitAccent: #ffcf33; } .funBenefit6 { --benefitAccent: #7dd957; } /* Accent Bar */ .funBenefitCard .dmNewParagraph, .funBenefitCard .dmWidget, .funBenefitCard .imageWidget { position: relative; z-index: 2; } /* Icon Styling */ .funBenefitCard .imageWidget, .funBenefitCard [data-element-type="image"] { flex: 0 0 auto; transition: transform 0.4s ease, filter 0.4s ease; } .funBenefitCard img { transition: transform 0.4s ease, filter 0.4s ease; } /* Left Accent Line */ .funBenefitCard .dmRespCol { position: relative; } .funBenefitCard .dmRespCol::before { content: ""; position: absolute; left: -14px; top: 50%; width: 5px; height: 45%; min-height: 38px; border-radius: 20px; background: var(--benefitAccent, #ffd400); transform: translateY(-50%); transition: height 0.4s ease; } /* Hover Effect */ .funBenefitCard:hover { transform: translateY(-8px) rotate(-0.4deg); border-color: rgba(255, 212, 0, 0.7); background: linear-gradient( 135deg, rgba(255, 255, 255, 0.23), rgba(255, 255, 255, 0.09) ) !important; box-shadow: 0 22px 45px rgba(0, 35, 85, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.28); } .funBenefitCard:hover::after { transform: rotate(25deg) scale(1.15); } .funBenefitCard:hover img { transform: rotate(-10deg) scale(1.13); filter: drop-shadow(0 8px 8px rgba(0, 0, 0, 0.18)); } .funBenefitCard:hover .dmRespCol::before { height: 70%; } /* Staggered Floating Animations */ .funBenefit1::before { animation-delay: 0s; } .funBenefit2::before { animation-delay: 0.7s; } .funBenefit3::before { animation-delay: 1.4s; } .funBenefit4::before { animation-delay: 2.1s; } .funBenefit5::before { animation-delay: 2.8s; } .funBenefit6::before { animation-delay: 3.5s; } @keyframes funBenefitBlob { 0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); border-radius: 38% 62% 58% 42%; } 50% { transform: translate(-12px, -10px) rotate(18deg) scale(1.12); border-radius: 58% 42% 35% 65%; } } /* Tablet and Mobile */ @media (max-width: 767px) { .funBenefitCard { min-height: 105px; padding: 20px !important; border-radius: 18px; } .funBenefitCard:hover { transform: translateY(-4px); } .funBenefitCard::before { width: 95px; height: 95px; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .funBenefitCard, .funBenefitCard::before, .funBenefitCard::after, .funBenefitCard img { animation: none !important; transition: none !important; } } /* Outdoor Play Number Columns */ .playColumn1, .playColumn2, .playColumn3, .playColumn4 { position: relative !important; overflow: hidden !important; isolation: isolate; min-height: 280px; border-radius: 24px; transition: transform 0.4s ease, box-shadow 0.4s ease; } /* Keep Duda column content above the background */ .playColumn1 > *, .playColumn2 > *, .playColumn3 > *, .playColumn4 > * { position: relative; z-index: 3; } /* Large Background Numbers */ .playColumn1::before, .playColumn2::before, .playColumn3::before, .playColumn4::before { position: absolute; right: -10px; bottom: -45px; z-index: 1; font-size: clamp(150px, 18vw, 260px); font-weight: 900; line-height: 1; font-family: Arial, sans-serif; color: rgba(255, 255, 255, 0.22); pointer-events: none; animation: outdoorNumberFloat 5s ease-in-out infinite; } /* Individual Numbers */ .playColumn1::before { content: "1"; } .playColumn2::before { content: "2"; animation-delay: 0.5s; } .playColumn3::before { content: "3"; animation-delay: 1s; } .playColumn4::before { content: "4"; animation-delay: 1.5s; } /* Animated Decorative Circle */ .playColumn1::after, .playColumn2::after, .playColumn3::after, .playColumn4::after { content: ""; position: absolute; width: 170px; height: 170px; top: -65px; left: -55px; z-index: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.18); border: 2px dashed rgba(255, 255, 255, 0.35); animation: outdoorCircleSpin 14s linear infinite; pointer-events: none; } /* Fun Outdoor Colors */ .playColumn1 { background: linear-gradient( 135deg, #ffca28 0%, #ff9800 100% ) !important; } .playColumn2 { background: linear-gradient( 135deg, #43a047 0%, #8bc34a 100% ) !important; } .playColumn3 { background: linear-gradient( 135deg, #039be5 0%, #26c6da 100% ) !important; } .playColumn4 { background: linear-gradient( 135deg, #ef5350 0%, #ec407a 100% ) !important; } /* Hover Effect */ .playColumn1:hover, .playColumn2:hover, .playColumn3:hover, .playColumn4:hover { transform: translateY(-8px) rotate(-0.5deg); box-shadow: 0 18px 35px rgba(0, 0, 0, 0.16); } /* Number Animation */ @keyframes outdoorNumberFloat { 0%, 100% { transform: translateY(0) rotate(-5deg); } 50% { transform: translateY(-14px) rotate(2deg); } } /* Circle Animation */ @keyframes outdoorCircleSpin { from { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(1.08); } to { transform: rotate(360deg) scale(1); } } /* Mobile Adjustments */ @media (max-width: 767px) { .playColumn1, .playColumn2, .playColumn3, .playColumn4 { min-height: 230px; border-radius: 18px; } .playColumn1::before, .playColumn2::before, .playColumn3::before, .playColumn4::before { right: 5px; bottom: -25px; font-size: 160px; } .playColumn1:hover, .playColumn2:hover, .playColumn3:hover, .playColumn4:hover { transform: none; } } /* Respect Reduced-Motion Settings */ @media (prefers-reduced-motion: reduce) { .playColumn1::before, .playColumn2::before, .playColumn3::before, .playColumn4::before, .playColumn1::after, .playColumn2::after, .playColumn3::after, .playColumn4::after { animation: none; } } @media only screen and (max-width: 767px) { .responsive-advanced-tabs .tabsControlContainer { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 100% !important; overflow: visible !important; } .responsive-advanced-tabs .tabsControlContainer > [role="tab"] { width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; min-width: 100% !important; box-sizing: border-box !important; } .responsive-advanced-tabs .tabsControlContainer .tab-title { width: 100% !important; margin: 0 !important; padding: 14px 12px !important; text-align: center !important; white-space: normal !important; line-height: 1.3 !important; font-size: 14px !important; box-sizing: border-box !important; } } /* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { :root { --btn-border-l-color: rgb(0, 0, 0); --btn-border-r-color: rgb(0, 0, 0); --btn-border-b-width: 0px; --btn-border-radius: 6px; --btn-border-t-width: 0px; --btn-border-tl-radius: 300px; --btn-border-br-radius: 300px; --btn-border-bl-radius: 300px; --btn-bg-color: var(--color_1); --btn-box-shadow: 0px 4px 14px rgba(58,125,68,0.30); --btn-border-r-width: 0px; --btn-border-tr-radius: 300px; --btn-border-b-color: rgb(0, 0, 0); --btn-border-l-width: 0px; --border-style: solid; --btn-border-t-color: rgb(0, 0, 0); --btn-text-align: center; --btn-text-color: var(--color_2); --btn-text-font-weight: 700; --btn-text-font-family: Nunito Sans; --btn-icon-color: var(--color_6); --btn-icon-fill: var(--color_6); --btn-icon-wrpr-display: none; --btn-hover-border-b-color: var(--btn-hover-border-color); --btn-hover-bg: rgba(47,102,55,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: rgba(0, 0, 0, 1); --btn-hover-text-color: var(--color_12); --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_3); --btn-border-r-color: var(--color_3); --btn-border-b-width: 1.11111px; --btn-border-radius: 6px; --btn-border-t-width: 1.11111px; --btn-border-tl-radius: 300px; --btn-border-br-radius: 300px; --btn-border-bl-radius: 300px; --btn-bg-color: rgba(0,0,0,0); --btn-box-shadow: none; --btn-border-r-width: 1.11111px; --btn-border-tr-radius: 300px; --btn-border-b-color: var(--color_3); --btn-border-l-width: 1.11111px; --border-style: solid; --btn-border-t-color: var(--color_3); --btn-text-align: center; --btn-text-color: var(--color_3); --btn-text-font-weight: 700; --btn-text-font-family: Nunito Sans; --btn-icon-color: var(--color_4); --btn-icon-fill: var(--color_4); --btn-icon-wrpr-display: none; --btn-hover-border-b-color: var(--btn-hover-border-color); --btn-hover-bg: var(--color_4); --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_4); --btn-hover-text-color: var(--color_12); --btn-hover-text-font-weight: var(--btn-text-font-weight); --btn-hover-text-decoration: none; --btn-hover-text-font-style: var(--btn-text-font-style); } :root { --section-padding-top: 80px; --section-padding-left: 40px; --section-padding-right: 40px; --section-padding-bottom: 80px; --column-padding-top: 10px; --column-padding-right: 10px; --column-padding-left: 10px; --column-padding-bottom: 10px; --inner-column-padding-left: 10px; --inner-column-padding-right: 10px; --inner-column-padding-top: 10px; --inner-column-padding-bottom: 10px; } } @media (min-width: 1025px) { :root { --btn-text-font-size: 16px; } .button_2 { --btn-text-font-size: 16px; } } @media (min-width: 768px) and (max-width: 1024px) { :root { --btn-text-font-size: 14px; } .button_2 { --btn-text-font-size: 14px; } } @media (min-width: 768px) and (max-width: 1024px) { :root { --section-padding-top: 60px; --section-padding-left: 30px; --section-padding-right: 30px; --section-padding-bottom: 60px; } } @media (min-width: 0px) and (max-width: 767px) { :root { --btn-text-font-size: 13px; } .button_2 { --btn-text-font-size: 13px; } } @media (min-width: 0px) and (max-width: 767px) { :root { --section-padding-top: 40px; --section-padding-left: 15px; --section-padding-right: 15px; --section-padding-bottom: 40px; } } #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 .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='FLAT_ROUND'] { background-clip: border-box; border-radius: 6px; } #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='FLAT_ROUND'].flexButton { padding: 10px 7px; } #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='FLAT_ROUND'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] .text { padding: 10px 7px; } #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='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 .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] { overflow: initial; background-clip: border-box; border-radius: 1px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'].flexButton { padding: 16px 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] .text { padding: 16px 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] .iconBg { display: none; } @media (min-width: 768px) { #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; } } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] { border-radius: 50px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'].flexButton { padding: 10px 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] .text { padding: 10px 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] .iconBg { display: none; } #dm div.dmInner #site_content .dmWidget, #dm div.dmInner .dmHeader .dmWidget { background-color: var(--btn-bg-color); border-color: var(--btn-border-color); border-bottom-color: var(--btn-border-b-color); border-left-color: var(--btn-border-l-color); border-right-color: var(--btn-border-r-color); border-top-color: var(--btn-border-t-color); border-radius: var(--btn-border-radius); border-bottom-left-radius: var(--btn-border-bl-radius); border-bottom-right-radius: var(--btn-border-br-radius); border-top-left-radius: var(--btn-border-tl-radius); border-top-right-radius: var(--btn-border-tr-radius); border-width: var(--btn-border-width); border-bottom-width: var(--btn-border-b-width); border-left-width: var(--btn-border-l-width); border-right-width: var(--btn-border-r-width); border-top-width: var(--btn-border-t-width); box-shadow: var(--btn-box-shadow); 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); } #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); text-decoration: var(--btn-hover-text-decoration); } #dm div.dmInner #site_content .dmWidget span.icon, #dm div.dmInner .dmHeader .dmWidget span.icon { color: var(--btn-icon-color); fill: var(--btn-icon-fill); } #dm div.dmInner #site_content .dmWidget:not([data-buttonstyle]) .iconBg, #dm div.dmInner .dmHeader .dmWidget:not([data-buttonstyle]) .iconBg { display: var(--btn-icon-wrpr-display); } .dmBody [data-layout-grid] > .flex-element.group, .dmFooterContainer [data-layout-grid] > .flex-element.group { padding-bottom: var(--section-padding-bottom); padding-left: var(--section-padding-left); padding-right: var(--section-padding-right); padding-top: var(--section-padding-top); } .dmBody [data-layout-grid] > .flex-element.group > .flex-element.group, .dmFooterContainer [data-layout-grid] > .flex-element.group > .flex-element.group { padding-bottom: var(--column-padding-bottom); padding-left: var(--column-padding-left); padding-right: var(--column-padding-right); padding-top: var(--column-padding-top); } .dmBody [data-layout-grid] > .flex-element.group > .flex-element.group .flex-element.group:not([data-layout-type] *):not([data-layout-type]), .dmFooterContainer [data-layout-grid] > .flex-element.group > .flex-element.group .flex-element.group:not([data-layout-type] *):not([data-layout-type]) { padding-bottom: var(--inner-column-padding-bottom); padding-left: var(--inner-column-padding-left); padding-right: var(--inner-column-padding-right); padding-top: var(--inner-column-padding-top); } @media all { nav.u_1998592992 { color:white !important; } *#dm .dmInner *.u_1306770187 { width:100% !important; } *#dm .dmInner *.u_1581198931 { width:100% !important; } *#dm .dmInner div#hamburger-drawer.layout-drawer { background-color:rgba(255,255,255,1) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgba(0,0,0,1) !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 div.u_1700436784 .socialHubIcon { width:36px !important; height:36px !important; line-height:36px !important; font-size:24px !important; } *#dm .dmInner div.u_1700436784 .socialHubInnerDiv { justify-content:flex-start !important; } *#dm .dmInner div.u_1319712023 img { object-fit:contain !important; } *#dm .dmInner *.u_1525779032 { width:100% !important; } *#dm .dmInner *.u_1372153293 { justify-content:center !important; } *#dm .dmInner div.u_1809195060 input, *#dm .dmInner div.u_1809195060 textarea, *#dm .dmInner div.u_1809195060 select { border-color:var(--color_7) !important; border-width:1px !important; border-style:solid !important; border-radius:10px !important; } *#dm .dmInner div.u_1514943540 input, *#dm .dmInner div.u_1514943540 textarea, *#dm .dmInner div.u_1514943540 select { border-color:var(--color_7) !important; border-width:1px !important; border-style:solid !important; border-radius:10px !important; } *#dm .dmInner div.u_1936155623 input, *#dm .dmInner div.u_1936155623 textarea, *#dm .dmInner div.u_1936155623 select { border-color:var(--color_7) !important; border-width:1px !important; border-style:solid !important; border-radius:10px !important; } *#dm .dmInner div.u_1309910261 input, *#dm .dmInner div.u_1309910261 textarea, *#dm .dmInner div.u_1309910261 select { border-color:var(--color_7) !important; border-width:1px !important; border-style:solid !important; border-radius:10px !important; } *#dm .dmInner div.u_1140054749 input, *#dm .dmInner div.u_1140054749 textarea, *#dm .dmInner div.u_1140054749 select { border-color:var(--color_7) !important; border-width:1px !important; border-style:solid !important; border-radius:10px !important; } *#dm .dmInner div.u_1544253439 input, *#dm .dmInner div.u_1544253439 textarea, *#dm .dmInner div.u_1544253439 select { border-color:var(--color_7) !important; border-width:1px !important; border-style:solid !important; border-radius:10px !important; } *#dm .dmInner div.u_1544253439 .advanced-form-label { color:var(--color_2) !important; } *#dm .dmInner div.u_1936155623 .advanced-form-label { color:var(--color_2) !important; } *#dm .dmInner div.u_1809195060 .advanced-form-label { color:var(--color_2) !important; } *#dm .dmInner div.u_1514943540 .advanced-form-label { color:var(--color_2) !important; } *#dm .dmInner div.u_1140054749 input[type="checkbox"]:not(:checked) { border-style:solid !important; border-width:1.11111px 1.11111px 1.11111px 1.11111px !important; border-color:var(--color_2) var(--color_2) var(--color_2) var(--color_2) !important; } *#dm .dmInner div.u_1140054749 input[type="radio"]:not(:checked) { border-style:solid !important; border-width:1.11111px 1.11111px 1.11111px 1.11111px !important; border-color:var(--color_2) var(--color_2) var(--color_2) var(--color_2) !important; } *#dm .dmInner div.u_1140054749 .advanced-form-label { color:var(--color_2) !important; } *#dm .dmInner div.u_1309910261 .advanced-form-label { color:var(--color_2) !important; } *#dm .dmInner div.u_1544253439 input { border-style:solid !important; border-width:1.11111px 1.11111px 1.11111px 1.11111px !important; border-color:var(--color_2) var(--color_2) var(--color_2) var(--color_2) !important; font-size:16px !important; } *#dm .dmInner div.u_1544253439 textarea { border-style:solid !important; border-width:1.11111px 1.11111px 1.11111px 1.11111px !important; border-color:var(--color_2) var(--color_2) var(--color_2) var(--color_2) !important; font-size:16px !important; } *#dm .dmInner div.u_1544253439 select { border-style:solid !important; border-width:1.11111px 1.11111px 1.11111px 1.11111px !important; border-color:var(--color_2) var(--color_2) var(--color_2) var(--color_2) !important; font-size:16px !important; } *#dm .dmInner div.u_1936155623 input { border-style:solid !important; border-width:1.11111px 1.11111px 1.11111px 1.11111px !important; border-color:var(--color_2) var(--color_2) var(--color_2) var(--color_2) !important; font-size:16px !important; } *#dm .dmInner div.u_1936155623 textarea { border-style:solid !important; border-width:1.11111px 1.11111px 1.11111px 1.11111px !important; border-color:var(--color_2) var(--color_2) var(--color_2) var(--color_2) !important; font-size:16px !important; } *#dm .dmInner div.u_1936155623 select { border-style:solid !important; border-width:1.11111px 1.11111px 1.11111px 1.11111px !important; border-color:var(--color_2) var(--color_2) var(--color_2) var(--color_2) !important; font-size:16px !important; } *#dm .dmInner div.u_1809195060 input { border-style:solid !important; border-width:1.11111px 1.11111px 1.11111px 1.11111px !important; border-color:var(--color_2) var(--color_2) var(--color_2) var(--color_2) !important; font-size:16px !important; } *#dm .dmInner div.u_1809195060 textarea { border-style:solid !important; border-width:1.11111px 1.11111px 1.11111px 1.11111px !important; border-color:var(--color_2) var(--color_2) var(--color_2) var(--color_2) !important; font-size:16px !important; } *#dm .dmInner div.u_1809195060 select { border-style:solid !important; border-width:1.11111px 1.11111px 1.11111px 1.11111px !important; border-color:var(--color_2) var(--color_2) var(--color_2) var(--color_2) !important; font-size:16px !important; } *#dm .dmInner div.u_1514943540 input { border-style:solid !important; border-width:1.11111px 1.11111px 1.11111px 1.11111px !important; border-color:var(--color_2) var(--color_2) var(--color_2) var(--color_2) !important; font-size:16px !important; } *#dm .dmInner div.u_1514943540 textarea { border-style:solid !important; border-width:1.11111px 1.11111px 1.11111px 1.11111px !important; border-color:var(--color_2) var(--color_2) var(--color_2) var(--color_2) !important; font-size:16px !important; } *#dm .dmInner div.u_1514943540 select { border-style:solid !important; border-width:1.11111px 1.11111px 1.11111px 1.11111px !important; border-color:var(--color_2) var(--color_2) var(--color_2) var(--color_2) !important; font-size:16px !important; } *#dm .dmInner div.u_1309910261 input { font-size:16px !important; } *#dm .dmInner div.u_1309910261 textarea { font-size:16px !important; } *#dm .dmInner div.u_1309910261 select { font-size:16px !important; } *#dm .dmInner div.u_1140054749 .form-dropdown { border-style:solid !important; border-width:1.11111px 1.11111px 1.11111px 1.11111px !important; border-color:var(--color_2) var(--color_2) var(--color_2) var(--color_2) !important; --dropdown-placeholder-font-size-selected:16px !important; --dropdown-placeholder-font-color-selected:var(--color_2) !important; --dropdown-placeholder-font-size:16px !important; } *#dm .dmInner div.u_1309910261 input::placeholder { font-size:16px !important; } *#dm .dmInner div.u_1309910261 textarea::placeholder { font-size:16px !important; } *#dm .dmInner div.u_1309910261 select::placeholder { font-size:16px !important; } *#dm .dmInner nav.u_1372153293.main-navigation.unifiednav .unifiednav__container[data-depth] { background-color:var(--color_3) !important; background-image:none !important; } *#dm .dmInner nav.u_1372153293.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover { color:var(--color_12) !important; background-color:var(--color_1) !important; background-image:none !important; } *#dm .dmInner nav.u_1372153293.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.hover { color:var(--color_12) !important; background-color:var(--color_1) !important; background-image:none !important; } *#dm .dmInner nav.u_1372153293.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.dmNavItemSelected { color:var(--color_12) !important; background-color:var(--color_1) !important; background-image:none !important; } *#dm .dmInner div.u_1865433667 .svg { fill:var(--color_1) !important; } *#dm .dmInner div.u_1865433667 span[data-icon-mask] { background-color:var(--color_1) !important; } *#dm .dmInner div.u_1199791737 .socialHubIcon { color:var(--color_3) !important; border-color:rgba(0,0,0,1) !important; } *#dm .dmInner nav.u_1372153293.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { color:var(--color_12) !important; font-size:14px !important; } *#dm .dmInner nav.u_1372153293.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_1372153293.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_1372153293.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgb(0,0,0) !important; font-size:14px !important; font-weight:bold !important; direction:ltr !important; border-bottom-left-radius:0px !important; padding-top:0px !important; text-decoration:none !important; padding-left:11px !important; padding-bottom:0px !important; border-top-right-radius:0px !important; font-style:normal !important; margin-right:0px !important; border-radius:0px !important; margin-left:0px !important; text-transform:none !important; border-top-left-radius:0px !important; justify-content:flex-start !important; font-family:"Nunito Sans" !important; border-bottom-right-radius:0px !important; margin-top:0px !important; -webkit-border-radius:0px !important; margin-bottom:0px !important; text-align:start !important; padding-right:11px !important; } *#dm .dmInner div.u_1182867238 .map-popup-title { font-size:18px !important; } *#dm .dmInner div.u_1182867238 .map-popup-description { font-size:14px !important; color:var(--color_2) !important; } } @media (min-width:0) and (max-width:767px) { *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-75vw,0) !important; } *#dm .dmInner *#hamburger-drawer.layout-drawer[data-origin="top"]:not([data-auto-height]) { height:100% !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(0,100%) !important; } } @media (min-width:1025px) { *.stickyHeaderSpacer { height:249.2734375px !important; } *#dm .dmInner *.u_1199791737 .socialHubIcon { width:30px !important; height:30px !important; font-size:20px !important; line-height:30px !important; } *#dm .dmInner *.u_1199791737 .socialHubIcon:after { width:38px !important; height:30px !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 *.u_1199791737 .socialHubIcon { width:31px !important; height:31px !important; font-size:20.666666666666668px !important; line-height:31px !important; } *#dm .dmInner *.u_1199791737 .socialHubIcon:after { width:39px !important; height:31px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { font-size:16px !important; } } @media (min-width:0px) and (max-width:767px) { *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { font-size:15px !important; } }