/* ==================================================================== */ /* 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: Poppins, "Poppins 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: Abel, "Abel Fallback"; font-weight:400; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h1, *#dm div.dmFooter .dmNewParagraph[data-version] h1, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1, *#dm div.dm-title .dmNewParagraph[data-version] h1 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h1 *, *#dm div.dmFooter .dmNewParagraph[data-version] h1 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1 *, *#dm div.dm-title .dmNewParagraph[data-version] h1 * { text-decoration:none; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { color:var(--color_1); direction:ltr; font-family: Poppins, "Poppins Fallback"; font-weight:300; font-style:normal; text-decoration:none; line-height:normal; } *#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: Abel, "Abel Fallback"; font-weight:normal; 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: Abel, "Abel 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:600; 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:400; 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; } } @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:90px; } *#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:70px; } *#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:40px; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { font-size:22px; } *#dm div.dmContent h5, *#dm div.dmFooter h5, *#dm div.p_hfcontainer h5, *#dm div.flex_hfcontainer h5, *#dm div.dm-title h5 { font-size:18px; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.p_hfcontainer h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:16px; } } @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:15px; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { font-size:15px; } *#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:70px; } *#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:50px; line-height:normal; } *#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:32px; } *#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:16px; } } @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:55px; } *#dm div.dmContent h2, *#dm div.dmFooter h2, *#dm div.p_hfcontainer h2, *#dm div.flex_hfcontainer h2, *#dm div.dm-title h2 { font-size:40px; } *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.p_hfcontainer h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:30px; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { font-size: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: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:16px; } } /* Plak dit in: Site HTML/CSS > site.css Dit is de volledige opmaak voor beide pagina's (home + contact). */ .vav { --roze: #f5a1b4; --roze-licht: #fbd4dd; --roze-zacht: #fdeef2; --magenta: #ea06a2; --oranje: #ff914d; --oranje-donker: #e0763a; --inkt: #4d4d4d; --wit: #ffffff; --font-display: "hoss-round", "Titan One", system-ui, sans-serif; --font-body: "Rubik", system-ui, sans-serif; --radius-groot: 32px; --radius-knop: 999px; font-family: var(--font-body); font-size: 1.06rem; line-height: 1.65; color: var(--inkt); background: var(--wit); } .vav *, .vav *::before, .vav *::after { box-sizing: border-box; } .vav img { max-width: 100%; display: block; } .vav a { color: var(--magenta); } .vav p { margin: 0 0 1em; } .vav .container { width: min(1080px, 92%); margin-inline: auto; } .vav .display { font-family: var(--font-display); font-weight: 900; text-transform: uppercase; line-height: 1.05; letter-spacing: 0.01em; color: var(--oranje); text-shadow: -4px 4px 0 var(--roze); margin: 0 0 0.5em; } .vav h1.display { font-size: clamp(2.2rem, 5.5vw, 3.8rem); } .vav h2.display { font-size: clamp(1.5rem, 3.5vw, 2.2rem); text-shadow: -3px 3px 0 var(--roze-licht); } .vav .kicker { display: inline-block; font-family: var(--font-display); font-weight: 900; text-transform: uppercase; font-size: 0.95rem; letter-spacing: 0.08em; color: var(--wit); background: var(--magenta); padding: 0.35em 1.1em; border-radius: var(--radius-knop); transform: rotate(-2deg); margin-bottom: 1.2rem; } .vav .label { font-family: var(--font-display); font-weight: 900; text-transform: uppercase; color: var(--magenta); font-size: 0.85rem; letter-spacing: 0.05em; } .vav .knop { display: inline-block; font-family: var(--font-display); font-weight: 900; text-transform: uppercase; font-size: 1rem; letter-spacing: 0.04em; color: var(--wit); background: linear-gradient(180deg, #ffa768, var(--oranje)); border: none; border-radius: var(--radius-knop); padding: 0.85em 2.2em; cursor: pointer; text-decoration: none; box-shadow: 0 6px 0 rgba(224, 118, 58, 0.55), 0 14px 24px rgba(234, 6, 162, 0.15); transition: transform 0.15s ease, box-shadow 0.15s ease; } .vav .knop:hover { transform: translateY(-3px); box-shadow: 0 9px 0 rgba(224, 118, 58, 0.55), 0 18px 28px rgba(234, 6, 162, 0.2); color: var(--wit); } .vav .knop--magenta { background: linear-gradient(180deg, #ff3dbd, var(--magenta)); box-shadow: 0 6px 0 rgba(176, 5, 122, 0.55), 0 14px 24px rgba(234, 6, 162, 0.15); } .vav .knop--magenta:hover { box-shadow: 0 9px 0 rgba(176, 5, 122, 0.55), 0 18px 28px rgba(234, 6, 162, 0.2); } .vav .topbar { background: var(--roze); padding: 0.9rem 0; } .vav .topbar .container { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; } .vav .logo { font-family: var(--font-display); font-weight: 900; text-transform: uppercase; font-size: 1.25rem; color: var(--wit); text-decoration: none; text-shadow: -2px 2px 0 var(--magenta); } .vav .topbar nav { display: flex; gap: 1.5rem; } .vav .topbar nav a { font-family: var(--font-display); font-weight: 900; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.05em; color: var(--wit); text-decoration: none; padding-bottom: 2px; border-bottom: 3px solid transparent; } .vav .topbar nav a:hover, .vav .topbar nav a[aria-current="page"] { border-bottom-color: var(--wit); } .vav .hero { background: var(--roze); padding: 3.5rem 0 5.5rem; position: relative; overflow: hidden; } .vav .hero .container { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 3rem; align-items: center; position: relative; z-index: 1; } .vav .hero h1 { color: var(--wit); text-shadow: -4px 4px 0 var(--magenta); } .vav .hero .sub { font-size: 1.2rem; font-weight: 700; color: var(--inkt); max-width: 34em; } .vav .hero-golf { display: block; width: 100%; height: 60px; margin-top: -1px; color: var(--roze); } .vav .bubbel { position: absolute; border-radius: 50%; background: rgba(255,255,255,0.25); pointer-events: none; } .vav .kaart { background: var(--wit); border-radius: var(--radius-groot); padding: 2.2rem 2rem; box-shadow: 0 20px 50px rgba(33, 33, 33, 0.16); } .vav .kaart h2 { margin-top: 0; } .vav .form-hint { font-size: 0.82rem; color: #8a8a8a; margin: 0.8rem 0 0; } .vav .succes { text-align: center; padding: 1rem 0; } .vav .succes .emoji { font-size: 3rem; line-height: 1; } .vav .veld { margin-bottom: 1.1rem; } .vav .veld label { display: block; font-family: var(--font-display); font-weight: 900; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 0.05em; color: var(--magenta); margin-bottom: 0.35rem; } .vav .veld input[type="text"], .vav .veld input[type="email"], .vav .veld textarea { width: 100%; font-family: var(--font-body); font-size: 1rem; padding: 0.8em 1.1em; border: 2px solid var(--roze-licht); border-radius: 16px; background: var(--roze-zacht); color: var(--inkt); } .vav .veld input:focus, .vav .veld textarea:focus { outline: none; border-color: var(--magenta); background: var(--wit); } .vav .sectie { padding: 4.5rem 0; } .vav .sectie--roze { background: var(--roze-zacht); } .vav .sectie-kop { text-align: center; max-width: 42em; margin-inline: auto; margin-bottom: 3rem; } .vav .vinkjes { list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem; } .vav .vinkjes li { display: flex; gap: 0.9rem; align-items: flex-start; font-weight: 600; } .vav .haakje { flex-shrink: 0; width: 1.7em; height: 1.7em; border-radius: 50%; background: var(--oranje); color: var(--wit); display: grid; place-items: center; font-weight: 800; font-size: 0.9em; box-shadow: -2px 2px 0 var(--roze); } .vav .profiel { display: grid; grid-template-columns: minmax(0, 400px) minmax(0, 1fr); gap: 4rem; align-items: start; } .vav .profiel-foto { aspect-ratio: 1; border-radius: var(--radius-groot); background: linear-gradient(160deg, var(--roze-licht), var(--roze)); display: grid; place-items: center; overflow: hidden; } .vav .profiel-foto img { width: 100%; height: 100%; object-fit: cover; } .vav .profiel-foto .placeholder { font-size: 5rem; } .vav .profiel-velden { margin: 2rem 0 1.5rem; display: grid; gap: 1.1rem; } .vav .veldrij { display: grid; grid-template-columns: 10.5em 1fr; gap: 1rem; align-items: baseline; } .vav .veldrij .label { font-size: 0.8rem; } .vav .vergrendeld { color: #8a8a8a; font-style: italic; } .vav .contact-info .item { display: flex; gap: 1rem; align-items: baseline; margin-bottom: 1.4rem; } .vav .contact-info .label { min-width: 7.5em; } .vav .footer { background: var(--roze); padding: 2.5rem 0; } .vav .footer .container { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; flex-wrap: wrap; } .vav .footer p { margin: 0; color: var(--wit); font-weight: 700; } .vav .footer a { color: var(--wit); } .vav .footer .klein { font-size: 0.85rem; font-weight: 400; opacity: 0.9; } @media (max-width: 820px) { .vav .hero .container, .vav .profiel { grid-template-columns: 1fr; gap: 2rem; } .vav .profiel-foto { max-width: 300px; } .vav .veldrij { grid-template-columns: 1fr; gap: 0.15rem; } .vav .hero { padding: 2.5rem 0 4rem; } } /* ==================================================================== */ /* 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: 0px; --btn-border-radius: 50px; --btn-border-t-width: var(--btn-border-width); --btn-border-tl-radius: var(--btn-border-radius); --btn-border-br-radius: var(--btn-border-radius); --btn-border-bl-radius: var(--btn-border-radius); --btn-bg-color: var(--color_4); --btn-border-color: rgba(0, 0, 0, 0); --btn-border-tr-radius: var(--btn-border-radius); --btn-border-r-width: var(--btn-border-width); --btn-border-b-color: var(--btn-border-color); --btn-border-l-width: var(--btn-border-width); --btn-border-t-color: var(--btn-border-color); --btn-text-align: center; --btn-text-color: var(--color_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: rgba(0, 0, 0, 0); --btn-hover-text-color: var(--color_2); --btn-hover-text-font-weight: var(--btn-text-font-weight); --btn-hover-text-decoration: var(--btn-text-decoration); --btn-hover-text-font-style: var(--btn-text-font-style); } .button_2 { --btn-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: var(--btn-border-radius); --btn-border-br-radius: var(--btn-border-radius); --btn-border-bl-radius: var(--btn-border-radius); --btn-bg-color: rgba(0, 0, 0, 0); --btn-border-color: var(--color_4); --btn-border-tr-radius: var(--btn-border-radius); --btn-border-r-width: var(--btn-border-width); --btn-border-b-color: var(--btn-border-color); --btn-border-l-width: var(--btn-border-width); --btn-border-t-color: var(--btn-border-color); --btn-text-align: center; --btn-text-color: var(--color_4); --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_4); --btn-hover-border-t-color: var(--btn-hover-border-color); --btn-hover-border-r-color: var(--btn-hover-border-color); --btn-hover-border-l-color: var(--btn-hover-border-color); --btn-hover-border-color: rgba(0, 0, 0, 0); --btn-hover-text-color: var(--color_4); --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: 16px; } .button_2 { --btn-text-font-size: 16px; } :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 { *#dm .dmInner *.u_1306770187 { width:100% !important; } *#dm .dmInner *.u_1581198931 { width:100% !important; } *#dm .dmInner *.u_1040696130 { justify-content:center !important; } *#dm .dmInner *.u_1040696130.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { margin-left:0 !important; padding-top:0 !important; padding-left:20px !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:20px !important; } *#dm .dmInner nav.u_1040696130.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgba(0,0,0,1) !important; } *#dm .dmInner a.u_1354841978:hover { background-image:none !important; } *#dm .dmInner a.u_1354841978.hover { background-image:none !important; } *#dm .dmInner *.u_1955933514 { width:100% !important; } *#dm .dmInner *.u_1495895470.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { margin-left:0 !important; padding-top:0 !important; padding-left:20px !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:20px !important; } *#dm .dmInner nav.u_1495895470.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgba(0,0,0,1) !important; } *#dm .dmInner *.u_1495895470 { justify-content:flex-end !important; } *#dm .dmInner div#hamburger-drawer.layout-drawer { background-color:var(--color_1) !important; } *#dm .dmInner a.u_1033546785 { border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important; } *#dm .dmInner a.u_1033546785:hover { background-color:var(--color_2) !important; background-image:none !important; } *#dm .dmInner a.u_1033546785.hover { background-color:var(--color_2) !important; background-image:none !important; } *#dm .dmInner a.u_1033546785:hover span.text { color:var(--color_1) !important; } *#dm .dmInner a.u_1033546785.hover span.text { color:var(--color_1) !important; } *#dm .dmInner div.u_1566013561 input:not([type="submit"]) { background-color:var(--color_2) !important; } *#dm .dmInner div.u_1566013561 textarea { background-color:var(--color_2) !important; } *#dm .dmInner div.u_1566013561 select { background-color:var(--color_2) !important; } *#dm .dmInner div.u_1566013561 input::placeholder { color:var(--color_1) !important; } *#dm .dmInner div.u_1566013561 input.placeholder { color:var(--color_1) !important; } *#dm .dmInner div.u_1566013561 textarea::placeholder { color:var(--color_1) !important; } *#dm .dmInner div.u_1566013561 textarea.placeholder { color:var(--color_1) !important; } *#dm .dmInner div.u_1566013561 select::placeholder { color:var(--color_1) !important; } *#dm .dmInner div.u_1566013561 select.placeholder { color:var(--color_1) !important; } *#dm .dmInner div.u_1566013561 .dmforminput label:not(.for-checkable):not(.custom-contact-checkable) { font-family: Poppins !important; color:var(--color_2) !important; } *#dm .dmInner div.u_1566013561 .m-recaptcha { font-family: Poppins !important; color:var(--color_2) !important; } *#dm .dmInner div.u_1566013561 .dmforminput input { font-family: Poppins !important; color:var(--color_1) !important; } *#dm .dmInner div.u_1566013561 .dmforminput textarea { font-family: Poppins !important; color:var(--color_1) !important; } *#dm .dmInner div.u_1566013561 .dmforminput .fileUploadLink { font-family: Poppins !important; color:var(--color_1) !important; } *#dm .dmInner div.u_1566013561 .checkboxwrapper span { font-family: Poppins !important; color:var(--color_1) !important; } *#dm .dmInner div.u_1566013561 .radiowrapper span { font-family: Poppins !important; color:var(--color_1) !important; } *#dm .dmInner div.u_1566013561 .optinwrapper div { font-family: Poppins !important; color:var(--color_1) !important; } *#dm .dmInner div.u_1566013561 .freetextwrapper { font-family: Poppins !important; color:var(--color_1) !important; } *#dm .dmInner div.u_1566013561 .dmforminput select { font-family: Poppins !important; color:var(--color_1) !important; } *#dm .dmInner div.u_1566013561 .dmforminput option { font-family: Poppins !important; color:var(--color_1) !important; } *#dm .dmInner *.u_1566013561 .dmforminput input { text-align:LEFT !important; } *#dm .dmInner *.u_1566013561 .dmforminput textarea { text-align:LEFT !important; } *#dm .dmInner *.u_1566013561 .dmforminput .fileUploadLink { text-align:LEFT !important; } *#dm .dmInner *.u_1566013561 .checkboxwrapper span { text-align:LEFT !important; } *#dm .dmInner *.u_1566013561 .radiowrapper span { text-align:LEFT !important; } *#dm .dmInner *.u_1566013561 .optinwrapper div { text-align:LEFT !important; } *#dm .dmInner *.u_1566013561 .freetextwrapper { text-align:LEFT !important; } *#dm .dmInner *.u_1566013561 .dmforminput select { text-align:LEFT !important; } *#dm .dmInner *.u_1566013561 .dmforminput option { text-align:LEFT !important; } *#dm .dmInner div.u_1566013561 input[type="submit"] { font-family: Poppins !important; } *#dm .dmInner div.u_1566013561 .dmformsubmit:hover input[type="submit"] { color:var(--color_1) !important; } *#dm .dmInner div.u_1566013561 .dmformsubmit.hover input[type="submit"] { color:var(--color_1) !important; } *#dm .dmInner div.u_1566013561 .dmformsubmit:hover { background-color:var(--color_2) !important; background-image:none !important; } *#dm .dmInner div.u_1566013561 .dmformsubmit.hover { background-color:var(--color_2) !important; background-image:none !important; } nav.u_1106952235 { color:white !important; } *#dm .dmInner nav.u_1106952235.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:var(--color_2) !important; } *#dm .dmInner nav.u_1106952235.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { color:var(--color_4) !important; } *#dm .dmInner nav.u_1106952235.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { color:var(--color_4) !important; } *#dm .dmInner nav.u_1106952235.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { color:var(--color_4) !important; } *#dm .dmInner *.u_1106952235.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:20px !important; } *#dm .dmInner *.u_1106952235.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:20px !important; } *#dm .dmInner nav.u_1106952235.main-navigation.unifiednav.effect-bottom2 .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item .nav-item-text::after { border-top-color:var(--color_4) !important; border-top-style:solid !important; border-top-width:2px !important; } *#dm .dmInner *.u_1106952235.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { margin-left:0 !important; padding-top:5px !important; padding-left:0 !important; padding-bottom:5px !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:0 !important; } *#dm .dmInner nav.u_1106952235 { color:white !important; } *#dm .dmInner nav.u_1106952235.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { color:var(--color_2) !important; } *#dm .dmInner nav.u_1106952235.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover { color:var(--color_4) !important; } *#dm .dmInner nav.u_1106952235.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.hover { color:var(--color_4) !important; } *#dm .dmInner nav.u_1106952235.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.dmNavItemSelected { color:var(--color_4) !important; } *#dm .dmInner *.u_1106952235.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { margin-left:0px !important; padding-top:8px !important; padding-left:12px !important; padding-bottom:8px !important; margin-top:0px !important; margin-bottom:0px !important; margin-right:0px !important; padding-right:12px !important; } *#dm .dmInner *.u_1566013561 .dmformsubmit { float:LEFT !important; } *#dm .dmInner *.u_1153820645.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_1484842752 { width:100% !important; } *#dm .dmInner *.u_1153820645 { justify-content:center !important; } *#dm .dmInner nav.u_1153820645.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:var(--color_2) !important; font-size:14px !important; } *#dm .dmInner nav.u_1153820645.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_1153820645.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_1153820645.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { color:var(--color_4) !important; } *#dm .dmInner nav.u_1153820645.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { color:var(--color_4) !important; } *#dm .dmInner nav.u_1153820645.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { color:var(--color_4) !important; } *#dm .dmInner nav.u_1153820645.main-navigation.unifiednav .unifiednav__container[data-depth] { background-color:var(--color_1) !important; background-image:initial !important; } *#dm .dmInner nav.u_1153820645.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover { color:var(--color_1) !important; background-color:var(--color_4) !important; background-image:initial !important; } *#dm .dmInner nav.u_1153820645.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.hover { color:var(--color_1) !important; background-color:var(--color_4) !important; background-image:initial !important; } *#dm .dmInner nav.u_1153820645.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.dmNavItemSelected { color:var(--color_1) !important; background-color:var(--color_4) !important; background-image:initial !important; } *#dm .dmInner nav.u_1153820645.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { color:var(--color_3) !important; font-size:14px !important; } *#dm .dmInner a.u_1092614515 { border-radius:0px 0px 0px 0px !important; } *#dm .dmInner a.u_1092614515:hover { background-image:initial !important; background-color:var(--color_2) !important; } *#dm .dmInner a.u_1092614515.hover { background-image:initial !important; background-color:var(--color_2) !important; } *#dm .dmInner a.u_1092614515:hover span.text { color:var(--color_1) !important; } *#dm .dmInner a.u_1092614515.hover span.text { color:var(--color_1) !important; } *#dm .dmInner a.u_1092614515 span.text { font-family: Abel !important; font-size:18px !important; } *#dm .dmInner div.u_1052629320 .svg { fill:var(--color_4) !important; } *#dm .dmInner div.u_1566013561 .dmformsubmit { width:200px !important; } *#dm .dmInner div.u_1238540816 .socialHubInnerDiv { column-gap:5px !important; } *#dm .dmInner div.u_1238540816 .socialHubIcon { width:32px !important; height:32px !important; font-size:21px !important; line-height:32px !important; background-color:var(--color_5) !important; background-image:initial !important; color:var(--color_2) !important; } *#dm .dmInner div.u_1817461506 .socialHubInnerDiv { justify-content:flex-start !important; } *#dm .dmInner div.u_1817461506 .socialHubIcon { color:var(--color_4) !important; border-color:var(--color_4) !important; width:38px !important; height:38px !important; font-size:25px !important; line-height:38px !important; } } @media (min-width:0) and (max-width:767px) { *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-75vw,0) !important; } *#dm .dmInner *#hamburger-drawer.layout-drawer[data-origin="top"]:not([data-auto-height]) { height:100% !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(0,100%) !important; } *#dm .dmInner *.u_1106952235 li .unifiednav__item { justify-content:flex-start !important; } *#dm .dmInner nav.u_1106952235.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:20px !important; } } @media (min-width:1025px) { *.stickyHeaderSpacer { height:249.2734375px !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(0,100%) !important; } *#dm .dmInner *.u_1238540816 .socialHubIcon { width:28px !important; height:28px !important; font-size:18.666666666666668px !important; line-height:28px !important; } *#dm .dmInner *.u_1238540816 .socialHubIcon:after { width:36px !important; height:28px !important; } *#dm .dmInner div.u_1566013561 .dmforminput label:not(.for-checkable):not(.custom-contact-checkable) { font-size:15px !important; } *#dm .dmInner div.u_1566013561 .m-recaptcha { font-size:15px !important; } *#dm .dmInner div.u_1566013561 .dmforminput input { font-size:16px !important; } *#dm .dmInner div.u_1566013561 .dmforminput textarea { font-size:16px !important; } *#dm .dmInner div.u_1566013561 .dmforminput .fileUploadLink { font-size:16px !important; } *#dm .dmInner div.u_1566013561 .checkboxwrapper span { font-size:16px !important; } *#dm .dmInner div.u_1566013561 .radiowrapper span { font-size:16px !important; } *#dm .dmInner div.u_1566013561 .optinwrapper div { font-size:16px !important; } *#dm .dmInner div.u_1566013561 .freetextwrapper { font-size:16px !important; } *#dm .dmInner div.u_1566013561 .dmforminput select { font-size:16px !important; } *#dm .dmInner div.u_1566013561 .dmforminput option { font-size:16px !important; } *#dm .dmInner div.u_1566013561 input::placeholder { font-size:16px !important; } *#dm .dmInner div.u_1566013561 input.placeholder { font-size:16px !important; } *#dm .dmInner div.u_1566013561 textarea::placeholder { font-size:16px !important; } *#dm .dmInner div.u_1566013561 textarea.placeholder { font-size:16px !important; } *#dm .dmInner div.u_1566013561 select::placeholder { font-size:16px !important; } *#dm .dmInner div.u_1566013561 select.placeholder { font-size:16px !important; } *#dm .dmInner div.u_1566013561 input[type="submit"] { font-size:16px !important; } *#dm .dmInner nav.u_1106952235.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:25px !important; } *#dm .dmInner nav.u_1106952235.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { font-size:18px !important; } *#dm .dmInner div.u_1566013561 .dmformsubmit { width:240px !important; height:50px !important; } *#dm .dmInner div#hamburger-drawer.layout-drawer { margin-left:0px !important; padding-top:0px !important; padding-left:0px !important; padding-bottom:0px !important; margin-top:0px !important; margin-bottom:0px !important; margin-right:0px !important; padding-right:0px !important; } } @media (min-width:0) and (max-width:767px) { *#dm .dmInner *.u_1817461506 .socialHubIcon { width:29px !important; height:29px !important; font-size:19.333333333333332px !important; line-height:29px !important; } *#dm .dmInner *.u_1817461506 .socialHubIcon:after { width:37px !important; height:29px !important; } *#dm .dmInner div#hamburger-drawer.layout-drawer { margin-left:0 !important; padding-top:0 !important; padding-left:0 !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:0 !important; } } @media (min-width:0) and (max-width:767px) { *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(0,0) !important; } *#dm .dmInner div#hamburger-drawer.layout-drawer { margin-left:0 !important; padding-top:0 !important; padding-left:0 !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:0 !important; } *#dm .dmInner a.u_1033546785 span.text { font-size:18px !important; } } @media (min-width:0px) and (max-width:767px) { *#dm .dmInner nav.u_1106952235.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { font-size:18px !important; } *#dm .dmInner div#hamburger-drawer.layout-drawer { margin-left:0px !important; padding-top:0px !important; padding-left:0px !important; padding-bottom:0px !important; margin-top:0px !important; margin-bottom:0px !important; margin-right:0px !important; padding-right:0px !important; } }