/* ==================================================================== */ /* 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: Manrope, "Manrope Fallback"; color:var(--color_1); } *#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: Rubik, "Rubik Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h1, *#dm div.dmFooter .dmNewParagraph[data-version] h1, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1, *#dm div.dm-title .dmNewParagraph[data-version] h1 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h1 *, *#dm div.dmFooter .dmNewParagraph[data-version] h1 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1 *, *#dm div.dm-title .dmNewParagraph[data-version] h1 * { text-decoration:none; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { color:var(--color_1); direction:ltr; font-family: Rubik, "Rubik Fallback"; font-weight:400; font-style:normal; text-decoration:none; line-height:1.5; } *#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: Rubik, "Rubik 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: Rubik, "Rubik 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: Rubik, "Rubik 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: Rubik, "Rubik 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: Rubik, "Rubik 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_9); text-decoration:underline; } *#dm div.dmNewParagraph a, *#dm .dmNewParagraph a, *#dm div.dmBlockElement a, *#dm .dmBlockElement a, *#dm .dmform a.fileUploadLink, .dmPrettyList .link:not(.dmWidget), *#dm .dmGeoLocation a.dmGeoSVSeeAll, *#dm .dmGeoLocation a.dmGeoSVGoToPage, *#dm .postDescription a, *#dm .blog-post-component a, *#dm .timeline-post a, *#dm .rteBlock a, .newPhotoGallery .photoGalleryViewAll.link, .dmTable a, *#dm .ecwid .ec-link:not(.breadcrumbs__link), .dmSignup a:not(.social-link), .prev-next-links a { color:var(--color_6); text-decoration:underline; } :root { --SOMS_padding-CTA:12px 24px; --SOMS_gap:0px; } #dm .dmOuter .dmInner .dmWidget .iconBg { align-items:center; justify-content:center; position:relative !important; top:initial !important; left:initial !important; width:24px; height:24px; margin:0 !important; } #dmRoot #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .iconBg { display:flex; } body.dmRoot #dm .dmOuter .dmInner .dmWidget .icon.hasFontIcon { margin-top:0 !important; height:1.5rem !important; font-size:1.5rem !important; } #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(21,48,63); direction:ltr; font-family: Manrope, "Manrope Fallback"; font-weight:700; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h1, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h1, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h1 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h1 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h1 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h1 * { text-decoration:none; } #dmRoot #dm div.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { color:rgb(21,48,63); direction:ltr; font-family: "Source Sans Pro"; font-weight:400; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent h2, #dmRoot *#dm div.dmFooter h2, #dmRoot *#dm div.p_hfcontainer h2, #dmRoot *#dm div.flex_hfcontainer h2, #dmRoot *#dm div.dm-title h2 { color:rgb(21,48,63); direction:ltr; font-family: Manrope, "Manrope Fallback"; font-weight:700; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h2, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h2, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h2 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h2 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h2 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h2 * { text-decoration:none; } #dmRoot *#dm div.dmContent h3, #dmRoot *#dm div.dmFooter h3, #dmRoot *#dm div.p_hfcontainer h3, #dmRoot *#dm div.flex_hfcontainer h3, #dmRoot *#dm div.dm-title h3 { color:rgb(21,48,63); direction:ltr; font-family: Manrope, "Manrope Fallback"; font-weight:700; 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(21,48,63); direction:ltr; font-family: Manrope, "Manrope Fallback"; font-weight:700; 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(21,48,63); direction:ltr; font-family: Manrope, "Manrope Fallback"; font-weight:700; 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(21,48,63); direction:ltr; font-family: Manrope, "Manrope Fallback"; font-weight:700; 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; } *#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_9); } } @media (min-width:1025px) { *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:18px; } #dm div.dmNewParagraph p { font-size:18px; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:16px; } #dm DIV.dmOuter DIV.dmInner, #dm DIV.dmOuter DIV#dmSlideRightNavRight { background-image:none; background-color:var(--color_2); } #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:48px; } *#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:24px; } *#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:18px; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.p_hfcontainer h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:16px; } :root { --SOMS_padding-CTA:12px 24px; --SOMS_gap:0px; } #dm .dmOuter .dmInner .dmWidget .iconBg { align-items:center; justify-content:center; position:relative !important; top:initial !important; left:initial !important; width:24px; height:24px; margin:0 !important; } #dmRoot #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .iconBg { display:flex; } body.dmRoot #dm .dmOuter .dmInner .dmWidget .icon.hasFontIcon { margin-top:0 !important; height:1.5rem !important; font-size:1.5rem !important; } #dmRoot *#dm div.dmContent h3, #dmRoot *#dm div.dmFooter h3, #dmRoot *#dm div.p_hfcontainer h3, #dmRoot *#dm div.flex_hfcontainer h3, #dmRoot *#dm div.dm-title h3 { font-size:18px; } } @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; } :root { --SOMS_padding-CTA:12px 24px; --SOMS_gap:0px; } #dm .dmOuter .dmInner .dmWidget .iconBg { align-items:center; justify-content:center; position:relative !important; top:initial !important; left:initial !important; width:24px; height:24px; margin:0 !important; } #dmRoot #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .iconBg { display:flex; } body.dmRoot #dm .dmOuter .dmInner .dmWidget .icon.hasFontIcon { margin-top:0 !important; height:1.5rem !important; font-size:1.5rem !important; } } @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:28px; } *#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:24px; } *#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; } :root { --SOMS_padding-CTA:12px 24px; --SOMS_gap:0px; } #dm .dmOuter .dmInner .dmWidget .iconBg { align-items:center; justify-content:center; position:relative !important; top:initial !important; left:initial !important; width:24px; height:24px; margin:0 !important; } #dmRoot #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .iconBg { display:flex; } body.dmRoot #dm .dmOuter .dmInner .dmWidget .icon.hasFontIcon { margin-top:0 !important; height:1.5rem !important; font-size:1.5rem !important; } } /*------------------------------------------------------*/ /*------------------------ ROOT ------------------------*/ /*------------------------------------------------------*/ /* .customavis .data-list { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; } .customavis span.date { color: #6f6f6f; } .customavis .url a { color: #6f6f6f !important; } .customavis .sort-container { display: none !important; } .customavis .prev { border: none !important; } .customavis .next { border: none !important; } .customavis button.active { background-color: #15303f !important; clip-path: polygon(50% 0%, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%); } */ /* Desktop (1025px-1399px) */ @media screen and (min-width: 1025px) and (max-width: 1399px) { #dmRoot #dm .dmInner *.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { padding-left: 10px !important; padding-right: 10px !important; font-size: 14px !important; } } .dmButtonLink { text-transform: uppercase; } .dmButtonLink .text { position : relative; } .dmButtonLink .text:before { content : ''; position: absolute !important; top: -12px; left: -32px; width: 50px; height: 50px; background: url('https://le-de.cdn-website.com/b2f36fd656c24b479e17dca889c5e30b/dms3rep/multi/opt/symbole-blanc-logo-1920w.png'); z-index: 1; pointer-events: none; background-repeat: no-repeat; background-size: contain; transition: all 0.3s; opacity: 0.8; } .dmButtonLink:hover .text:before { left: -60px; opacity: 0; transition: all 0.3s; } .SOMS_clic-div { cursor : pointer; } [data-element-type="ssraccordion"] [data-auto="button-text"] { white-space: normal !important; } [data-title="Compteur_Privilège"] [class$="__textNumber"] , [data-title="Compteur_Privilège"] [class$="__description"], [data-title="Compteur_Privilège"] [class$="__separateur"] { display:none!important; } [data-title="Compteur_Privilège"] [class$="__layout1"] { width: 100%; padding: 0px; } *#dm .SOMS_form-img1 { clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); position: absolute !important; top: -50px; left: -30px; width: 125px !important; height: 125px !important; } *#dm .SOMS_form-img2 { clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); position: absolute !important; top: -10px; left: -10px; width: 70px !important; height: 70px !important; } *#dm .SOMS_form-img3 { clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); position: absolute !important; top: 15px; left: 30px; width: 90px !important; height: 79px !important; } .SOMS_drop-shadow-img img { filter: drop-shadow(5px 0 0 #009dde) drop-shadow(-5px 0 0 #009dde) drop-shadow(0 5px 0 #009dde) drop-shadow(0 -5px 0 #009dde); } .SOMS_img-effect { clip-path: polygon(20% 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 20%); transition : all 0.3s; } .SOMS_img-effect:hover { clip-path: polygon(0% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 0%); transition : all 0.3s; } .SOMS_effect-octogone:before { content : ''; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); position: absolute !important; top: -150px; right: -150px; width : 500px; height : 500px; background: #59ceff69; z-index: 1; pointer-events: none; } .SOMS_effect-octogone .photogallery-column.column-3:nth-child(2) { z-index: 2; } .SOMS_effect-octogone .photogallery-column.column-3 { clip-path: polygon(20% 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 20%); transition : all 0.3s; } .SOMS_effect-octogone .photogallery-column.column-3:hover { clip-path: polygon(0% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 0%); transition : all 0.3s; } *#dm [data-element-type="ssraccordion"] .rteBlock a { color: white !important; font-weight: 700; } /*******************************************/ .SOMS_border-dotted { border-style: dotted !important; } .mogs { display:none!important; } .SOMS_fixcopyright div { display: flex; align-items: center; } .SOMS_backtotop { color: var(--color_8) !important; text-decoration: unset; font-size:12px !important; } .SOMS_backtotop-container { text-align:end!important; } *#dm .dmInner #flex-header[data-scrolling] .iconBg { background-color: #009dde !important; } /*------------------------------------------------------*/ /*------------------------ MENU ------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*----------------------- FOOTER -----------------------*/ /*------------------------------------------------------*/ /* Mobile (767px et en dessous) */ @media screen and (max-width: 767px) { *#dm .SOMS_bcg-mobile { background : white !important; } *#dm .SOMS_bcg-mobile > .group { background-color: rgb(0 125 169) !important; } } /*------------------------------------------------------*/ /*------------------------ MODULE AVIS CONNECT ------------------------*/ /*------------------------------------------------------*/ /* ========================================= NOMS et REPLY cachés ========================================= */ .customavis .reply { display: none; } .customavis [data-title="Connect Avis"] .author { display: none !important; } /* ========================================= MASQUAGE DES ÉLÉMENTS D'ORIGINE ========================================= */ .customavis .sort-container, .customavis .pagination { display: none !important; } .customavis .url.rteBlock{ padding-top: 0px !important; margin-top: 15px !important; } /*========================================= FENÊTRE VISIBLE DU CARROUSEL ========================================= */ .customavis .SOMS-reviews-viewport { position: relative; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; scroll-behavior: auto; -webkit-overflow-scrolling: touch; } .customavis .SOMS-reviews-viewport::-webkit-scrollbar { display: none; } .customavis .review-content { padding: 0px; } /* ========================================= PISTE CONTENANT TOUS LES AVIS ========================================= */ /*Piste contenant tous les avis*/ .customavis ul.data-list { display: flex !important; flex-flow: row nowrap !important; align-items: stretch; box-sizing: border-box; width: 100%; min-width: 0; gap: 0 !important; margin: 0 !important; padding: 0 !important; list-style: none; } /* =========================================*/ /* DEUX AVIS VISIBLES SUR ORDINATEUR*/ /*========================================= */ .customavis ul.data-list > li { display: flex !important; flex: 0 0 50% !important; box-sizing: border-box !important; width: 50% !important; min-width: 50% !important; max-width: 50% !important; margin: 0 !important; padding: 15px !important; } /* =========================================*/ /* DESIGN DES CARTES*/ /*========================================= */ .customavis ul.data-list > li > .review { display: flex; flex-direction: column; box-sizing: border-box; width: 100% !important; min-width: 0; height: 100%; margin: 0; padding: 32px; background: #ffffff; border: 1px solid rgba(0, 92, 153, 0.12); border-radius: 20px; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; } /*Léger effet au survol de la carte */ @media (hover: hover) and (pointer: fine) { .customavis ul.data-list > li > .review:hover { border-color: rgba(0, 92, 153, 0.22); box-shadow: 0 18px 45px rgba(0, 40, 70, 0.12), 0 4px 12px rgba(0, 40, 70, 0.05); transform: translateY(-4px); } } /* =========================================*/ /* CONTENU DE L'AVIS*/ /*========================================= */ .customavis .SOMS-reviews-viewport .review { background: #ffffff !important; padding: 50px !important; border-radius: 15px !important; } .customavis .review-content { display: flex; flex: 1; flex-direction: column; min-width: 0; } /* =========================================*/ /* EN-TÊTE DE L'AVIS*/ /*========================================= */ .customavis .review-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 24px; } /* =========================================*/ /* AUTEUR ET ÉTOILES*/ /*========================================= */ .customavis .review-author-stars { min-width: 0; } .customavis .review-author { display: flex; align-items: center; gap: 10px; min-width: 0; } .customavis .review-author .logo { display: block; flex: 0 0 auto; max-width: 28px; max-height: 28px; object-fit: contain; } .customavis .review-author .author { display: block; overflow: hidden; color: #30353a; font-size: 16px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; } /* =========================================*/ /* ÉTOILES SUR UNE SEULE LIGNE*/ /*========================================= */ .customavis .stars { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; gap: 3px; width: auto !important; margin-top: 8px; } .customavis .stars svg { display: block !important; flex: 0 0 auto !important; width: 18px !important; height: 18px !important; } /* =========================================*/ /* DATE*/ /*========================================= */ .customavis .date { flex: 0 0 auto; color: #6b737a; font-size: 13px; line-height: 1.4; white-space: nowrap; } /* =========================================*/ /* COMMENTAIRE DU CLIENT*/ /*========================================= */ .customavis .comment { margin-top: 0; margin-bottom: 0; color: #343a40; font-size: 16px; line-height: 1.7; } /* =========================================*/ /* RÉPONSE DE L'ÉTABLISSEMENT*/ /*========================================= */ .customavis .reply { position: relative; margin-top: 20px; padding: 0px 0 0 20px; border-left: 3px solid #005c99; } .customavis .reply-title { margin-top: 0; margin-bottom: 10px; color: #30353a; font-size: 15px; font-weight: 700; } .customavis .reply-date { margin-bottom: 10px; color: #6b737a; font-size: 13px; line-height: 1.4; } /* =========================================*/ /* CONTENU REPLIÉ DE LA RÉPONSE*/ /*========================================= */ .customavis .reply-content.SOMS-reply-content { position: relative; max-height: 0px; overflow: hidden; color: #4b5258; font-size: 15px; line-height: 1.65; transition: max-height 0.6s cubic-bezier(0.22, 0.61, 0.36, 1); } /*Dégradé en bas de la réponse repliée */ .customavis .reply-content.SOMS-reply-content::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 48px; pointer-events: none; background: linear-gradient( to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) ); transition: opacity 0.25s ease; } /* =========================================*/ /* COMMENTAIRE REPLIÉ À 4 LIGNES*/ /*========================================= */ .customavis .comment.SOMS-comment-content { position: relative; max-height: 6.8em; overflow: hidden; transition: max-height 0.5s ease; font-family: 'Source Sans Pro' !important; } /*Commentaire entièrement visible */ .customavis .comment.SOMS-comment-content.SOMS-comment-expanded { max-height: 2000px; } /* Commentaire court : aucune limitation */ .customavis .comment.SOMS-comment-content.SOMS-comment-short { max-height: none; overflow: visible; } /* =========================================*/ /* BOUTON VOIR PLUS / VOIR MOINS*/ /*========================================= */ .customavis button.SOMS-comment-toggle:focus-visible { outline: 3px solid rgba(0, 92, 153, 0.25); outline-offset: 3px; } /*Accessibilité : désactivation des animations */ @media (prefers-reduced-motion: reduce) { .customavis .comment.SOMS-comment-content, .customavis button.SOMS-comment-toggle { transition: none; } } /*Bouton */ .customavis .SOMS-comment-toggle { position: relative; display: inline-flex; width: fit-content; margin-top: 12px; padding: 7px 0px; color: #005c99; font-size: 14px; background: transparent; border: none; font-weight: 600; cursor: pointer; transition: .25s; } .customavis .SOMS-comment-toggle:after { content: ''; position: absolute; width: 20px; height: 2px; border-radius: 5px; background: #005c99; bottom: 0; left: 0; transition: all 0.3s; } .customavis .SOMS-comment-toggle:hover:after { width: 50px; height: 2px; transition: all 0.3s; } /* =========================================*/ /* CONTENU DÉPLIÉ DE LA RÉPONSE*/ /*========================================= */ .customavis .reply-content.SOMS-reply-expanded { max-height: 2500px; } .customavis .reply-content.SOMS-reply-expanded::after { opacity: 0; } /* =========================================*/ /* BOUTON VOIR PLUS / VOIR MOINS*/ /*========================================= */ .customavis button.SOMS-reply-toggle { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: auto; min-height: auto; margin-top: 14px; padding: 7px 14px; color: #005c99; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; background: rgba(0, 92, 153, 0.08); border: 1px solid rgba(0, 92, 153, 0.15); border-radius: 30px; cursor: pointer; appearance: none; transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease; } .customavis button.SOMS-reply-toggle:hover { color: #ffffff; background: #005c99; border-color: #005c99; transform: translateY(-1px); } .customavis button.SOMS-reply-toggle:focus-visible { outline: 3px solid rgba(0, 92, 153, 0.25); outline-offset: 3px; } /* =========================================*/ /* LIEN VERS L'AVIS D'ORIGINE*/ /*========================================= */ .customavis .url { margin-top: auto; padding-top: 25px; } .customavis .url a { display: inline-flex; color: #005c99; font-size: 14px; font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(0, 92, 153, 0.35); transition: color 0.25s ease, border-color 0.25s ease; } .customavis .url a:hover { color: #003f69; border-color: #003f69; } /* =========================================*/ /* NAVIGATION DU CARROUSEL*/ /*========================================= */ .customavis .reviews-carousel-nav { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 28px; } /*Boutons précédent et suivant */ .customavis .reviews-carousel-nav button { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 50px; height: 50px; min-width: 50px; margin: 0; padding: 0; color: #ffffff; font-family: inherit; font-size: 22px; line-height: 1; background: #005c99; border: 0; border-radius: 50%; box-shadow: 0 8px 20px rgba(0, 92, 153, 0.18); cursor: pointer; appearance: none; transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; } .customavis .reviews-carousel-nav button:hover { background: #003f69; box-shadow: 0 10px 24px rgba(0, 63, 105, 0.25); transform: translateY(-2px); } .customavis .reviews-carousel-nav button:active { box-shadow: 0 5px 12px rgba(0, 63, 105, 0.18); transform: translateY(0); } .customavis .reviews-carousel-nav button:focus-visible { outline: 3px solid rgba(0, 92, 153, 0.25); outline-offset: 4px; } /*Compteur 1 / 2 */ .customavis .carousel-counter { display: flex; align-items: center; justify-content: center; min-width: 55px; color: #30353a; font-size: 15px; font-weight: 700; line-height: 1; text-align: center; } /* =========================================*/ /* TABLETTE*/ /*========================================= */ @media (min-width: 768px) and (max-width: 1024px) { .customavis ul.data-list > li { flex: 0 0 50% !important; box-sizing: border-box !important; width: 50% !important; min-width: 50% !important; max-width: 50% !important; margin: 0 !important; padding: 10px !important; } .customavis ul.data-list > li > .review { padding: 30px !important; border-radius: 16px !important; } .customavis .review-header { flex-direction: column; gap: 10px; margin-bottom: 20px; } .customavis .reply { padding-left: 18px; } } /* =========================================*/ /* MOBILE : UN AVIS PAR ÉCRAN*/ /*========================================= */ @media (max-width: 767px) { .customavis .SOMS-reviews-viewport li { min-width: 100% !important; } .customavis .comment.SOMS-comment-content { max-height: 6.6em; } .customavis .comment.SOMS-comment-content.SOMS-comment-expanded, .customavis .comment.SOMS-comment-content.SOMS-comment-short { max-height: none; } .customavis .review-container { display: flex; flex-direction: column; } .customavis .reviews-carousel-nav { order: 1; margin-top: 0; margin-bottom: 20px; } .customavis .SOMS-reviews-viewport { order: 2; } .customavis .error { order: 3; } .customavis ul.data-list > li { flex: 0 0 100% !important; box-sizing: border-box !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 8px !important; } .customavis ul.data-list > li > .review { padding: 24px 20px; border-radius: 16px; } .customavis .review-header { flex-direction: column; gap: 10px; margin-bottom: 20px; } .customavis .review-author .author { white-space: normal; } .customavis .date { white-space: normal; } .customavis .comment { font-size: 14px; line-height: 1.65; } .customavis .reply { margin-top: 22px; padding: 18px 0 0 16px; } .customavis .reply-content.SOMS-reply-content { max-height: 115px; font-size: 14px; } .customavis .reply-content.SOMS-reply-expanded { max-height: 2500px; } .customavis .reviews-carousel-nav { gap: 15px; margin-top: 20px; } .customavis .reviews-carousel-nav button { width: 44px; height: 44px; min-width: 44px; font-size: 20px; } .customavis .carousel-counter { min-width: 45px; font-size: 14px; } } /* =========================================*/ /* CORRECTIFS DU CARROUSEL*/ /*========================================= */ .customavis .SOMS-reviews-viewport { position: relative; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; scroll-behavior: auto; scroll-snap-type: none; -webkit-overflow-scrolling: touch; } .customavis .SOMS-reviews-viewport::-webkit-scrollbar { display: none; } .customavis ul.data-list { display: flex !important; flex-flow: row nowrap !important; align-items: stretch; box-sizing: border-box; width: 100%; min-width: 0; gap: 0 !important; margin: 0 !important; padding: 0 !important; list-style: none; transform: none !important; transition: none !important; } .customavis ul.data-list > li { display: flex !important; flex: 0 0 50% !important; box-sizing: border-box !important; width: 50% !important; min-width: 50% !important; max-width: 50% !important; margin: 0 !important; padding: 15px !important; scroll-snap-align: none; scroll-snap-stop: normal; } @media (min-width: 768px) and (max-width: 1024px) { .customavis ul.data-list > li { flex: 0 0 50% !important; width: 50% !important; min-width: 50% !important; max-width: 50% !important; padding: 10px !important; } .customavis .SOMS-reviews-viewport .review { padding: 30px !important; } } @media (max-width: 767px) { .customavis .review-container { display: flex; flex-direction: column; } .customavis .reviews-carousel-nav { order: 1; margin-top: 0; margin-bottom: 20px; } .customavis .SOMS-reviews-viewport { order: 2; } .customavis .error { order: 3; } .customavis ul.data-list > li { flex: 0 0 100% !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 8px !important; } .customavis .SOMS-reviews-viewport .review { padding: 30px 25px !important; } } /* =========================================*/ /* ACCESSIBILITÉ : MOUVEMENTS RÉDUITS*/ /*========================================= */ @media (prefers-reduced-motion: reduce) { .customavis ul.data-list, .customavis ul.data-list > li > .review, .customavis .reply-content.SOMS-reply-content, .customavis button.SOMS-reply-toggle, .customavis .reviews-carousel-nav button { transition: none !important; } } /*------------------------------------------------------*/ /*----------------------- RESET ------------------------*/ /*------------------------------------------------------*/ /* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { :root { --btn-text-direction: ltr; --btn-border-r-color: var(--btn-border-color); --btn-border-l-color: var(--btn-border-color); --btn-border-b-width: var(--btn-border-width); --btn-border-width: 1px; --btn-border-radius: 50px; --btn-border-t-width: var(--btn-border-width); --btn-border-tl-radius: 0px; --btn-border-br-radius: 0px; --btn-border-bl-radius: 0px; --btn-bg-color: var(--color_1); --btn-border-color: rgba(0, 0, 0, 0); --btn-border-tr-radius: 0px; --btn-border-r-width: var(--btn-border-width); --btn-border-b-color: var(--btn-border-color); --btn-border-l-width: var(--btn-border-width); --btn-border-t-color: var(--btn-border-color); --btn-text-align: center; --btn-text-color: var(--color_2); --btn-text-decoration: none; --btn-text-font-weight: bold; --btn-text-font-family: Manrope, "Manrope Fallback"; --btn-icon-color: rgb(0, 0, 238); --btn-icon-fill: rgb(0, 0, 238); --btn-icon-wrpr-display: none; --btn-hover-border-b-color: var(--btn-hover-border-color); --btn-hover-bg: var(--color_3); --btn-hover-border-t-color: var(--btn-hover-border-color); --btn-hover-border-r-color: var(--btn-hover-border-color); --btn-hover-border-l-color: var(--btn-hover-border-color); --btn-hover-border-color: var(--color_3); --btn-hover-text-color: var(--color_1); --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-text-direction: ltr; --btn-border-r-color: var(--btn-border-color); --btn-border-l-color: var(--btn-border-color); --btn-border-b-width: var(--btn-border-width); --btn-border-width: 1px; --btn-border-radius: 50px; --btn-border-t-width: var(--btn-border-width); --btn-border-tl-radius: 0px; --btn-border-br-radius: 0px; --btn-border-bl-radius: 0px; --btn-bg-color: rgba(0, 0, 0, 0); --btn-border-color: var(--color_1); --btn-border-tr-radius: 0px; --btn-border-r-width: var(--btn-border-width); --btn-border-b-color: var(--btn-border-color); --btn-border-l-width: var(--btn-border-width); --btn-border-t-color: var(--btn-border-color); --btn-text-align: center; --btn-text-color: var(--color_1); --btn-text-decoration: none; --btn-text-font-weight: 400; --btn-icon-color: rgb(0, 0, 238); --btn-icon-fill: rgb(0, 0, 238); --btn-icon-wrpr-display: none; --btn-hover-border-b-color: var(--btn-hover-border-color); --btn-hover-bg: var(--color_1); --btn-hover-border-t-color: var(--btn-hover-border-color); --btn-hover-border-r-color: var(--btn-hover-border-color); --btn-hover-border-l-color: var(--btn-hover-border-color); --btn-hover-border-color: var(--color_1); --btn-hover-text-color: var(--color_2); --btn-hover-text-font-weight: var(--btn-text-font-weight); --btn-hover-text-decoration: var(--btn-text-decoration); --btn-hover-text-font-style: var(--btn-text-font-style); } :root { --section-padding-top: 4%; --section-padding-left: 0%; --section-padding-right: 0%; --section-padding-bottom: 4%; --column-padding-top: 16px; --column-padding-right: 16px; --column-padding-left: 16px; --column-padding-bottom: 16px; --inner-column-padding-left: 16px; --inner-column-padding-right: 16px; --inner-column-padding-top: 16px; --inner-column-padding-bottom: 16px; } } @media (min-width: 1025px) { :root { --btn-text-font-size: 14px; } } @media (min-width: 768px) and (max-width: 1024px) { :root { --btn-text-font-size: 13px; } } @media (min-width: 768px) and (max-width: 1024px) { :root { --btn-text-font-size: 14px; } .button_2 { --btn-text-font-size: 16px; } :root { --section-padding-left: 2%; --section-padding-right: 2%; --inner-column-padding-left: 0px; --inner-column-padding-right: 0px; --inner-column-padding-top: 0px; --inner-column-padding-bottom: 0px; } } @media (min-width: 0px) and (max-width: 767px) { :root { --btn-text-font-size: 11px; } } @media (min-width: 0px) and (max-width: 767px) { :root { --btn-text-font-size: 14px; } .button_2 { --btn-text-font-size: 18px; } :root { --section-padding-left: 4%; --section-padding-right: 4%; --inner-column-padding-left: 0px; --inner-column-padding-right: 0px; --inner-column-padding-top: 0px; --inner-column-padding-bottom: 0px; } } #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-family: var(--btn-text-font-family); font-size: var(--btn-text-font-size); font-weight: var(--btn-text-font-weight); text-decoration: var(--btn-text-decoration); } #dm div.dmInner #site_content .dmWidget:hover, #dm div.dmInner #site_content .dmWidget.hover, #dm div.dmInner .dmHeader .dmWidget:hover, #dm div.dmInner .dmHeader .dmWidget.hover { background: var(--btn-hover-bg); border-color: var(--btn-hover-border-color); border-bottom-color: var(--btn-hover-border-b-color); border-left-color: var(--btn-hover-border-l-color); border-right-color: var(--btn-hover-border-r-color); border-top-color: var(--btn-hover-border-t-color); } #dm div.dmInner #site_content .dmWidget:hover span.text, #dm div.dmInner #site_content .dmWidget.hover span.text, #dm div.dmInner .dmHeader .dmWidget:hover span.text, #dm div.dmInner .dmHeader .dmWidget.hover span.text, #dm div.dmInner #site_content .dmWidget:hover input[type="submit"], #dm div.dmInner #site_content .dmWidget.hover input[type="submit"], #dm div.dmInner .dmHeader .dmWidget:hover input[type="submit"], #dm div.dmInner .dmHeader .dmWidget.hover input[type="submit"] { color: var(--btn-hover-text-color); } #dm div.dmInner #site_content .dmWidget span.icon, #dm div.dmInner .dmHeader .dmWidget span.icon { color: var(--btn-icon-color); fill: var(--btn-icon-fill); } #dm div.dmInner #site_content .dmWidget:not([data-buttonstyle]) .iconBg, #dm div.dmInner .dmHeader .dmWidget:not([data-buttonstyle]) .iconBg { display: var(--btn-icon-wrpr-display); } .dmBody [data-layout-grid] > .flex-element.group, .dmFooterContainer [data-layout-grid] > .flex-element.group { padding-bottom: var(--section-padding-bottom); padding-left: var(--section-padding-left); padding-right: var(--section-padding-right); padding-top: var(--section-padding-top); } .dmBody [data-layout-grid] > .flex-element.group > .flex-element.group, .dmFooterContainer [data-layout-grid] > .flex-element.group > .flex-element.group { padding-bottom: var(--column-padding-bottom); padding-left: var(--column-padding-left); padding-right: var(--column-padding-right); padding-top: var(--column-padding-top); } .dmBody [data-layout-grid] > .flex-element.group > .flex-element.group .flex-element.group:not([data-layout-type] *):not([data-layout-type]), .dmFooterContainer [data-layout-grid] > .flex-element.group > .flex-element.group .flex-element.group:not([data-layout-type] *):not([data-layout-type]) { padding-bottom: var(--inner-column-padding-bottom); padding-left: var(--inner-column-padding-left); padding-right: var(--inner-column-padding-right); padding-top: var(--inner-column-padding-top); } @media all { nav.u_1998592992 { color:white !important; } *#dm .dmInner *.u_1306770187 { width:100% !important; } *#dm .dmInner *.u_1581198931 { width:100% !important; } *#dm .dmInner 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_1152354414 .mogs { text-align:CENTER !important; } *#dm .dmInner *.u_1152354414 .rteBlock { text-align:CENTER !important; } *#dm .dmInner *.u_1152354414 .mllinks { text-align:CENTER !important; } *#dm .dmInner *.u_1890687498.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_1577177687 { width:100% !important; } *#dm .dmInner *.u_1890687498 { justify-content:center !important; } *#dm .dmInner a.u_1171681313 span.icon { color:var(--color_2) !important; fill:var(--color_2) !important; } *#dm .dmInner a.u_1171681313:hover span.icon { color:var(--color_1) !important; } *#dm .dmInner a.u_1171681313.hover span.icon { color:var(--color_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-weight:normal !important; } *#dm .dmInner div.u_1152354414 .mogs { color:var(--color_2) !important; } *#dm .dmInner div.u_1152354414 .rteBlock { color:var(--color_2) !important; } *#dm .dmInner div.u_1491376787 .svg { fill:var(--color_5) !important; } *#dm .dmInner div.u_1491376787 span[data-icon-mask] { background-color:var(--color_5) !important; } *#dm .dmInner div.u_1577177687 img { object-fit:cover !important; } *#dm .dmInner nav.u_1890687498.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:var(--color_2) !important; } *#dm .dmInner div.u_2529252817 .svg { fill:var(--color_1) !important; } *#dm .dmInner div.u_2529252817 span[data-icon-mask] { background-color:var(--color_1) !important; } *#dm .dmInner a.u_1045552406 span.icon { color:var(--color_2) !important; fill:var(--color_2) !important; } *#dm .dmInner a.u_1045552406:hover span.icon { color:var(--color_1) !important; } *#dm .dmInner a.u_1045552406.hover span.icon { color:var(--color_1) !important; } *#dm .dmInner a.u_1045552406 .iconBg { display:inline-block !important; background-color:var(--color_2) !important; width:18px !important; height:18px !important; mask-image:url(https://de.cdn-website.com/b2f36fd656c24b479e17dca889c5e30b/icon/Phone_7979327.svg) !important; } *#dm .dmInner a.u_1045552406 { gap:12px !important; border-radius:0px !important; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; background-color:rgba(249,249,249,0) !important; background-image:none !important; border-style:solid !important; border-width:1px 1px 1px 1px !important; border-color:var(--color_2) var(--color_2) var(--color_2) var(--color_2) !important; } *#dm .dmInner a.u_1045552406:hover span.text { color:var(--color_3) !important; } *#dm .dmInner a.u_1045552406.hover span.text { color:var(--color_3) !important; } *#dm .dmInner a.u_1045552406:hover { border-color:var(--color_8) !important; } *#dm .dmInner a.u_1045552406.hover { border-color:var(--color_8) !important; } *#dm .dmInner a.u_1045552406:hover .iconBg { background-color:var(--color_8) !important; } *#dm .dmInner a.u_1045552406.hover .iconBg { background-color:var(--color_8) !important; } *#dm .dmInner *.u_1589818483 .copyright { justify-content:flex-start !important; text-align:left !important; } *#dm .dmInner div.u_1589818483 .copyright { color:var(--color_8) !important; } *#dm .dmInner *.u_1152354414 a { color:var(--color_8) !important; } *#dm .dmInner a.u_1171681313:hover { border-color:var(--color_8) !important; } *#dm .dmInner a.u_1171681313.hover { border-color:var(--color_8) !important; } *#dm .dmInner a.u_1171681313:hover span.text { color:var(--color_2) !important; } *#dm .dmInner a.u_1171681313.hover span.text { color:var(--color_2) !important; } *#dm .dmInner div.u_1624771413 .svg { fill:var(--color_2) !important; } *#dm .dmInner div.u_1624771413 span[data-icon-mask] { background-color:var(--color_2) !important; } *#dm .dmInner a.u_1552375525 { -moz-border-radius:0px !important; -webkit-border-radius:0px !important; } *#dm .dmInner a.u_1877734294:hover { background-color:rgba(249,249,249,0) !important; background-image:none !important; border-color:rgba(249,249,249,0) !important; } *#dm .dmInner a.u_1877734294.hover { background-color:rgba(249,249,249,0) !important; background-image:none !important; border-color:rgba(249,249,249,0) !important; } *#dm .dmInner a.u_1171681313:hover .iconBg { background-color:rgb(251,252,253) !important; } *#dm .dmInner a.u_1171681313.hover .iconBg { background-color:rgb(251,252,253) !important; } *#dm .dmInner a.u_1171681313 { gap:12px !important; border-radius:0px !important; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; background-color:rgba(249,249,249,0) !important; background-image:none !important; border-style:solid !important; border-width:1px 1px 1px 1px !important; border-color:rgba(24,187,255,1) rgba(24,187,255,1) rgba(24,187,255,1) rgba(24,187,255,1) !important; } *#dm .dmInner a.u_1171681313 .iconBg { display:inline-block !important; background-color:rgba(24,187,255,1) !important; width:25px !important; height:25px !important; mask-image:url(https://de.cdn-website.com/b2f36fd656c24b479e17dca889c5e30b/icon/Phone_7979327.svg) !important; } *#dm .dmInner a.u_1171681313 span.text { color:rgba(24,187,255,1) !important; } *#dm .dmInner a.u_1877734294 span.text { font-family:'Source Sans Pro' !important; font-size:14px !important; color:var(--color_2) !important; } *#dm .dmInner a.u_1877734294 .iconBg { display:inline-block !important; mask-image:url(https://de.cdn-website.com/b2f36fd656c24b479e17dca889c5e30b/icon/File_4845893.svg) !important; background-color:var(--color_5) !important; width:30px !important; height:30px !important; } *#dm .dmInner a.u_1877734294:hover span.text { color:var(--color_1) !important; } *#dm .dmInner a.u_1877734294.hover span.text { color:var(--color_1) !important; } *#dm .dmInner a.u_1774318557:hover { background-color:var(--color_2) !important; background-image:none !important; border-color:rgba(249,249,249,0) !important; } *#dm .dmInner a.u_1774318557.hover { background-color:var(--color_2) !important; background-image:none !important; border-color:rgba(249,249,249,0) !important; } *#dm .dmInner a.u_1774318557:hover span.text { color:var(--color_1) !important; } *#dm .dmInner a.u_1774318557.hover span.text { color:var(--color_1) !important; } *#dm .dmInner a.u_1774318557 .iconBg { display:inline-block !important; mask-image:url(https://de.cdn-website.com/b2f36fd656c24b479e17dca889c5e30b/icon/France_8298637.svg) !important; background-color:var(--color_5) !important; order:1 !important; width:30px !important; height:30px !important; } *#dm .dmInner a.u_1774318557 { justify-content:flex-end !important; text-align:right !important; border-style:solid !important; border-width:1px 1px 1px 1px !important; border-color:rgba(251,252,253,0.2) rgba(251,252,253,0.2) rgba(251,252,253,0.2) rgba(251,252,253,0.2) !important; } *#dm .dmInner a.u_1774318557 span.text { font-family: Manrope !important; font-size:14px !important; color:var(--color_2) !important; } *#dm .dmInner a.u_1709955850 { border-style:solid !important; border-width:1px 1px 1px 1px !important; border-color:rgba(255,255,255,0.2) rgba(255,255,255,0.2) rgba(255,255,255,0.2) rgba(255,255,255,0.2) !important; } *#dm .dmInner a.u_1374539264:hover { background-color:var(--color_2) !important; background-image:none !important; border-color:rgba(249,249,249,0) !important; } *#dm .dmInner a.u_1374539264.hover { background-color:var(--color_2) !important; background-image:none !important; border-color:rgba(249,249,249,0) !important; } *#dm .dmInner a.u_1374539264:hover span.text { color:var(--color_1) !important; } *#dm .dmInner a.u_1374539264.hover span.text { color:var(--color_1) !important; } *#dm .dmInner a.u_1374539264 .iconBg { display:inline-block !important; mask-image:url(https://de.cdn-website.com/b2f36fd656c24b479e17dca889c5e30b/icon/France_8298637.svg) !important; background-color:var(--color_5) !important; order:1 !important; width:30px !important; height:30px !important; } *#dm .dmInner a.u_1374539264 span.text { font-family: Manrope !important; font-size:12px !important; color:var(--color_2) !important; } *#dm .dmInner a.u_1374539264 { justify-content:flex-end !important; text-align:right !important; border-style:solid !important; border-width:1px 1px 1px 1px !important; border-color:rgba(255,255,255,0.2) rgba(255,255,255,0.2) rgba(255,255,255,0.2) rgba(255,255,255,0.2) !important; } } @media (min-width:0) and (max-width:767px) { *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-75vw,0) !important; } *#dm .dmInner *#hamburger-drawer.layout-drawer[data-origin="top"]:not([data-auto-height]) { height:100% !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(0,100%) !important; } } @media (min-width:1025px) { *.stickyHeaderSpacer { height:249.2734375px !important; } *#dm .dmInner div.u_1152354414 .mogs { font-size:14px !important; } *#dm .dmInner div.u_1152354414 .rteBlock { font-size:14px !important; } *#dm .dmInner div.u_1152354414 .mllinks { font-size:14px !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 nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:24px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:24px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:24px !important; } *#dm .dmInner a.u_1877734294 span.text { font-size:16px !important; } } @media (min-width:0px) and (max-width:767px) { *#dm .dmInner *#hamburger-drawer.layout-drawer:not([data-origin="top"]) { width:90vw !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(85vw,0) !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-85vw,0) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:18px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:18px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:18px !important; } *#dm .dmInner div.u_1152354414 .mogs { font-size:14px !important; } *#dm .dmInner div.u_1152354414 .rteBlock { font-size:14px !important; } *#dm .dmInner div.u_1152354414 .mllinks { font-size:14px !important; } *#dm .dmInner a.u_1552375525 span.text { font-size:16px !important; } *#dm .dmInner a.u_1877734294 span.text { font-size:16px !important; } }