/* ==================================================================== */ /* 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: "Roboto Mono", "Roboto Mono Fallback"; color:var(--color_1); font-weight:300; } *#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:rgb(73,73,73); direction:ltr; font-family: Roboto, "Roboto 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_5); } *#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_6); } *#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_5); } #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(73,73,73); direction:ltr; font-family: "Instrument Serif", "Instrument Serif Fallback"; 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(73,73,73); direction:ltr; font-family: "Instrument Serif", "Instrument Serif Fallback"; font-weight:normal; font-style:normal; text-decoration:none; letter-spacing:initial; } #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(73,73,73); direction:ltr; font-family: "Roboto Mono", "Roboto Mono Fallback"; 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(73,73,73); direction:ltr; font-family: "Roboto Mono", "Roboto Mono Fallback"; font-weight:400; font-style:normal; 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 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(73,73,73); direction:ltr; font-family: "Roboto Mono", "Roboto Mono Fallback"; font-weight:400; font-style:normal; 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 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(73,73,73); direction:ltr; font-family: "Roboto Mono", "Roboto Mono Fallback"; font-weight:normal; font-style:normal; 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; } #dmRoot #dm div.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { color:rgb(73,73,73); direction:ltr; font-family: "Roboto Mono", "Roboto Mono Fallback"; font-weight:300; font-style:normal; text-decoration:none; } } @media (min-width:1025px) { *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:18px; } #dm div.dmNewParagraph p { font-size:18px; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:16px; } #dm DIV.dmOuter DIV.dmInner, #dm DIV.dmOuter DIV#dmSlideRightNavRight { background-image:none; } #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:18px; } #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; } } @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; } } @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; } } .navbackclr{ background-color: rgba(199, 214, 207, 0.3); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(10px); } .BTN1 { transition: transform 0.2s ease, box-shadow 0.2s ease; } .BTN1:hover { transform: translateY(-2px); } /* Base link style with smooth transition */ .nav-btn a, .navbackclr a { transition: text-shadow 0.2s ease, font-weight 0.2s ease !important; } /* Smooth bold effect on hover AND active link */ .nav-btn a:hover, .nav-btn.active a, .nav-btn a.active, .nav-btn a.selected, .nav-btn a[aria-current="page"], .navbackclr a:hover, .navbackclr a.active, .navbackclr a.selected, .navbackclr a[aria-current="page"] { text-shadow: 0 0 0.65px currentColor, 0 0 0.65px currentColor !important; font-weight: normal !important; } /* Smooth scale-up effect for products on hover */ .product-card, .product-item, .product-image { transition: transform 0.3s ease !important; } .product-card:hover, .product-item:hover, .product-image:hover { transform: scale(1.04) !important; } /* Custom CSS class */ .auto-height { height: auto !important; } /* Enable flex wrapping for footer buttons on small screens */ .nav-btn-wrapper { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 10px !important; }{ font-size: 15px; font-weight: 600; color: #111111; } /* ========================================================================== 1. DRAWER CONTAINER & HEADER (SAGE GREEN THEME & ROUNDED CORNERS) ========================================================================== */ /* Main Side Drawer Container */ /*.offcanvas.offcanvas-end,*/ /*.offcanvas-end {*/ /* background-color: #CBD5CC !important;*/ /* border-top-left-radius: 28px !important;*/ /* border-bottom-left-radius: 28px !important;*/ /* overflow: hidden !important;*/ /* border: 1px solid rgba(0, 0, 0, 0.1) !important;*/ /*}*/ /* Offcanvas Header */ /*.offcanvas-header {*/ /* background-color: #CBD5CC !important;*/ /* border-bottom: 1px solid #1E1E1E !important;*/ /* padding: 20px 24px !important;*/ /*}*/ /* Header Title ("your cart.") */ /*.offcanvas-header h6,*/ /*.offcanvas-header .fw-boldest {*/ /* font-family: "premint", serif !important;*/ /* font-size: 2rem !important;*/ /* font-weight: 400 !important;*/ /* text-transform: lowercase !important;*/ /* color: #2B2B2B !important;*/ /* letter-spacing: 0.5px !important;*/ /* margin: 0 !important;*/ /*}*/ /* Header Close Button (X) */ /*.offcanvas-header .btn-close {*/ /* opacity: 1 !important;*/ /* font-size: 1.1rem !important;*/ /* filter: none !important;*/ /*}*/ /* ========================================================================== 2. CART BODY, WHITE FLOATING CARD & EMPTY CART SECTION ========================================================================== */ /*.offcanvas-body {*/ /* background-color: #CBD5CC !important;*/ /* padding: 20px 24px !important;*/ /*}*/ /* "Product" Section Label */ /*.offcanvas-body > div > p,*/ /*.offcanvas-body h6:not(.offcanvas-header h6) {*/ /* font-family: "DM Sans", sans-serif !important;*/ /* font-size: 1.1rem !important;*/ /* font-weight: 500 !important;*/ /* color: #2B2B2B !important;*/ /* margin-bottom: 16px !important;*/ /*}*/ /* White Card Box Container (.cart-card & .card-body) */ /*.offcanvas-body .cart-card,*/ /*.offcanvas-body .card.cart-card,*/ /*.offcanvas-body .d-flex.py-3,*/ /*.offcanvas-body .d-flex.py-3.border-bottom {*/ /* background-color: #FFFFFF !important;*/ /* border-radius: 20px !important;*/ /* padding: 20px !important;*/ /* border: none !important;*/ /* margin-bottom: 16px !important;*/ /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;*/ /*}*/ /*.offcanvas-body .cart-card .card-body {*/ /* background-color: #FFFFFF !important;*/ /* border-radius: 20px !important;*/ /* padding: 10px !important;*/ /*}*/ /* Empty Cart Text ("Your cart is currently empty.") */ /*.offcanvas-body .cart-card h6.text-gray-500,*/ /*.offcanvas-body .cart-card .text-gray-500 {*/ /* font-family: "DM Sans", sans-serif !important;*/ /* font-size: 1.05rem !important;*/ /* font-weight: 500 !important;*/ /* color: #2B2B2B !important;*/ /* text-align: center !important;*/ /* margin-bottom: 16px !important;*/ /*}*/ /* Empty Cart "Continue Shopping" Button */ /*.offcanvas-body .cart-card button.btn,*/ /*.offcanvas-body .cart-card .btn-dark {*/ /* font-family: "DM Sans", sans-serif !important;*/ /* background-color: #2B2B2B !important;*/ /* background: #2B2B2B !important;*/ /* color: #FFFFFF !important;*/ /* border-radius: 50px !important;*/ /* height: 48px !important;*/ /* font-size: 0.9rem !important;*/ /* font-weight: 500 !important;*/ /* text-transform: capitalize !important;*/ /* border: none !important;*/ /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;*/ /* transition: transform 0.25s ease !important;*/ /*}*/ /*.offcanvas-body .cart-card button.btn:hover {*/ /* transform: translateY(-2px) !important;*/ /* color: #FFFFFF !important;*/ /* background-color: #2B2B2B !important;*/ /*}*/ /* Product Item Details (When Cart Has Items) */ /*.offcanvas-body img#cart-img,*/ /*.offcanvas-body .symbol img {*/ /* border-radius: 16px !important;*/ /* width: 85px !important;*/ /* height: 85px !important;*/ /* object-fit: cover !important;*/ /*}*/ /* Product Name Title */ /*.offcanvas-body .d-flex.flex-column p,*/ /*.offcanvas-body .d-flex.flex-column a {*/ /* font-family: "premint", serif !important;*/ /* font-size: 1.25rem !important;*/ /* color: #2B2B2B !important;*/ /* text-transform: uppercase !important;*/ /* text-decoration: none !important;*/ /* margin-bottom: 4px !important;*/ /*}*/ /* Size / Variant Subtitle (e.g. 750ml) */ /*.offcanvas-body .text-muted,*/ /*.offcanvas-body .fs-7 {*/ /* font-family: "DM Sans", sans-serif !important;*/ /* font-size: 0.85rem !important;*/ /* color: #555555 !important;*/ /*}*/ /* Quantity Controls Pill (- 1 +) */ /*.offcanvas-body .qty-cart {*/ /* border: 1px solid #777777 !important;*/ /* border-radius: 20px !important;*/ /* padding: 2px 10px !important;*/ /* background: transparent !important;*/ /* display: inline-flex !important;*/ /* align-items: center !important;*/ /* gap: 8px !important;*/ /* margin-top: 6px !important;*/ /*}*/ /*.offcanvas-body .qty-cart input,*/ /*.offcanvas-body .qty-cart span,*/ /*.offcanvas-body .qty-cart button {*/ /* font-family: "DM Sans", sans-serif !important;*/ /* border: none !important;*/ /* background: transparent !important;*/ /* font-weight: 500 !important;*/ /* color: #2B2B2B !important;*/ /*}*/ /* "Remove" Link */ /*.offcanvas-body .text-blue,*/ /*.offcanvas-body .cursor-pointer {*/ /* font-family: "DM Sans", sans-serif !important;*/ /* color: #3B52E1 !important;*/ /* font-size: 0.85rem !important;*/ /* text-decoration: none !important;*/ /* font-weight: 500 !important;*/ /*}*/ /* Product Item Price */ /*.offcanvas-body .fw-bolder span,*/ /*.offcanvas-body .fw-bolder {*/ /* font-family: "DM Sans", sans-serif !important;*/ /* font-weight: 700 !important;*/ /* font-size: 1.15rem !important;*/ /* color: #2B2B2B !important;*/ /*}*/ /* ========================================================================== 3. FOOTER, SUBTOTAL & SIDE-BY-SIDE BUTTONS ========================================================================== */ /* Footer Outer Section Container */ /*div.d-flex.flex-column.justify-content-end.p-4 {*/ /* background-color: #CBD5CC !important;*/ /* border-top: 1px solid #1E1E1E !important;*/ /* padding: 24px !important;*/ /* display: grid !important;*/ /* grid-template-columns: 1fr 1fr !important;*/ /* gap: 12px !important;*/ /* align-items: center !important;*/ /*}*/ /* Subtotal Section Container */ /*div.d-flex.flex-column.justify-content-end.p-4 > div.justify-content-between {*/ /* grid-column: 1 / -1 !important;*/ /* margin-bottom: 12px !important;*/ /* padding-top: 0 !important;*/ /*}*/ /* Subtotal Text & Price Labels */ /*div.d-flex.flex-column.justify-content-end.p-4 p,*/ /*div.d-flex.flex-column.justify-content-end.p-4 .fw-boldest,*/ /*div.d-flex.flex-column.justify-content-end.p-4 .fs-24 {*/ /* font-family: "DM Sans", sans-serif !important;*/ /* font-size: 1.35rem !important;*/ /* font-weight: 700 !important;*/ /* color: #2B2B2B !important;*/ /* margin: 0 !important;*/ /*}*/ /* Hide Tax and Shipping Notice */ /*div.d-flex.flex-column.justify-content-end.p-4 > div.mb-2,*/ /*div.d-flex.flex-column.justify-content-end.p-4 .fs-6.text-black {*/ /* display: none !important;*/ /*}*/ /* Right Side: Check Out Button Div */ /*div.d-flex.flex-column.justify-content-end.p-4 > div.mb-7:nth-of-type(1) {*/ /* grid-column: 2 !important;*/ /* grid-row: 2 !important;*/ /* margin-bottom: 0 !important;*/ /* width: 100% !important;*/ /*}*/ /* Left Side: Continue Shopping Button Div */ /*div.d-flex.flex-column.justify-content-end.p-4 > div.mb-7:nth-of-type(2) {*/ /* grid-column: 1 !important;*/ /* grid-row: 2 !important;*/ /* margin-bottom: 0 !important;*/ /* width: 100% !important;*/ /*}*/ /* "Continue Shopping" Pill Button (Left) */ /*div.d-flex.flex-column.justify-content-end.p-4 button.btn-light-dark,*/ /*div.d-flex.flex-column.justify-content-end.p-4 div.mb-7:nth-of-type(2) button {*/ /* font-family: "DM Sans", sans-serif !important;*/ /* background-color: #CBD5CC !important;*/ /* background: #CBD5CC !important;*/ /* border: 1px solid #2B2B2B !important;*/ /* border-radius: 50px !important;*/ /* color: #2B2B2B !important;*/ /* height: 48px !important;*/ /* font-size: 0.88rem !important;*/ /* font-weight: 500 !important;*/ /* width: 100% !important;*/ /* box-shadow: none !important;*/ /*}*/ /* "Check Out" Pill Button (Right) */ /*div.d-flex.flex-column.justify-content-end.p-4 button.btn-dark,*/ /*div.d-flex.flex-column.justify-content-end.p-4 div.mb-7:nth-of-type(1) button {*/ /* font-family: "DM Sans", sans-serif !important;*/ /* background-color: #2B2B2B !important;*/ /* background: #2B2B2B !important;*/ /* border: none !important;*/ /* border-radius: 50px !important;*/ /* color: #FFFFFF !important;*/ /* height: 48px !important;*/ /* font-size: 0.88rem !important;*/ /* font-weight: 500 !important;*/ /* text-transform: capitalize !important;*/ /* width: 100% !important;*/ /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;*/ /*}*/ /* ================================================================ CORKSY CART DRAWER — FINAL HIGH-SPECIFICITY OVERRIDES Put this CSS AFTER ALL OTHER CART CSS ================================================================ */ /* ================================================================ 1. CART DRAWER ================================================================ */ /*html body .offcanvas.offcanvas-end.offcanvas-end {*/ /* background-color: #CBD5CC !important;*/ /* border-top-left-radius: 28px !important;*/ /* border-bottom-left-radius: 28px !important;*/ /* overflow: hidden !important;*/ /* border: 1px solid rgba(0, 0, 0, 0.1) !important;*/ /*}*/ /* ================================================================ 2. CART HEADER "your cart." = PREMINT ================================================================ */ /*html body .offcanvas.offcanvas-end .offcanvas-header,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-header {*/ /* background-color: #CBD5CC !important;*/ /* border-bottom: 1px solid #1E1E1E !important;*/ /* padding: 20px 24px !important;*/ /*}*/ /* YOUR CART — PREMINT */ /*html body .offcanvas.offcanvas-end .offcanvas-header h6,*/ /*html body .offcanvas.offcanvas-end .offcanvas-header .fw-boldest,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-header h6,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-header .fw-boldest {*/ /* font-family: "premint", serif !important;*/ /* font-size: 2rem !important;*/ /* font-weight: 400 !important;*/ /* text-transform: lowercase !important;*/ /* color: #2B2B2B !important;*/ /* letter-spacing: 0.5px !important;*/ /* margin: 0 !important;*/ /*}*/ /* CLOSE X */ /*html body .offcanvas.offcanvas-end .offcanvas-header .btn-close,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-header .btn-close {*/ /* opacity: 1 !important;*/ /* font-size: 1.1rem !important;*/ /* filter: none !important;*/ /*}*/ /* ================================================================ 3. CART BODY ================================================================ */ /*html body .offcanvas.offcanvas-end .offcanvas-body,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body {*/ /* background-color: #CBD5CC !important;*/ /* padding: 20px 24px !important;*/ /*}*/ /* ================================================================ 4. "PRODUCT" LABEL DM SANS ================================================================ */ /*html body .offcanvas.offcanvas-end .offcanvas-body > div > p,*/ /*html body .offcanvas.offcanvas-end .offcanvas-body h6:not(.offcanvas-header h6),*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body > div > p {*/ /* font-family: "DM Sans", sans-serif !important;*/ /* font-size: 1.1rem !important;*/ /* font-weight: 500 !important;*/ /* color: #2B2B2B !important;*/ /* margin-bottom: 16px !important;*/ /*}*/ /* ================================================================ 5. PRODUCT CARDS ================================================================ */ /*html body .offcanvas.offcanvas-end .offcanvas-body .cart-card,*/ /*html body .offcanvas.offcanvas-end .offcanvas-body .card.cart-card,*/ /*html body .offcanvas.offcanvas-end .offcanvas-body .d-flex.py-3,*/ /*html body .offcanvas.offcanvas-end .offcanvas-body .d-flex.py-3.border-bottom,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .d-flex.py-3 {*/ /* background-color: #FFFFFF !important;*/ /* border-radius: 20px !important;*/ /* padding: 20px !important;*/ /* border: none !important;*/ /* margin-bottom: 16px !important;*/ /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;*/ /*}*/ /* ================================================================ 6. PRODUCT IMAGE ================================================================ */ /*html body .offcanvas.offcanvas-end .offcanvas-body img#cart-img,*/ /*html body .offcanvas.offcanvas-end .offcanvas-body .symbol img,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body img#cart-img {*/ /* border-radius: 16px !important;*/ /* width: 85px !important;*/ /* height: 85px !important;*/ /* object-fit: cover !important;*/ /*}*/ /* ================================================================ 7. PRODUCT NAME BLACK HIGHLIGHT = PREMINT ================================================================ */ /*html body .offcanvas.offcanvas-end .offcanvas-body .d-flex.flex-column p,*/ /*html body .offcanvas.offcanvas-end .offcanvas-body .d-flex.flex-column a,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .d-flex.flex-column p,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .d-flex.flex-column a {*/ /* font-family: "premint", serif !important;*/ /* font-size: 1.25rem !important;*/ /* font-weight: 400 !important;*/ /* color: #2B2B2B !important;*/ /* text-transform: uppercase !important;*/ /* text-decoration: none !important;*/ /* IMPORTANT — creates room below product name */ /* margin-top: 0 !important;*/ /* margin-bottom: 8px !important;*/ /* line-height: 1.15 !important;*/ /*}*/ /* ================================================================ 8. PRODUCT INFORMATION COLUMN This is what fixes the vertical spacing ================================================================ */ /*html body .offcanvas.offcanvas-end .offcanvas-body .d-flex.py-3 .d-flex.flex-column,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .d-flex.py-3 .d-flex.flex-column {*/ /* display: flex !important;*/ /* flex-direction: column !important;*/ /* align-items: flex-start !important;*/ /* SPACE BETWEEN PRODUCT NAME / SIZE / QUANTITY */ /* gap: 8px !important;*/ /* min-width: 0 !important;*/ /*}*/ /* ================================================================ 9. SIZE / VARIANT "750 ML" = DM SANS ================================================================ */ /*html body .offcanvas.offcanvas-end .offcanvas-body .text-muted,*/ /*html body .offcanvas.offcanvas-end .offcanvas-body .fs-7,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .text-muted,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .fs-7 {*/ /* font-family: "DM Sans", sans-serif !important;*/ /* font-size: 0.85rem !important;*/ /* font-weight: 500 !important;*/ /* color: #555555 !important;*/ /* RED HIGHLIGHT FIX */ /* margin-top: 0 !important;*/ /* margin-bottom: 4px !important;*/ /* line-height: 1.2 !important;*/ /*}*/ /* ================================================================ 10. QUANTITY PILL RED HIGHLIGHT FIX ================================================================ */ /*html body .offcanvas.offcanvas-end .offcanvas-body .qty-cart,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .qty-cart {*/ /* border: 1px solid #777777 !important;*/ /* border-radius: 20px !important;*/ /* padding: 2px 10px !important;*/ /* background: transparent !important;*/ /* display: inline-flex !important;*/ /* align-items: center !important;*/ /* justify-content: center !important;*/ /* MAIN FIX */ /* margin-top: 6px !important;*/ /* margin-bottom: 0 !important;*/ /* SPACE INSIDE PILL */ /* gap: 8px !important;*/ /* min-height: 42px !important;*/ /*}*/ /* QUANTITY TEXT / BUTTONS */ /*html body .offcanvas.offcanvas-end .offcanvas-body .qty-cart input,*/ /*html body .offcanvas.offcanvas-end .offcanvas-body .qty-cart span,*/ /*html body .offcanvas.offcanvas-end .offcanvas-body .qty-cart button,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .qty-cart input,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .qty-cart span,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .qty-cart button {*/ /* font-family: "DM Sans", sans-serif !important;*/ /* border: none !important;*/ /* background: transparent !important;*/ /* font-weight: 500 !important;*/ /* color: #2B2B2B !important;*/ /*}*/ /* ================================================================ 11. EXTRA FORCE FOR THE SPACE BETWEEN 750 ML AND QUANTITY ================================================================ */ /*html body .offcanvas.offcanvas-end .offcanvas-body .qty-cart {*/ /* transform: translateY(4px) !important;*/ /*}*/ /* ================================================================ 12. REMOVE DM SANS ================================================================ */ /*html body .offcanvas.offcanvas-end .offcanvas-body .text-blue,*/ /*html body .offcanvas.offcanvas-end .offcanvas-body .cursor-pointer,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .text-blue,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .cursor-pointer {*/ /* font-family: "DM Sans", sans-serif !important;*/ /* color: #2B2B2B !important;*/ /* font-size: 0.85rem !important;*/ /* text-decoration: none !important;*/ /* font-weight: 500 !important;*/ /*}*/ /* ================================================================ 13. PRODUCT PRICE DM SANS ================================================================ */ /*html body .offcanvas.offcanvas-end .offcanvas-body .fw-bolder,*/ /*html body .offcanvas.offcanvas-end .offcanvas-body .fw-bolder span,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .fw-bolder,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .fw-bolder span {*/ /* font-family: "DM Sans", sans-serif !important;*/ /* font-weight: 700 !important;*/ /* font-size: 1.15rem !important;*/ /* color: #2B2B2B !important;*/ /*}*/ /* ================================================================ 14. FOOTER ================================================================ */ /*html body .offcanvas.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 {*/ /* background-color: #CBD5CC !important;*/ /* border-top: 1px solid #1E1E1E !important;*/ /* padding: 24px !important;*/ /* display: grid !important;*/ /* grid-template-columns: 1fr 1fr !important;*/ /* gap: 12px !important;*/ /* align-items: center !important;*/ /*}*/ /* ================================================================ 15. SUBTOTAL DM SANS ================================================================ */ /*html body .offcanvas.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 > div.justify-content-between,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 > div.justify-content-between {*/ /* grid-column: 1 / -1 !important;*/ /* margin-bottom: 12px !important;*/ /* padding-top: 0 !important;*/ /*}*/ /*html body .offcanvas.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 p,*/ /*html body .offcanvas.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 .fw-boldest,*/ /*html body .offcanvas.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 .fs-24 {*/ /* font-family: "DM Sans", sans-serif !important;*/ /* font-size: 1.35rem !important;*/ /* font-weight: 700 !important;*/ /* color: #2B2B2B !important;*/ /* margin: 0 !important;*/ /*}*/ /* ================================================================ 16. HIDE TAX / SHIPPING ================================================================ */ /*html body .offcanvas.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 > div.mb-2,*/ /*html body .offcanvas.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 .fs-6.text-black {*/ /* display: none !important;*/ /*}*/ /* ================================================================ 17. CHECKOUT BUTTON DM SANS ================================================================ */ /*html body .offcanvas.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 button.btn-dark,*/ /*html body .offcanvas.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 div.mb-7:nth-of-type(1) button,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 button.btn-dark {*/ /* font-family: "DM Sans", sans-serif !important;*/ /* background-color: #2B2B2B !important;*/ /* background: #2B2B2B !important;*/ /* border: none !important;*/ /* border-radius: 50px !important;*/ /* color: #FFFFFF !important;*/ /* height: 48px !important;*/ /* font-size: 0.88rem !important;*/ /* font-weight: 500 !important;*/ /* text-transform: capitalize !important;*/ /* width: 100% !important;*/ /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;*/ /*}*/ /* ================================================================ 18. CONTINUE SHOPPING BUTTON DM SANS ================================================================ */ /*html body .offcanvas.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 button.btn-light-dark,*/ /*html body .offcanvas.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 div.mb-7:nth-of-type(2) button,*/ /*html body .offcanvas.offcanvas-end.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 button.btn-light-dark {*/ /* font-family: "DM Sans", sans-serif !important;*/ /* background-color: #CBD5CC !important;*/ /* background: #CBD5CC !important;*/ /* border: 1px solid #2B2B2B !important;*/ /* border-radius: 50px !important;*/ /* color: #2B2B2B !important;*/ /* height: 48px !important;*/ /* font-size: 0.88rem !important;*/ /* font-weight: 500 !important;*/ /* width: 100% !important;*/ /* box-shadow: none !important;*/ /*}*/ /* ================================================================ 19. BUTTON LAYOUT ================================================================ */ /*html body .offcanvas.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 > div.mb-7:nth-of-type(1),*/ /*html body .offcanvas.offcanvas-end.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 > div.mb-7:nth-of-type(1) {*/ /* grid-column: 2 !important;*/ /* grid-row: 2 !important;*/ /* margin-bottom: 0 !important;*/ /* width: 100% !important;*/ /*}*/ /*html body .offcanvas.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 > div.mb-7:nth-of-type(2),*/ /*html body .offcanvas.offcanvas-end.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 > div.mb-7:nth-of-type(2) {*/ /* grid-column: 1 !important;*/ /* grid-row: 2 !important;*/ /* margin-bottom: 0 !important;*/ /* width: 100% !important;*/ /*}*/ /* ================================================================ CORKSY CART — FINAL OVERRIDE VERY HIGH SPECIFICITY ================================================================ */ /* ================================================================ 1. DRAWER ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end { background-color: #CBD5CC !important; border-top-left-radius: 28px !important; border-bottom-left-radius: 28px !important; overflow: hidden !important; border: 1px solid rgba(0,0,0,.1) !important; } /* ================================================================ 2. HEADER ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-header { background-color: #CBD5CC !important; border-bottom: 1px solid #1E1E1E !important; padding: 20px 24px !important; } html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-header h6, html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-header .fw-boldest { font-family: "premint" !important; font-size: 2rem !important; font-weight: 400 !important; text-transform: lowercase !important; color: #2B2B2B !important; letter-spacing: .5px !important; margin: 0 !important; } /* ================================================================ 3. BODY ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body { background-color: #CBD5CC !important; padding: 20px 24px !important; } /* ================================================================ 4. PRODUCT LABEL ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body > div > p, html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body h6:not(.offcanvas-header h6) { font-family: "DM Sans", sans-serif !important; font-size: 1.1rem !important; font-weight: 500 !important; color: #2B2B2B !important; margin-bottom: 16px !important; } /* ================================================================ 5. PRODUCT CARD ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .cart-card, html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .card.cart-card, html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .d-flex.py-3, html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .d-flex.py-3.border-bottom { background-color: #FFFFFF !important; border-radius: 20px !important; padding: 20px !important; border: none !important; margin-bottom: 16px !important; box-shadow: 0 4px 12px rgba(0,0,0,.03) !important; } html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .fw-bolder, html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .fw-bolder span{ font-family: "premint" !important; font-size: 1.15rem !important; font-weight: normal !important; color: #2B2B2B !important; } /* ================================================================ 6. PRODUCT CARD — FORCE MAIN ROW TO FLEX ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .d-flex.py-3 { display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: flex-start !important; } /* ================================================================ 7. IMAGE ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body img#cart-img, html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .symbol img { width: 85px !important; height: 85px !important; min-width: 85px !important; max-width: 85px !important; border-radius: 16px !important; object-fit: cover !important; flex: 0 0 85px !important; } /* ================================================================ 8. PRODUCT INFORMATION COLUMN THIS IS THE IMPORTANT PART ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .d-flex.py-3 > .d-flex.flex-column, html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .d-flex.py-3 .d-flex.flex-column { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } /* ================================================================ 9. PRODUCT NAME — PREMINT ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .d-flex.py-3 .d-flex.flex-column p, html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .d-flex.py-3 .d-flex.flex-column a, html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .d-flex.flex-column p, html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .d-flex.flex-column a { font-family: "premint" !important; font-size: 1.25rem !important; font-weight: 400 !important; line-height: 1.15 !important; color: #2B2B2B !important; text-transform: uppercase !important; text-decoration: none !important; margin-top: 0 !important; margin-bottom: 8px !important; padding: 0 !important; } /* ================================================================ 10. SIZE — DM SANS ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .d-flex.py-3 .text-muted, html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .d-flex.py-3 .fs-7 { font-family: "DM Sans", sans-serif !important; font-size: .85rem !important; font-weight: 500 !important; line-height: 1.2 !important; color: #555555 !important; display: block !important; margin-top: 0 !important; margin-bottom: 12px !important; padding: 0 !important; } /* ================================================================ 11. QUANTITY CONTROL THIS IS THE MAIN FIX ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .qty-cart { /* FORCE FLEX */ display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; /* FIXED SIZE */ width: 125px !important; min-width: 125px !important; max-width: 125px !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; /* REMOVE CORKSY/B5 WEIRD SPACING */ margin: 0 !important; padding: 0 12px !important; box-sizing: border-box !important; /* APPEARANCE */ border: 1px solid #777777 !important; border-radius: 999px !important; background: transparent !important; /* CRITICAL */ flex: 0 0 125px !important; gap: 0 !important; } /* ================================================================ 12. QUANTITY BUTTONS ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .qty-cart button { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: 20px !important; min-width: 20px !important; max-width: 20px !important; height: 30px !important; padding: 0 !important; margin: 0 !important; border: none !important; outline: none !important; background: transparent !important; font-family: "DM Sans", sans-serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1 !important; color: #2B2B2B !important; } /* ================================================================ 13. QUANTITY NUMBER ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .qty-cart input, html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .qty-cart span { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: 30px !important; min-width: 30px !important; max-width: 30px !important; height: 30px !important; padding: 0 !important; margin: 0 !important; border: none !important; outline: none !important; background: transparent !important; text-align: center !important; font-family: "DM Sans", sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 30px !important; color: #2B2B2B !important; } /* ================================================================ 14. FORCE SPACING BETWEEN - / 1 / + ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .qty-cart > *:first-child { margin-right: 4px !important; } html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .qty-cart > *:last-child { margin-left: 4px !important; } /* ================================================================ 15. IF CORKSY PUTS A WRAPPER INSIDE QTY-CART FORCE THAT WRAPPER TO FLEX TOO ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .qty-cart > div, html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .qty-cart > .d-flex { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } /* ================================================================ 16. REMOVE LINK ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .text-blue, html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .cursor-pointer { font-family: "DM Sans", sans-serif !important; font-size: .85rem !important; font-weight: 500 !important; color: #2B2B2B !important; text-decoration: none !important; } /* ================================================================ 17. PRICE ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .fw-bolder, html body .offcanvas.offcanvas-end.offcanvas-end .offcanvas-body .fw-bolder span { font-family: "DM Sans", sans-serif !important; font-size: 1.15rem !important; font-weight: 700 !important; color: #2B2B2B !important; } /* ================================================================ 18. FOOTER ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 { background-color: #CBD5CC !important; border-top: 1px solid #1E1E1E !important; padding: 24px !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; align-items: center !important; } /* ================================================================ 19. SUBTOTAL ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 > div.justify-content-between { grid-column: 1 / -1 !important; margin-bottom: 12px !important; padding: 0 !important; } html body .offcanvas.offcanvas-end.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 p, html body .offcanvas.offcanvas-end.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 .fw-boldest, html body .offcanvas.offcanvas-end.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 .fs-24 { font-family: "DM Sans", sans-serif !important; font-size: 1.35rem !important; font-weight: 700 !important; color: #2B2B2B !important; margin: 0 !important; } /* ================================================================ 20. CHECKOUT ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 button.btn-dark, html body .offcanvas.offcanvas-end.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 div.mb-7:nth-of-type(1) button { font-family: "DM Sans", sans-serif !important; background: #2B2B2B !important; border: none !important; border-radius: 50px !important; color: #FFFFFF !important; height: 48px !important; width: 100% !important; font-size: .88rem !important; font-weight: 500 !important; text-transform: capitalize !important; box-shadow: 0 4px 10px rgba(0,0,0,.15) !important; } /* ================================================================ 21. CONTINUE SHOPPING ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 button.btn-light-dark, html body .offcanvas.offcanvas-end.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 div.mb-7:nth-of-type(2) button { font-family: "DM Sans", sans-serif !important; background: #CBD5CC !important; border: 1px solid #2B2B2B !important; border-radius: 50px !important; color: #2B2B2B !important; height: 48px !important; width: 100% !important; font-size: .88rem !important; font-weight: 500 !important; box-shadow: none !important; } /* ================================================================ 22. BUTTON POSITIONS ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 > div.mb-7:nth-of-type(1) { grid-column: 2 !important; grid-row: 2 !important; width: 100% !important; margin-bottom: 0 !important; } html body .offcanvas.offcanvas-end.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 > div.mb-7:nth-of-type(2) { grid-column: 1 !important; grid-row: 2 !important; width: 100% !important; margin-bottom: 0 !important; } /* ================================================================ 23. HIDE TAX / SHIPPING ================================================================ */ html body .offcanvas.offcanvas-end.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 > div.mb-2, html body .offcanvas.offcanvas-end.offcanvas-end div.d-flex.flex-column.justify-content-end.p-4 .fs-6.text-black { display: none !important; } /* ================================================================ CORKSY — EMPTY CART FINAL OVERRIDE ================================================================ */ /* EMPTY CART OUTER CARD */ html body div.offcanvas.offcanvas-end.offcanvas-end.show div.offcanvas-body div.card.rounded-0.border-0.cart-card { background: #C7D6CF !important; background-color: #C7D6CF !important; border: 0 !important; border-radius: 20px !important; box-shadow: none !important; } /* EMPTY CART CARD BODY */ html body div.offcanvas.offcanvas-end.offcanvas-end.show div.offcanvas-body div.card.rounded-0.border-0.cart-card div.card-body { background: #C7D6CF !important; background-color: #C7D6CF !important; border: 0 !important; border-radius: 20px !important; box-shadow: none !important; } /* EMPTY CART TEXT */ html body div.offcanvas.offcanvas-end.offcanvas-end.show div.offcanvas-body div.card.rounded-0.border-0.cart-card div.card-body div.d-flex.justify-content-center h6.text-gray-500.py-2.mb-3 { font-family: "DM Sans", sans-serif !important; color: #2B2B2B !important; background: transparent !important; background-color: transparent !important; margin: 0 0 20px 0 !important; padding: 0 !important; font-weight: 500 !important; } /* BUTTON WRAPPER */ html body div.offcanvas.offcanvas-end.offcanvas-end.show div.offcanvas-body div.card.rounded-0.border-0.cart-card div.card-body div.d-flex.justify-content-center.mb-7 { display: flex !important; width: 100% !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-color: transparent !important; } /* ================================================================ CONTINUE SHOPPING BUTTON ================================================================ */ html body div.offcanvas.offcanvas-end.offcanvas-end.show div.offcanvas-body div.card.rounded-0.border-0.cart-card div.card-body div.d-flex.justify-content-center.mb-7 button.btn.btn-dark.px-5.w-100.py-3.rounded-0.dWidget { /* FORCE CORKSY / BOOTSTRAP VARIABLES */ --bs-btn-bg: #C7D6CF !important; --bs-btn-color: #2B2B2B !important; --bs-btn-border-color: #2B2B2B !important; --bs-btn-hover-bg: #C7D6CF !important; --bs-btn-hover-color: #2B2B2B !important; --bs-btn-hover-border-color: #2B2B2B !important; /* FONT */ font-family: "DM Sans", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; /* BACKGROUND */ background: #C7D6CF !important; background-color: #C7D6CF !important; /* BORDER */ border: 1px solid #2B2B2B !important; /*border-radius:50px !important;*/ border-color: #2B2B2B !important; /* PILL */ border-radius: 9999px !important; /* SIZE */ height: 48px !important; min-height: 48px !important; width: 100% !important; padding: 0 24px !important; /* TEXT */ color: #2B2B2B !important; /* REMOVE CORKSY / BOOTSTRAP */ box-shadow: none !important; outline: none !important; text-transform: capitalize !important; margin: 0 !important; transition: transform .25s ease !important, background-color .25s ease !important; } /* ================================================================ HOVER ================================================================ */ html body div.offcanvas.offcanvas-end.offcanvas-end.show div.offcanvas-body div.card.rounded-0.border-0.cart-card div.card-body div.d-flex.justify-content-center.mb-7 button.btn.btn-dark.px-5.w-100.py-3.rounded-0.dWidget:hover { background: #C7D6CF !important; background-color: #C7D6CF !important; color: #2B2B2B !important; border-color: #2B2B2B !important; box-shadow: none !important; transform: translateY(-2px) !important; } /* ================================================================ ACTIVE / FOCUS ================================================================ */ html body div.offcanvas.offcanvas-end.offcanvas-end.show div.offcanvas-body div.card.rounded-0.border-0.cart-card div.card-body div.d-flex.justify-content-center.mb-7 button.btn.btn-dark.px-5.w-100.py-3.rounded-0.dWidget:focus, html body div.offcanvas.offcanvas-end.offcanvas-end.show div.offcanvas-body div.card.rounded-0.border-0.cart-card div.card-body div.d-flex.justify-content-center.mb-7 button.btn.btn-dark.px-5.w-100.py-3.rounded-0.dWidget:active { background: #C7D6CF !important; background-color: #C7D6CF !important; color: #2B2B2B !important; border: 1px solid #2B2B2B !important; box-shadow: none !important; } /* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { :root { --btn-border-l-color: rgba(0, 0, 0, 0); --btn-border-r-color: rgba(0, 0, 0, 0); --btn-border-b-width: 0px; --btn-text-direction: ltr; --btn-border-radius: 50px; --btn-border-t-width: 0px; --btn-border-tl-radius: 1px; --btn-border-br-radius: 1px; --btn-border-bl-radius: 1px; --btn-bg-color: rgba(73, 99, 118, 1); --btn-border-r-width: 0px; --btn-border-tr-radius: 1px; --btn-border-b-color: rgba(0, 0, 0, 0); --btn-border-l-width: 0px; --border-style: solid; --btn-border-t-color: rgba(0, 0, 0, 0); --btn-text-align: center; --btn-text-color: var(--color_11); --btn-text-decoration: none; --btn-text-font-weight: 400; --btn-icon-color: var(--color_5); --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_9); --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_12); --btn-hover-text-color: var(--color_13); --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: rgba(73, 99, 118, 1); --btn-border-r-color: rgba(73, 99, 118, 1); --btn-border-b-width: 1px; --btn-text-direction: ltr; --btn-border-radius: 50px; --btn-border-t-width: 1px; --btn-border-tl-radius: 1px; --btn-border-br-radius: 1px; --btn-border-bl-radius: 1px; --btn-bg-color: rgba(244, 241, 236, 1); --btn-border-r-width: 1px; --btn-border-tr-radius: 1px; --btn-border-b-color: rgba(73, 99, 118, 1); --btn-border-l-width: 1px; --border-style: solid; --btn-border-t-color: rgba(73, 99, 118, 1); --btn-text-align: center; --btn-text-color: rgba(73, 99, 118, 1); --btn-text-decoration: none; --btn-text-font-weight: 400; --btn-icon-color: rgba(73, 99, 118, 1); --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_11); --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(73, 99, 118, 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); } :root { --section-padding-top: 4%; --section-padding-left: 0%; --section-padding-right: 0%; --section-padding-bottom: 4%; --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; } } @media (min-width: 768px) and (max-width: 1024px) { :root { --btn-text-font-size: 14px; } } @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: 13px; } } @media (min-width: 0px) and (max-width: 767px) { :root { --btn-text-font-size: 18px; } .button_2 { --btn-text-font-size: 18px; } :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 .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 .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='ROUND_SIDES'] { border-radius: 50px; } #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='ROUND_SIDES'].flexButton { padding: 10px 0px; } #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='ROUND_SIDES'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] .text { padding: 10px 0px; } #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='ROUND_SIDES'] .iconBg { display: none; } #dm div.dmInner #site_content .dmWidget, #dm div.dmInner .dmHeader .dmWidget { background-color: var(--btn-bg-color); border-color: var(--btn-border-color); border-bottom-color: var(--btn-border-b-color); border-left-color: var(--btn-border-l-color); border-right-color: var(--btn-border-r-color); border-top-color: var(--btn-border-t-color); border-radius: var(--btn-border-radius); border-bottom-left-radius: var(--btn-border-bl-radius); border-bottom-right-radius: var(--btn-border-br-radius); border-top-left-radius: var(--btn-border-tl-radius); border-top-right-radius: var(--btn-border-tr-radius); border-width: var(--btn-border-width); border-bottom-width: var(--btn-border-b-width); border-left-width: var(--btn-border-l-width); border-right-width: var(--btn-border-r-width); border-top-width: var(--btn-border-t-width); direction: var(--btn-text-direction); text-align: var(--btn-text-align); } #dm div.dmInner #site_content .dmWidget span.text, #dm div.dmInner #site_content .dmformsubmit input { color: var(--btn-text-color); font-size: var(--btn-text-font-size); font-weight: var(--btn-text-font-weight); text-decoration: var(--btn-text-decoration); } #dm div.dmInner #site_content .dmWidget:hover, #dm div.dmInner #site_content .dmWidget.hover, #dm div.dmInner .dmHeader .dmWidget:hover, #dm div.dmInner .dmHeader .dmWidget.hover { background: var(--btn-hover-bg); border-color: var(--btn-hover-border-color); border-bottom-color: var(--btn-hover-border-b-color); border-left-color: var(--btn-hover-border-l-color); border-right-color: var(--btn-hover-border-r-color); border-top-color: var(--btn-hover-border-t-color); } #dm div.dmInner #site_content .dmWidget:hover span.text, #dm div.dmInner #site_content .dmWidget.hover span.text, #dm div.dmInner .dmHeader .dmWidget:hover span.text, #dm div.dmInner .dmHeader .dmWidget.hover span.text, #dm div.dmInner #site_content .dmWidget:hover input[type="submit"], #dm div.dmInner #site_content .dmWidget.hover input[type="submit"], #dm div.dmInner .dmHeader .dmWidget:hover input[type="submit"], #dm div.dmInner .dmHeader .dmWidget.hover input[type="submit"] { color: var(--btn-hover-text-color); } #dm div.dmInner #site_content .dmWidget span.icon, #dm div.dmInner .dmHeader .dmWidget span.icon { color: var(--btn-icon-color); fill: var(--btn-icon-fill); } #dm div.dmInner #site_content .dmWidget:not([data-buttonstyle]) .iconBg, #dm div.dmInner .dmHeader .dmWidget:not([data-buttonstyle]) .iconBg { display: var(--btn-icon-wrpr-display); } .dmBody [data-layout-grid] > .flex-element.group, .dmFooterContainer [data-layout-grid] > .flex-element.group { padding-bottom: var(--section-padding-bottom); padding-left: var(--section-padding-left); padding-right: var(--section-padding-right); padding-top: var(--section-padding-top); } .dmBody [data-layout-grid] > .flex-element.group > .flex-element.group, .dmFooterContainer [data-layout-grid] > .flex-element.group > .flex-element.group { padding-bottom: var(--column-padding-bottom); padding-left: var(--column-padding-left); padding-right: var(--column-padding-right); padding-top: var(--column-padding-top); } .dmBody [data-layout-grid] > .flex-element.group > .flex-element.group .flex-element.group:not([data-layout-type] *):not([data-layout-type]), .dmFooterContainer [data-layout-grid] > .flex-element.group > .flex-element.group .flex-element.group:not([data-layout-type] *):not([data-layout-type]) { padding-bottom: var(--inner-column-padding-bottom); padding-left: var(--inner-column-padding-left); padding-right: var(--inner-column-padding-right); padding-top: var(--inner-column-padding-top); } @media all { nav.u_1998592992 { color:white !important; } *#dm .dmInner *.u_1306770187 { width:100% !important; } *#dm .dmInner *.u_1581198931 { width:100% !important; } *#dm .dmInner div#hamburger-drawer.layout-drawer { background-color:rgba(255,255,255,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 *.u_1937494221 { justify-content:center !important; } *#dm .dmInner *.u_1937494221.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_1444040303 { width:100% !important; } *#dm .dmInner *.u_1458102982 .account-icon { color:var(--color_1) !important; } *#dm .dmInner nav.u_1937494221.main-navigation.unifiednav.effect-bottom2 .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item .nav-item-text::after { border-style:solid !important; border-width:1.875px 0px 0px 0px !important; border-color:var(--color_7) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important; } *#dm .dmInner div.u_455199458 .socialHubIcon { width:24px !important; height:24px !important; font-size:16px !important; line-height:24px !important; color:var(--color_2) !important; } *#dm .dmInner *.u_1458102982 .text-logout { text-align:LEFT !important; } *#dm .dmInner nav.u_1937494221.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgba(43,43,43,1) !important; text-transform:uppercase !important; font-family: 'DM Sans' !important; font-size:16px !important; } *#dm .dmInner nav.u_1937494221.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_1937494221.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_1937494221.main-navigation.unifiednav:not([image]) .unifiednav__container[data-depth="0"] { top:calc(100% - 0px - 0px) !important; } *#dm .dmInner nav.u_1937494221.main-navigation.unifiednav[data-nav-structure="HORIZONTAL"] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child) .unifiednav__container[data-depth="0"] { left:20px !important; } *#dm .dmInner nav.u_1937494221.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { justify-content:center !important; padding-top:0undefined !important; } *#dm .dmInner nav.u_1937494221 { justify-content:center !important; } *#dm .dmInner nav.u_1937494221.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { font-weight:normal !important; } *#dm .dmInner nav.u_1937494221.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { font-weight:normal !important; } *#dm .dmInner nav.u_1937494221.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { font-weight:normal !important; } *#dm .dmInner div.u_1806256739 img { object-fit:contain !important; } *#dm .dmInner nav.u_1015846997.main-navigation.unifiednav.effect-bottom2 .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item .nav-item-text::after { border-style:solid !important; border-color:rgb(43,43,43) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important; border-width:1px 0px 0px 0px !important; } *#dm .dmInner div.u_1579013125 hr { background:none !important; height:0px !important; min-height:0px !important; border-width:1px !important; border-color:currentColor !important; border-top-style:solid !important; color:rgba(0,0,0,1) !important; } *#dm .dmInner div.u_455199458 .socialHubInnerDiv { column-gap:18px !important; justify-content:center !important; } *#dm .dmInner nav.u_1015846997.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_1015846997.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_1015846997.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgb(43,43,43) !important; direction:ltr !important; border-bottom-left-radius:0px !important; padding-top:0px !important; font-weight:400 !important; text-decoration:none !important; padding-left:15px !important; font-size:14px !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: "DM Sans" !important; border-bottom-right-radius:0px !important; margin-top:0px !important; -webkit-border-radius:0px !important; margin-bottom:0px !important; text-align:left !important; padding-right:0px !important; } *#dm .dmInner nav.u_1015846997 { justify-content:flex-start !important; } *#dm .dmInner *.u_1336758973 .badge-bg { 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; font-family: 'DM Sans' !important; } *#dm .dmInner nav.u_1015846997.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { text-transform:uppercase !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 *.layout-drawer-hamburger { display:none !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 *.layout-drawer-hamburger { display:none !important; } } @media (min-width:0px) and (max-width:767px) { *#dm .dmInner *.layout-drawer-hamburger { display:none !important; } *#dm .dmInner nav.u_1015846997.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:12px !important; } *#dm .dmInner nav.u_1015846997.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:12px !important; } *#dm .dmInner nav.u_1015846997.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:12px !important; } } *#dm .dmInner div.u_1336758973 { } *#dm .dmInner nav.u_1937494221 { } *#dm .dmInner div.u_1579013125 { background:#2B2B2B !important; opacity:1 !important; filter:none !important; height:1px !important; } *#dm .dmInner div.u_1336758973 { } *#dm .dmInner nav.u_1937494221 { } *#dm .dmInner div.u_1579013125 { } *#dm .dmInner div.u_1579013125 { } @media all { #flex-header[data-css-edit] { background-color: rgba(199, 214, 207, 0.3); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(10px); } #flex-header[data-changeable-on-scroll][data-scrolling] [data-widget-type="image"] img { width: 66%; } #flex-header { background-color: var(--color_11); background-image: none; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #000000 #000000 rgba(43, 43, 43, 1) #000000; } #flex-header[data-changeable-on-scroll] { --header-on-scroll-icon-background-color: rgba(0, 0, 0, 0); } #flex-header[data-changeable-on-scroll][data-scrolling] { padding-top: 0px; padding-bottom: 0px; background-color: rgba(0, 0, 0, 0); background-image: none; } } @media all { #flex-footer { background-color: var(--color_9); background-image: initial; } } @media all { #\36 3a049320d35b55b4ef2a374 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; background-color: rgba(0, 0, 0, 0); padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #\36 3a049320d35b55b4ef2a376 { background-color: var(--color_7); background-image: none; } #\36 3a049320d35b55b4ef2a377 { min-height: 200px; column-gap: 4%; row-gap: 24px; width: 100%; padding: 2% 0% 2% 0%; margin: 0% 0% 0% 0%; } #\36 3a049ca0d35b55b4ef2a5c3 { width: 544px; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 0; grid-area: auto / auto / auto / auto; } #\36 2d6a167a824ca526194d9a5 { background-color: rgba(232, 255, 133, 1); } } @media all { #\36 406026c90e1521f6ecb0ecd { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #\36 406026c90e1521f6ecb0ecb { background-color: var(--color_7); background-image: none; } #\36 406026c90e1521f6ecb0ecc { min-height: 460px; column-gap: 4%; row-gap: 24px; width: 100%; padding: 4% 0% 4% 0%; margin: 0% 0% 0% 0%; } } @media all { #b25a1b55.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #b25a1b55 { width: 100%; height: auto; max-width: 100%; justify-self: auto; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #fdb37e17 { min-height: 88px; column-gap: 0%; row-gap: 0px; max-width: none; width: 100%; padding: 0% 4% 0% 4%; margin: 0% 0% 0% 0%; } #\30 ad31b06 { flex-direction: row; justify-content: flex-start; align-items: center; width: 20%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; order: 0; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #\39 9ad3194 { flex-direction: row; justify-content: flex-end; align-items: center; width: 18.75%; min-width: 4%; min-height: 8px; column-gap: 8%; row-gap: 24px; order: 2; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #e60c44f9 { width: 135px; height: auto; max-width: 100%; justify-self: auto; align-self: center; order: 0; margin-bottom: 0px; margin-top: 0px; grid-area: auto / auto / auto / auto; } #\37 e3ebdf8 { flex-direction: row; align-items: center; width: 61.15%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; order: 1; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #widget_r54.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #widget_r54 { width: 28px; height: 28px; max-width: 100%; justify-self: auto; align-self: center; order: 2; margin-bottom: 0px; margin-top: 0px; grid-area: auto / auto / auto / auto; } #widget_qn0 { width: 24px; height: 24px; max-width: 100%; order: 1; align-self: center; } #\30 08966dc { min-height: 8px; column-gap: 4%; row-gap: 24px; flex-direction: row; width: 10%; justify-content: flex-end; align-items: center; min-width: 4%; order: 3; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #\33 ac211a6 svg { fill: var(--color_1); } #\33 ac211a6 { width: 30px; height: 30px; } #\33 ac211a6 .hamburgerButton { background-color: var(--color_7); background-image: none; } } @media all { #\34 48b16b3 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; align-items: flex-end; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #b8fa13dc { min-height: 100px; column-gap: 4%; row-gap: 24px; width: 100%; padding: 2% 0% 2% 0%; margin: 0% 0% 0% 0%; } #\38 d19e639 svg { fill: rgba(120,120,120,1); } #\38 d19e639 .hamburgerButton { background-color: rgba(0,0,0,0); } #\38 d19e639 { width: 30px; height: 30px; } #\30 9029f56 { background-color: var(--color_7); background-image: none; } } @media all { #\34 f07c0c5 { justify-content: flex-start; width: 100%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; padding: 0% 0% 0% 0%; margin: 0% 0% 0% 0%; } #\36 2f6145a { margin: 0px 0% 0px 0%; } #f4a3c246 { background-color: var(--color_7); background-image: none; border-width: 0px 0 0 0; border-color: var(--color_13) #000000 #000000 #000000; border-style: solid; } #\32 c8c4eee { min-height: 315px; column-gap: 4%; row-gap: 24px; width: 100%; flex-wrap: nowrap; padding: 50px 1% 0% 1%; margin: 0% 0% 0% 0%; } #group_cdp { align-items: flex-start; width: 100%; min-height: auto; max-height: 100%; row-gap: 0px; column-gap: 24px; align-self: center; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #\38 84d4abe { align-items: center; width: 100%; min-height: 160px; max-height: 100%; row-gap: 24px; column-gap: 4%; align-content: center; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; --column-gap: 4%; padding: 0px 0px 0px 0px; margin: 0px 0% 0px 0%; } #widget_9rf { width: 140px; height: auto; max-width: 100%; align-self: center; margin-left: 0px; margin-right: 0px; } #group_mav { align-items: flex-start; width: 40%; min-height: 160px; max-height: 100%; row-gap: 0px; column-gap: 2.058981233243968%; flex: 0 1 auto; flex-wrap: nowrap; align-content: flex-start; padding: 0px 0px 0px 0px; margin: 0px 0% 0px 0%; } #\35 6895a24 { align-items: center; width: 35.12%; min-height: 160px; max-height: 100%; row-gap: 0px; column-gap: 2.058981233243968%; flex: 0 1 auto; flex-wrap: nowrap; padding: 0px 0px 0px 0px; margin: 0px 0% 0px 10%; } #\33 403f1c2.flex-element.widget-wrapper > [data-element-type] { padding: 0px 10px 0px 10px; } #\33 403f1c2 { width: 100%; height: auto; max-width: 100%; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\30 1e17ef5 { width: 100%; height: auto; max-width: 100%; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\33 480bcc6.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 10px; } #\33 480bcc6 { width: 100%; height: auto; max-width: 100%; align-self: auto; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #widget_s9e.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 10px; } #widget_s9e { width: 100%; height: auto; max-width: 100%; order: 1; align-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } } @media all { #\36 3c7b8b76c596a2813341bc5 { height: auto; } #\34 752ee05 { min-height: 120px; column-gap: 0%; row-gap: 0px; width: 100%; flex-wrap: nowrap; padding: 0px 0% 35px 0%; margin: 0% 0% 0% 0%; } #\39 3d9f508 { margin: 0px 0% 0px 0%; } #dc196ed9.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #dc196ed9 { width: 100%; height: auto; min-height: 1px; max-width: 100%; order: 1; margin: 0px 0% 0px 0%; } #\39 b89a776 { border-width: 0px; border-color: rgba(0, 0, 0, 1); border-style: solid; background-color: rgba(199, 214, 207, 1); background-image: none; } #d5005bfc { min-height: 0px; column-gap: 4%; row-gap: 0px; width: 100%; min-width: 4%; flex-wrap: nowrap; align-items: center; align-content: center; flex: 0 1 auto; align-self: center; padding: 0px 0px 0px 0px; margin: 0% 0% 0% 0%; } #\36 7d53655.flex-element.widget-wrapper > [data-element-type] { padding: 20px 10px 0px 10px; } #\36 7d53655 { width: 39.02%; height: auto; max-width: 100%; align-self: auto; order: 1; justify-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #widget_9ni { width: 21.45%; height: auto; max-width: 100%; align-self: auto; justify-self: auto; order: 1; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } } @media (min-width: 1025px) { #flex-header { } } @media (min-width: 768px) and (max-width: 1024px) { } @media (min-width: 768px) and (max-width: 1024px) { #flex-header[data-css-edit] { background-color: rgba(199, 214, 207, 0.3) !important; backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(10px) !important; } #flex-header { } } @media (min-width: 768px) and (max-width: 1024px) { #flex-footer { } } @media (min-width: 768px) and (max-width: 1024px) { #\36 3a049320d35b55b4ef2a374 { justify-content: flex-start; padding-top: 100px; } #\36 3a049320d35b55b4ef2a377 { min-height: 50vh; padding: 0% 4% 0% 4%; } } @media (min-width: 768px) and (max-width: 1024px) { #\36 406026c90e1521f6ecb0ecc { min-height: 50vh; padding: 0% 4% 0% 4%; } #\36 406026c90e1521f6ecb0ecd { justify-content: flex-end; padding-bottom: 100px; } } @media (min-width: 768px) and (max-width: 1024px) { #fdb37e17 { padding-left: 4%; padding-right: 4%; } #\30 ad31b06 { width: 37.8%; margin-left: -0.0011659701492537314%; justify-content: center; order: 1; } #\39 9ad3194 { width: 30%; order: 0; justify-content: flex-start; } #\37 e3ebdf8 { width: 22.11%; order: 2; justify-content: flex-end; padding-right: 50px; } #e60c44f9 { height: auto; width: 98px; } #\30 08966dc { order: 3; } } @media (min-width: 768px) and (max-width: 1024px) { #b8fa13dc { padding-left: 4%; padding-right: 4%; } } @media (min-width: 768px) and (max-width: 1024px) { #\32 c8c4eee { min-height: 250px; } #\38 84d4abe { padding: 0px 0px 0px 0px; margin: 0px 0% 30px 0%; } } @media (min-width: 768px) and (max-width: 1024px) { #\34 752ee05 { padding-left: var(--section-padding-left); padding-right: var(--section-padding-right); } #\39 3d9f508 { margin: 0px 0% 0px 0%; } } @media (max-width: 767px) { } @media (max-width: 767px) { #flex-header[data-css-edit] { background-color: rgba(199, 214, 207, 0.3) !important; backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(10px) !important; } #flex-header { } } @media (max-width: 767px) { #flex-footer { } } @media (max-width: 767px) { #\36 3a049320d35b55b4ef2a374 { min-height: 50vh; justify-content: flex-start; padding-top: 100px; width: 100%; } #\36 3a049320d35b55b4ef2a377 { min-height: unset; flex-direction: column; padding: 0% 4% 0% 4%; } #\36 3a049ca0d35b55b4ef2a5c3 { align-self: flex-start; margin-left: 0px; margin-right: 0px; } } @media (max-width: 767px) { #\36 406026c90e1521f6ecb0ecd { min-height: 50vh; justify-content: flex-end; padding-bottom: 100px; width: 100%; } #\36 406026c90e1521f6ecb0ecc { min-height: unset; flex-direction: column; padding: 0% 4% 0% 4%; } } @media (max-width: 767px) { #fdb37e17 { padding-left: 4%; padding-right: 4%; min-height: 72px; } #\30 ad31b06 { width: 50.34%; justify-content: center; order: 1; } #\39 9ad3194 { width: 19.75%; order: 0; justify-content: flex-start; } #\37 e3ebdf8 { width: 11.58%; order: 2; } #e60c44f9 { height: auto; } #\30 08966dc { align-items: center; width: 18%; order: 3; } #\33 ac211a6 { width: 30px; } } @media (max-width: 767px) { #\34 48b16b3 { width: 100%; min-height: 80px; } #b8fa13dc { min-height: unset; flex-direction: column; padding-left: 4%; padding-right: 4%; } } @media (max-width: 767px) { #\32 c8c4eee { min-height: 0; flex-direction: column; row-gap: 15px; flex-wrap: nowrap; padding: 30px 1% 30px 1%; } #\34 f07c0c5 { width: 100%; min-height: 80px; align-items: center; row-gap: 30px; } #\38 84d4abe { --column-gap: 0%; column-gap: 0%; min-height: 160px; align-self: center; margin-left: 0%; margin-right: 0%; flex-direction: column; flex-wrap: nowrap; row-gap: 30px; } #group_mav { width: 100%; margin-right: 0%; margin-left: 0%; row-gap: 10px; min-height: auto; } #\35 6895a24 { width: 100%; margin-right: 0%; margin-left: 0%; row-gap: 10px; min-height: auto; } #\36 2f6145a { margin: 0px 0% 0px 0%; } } @media (max-width: 767px) { #\34 752ee05 { min-height: 0; flex-direction: column; padding-left: var(--section-padding-left); padding-right: var(--section-padding-right); flex-wrap: nowrap; } #d5005bfc { min-height: 80px; align-items: center; width: 100%; } #\36 7d53655 { width: 100%; } #widget_9ni { width: 100%; } }