/* Password show/hide toggle styles. Used with .dn-password-wrapper elements — see shared/password_toggle.js */ .dn-password-wrapper { position: relative; display: inline-block; width: 100%; } .dn-logo { padding: 10px; } div.login_a ul.form li.password .dn-password-wrapper { width: auto; } .dn-password-wrapper input[type="password"], .dn-password-wrapper input[type="text"] { padding-right: 34px; } .dn-password-toggle { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; padding: 2px 4px; line-height: 1; display: flex; align-items: center; justify-content: center; } .dn-password-toggle-icon { display: inline-block; width: 18px; height: 18px; background-color: #666; -webkit-mask-image: url(/images/icons/eye-open.svg); mask-image: url(/images/icons/eye-open.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; } .dn-password-toggle:hover .dn-password-toggle-icon { background-color: #333; } .dn-password-toggle.dn-showing .dn-password-toggle-icon { -webkit-mask-image: url(/images/icons/eye-closed.svg); mask-image: url(/images/icons/eye-closed.svg); } /** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-decoration: none;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}body { line-height: 1;}ol, ul { list-style: none;}blockquote, q { quotes: none;}blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}table { border-collapse: collapse; border-spacing: 0;} * { margin: 0; } h1, h2, h3, h4, h5, span, label, a, input, p, th, td, select { letter-spacing: normal; word-spacing: normal; } input[type='button'] { cursor: pointer; } @charset "UTF-8"; html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } /*site set default gutter to theme default 'medium'*/ /* The 'no device' spans.. do not use if you want to be responsive */ .span1 { width: 8.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .span2 { width: 16.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .span3 { width: 25%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .span4 { width: 33.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .span5 { width: 41.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .span6 { width: 50%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .span7 { width: 58.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .span8 { width: 66.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .span9 { width: 75%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .span10 { width: 83.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .span11 { width: 91.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .span12 { width: 100%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .span24 { width: 20%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .hide { display: none; } .show { display: block; } .no-padded-container { margin-left: 0; margin-right: 0; letter-spacing: -0.31em; } /* The 'responsive' spans */ /* Responsive for mobile */ @media only screen and (min-width: 0px) { .dn-mobile-span1 { width: 8.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-mobile-span2 { width: 16.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-mobile-span3 { width: 25%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-mobile-span4 { width: 33.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-mobile-span5 { width: 41.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-mobile-span6 { width: 50%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-mobile-span7 { width: 58.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-mobile-span8 { width: 66.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-mobile-span9 { width: 75%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-mobile-span10 { width: 83.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-mobile-span11 { width: 91.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-mobile-span12 { width: 100%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-mobile-span24 { width: 20%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-mobile-hide { display: none; } .dn-mobile-show { display: block; } .dn-mobile-no-padded-container { margin-left: 0; margin-right: 0; letter-spacing: -0.31em; } } /* Responsive for small */ @media only screen and (min-width: 768px) { .dn-small-span1 { width: 8.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-small-span2 { width: 16.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-small-span3 { width: 25%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-small-span4 { width: 33.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-small-span5 { width: 41.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-small-span6 { width: 50%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-small-span7 { width: 58.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-small-span8 { width: 66.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-small-span9 { width: 75%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-small-span10 { width: 83.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-small-span11 { width: 91.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-small-span12 { width: 100%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-small-span24 { width: 20%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-small-hide { display: none; } .dn-small-show { display: block; } .dn-small-no-padded-container { margin-left: 0; margin-right: 0; letter-spacing: -0.31em; } } /* Responsive for medium */ @media only screen and (min-width: 992px) { .dn-medium-span1 { width: 8.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-medium-span2 { width: 16.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-medium-span3 { width: 25%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-medium-span4 { width: 33.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-medium-span5 { width: 41.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-medium-span6 { width: 50%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-medium-span7 { width: 58.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-medium-span8 { width: 66.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-medium-span9 { width: 75%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-medium-span10 { width: 83.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-medium-span11 { width: 91.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-medium-span12 { width: 100%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-medium-span24 { width: 20%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-medium-hide { display: none; } .dn-medium-show { display: block; } .dn-medium-no-padded-container { margin-left: 0; margin-right: 0; letter-spacing: -0.31em; } } /* Responsive for large */ @media only screen and (min-width: 1210px) { .dn-large-span1 { width: 8.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-large-span2 { width: 16.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-large-span3 { width: 25%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-large-span4 { width: 33.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-large-span5 { width: 41.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-large-span6 { width: 50%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-large-span7 { width: 58.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-large-span8 { width: 66.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-large-span9 { width: 75%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-large-span10 { width: 83.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-large-span11 { width: 91.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-large-span12 { width: 100%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-large-span24 { width: 20%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-large-hide { display: none; } .dn-large-show { display: block; } .dn-large-no-padded-container { margin-left: 0; margin-right: 0; letter-spacing: -0.31em; } } @media only screen and (min-width: 0px) { .dn-all-span1 { width: 8.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-all-span2 { width: 16.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-all-span3 { width: 25%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-all-span4 { width: 33.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-all-span5 { width: 41.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-all-span6 { width: 50%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-all-span7 { width: 58.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-all-span8 { width: 66.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-all-span9 { width: 75%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-all-span10 { width: 83.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-all-span11 { width: 91.6666666667%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-all-span12 { width: 100%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } .dn-all-span24 { width: 20%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } } /* buttons: standard action major action minor action add to cart hero button */ /* inputs */ /* grid */ /* designer */ /*widgets*/ /* tabs */ /* breadcrumb */ /* 'pill' styling */ .dn-page-columns-container, p, body { color: #1c1b1b; font-family: "Nunito Sans", "helvetica", sans-serif; font-size: 20px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1.65em; font-stretch: normal; text-decoration: none; text-transform: none; letter-spacing: normal; word-spacing: normal; } a { color: #1c1b1b; font-family: "Nunito Sans", "helvetica", sans-serif; font-size: 20px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1.65em; font-stretch: normal; text-decoration: none; text-transform: none; letter-spacing: normal; word-spacing: normal; transition: ease-in-out 0ms; } a.dn-overridden-hover-on { /* only apply when overriding hover ON */ } a.dn-overridden-hover-on:hover { color: #1c1b1b; font-size: 20px; font-style: normal; font-weight: 400; text-decoration: none; text-transform: none; } h1.dn-styled, h1.dn-styled a, .dn-widget-heading h1, .dn-widget-heading h1 a, .dn-widget-html h1, .dn-widget-html h1 a, .dn-commercial-content h1 { color: #1c1b1b; font-family: "Poppins", Helvetica, Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; text-decoration: none; text-transform: uppercase; letter-spacing: 0.2em; word-spacing: normal; } h1.dn-sized, h1.dn-sized a, .dn-widget-heading h1, .dn-widget-heading h1 a, .dn-widget-html h1, .dn-widget-html h1 a, .dn-commercial-content h1 { font-size: 25px; line-height: 2em; } h2.dn-styled, h2.dn-styled a, .dn-widget-heading h2, .dn-widget-heading h2 a, .dn-widget-html h2, .dn-widget-html h2 a, .dn-commercial-content h2 { color: #1c1b1b; font-family: "Poppins", Helvetica, Arial, sans-serif; font-style: normal; font-variant: small-caps; font-weight: 700; font-stretch: normal; text-decoration: none; text-transform: uppercase; letter-spacing: 0.2em; word-spacing: normal; text-align: inherit; } h2.dn-sized, h2.dn-sized a, .dn-widget-heading h2, .dn-widget-heading h2 a, .dn-widget-html h2, .dn-widget-html h2 a, .dn-commercial-content h2 { font-size: 26px; line-height: 2em; } h3.dn-styled, h3.dn-styled a, .dn-widget-heading h3, .dn-widget-heading h3 a, .dn-widget-html h3, .dn-widget-html h3 a, .dn-commercial-content h3 { color: #1c1b1b; font-family: "Poppins", Helvetica, Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: 600; font-stretch: normal; text-decoration: none; text-transform: uppercase; letter-spacing: normal; word-spacing: normal; text-align: inherit; } h3.dn-sized, h3.dn-sized a, .dn-widget-heading h3, .dn-widget-heading h3 a, .dn-widget-html h3, .dn-widget-html h3 a, .dn-commercial-content h3 { font-size: 16px; line-height: 2em; } h4.dn-styled, h4.dn-styled a, .dn-widget-heading h4, .dn-widget-heading h4 a, .dn-widget-html h4, .dn-widget-html h4 a, .dn-commercial-content h4 { color: #252525; font-family: "Poppins", Helvetica, Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: 500; font-stretch: normal; text-decoration: none; text-transform: uppercase; letter-spacing: normal; word-spacing: normal; } h4.dn-sized, h4.dn-sized a, .dn-widget-heading h4, .dn-widget-heading h4 a, .dn-widget-html h4, .dn-widget-html h4 a, .dn-commercial-content h4 { font-size: 20px; line-height: 1em; } h5.dn-styled, h5.dn-styled a, .dn-widget-heading h5, .dn-widget-heading h5 a, .dn-widget-html h5, .dn-widget-html h5 a, .dn-commercial-content h5 { color: #252525; font-family: "Poppins", Helvetica, Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; text-decoration: none; text-transform: uppercase; letter-spacing: normal; word-spacing: normal; } h5.dn-sized, h5.dn-sized a, .dn-widget-heading h5, .dn-widget-heading h5 a, .dn-widget-html h5, .dn-widget-html h5 a, .dn-commercial-content h5 { font-size: 9px; line-height: 1em; } header.dn-lh-1rllor .dn-large-header .dn-logo-container h1, header.dn-lh-1rllor .dn-large-header .dn-logo-container div.dn-site-heading, body.dn-inline-header header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-logo-and-nav-container > div .dn-logo-container h1.dn-text-logo, body.dn-inline-header header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-logo-and-nav-container > div .dn-logo-container div.dn-text-logo.dn-site-heading, .dn-logo-container .dn-logo-list li a { color: #252525; font-family: "Poppins"; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 4em; font-stretch: normal; text-decoration: none; text-transform: uppercase; letter-spacing: normal; word-spacing: normal; } body.dn-floating-header header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-logo-and-nav-container > div .dn-logo-container h1.dn-text-logo, body.dn-floating-header header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-logo-and-nav-container > div .dn-logo-container div.dn-text-logo.dn-site-heading { color: #000000; font-family: "Special Elite"; font-size: 40px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1em; font-stretch: normal; text-decoration: none; text-transform: none; letter-spacing: normal; word-spacing: normal; } body.dn-inline-header header .dn-small-header .dn-small-logo-container h1.dn-text-logo, body.dn-inline-header header .dn-small-header .dn-small-logo-container div.dn-site-heading.dn-text-logo, body.dn-inline-header header .dn-small-header-always .dn-small-logo-container h1.dn-text-logo, body.dn-inline-header header .dn-small-header-always .dn-small-logo-container div.dn-site-heading.dn-text-logo { color: #252525; font-family: "Poppins"; font-style: normal; font-variant: normal; font-weight: 700; font-stretch: normal; font-size: 20px; line-height: 40px; text-decoration: none; text-transform: uppercase; letter-spacing: normal; word-spacing: normal; } body.dn-floating-header header .dn-small-header .dn-small-logo-container h1.dn-text-logo, body.dn-floating-header header .dn-small-header .dn-small-logo-container div.dn-site-heading.dn-text-logo, body.dn-floating-header header .dn-small-header-always .dn-small-logo-container h1.dn-text-logo, body.dn-floating-header header .dn-small-header-always .dn-small-logo-container div.dn-site-heading.dn-text-logo { color: #000000; font-family: "Special Elite"; font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; font-size: 20px; line-height: 40px; text-decoration: none; text-transform: none; letter-spacing: normal; word-spacing: normal; } nav .dn-nav-item .dn-currency-selector, nav .dn-nav-item a span, nav .dn-nav-item a, nav .dn-nav-item, body.dn-inline-header nav.dn-nav-main span, body.dn-inline-header nav.dn-nav-main a span, body.dn-inline-header nav.dn-nav-main a, body.dn-inline-header nav.dn-nav-main { color: #252525; font-family: "Poppins"; font-size: 20px; font-style: normal; font-variant: normal; font-weight: 500; line-height: 2.21em; font-stretch: normal; text-decoration: none; text-transform: uppercase; letter-spacing: normal; word-spacing: normal; transition: ease-in-out 0ms; } body.dn-floating-header nav.dn-nav-main a span, body.dn-floating-header nav.dn-nav-main a, body.dn-floating-header nav.dn-nav-main { color: #000000; font-family: "Montserrat"; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1em; font-stretch: normal; text-decoration: none; text-transform: none; letter-spacing: normal; word-spacing: normal; } footer .dn-pos-message-container .dn-pos-message, body.dn-inline-header header nav.dn-other-nav > div, body.dn-inline-header header nav.dn-other-nav > div a, body.dn-inline-header header .dn-other-nav a, body.dn-inline-header header .dn-other-nav > div { color: #252525; font-family: "Poppins", sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 600; line-height: 1em; font-stretch: normal; text-decoration: none; text-transform: none; letter-spacing: normal; word-spacing: normal; } body.dn-floating-header header nav.dn-other-nav > div, body.dn-floating-header header nav.dn-other-nav > div a, body.dn-floating-header header a, body.dn-floating-header header { color: #000000; font-family: "Montserrat", sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1em; font-stretch: normal; text-decoration: none; text-transform: none; letter-spacing: normal; word-spacing: normal; } .dn-small-header div a span, .dn-small-header div a, .dn-small-header div { color: #252525; font-family: "Poppins", sans-serif; font-style: normal; font-variant: normal; font-weight: 600; font-stretch: normal; text-decoration: none; text-transform: none; letter-spacing: normal; word-spacing: normal; } body.dn-floating-header .dn-small-header div a span, body.dn-floating-header .dn-small-header div a, body.dn-floating-header .dn-small-header div { color: #000000; font-family: "Montserrat", sans-serif; font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; text-decoration: none; text-transform: none; letter-spacing: normal; word-spacing: normal; } .dn-breadcrumb-section .dn-breadcrumbs .dn-breadcrumb a, .dn-breadcrumb-section .dn-breadcrumbs { color: #1c1b1b; font-family: "Poppins", "helvetica", sans-serif; font-size: 20px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1.65em; font-stretch: normal; text-decoration: none; text-transform: none; letter-spacing: normal; word-spacing: normal; } .dn-widget.dn-widget-text b, div.dn-shipping-information-container b, .dn-widget-page_heading .dn-widget-content b, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-description b, .dn-popup.dn-designer-popup .dn-intro-content b, div.dn-product-display .dn-product-shipping-info b, div.dn-product-display .dn-product-description b, .dn-commercial-content b { font-weight: bold; } .dn-widget.dn-widget-text em, div.dn-shipping-information-container em, .dn-widget-page_heading .dn-widget-content em, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-description em, .dn-popup.dn-designer-popup .dn-intro-content em, div.dn-product-display .dn-product-shipping-info em, div.dn-product-display .dn-product-description em, .dn-commercial-content em, .dn-widget.dn-widget-text i, div.dn-shipping-information-container i, .dn-widget-page_heading .dn-widget-content i, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-description i, .dn-popup.dn-designer-popup .dn-intro-content i, div.dn-product-display .dn-product-shipping-info i, div.dn-product-display .dn-product-description i, .dn-commercial-content i { font-style: italic; } .dn-widget.dn-widget-text u, div.dn-shipping-information-container u, .dn-widget-page_heading .dn-widget-content u, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-description u, .dn-popup.dn-designer-popup .dn-intro-content u, div.dn-product-display .dn-product-shipping-info u, div.dn-product-display .dn-product-description u, .dn-commercial-content u { text-decoration: underline; } .dn-widget.dn-widget-text s, div.dn-shipping-information-container s, .dn-widget-page_heading .dn-widget-content s, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-description s, .dn-popup.dn-designer-popup .dn-intro-content s, div.dn-product-display .dn-product-shipping-info s, div.dn-product-display .dn-product-description s, .dn-commercial-content s { text-decoration: line-through; } .dn-widget.dn-widget-text sub, div.dn-shipping-information-container sub, .dn-widget-page_heading .dn-widget-content sub, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-description sub, .dn-popup.dn-designer-popup .dn-intro-content sub, div.dn-product-display .dn-product-shipping-info sub, div.dn-product-display .dn-product-description sub, .dn-commercial-content sub { vertical-align: sub; font-size: smaller; } .dn-widget.dn-widget-text sup, div.dn-shipping-information-container sup, .dn-widget-page_heading .dn-widget-content sup, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-description sup, .dn-popup.dn-designer-popup .dn-intro-content sup, div.dn-product-display .dn-product-shipping-info sup, div.dn-product-display .dn-product-description sup, .dn-commercial-content sup { vertical-align: super; font-size: smaller; } .dn-widget.dn-widget-text table, div.dn-product-display .dn-product-description table, .dn-commercial-content table, .dn-widget.dn-widget-text th, div.dn-product-display .dn-product-description th, .dn-commercial-content th, .dn-widget.dn-widget-text td, div.dn-product-display .dn-product-description td, .dn-commercial-content td { border: 1px solid #1c1b1b; } body { background-color: white; width: 100%; overflow-x: hidden; } strong { font-weight: bold; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 10px; /*line-height: normal;*/ } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } .dn-widget-html, .dn-commercial-content, p { margin-bottom: 10px; } .dn-commercial-content ul { list-style-type: disc; list-style-position: inside; } .dn-commercial-content ul li { margin-left: 10px; } .dn-commercial-content ol { list-style-type: decimal; list-style-position: inside; } .dn-commercial-content ol li { margin-left: 10px; } .dn-btn { max-width: 100%; text-align: center; cursor: pointer; display: inline-block; padding-left: 5px; padding-right: 5px; position: relative; white-space: nowrap; overflow: hidden; height: 40px; line-height: normal; } .dn-btn .dn-btn-icon { line-height: normal; display: inline-block; vertical-align: middle; } .dn-btn .dn-btn-icon:before { font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: normal; letter-spacing: normal; word-spacing: normal; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dn-btn .dn-btn-label { display: inline-block; vertical-align: middle; max-width: 104%; overflow: hidden; line-height: normal; text-overflow: ellipsis; white-space: nowrap; } .dn-btn .dn-btn-label span { overflow: hidden; text-overflow: ellipsis; letter-spacing: normal; word-spacing: normal; } .dn-btn .dn-btn-valign { width: 0px; height: 100%; vertical-align: middle; display: inline-block; } .dn-btn.dn-with-width { width: 100%; } .dn-btn.dn-with-width .dn-btn-valign { height: 100%; } .dn-btn.dn-with-width .dn-btn-label { white-space: nowrap; } .dn-btn.dn-btn-std.dn-styled, .dn-btn.dn-btn-ok.dn-styled { background-color: #d63b3b; border: 0px solid #d63b3b; border-radius: 5px; color: white; font-family: "Poppins"; font-style: normal; font-variant: normal; font-weight: 700; font-stretch: normal; text-transform: uppercase; text-align: center; transition: ease-in-out 0ms; box-shadow: 0px 0px 15px 2px #cccccc; } .dn-btn.dn-btn-std.dn-styled .dn-btn-label > span, .dn-btn.dn-btn-ok.dn-styled .dn-btn-label > span { text-decoration: none; letter-spacing: 0.1em; word-spacing: normal; color: white; white-space: nowrap; } .dn-btn.dn-btn-std.dn-styled .dn-btn-icon, .dn-btn.dn-btn-ok.dn-styled .dn-btn-icon { display: none; } .dn-btn.dn-btn-std.dn-styled .dn-btn-label, .dn-btn.dn-btn-ok.dn-styled .dn-btn-label { margin-left: 0px; padding-left: 0px; } .dn-btn.dn-btn-std.dn-styled .dn-btn-label span, .dn-btn.dn-btn-ok.dn-styled .dn-btn-label span { margin-left: 0px; } .dn-btn.dn-btn-std.dn-styled.dn-overridden-hover-on, .dn-btn.dn-btn-ok.dn-styled.dn-overridden-hover-on { /* only apply when overriding hover ON */ } .dn-btn.dn-btn-std.dn-styled.dn-overridden-hover-on:hover, .dn-btn.dn-btn-ok.dn-styled.dn-overridden-hover-on:hover { background-color: #c93636; border-color: #363434; color: white; box-shadow: none; } .dn-btn.dn-btn-std.dn-styled.dn-overridden-hover-on:hover .dn-btn-label > span, .dn-btn.dn-btn-ok.dn-styled.dn-overridden-hover-on:hover .dn-btn-label > span { color: white; } .dn-btn.dn-btn-std.dn-sized, .dn-btn.dn-btn-ok.dn-sized { font-size: 20px; line-height: 3em; height: auto; } .dn-btn.dn-btn-std.dn-with-width, .dn-btn.dn-btn-ok.dn-with-width { width: 100%; padding: 0px; } .dn-btn.dn-btn-minor.dn-styled { background-color: #fffff4; border: 1px solid black; border-radius: 0%; color: black; font-family: "Poppins"; font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; text-transform: uppercase; text-align: center; transition: ease-in-out 0ms; box-shadow: none; } .dn-btn.dn-btn-minor.dn-styled .dn-btn-label > span { text-decoration: none; letter-spacing: normal; word-spacing: normal; color: black; white-space: nowrap; } .dn-btn.dn-btn-minor.dn-styled .dn-btn-icon { display: none; } .dn-btn.dn-btn-minor.dn-styled .dn-btn-label { margin-left: 0px; padding-left: 0px; } .dn-btn.dn-btn-minor.dn-styled .dn-btn-label span { margin-left: 0px; } .dn-btn.dn-btn-minor.dn-styled.dn-overridden-hover-on { /* only apply when overriding hover ON */ } .dn-btn.dn-btn-minor.dn-styled.dn-overridden-hover-on:hover { background-color: #fffff4; border-color: black; color: black; box-shadow: none; } .dn-btn.dn-btn-minor.dn-styled.dn-overridden-hover-on:hover .dn-btn-label > span { color: black; } .dn-btn.dn-btn-minor.dn-sized { font-size: 20px; line-height: 3em; height: auto; } .dn-btn.dn-btn-minor.dn-with-width { width: 100%; padding: 0px; } .dn-btn.dn-btn-major.dn-styled { background-color: #007bff; border: 0px solid #363434; border-radius: 50px; color: white; font-family: "Poppins"; font-style: normal; font-variant: normal; font-weight: 600; font-stretch: normal; text-transform: uppercase; text-align: center; transition: ease-in-out 0ms; box-shadow: none; } .dn-btn.dn-btn-major.dn-styled .dn-btn-label > span { text-decoration: none; letter-spacing: 0.1em; word-spacing: normal; color: white; white-space: nowrap; } .dn-btn.dn-btn-major.dn-styled .dn-btn-icon { display: none; } .dn-btn.dn-btn-major.dn-styled .dn-btn-label { margin-left: 0px; padding-left: 0px; } .dn-btn.dn-btn-major.dn-styled .dn-btn-label span { margin-left: 0px; } .dn-btn.dn-btn-major.dn-styled.dn-overridden-hover-on { /* only apply when overriding hover ON */ } .dn-btn.dn-btn-major.dn-styled.dn-overridden-hover-on:hover { background-color: #007bff; border-color: #363434; color: white; box-shadow: none; } .dn-btn.dn-btn-major.dn-styled.dn-overridden-hover-on:hover .dn-btn-label > span { color: white; } .dn-btn.dn-btn-major.dn-sized { font-size: 16px; line-height: 3.5em; height: auto; } .dn-btn.dn-btn-major.dn-with-width { width: 100%; padding: 0px; } .dn-btn.dn-btn-cart.dn-styled, .dn-designer .dn-btn.dn-btn-cart.dn-styled { background-color: #d63b3b; border: 4px solid #d63b3b; border-radius: 36px; color: white; font-family: "Poppins"; font-style: normal; font-variant: small-caps; font-weight: 800; font-stretch: normal; text-transform: uppercase; text-align: center; transition: ease-in-out 0ms; box-shadow: none; } .dn-btn.dn-btn-cart.dn-styled .dn-btn-label > span, .dn-designer .dn-btn.dn-btn-cart.dn-styled .dn-btn-label > span { text-decoration: none; letter-spacing: 0.1em; word-spacing: normal; color: white; white-space: nowrap; } .dn-btn.dn-btn-cart.dn-styled .dn-btn-label.concept, .dn-designer .dn-btn.dn-btn-cart.dn-styled .dn-btn-label.concept { padding-left: 0px; } .dn-btn.dn-btn-cart.dn-styled .dn-btn-icon, .dn-designer .dn-btn.dn-btn-cart.dn-styled .dn-btn-icon { width: 1.8em; display: inline-block; } .dn-btn.dn-btn-cart.dn-styled .dn-btn-icon:before, .dn-designer .dn-btn.dn-btn-cart.dn-styled .dn-btn-icon:before { font-family: "decofonts"; font-size: 1.8em; content: "l"; color: white; } .dn-btn.dn-btn-cart.dn-styled .dn-btn-label, .dn-designer .dn-btn.dn-btn-cart.dn-styled .dn-btn-label { margin-left: -1.8em; padding-left: 1.8em; } .dn-btn.dn-btn-cart.dn-styled .dn-btn-label span, .dn-designer .dn-btn.dn-btn-cart.dn-styled .dn-btn-label span { margin-left: 0.5em; } .dn-btn.dn-btn-cart.dn-styled.dn-overridden-hover-on, .dn-designer .dn-btn.dn-btn-cart.dn-styled.dn-overridden-hover-on { /* only apply when overriding hover ON */ } .dn-btn.dn-btn-cart.dn-styled.dn-overridden-hover-on:hover, .dn-designer .dn-btn.dn-btn-cart.dn-styled.dn-overridden-hover-on:hover { background-color: white; border-color: black; color: black; box-shadow: none; } .dn-btn.dn-btn-cart.dn-styled.dn-overridden-hover-on:hover .dn-btn-label > span, .dn-designer .dn-btn.dn-btn-cart.dn-styled.dn-overridden-hover-on:hover .dn-btn-label > span { color: black; } .dn-btn.dn-btn-cart.dn-styled.dn-overridden-hover-on:hover .dn-btn-icon:before, .dn-designer .dn-btn.dn-btn-cart.dn-styled.dn-overridden-hover-on:hover .dn-btn-icon:before { color: black; } .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off), .dn-designer .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off) { /* apply when overriding hover OFF or hover is turned on by default */ } .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off):hover, .dn-designer .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off):hover { background-color: white; border-color: black; color: black; box-shadow: none; } .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off):hover .dn-btn-label > span, .dn-designer .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off):hover .dn-btn-label > span { color: black; } .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off):hover .dn-btn-icon:before, .dn-designer .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off):hover .dn-btn-icon:before { color: black; } .dn-btn.dn-btn-cart.dn-sized, .dn-designer .dn-btn.dn-btn-cart.dn-sized { font-size: 16px; line-height: 3.5em; height: auto; } .dn-btn.dn-btn-cart.dn-with-width, .dn-designer .dn-btn.dn-btn-cart.dn-with-width { width: 100%; padding: 0px; } .dn-btn.dn-btn-hero.dn-styled { background-color: rgba(0, 0, 0, 0); border: 1px solid white; border-radius: 0%; color: white; font-family: "Poppins"; font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; text-transform: uppercase; text-align: center; transition: ease-in-out 0ms; box-shadow: none; } .dn-btn.dn-btn-hero.dn-styled .dn-btn-label > span { text-decoration: none; letter-spacing: 0.2em; word-spacing: normal; color: white; white-space: nowrap; } .dn-btn.dn-btn-hero.dn-styled .dn-btn-icon { width: 0em; display: inline-block; } .dn-btn.dn-btn-hero.dn-styled .dn-btn-icon:before { font-family: "decofonts"; font-size: 0em; content: ""; color: white; } .dn-btn.dn-btn-hero.dn-styled .dn-btn-label { margin-left: 0em; padding-left: 0em; } .dn-btn.dn-btn-hero.dn-styled .dn-btn-label span { margin-left: 0em; } .dn-btn.dn-btn-hero.dn-styled.dn-overridden-hover-on { /* only apply when overriding hover ON */ } .dn-btn.dn-btn-hero.dn-styled.dn-overridden-hover-on:hover { background-color: white; border-color: white; color: black; box-shadow: none; } .dn-btn.dn-btn-hero.dn-styled.dn-overridden-hover-on:hover .dn-btn-label > span { color: black; } .dn-btn.dn-btn-hero.dn-styled.dn-overridden-hover-on:hover .dn-btn-icon:before { color: white; } .dn-btn.dn-btn-hero.dn-styled:not(.dn-overridden-hover-off) { /* apply when overriding hover OFF or hover is turned on by default */ } .dn-btn.dn-btn-hero.dn-styled:not(.dn-overridden-hover-off):hover { background-color: white; border-color: white; color: black; box-shadow: none; } .dn-btn.dn-btn-hero.dn-styled:not(.dn-overridden-hover-off):hover .dn-btn-label > span { color: black; } .dn-btn.dn-btn-hero.dn-styled:not(.dn-overridden-hover-off):hover .dn-btn-icon:before { color: white; } .dn-btn.dn-btn-hero.dn-sized { font-size: 12px; line-height: 3em; height: auto; } .dn-btn.dn-btn-hero.dn-with-width { width: 100%; padding: 0px; } @media only screen and (min-width: 0px) { .dn-widget.dn-mobile-auto-width .dn-btn.dn-btn-std { padding-left: 30px; padding-right: 30px; } .dn-widget.dn-mobile-auto-width .dn-btn.dn-btn-minor { padding-left: 30px; padding-right: 30px; } .dn-widget.dn-mobile-auto-width .dn-btn.dn-btn-major { padding-left: 0px; padding-right: 0px; } .dn-widget.dn-mobile-auto-width .dn-btn.dn-btn-cart { padding-left: 80px; padding-right: 80px; } .dn-widget.dn-mobile-auto-width .dn-btn.dn-btn-hero { padding-left: 30px; padding-right: 30px; } } @media only screen and (min-width: 768px) { .dn-widget.dn-small-auto-width .dn-btn.dn-btn-std { padding-left: 30px; padding-right: 30px; } .dn-widget.dn-small-auto-width .dn-btn.dn-btn-minor { padding-left: 30px; padding-right: 30px; } .dn-widget.dn-small-auto-width .dn-btn.dn-btn-major { padding-left: 0px; padding-right: 0px; } .dn-widget.dn-small-auto-width .dn-btn.dn-btn-cart { padding-left: 80px; padding-right: 80px; } .dn-widget.dn-small-auto-width .dn-btn.dn-btn-hero { padding-left: 30px; padding-right: 30px; } } .dn-nav-dropdown-container-large.dn-nav-width-content > .dn-nav-dropdown, main.dn-content > div > .dn-page-section.dn-limit-background-width > div.dn-background-container div.dn-background-image-container, footer > .dn-page-section.dn-limit-background-width > div.dn-background-container div.dn-background-image-container, main.dn-content > div > .dn-page-section.dn-limit-content-width > div > div.dn-page-section-content, main.dn-content > div > .dn-page-section.dn-limit-content-width > div.dn-page-section-content, footer > .dn-page-section.dn-limit-content-width > div > div.dn-page-section-content { margin-left: auto; margin-right: auto; max-width: 1200px; } .dn-page-section-margin { position: relative; z-index: 1; } /* The 'responsive' page margins */ @media only screen and (min-width: 0px) { .dn-page-margin-small .dn-page-section.dn-use-page-margin > .dn-page-section-margin { margin-left: 1px; margin-right: 1px; } .dn-page-margin-small .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container { left: 1px; right: 1px; width: auto; } .dn-page-margin-small .dn-page-section.dn-wrapper.dn-use-page-margin { padding-left: 1px; padding-right: 1px; } .dn-page-margin-medium .dn-page-section.dn-use-page-margin > .dn-page-section-margin { margin-left: 3px; margin-right: 3px; } .dn-page-margin-medium .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container { left: 3px; right: 3px; width: auto; } .dn-page-margin-medium .dn-page-section.dn-wrapper.dn-use-page-margin { padding-left: 3px; padding-right: 3px; } .dn-page-margin-large .dn-page-section.dn-use-page-margin > .dn-page-section-margin { margin-left: 6px; margin-right: 6px; } .dn-page-margin-large .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container { left: 6px; right: 6px; width: auto; } .dn-page-margin-large .dn-page-section.dn-wrapper.dn-use-page-margin { padding-left: 6px; padding-right: 6px; } .dn-page-margin-xlarge .dn-page-section.dn-use-page-margin > .dn-page-section-margin { margin-left: 8px; margin-right: 8px; } .dn-page-margin-xlarge .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container { left: 8px; right: 8px; width: auto; } .dn-page-margin-xlarge .dn-page-section.dn-wrapper.dn-use-page-margin { padding-left: 8px; padding-right: 8px; } .dn-page-margin-default .dn-page-section.dn-use-page-margin > .dn-page-section-margin { margin-left: 3px; margin-right: 3px; } .dn-page-margin-default .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container { left: 3px; right: 3px; width: auto; } .dn-page-margin-default .dn-page-section.dn-wrapper.dn-use-page-margin { padding-left: 3px; padding-right: 3px; } } @media only screen and (min-width: 768px) { .dn-page-margin-small .dn-page-section.dn-use-page-margin > .dn-page-section-margin { margin-left: 2px; margin-right: 2px; } .dn-page-margin-small .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container { left: 2px; right: 2px; width: auto; } .dn-page-margin-small .dn-page-section.dn-wrapper.dn-use-page-margin { padding-left: 2px; padding-right: 2px; } .dn-page-margin-medium .dn-page-section.dn-use-page-margin > .dn-page-section-margin { margin-left: 6px; margin-right: 6px; } .dn-page-margin-medium .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container { left: 6px; right: 6px; width: auto; } .dn-page-margin-medium .dn-page-section.dn-wrapper.dn-use-page-margin { padding-left: 6px; padding-right: 6px; } .dn-page-margin-large .dn-page-section.dn-use-page-margin > .dn-page-section-margin { margin-left: 12px; margin-right: 12px; } .dn-page-margin-large .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container { left: 12px; right: 12px; width: auto; } .dn-page-margin-large .dn-page-section.dn-wrapper.dn-use-page-margin { padding-left: 12px; padding-right: 12px; } .dn-page-margin-xlarge .dn-page-section.dn-use-page-margin > .dn-page-section-margin { margin-left: 16px; margin-right: 16px; } .dn-page-margin-xlarge .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container { left: 16px; right: 16px; width: auto; } .dn-page-margin-xlarge .dn-page-section.dn-wrapper.dn-use-page-margin { padding-left: 16px; padding-right: 16px; } .dn-page-margin-default .dn-page-section.dn-use-page-margin > .dn-page-section-margin { margin-left: 6px; margin-right: 6px; } .dn-page-margin-default .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container { left: 6px; right: 6px; width: auto; } .dn-page-margin-default .dn-page-section.dn-wrapper.dn-use-page-margin { padding-left: 6px; padding-right: 6px; } } @media only screen and (min-width: 992px) { .dn-page-margin-small .dn-page-section.dn-use-page-margin > .dn-page-section-margin { margin-left: 2px; margin-right: 2px; } .dn-page-margin-small .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container { left: 2px; right: 2px; width: auto; } .dn-page-margin-small .dn-page-section.dn-wrapper.dn-use-page-margin { padding-left: 2px; padding-right: 2px; } .dn-page-margin-medium .dn-page-section.dn-use-page-margin > .dn-page-section-margin { margin-left: 6px; margin-right: 6px; } .dn-page-margin-medium .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container { left: 6px; right: 6px; width: auto; } .dn-page-margin-medium .dn-page-section.dn-wrapper.dn-use-page-margin { padding-left: 6px; padding-right: 6px; } .dn-page-margin-large .dn-page-section.dn-use-page-margin > .dn-page-section-margin { margin-left: 16px; margin-right: 16px; } .dn-page-margin-large .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container { left: 16px; right: 16px; width: auto; } .dn-page-margin-large .dn-page-section.dn-wrapper.dn-use-page-margin { padding-left: 16px; padding-right: 16px; } .dn-page-margin-xlarge .dn-page-section.dn-use-page-margin > .dn-page-section-margin { margin-left: 24px; margin-right: 24px; } .dn-page-margin-xlarge .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container { left: 24px; right: 24px; width: auto; } .dn-page-margin-xlarge .dn-page-section.dn-wrapper.dn-use-page-margin { padding-left: 24px; padding-right: 24px; } .dn-page-margin-default .dn-page-section.dn-use-page-margin > .dn-page-section-margin { margin-left: 6px; margin-right: 6px; } .dn-page-margin-default .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container { left: 6px; right: 6px; width: auto; } .dn-page-margin-default .dn-page-section.dn-wrapper.dn-use-page-margin { padding-left: 6px; padding-right: 6px; } } @media only screen and (min-width: 1210px) { .dn-page-margin-small .dn-page-section.dn-use-page-margin > .dn-page-section-margin { margin-left: 4px; margin-right: 4px; } .dn-page-margin-small .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container { left: 4px; right: 4px; width: auto; } .dn-page-margin-small .dn-page-section.dn-wrapper.dn-use-page-margin { padding-left: 4px; padding-right: 4px; } .dn-page-margin-medium .dn-page-section.dn-use-page-margin > .dn-page-section-margin { margin-left: 12px; margin-right: 12px; } .dn-page-margin-medium .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container { left: 12px; right: 12px; width: auto; } .dn-page-margin-medium .dn-page-section.dn-wrapper.dn-use-page-margin { padding-left: 12px; padding-right: 12px; } .dn-page-margin-large .dn-page-section.dn-use-page-margin > .dn-page-section-margin { margin-left: 24px; margin-right: 24px; } .dn-page-margin-large .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container { left: 24px; right: 24px; width: auto; } .dn-page-margin-large .dn-page-section.dn-wrapper.dn-use-page-margin { padding-left: 24px; padding-right: 24px; } .dn-page-margin-xlarge .dn-page-section.dn-use-page-margin > .dn-page-section-margin { margin-left: 32px; margin-right: 32px; } .dn-page-margin-xlarge .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container { left: 32px; right: 32px; width: auto; } .dn-page-margin-xlarge .dn-page-section.dn-wrapper.dn-use-page-margin { padding-left: 32px; padding-right: 32px; } .dn-page-margin-default .dn-page-section.dn-use-page-margin > .dn-page-section-margin { margin-left: 12px; margin-right: 12px; } .dn-page-margin-default .dn-page-section.dn-use-page-margin-on-bg > .dn-background-container { left: 12px; right: 12px; width: auto; } .dn-page-margin-default .dn-page-section.dn-wrapper.dn-use-page-margin { padding-left: 12px; padding-right: 12px; } } .dn-price-currency-code { font-size: 0.8em; } .dn-rrp { color: #999999; text-decoration: line-through; } .dn-price-container { display: inline-block; } span.dn-unit-price { font-size: 0.9em; } .dn-designer { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dn-progress-bar-container { width: 100%; border: 1px solid #cccccc; height: 30px; background-color: #f2f2f2; } .dn-progress-bar-container .dn-progress-bar { height: 28px; background-color: #cccccc; } .dn-progress-bar-status-message { margin-top: 5px; color: #1c1b1b; } .dn-hidden { display: none; } h .dn-recaptcha-warning { background: #b31d2b; border-radius: 3px; color: #fff; display: inline-block; font-size: 12px; line-height: 16px; max-width: 520px; padding: 6px 10px; vertical-align: top; } .dn-text-value { letter-spacing: normal; word-spacing: normal; } .dn-text-value-centered { letter-spacing: normal; word-spacing: normal; text-align: center; } .dn-divider-with-text { width: 100%; height: 30px; letter-spacing: normal; word-spacing: normal; margin-bottom: 30px; text-align: center; border-bottom: 2px solid #b3b3b3; position: relative; } .dn-divider-with-text > * { background-color: #FFFFFF; padding: 20px; display: inline-block; position: absolute; top: 100%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .dn-search-input { white-space: nowrap; } .dn-search-input i { display: inline-block; } .dn-search-input input { display: inline-block; } a.dn-btn-store-signup, a.dn-btn-campaign-signup { background: url(/images/create_your_store.png) 0 0 no-repeat; color: #616161; display: block; height: 34px; padding: 0; text-decoration: none; width: auto; } a.dn-btn-store-signup:hover, a.dn-btn-campaign-signup:hover { cursor: pointer; text-decoration: underline; } a.dn-btn-store-signup em, a.dn-btn-campaign-signup em { background: url(/images/create_your_store.png) 100% 0 no-repeat; display: block; height: 34px; letter-spacing: -0.025em; line-height: 34px; margin: 0 0 0 50px; padding: 0 20px 0 0; } a.dn-btn-campaign-signup { background: url(/images/create_your_campaign.png) 0 0 no-repeat; } a.dn-btn-campaign-signup em { background: url(/images/create_your_campaign.png) 100% 0 no-repeat; } a.dn-btn-store-signup-wl img, a.dn-btn-campaign-signup-wl img { width: 100%; max-width: 220px; } .dn-valign-middle-guide { width: 0px; display: inline-block; vertical-align: middle; height: 100%; } .dn-with-product-background { background-color: white; } .dn-protected { position: relative; } .dn-protected .dn-protection { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2; } #log { position: fixed; top: 40px; left: 40px; color: #333; background-color: white; z-index: 99999; } input.dn-styled, select.dn-styled, textarea.dn-styled, .dn-faux-select.dn-styled, .dn-faux-input.dn-styled { box-shadow: none; background: rgba(239, 239, 239, 0); border: 1px solid black; border-radius: 0px; color: #717171; font-family: "Nunito Sans"; font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; text-decoration: none; text-transform: none; letter-spacing: normal; position: relative; transition: ease-in-out 0ms; padding: 10px 10px; max-width: 100%; } input.dn-styled:disabled, select.dn-styled:disabled, textarea.dn-styled:disabled, .dn-faux-select.dn-styled:disabled, .dn-faux-input.dn-styled:disabled { background: #ffffff; color: #717171; } input.dn-styled.dn-overridden-hover-on, select.dn-styled.dn-overridden-hover-on, textarea.dn-styled.dn-overridden-hover-on, .dn-faux-select.dn-styled.dn-overridden-hover-on, .dn-faux-input.dn-styled.dn-overridden-hover-on { /* only apply when overriding hover ON */ } input.dn-styled.dn-overridden-hover-on:hover, select.dn-styled.dn-overridden-hover-on:hover, textarea.dn-styled.dn-overridden-hover-on:hover, .dn-faux-select.dn-styled.dn-overridden-hover-on:hover, .dn-faux-input.dn-styled.dn-overridden-hover-on:hover { box-shadow: none; background: rgba(239, 239, 239, 0); border: 1px solid black; color: #717171; } input.dn-styled.dn-overridden-focus-on, select.dn-styled.dn-overridden-focus-on, textarea.dn-styled.dn-overridden-focus-on, .dn-faux-select.dn-styled.dn-overridden-focus-on, .dn-faux-input.dn-styled.dn-overridden-focus-on { /* only apply when overriding focus ON */ } input.dn-styled.dn-overridden-focus-on:focus, select.dn-styled.dn-overridden-focus-on:focus, textarea.dn-styled.dn-overridden-focus-on:focus, .dn-faux-select.dn-styled.dn-overridden-focus-on:focus, .dn-faux-input.dn-styled.dn-overridden-focus-on:focus { box-shadow: none; background: #efefef; border: 1px solid #1c1b1b; color: #717171; transition: ease-in-out 50ms; outline: none; } input.dn-styled:not(.dn-overridden-focus-off), select.dn-styled:not(.dn-overridden-focus-off), textarea.dn-styled:not(.dn-overridden-focus-off), .dn-faux-select.dn-styled:not(.dn-overridden-focus-off), .dn-faux-input.dn-styled:not(.dn-overridden-focus-off) { /* apply when overriding focus OFF or focus is turned on by default */ } input.dn-styled:not(.dn-overridden-focus-off):focus, select.dn-styled:not(.dn-overridden-focus-off):focus, textarea.dn-styled:not(.dn-overridden-focus-off):focus, .dn-faux-select.dn-styled:not(.dn-overridden-focus-off):focus, .dn-faux-input.dn-styled:not(.dn-overridden-focus-off):focus { box-shadow: none; background: #efefef; border: 1px solid #1c1b1b; color: #717171; transition: ease-in-out 50ms; outline: none; } input.dn-sized, select.dn-sized, textarea.dn-sized { font-size: 18px; line-height: 1.25em; } input.dn-sized, select.dn-sized { min-height: 1.75em; height: auto; } input.dn-date-selector { margin-right: -25px; padding-right: 5px; } textarea.dn-styled { min-width: 100%; } select.dn-styled { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: linear-gradient(45deg, transparent 50%, #717171 50%), linear-gradient(135deg, #717171 50%, transparent 50%); background-position: calc(100% - 10px) 50%, calc(100% - 5px) 50%; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; padding-right: 30px; min-width: 90px; } select.dn-styled::-ms-expand { display: none; } select.dn-styled.dn-sized { height: auto; padding-right: 30px; min-width: 90px; } select.dn-styled.dn-overridden-focus-on:focus, select.dn-styled:not(.dn-overridden-focus-off):focus { background-image: linear-gradient(45deg, transparent 50%, #717171 50%), linear-gradient(135deg, #717171 50%, transparent 50%); background-position: calc(100% - 10px) 50%, calc(100% - 5px) 50%; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; padding-right: 30px; } select.dn-styled.dn-overridden-hover-on:hover, select.dn-styled:not(.dn-overridden-hover-off):hover { background-image: linear-gradient(45deg, transparent 50%, #717171 50%), linear-gradient(135deg, #717171 50%, transparent 50%); background-position: calc(100% - 10px) 50%, calc(100% - 5px) 50%; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; padding-right: 30px; } select.dn-styled[multiple] { background-image: none; padding-right: 10px; } select.dn-styled[multiple]:hover, select.dn-styled[multiple]:focus { background-image: none; } body.dn-popup-visible { overflow: hidden; height: auto; min-height: 100%; width: 100%; /* &.dn-designer-slim-mode { overflow: hidden; } //this will loose the current scroll position so the code needs to get/restore it position: absolute; height: 100%; width: 100%; */ } .dn-popup-container { display: none; position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100vw; height: 100vh; /* Fallback for browsers that do not support dvh */ height: 100dvh; /* Dynamic viewport height for better compatibility */ z-index: 900; } .dn-popup-container .dn-popup-background { z-index: 999; height: 100%; width: 100%; position: fixed; top: 0; left: 0; background-color: white; opacity: 0.75; content: ""; } .dn-popup-container .dn-popup { opacity: 1.0; z-index: 1000; position: absolute; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; background-color: white; width: 100%; height: 100%; top: 0px; left: 0px; max-width: 100%; max-height: 100%; overflow: hidden; } .dn-popup-container .dn-popup.dn-calculating-size { top: auto; left: auto; right: auto; bottom: auto; width: auto; height: auto; max-width: inherit; min-width: inherit; max-height: inherit; min-height: inherit; } @media only screen and (min-width: 768px) { .dn-popup-container .dn-popup { border: 1px solid #cccccc; width: auto; height: auto; top: auto; left: auto; position: relative; } } .dn-popup-container .dn-popup.dn-at-fullheight { height: 100%; } .dn-popup-container .dn-popup > h3, .dn-popup-container .dn-popup .dn-popup-passthrough > h3 { border-bottom: 1px solid #cccccc; background-color: #fafafa; padding: 3px 8px; margin: 0; font-size: 13px; line-height: 32px; } .dn-popup-container .dn-popup .dn-popup-content-container { max-height: calc(100vh - 91px); max-height: calc(100dvh - 91px); overflow-y: auto; overflow-x: hidden; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; position: relative; } .dn-popup-container .dn-popup .dn-popup-content-container .dn-popup-content { position: relative; height: 100%; } .dn-popup-container .dn-popup .dn-popup-content-container .dn-popup-content-scroll { padding: 10px; max-height: 100%; overflow-y: auto; overflow-x: hidden; } .dn-popup-container .dn-popup.dn-popup-no-header .dn-popup-content-container { margin-top: 0px; padding-top: 0px; } .dn-popup-container .dn-popup.dn-popup-no-footer .dn-popup-content-container { margin-bottom: 0px; padding-bottom: 0px; } .dn-popup-container .dn-popup .dn-popup-footer { letter-spacing: -0.31em; position: relative; background-color: #fafafa; border-top: 1px solid #cccccc; z-index: 2; height: 52px; padding: 5px 1% 0px 0px; width: 100%; text-align: right; } .dn-popup-container .dn-popup .dn-popup-footer .dn-btn { width: 99%; display: inline-block; } .dn-popup-container .dn-popup .dn-popup-footer .dn-btn-cancel { width: auto; background: none; text-decoration: underline; text-transform: none; color: #1c1b1b; min-width: 100px; } .dn-popup-container .dn-popup .dn-popup-footer .dn-btn-other-action { width: auto; background: none; text-decoration: underline; text-transform: none; color: #1c1b1b; min-width: 100px; text-align: left; float: left; } @media only screen and (min-width: 768px) { .dn-popup-container .dn-popup .dn-popup-footer { position: static; padding: 5px 0% 0px 0px; } .dn-popup-container .dn-popup .dn-popup-footer .dn-btn { width: auto; min-width: 100px; margin-left: 5x; padding-left: 5px; padding-right: 5px; margin-right: 5px; } } .dn-popup-container .dn-popup .dn-popup-footer.dn-2-button .dn-btn { width: 49%; margin: 0 0% 0 1%; } @media only screen and (min-width: 768px) { .dn-popup-container .dn-popup .dn-popup-footer.dn-2-button .dn-btn { min-width: 100px; width: auto; margin: 0px; margin-right: 5px; } } .dn-popup-container .dn-popup .dn-popup-footer.dn-3-button .dn-btn { width: 31%; margin: 0 1% 0 1%; font-size: 0.8em; } @media only screen and (min-width: 768px) { .dn-popup-container .dn-popup .dn-popup-footer.dn-3-button .dn-btn { min-width: 100px; width: auto; margin: 0px; margin-right: 5px; padding-left: 10px; padding-right: 10px; font-size: 1em; } } .dn-popup-container .dn-popup.dn-no-fullscreen { width: auto; height: auto; padding-bottom: 5px; } .dn-popup-container .dn-popup.dn-no-fullscreen .dn-popup-content { padding: 10px; } .dn-popup-container .dn-popup.dn-no-fullscreen .dn-popup-footer { bottom: 0px; } .dn-popup-container .dn-popup.dn-popup-no-footer .dn-popup-content-container { margin-bottom: 0px; padding-bottom: 0px; } .dn-popup-container .dn-popup.dn-popup-with-message .dn-popup-content { padding: 30px 60px; } .dn-popup-container .dn-popup-content.dn-popup-content-for-single-message { padding: 30px 60px; } .dn-popup-container.dn-alt { display: block; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } body.dn-popup-visible > header { display: none; } @media only screen and (min-width: 768px) { body.dn-popup-visible > header { display: block; } } .dn-inline-popup { display: none; position: absolute; max-height: 100%; top: 0px; overflow: auto; background-color: #ffffff; } .dn-inline-popup-background { display: block; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 200; } .dn-inline-popup.dn-alt { display: block; } .dn-faded-bg { background-color: white; opacity: 0.5; } .dn-very-faded-bg { background-color: white; opacity: 0.8; } .dn-popup-msgbox .dn-popup-content .dn-msgbox-text { padding: 20px; } ul.dn-form { letter-spacing: -0.31em; } ul.dn-form label a { text-decoration: underline; } ul.dn-form > li { margin-bottom: 1em; } ul.dn-form > li > label { display: inline-block; width: 120px; vertical-align: top; text-align: right; padding-top: 10px; } ul.dn-form > li > label.dn-form-field-description { font-weight: normal; padding: 0px; opacity: .7; padding-left: 0px; } ul.dn-form > li > div { vertical-align: top; display: inline-block; width: 100%; margin-left: -120px; padding-left: 125px; } ul.dn-form > li > div input[type='text'], ul.dn-form > li > div input[type='email'], ul.dn-form > li > div input[type='password'], ul.dn-form > li > div select, ul.dn-form > li > div textarea { width: 100%; } ul.dn-form > li > div span.dn-value { display: inline-block; padding: 10px; } ul.dn-form > li > div ul.dn-radio-buttons { margin-top: 10px; } ul.dn-form > li > div ul.dn-radio-buttons li label { cursor: pointer; width: auto; text-align: left; padding-left: 5px; } ul.dn-form > li > div ul.dn-radio-buttons.dn-inline li { display: inline-block; margin-right: 5px; } ul.dn-form > li > div .dn-form-field-error { border: 1px solid #993434; border-radius: 3px; padding: 3px; color: #993434; background-color: #F4B2B2; letter-spacing: normal; word-spacing: normal; margin-bottom: 5px; } ul.dn-form > li > div .dn-image-field .dn-image-thumbnail { text-align: center; } ul.dn-form > li > div .dn-image-field .dn-image-thumbnail img { max-height: 150px; max-width: 150px; } ul.dn-form > li > div .dn-image-field .dn-image-field-none-selected-note { margin-top: 10px; text-align: center; } ul.dn-form > li > div .dn-image-field .dn-image-field-actions { margin-top: 10px; } ul.dn-form > li > div .dn-image-field .dn-image-field-actions > div { display: inline-block; width: 100%; text-align: center; } ul.dn-form > li > div .dn-image-field .dn-image-field-actions .dn-image-field-replace, ul.dn-form > li > div .dn-image-field .dn-image-field-actions .dn-image-field-delete { display: none; } ul.dn-form > li > div .dn-image-field.dn-has-image .dn-image-field-none-selected-note { display: none; } ul.dn-form > li > div .dn-image-field.dn-has-image .dn-image-field-actions .dn-image-field-select { display: none; } ul.dn-form > li > div .dn-image-field.dn-has-image .dn-image-field-actions .dn-image-field-replace, ul.dn-form > li > div .dn-image-field.dn-has-image .dn-image-field-actions .dn-image-field-delete { display: inline-block; width: 50%; } ul.dn-form > li > div.dn-form-field-without-label { margin-left: 0px; } ul.dn-form > li > div.dn-btn { margin-left: 0px; padding-left: 0px; } ul.dn-form > li.dn-form-heading > div { margin-left: 0px; padding-left: 0px; text-align: center; } ul.dn-form > li.dn-form-field-padding-left .dn-form-field-description, ul.dn-form > li.dn-form-field-padding-left .dn-form-field-label, ul.dn-form > li.dn-form-field-padding-left .dn-form-field { padding-left: 10px; } ul.dn-form > li.dn-form-field-inline { display: inline-block; width: 100%; } ul.dn-form > li.dn-form-field-auto-width { width: auto; } ul.dn-form > li.dn-required .dn-form-field-label:after { content: " *"; } .dn-form.dn-wide li label { width: 180px; } .dn-form.dn-wide li > div { margin-left: -180px; padding-left: 185px; } .dn-form.dn-split-50-50 li label { width: 50%; } .dn-form.dn-split-50-50 li > div { margin-left: -50%; padding-left: 51%; } .dn-form.dn-split-50-50 li > div.dn-form-field-without-label { margin-left: 0; } .dn-form.dn-split-40-60 li label { width: 40%; } .dn-form.dn-split-40-60 li > div { margin-left: -40%; padding-left: 41%; } .dn-form.dn-split-30-70 li label { width: 30%; } .dn-form.dn-split-30-70 li > div { margin-left: -30%; padding-left: 31%; } .dn-form.dn-tight li { margin-bottom: 2px; } .dn-form.dn-tight li label { padding-top: 2px; } .dn-form.dn-tight li > div input[type='text'], .dn-form.dn-tight li > div input[type='password'], .dn-form.dn-tight li > div select, .dn-form.dn-tight li > div textarea { padding: 2px; } .dn-form.dn-tight li > div span.dn-value { padding: 2px; } .dn-form.dn-label-over-field li label, .dn-form.dn-no-labels li label { width: 100%; font-weight: bold; text-align: left; padding-top: 2px; } .dn-form.dn-label-over-field li > div, .dn-form.dn-no-labels li > div { vertical-align: top; display: inline-block; width: 100%; margin-left: 0px; padding-left: 0px; } .dn-form.dn-strong-labels li label { font-weight: bold; } .dn-form-field.dn-with-realtime-validation .dn-form-field-value { display: inline-block; width: 100%; margin-right: -30px; padding-right: 30px; vertical-align: top; } .dn-form-field.dn-with-realtime-validation .dn-form-field-realtime-validation { display: inline-block; width: 30px; height: 37px; background-position: center center; background-repeat: no-repeat; } .dn-with-realtime-validation.dn-is-not-valid .dn-form-field-realtime-validation { background-image: url("/images/icons/v8/fail-circle-16.png?ab636f73d02889d74db0953d61bb1a95"); } .dn-with-realtime-validation.dn-is-valid .dn-form-field-realtime-validation { background-image: url("/images/icons/v8/ok-circle-16.png?ab636f73d02889d74db0953d61bb1a95"); } .dn-below-form-extra-content { width: 100%; text-align: right; font-size: 0.9em; } .dn-form-footer-actions { text-align: center; padding-top: 10px; } .dn-form-footer-actions.dn-form-field-padding-left { padding-left: 10px; } .dn-form-footer-actions .dn-btn { width: auto; padding: 13px; } .grecaptcha-badge { z-index: 498; } .dn-tabs-container { text-align: left; } .dn-tabs-container .dn-tabs { margin-left: 0px; } .dn-tabs-container .dn-tabs li { display: inline-block; border: 1px solid #cccccc; border-radius: 0px; padding: 10px; margin-bottom: -1px; cursor: pointer; background-color: #fafafa; color: #1c1b1b; font-family: "Roboto"; font-size: 20px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1.65em; text-decoration: none; text-transform: none; letter-spacing: normal; word-spacing: normal; font-stretch: normal; width: 100%; } .dn-tabs-container .dn-tabs-panels { border-radius: 0px; padding: 20px; border: 1px solid #cccccc; border-style: solid; } .dn-tabs-container .dn-tabs-panels .dn-tabs-panel { display: none; } .dn-tabs-container .dn-tabs-panels .dn-tabs-panel .dn-carousel-arrow-container { display: none; } .dn-tabs-container .dn-tabs-panels .dn-tabs-panel.dn-alt { display: block; } .dn-tabs-container .dn-tabs-panels .dn-tabs-panel.dn-alt .dn-carousel-arrow-container { display: inline-block; } @media only screen and (min-width: 768px) { .dn-tabs-container .dn-tabs li { width: auto; margin-left: 5px; } } .dn-carousel { position: relative; } .dn-carousel .dn-carousel-arrows-above-container { width: auto; position: absolute; right: 0px; top: 0px; text-align: right; } .dn-carousel .dn-carousel-arrows-above-container .dn-carousel-arrows-above-gap { display: inline-block; width: 10px; } .dn-carousel .dn-carousel-arrow-container { z-index: 10; position: absolute; top: 0px; bottom: 0px; height: 1em; color: black; margin-top: auto; margin-bottom: auto; } .dn-carousel .dn-carousel-arrow-container.dn-carousel-arrow-above-container { position: relative; display: inline-block; } .dn-carousel .dn-carousel-arrow-container .dn-carousel-arrow { cursor: pointer; position: relative; } .dn-carousel .dn-carousel-arrow-container .dn-carousel-arrow .dn-carousel-arrow-icon { z-index: 3; position: relative; } .dn-carousel .dn-carousel-arrow-container .dn-carousel-arrow .dn-carousel-arrow-decorator { position: absolute; width: 100%; height: 100%; top: 0px; } .dn-carousel .dn-carousel-arrow-container .dn-carousel-arrow .dn-border { z-index: 2; } .dn-carousel .dn-carousel-arrow-container .dn-carousel-arrow .dn-background { z-index: 1; } .dn-carousel .dn-carousel-arrow-container .dn-carousel-left .dn-carousel-arrow-icon:after { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "B"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-carousel .dn-carousel-arrow-container .dn-carousel-right .dn-carousel-arrow-icon:after { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "d"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-carousel .dn-carousel-left-container { left: 0px; } .dn-carousel .dn-carousel-right-container { right: 0px; } .dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-left-container { opacity: 0; } .dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-left-container.dn-carousel-arrow-inline-container { left: 0px; transition: left 0.3s, opacity 0.3s; overflow: hidden; } .dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-right-container { opacity: 0; } .dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-right-container.dn-carousel-arrow-inline-container { right: 0px; transition: right 0.3s, opacity 0.3s; overflow: hidden; } .dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content .dn-carousel:hover .dn-carousel-left-container { opacity: 100; } .dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content .dn-carousel:hover .dn-carousel-right-container { opacity: 100; } .dn-theme-arrows-none > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-arrow-container { display: none; } .dn-theme-arrows-1 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-left .dn-carousel-arrow-icon:after { content: "4"; } .dn-theme-arrows-1 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-right .dn-carousel-arrow-icon:after { content: "5"; } .dn-theme-arrows-2 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-left .dn-carousel-arrow-icon:after { content: "6"; } .dn-theme-arrows-2 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-right .dn-carousel-arrow-icon:after { content: "7"; } .dn-theme-arrows-3 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-left .dn-carousel-arrow-icon:after { content: "8"; margin: 0.1em; } .dn-theme-arrows-3 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-right .dn-carousel-arrow-icon:after { content: "9"; margin: 0.1em; } .dn-theme-arrows-4 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-left .dn-carousel-arrow-icon:after { content: "!"; margin: 0.1em; } .dn-theme-arrows-4 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-right .dn-carousel-arrow-icon:after { content: '"'; margin: 0.1em; } .dn-theme-arrows-5 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-left .dn-carousel-arrow-icon:after { content: "#"; margin-left: -0.05em; margin-right: 0.05em; margin-top: -0.005em; margin-bottom: 0.005em; } .dn-theme-arrows-5 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-right .dn-carousel-arrow-icon:after { content: "$"; margin-right: -0.05em; margin-left: 0.05em; margin-top: -0.005em; margin-bottom: 0.005em; } .dn-theme-arrows-6 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-left .dn-carousel-arrow-icon:after { content: "B"; margin-top: 0.1em; margin-left: -0.05em; margin-right: 0.15em; } .dn-theme-arrows-6 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-right .dn-carousel-arrow-icon:after { content: "d"; margin-top: 0.1em; margin-right: -0.05em; margin-left: 0.15em; } .dn-theme-arrows-7 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-left .dn-carousel-arrow-icon:after { content: "g"; margin-left: -0.07em; margin-right: 0.07em; } .dn-theme-arrows-7 > .dn-widget-content-container > .dn-widget-content .dn-carousel .dn-carousel-right .dn-carousel-arrow-icon:after { content: "h"; margin-right: -0.07em; margin-left: 0.07em; } .dn-grid-container-collage .dn-image-collage-grid { display: grid; grid-template-columns: repeat(auto-fit, 25%); grid-template-rows: 50% 50%; overflow: hidden; } .dn-grid-container-collage .dn-image-collage-grid li { height: 100%; } .dn-grid-container-collage .dn-image-collage-grid-1-a li:nth-child(1n) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 1; grid-row-end: 3; } .dn-grid-container-collage .dn-image-collage-grid-2-a li:nth-child(1n) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; } .dn-grid-container-collage .dn-image-collage-grid-2-a li:nth-child(2n) { grid-column-start: 3; grid-column-end: 5; grid-row-start: 1; grid-row-end: 3; } .dn-grid-container-collage .dn-image-collage-grid-3-a li:nth-child(1n) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; } .dn-grid-container-collage .dn-image-collage-grid-3-a li:nth-child(2n) { grid-column-start: 3; grid-column-end: 5; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-3-a li:nth-child(3n) { grid-column-start: 3; grid-column-end: 5; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-3-b li:nth-child(1n) { grid-column: 1; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-3-b li:nth-child(2n) { grid-column: 1; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-3-b li:nth-child(3n) { grid-column-start: 2; grid-column-end: 5; grid-row-start: 1; grid-row-end: 3; } .dn-grid-container-collage .dn-image-collage-grid-3-c li:nth-child(1n) { grid-column-start: 1; grid-column-end: 3; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-3-c li:nth-child(2n) { grid-column-start: 1; grid-column-end: 3; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-3-c li:nth-child(3n) { grid-column-start: 3; grid-column-end: 5; grid-row-start: 1; grid-row-end: 3; } .dn-grid-container-collage .dn-image-collage-grid-3-d li:nth-child(1n) { grid-column-start: 1; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; } .dn-grid-container-collage .dn-image-collage-grid-3-d li:nth-child(2n) { grid-column: 4; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-3-d li:nth-child(3n) { grid-column: 4; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-4-a li:nth-child(1n) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; } .dn-grid-container-collage .dn-image-collage-grid-4-a li:nth-child(2n) { grid-column: 3; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-4-a li:nth-child(3n) { grid-column: 4; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-4-a li:nth-child(4n) { grid-column-start: 3; grid-column-end: 5; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-4-d li:nth-child(1n) { grid-column-start: 1; grid-column-end: 3; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-4-d li:nth-child(2n) { grid-column: 1; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-4-d li:nth-child(3n) { grid-column: 2; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-4-d li:nth-child(4n) { grid-column-start: 3; grid-column-end: 5; grid-row-start: 1; grid-row-end: 3; } .dn-grid-container-collage .dn-image-collage-grid-4-b li:nth-child(1n) { grid-column: 1; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-4-b li:nth-child(2n) { grid-column: 2; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-4-b li:nth-child(3n) { grid-column-start: 1; grid-column-end: 3; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-4-b li:nth-child(4n) { grid-column-start: 3; grid-column-end: 5; grid-row-start: 1; grid-row-end: 3; } .dn-grid-container-collage .dn-image-collage-grid-4-c li:nth-child(1n) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; } .dn-grid-container-collage .dn-image-collage-grid-4-c li:nth-child(2n) { grid-column-start: 3; grid-column-end: 5; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-4-c li:nth-child(3n) { grid-column: 3; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-4-c li:nth-child(4n) { grid-column: 4; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-5-a li:nth-child(1n) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; } .dn-grid-container-collage .dn-image-collage-grid-5-a li:nth-child(2n) { grid-column: 3; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-5-a li:nth-child(3n) { grid-column: 4; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-5-a li:nth-child(4n) { grid-column: 3; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-5-a li:nth-child(5n) { grid-column: 4; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-5-c li:nth-child(1n) { grid-column: 1; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-5-c li:nth-child(2n) { grid-column: 2; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-5-c li:nth-child(3n) { grid-column: 1; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-5-c li:nth-child(4n) { grid-column: 2; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-5-c li:nth-child(5n) { grid-column-start: 3; grid-column-end: 5; grid-row-start: 1; grid-row-end: 3; } .dn-grid-container-collage .dn-image-collage-grid-5-b li:nth-child(1n) { grid-column: 1; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-5-b li:nth-child(2n) { grid-column: 1; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-5-b li:nth-child(3n) { grid-column-start: 2; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; } .dn-grid-container-collage .dn-image-collage-grid-5-b li:nth-child(4n) { grid-column: 5; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-5-b li:nth-child(5n) { grid-column: 5; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-6-a li:nth-child(1n) { grid-column: 1; grid-row-start: 1; grid-row-end: 3; } .dn-grid-container-collage .dn-image-collage-grid-6-a li:nth-child(2n) { grid-column: 2; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-6-a li:nth-child(3n) { grid-column: 2; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-6-a li:nth-child(4n) { grid-column: 3; grid-row-start: 1; grid-row-end: 3; } .dn-grid-container-collage .dn-image-collage-grid-6-a li:nth-child(5n) { grid-column: 4; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-6-a li:nth-child(6n) { grid-column: 4; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-6-b li:nth-child(1n) { grid-column: 1; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-6-b li:nth-child(2n) { grid-column: 1; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-6-b li:nth-child(3n) { grid-column: 2; grid-row-start: 1; grid-row-end: 3; } .dn-grid-container-collage .dn-image-collage-grid-6-b li:nth-child(4n) { grid-column: 3; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-6-b li:nth-child(5n) { grid-column: 3; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-6-b li:nth-child(6n) { grid-column: 4; grid-row-start: 1; grid-row-end: 3; } .dn-grid-container-collage .dn-image-collage-grid-6-d li:nth-child(1n) { grid-column-start: 1; grid-column-end: 3; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-6-d li:nth-child(2n) { grid-column: 1; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-6-d li:nth-child(3n) { grid-column: 2; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-6-d li:nth-child(4n) { grid-column: 3; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-6-d li:nth-child(5n) { grid-column: 4; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-6-d li:nth-child(6n) { grid-column-start: 3; grid-column-end: 5; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-6-c li:nth-child(1n) { grid-column: 1; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-6-c li:nth-child(2n) { grid-column: 2; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-6-c li:nth-child(3n) { grid-column-start: 1; grid-column-end: 3; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-6-c li:nth-child(4n) { grid-column-start: 3; grid-column-end: 5; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-6-c li:nth-child(5n) { grid-column: 3; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-6-c li:nth-child(6n) { grid-column: 4; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-7-a li:nth-child(1n) { grid-column: 1; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-7-a li:nth-child(2n) { grid-column: 1; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-7-a li:nth-child(3n) { grid-column: 2; grid-row-start: 1; grid-row-end: 3; } .dn-grid-container-collage .dn-image-collage-grid-7-a li:nth-child(4n) { grid-column: 3; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-7-a li:nth-child(5n) { grid-column: 3; grid-row: 2; } .dn-grid-container-collage .dn-image-collage-grid-7-a li:nth-child(6n) { grid-column: 4; grid-row: 1; } .dn-grid-container-collage .dn-image-collage-grid-7-a li:nth-child(7n) { grid-column: 4; grid-row: 2; } .dn-grid-container-collage .dn-grid-item { position: relative; } .dn-grid-container-collage .dn-grid-item .dn-grid-item-container { text-align: center; letter-spacing: normal; word-spacing: normal; height: 100%; width: 100%; margin-left: auto; margin-right: auto; border: 0px solid transparent; border-radius: 0px; background-color: transparent; } .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image { position: relative; width: 100%; height: 100%; } .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-content { width: 100%; height: 100%; top: 0px; left: 0px; overflow: hidden; position: absolute; } .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-content .dn-image-transform { width: 100%; height: 100%; } .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-content .dn-image-transform .dn-product-thumbnail-container { height: 100%; } .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; overflow: hidden; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay .dn-grid-overlay-text { width: 100%; } .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay .dn-overlay-text { width: 100%; padding: 3px; background-color: #e6e6e6; border: 1px solid #e6e6e6; } .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay .dn-overlay-text-rollover { opacity: 0.0; } .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay.dn-grid-image-overlay-rollover { opacity: 0.0; } .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay.dn-grid-image-overlay-rollover .dn-overlay-text { opacity: 0.0; } .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image img { width: 100%; height: 100%; display: block; object-fit: cover; border: 1px solid transparent; border-radius: 0px; } .dn-grid-container-collage .dn-grid-item .dn-grid-item-container .dn-grid-image img.dn-grid-image-rollover { opacity: 0; } .dn-grid-container-collage .dn-grid-item .dn-grid-item-container:hover img.dn-grid-image-rollover { opacity: 1.0; transition: all 500ms ease-in-out; } .dn-grid-container-collage .dn-grid-item .dn-grid-item-container:hover .dn-grid-image .dn-grid-image-overlay.dn-grid-image-overlay-rollover { opacity: 1.0; transition: all 500ms ease-in-out; } .dn-grid-container-collage .dn-grid-item .dn-grid-item-container:hover .dn-grid-image-overlay .dn-overlay-text-rollover { opacity: 1.0; transition: all 500ms ease-in-out; } .dn-grid-container-collage .dn-grid-item .dn-grid-item-container:hover .dn-grid-image .dn-grid-image-overlay-rollover .dn-overlay-text { opacity: 1.0; transition: all 500ms ease-in-out; } .dn-grid-container-collage[data-grid-cols='1'] .dn-image-collage-grid { display: block; height: 100%; } .dn-grid-container-collage[data-grid-cols='1'] .dn-image-collage-grid li { height: 300px; } .dn-grid-container-collage[data-grid-cols='2'] .dn-image-collage-grid { display: block; height: 100%; } .dn-grid-container-collage[data-grid-cols='2'] .dn-image-collage-grid li { height: 300px; } .dn-grid-container-collage[data-grid-cols='3'] .dn-image-collage-grid { height: 300px; } .dn-grid-container-collage[data-grid-cols='4'] .dn-image-collage-grid { height: 400px; } .dn-grid-container-collage[data-grid-cols='5'] .dn-image-collage-grid { height: 500px; } @media only screen and (min-width: 0px) { .dn-widget-spacing-small .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 0px; } .dn-widget-spacing-medium .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 3px; } .dn-widget-spacing-large .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 6px; } .dn-widget-spacing-xlarge .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 8px; } .dn-widget-spacing-default .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 3px; } } @media only screen and (min-width: 480px) { .dn-widget-spacing-small .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 0px; } .dn-widget-spacing-medium .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 3px; } .dn-widget-spacing-large .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 6px; } .dn-widget-spacing-xlarge .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 8px; } .dn-widget-spacing-default .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 3px; } } @media only screen and (min-width: 768px) { .dn-widget-spacing-small .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 2px; } .dn-widget-spacing-medium .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 6px; } .dn-widget-spacing-large .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 12px; } .dn-widget-spacing-xlarge .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 16px; } .dn-widget-spacing-default .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 6px; } } @media only screen and (min-width: 992px) { .dn-widget-spacing-small .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 2px; } .dn-widget-spacing-medium .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 6px; } .dn-widget-spacing-large .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 16px; } .dn-widget-spacing-xlarge .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 24px; } .dn-widget-spacing-default .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 6px; } } @media only screen and (min-width: 1210px) { .dn-widget-spacing-small .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 4px; } .dn-widget-spacing-medium .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 12px; } .dn-widget-spacing-large .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 24px; } .dn-widget-spacing-xlarge .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 32px; } .dn-widget-spacing-default .dn-grid-container-collage .dn-grid.dn-with-spacing { padding-bottom: 12px; } } .dn-collapse-container { border: 1px solid black; border-radius: 0px; } .dn-collapse-container .dn-collapse-header { border-top: 1px solid black; padding: 10px; margin-bottom: 0px; } .dn-collapse-container .dn-collapse-header:first-child { border-top: none; } .dn-collapse-container .dn-collapse-header h4 { display: inline-block; margin-bottom: 0px; line-height: 1.25em; } .dn-collapse-container .dn-collapse-header:after { content: "+"; font-size: 13px; color: #252525; float: right; margin-left: 5px; vertical-align: middle; line-height: 1.25em; cursor: pointer; } .dn-collapse-container .dn-collapse-header.dn-alt:after { content: "-"; } .dn-collapse-container .dn-collapse-panel { display: none; } .dn-collapse-container .dn-collapse-panel:last-child { border-radius: 0px 0px 0px 0px; } .dn-collapse-container .dn-collapse-panel.dn-alt { display: block; border-top: 1px solid black; padding: 1em; } .dn-radio-collapse-container .dn-radio-collapse-header { border-top: 1px solid black; margin-bottom: 0px; padding: 10px; } .dn-radio-collapse-container .dn-radio-collapse-header:first-child { border-top: none; } .dn-radio-collapse-container .dn-radio-collapse-header h4 { line-height: 1.25em; display: inline-block; margin-bottom: 0px; } .dn-radio-collapse-container .dn-radio-collapse-header.dn-alt { color: white; } .dn-radio-collapse-container .dn-radio-collapse-panel { display: none; } .dn-radio-collapse-container .dn-radio-collapse-panel:last-child { border-radius: 0px 0px 0px 0px; } .dn-radio-collapse-container .dn-radio-collapse-panel.dn-alt { display: block; border-top: 1px solid black; padding: 1em; background-color: #fafafa; } .dn-alert { border: 1px solid #FFFFFF; border-radius: 3px; padding: 3px; margin: 2px 2px 4px 2px; letter-spacing: normal; word-spacing: normal; } .dn-alert.dn-page-alert { padding: 15px 10px 15px 10px; text-align: center; font-size: 1.2em; margin: 30px; } .dn-alert.dn-error { color: #993434; background-color: #F4B2B2; border-color: #993434; } .dn-alert.dn-warning { color: #A95623; background-color: #FFD3B8; border-color: #A95623; } .dn-alert.dn-notice { color: #0D3683; background-color: #B0CCFF; border-color: #0D3683; } .dn-alert.dn-success { color: #0D3683; background-color: #B0CCFF; border-color: #0D3683; } .dn-dynamic-alert { visibility: hidden; text-align: center; font-size: 1.2em; opacity: 0; width: 80%; margin-left: auto; margin-right: auto; transition: visibility 0s 0.5s, color 0s 0.5s, background-color 0s 0.5s, border-color 0s 0.5s, opacity 0.5s linear; overflow: hidden; } .dn-dynamic-alert > .dn-dynamic-alert { margin-top: -300px; transition: margin-top 0s 0.5s; } .dn-dynamic-alert.dn-alt { visibility: visible; padding: 15px 10px 15px 10px; min-width: 200px; opacity: 1; transition: opacity 0.5s linear; } .dn-dynamic-alert.dn-alt > .dn-alert { margin-top: 0px; } .dn-alert.dn-with-close .dn-alert-message { display: inline-block; width: 100%; margin-right: -30px; padding-right: 30px; } .dn-alert.dn-with-close .dn-alert-close { display: inline-block; width: 30px; height: 20px; cursor: pointer; font-weight: bold; font-family: arial; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup.dn-selecting-category .dn-font-selector h4 { display: none; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup.dn-selecting-category .dn-font-selector .dn-font-categories .dn-font-category-container { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; padding-top: 40px; margin-bottom: -40px; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup.dn-selecting-category .dn-font-selector .dn-font-categories .dn-font-category-container .dn-font-selected-category-container { display: none; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup.dn-selecting-category .dn-font-selector .dn-font-categories .dn-font-category-container .dn-font-hierarchy-container { padding-left: 5px; display: block; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup.dn-selecting-category .dn-font-selector .dn-font-listing-panel { display: none; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup { letter-spacing: -0.31em; width: 100%; height: 100%; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content { height: 100%; margin-top: -40px; padding-top: 40px; margin-bottom: -50px; padding-bottom: 50px; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content > div { height: 100%; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content h4 { display: none; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector { height: 100%; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-categories { width: 100%; height: 40px; margin-bottom: 10px; position: relative; z-index: 2; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-categories .dn-font-selected-category-container { height: 40px; width: 100%; padding: 9px 15px 8px 10px; cursor: pointer; background: #fff; border: 1px solid #cccccc; background-image: url("/images/icons/open-iconic/png/caret-bottom.png?ab636f73d02889d74db0953d61bb1a95"); background-position: 95% center; background-repeat: no-repeat; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-categories .dn-font-selected-category-container .dn-hierarchy-selected-node-label { font-size: 14px; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-categories .dn-font-selected-category-container .dn-hierarchy-selected-node-label .dn-hierarchy-selected-node-separator { display: inline-block; margin-left: 5px; margin-right: 5px; vertical-align: middle; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-categories .dn-font-selected-category-container .dn-hierarchy-selected-node-label .dn-hierarchy-selected-node-separator:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "h"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-categories .dn-font-hierarchy-container { display: none; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-listing-panel { padding: 10px; width: 100%; height: 100%; margin-top: -40px; padding-top: 40px; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-listing-panel .dn-font-listing-container { height: 100%; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-listing-panel .dn-font-listing-container .dn-font-listing-scroll { height: 100%; overflow: auto; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-listing-panel .dn-font-listing-container .dn-font-listing-scroll .dn-font-listing li { text-align: center; border: 1px solid white; line-height: 0px; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-listing-panel .dn-font-listing-container .dn-font-listing-scroll .dn-font-listing li img { width: 100%; max-width: 300px; cursor: pointer; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-listing-panel .dn-font-listing-container .dn-font-listing-scroll .dn-font-listing li span { display: none; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-listing-panel .dn-font-listing-container .dn-font-listing-scroll .dn-font-listing li:hover { border: 1px solid #e6e6e6; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-font-selector .dn-font-listing-panel .dn-font-listing-container .dn-font-listing-scroll .dn-font-listing li.dn-alt { border: 1px solid #cccccc; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup { width: 780px; height: 80%; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content { margin-bottom: -65px; padding-bottom: 65px; margin-top: -25px; padding-top: 25px; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content .dn-font-selector .dn-font-categories { border-right: 1px solid #cccccc; background: #fcfcfc; display: inline-block; width: 25%; height: 100%; overflow: auto; vertical-align: top; margin-bottom: 0; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content .dn-font-selector .dn-font-categories .dn-font-category-container { position: relative; height: auto; width: auto; padding-top: 0; margin-bottom: 0; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content .dn-font-selector .dn-font-categories .dn-font-category-container .dn-font-selected-category-container { display: none; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content .dn-font-selector .dn-font-categories .dn-font-category-container .dn-font-hierarchy-container { display: block; } .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content .dn-font-selector .dn-font-listing-panel { display: inline-block; width: 75%; vertical-align: top; margin-top: 0px; padding-top: 10px; } } /*! miniTip CSS - v1.5.3 */ #dn_tool_tip { /* main styles for tooltip */ background-color: #000000; border: 4px solid #000000; color: #ffffff; font-size: .9em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /* end editing style */ display: none; position: absolute; top: 0; left: 0; z-index: 99999; } /* title bar style */ #dn_tool_tip_t { background-color: #222222; font-weight: 700; padding: 4px 6px; } /* main content style */ #dn_tool_tip_c { padding: 4px 8px; } /* arrow holder, no need to edit */ #dn_tool_tip_a { width: 0; height: 0; position: absolute; top: 0; left: 0; } /* arrow pointing down, change border-top color to change color of the arrow */ #dn_tool_tip .n { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #000000; border-bottom: 0; } /* arrow pointing up, change border-bottom color to change color of the arrow */ #dn_tool_tip .s { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #000000; border-top: 0; } /* arrow pointing left, change border-right color to change color of the arrow */ #dn_tool_tip .e { border-bottom: 8px solid transparent; border-top: 8px solid transparent; border-right: 8px solid #000000; border-left: 0; } /* arrow pointing right, change border-left color to change color of the arrow */ #dn_tool_tip .w { border-bottom: 8px solid transparent; border-top: 8px solid transparent; border-left: 8px solid #000000; border-right: 0; } [class^="dn-icon-"]:before, [class*=" dn-icon-"]:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; letter-spacing: normal; word-spacing: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dn-icon-align-center:before { content: "a"; } .dn-icon-align-left:before { content: "b"; } .dn-icon-align-right:before { content: "c"; } .dn-icon-chevron-right:before { content: "d"; } .dn-icon-layers:before { content: "e"; } .dn-icon-caret-down:before { content: "f"; } .dn-icon-caret-left:before { content: "g"; } .dn-icon-caret-right:before { content: "h"; } .dn-icon-caret-up:before { content: "i"; } .dn-icon-bold:before { content: "j"; } .dn-icon-italic:before { content: "k"; } .dn-icon-shopping-cart:before { content: "l"; } .dn-icon-more-horizontal:before { content: "n"; } .dn-icon-search:before { content: "o"; } .dn-icon-search-minus:before { content: "p"; } .dn-icon-search-plus:before { content: "q"; } .dn-icon-files:before { content: "r"; } .dn-icon-clipboard:before { content: "s"; } .dn-icon-floppy:before { content: "t"; } .dn-icon-share-alt:before { content: "u"; } .dn-icon-envelope:before { content: "v"; } .dn-icon-dollar:before { content: "w"; } .dn-icon-tshirt:before { content: "x"; } .dn-icon-image:before, .dn-icon-picture:before { content: "y"; } .dn-icon-loop:before { content: "A"; } .dn-icon-chevron-down:before { content: "z"; } .dn-icon-chevron-left:before { content: "B"; } .dn-icon-chevron-up:before { content: "C"; } .dn-icon-navicon-round:before { content: "D"; } .dn-icon-x:before { content: "m"; } .dn-icon-rotate:before { content: "H"; } .dn-icon-names:before { content: "E"; } .dn-icon-text:before { content: "F"; } .dn-icon-border:before { content: "G"; } .dn-icon-no-border:before { content: "I"; } .dn-icon-select-all:before { content: "J"; } .dn-icon-group:before { content: "K"; } .dn-icon-align-horizontal:before { content: "L"; } .dn-icon-align-vertical:before { content: "M"; } .dn-icon-move-bottom:before { content: "N"; } .dn-icon-move-down:before { content: "O"; } .dn-icon-move-top:before { content: "P"; } .dn-icon-move-up:before { content: "Q"; } .dn-icon-circle:before { content: "R"; } .dn-icon-circle-dot:before { content: "S"; } .dn-icon-circle-dot-line:before { content: "T"; } .dn-icon-circle-line-only:before { content: "U"; } .dn-icon-twitter:before { content: "Y"; } .dn-icon-pinterest:before { content: "X"; } .dn-icon-gplus:before { content: "W"; } .dn-icon-facebook:before { content: "V"; } .dn-icon-instagram:before { content: "Z"; } .dn-icon-youtube:before { content: "1"; } .dn-icon-tiktok:before { content: ""; } .dn-icon-google:before { content: ""; } .dn-icon-yelp:before { content: ""; } .dn-icon-linkedin:before { content: "?"; } .dn-icon-bubbles-talk:before { content: "3"; } .dn-icon-arrow-back1:before { content: "4"; } .dn-icon-arrow-forward1:before { content: "5"; } .dn-icon-arrow-back2:before { content: "6"; } .dn-icon-arrow-forward2:before { content: "7"; } .dn-icon-arrow-back3:before { content: "8"; } .dn-icon-arrow-forward3:before { content: "9"; } .dn-icon-arrow-back4:before { content: "!"; } .dn-icon-arrow-forward4:before { content: '"'; } .dn-icon-arrow-back5:before { content: "#"; } .dn-icon-arrow-forward5:before { content: "$"; } .dn-icon-ban:before { content: "%"; } .dn-icon-user:before { content: "&"; } .dn-icon-paint-bucket:before { content: "'"; } .dn-icon-home:before { content: "("; } .dn-icon-edit:before { content: ")"; } .dn-icon-ok-tick:before { content: "*"; } .dn-icon-undo:before { content: "+"; } .dn-icon-redo:before { content: ","; } .dn-icon-flip-x:before { content: "-"; } .dn-icon-flip-y:before { content: "."; } .dn-icon-preview:before { content: ":"; } .dn-icon-phone:before { content: ";"; } .dn-icon-iphone:before { content: "<"; } .dn-icon-help-circled:before { content: "="; } .dn-icon-linkedin:before { content: "?"; } .dn-icon-save:before { content: "W"; } .dn-icon-share:before { content: "/"; } .dn-with-disable-overlay { position: relative; } .dn-with-disable-overlay .dn-disabled-overlay { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } .dn-with-disable-overlay .dn-disabled-overlay:before { background-color: white; opacity: 0.35; position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: "."; } .dn-with-disable-overlay .dn-disabled-overlay .dn-disabled-overlay-notice { position: absolute; left: 50%; top: 50%; padding: 10px; background-color: white; border: 2px solid #b3b3b3; border-radius: 4px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .dn-disabled .dn-with-disable-overlay .dn-disabled-overlay { display: block; } .dn-disabled.dn-with-disable-overlay .dn-disabled-overlay { display: block; } .dn-async-action-container { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .dn-async-action-container .dn-async-action-background { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: white; opacity: 0.5; } .dn-async-action-container .dn-async-action { position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; height: 24px; width: 24px; } .dn-async-action-container .dn-async-action img { width: 100%; height: 100%; border-width: 0px; } .dn-background-container { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; z-index: 0; } .dn-background-image-container { height: 100%; width: 100%; overflow: hidden; } .dn-background-image-transform { height: 100%; width: 100%; } .dn-background-image-image { height: 100%; width: 100%; } .dn-background-image-overlay { height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; } @media only screen and (min-width: 992px) { .dn-background-image-fixed { background-attachment: fixed; } } .dn-parallax-container { overflow: hidden; } .dn-fixed, header .dn-small-header.dn-fixed, header .dn-large-header.dn-fixed { position: fixed; top: 0px; width: 100%; z-index: 100; } @media only screen and (min-width: 768px) { body.dn-admin-logged-in .dn-fixed { top: 50px; } } body.dn-inline-header .dn-fixed { -webkit-box-shadow: -1px 6px 10px -4px rgba(0, 0, 0, 0.25); -moz-box-shadow: -1px 6px 10px -4px rgba(0, 0, 0, 0.25); box-shadow: -1px 6px 10px -4px rgba(0, 0, 0, 0.25); } @keyframes dn-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes dn-slide-from-left { from { -webkit-transform: translate(-110%, 0px); -moz-transform: translate(-110%, 0px); -ms-transform: translate(-110%, 0px); -o-transform: translate(-110%, 0px); transform: translate(-110%, 0px); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes dn-slide-from-left-bounce { 0% { -webkit-transform: translate(-110%, 0px); -moz-transform: translate(-110%, 0px); -ms-transform: translate(-110%, 0px); -o-transform: translate(-110%, 0px); transform: translate(-110%, 0px); } 60% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } 70% { -webkit-transform: translate(-5%, 0px); -moz-transform: translate(-5%, 0px); -ms-transform: translate(-5%, 0px); -o-transform: translate(-5%, 0px); transform: translate(-5%, 0px); } 80% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } 87% { -webkit-transform: translate(-2%, 0px); -moz-transform: translate(-2%, 0px); -ms-transform: translate(-2%, 0px); -o-transform: translate(-2%, 0px); transform: translate(-2%, 0px); } 94% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } 97% { -webkit-transform: translate(-1%, 0px); -moz-transform: translate(-1%, 0px); -ms-transform: translate(-1%, 0px); -o-transform: translate(-1%, 0px); transform: translate(-1%, 0px); } 100% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes dn-slide-from-right { from { -webkit-transform: translate(110%, 0px); -moz-transform: translate(110%, 0px); -ms-transform: translate(110%, 0px); -o-transform: translate(110%, 0px); transform: translate(110%, 0px); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes dn-slide-from-right-bounce { 0% { -webkit-transform: translate(110%, 0px); -moz-transform: translate(110%, 0px); -ms-transform: translate(110%, 0px); -o-transform: translate(110%, 0px); transform: translate(110%, 0px); } 60% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } 70% { -webkit-transform: translate(5%, 0px); -moz-transform: translate(5%, 0px); -ms-transform: translate(5%, 0px); -o-transform: translate(5%, 0px); transform: translate(5%, 0px); } 80% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } 87% { -webkit-transform: translate(2%, 0px); -moz-transform: translate(2%, 0px); -ms-transform: translate(2%, 0px); -o-transform: translate(2%, 0px); transform: translate(2%, 0px); } 94% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } 97% { -webkit-transform: translate(1%, 0px); -moz-transform: translate(1%, 0px); -ms-transform: translate(1%, 0px); -o-transform: translate(1%, 0px); transform: translate(1%, 0px); } 100% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes dn-slide-from-top { from { -webkit-transform: translate(0px, -110%); -moz-transform: translate(0px, -110%); -ms-transform: translate(0px, -110%); -o-transform: translate(0px, -110%); transform: translate(0px, -110%); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes dn-slide-from-top-bounce { 0% { -webkit-transform: translate(0px, -110%); -moz-transform: translate(0px, -110%); -ms-transform: translate(0px, -110%); -o-transform: translate(0px, -110%); transform: translate(0px, -110%); } 60% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } 70% { -webkit-transform: translate(0px, -5%); -moz-transform: translate(0px, -5%); -ms-transform: translate(0px, -5%); -o-transform: translate(0px, -5%); transform: translate(0px, -5%); } 80% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } 87% { -webkit-transform: translate(0px, -2%); -moz-transform: translate(0px, -2%); -ms-transform: translate(0px, -2%); -o-transform: translate(0px, -2%); transform: translate(0px, -2%); } 94% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } 97% { -webkit-transform: translate(0px, -1%); -moz-transform: translate(0px, -1%); -ms-transform: translate(0px, -1%); -o-transform: translate(0px, -1%); transform: translate(0px, -1%); } 100% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes dn-slide-from-bottom { from { -webkit-transform: translate(0px, 110%); -moz-transform: translate(0px, 110%); -ms-transform: translate(0px, 110%); -o-transform: translate(0px, 110%); transform: translate(0px, 110%); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes dn-slide-from-bottom-bounce { 0% { -webkit-transform: translate(0px, 110%); -moz-transform: translate(0px, 110%); -ms-transform: translate(0px, 110%); -o-transform: translate(0px, 110%); transform: translate(0px, 110%); } 60% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } 70% { -webkit-transform: translate(0px, 5%); -moz-transform: translate(0px, 5%); -ms-transform: translate(0px, 5%); -o-transform: translate(0px, 5%); transform: translate(0px, 5%); } 80% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } 87% { -webkit-transform: translate(0px, 2%); -moz-transform: translate(0px, 2%); -ms-transform: translate(0px, 2%); -o-transform: translate(0px, 2%); transform: translate(0px, 2%); } 94% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } 97% { -webkit-transform: translate(0px, 1%); -moz-transform: translate(0px, 1%); -ms-transform: translate(0px, 1%); -o-transform: translate(0px, 1%); transform: translate(0px, 1%); } 100% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes dn-grow { from { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes dn-grow-bounce { 0% { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } 60% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 70% { -webkit-transform: scale(0.85, 0.85); -moz-transform: scale(0.85, 0.85); -ms-transform: scale(0.85, 0.85); -o-transform: scale(0.85, 0.85); transform: scale(0.85, 0.85); } 80% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 87% { -webkit-transform: scale(0.95, 0.95); -moz-transform: scale(0.95, 0.95); -ms-transform: scale(0.95, 0.95); -o-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); } 94% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 97% { -webkit-transform: scale(0.98, 0.98); -moz-transform: scale(0.98, 0.98); -ms-transform: scale(0.98, 0.98); -o-transform: scale(0.98, 0.98); transform: scale(0.98, 0.98); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes dn-animation-container { 0% { overflow: hidden; } 99% { overflow: hidden; } 100% { overflow: visible; } } .dn-animation-container > .dn-animated { animation-fill-mode: forwards; } .dn-animation-container.dn-go { animation-name: dn-animation-container; animation-duration: 1s; animation-timing-function: linear; } .dn-animation-container.dn-go > .dn-animated { animation-duration: 1s; animation-timing-function: ease-out; } .dn-animation-container.dn-wait { animation-name: dn-animation-container; animation-fill-mode: both; animation-duration: 1s; animation-play-state: paused; animation-timing-function: linear; } .dn-animation-container.dn-wait > .dn-animated { animation-fill-mode: both; animation-duration: 1s; animation-play-state: paused; animation-timing-function: ease-out; } .dn-animation-container.dn-go.dn-fade-in > .dn-animated { animation-name: dn-fade-in; animation-timing-function: linear; } .dn-animation-container.dn-wait.dn-fade-in > .dn-animated { animation-name: dn-fade-in; animation-timing-function: linear; } .dn-animation-container.dn-go.dn-slide-from-left > .dn-animated { animation-name: dn-slide-from-left; } .dn-animation-container.dn-wait.dn-slide-from-left > .dn-animated { animation-name: dn-slide-from-left; } .dn-animation-container.dn-go.dn-slide-from-left-bounce > .dn-animated { animation-name: dn-slide-from-left-bounce; } .dn-animation-container.dn-wait.dn-slide-from-left-bounce > .dn-animated { animation-name: dn-slide-from-left-bounce; } .dn-animation-container.dn-go.dn-slide-from-right > .dn-animated { animation-name: dn-slide-from-right; } .dn-animation-container.dn-wait.dn-slide-from-right > .dn-animated { animation-name: dn-slide-from-right; } .dn-animation-container.dn-go.dn-slide-from-right-bounce > .dn-animated { animation-name: dn-slide-from-right-bounce; } .dn-animation-container.dn-wait.dn-slide-from-right-bounce > .dn-animated { animation-name: dn-slide-from-right-bounce; } .dn-animation-container.dn-go.dn-slide-from-top > .dn-animated { animation-name: dn-slide-from-top; } .dn-animation-container.dn-wait.dn-slide-from-top > .dn-animated { animation-name: dn-slide-from-top; } .dn-animation-container.dn-go.dn-slide-from-top-bounce > .dn-animated { animation-name: dn-slide-from-top-bounce; } .dn-animation-container.dn-wait.dn-slide-from-top-bounce > .dn-animated { animation-name: dn-slide-from-top-bounce; } .dn-animation-container.dn-go.dn-slide-from-bottom > .dn-animated { animation-name: dn-slide-from-bottom; } .dn-animation-container.dn-wait.dn-slide-from-bottom > .dn-animated { animation-name: dn-slide-from-bottom; } .dn-animation-container.dn-go.dn-slide-from-bottom-bounce > .dn-animated { animation-name: dn-slide-from-bottom-bounce; } .dn-animation-container.dn-wait.dn-slide-from-bottom-bounce > .dn-animated { animation-name: dn-slide-from-bottom-bounce; } .dn-animation-container.dn-go.dn-grow > .dn-animated { animation-name: dn-grow; } .dn-animation-container.dn-wait.dn-grow > .dn-animated { animation-name: dn-grow; } .dn-animation-container.dn-go.dn-grow-bounce > .dn-animated { animation-name: dn-grow-bounce; animation-timing-function: linear; } .dn-animation-container.dn-wait.dn-grow-bounce > .dn-animated { animation-name: dn-grow-bounce; } .dn-animation-container.dn-finished > .dn-animated { animation-name: none; } /* DN Color picker */ input.dncp-btn.dncp-btn-primary { background-color: #1993ff; border: 1px solid #1993ff; color: #FFF; } input.dncp-btn.dncp-btn-primary:hover { background-color: #0C86F3; border: 1px solid #0C86F3; color: #FFF !important; } input.dncp-btn.dncp-btn-remove { background-color: #000000; border: 1px solid #000000; color: #FFF; } /* calendar date select */ .ie6_blocker { z-index: 99; } .calendar_date_select { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.25); box-shadow: 0 7px 10px rgba(0, 0, 0, 0.25); background: #fff; border: 1px solid #ddd; left: 470px; position: absolute; top: 340px; width: 260px; z-index: 3100; } .calendar_date_select a { color: #404040; } .cds_header { border-bottom: 1px solid #ddd; margin-bottom: 5px; padding: 10px 5px; text-align: center; } .cds_header:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .cds_header { height: 1px; } * + html .cds_header { min-height: 1px; } .cds_header .next, .cds_header .prev, .cds_header .close { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, 0.65); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, 0.65); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, 0.65); background: #dbe3e3; border: 1px solid #c1c9c7; display: inline-block; font-weight: bold; height: 16px; line-height: 16px; margin-top: 2px; padding: 0 5px; } .cds_header a.close { float: right; margin-left: 5px; } .cds_header .next { float: right; } .cds_header .prev { float: left; } .calendar_date_select select { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: url(/images/om/dropdown_bg.png) 100% 0 no-repeat; border: 1px solid #c1c9c7; font-size: 11px; margin: 0 4px; padding: 3px 2px 3px 5px; } .cds_body { margin-bottom: 5px; padding: 0 2px 5px; } .cds_body table th { border-bottom: 1px solid #ddd; color: #888; padding: 4px; } .cds_body table td { -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; border: 1px solid #ddd; border-width: 0 0 1px 1px; color: #404040; font-size: 11px; padding: 4px; text-align: center; } .cds_body table td.today { background-image: url(/images/om/na_bg.png); } .cds_body table td.selected, .cds_body table td.weekend.selected { -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1); background-color: #333; border-color: #404040; color: #fff; } .cds_body table td:last-child { border-width: 0 1px 1px 1px; } .cds_body table td.weekend { -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 13px 13px -3px rgba(255, 255, 255, 0.65); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 13px 13px -3px rgba(255, 255, 255, 0.65); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 13px 13px -3px rgba(255, 255, 255, 0.65); background: #e8efef; } .cds_body table td.disabled { color: #d3d3d3; } .cds_buttons { float: right; margin: 5px 5px 10px; } .cds_buttons span:not(:has(> select)) { display: none; } .cds_buttons a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, 0.65); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, 0.65); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, 0.65); border: 1px solid #c1c9c7; display: inline-block; background: #dbe3e3; font-weight: bold; height: 18px; line-height: 18px; margin-left: 5px; padding: 0 5px; } .cds_footer { float: left; font-weight: bold; margin: 5px; } .cds_footer span { color: #888; display: inline-block; height: 18px; line-height: 18px; } .cds_image_icon { margin-bottom: -5px; margin-top: -10px; cursor: pointer; width: 20px; position: relative; } /* The 'responsive' fullscreen settings */ @media only screen and (min-width: 0px) and (max-width: 767px) { body.dn-fullscreen-mobile { overflow: hidden; } body.dn-fullscreen-mobile header, body.dn-fullscreen-mobile footer { display: none; } body.dn-fullscreen-mobile .dn-content { position: relative; z-index: 500; } body.dn-fullscreen-mobile .dn-content .dn-page-section.dn-breadcrumb-section, body.dn-fullscreen-mobile .dn-content > section, body.dn-fullscreen-mobile .dn-content .dn-not-fullscreen { display: none; } body.dn-fullscreen-mobile .dn-content .dnmp-border-top.dnmp-outline, body.dn-fullscreen-mobile .dn-content .dnmp-border-bottom-container.dnmp-outline { display: none !important; } .dn-widget.dn-fullscreen-mobile { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 500; } .dn-widget.dn-fullscreen-mobile .dn-widget-content-container { height: 100%; width: 100%; } .dn-widget.dn-fullscreen-mobile .dn-widget-content-container .dn-widget-content { height: 100%; width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { body.dn-fullscreen-small { overflow: hidden; } body.dn-fullscreen-small header, body.dn-fullscreen-small footer { display: none; } body.dn-fullscreen-small .dn-content { position: relative; z-index: 500; } body.dn-fullscreen-small .dn-content .dn-page-section.dn-breadcrumb-section, body.dn-fullscreen-small .dn-content > section, body.dn-fullscreen-small .dn-content .dn-not-fullscreen { display: none; } body.dn-fullscreen-small .dn-content .dnmp-border-top.dnmp-outline, body.dn-fullscreen-small .dn-content .dnmp-border-bottom-container.dnmp-outline { display: none !important; } .dn-widget.dn-fullscreen-small { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 500; } .dn-widget.dn-fullscreen-small .dn-widget-content-container { height: 100%; width: 100%; } .dn-widget.dn-fullscreen-small .dn-widget-content-container .dn-widget-content { height: 100%; width: 100%; } } @media only screen and (min-width: 992px) and (max-width: 1209px) { body.dn-fullscreen-medium { overflow: hidden; } body.dn-fullscreen-medium header, body.dn-fullscreen-medium footer { display: none; } body.dn-fullscreen-medium .dn-content { position: relative; z-index: 500; } body.dn-fullscreen-medium .dn-content .dn-page-section.dn-breadcrumb-section, body.dn-fullscreen-medium .dn-content > section, body.dn-fullscreen-medium .dn-content .dn-not-fullscreen { display: none; } body.dn-fullscreen-medium .dn-content .dnmp-border-top.dnmp-outline, body.dn-fullscreen-medium .dn-content .dnmp-border-bottom-container.dnmp-outline { display: none !important; } .dn-widget.dn-fullscreen-medium { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 500; } .dn-widget.dn-fullscreen-medium .dn-widget-content-container { height: 100%; width: 100%; } .dn-widget.dn-fullscreen-medium .dn-widget-content-container .dn-widget-content { height: 100%; width: 100%; } } @media only screen and (min-width: 1210px) { body.dn-fullscreen-large { overflow: hidden; } body.dn-fullscreen-large header, body.dn-fullscreen-large footer { display: none; } body.dn-fullscreen-large .dn-content { position: relative; z-index: 500; } body.dn-fullscreen-large .dn-content .dn-page-section.dn-breadcrumb-section, body.dn-fullscreen-large .dn-content > section, body.dn-fullscreen-large .dn-content .dn-not-fullscreen { display: none; } body.dn-fullscreen-large .dn-content .dnmp-border-top.dnmp-outline, body.dn-fullscreen-large .dn-content .dnmp-border-bottom-container.dnmp-outline { display: none !important; } .dn-widget.dn-fullscreen-large { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 500; } .dn-widget.dn-fullscreen-large .dn-widget-content-container { height: 100%; width: 100%; } .dn-widget.dn-fullscreen-large .dn-widget-content-container .dn-widget-content { height: 100%; width: 100%; } } /* The 'responsive' display settings */ .dn-at-mobile { display: none !important; } .dn-with-mobile { display: none !important; } @media only screen and (min-width: 0px) and (max-width: 767px) { .dn-at-mobile { display: block !important; } .dn-at-mobile.dn-inline { display: inline-block !important; } } @media only screen and (min-width: 0px) { .dn-with-mobile { display: block !important; } .dn-with-mobile.dn-inline { display: inline-block !important; } } .dn-at-small { display: none !important; } .dn-with-small { display: none !important; } @media only screen and (min-width: 768px) and (max-width: 991px) { .dn-at-small { display: block !important; } .dn-at-small.dn-inline { display: inline-block !important; } } @media only screen and (min-width: 768px) { .dn-with-small { display: block !important; } .dn-with-small.dn-inline { display: inline-block !important; } } .dn-at-medium { display: none !important; } .dn-with-medium { display: none !important; } @media only screen and (min-width: 992px) and (max-width: 1209px) { .dn-at-medium { display: block !important; } .dn-at-medium.dn-inline { display: inline-block !important; } } @media only screen and (min-width: 992px) { .dn-with-medium { display: block !important; } .dn-with-medium.dn-inline { display: inline-block !important; } } .dn-at-large { display: none !important; } .dn-with-large { display: none !important; } @media only screen and (min-width: 1210px) { .dn-at-large { display: block !important; } .dn-at-large.dn-inline { display: inline-block !important; } } @media only screen and (min-width: 1210px) { .dn-with-large { display: block !important; } .dn-with-large.dn-inline { display: inline-block !important; } } .dn-blank-product-categories .dn-product-category-name h4 { margin-top: 10px; } .dn-blank-product-categories-dropdown-container .dn-blank-product-categories-select { padding-bottom: 5px; } .dn-blank-product-categories-dropdown-container .dn-blank-product-categories-select.dn-horizontal { display: inline-block; padding-right: 5px; } div.dn-product-display { letter-spacing: -0.31em; position: relative; } div.dn-product-display .dn-product-heading-container { position: relative; width: 100%; margin-left: 0px; padding-left: 0px; } div.dn-product-display .dn-product-heading-container h1 { vertical-align: bottom; } div.dn-product-display .dn-product-heading-container .dn-inline-fit { display: inline-block; } div.dn-product-display .dn-product-heading-container.dn-product-brand-none .dn-product-brand { display: none; } div.dn-product-display .dn-product-heading-container.dn-product-code-none .dn-product-code { display: none; } div.dn-product-display div.dn-product-main-image-panel { display: inline-block; width: 100%; max-width: 600px; vertical-align: top; letter-spacing: normal; word-spacing: normal; } div.dn-product-display div.dn-product-main-image-panel div.dn-product-main-image-container { position: relative; overflow: hidden; } div.dn-product-display div.dn-product-main-image-panel div.dn-product-main-image-container div.dn-product-main-image-padding { width: 100%; padding-bottom: 100%; } div.dn-product-display div.dn-product-main-image-panel div.dn-product-main-image-container div.dn-product-view-container { position: absolute; width: 100%; height: 100%; } div.dn-product-display div.dn-product-main-image-panel div.dn-product-main-image-container div.dn-product-view-container img { width: 100%; } div.dn-product-display div.dn-product-main-image-panel div.dn-product-main-image-container div.dn-product-view-container img.dn-product-main-image { border: 1px solid #cccccc; } div.dn-product-display div.dn-product-main-image-panel div.dn-product-main-image-container div.dn-product-view-container img.dn-decoration-area-overlay { z-index: 3; position: absolute; border: none; } div.dn-product-display div.dn-product-main-image-panel div.dn-product-main-image-container div.dn-product-brand-logo-container { position: absolute; bottom: 5px; right: 5px; width: auto; } div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container { width: 100%; } div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container ul li.dn-alt, div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container ul li:hover { border: 1px solid gray; } div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container ul li { text-align: center; cursor: pointer; border: 1px solid #cccccc; margin-right: 10px; margin-bottom: 10px; } div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container ul li span, div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container ul li b { display: none; } div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container ul li img { width: 100%; } div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container ul li label { overflow: hidden; text-overflow: ellipsis; } div.dn-product-display div.dn-product-main-image-panel div > div:not(:first-child) ul li { margin-right: 10px; margin-bottom: 0px; margin-top: 10px; } div.dn-product-display div.dn-product-details-panel { display: inline-block; width: 100%; vertical-align: top; letter-spacing: normal; word-spacing: normal; margin-top: 15px; } div.dn-product-display div.dn-product-details-panel > div:not(:first-child) { margin-top: 15px; } div.dn-product-display div.dn-product-details-panel > div:not(:first-child) h4 { margin-bottom: 5px; } div.dn-product-display div.dn-product-details-panel div.dn-product-extra-field-with-description h4 { margin-bottom: 0px; } div.dn-product-display div.dn-product-details-panel div.dn-product-extra-field-with-description .dn-product-extra-field-description { display: block; margin: 2px 0px; } div.dn-product-display div.dn-product-details-panel .dn-product-decoration-prices { margin-top: 5px; } div.dn-product-display div.dn-product-details-panel .dn-product-extra-details-container { margin-top: 0px; } div.dn-product-display div.dn-product-details-panel .dn-product-extra-details-container > div { margin-top: 15px; } div.dn-product-display div.dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell { height: 40px; width: 40px; overflow: hidden; cursor: pointer; } @media only screen and (min-width: 768px) { div.dn-product-display div.dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell { height: 35px; width: 35px; overflow: hidden; cursor: pointer; } div.dn-product-display div.dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-few .dn-color-panel-cell { height: 40px; width: 40px; } div.dn-product-display div.dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-many .dn-color-panel-cell { height: 25px; width: 25px; } div.dn-product-display div.dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-heaps .dn-color-panel-cell { height: 21px; width: 21px; } } div.dn-product-display div.dn-product-details-panel .dn-product-color-selected-label { margin-top: 0px; padding-left: 0px; font-size: 0.9em; letter-spacing: normal; word-spacing: normal; } div.dn-product-display div.dn-product-details-panel .dn-product-size-container .dn-d-size-chart-link { display: none; } div.dn-product-display div.dn-product-details-panel .dn-product-size-container .dn-d-size-field-label { display: none; } div.dn-product-display div.dn-product-details-panel .dn-product-size-container .dn-product-size-field-container > span select { margin-left: 5px; } div.dn-product-display div.dn-product-details-panel .dn-product-price-container { display: inline-block; margin-right: 8px; vertical-align: top; } div.dn-product-display div.dn-product-details-panel .dn-product-price-container h4 { margin-bottom: 15px; display: none; } div.dn-product-display div.dn-product-details-panel .dn-product-price-container .dn-price { font-size: 2em; } div.dn-product-display div.dn-product-details-panel .dn-product-price-container .dn-price .dn-price-currency-code { font-size: 0.7em; } div.dn-product-display div.dn-product-details-panel .dn-product-price-container .dn-afterpay-info img { height: 25px; vertical-align: middle; } div.dn-product-display div.dn-product-details-panel .dn-product-price-container .dn-afterpay-info a { text-decoration: none; } div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container { margin-top: 15px; } div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container h4 { margin-bottom: 5px; } div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container .dn-product-qty-container { display: inline-block; margin-right: 8px; margin-bottom: 15px; margin-left: 0px; vertical-align: top; } div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container .dn-product-qty-container h4 { visibility: visible; } div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container .dn-product-add-button-container { display: inline-block; } div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container .dn-btn { width: 100%; } div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container.dn-showing-add-to-cart.dn-showing-decorate-now .dn-product-qty-container { width: 100%; } div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container.dn-showing-add-to-cart.dn-showing-decorate-now .dn-product-decorate-now-container { display: inline-block; width: 50%; padding-right: 3px; } div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container.dn-showing-add-to-cart.dn-showing-decorate-now .dn-product-add-button-container { display: inline-block; width: 50%; padding-left: 3px; } div.dn-product-display div.dn-product-details-panel .dn-product-extra-field-container { margin-top: 15px; } div.dn-product-display div.dn-product-details-panel .dn-product-extra-field-container .dn-product-extra-field input, div.dn-product-display div.dn-product-details-panel .dn-product-extra-field-container .dn-product-extra-field select { vertical-align: middle; } div.dn-product-display div.dn-product-details-panel .dn-product-extra-field-container .dn-product-extra-field a.field_date_picker { vertical-align: top; } div.dn-product-display div.dn-product-details-panel .dn-product-decorate-now-container .dn-product-decorate-now-button { width: 100%; } div.dn-product-display div.dn-product-details-panel .dn-product-other-product-opts { margin-top: 10px; } div.dn-product-display div.dn-product-details-panel .dn-product-other-product-opts li { padding: 5px 10px 5px 0; display: inline-block; } div.dn-product-display div.dn-product-details-panel .dn-product-other-product-opts li a { font-weight: bold; } div.dn-product-display div.dn-product-details-panel .dn-product-other-product-opts li a:hover { text-decoration: underline; } div.dn-product-display .dn-product-description h4 { margin-bottom: 5px; } div.dn-product-display .dn-product-description ul { list-style-type: disc; list-style-position: inside; } div.dn-product-display .dn-product-description ol { list-style-type: decimal; list-style-position: inside; } div.dn-product-display .dn-product-description li { letter-spacing: normal; } div.dn-product-display .dn-product-details-panel.dn-using-multi-size-select .dn-product-qty-container { display: none; } div.dn-product-display .dn-product-details-panel.dn-using-single-size-select .dn-product-size-container { display: inline-block; vertical-align: top; } div.dn-product-display .dn-product-details-panel.dn-using-single-size-select .dn-product-size-container .dn-size-qty-container { display: none; } div.dn-product-display .dn-product-details-panel.dn-using-single-size-select .dn-product-qty-container { display: inline-block; vertical-align: top; margin-left: 2px; } div.dn-product-display .dn-product-details-panel.dn-using-single-size-select .dn-product-qty-container h4 { visibility: hidden; } div.dn-product-display .dn-product-details-panel.dn-using-single-size-select .dn-product-size-field-container { position: relative; } div.dn-product-display .dn-product-details-panel.dn-using-single-size-select .dn-product-size-field-container select { padding-right: 30px; } div.dn-product-display div.dn-product-bottom-panel { width: 100%; vertical-align: top; letter-spacing: normal; word-spacing: normal; } div.dn-product-display div.dn-product-bottom-panel > div { margin-top: 15px; } div.dn-product-display div.dn-product-bottom-panel > div h4 { margin-bottom: 5px; } div.dn-product-display .dn-product-qty-breakdown-container div.dn-product-discounts-container:first-of-type { margin-bottom: 5px; } div.dn-product-display div.dn-product-discounts-container table.dn-product-qty-discounts-table { border: 1px solid #cccccc; width: 100%; } div.dn-product-display div.dn-product-discounts-container table.dn-product-qty-discounts-table td, div.dn-product-display div.dn-product-discounts-container table.dn-product-qty-discounts-table th { border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; text-align: center; padding: 5px; font-size: 0.9em; } div.dn-product-display div.dn-product-discounts-container table.dn-product-qty-discounts-table th { font-weight: bold; } div.dn-product-display div.dn-product-discounts-container table.dn-product-qty-discounts-table tr:first-child th, div.dn-product-display div.dn-product-discounts-container table.dn-product-qty-discounts-table tr:first-child td { border-top: 0; } div.dn-product-display div.dn-product-discounts-container table.dn-product-qty-discounts-table tr th:first-child, div.dn-product-display div.dn-product-discounts-container table.dn-product-qty-discounts-table tr td:first-child { border-left: 0; } .dn-product-size-chart-container .dn-size-chart-image-container { display: inline-block; } .dn-product-size-chart-container .dn-size-chart-image-container img { width: 100%; } .dn-product-size-chart-container .dn-size-chart-table-container { overflow-x: auto; } .dn-product-size-chart-container .dn-size-chart-table-container table { border: 1px solid #cccccc; width: 100%; } .dn-product-size-chart-container .dn-size-chart-table-container table td, .dn-product-size-chart-container .dn-size-chart-table-container table th { border-top: 1px solid #cccccc; border-left: 1px solid #b3b3b3; text-align: center; padding: 5px; font-size: 0.9em; } .dn-product-size-chart-container .dn-size-chart-table-container table th { font-weight: bold; } .dn-product-size-chart-container .dn-size-chart-table-container table tr:first-child th, .dn-product-size-chart-container .dn-size-chart-table-container table tr:first-child td { border-top: 0; } .dn-product-size-chart-container .dn-size-chart-table-container table tr th:first-child, .dn-product-size-chart-container .dn-size-chart-table-container table tr td:first-child { border-left: 0; } .dn-select-multiple-sizes-container .dn-selected-size-container { margin-bottom: 5px; } .dn-select-multiple-sizes-container .dn-selected-size-container .dn-sizes-container { display: inline-block; vertical-align: middle; width: 100%; margin-right: -70px; padding-right: 70px; } .dn-select-multiple-sizes-container .dn-selected-size-container .dn-sizes-container select { width: 100%; } .dn-select-multiple-sizes-container .dn-selected-size-container .dn-sizes-container.dn-has-sub-sizes .dn-size-selector { display: inline-block; width: 50%; vertical-align: middle; } .dn-select-multiple-sizes-container .dn-selected-size-container .dn-sizes-container.dn-has-sub-sizes .dn-sub-size-selector { display: inline-block; width: 50%; padding-left: 5px; vertical-align: middle; } .dn-select-multiple-sizes-container .dn-selected-size-container .dn-size-qty-container { display: inline-block; vertical-align: middle; width: 55px; padding-left: 5px; } .dn-select-multiple-sizes-container .dn-selected-size-container .dn-size-qty-container input { width: 100%; } .dn-select-multiple-sizes-container .dn-selected-size-container .dn-size-remove { display: inline-block; margin-right: -20px; width: 20px; height: 20px; vertical-align: middle; } .dn-select-multiple-sizes-container .dn-selected-size-container .dn-size-remove:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "2"; display: inline-block; letter-spacing: normal; word-spacing: normal; font-size: 20px; vertical-align: bottom; padding-left: 3px; cursor: pointer; } .dn-select-multiple-sizes-container .dn-size-add { cursor: pointer; font-weight: bold; display: inline-block; padding: 5px; letter-spacing: normal; word-spacing: normal; } .dn-select-multiple-sizes-container .dn-size-add:hover { text-decoration: underline; } .dn-select-multiple-sizes-container .dn-size-add:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "0"; display: inline-block; letter-spacing: normal; word-spacing: normal; font-size: 20px; vertical-align: bottom; padding-right: 3px; } .dn-product-decoration-price a { font-weight: bold; } .dn-product-decoration-price a:hover { text-decoration: underline; } .dn-product-add-button-container { width: 100%; } .dn-product-heading-container.dn-product-name-above-content .dn-product-name { display: none; } .dn-product-heading-container.dn-product-name-above-content .dn-product-description { display: none; } .dn-product-heading-container.dn-product-brand-above-content .dn-product-brand { display: none; } .dn-product-heading-container.dn-product-code-above-content .dn-product-code { display: none; } div.dn-product-display.dn-product-image-right[data-breakpoint-600='true'] div.dn-product-details-panel { padding-right: 10px; } div.dn-product-display.dn-product-image-left[data-breakpoint-600='true'] div.dn-product-details-panel { padding-left: 10px; margin-top: 0px; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-top .dn-product-views-container { padding-bottom: 10px; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-top .dn-product-views-container ul li { margin: 0px; margin-right: 10px; padding: 10px; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-bottom > div:not(:first-child) { margin-top: 15px; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-bottom > div:not(:first-child) h4 { margin-bottom: 5px; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-bottom .dn-product-views-container { margin-top: 0px; padding-top: 10px; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-bottom .dn-product-views-container ul li { margin: 0px; margin-right: 10px; padding: 10px; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container-small, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container-small { margin-top: 0px; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container-small .dn-product-views-container, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container-small .dn-product-views-container { width: 15%; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container-small .dn-product-main-image-container, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container-small .dn-product-main-image-container { width: 85%; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container-medium, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container-medium { margin-top: 0px; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container-medium .dn-product-views-container, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container-medium .dn-product-views-container { width: 25%; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container-medium .dn-product-main-image-container, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container-medium .dn-product-main-image-container { width: 75%; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container-large, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container-large { margin-top: 0px; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container-large .dn-product-views-container, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container-large .dn-product-views-container { width: 30%; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container-large .dn-product-main-image-container, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container-large .dn-product-main-image-container { width: 70%; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container { display: inline-block; vertical-align: top; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-main-image-container, div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-main-image-container { display: inline-block; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container { padding-right: 10px; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-left .dn-product-views-container ul li { margin: 0px; margin-bottom: 10px; padding: 10px; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container { padding-left: 10px; } div.dn-product-display[data-breakpoint-600='true'] .dn-product-views-container-right .dn-product-views-container ul li { margin: 0px; margin-bottom: 10px; padding: 10px; } div.dn-product-display[data-breakpoint-600='true'] div.dn-product-image-panel-large div.dn-product-main-image-panel { width: 50%; } div.dn-product-display[data-breakpoint-600='true'] div.dn-product-image-panel-large div.dn-product-details-panel { width: 50%; } div.dn-product-display[data-breakpoint-600='true'] div.dn-product-image-panel-medium div.dn-product-main-image-panel { width: 40%; } div.dn-product-display[data-breakpoint-600='true'] div.dn-product-image-panel-medium div.dn-product-details-panel { width: 60%; } div.dn-product-display[data-breakpoint-600='true'] div.dn-product-image-panel-small div.dn-product-main-image-panel { width: 30%; } div.dn-product-display[data-breakpoint-600='true'] div.dn-product-image-panel-small div.dn-product-details-panel { width: 70%; } div.dn-product-display[data-breakpoint-600='true'] div.dn-product-details-panel .dn-product-description { margin-top: 0px; word-wrap: break-word; word-break: break-word; white-space: normal; overflow-wrap: break-word; } div.dn-product-display[data-breakpoint-600='true'] div.dn-product-details-panel .dn-product-description pre { white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; } div.dn-product-display[data-breakpoint-600='true'] div.dn-product-details-panel .dn-product-name { margin-top: 0px; margin-bottom: 15px; } div.dn-product-display[data-breakpoint-1250='true'] div.dn-product-main-image-panel { width: 600px; margin-right: -600px; } div.dn-product-display[data-breakpoint-1250='true'] div.dn-product-details-panel { width: auto; margin-left: 600px; overflow: hidden; } @media only screen and (min-width: 768px) { .dn-product-display.dn-with-social-sharing { /*h1 { display: inline-block; width: auto; //margin-right: -300px; //padding-right: 300px; }*/ } .dn-product-display.dn-with-social-sharing .dn-social-share-container { max-width: 300px; } /*.dn-product-display.dn-longer-name.dn-with-social-sharing { h1 { position: relative; width: 100%; margin-right: -300px; padding-right: 300px; margin-left: 0px; } div.dn-product-details-panel { padding-top: 0px; } }*/ } .dn-product-info h4.dn-styled.dn-sized { margin-bottom: 3px; } .dn-product-info .dn-product-description { margin-bottom: 5px; } .dn-product-info .dn-product-color-container { margin-bottom: 5px; } .dn-product-info .dn-product-color-container .dn-color-panel .dn-color-panel-cell { height: 40px; width: 40px; overflow: hidden; cursor: default; } .dn-product-info .dn-product-size-container { margin-bottom: 5px; } .dn-product-info .dn-product-size-chart-container { margin-bottom: 5px; } .dn-tax-notice-container { margin-top: 10px; } .dn-tax-notice-container .dn-tax-notice { font-size: 9px; } .dn-inventory-table-container table { border: 1px solid #cccccc; width: 100%; } .dn-inventory-table-container table td, .dn-inventory-table-container table th { border-top: 1px solid #cccccc; border-left: 1px solid #b3b3b3; text-align: center; padding: 5px; font-size: 0.9em; min-width: 33px; } .dn-inventory-table-container table th { font-weight: bold; } .dn-inventory-table-container table tr:first-child th, .dn-inventory-table-container table tr:first-child td { border-top: 0; } .dn-inventory-table-container table tr th:first-child, .dn-inventory-table-container table tr td:first-child { border-left: 0; } .dn-filter-list { margin-bottom: 8px; } .dn-filter-list h3 { margin-bottom: 2px; } .dn-filter-lists.dn-horizontal .dn-filter-list { display: inline-block; vertical-align: top; margin-right: 5px; } .dn-filter-list-value { vertical-align: middle; white-space: nowrap; width: 100%; background-color: transparent; border: 0px solid transparent; border-radius: 0px; } .dn-filter-list-value.dn-horizontal { width: auto; display: inline-block; } .dn-filter-list-value input[type='checkbox'] { vertical-align: middle; } .dn-filter-list-value label, .dn-filter-list-value span { vertical-align: middle; display: inline-block; overflow: hidden; text-overflow: ellipsis; width: 100%; } .dn-filter-list-value > label { padding-right: 10px; } .dn-filter-list-value a { text-decoration: none; } .dn-filter-list-value a.dn-alt { font-weight: bold; } .dn-filter-list-value.dn-depth-2 { margin-left: 5px; } .dn-filter-list-value.dn-depth-3 { margin-left: 10px; } .dn-filter-list-value.dn-depth-4, .dn-filter-list-value.dn-depth-5, .dn-filter-list-value.dn-depth-6, .dn-filter-list-value.dn-depth-7 { margin-left: 15px; } .dn-filter-list-color { display: inline-block; vertical-align: middle; } .dn-filter-list-color .dn-filter-list-color-swatch { display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-top: 1px; margin-right: 2px; margin-bottom: 1px; margin-left: 1px; border: 0px solid #e6e6e6; border-radius: 0px; } .dn-filter-list-color label { display: inline-block; vertical-align: middle; } .dn-expandable-value, .dn-expandable-value.dn-horizontal { display: none; } .dn-expanded .dn-expandable-value { display: block; } .dn-expanded .dn-expandable-value.dn-horizontal { display: inline-block; } .dn-filter-list-expander { padding-left: 20%; cursor: pointer; opacity: 0.7; } .dn-filter-list-expander:hover { opacity: 1; } .dn-filter-list-expander > div:after { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "z"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-expanded .dn-filter-list-expander > div:after { content: "C"; } .dn-filter-values-container.dn-filter-price .dn-filter-list-value label { min-width: 30px; display: inline-block; width: auto; padding-right: 0px; } .dn-filter-values-container.dn-filter-price .dn-filter-list-value .dn-filter-value-input { width: 100%; margin-left: -30px; padding-left: 33px; display: inline-block; position: relative; } .dn-filter-values-container.dn-filter-price .dn-filter-list-value .dn-filter-value-input input { width: 50px; max-width: 100%; } .dn-filter-values-container.dn-filter-price .dn-filter-list-value .dn-filter-value-input.dn-with-placeholder { margin-left: -5px; padding-left: 5px; } .dn-filter-dropdown-label-container { cursor: pointer; width: 100%; text-align: right; border: 1px solid #cccccc; padding: 10px; background-color: white; padding-right: 20px; position: relative; } .dn-filter-dropdown-label-container .dn-filter-dropdown-label { white-space: nowrap; overflow: hidden; position: relative; text-overflow: ellipsis; } .dn-filter-dropdown-label-container .dn-filter-dropdown-label div { display: inline-block; } .dn-filter-dropdown-label-container .dn-dropdown-anchor { display: block; text-align: right; vertical-align: top; text-decoration: underline; height: 0px; max-height: 1px; position: absolute; bottom: 0px; right: -1px; } .dn-filter-dropdown-label-container:after { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "f"; display: inline-block; letter-spacing: normal; word-spacing: normal; position: absolute; right: 3px; top: 13px; } .dn-filter-dropdown-container { display: block; position: absolute; max-width: none; right: auto; top: 0px; bottom: auto; max-height: 0px; width: 150px; transition: max-height 0.2s; overflow: hidden; z-index: 20; } .dn-filter-dropdown-container .dn-filter-values-container { padding: 10px; background-color: white; border: 1px solid #cccccc; } .dn-filter-dropdown-container .dn-filter-text input { width: 100%; } .dn-blank-products .dn-grid-text.dn-product-name { width: 100%; display: inline-block; text-align: center; overflow: hidden; white-space: normal; } .dn-blank-products .dn-grid-text.dn-product-name h4 { margin-top: 10px; text-overflow: ellipsis; overflow: hidden; } .dn-blank-products .dn-grid-text.dn-product-prices { width: 100%; display: inline-block; text-align: center; } .dn-blank-products .dn-grid-text.dn-product-sizes label { display: none; } .dn-blank-products .dn-grid-text.dn-product-sizes div { display: inline; } .dn-blank-products .dn-product-add-button-container a { width: 100%; } .dn-blank-products .dn-grid-text.dn-product-colors { text-align: center; } .dn-blank-products .dn-grid-text.dn-product-colors label { display: none; } .dn-blank-products .dn-grid-text.dn-product-colors div.dn-color-panel-cell { width: 10px; height: 10px; margin: 1px; border-radius: 0px; border: 1px solid #e6e6e6; overflow: hidden; cursor: pointer; display: inline-grid; grid-template-columns: 100%; } .dn-blank-products .dn-grid-text.dn-product-colors div.dn-color-panel-cell span { border: none; } .dn-blank-products .dn-grid-text.dn-product-colors div.dn-color-panel-cell:hover, .dn-blank-products .dn-grid-text.dn-product-colors div.dn-color-panel-cell.dn-selected { border-color: #666666; } .dn-blank-products .dn-product-thumbnail-container .dn-loading-overlay { display: none; position: absolute; height: 100%; width: 100%; opacity: 0.5; background: transparent url("/images/loading-oval.svg") no-repeat center center; } .dn-blank-products .dn-product-thumbnail-container.dn-loading .dn-loading-overlay { display: block; } .dn-blank-products.dn-grid-container .dn-grid-item .dn-grid-item-container img.dn-product-logo, .dn-blank-products.dn-grid-container-collage .dn-grid-item .dn-grid-item-container img.dn-product-logo { max-width: 70%; max-height: 15%; border: 0px solid #e6e6e6; border-radius: 0px; } .dn-blank-products .dn-grid-item .dn-grid-item-container img.dn-product-logo { width: auto; height: auto; } .dn-blank-products .dn-grid-item .dn-grid-item-container .dn-grid-image img.dn-product-logo { position: absolute; bottom: 5px; right: 5px; } .dn-blank-products .dn-grid-item .dn-grid-item-container .dn-grid-text.dn-product-logo { width: 120px; display: inline-block; text-align: center; } .dn-blank-products .dn-grid-item.dn-out-of-stock .dn-grid-item-container { position: relative; } .dn-blank-products .dn-grid-item.dn-out-of-stock .dn-out-of-stock-overlay { position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; text-transform: uppercase; font-weight: bold; font-size: large; background-color: #cccccc; color: #363434; opacity: 0.5; } .dn-blank-products.dn-grid-container-masonry { display: flex; } .dn-blank-products .dn-grid-masonry .dn-grid-item .dn-grid-item-container .dn-grid-image img.dn-product-logo { width: auto; height: auto; } .dn-breadcrumb-section { position: relative; z-index: 3; } .dn-breadcrumb-section .dn-breadcrumbs .dn-breadcrumb { display: inline-block; } .dn-breadcrumb-section .dn-breadcrumbs .dn-breadcrumb-divider { display: inline-block; } .dn-widget-button img { max-width: 100%; } .dn-widget-button .dn-btn { display: block; } .dn-campaign-container { letter-spacing: -0.31em; position: relative; height: 100%; } .dn-campaign-container div.dn-campaign-nav-steps { height: 65px; border-bottom: 1px solid #f2f2f2; background: #fcfcfc; text-align: center; counter-reset: steps; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; z-index: 5; } .dn-campaign-container div.dn-campaign-nav-steps h2.dn-heading { display: none; } .dn-campaign-container div.dn-campaign-nav-steps ol { margin-left: 0px; } .dn-campaign-container div.dn-campaign-nav-steps li { display: inline-block; position: relative; counter-increment: steps; font-size: 14px; margin: 5px -3px 0px 0px; width: 19%; } .dn-campaign-container div.dn-campaign-nav-steps li.dn-current a, .dn-campaign-container div.dn-campaign-nav-steps li.dn-completed a, .dn-campaign-container div.dn-campaign-nav-steps li:hover a { font-size: 14px; } .dn-campaign-container div.dn-campaign-nav-steps li.dn-current a { font-weight: 600; } .dn-campaign-container div.dn-campaign-nav-steps li a { padding: 15px 0px 15px 25px; display: block; text-decoration: none; cursor: pointer; font-size: 14px; } .dn-campaign-container div.dn-campaign-nav-steps li a span { display: none; } .dn-campaign-container div.dn-campaign-nav-steps li a, .dn-campaign-container div.dn-campaign-nav-steps li i { -webkit-transition: all 0.3s; transition: all 0.3s; } .dn-campaign-container div.dn-campaign-nav-steps li a:before { content: counter(steps); display: inline-block; background: #cccccc; width: 26px; height: 26px; line-height: 24px; margin-right: 5px; border-radius: 50%; text-align: center; font-weight: 700; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); color: white; } .dn-campaign-container div.dn-campaign-nav-steps li.dn-current a:before { background: #999999; } .dn-campaign-container div.dn-campaign-nav-steps li:hover a:before { content: counter(steps); display: inline-block; width: 26px; height: 26px; line-height: 24px; margin-right: 5px; border-radius: 50%; text-align: center; font-weight: 700; box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); } .dn-campaign-container div.dn-campaign-nav-steps li:after { content: ''; position: absolute; pointer-events: none; top: 2px; right: -25px; width: 48px; height: 48px; -webkit-transform: scaleX(0.4) rotate(45deg); -ms-transform: scaleX(0.4) rotate(45deg); transform: scaleX(0.4) rotate(45deg); border: solid rgba(127, 127, 127, 0.25); border-width: 1px 1px 0 0; z-index: 10; } .dn-campaign-container div.dn-campaign-nav-steps li.dn-current:after { z-index: 15; } .dn-campaign-container div.dn-campaign-nav-steps.dn-stepping { background: transparent url("/images/loading-oval.svg") no-repeat center center; } .dn-campaign-container div.dn-campaign-content { min-height: 450px; margin-top: 10px; width: 100%; height: 100%; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product.dn-selecting-category .dn-campaign-product-selector .dn-campaign-product-categories { height: 100%; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product.dn-selecting-category .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-category-container { height: 100%; width: 100%; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product.dn-selecting-category .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-category-container .dn-campaign-selected-category-container { display: none; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product.dn-selecting-category .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-category-container .dn-campaign-hierarchy-container { padding-left: 5px; display: block; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product.dn-selecting-category .dn-campaign-product-selector .dn-campaign-product-listing-panel { display: none; } .dn-campaign-container div.dn-campaign-content .dn-campaign-content-step { height: 100%; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product { letter-spacing: -0.31em; height: 100%; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product h3 { display: none; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content { height: 100%; margin-bottom: -50px; padding-bottom: 50px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content > div { height: 100%; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector { height: 100%; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector h4 { border-bottom: 1px solid #cccccc; background-color: #fafafa; padding: 3px 8px; font-size: 13px; line-height: 32px; display: block; } @media only screen and (min-width: 768px) { .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector h4 { display: none; } } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories { width: 100%; height: 100%; margin-bottom: 10px; margin-top: 5px; position: relative; overflow: auto; z-index: 2; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-selected-category-container { height: 40px; width: 98%; margin-left: 1%; padding: 9px 15px 8px 0px; cursor: pointer; background: #fff; border: 1px solid #cccccc; background-image: url("/images/icons/open-iconic/png/caret-bottom.png?ab636f73d02889d74db0953d61bb1a95"); background-position: 95% center; background-repeat: no-repeat; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-selected-category-container .dn-hierarchy-selected-node-label { font-size: 14px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-selected-category-container .dn-hierarchy-selected-node-label .dn-hierarchy-selected-node-separator { display: inline-block; margin-left: 5px; margin-right: 5px; vertical-align: middle; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-selected-category-container .dn-hierarchy-selected-node-label .dn-hierarchy-selected-node-separator:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "h"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-hierarchy-container { display: none; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-toolbar { height: 36px; margin-bottom: 1px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-toolbar .dn-campaign-product-listing-search { width: 100%; vertical-align: top; padding: 0 0 0 0; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-toolbar .dn-campaign-product-listing-search .dn-campaign-product-listing-search-field { display: inline-block; width: 100%; margin-right: -30px; padding-right: 30px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-toolbar .dn-campaign-product-listing-search .dn-campaign-product-listing-search-field input { width: 100%; height: 37px; border: none; border-bottom: 1px solid #cccccc; outline: none; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-toolbar .dn-campaign-product-listing-search .dn-campaign-product-listing-search-button { display: inline-block; width: 30px; vertical-align: top; position: absolute; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-toolbar .dn-campaign-product-listing-search .dn-campaign-product-listing-search-button input { width: 100%; height: 37px; font-size: 0px; background-color: white; background-image: url("/images/icons/open-iconic/png/magnifying-glass-2x.png?ab636f73d02889d74db0953d61bb1a95"); background-position: center center; background-repeat: no-repeat; cursor: pointer; background-color: #efefef; border-width: 0px; border-bottom: 1px solid #cccccc; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-toolbar .dn-campaign-product-listing-search .dn-campaign-product-listing-search-button input:focus, .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-toolbar .dn-campaign-product-listing-search .dn-campaign-product-listing-search-button input:active { border: none; border-bottom: 1px solid #cccccc; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel { width: 100%; height: 100%; margin-top: -80px; padding-top: 80px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel h4 { border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; background-color: #fafafa; padding: 3px 8px; font-size: 13px; line-height: 32px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel .dn-campaign-product-listing-container { height: 100%; margin-top: -35px; padding-top: 30px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel .dn-campaign-product-listing-container .dn-campaign-product-listing-scroll { padding: 10px; height: 100%; overflow: auto; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel .dn-campaign-product-listing-container .dn-pagination-container { text-align: center; height: 30px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel .dn-campaign-product-listing-container .dn-pagination-container span, .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel .dn-campaign-product-listing-container .dn-pagination-container a { padding-right: 5px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel .dn-campaign-product-listing-container .dn-grid-item { margin: 3px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel .dn-campaign-product-listing-container .dn-grid-item.dn-selected .dn-grid-item-container { box-shadow: 0px 2px 10px 0px #333; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel .dn-campaign-product-listing-container .dn-grid-image img { cursor: pointer; padding: 1px; border: 1px solid #cccccc; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel .dn-campaign-product-listing-container.dn-alt .dn-campaign-product-listing-scroll { margin-bottom: -30px; padding-bottom: 40px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel .dn-campaign-product-listing-container.dn-alt .dn-pagination-container { display: block; } @media only screen and (min-width: 768px) { .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product { height: 100%; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product h3 { display: block; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content { margin-bottom: -90px; padding-bottom: 90px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories { display: inline-block; width: 25%; height: 100%; overflow: auto; vertical-align: top; margin-bottom: 0; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-category-container { position: relative; height: auto; width: auto; padding-top: 0; margin-bottom: 0; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-category-container .dn-campaign-selected-category-container { display: none; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-category-container .dn-campaign-hierarchy-container { display: block; height: 600px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-categories .dn-campaign-category-container .dn-campaign-hierarchy-container .dn-hierarchy { height: 100%; position: relative; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel { display: inline-block; width: 75%; vertical-align: top; margin-top: 0px; padding-top: 0px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-select-product .dn-campaign-select-product-content .dn-campaign-product-selector .dn-campaign-product-listing-panel h4 { border-top: 0px; } } .dn-campaign-container div.dn-campaign-content .dn-designer .dn-designer-add-team { display: none; } .dn-campaign-container div.dn-campaign-content .dn-designer .dn-designer-add-image { border-right: 1px solid #e6e6e6; } .dn-campaign-container div.dn-campaign-content .dn-designer .dn-select-product-container { display: none; } .dn-campaign-container div.dn-campaign-content .dn-designer .dn-product-select-size-container { display: none; } .dn-campaign-container div.dn-campaign-content .dn-designer .dn-product-select-extra-fields { display: none; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step { width: 100%; line-height: 1.6; margin-bottom: 100px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step.dn-step-design { padding-bottom: 40px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-product { width: 100%; vertical-align: top; text-align: center; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-product img { width: 100%; max-width: 600px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section { width: 100%; vertical-align: top; position: relative; margin-bottom: 5px; border: 1px solid #e6e6e6; padding: 10px 15px; /*hide the outline behind the border*/ } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section hr { height: 1px; border: 0; border-top: 1px solid #e6e6e6; margin: 15px 0 15px 0; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input, .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section textarea { padding: 5px; display: inline-block; box-shadow: none; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section span.dn-passed { color: #74AF4C; padding: 3px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section span.dn-failed { color: #CC0000; padding: 3px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section span.dn-derror { color: #CC0000; padding: 3px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-field { margin: 5px 0; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-field a { text-decoration: underline; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-table { width: 100%; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-table tr.drag-highlight td { border: 5px solid; border-color: #d63b3b; border-width: 5px 0 0 0; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-table td { padding: 5px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-list .dn-campaign-product-row { box-shadow: 0px 0px 0px 1px rgba(26, 26, 26, 0.2); } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-list .dn-campaign-product-row label { padding: 0 0 0 5px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-list .dn-campaign-product-row a { padding: 0 0 0 15px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-list .dn-campaign-product-row.current { box-shadow: 2px 2px 10px 2px rgba(26, 26, 26, 0.35); } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-list .dn-campaign-product-row .dn-campaign-product-thumb { display: inline-block; vertical-align: middle; padding-top: 5px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-list .dn-campaign-product-row .dn-campaign-product-thumb img { max-width: 60px; cursor: pointer; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-list .dn-campaign-product-row .dn-drag-grip-handle { display: inline-block; float: right; margin-top: 20px; width: 20px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-list .dn-campaign-product-row .dn-drag-grip-handle span { content: '....'; width: 10px; display: inline-block; line-height: 6px; font-size: 12px; font-family: sans-serif; letter-spacing: 2px; color: #999; text-shadow: 1px 0 1px black; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-list .dn-campaign-product-row .dn-drag-grip-handle span:hover { cursor: move; cursor: grab; cursor: -webkit-grab; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-campaign-products-list .dn-campaign-product-row .dn-drag-grip-handle span::after { content: '.. .. .. ..'; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-profit label#campaign_estimated_total_profit { font-size: 30px; color: #1682e2; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-slider-container { width: 295px; margin-left: 7px; margin-top: -1px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section .dn-slider { padding: 5px 0 5px 2px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range] { /*removes default webkit styles*/ -webkit-appearance: none; /*fix for FF unable to apply focus style bug */ border: none; /*required for proper track sizing in FF*/ width: 300px; background: white; margin-top: -5px; height: 20px; padding: 0; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]::-webkit-slider-runnable-track { width: 300px; height: 5px; background: #cccccc; border: none; border-radius: 3px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: #1c1b1b; margin-top: -4px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]:focus { outline: none; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]:focus::-webkit-slider-runnable-track { background: #cccccc; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]::-moz-range-track { width: 300px; height: 5px; background: #cccccc; border: none; border-radius: 3px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #1c1b1b; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]:-moz-focusring { outline: 1px solid white; outline-offset: -1px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]::-ms-track { width: 300px; height: 5px; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ background: transparent; /*leave room for the larger thumb to overflow with a transparent border */ border-color: transparent; border-width: 6px 0; /*remove default tick marks*/ color: transparent; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]::-ms-fill-lower { background: #777; border-radius: 10px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]::-ms-fill-upper { background: #ddd; border-radius: 10px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #1c1b1b; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]:focus::-ms-fill-lower { background: #888; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-section input[type=range]:focus::-ms-fill-upper { background: #ccc; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-available-colors { width: 100%; text-align: left; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-available-colors .color_panel li { display: block; float: left; margin: 0 3px 3px 0 !important; padding: 0 !important; width: auto; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-available-colors .color_panel li .color_panel_cell { cursor: default; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-available-colors .color_panel_cell b { -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; background: transparent none; display: block; height: 20px; left: 0; position: absolute; top: 0; width: 20px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-available-colors a { color: #00e; text-decoration: underline; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-detail label { display: block; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-detail select { margin: 5px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-detail input[type='text'] { width: 100%; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-detail textarea { width: 100%; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-detail .dn-color-button { width: 20px; display: inline-block; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-detail .dn-banner-options label { display: inline-block; margin: 0 0 0 5px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-launch label { width: 100px; display: inline-block; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-launch select { margin: 0 0 0 5px; padding: 4px; font-size: 14px; } .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-launch input[type="text"], .dn-campaign-container div.dn-campaign-content .dn-campaign-step .dn-campaign-launch input[type="password"] { width: 200px; } .dn-campaign-container div.dn-campaign-content .dn-goal-input { width: 50px; font-size: 16px; padding: 4px 4px; font-weight: bold; text-align: right; margin: 5px; box-shadow: none; } .dn-campaign-container div.dn-campaign-content .dn-glowing-border { box-shadow: none; } .dn-campaign-container div.dn-campaign-content .dn-glowing-border:focus { outline: none; } .dn-campaign-container div.dn-campaign-content .validation-advice { color: red; letter-spacing: normal; } .dn-campaign-container div.dn-campaign-content input[type='file'] { margin: 5px; } .dn-campaign-container div.dn-campaign-content input[type='checkbox'], .dn-campaign-container div.dn-campaign-content input[type='radio'] { width: 20px; margin: 10px 0; } .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-campaign-size-chart-link { display: none; } .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell { height: 40px; width: 40px; border-radius: 7px; overflow: hidden; cursor: pointer; } @media only screen and (min-width: 768px) { .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell { height: 35px; width: 35px; border-radius: 5px; overflow: hidden; cursor: pointer; } .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-few .dn-color-panel-cell { height: 40px; width: 40px; border-radius: 7px; } .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-many .dn-color-panel-cell { height: 25px; width: 25px; margin: 1px; border-width: 1px; } .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-heaps .dn-color-panel-cell { height: 20px; width: 20px; margin: 1px; border-width: 1px; } } .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-extra-field-container { margin-top: 8px; } .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-description { margin-top: 8px; } .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-details-extra { padding-top: 8px; } .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas li { padding: 3px 0; } .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas li label { display: inline-block; width: 90px; padding-left: 10px; } .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas li label .wide { width: 125px; } .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-qty-container { margin-top: 5px; } .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-details-extra .dn-product-unit-price-container { margin-top: 10px; } .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-details-extra .dn-product-price-container { margin-top: 5px; } .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-details-extra .dn-product-price-container .dn-price { font-size: 16px; } .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-details-extra .dn-product-price-container .dn-price .price_currency_code { font-size: 0.7em; } .dn-campaign-container div.dn-campaign-content .dn-product-details-panel .dn-product-decorate-now-container { margin-top: 10px; } .dn-campaign-container .dn-campaign-actions { border-top: 1px solid #f2f2f2; width: 100%; text-align: center; background: #fafafa; z-index: 2999; } .dn-campaign-container .dn-campaign-actions ul { line-height: 50px; } .dn-campaign-container .dn-campaign-actions ul li { display: inline-block; margin: 0.5em; } .dn-campaign-container .dn-campaign-actions ul li.dn-disabled a { cursor: default; background: #ccc; color: #777; } .dn-campaign-container .dn-campaign-actions .dn-btn.dn-btn-std { padding-left: 30px; padding-right: 30px; } .dn-campaign-container.dn-campaign-container-logo_only .dn-campaign-actions { position: fixed; bottom: 0; left: 0; } div.dn-campaign-container[data-breakpoint-700='true'] div.dn-campaign-content .dn-campaign-step .dn-campaign-product { display: inline-block; width: 50%; padding-right: 5px; } div.dn-campaign-container[data-breakpoint-700='true'] div.dn-campaign-content .dn-campaign-step .dn-campaign-section { display: inline-block; width: 50%; } div.dn-campaign-container[data-breakpoint-700='true'] div.dn-campaign-content .dn-campaign-step .dn-available-colors { width: 100%; } div.dn-campaign-container[data-breakpoint-900='true'] div.dn-campaign-nav-steps h2.dn-heading { display: block; position: absolute; top: 20px; left: 15px; border: none; } div.dn-campaign-container[data-breakpoint-900='true'] div.dn-campaign-nav-steps ol { margin-left: 120px; } div.dn-campaign-container[data-breakpoint-900='true'] div.dn-campaign-nav-steps li a span { display: inline; } .dn-campaign-progress { width: 100%; margin-top: 20px; } .dn-campaign-progress .dn-campaign-progress-goal { margin: 0px; width: 100%; text-align: center; } .dn-campaign-progress .dn-campaign-progress-goal .dn-campaign-progress-bar { height: auto; position: relative; background: #d6d6d6; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding: 5px; box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); border: 1px solid #ddd; border-radius: 4px; } .dn-campaign-progress .dn-campaign-progress-goal .dn-campaign-progress-bar span { padding: 5px 0; color: #FFFFFF; font-size: 16px; display: block; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background-color: #1682e2; background-image: linear-gradient(center bottom, #2bc253 37%, #54f054 69%); box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4); white-space: nowrap; font-weight: bold; } .dn-campaign-progress .dn-campaign-progress-goal p { width: 100%; text-align: center; font-size: 1.5em; color: #888888; margin-left: 10px; margin-top: 5px; } .dn-campaign-progress .dn-campaign-progress-time { margin: 10px; width: 100%; text-align: center; } .dn-campaign-progress .dn-campaign-progress-time .dn-campaign-time { display: inline-block; border-radius: 5px; width: 20%; margin: 0 2px; box-sizing: border-box; padding: 5px; border: 1px solid #ebebeb; background: transparent; } .dn-campaign-progress .dn-campaign-progress-time .dn-campaign-time p { text-align: center; margin-bottom: 0px; color: #1682e2; } .dn-campaign-progress .dn-campaign-progress-time .dn-campaign-time p.dn-number { padding: 0 10px; font-size: 2.5em; font-weight: bold; } .dn-campaign-progress .dn-campaign-progress-time p.dn-campaign-goal { width: 100%; text-align: center; font-size: 1.5em; color: #888888; padding: 5px 0 0 0; } .dn-campaign-banner { background-position: center bottom; background-repeat: no-repeat; } .dn-campaign-banner img { height: 110px; margin: 25px; } .dn-campaign-banner-cover { background-size: cover; height: 300px; } .dn-campaign-banner-contain { background-size: contain; height: 175px; } @media only screen and (min-width: 768px) { .dn-campaign-banner-contain { height: 300px; } } .dn-campaign-welcome-container { z-index: 10000; opacity: 0.9; background-color: #000000; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; } .dn-campaign-welcome-container .dn-campaign-welcome-title { margin-top: 90px; width: 800px; margin-left: auto; margin-right: auto; } .dn-campaign-welcome-container .dn-campaign-welcome-title p { color: #878787; font-size: 22px; font-weight: 100; text-align: left; line-height: 22px; padding-bottom: 15px; } .dn-campaign-welcome-container .dn-campaign-welcome-title p a { color: #1682e2; cursor: pointer; } .dn-campaign-welcome-container .dn-campaign-welcome-title p a:hover { color: #60abed; cursor: pointer; } .dn-campaign-welcome-container .dn-campaign-welcome-title p.dn-campaign-welcome-title-header { font-size: 27px; } .dn-campaign-product-heading-container { width: 100%; padding: 10px 0 0 0; border-bottom: 3px solid #eee; margin-bottom: 5px; } .dn-campaign-product-heading-container .dn-campaign-product-heading { display: inline-block; } .dn-campaign-product-heading-container .dn-campaign-product-heading h2 { border: none; } .dn-campaign-product-heading-container .dn-product-price-container { display: inline-block; float: right; font-size: 2.5em; color: #1682e2; letter-spacing: normal; padding-right: 10px; } .dn-campaign-description { font-size: 15px; padding: 5px 0 10px 0; } div.dn-campaign-product[data-breakpoint-600='true'] div.dn-product-main-image-panel { margin-top: 0; } div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel h4 { font-weight: bold; margin-bottom: 3px; } div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel .dn-product-views-container { margin-top: 5px; margin-bottom: 10px; } div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel .dn-product-views-container ul li { text-align: center; cursor: pointer; border: 1px solid #ccc; margin: 0 5px; padding: 2px; } div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel .dn-product-views-container ul li.dn-alt { border: 1px solid gray; } div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel .dn-product-views-container ul li:hover { border: 1px solid gray; } div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel .dn-product-color-container h4 { margin-bottom: 5px; } div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell { height: 40px; width: 40px; border-radius: 7px; overflow: hidden; cursor: pointer; } @media only screen and (min-width: 768px) { div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell { height: 35px; width: 35px; border-radius: 5px; overflow: hidden; cursor: pointer; } div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-few .dn-color-panel-cell { height: 40px; width: 40px; border-radius: 7px; } div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-many .dn-color-panel-cell { height: 25px; width: 25px; margin: 1px; border-width: 1px; } div.dn-product-display.dn-campaign-decorated-product div.dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-heaps .dn-color-panel-cell { height: 20px; width: 20px; margin: 1px; border-width: 1px; } } .dn-checkout-steps-container { width: 100%; margin-bottom: 15px; } .dn-checkout-steps-container .dn-checkout-step { display: inline-block; text-align: center; padding: 0 6px 0px 0px; } .dn-checkout-steps-container .dn-checkout-step.dn-alt { font-weight: bold; } .dn-checkout-steps-container.dn-step-count-1 .dn-checkout-step { width: 100%; } .dn-checkout-steps-container.dn-step-count-2 .dn-checkout-step { width: 50%; } .dn-checkout-steps-container.dn-step-count-3 .dn-checkout-step { width: 33.3%; } .dn-checkout-steps-container.dn-step-count-4 .dn-checkout-step { width: 25%; } .dn-checkout-steps-container.dn-step-count-5 .dn-checkout-step { width: 20%; } .dn-checkout-steps-container.dn-step-count-6 .dn-checkout-step { width: 16.6%; } .dn-checkout-step-edit, .dn-checkout-step-now, .dn-checkout-step-next, .dn-checkout-step-later { display: none; } .dn-checkout-steps-container.dn-current-step-address .dn-on-address { display: inline-block; } .dn-checkout-steps-container.dn-current-step-shipping .dn-on-shipping { display: inline-block; } .dn-checkout-steps-container.dn-current-step-billing .dn-on-billing { display: inline-block; } .dn-checkout-steps-container.dn-current-step-confirm .dn-on-confirm { display: inline-block; } .dn-checkout-steps-container.dn-current-step-finalise .dn-on-finalise { display: inline-block; } .dn-page-address .dn-breadcrumb-section, dn-page-shipping .dn-breadcrumb-section, .dn-page-billing .dn-breadcrumb-section { display: none; } .dn-checkout-page hr { margin: 10px 30px 10px 30px; border: 0 none; background-color: #cccccc; height: 1px; } .dn-checkout-page .dn-form-footer-actions { text-align: right; } .dn-checkout-page .dn-form-footer-actions .dn-btn { margin-left: 5px; } .dn-checkout-page .dn-form-footer-actions .dn-form-footer-return-link { float: left; } .dn-checkout-address-container { letter-spacing: -0.31em; } .dn-checkout-address-container .dn-checkout-existing-member-login { padding-top: 10px; padding-bottom: 10px; } .dn-checkout-address-container .dn-checkout-choose-customer-type { margin: auto; max-width: 500px; margin-bottom: 10px; font-size: 1.2em; text-align: center; } .dn-checkout-address-container .dn-checkout-choose-customer-type > div { display: inline-block; } .dn-checkout-address-container .dn-checkout-choose-customer-type > div label { cursor: pointer; } .dn-checkout-address-container .dn-checkout-choose-customer-type .dn-checkout-choose-guest-checkout { margin-right: 10px; } .dn-checkout-address-container .dn-checkout-login { margin: auto; max-width: 500px; height: 0px; overflow: hidden; opacity: 0.0; transition: opacity 0.5s; } .dn-checkout-address-container .dn-checkout-login .dn-form-action-footer { text-align: right; } .dn-checkout-address-container .dn-checkout-login .dn-form-action-footer .dn-btn { max-width: 200px; } .dn-checkout-address-container .dn-checkout-address { display: block; opacity: 1.0; transition: opacity 0.5s; margin: auto; } .dn-checkout-address-container.dn-checkout-do-login .dn-checkout-login { height: auto; overflow: none; opacity: 1.0; } .dn-checkout-address-container.dn-checkout-do-login .dn-checkout-address { height: 0px; overflow: hidden; opacity: 0.0; } .dn-checkout-address-container.dn-checkout-logged-in .dn-checkout-choose-customer-type { display: none; } .dn-checkout-address-container.dn-checkout-logged-in .dn-checkout-existing-member-login { display: none; } .dn-checkout-address-container .dn-checkout-address-billing-form-container { margin-bottom: 20px; } .dn-checkout-address-container .dn-checkout-address-shipping-form-container .dn-checkout-shipping-choice { text-align: center; } .dn-checkout-address-container .dn-checkout-address-shipping-form-container .dn-checkout-shipping-choice .dn-form-field-value { margin-bottom: 5px; } .dn-checkout-address-container .dn-checkout-address-shipping-form-container .dn-checkout-shipping-choice .dn-form-field-value span { font-size: 18px; font-weight: bold; } .dn-checkout-address-container .dn-checkout-address-shipping-form-container.dn-disabled .dn-checkout-shipping-details { display: none; } .dn-checkout-page[data-breakpoint-800='true'] .dn-checkout-address { max-width: 100%; } .dn-checkout-page[data-breakpoint-800='true'] .dn-checkout-address .dn-checkout-address-billing-form-container.dn-checkout-address-2-col { width: 50%; vertical-align: top; display: inline-block; margin-bottom: 0px; padding-right: 10px; } .dn-checkout-page[data-breakpoint-800='true'] .dn-checkout-address .dn-checkout-address-shipping-form-container.dn-checkout-address-2-col { width: 50%; vertical-align: top; display: inline-block; } .dn-checkout-page[data-breakpoint-800='true'] .dn-checkout-confirm-container.dn-checkout-confirm-two-col .dn-checkout-confirm-container-col1 { width: 50%; display: inline-block; vertical-align: top; } .dn-checkout-page[data-breakpoint-800='true'] .dn-checkout-confirm-container.dn-checkout-confirm-two-col .dn-checkout-confirm-container-col2 { width: 50%; display: inline-block; vertical-align: top; } .dn-checkout-page[data-breakpoint-800='true'] .dn-checkout-complete-container.dn-checkout-complete-two-col .dn-checkout-complete-container-col1 { width: 50%; display: inline-block; vertical-align: top; } .dn-checkout-page[data-breakpoint-800='true'] .dn-checkout-complete-container.dn-checkout-complete-two-col .dn-checkout-complete-container-col2 { width: 50%; display: inline-block; vertical-align: top; } .dn-checkout-shipping-container { margin: auto; } .dn-checkout-shipping-container .dn-checkout-shipping-rush-fee, .dn-checkout-shipping-container .dn-checkout-shipping-options, .dn-checkout-shipping-container .dn-checkout-shipping-notes { margin-top: 20px; } .dn-checkout-shipping-container .dn-checkout-shipping-description { margin-top: 10px; display: none; } .dn-checkout-shipping-container .dn-checkout-shipping-description.dn-alt { display: block; } .dn-checkout-shipping-container .dn-checkout-shipping-tax-notice-container { margin-top: 10px; } .dn-checkout-shipping-container .dn-checkout-shipping-tax-notice-container .dn-tax-notice { padding: 5px; font-size: 0.9em; } .dn-checkout-billing-container #card_cv2 > div .dn-form-field { width: 50%; vertical-align: middle; display: inline-block; } .dn-checkout-billing-container #card_cv2 > div > span { width: 50%; padding-left: 5px; vertical-align: middle; display: inline-block; } .dn-checkout-billing-container .dn-form-field-compound > .dn-form-field-value > .dn-form-field { display: inline-block; width: 50%; } .dn-checkout-billing-container .dn-year-dropdown { padding-right: 2px; } .dn-checkout-billing-container .dn-month-dropdown { padding-left: 2px; } .dn-checkout-billing-container .dn-checkout-billing-add-to-account-container .dn-checkout-billing-deposit-required-message { text-align: center; font-weight: bold; margin-top: -10px; } .dn-checkout-confirm-container .dn-checkout-confirm-instructions-container, .dn-checkout-confirm-container .dn-checkout-address-container, .dn-checkout-confirm-container .dn-checkout-shipping-container, .dn-checkout-confirm-container .dn-checkout-payment-container, .dn-checkout-confirm-container .dn-checkout-external-checkout-container { margin: auto auto 20px auto; } .dn-checkout-confirm-container .dn-view-cart-details-container { max-width: 810px; margin: auto; } .dn-checkout-confirm-container h3 { display: inline-block; } .dn-checkout-confirm-container .dn-link-change { padding-left: 5px; } .dn-checkout-confirm-container .dn-form.dn-label-left-field > li > label { padding-top: 0px; text-align: left; font-weight: bold; } .dn-checkout-confirm-container .dn-form > li { margin-bottom: 0px; } .dn-checkout-confirm-container .dn-form span.dn-value { padding: 0px; } .dn-checkout-status-container { max-width: 600px; margin: auto; } .dn-checkout-radio-btn-container { border: 1px solid black; border-radius: 0px; } .dn-checkout-radio-btn-container div .dn-checkout-radio-btn-option label { padding: 5px; vertical-align: middle; } .dn-checkout-radio-btn-container div .dn-checkout-radio-btn-option input { vertical-align: middle; } .dn-inline-popup.dn-existing-member-login { width: 320px; background-color: white; padding: 20px 10px; margin-top: 30px; box-shadow: 0px 0px 6px 1px #999999; } .dn-with-staff-account-notice-overlay { position: relative; } .dn-with-staff-account-notice-overlay .dn-staff-account-notice-overlay { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } .dn-with-staff-account-notice-overlay .dn-staff-account-notice-overlay:before { background-color: white; opacity: 0.5; position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: "."; } .dn-with-staff-account-notice-overlay .dn-staff-account-notice-overlay .dn-notice { position: absolute; left: 50%; top: 50%; padding: 10px; background-color: white; border: 2px solid #b3b3b3; border-radius: 4px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .dn-with-staff-account-notice-overlay .dn-staff-account-notice-overlay .dn-notice p:last-of-type { margin-bottom: 0px; } .dn-with-staff-account-notice-overlay .dn-staff-account-notice-overlay .dn-notice a { font-weight: bold; text-decoration: underline !important; } .dn-with-staff-account-notice-overlay.dn-alt .dn-staff-account-notice-overlay { display: block; } .dn-checkout-payment-link { text-align: center; margin-bottom: 10px; } .dn-checkout-payment-link .dn-checkout-payment-link-content { display: inline-block; border: 2px solid #b3b3b3; border-radius: 4px; vertical-align: middle; line-height: 0px; } .dn-checkout-cc-icon { max-height: 20px; border-radius: 6px; vertical-align: middle; margin-left: 6px; } .dn-payment-wallet-status { margin-top: 5px; } .dn-payment-wallet-status .dn-loading-icon { width: 15px; vertical-align: middle; } .dn-payment-wallet-status .dn-wallet-icon { height: 20px; vertical-align: middle; } .dn-checkout-billing-card-method-description-container { margin-top: 10px; } .dn-checkout-billing-existing-card-container { margin-bottom: 10px; } .dn-widget-countdown .dn-countdown-container { display: inline-block; } .dn-widget-countdown .dn-countdown-container.dn-layout-flat .dn-block { display: inline-block; text-align: center; padding: 0px; margin-right: 5px; border-radius: 5px; border: 1px solid transparent; background-color: #e6e6e6; } @media only screen and (min-width: 768px) { .dn-widget-countdown .dn-countdown-container.dn-layout-flat .dn-block { padding: 20px; margin-right: 15px; } } .dn-widget-countdown .dn-countdown-container.dn-layout-flat .dn-block .dn-number { display: inline-block; font-weight: 100; font-size: 25px; padding: 25px 0px; margin: 30px 5px 5px; border-radius: 3px; border: 1px solid transparent; background-color: white; width: 60px; } @media only screen and (min-width: 768px) { .dn-widget-countdown .dn-countdown-container.dn-layout-flat .dn-block .dn-number { font-size: 30px; padding: 25px 10px; margin: 30px 10px 10px; width: 100px; } } .dn-widget-countdown .dn-countdown-container.dn-layout-flat .dn-block .dn-caption { padding-top: 5px; } .dn-widget-countdown .dn-countdown-container.dn-layout-flip.dn-play .dn-flip section.dn-ready { z-index: 3; } .dn-widget-countdown .dn-countdown-container.dn-layout-flip.dn-play .dn-flip section.dn-ready .dn-down .dn-shadow { background: gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%); animation: show .5s linear both; } .dn-widget-countdown .dn-countdown-container.dn-layout-flip.dn-play .dn-flip section.dn-ready .dn-up { z-index: 2; animation: flipup .5s linear both; } .dn-widget-countdown .dn-countdown-container.dn-layout-flip.dn-play .dn-flip section.dn-ready .dn-up .dn-shadow { background: gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%); animation: show .5s linear both; } .dn-widget-countdown .dn-countdown-container.dn-layout-flip.dn-play .dn-flip section.dn-active { animation: index .5s .5s linear both; z-index: 2; } .dn-widget-countdown .dn-countdown-container.dn-layout-flip.dn-play .dn-flip section.dn-active .dn-down { z-index: 2; animation: flipdown .5s .5s linear both; } .dn-widget-countdown .dn-countdown-container.dn-layout-flip.dn-play .dn-flip section.dn-active .dn-down .dn-shadow { background: gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%); animation: hide .5s .3s linear both; } .dn-widget-countdown .dn-countdown-container.dn-layout-flip.dn-play .dn-flip section.dn-active .dn-up .dn-shadow { background: gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%); animation: hide .5s .3s linear both; } .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip { position: relative; float: left; margin: 10px 5px; padding: 0; width: 70px; height: 130px; font-size: 60px; line-height: 126px; color: #1c1b1b; } @media only screen and (min-width: 768px) { .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip { margin: 10px 9px; width: 160px; font-size: 120px; } } .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip .dn-digit { float: left; margin: 0; padding: 0; width: 49%; height: 100%; perspective: 9999px; /* using a smaller perspective makes the flipping effect look weird depending on the height */ } .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip .dn-digit.dn-d1 { float: right; } .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip .dn-digit section { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip .dn-digit div { z-index: 1; position: absolute; left: 0; width: 100%; height: 49%; overflow: hidden; } .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip .dn-digit div.dn-up { transform-origin: 50% 100%; top: 0; } .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip .dn-digit div.dn-up .dn-inn { top: 0; } .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip .dn-digit div.dn-down { transform-origin: 50% 0%; bottom: 0; } .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip .dn-digit div.dn-down .dn-inn { bottom: 0; } .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip .dn-digit div .dn-shadow { display: block; position: absolute; width: 100%; height: 100%; z-index: 2; background-color: #e6e6e6; border-radius: 6px; border-style: solid; } .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip .dn-digit div .dn-inn { position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; text-align: center; background-color: #e6e6e6; border-radius: 6px; border-style: solid; } .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip.dn-3-digits { width: 105px; } @media only screen and (min-width: 768px) { .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip.dn-3-digits { width: 240px; } } .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip.dn-3-digits .dn-digit { width: 32%; } .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip.dn-3-digits .dn-digit.dn-d2 { /* ensure d2 is always centralized... there is no float: center; but this will do */ top: 50%; left: 50%; margin-right: -50%; margin-top: 0px; margin-left: 0px; position: absolute; transform: translate(-50%, -50%); } .dn-widget-countdown .dn-countdown-container.dn-layout-flip .dn-flip p.dn-caption { top: 100%; left: 50%; margin-right: -50%; margin-top: 10px; position: absolute; transform: translate(-50%, -50%); } @keyframes index { 0% { z-index: 2; } 5% { z-index: 4; } 100% { z-index: 4; } } @keyframes flipdown { 0% { transform: rotateX(90deg); } 80% { transform: rotateX(5deg); } 90% { transform: rotateX(15deg); } 100% { transform: rotateX(0deg); } } @keyframes flipup { 0% { transform: rotateX(0deg); } 90% { transform: rotateX(0deg); } 100% { transform: rotateX(-90deg); } } @keyframes show { 0% { opacity: 0; } 90% { opacity: .10; } 100% { opacity: 1; } } @keyframes hide { 0% { opacity: 1; } 80% { opacity: .20; } 100% { opacity: 0; } } .dn-decorated-product-categories .dn-product-category-name h4 { margin-top: 10px; } .dn-decorated-product-categories-dropdown-container .dn-decorated-product-categories-select { padding-bottom: 5px; } .dn-decorated-product-categories-dropdown-container .dn-decorated-product-categories-select.dn-horizontal { display: inline-block; padding-right: 5px; } .dn-product-personalize-container { margin-bottom: 8px; } .dn-product-personalize-container h4 { margin-bottom: 5px; display: none; } .dn-teamnames-panel .dn-color-panel { text-align: center; } .dn-teamnames-panel .dn-color-panel .dn-color-panel-cell div { cursor: pointer; width: 100%; height: 100%; } .dn-teamnames-panel .dn-d-teamnames-list td { padding-right: 3px; padding-bottom: 3px; } .dn-teamnames-panel .dn-d-teamnames-list td .dn-sized { width: 100%; } .dn-teamnames-panel .dn-teamnames-color-heading { text-align: right; vertical-align: middle; } .dn-teamnames-panel .dn-add-teamname-container { text-align: right; } div.dn-zoomable { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: url(/images/cursors/magnify.cur), auto; } div.dn-no-pointer { pointer-events: none; } .dn-product-display .dn-designer-element, .dn-product-display .dn-decoration-area-overlay, .dn-product-display .colored-component-single-color, .dn-product-display .colored-component-multi-color { pointer-events: none; } .dn-product-display .dn-decoration-area-overlay { left: 0px; top: 0px; } .dn-product-related-products-truncated { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .dn-decorated-products .dn-grid-image .dn-product-design-thumbnail-container { position: absolute; z-index: 2; height: 100%; width: 100%; } .dn-decorated-products .dn-grid-image .dn-product-thumbnail-container { height: 100%; width: 100%; } .dn-decorated-products .dn-grid-item-container .dn-product-design-thumbnail-rollover { position: absolute; top: 20%; right: -20%; max-height: 0px; max-width: 0px; z-index: 2; overflow: hidden; transition: all 0.25s ease-in-out 0s; } .dn-decorated-products .dn-grid-item-container .dn-product-design-thumbnail-rollover a { display: block; border: 3px solid #2a2a2a; line-height: 0px; } .dn-decorated-products .dn-grid-item-container:hover .dn-product-design-thumbnail-rollover { max-height: 400px; max-width: 400px; } .dn-decorated-products .dn-grid-text.dn-product-name { width: 100%; display: inline-block; text-align: center; overflow: hidden; white-space: normal; } .dn-decorated-products .dn-grid-text.dn-product-name h4 { margin-top: 10px; text-overflow: ellipsis; overflow: hidden; } .dn-decorated-products .dn-grid-text.dn-product-price { width: 100%; display: inline-block; text-align: center; } .dn-decorated-products .dn-grid-text.dn-product-colors { text-align: center; } .dn-decorated-products .dn-grid-text.dn-product-colors label { display: none; } .dn-decorated-products .dn-grid-text.dn-product-colors div.dn-color-panel-cell { width: 10px; height: 10px; margin: 1px; border-radius: 0px; border: 1px solid #e6e6e6; overflow: hidden; display: inline-grid; grid-template-columns: 100%; } .dn-decorated-products .dn-grid-text.dn-product-colors div.dn-color-panel-cell span { border: none; } .dn-decorated-products .dn-grid-text.dn-product-sizes label { display: none; } .dn-decorated-products .dn-grid-text.dn-product-sizes div { display: inline; } .dn-decorated-products .dn-product-add-button-container a { width: 100%; } .dn-decorated-products.dn-grid-container .dn-grid-item .dn-grid-item-container img.dn-product-logo, .dn-decorated-products.dn-grid-container-collage .dn-grid-item .dn-grid-item-container img.dn-product-logo { max-width: 70%; max-height: 15%; border: 0px solid #e6e6e6; border-radius: 0px; } .dn-decorated-products .dn-grid-item .dn-grid-item-container img.dn-product-logo { width: auto; height: auto; } .dn-decorated-products .dn-grid-item .dn-grid-item-container .dn-grid-image img.dn-product-logo { position: absolute; bottom: 5px; right: 5px; } .dn-decorated-products .dn-grid-item .dn-grid-item-container .dn-grid-text.dn-product-logo { width: 120px; display: inline-block; text-align: center; } .dn-decorated-products .dn-grid-masonry .dn-grid-item .dn-grid-item-container .dn-grid-image img.dn-product-logo { width: auto; height: auto; } .dn-design-categories .dn-design-category-name h4 { margin-top: 10px; } .dn-design-categories-dropdown-container .dn-design-categories-select { padding-bottom: 5px; } .dn-design-categories-dropdown-container .dn-design-categories-select.dn-horizontal { display: inline-block; padding-right: 5px; } div.dn-design-display { letter-spacing: -0.31em; position: relative; z-index: 1; } div.dn-design-display .dn-design-heading-container { position: relative; width: 100%; margin-left: 0px; padding-left: 0px; } div.dn-design-display .dn-design-heading-container h1 { display: inline-block; vertical-align: bottom; } div.dn-design-display .dn-design-heading-container .dn-inline-fit { display: inline-block; } div.dn-design-display div.dn-design-main-image-panel { display: inline-block; width: 100%; max-width: 800px; max-height: 800px; text-align: center; vertical-align: top; padding: 3px; margin-bottom: 10px; } div.dn-design-display div.dn-design-main-image-panel img { max-width: 100%; height: auto; } div.dn-design-display div.dn-design-products-container { display: inline-block; width: 100%; vertical-align: top; padding: 3px; letter-spacing: normal; word-spacing: normal; } div.dn-design-display div.dn-design-products-container .dn-design-description { margin-bottom: 10px; } div.dn-design-display[data-breakpoint-600='true'] .dn-design-heading-container { padding-left: 15px; } div.dn-design-display[data-breakpoint-600='true'] div.dn-design-products-container { padding-left: 10px; } div.dn-design-display[data-breakpoint-600='true'] div.dn-design-image-panel-large div.dn-design-main-image-panel { width: 50%; } div.dn-design-display[data-breakpoint-600='true'] div.dn-design-image-panel-large div.dn-design-products-container { width: 50%; } div.dn-design-display[data-breakpoint-600='true'] div.dn-design-image-panel-medium div.dn-design-main-image-panel { width: 40%; } div.dn-design-display[data-breakpoint-600='true'] div.dn-design-image-panel-medium div.dn-design-products-container { width: 60%; } div.dn-design-display[data-breakpoint-600='true'] div.dn-design-image-panel-small div.dn-design-main-image-panel { width: 30%; } div.dn-design-display[data-breakpoint-600='true'] div.dn-design-image-panel-small div.dn-design-products-container { width: 70%; } div.dn-design-display[data-breakpoint-900='true'] div.dn-design-products-container { padding-left: 15px; } div.dn-design-display[data-breakpoint-1250='true'] div.dn-design-main-image-panel { width: 600px; margin-right: -600px; } div.dn-design-display[data-breakpoint-1250='true'] div.dn-design-products-container { width: auto; margin-left: 600px; overflow: hidden; padding-left: 20px; } .dn-designs .dn-grid-text.dn-design-name { width: 100%; display: inline-block; text-align: center; overflow: hidden; white-space: normal; } .dn-designs .dn-grid-text.dn-design-name h4 { text-overflow: ellipsis; overflow: hidden; } .dn-designs .dn-grid-item .dn-design-rollover { position: absolute; top: 20%; left: 20%; max-height: 0px; max-width: 0px; transition: max-height 0.4s; transition: max-width 0.4s; z-index: 2; overflow: hidden; } .dn-designs .dn-grid-item .dn-design-rollover a { display: block; border: 3px solid black; line-height: 0px; } .dn-design-rollover { position: absolute; max-height: 0px; max-width: 0px; transition: max-width 0.4s, max-height 0.4s; z-index: 40; overflow: hidden; } .dn-design-rollover a { display: block; line-height: 0px; } .dn-design-rollover a img { width: 100%; border: 3px solid black; max-height: 400px; } .dn-product-display.dn-design-on-product .dn-product-details-panel .dn-product-personalize-container .dn-product-personalize-fields h4 { margin-top: 5px; } .dn-product-display.dn-design-on-product .dn-product-details-panel .dn-product-personalize-container .dn-product-personalize-fields .dn-d-personalize-entry { margin-top: 5px; } .dn-design-on-product-select-process-popup { width: 500px; } .dn-design-on-product-select-process-popup .dn-design-on-product-select-processes { letter-spacing: -0.31em; } .dn-design-on-product-select-process-popup .dn-design-on-product-select-processes .dn-design-process-thumbnail { display: inline-block; vertical-align: top; width: 100px; } .dn-design-on-product-select-process-popup .dn-design-on-product-select-processes .dn-design-process-details { padding-left: 5px; display: inline-block; vertical-align: top; width: 180px; letter-spacing: normal; word-spacing: normal; } .dn-design-on-product-select-process-popup .dn-design-on-product-select-processes .dn-design-process-select { display: inline-block; vertical-align: bottom; width: 200px; text-align: center; } .dn-design-on-product-select-process-popup .dn-design-on-product-select-processes > div { margin-bottom: 10px; } /* color buttons */ ul.dn-color-buttons { position: relative; display: inline-block; } * html ul.dn-color-buttons { display: inline; } * + html ul.dn-color-buttons { display: inline; } ul.dn-color-buttons li { float: left; margin: 1px !important; border: 1px solid white; cursor: pointer; } ul.dn-color-buttons li div { border-width: 0px; } ul.dn-color-buttons.dn-with-border li { border-color: #e6e6e6; } ul.dn-color-buttons.dn-in-line li { margin-top: 0px !important; margin-bottom: 0px !important; } ul.dn-color-buttons.dn-color-buttons-readonly li { cursor: default; } ul.dn-color-buttons li b { display: none; } ul.dn-color-buttons.dn-color-buttons-big li div { width: 20px; height: 20px; } ul.dn-color-buttons.dn-color-buttons-small li div { width: 10px; height: 10px; } ul.dn-color-buttons.dn-color-buttons-small li { margin: 1px !important; } ul.dn-color-buttons.dn-with-rollover li:hover { border-color: #999999; } ul.dn-color-buttons.dn-color-buttons-small.dn-with-rollover li:hover { border: 1px solid #999999; } ul.dn-color-buttons.dn-with-dropdown li div { width: 30px; float: left; } ul.dn-color-buttons.dn-with-dropdown li b { background: #fff url("/images/mp/control_sprite.gif?ab636f73d02889d74db0953d61bb1a95") -546px -117px; border: 1px solid #bec9d8; cursor: pointer; display: block; float: right; height: 18px; margin: 0; padding: 0; width: 15px; } ul.dn-color-buttons.dn-with-dropdown.dn-with-border li b { border-width: 0px; border-left: 1px solid #bec9d8; height: 20px; } ul.dn-color-buttons.dn-color-buttons-small.dn-with-dropdown li div { width: 18px; float: left; } ul.dn-color-buttons.dn-color-buttons-small.dn-with-dropdown li b { background: #fff url("/images/mp/control_sprite.gif?ab636f73d02889d74db0953d61bb1a95") -549px -123px; height: 8px; width: 9px; } div.dn-d-size-multi-container ul { overflow: hidden; } div.dn-d-size-multi-container ul li { display: block; float: left; padding: 3px; } div.dn-d-size-multi-container ul li label { display: inline-block; min-width: 30px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 2px; vertical-align: middle; } div.dn-d-size-multi-container ul li input { display: inline-block; } div.dn-d-size-multi-container ul li input.dn-d-size-multi { width: 50px; } div.dn-d-size-multi-container ul li.dn-d-size-with-subsize { padding-top: 2px; padding-bottom: 2px; padding-right: 0px; border: 1px solid #e6e6e6; } div.dn-d-size-multi-container ul li.dn-d-size-with-subsize label { width: 70px; float: left; margin-top: 10px; } div.dn-d-size-multi-container ul li.dn-d-size-with-subsize ul { float: left; } div.dn-d-size-multi-container ul li.dn-d-size-with-subsize ul li { padding-top: 0px; padding-bottom: 0px; } div.dn-d-size-multi-container ul li.dn-d-size-with-subsize ul li label { width: 50px; } div.dn-d-size-input select { width: 100%; } div.dn-d-custom-field { margin-top: 8px; } div.dn-d-custom-field > label { font-size: 14px; font-weight: bold; margin-bottom: 5px; } div.dn-d-custom-field > label b { display: none; } .dn-d-size-table input { width: 50px; } .dn-d-bundle-information { display: block; letter-spacing: normal; word-spacing: normal; } .dn-designer .dn-designer-properties-content .dn-d-bundle-sizes { display: block; } .dn-designer .dn-designer-properties-content .dn-d-bundle-notice { display: none; } .dn-designer .dn-designer-properties-content .dn-d-bundle-information { font-size: 0.85em; line-height: 1.4em; } div.dn-d-qty-dropdown { position: relative; font-size: 0px; } div.dn-d-qty-dropdown p { line-height: 17px; margin: 0 0 0 -60px; padding: 0; padding-left: 65px; display: inline-block; vertical-align: middle; } div.dn-d-qty-dropdown p span { font-weight: bold; } .dn-product-qty-field-container .dn-d-bundle-information { display: inline-block; } .dn-d-qty-input-container { display: inline-block; vertical-align: middle; position: relative; } div.dn-d-qty-selector { display: none; } div.dn-d-qty-dropdown div.dn-d-qty-selector { display: block; height: 100%; position: absolute; z-index: 3; background-image: url("/images/icons/open-iconic/png/caret-bottom.png?ab636f73d02889d74db0953d61bb1a95"); background-repeat: no-repeat; cursor: pointer; margin: 0; text-decoration: none; width: 17px; right: 0px; top: 0px; background-position: 3px center; } div.dn-d-qty-dropdown.dn-d-qty-dropdown-locked div.dn-d-qty-selector { width: 100%; left: 0px; background-position: 42px center; } div.dn-d-qty-dropdown input { left: 0; margin: 0; position: relative; top: 0; width: 58px; padding-right: 22px; } div.dn-d-qty-dropdown div.dn-d-qty-dropdown-list { background-color: #fff; border: 1px solid #ccc; font-size: 12px; overflow: hidden; position: absolute; padding: 0; top: 100%; right: 0px; width: 57px; min-width: 100%; z-index: 1000; letter-spacing: normal; word-spacing: normal; } div.dn-d-qty-dropdown div.dn-d-qty-dropdown-list ul li { color: #000; cursor: pointer; font-size: 12px; margin: 0; width: 55px; min-width: 100%; padding-left: 3px; } div.dn-d-qty-dropdown div.dn-d-qty-dropdown-list ul li:hover { background-color: #1e84FF !important; color: #fff; } div.dn-d-qty-dropdown div.dn-d-qty-dropdown-list ul li.dn-alt { background-color: #1951AA !important; color: #fff; } div.dn-d-qty-overlay { display: none; } div.dn-disabled div.dn-d-qty-overlay { display: block; position: absolute; width: 100%; height: 100%; background: #FFFFFF; z-index: 2; -moz-opacity: 0.01; filter: alpha(opacity=0.01); opacity: 0.01; } div.dn-disabled div.dn-d-qty-disabled-container input { border: none; } .dn-d-bundle-size-information { display: block; } .dn-d-bundle-sizes { white-space: nowrap; display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .dn-d-bundle-notice { white-space: nowrap; display: none; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .dn-d-personalize-entry { letter-spacing: -0.31em; } .dn-d-personalize-entry .dn-d-personalize-text .dn-d-personalize-text-container { width: 100%; display: inline-block; margin-bottom: 5px; } .dn-d-personalize-entry .dn-d-personalize-text .dn-d-personalize-text-container input { width: 100%; } .dn-d-personalize-entry .dn-d-personalize-text .dn-d-personalize-text-container textarea { width: 100%; } .dn-d-personalize-entry .dn-d-personalize-text ul.dn-color-buttons { display: inline-block; vertical-align: top; } .dn-d-personalize-entry .dn-d-personalize-text ul.dn-color-buttons.dn-color-buttons-big li { border: none; width: 1.75em; height: 1.75em; margin: 0 0 0 1px; } .dn-d-personalize-entry .dn-d-personalize-text ul.dn-color-buttons.dn-color-buttons-big li div { width: 100%; height: 100%; border: 1px solid #e6e6e6; border-radius: 3px; } .dn-d-personalize-fields.dn-d-image-items { letter-spacing: -0.31em; } .dn-d-personalize-fields.dn-d-image-items .dn-d-personalize-entry { display: inline-block; vertical-align: top; padding: 5px; width: 110px; } .dn-d-personalize-fields.dn-d-image-items .dn-d-personalize-entry a.dn-d-personalize-image-box { display: block; text-align: center; } .dn-d-personalize-fields.dn-d-image-items .dn-d-personalize-entry .dn-d-personalize-image-options { letter-spacing: normal; word-spacing: normal; } .dn-d-personalize-fields.dn-d-image-items .dn-d-personalize-entry .dn-d-personalize-image-options a { cursor: pointer; } .dn-d-personalize-fields.dn-d-image-items .dn-d-personalize-entry .dn-d-personalize-image-options a:hover { text-decoration: underline; } .dn-d-personalize-fields.dn-d-image-items .dn-d-personalize-entry .dn-d-personalize-image-options div.dn-btn { width: 100%; } .dn-d-personalize-fields.dn-d-image-items .dn-d-personalize-entry .dn-d-personalize-image-options div.dn-btn span { white-space: normal; line-height: normal; display: block; margin: 0.5em 0; } .dn-d-personalize-entry[data-colors='1'] .dn-d-personalize-text { display: flex; } .dn-d-personalize-entry[data-colors='1'] .dn-d-personalize-text .dn-d-personalize-text-container { padding-right: 43px; } .dn-d-personalize-entry[data-colors='1'] .dn-d-personalize-text ul.dn-color-buttons { width: 41px; margin-left: -42px; } .dn-d-personalize-entry[data-colors='2'] .dn-d-personalize-text { display: flex; } .dn-d-personalize-entry[data-colors='2'] .dn-d-personalize-text .dn-d-personalize-text-container { padding-right: 84px; } .dn-d-personalize-entry[data-colors='2'] .dn-d-personalize-text ul.dn-color-buttons { width: 82px; margin-left: -83px; } .dn-d-personalize-entry[data-colors='3'] .dn-d-personalize-text { display: flex; } .dn-d-personalize-entry[data-colors='3'] .dn-d-personalize-text .dn-d-personalize-text-container { padding-right: 125px; } .dn-d-personalize-entry[data-colors='3'] .dn-d-personalize-text ul.dn-color-buttons { width: 123px; margin-left: -124px; } .dn-d-personalize-entry[data-colors='4'] .dn-d-personalize-text { display: flex; } .dn-d-personalize-entry[data-colors='4'] .dn-d-personalize-text .dn-d-personalize-text-container { padding-right: 166px; } .dn-d-personalize-entry[data-colors='4'] .dn-d-personalize-text ul.dn-color-buttons { width: 164px; margin-left: -165px; } .dn-d-personalize-entry[data-colors='5'] .dn-d-personalize-text { display: flex; } .dn-d-personalize-entry[data-colors='5'] .dn-d-personalize-text .dn-d-personalize-text-container { padding-right: 207px; } .dn-d-personalize-entry[data-colors='5'] .dn-d-personalize-text ul.dn-color-buttons { width: 205px; margin-left: -206px; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-cart-notice-popup.dn-popup { width: 450px; } } .dn-popup-container.dn-alt .dn-designer-cart-notice-popup.dn-popup .dn-d-cart-notice-product-thumbnail { width: 100px; display: inline-block; vertical-align: middle; line-height: 0px; } .dn-popup-container.dn-alt .dn-designer-cart-notice-popup.dn-popup .dn-d-cart-notice-product-thumbnail img { width: 100%; padding: 1px; border: 1px solid #d6d6d6; border-radius: 2px; } .dn-popup-container.dn-alt .dn-designer-cart-notice-popup.dn-popup .dn-d-cart-notice-product-details { display: inline-block; vertical-align: middle; width: 100%; font-weight: bold; } .dn-popup-container.dn-alt .dn-designer-cart-notice-popup.dn-popup .dn-d-cart-notice-with-thumbnail .dn-d-cart-notice-product-details { margin-left: -110px; padding-left: 110px; text-align: center; } .dn-popup-container.dn-alt .dn-designer-cart-notice-popup.dn-popup .dn-d-line-item-thumbnail { display: inline-block; width: 100px; vertical-align: top; } .dn-popup-container.dn-alt .dn-designer-cart-notice-popup.dn-popup .dn-d-line-item-spec { display: inline-block; margin-left: -105px; padding-left: 110px; height: 100px; vertical-align: middle; max-width: 100%; } .dn-popup-container.dn-alt .dn-designer-cart-notice-popup.dn-popup .dn-d-saved-line-item-alerts div { padding: 10px; font-size: 13px; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-select-size-popup.dn-popup { min-width: 300px; } .dn-popup-container.dn-alt .dn-designer-extra-options-popup { width: 400px; } } .dn-popup-container.dn-alt .dn-designer-processing-status { width: 400px; } .dn-popup-container.dn-alt .dn-designer-save-layout-name { width: 400px; } .dn-popup-container.dn-alt .dn-designer-save-layout-name input { width: 100%; } .dn-popup-container.dn-alt .dn-designer-dynamic-popup .dn-design-preview-content > div { width: 100%; } .dn-popup-container.dn-alt .dn-designer-dynamic-popup .dn-design-preview-content > div div { display: block; text-align: center; } .dn-popup-container.dn-alt .dn-designer-dynamic-popup .dn-design-preview-content > div div img { width: 100%; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-dynamic-popup .dn-design-preview-content > div div { display: inline-block; } } .dn-popup-container.dn-alt .dn-designer-save-warning-popup { width: 500px; } .dn-popup-container.dn-alt .dn-designer-save-warning-popup .dn-alert { padding: 2px; border-width: 1px; border-style: solid; border-radius: 2px; margin-bottom: 2px; } .dn-popup-container.dn-alt .dn-designer-save-warning-popup .dn-alert-with-text { display: inline-block; } .dn-popup-container.dn-alt .dn-designer-save-warning-popup .dn-designer-save-warning-warning, .dn-popup-container.dn-alt .dn-designer-save-warning-popup .dn-designer-save-warning-quality, .dn-popup-container.dn-alt .dn-designer-save-warning-popup .dn-designer-save-warning-error { display: none; } .dn-popup-container.dn-alt .dn-designer-save-warning-popup .dn-d-issue-list { padding-top: 15px; } .dn-popup-container.dn-alt .dn-designer-save-warning-popup.dn-with-error .dn-designer-save-warning-error { display: block; } .dn-popup-container.dn-alt .dn-designer-save-warning-popup.dn-with-warning .dn-designer-save-warning-warning, .dn-popup-container.dn-alt .dn-designer-save-warning-popup.dn-with-warning .dn-designer-save-warning-quality { display: block; } .dn-popup-container.dn-alt .dn-designer-save-warning-popup.dn-with-warning.dn-with-qty-alert .dn-designer-save-warning-quality { display: none; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-confirm-copyright-popup { width: 400px; } } .dn-popup-container.dn-alt .dn-designer-confirm-copyright-popup .dn-designer-copyright-warning { letter-spacing: normal; word-spacing: normal; } .dn-popup-container.dn-alt .dn-designer-confirm-copyright-popup .dn-designer-copyright-selected { padding-top: 10px; } .dn-popup-container.dn-alt .dn-designer-field-upload-popup { width: 300px; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-new-text-popup { width: 400px; } } .dn-popup-container.dn-alt .dn-designer-new-text-popup .dn-designer-new-text-editor { width: 100%; height: 150px; margin: auto; } .dn-popup-container.dn-alt .dn-designer-select-screen-colors-popup { width: 600px; letter-spacing: -0.31em; } .dn-popup-container.dn-alt .dn-designer-select-screen-colors-popup p { letter-spacing: normal; word-spacing: normal; } .dn-popup-container.dn-alt .dn-designer-select-screen-colors-popup .dn-d-select-screen-colors-options { display: inline-block; width: 70%; max-height: 100%; vertical-align: top; } .dn-popup-container.dn-alt .dn-designer-select-screen-colors-popup .dn-d-select-screen-colors-options .dn-d-specify-screen-colors-container { margin-top: 10px; margin-left: 20px; } .dn-popup-container.dn-alt .dn-designer-select-screen-colors-popup .dn-d-select-screen-colors-options .dn-d-specify-screen-colors-container .dn-d-screen-color-list li { display: inline-block; margin-right: 10px; margin-bottom: 10px; } .dn-popup-container.dn-alt .dn-designer-select-screen-colors-popup .dn-d-select-screen-colors-options .dn-d-specify-screen-colors-container .dn-d-screen-color-list li label { padding-right: 10px; } .dn-popup-container.dn-alt .dn-designer-select-screen-colors-popup .dn-d-select-screen-colors-images { display: inline-block; width: 30%; padding-left: 5px; overflow: auto; max-height: 100%; vertical-align: top; } .dn-popup-container.dn-alt .dn-designer-select-screen-colors-popup .dn-d-select-screen-colors-images img { width: 100%; max-height: 400px; } .dn-popup-container.dn-alt .dn-designer-limit-colors-popup { letter-spacing: -0.31em; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-limit-colors-popup { width: 700px; } } .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-preview { vertical-align: top; display: inline-block; width: 40%; } .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-preview img { width: 100%; } .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-preview svg { max-width: 100%; } .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-preview .dn-tabs li { background: none; color: black; padding: 0px; border: none; font-size: 11px; margin: 10px 4px 4px 4px; } .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-preview .dn-tabs .dn-alt { font-weight: bold; } .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-preview .dn-tabs-panels { background-image: url(/images/trans-display.gif); } .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings { vertical-align: top; display: inline-block; width: 60%; padding-left: 10px; letter-spacing: normal; word-spacing: normal; text-align: center; } .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings h4 { padding: 10px; } .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings .dn-d-limit-colors-slider-numbers { padding: 5px 8% 10px 6%; } .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings .dn-d-limit-colors-slider-numbers .dn-d-limit-colors-slider-number { display: inline-block; text-align: center; } .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings .dn-d-limit-colors-number-container { display: none; font-size: 1.2em; margin-bottom: 20px; } .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings .dn-d-limit-colors-number-container .dn-d-limit-colors-number { background: #1a1a1a; color: #efefef; border-radius: 3px; padding: 5px; } .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings .dn-color-buttons-big { margin-top: -10px; } .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings .dn-color-buttons-big li { cursor: default; } .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings .dn-color-buttons-big li div { width: 30px; height: 30px; } .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings .dn-color-buttons-big li .dn-color-swatch { border: 1px solid #a3a3a3; } .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings .dn-color-buttons-big li .dn-down-arrow { padding: 5px; } .dn-popup-container.dn-alt .dn-designer-limit-colors-popup .dn-d-limit-colors-settings .dn-color-buttons-big li .dn-mapped-color { cursor: pointer; } .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content { letter-spacing: -0.31em; } .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content > p { margin-bottom: 5px; } .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content h4 { margin-top: 20px; } .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content .dn-existing-screen-choices .dn-existing-screen-choice-reuse { padding-bottom: 10px; } .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content .dn-existing-screen-choices .dn-existing-screen-choice-reuse .dn-screen { cursor: pointer; border: 1px solid #bcbcbc; margin: 5px; padding: 10px; } .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content .dn-existing-screen-choices .dn-existing-screen-choice-reuse .dn-screen:hover { border: 1px solid #898989; } .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content .dn-existing-screen-choices .dn-existing-screen-choice-reuse .dn-screen .dn-designer-screen-img-container { width: 40%; display: inline-block; vertical-align: top; padding: 10px 0px 10px 10px; } .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content .dn-existing-screen-choices .dn-existing-screen-choice-reuse .dn-screen .dn-designer-screen-img-container img { padding: 1px; border: 1px solid #bcbcbc; width: 100%; } .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content .dn-existing-screen-choices .dn-existing-screen-choice-reuse .dn-screen .dn-designer-screen-details-container { width: 60%; display: inline-block; vertical-align: top; } .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content .dn-existing-screen-choices .dn-existing-screen-choice-new { padding-top: 20px; padding-bottom: 20px; } .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content .dn-existing-screen-choices .dn-existing-screen-choice-new h4 { display: inline-block; margin-right: 20px; } .dn-popup-container.dn-alt .dn-designer-existing-screens-popup .dn-popup-content .dn-existing-screen-choices .dn-existing-screen-choice-new .dn-btn { width: 50%; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-add-teamnames-popup { width: 400px; } } .dn-popup-container.dn-alt .dn-designer-add-teamnames-popup p.dn-d-teamname-message { margin-top: 10px; display: block; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup { width: 600px; } } .dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup .dn-popup-content { padding: 0px; } .dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup table.dn-d-teamnames-list td, .dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup table.dn-d-teamnames-list th { padding: 10px 5px 10px 10px; border-top: 1px solid #d6d6d6; } .dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup table.dn-d-teamnames-list th { background-color: #eaeaea; font-weight: bold; text-align: left; } .dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup table.dn-d-teamnames-list select, .dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup table.dn-d-teamnames-list input[type='text'] { width: 100%; } .dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup table.dn-d-teamnames-list .dn-d-teamname-size { min-width: 65px; } .dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup table.dn-d-teamnames-list .dn-d-teamname-sel { text-align: center; } .dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup table.dn-d-teamnames-list .dn-d-teamname-remove { text-align: center; } .dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup table.dn-d-teamnames-list .dn-d-teamname-remove a { text-decoration: underline; } .dn-popup-container.dn-alt .dn-designer-edit-teamnames-popup .dn-d-teamnames-add-container { padding: 0px 10px; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-show-cart-popup { width: 500px; } } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-popup-content { padding: 0px; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table { width: 100%; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table th { font-weight: bold; padding: 10px; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table td { vertical-align: top; padding: 10px; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table a { text-decoration: underline; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item { border-top: 1px solid #bcbcbc; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item td { padding-top: 10px; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item.dn-selected { background-color: #d6d6d6; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-heading-products { text-align: left; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-heading-qty { width: 30px; text-align: center; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-heading-price { width: 60px; text-align: right; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item-thumbnail { width: 50px; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item-thumbnail img { padding: 1px; border-radius: 2px; border: 1px solid #c9c9c9; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item-details { padding-left: 5px; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item-details .dn-d-cart-line-item-options > div label { display: inline-block; font-weight: bold; margin-right: 3px; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item-details .dn-d-cart-line-item-options > div div { display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item-qty { text-align: center; padding: 10px 5px; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item-price { text-align: right; padding: 10px 5px; width: 100px; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item-actions { text-align: right; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item-actions.dn-selected { background-color: #d6d6d6; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item-actions ul li { display: inline-block; margin-left: 5px; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table tfoot td { text-align: right; font-weight: bold; border-top: 1px solid #bcbcbc; } .dn-popup-container.dn-alt .dn-d-notice-message { width: 300px; max-width: 100%; text-align: center; padding: 50px 10px 100px 10px; } .dn-popup .dn-d-email-share-container .dn-d-email-share-list li { display: inline-block; width: 180px; margin: 10px; } .dn-popup .dn-d-email-share-container .dn-d-email-share-list li a { padding: 10px 0 10px 45px; background-repeat: no-repeat; background-position: left center; } .dn-popup .dn-d-email-share-container .dn-d-email-share-list li.dn-share-pinterest a { background-image: url("/images/social/share-pinterest.png?ab636f73d02889d74db0953d61bb1a95"); } .dn-popup .dn-d-email-share-container .dn-d-email-share-list li.dn-share-twitter a { background-image: url("/images/social/share-twitter.png?ab636f73d02889d74db0953d61bb1a95"); } .dn-popup .dn-d-email-share-container .dn-d-email-share-list li.dn-share-facebook a { background-image: url("/images/social/share-facebook.png?ab636f73d02889d74db0953d61bb1a95"); } .dn-popup .dn-d-email-container { letter-spacing: -0.31em; width: 700px; max-width: 100%; } .dn-popup .dn-d-email-container .dn-d-email-form-container { display: inline-block; vertical-align: top; width: 100%; } .dn-popup .dn-d-email-container .dn-d-email-product-details { padding-left: 10px; display: inline-block; vertical-align: top; width: 100%; } .dn-popup .dn-d-email-container .dn-d-email-product-details img { width: 100%; } @media (min-width: 580px) { .dn-popup .dn-d-email-container .dn-d-email-form-container { width: 50%; } .dn-popup .dn-d-email-container .dn-d-email-product-details { width: 50%; } } .dn-popup .dn-designer-signup-popup { width: 400px; } .dn-popup .dn-d-saved-layout-container { width: 400px; max-width: 100%; text-align: center; } .dn-popup .dn-d-saved-layout-container .dn-d-saved-layout-thumbnails { margin-bottom: 10px; } .dn-popup .dn-d-saved-layout-container .dn-d-saved-layout-thumbnails .dn-d-saved-layout-thumbnails { display: inline-block; text-align: center; vertical-align: top; width: 150px; margin-right: 10px; } .dn-popup .dn-d-saved-layout-container .dn-d-saved-layout-thumbnails .dn-d-saved-layout-thumbnails img { padding: 1px; border: 1px solid #c9c9c9; } .dn-popup .dn-d-saved-layout-container .dn-d-saved-layout-thumbnails .dn-d-saved-layout-thumbnails label { text-align: center; font-weight: bold; } .dn-popup .dn-d-saved-layout-container .dn-d-save-layout-product-fields > div label { display: inline-block; font-weight: bold; margin-right: 3px; } .dn-popup .dn-d-saved-layout-container .dn-d-save-layout-product-fields > div div { display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-popup .dn-d-saved-layout-container p { font-style: italic; margin-top: 10px; text-align: center; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-select-item-type-popup { width: 500px; } } .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type-heading { display: none; } .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type { display: none; } .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-of-type-button { font-size: 20px; text-transform: capitalize; padding: 15px 5px 15px 50px; margin-bottom: 15px; background-color: #e2e2e2; border: 1px solid #bcbcbc; color: black; text-align: left; position: relative; cursor: pointer; opacity: 0.7; } .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-of-type-button:hover { border: 1px solid #898989; opacity: 1.0; } .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-of-type-button label { cursor: pointer; } .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-of-type-button .dn-icon { position: absolute; width: 50px; height: 40px; left: 0; margin: auto; text-align: center; } .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-of-type-button .dn-designer-add-item-disabled_notice { display: none; } .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-of-type-button .dn-designer-add-item-description { display: block; margin-left: 20px; font-size: 13px; opacity: 0.7; text-transform: none; } .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-container:last-of-type .dn-designer-add-item-of-type-button { margin-bottom: 0px; } .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-container.dn-disabled .dn-designer-add-item-of-type-button { opacity: 0.4; padding-bottom: 5px; cursor: default; } .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-container.dn-disabled .dn-designer-add-item-of-type-button:hover { border: 1px solid #bcbcbc; } .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-container.dn-disabled .dn-designer-add-item-of-type-button .dn-icon:before { content: "%"; } .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-container.dn-disabled .dn-designer-add-item-of-type-button label { opacity: 0.7; cursor: default; } .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-select-decoration-type .dn-designer-add-item-container.dn-disabled .dn-designer-add-item-of-type-button .dn-designer-add-item-disabled_notice { display: block; margin-left: 20px; font-size: 13px; opacity: 0.7; text-transform: none; } .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-add-item-type-image .dn-icon { background-position: 50% -418px; } .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-add-item-type-text .dn-icon { background-position: 50% -128px; } .dn-popup-container.dn-alt .dn-designer-select-item-type-popup .dn-designer-add-item-type-team .dn-icon { background-position: 50% -562px; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-help-popup { width: 800px; } } .dn-popup-container.dn-alt.dn-designer-add-item-type-text .dn-designer-select-item-type-popup .dn-designer-select-decoration-type-heading.dn-designer-add-item-type-text { display: block; } .dn-popup-container.dn-alt.dn-designer-add-item-type-text .dn-designer-select-item-type-popup .dn-designer-select-decoration-type.dn-designer-add-item-type-text { display: block; } .dn-popup-container.dn-alt.dn-designer-add-item-type-teamname .dn-designer-select-item-type-popup .dn-designer-select-decoration-type-heading.dn-designer-add-item-type-teamname { display: block; } .dn-popup-container.dn-alt.dn-designer-add-item-type-teamname .dn-designer-select-item-type-popup .dn-designer-select-decoration-type.dn-designer-add-item-type-teamname { display: block; } .dn-popup-container.dn-alt.dn-designer-add-item-type-image .dn-designer-select-item-type-popup .dn-designer-select-decoration-type-heading.dn-designer-add-item-type-image { display: block; } .dn-popup-container.dn-alt.dn-designer-add-item-type-image .dn-designer-select-item-type-popup .dn-designer-select-decoration-type.dn-designer-add-item-type-image { display: block; } .dn-popup-container.dn-alt.dn-designer-add-item-type-placeholder .dn-designer-select-item-type-popup .dn-designer-select-decoration-type-heading.dn-designer-add-item-type-placeholder { display: block; } .dn-popup-container.dn-alt.dn-designer-add-item-type-placeholder .dn-designer-select-item-type-popup .dn-designer-select-decoration-type.dn-designer-add-item-type-placeholder { display: block; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-categories { height: 100%; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-categories h4 { display: block; margin-bottom: 0px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-categories .dn-d-category-container { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; padding-top: 39px; margin-bottom: -39px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-selected-category-container { display: none; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-hierarchy-container { height: 100%; overflow: auto; display: block; padding-top: 40px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-hierarchy-container li { padding-top: 10px; padding-left: 30px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-hierarchy-container li span a { text-decoration: none; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-hierarchy-container li.dn-selected > span a { font-weight: bold; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-hierarchy-container ul.dn-hierarchy-children li { padding-top: 0px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image { display: none; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup.dn-selecting-category .dn-d-image-selector .dn-d-image-listing-panel { display: none; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup { letter-spacing: -0.31em; word-spacing: normal; width: 800px; height: 100%; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup h3 { display: none; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup h3 { display: block; } } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-popup-content { height: 100%; margin-bottom: -52px; padding-bottom: 52px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-popup-content > div { height: 100%; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-designer-select-image-loading { padding: 10px; padding-top: 30%; text-align: center; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector { height: 100%; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories { width: 100%; height: 95px; margin-bottom: 0px; position: relative; z-index: 2; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories h4 { border-bottom: 1px solid #bcbcbc; background-color: #eaeaea; padding: 3px 8px; font-size: 13px; line-height: 32px; display: none; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories .dn-d-category-container { padding-top: 5px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories .dn-d-selected-category-container { height: 40px; width: 98%; margin-left: 1%; padding: 9px 15px 8px 0px; cursor: pointer; background: #fff; border: 1px solid #bcbcbc; background-image: url("/images/icons/open-iconic/png/caret-bottom.png?ab636f73d02889d74db0953d61bb1a95"); background-position: 95% center; background-repeat: no-repeat; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories .dn-d-selected-category-container .dn-hierarchy-selected-node-label { font-size: 14px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories .dn-d-selected-category-container .dn-hierarchy-selected-node-label .dn-hierarchy-selected-node-separator { display: inline-block; margin-left: 5px; margin-right: 5px; vertical-align: middle; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories .dn-d-selected-category-container .dn-hierarchy-selected-node-label .dn-hierarchy-selected-node-separator:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "h"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories .dn-d-hierarchy-container { display: none; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image { height: 50px; display: inline-block; vertical-align: top; text-align: center; width: 100%; position: relative; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image .dn-d-image-listing-add-image-controls label { display: inline-block; width: 50px; text-align: right; font-size: 13px; font-weight: bold; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image .dn-d-image-listing-add-image-controls .dn-d-image-listing-add-image-file { display: inline-block; width: 100%; padding: 5px; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image .dn-d-image-listing-add-image-controls .dn-d-image-listing-add-image-file { padding: 10px 10px 0px 0px; } } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image .dn-d-image-listing-add-image-controls .dn-d-image-listing-add-image-file input { display: none; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image .dn-d-image-listing-add-image-controls .dn-d-image-listing-add-image-file .dn-btn { width: 100%; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image .dn-d-upload-status { position: absolute; z-index: 2; width: 100%; top: 10px; padding: 0px 10px 10px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image .dn-d-upload-status .dn-progress-bar-container { height: 40px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image .dn-d-upload-status .dn-progress-bar-container .dn-progress-bar { height: 38px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image .dn-d-upload-status .dn-progress-bar-text { position: absolute; top: 18px; margin-right: -50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-image-listing-add-image .dn-d-upload-status .dn-progress-bar-text { top: 18px; } } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-categories.dn-alt .dn-d-category-container { padding-top: 0px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel { width: 100%; height: 100%; margin-top: -94px; padding-top: 94px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel h4 { border-bottom: 1px solid #bcbcbc; border-top: 1px solid #bcbcbc; background-color: #eaeaea; padding: 3px 8px; font-size: 13px; line-height: 32px; margin-bottom: 0px; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel h4 { display: none; } } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar { height: 36px; margin-bottom: 0px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar.dn-alt { display: block; height: 90px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-search { width: 100%; vertical-align: top; padding: 0 0 0 0; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-search label { display: none; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-search .dn-d-image-listing-search-field { display: inline-block; width: 100%; margin-right: -35px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-search .dn-d-image-listing-search-field input { width: 100%; height: 37px; border: none; border-bottom: 1px solid #cccccc; outline: none; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-search .dn-d-image-listing-search-button { display: inline-block; width: 30px; vertical-align: top; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-search .dn-d-image-listing-search-button input { width: 100%; height: 30px; font-size: 0px; background-image: url("/images/icons/open-iconic/png/magnifying-glass-2x.png?ab636f73d02889d74db0953d61bb1a95"); background-position: center center; background-repeat: no-repeat; cursor: pointer; background-color: transparent; border-width: 0px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-search .dn-d-image-listing-search-button input:focus, .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-search .dn-d-image-listing-search-button input:active { border: none; border-bottom: 1px solid #cccccc; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-filter { margin-top: 5px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-filter.dn-d-image-listing-filter-right { text-align: right; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-filter label { margin-right: 5px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container { height: 100%; margin-top: -40px; padding-top: 40px; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container { margin-top: 0px; padding-top: 0px; } } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-d-image-listing { height: 100%; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-d-image-listing .dn-grid-item { height: 100%; border: 1px solid #bcbcbc; background: #e2e2e2; margin-top: 10px; width: 100px; cursor: pointer; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-d-image-listing .dn-grid-item.dn-alt, .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-d-image-listing .dn-grid-item:hover { border: 1px solid #898989; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-d-image-listing .dn-d-image-listing-scroll { height: 100%; overflow: auto; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-d-image-listing .dn-d-image-listing-scroll .dn-grid-container:after { padding-bottom: 10px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-d-image-listing .dn-d-deauth-link { margin-left: 10px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-pagination-container { height: 30px; border-top: 1px solid #bcbcbc; padding-top: 5px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-grid-image { padding: 0px; height: 100px; text-align: center; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-grid-image img { cursor: pointer; /*padding:5px;*/ } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container .dn-d-image-listing-no-results { letter-spacing: normal; word-spacing: normal; padding: 20px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-container.dn-d-with-paginator .dn-d-image-listing { margin-bottom: -35px; padding-bottom: 35px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel.dn-alt .dn-d-image-listing-container { margin-top: -75px; padding-top: 76px; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel.dn-alt .dn-d-image-listing-container { margin-top: -36px; padding-top: 37px; } } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel.dn-alt .dn-d-image-listing-container.dn-alt { margin-top: -130px; padding-top: 139px; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel.dn-alt .dn-d-image-listing-container.dn-alt { margin-top: -100px; padding-top: 99px; } } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel.dn-d-image-listing-w-filter .dn-d-image-listing-toolbar { height: 75px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel.dn-d-image-listing-w-filter.dn-alt .dn-d-image-listing-container { margin-top: -114px; padding-top: 115px; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel.dn-d-image-listing-w-filter.dn-alt .dn-d-image-listing-container { margin-top: -75px; padding-top: 76px; } } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel.dn-d-image-listing-w-filter.dn-alt .dn-d-image-listing-container.dn-alt { margin-top: -169px; padding-top: 170px; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel.dn-d-image-listing-w-filter.dn-alt .dn-d-image-listing-container.dn-alt { margin-top: -139px; padding-top: 140px; } } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details { display: none; position: absolute; width: 90%; left: 5%; top: 25%; max-width: 400px; max-height: 75%; background-color: #efefef; border: 1px solid #fffff4; z-index: 5; overflow: auto; box-shadow: 0px 0px 40px 40px #efefef; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details .dn-d-image-details-thumbnail { padding: 0px; display: inline-block; width: 45%; height: 100%; margin-bottom: -50px; padding-bottom: 50px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details .dn-d-image-details-thumbnail > div { padding: 10px; font-size: 0px; line-height: 0px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details .dn-d-image-details-thumbnail img { max-width: 100%; height: auto; border: 1px solid #bcbcbc; background: #e2e2e2; border-radius: 2px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details .dn-d-image-details-information { display: inline-block; vertical-align: top; padding-left: 5px; width: 50%; height: 100%; margin-bottom: -50px; padding-bottom: 50px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details .dn-d-image-details-information .dn-d-image-details-content { padding-top: 15px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details .dn-d-image-details-information .dn-d-image-details-content label { width: auto; text-align: right; display: inline-block; vertical-align: top; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details .dn-d-image-details-information .dn-d-image-details-content span { vertical-align: top; font-size: 14px; font-weight: bold; display: inline-block; width: 100%; /* margin-right: -40px; padding-right: 40px; padding-left: 5px; overflow: hidden; text-overflow: ellipsis; */ word-break: break-word; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details .dn-d-image-listing-image-unavailable { padding: 10px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details .dn-popup-footer { height: 50px; text-align: right; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details .dn-popup-footer .dn-button { margin-left: 5px; width: 120px; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-details.dn-alt { display: block; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup { width: 800px; height: 80%; } .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content { margin-bottom: -89px; padding-bottom: 89px; } .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-categories { background: #efefef; border-right: 1px solid #bcbcbc; display: inline-block; padding-left: 10px; width: 25%; height: 100%; overflow: auto; vertical-align: top; margin-bottom: 0; margin-right: -1px; } .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-categories .dn-d-category-container { position: relative; height: auto; width: auto; padding-top: 0; margin-bottom: 0; } .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-selected-category-container { display: none; } .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-hierarchy-container { display: block; padding-top: 0px; } .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-hierarchy-container li { padding-top: 10px; padding-left: 10px; } .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-hierarchy-container li span a { text-decoration: none; } .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-hierarchy-container li.dn-selected > span a { font-weight: bold; } .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-categories .dn-d-category-container .dn-d-hierarchy-container ul.dn-hierarchy-children li { padding-top: 0px; } .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-listing-panel { display: inline-block; width: 75%; vertical-align: top; margin-top: 0px; padding-top: 0px; } .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-listing-panel h4 { border-top: none; } .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar { display: block; } .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar .dn-d-image-listing-search { display: inline-block; } .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar.dn-alt { height: 37px; } .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup .dn-popup-content .dn-d-image-selector .dn-d-image-listing-panel .dn-d-image-listing-toolbar.dn-alt .dn-d-image-listing-search { width: 100%; } } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-selecting-category .dn-d-product-selector .dn-d-product-categories { height: 100%; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-selecting-category .dn-d-product-selector .dn-d-product-categories .dn-d-category-container { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; padding-top: 37px; margin-bottom: -40px; padding-left: 22px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-selecting-category .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-selected-category-container { display: none; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-selecting-category .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-hierarchy-container { display: block; padding-top: 10px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-selecting-category .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-hierarchy-container li { padding-top: 10px; padding-left: 10px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-selecting-category .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-hierarchy-container li span a { text-decoration: none; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-selecting-category .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-hierarchy-container li.dn-selected > span a { font-weight: bold; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-selecting-category .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-hierarchy-container ul.dn-hierarchy-children li { padding-top: 0px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-selecting-category .dn-d-product-selector .dn-d-product-listing-panel { display: none; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup { letter-spacing: -0.31em; word-spacing: normal; width: 800px; height: 100%; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup h3 { display: none; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-popup-content { height: 100%; margin-bottom: -50px; padding-bottom: 50px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-popup-content > div { height: 100%; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector { height: 100%; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector h4 { border-bottom: 1px solid #fffff4; background-color: #1c1b1b; color: #fffff4; padding: 3px 8px; font-size: 13px; line-height: 32px; display: block; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector h4 { display: none; } } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-categories { width: 100%; height: 90px; margin-bottom: 10px; position: relative; overflow: auto; z-index: 2; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-categories .dn-d-selected-category-container { height: 40px; width: 98%; margin-left: 1%; padding: 9px 15px 8px 0px; cursor: pointer; background: #fff; border: 1px solid #bcbcbc; background-image: url("/images/icons/open-iconic/png/caret-bottom.png?ab636f73d02889d74db0953d61bb1a95"); background-position: 95% center; background-repeat: no-repeat; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-categories .dn-d-selected-category-container .dn-hierarchy-selected-node-label { font-size: 14px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-categories .dn-d-selected-category-container .dn-hierarchy-selected-node-label .dn-hierarchy-selected-node-separator { display: inline-block; margin-left: 5px; margin-right: 5px; vertical-align: middle; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-categories .dn-d-selected-category-container .dn-hierarchy-selected-node-label .dn-hierarchy-selected-node-separator:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "h"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-categories .dn-d-hierarchy-container { display: none; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel { width: 100%; height: 100%; margin-top: -80px; padding-top: 80px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel h4 { border-bottom: 1px solid #bcbcbc; border-top: 1px solid #bcbcbc; background-color: #eaeaea; color: black; padding: 3px 8px; font-size: 13px; line-height: 32px; margin-bottom: 0px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-toolbar { height: 36px; margin-bottom: 1px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-toolbar .dn-d-product-listing-search { width: 100%; vertical-align: top; padding: 0 0 0 0; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-toolbar .dn-d-product-listing-search .dn-d-product-listing-search-field { display: inline-block; width: 100%; margin-right: -30px; padding-right: 30px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-toolbar .dn-d-product-listing-search .dn-d-product-listing-search-field input { width: 100%; height: 37px; border: none; border-bottom: 1px solid #cccccc; outline: none; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-toolbar .dn-d-product-listing-search .dn-d-product-listing-search-button { display: inline-block; width: 30px; vertical-align: top; position: absolute; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-toolbar .dn-d-product-listing-search .dn-d-product-listing-search-button input { width: 100%; height: 37px; font-size: 0px; background-color: white; background-image: url("/images/icons/open-iconic/png/magnifying-glass-2x.png?ab636f73d02889d74db0953d61bb1a95"); background-position: center center; background-repeat: no-repeat; cursor: pointer; background-color: #efefef; border-width: 0px; border-bottom: 1px solid #cccccc; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-toolbar .dn-d-product-listing-search .dn-d-product-listing-search-button input:focus, .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-toolbar .dn-d-product-listing-search .dn-d-product-listing-search-button input:active { border: none; border-bottom: 1px solid #cccccc; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container { height: 100%; margin-top: -90px; padding-top: 90px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container.dn-alt-search { margin-top: -120px; padding-top: 120px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container .dn-d-product-listing-scroll { padding: 10px; height: 100%; overflow: auto; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container .dn-pagination-container { height: 30px; text-align: center; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container .dn-pagination-container span, .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container .dn-pagination-container a { padding-right: 5px; font-size: small; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container .dn-pagination-container span.page_entries_info { display: block; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container .dn-grid-item .dn-grid-image img { cursor: pointer; padding: 1px; border: 1px solid #bcbcbc; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container .dn-grid-item .dn-grid-image img:hover { opacity: 0.8; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container .dn-grid-item.dn-selected .dn-grid-image img { border: 1px solid #232323; } .dn-popup-container.dn-alt.dn-with-paginator .dn-designer-select-product-popup.dn-popup .dn-popup-content { margin-bottom: -75px; padding-bottom: 75px; } .dn-popup-container.dn-alt.dn-with-paginator .dn-designer-select-product-popup.dn-popup .dn-popup-footer { margin-top: 25px; } @media only screen and (min-width: 768px) { .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup { width: 800px; height: 80%; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup h3 { display: block; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content { margin-bottom: -90px; padding-bottom: 90px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-categories { border-right: 1px solid #bcbcbc; display: inline-block; width: 25%; height: 100%; overflow: auto; vertical-align: top; margin-bottom: 0; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-categories .dn-d-category-container { position: relative; height: auto; width: auto; padding-top: 0; margin-bottom: 0; padding-left: 10px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-selected-category-container { display: none; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-hierarchy-container { display: block; padding-top: 10px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-hierarchy-container li { padding-top: 10px; padding-left: 10px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-hierarchy-container li span a { text-decoration: none; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-hierarchy-container li.dn-selected > span a { font-weight: bold; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-categories .dn-d-category-container .dn-d-hierarchy-container ul.dn-hierarchy-children li { padding-top: 0px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-listing-panel { display: inline-block; width: 75%; vertical-align: top; margin-top: 0px; padding-top: 0px; margin-right: -1px; max-width: 595px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-listing-panel h4 { border-top: 0px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container { margin-top: -30px; padding-top: 30px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container.dn-alt-search { margin-top: -60px; padding-top: 60px; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup.dn-designer-popup .dn-popup-content .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container .dn-pagination-container span.page_entries_info { display: inline-block; } .dn-popup-container.dn-alt.dn-with-paginator .dn-designer-select-product-popup.dn-popup .dn-popup-footer { margin-top: 0px; } } @font-face { font-family: 'Italian Plate No2 Expanded'; src: url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Regular.eot"); src: url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Regular.eot?#iefix") format("embedded-opentype"), url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Regular.woff2") format("woff2"), url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Regular.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Italian Plate No2 Expanded'; src: url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Demibold.eot"); src: url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Demibold.eot?#iefix") format("embedded-opentype"), url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Demibold.woff2") format("woff2"), url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Demibold.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Italian Plate No2 Expanded'; src: url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Bold.eot"); src: url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Bold.eot?#iefix") format("embedded-opentype"), url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Bold.woff2") format("woff2"), url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Bold.woff") format("woff"); font-weight: 700; font-style: normal; } .dn-afterpay-info-popup .dn-afterpay-wrapper * { box-sizing: border-box; text-decoration: none; background: #b2fce4; font-family: 'Italian Plate No2 Expanded', sans-serif; color: #000; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container { text-align: center; display: grid; grid-template-rows: auto; grid-template-columns: repeat(4, 25%); grid-template-areas: "header header header header" "main main main main" "dn-process-step-1 dn-process-step-2 dn-process-step-3 dn-process-step-4" "footer footer footer footer"; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-row-0 { grid-area: header; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-row-0 .dn-afterpay-popup-logo .dn-afterpay-popup-logo-black { display: block; width: 275px; height: auto; margin-top: 45px; margin-left: auto; margin-right: auto; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-row-1 { grid-area: main; padding-top: 15px; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-row-1 h3.dn-afterpay-headline { font-size: 44px; font-weight: 600; margin: 0; text-align: center; line-height: 1.1; letter-spacing: normal; color: #000; text-transform: none; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-svg-1 { grid-area: svg1; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-svg-2 { grid-area: svg2; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-svg-3 { grid-area: svg3; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-svg-4 { grid-area: svg4; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-row-3 { grid-area: footer; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div { align-content: stretch; height: 115px; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div.dn-process { height: 215px; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div.dn-row-3 { margin-top: 35px; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div.dn-row-3 p.dn-disclaimer { font-size: 12px; font-weight: 400; max-width: 80%; margin-left: auto; margin-right: auto; line-height: 1.1; letter-spacing: normal; color: #000; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div.dn-row-3 p.dn-disclaimer a.dn-disclaimer-link { text-decoration: underline !important; text-transform: lowercase; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div.dn-row-3 p.dn-disclaimer span { display: block; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div.dn-row-3 p.dn-disclaimer span.dn-loan-agreement { margin-top: 10px; margin-bottom: 5px; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container { height: 115px; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-process-icon { width: 110px; height: auto; max-height: 95px; min-height: 75px; margin-left: auto; margin-right: auto; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-shopping-cart, .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-four-payments { margin-top: 20px; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-afterpay-desktop, .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-sign-up-desktop { margin-top: 40px; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-afterpay-mobile, .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-sign-up-mobile { display: none; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process p.dn-process-subheading { font-weight: 600; font-size: 16px; line-height: 1.25; letter-spacing: normal; margin-top: 20px; color: #000; width: 95%; margin-left: auto; margin-right: auto; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-disclaimer-link { color: #000; text-decoration: underline !important; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-disclaimer-link:active { color: #000; } .dn-afterpay-info-popup .dn-popup-content-scroll { overflow-y: auto; height: 625px; -webkit-font-smoothing: antialiased; border-radius: 0; background: #b2fce4; } @media only screen and (min-width: 768px) { .dn-afterpay-info-popup .dn-popup-content-scroll { width: 775px; } } @media (max-width: 768px) { .dn-afterpay-info-popup .dn-popup-content-scroll { height: 100%; width: 100%; max-width: 100%; padding-bottom: 5.5rem; } } @media (max-height: 650px) { .dn-afterpay-info-popup .dn-popup-content-scroll { min-height: 100%; min-width: 100%; max-height: 50%; padding-bottom: 5.5rem; } } @media only screen and (max-width: 768px) { .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container { grid-template-columns: auto; grid-template-areas: "header" "main" "svg1" "svg2" "svg3" "svg4" "footer"; text-align: left; padding: 30px; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div { height: 115px; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div.dn-row-1 { height: 250px; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div.dn-process { height: 105px; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div.dn-row-3 { height: 130px; margin-top: 0px; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container > div.dn-row-3 p.dn-disclaimer { max-width: 100%; margin-top: 15px; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-row-0 .dn-afterpay-popup-logo .dn-afterpay-popup-logo-black { display: block; width: 300px; height: auto; margin-left: 0; margin-right: auto; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-row-1 { padding-top: 2em; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-row-1 h3.dn-afterpay-headline { font-size: 48px; text-align: left; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-row-1 h3.dn-afterpay-headline span { display: block; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process { display: flex; margin-top: 15px; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container { display: flex; flex-direction: row; vertical-align: middle; margin-right: 20px; height: 105px; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-process-icon { width: 120px; height: 85px; text-align: center; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-afterpay-desktop, .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-sign-up-desktop { display: none; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-afterpay-mobile, .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-sign-up-mobile { display: block; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-shopping-cart, .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-four-payments { margin-top: 0; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-afterpay-desktop, .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process .dn-process-icon-container svg.dn-sign-up-desktop { margin-top: 0; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process p.dn-process-subheading { margin-top: 25px; font-size: 15px; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process-step-1 { margin-top: 40px; } .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process-step-3.dn-process p.dn-process-subheading, .dn-afterpay-info-popup .dn-afterpay-wrapper .dn-afterpay-grid-container .dn-process-step-4.dn-process p.dn-process-subheading { margin-top: 15px; } } .dn-d-slider-container { width: 94%; margin-left: 2%; position: relative; height: 10px; background-color: #d6d6d6; border: 1px solid #bcbcbc; border-radius: 5px; padding-right: 20px; } .dn-d-slider-container .dn-d-slider-bar { background-color: #efefef; border: 1px solid #a3a3a3; height: 20px; width: 20px; border-radius: 10px; top: -6px; display: block; z-index: 3; cursor: move; } .dn-d-slider-container.dn-d-color-slider { background-image: url("/images/colors.gif?ab636f73d02889d74db0953d61bb1a95"); background-repeat: no-repeat; background-size: cover; } .d-d-mp-checkbox input[type="checkbox"] { display: none; } .d-d-mp-checkbox input[type="checkbox"] + label span { display: inline-block; width: 25px; height: 25px; border: 1px solid #a3a3a3; border-radius: 3px; cursor: pointer; background-color: white; vertical-align: middle; margin-right: 5px; } .d-d-mp-checkbox input[type="checkbox"] + label span b { display: inline-block; width: 100%; height: 100%; background-image: url("/images/icons/open-iconic/png/check-2x.png?ab636f73d02889d74db0953d61bb1a95"); background-repeat: no-repeat; background-position: 1000 1000; opacity: 0; } .d-d-mp-checkbox input[type="checkbox"] + label span b:hover { background-position: center center; opacity: 0.1; } .d-d-mp-checkbox input[type="checkbox"]:checked + label span b { background-position: center center; opacity: 0.7; } .dn-d-mp-item { position: relative; } .dn-d-mp-item .dn-d-mp-advanced-button { display: none; position: absolute; top: 100%; margin-top: -20px; width: 100%; font-size: 14px; text-align: right; } .dn-d-mp-item .dn-d-mp-advanced-button a { display: inline-block; } .dn-d-mp-item .dn-d-mp-advanced-button a:before { background-image: url("/images/icons/open-iconic/png/caret-bottom.png?ab636f73d02889d74db0953d61bb1a95"); background-position: bottom center; background-repeat: no-repeat; height: 20px; width: 20px; content: ""; position: relative; display: inline-block; } .dn-d-mp-item .dn-d-mp-advanced-button a.dn-alt:before { background-image: url("/images/icons/open-iconic/png/caret-top.png?ab636f73d02889d74db0953d61bb1a95"); } .dn-d-mp-item .dn-d-mp-auto-digitize-button { display: none; width: 100%; padding: 5px 0px 5px 0px; margin: 5px 0px 5px 0px; } .dn-d-mp-item .dn-d-mp-auto-digitize-button input { width: 100%; } .dn-d-mp-item .dn-d-mp-advanced-pane .dn-d-mp-advanced-locking .d-d-mp-checkbox:first-of-type { margin-bottom: 5px; } .dn-d-mp-item .dn-d-mp-advanced-pane .dn-d-mp-advanced-personalize input[type="text"] { width: 100%; } .dn-d-mp-item .dn-d-mp-advanced-pane .dn-d-mp-advanced-personalize .dn-d-mp-personalize-caption { margin-top: 5px; } .dn-d-mp-item .dn-d-mp-pane-alerts { letter-spacing: normal; word-spacing: normal; font-size: 0.9em; line-height: 1.3em; } .dn-d-mp-item .dn-d-mp-pane-alerts ol li { padding: 5px; border: 1px solid red; margin-bottom: 5px; } .dn-d-mp-item .dn-d-mp-pane-alerts .dn-d-mp-pane-alerts-error li { color: #993434; background-color: #F4B2B2; border-color: #993434; } .dn-d-mp-item .dn-d-mp-pane-alerts .dn-d-mp-pane-alerts-warn li { color: #A95623; background-color: #FFD3B8; border-color: #A95623; } .dn-d-mp-item .dn-d-mp-pane-alerts .dn-d-mp-pane-alerts-notice li { color: #0D3683; background-color: #B0CCFF; border-color: #0D3683; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement { display: inline-block; vertical-align: top; width: 25%; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement > label { text-align: center; display: block; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul { letter-spacing: -0.31em; width: 100%; height: 71px; border-radius: 5px; border: 1px solid #bcbcbc; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul li { width: 33%; height: 23px; display: inline-block; background-position: center center; background-repeat: no-repeat; cursor: pointer; opacity: 0.7; position: relative; padding-top: 4px; text-align: center; vertical-align: top; overflow: hidden; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul li:hover { opacity: 1.0; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul li:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "i"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul .dn-d-t-l:before { transform: rotate(315deg); } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul .dn-d-t-c:before { font-size: 1.3em; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul .dn-d-t-r:before { transform: rotate(45deg); } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul .dn-d-c-l:before { transform: rotate(270deg); font-size: 1.3em; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul .dn-d-c-c:before { visibility: hidden; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul .dn-d-c-r:before { transform: rotate(90deg); font-size: 1.3em; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul .dn-d-b-l:before { transform: rotate(225deg); } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul .dn-d-b-c:before { transform: rotate(180deg); font-size: 1.3em; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement ul .dn-d-b-r:before { transform: rotate(135deg); } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-size { display: inline-block; vertical-align: top; margin-left: 5%; width: 10%; min-width: 20px; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-size > label { text-align: center; display: block; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-size ol { width: 100%; height: 71px; border-radius: 5px; border: 1px solid #bcbcbc; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-size ol li { width: 100%; height: 50%; background-repeat: no-repeat; cursor: pointer; opacity: 0.7; position: relative; font-size: 23px; text-align: center; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-size ol li:hover { opacity: 1.0; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-size ol li:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "i"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-size ol li.dn-d-mp-actions-controls-size-down { padding-top: 13px; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-size ol li.dn-d-mp-actions-controls-size-down:before { content: "\66"; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate { display: inline-block; vertical-align: top; margin-left: 5%; width: 25%; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate > label { text-align: center; display: block; max-width: 71px; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel { letter-spacing: -0.31em; width: 100%; max-width: 71px; height: 71px; border-radius: 5px; border: 1px solid #bcbcbc; position: relative; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-mp-actions-controls-rotate-background, .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-mp-actions-controls-rotate-line { position: absolute; top: 16%; left: 50%; margin-left: -19px; width: 38px; height: 38px; font-size: 38px; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-mp-actions-controls-rotate-background:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "S"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-mp-actions-controls-rotate-line:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "U"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-mp-actions-controls-rotate-left { position: absolute; top: 10%; left: 0px; width: 18px; height: 18px; font-size: 18px; cursor: pointer; opacity: 0.7; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-mp-actions-controls-rotate-left:hover { opacity: 1.0; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-mp-actions-controls-rotate-left:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "g"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-mp-actions-controls-rotate-right { position: absolute; top: 10%; right: 0px; width: 18px; height: 18px; font-size: 18px; cursor: pointer; opacity: 0.7; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-mp-actions-controls-rotate-right:hover { opacity: 1.0; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-mp-actions-controls-rotate-right:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "h"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel div.dn-d-mp-actions-controls-rotate-degrees { position: absolute; top: 100%; left: 35%; width: 65%; margin-top: -20px; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel div.dn-d-mp-actions-controls-rotate-degrees input { height: 16px; width: 75%; padding: 1px; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate .dn-d-mp-actions-controls-rotate-panel .dn-d-rotate-handle { position: absolute; height: 10px; width: 10px; border: 1px solid #898989; background-color: #efefef; border-radius: 5px; cursor: pointer; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-centering { display: inline-block; vertical-align: top; margin-left: 5%; width: 25%; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-centering > label { text-align: center; display: block; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-centering ol li { width: 100%; border-radius: 5px; border: 1px solid #bcbcbc; height: 30px; cursor: pointer; font-size: 20px; text-align: center; padding-top: 4px; opacity: 0.7; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-centering ol li:hover { opacity: 1.0; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-centering ol li:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "M"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-centering ol li.dn-d-mp-actions-controls-centering-horizontal:before { content: "L"; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-centering ol li.dn-d-mp-actions-controls-centering-vertical { margin-top: 10px; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-centering ol li.dn-d-mp-actions-controls-centering-both { display: none; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-flip { display: inline-block; vertical-align: top; margin-left: 5%; width: 25%; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-flip > label { text-align: center; display: block; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-flip ol li { width: 50%; border-radius: 5px; border: 1px solid #bcbcbc; height: 30px; cursor: pointer; font-size: 20px; text-align: center; padding-top: 4px; opacity: 0.7; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-flip ol li:hover { opacity: 1.0; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-flip ol li:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "-"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-flip ol li.dn-d-mp-actions-controls-flip-y:before { content: "."; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-flip ol li.dn-alt { border: 1px solid black; } .dn-d-mp-item .dn-d-mp-list-selector-container { display: none; height: 100%; } .dn-d-mp-item .dn-d-mp-actions-controls.dn-d-mp-with-flip .dn-d-mp-flip-and-align { width: 25%; margin-left: 5%; display: inline-block; } .dn-d-mp-item .dn-d-mp-actions-controls.dn-d-mp-with-flip .dn-d-mp-flip-and-align label { display: none; } .dn-d-mp-item .dn-d-mp-actions-controls.dn-d-mp-with-flip .dn-d-mp-flip-and-align .dn-d-mp-actions-controls-centering { width: 100%; margin-left: 0px; } .dn-d-mp-item .dn-d-mp-actions-controls.dn-d-mp-with-flip .dn-d-mp-flip-and-align .dn-d-mp-actions-controls-flip { width: 100%; margin-left: 0px; margin-top: 10px; } .dn-d-mp-item .dn-d-mp-actions-controls.dn-d-mp-with-flip .dn-d-mp-flip-and-align ol li { width: 48%; margin-right: 2%; display: inline-block; margin-top: 0px; } .dn-d-mp-item .dn-d-mp-actions-controls.dn-d-mp-with-flip .dn-d-mp-flip-and-align ol li.dn-d-mp-actions-controls-centering-both { display: none; } .dn-d-mp-item.dn-selecting-item { padding-bottom: 0px; } .dn-d-mp-item.dn-selecting-item .dn-d-mp-body { display: none; } .dn-d-mp-item.dn-selecting-item .dn-d-mp-list-selector-container { display: block; } .dn-d-el-sizer { background-color: #666666; border: 2px solid white; height: 14px; width: 14px; border-radius: 7px; z-index: 500; cursor: move; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15); position: absolute; } .dn-d-el-sizer:hover, .dn-d-el-sizer:active { background-color: black; } .dn-d-el-sizer.dn-d-s-TL { cursor: nw-resize; left: -7px; top: -7px; } .dn-d-el-sizer.dn-d-s-TR { cursor: ne-resize; right: -7px; top: -7px; } .dn-d-el-sizer.dn-d-s-BL { cursor: ne-resize; left: -7px; bottom: -7px; } .dn-d-el-sizer.dn-d-s-BR { cursor: nw-resize; right: -7px; bottom: -7px; } .dn-d-el-ro-sizer { background-color: black; height: 0px; width: 0px; z-index: 500; position: absolute; } .dn-d-el-rotate { background-color: #666666; border: 2px solid white; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15); border-radius: 11px; display: none; z-index: 500; cursor: move; position: absolute; font-size: 18px; padding: 1px; line-height: 0.7em; text-align: center; color: white; bottom: -30px; right: -30px; top: auto; } .dn-d-el-rotate:hover, .dn-d-el-rotate:active { background-color: black; } .dn-d-el-delete { background-color: #dc0000; border: 2px solid white; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15); border-radius: 11px; display: none; z-index: 500; cursor: pointer; position: absolute; font-size: 12px; line-height: 0.7em; padding: 2px 2.5px 2px 2px; text-align: center; color: #fff; bottom: -30px; left: -30px; } .dn-designer-element.dn-selected .dn-d-el-delete { display: block; } .dn-designer-element.dn-selected .dn-d-el-rotate { display: block; } .dn-designer-element.dn-selected .dn-d-el-ro-sizer { display: block; } .dn-designer-element.dn-selected .dn-d-el-sizer { display: block; } .dn-d-el-delete:hover, .dn-d-el-delete:active { background-color: #b60606; } .dn-d-el-edit { background-color: #666666; border: 2px solid white; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15); color: white; font-size: 12px; height: auto; width: 60px; border-radius: 11px; display: none; z-index: 500; cursor: pointer; position: absolute; text-align: center; } .dn-d-el-edit:hover { text-decoration: underline; } .dn-designer .dn-d-el-dims { background-color: #ffffff; color: #000000; padding: 2px 5px; border-radius: 6px; font-size: 12px; line-height: 1.4em; display: none; z-index: 500; position: relative; top: -35px; white-space: nowrap; } .dn-designer .dn-d-el-dims input[type="text"] { width: 40px; font-size: 11px; height: 20px; line-height: 1em; margin-right: 2px; padding: 0px 3px; } .dn-designer .dn-d-el-dims .dn-d-el-dims-apply { display: inline-block; cursor: pointer; margin-left: 5px; vertical-align: middle; } .dn-designer .dn-d-el-dims .dn-d-el-dims-apply:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "*"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-designer .dn-d-el-dims .dn-d-el-dims-edit { display: inline-block; cursor: pointer; margin-left: 5px; vertical-align: middle; margin-top: 1px; margin-bottom: -2px; } .dn-designer .dn-d-el-dims .dn-d-el-dims-edit:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ")"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-designer-element.dn-selected .dn-d-el-dims { display: inline-block; } .dn-d-mp-layer-info-container { padding-top: 5px; } .dn-d-mp-layer-info-container > label { display: block; margin-top: 3px; } .dn-d-mp-layer-info-container > div { display: inline-block; vertical-align: middle; } .dn-d-mp-layer-info-container .dn-d-mp-layer-icon { width: 20px; font-size: 20px; text-align: center; padding-top: 2px; line-height: 16px; margin-right: 5px; } .dn-d-mp-layer-info-container .dn-d-mp-layer-controls { width: 40%; min-width: 90px; } .dn-d-mp-layer-info-container .dn-d-mp-layer-controls > div { display: inline-block; } .dn-d-mp-layer-info-container .dn-d-mp-layer-controls .dn-d-mp-layer-action { width: 20%; margin-left: 2%; margin-right: 2%; border-radius: 5px; border: 1px solid #bcbcbc; cursor: pointer; text-align: center; padding-top: 4px; line-height: 18px; } .dn-d-mp-layer-info-container .dn-d-mp-layer-controls .dn-d-mp-layer-action:hover { border: 1px solid #898989; } .dn-d-mp-layer-info-container .dn-d-mp-layer-controls .dn-d-mp-layer-action.dn-disabled { opacity: 0.7; cursor: default; } .dn-d-mp-layer-info-container .dn-d-mp-layer-controls .dn-d-mp-layer-action.dn-disabled:hover { border: 1px solid #bcbcbc; } .dn-d-mp-layer-info-container .dn-d-mp-layer-dimensions { width: 140px; letter-spacing: normal; word-spacing: normal; overflow: hidden; white-space: nowrap; } .dn-d-mp-layer-info-container .dn-d-mp-layer-dimensions .dn-d-el-dims-label { display: inline-block; width: 140px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; text-align: right; } .dn-d-mp-layer-info-container .dn-d-mp-layer-dimensions .dn-d-el-dims-edit { display: none; cursor: pointer; margin-left: 5px; vertical-align: middle; margin-top: 2px; margin-bottom: -2px; width: 20px; } .dn-d-mp-layer-info-container .dn-d-mp-layer-dimensions .dn-d-el-dims-edit:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ")"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-d-mp-layer-info-container .dn-d-mp-layer-dimensions.dn-editable .dn-d-el-dims-label { cursor: pointer; width: 120px; } .dn-d-mp-layer-info-container .dn-d-mp-layer-dimensions.dn-editable .dn-d-el-dims-edit { display: inline-block; } .dn-d-mp-layer-info-container .dn-d-mp-layer-dimensions-edit { display: none; } .dn-d-mp-layer-info-container.dn-alt .dn-d-mp-layer-controls { display: none; } .dn-d-mp-layer-info-container.dn-alt .dn-d-mp-layer-dimensions { display: none; } .dn-d-mp-layer-info-container.dn-alt .dn-d-mp-layer-dimensions-edit { display: inline-block; width: 100%; margin-left: -25px; padding-left: 25px; white-space: nowrap; text-align: right; padding-right: 10px; } .dn-d-mp-layer-info-container.dn-alt .dn-d-mp-layer-dimensions-edit input[type="text"] { width: 40px; font-size: 11px; height: 20px; line-height: 1em; margin-right: 2px; padding: 0px 3px; } .dn-d-mp-layer-info-container.dn-alt .dn-d-mp-layer-dimensions-edit .dn-d-el-dims-apply { display: inline-block; cursor: pointer; margin-left: 5px; vertical-align: middle; } .dn-d-mp-layer-info-container.dn-alt .dn-d-mp-layer-dimensions-edit .dn-d-el-dims-apply:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "*"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-d-mp-settings-expander { margin-bottom: 0px; } .dn-d-mp-settings-expander > h3 { font-size: 13px; cursor: pointer; background-color: #eaeaea; border-bottom: 1px solid #bcbcbc; border-top: 1px solid #bcbcbc; margin-top: -1px; margin-bottom: -1px; padding: 10px 0px 10px 5px; margin-left: -7px; margin-right: -7px; position: relative; } .dn-d-mp-settings-expander > h3 .dn-d-mp-settings-expander-toggle { display: inline-block; width: 18px; height: 18px; position: absolute; top: 11px; right: 11px; transition: transform 0.3s, right 0.3s, top 0.3s; } .dn-d-mp-settings-expander .dn-d-mp-settings-expander-content { max-height: 0px; overflow: hidden; transition: max-height 0.3s; } .dn-d-mp-settings-expander.dn-alt > h3 .dn-d-mp-settings-expander-toggle { transform: rotate(90deg); right: 17px; top: 12px; } .dn-d-mp-settings-expander.dn-alt .dn-d-mp-settings-expander-content { max-height: 100px; } .dn-d-mp-item.dn-selecting-item.dn-with-shape-selector .dn-d-mp-text-warp-dropdown-list-container { display: block; } .dn-d-mp-settings-expander.dn-d-mp-settings-expander-formatting.dn-alt .dn-d-mp-settings-expander-content { max-height: 220px; margin: 10px 3px; } .dn-d-mp-settings-expander.dn-d-mp-settings-expander-effects.dn-alt .dn-d-mp-settings-expander-content { max-height: 280px; margin: 10px 3px; } .dn-d-mp-settings-expander.dn-d-mp-settings-expander-position.dn-alt .dn-d-mp-settings-expander-content { max-height: 140px; margin: 10px 3px; } .dn-d-mp-settings-expander.dn-d-mp-settings-expander-advanced.dn-alt .dn-d-mp-settings-expander-content { max-height: 235px; margin: 10px 3px; } body.dn-designer-slim-mode .dn-d-el-edit { display: block; } @media only screen and (min-width: 768px) { .dn-d-mp-item .dn-d-mp-actions-controls { margin-top: 5px; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-movement > label { display: none; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-size > label { display: none; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-rotate > label { display: none; } .dn-d-mp-item .dn-d-mp-actions-controls .dn-d-mp-actions-controls-centering > label { display: none; } .dn-d-mp-layer-info-container > label { display: none; } .dn-d-mp-settings-expander.dn-d-mp-settings-expander-position.dn-alt .dn-d-mp-settings-expander-content { max-height: 125px; } } .dn-d-mp-text.dn-with-shape-selector { min-height: 400px; } .dn-d-mp-text .dn-d-mp-text-editor-container textarea { width: 100%; } .dn-d-mp-text .dn-d-mp-text-editor-container .dn-d-mp-apply-text { display: none; font-size: 15px; text-decoration: underline; text-align: right; width: 100%; margin-bottom: 5px; } .dn-d-mp-text .dn-d-mp-text-editor-container.dn-alt .dn-d-mp-apply-text { display: block; } .dn-d-mp-text .dn-d-mp-edit-text-link { display: none; } .dn-d-mp-text .dn-d-mp-font-options > label { display: none; } .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font .dn-d-mp-font-color-container { float: right; width: 38px; padding: 0px 0 0px 2px; } .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font .dn-d-mp-font-color-container .dn-color-buttons.dn-color-buttons-big li { margin: 0; } .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font .dn-d-mp-font-color-container .dn-color-buttons.dn-color-buttons-big li div { width: 33px; height: 33px; } .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font .dn-d-mp-font-selector { float: left; width: 100%; margin-right: -38px; padding-right: 38px; } .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font .dn-d-mp-font-selector .dn-d-mp-font-image { cursor: pointer; background: #fff; border: 1px solid #bcbcbc; padding: 7px 6px 6px 4px; height: 34px; width: 100%; background-image: url("/images/icons/open-iconic/png/caret-bottom.png?ab636f73d02889d74db0953d61bb1a95"); background-position: 95% center; background-repeat: no-repeat; } .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font .dn-d-mp-font-selector .dn-d-mp-font-image > div { background-size: contain; background-position: 5% center; background-repeat: no-repeat; height: 100%; max-width: 150px; } .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font .dn-d-mp-font-selector .dn-d-drop-arrow { display: none; } .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings { clear: both; width: 100%; padding-top: 0px; } .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings ol.dn-d-mp-font-buttons { display: inline-block; } .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings ol.dn-d-mp-font-buttons li { display: inline-block; max-width: 33px; height: 33px; min-width: 20px; background-position: center center; background-repeat: no-repeat; border-radius: 0px; border: 1px solid #bcbcbc; cursor: pointer; position: relative; text-align: left; padding: 6px; font-size: 19px; } .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings ol.dn-d-mp-font-buttons li:hover { border: 1px solid #898989; opacity: 0.9; } .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings ol.dn-d-mp-font-buttons li.dn-alt { border: 1px solid #a3a3a3; background-color: #c9c9c9; } .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings ol.dn-d-mp-font-buttons li span { display: block; height: 100%; width: 100%; font-size: 0px; } .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings .dn-d-mp-font-transform { width: 40%; } .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings .dn-d-mp-font-transform li { width: 43%; margin-right: 4px; } .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings .dn-d-mp-font-align { text-align: right; width: 60%; } .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings .dn-d-mp-font-align li { width: 28%; margin-left: 4px; } .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings .dn-d-mp-font-edit { display: none; } .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings .dn-d-mp-font-edit a { font-size: 15px; text-decoration: underline; } .dn-d-mp-text .dn-d-mp-font-options .dn-d-mp-font-settings .dn-d-mp-font-mm input { margin-top: 7px; margin-left: 5px; margin-right: 5px; } .dn-d-mp-text .dn-d-mp-teamname-width > label { display: block; font-size: 12px; font-weight: bold; margin-top: 12px; margin-bottom: 5px; } .dn-d-mp-text .dn-d-mp-text-warp > h3 { font-size: 12px; margin-top: 5px; margin-bottom: 2px; } .dn-d-mp-text .dn-d-mp-text-warp .dn-d-mp-text-warp-selector { position: relative; display: inline-block; height: 34px; overflow: hidden; background-color: #FFFFFF; border: 1px solid #bcbcbc; width: 50%; padding: 0 15px 0 0px; background-image: url("/images/icons/open-iconic/png/caret-bottom.png?ab636f73d02889d74db0953d61bb1a95"); background-position: 96% center; background-repeat: no-repeat; cursor: pointer; } .dn-d-mp-text .dn-d-mp-text-warp .dn-d-mp-text-warp-selector > div { overflow: hidden; height: 100%; } .dn-d-mp-text .dn-d-mp-text-warp .dn-d-mp-text-warp-selector b { font-size: 0; overflow: hidden; width: 100%; position: relative; display: block; margin-top: -5px; } .dn-d-mp-text .dn-d-mp-text-warp .dn-d-mp-text-warp-settings { width: 50%; padding: 0 5px 0 5px; display: none; vertical-align: top; } .dn-d-mp-text .dn-d-mp-text-warp .dn-d-mp-text-warp-settings.dn-alt { display: inline-block; } .dn-d-mp-text .dn-d-mp-text-warp .dn-d-mp-text-warp-selected { top: -5px; left: 5px; position: relative; } .dn-d-mp-text .dn-d-mp-text-stroke { margin-top: 15px; } .dn-d-mp-text .dn-d-mp-text-stroke > h3 { font-size: 12px; margin-top: 0px; margin-bottom: 0px; } .dn-d-mp-text .dn-d-mp-text-stroke .dn-d-mp-text-stroke-width-container { display: inline-block; width: 100%; padding-right: 38px; margin-right: -38px; vertical-align: top; } .dn-d-mp-text .dn-d-mp-text-stroke .dn-d-mp-text-stroke-width-container label { display: none; } .dn-d-mp-text .dn-d-mp-text-stroke .dn-d-mp-text-stroke-width-container .dn-d-slider-container { margin-top: 10px; margin-left: 0px; width: 100%; } .dn-d-mp-text .dn-d-mp-text-stroke .dn-d-mp-text-stroke-color-container { display: inline-block; width: 38px; padding: 2px 0 2px 2px; vertical-align: top; margin-top: -4px; } .dn-d-mp-text .dn-d-mp-text-stroke .dn-d-mp-text-stroke-color-container label { display: none; } .dn-d-mp-text .dn-d-mp-text-stroke .dn-d-mp-text-stroke-color-container .dn-color-buttons.dn-color-buttons-big li { margin: 0; } .dn-d-mp-text .dn-d-mp-text-stroke .dn-d-mp-text-stroke-color-container .dn-color-buttons.dn-color-buttons-big li div { width: 33px; height: 33px; } .dn-d-mp-text .dn-d-mp-advanced-pane .dn-d-mp-advanced-personalize .dn-d-mp-max-characters, .dn-d-mp-text .dn-d-mp-advanced-pane .dn-d-mp-advanced-personalize .d-d-mp-checkbox-max-width, .dn-d-mp-text .dn-d-mp-advanced-pane .dn-d-mp-advanced-personalize .d-d-mp-checkbox-fixed-width { margin-top: 5px; } .dn-d-mp-text .dn-d-mp-text-effect h3 { display: block; font-size: 12px; margin-top: 10px; margin-bottom: 2px; } .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-te-select-container { width: 100%; margin-right: -38px; padding-right: 38px; display: inline-block; } .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-te-select-container select { height: 34px; width: 100%; padding: 7px; } .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-te-color { display: inline-block; width: 38px; padding: 0px 0 2px 2px; vertical-align: top; } .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-te-color b label { display: none; } .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-te-color .dn-color-buttons.dn-color-buttons-big li { margin: 0; } .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-te-color .dn-color-buttons.dn-color-buttons-big li div { width: 33px; height: 33px; } .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-text-effects-container { display: none; } .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-text-effects-container li { display: inline-block; vertical-align: top; } .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-text-effects-container li label { font-weight: normal; } .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-text-effects-container li.dn-d-mp-te-offset { width: 36px; margin-right: 10px; } .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-text-effects-container li.dn-d-mp-te-offset .dn-d-mp-offset-control { position: relative; } .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-text-effects-container li.dn-d-mp-te-offset .dn-d-mp-te-offset-background { font-size: 38px; width: 38px; height: 38px; } .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-text-effects-container li.dn-d-mp-te-offset .dn-d-mp-te-offset-background:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "S"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-text-effects-container li.dn-d-mp-te-offset .dn-d-mp-te-offset-handle { position: absolute; cursor: move; height: 10px; width: 10px; border: 1px solid #898989; background-color: #efefef; border-radius: 5px; } .dn-d-mp-text .dn-d-mp-text-effect .dn-d-mp-text-effects-container li.dn-d-mp-te-glow-strength { width: 25%; } .dn-d-mp-text .dn-d-mp-text-effect.dn-te-shadow .dn-d-mp-text-effects-container { display: block; } .dn-d-mp-text .dn-d-mp-text-effect.dn-te-shadow .dn-d-mp-text-effects-container li.dn-d-mp-te-blur { width: 100%; margin-left: -46px; padding-left: 46px; } .dn-d-mp-text .dn-d-mp-text-effect.dn-te-shadow .dn-d-mp-text-effects-container li.dn-d-mp-te-blur .dn-d-slider-container { margin-top: 12px; } .dn-d-mp-text .dn-d-mp-text-effect.dn-te-glow .dn-d-mp-text-effects-container { display: block; } .dn-d-mp-text .dn-d-mp-text-effect.dn-te-glow .dn-d-mp-text-effects-container li.dn-d-mp-te-blur { width: 45%; } .dn-d-mp-text .dn-d-mp-text-effect.dn-te-glow .dn-d-mp-text-effects-container li.dn-d-mp-te-glow-strength { width: 45%; margin-right: 10%; } .dn-d-mp-text .dn-d-mp-text-gradient h3 { display: block; font-size: 12px; margin-top: 10px; margin-bottom: 2px; } .dn-d-mp-text .dn-d-mp-text-gradient .dn-d-mp-gradient-select-container { width: 100%; margin-right: -38px; padding-right: 38px; display: inline-block; } .dn-d-mp-text .dn-d-mp-text-gradient .dn-d-mp-gradient-select-container select { height: 34px; width: 100%; padding: 7px; } .dn-d-mp-text .dn-d-mp-text-gradient .dn-d-mp-gradient-color { display: inline-block; width: 38px; padding: 0px 0 2px 2px; vertical-align: top; } .dn-d-mp-text .dn-d-mp-text-gradient .dn-d-mp-gradient-color b label { display: none; } .dn-d-mp-text .dn-d-mp-text-gradient .dn-d-mp-gradient-color .dn-color-buttons.dn-color-buttons-big li { margin: 0; } .dn-d-mp-text .dn-d-mp-text-gradient .dn-d-mp-gradient-color .dn-color-buttons.dn-color-buttons-big li div { width: 33px; height: 33px; } .dn-d-mp-text.dn-d-mp-template-text .dn-d-mp-font .dn-d-mp-font-selector { float: none; width: 100%; margin-right: 0px; padding-right: 0px; } .dn-d-mp-text.dn-d-mp-template-text .dn-d-mp-font-color-container { float: none; width: 100%; margin-top: 10px; } .dn-d-mp-text.dn-d-mp-template-text .dn-d-mp-font-color-container ul.dn-color-buttons.dn-color-buttons-big li div { width: 33px; height: 33px; } .dn-designer[data-breakpoint-small='false'] .dn-d-mp-text .dn-d-mp-text-editor-container.dn-alt .dn-d-mp-apply-text { display: none; } .dn-d-mp-text.dn-d-mp-teamname .dn-d-mp-container .dn-d-mp-text-editor-container { display: none; } .dn-d-mp-text.dn-d-mp-teamname .dn-d-mp-container .dn-d-mp-edit-text-link { display: block; margin-bottom: 3px; padding: 10px; } .dn-d-mp-text.dn-d-mp-teamname .dn-d-mp-container .dn-d-mp-edit-text-link a { text-decoration: underline; font-size: 1.1em; } .dn-d-mp-text-warp-dropdown-list-container { display: none; background-color: #FFFFFF; } .dn-d-mp-text-warp-dropdown-list-container .dn-d-mp-text-warp-dropdown-list { height: 100%; text-align: center; } .dn-d-mp-text-warp-dropdown-list-container .dn-d-mp-text-warp-dropdown-list li { text-align: center; background-color: #ffffff; padding-top: 3px; letter-spacing: -0.31em; border: 2px solid #ffffff; cursor: pointer; } .dn-d-mp-text-warp-dropdown-list-container .dn-d-mp-text-warp-dropdown-list li:hover { border-color: #bcbcbc; } .dn-d-mp-text-warp-dropdown-list-container .dn-d-mp-text-warp-dropdown-list li.dn-alt { border-color: #898989; } .dn-d-mp-text.dn-d-mp-template-text .dn-d-mp-font-options .dn-d-mp-font .dn-d-mp-font-selector { float: none; width: 100%; margin-right: 0px; padding-right: 0px; } .dn-d-mp-text.dn-d-mp-template-text .dn-d-mp-font-options .dn-d-mp-template-text-font-color-container { padding-top: 5px; } .dn-d-mp-text.dn-d-mp-template-text .dn-d-mp-font-options .dn-d-mp-font-settings { padding-top: 0px; } .dn-d-mp-image.dn-with-effect-selector { min-height: 400px; } .dn-d-mp-image.dn-with-border-selector { min-height: 400px; } .dn-d-mp-image .dn-d-mp-details .dn-d-mp-details-options .dn-d-mp-details-image { display: none; } .dn-d-mp-image .dn-d-mp-details .dn-d-mp-details-options .dn-d-mp-details-colors { margin-bottom: 8px; } .dn-d-mp-image .dn-d-mp-details .dn-d-mp-details-options .dn-d-mp-details-colors > label { display: block; width: 100%; font-weight: bold; font-size: 12px; } .dn-d-mp-image .dn-d-mp-details .dn-d-mp-details-options .dn-d-mp-details-colors > a { margin-left: 10px; } .dn-d-mp-image .dn-d-mp-details .dn-d-mp-details-options .dn-d-mp-details-colors ul.dn-color-buttons { vertical-align: middle; } .dn-d-mp-image .dn-d-mp-details .dn-d-mp-details-options .dn-d-mp-details-colors ul.dn-color-buttons.dn-color-buttons-small li div { width: 23px; height: 23px; } .dn-d-mp-image .dn-d-mp-details .dn-d-mp-details-trans-color li { margin-bottom: 5px; } .dn-d-mp-image .dn-d-mp-details .dn-d-mp-details-trans-color li label { font-weight: bold; font-size: 12px; } .dn-d-mp-image .dn-d-mp-details .dn-d-mp-details-trans-color li label img { border: 1px solid #898989; width: 25px; height: 25px; border-radius: 3px; margin: 4px 5px 0px 0px; cursor: pointer; vertical-align: bottom; } .dn-d-mp-image .dn-d-mp-quality { margin-bottom: 5px; } .dn-d-mp-image .dn-d-mp-quality label { font-weight: bold; font-size: 12px; width: 50px; display: inline-block; vertical-align: text-bottom; } .dn-d-mp-image .dn-d-mp-quality > div { display: inline-block; width: 100%; margin-left: -50px; padding-left: 50px; } .dn-d-mp-image .dn-d-mp-quality > div .dn-d-mp-quality-container { width: 100%; height: 15px; background-color: #e2e2e2; } .dn-d-mp-image .dn-d-mp-quality > div .dn-d-mp-quality-container span { display: block; height: 15px; } .dn-d-mp-image .dn-d-mp-quality > div .dn-d-mp-quality-container span.dn-d-mp-quality-bad { background-color: #DB6767; } .dn-d-mp-image .dn-d-mp-quality > div .dn-d-mp-quality-container span.dn-d-mp-quality-medium { background-color: #DB9C67; } .dn-d-mp-image .dn-d-mp-quality > div .dn-d-mp-quality-container span.dn-d-mp-quality-good { background-color: #6ADB67; } .dn-d-mp-image .dn-d-mp-remove-background-container { margin-bottom: 5px; } .dn-d-mp-image .dn-d-mp-actions-aspect-ratio-container { margin-bottom: 7px; } .dn-d-mp-image .dn-d-mp-actions-aspect-ratio-container label { font-weight: bold; font-size: 12px; } .dn-d-mp-image .dn-d-mp-advanced-settings-tabs { display: none; } .dn-d-mp-image .dn-d-mp-advanced-settings-image-effects > label { display: block; width: 100%; } .dn-d-mp-image .dn-d-mp-advanced-settings-image-effects .dn-d-mp-effects-selector { position: relative; display: inline-block; height: 40px; overflow: hidden; background-color: #FFFFFF; border: 1px solid #bcbcbc; width: 100%; padding: 0 15px 0 0; cursor: pointer; background-image: url("/images/icons/open-iconic/png/caret-bottom.png?ab636f73d02889d74db0953d61bb1a95"); background-position: 96% center; background-repeat: no-repeat; } .dn-d-mp-image .dn-d-mp-advanced-settings-image-effects .dn-d-mp-effects-selector div { font-size: 0; overflow: hidden; width: 100%; position: relative; display: block; margin-top: -2px; } .dn-d-mp-image .dn-d-mp-advanced-settings-image-effects .dn-d-mp-effects-selector div span { width: 100%; margin-right: -70px; vertical-align: top; margin-left: 5px; display: inline-block; font-size: 14px; margin-top: 11px; } .dn-d-mp-image .dn-d-mp-advanced-settings-image-effects .dn-d-mp-effects-list-properties { display: none; } .dn-d-mp-image .dn-d-mp-advanced-settings-image-effects .dn-d-mp-effects-list-properties .dn-d-mp-effect-control-header { display: none; } .dn-d-mp-image .dn-d-mp-advanced-settings-image-effects .dn-d-mp-effects-list-properties.dn-alt { display: block; } .dn-d-mp-image .dn-d-mp-advanced-settings-image-borders > label { display: block; width: 100%; } .dn-d-mp-image .dn-d-mp-advanced-settings-image-borders .dn-d-mp-border-selector { position: relative; display: inline-block; height: 40px; overflow: hidden; background-color: #FFFFFF; border: 1px solid #bcbcbc; width: 100%; padding: 0 15px 0 0; cursor: pointer; background-image: url("/images/icons/open-iconic/png/caret-bottom.png?ab636f73d02889d74db0953d61bb1a95"); background-position: 96% center; background-repeat: no-repeat; } .dn-d-mp-image .dn-d-mp-advanced-settings-image-borders .dn-d-mp-border-selector div { font-size: 0; overflow: hidden; width: 100%; position: relative; display: block; margin-top: -2px; } .dn-d-mp-image .dn-d-mp-advanced-settings-image-borders .dn-d-mp-border-selector div span { width: 100%; margin-right: -70px; vertical-align: top; margin-left: 5px; display: inline-block; font-size: 14px; margin-top: 11px; } .dn-d-mp-image .dn-d-mp-effects-list-container { position: absolute; display: none; text-align: center; height: 100%; width: 100%; z-index: 10; top: 0; left: 0; } .dn-d-mp-image .dn-d-mp-effects-list-container .dn-d-mp-effects-list { margin: -7px; } .dn-d-mp-image .dn-d-mp-effects-list-container .dn-d-mp-effects-list li { padding: 2px; text-align: left; letter-spacing: -0.31em; cursor: pointer; border-bottom: 1px solid #d6d6d6; } .dn-d-mp-image .dn-d-mp-effects-list-container .dn-d-mp-effects-list li:hover { background-color: #bcbcbc; } .dn-d-mp-image .dn-d-mp-effects-list-container .dn-d-mp-effects-list li.dn-alt { background-color: #a3a3a3; } .dn-d-mp-image .dn-d-mp-effects-list-container .dn-d-mp-effects-list li img { vertical-align: middle; } .dn-d-mp-image .dn-d-mp-effects-list-container .dn-d-mp-effects-list li label { padding-left: 5px; } .dn-d-mp-image .dn-d-mp-effects-list-container.dn-alt { display: block; } .dn-d-mp-image .dn-d-mp-border-list-container { position: absolute; display: none; text-align: center; height: 100%; width: 100%; z-index: 10; top: 0; left: 0; } .dn-d-mp-image .dn-d-mp-border-list-container .dn-d-mp-border-list { margin: -7px; } .dn-d-mp-image .dn-d-mp-border-list-container .dn-d-mp-border-list li { padding: 2px; text-align: left; letter-spacing: -0.31em; cursor: pointer; border-bottom: 1px solid #d6d6d6; } .dn-d-mp-image .dn-d-mp-border-list-container .dn-d-mp-border-list li:hover { background-color: #bcbcbc; } .dn-d-mp-image .dn-d-mp-border-list-container .dn-d-mp-border-list li.dn-alt { background-color: #a3a3a3; } .dn-d-mp-image .dn-d-mp-border-list-container .dn-d-mp-border-list li img { vertical-align: middle; } .dn-d-mp-image .dn-d-mp-border-list-container .dn-d-mp-border-list li label { padding-left: 5px; } .dn-d-mp-image .dn-d-mp-border-list-container.dn-alt { display: block; } .dn-designer-panel .dn-designer-panel-content .dn-d-mp-screen .dn-d-mp-pane-description p.dn-d-mp-screen-notice { color: #0D3683; background-color: #B0CCFF; border: 1px solid #0D3683; border-radius: 3px; margin-bottom: 5px; padding: 2px; } .dn-designer-panel .dn-designer-panel-content .dn-d-mp-screen .dn-d-mp-pane-description p.dn-d-mp-screen-edit-container a { text-decoration: underline; } .dn-designer-panel .dn-designer-panel-content .dn-d-mp-screen .dn-d-mp-pane-description p.dn-d-mp-screen-unlink-container a { text-decoration: underline; } .dn-designer-panel .dn-designer-panel-content .dn-d-mp-screen .dn-d-mp-container .dn-d-mp-details { display: none; } .dn-designer-panel .dn-designer-panel-content .dn-d-mp-screen .dn-d-mp-container .dn-d-mp-image-colors-container h3 { display: block; font-size: 12px; margin-top: 5px; margin-bottom: 7px; } .dn-designer-panel .dn-designer-panel-content .dn-d-mp-screen .dn-d-mp-container .dn-d-mp-image-colors-container .dn-d-mp-remap-colors { margin-bottom: 4px; } .dn-designer-panel .dn-designer-panel-content .dn-d-mp-screen .dn-d-mp-container .dn-d-mp-image-colors-container .dn-d-mp-color-list-remap ul.dn-color-buttons { display: block; } .dn-d-mp-group { padding-bottom: 0px; } .dn-d-mp-group .dn-d-mp-details { display: none; } .dn-d-mp-group .dn-d-mp-group-image-thumbnail-container { display: none; } .dn-d-mp-group .dn-d-mp-group-text-fields > label { display: block; width: 100%; font-weight: bold; font-size: 12px; margin-bottom: 7px; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list .dn-d-mp-g-txt-lbl { width: 100%; display: inline-block; margin-right: 5px; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list .dn-d-mp-g-txt-lbl > div { letter-spacing: normal; word-spacing: normal; overflow: hidden; text-overflow: ellipsis; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list .dn-color-buttons { display: inline-block; margin-right: 5px; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list .dn-color-buttons li div { height: 15px; width: 15px; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list .dn-d-mp-g-txt-edit { display: inline-block; width: 25px; vertical-align: top; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list ul.dn-color-buttons { max-width: 95px; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li .dn-d-mp-g-txt-lbl { padding-right: 130px; margin-right: -130px; vertical-align: middle; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li > ul { vertical-align: middle; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li a.dn-d-mp-g-txt-edit { vertical-align: middle; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='0'] .dn-d-mp-g-txt-lbl { padding-right: 35px; margin-right: -35px; vertical-align: baseline; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='0'] > ul { vertical-align: baseline; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='0'] a.dn-d-mp-g-txt-edit { vertical-align: top; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='1'] .dn-d-mp-g-txt-lbl { padding-right: 54px; margin-right: -54px; vertical-align: baseline; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='1'] > ul { vertical-align: baseline; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='1'] a.dn-d-mp-g-txt-edit { vertical-align: top; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='2'] .dn-d-mp-g-txt-lbl { padding-right: 73px; margin-right: -73px; vertical-align: baseline; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='2'] > ul { vertical-align: baseline; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='2'] a.dn-d-mp-g-txt-edit { vertical-align: top; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='3'] .dn-d-mp-g-txt-lbl { padding-right: 92px; margin-right: -92px; vertical-align: baseline; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='3'] > ul { vertical-align: baseline; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='3'] a.dn-d-mp-g-txt-edit { vertical-align: top; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='4'] .dn-d-mp-g-txt-lbl { padding-right: 111px; margin-right: -111px; vertical-align: baseline; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='4'] > ul { vertical-align: baseline; } .dn-d-mp-group .dn-d-mp-group-text-fields .dn-d-mp-group-text-field-list > li[data-colors='4'] a.dn-d-mp-g-txt-edit { vertical-align: top; } .dn-d-mp-group .dn-d-mp-group-ungroup { text-align: center; } .dn-d-mp-group .dn-d-mp-group-ungroup a { font-size: 13px; text-decoration: underline; } .dn-d-mp-group .dn-d-mp-edit-text-container { display: none; } .dn-d-mp-group .dn-d-mp-edit-text-container textarea.dn-d-mp-edit-text-area { width: 100%; } .dn-d-mp-group .dn-d-mp-edit-text-container a { display: inline-block; width: 40%; margin: 5%; text-decoration: underline; } .dn-d-mp-group .dn-d-mp-edit-text-container a.dn-d-mp-button { text-align: left; } .dn-d-mp-group .dn-d-mp-edit-text-container a.dn-d-mp-cancel-button { text-align: right; } .dn-d-mp-group.dn-editing-text .dn-d-mp-body { display: none; } .dn-d-mp-group.dn-editing-text .dn-d-mp-edit-text-container { display: block; } .dn-designer-layers-container { padding: 3px; } .dn-designer-layers-container h3.dn-d-process-manage-pane-header { margin-bottom: 0px; font-weight: bold; } .dn-d-mp-header { margin-bottom: 3px; } .dn-d-mp-header .dn-d-mp-title { display: inline-block; width: 100%; z-index: 0; margin-right: -66px; padding-right: 66px; position: relative; height: 26px; vertical-align: middle; } .dn-d-mp-header .dn-d-mp-title li { display: inline-block; } .dn-d-mp-header .dn-d-mp-title .dn-d-mp-icon { width: 20px; height: 26px; vertical-align: middle; text-align: center; } .dn-d-mp-header .dn-d-mp-title .dn-d-mp-icon img { margin-top: 5px; } .dn-d-mp-header .dn-d-mp-title .dn-d-mp-title-title { margin-left: -20px; padding-left: 20px; margin-right: -85px; padding-right: 85px; width: 100%; vertical-align: middle; position: relative; } .dn-d-mp-header .dn-d-mp-title .dn-d-mp-title-title span { padding-left: 4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; display: inline-block; vertical-align: middle; } .dn-d-mp-header .dn-d-mp-title .dn-d-mp-title-dimension { width: 85px; font-size: 0.7em; overflow: hidden; text-align: right; vertical-align: middle; } .dn-d-mp-header .dn-d-mp-controls { display: inline-block; width: 66px; height: 26px; vertical-align: middle; overflow: hidden; text-align: right; padding: 3px; position: relative; z-index: 1; } .dn-d-mp-header .dn-d-mp-controls li { display: inline-block; width: 15px; height: 15px; margin-top: 2px; cursor: pointer; } .dn-d-mp-header .dn-d-mp-controls li span { display: none; } .dn-d-mp-header .dn-d-mp-controls li:hover { opacity: 0.7; } .dn-d-mp-header .dn-d-mp-controls li.dn-disabled, .dn-d-mp-header .dn-d-mp-controls li.dn-disabled:hover { opacity: 0.4; cursor: default; } .dn-d-mp-header.dn-selected { outline: 1px dashed black; } .dn-d-mp-header.dn-highlight { outline: 1px dotted black; } body.dn-designer-panel-open.dn-designer-slim-mode { overflow: hidden; position: absolute; height: 100%; width: 100%; } body.dn-designer-panel-open.dn-designer-slim-mode .dnm-top-header-container { display: none; } body.dn-designer-panel-open.dn-designer-slim-mode .dn-breadcrumbs { display: none; } body.dn-designer-panel-open.dn-designer-slim-mode footer { display: none; } .dn-designer .dn-designer-popup-panel-container .dn-popup-background { display: none; } .dn-designer[data-breakpoint-small='false'] .dn-designer-popup-panel-container.dn-alt { display: block; } .dn-designer[data-breakpoint-small='false'] .dn-designer-popup-panel-container.dn-alt .dn-popup-background { display: block; z-index: 899; height: 100%; width: 100%; position: fixed; top: 0; left: 0; background-color: #efefef; opacity: 0.75; content: "."; } .dn-designer[data-breakpoint-small='false'] .dn-designer-popup-panel-container.dn-alt .dn-popup { opacity: 1.0; z-index: 900; position: fixed; left: 0px; top: 0px; max-width: 100%; width: 100%; height: 100%; display: block; border-radius: 0px; padding-bottom: 0px; background: #efefef; } .dn-designer[data-breakpoint-small='false'] .dn-designer-popup-panel-container.dn-alt .dn-popup .dn-designer-panel { height: 100%; border-width: 0px; box-shadow: none; border-radius: 0px; } .dn-designer[data-breakpoint-small='false'] .dn-designer-popup-panel-container.dn-alt .dn-popup .dn-designer-panel .dn-designer-panel-content .dn-d-mp-dropdown-actions { display: none; } .dn-designer[data-breakpoint-small='false'] .dn-designer-popup-panel-container.dn-alt .dn-popup.dn-selecting-item .dn-designer-panel { margin-bottom: 0; padding-bottom: 0; } .dn-designer[data-breakpoint-small='false'] .dn-designer-popup-panel-container.dn-alt .dn-popup .dn-designer-panel-footer { display: block; position: absolute; bottom: 0; letter-spacing: -0.31em; border: none; background-color: #e2e2e2; border-top: 1px solid #e2e2e2; z-index: 2; height: 50px; padding: 5px; width: 100%; text-align: right; } .dn-designer[data-breakpoint-small='false'] .dn-designer-popup-panel-container.dn-alt .dn-popup .dn-designer-panel-footer .dn-btn { width: 100%; } .dn-designer[data-breakpoint-small='false'] .dn-designer-product-views-panel.dn-popup { padding-top: 0; padding-bottom: 0; } .dn-designer[data-breakpoint-small='false'] .dn-designer-product-views-panel.dn-popup .dn-designer-panel { max-width: 100%; } .dn-designer-toolbar { position: absolute; width: 330px; opacity: 0.4; margin-top: 5px; margin-left: -27px; transition: opacity 0.2s linear; z-index: 1000; } .dn-designer-toolbar:hover { opacity: 1.0; } .dn-designer-toolbar > div { display: inline-block; } .dn-designer-toolbar .dn-d-tb-button { height: 30px; width: 30px; overflow: hidden; background-position: center center; background-repeat: no-repeat; cursor: pointer; background-color: #fafafa; border: 1px solid #cccccc; border-radius: 3px; margin-right: 2px; font-size: 20px; padding: 4px; } .dn-designer-toolbar .dn-d-tb-button:hover { background-color: #e6e6e6; } .dn-designer-toolbar .dn-d-tb-button label { display: none; } .dn-designer-toolbar .dn-d-tb-button.dn-disabled { opacity: 0.3; cursor: default; } .dn-designer-toolbar .dn-d-tb-button.dn-disabled:hover { background-color: white; } .dn-designer-toolbar .dn-d-tb-zoom .dn-d-tb-zoom-in { display: none; } .dn-designer-toolbar .dn-d-tb-zoom .dn-d-tb-zoom-in.dn-alt { display: block; } .dn-designer-toolbar .dn-d-tb-zoom .dn-d-tb-zoom-out { display: none; } .dn-designer-toolbar .dn-d-tb-zoom .dn-d-tb-zoom-out.dn-alt { display: block; } .dn-designer-toolbar .dn-d-tb-copy .dn-d-tb-copy-button-container .dn-d-tb-copy-dropdown { display: none; } .dn-designer-toolbar .dn-d-tb-copy .dn-d-tb-copy-button-container.dn-disabled .dn-d-tb-copy-button { opacity: 0.3; cursor: default; } .dn-designer-toolbar .dn-d-tb-copy .dn-d-tb-copy-button-container.dn-alt .dn-d-tb-copy-dropdown { display: block; position: absolute; letter-spacing: normal; word-spacing: normal; width: 60px; margin-top: -1px; border: 1px solid #cccccc; background-color: white; } .dn-designer-toolbar .dn-d-tb-copy .dn-d-tb-copy-button-container.dn-alt .dn-d-tb-copy-dropdown > div { cursor: pointer; padding: 3px; } .dn-designer-toolbar .dn-d-tb-copy .dn-d-tb-copy-button-container.dn-alt .dn-d-tb-copy-dropdown > div:hover { background-color: #cccccc; } .dn-designer-toolbar .dn-d-tb-copy .dn-d-tb-copy-button-container.dn-alt .dn-d-tb-copy-dropdown > div.dn-disabled { opacity: 0.3; cursor: default; } .dn-designer-toolbar .dn-d-tb-copy .dn-d-tb-copy-button-container.dn-alt .dn-d-tb-copy-dropdown > div.dn-disabled:hover { background-color: white; } .dn-designer-toolbar .dn-d-tb-fill .dn-d-tb-fill-button { width: 50px; position: relative; } .dn-designer-toolbar .dn-d-tb-fill .dn-d-tb-fill-button .dn-d-tb-fill-color { position: absolute; width: 18px; height: 18px; right: 4px; top: 5px; border-radius: 3px; } .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar { margin-left: 5px; } svg.eyedropper-on { cursor: url(/stylesheets/template_creator/cursor-eyedropper.png) 6 6, pointer; z-index: 2000; } .dn-popup.dn-designer-popup .dn-d-intro-add-types-list li { position: relative; cursor: pointer; font-size: 30px; line-height: 1.2em; background-color: #007bff; border: 0px solid #363434; margin-top: 10px; margin-bottom: 10px; padding: 5px; border-radius: 3px; color: white; font-family: "Poppins"; } .dn-popup.dn-designer-popup .dn-d-intro-add-types-list li .dn-icon { display: inline-block; width: 80px; vertical-align: middle; font-size: 50px; padding: 10px; } .dn-popup.dn-designer-popup .dn-d-intro-add-types-list li .dn-d-intro-action-message { vertical-align: middle; display: inline-block; width: 100%; margin-left: -80px; padding-left: 90px; } .dn-popup.dn-designer-popup .dn-d-intro-add-types-list li .dn-d-intro-action-message h4 { margin-bottom: 0px; color: white; font-family: "Poppins"; } .dn-popup.dn-designer-popup .dn-d-intro-add-types-list li .dn-d-intro-action-message b { display: block; font-size: 12px; line-height: 1.2em; letter-spacing: normal; word-spacing: normal; color: white; font-family: "Poppins"; } /* textarea { font-family: $v-inp-input-font-family; font-size: $v-inp-input-font-size; color: $v-inp-input-font-color; } */ .dn-decoration-area { position: absolute; } .dn-decoration-area .dn-d-drop-target { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: none; z-index: 1000; opacity: 0.7; background-color: white; border: 2px solid black; background-image: url(/images/icons/open-iconic/png/data-transfer-upload-6x.png); background-position: center center; background-repeat: no-repeat; } .dn-decoration-area.dn-d-is-dragover .dn-d-drop-target { display: block; } .dn-widget-page_content_designer .dn-widget-content-container { font-size: 13px; } .dn-designer { letter-spacing: -0.31em; position: relative; height: 100%; scrollbar-highlight-color: #cccccc; scrollbar-face-color: white; scrollbar-arrow-color: white; scrollbar-track-color: white; } .dn-designer .dn-designer-vertical-fill { position: relative; } .dn-designer .dn-d-bundle-sizes { display: none; } .dn-designer .dn-d-bundle-notice { display: inline-block; } .dn-designer p, .dn-designer a { font-size: 13px; line-height: 1.6em; } .dn-designer .dn-designer-toolbar-design-actions { width: 100%; z-index: 4; display: inline-block; position: relative; border-top: 1px solid #fffff4; border-bottom: 1px solid #fffff4; background-color: #1c1b1b; color: #fffff4; } .dn-designer .dn-designer-toolbar-design-actions > div { display: inline-block; width: 20%; letter-spacing: normal; word-spacing: normal; border-left: 1px solid #fffff4; height: 45px; font-size: 13px; font-weight: bold; vertical-align: bottom; text-align: center; overflow: hidden; padding: 7px; opacity: 1.0; transition: opacity 0.2s linear; cursor: pointer; } .dn-designer .dn-designer-toolbar-design-actions > div:hover { opacity: 0.7; } .dn-designer .dn-designer-toolbar-design-actions > div label { cursor: pointer; font-size: 9px; } .dn-designer .dn-designer-toolbar-design-actions > div .dn-large { display: none; } .dn-designer .dn-designer-toolbar-design-actions > div > div { height: 17px; text-align: center; font-size: 22px; } .dn-designer .dn-designer-toolbar-design-actions > div .dn-icon-text { font-size: 17px; } .dn-designer .dn-designer-toolbar-design-actions .dn-designer-select-product { border-left: 1px solid #fffff4; } .dn-designer .dn-designer-toolbar-design-actions .dn-designer-select-location { border-right: 1px solid #fffff4; } .dn-designer .dn-designer-toolbar-design-actions div.dn-designer-disable-overlay { display: none; } .dn-designer .dn-designer-toolbar-design-actions div.dn-designer-add-placeholder { display: none; } .dn-designer .dn-designer-toolbar-design-actions .dn-designer-logo-image { background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; height: 100%; } .dn-designer .dn-designer-toolbar-design-actions .dn-designer-icon-image { background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; } .dn-designer .dn-designer-toolbar-user-actions { z-index: 4; letter-spacing: -0.31em; border-top: 1px solid #fffff4; border-bottom: 1px solid #fffff4; background-color: #1c1b1b; width: 100%; display: inline-block; position: absolute; left: 0px; top: 100%; margin-top: -72px; } .dn-designer .dn-designer-toolbar-user-actions > div { display: inline-block; width: 33.3333%; letter-spacing: normal; word-spacing: normal; border-right: 1px solid #fffff4; height: 70px; padding: 10px; vertical-align: bottom; text-align: center; } .dn-designer .dn-designer-toolbar-user-actions > div .dn-large { display: none; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-close { font-size: 13px; font-weight: bold; vertical-align: bottom; text-align: center; overflow: hidden; padding: 7px; opacity: 1.0; transition: opacity 0.2s linear; cursor: pointer; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-close:hover { opacity: 0.7; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-close label { cursor: pointer; font-size: 9px; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-close .dn-large { display: none; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-close > div { height: 17px; text-align: center; font-size: 22px; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-close .dn-icon-text { font-size: 17px; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart { border-right: 1px solid #fffff4; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty { padding: 0px; border-left: 1px solid #fffff4; text-align: center; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty .dn-designer-toolbar-qty-content { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty .dn-designer-toolbar-qty-content h4 { display: inline-block; text-align: right; padding-right: 3px; vertical-align: middle; color: #fffff4; text-transform: uppercase; margin-bottom: 0px; width: auto; max-width: 60px; overflow: hidden; text-overflow: ellipsis; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty .dn-designer-toolbar-qty-content .dn-d-qty-input-container { vertical-align: middle; display: inline-block; width: 57px; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty .dn-designer-toolbar-qty-content .dn-d-qty-input-container .dn-d-qty-dropdown-list { top: -121px; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty .dn-designer-toolbar-qty-content .dn-d-qty-input-container #qty { width: 100%; height: 47px; font-size: 15px; padding: 3px; vertical-align: middle; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty .dn-designer-toolbar-qty-content .dn-d-bundle-information { font-size: 0.7em; line-height: 1em; margin-top: 2px; margin-bottom: 0px; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price { padding: 0px 0 5px 0; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container { position: relative; display: inline-block; vertical-align: middle; font-size: 20px; line-height: 1em; font-size: 20px; margin-bottom: -7px; width: 100%; overflow: hidden; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-price { color: #fffff4; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-price .dn-rrp { color: #fffff4; text-decoration: line-through; opacity: 0.4; font-size: 0.8em; vertical-align: top; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-price .dn-price-container { white-space: nowrap; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-price .dn-price-container .dn-price-currency-code { font-size: 0.4em; display: inline-block; margin-left: -3px; vertical-align: super; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-unit-price-container { color: #fffff4; font-size: 0.5em; opacity: 0.7; line-height: 1em; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-unit-price-container .dn-unit-price { display: inline-block; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-unit-price-container .dn-unit-price .dn-rrp { display: none; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-unit-price-container .dn-unit-price .dn-price-container { white-space: nowrap; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-unit-price-container .dn-unit-price .dn-price-container .dn-price-currency-code { font-size: 0.4em; display: inline-block; margin-left: -3px; vertical-align: super; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart .dn-d-alert-icon { display: none; position: absolute; right: 0px; top: 10px; height: 32px; width: 32px; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart .dn-btn { text-align: center; max-width: 170px; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; position: relative; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart .dn-btn-update-line-item { display: none; background-image: none; padding-left: 0px; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart .dn-icon-shopping-cart { font-size: 25px; display: inline-block; padding-right: 6%; vertical-align: middle; margin-top: -6px; margin-bottom: -6px; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart .dn-btn-cart { width: 100%; height: 100%; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart.dn-alt .dn-btn-cart { display: none; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart.dn-alt .dn-btn-cart.dn-btn-update-line-item { display: block; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart.dn-d-warning .dn-d-alert-icon { display: block; background-image: url("/images/icons/itoolbar_i/32/alert.png?ab636f73d02889d74db0953d61bb1a95"); } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart.dn-d-error .dn-d-alert-icon { display: block; background-image: url("/images/icons/itoolbar_i/32/alert_red.png?ab636f73d02889d74db0953d61bb1a95"); } .dn-designer .dn-designer-toolbar-user-actions.dn-alt > div { width: 50%; } .dn-designer .dn-designer-panel-container { z-index: 3; display: none; position: absolute; } .dn-designer .dn-designer-panel-container .dn-designer-panel-footer { display: none; z-index: 2; position: relative; width: 100%; height: 44px; border: 1px solid #fffff4; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; overflow: hidden; border-top-width: 0; } .dn-designer .dn-designer-panel-container .dn-designer-panel-footer > div { background-color: #e2e2e2; width: 100%; } .dn-designer .dn-designer-panel-container .dn-designer-panel { background-color: #efefef; /*height: 100%;*/ padding-top: 39px; position: relative; border: 1px solid #fffff4; border-radius: 0px; } .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-heading { margin-top: -39px; border-bottom: 1px solid #fffff4; background-color: #1c1b1b; padding: 3px 8px; } .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-heading h3 { color: #fffff4; margin: 0; font-size: 13px; line-height: 32px; } .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-content { background-color: #efefef; color: black; height: 100%; overflow: auto; padding: 0px; } .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-content .dn-product-description { word-wrap: break-word; word-break: break-word; white-space: normal; overflow-wrap: break-word; } .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-content .dn-product-description pre { white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; } .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-content h3 { font-size: 13px; color: black; } .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-content a, .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-content p { color: black; } .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-content #properties_product_details_content { padding: 10px; } .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-content .dn-content-expander.dn-content-expandable .dn-content-expander-actions { background-color: transparent; background-image: -webkit-linear-gradient(-270deg, #efefef 0%, #efefef 40%, transparent 100%); background-image: linear-gradient(0deg,#efefef 0%, #efefef 40%, transparent 100%); } .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-content .dn-content-expander.dn-content-expandable .dn-content-expander-actions > div span { background-color: transparent; } .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-footer { display: none; } .dn-designer .dn-designer-panel-container .dn-designer-panel.dn-alt { display: block; } .dn-designer .dn-designer-panel-container .dn-designer-panel.dn-alt .dn-late-loading { display: block; } .dn-designer .dn-designer-panel-container.dn-selecting-item .dn-designer-panel { margin-bottom: -44px; padding-bottom: 56px; } .dn-designer .dn-designer-panel-container.dn-selecting-item .dn-designer-panel-footer { height: 46px; display: block; } .dn-designer .dn-designer-panel-container.dn-at-fullheight .dn-designer-panel { height: 100%; } .dn-designer .dn-designer-properties-panels-container { height: 100%; position: relative; } .dn-designer .dn-designer-properties-panels { z-index: 3; display: none; position: absolute; top: 0; padding: 0px; height: 100%; width: 25%; max-width: 320px; vertical-align: top; } .dn-designer .dn-designer-properties-panels .dn-designer-properties-panel { display: none; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-btn { background-color: #cd2b2b; border: 1px solid #b3b3b3; text-transform: none; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-btn span { color: white; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-lifestyle-image { display: none; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content h3 { width: 100%; text-align: center; display: inline-block; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-select-product-container, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-more-details-container { width: 100%; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-color-field-container { width: 100%; clear: both; padding: 10px 0px 0px; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-color-field-container .dn-color-panel .dn-color-panel-cell { border-width: 1px; cursor: pointer; height: 40px; width: 40px; margin: 2px; } @media only screen and (min-width: 768px) { .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-color-field-container .dn-color-panel .dn-color-panel-cell { border-width: 1px; height: 22px; width: 22px; margin: 2px; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-color-field-container .dn-color-panel.dn-colors-heaps .dn-color-panel-cell { height: 15px; width: 15px; margin: 0px; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-color-field-container .dn-color-panel.dn-colors-many .dn-color-panel-cell { height: 20px; width: 20px; margin: 1px; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-color-field-container .dn-color-panel.dn-colors-few .dn-color-panel-cell { height: 25px; width: 25px; margin: 2px; } } .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-color-selected-label { padding-left: 3px; font-size: 0.9em; letter-spacing: normal; word-spacing: normal; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-select-size-container > label { font-weight: bold; display: inline-block; padding-right: 5px; vertical-align: middle; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-select-size, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-select-extra-fields { padding-bottom: 10px; font-size: 1.0em; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-select-size label, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-select-extra-fields label { font-weight: bold; display: inline-block; padding-right: 5px; vertical-align: middle; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-select-size div, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-select-extra-fields div { display: inline-block; vertical-align: middle; letter-spacing: normal; word-spacing: normal; padding-right: 5px; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-select-size a, .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-select-extra-fields a { display: inline-block; vertical-align: middle; text-decoration: underline; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-size-field-container { display: none; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-description { margin-top: 5px; letter-spacing: normal; word-spacing: normal; line-height: 16px; font-size: 12px; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-product-description h4 { font-size: 1em; margin-bottom: 5px; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel.dn-showing-sizes-inline .dn-designer-properties-content .dn-product-select-size { display: none; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel.dn-showing-sizes-inline .dn-designer-properties-content .dn-product-size-field-container { display: block; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel.dn-showing-sizes-inline .dn-designer-properties-content .dn-select-size-qty-container .dn-sizes-container { display: inline-block; width: 100%; vertical-align: middle; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel.dn-showing-sizes-inline .dn-designer-properties-content .dn-select-size-qty-container.dn-with-qty .dn-sizes-container { margin-right: -70px; padding-right: 70px; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel.dn-showing-sizes-inline .dn-designer-properties-content .dn-select-size-qty-container.dn-with-qty .dn-size-qty-container { display: inline-block; width: 55px; padding-left: 5px; vertical-align: middle; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel[data-breakpoint-200='true'] .dn-designer-properties-content .dn-product-lifestyle-image { width: 40%; text-align: center; vertical-align: top; display: inline-block; border: 1px solid #ccc; padding: 1px; line-height: 0px; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel[data-breakpoint-200='true'] .dn-designer-properties-content .dn-product-lifestyle-image img { width: 100%; max-width: 150px; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel[data-breakpoint-200='true'] .dn-designer-properties-content h3 { width: 60%; text-align: left; vertical-align: top; display: inline-block; padding-left: 10px; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel[data-breakpoint-200='true'] .dn-designer-properties-content .dn-select-product-container { margin-top: 10px; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel[data-breakpoint-250='true'] .dn-designer-properties-content .dn-product-lifestyle-image { float: left; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel[data-breakpoint-250='true'] .dn-designer-properties-content .dn-product-lifestyle-image img { width: 100%; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel[data-breakpoint-250='true'] .dn-designer-properties-content h3 { padding-left: 10px; float: right; margin-bottom: 0px; } .dn-designer .dn-designer-properties-panels .dn-product-details-panel[data-breakpoint-250='true'] .dn-designer-properties-content .dn-select-product-container, .dn-designer .dn-designer-properties-panels .dn-product-details-panel[data-breakpoint-250='true'] .dn-designer-properties-content .dn-product-more-details-container { float: right; width: 60%; padding-left: 10px; } .dn-designer .dn-designer-properties-panels .dn-designer-item-properties-container { /*padding-top: 30px; - use default*/ position: relative; } .dn-designer .dn-designer-properties-panels .dn-designer-item-properties-container .dn-designer-properties-heading { /*margin-top: -30px; - use default*/ } .dn-designer .dn-designer-properties-panels .dn-designer-item-properties-container .dn-designer-properties-content { padding: 7px; padding-bottom: 0px; max-height: 100%; overflow: auto; } .dn-designer .dn-designer-product-views-panel { display: none; position: absolute; top: 0; height: 100%; padding: 0px; padding-top: 77px; padding-bottom: 35px; width: 20%; letter-spacing: normal; word-spacing: normal; vertical-align: top; z-index: 3; text-align: center; } .dn-designer .dn-designer-product-views-panel .dn-designer-panel { max-width: 150px; } .dn-designer .dn-designer-product-views-panel .dn-designer-product-views { letter-spacing: -0.31em; background-color: #efefef; text-align: center; margin: auto; width: 100px; padding-top: 10px; padding-bottom: 10px; } .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li { position: relative; margin-bottom: 10px; } .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li > span { display: none; } .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li > b { display: none; } .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li img { width: 100%; cursor: pointer; } .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li .dn-d-sel-area-highlight { position: absolute; z-index: 2; background-color: rgba(197, 197, 73, 0.67); border: 1px solid #FF5B5B; cursor: pointer; } .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li div.dn-d-select-area-container select { width: 100%; top: -7px; padding: 5px 20px 5px 2px; text-align: center; } .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li div.dn-d-select-area-container select option { width: auto; } .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li:last-of-type { margin-bottom: 0px; } .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li.dn-d-with-areas label { display: none; } .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li:hover img, .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li:hover div.dn-d-sel-non-vis, .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li.dn-alt img, .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li.dn-alt div.dn-d-sel-non-vis { border: 1px solid #bcbcbc; border-radius: 2px; padding: 1px; } .dn-designer .dn-designer-sundry-options { position: absolute; letter-spacing: -0.31em; top: 100%; height: 220px; margin-top: -295px; width: 40px; left: 100%; margin-left: -40px; z-index: 4; overflow: hidden; vertical-align: bottom; } .dn-designer .dn-designer-sundry-options > div { cursor: pointer; opacity: 0.7; width: 32px; height: 32px; display: inline-block; margin: 2px; padding: 6px; font-size: 20px; background-color: white; color: #1c1b1b; border-radius: 16px; transition: opacity 0.2s linear; } .dn-designer .dn-designer-sundry-options > div:hover { opacity: 1.0; } .dn-designer .dn-designer-sundry-options > div label { display: none; } .dn-designer .dn-designer-sundry-options > div.dn-async-action-container { width: 100%; height: 100%; cursor: auto; opacity: 0.5; } .dn-designer .dn-designer-used-colors { position: relative; width: 100%; height: 30px; margin-top: -145px; top: 0; display: none; letter-spacing: normal; word-spacing: normal; background-color: white; z-index: 5; overflow: hidden; direction: rtl; } .dn-designer .dn-designer-used-colors > div { /*border:1px solid $v-color-d-border; background: $v-color-d-heading-bg;*/ height: 30px; text-align: center; padding-top: 2px; } @media only screen and (min-width: 768px) { .dn-designer .dn-designer-used-colors > div { border: none; background: none; } } .dn-designer .dn-designer-used-colors > div label { direction: ltr; display: inline-block; } .dn-designer .dn-designer-used-colors > div span { display: inline-block; direction: ltr; } .dn-designer .dn-designer-used-colors > div span.dn-designer-used-colors-count { background: #363434; color: white; border-radius: 2px; padding: 2px 6px 2px 6px; margin-right: 3px; } .dn-designer .dn-designer-used-colors > div span.dn-designer-used-colors-plus-whitebase { font-size: 0.8em; vertical-align: middle; } .dn-designer .dn-designer-used-colors > div ul { display: inline-block; vertical-align: middle; } .dn-designer .dn-designer-main-image-panel { padding-right: 30px; padding-left: 30px; width: 100%; height: 100%; vertical-align: top; margin: auto; padding-bottom: 130px; position: relative; z-index: 1; overflow: hidden; } .dn-designer .dn-designer-main-image-panel .dn-designer-main-image-container { position: relative; width: 100%; height: 100%; } .dn-designer .dn-designer-main-image-panel .dn-designer-main-image-container .dn-designer-view-container { position: relative; } .dn-designer .dn-designer-main-image-panel img { width: 100%; display: block; margin: auto; } .dn-designer .dn-designer-process-settings { position: absolute; padding-right: 7%; padding-left: 7%; width: 100%; top: 100%; margin-top: -90px; height: 20px; overflow: hidden; display: none; letter-spacing: normal; word-spacing: normal; text-align: center; background-color: white; } .dn-designer .dn-designer-process-settings .dn-d-screen-message a { text-decoration: underline; font-weight: bold; } .dn-designer .dn-decoration-area { position: absolute; overflow: visible; } .dn-designer .dn-decoration-area svg { z-index: 1; } .dn-designer .dn-decoration-area:before { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 0; border: 1px dotted white; content: ' '; } .dn-designer .dn-decoration-area.dn-selected:before { border-color: red; } .dn-designer .dn-decoration-area-crop { position: absolute; overflow: hidden; } .dn-designer .dn-decoration-area-crop:before { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 0; border: 1px solid black; content: ' '; } .dn-designer .dn-decoration-area-crop.dn-selected:before { border-color: yellow; } .dn-designer .dn-decoration-area-crop.dn-with-overlay-rounded-rectangle.dn-selected:before { border-radius: 12%; } .dn-designer .dn-decoration-area-crop.dn-with-overlay-circle.dn-selected:before { border-radius: 50%; } .dn-designer .dn-decoration-area-crop.dn-with-outline:before, .dn-designer .dn-decoration-area.dn-with-outline:before, .dn-designer .dn-decoration-area-crop.dn-selected.dn-with-outline:before, .dn-designer .dn-decoration-area.dn-selected.dn-with-outline:before, .dn-designer .dn-decoration-area.dn-with-overlay:before, .dn-designer .dn-decoration-area.dn-selected.dn-with-overlay:before { display: none; } .dn-designer .dn-decoration-area.dn-with-overlay-rounded-rectangle:before, .dn-designer .dn-decoration-area.dn-selected.dn-with-overlay-rounded-rectangle:before { border-radius: 12%; border-width: 1px; } .dn-designer .dn-decoration-area.dn-with-overlay-circle:before, .dn-designer .dn-decoration-area.dn-selected.dn-with-overlay-circle:before { border-radius: 50%; border-width: 1px; } .dn-designer .dn-decoration-area.dn-with-overlay-custom:before { border-width: 0px; outline: 1px dotted white; box-shadow: 0 0 0 1px black; } .dn-designer .dn-decoration-area.dn-selected.dn-with-overlay-custom:before { border-width: 0px; outline: 1px dotted red; box-shadow: 0 0 0 1px yellow; } .dn-designer .dn-decoration-area-crop.dn-with-overlay-custom:before { border-width: 0px; } .dn-designer .dn-decoration-area-overlay { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 3; } .dn-designer .dn-designer-view-container.dn-hide-grid .dn-decoration-area:before { display: none; } .dn-designer .dn-designer-view-container.dn-hide-grid .dn-decoration-area-crop:before { display: none; } body.dn-panels-without-scroll .dn-designer .dn-designer-panel .dn-designer-properties-content { overflow: hidden; } .dn-designer.dn-with-used-colors .dn-designer-used-colors { display: block; } .dn-designer.dn-with-used-colors .dn-designer-main-image-panel { padding-bottom: 150px; } .dn-designer.dn-with-process-settings .dn-designer-process-settings { display: block; z-index: 1; } .dn-designer.dn-with-process-settings .dn-designer-main-image-panel { padding-bottom: 150px; } .dn-designer[data-breakpoint-small='true'] { height: 90%; } .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions { width: 100%; margin-right: -40%; padding-right: 40%; vertical-align: top; } .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions > div { width: 25%; } .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions > div, .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-close { height: 70px; padding: 10px; } .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions > div .dn-large, .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-close .dn-large { display: block; } .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions > div .dn-small, .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-close .dn-small { display: none; } .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions > div label, .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-close label { display: block; font-size: 0.8em; line-height: 1.3em; } .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions > div > div, .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-close > div { height: 35px; font-size: 27px; } .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions > div .dn-icon-text, .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-close .dn-icon-text { font-size: 24px; } .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions > div > div.dn-designer-logo-image, .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-close > div.dn-designer-logo-image { height: 100%; } .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions > div .dn-designer-icon-image, .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-close .dn-designer-icon-image { background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; } .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-design-actions div.dn-designer-select-location { display: none; } .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions { width: 40%; display: inline-block; position: relative; margin-top: 0px; top: 1px; border-top-width: 0px; border-bottom-width: 0px; box-shadow: none; color: #fffff4; vertical-align: top; } .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty { border-left: 1px solid #fffff4; } .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty > div .dn-d-qty-input-container .dn-d-qty-dropdown-list { top: 46px; } .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-d-bundle-sizes { display: inline-block; } .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-d-bundle-notice { display: none; } .dn-designer[data-breakpoint-small='true'] .dn-designer-toolbar-user-actions .dn-designer-toolbar-add-to-cart .dn-btn.dn-btn-update-line-item { padding-left: 0px; background-image: none; } .dn-designer[data-breakpoint-small='true'] .dn-designer-properties-panels { display: block; margin-left: 0%; padding-top: 77px; padding-bottom: 10px; } .dn-designer[data-breakpoint-small='true'] .dn-designer-properties-panels.dn-selecting-item .dn-designer-panel-footer > div { padding: 2px 5px; } .dn-designer[data-breakpoint-small='true'] .dn-designer-sundry-options { height: 36px; margin-top: -40px; width: 220px; left: 100%; max-width: 220px; min-width: 144px; margin-left: -220px; text-align: right; } .dn-designer[data-breakpoint-small='true'] .dn-designer-sundry-options > div { text-align: left; } .dn-designer[data-breakpoint-small='true'] .dn-designer-product-views-panel { display: block; right: 0px; width: 150px; } .dn-designer[data-breakpoint-small='true'] .dn-designer-product-views-panel .dn-designer-panel { margin-right: 0px; } .dn-designer[data-breakpoint-small='true'] .dn-designer-main-image-panel { padding-right: 150px; padding-left: 25%; padding-bottom: 75px; } .dn-designer[data-breakpoint-small='true'] .dn-designer-process-settings { padding-right: 22%; padding-left: 25%; } .dn-designer[data-breakpoint-small='true'] .dn-designer-used-colors { padding-right: 22%; padding-left: 25%; } .dn-designer[data-breakpoint-small='true'] .dn-designer-used-colors > div { text-align: center; position: static; width: auto; } .dn-designer.dn-with-process-settings[data-breakpoint-small='true'] .dn-designer-main-image-panel { padding-bottom: 95px; } .dn-designer.dn-with-process-settings[data-breakpoint-small='true'] .dn-designer-process-settings { margin-top: -20px; } .dn-designer.dn-with-used-colors[data-breakpoint-small='true'] .dn-designer-main-image-panel { padding-bottom: 102px; } .dn-designer.dn-with-used-colors[data-breakpoint-small='true'] .dn-designer-used-colors { margin-top: -100px; z-index: 2; } .dn-designer[data-breakpoint-900='true'] .dn-designer-toolbar-design-actions > div label, .dn-designer[data-breakpoint-900='true'] .dn-designer-toolbar-user-actions .dn-designer-close label { display: block; font-size: 0.9em; line-height: 1.2em; } .dn-designer[data-breakpoint-1050='true'] .dn-designer-toolbar-design-actions > div label, .dn-designer[data-breakpoint-1050='true'] .dn-designer-toolbar-user-actions .dn-designer-close label { font-size: 1em; } /* if its landscape, we are height constrained */ .dn-designer[data-orientation='landscape'] .dn-designer-main-image-panel { height: 100%; } .dn-designer[data-orientation='landscape'] .dn-designer-main-image-panel .dn-designer-main-image-container { height: 100%; } .dn-designer[data-orientation='landscape'] .dn-designer-main-image-panel .dn-designer-main-image-container .dn-designer-view-container { height: 100%; } .dn-designer[data-orientation='landscape'] .dn-designer-main-image-panel .dn-designer-main-image-container .dn-designer-view-container img { width: auto; height: 100%; display: block; } .dn-designer[data-orientation='landscape'] .dn-designer-main-image-panel .dn-designer-main-image-container .dn-designer-view-container .dn-with-overlay-custom img { padding: 0px; } .dn-designer[data-orientation='landscape'] .dn-designer-main-image-panel .dn-designer-main-image-container .dn-designer-view-container .dn-decoration-area-overlay { width: 100%; } .dn-designer-zoomout { position: absolute; right: -30px; top: 2px; background: url("/images/icons/itoolbar_i/48/zoom-.png?ab636f73d02889d74db0953d61bb1a95") 50% 50% no-repeat; cursor: pointer; height: 48px; width: 48px; z-index: 2999; } .dn-designer-zoomout.dn-icon-search-minus { background: none; font-size: 48px; } .dn-designer[data-breakpoint-small='true'] .dn-designer-zoomout { right: 2px; } .dn-decorated-product .dn-designer-zoomout { right: 2px; } /* if its landscape, we are height constained */ .dn-designer[data-orientation='landscape'][data-breakpoint-small='true'] .dn-designer-main-image-panel { padding-bottom: 75px; } .dn-designer.dn-with-process-settings[data-orientation='landscape'][data-breakpoint-small='true'] .dn-designer-main-image-panel { padding-bottom: 95px; } .dn-designer.dn-with-used-colors[data-orientation='landscape'][data-breakpoint-small='true'] .dn-designer-main-image-panel { padding-bottom: 100px; } .dn-designer-element { position: absolute; } .dn-designer-element.dn-designer-element-selectable { cursor: pointer; } .dn-designer-element:before { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border: 1px dashed black; display: none; content: ' '; } .dn-designer-element.dn-designer-element-selectable.dn-highlight:before, .dn-designer-element.dn-designer-element-selectable:hover:before { border-style: dotted; display: block; } .dn-designer-element.dn-designer-element-selectable.dn-selected:before { border-style: dashed; display: block; } body.dn-d-transitioning-area .dn-designer-element.dn-designer-element-selectable:before, body.dn-d-transitioning-area .dn-designer-element.dn-designer-element-selectable:hover:before { display: none; } .dn-designer-element.dn-error { outline-color: #993434; } .dn-designer-element.dn-warning { outline-color: #A95623; outline-width: 2px; } .dn-designer, .dn-popup.dn-designer-popup, .dn-page-designer .dn-popup-msgbox, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup { border-color: #fffff4; } .dn-designer input[type='text'], .dn-designer select, .dn-popup.dn-designer-popup input[type='text'], .dn-popup.dn-designer-popup select, .dn-page-designer .dn-popup-msgbox input[type='text'], .dn-page-designer .dn-popup-msgbox select, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup input[type='text'], .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup select { height: 34px; font-size: 14px; line-height: 1.3em; padding: 5px; } .dn-designer textarea, .dn-popup.dn-designer-popup textarea, .dn-page-designer .dn-popup-msgbox textarea, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup textarea { font-size: 14px; padding: 5px; } .dn-designer .dn-btn, .dn-popup.dn-designer-popup .dn-btn, .dn-page-designer .dn-popup-msgbox .dn-btn, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-btn { font-size: 13px; height: 40px; } .dn-designer > h3, .dn-popup.dn-designer-popup > h3, .dn-page-designer .dn-popup-msgbox > h3, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup > h3 { background-color: #1c1b1b; color: #fffff4; position: relative; z-index: 2; } .dn-designer .dn-popup-content-container, .dn-designer .dn-popup-content, .dn-popup.dn-designer-popup .dn-popup-content-container, .dn-popup.dn-designer-popup .dn-popup-content, .dn-page-designer .dn-popup-msgbox .dn-popup-content-container, .dn-page-designer .dn-popup-msgbox .dn-popup-content, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content-container, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content { color: black; background-color: #efefef; } .dn-designer .dn-popup-content-container a, .dn-designer .dn-popup-content-container h2, .dn-designer .dn-popup-content-container h3, .dn-designer .dn-popup-content-container h4, .dn-designer .dn-popup-content-container p, .dn-designer .dn-popup-content a, .dn-designer .dn-popup-content h2, .dn-designer .dn-popup-content h3, .dn-designer .dn-popup-content h4, .dn-designer .dn-popup-content p, .dn-popup.dn-designer-popup .dn-popup-content-container a, .dn-popup.dn-designer-popup .dn-popup-content-container h2, .dn-popup.dn-designer-popup .dn-popup-content-container h3, .dn-popup.dn-designer-popup .dn-popup-content-container h4, .dn-popup.dn-designer-popup .dn-popup-content-container p, .dn-popup.dn-designer-popup .dn-popup-content a, .dn-popup.dn-designer-popup .dn-popup-content h2, .dn-popup.dn-designer-popup .dn-popup-content h3, .dn-popup.dn-designer-popup .dn-popup-content h4, .dn-popup.dn-designer-popup .dn-popup-content p, .dn-page-designer .dn-popup-msgbox .dn-popup-content-container a, .dn-page-designer .dn-popup-msgbox .dn-popup-content-container h2, .dn-page-designer .dn-popup-msgbox .dn-popup-content-container h3, .dn-page-designer .dn-popup-msgbox .dn-popup-content-container h4, .dn-page-designer .dn-popup-msgbox .dn-popup-content-container p, .dn-page-designer .dn-popup-msgbox .dn-popup-content a, .dn-page-designer .dn-popup-msgbox .dn-popup-content h2, .dn-page-designer .dn-popup-msgbox .dn-popup-content h3, .dn-page-designer .dn-popup-msgbox .dn-popup-content h4, .dn-page-designer .dn-popup-msgbox .dn-popup-content p, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content-container a, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content-container h2, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content-container h3, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content-container h4, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content-container p, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content a, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content h2, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content h3, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content h4, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content p { color: black; } .dn-designer .dn-popup-content-container .dn-font-selector .dn-font-categories, .dn-designer .dn-popup-content .dn-font-selector .dn-font-categories, .dn-popup.dn-designer-popup .dn-popup-content-container .dn-font-selector .dn-font-categories, .dn-popup.dn-designer-popup .dn-popup-content .dn-font-selector .dn-font-categories, .dn-page-designer .dn-popup-msgbox .dn-popup-content-container .dn-font-selector .dn-font-categories, .dn-page-designer .dn-popup-msgbox .dn-popup-content .dn-font-selector .dn-font-categories, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content-container .dn-font-selector .dn-font-categories, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content .dn-font-selector .dn-font-categories { background-color: #efefef; border-right-color: #bcbcbc; } .dn-designer .dn-popup-content-container .dn-font-selector .dn-font-listing, .dn-designer .dn-popup-content .dn-font-selector .dn-font-listing, .dn-popup.dn-designer-popup .dn-popup-content-container .dn-font-selector .dn-font-listing, .dn-popup.dn-designer-popup .dn-popup-content .dn-font-selector .dn-font-listing, .dn-page-designer .dn-popup-msgbox .dn-popup-content-container .dn-font-selector .dn-font-listing, .dn-page-designer .dn-popup-msgbox .dn-popup-content .dn-font-selector .dn-font-listing, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content-container .dn-font-selector .dn-font-listing, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-content .dn-font-selector .dn-font-listing { background: #ffffff; } .dn-designer .dn-popup-footer, .dn-popup.dn-designer-popup .dn-popup-footer, .dn-page-designer .dn-popup-msgbox .dn-popup-footer, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-footer { background-color: #d6d6d6; } .dn-designer .dn-popup-footer a, .dn-designer .dn-popup-footer .dn-btn-cancel span, .dn-designer .dn-popup-footer .dn-btn.dn-styled.dn-btn-cancel, .dn-designer .dn-popup-footer .dn-btn.dn-styled.dn-btn-cancel span, .dn-designer .dn-popup-footer .dn-btn.dn-styled.dn-btn-new-design, .dn-designer .dn-popup-footer .dn-btn.dn-styled.dn-btn-new-design span, .dn-popup.dn-designer-popup .dn-popup-footer a, .dn-popup.dn-designer-popup .dn-popup-footer .dn-btn-cancel span, .dn-popup.dn-designer-popup .dn-popup-footer .dn-btn.dn-styled.dn-btn-cancel, .dn-popup.dn-designer-popup .dn-popup-footer .dn-btn.dn-styled.dn-btn-cancel span, .dn-popup.dn-designer-popup .dn-popup-footer .dn-btn.dn-styled.dn-btn-new-design, .dn-popup.dn-designer-popup .dn-popup-footer .dn-btn.dn-styled.dn-btn-new-design span, .dn-page-designer .dn-popup-msgbox .dn-popup-footer a, .dn-page-designer .dn-popup-msgbox .dn-popup-footer .dn-btn-cancel span, .dn-page-designer .dn-popup-msgbox .dn-popup-footer .dn-btn.dn-styled.dn-btn-cancel, .dn-page-designer .dn-popup-msgbox .dn-popup-footer .dn-btn.dn-styled.dn-btn-cancel span, .dn-page-designer .dn-popup-msgbox .dn-popup-footer .dn-btn.dn-styled.dn-btn-new-design, .dn-page-designer .dn-popup-msgbox .dn-popup-footer .dn-btn.dn-styled.dn-btn-new-design span, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-footer a, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-footer .dn-btn-cancel span, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-footer .dn-btn.dn-styled.dn-btn-cancel, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-footer .dn-btn.dn-styled.dn-btn-cancel span, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-footer .dn-btn.dn-styled.dn-btn-new-design, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-popup-footer .dn-btn.dn-styled.dn-btn-new-design span { color: black; background-color: #d6d6d6; } .dn-designer .dn-btn.dn-styled, .dn-popup.dn-designer-popup .dn-btn.dn-styled, .dn-page-designer .dn-popup-msgbox .dn-btn.dn-styled, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-btn.dn-styled { color: white; background-color: #d63b3b; } .dn-designer .dn-btn.dn-styled .dn-btn-label > span, .dn-popup.dn-designer-popup .dn-btn.dn-styled .dn-btn-label > span, .dn-page-designer .dn-popup-msgbox .dn-btn.dn-styled .dn-btn-label > span, .dn-page-designer .dn-popup-container.dn-alt .dn-font-selector-popup.dn-popup .dn-btn.dn-styled .dn-btn-label > span { color: white; } .dn-popup.dn-designer-popup.dn-image-popup img { width: 100%; } .dn-d-sel-non-vis { position: relative; cursor: pointer; } .dn-d-sel-non-vis .dn-d-sel-nv-cs { width: 100%; padding-top: 100%; } .dn-d-sel-non-vis .dn-d-sel-nv-lbl { letter-spacing: normal; word-spacing: normal; position: absolute; top: 10%; left: 10%; text-align: center; background-color: rgba(255, 255, 255, 0.3); width: 80%; } .dn-designer .dn-d-sel-non-vis .dn-d-sel-nv-lbl { display: none; } @media only screen and (min-width: 0px) and (max-width: 767px) { .dn-fullscreen-mobile .dn-designer.dn-exit-mobile-logo .dn-designer-toolbar-design-actions > div, .dn-fullscreen-mobile .dn-designer.dn-exit-mobile-home .dn-designer-toolbar-design-actions > div, .dn-fullscreen-mobile .dn-designer.dn-exit-mobile-back .dn-designer-toolbar-design-actions > div, .dn-fullscreen-mobile .dn-designer.dn-exit-mobile-close .dn-designer-toolbar-design-actions > div { width: 16.6666%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .dn-fullscreen-small .dn-designer.dn-exit-small-logo .dn-designer-toolbar-design-actions > div, .dn-fullscreen-small .dn-designer.dn-exit-small-home .dn-designer-toolbar-design-actions > div, .dn-fullscreen-small .dn-designer.dn-exit-small-back .dn-designer-toolbar-design-actions > div { width: 20%; } .dn-fullscreen-small .dn-designer.dn-exit-small-close .dn-designer-toolbar-design-actions { margin-right: -50%; padding-right: 50%; } .dn-fullscreen-small .dn-designer.dn-exit-small-close .dn-designer-toolbar-user-actions { width: 50%; } .dn-fullscreen-small .dn-designer.dn-exit-small-close .dn-designer-toolbar-user-actions > div { width: 25%; } .dn-fullscreen-small .dn-designer.dn-exit-small-close .dn-designer-toolbar-user-actions.dn-alt > div { width: 33.3333%; } .dn-fullscreen-small .dn-designer.dn-exit-small-close .dn-designer-toolbar-user-actions.dn-concept-mode > div { width: 25%; } } @media only screen and (min-width: 992px) and (max-width: 1209px) { .dn-fullscreen-medium .dn-designer.dn-exit-medium-logo .dn-designer-toolbar-design-actions > div, .dn-fullscreen-medium .dn-designer.dn-exit-medium-home .dn-designer-toolbar-design-actions > div, .dn-fullscreen-medium .dn-designer.dn-exit-medium-back .dn-designer-toolbar-design-actions > div { width: 20%; } .dn-fullscreen-medium .dn-designer.dn-exit-medium-close .dn-designer-toolbar-user-actions > div { width: 25%; } .dn-fullscreen-medium .dn-designer.dn-exit-medium-close .dn-designer-toolbar-user-actions.dn-alt > div { width: 33.3333%; } } @media only screen and (min-width: 1210px) { .dn-fullscreen-large .dn-designer.dn-exit-large-logo .dn-designer-toolbar-design-actions > div, .dn-fullscreen-large .dn-designer.dn-exit-large-home .dn-designer-toolbar-design-actions > div, .dn-fullscreen-large .dn-designer.dn-exit-large-back .dn-designer-toolbar-design-actions > div { width: 20%; } .dn-fullscreen-large .dn-designer.dn-exit-large-close .dn-designer-toolbar-user-actions > div { width: 25%; } .dn-fullscreen-large .dn-designer.dn-exit-large-close .dn-designer-toolbar-user-actions.dn-alt > div { width: 33.3333%; } } .dn-widget-form-container .dn-form { /* GENERAL */ } .dn-widget-form-container .dn-form .dn-form-field-hint { font-weight: normal; padding: 0px; font-size: smaller; } .dn-widget-form-container .dn-form .dn-form-field-no-margin-left { margin-left: 0px; } .dn-widget-form-container .dn-form .dn-form-field-30 { width: 30%; } .dn-widget-form-container .dn-form .dn-form-field-50 { width: 50%; } .dn-widget-form-container .dn-form .dn-form-field-70 { width: 70%; } .dn-widget-form-container .dn-form.dn-label-over-field .dn-form-field-30, .dn-widget-form-container .dn-form.dn-label-over-field .dn-form-field-50:last-of-type { padding-left: 10px; } .dn-widget-form-container .dn-form.dn-label-left-field .dn-form-field-30, .dn-widget-form-container .dn-form.dn-label-left-field .dn-form-field-70, .dn-widget-form-container .dn-form.dn-label-left-field .dn-form-field-address, .dn-widget-form-container .dn-form.dn-label-left-field .dn-form-field-address-2 { padding-bottom: 5px; } .dn-widget-form-container .dn-form li.dn-form-captcha-v3 { display: none; } .dn-popup.dn-message-status-popup .dn-popup-content { min-width: 400px; min-height: 100px; text-align: center; } .dn-popup.dn-message-status-popup .dn-popup-content .dn-message-status { display: none; } .dn-popup.dn-message-status-popup .dn-popup-content .dn-message-status.dn-alt { display: block; } .dn-popup.dn-message-status-popup .dn-btn.dn-disabled { cursor: default; pointer-events: none; opacity: .5; } div.dn-gift-certificate-container { position: relative; padding: 10px 5px; } div.dn-gift-certificate-container div.dn-gift-certificate-image { display: inline-block; width: 100%; vertical-align: top; padding: 0 0 20px 0; } div.dn-gift-certificate-container div.dn-gift-certificate-image .dn-gift-certificate-image-interior { height: 320px; max-width: 510px; margin: 0 auto; background-position: center; background-repeat: no-repeat; background-size: contain; } div.dn-gift-certificate-container div.dn-gift-certificate-image .dn-gift-certificate-image-interior ul.dn-gift-certificate-base { margin: 120px 0 0 160px; position: absolute; } div.dn-gift-certificate-container div.dn-gift-certificate-image .dn-gift-certificate-image-interior ul.dn-gift-certificate-base li { margin: 1px 0; } div.dn-gift-certificate-container div.dn-gift-certificate-image .dn-gift-certificate-image-interior ul.dn-gift-certificate-base li input { padding: 3px; } div.dn-gift-certificate-container div.dn-gift-certificate-image .dn-gift-certificate-image-interior ul.dn-gift-certificate-base li input, div.dn-gift-certificate-container div.dn-gift-certificate-image .dn-gift-certificate-image-interior ul.dn-gift-certificate-base li textarea { width: 150px; } div.dn-gift-certificate-container div.dn-gift-certificate-description { display: inline-block; width: 100%; } div.dn-gift-certificate-container div.dn-gift-certificate-description ol.dn-gift-certificate-amount li label { margin-left: 5px; } div.dn-gift-certificate-container div.dn-gift-certificate-description li.dn-gift-certificate-email { margin: 10px 0; } div.dn-gift-certificate-container div.dn-gift-certificate-description li.dn-gift-certificate-email label { display: inline-block; width: 40%; } div.dn-gift-certificate-container div.dn-gift-certificate-description li.dn-gift-certificate-email input { width: 60%; padding: 5px; } div.dn-gift-certificate-container div.errorExplanation ul, div.dn-gift-certificate-container div.errorExplanation li { letter-spacing: normal; } div.dn-gift-certificate-container[data-breakpoint-600='true'] div.dn-gift-certificate-image { width: 70%; } div.dn-gift-certificate-container[data-breakpoint-600='true'] div.dn-gift-certificate-image .dn-gift-certificate-image-interior ul.dn-gift-certificate-base li input, div.dn-gift-certificate-container[data-breakpoint-600='true'] div.dn-gift-certificate-image .dn-gift-certificate-image-interior ul.dn-gift-certificate-base li textarea { width: 257px; } div.dn-gift-certificate-container[data-breakpoint-600='true'] div.dn-gift-certificate-description { width: 30%; } .dn-widget-heading .dn-heading.dn-heading-link { cursor: pointer; } .dn-widget-html .dn-widget-content { line-height: normal; } .dn-widget-html .dn-widget-content p { line-height: normal; } .dn-widget-html_cm .dn-force-min-height { min-height: 10px; } .dn-image-outer-container { position: relative; } .dn-image-outer-container.dn-image-card .dn-image-text-container { display: inline-block; width: 50%; vertical-align: middle; } .dn-image-outer-container.dn-image-card .dn-image-text-container .dn-image-text-background { display: none; } .dn-image-outer-container.dn-image-card .dn-image-container { display: inline-block; width: 50%; } .dn-image-outer-container.dn-image-card .dn-image-container.dn-fill { width: 50%; } .dn-image-outer-container.dn-image-layout-overlay .dn-image-text-container { display: inline-block; width: 100%; position: relative; z-index: 2; vertical-align: middle; } .dn-image-outer-container.dn-image-layout-overlay .dn-image-text-container .dn-image-text-block { /*min-width: 50%;*/ max-width: 100%; width: 50%; overflow: hidden; display: inline-block; padding: 30px; border: 1px solid #e6e6e6; color: #1c1b1b; background-color: #e6e6e6; text-align: center; } .dn-image-outer-container.dn-image-layout-overlay .dn-image-text-container .dn-image-text-block .dn-image-text-background { display: none; } .dn-image-outer-container.dn-image-layout-overlay .dn-image-container { display: inline-block; width: 70%; position: relative; z-index: 1; } .dn-image-outer-container.dn-image-layout-overlay .dn-image-container.dn-fill { width: 70%; } .dn-image-outer-container.dn-image-layout-overlay.dn-image-left .dn-image-text-container { margin-left: -70%; text-align: right; } .dn-image-outer-container.dn-image-layout-overlay.dn-image-right .dn-image-text-container { margin-right: -70%; text-align: left; } .dn-image-container { overflow: hidden; text-align: center; display: inline-block; vertical-align: middle; } .dn-image-container:hover > .dn-image-text-container.dn-show-on-rollover { opacity: 1; } .dn-image-container .dn-image-text-container { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; text-align: center; z-index: 3; } .dn-image-container .dn-image-text-container.dn-show-on-rollover { opacity: 0; transition: opacity 300ms ease-in-out; } .dn-image-container .dn-image-text-container .dn-image-text-block { vertical-align: middle; /*min-width: 50%;*/ max-width: 100%; overflow: hidden; display: inline-block; padding: 30px; color: #1c1b1b; position: relative; } .dn-image-container .dn-image-text-container .dn-image-text-block .dn-image-title, .dn-image-container .dn-image-text-container .dn-image-text-block .dn-image-subtitle { position: relative; z-index: 1; } .dn-image-container .dn-image-text-container .dn-image-text-block .dn-image-text-background { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; background-color: #e6e6e6; border: 1px solid #e6e6e6; } .dn-image-container.dn-fill { width: 100%; } .dn-image-aspect .dn-image-container { display: block; } .dn-image-transform { position: relative; } .dn-image-text-container.dn-image-link, .dn-image-container .dn-image-link { cursor: pointer; } .dn-image-overlay { z-index: 2; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; } img.dn-image { max-width: 100%; display: block; margin-left: auto; margin-right: auto; } .dn-image-container.dn-fill img.dn-image { width: 100%; } div.dn-image-aspect-cropped { background-size: cover; background-position: center center; } .dn-image-gallery-container .dn-grid-container.dn-grid-container-masonry { display: flex; } .dn-image-gallery-container .dn-grid-text { width: 100%; display: inline-block; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dn-links-list-container .dn-links-list.dn-list-horizontal li { display: inline-block; margin: 3px; padding-left: 0px; } .dn-logo-container a { text-decoration: none; } .dn-logo-container .dn-logo-list li { text-align: center; } .dn-logo-container .dn-logo-list li.dn-logo-payment img { width: 50px; } .dn-logo-container .dn-logo-list li img { vertical-align: middle; } .dn-logo-container .dn-logo-list.dn-list-horizontal li { display: inline-block; } .dn-logo-container .dn-logo-svg { width: 100%; height: 100%; } .dn-map-object { background: transparent url("/images/loading-oval.svg") no-repeat center center; } .dn-map-object iframe { width: 100%; height: 100%; } .dn-newsletter-signup-container[data-breakpoint-250="true"] { margin: auto; } .dn-newsletter-signup-container[data-breakpoint-250="true"] .dn-form.dn-no-labels { text-align: left; position: relative; } .dn-newsletter-signup-container[data-breakpoint-250="true"] .dn-form.dn-no-labels li { display: inline-block; vertical-align: middle; height: 100%; } .dn-newsletter-signup-container[data-breakpoint-250="true"] .dn-form.dn-no-labels li.dn-newsletter-signup-email-address-field { margin-right: -120px; padding-right: 125px; width: 100%; } .dn-newsletter-signup-container[data-breakpoint-250="true"] .dn-form.dn-no-labels li.dn-form-action-footer { width: 120px; } .dn-newsletter-signup-container[data-breakpoint-250="true"] .dn-form.dn-no-labels input { height: 40px; } .dn-widget-page_content .dn-widget-content-container { line-height: 1.6em; } .dn-widget-page_heading .dn-page-heading-link { cursor: pointer; } .dn-widget-page_heading .dn-widget-content p:last-child { margin-bottom: 0; } .dn-widget-page_heading .dn-widget-content p img { max-width: 100%; height: auto !important; } div.dn-quick-quote-container { letter-spacing: -0.31em; position: relative; height: 100%; } div.dn-quick-quote-container div.dn-quick-quote-steps { margin-top: 5px; border: 1px solid #E5E5E5; } div.dn-quick-quote-container div.dn-quick-quote-steps li { display: inline; border-right: 1px solid #E5E5E5; } div.dn-quick-quote-container div.dn-quick-quote-steps li .dn-number { font-size: 1.429em; color: #000; } div.dn-quick-quote-container div.dn-quick-quote-steps li a { display: inline-block; margin: 0 5px 0; padding: 10px 5px; cursor: pointer; } div.dn-quick-quote-container div.dn-quick-quote-steps li a span.dn-quick-quote-full-label { display: none; } div.dn-quick-quote-container div.dn-quick-quote-steps li a span.dn-quick-quote-label { display: inline-block; } div.dn-quick-quote-container div.dn-quick-quote-steps li.dn-current a { font-weight: bold; } div.dn-quick-quote-container div.dn-quick-quote-actions ul { text-align: center; } div.dn-quick-quote-container div.dn-quick-quote-actions ul li .dn-btn { width: 200px; } div.dn-quick-quote-container div.dn-quick-quote-content { padding-top: 5px; height: 100%; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product.dn-selecting-category .dn-quick-quote-product-selector .dn-quick-quote-product-categories { height: 100%; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product.dn-selecting-category .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-category-container { height: 100%; width: 100%; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product.dn-selecting-category .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-category-container .dn-quick-quote-selected-category-container { display: none; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product.dn-selecting-category .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-category-container .dn-quick-quote-hierarchy-container { padding-left: 5px; display: block; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product.dn-selecting-category .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel { display: none; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-content-step { height: 100%; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product { letter-spacing: -0.31em; height: 100%; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product h3 { display: none; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content { height: 100%; margin-bottom: -50px; padding-bottom: 50px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content > div { height: 100%; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector { height: 100%; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector h4 { border-bottom: 1px solid #cccccc; background-color: #fafafa; padding: 3px 8px; font-size: 13px; line-height: 32px; display: block; } @media only screen and (min-width: 768px) { div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector h4 { display: none; } } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-categories { width: 100%; height: 100%; margin-bottom: 10px; margin-top: 5px; position: relative; overflow: auto; z-index: 2; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-selected-category-container { height: 40px; width: 98%; margin-left: 1%; padding: 9px 15px 8px 0px; cursor: pointer; background: #fff; border: 1px solid #cccccc; background-image: url("/images/icons/open-iconic/png/caret-bottom.png?ab636f73d02889d74db0953d61bb1a95"); background-position: 95% center; background-repeat: no-repeat; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-selected-category-container .dn-hierarchy-selected-node-label { font-size: 14px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-selected-category-container .dn-hierarchy-selected-node-label .dn-hierarchy-selected-node-separator { display: inline-block; margin-left: 5px; margin-right: 5px; vertical-align: middle; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-selected-category-container .dn-hierarchy-selected-node-label .dn-hierarchy-selected-node-separator:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "h"; display: inline-block; letter-spacing: normal; word-spacing: normal; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-hierarchy-container { display: none; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel { width: 100%; height: 100%; margin-top: -80px; padding-top: 80px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel h4 { border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; background-color: #fafafa; padding: 3px 8px; font-size: 13px; line-height: 32px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel .dn-quick-quote-product-listing-container { height: 100%; margin-top: -35px; padding-top: 30px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel .dn-quick-quote-product-listing-container .dn-quick-quote-product-listing-scroll { padding: 10px; height: 100%; overflow: auto; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel .dn-quick-quote-product-listing-container .dn-pagination-container { text-align: center; height: 100%; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel .dn-quick-quote-product-listing-container .dn-pagination-container span, div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel .dn-quick-quote-product-listing-container .dn-pagination-container a { padding-right: 5px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel .dn-quick-quote-product-listing-container .dn-grid-item.dn-selected .dn-grid-image img { padding: 3px; border: 3px solid #666666; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel .dn-quick-quote-product-listing-container .dn-grid-image img { cursor: pointer; padding: 1px; border: 1px solid #cccccc; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel .dn-quick-quote-product-listing-container.dn-alt .dn-quick-quote-product-listing-scroll { margin-bottom: -30px; padding-bottom: 40px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel .dn-quick-quote-product-listing-container.dn-alt .dn-pagination-container { display: block; } @media only screen and (min-width: 768px) { div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product { height: 100%; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product h3 { display: block; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content { margin-bottom: -90px; padding-bottom: 90px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-categories { background: #fcfcfc; border-right: 1px solid #cccccc; display: inline-block; width: 25%; height: 100%; overflow: auto; vertical-align: top; margin-bottom: 0; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-category-container { position: relative; height: auto; width: auto; padding-top: 0; margin-bottom: 0; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-category-container .dn-quick-quote-selected-category-container { display: none; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-categories .dn-quick-quote-category-container .dn-quick-quote-hierarchy-container { display: block; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel { display: inline-block; width: 75%; vertical-align: top; margin-top: 0px; padding-top: 0px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-quick-quote-select-product .dn-quick-quote-select-product-content .dn-quick-quote-product-selector .dn-quick-quote-product-listing-panel h4 { border-top: 0px; } } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-main-image-panel { display: inline-block; width: 100%; max-width: 600px; vertical-align: top; padding: 3px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-main-image-panel div.dn-product-main-image-container { position: relative; overflow: hidden; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-main-image-panel div.dn-product-main-image-container div.dn-product-main-image-padding { width: 100%; padding-bottom: 100%; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-main-image-panel div.dn-product-main-image-container div.dn-product-view-container { position: absolute; width: 100%; height: 100%; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-main-image-panel div.dn-product-main-image-container div.dn-product-view-container img { width: 100%; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel { display: inline-block; width: 100%; vertical-align: top; padding: 3px; letter-spacing: normal; word-spacing: normal; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-quick-quote-size-chart-link { display: none; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-color-container h4 { margin-bottom: 5px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell { height: 40px; width: 40px; border-radius: 7px; overflow: hidden; cursor: pointer; } @media only screen and (min-width: 768px) { div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell { height: 35px; width: 35px; border-radius: 5px; overflow: hidden; cursor: pointer; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-few .dn-color-panel-cell { height: 40px; width: 40px; border-radius: 7px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-many .dn-color-panel-cell { height: 25px; width: 25px; margin: 1px; border-width: 1px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-heaps .dn-color-panel-cell { height: 20px; width: 20px; margin: 1px; border-width: 1px; } } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-extra-field-container { margin-top: 8px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-description { margin-top: 8px; word-wrap: break-word; word-break: break-word; white-space: normal; overflow-wrap: break-word; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-description h4 { margin-bottom: 5px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-description pre { white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra { padding-top: 8px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra h5 { margin-bottom: 5px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas { text-align: center; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas h4 { margin-bottom: 0px; font-weight: bold; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas ul { margin-bottom: 10px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas li { padding: 4px 0; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas li label { display: inline-block; width: 100%; margin-right: 0px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas li label .wide { width: 125px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-qty-container { margin-top: 5px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-unit-price-container { margin-top: 10px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-price-container { margin-top: 5px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-price-container .dn-price { font-size: 16px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-price-container .dn-price .price_currency_code { font-size: 0.7em; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-decorate-now-container { margin-top: 10px; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel .dn-product-decorate-now-container .dn-btn { width: 100%; } div.dn-quick-quote-container div.dn-quick-quote-content .dn-product-details-panel.dn-using-single-size-select .dn-select-size-qty-container .dn-size-qty-container { display: none; } div.dn-quick-quote-container .dn-quick-quote-actions li { display: inline-block; padding: 5px; width: 100px; } div.dn-quick-quote-container .dn-quick-quote-actions .dn-disabled { opacity: 0.3; cursor: default; } div.dn-quick-quote-container .dn-quick-quote-actions .dn-disabled:hover { background-color: white; } div.dn-quick-quote-container[data-breakpoint-600='true'] div.dn-quick-quote-steps li a span.dn-quick-quote-full-label { display: inline-block; } div.dn-quick-quote-container[data-breakpoint-600='true'] div.dn-quick-quote-steps li a span.dn-quick-quote-label { display: none; } div.dn-quick-quote-container[data-breakpoint-600='true'] div.dn-quick-quote-content .dn-product-main-image-panel { width: 50%; } div.dn-quick-quote-container[data-breakpoint-600='true'] div.dn-quick-quote-content .dn-product-details-panel { width: 50%; padding-left: 10px; } div.dn-quick-quote-container[data-breakpoint-600='true'] div.dn-quick-quote-content .dn-product-details-panel .dn-product-decoration-prices { display: block; } div.dn-quick-quote-container[data-breakpoint-600='true'] div.dn-quick-quote-content .dn-product-details-panel .dn-product-description { margin-top: 0px; } div.dn-quick-quote-container[data-breakpoint-600='true'] div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas { text-align: left; } div.dn-quick-quote-container[data-breakpoint-600='true'] div.dn-quick-quote-content .dn-product-details-panel .dn-product-details-extra .dn-product-details-decoration-areas li label { width: auto; margin-right: 10px; } div.dn-request-quote-container { position: relative; height: 100%; } div.dn-request-quote-container div.dn-request-quote-content { margin: auto; height: 100%; } div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-customer-container { margin-bottom: 20px; } div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-product-container h4 input { margin-left: 10px; } div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-product-container .dn-request-quote-product-name { padding-top: 5px; padding-bottom: 5px; } div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-product-container .dn-product-color-container .dn-product-color-selected-label { letter-spacing: normal; word-spacing: normal; } div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-product-container .dn-product-size-field-container .dn-select-size-qty-container .dn-sizes-container { display: inline-block; width: 100%; vertical-align: middle; } div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-product-container .dn-product-size-field-container .dn-select-size-qty-container.dn-with-qty .dn-sizes-container { margin-right: -70px; padding-right: 70px; } div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-product-container .dn-product-size-field-container .dn-select-size-qty-container.dn-with-qty .dn-size-qty-container { display: inline-block; width: 55px; padding-left: 5px; vertical-align: middle; } div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-decoration-container .dn-request-quote-decoration-processes { padding-top: 10px; } div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-decoration-container .dn-request-quote-decoration-processes label { padding-right: 5px; } div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-artwork-container a { text: underline; padding: 5px; } div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-artwork-container .dn-request-quote-artwork-sizes { margin-top: 5px; } div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-artwork-container .dn-request-quote-artwork-sizes.dn-label-left-field { margin-left: 100px; } div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-artwork-container .dn-request-quote-artwork-sizes li input { width: 100px; } div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-artwork-container .dn-btn.dn-request-quote-choose-file { width: 205px; } div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-artwork-container input[type='file'] { display: none; } div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-artwork-container span { padding-left: 5px; } div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-extra-container li input { width: 50%; } div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-extra-container li.dn-request-quote-captcha { padding: 10px; } div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-extra-container li.dn-request-quote-captcha-v3 { display: none; } div.dn-request-quote-container div.dn-request-quote-content ul.dn-send-quote-request-form li { margin-bottom: 5px; } div.dn-request-quote-container div.dn-request-quote-content ul.dn-send-quote-request-form li label { padding-top: 0px; } div.dn-product-display-high-detail { border-bottom: 1px solid #eee; margin-bottom: 10px; } div.dn-product-display-high-detail div.dn-product-main-image-panel { display: inline-block; width: 30%; max-width: 600px; vertical-align: top; padding: 3px; } div.dn-product-display-high-detail div.dn-product-main-image-panel .dn-use-product-button { padding: 10px 0; } div.dn-product-display-high-detail div.dn-product-details-panel { display: inline-block; width: 70%; vertical-align: top; padding: 3px 3px 3px 5px; letter-spacing: normal; word-spacing: normal; max-width: 385px; } div.dn-product-display-high-detail div.dn-product-details-panel .dn-request-quote-size-chart-link { display: none; } div.dn-product-display-high-detail div.dn-product-details-panel .dn-product-color-container h4 { margin-bottom: 5px; } div.dn-product-display-high-detail div.dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell { height: 40px; width: 40px; border-radius: 7px; overflow: hidden; cursor: pointer; } @media only screen and (min-width: 768px) { div.dn-product-display-high-detail div.dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell { height: 35px; width: 35px; border-radius: 5px; overflow: hidden; cursor: pointer; } div.dn-product-display-high-detail div.dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-few .dn-color-panel-cell { height: 40px; width: 40px; border-radius: 7px; } div.dn-product-display-high-detail div.dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-many .dn-color-panel-cell { height: 25px; width: 25px; margin: 1px; border-width: 1px; } div.dn-product-display-high-detail div.dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-heaps .dn-color-panel-cell { height: 20px; width: 20px; margin: 1px; border-width: 1px; } } div.dn-product-display-high-detail div.dn-product-details-panel .dn-product-extra-field-container { margin-top: 8px; } div.dn-product-display-high-detail div.dn-product-details-panel .dn-product-description { margin-top: 0px; word-wrap: break-word; word-break: break-word; white-space: normal; overflow-wrap: break-word; } div.dn-product-display-high-detail div.dn-product-details-panel .dn-product-description h4 { margin-bottom: 5px; } div.dn-product-display-high-detail div.dn-product-details-panel .dn-product-description pre { white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; } .dn-sg-container h2 { margin-bottom: 0px; } .dn-sg-container .dn-sg-progress { width: 100%; } .dn-sg-container .dn-sg-progress .dn-sg-progress-goal { margin: 0px; width: 100%; text-align: center; } .dn-sg-container .dn-sg-progress .dn-sg-progress-goal .dn-sg-progress-bar { height: auto; position: relative; padding: 5px; margin-bottom: 5px; background: #e6e6e6; border: 1px solid #e6e6e6; border-radius: 5px; } .dn-sg-container .dn-sg-progress .dn-sg-progress-goal .dn-sg-progress-bar span { display: block; white-space: nowrap; padding: 5px 0; color: #1c1b1b; font-size: 20px; background: #bfbfbf; border: 0px solid #bfbfbf; border-radius: 3px; font-weight: bold; } div.dn-search-results-container { position: relative; padding: 10px 5px; } div.dn-search-results-container div.dn-search-categories-panel { display: inline-block; width: 100%; vertical-align: top; padding: 0 0 0 10px; } div.dn-search-results-container div.dn-search-categories-panel ul.dn-search-categories-list li label { margin-left: 5px; } div.dn-search-results-container div.dn-search-results-panel { display: inline-block; width: 100%; } div.dn-search-results-container div.dn-search-results-panel .dn-paginator-container, div.dn-search-results-container div.dn-search-results-panel .dn-search-results-for-header, div.dn-search-results-container div.dn-search-results-panel .dn-search-results-entries-header { display: inline-block; } div.dn-search-results-container div.dn-search-results-panel .dn-search-results-entries-header { left: 100%; position: sticky; } div.dn-search-results-container div.dn-search-results-panel ul.dn-search-results-list > li { margin-bottom: 10px; padding: 5px 10px; overflow: hidden; } div.dn-search-results-container div.dn-search-results-panel ul.dn-search-results-list > li h5 { float: right; } div.dn-search-results-container div.dn-search-results-panel ul.dn-search-results-list > li div { float: right; width: 85%; } div.dn-search-results-container div.dn-search-results-panel .dn-grid-container .dn-grid-item .dn-grid-item-container img.dn-product-logo { max-width: 70%; max-height: 15%; border: 0px solid #e6e6e6; border-radius: 0px; } div.dn-search-results-container div.dn-search-results-panel .dn-grid-item .dn-grid-item-container img.dn-product-logo { width: auto; height: auto; } div.dn-search-results-container div.dn-search-results-panel .dn-grid-item .dn-grid-item-container .dn-grid-image img.dn-product-logo { position: absolute; bottom: 5px; right: 5px; } div.dn-search-results-container div.dn-search-results-panel .dn-grid-item .dn-grid-item-container .dn-grid-text.dn-product-logo { width: 120px; display: inline-block; text-align: center; } div.dn-search-results-container div.dn-search-results-panel .dn-grid-container-masonry { display: flex; } div.dn-search-results-container div.dn-search-results-panel .dn-grid-masonry .dn-grid-item .dn-grid-item-container .dn-grid-image img.dn-product-logo { width: auto; height: auto; } div.dn-search-results-container div.dn-search-results-panel .dn-grid-text.dn-product-colors { text-align: center; } div.dn-search-results-container div.dn-search-results-panel .dn-grid-text.dn-product-colors label { display: none; } div.dn-search-results-container div.dn-search-results-panel .dn-grid-text.dn-product-colors div.dn-color-panel-cell { width: 10px; height: 10px; margin: 1px; border-radius: 0px; border: 1px solid #e6e6e6; overflow: hidden; cursor: pointer; display: inline-grid; grid-template-columns: 100%; } div.dn-search-results-container div.dn-search-results-panel .dn-grid-text.dn-product-colors div.dn-color-panel-cell span { border: none; } div.dn-search-results-container div.dn-search-results-panel .dn-grid-text.dn-product-colors div.dn-color-panel-cell:hover, div.dn-search-results-container div.dn-search-results-panel .dn-grid-text.dn-product-colors div.dn-color-panel-cell.dn-selected { border-color: #666666; } div.dn-search-results-container[data-breakpoint-600='true'] div.dn-search-categories-panel { width: 25%; } div.dn-search-results-container[data-breakpoint-600='true'] div.dn-search-results-panel:not(.dn-search-results-no-filter) { width: 75%; } div.dn-shipping-information-container { position: relative; margin: 10px 5px; } div.dn-shipping-information-container div.dn-shipping-information-method-container { width: 100%; margin: 15px 0; } div.dn-shipping-information-container div.dn-shipping-information-method-container div.dn-shipping-information-method-content { border: 1px solid #e6e6e6; background-color: #fafafa; width: 100%; margin: 10px 0px; padding: 20px; } div.dn-shipping-information-container div.dn-shipping-information-method-container div.dn-shipping-information-method-content div.dn-shipping-information-profile table.dn-shipping-information-table { width: 100%; border: 1px solid #e6e6e6; } div.dn-shipping-information-container div.dn-shipping-information-method-container div.dn-shipping-information-method-content div.dn-shipping-information-profile table.dn-shipping-information-table th { background-color: #e6e6e6; padding: 3px; } div.dn-shipping-information-container div.dn-shipping-information-method-container div.dn-shipping-information-method-content div.dn-shipping-information-profile table.dn-shipping-information-table td { border: 1px solid #e6e6e6; background-color: white; padding: 3px; } .dn-shopping-cart-container .dn-thumbnail-50 .dn-line-item-thumbnail { width: 50px; } .dn-shopping-cart-container .dn-thumbnail-100 .dn-line-item-thumbnail { width: 100px; } .dn-shopping-cart-container .dn-thumbnail-150 .dn-line-item-thumbnail { width: 150px; } .dn-shopping-cart-container .dn-thumbnail-175 .dn-line-item-thumbnail { width: 175px; } .dn-shopping-cart-container .dn-thumbnail-200 .dn-line-item-thumbnail { width: 200px; } .dn-shopping-cart-container .dn-thumbnail-250 .dn-line-item-thumbnail { width: 250px; } .dn-shopping-cart-container .dn-thumbnail-300 .dn-line-item-thumbnail { width: 300px; } .dn-shopping-cart-container .dn-thumbnail-350 .dn-line-item-thumbnail { width: 350px; } .dn-shopping-cart-container .dn-thumbnail-400 .dn-line-item-thumbnail { width: 400px; } .dn-shopping-cart-container .dn-line-item-thumbnail { vertical-align: top; padding: 5px; position: relative; text-align: center; max-width: 100%; margin-left: auto; margin-right: auto; } .dn-shopping-cart-container .dn-line-item-thumbnail img { max-width: 100%; } .dn-shopping-cart-container .dn-line-item-thumbnail span { position: absolute; right: -10px; top: 0px; background-color: #007bff; color: #fff; border: 1px solid #007bff; border-radius: 15px; width: 25px; height: 25px; line-height: 24px; text-align: center; } .dn-shopping-cart-container .dn-line-item-details { display: inline-block; vertical-align: top; padding: 5px; font-weight: bold; width: 100%; } .dn-shopping-cart-container .dn-line-item-details.dn-line-item-details-with-qty-over { padding-left: 15px; } .dn-shopping-cart-container .dn-line-item-details .dn-line-item-details-qty { display: inline-block; padding-right: 3px; } .dn-shopping-cart-container .dn-line-item-details .dn-line-item-details-name { display: inline-block; } .dn-shopping-cart-container .dn-line-item-price { display: inline-block; vertical-align: top; padding: 5px; padding-right: 0px; width: 100px; text-align: right; } .dn-shopping-cart-container .dn-line-item-sharing { display: inline-block; vertical-align: top; width: 50px; padding-left: 2px; } .dn-shopping-cart-container .dn-line-item-details-container.dn-with-price .dn-line-item-details { margin-right: -100px; padding-right: 100px; } .dn-shopping-cart-container .dn-line-item-details-container.dn-with-sharing .dn-line-item-details { margin-right: -60px; padding-right: 60px; } .dn-shopping-cart-container .dn-line-item-details-container.dn-with-price.dn-with-sharing .dn-line-item-details { margin-right: -160px; padding-right: 160px; } .dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-shopping-cart-line-item.dn-with-thumbnail .dn-line-item-thumbnail { display: inline-block; } .dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-shopping-cart-line-item.dn-with-thumbnail .dn-line-item-details-container { display: inline-block; width: 100%; } .dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-thumbnail-50 .dn-line-item-details-container { margin-left: -50px; padding-left: 60px; } .dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-thumbnail-100 .dn-line-item-details-container { margin-left: -100px; padding-left: 110px; } .dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-thumbnail-150 .dn-line-item-details-container { margin-left: -150px; padding-left: 160px; } .dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-thumbnail-175 .dn-line-item-details-container { margin-left: -175px; padding-left: 185px; } .dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-thumbnail-200 .dn-line-item-details-container { margin-left: -200px; padding-left: 210px; } .dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-thumbnail-250 .dn-line-item-details-container { margin-left: -250px; padding-left: 260px; } .dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-thumbnail-300 .dn-line-item-details-container { margin-left: -300px; padding-left: 310px; } .dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-thumbnail-350 .dn-line-item-details-container { margin-left: -350px; padding-left: 360px; } .dn-shopping-cart-container[data-breakpoint-inline='true'] .dn-thumbnail-400 .dn-line-item-details-container { margin-left: -400px; padding-left: 410px; } .dn-shopping-cart-actions { padding: 5px; text-align: center; } .dn-widget-signup li.dn-form-captcha-v3 { display: none; } .dn-slider { position: relative; overflow-x: hidden; } .dn-slider .dn-slider-panel { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; overflow: hidden; } .dn-slider .dn-slider-arrow-container { z-index: 999; position: absolute; top: 0px; bottom: 0px; height: 1em; color: black; margin-top: auto; margin-bottom: auto; } .dn-slider .dn-slider-arrow { cursor: pointer; position: relative; } .dn-slider .dn-slider-arrow .dn-slider-arrow-icon { z-index: 3; position: relative; } .dn-slider .dn-slider-arrow .dn-slider-arrow-decorator { position: absolute; width: 100%; height: 100%; top: 0px; } .dn-slider .dn-slider-arrow .dn-border { z-index: 2; } .dn-slider .dn-slider-arrow .dn-background { z-index: 1; } .dn-slider .dn-slider-left-container { left: 0px; } .dn-slider .dn-slider-right-container { right: 0px; } .dn-slider .dn-slider-select-container { position: absolute; z-index: 999; width: 100%; text-align: center; bottom: 0px; line-height: 0px; } .dn-slider .dn-slider-select-container .dn-slider-select-button-container { display: inline-block; } .dn-slider .dn-slider-select-container .dn-slider-select-button-container .dn-slide-button { cursor: pointer; border-style: solid; box-sizing: content-box; } .dn-slider .dn-slider-select-container .dn-slider-select-button-container .dn-slide-button .dn-slide-button-number { vertical-align: middle; display: inline-block; margin-left: -0.05em; } .dn-slider .dn-slider-left .dn-slider-arrow-icon:after { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "B"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-slider .dn-slider-right .dn-slider-arrow-icon:after { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "d"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content > .dn-slider > .dn-slider-left-container { left: -50px; opacity: 0; transition: left 0.3s, opacity 0.3s; } .dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content > .dn-slider > .dn-slider-right-container { right: -50px; opacity: 0; transition: right 0.3s, opacity 0.3s; } .dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content > .dn-slider > .dn-slider-select-container { opacity: 0; transition: bottom 0.3s, opacity 0.3s; } .dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content > .dn-slider:hover > .dn-slider-left-container { opacity: 100; } .dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content > .dn-slider:hover > .dn-slider-right-container { opacity: 100; } .dn-overlay-on-hover > .dn-widget-content-container > .dn-widget-content > .dn-slider:hover > .dn-slider-select-container { opacity: 100; } .dn-theme-arrows-none > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-arrow-container { display: none; } .dn-theme-arrows-1 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-left .dn-slider-arrow-icon:after { content: "4"; } .dn-theme-arrows-1 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-right .dn-slider-arrow-icon:after { content: "5"; } .dn-theme-arrows-2 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-left .dn-slider-arrow-icon:after { content: "6"; } .dn-theme-arrows-2 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-right .dn-slider-arrow-icon:after { content: "7"; } .dn-theme-arrows-3 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-left .dn-slider-arrow-icon:after { content: "8"; margin: 0.1em; } .dn-theme-arrows-3 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-right .dn-slider-arrow-icon:after { content: "9"; margin: 0.1em; } .dn-theme-arrows-4 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-left .dn-slider-arrow-icon:after { content: "!"; margin: 0.1em; } .dn-theme-arrows-4 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-right .dn-slider-arrow-icon:after { content: '"'; margin: 0.1em; } .dn-theme-arrows-5 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-left .dn-slider-arrow-icon:after { content: "#"; margin-left: -0.05em; margin-right: 0.05em; margin-top: -0.005em; margin-bottom: 0.005em; } .dn-theme-arrows-5 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-right .dn-slider-arrow-icon:after { content: "$"; margin-right: -0.05em; margin-left: 0.05em; margin-top: -0.005em; margin-bottom: 0.005em; } .dn-theme-arrows-6 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-left .dn-slider-arrow-icon:after { content: "B"; margin-top: 0.1em; margin-left: -0.05em; margin-right: 0.15em; } .dn-theme-arrows-6 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-right .dn-slider-arrow-icon:after { content: "d"; margin-top: 0.1em; margin-right: -0.05em; margin-left: 0.15em; } .dn-theme-arrows-7 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-left .dn-slider-arrow-icon:after { content: "g"; margin-left: -0.07em; margin-right: 0.07em; } .dn-theme-arrows-7 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-right .dn-slider-arrow-icon:after { content: "h"; margin-right: -0.07em; margin-left: 0.07em; } .dn-theme-buttons-none > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slider-select-container { display: none; } .dn-theme-buttons-1 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button { height: 2em; width: 2em; border-radius: 50%; } .dn-theme-buttons-1 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button .dn-slide-button-number { display: none; } .dn-theme-buttons-2 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button { height: 2em; width: 2em; background-color: #000000; border-radius: 50%; } .dn-theme-buttons-2 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button .dn-slide-button-number { display: none; } .dn-theme-buttons-3 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button { height: 2em; width: 2em; border-radius: 50%; text-align: center; } .dn-theme-buttons-3 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button .dn-slide-button-number { color: #000000; } .dn-theme-buttons-4 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button { height: 2em; width: 2em; } .dn-theme-buttons-4 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button .dn-slide-button-number { display: none; } .dn-theme-buttons-5 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button { height: 2em; width: 2em; background-color: #000000; } .dn-theme-buttons-5 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button .dn-slide-button-number { display: none; } .dn-theme-buttons-6 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button { height: 2em; width: 2em; margin-left: 5%; margin-right: 5%; text-align: center; } .dn-theme-buttons-6 > .dn-widget-content-container > .dn-widget-content > .dn-slider .dn-slide-button .dn-slide-button-number { color: #000000; } .dn-social-links-container.dn-display-as-icons li a span { display: none; } .dn-social-links-container.dn-display-as-icons li { font-size: 18px; } .dn-social-links-container.dn-display-as-icons li.dn-social-link-facebook a:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "V"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-social-links-container.dn-display-as-icons li.dn-social-link-twitter a:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "Y"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-social-links-container.dn-display-as-icons li.dn-social-link-pinterest a:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "X"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-social-links-container.dn-display-as-icons li.dn-social-link-instagram a:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "Z"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-social-links-container.dn-display-as-icons li.dn-social-link-youtube a:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "1"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-social-links-container.dn-display-as-icons li.dn-social-link-googleplus a:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "W"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-social-links-container.dn-display-as-icons li.dn-social-link-linkedin a:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "?"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-social-links-container.dn-display-as-icons li.dn-social-link-tiktok a:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-social-links-container.dn-display-as-icons li.dn-social-link-google a:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-social-links-container.dn-display-as-icons li.dn-social-link-yelp a:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-social-links-container.dn-list-horizontal li { display: inline-block; } .dn-widget-spacer .dn-force-min-height { min-height: 10px; } div.dn-store-directory-container { letter-spacing: -0.31em; position: relative; height: 100%; width: 100%; } div.dn-store-directory-container div.dn-store-directory-sort-container { width: 100%; } div.dn-store-directory-container div.dn-store-directory-list-container .dn-store-directory-store-listing { display: inline-block; padding: 10px 15px 10px 15px; } div.dn-store-directory-container div.dn-store-directory-content { padding-top: 5px; max-width: 600px; margin: auto; height: 100%; } div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-customer-container { margin-bottom: 20px; } div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-product-container h4 input { margin-left: 10px; } div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-product-container .dn-store-directory-product-selector-button { max-width: 200px; margin-left: 10px; } div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-product-container .dn-store-directory-product-name { padding-top: 10px; padding-bottom: 10px; } div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-decoration-container .dn-store-directory-decoration-processes { padding-top: 10px; } div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-decoration-container .dn-store-directory-decoration-processes label { padding-right: 5px; } div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-artwork-container a { text: underline; padding: 5px; } div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-artwork-container .dn-store-directory-add-artwork-button { max-width: 200px; margin-left: 10px; margin-bottom: 5px; } div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-artwork-container .dn-store-directory-artwork-sizes { margin-top: 5px; margin-left: 100px; } div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-artwork-container .dn-store-directory-artwork-sizes li input { width: 100px; } div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-artwork-container .dn-store-directory-artwork-sizes li span { padding-left: 5px; } div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-extra-container li input { width: 50%; } div.dn-store-directory-container div.dn-store-directory-content .dn-store-directory-extra-container li.dn-store-directory-captcha { padding: 10px; } div.dn-store-directory-container div.dn-store-directory-content ul.dn-send-quote-request-form li { margin-bottom: 5px; } div.dn-store-directory-container div.dn-store-directory-content ul.dn-send-quote-request-form li label { padding-top: 0px; } div.dn-store-signup-container li.dn-field-store-url-container span.dn-field-store-url-span { font-size: 20px; vertical-align: bottom; text-align: center; width: 10px; display: inline-block; } div.dn-store-signup-container div.dn-form-field-store-signup-sub-domain { width: 50%; padding-right: 5px; margin-right: -5px; } div.dn-store-signup-container div.dn-form-field-store-signup-domain { width: 50%; padding-left: 5px; margin-left: -5px; } div.dn-store-signup-container div.dn-store-signup-check-container .dn-store-signup-passed { background-color: #74AF4C; border: 1px solid #628F43; color: white; padding: 3px; } div.dn-store-signup-container li.dn-form-captcha-v3 { display: none; } .dn-widget.dn-widget-text ul { list-style-type: disc; list-style-position: inside; } .dn-widget.dn-widget-text ol { list-style-type: decimal; list-style-position: inside; } .dn-widget.dn-widget-text p:last-child { margin-bottom: 0; } .dn-widget.dn-widget-text p img { max-width: 100%; height: auto !important; } .dn-widget.dn-widget-text span { line-height: initial; } .dn-widget.dn-widget-text span[style*="font-family"] a { font-family: inherit; } .dn-widget.dn-widget-text span[style*="font-size"] a { font-size: inherit; } .dn-widget.dn-widget-text span[style*="font-style"] a { font-style: inherit; } .dn-widget.dn-widget-text span[style*="font-weight"] a { font-weight: inherit; } .dn-widget.dn-widget-text span[style*="color"] a { color: inherit; } .dn-widget.dn-widget-text span[style*="text-decoration"] a { text-decoration: inherit; } .dn-video-container { position: relative; padding-top: 0px; height: 0; } .dn-video-container.dn-video-aspect-ratio-16-9 { padding-bottom: 56.25%; /* 16:9 */ } .dn-video-container.dn-video-aspect-ratio-3-2 { padding-bottom: 66.67%; /* 3:2 */ } .dn-video-container.dn-video-aspect-ratio-4-3 { padding-bottom: 75.00%; /* 4:3 */ } .dn-video-container.dn-video-aspect-ratio-9-16 { padding-bottom: 177.78%; /* 9:16 */ } .dn-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dn-view-cart-details-container { letter-spacing: normal; word-spacing: normal; } .dn-view-cart-details-container .dn-checkout-cart .dn-checkout-cart-body .dn-checkout-cart-detail-col1, .dn-view-cart-details-container .dn-checkout-cart .dn-checkout-cart-body .dn-checkout-cart-detail-col2 { display: block; width: 100%; } .dn-view-cart-details-container .dn-checkout-cart .dn-checkout-cart-body .dn-checkout-cart-summary-col1, .dn-view-cart-details-container .dn-checkout-cart .dn-checkout-cart-body .dn-checkout-cart-summary-col2 { display: block; width: 100%; } .dn-view-cart-details-container .dn-checkout-cart-detail-col2 .dn-checkout-cart-summary .dn-checkout-footer h3 { text-align: right; } .dn-view-cart-details-container .dn-checkout-cart .dn-checkout-header { display: none; } .dn-view-cart-details-container .dn-checkout-row { margin-bottom: 5px; } .dn-view-cart-details-container .dn-checkout-c-times, .dn-view-cart-details-container .dn-checkout-c-tax-plus, .dn-view-cart-details-container .dn-checkout-c-equal { display: none; } .dn-view-cart-details-container .dn-checkout-c-product-thumbnail { width: 150px; display: inline-block; vertical-align: top; } .dn-view-cart-details-container .dn-checkout-c-product-thumbnail img { width: 150px; } .dn-view-cart-details-container .dn-checkout-c-row-details { display: inline-block; position: relative; width: 100%; margin-left: -150px; padding-left: 155px; vertical-align: top; } .dn-view-cart-details-container .dn-checkout-c-product { display: inline-block; } .dn-view-cart-details-container .dn-checkout-c-product-name { display: inline-block; padding-right: 3px; font-size: 1.2em; font-weight: bold; } .dn-view-cart-details-container .dn-checkout-c-product-edit { display: inline-block; padding-right: 3px; } .dn-view-cart-details-container .dn-checkout-c-product-edit-teamnames { display: inline-block; padding-right: 3px; } .dn-view-cart-details-container .dn-checkout-c-product-remove { display: inline-block; } .dn-view-cart-details-container .dn-checkout-c-lv > label { display: inline-block; font-weight: bold; width: 70px; text-align: right; padding-right: 5px; vertical-align: middle; } .dn-view-cart-details-container .dn-checkout-c-lv > span { display: inline-block; width: 100%; margin-left: -70px; padding-left: 90px; vertical-align: middle; } .dn-view-cart-details-container .dn-checkout-c-o-field { padding: 3px; margin: 3px 0px; } .dn-view-cart-details-container .dn-checkout-c-qty { padding: 3px; margin: 3px 0px; } .dn-view-cart-details-container .dn-checkout-c-price { padding: 3px; margin: 3px 0px; } .dn-view-cart-details-container .dn-checkout-c-tax { padding: 3px; margin: 3px 0px; } .dn-view-cart-details-container .dn-checkout-c-total { padding: 3px; margin: 3px 0px; } .dn-view-cart-details-container .dn-checkout-c-price-field > span { width: 130px; padding-left: 70px; text-align: right; } .dn-view-cart-details-container .dn-checkout-cart .dn-checkout-coupons-gc { width: 330px; } .dn-view-cart-details-container .dn-checkout-cart .dn-checkout-coupons-gc .dn-checkout-coupons-gc-row { padding-top: 5px; padding-bottom: 5px; } .dn-view-cart-details-container .dn-checkout-cart .dn-checkout-coupons-gc .dn-checkout-add-gc-form input[type='text'] { width: 130px; } .dn-view-cart-details-container .dn-checkout-footer { padding: 30px; padding-right: 0px; } .dn-view-cart-details-container .dn-checkout-footer-row { padding-top: 5px; text-align: right; } .dn-view-cart-details-container .dn-checkout-footer-row > div { display: inline-block; } .dn-view-cart-details-container .dn-checkout-shipping-notice > div { padding-top: 5px; } .dn-view-cart-details-container .dn-footer-note { text-align: center; display: block; width: 100%; } .dn-view-cart-details-container .dn-footer-label { display: inline-block; padding-right: 7px; } .dn-view-cart-details-container .dn-footer-afterpay img { width: 100px; vertical-align: middle; } .dn-view-cart-details-container .dn-footer-afterpay a { text-decoration: none; } .dn-view-cart-details-container .dn-after-cart-note { padding: 5px; padding-right: 0px; font-size: 0.9em; text-align: right; color: #6a6666; } .dn-view-cart-details-container .dn-checkout-footer-row.dn-total .dn-checkout-c-total { border-top: none; font-size: 1.3em; font-weight: bold; } .dn-view-cart-details-container .dn-checkout-footer-row .dn-checkout-c-price { width: 50px; text-align: right; padding-right: 5px; } .dn-view-cart-details-container .dn-checkout-footer-row .dn-checkout-c-tax-plus { width: 10px; text-align: center; display: inline-block; } .dn-view-cart-details-container .dn-checkout-footer-row .dn-checkout-c-tax { width: 50px; text-align: right; padding-right: 5px; } .dn-view-cart-details-container .dn-checkout-footer-row .dn-checkout-c-equal { width: 10px; text-align: center; display: inline-block; } .dn-view-cart-details-container .dn-checkout-footer-row .dn-checkout-c-total { width: 70px; text-align: right; padding-right: 0px; } .dn-view-cart-details-container .dn-cart-free-shipping-methods { border: 1px solid #e6e6e6; background-color: #fafafa; border-width: 1px 0 1px 0; margin-top: 10px; margin-bottom: 10px; padding: 10px 0 10px 0; } .dn-view-cart-details-container .dn-cart-free-shipping-methods .dn-cart-free-shipping { font-size: 1.2em; text-align: center; } .dn-view-cart-details-container .dn-cart-checkout-options-container { margin-top: 15px; margin-bottom: 10px; overflow: auto; } .dn-view-cart-details-container .dn-cart-checkout-options-container .dn-cart-checkout-options { width: 100%; text-align: center; } .dn-view-cart-details-container .dn-cart-checkout-options-container .dn-cart-checkout-options .dn-cart-checkout-express-checkout { display: inline-block; padding-top: 4px; margin-right: 20px; vertical-align: middle; } .dn-view-cart-details-container .dn-cart-checkout-options-container .dn-cart-checkout-options .dn-btn { width: 200px; vertical-align: top; } .dn-view-cart-details-container .dn-cart-checkout-options-container .dn-cart-checkout-options .dn-cart-checkout-continue-shopping { margin-bottom: 30px; } .dn-view-cart-details-container .dn-cart-checkout-options-container .dn-cart-checkout-options .dn-cart-checkout-continue-shopping .dn-cart-checkout-continue-shopping-or { margin: 5px; } .dn-view-cart-details-container .dn-cart-checkout-options-container .dn-cart-checkout-options .dn-cart-checkout-continue-shopping .dn-cart-checkout-continue-shopping-or div { display: inline-block; vertical-align: middle; padding: 5px; } .dn-view-cart-details-container .dn-cart-checkout-options-container .dn-cart-checkout-options .dn-cart-checkout-continue-shopping .dn-cart-checkout-continue-shopping-or .dn-cart-checkout-continue-shopping-or-before, .dn-view-cart-details-container .dn-cart-checkout-options-container .dn-cart-checkout-options .dn-cart-checkout-continue-shopping .dn-cart-checkout-continue-shopping-or .dn-cart-checkout-continue-shopping-or-after { width: 40px; } .dn-view-cart-details-container .dn-cart-checkout-options-container .dn-cart-checkout-options .dn-cart-checkout-continue-shopping .dn-cart-checkout-continue-shopping-or .dn-cart-checkout-continue-shopping-or-before hr, .dn-view-cart-details-container .dn-cart-checkout-options-container .dn-cart-checkout-options .dn-cart-checkout-continue-shopping .dn-cart-checkout-continue-shopping-or .dn-cart-checkout-continue-shopping-or-after hr { border-width: 0px; border-top: 1px solid #e6e6e6; } .dn-view-cart-details-container .dn-cart-checkout-options-container.dn-cart-checkout-with-express-checkout .dn-cart-checkout-options { /* width: 400px; */ } .dn-view-cart-details-container .dn-cart-checkout-options-container.dn-cart-checkout-with-express-checkout .dn-cart-checkout-options .dn-btn { /* width: 145px; */ } table.dn-popup-teamname-table td, table.dn-popup-teamname-table th { padding: 10px 5px 10px 10px; border-top: 1px solid #d6d6d6; } table.dn-popup-teamname-table th { background-color: #eaeaea; font-weight: bold; text-align: left; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-header { display: block; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-header > div, .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-row > div { display: inline-block; vertical-align: middle; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-header > div { padding: 3px; text-align: center; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-header .dn-checkout-c-product, .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-header .dn-checkout-c-options { text-align: left; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-header { border-bottom: 1px solid #e6e6e6; margin-bottom: 3px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-row .dn-checkout-c-row-details > div { display: inline-block; vertical-align: middle; margin-bottom: 2px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-rows { margin-bottom: 5px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-rows .dn-checkout-row label { display: none; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-c-product-thumbnail { width: 75px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-c-product-thumbnail-medium .dn-checkout-c-product-thumbnail { width: 125px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-c-product-thumbnail-large .dn-checkout-c-product-thumbnail { width: 150px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-c-row-details { margin-left: -75px; padding-left: 80px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-c-product-thumbnail-medium .dn-checkout-c-row-details { margin-left: -125px; padding-left: 130px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-c-product-thumbnail-large .dn-checkout-c-row-details { margin-left: -150px; padding-left: 155px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-product { width: 100%; margin-right: -380px; padding-right: 380px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-header .dn-checkout-c-product { margin-left: 0px; padding-left: 0px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table.dn-checkout-with-taxes-against-items .dn-checkout-c-product { margin-right: -460px; padding-right: 460px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-options { width: 150px; display: inline-block; overflow: hidden; word-break: break-word; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-qty { width: 70px; text-align: center; position: relative; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-qty input[type="text"] { width: 100%; box-sizing: border-box; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-bundle-notice { position: absolute; z-index: 10; background-color: #fff; border: 1px solid #000; padding: 2px; white-space: nowrap; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-times { width: 10px; text-align: center; display: inline-block; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-price { width: 70px; text-align: right; padding-right: 5px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-tax-plus { width: 10px; text-align: center; display: inline-block; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-tax { width: 70px; text-align: right; padding-right: 5px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-equal { width: 10px; text-align: center; display: inline-block; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-total { width: 70px; text-align: right; padding-right: 5px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-summary { width: 100%; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-cart-body.dn-checkout-cart-as-quote .dn-checkout-c-options { width: 330px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-cart-body.dn-checkout-cart-as-quote .dn-checkout-c-qty { width: 50px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-c-product-thumbnail img { width: 75px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-c-product-thumbnail-medium .dn-checkout-c-product-thumbnail img { width: 125px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-c-product-thumbnail-large .dn-checkout-c-product-thumbnail img { width: 150px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart.dn-checkout-with-table .dn-checkout-rows .dn-checkout-row .dn-checkout-c-options .dn-checkout-c-lv > label { display: inline-block; width: auto; word-break: break-word; overflow-wrap: break-word; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-c-lv > span { display: inline-block; width: auto; margin-left: 0px; padding-left: 0px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart-body .dn-checkout-cart-summary-col1 { display: inline-block; width: 50%; vertical-align: top; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart-body .dn-checkout-cart-summary-col2 { display: inline-block; width: 50%; vertical-align: top; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-footer { padding: 0px; padding-bottom: 10px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-shipping-notice .dn-checkout-c-total { border-top: none; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-footer-note { display: inline-block; float: left; width: auto; padding-left: 50px; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-cart-checkout-options-container .dn-cart-checkout-options { text-align: right; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-cart-summary-col1 .dn-cart-checkout-options-container .dn-cart-checkout-options { text-align: left; } .dn-view-cart-details-container[data-breakpoint-600='true'] .dn-checkout-submit .dn-cart-checkout-options-container .dn-cart-checkout-options { text-align: center; } .dn-view-cart-details-container[data-breakpoint-900='true'] .dn-checkout-cart .dn-checkout-cart-body.dn-checkout-cart-body-2-col .dn-checkout-cart-detail-col1 { display: inline-block; width: 70%; vertical-align: top; } .dn-view-cart-details-container[data-breakpoint-900='true'] .dn-checkout-cart .dn-checkout-cart-body.dn-checkout-cart-body-2-col .dn-checkout-cart-detail-col2 { display: inline-block; width: 30%; vertical-align: top; } .dn-view-cart-details-container[data-breakpoint-900='true'] .dn-checkout-cart .dn-checkout-cart-body.dn-checkout-cart-body-2-col .dn-checkout-shipping-notice .dn-checkout-c-total { border-top: none; } .dn-cp-price-trigger { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; margin-left: 5px; border-radius: 50%; background: #d63b3b; color: white; font-size: 10px; font-weight: bold; font-family: "Nunito Sans", "helvetica", sans-serif; cursor: pointer; line-height: 1; vertical-align: middle; user-select: none; transition: background 0.15s; } .dn-cp-price-trigger:hover { background: #c93636; } .dn-cp-pricing-popup { display: none; position: absolute; z-index: 9999; background: white; border: 1px solid #999999; border-radius: 4px; box-shadow: 0px 0px 15px 2px #cccccc; min-width: 300px; font-family: "Nunito Sans", "helvetica", sans-serif; font-size: 20px; color: #1c1b1b; overflow: hidden; } .dn-cp-pricing-popup.open { display: block; } .dn-cp-pricing-popup .dn-cp-table { width: 100%; border-collapse: collapse; table-layout: auto; } .dn-cp-pricing-popup .dn-cp-table th, .dn-cp-pricing-popup .dn-cp-table td { padding: 5px 10px; white-space: nowrap; border-bottom: 1px solid #e6e6e6; line-height: 1.4; } .dn-cp-pricing-popup .dn-cp-table thead tr { background: #fafafa; } .dn-cp-pricing-popup .dn-cp-table thead th { font-weight: bold; font-size: 20px; color: #6a6666; text-align: right; border-bottom: 2px solid #cccccc; } .dn-cp-pricing-popup .dn-cp-table thead th.dn-cp-label-th { text-align: left; } .dn-cp-pricing-popup .dn-cp-table tbody tr:nth-child(even) { background: #fafafa; } .dn-cp-pricing-popup .dn-cp-table tbody tr:nth-child(odd) { background: white; } .dn-cp-pricing-popup .dn-cp-table tfoot tr { background: #fafafa; } .dn-cp-pricing-popup .dn-cp-table tfoot td { border-top: 2px solid #cccccc; border-bottom: none; font-weight: bold; } .dn-cp-pricing-popup .dn-cp-table tfoot tr.dn-cp-avg td, .dn-cp-pricing-popup .dn-cp-table tfoot tr.dn-cp-rounded td { font-weight: normal; background: white; border-top: 1px solid #e6e6e6; } .dn-cp-pricing-popup .dn-cp-table tfoot tr.dn-cp-footer-row td { background: #fafafa; border-top: 1px solid #e6e6e6; text-align: right; font-weight: normal; padding: 6px 10px; } .dn-cp-pricing-popup .dn-cp-label { text-align: left !important; font-weight: normal; } .dn-cp-pricing-popup .dn-cp-val { text-align: right; font-variant-numeric: tabular-nums; } .dn-cp-pricing-popup .dn-cp-okay-btn { display: inline-block; padding: 4px 18px; background: #d63b3b; color: white; border: 0px solid #d63b3b; border-radius: 5px; font-family: "Poppins", Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; cursor: pointer; letter-spacing: 0.04em; transition: background 0.15s; } .dn-cp-pricing-popup .dn-cp-okay-btn:hover { background: #c93636; color: white; } .dn-nav-dropdown-background-container { opacity: 0.0; background-color: white; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 100; visibility: hidden; transition: opacity 0.2s, visibility 0s 0.2s; } body.dn-showing-dropdown-nav .dn-nav-dropdown-background-container { opacity: 0.5; visibility: visible; transition: opacity 0.2s, visibility 0s; } header .dn-small-header .dn-menu-icon .dn-dropdown-anchor, header .dn-small-header-always .dn-menu-icon .dn-dropdown-anchor { max-width: 1px; text-decoration: underline; background-attachment: fixed; display: none; } .dn-nav-dropdown-container { position: fixed; max-width: 0px; transition: max-width 0.2s; right: 0px; top: 0px; bottom: 0px; overflow-y: auto; z-index: 101; background-color: #fffff4; } .dn-nav-dropdown-container > nav { border-left: 2px solid #000000; height: 100%; padding: 10px; min-width: 200px; } .dn-nav-dropdown-container > nav .dn-dropdown-anchor { max-width: 1px; text-decoration: underline; background-attachment: fixed; display: none; } .dn-nav-dropdown-container > nav .dn-nav-close { position: relative; cursor: pointer; height: 37px; border-bottom: 1px solid #ffff8e; margin-bottom: 10px; } .dn-nav-dropdown-container > nav .dn-nav-close span { display: none; } .dn-nav-dropdown-container > nav .dn-nav-close:after { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "m"; display: inline-block; letter-spacing: normal; word-spacing: normal; font-size: 25px; width: 25px; position: absolute; right: 10px; top: 5px; color: #000000; } .dn-nav-dropdown-container > nav .dn-nav-back { position: relative; cursor: pointer; height: 37px; padding-right: 45px; padding-top: 5px; border-bottom: 1px solid #ffff8e; margin-bottom: 10px; } .dn-nav-dropdown-container > nav .dn-nav-back span { font-size: 1.2em; line-height: 1.5em; color: #000000; } .dn-nav-dropdown-container > nav .dn-nav-back:after { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "B"; display: inline-block; letter-spacing: normal; word-spacing: normal; font-size: 25px; width: 25px; position: absolute; right: 10px; top: 5px; color: #000000; } .dn-nav-dropdown-container > nav .dn-nav-item a, .dn-nav-dropdown-container > nav .dn-nav-item .dn-currency-selector { font-size: 1.2em; line-height: 1.5em; } .dn-nav-dropdown-container > nav .dn-nav-item.dn-nav-separator { margin-top: 10px; margin-bottom: 10px; padding: 0px; border-bottom: 1px solid #ffff8e; } .dn-nav-dropdown-container > nav .dn-nav-item.dn-nav-separator hr { display: none; } .dn-admin-logged-in .dn-nav-dropdown-container { padding-top: 50px; } .dn-nav-dropdown-container.dn-nav-main-dropdown-container.dn-nav-main-dropdown-small nav.dn-nav-with-submenus .dn-nav-item { padding-right: 20px; } .dn-nav-dropdown-container.dn-nav-main-dropdown-container.dn-nav-main-dropdown-small nav.dn-nav-with-submenus .dn-nav-item.dn-nav-item.dn-nav-separator { padding-right: 0px; } .dn-nav-dropdown-container.dn-nav-main-dropdown-container.dn-nav-main-dropdown-small .dn-nav-item.dn-nav-with-submenu { position: relative; } .dn-nav-dropdown-container.dn-nav-main-dropdown-container.dn-nav-main-dropdown-small .dn-nav-item.dn-nav-with-submenu a { position: relative; display: inline-block; z-index: 2; width: auto; } .dn-nav-dropdown-container.dn-nav-main-dropdown-container.dn-nav-main-dropdown-small .dn-nav-item.dn-nav-with-submenu div.dn-nav-submenu-link { position: absolute; z-index: 1; left: 0px; top: 0px; width: 100%; height: 100%; } .dn-nav-dropdown-container.dn-nav-main-dropdown-container.dn-nav-main-dropdown-small .dn-nav-item.dn-nav-with-submenu div.dn-nav-submenu-link .dn-dropdown-anchor { position: absolute; right: 0px; top: 0px; bottom: 0px; width: 0px; text-align: left; vertical-align: top; max-height: 1px; } .dn-nav-dropdown-container.dn-nav-main-dropdown-container.dn-nav-main-dropdown-small .dn-nav-item.dn-nav-with-submenu div.dn-nav-submenu-link a { display: none; } .dn-nav-dropdown-container.dn-nav-main-dropdown-container.dn-nav-main-dropdown-small .dn-nav-item.dn-nav-with-submenu:after { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "h"; display: inline-block; letter-spacing: normal; word-spacing: normal; vertical-align: text-top; width: 16px; position: absolute; right: 2px; top: 4px; font-size: 1.2em; color: #000000; } .dn-nav-dropdown-container.dn-nav-main-dropdown-container.dn-nav-main-dropdown-small .dn-nav-item.dn-nav-with-submenu:before { display: none; } /* override colors for small nav */ .dn-nav-dropdown-container > nav.dn-nav-dropdown { color: #000000; } .dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item a, .dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item span, .dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item p { color: #000000; } .dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item a:hover { background-color: #ffff8e; } header .dn-small-header, header .dn-small-header-always { position: relative; line-height: 0px; } header .dn-small-header .dn-menu-icon, header .dn-small-header-always .dn-menu-icon { display: inline-block; vertical-align: text-bottom; height: 33px; cursor: pointer; position: absolute; right: 10px; top: 5px; } header .dn-small-header .dn-menu-icon:hover, header .dn-small-header-always .dn-menu-icon:hover { background-color: black; color: white; } header .dn-small-header .dn-menu-icon:before, header .dn-small-header-always .dn-menu-icon:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "D"; display: inline-block; letter-spacing: normal; word-spacing: normal; font-size: 31px; } header .dn-small-header .dn-small-logo-container, header .dn-small-header-always .dn-small-logo-container { margin-left: 3px; display: inline-block; vertical-align: text-bottom; padding: 0px 0px 0px 0px; } header .dn-small-header .dn-small-logo-container h1.dn-logo, header .dn-small-header .dn-small-logo-container .dn-site-heading.dn-logo, header .dn-small-header-always .dn-small-logo-container h1.dn-logo, header .dn-small-header-always .dn-small-logo-container .dn-site-heading.dn-logo { font-size: 0px; line-height: 0px; margin-bottom: 0px; } header .dn-small-header .dn-small-logo-container h1.dn-logo.dn-logo-svg, header .dn-small-header .dn-small-logo-container .dn-site-heading.dn-logo.dn-logo-svg, header .dn-small-header-always .dn-small-logo-container h1.dn-logo.dn-logo-svg, header .dn-small-header-always .dn-small-logo-container .dn-site-heading.dn-logo.dn-logo-svg { min-width: 100px; } header .dn-small-header .dn-nav-search, header .dn-small-header .dn-nav-phone, header .dn-small-header-always .dn-nav-search, header .dn-small-header-always .dn-nav-phone { display: inline-block; position: absolute; top: 10px; right: 45px; } header .dn-small-header .dn-nav-phone, header .dn-small-header-always .dn-nav-phone { right: 72px; } header .dn-small-header .dn-phone-icon, header .dn-small-header-always .dn-phone-icon { vertical-align: middle; line-height: 0em; cursor: pointer; } header .dn-small-header .dn-phone-icon:before, header .dn-small-header-always .dn-phone-icon:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ";"; display: inline-block; letter-spacing: normal; word-spacing: normal; font-size: 23px; } header .dn-small-header .dn-search-icon:before, header .dn-small-header-always .dn-search-icon:before { font-size: 20px; } @media only screen and (min-width: 768px) { header .dn-small-header { display: none; } } @media only screen and (max-width: 767px) { header .dn-large-header { display: none; } } body.dn-inline-header header .dn-small-header, body.dn-inline-header header .dn-small-header-always { background-color: #fffff4; } body.dn-inline-header header .dn-small-header .dn-small-logo-container h1.dn-text-logo, body.dn-inline-header header .dn-small-header .dn-small-logo-container div.dn-site-heading.dn-text-logo, body.dn-inline-header header .dn-small-header-always .dn-small-logo-container h1.dn-text-logo, body.dn-inline-header header .dn-small-header-always .dn-small-logo-container div.dn-site-heading.dn-text-logo { margin-bottom: 0px; } body.dn-inline-header header .dn-small-header-fixed-container { background-color: #fffff4; } body.dn-floating-header header .dn-small-header .dn-small-logo-container h1.dn-text-logo, body.dn-floating-header header .dn-small-header .dn-small-logo-container div.dn-site-heading.dn-text-logo, body.dn-floating-header header .dn-small-header-always .dn-small-logo-container h1.dn-text-logo, body.dn-floating-header header .dn-small-header-always .dn-small-logo-container div.dn-site-heading.dn-text-logo { margin-bottom: 0px; } body.dn-floating-header.dn-alt-color-scheme header .dn-small-header .dn-small-logo-container h1.dn-text-logo, body.dn-floating-header.dn-alt-color-scheme header .dn-small-header .dn-small-logo-container div.dn-site-heading.dn-text-logo, body.dn-floating-header.dn-alt-color-scheme header .dn-small-header-always .dn-small-logo-container h1.dn-text-logo, body.dn-floating-header.dn-alt-color-scheme header .dn-small-header-always .dn-small-logo-container div.dn-site-heading.dn-text-logo { color: #ffffff; margin-bottom: 0px; } .dn-search-icon { vertical-align: middle; cursor: pointer; } .dn-search-icon:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "o"; display: inline-block; letter-spacing: normal; word-spacing: normal; } body.dn-inline-header .dn-large-header-container .dn-search-icon { font-size: 18px; line-height: 0em; } body.dn-floating-header .dn-large-header-container .dn-search-icon { font-size: 16px; line-height: 0em; } .dn-inline-popup.dn-search-page-top { position: fixed; width: 100%; height: 60px; top: 0px; left: 0px; background-color: white; padding: 10px 10px; overflow: hidden; box-shadow: 0px 0px 6px 1px #999999; } .dn-inline-popup.dn-search-page-top .dn-search-field-container { width: 100%; margin-right: -140px; padding-right: 140px; display: inline-block; vertical-align: middle; } .dn-inline-popup.dn-search-page-top .dn-search-field-container .dn-search-field { width: 100%; height: 40px; display: inline-block; vertical-align: middle; font-size: 20px; padding-left: 10px; padding-right: 10px; } .dn-inline-popup.dn-search-page-top .dn-btn { display: inline-block; width: 100px; height: 40px; vertical-align: middle; } .dn-inline-popup.dn-search-page-top .dn-close { display: inline-block; width: 40px; height: 40px; vertical-align: middle; text-align: right; font-size: 20px; margin-top: 0px; padding-top: 9px; cursor: pointer; } .dn-inline-popup.dn-search-page-top .dn-close:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "m"; display: inline-block; letter-spacing: normal; word-spacing: normal; } header .dn-large-header-container .dn-logo-container h1.dn-text-logo, header .dn-large-header-container .dn-logo-container div.dn-text-logo.dn-site-heading { margin: 0px; } body.dn-floating-header header { position: absolute; z-index: 100; width: 100%; } body .dn-cookie-acceptance { background: #cccccc; text-align: center; } header.dn-header-logo-only .dn-large-header { text-align: center; } header.dn-header-logo-only .dn-large-header .dn-logo-container { width: 400px; display: inline-block; line-height: initial; position: relative; text-align: center; padding: 0px 0px 0px 0px; z-index: 0; overflow: hidden; } header.dn-header-logo-only .dn-large-header .dn-logo-container .dn-logo-svg { display: flex; justify-content: center; align-items: center; width: 100%; height: auto; } header.dn-header-logo-only .dn-large-header .dn-logo-container .dn-logo-svg img { width: auto; max-width: 100%; max-height: 100%; } header.dn-header-logo-only .dn-small-header { text-align: center; } header .dn-preview-site-message { background: #cccccc; text-align: center; } header .dn-pos-message-container .dn-pos-message { padding: 4px; } header .dn-pos-message-container .dn-pos-message p { margin-bottom: 0; } header.dn-lh-1rllor { position: relative; } header.dn-lh-1rllor .dn-large-header-container .dn-large-header { display: none; line-height: 0px; } @media only screen and (min-width: 768px) { header.dn-lh-1rllor .dn-large-header-container .dn-large-header { display: block; } } header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-logo-and-nav-container { display: inline-block; vertical-align: middle; width: 100%; margin-right: -320px; padding-right: 320px; white-space: nowrap; } header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-logo-and-nav-container > div { position: relative; } header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-logo-and-nav-container > div .dn-logo-container { width: 400px; display: inline-block; line-height: initial; position: relative; text-align: left; vertical-align: middle; padding: 0px 0px 0px 0px; z-index: 0; overflow: hidden; } header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-logo-and-nav-container > div .dn-logo-container .dn-logo { font-size: 0px; line-height: 0px; } header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-logo-and-nav-container > div .dn-logo-container .dn-logo.dn-logo-svg { min-width: 100px; } header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-logo-and-nav-container > div .dn-logo-container .dn-logo.dn-logo-svg img { width: 100%; height: 100%; } header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-logo-and-nav-container > div .dn-logo-container h1, header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-logo-and-nav-container > div .dn-logo-container div.dn-site-heading { padding: 10px; margin-bottom: 0px; } header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-logo-and-nav-container > div .dn-header-nav-container { display: inline-block; vertical-align: middle; position: relative; z-index: 0; } header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-other { display: inline-block; width: 320px; vertical-align: middle; text-align: right; } header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-other .dn-other-nav-container { display: inline-block; vertical-align: top; position: relative; z-index: 1; } header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-other .dn-search-container { display: inline-block; vertical-align: top; } header.dn-lh-1rllor .dn-large-header-container .dn-large-header.dn-header-with-phone-number .dn-logo-and-nav-container { margin-right: -555px; padding-right: 555px; } header.dn-lh-1rllor .dn-large-header-container .dn-large-header.dn-header-with-phone-number .dn-other { width: 555px; } body.dn-inline-header header.dn-lh-1rllor .dn-large-header-container { background-color: #fffff4; } body.dn-inline-header header.dn-lh-1rllor .dn-large-header-container .dn-large-header { background-color: #fffff4; } body.dn-inline-header header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-logo-and-nav-container > div .dn-logo-container { color: #252525; } body.dn-floating-header header.dn-lh-1rllor { position: absolute; z-index: 100; width: 100%; } body.dn-floating-header header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-logo-and-nav-container > div .dn-logo-container { color: #000000; } body.dn-floating-header.dn-alt-color-scheme header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-logo-and-nav-container > div .dn-logo-container { color: #ffffff; } body.dn-floating-header.dn-alt-color-scheme header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-logo-and-nav-container > div .dn-logo-container h1.dn-text-logo, body.dn-floating-header.dn-alt-color-scheme header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-logo-and-nav-container > div .dn-logo-container div.dn-text-logo.dn-site-heading { color: #ffffff; } nav.dn-other-nav { text-align: right; line-height: 0px; } nav.dn-other-nav > div { display: inline-block; margin-left: 10px; padding: 5px; vertical-align: middle; } nav.dn-other-nav > div:first-of-type { margin-left: 0px; } nav.dn-other-nav > div a:hover { text-decoration: underline; } body.dn-floating-header.dn-alt-color-scheme header nav.dn-other-nav, body.dn-floating-header.dn-alt-color-scheme header nav.dn-other-nav > div a { color: #ffffff; } .dn-shopping-cart-icon-push-right-container, .dn-shopping-cart-icon-over-right-container, .dn-shopping-cart-icon-link-container, .dn-shopping-cart-icon-dropdown-container { vertical-align: middle; margin-right: 5px; cursor: pointer; position: relative; } .dn-shopping-cart-icon-push-right-container:before, .dn-shopping-cart-icon-over-right-container:before, .dn-shopping-cart-icon-link-container:before, .dn-shopping-cart-icon-dropdown-container:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "l"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-shopping-cart-icon-push-right-container span, .dn-shopping-cart-icon-over-right-container span, .dn-shopping-cart-icon-link-container span, .dn-shopping-cart-icon-dropdown-container span { position: absolute; right: -3px; bottom: 0.5em; display: inline-block; padding: 1px; font-size: 0.5em; line-height: 0.9em; background-color: white; color: #1c1b1b; border: 1px solid #1c1b1b; border-radius: 50%; text-align: center; min-width: 13px; } .dn-shopping-cart-icon-push-right-container span[data-cart-items='0'], .dn-shopping-cart-icon-over-right-container span[data-cart-items='0'], .dn-shopping-cart-icon-link-container span[data-cart-items='0'], .dn-shopping-cart-icon-dropdown-container span[data-cart-items='0'] { display: none; } body.dn-inline-header .dn-large-header-container .dn-shopping-cart-icon-dropdown-container { font-size: 18px; line-height: 0em; } body.dn-floating-header .dn-large-header-container .dn-shopping-cart-icon-dropdown-container { font-size: 16px; line-height: 0em; } .dn-shopping-cart-icon-dropdown-popup { margin-top: 10px; border: 1px solid #1c1b1b; background-color: white; border-radius: 2px; padding: 5px; } .dn-shopping-cart-icon-push-right-container, .dn-shopping-cart-icon-over-right-container, .dn-shopping-cart-icon-link-container, .dn-shopping-cart-icon-dropdown-container { vertical-align: middle; margin-right: 5px; cursor: pointer; position: relative; } .dn-shopping-cart-icon-push-right-container:before, .dn-shopping-cart-icon-over-right-container:before, .dn-shopping-cart-icon-link-container:before, .dn-shopping-cart-icon-dropdown-container:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "l"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-shopping-cart-icon-push-right-container span, .dn-shopping-cart-icon-over-right-container span, .dn-shopping-cart-icon-link-container span, .dn-shopping-cart-icon-dropdown-container span { position: absolute; right: -3px; bottom: 0.5em; display: inline-block; padding: 1px; font-size: 0.5em; line-height: 0.9em; background-color: white; color: #1c1b1b; border: 1px solid #1c1b1b; border-radius: 50%; text-align: center; min-width: 13px; } .dn-shopping-cart-icon-push-right-container span[data-cart-items='0'], .dn-shopping-cart-icon-over-right-container span[data-cart-items='0'], .dn-shopping-cart-icon-link-container span[data-cart-items='0'], .dn-shopping-cart-icon-dropdown-container span[data-cart-items='0'] { display: none; } body.dn-inline-header .dn-large-header-container .dn-shopping-cart-icon-link-container { font-size: 18px; line-height: 0em; } body.dn-floating-header .dn-large-header-container .dn-shopping-cart-icon-link-container { font-size: 16px; line-height: 0em; } .dn-shopping-cart-icon-push-right-container, .dn-shopping-cart-icon-over-right-container, .dn-shopping-cart-icon-dropdown-container, .dn-shopping-cart-icon-link-container { vertical-align: middle; margin-right: 5px; cursor: pointer; position: relative; } .dn-shopping-cart-icon-push-right-container:before, .dn-shopping-cart-icon-over-right-container:before, .dn-shopping-cart-icon-dropdown-container:before, .dn-shopping-cart-icon-link-container:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "l"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-shopping-cart-icon-push-right-container span, .dn-shopping-cart-icon-over-right-container span, .dn-shopping-cart-icon-dropdown-container span, .dn-shopping-cart-icon-link-container span { position: absolute; right: -3px; bottom: 0.5em; display: inline-block; padding: 1px; font-size: 0.5em; line-height: 0.9em; background-color: white; color: #1c1b1b; border: 1px solid #1c1b1b; border-radius: 50%; text-align: center; min-width: 13px; } .dn-shopping-cart-icon-push-right-container span[data-cart-items='0'], .dn-shopping-cart-icon-over-right-container span[data-cart-items='0'], .dn-shopping-cart-icon-dropdown-container span[data-cart-items='0'], .dn-shopping-cart-icon-link-container span[data-cart-items='0'] { display: none; } body.dn-inline-header .dn-large-header-container .dn-shopping-cart-icon-over-right-container { font-size: 18px; line-height: 0em; } body.dn-floating-header .dn-large-header-container .dn-shopping-cart-icon-over-right-container { font-size: 16px; line-height: 0em; } .dn-inline-popup.dn-shopping-cart-icon-over-right-popup { position: fixed; width: 300px; /*overflow: hidden;*/ height: 100%; right: -300px; top: 0px; background-color: white; transition: right 0.4s; display: block; } .dn-inline-popup.dn-shopping-cart-icon-over-right-popup.dn-alt { right: 0px; } .dn-shopping-cart-icon-over-right-popup { border-left: 2px solid #1c1b1b; } .dn-shopping-cart-icon-over-right-popup > div { padding: 20px; height: 100%; } .dn-inline-popup-background.dn-cart-over-right { background-color: white; opacity: 0.0; transition: opacity 0.4s; } .dn-inline-popup-background.dn-cart-over-right.dn-alt { opacity: 0.3; } .dn-shopping-cart-icon-push-right-container, .dn-shopping-cart-icon-dropdown-container, .dn-shopping-cart-icon-link-container, .dn-shopping-cart-icon-over-right-container { vertical-align: middle; margin-right: 5px; cursor: pointer; position: relative; } .dn-shopping-cart-icon-push-right-container:before, .dn-shopping-cart-icon-dropdown-container:before, .dn-shopping-cart-icon-link-container:before, .dn-shopping-cart-icon-over-right-container:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "l"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-shopping-cart-icon-push-right-container span, .dn-shopping-cart-icon-dropdown-container span, .dn-shopping-cart-icon-link-container span, .dn-shopping-cart-icon-over-right-container span { position: absolute; right: -3px; bottom: 0.5em; display: inline-block; padding: 1px; font-size: 0.5em; line-height: 0.9em; background-color: white; color: #1c1b1b; border: 1px solid #1c1b1b; border-radius: 50%; text-align: center; min-width: 13px; } .dn-shopping-cart-icon-push-right-container span[data-cart-items='0'], .dn-shopping-cart-icon-dropdown-container span[data-cart-items='0'], .dn-shopping-cart-icon-link-container span[data-cart-items='0'], .dn-shopping-cart-icon-over-right-container span[data-cart-items='0'] { display: none; } body.dn-inline-header .dn-large-header-container .dn-shopping-cart-icon-push-right-container { font-size: 18px; line-height: 0em; } body.dn-floating-header .dn-large-header-container .dn-shopping-cart-icon-push-right-container { font-size: 16px; line-height: 0em; } .dn-inline-popup.dn-shopping-cart-icon-push-right-popup { position: fixed; width: 300px; overflow: hidden; height: 100%; right: -300px; top: 0px; background-color: white; transition: right 0.4s; display: block; } .dn-inline-popup.dn-shopping-cart-icon-push-right-popup.dn-alt { right: 0px; } .dn-shopping-cart-icon-push-right-popup > div { border-left: 2px solid #1c1b1b; padding: 20px; height: 100%; } body { transition: margin-left 0.4s; } body.dn-cart-pushed-right { margin-left: -300px; } .dn-inline-popup-background.dn-cart-pushed-right { background-color: white; opacity: 0.0; transition: opacity 0.4s; } .dn-inline-popup-background.dn-cart-pushed-right.dn-alt { opacity: 0.3; } .dn-account-icon { width: 20px; height: 20px; vertical-align: middle; font-size: 20px; cursor: pointer; } .dn-account-icon:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "&"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-inline-popup.dn-account-options-popup { max-height: 0px; display: block; width: 250px; overflow: hidden; margin-top: 2px; margin-left: -2px; transition: max-height 0.3s; } .dn-inline-popup.dn-account-options-popup > div { border: 1px solid #999999; background-color: white; padding: 10px; } .dn-inline-popup.dn-account-options-popup > div .dn-btn { width: 46%; margin: 2%; } .dn-inline-popup.dn-account-options-popup.dn-alt { max-height: 100px; } .dn-search-icon { vertical-align: middle; cursor: pointer; } .dn-search-icon:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "o"; display: inline-block; letter-spacing: normal; word-spacing: normal; } body.dn-inline-header .dn-large-header-container .dn-search-icon { font-size: 18px; line-height: 0em; } body.dn-floating-header .dn-large-header-container .dn-search-icon { font-size: 16px; line-height: 0em; } .dn-search-dropdown { width: 300px; border: 1px solid #999999; background-color: white; padding: 2px; margin-top: 2px; margin-left: -2px; } .dn-search-dropdown .dn-search-field { width: 194px; height: 40px; display: inline-block; vertical-align: middle; } .dn-search-dropdown .dn-btn { display: inline-block; width: 100px; height: 40px; vertical-align: middle; } .dn-search-icon { vertical-align: middle; cursor: pointer; } .dn-search-icon:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "o"; display: inline-block; letter-spacing: normal; word-spacing: normal; } body.dn-inline-header .dn-large-header-container .dn-search-icon { font-size: 18px; line-height: 0em; } body.dn-floating-header .dn-large-header-container .dn-search-icon { font-size: 16px; line-height: 0em; } .dn-inline-popup.dn-search-fullscreen { position: fixed; top: 50%; margin-top: -50px; height: 100px; width: 100%; left: 0px; padding: 20px 100px; } .dn-inline-popup.dn-search-fullscreen .dn-search-field-container { width: 100%; margin-right: -140px; padding-right: 140px; display: inline-block; vertical-align: middle; } .dn-inline-popup.dn-search-fullscreen .dn-search-field-container .dn-search-field { width: 100%; height: 60px; display: inline-block; vertical-align: middle; font-size: 20px; padding-left: 10px; padding-right: 10px; } .dn-inline-popup.dn-search-fullscreen .dn-btn { display: inline-block; width: 100px; height: 60px; vertical-align: middle; } .dn-inline-popup.dn-search-fullscreen .dn-close { display: inline-block; width: 40px; height: 40px; vertical-align: middle; text-align: right; font-size: 20px; margin-top: 20px; cursor: pointer; } .dn-inline-popup.dn-search-fullscreen .dn-close:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "m"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-search-field { margin-bottom: 0; border-left: 0; border-right: 0; border-top: 0; border-bottom: 0; padding: 5px 0 !important; color: #717171; width: 90%; text-indent: 5px; } .dn-search-field::-webkit-input-placeholder { color: #1c1b1b; } .dn-search-field::-moz-placeholder { color: #1c1b1b; } .dn-search-field:-moz-placeholder { color: #1c1b1b; } .dn-search-field:-ms-input-placeholder { color: #1c1b1b; } .dn-search-field:focus { -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; border-bottom: 1px solid #cccccc !important; outline: none; } .dn-search-icon { vertical-align: middle; cursor: pointer; } .dn-search-icon:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "o"; display: inline-block; letter-spacing: normal; word-spacing: normal; } body.dn-inline-header .dn-large-header-container .dn-search-icon { font-size: 18px; line-height: 0em; } body.dn-floating-header .dn-large-header-container .dn-search-icon { font-size: 16px; line-height: 0em; } .dn-inline-popup.dn-search-page-top { position: fixed; width: 100%; height: 60px; top: 0px; left: 0px; background-color: white; padding: 10px 10px; overflow: hidden; box-shadow: 0px 0px 6px 1px #999999; } .dn-inline-popup.dn-search-page-top .dn-search-field-container { width: 100%; margin-right: -140px; padding-right: 140px; display: inline-block; vertical-align: middle; } .dn-inline-popup.dn-search-page-top .dn-search-field-container .dn-search-field { width: 100%; height: 40px; display: inline-block; vertical-align: middle; font-size: 20px; padding-left: 10px; padding-right: 10px; } .dn-inline-popup.dn-search-page-top .dn-btn { display: inline-block; width: 100px; height: 40px; vertical-align: middle; } .dn-inline-popup.dn-search-page-top .dn-close { display: inline-block; width: 40px; height: 40px; vertical-align: middle; text-align: right; font-size: 20px; margin-top: 0px; padding-top: 9px; cursor: pointer; } .dn-inline-popup.dn-search-page-top .dn-close:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "m"; display: inline-block; letter-spacing: normal; word-spacing: normal; } body.dn-fixed-header header .dn-large-header-container .dn-large-header-fixed-container .dn-large-header { margin-top: 0px; } @media only screen and (min-width: 768px) { body.dn-small-header-full-page header { width: 100%; max-width: 100%; } body.dn-small-header-full-page header .dn-large-header { position: absolute; height: 100vh; width: 100%; margin-top: 0px; } body.dn-small-header-full-page header .dn-large-header .dn-logo-container { position: absolute; bottom: 50vh; z-index: 4; } body.dn-small-header-full-page header .dn-large-header .dn-other-nav-container { position: absolute; right: 0px; top: 0px; z-index: 4; } body.dn-small-header-full-page header .dn-nav-main-container { position: absolute; z-index: 5; top: 50vh; width: 100%; } body.dn-small-header-full-page main.dn-content { margin-top: 0px; } body.dn-small-header-full-page .dn-page-section.dn-breadcrumb-section { display: none; } } nav.dn-nav-main { margin-bottom: 0; list-style: none; /*height: $v-main-nav-height;*/ text-align: center; } nav.dn-nav-main .dn-nav-item { display: inline-block; position: relative; line-height: 25px; padding: 0 10px; } nav.dn-nav-main .dn-nav-item span { vertical-align: middle; } nav.dn-nav-main .dn-nav-item .dn-nav-item-more > span { vertical-align: inherit; } body.dn-floating-header.dn-alt-color-scheme nav.dn-nav-main { color: #ffffff; } body.dn-floating-header.dn-alt-color-scheme nav.dn-nav-main a { color: #ffffff; } body.dn-floating-header.dn-alt-color-scheme nav.dn-nav-main a span { color: #ffffff; } /*move to items so we can render the nav itself incase it has a bg color (less popping)*/ .wf-loading body nav.dn-nav-main > div.dn-nav-item { visibility: hidden; } .dn-nav-main.dn-nav-main-inline { white-space: normal; } .dn-nav-main > div { visibility: hidden; } body.dn-behaviours-bound-critical .dn-nav-main > div { visibility: visible; } nav.dn-nav-main .dn-nav-item-more > span { vertical-align: baseline; } nav.dn-nav-main .dn-nav-item-more > span:after { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "f"; display: inline-block; letter-spacing: normal; word-spacing: normal; vertical-align: middle; margin-left: 2px; width: 16px; } @media only screen and (min-width: 768px) { .dn-nav-dropdown-background-container { display: none; } nav.dn-nav-main .dn-nav-item .dn-dropdown-anchor { display: block; text-align: right; vertical-align: top; height: 0px; max-height: 1px; } nav.dn-nav-main .dn-nav-item:first-of-type .dn-dropdown-anchor { text-align: left; } .dn-nav-main-dropdown-container.dn-more-dropdown { transition: max-height 0.2s; } .dn-nav-main-dropdown-container.dn-more-dropdown .dn-nav-item { display: none; } .dn-nav-main-dropdown-container.dn-more-dropdown .dn-nav-item.dn-visible-in-more-menu { display: block; } .dn-nav-main-dropdown-container.dn-more-dropdown .dn-nav-item.dn-nav-with-submenu { position: relative; } .dn-nav-main-dropdown-container.dn-more-dropdown .dn-nav-item.dn-nav-with-submenu a { display: none; } .dn-nav-main-dropdown-container.dn-more-dropdown .dn-nav-item.dn-nav-with-submenu div.dn-nav-submenu-link { /*position: absolute;*/ z-index: 1; left: 0px; top: 0px; width: 100%; height: 100%; } .dn-nav-main-dropdown-container.dn-more-dropdown .dn-nav-item.dn-nav-with-submenu div.dn-nav-submenu-link a { position: relative; display: inline-block; z-index: 0; width: auto; } .dn-nav-main-dropdown-container.dn-more-dropdown .dn-nav-item.dn-nav-with-submenu div.dn-nav-submenu-link .dn-dropdown-anchor { position: absolute; display: block; left: 0px; top: 0px; width: 0px; height: 100%; text-align: right; vertical-align: top; max-height: 1px; max-width: none; text-decoration: none; } body.dn-nav-width-page nav.dn-nav-main .dn-nav-item .dn-dropdown-anchor, body.dn-nav-width-content nav.dn-nav-main .dn-nav-item .dn-dropdown-anchor { text-align: center; } body.dn-nav-width-page nav.dn-nav-main .dn-nav-item:first-of-type .dn-dropdown-anchor, body.dn-nav-width-content nav.dn-nav-main .dn-nav-item:first-of-type .dn-dropdown-anchor { text-align: center; } body.dn-nav-width-page nav.dn-nav-main .dn-nav-item.dn-nav-item-more .dn-dropdown-anchor, body.dn-nav-width-content nav.dn-nav-main .dn-nav-item.dn-nav-item-more .dn-dropdown-anchor { display: block; text-align: right; } .dn-nav-dropdown-container { display: block; position: absolute; max-width: none; right: auto; top: 0px; bottom: auto; max-height: 0px; min-width: 200px; transition: max-height 0.2s; overflow: hidden; } .dn-nav-dropdown-container.dn-menu-dropdown-transitioned { overflow: visible; } .dn-nav-dropdown-container > nav.dn-nav-dropdown { background-color: ghostwhite; padding: 10px 0; border: 2px solid black; height: auto; } .dn-nav-dropdown-container > nav.dn-nav-dropdown .dn-nav-item-children .dn-nav-item { padding: 0 10px; } .dn-nav-dropdown-container > nav.dn-nav-dropdown .dn-nav-item { padding: 0; color: #000000; } .dn-nav-dropdown-container > nav.dn-nav-dropdown .dn-nav-item.dn-nav-close { display: none; } .dn-nav-dropdown-container > nav.dn-nav-dropdown .dn-nav-item.dn-nav-back { display: none; } .dn-nav-dropdown-container > nav.dn-nav-dropdown .dn-nav-item a { color: #000000; font-size: 1em; line-height: 1em; } .dn-nav-dropdown-container nav.dn-nav-with-submenus .dn-nav-item { padding-left: 20px; } .dn-nav-dropdown-container .dn-page-section > div > .dn-page-section-content { overflow: hidden; } body.dn-fixed-header .dn-nav-dropdown-container { position: fixed; } .dn-nav-dropdown-container.dn-nav-dropdown-container-large nav.dn-nav-dropdown { padding: 0px; } .dn-nav-dropdown-container .dn-nav-item .dn-nav-submenu-link:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "g"; display: inline-block; letter-spacing: normal; word-spacing: normal; vertical-align: text-top; margin-left: -16px; width: 16px; } .dn-nav-dropdown-container.dn-nav-width-content { background-color: transparent; } .dn-admin-logged-in .dn-nav-dropdown-container { padding-top: 0px; } } /* override colors for nav */ .dn-nav-dropdown { color: #000000; } .dn-nav-dropdown .dn-grid-container .dn-grid-item .dn-grid-item-container { border-color: ghostwhite; background-color: ghostwhite; } .dn-nav-dropdown h1, .dn-nav-dropdown h1.dn-styled, .dn-nav-dropdown h1.dn-styled a, .dn-nav-dropdown .dn-widget-heading h1, .dn-nav-dropdown .dn-widget-heading h1 a { color: #000000; } .dn-nav-dropdown h2, .dn-nav-dropdown h2.dn-styled, .dn-nav-dropdown h2.dn-styled a, .dn-nav-dropdown .dn-widget-heading h2, .dn-nav-dropdown .dn-widget-heading h2 a { color: #000000; } .dn-nav-dropdown h3, .dn-nav-dropdown h3.dn-styled, .dn-nav-dropdown h3.dn-styled a, .dn-nav-dropdown .dn-widget-heading h3, .dn-nav-dropdown .dn-widget-heading h3 a { color: #000000; } .dn-nav-dropdown h4, .dn-nav-dropdown h4.dn-styled, .dn-nav-dropdown h4.dn-styled a, .dn-nav-dropdown .dn-widget-heading h4, .dn-nav-dropdown .dn-widget-heading h4 a { color: #000000; } .dn-nav-dropdown h5, .dn-nav-dropdown h5.dn-styled, .dn-nav-dropdown h5.dn-styled a, .dn-nav-dropdown .dn-widget-heading h5, .dn-nav-dropdown .dn-widget-heading h5 a { color: #000000; } .dn-nav-dropdown a, .dn-nav-dropdown span, .dn-nav-dropdown p { color: #000000; } nav.dn-nav-main .dn-nav-with-submenu a:after { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "f"; display: inline-block; letter-spacing: normal; word-spacing: normal; vertical-align: middle; margin-left: 2px; margin-top: -0.1em; width: 16px; } .dn-currency-selector { cursor: pointer; position: relative; min-width: 50px; display: inline-block; vertical-align: middle; padding-right: 1.5em; } .dn-currency-selector > span { display: inline-block; vertical-align: middle; } .dn-currency-selector #dn_currency_glyph { font-weight: bold; padding-right: 2px; } .dn-currency-selector #dn_currency_code:after { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "f"; display: inline-block; letter-spacing: normal; word-spacing: normal; vertical-align: middle; position: absolute; line-height: inherit; } .dn-currency-selector .dn-dropdown-anchor { display: block; text-align: right; vertical-align: top; height: 0px; max-height: 1px; position: absolute; right: 15px; bottom: -10px; } .dn-currency-dropdown-container { display: none; position: fixed; max-width: none; width: 100%; height: 100%; z-index: 200; background-color: #fffff4; overflow: hidden; } .dn-currency-dropdown-container .dn-currency-dropdown-header { height: 30px; color: black; text-align: center; font-size: 20px; line-height: 30px; } .dn-currency-dropdown-container .dn-currency-dropdown { height: 100%; margin-top: -30px; padding-top: 30px; margin-bottom: -40px; padding-bottom: 40px; position: relative; background-color: transparent; } .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll { height: 100%; max-height: 100%; overflow-y: scroll; overflow-x: hidden; } .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node { padding: 1px 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; color: #000000; } .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node:hover { background-color: #ffff8e; color: #000000; } .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node.dn-selected { background-color: #ffff8e; color: #000000; } .dn-currency-dropdown-container .dn-popup-footer { height: 40px; color: black; text-align: right; padding-right: 20px; } @media only screen and (min-width: 768px) { .dn-currency-dropdown-container { background-color: #fffff4; } .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node { color: #252525; } .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node:hover { background-color: #252525; color: #fffff4; } .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node.dn-selected { background-color: #252525; color: #fffff4; } .dn-currency-dropdown-container.dn-inline-popup { position: absolute; display: block; right: auto; top: 0px; bottom: auto; max-height: 0px; width: 200px; height: auto; transition: max-height 0.2s; } .dn-currency-dropdown-container.dn-inline-popup .dn-currency-dropdown-header { display: none; } .dn-currency-dropdown-container.dn-inline-popup .dn-currency-dropdown { border: 1px solid #252525; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; } .dn-currency-dropdown-container.dn-inline-popup .dn-currency-dropdown .dn-currency-dropdown-scroll { max-height: 298px; } .dn-currency-dropdown-container.dn-inline-popup .dn-popup-footer { display: none; } } .dn-floating-header .dn-currency-dropdown-container { background-color: #fffff4; } @media only screen and (min-width: 768px) { .dn-floating-header .dn-currency-dropdown-container { background-color: white; } } .dn-floating-header .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node { color: #000000; } .dn-floating-header .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node:hover { background-color: #ffff8e; color: #000000; } .dn-floating-header .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node.dn-selected { background-color: #ffff8e; color: #000000; } @media only screen and (min-width: 768px) { .dn-floating-header .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node { color: #000000; } .dn-floating-header .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node:hover { background-color: #000000; color: white; } .dn-floating-header .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node.dn-selected { background-color: #000000; color: white; } } .dn-floating-header.dn-alt-color-scheme .dn-currency-dropdown-container { background-color: #fffff4; } @media only screen and (min-width: 768px) { .dn-floating-header.dn-alt-color-scheme .dn-currency-dropdown-container { background-color: white; } } .dn-floating-header.dn-alt-color-scheme .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node { color: #000000; } .dn-floating-header.dn-alt-color-scheme .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node:hover { background-color: #ffff8e; color: #000000; } .dn-floating-header.dn-alt-color-scheme .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node.dn-selected { background-color: #ffff8e; color: #000000; } @media only screen and (min-width: 768px) { .dn-floating-header.dn-alt-color-scheme .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node { color: #ffffff; } .dn-floating-header.dn-alt-color-scheme .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node:hover { background-color: #ffffff; color: white; } .dn-floating-header.dn-alt-color-scheme .dn-currency-dropdown-container .dn-currency-dropdown .dn-currency-dropdown-scroll .dn-currency-node.dn-selected { background-color: #ffffff; color: white; } } @media only screen and (min-width: 768px) { .dn-floating-header .dn-currency-dropdown-container.dn-inline-popup .dn-currency-dropdown { border: 1px solid #000000; } .dn-floating-header.dn-alt-color-scheme .dn-currency-dropdown-container.dn-inline-popup .dn-currency-dropdown { border: 1px solid #ffffff; } } .dn-language-selector { cursor: pointer; position: relative; min-width: 50px; display: inline-block; vertical-align: middle; padding-right: 1.5em; } .dn-language-selector > span { display: inline-block; vertical-align: middle; } .dn-language-selector #dn_lang_flag { font-size: 1.1em; padding-right: 3px; } .dn-language-selector #dn_lang_code { font-weight: bold; padding-right: 2px; } .dn-language-selector #dn_lang_code:after { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "f"; display: inline-block; letter-spacing: normal; word-spacing: normal; vertical-align: middle; position: absolute; line-height: inherit; } .dn-language-selector .dn-dropdown-anchor { display: block; text-align: right; vertical-align: top; height: 0px; max-height: 1px; position: absolute; right: 15px; bottom: -10px; } .dn-language-dropdown-container { display: none; position: fixed; max-width: none; width: 100%; height: 100%; z-index: 200; background-color: #fffff4; overflow: hidden; } .dn-language-dropdown-container .dn-language-dropdown-header { height: 30px; color: black; text-align: center; font-size: 20px; line-height: 30px; } .dn-language-dropdown-container .dn-language-dropdown { height: 100%; margin-top: -30px; padding-top: 30px; margin-bottom: -40px; padding-bottom: 40px; position: relative; background-color: transparent; } .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-search-wrap { padding: 6px 10px; flex-shrink: 0; } .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-search-wrap .dn-language-dropdown-search { width: 100%; box-sizing: border-box; padding: 5px 8px; font-size: 13px; border: 1px solid #ffff5b; background-color: #ffffdb; color: #000000; border-radius: 4px; outline: none; } .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-search-wrap .dn-language-dropdown-search:focus { border-color: #f4f400; } .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-search-wrap .dn-language-dropdown-search::placeholder { color: #ffff28; } .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll-outer { height: 100%; position: relative; } .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll { height: 100%; max-height: 100%; overflow-y: scroll; overflow-x: hidden; } .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node { padding: 1px 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; color: #000000; display: flex; align-items: center; gap: 8px; } .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node:hover { background-color: #ffff8e; color: #000000; } .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node.dn-selected { background-color: #ffff8e; color: #000000; } .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node .dn-language-node-flag { font-size: 1.1em; flex-shrink: 0; } .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node .dn-language-node-label { flex: 1; overflow: hidden; text-overflow: ellipsis; } .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node .dn-language-node-code { font-size: 0.75em; font-weight: 600; letter-spacing: 0.05em; opacity: 0.6; flex-shrink: 0; } .dn-language-dropdown-container .dn-popup-footer { height: 40px; color: black; text-align: right; padding-right: 20px; } @media only screen and (min-width: 768px) { .dn-language-dropdown-container { background-color: #fffff4; } .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node { color: #252525; } .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node:hover { background-color: #252525; color: #fffff4; } .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node.dn-selected { background-color: #252525; color: #fffff4; } .dn-language-dropdown-container.dn-inline-popup { position: absolute; display: block; right: auto; top: 0px; bottom: auto; max-height: 0px; width: 260px; height: auto; transition: max-height 0.2s; } .dn-language-dropdown-container.dn-inline-popup .dn-language-dropdown-header { display: none; } .dn-language-dropdown-container.dn-inline-popup .dn-language-dropdown { border: 1px solid #252525; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; } .dn-language-dropdown-container.dn-inline-popup .dn-language-dropdown .dn-language-dropdown-search-wrap .dn-language-dropdown-search { border-color: #252525; background-color: #fffff4; color: #252525; } .dn-language-dropdown-container.dn-inline-popup .dn-language-dropdown .dn-language-dropdown-search-wrap .dn-language-dropdown-search::placeholder { color: #252525; opacity: 0.6; } .dn-language-dropdown-container.dn-inline-popup .dn-language-dropdown .dn-language-dropdown-scroll { max-height: 298px; } .dn-language-dropdown-container.dn-inline-popup .dn-popup-footer { display: none; } } .dn-floating-header .dn-language-dropdown-container { background-color: #fffff4; } @media only screen and (min-width: 768px) { .dn-floating-header .dn-language-dropdown-container { background-color: white; } } .dn-floating-header .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node { color: #000000; } .dn-floating-header .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node:hover { background-color: #ffff8e; color: #000000; } .dn-floating-header .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node.dn-selected { background-color: #ffff8e; color: #000000; } @media only screen and (min-width: 768px) { .dn-floating-header .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node { color: #000000; } .dn-floating-header .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node:hover { background-color: #000000; color: white; } .dn-floating-header .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node.dn-selected { background-color: #000000; color: white; } } .dn-floating-header.dn-alt-color-scheme .dn-language-dropdown-container { background-color: #fffff4; } @media only screen and (min-width: 768px) { .dn-floating-header.dn-alt-color-scheme .dn-language-dropdown-container { background-color: white; } } .dn-floating-header.dn-alt-color-scheme .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node { color: #000000; } .dn-floating-header.dn-alt-color-scheme .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node:hover { background-color: #ffff8e; color: #000000; } .dn-floating-header.dn-alt-color-scheme .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node.dn-selected { background-color: #ffff8e; color: #000000; } @media only screen and (min-width: 768px) { .dn-floating-header.dn-alt-color-scheme .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node { color: #ffffff; } .dn-floating-header.dn-alt-color-scheme .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node:hover { background-color: #ffffff; color: white; } .dn-floating-header.dn-alt-color-scheme .dn-language-dropdown-container .dn-language-dropdown .dn-language-dropdown-scroll .dn-language-node.dn-selected { background-color: #ffffff; color: white; } } @media only screen and (min-width: 768px) { .dn-floating-header .dn-language-dropdown-container.dn-inline-popup .dn-language-dropdown { border: 1px solid #000000; } .dn-floating-header.dn-alt-color-scheme .dn-language-dropdown-container.dn-inline-popup .dn-language-dropdown { border: 1px solid #ffffff; } } #google_translate_element, .goog-te-combo, .goog-te-gadget, .goog-logo-link, .skiptranslate { display: none !important; } main.dn-content > div > .dn-page-section, footer > .dn-page-section { width: 100%; } .dn-page-section { position: relative; /*overflow: hidden; I hate this but for some reason when there are 2 nested sections after each other, the negative margin overflow effects the flow... */ } .dn-page-section:before, .dn-page-section:after { content: ' '; display: table; } .dn-page-section-content:before, .dn-page-section-content:after { content: ' '; display: table; } .dn-page-section > div > .dn-page-section-content { z-index: 1; position: relative; } .dn-page-section > .dn-page-section-content { z-index: 1; position: relative; } .dn-page-section.dn-is-empty .dn-page-column { min-height: 100px; } .dn-background-container { overflow: hidden; } .dn-background-container > div { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; } .dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container > .dn-page-column-fixed, .dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column-fixed { display: inline-block; width: 200px; vertical-align: top; position: relative; z-index: 2; } .dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container, .dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container { width: 100%; vertical-align: top; position: relative; z-index: 1; } .dn-page-column { /* background-color: green; */ position: relative; } .dn-page-column .dn-page-column-margin { height: 100%; } .dn-page-column .dn-page-column-content { height: 100%; position: relative; z-index: 2; } .dn-page-column .dn-page-column-content:before, .dn-page-column .dn-page-column-content:after { content: ' '; display: table; } .dn-page-column.dn-valign-middle .dn-page-column-content { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .dn-page-column.dn-valign-bottom .dn-page-column-content { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -moz-box-align: end; box-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; -ms-flex-align: end; } main.dn-content > div.dn-column-container.dn-unconstrained { width: 100%; max-width: 100%; } div.dn-widget { position: relative; } .dn-padding-container { position: relative; line-height: 0px; font-size: 0px; } .dn-page-section.dn-valign-middle > div > .dn-page-section-content { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .dn-page-section.dn-valign-bottom > div > .dn-page-section-content { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -moz-box-align: end; box-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; -ms-flex-align: end; } .dn-align-container { width: 100%; } .dn-page-columns-container { width: 100%; } /* The 'responsive' spans */ /* Responsive for mobile */ @media only screen and (min-width: 0px) { .dn-mobile-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-column-fixed, .dn-mobile-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-column-fixed { width: 100%; } .dn-mobile-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-columns-container, .dn-mobile-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-columns-container { width: 100%; margin-left: 0px; padding-left: 0px; margin-right: 0px; padding-right: 0px; } .dn-mobile-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-column-fixed, .dn-mobile-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-column-fixed { display: none; } .dn-mobile-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-columns-container, .dn-mobile-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-columns-container { width: 100%; margin-left: 0px; padding-left: 0px; margin-right: 0px; padding-right: 0px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container > .dn-page-column-fixed, .dn-mobile-fixed-column-inline.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column-fixed { width: 200px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container { margin-left: -200px; padding-left: 200px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container { margin-right: -200px; padding-right: 200px; } .dn-mobile-align-left.dn-page-section { margin-left: 0px; margin-right: auto; } .dn-mobile-align-center.dn-page-section { margin-left: auto; margin-right: auto; } .dn-mobile-align-right.dn-page-section { margin-left: auto; margin-right: 0px; } .dn-mobile-none-padded-container { margin-left: 0px; margin-right: 0px; letter-spacing: -0.31em; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: 0px; margin-top: 0px; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 0px; padding-top: 0px; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: 0px; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -4px; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -4px; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 0px; margin-right: 0px; padding-top: 0px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: 0px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -4px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -4px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: 0px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -4px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -4px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: 0px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -4px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -4px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: 0px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -4px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -4px; } .dn-page-section-margin-top-none { margin-top: 0px; } .dn-page-section-margin-bottom-none { margin-bottom: 0px; } .dn-widget-margin-top-none { margin-top: 0px; } .dn-widget-margin-bottom-none { margin-bottom: 0px; } .dn-widget-margin-bottom-none > .dnmp-drop-target-bottom { bottom: -2px; } .dn-mobile-small-padded-container { margin-left: -1px; margin-right: -1px; letter-spacing: -0.31em; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -1px; margin-top: -1px; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 1px; padding-top: 1px; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -2.5px; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -6.5px; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -6.5px; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 1px; margin-right: -1px; padding-top: 1px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -2.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -6.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -6.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -2.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -6.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -6.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -2.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -6.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -6.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -2.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -6.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -6.5px; } .dn-page-section-margin-top-small { margin-top: 1px; } .dn-page-section-margin-bottom-small { margin-bottom: 1px; } .dn-widget-margin-top-small { margin-top: 1px; } .dn-widget-margin-bottom-small { margin-bottom: 1px; } .dn-widget-margin-bottom-small > .dnmp-drop-target-bottom { bottom: -2.5px; } .dn-mobile-medium-padded-container { margin-left: -3px; margin-right: -3px; letter-spacing: -0.31em; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -3px; margin-top: -3px; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 3px; padding-top: 3px; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -3.5px; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -7.5px; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -7.5px; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 3px; margin-right: -3px; padding-top: 3px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -3.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -7.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -7.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -3.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -7.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -7.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -3.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -7.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -7.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -3.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -7.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -7.5px; } .dn-page-section-margin-top-medium { margin-top: 3px; } .dn-page-section-margin-bottom-medium { margin-bottom: 3px; } .dn-widget-margin-top-medium { margin-top: 3px; } .dn-widget-margin-bottom-medium { margin-bottom: 3px; } .dn-widget-margin-bottom-medium > .dnmp-drop-target-bottom { bottom: -3.5px; } .dn-mobile-large-padded-container { margin-left: -6px; margin-right: -6px; letter-spacing: -0.31em; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -6px; margin-top: -6px; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 6px; padding-top: 6px; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -5px; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -9px; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -9px; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 6px; margin-right: -6px; padding-top: 6px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -9px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -9px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -9px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -9px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -9px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -9px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -9px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -9px; } .dn-page-section-margin-top-large { margin-top: 6px; } .dn-page-section-margin-bottom-large { margin-bottom: 6px; } .dn-widget-margin-top-large { margin-top: 6px; } .dn-widget-margin-bottom-large { margin-bottom: 6px; } .dn-widget-margin-bottom-large > .dnmp-drop-target-bottom { bottom: -5px; } .dn-mobile-xlarge-padded-container { margin-left: -8px; margin-right: -8px; letter-spacing: -0.31em; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -8px; margin-top: -8px; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 8px; padding-top: 8px; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -6px; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -10px; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -10px; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 8px; margin-right: -8px; padding-top: 8px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -6px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -10px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -10px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -6px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -10px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -10px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -6px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -10px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -10px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -6px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -10px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -10px; } .dn-page-section-margin-top-xlarge { margin-top: 8px; } .dn-page-section-margin-bottom-xlarge { margin-bottom: 8px; } .dn-widget-margin-top-xlarge { margin-top: 8px; } .dn-widget-margin-bottom-xlarge { margin-bottom: 8px; } .dn-widget-margin-bottom-xlarge > .dnmp-drop-target-bottom { bottom: -6px; } .dn-mobile-default-padded-container { margin-left: -3px; margin-right: -3px; letter-spacing: -0.31em; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -3px; margin-top: -3px; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 3px; padding-top: 3px; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -3.5px; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -7.5px; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -7.5px; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 3px; margin-right: -3px; padding-top: 3px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -3.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -7.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -7.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -3.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -7.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -7.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -3.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -7.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -7.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -3.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -7.5px; } .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-mobile-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -7.5px; } .dn-page-section-margin-top-default { margin-top: 3px; } .dn-page-section-margin-bottom-default { margin-bottom: 3px; } .dn-widget-margin-top-default { margin-top: 3px; } .dn-widget-margin-bottom-default { margin-bottom: 3px; } .dn-widget-margin-bottom-default > .dnmp-drop-target-bottom { bottom: -3.5px; } .dn-mobile-widget-stack { display: block; } .dn-mobile-widget-hide { display: none; } } /* Responsive for small */ @media only screen and (min-width: 768px) { .dn-small-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-column-fixed, .dn-small-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-column-fixed { width: 100%; } .dn-small-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-columns-container, .dn-small-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-columns-container { width: 100%; margin-left: 0px; padding-left: 0px; margin-right: 0px; padding-right: 0px; } .dn-small-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-column-fixed, .dn-small-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-column-fixed { display: none; } .dn-small-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-columns-container, .dn-small-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-columns-container { width: 100%; margin-left: 0px; padding-left: 0px; margin-right: 0px; padding-right: 0px; } .dn-small-fixed-column-inline.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container > .dn-page-column-fixed, .dn-small-fixed-column-inline.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column-fixed { width: 200px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container { margin-left: -200px; padding-left: 200px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container { margin-right: -200px; padding-right: 200px; } .dn-small-align-left.dn-page-section { margin-left: 0px; margin-right: auto; } .dn-small-align-center.dn-page-section { margin-left: auto; margin-right: auto; } .dn-small-align-right.dn-page-section { margin-left: auto; margin-right: 0px; } .dn-small-none-padded-container { margin-left: 0px; margin-right: 0px; letter-spacing: -0.31em; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: 0px; margin-top: 0px; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 0px; padding-top: 0px; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: 0px; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -4px; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -4px; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 0px; margin-right: 0px; padding-top: 0px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: 0px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -4px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -4px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: 0px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -4px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -4px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: 0px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -4px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -4px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: 0px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -4px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -4px; } .dn-page-section-margin-top-none { margin-top: 0px; } .dn-page-section-margin-bottom-none { margin-bottom: 0px; } .dn-widget-margin-top-none { margin-top: 0px; } .dn-widget-margin-bottom-none { margin-bottom: 0px; } .dn-widget-margin-bottom-none > .dnmp-drop-target-bottom { bottom: -2px; } .dn-small-small-padded-container { margin-left: -2px; margin-right: -2px; letter-spacing: -0.31em; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -2px; margin-top: -2px; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 2px; padding-top: 2px; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -3px; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -7px; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -7px; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 2px; margin-right: -2px; padding-top: 2px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -3px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -7px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -7px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -3px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -7px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -7px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -3px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -7px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -7px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -3px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -7px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -7px; } .dn-page-section-margin-top-small { margin-top: 2px; } .dn-page-section-margin-bottom-small { margin-bottom: 2px; } .dn-widget-margin-top-small { margin-top: 2px; } .dn-widget-margin-bottom-small { margin-bottom: 2px; } .dn-widget-margin-bottom-small > .dnmp-drop-target-bottom { bottom: -3px; } .dn-small-medium-padded-container { margin-left: -6px; margin-right: -6px; letter-spacing: -0.31em; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -6px; margin-top: -6px; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 6px; padding-top: 6px; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -5px; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -9px; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -9px; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 6px; margin-right: -6px; padding-top: 6px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -5px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -9px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -9px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -5px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -9px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -9px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -5px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -9px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -9px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -5px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -9px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -9px; } .dn-page-section-margin-top-medium { margin-top: 6px; } .dn-page-section-margin-bottom-medium { margin-bottom: 6px; } .dn-widget-margin-top-medium { margin-top: 6px; } .dn-widget-margin-bottom-medium { margin-bottom: 6px; } .dn-widget-margin-bottom-medium > .dnmp-drop-target-bottom { bottom: -5px; } .dn-small-large-padded-container { margin-left: -12px; margin-right: -12px; letter-spacing: -0.31em; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -12px; margin-top: -12px; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 12px; padding-top: 12px; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -8px; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -12px; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -12px; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 12px; margin-right: -12px; padding-top: 12px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -8px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -12px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -12px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -8px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -12px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -12px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -8px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -12px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -12px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -8px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -12px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -12px; } .dn-page-section-margin-top-large { margin-top: 12px; } .dn-page-section-margin-bottom-large { margin-bottom: 12px; } .dn-widget-margin-top-large { margin-top: 12px; } .dn-widget-margin-bottom-large { margin-bottom: 12px; } .dn-widget-margin-bottom-large > .dnmp-drop-target-bottom { bottom: -8px; } .dn-small-xlarge-padded-container { margin-left: -16px; margin-right: -16px; letter-spacing: -0.31em; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -16px; margin-top: -16px; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 16px; padding-top: 16px; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -10px; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -14px; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -14px; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 16px; margin-right: -16px; padding-top: 16px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -10px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -14px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -14px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -10px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -14px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -14px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -10px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -14px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -14px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -10px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -14px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -14px; } .dn-page-section-margin-top-xlarge { margin-top: 16px; } .dn-page-section-margin-bottom-xlarge { margin-bottom: 16px; } .dn-widget-margin-top-xlarge { margin-top: 16px; } .dn-widget-margin-bottom-xlarge { margin-bottom: 16px; } .dn-widget-margin-bottom-xlarge > .dnmp-drop-target-bottom { bottom: -10px; } .dn-small-default-padded-container { margin-left: -6px; margin-right: -6px; letter-spacing: -0.31em; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -6px; margin-top: -6px; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 6px; padding-top: 6px; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -5px; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -9px; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -9px; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 6px; margin-right: -6px; padding-top: 6px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -5px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -9px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -9px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -5px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -9px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -9px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -5px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -9px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -9px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -5px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -9px; } .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-small-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -9px; } .dn-page-section-margin-top-default { margin-top: 6px; } .dn-page-section-margin-bottom-default { margin-bottom: 6px; } .dn-widget-margin-top-default { margin-top: 6px; } .dn-widget-margin-bottom-default { margin-bottom: 6px; } .dn-widget-margin-bottom-default > .dnmp-drop-target-bottom { bottom: -5px; } .dn-small-widget-stack { display: block; } .dn-small-widget-hide { display: none; } } /* Responsive for medium */ @media only screen and (min-width: 992px) { .dn-medium-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-column-fixed, .dn-medium-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-column-fixed { width: 100%; } .dn-medium-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-columns-container, .dn-medium-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-columns-container { width: 100%; margin-left: 0px; padding-left: 0px; margin-right: 0px; padding-right: 0px; } .dn-medium-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-column-fixed, .dn-medium-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-column-fixed { display: none; } .dn-medium-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-columns-container, .dn-medium-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-columns-container { width: 100%; margin-left: 0px; padding-left: 0px; margin-right: 0px; padding-right: 0px; } .dn-medium-fixed-column-inline.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container > .dn-page-column-fixed, .dn-medium-fixed-column-inline.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column-fixed { width: 200px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container { margin-left: -200px; padding-left: 200px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container { margin-right: -200px; padding-right: 200px; } .dn-medium-align-left.dn-page-section { margin-left: 0px; margin-right: auto; } .dn-medium-align-center.dn-page-section { margin-left: auto; margin-right: auto; } .dn-medium-align-right.dn-page-section { margin-left: auto; margin-right: 0px; } .dn-medium-none-padded-container { margin-left: 0px; margin-right: 0px; letter-spacing: -0.31em; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: 0px; margin-top: 0px; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 0px; padding-top: 0px; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: 0px; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -4px; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -4px; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 0px; margin-right: 0px; padding-top: 0px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: 0px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -4px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -4px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: 0px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -4px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -4px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: 0px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -4px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -4px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: 0px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -4px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -4px; } .dn-page-section-margin-top-none { margin-top: 0px; } .dn-page-section-margin-bottom-none { margin-bottom: 0px; } .dn-widget-margin-top-none { margin-top: 0px; } .dn-widget-margin-bottom-none { margin-bottom: 0px; } .dn-widget-margin-bottom-none > .dnmp-drop-target-bottom { bottom: -2px; } .dn-medium-small-padded-container { margin-left: -2px; margin-right: -2px; letter-spacing: -0.31em; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -2px; margin-top: -2px; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 2px; padding-top: 2px; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -3px; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -7px; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -7px; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 2px; margin-right: -2px; padding-top: 2px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -3px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -7px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -7px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -3px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -7px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -7px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -3px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -7px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -7px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -3px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -7px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -7px; } .dn-page-section-margin-top-small { margin-top: 2px; } .dn-page-section-margin-bottom-small { margin-bottom: 2px; } .dn-widget-margin-top-small { margin-top: 2px; } .dn-widget-margin-bottom-small { margin-bottom: 2px; } .dn-widget-margin-bottom-small > .dnmp-drop-target-bottom { bottom: -3px; } .dn-medium-medium-padded-container { margin-left: -6px; margin-right: -6px; letter-spacing: -0.31em; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -6px; margin-top: -6px; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 6px; padding-top: 6px; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -5px; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -9px; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -9px; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 6px; margin-right: -6px; padding-top: 6px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -5px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -9px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -9px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -5px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -9px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -9px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -5px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -9px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -9px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -5px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -9px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -9px; } .dn-page-section-margin-top-medium { margin-top: 6px; } .dn-page-section-margin-bottom-medium { margin-bottom: 6px; } .dn-widget-margin-top-medium { margin-top: 6px; } .dn-widget-margin-bottom-medium { margin-bottom: 6px; } .dn-widget-margin-bottom-medium > .dnmp-drop-target-bottom { bottom: -5px; } .dn-medium-large-padded-container { margin-left: -16px; margin-right: -16px; letter-spacing: -0.31em; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -16px; margin-top: -16px; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 16px; padding-top: 16px; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -10px; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -14px; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -14px; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 16px; margin-right: -16px; padding-top: 16px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -10px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -14px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -14px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -10px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -14px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -14px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -10px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -14px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -14px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -10px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -14px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -14px; } .dn-page-section-margin-top-large { margin-top: 16px; } .dn-page-section-margin-bottom-large { margin-bottom: 16px; } .dn-widget-margin-top-large { margin-top: 16px; } .dn-widget-margin-bottom-large { margin-bottom: 16px; } .dn-widget-margin-bottom-large > .dnmp-drop-target-bottom { bottom: -10px; } .dn-medium-xlarge-padded-container { margin-left: -24px; margin-right: -24px; letter-spacing: -0.31em; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -24px; margin-top: -24px; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 24px; padding-top: 24px; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -14px; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -18px; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -18px; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 24px; margin-right: -24px; padding-top: 24px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -14px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -18px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -18px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -14px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -18px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -18px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -14px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -18px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -18px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -14px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -18px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -18px; } .dn-page-section-margin-top-xlarge { margin-top: 24px; } .dn-page-section-margin-bottom-xlarge { margin-bottom: 24px; } .dn-widget-margin-top-xlarge { margin-top: 24px; } .dn-widget-margin-bottom-xlarge { margin-bottom: 24px; } .dn-widget-margin-bottom-xlarge > .dnmp-drop-target-bottom { bottom: -14px; } .dn-medium-default-padded-container { margin-left: -6px; margin-right: -6px; letter-spacing: -0.31em; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -6px; margin-top: -6px; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 6px; padding-top: 6px; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -5px; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -9px; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -9px; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 6px; margin-right: -6px; padding-top: 6px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -5px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -9px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -9px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -5px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -9px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -9px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -5px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -9px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -9px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -5px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -9px; } .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-medium-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -9px; } .dn-page-section-margin-top-default { margin-top: 6px; } .dn-page-section-margin-bottom-default { margin-bottom: 6px; } .dn-widget-margin-top-default { margin-top: 6px; } .dn-widget-margin-bottom-default { margin-bottom: 6px; } .dn-widget-margin-bottom-default > .dnmp-drop-target-bottom { bottom: -5px; } .dn-medium-widget-stack { display: block; } .dn-medium-widget-hide { display: none; } } /* Responsive for large */ @media only screen and (min-width: 1210px) { .dn-large-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-column-fixed, .dn-large-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-column-fixed { width: 100%; } .dn-large-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-columns-container, .dn-large-fixed-column-stack.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-columns-container { width: 100%; margin-left: 0px; padding-left: 0px; margin-right: 0px; padding-right: 0px; } .dn-large-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-column-fixed, .dn-large-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-column-fixed { display: none; } .dn-large-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container .dn-page-columns-container, .dn-large-fixed-column-hide.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container .dn-page-columns-container { width: 100%; margin-left: 0px; padding-left: 0px; margin-right: 0px; padding-right: 0px; } .dn-large-fixed-column-inline.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container > .dn-page-column-fixed, .dn-large-fixed-column-inline.dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column-fixed { width: 200px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container { margin-left: -200px; padding-left: 200px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container { margin-right: -200px; padding-right: 200px; } .dn-large-align-left.dn-page-section { margin-left: 0px; margin-right: auto; } .dn-large-align-center.dn-page-section { margin-left: auto; margin-right: auto; } .dn-large-align-right.dn-page-section { margin-left: auto; margin-right: 0px; } .dn-large-none-padded-container { margin-left: 0px; margin-right: 0px; letter-spacing: -0.31em; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: 0px; margin-top: 0px; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 0px; padding-top: 0px; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: 0px; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -4px; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -4px; } .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 0px; margin-right: 0px; padding-top: 0px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: 0px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -4px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -4px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: 0px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -4px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -4px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: 0px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -4px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -4px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: 0px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -4px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -4px; } .dn-page-section-margin-top-none { margin-top: 0px; } .dn-page-section-margin-bottom-none { margin-bottom: 0px; } .dn-widget-margin-top-none { margin-top: 0px; } .dn-widget-margin-bottom-none { margin-bottom: 0px; } .dn-widget-margin-bottom-none > .dnmp-drop-target-bottom { bottom: -2px; } .dn-large-small-padded-container { margin-left: -4px; margin-right: -4px; letter-spacing: -0.31em; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -4px; margin-top: -4px; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 4px; padding-top: 4px; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -4px; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -8px; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -8px; } .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 4px; margin-right: -4px; padding-top: 4px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -4px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -8px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -8px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -4px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -8px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -8px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -4px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -8px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -8px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -4px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -8px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -8px; } .dn-page-section-margin-top-small { margin-top: 4px; } .dn-page-section-margin-bottom-small { margin-bottom: 4px; } .dn-widget-margin-top-small { margin-top: 4px; } .dn-widget-margin-bottom-small { margin-bottom: 4px; } .dn-widget-margin-bottom-small > .dnmp-drop-target-bottom { bottom: -4px; } .dn-large-medium-padded-container { margin-left: -12px; margin-right: -12px; letter-spacing: -0.31em; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -12px; margin-top: -12px; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 12px; padding-top: 12px; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -8px; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -12px; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -12px; } .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 12px; margin-right: -12px; padding-top: 12px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -8px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -12px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -12px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -8px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -12px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -12px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -8px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -12px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -12px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -8px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -12px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -12px; } .dn-page-section-margin-top-medium { margin-top: 12px; } .dn-page-section-margin-bottom-medium { margin-bottom: 12px; } .dn-widget-margin-top-medium { margin-top: 12px; } .dn-widget-margin-bottom-medium { margin-bottom: 12px; } .dn-widget-margin-bottom-medium > .dnmp-drop-target-bottom { bottom: -8px; } .dn-large-large-padded-container { margin-left: -24px; margin-right: -24px; letter-spacing: -0.31em; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -24px; margin-top: -24px; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 24px; padding-top: 24px; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -14px; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -18px; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -18px; } .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 24px; margin-right: -24px; padding-top: 24px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -14px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -18px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -18px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -14px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -18px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -18px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -14px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -18px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -18px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -14px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -18px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -18px; } .dn-page-section-margin-top-large { margin-top: 24px; } .dn-page-section-margin-bottom-large { margin-bottom: 24px; } .dn-widget-margin-top-large { margin-top: 24px; } .dn-widget-margin-bottom-large { margin-bottom: 24px; } .dn-widget-margin-bottom-large > .dnmp-drop-target-bottom { bottom: -14px; } .dn-large-xlarge-padded-container { margin-left: -32px; margin-right: -32px; letter-spacing: -0.31em; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -32px; margin-top: -32px; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 32px; padding-top: 32px; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -18px; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -22px; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -22px; } .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 32px; margin-right: -32px; padding-top: 32px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -18px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -22px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -22px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -18px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -22px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -22px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -18px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -22px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -22px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -18px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -22px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -22px; } .dn-page-section-margin-top-xlarge { margin-top: 32px; } .dn-page-section-margin-bottom-xlarge { margin-bottom: 32px; } .dn-widget-margin-top-xlarge { margin-top: 32px; } .dn-widget-margin-bottom-xlarge { margin-bottom: 32px; } .dn-widget-margin-bottom-xlarge > .dnmp-drop-target-bottom { bottom: -18px; } .dn-large-default-padded-container { margin-left: -12px; margin-right: -12px; letter-spacing: -0.31em; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -12px; margin-top: -12px; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 12px; padding-top: 12px; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -8px; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -12px; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -12px; } .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 12px; margin-right: -12px; padding-top: 12px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -8px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -12px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -12px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -8px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -12px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -12px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -8px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -12px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -12px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -8px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -12px; } .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-large-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -12px; } .dn-page-section-margin-top-default { margin-top: 12px; } .dn-page-section-margin-bottom-default { margin-bottom: 12px; } .dn-widget-margin-top-default { margin-top: 12px; } .dn-widget-margin-bottom-default { margin-bottom: 12px; } .dn-widget-margin-bottom-default > .dnmp-drop-target-bottom { bottom: -8px; } .dn-large-widget-stack { display: block; } .dn-large-widget-hide { display: none; } } /* the 'non-responsive' spans */ @media only screen and (min-width: 0px) { .dn-fixed-sizing .dn-fixed-size-none-padded-container { margin-left: 0px; margin-right: 0px; letter-spacing: -0.31em; } .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container, .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: 0px; margin-top: 0px; } .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 0px; padding-top: 0px; } .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: 0px; } .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -4px; } .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -4px; } .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-fixed-sizing .dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 0px; margin-right: 0px; padding-top: 0px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: 0px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -4px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -4px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: 0px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -4px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -4px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: 0px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -4px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -4px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: 0px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -4px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-none > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -4px; } .dn-fixed-sizing .dn-page-section-margin-top-none { margin-top: 0px; } .dn-fixed-sizing .dn-page-section-margin-bottom-none { margin-bottom: 0px; } .dn-fixed-sizing .dn-widget-margin-top-none { margin-top: 0px; } .dn-fixed-sizing .dn-widget-margin-bottom-none { margin-bottom: 0px; } .dn-fixed-sizing .dn-widget-margin-bottom-none > .dnmp-drop-target-bottom { bottom: -2px; } .dn-fixed-sizing .dn-fixed-size-small-padded-container { margin-left: -4px; margin-right: -4px; letter-spacing: -0.31em; } .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container, .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -4px; margin-top: -4px; } .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 4px; padding-top: 4px; } .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -4px; } .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -8px; } .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -8px; } .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-fixed-sizing .dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 4px; margin-right: -4px; padding-top: 4px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -4px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -8px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -8px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -4px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -8px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -8px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -4px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -8px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -8px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -4px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -8px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-small > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -8px; } .dn-fixed-sizing .dn-page-section-margin-top-small { margin-top: 4px; } .dn-fixed-sizing .dn-page-section-margin-bottom-small { margin-bottom: 4px; } .dn-fixed-sizing .dn-widget-margin-top-small { margin-top: 4px; } .dn-fixed-sizing .dn-widget-margin-bottom-small { margin-bottom: 4px; } .dn-fixed-sizing .dn-widget-margin-bottom-small > .dnmp-drop-target-bottom { bottom: -4px; } .dn-fixed-sizing .dn-fixed-size-medium-padded-container { margin-left: -12px; margin-right: -12px; letter-spacing: -0.31em; } .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container, .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -12px; margin-top: -12px; } .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 12px; padding-top: 12px; } .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -8px; } .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -12px; } .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -12px; } .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-fixed-sizing .dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 12px; margin-right: -12px; padding-top: 12px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -8px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -12px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -12px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -8px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -12px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -12px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -8px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -12px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -12px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -8px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -12px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-medium > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -12px; } .dn-fixed-sizing .dn-page-section-margin-top-medium { margin-top: 12px; } .dn-fixed-sizing .dn-page-section-margin-bottom-medium { margin-bottom: 12px; } .dn-fixed-sizing .dn-widget-margin-top-medium { margin-top: 12px; } .dn-fixed-sizing .dn-widget-margin-bottom-medium { margin-bottom: 12px; } .dn-fixed-sizing .dn-widget-margin-bottom-medium > .dnmp-drop-target-bottom { bottom: -8px; } .dn-fixed-sizing .dn-fixed-size-large-padded-container { margin-left: -24px; margin-right: -24px; letter-spacing: -0.31em; } .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container, .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -24px; margin-top: -24px; } .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 24px; padding-top: 24px; } .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -14px; } .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -18px; } .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -18px; } .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-fixed-sizing .dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 24px; margin-right: -24px; padding-top: 24px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -14px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -18px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -18px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -14px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -18px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -18px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -14px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -18px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -18px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -14px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -18px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-large > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -18px; } .dn-fixed-sizing .dn-page-section-margin-top-large { margin-top: 24px; } .dn-fixed-sizing .dn-page-section-margin-bottom-large { margin-bottom: 24px; } .dn-fixed-sizing .dn-widget-margin-top-large { margin-top: 24px; } .dn-fixed-sizing .dn-widget-margin-bottom-large { margin-bottom: 24px; } .dn-fixed-sizing .dn-widget-margin-bottom-large > .dnmp-drop-target-bottom { bottom: -14px; } .dn-fixed-sizing .dn-fixed-size-xlarge-padded-container { margin-left: -32px; margin-right: -32px; letter-spacing: -0.31em; } .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container, .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -32px; margin-top: -32px; } .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 32px; padding-top: 32px; } .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -18px; } .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -22px; } .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -22px; } .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-fixed-sizing .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 32px; margin-right: -32px; padding-top: 32px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -18px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -22px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -22px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -18px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -22px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -22px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -18px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -22px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -22px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -18px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -22px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -22px; } .dn-fixed-sizing .dn-page-section-margin-top-xlarge { margin-top: 32px; } .dn-fixed-sizing .dn-page-section-margin-bottom-xlarge { margin-bottom: 32px; } .dn-fixed-sizing .dn-widget-margin-top-xlarge { margin-top: 32px; } .dn-fixed-sizing .dn-widget-margin-bottom-xlarge { margin-bottom: 32px; } .dn-fixed-sizing .dn-widget-margin-bottom-xlarge > .dnmp-drop-target-bottom { bottom: -18px; } .dn-fixed-sizing .dn-fixed-size-default-padded-container { margin-left: -12px; margin-right: -12px; letter-spacing: -0.31em; } .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container, .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { margin-left: -12px; margin-top: -12px; } .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column, .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column, .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column, .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column { padding-left: 12px; padding-top: 12px; } .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer, .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer { right: -8px; } .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover, .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer:hover { right: -12px; } .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-column-sizer.dnmp-highlight { right: -12px; } .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dnmp-column-spacing, .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing, .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dnmp-column-spacing, .dn-fixed-sizing .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container > .dnmp-column-spacing { width: 12px; margin-right: -12px; padding-top: 12px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -8px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -12px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -12px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { right: -8px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { right: -12px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-left.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { right: -12px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -8px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -12px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -12px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer { left: -8px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer:hover { left: -12px; } .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight, .dn-fixed-sizing .dn-fixed-size-fixed-column-inline.dn-page-section.dn-fixed-column-right.dn-page-section-spacing-default > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-column > .dn-page-column-margin > .dn-page-column-content > .dnmp-fixed-column-sizer.dnmp-highlight { left: -12px; } .dn-fixed-sizing .dn-page-section-margin-top-default { margin-top: 12px; } .dn-fixed-sizing .dn-page-section-margin-bottom-default { margin-bottom: 12px; } .dn-fixed-sizing .dn-widget-margin-top-default { margin-top: 12px; } .dn-fixed-sizing .dn-widget-margin-bottom-default { margin-bottom: 12px; } .dn-fixed-sizing .dn-widget-margin-bottom-default > .dnmp-drop-target-bottom { bottom: -8px; } } .dn-widgets { width: 100%; } .dn-widget { line-height: 0px; font-size: 0px; } .dn-widget-content-container { z-index: 3; position: relative; line-height: 1.6em; font-size: 20px; width: 100%; display: inline-block; } .dn-widget-content { z-index: 3; position: relative; } .dn-widget.dn-limit-content-width > div.dn-widget-content-container { max-width: 1200px; } .dn-widget.dn-limit-content-width.dn-limit-background-width > div.dn-background-container div.dn-background-image-container { max-width: 1200px; } .dn-widget.dn-align-center { text-align: center; } .dn-widget.dn-align-center .dn-widget-content-container { display: inline-block; } .dn-widget.dn-align-right { text-align: right; } .dn-widget.dn-align-right .dn-widget-content-container { display: inline-block; } .dn-widget-collapsed-content { z-index: 3; position: relative; cursor: pointer; background-color: white; border: 0px solid #cccccc; border-radius: 0px; color: #1c1b1b; font-family: "Roboto"; font-size: 20px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1.65em; text-decoration: none; text-transform: none; letter-spacing: normal; word-spacing: normal; font-stretch: normal; } .dn-collapsed-label { display: inline-block; width: 100%; margin-right: -30px; padding-right: 30px; padding-left: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } .dn-collapsed-label div { vertical-align: middle; display: inline-block; padding-bottom: 2px; } .dn-collapsed-label div.dn-icon-caret-right { padding-top: 2px; padding-bottom: 0px; } .dn-collapsed-expander { display: inline-block; width: 30px; vertical-align: middle; } .dn-collapsed-expander:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "f"; display: inline-block; letter-spacing: normal; word-spacing: normal; } /* The 'responsive' widgets */ /* Responsive for mobile */ @media only screen and (min-width: 0px) { .dn-widget.dn-mobile-align-left { text-align: left; } .dn-widget.dn-mobile-align-left .dn-widget-content-container { display: inline-block; } .dn-widget.dn-mobile-align-center { text-align: center; } .dn-widget.dn-mobile-align-center .dn-widget-content-container { display: inline-block; } .dn-widget.dn-mobile-align-right { text-align: right; } .dn-widget.dn-mobile-align-right .dn-widget-content-container { display: inline-block; } .dn-widget.dn-mobile-collapsed .dn-widget-collapsed-content { display: block; } .dn-widget.dn-mobile-collapsed .dn-widget-content { display: none; } .dn-widget.dn-mobile-collapsed.dn-collapsed-expanded .dn-widget-content { display: block; } .dn-widget.dn-mobile-collapsed.dn-collapsed-expanded .dn-collapsed-expander:before { content: "i"; } .dn-widget.dn-mobile-not-collapsed .dn-widget-collapsed-content { display: none; } .dn-widget.dn-mobile-not-collapsed .dn-widget-content { display: block; } } /* Responsive for small */ @media only screen and (min-width: 768px) { .dn-widget.dn-small-align-left { text-align: left; } .dn-widget.dn-small-align-left .dn-widget-content-container { display: inline-block; } .dn-widget.dn-small-align-center { text-align: center; } .dn-widget.dn-small-align-center .dn-widget-content-container { display: inline-block; } .dn-widget.dn-small-align-right { text-align: right; } .dn-widget.dn-small-align-right .dn-widget-content-container { display: inline-block; } .dn-widget.dn-small-collapsed .dn-widget-collapsed-content { display: block; } .dn-widget.dn-small-collapsed .dn-widget-content { display: none; } .dn-widget.dn-small-collapsed.dn-collapsed-expanded .dn-widget-content { display: block; } .dn-widget.dn-small-collapsed.dn-collapsed-expanded .dn-collapsed-expander:before { content: "i"; } .dn-widget.dn-small-not-collapsed .dn-widget-collapsed-content { display: none; } .dn-widget.dn-small-not-collapsed .dn-widget-content { display: block; } } /* Responsive for medium */ @media only screen and (min-width: 992px) { .dn-widget.dn-medium-align-left { text-align: left; } .dn-widget.dn-medium-align-left .dn-widget-content-container { display: inline-block; } .dn-widget.dn-medium-align-center { text-align: center; } .dn-widget.dn-medium-align-center .dn-widget-content-container { display: inline-block; } .dn-widget.dn-medium-align-right { text-align: right; } .dn-widget.dn-medium-align-right .dn-widget-content-container { display: inline-block; } .dn-widget.dn-medium-collapsed .dn-widget-collapsed-content { display: block; } .dn-widget.dn-medium-collapsed .dn-widget-content { display: none; } .dn-widget.dn-medium-collapsed.dn-collapsed-expanded .dn-widget-content { display: block; } .dn-widget.dn-medium-collapsed.dn-collapsed-expanded .dn-collapsed-expander:before { content: "i"; } .dn-widget.dn-medium-not-collapsed .dn-widget-collapsed-content { display: none; } .dn-widget.dn-medium-not-collapsed .dn-widget-content { display: block; } } /* Responsive for large */ @media only screen and (min-width: 1210px) { .dn-widget.dn-large-align-left { text-align: left; } .dn-widget.dn-large-align-left .dn-widget-content-container { display: inline-block; } .dn-widget.dn-large-align-center { text-align: center; } .dn-widget.dn-large-align-center .dn-widget-content-container { display: inline-block; } .dn-widget.dn-large-align-right { text-align: right; } .dn-widget.dn-large-align-right .dn-widget-content-container { display: inline-block; } .dn-widget.dn-large-collapsed .dn-widget-collapsed-content { display: block; } .dn-widget.dn-large-collapsed .dn-widget-content { display: none; } .dn-widget.dn-large-collapsed.dn-collapsed-expanded .dn-widget-content { display: block; } .dn-widget.dn-large-collapsed.dn-collapsed-expanded .dn-collapsed-expander:before { content: "i"; } .dn-widget.dn-large-not-collapsed .dn-widget-collapsed-content { display: none; } .dn-widget.dn-large-not-collapsed .dn-widget-content { display: block; } } @media only screen and (min-width: 0px) { .dn-fixed-sizing .dn-widget.dn-fixed-size-align-left { text-align: left; } .dn-fixed-sizing .dn-widget.dn-fixed-size-align-left .dn-widget-content-container { display: inline-block; } .dn-fixed-sizing .dn-widget.dn-fixed-size-align-center { text-align: center; } .dn-fixed-sizing .dn-widget.dn-fixed-size-align-center .dn-widget-content-container { display: inline-block; } .dn-fixed-sizing .dn-widget.dn-fixed-size-align-right { text-align: right; } .dn-fixed-sizing .dn-widget.dn-fixed-size-align-right .dn-widget-content-container { display: inline-block; } .dn-fixed-sizing .dn-widget.dn-fixed-size-collapsed .dn-widget-collapsed-content { display: block; } .dn-fixed-sizing .dn-widget.dn-fixed-size-collapsed .dn-widget-content { display: none; } .dn-fixed-sizing .dn-widget.dn-fixed-size-collapsed.dn-collapsed-expanded .dn-widget-content { display: block; } .dn-fixed-sizing .dn-widget.dn-fixed-size-collapsed.dn-collapsed-expanded .dn-collapsed-expander:before { content: "i"; } .dn-fixed-sizing .dn-widget.dn-fixed-size-not-collapsed .dn-widget-collapsed-content { display: none; } .dn-fixed-sizing .dn-widget.dn-fixed-size-not-collapsed .dn-widget-content { display: block; } } .dn-grid-container[data-grid-cols='1'] .dn-grid .dn-grid-item { width: 100%; } .dn-grid-container[data-grid-cols='1'] .dn-grid-masonry { column-count: 1; column-gap: 0; } .dn-grid-container[data-grid-cols='1'] .dn-grid-masonry .dn-grid-item { width: 100%; /* this overrides the width set for dn-grid */ } .dn-grid-container-carousel[data-grid-cols='1'] .dn-grid-carousel { left: -100%; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .dn-grid-container-carousel[data-grid-cols='1'] .dn-is-reversing { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .dn-grid-container-carousel[data-grid-cols='1'] .dn-grid-carousel .dn-grid-item { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; -ms-flex-preferred-size: 100%; } .dn-grid-container[data-grid-cols='2'] .dn-grid .dn-grid-item { width: 50%; } .dn-grid-container[data-grid-cols='2'] .dn-grid-masonry { column-count: 2; column-gap: 0; } .dn-grid-container[data-grid-cols='2'] .dn-grid-masonry .dn-grid-item { width: 100%; /* this overrides the width set for dn-grid */ } .dn-grid-container-carousel[data-grid-cols='2'] .dn-grid-carousel { left: -50%; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } .dn-grid-container-carousel[data-grid-cols='2'] .dn-is-reversing { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .dn-grid-container-carousel[data-grid-cols='2'] .dn-grid-carousel .dn-grid-item { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; flex-basis: 50%; -ms-flex-preferred-size: 50%; } .dn-grid-container[data-grid-cols='3'] .dn-grid .dn-grid-item { width: 33.3333333333%; } .dn-grid-container[data-grid-cols='3'] .dn-grid-masonry { column-count: 3; column-gap: 0; } .dn-grid-container[data-grid-cols='3'] .dn-grid-masonry .dn-grid-item { width: 100%; /* this overrides the width set for dn-grid */ } .dn-grid-container-carousel[data-grid-cols='3'] .dn-grid-carousel { left: -33.3333333333%; -webkit-transform: translateX(33.3333333333%); -moz-transform: translateX(33.3333333333%); -ms-transform: translateX(33.3333333333%); -o-transform: translateX(33.3333333333%); transform: translateX(33.3333333333%); } .dn-grid-container-carousel[data-grid-cols='3'] .dn-is-reversing { -webkit-transform: translateX(-33.3333333333%); -moz-transform: translateX(-33.3333333333%); -ms-transform: translateX(-33.3333333333%); -o-transform: translateX(-33.3333333333%); transform: translateX(-33.3333333333%); } .dn-grid-container-carousel[data-grid-cols='3'] .dn-grid-carousel .dn-grid-item { -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; } .dn-grid-container[data-grid-cols='4'] .dn-grid .dn-grid-item { width: 25%; } .dn-grid-container[data-grid-cols='4'] .dn-grid-masonry { column-count: 4; column-gap: 0; } .dn-grid-container[data-grid-cols='4'] .dn-grid-masonry .dn-grid-item { width: 100%; /* this overrides the width set for dn-grid */ } .dn-grid-container-carousel[data-grid-cols='4'] .dn-grid-carousel { left: -25%; -webkit-transform: translateX(25%); -moz-transform: translateX(25%); -ms-transform: translateX(25%); -o-transform: translateX(25%); transform: translateX(25%); } .dn-grid-container-carousel[data-grid-cols='4'] .dn-is-reversing { -webkit-transform: translateX(-25%); -moz-transform: translateX(-25%); -ms-transform: translateX(-25%); -o-transform: translateX(-25%); transform: translateX(-25%); } .dn-grid-container-carousel[data-grid-cols='4'] .dn-grid-carousel .dn-grid-item { -webkit-flex-basis: 25%; -moz-flex-basis: 25%; flex-basis: 25%; -ms-flex-preferred-size: 25%; } .dn-grid-container[data-grid-cols='5'] .dn-grid .dn-grid-item { width: 20%; } .dn-grid-container[data-grid-cols='5'] .dn-grid-masonry { column-count: 5; column-gap: 0; } .dn-grid-container[data-grid-cols='5'] .dn-grid-masonry .dn-grid-item { width: 100%; /* this overrides the width set for dn-grid */ } .dn-grid-container-carousel[data-grid-cols='5'] .dn-grid-carousel { left: -20%; -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); } .dn-grid-container-carousel[data-grid-cols='5'] .dn-is-reversing { -webkit-transform: translateX(-20%); -moz-transform: translateX(-20%); -ms-transform: translateX(-20%); -o-transform: translateX(-20%); transform: translateX(-20%); } .dn-grid-container-carousel[data-grid-cols='5'] .dn-grid-carousel .dn-grid-item { -webkit-flex-basis: 20%; -moz-flex-basis: 20%; flex-basis: 20%; -ms-flex-preferred-size: 20%; } .dn-grid-container[data-grid-cols='6'] .dn-grid .dn-grid-item { width: 16.6666666667%; } .dn-grid-container[data-grid-cols='6'] .dn-grid-masonry { column-count: 6; column-gap: 0; } .dn-grid-container[data-grid-cols='6'] .dn-grid-masonry .dn-grid-item { width: 100%; /* this overrides the width set for dn-grid */ } .dn-grid-container-carousel[data-grid-cols='6'] .dn-grid-carousel { left: -16.6666666667%; -webkit-transform: translateX(16.6666666667%); -moz-transform: translateX(16.6666666667%); -ms-transform: translateX(16.6666666667%); -o-transform: translateX(16.6666666667%); transform: translateX(16.6666666667%); } .dn-grid-container-carousel[data-grid-cols='6'] .dn-is-reversing { -webkit-transform: translateX(-16.6666666667%); -moz-transform: translateX(-16.6666666667%); -ms-transform: translateX(-16.6666666667%); -o-transform: translateX(-16.6666666667%); transform: translateX(-16.6666666667%); } .dn-grid-container-carousel[data-grid-cols='6'] .dn-grid-carousel .dn-grid-item { -webkit-flex-basis: 16.6666666667%; -moz-flex-basis: 16.6666666667%; flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; } .dn-grid-container[data-grid-cols='7'] .dn-grid .dn-grid-item { width: 14.2857142857%; } .dn-grid-container[data-grid-cols='7'] .dn-grid-masonry { column-count: 7; column-gap: 0; } .dn-grid-container[data-grid-cols='7'] .dn-grid-masonry .dn-grid-item { width: 100%; /* this overrides the width set for dn-grid */ } .dn-grid-container-carousel[data-grid-cols='7'] .dn-grid-carousel { left: -14.2857142857%; -webkit-transform: translateX(14.2857142857%); -moz-transform: translateX(14.2857142857%); -ms-transform: translateX(14.2857142857%); -o-transform: translateX(14.2857142857%); transform: translateX(14.2857142857%); } .dn-grid-container-carousel[data-grid-cols='7'] .dn-is-reversing { -webkit-transform: translateX(-14.2857142857%); -moz-transform: translateX(-14.2857142857%); -ms-transform: translateX(-14.2857142857%); -o-transform: translateX(-14.2857142857%); transform: translateX(-14.2857142857%); } .dn-grid-container-carousel[data-grid-cols='7'] .dn-grid-carousel .dn-grid-item { -webkit-flex-basis: 14.2857142857%; -moz-flex-basis: 14.2857142857%; flex-basis: 14.2857142857%; -ms-flex-preferred-size: 14.2857142857%; } .dn-grid-container[data-grid-cols='8'] .dn-grid .dn-grid-item { width: 12.5%; } .dn-grid-container[data-grid-cols='8'] .dn-grid-masonry { column-count: 8; column-gap: 0; } .dn-grid-container[data-grid-cols='8'] .dn-grid-masonry .dn-grid-item { width: 100%; /* this overrides the width set for dn-grid */ } .dn-grid-container-carousel[data-grid-cols='8'] .dn-grid-carousel { left: -12.5%; -webkit-transform: translateX(12.5%); -moz-transform: translateX(12.5%); -ms-transform: translateX(12.5%); -o-transform: translateX(12.5%); transform: translateX(12.5%); } .dn-grid-container-carousel[data-grid-cols='8'] .dn-is-reversing { -webkit-transform: translateX(-12.5%); -moz-transform: translateX(-12.5%); -ms-transform: translateX(-12.5%); -o-transform: translateX(-12.5%); transform: translateX(-12.5%); } .dn-grid-container-carousel[data-grid-cols='8'] .dn-grid-carousel .dn-grid-item { -webkit-flex-basis: 12.5%; -moz-flex-basis: 12.5%; flex-basis: 12.5%; -ms-flex-preferred-size: 12.5%; } .dn-grid-container[data-grid-cols='9'] .dn-grid .dn-grid-item { width: 11.1111111111%; } .dn-grid-container[data-grid-cols='9'] .dn-grid-masonry { column-count: 9; column-gap: 0; } .dn-grid-container[data-grid-cols='9'] .dn-grid-masonry .dn-grid-item { width: 100%; /* this overrides the width set for dn-grid */ } .dn-grid-container-carousel[data-grid-cols='9'] .dn-grid-carousel { left: -11.1111111111%; -webkit-transform: translateX(11.1111111111%); -moz-transform: translateX(11.1111111111%); -ms-transform: translateX(11.1111111111%); -o-transform: translateX(11.1111111111%); transform: translateX(11.1111111111%); } .dn-grid-container-carousel[data-grid-cols='9'] .dn-is-reversing { -webkit-transform: translateX(-11.1111111111%); -moz-transform: translateX(-11.1111111111%); -ms-transform: translateX(-11.1111111111%); -o-transform: translateX(-11.1111111111%); transform: translateX(-11.1111111111%); } .dn-grid-container-carousel[data-grid-cols='9'] .dn-grid-carousel .dn-grid-item { -webkit-flex-basis: 11.1111111111%; -moz-flex-basis: 11.1111111111%; flex-basis: 11.1111111111%; -ms-flex-preferred-size: 11.1111111111%; } .dn-grid-container[data-grid-cols='10'] .dn-grid .dn-grid-item { width: 10%; } .dn-grid-container[data-grid-cols='10'] .dn-grid-masonry { column-count: 10; column-gap: 0; } .dn-grid-container[data-grid-cols='10'] .dn-grid-masonry .dn-grid-item { width: 100%; /* this overrides the width set for dn-grid */ } .dn-grid-container-carousel[data-grid-cols='10'] .dn-grid-carousel { left: -10%; -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); -o-transform: translateX(10%); transform: translateX(10%); } .dn-grid-container-carousel[data-grid-cols='10'] .dn-is-reversing { -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%); -ms-transform: translateX(-10%); -o-transform: translateX(-10%); transform: translateX(-10%); } .dn-grid-container-carousel[data-grid-cols='10'] .dn-grid-carousel .dn-grid-item { -webkit-flex-basis: 10%; -moz-flex-basis: 10%; flex-basis: 10%; -ms-flex-preferred-size: 10%; } .dn-grid-container[data-grid-cols='11'] .dn-grid .dn-grid-item { width: 9.0909090909%; } .dn-grid-container[data-grid-cols='11'] .dn-grid-masonry { column-count: 11; column-gap: 0; } .dn-grid-container[data-grid-cols='11'] .dn-grid-masonry .dn-grid-item { width: 100%; /* this overrides the width set for dn-grid */ } .dn-grid-container-carousel[data-grid-cols='11'] .dn-grid-carousel { left: -9.0909090909%; -webkit-transform: translateX(9.0909090909%); -moz-transform: translateX(9.0909090909%); -ms-transform: translateX(9.0909090909%); -o-transform: translateX(9.0909090909%); transform: translateX(9.0909090909%); } .dn-grid-container-carousel[data-grid-cols='11'] .dn-is-reversing { -webkit-transform: translateX(-9.0909090909%); -moz-transform: translateX(-9.0909090909%); -ms-transform: translateX(-9.0909090909%); -o-transform: translateX(-9.0909090909%); transform: translateX(-9.0909090909%); } .dn-grid-container-carousel[data-grid-cols='11'] .dn-grid-carousel .dn-grid-item { -webkit-flex-basis: 9.0909090909%; -moz-flex-basis: 9.0909090909%; flex-basis: 9.0909090909%; -ms-flex-preferred-size: 9.0909090909%; } .dn-grid-container[data-grid-cols='12'] .dn-grid .dn-grid-item { width: 8.3333333333%; } .dn-grid-container[data-grid-cols='12'] .dn-grid-masonry { column-count: 12; column-gap: 0; } .dn-grid-container[data-grid-cols='12'] .dn-grid-masonry .dn-grid-item { width: 100%; /* this overrides the width set for dn-grid */ } .dn-grid-container-carousel[data-grid-cols='12'] .dn-grid-carousel { left: -8.3333333333%; -webkit-transform: translateX(8.3333333333%); -moz-transform: translateX(8.3333333333%); -ms-transform: translateX(8.3333333333%); -o-transform: translateX(8.3333333333%); transform: translateX(8.3333333333%); } .dn-grid-container-carousel[data-grid-cols='12'] .dn-is-reversing { -webkit-transform: translateX(-8.3333333333%); -moz-transform: translateX(-8.3333333333%); -ms-transform: translateX(-8.3333333333%); -o-transform: translateX(-8.3333333333%); transform: translateX(-8.3333333333%); } .dn-grid-container-carousel[data-grid-cols='12'] .dn-grid-carousel .dn-grid-item { -webkit-flex-basis: 8.3333333333%; -moz-flex-basis: 8.3333333333%; flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; } .dn-grid-container .dn-grid, .dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container, .dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container, .dn-page-section.dn-page-section-with-fixed-column > div > .dn-page-section-content > .dn-align-container > .dn-padding-container > .dn-page-columns-container, .dn-page-columns-container { display: -webkit-inline-box; display: -moz-inline-box; display: inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dn-grid-container:before, .dn-grid-container:after { content: ' '; display: table; } .dn-grid-container { letter-spacing: -0.31em; /*padding-bottom: 0.1px; this stops the 'margin collapsing' */ } .dn-grid-container .dn-grid { visibility: hidden; } .dn-grid-container .dn-grid-item { display: inline-block; vertical-align: top; position: relative; } .dn-grid-container .dn-grid-item .dn-grid-item-container { padding: 5px; text-align: center; letter-spacing: normal; word-spacing: normal; height: 100%; width: 100%; margin-left: auto; margin-right: auto; border: 0px solid transparent; border-radius: 0px; background-color: transparent; overflow: hidden; } .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image { /*overflow: hidden; this breaks the shadow property */ } .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image img { display: block; margin-left: auto; margin-right: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; border: 1px solid transparent; border-radius: 0px; } .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image img.dn-grid-image-rollover { opacity: 0; } .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-content { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; overflow: hidden; } .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-content.dn-relative-position { position: relative; } .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; overflow: hidden; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay .dn-grid-overlay-text { width: 100%; text-align: center; text-align: -ms-center; text-align: -moz-center; text-align: -webkit-center; } .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay .dn-overlay-text { width: 100%; padding: 3px; background-color: #e6e6e6; border: 1px solid #e6e6e6; } .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay .dn-overlay-text h4 span { text-shadow: 0px 0px 2px #a6a6a6; } .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay .dn-overlay-text-rollover { opacity: 0.0; } .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-overlay.dn-grid-image-overlay-rollover { opacity: 0.0; } .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image.dn-with-height-padding { position: relative; } .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-text { position: relative; } .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-text.dn-grid-text-rollover { opacity: 0.0; } .dn-grid-container .dn-grid-item .dn-grid-item-container:hover .dn-grid-image .dn-grid-image-overlay.dn-grid-image-overlay-rollover { opacity: 1.0; transition: all 500ms ease-in-out; } .dn-grid-container .dn-grid-item .dn-grid-item-container:hover .dn-grid-image-overlay .dn-overlay-text-rollover { opacity: 1.0; transition: all 500ms ease-in-out; } .dn-grid-container .dn-grid-item .dn-grid-item-container:hover .dn-grid-text.dn-grid-text-rollover { opacity: 1.0; transition: all 500ms ease-in-out; } .dn-grid-container .dn-grid-item .dn-grid-item-container:hover img.dn-grid-image-rollover { opacity: 1.0; transition: all 500ms ease-in-out; } .dn-grid-container .dn-grid-item.dn-hidden { visibility: hidden; width: 0px !important; } .dn-grid-container .dn-grid-item-nav { width: 20px; font-size: 20px; } .dn-grid-container .dn-grid-masonry { width: 100%; display: block; } .dn-grid-container .dn-grid-masonry .dn-grid-item { display: inline-block; } .dn-grid-container .dn-grid-masonry .dn-grid-item .dn-grid-item-container .dn-grid-image img { width: 100%; } .dn-grid-container .dn-grid-carousel { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: single; -moz-box-lines: single; box-lines: single; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; list-style: none; margin: 0; padding: 0; position: relative; left: -100%; transform: translateX(100%); } .dn-grid-container .dn-grid-carousel.dn-is-set { transform: none; transition: transform 0.5s ease-in-out; } .dn-grid-container .dn-grid-carousel .dn-grid-item { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1 0 100%; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; box-ordinal-group: 2; -webkit-order: 2; -moz-order: 2; order: 2; -ms-flex-order: 2; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; -ms-flex-preferred-size: 100%; } .dn-grid-container .dn-grid-carousel .dn-grid-item.dn-item-ref { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; box-ordinal-group: 1; -webkit-order: 1; -moz-order: 1; order: 1; -ms-flex-order: 1; } .dn-grid-container.dn-grid-container-carousel { overflow: hidden; margin: 0 auto; } body.dn-behaviours-bound-critical .dn-grid-container .dn-grid { visibility: visible; } .dn-grid-container.dn-grid-image-cropped .dn-grid-image img { width: 100%; } .dn-grid-container[data-grid-cols='1'] .dn-grid .dn-grid-item { display: block; margin-left: auto; margin-right: auto; } .dn-grid-container[data-grid-cols='1'] .dn-grid .dn-grid-item .dn-grid-item-container { display: block; margin-left: auto; margin-right: auto; } .dn-widget-spacing-none .dn-grid.dn-with-spacing { margin-left: 0px; margin-bottom: 0px; } .dn-grid.dn-with-spacing .dn-grid-item { padding-right: 0px; padding-bottom: 0px; padding-left: 0px; padding-top: 0px; } .dn-grid.dn-with-spacing .dn-grid-item .dn-grid-item-container { padding-right: 0px; padding-bottom: 0px; padding-left: 0px; padding-top: 0px; } /* required so grid items will not be visible when calculating dropdown menu size if the item has a css effect */ .dn-calculating-menu-size .dn-grid-item { visibility: hidden; transition: none !important; } .dn-calculating-menu-size .dn-image-transform { visibility: hidden; transition: none !important; } .dn-calculating-menu-size .dn-image-overlay { visibility: hidden; transition: none !important; } .dn-calculating-menu-size .dn-image-image { visibility: hidden; transition: none !important; } /* The 'responsive' padding */ @media only screen and (min-width: 0px) { .dn-widget-spacing-small .dn-grid.dn-with-spacing { margin-left: -1px; margin-top: -1px; } .dn-widget-spacing-small .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 1px; padding-bottom: 0px; padding-right: 0px; padding-top: 1px; } .dn-widget-spacing-small .dn-grid-container.dn-displaying-categories { margin-bottom: 1px; } .dn-widget-spacing-medium .dn-grid.dn-with-spacing { margin-left: -3px; margin-top: -3px; } .dn-widget-spacing-medium .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 3px; padding-bottom: 0px; padding-right: 0px; padding-top: 3px; } .dn-widget-spacing-medium .dn-grid-container.dn-displaying-categories { margin-bottom: 3px; } .dn-widget-spacing-large .dn-grid.dn-with-spacing { margin-left: -6px; margin-top: -6px; } .dn-widget-spacing-large .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 6px; padding-bottom: 0px; padding-right: 0px; padding-top: 6px; } .dn-widget-spacing-large .dn-grid-container.dn-displaying-categories { margin-bottom: 6px; } .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing { margin-left: -8px; margin-top: -8px; } .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 8px; padding-bottom: 0px; padding-right: 0px; padding-top: 8px; } .dn-widget-spacing-xlarge .dn-grid-container.dn-displaying-categories { margin-bottom: 8px; } .dn-widget-spacing-default .dn-grid.dn-with-spacing { margin-left: -3px; margin-top: -3px; } .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 3px; padding-bottom: 0px; padding-right: 0px; padding-top: 3px; } .dn-widget-spacing-default .dn-grid-container.dn-displaying-categories { margin-bottom: 3px; } } @media only screen and (min-width: 768px) { .dn-widget-spacing-small .dn-grid.dn-with-spacing { margin-left: -2px; margin-top: -2px; } .dn-widget-spacing-small .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 2px; padding-bottom: 0px; padding-right: 0px; padding-top: 2px; } .dn-widget-spacing-small .dn-grid-container.dn-displaying-categories { margin-bottom: 2px; } .dn-widget-spacing-medium .dn-grid.dn-with-spacing { margin-left: -6px; margin-top: -6px; } .dn-widget-spacing-medium .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 6px; padding-bottom: 0px; padding-right: 0px; padding-top: 6px; } .dn-widget-spacing-medium .dn-grid-container.dn-displaying-categories { margin-bottom: 6px; } .dn-widget-spacing-large .dn-grid.dn-with-spacing { margin-left: -12px; margin-top: -12px; } .dn-widget-spacing-large .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 12px; padding-bottom: 0px; padding-right: 0px; padding-top: 12px; } .dn-widget-spacing-large .dn-grid-container.dn-displaying-categories { margin-bottom: 12px; } .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing { margin-left: -16px; margin-top: -16px; } .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 16px; padding-bottom: 0px; padding-right: 0px; padding-top: 16px; } .dn-widget-spacing-xlarge .dn-grid-container.dn-displaying-categories { margin-bottom: 16px; } .dn-widget-spacing-default .dn-grid.dn-with-spacing { margin-left: -6px; margin-top: -6px; } .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 6px; padding-bottom: 0px; padding-right: 0px; padding-top: 6px; } .dn-widget-spacing-default .dn-grid-container.dn-displaying-categories { margin-bottom: 6px; } } @media only screen and (min-width: 992px) { .dn-widget-spacing-small .dn-grid.dn-with-spacing { margin-left: -2px; margin-top: -2px; } .dn-widget-spacing-small .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 2px; padding-bottom: 0px; padding-right: 0px; padding-top: 2px; } .dn-widget-spacing-small .dn-grid-container.dn-displaying-categories { margin-bottom: 2px; } .dn-widget-spacing-medium .dn-grid.dn-with-spacing { margin-left: -6px; margin-top: -6px; } .dn-widget-spacing-medium .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 6px; padding-bottom: 0px; padding-right: 0px; padding-top: 6px; } .dn-widget-spacing-medium .dn-grid-container.dn-displaying-categories { margin-bottom: 6px; } .dn-widget-spacing-large .dn-grid.dn-with-spacing { margin-left: -16px; margin-top: -16px; } .dn-widget-spacing-large .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 16px; padding-bottom: 0px; padding-right: 0px; padding-top: 16px; } .dn-widget-spacing-large .dn-grid-container.dn-displaying-categories { margin-bottom: 16px; } .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing { margin-left: -24px; margin-top: -24px; } .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 24px; padding-bottom: 0px; padding-right: 0px; padding-top: 24px; } .dn-widget-spacing-xlarge .dn-grid-container.dn-displaying-categories { margin-bottom: 24px; } .dn-widget-spacing-default .dn-grid.dn-with-spacing { margin-left: -6px; margin-top: -6px; } .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 6px; padding-bottom: 0px; padding-right: 0px; padding-top: 6px; } .dn-widget-spacing-default .dn-grid-container.dn-displaying-categories { margin-bottom: 6px; } } @media only screen and (min-width: 1210px) { .dn-widget-spacing-small .dn-grid.dn-with-spacing { margin-left: -4px; margin-top: -4px; } .dn-widget-spacing-small .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 4px; padding-bottom: 0px; padding-right: 0px; padding-top: 4px; } .dn-widget-spacing-small .dn-grid-container.dn-displaying-categories { margin-bottom: 4px; } .dn-widget-spacing-medium .dn-grid.dn-with-spacing { margin-left: -12px; margin-top: -12px; } .dn-widget-spacing-medium .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 12px; padding-bottom: 0px; padding-right: 0px; padding-top: 12px; } .dn-widget-spacing-medium .dn-grid-container.dn-displaying-categories { margin-bottom: 12px; } .dn-widget-spacing-large .dn-grid.dn-with-spacing { margin-left: -24px; margin-top: -24px; } .dn-widget-spacing-large .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 24px; padding-bottom: 0px; padding-right: 0px; padding-top: 24px; } .dn-widget-spacing-large .dn-grid-container.dn-displaying-categories { margin-bottom: 24px; } .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing { margin-left: -32px; margin-top: -32px; } .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 32px; padding-bottom: 0px; padding-right: 0px; padding-top: 32px; } .dn-widget-spacing-xlarge .dn-grid-container.dn-displaying-categories { margin-bottom: 32px; } .dn-widget-spacing-default .dn-grid.dn-with-spacing { margin-left: -12px; margin-top: -12px; } .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 12px; padding-bottom: 0px; padding-right: 0px; padding-top: 12px; } .dn-widget-spacing-default .dn-grid-container.dn-displaying-categories { margin-bottom: 12px; } } /* the 'non-responsive' spans */ @media only screen and (min-width: 0px) { .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing { margin-left: -4px; margin-top: -4px; } .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 4px; padding-bottom: 0px; padding-right: 0px; padding-top: 4px; } .dn-fixed-sizing .dn-widget-spacing-small .dn-grid-container.dn-displaying-categories { margin-bottom: 4px; } .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing { margin-left: -12px; margin-top: -12px; } .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 12px; padding-bottom: 0px; padding-right: 0px; padding-top: 12px; } .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid-container.dn-displaying-categories { margin-bottom: 12px; } .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing { margin-left: -24px; margin-top: -24px; } .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 24px; padding-bottom: 0px; padding-right: 0px; padding-top: 24px; } .dn-fixed-sizing .dn-widget-spacing-large .dn-grid-container.dn-displaying-categories { margin-bottom: 24px; } .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing { margin-left: -32px; margin-top: -32px; } .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 32px; padding-bottom: 0px; padding-right: 0px; padding-top: 32px; } .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid-container.dn-displaying-categories { margin-bottom: 32px; } .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing { margin-left: -12px; margin-top: -12px; } .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 12px; padding-bottom: 0px; padding-right: 0px; padding-top: 12px; } .dn-fixed-sizing .dn-widget-spacing-default .dn-grid-container.dn-displaying-categories { margin-bottom: 12px; } .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing { margin-left: -4px; margin-top: -4px; } .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 4px; padding-bottom: 0px; padding-right: 0px; padding-top: 4px; } .dn-fixed-sizing .dn-widget-spacing-small .dn-grid-container.dn-displaying-categories { margin-bottom: 4px; } .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing { margin-left: -12px; margin-top: -12px; } .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 12px; padding-bottom: 0px; padding-right: 0px; padding-top: 12px; } .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid-container.dn-displaying-categories { margin-bottom: 12px; } .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing { margin-left: -24px; margin-top: -24px; } .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 24px; padding-bottom: 0px; padding-right: 0px; padding-top: 24px; } .dn-fixed-sizing .dn-widget-spacing-large .dn-grid-container.dn-displaying-categories { margin-bottom: 24px; } .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing { margin-left: -32px; margin-top: -32px; } .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 32px; padding-bottom: 0px; padding-right: 0px; padding-top: 32px; } .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid-container.dn-displaying-categories { margin-bottom: 32px; } .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing { margin-left: -12px; margin-top: -12px; } .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 12px; padding-bottom: 0px; padding-right: 0px; padding-top: 12px; } .dn-fixed-sizing .dn-widget-spacing-default .dn-grid-container.dn-displaying-categories { margin-bottom: 12px; } .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing { margin-left: -4px; margin-top: -4px; } .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 4px; padding-bottom: 0px; padding-right: 0px; padding-top: 4px; } .dn-fixed-sizing .dn-widget-spacing-small .dn-grid-container.dn-displaying-categories { margin-bottom: 4px; } .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing { margin-left: -12px; margin-top: -12px; } .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 12px; padding-bottom: 0px; padding-right: 0px; padding-top: 12px; } .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid-container.dn-displaying-categories { margin-bottom: 12px; } .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing { margin-left: -24px; margin-top: -24px; } .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 24px; padding-bottom: 0px; padding-right: 0px; padding-top: 24px; } .dn-fixed-sizing .dn-widget-spacing-large .dn-grid-container.dn-displaying-categories { margin-bottom: 24px; } .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing { margin-left: -32px; margin-top: -32px; } .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 32px; padding-bottom: 0px; padding-right: 0px; padding-top: 32px; } .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid-container.dn-displaying-categories { margin-bottom: 32px; } .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing { margin-left: -12px; margin-top: -12px; } .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 12px; padding-bottom: 0px; padding-right: 0px; padding-top: 12px; } .dn-fixed-sizing .dn-widget-spacing-default .dn-grid-container.dn-displaying-categories { margin-bottom: 12px; } .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing { margin-left: -4px; margin-top: -4px; } .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 4px; padding-bottom: 0px; padding-right: 0px; padding-top: 4px; } .dn-fixed-sizing .dn-widget-spacing-small .dn-grid-container.dn-displaying-categories { margin-bottom: 4px; } .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing { margin-left: -12px; margin-top: -12px; } .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 12px; padding-bottom: 0px; padding-right: 0px; padding-top: 12px; } .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid-container.dn-displaying-categories { margin-bottom: 12px; } .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing { margin-left: -24px; margin-top: -24px; } .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 24px; padding-bottom: 0px; padding-right: 0px; padding-top: 24px; } .dn-fixed-sizing .dn-widget-spacing-large .dn-grid-container.dn-displaying-categories { margin-bottom: 24px; } .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing { margin-left: -32px; margin-top: -32px; } .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 32px; padding-bottom: 0px; padding-right: 0px; padding-top: 32px; } .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid-container.dn-displaying-categories { margin-bottom: 32px; } .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing { margin-left: -12px; margin-top: -12px; } .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 12px; padding-bottom: 0px; padding-right: 0px; padding-top: 12px; } .dn-fixed-sizing .dn-widget-spacing-default .dn-grid-container.dn-displaying-categories { margin-bottom: 12px; } .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing { margin-left: -4px; margin-top: -4px; } .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 4px; padding-bottom: 0px; padding-right: 0px; padding-top: 4px; } .dn-fixed-sizing .dn-widget-spacing-small .dn-grid-container.dn-displaying-categories { margin-bottom: 4px; } .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing { margin-left: -12px; margin-top: -12px; } .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 12px; padding-bottom: 0px; padding-right: 0px; padding-top: 12px; } .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid-container.dn-displaying-categories { margin-bottom: 12px; } .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing { margin-left: -24px; margin-top: -24px; } .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 24px; padding-bottom: 0px; padding-right: 0px; padding-top: 24px; } .dn-fixed-sizing .dn-widget-spacing-large .dn-grid-container.dn-displaying-categories { margin-bottom: 24px; } .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing { margin-left: -32px; margin-top: -32px; } .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 32px; padding-bottom: 0px; padding-right: 0px; padding-top: 32px; } .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid-container.dn-displaying-categories { margin-bottom: 32px; } .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing { margin-left: -12px; margin-top: -12px; } .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 12px; padding-bottom: 0px; padding-right: 0px; padding-top: 12px; } .dn-fixed-sizing .dn-widget-spacing-default .dn-grid-container.dn-displaying-categories { margin-bottom: 12px; } .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing { margin-left: -4px; margin-top: -4px; } .dn-fixed-sizing .dn-widget-spacing-small .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 4px; padding-bottom: 0px; padding-right: 0px; padding-top: 4px; } .dn-fixed-sizing .dn-widget-spacing-small .dn-grid-container.dn-displaying-categories { margin-bottom: 4px; } .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing { margin-left: -12px; margin-top: -12px; } .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 12px; padding-bottom: 0px; padding-right: 0px; padding-top: 12px; } .dn-fixed-sizing .dn-widget-spacing-medium .dn-grid-container.dn-displaying-categories { margin-bottom: 12px; } .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing { margin-left: -24px; margin-top: -24px; } .dn-fixed-sizing .dn-widget-spacing-large .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 24px; padding-bottom: 0px; padding-right: 0px; padding-top: 24px; } .dn-fixed-sizing .dn-widget-spacing-large .dn-grid-container.dn-displaying-categories { margin-bottom: 24px; } .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing { margin-left: -32px; margin-top: -32px; } .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 32px; padding-bottom: 0px; padding-right: 0px; padding-top: 32px; } .dn-fixed-sizing .dn-widget-spacing-xlarge .dn-grid-container.dn-displaying-categories { margin-bottom: 32px; } .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing { margin-left: -12px; margin-top: -12px; } .dn-fixed-sizing .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 12px; padding-bottom: 0px; padding-right: 0px; padding-top: 12px; } .dn-fixed-sizing .dn-widget-spacing-default .dn-grid-container.dn-displaying-categories { margin-bottom: 12px; } } .dn-hierarchy { letter-spacing: -0.31em; font-size: 1em; } .dn-hierarchy li.dn-hierarchy-node { padding-left: 20px; } .dn-hierarchy li.dn-hierarchy-node span { display: inline-block; letter-spacing: normal; word-spacing: normal; cursor: pointer; padding-top: 2px; } .dn-hierarchy li.dn-hierarchy-node span.dn-hierarchy-label { font-size: 20px; line-height: 1.65em; vertical-align: middle; } .dn-hierarchy li.dn-hierarchy-node span.dn-hierarchy-expander { margin-left: -20px; width: 20px; vertical-align: middle; font-size: 20px; line-height: 1.65em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dn-hierarchy li.dn-hierarchy-node span.dn-hierarchy-expander:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "h"; display: inline-block; letter-spacing: normal; word-spacing: normal; transition: transform 0.1s linear; } .dn-hierarchy li.dn-hierarchy-node ul.dn-hierarchy-children { display: none; } .dn-hierarchy li.dn-hierarchy-node.dn-hierarchy-node-divider span { cursor: auto; } .dn-hierarchy li.dn-hierarchy-node.dn-expanded > ul.dn-hierarchy-children { display: block; } .dn-hierarchy li.dn-hierarchy-node.dn-expanded > span.dn-hierarchy-expander:before { transform: rotate(90deg); } .dn-hierarchy li.dn-selected > span { font-weight: bold; } .dn-hierarchy li.dn-selected > span a { font-weight: bold; } @media only screen and (min-width: 768px) { .dn-hierarchy li.dn-hierarchy-node { padding-left: 33px; } .dn-hierarchy li.dn-hierarchy-node span.dn-hierarchy-expander { margin-left: -13px; width: 13px; } .dn-hierarchy li.dn-hierarchy-node span.dn-hierarchy-expander:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "h"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-hierarchy li.dn-hierarchy-node.dn-list-vertical { padding-left: 0px; } .dn-hierarchy li.dn-hierarchy-node.dn-expanded > span.dn-hierarchy-expander:before { transform: rotate(90deg); } } .dn-links-list { letter-spacing: -0.31em; font-size: 1em; } .dn-links-list.dn-list-horizontal li { display: inline-block; padding-left: 0px; padding-right: 10px; } .dn-widget.dn-mobile-align-right .dn-links-list.dn-list-horizontal li { padding-left: 10px; padding-right: 0px; } .dn-widget.dn-mobile-align-center .dn-links-list.dn-list-horizontal li { padding-left: 5px; padding-right: 5px; } .dn-paginator { letter-spacing: -0.31em; text-align: center; } .dn-paginator li { display: inline-block; letter-spacing: normal; word-spacing: normal; padding: 0.5%; line-height: 1.6em; } .dn-paginator li.dn-ellipsis { opacity: 0.7; } .dn-paginator li.dn-paginator-items { padding-left: 10px; white-space: nowrap; } .dn-paginator li.dn-page-num { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; background-color: transparent; border: 0px solid transparent; border-radius: 0px; } @media only screen and (min-width: 0px) { .dn-widget-spacing-small .dn-paginator-below { padding-top: 1px; } .dn-widget-spacing-medium .dn-paginator-below { padding-top: 3px; } .dn-widget-spacing-large .dn-paginator-below { padding-top: 6px; } .dn-widget-spacing-xlarge .dn-paginator-below { padding-top: 8px; } .dn-widget-spacing-default .dn-paginator-below { padding-top: 3px; } } @media only screen and (min-width: 768px) { .dn-widget-spacing-small .dn-paginator-below { padding-top: 2px; } .dn-widget-spacing-medium .dn-paginator-below { padding-top: 6px; } .dn-widget-spacing-large .dn-paginator-below { padding-top: 12px; } .dn-widget-spacing-xlarge .dn-paginator-below { padding-top: 16px; } .dn-widget-spacing-default .dn-paginator-below { padding-top: 6px; } } @media only screen and (min-width: 992px) { .dn-widget-spacing-small .dn-paginator-below { padding-top: 2px; } .dn-widget-spacing-medium .dn-paginator-below { padding-top: 6px; } .dn-widget-spacing-large .dn-paginator-below { padding-top: 16px; } .dn-widget-spacing-xlarge .dn-paginator-below { padding-top: 24px; } .dn-widget-spacing-default .dn-paginator-below { padding-top: 6px; } } @media only screen and (min-width: 1210px) { .dn-widget-spacing-small .dn-paginator-below { padding-top: 4px; } .dn-widget-spacing-medium .dn-paginator-below { padding-top: 12px; } .dn-widget-spacing-large .dn-paginator-below { padding-top: 24px; } .dn-widget-spacing-xlarge .dn-paginator-below { padding-top: 32px; } .dn-widget-spacing-default .dn-paginator-below { padding-top: 12px; } } .dn-color-panel { overflow: hidden; line-height: 1px; } .dn-color-panel .dn-color-panel-cell { width: 20px; height: 20px; margin-right: 4px; margin-bottom: 4px; display: inline-block; border: 1px solid #e6e6e6; } .dn-color-panel .dn-color-panel-cell:hover { border-color: #999999; } .dn-color-panel .dn-color-panel-cell.dn-selected { border-color: gray; } .dn-color-panel .dn-color-panel-cell span { display: block; background-size: cover; background-position: center; } .dn-color-panel .dn-color-panel-cell b { display: none; } .dn-color-panel .dn-color-panel-cell.dn-color-panel-cell-unavailable { position: relative; } .dn-color-panel .dn-color-panel-cell.dn-color-panel-cell-unavailable .unavailable-overlay { background-image: url(/images/crossout-multi.png); position: absolute; top: 0px; height: 100%; width: 100%; } .dn-color-panel .dn-color-panel-cell-unavailable-spacer { width: 2px; height: 20px; margin-right: 4px; margin-bottom: 4px; display: inline-block; } /*@import "page_content/color_picker.scss";*/ .dn-with-rollover-image { position: relative; display: block; } .dn-rollover-image { display: none !important; position: absolute; z-index: 2; } .dn-with-rollover-image:hover .dn-rollover-image { display: block !important; } .dn-social-share-outer-container { text-align: right; } .dn-social-share-outer-container .dn-social-share-expand-container { display: inline-block; border-radius: 15px; border: 1px solid black; background-color: white; height: 30px; overflow: hidden; } .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container { display: inline-block; width: 260px; height: 30px; padding-top: 4px; max-width: 0px; text-align: right; overflow: hidden; white-space: nowrap; position: relative; z-index: 20; transition: max-width 1s; } .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div { white-space: nowrap; line-height: 0; } .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div > div { display: inline-block; margin: 0 2px; vertical-align: top; } .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div a { line-height: 0; } .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div .dn-social-send a { width: 43px; height: 21px; display: inline-block; padding: 1px; font-size: 14px; text-align: center; border: 1px solid lightgrey; border-radius: 2px; } .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div .dn-social-send a span { display: none; } .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div .dn-social-send a:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "v"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div .dn-social-pinterest a { line-height: 20px; } .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div .dn-social-twitter iframe { height: 20px; width: 60px; } .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div .dn-social-facebook { width: 137px; } .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div .dn-social-facebook div, .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div .dn-social-facebook span, .dn-social-share-outer-container .dn-social-share-expand-container .dn-social-share-container > div .dn-social-facebook iframe { width: 137px !important; /* override inline style */ } .dn-social-share-outer-container .dn-social-share-container.dn-with-send { width: auto; max-width: 0px; } .dn-social-share-outer-container .dn-social-share-expand-container.dn-calculating-menu-position { overflow: hidden; width: 30px; } .dn-social-share-outer-container .dn-social-share-expand-container.dn-calculating-menu-position .dn-social-facebook > div { display: none; } .dn-social-share-button { display: inline-block; width: 30px; height: 30px; padding: 2px 1px; vertical-align: top; font-size: 23px; cursor: pointer; } .dn-social-share-button:before { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "/"; display: inline-block; letter-spacing: normal; word-spacing: normal; padding-right: 3px; padding-top: 1px; } .dn-social-share-button .dn-dropdown-anchor { display: block; max-width: 1px; text-decoration: underline; background-attachment: fixed; background-color: transparent; display: none; } .dn-social-share-outer-container[data-breakpoint-300='true'] .dn-social-share-expand-container { border: none; border-radius: 2px; } .dn-social-share-outer-container[data-breakpoint-300='true'] .dn-social-share-container { max-width: 280px; } .dn-social-share-outer-container[data-breakpoint-300='true'] .dn-social-share-container.dn-with-send { max-width: 320px; } .dn-social-share-outer-container[data-breakpoint-300='true'] .dn-social-share-button { display: none; } .dn-listing-container .dn-listing-header { position: relative; } .dn-listing-container .dn-listing-header .dn-listing-heading-container { width: 100%; display: inline-block; } .dn-listing-container .dn-listing-header .dn-sort-selector { cursor: pointer; display: inline-block; width: 200px; padding-bottom: 20px; } .dn-listing-container .dn-listing-header .dn-sort-selector span { border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; } .dn-listing-container .dn-listing-header .dn-sort-selector span:after { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "f"; display: inline-block; letter-spacing: normal; word-spacing: normal; vertical-align: text-top; } .dn-listing-container .dn-listing-header .dn-sort-selector .dn-dropdown-anchor { display: block; text-align: right; vertical-align: top; height: 0px; max-height: 1px; } .dn-listing-container .dn-listing-sort-header { position: relative; width: 100%; display: inline-block; padding-top: 10px; z-index: 1; } @media only screen and (min-width: 768px) { .dn-listing-container .dn-listing-sort-header { padding-bottom: 15px; } } .dn-listing-container .dn-listing-sort-header.dn-listing-pagination-off, .dn-listing-container .dn-listing-sort-header.dn-listing-sort-off { padding-bottom: 15px; } .dn-listing-container .dn-listing-sort-header.dn-listing-pagination-off .dn-listing-sort-header-center, .dn-listing-container .dn-listing-sort-header.dn-listing-sort-off .dn-listing-sort-header-center { width: 30%; margin-top: 0px; } .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-right, .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-left { display: inline-block; width: 100%; } @media only screen and (min-width: 768px) { .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-right, .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-left { width: 35%; } } .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-right .dn-sort-selector, .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-right .dn-filter-selector, .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-left .dn-sort-selector, .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-left .dn-filter-selector { position: relative; display: inline-block; } .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-right { text-align: right; padding-bottom: 15px; } @media only screen and (min-width: 768px) { .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-right { padding-bottom: 0px; } } .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-center { display: inline-block; width: 100%; margin-top: 15px; } @media only screen and (min-width: 768px) { .dn-listing-container .dn-listing-sort-header .dn-listing-sort-header-center { width: 30%; margin-top: 0px; } } .dn-listing-container .dn-listing-sort-header .dn-sort-selector, .dn-listing-container .dn-listing-sort-header .dn-filter-selector { cursor: pointer; margin-top: 10px; } .dn-listing-container .dn-listing-sort-header .dn-sort-selector span, .dn-listing-container .dn-listing-sort-header .dn-filter-selector span { border: 1px solid #cccccc; padding: 10px; margin-bottom: 10px; background-color: white; } .dn-listing-container .dn-listing-sort-header .dn-sort-selector span:after, .dn-listing-container .dn-listing-sort-header .dn-filter-selector span:after { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "f"; display: inline-block; letter-spacing: normal; word-spacing: normal; vertical-align: text-top; } .dn-listing-container .dn-listing-sort-header .dn-sort-selector .dn-dropdown-anchor, .dn-listing-container .dn-listing-sort-header .dn-filter-selector .dn-dropdown-anchor { display: block; text-align: right; vertical-align: top; height: 0px; max-height: 1px; } .dn-listing-container .dn-listing-filter-header { position: relative; width: 100%; display: inline-block; padding-top: 10px; padding-bottom: 10px; z-index: 1; } .dn-listing-container .dn-listing-filter-header > div { display: inline-block; width: 100%; vertical-align: top; } .dn-listing-container .dn-listing-filter-header .dn-sort-selector { cursor: pointer; width: 100%; text-align: right; } .dn-listing-container .dn-listing-filter-header .dn-sort-selector span { display: inline-block; width: 100%; border: 1px solid #cccccc; padding: 10px; background-color: white; } .dn-listing-container .dn-listing-filter-header .dn-sort-selector span:after { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "f"; display: inline-block; letter-spacing: normal; word-spacing: normal; vertical-align: text-top; } .dn-listing-container .dn-listing-filter-header .dn-sort-selector .dn-dropdown-anchor { display: block; text-align: right; vertical-align: top; height: 0px; max-height: 1px; } .dn-listing-container .dn-listing-filter-header .dn-active-filters .dn-active-filter { cursor: pointer; padding: 5px; display: inline-block; margin-right: 3px; background-color: white; border: 1px solid #cccccc; border-radius: 5px; } .dn-listing-container .dn-listing-filter-header .dn-active-filters .dn-active-filter > div { display: inline-block; vertical-align: middle; } .dn-listing-container .dn-listing-filter-header .dn-active-filters .dn-active-filter .dn-filter-remove { vertical-align: middle; display: inline-block; font-size: 0.5em; margin-left: 3px; opacity: 0.8; } .dn-listing-container .dn-listing-filter-header .dn-active-filters .dn-active-filter .dn-filter-remove:after { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "m"; display: inline-block; letter-spacing: normal; word-spacing: normal; } .dn-listing-container .dn-listing-filter-header .dn-active-filters .dn-active-filter:hover { border-color: #666666; } .dn-listing-container .dn-listing-filter-header .dn-active-filters .dn-active-filter:hover .dn-filter-remove { opacity: 1; } @media only screen and (min-width: 768px) { .dn-listing-container .dn-listing-filter-header.dn-sort-left .dn-listing-sort { width: 200px; } .dn-listing-container .dn-listing-filter-header.dn-sort-left .dn-listing-filters { vertical-align: middle; margin-left: -200px; padding-left: 210px; } .dn-listing-container .dn-listing-filter-header.dn-sort-right .dn-listing-sort { width: 200px; } .dn-listing-container .dn-listing-filter-header.dn-sort-right .dn-listing-filters { vertical-align: middle; margin-right: -200px; padding-right: 210px; } } .dn-listing-container .dn-tabs-container .dn-tabs-panels .dn-tabs-panel { display: block; height: 0px; } .dn-listing-container .dn-tabs-container .dn-tabs-panels .dn-tabs-panel:not(.dn-alt) .dn-grid, .dn-listing-container .dn-tabs-container .dn-tabs-panels .dn-tabs-panel:not(.dn-alt) .dn-tax-notice-container { display: none; } .dn-listing-container .dn-tabs-container .dn-tabs-panels .dn-tabs-panel.dn-alt { height: auto; } .dn-sort-dropdown-container { display: block; position: absolute; max-width: none; right: auto; top: 0px; bottom: auto; max-height: 0px; width: 200px; transition: max-height 0.2s; overflow: hidden; z-index: 20; } .dn-sort-dropdown-container .dn-sort-dropdown { background-color: white; border: 1px solid #cccccc; } .dn-sort-dropdown-container .dn-sort-dropdown .dn-sort-node { padding: 1px 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .dn-sort-dropdown-container .dn-sort-dropdown .dn-sort-node a { cursor: pointer; display: block; padding: 5px; } .dn-sort-dropdown-container .dn-sort-dropdown .dn-sort-node:hover { background-color: #cccccc; } .dn-sort-dropdown-container .dn-sort-dropdown .dn-sort-node.dn-selected { background-color: #cccccc; } .dn-content-expander { position: relative; } .dn-content-expander .dn-content-expander-actions { display: none; } .dn-content-expander.dn-content-expandable { overflow: hidden; transition: max-height 0.3s; } .dn-content-expander.dn-content-expandable .dn-content-expander-actions { position: absolute; display: block; height: 80px; width: 100%; bottom: 0px; background-color: transparent; background-image: -webkit-linear-gradient(-270deg, white 0%, white 40%, transparent 100%); background-image: linear-gradient(0deg,white 0%, white 40%, transparent 100%); } .dn-content-expander.dn-content-expandable .dn-content-expander-actions > div { text-align: center; padding-top: 55px; } .dn-content-expander.dn-content-expandable .dn-content-expander-actions > div span { display: inline-block; background-color: transparent; cursor: pointer; } .dn-content-expander.dn-content-expandable .dn-content-expander-actions .dn-content-expander-expand span:after { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "z"; display: inline-block; letter-spacing: normal; word-spacing: normal; padding-left: 5px; vertical-align: text-top; } .dn-content-expander.dn-content-expandable .dn-content-expander-actions .dn-content-expander-retract { display: none; } .dn-content-expander.dn-content-expandable .dn-content-expander-actions .dn-content-expander-retract span:after { font-family: "decofonts" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "C"; display: inline-block; letter-spacing: normal; word-spacing: normal; padding-left: 5px; vertical-align: text-top; } .dn-content-expander.dn-content-expandable.dn-alt { transition: max-height 0.3s; } .dn-content-expander.dn-content-expandable.dn-alt .dn-content-expander-actions { position: relative; height: auto; } .dn-content-expander.dn-content-expandable.dn-alt .dn-content-expander-actions .dn-content-expander-expand { display: none; } .dn-content-expander.dn-content-expandable.dn-alt .dn-content-expander-actions .dn-content-expander-retract { padding-top: 0px; display: block; } .dn-nav-dropdown-container-large.dn-nav-width-content { width: 100%; } .dn-nav-dropdown-container-large.dn-nav-width-content > .dn-nav-dropdown { width: 100%; } .dn-nav-dropdown-container-large.dn-nav-width-page { width: 100%; } .dn-calculating-menu-position * { visibility: hidden; } footer { text-align: center; } footer .dn-footer { letter-spacing: -0.31em; } footer .dn-footer h4 { margin-bottom: 5px; margin-top: 5px; color: #c4c4c4; display: block; text-transform: uppercase; } @media only screen and (min-width: 768px) { footer .dn-footer h4 { margin-bottom: 30px; } } footer .dn-footer .dn-footer-links { width: 100%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } @media only screen and (min-width: 768px) { footer .dn-footer .dn-footer-links { width: 33.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } } footer .dn-footer .dn-newsletter-signup { width: 100%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } @media only screen and (min-width: 768px) { footer .dn-footer .dn-newsletter-signup { width: 33.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } } footer .dn-footer .dn-social-links { width: 100%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } @media only screen and (min-width: 768px) { footer .dn-footer .dn-social-links { width: 33.3333333333%; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; } } footer .dn-pos-message-container { background-color: #fffff4; color: white; } footer .dn-pos-message-container .dn-pos-message { padding: 4px; } footer .dn-pos-message-container .dn-pos-message p { margin-bottom: 0; } footer .dn-decolinked-container div, footer .dn-cookieconsent-container div { padding: 5px; margin-bottom: 0px; } footer div.dn-newsletter-signup-form input.dn-email { width: 70%; float: left; display: inline-block; padding: 0; line-height: 38px; text-indent: 10px; margin-bottom: 0; height: 40px; margin: 0px; } footer div.dn-newsletter-signup-form .dn-btn { width: 30%; float: left; display: inline-block; border: 0; border-radius: 0; -webkit-border-radius: 0; padding: 0; line-height: 40px; margin-bottom: 0; } .dn-terms-conditions-and-copyright-container { margin-top: 10px; text-align: center; } .dn-powered-by-container { padding: 5px; } .dn-powered-by-container.alt a { background: transparent none; height: auto; width: auto; margin: 0; text-indent: 0; } .dn-powered-by-container a { background: url(/images/logo-deconetwork.png) 0 50% no-repeat; display: inline-block; font-weight: bold; height: 40px; margin-left: 5px; text-indent: -9999px; width: 172px; vertical-align: middle; } .dn-social-links-container.dn-display-as-icons li a { background-color: #1c1b1b; color: white; border-radius: 50%; height: 28px; width: 28px; margin: 2px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; font-size: 21.5px; transition: opacity 0.5s; text-decoration: none; } .dn-social-links-container.dn-display-as-icons li a:hover { background-color: #1c1b1b; color: white; } a { -webkit-transition: color 0.5s ease-in; -moz-transition: color 0.5s ease-in; transition: color 0.5s ease-in; } .dn-inline-header .dn-lh-1rllor nav.dn-nav-main { text-align: center; } /* main navigation theme settings */ nav { text-align: center; } nav .dn-nav-item { cursor: pointer; } nav .dn-nav-item a { cursor: pointer; } .dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item a, .dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item .dn-currency-selector { line-height: 2em; } @media only screen and (min-width: 768px) { .dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item a { color: #000000; } .dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item a:hover { background-color: #9292ff; } .dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item span { color: #000000; } } .dn-nav-item .dn-currency-selector { padding-right: 0px; } .dn-shopping-cart-icon-over-right-popup { border-left: 0px; } body.dn-inline-header header.dn-lh-1rllor .dn-large-header-container .dn-large-header { background-color: #fffff4; margin-top: 0px; } main.dn-content { margin-top: 0px; } .dn-site:not(.dn-edit-mode):not([class*="dn-fullscreen"]) main.dn-content { overflow-y: hidden; } footer h2 { color: #c4c4c4; } footer a { color: #363434; } footer a:hover { color: black; } footer .dn-social-links-container.dn-display-as-icons li a { background-color: #363434; color: white; } .dn-site:not(.dn-edit-mode):not([class*="dn-fullscreen"]) footer { overflow-y: hidden; } .dn-blank-products .dn-grid-text.dn-product-name { margin-top: 5px; text-transform: uppercase; font-size: 1.1em; font-weight: bold; } .dn-blank-products .dn-grid-text.dn-product-prices { font-size: 0.8em; } .dn-blank-products .dn-grid-text.dn-product-prices a { font-weight: bold; } .dn-decorated-products .dn-grid-text.dn-product-name { margin-top: 5px; text-transform: uppercase; font-size: 1.1em; font-weight: bold; } .dn-decorated-products .dn-grid-text.dn-product-price { font-size: 1.1em; } .dn-decorated-products .dn-grid-text.dn-product-price a { font-weight: bold; } .dn-designs .dn-grid-text.dn-design-name { margin-top: 5px; text-transform: uppercase; font-size: 1.1em; font-weight: bold; } .dn-image-gallery-container .dn-grid-text { margin-top: 5px; font-size: 1.1em; } body.dn-behaviours-bound { visibility: visible; } /* ===================================================================== customyourtshirt.ca - custom site CSS (DecoNetwork > Theme > Custom CSS) Cleaned 2026-10-23 by Marketing from the version live on the site. - Same rules, same order as live (order matters in CSS), now one declaration per line with section headers. - Bug fixes are listed in custom-css-review.md (B1-B9). - Look should be identical: rules that never worked are left commented out (DISABLED) instead of being switched on. Sections used below (a section can appear several times, because the original file is in the order it was written, not by page): - Homepage sections (212 rules) - Online designer (/designer) and its popups (157 rules) - Header and top navigation (95 rules) - Product grids, carousels and collection pages (75 rules) - Product page (single product) (72 rules) - Cart and checkout (63 rules) - Footer and newsletter (35 rules) - Info and service pages (services, rush, shipping, privacy, pick-up) (23 rules) - Quote and contact forms (19 rules) - Global typography and layout (12 rules) - Button hover styles (12 rules) - Other (8 rules) ===================================================================== */ /* === Product grids, carousels and collection pages === */ .dn-listing-container .dn-listing-heading-container h2 { font-size: 1.75rem; margin-bottom: 1.5rem; color: #333; text-align: left; } .dn-grid-item-container { background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; height: 100%; } .dn-grid-item-container:hover { transform: translateY(-5px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12); } .dn-grid-text.dn-product-logo { padding: 0.75rem 1rem 0.5rem; min-height: 30px; text-align: left; } .dn-grid-text.dn-product-logo img { max-height: 25px; width: auto; } .dn-grid-image { position: relative; } .dn-grid-image .dn-product-thumbnail-image { display: block; width: 100%; height: auto; aspect-ratio: 2 / 2.5; object-fit: cover; } /* === Header and top navigation === */ /* KEEP: element only exists on logged-in header */ body.dn-inline-header header .dn-other-nav a#u_h_logout { font-size: 0px; } /* === Product page (single product) === */ div.dn-product-display div.dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-few .dn-color-panel-cell { height: 21px; width: 21px; } div.dn-product-display div.dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell { border-radius: 30px; } /* === Product grids, carousels and collection pages === */ .dn-grid-image .dn-grid-image-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dn-grid-image .dn-product-thumbnail-image { width: 100%; height: 100%; object-fit: cover; } .dn-image-overlay { transition: background-color 0.3s ease; } .dn-grid-item-container a:hover .dn-image-overlay { background-color: rgba(0, 0, 0, 0.03); } /* === Footer and newsletter === */ footer .dn-logo-container .dn-logo-list li.dn-logo-payment img { width: 50px; border-radius: 5px; } /* === Homepage sections === */ .pre-made-design .dn-widget-content-container > .dn-widget-content > .dn-btn.dn-styled { line-height: 2.9rem; } /* === Product grids, carousels and collection pages === */ .dn-grid-text.dn-product-name { padding: 0.75rem 1rem; text-align: left; } .dn-product-name h4.dn-styled { margin: 0; font-size: 0.95rem; } .dn-product-name h4 a { text-decoration: none; color: #222222; } .dn-product-name h4 a .dn-name { font-weight: 600; display: block; margin-bottom: 0.25rem; line-height: 1.3; } /* === Homepage sections === */ .design-your-own-shirt .dn-page-section-margin > .dn-page-section-content:first-child { padding: 100px 0px; } /* === Product grids, carousels and collection pages === */ .dn-product-name h4 a .dn-code { font-size: 0.8rem; color: #666666; } .dn-grid-text.dn-product-prices { padding: 0rem 1rem 1rem; margin-top: auto; text-align: left; } .dn-product-prices .dn-decoration-process-DTF a { font-size: 0.85rem; color: #007bff; text-decoration: none; } .dn-product-prices .dn-decoration-process-DTF a:hover { text-decoration: underline; } .dn-product-prices .dn-decoration-process-DTF span span { font-size: 1.1rem; font-weight: 700; color: #333; } .dn-product-prices .dn-decoration-process-DTF span .dn-ccode { font-size: 0.85rem; font-weight: normal; } .dn-carousel-arrow { background-color: #ffffff; border: 1px solid #cccccc; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .dn-carousel-arrow:hover { background-color: #f8f8f8; border-color: #aaaaaa; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .dn-carousel-arrow .dn-carousel-arrow-icon { width: 10px; height: 10px; border-style: solid; border-color: #333333; border-width: 0 2px 2px 0; display: inline-block; transform: rotate(-45deg); } .dn-carousel-left .dn-carousel-arrow-icon { transform: rotate(135deg); margin-left: 5px; } .dn-carousel-right .dn-carousel-arrow-icon { margin-right: 5px; } /* === Homepage sections === */ .best-selling-apperal .product-section .dn-widget-content-container > .dn-widget-content > .dn-btn.dn-styled { padding-left: 35px; padding-right: 35px; } /* === Product grids, carousels and collection pages === */ .dn-carousel-arrow .dn-carousel-arrow-decorator { display: none; } /* ---------- Responsive: (max-width: 992px) ---------- */ @media (max-width: 992px) { /* Product grids, carousels and collection pages */ .dn-listing-container .dn-listing-heading-container h2 { font-size: 1.5rem; } } /* ---------- Responsive: (max-width: 768px) ---------- */ @media (max-width: 768px) { /* Cart and checkout */ .dn-page-address .dn-form-footer-actions { text-align: left; } /* Product grids, carousels and collection pages */ .dn-listing-container .dn-listing-heading-container h2 { font-size: 1.3rem; } .dn-product-name h4.dn-styled { font-size: 0.9rem; } .dn-product-prices .dn-decoration-process-DTF span span { font-size: 1rem; } .dn-carousel-arrow { width: 38px; height: 38px; } .dn-carousel-arrow .dn-carousel-arrow-icon { width: 8px; height: 8px; } } /* ---------- Responsive: (max-width: 576px) ---------- */ @media (max-width: 576px) { /* Product grids, carousels and collection pages */ .dn-grid-item-container { border-radius: 8px; } .dn-product-name h4 a .dn-name { font-size: 0.9rem; } } /* === Header and top navigation === */ header.dn-lh-2rlcan .dn-pos-message > span > div { background-color: #ff6b6b !important; color: #fff !important; padding: 11.5px 0px !important; } .dn-page-create header.dn-lh-2rlcan .dn-large-header-container { background: none !important; } header.dn-lh-2rlcan .dn-large-header-container { background: #fff5f5; padding: 27px 0px; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header { background: transparent !important; padding: 0; display: flex; align-items: center; justify-content: space-between; max-width: 1420px; margin: 0 auto; gap: 54px; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .dn-nav-main-container nav#main_nav { background: transparent; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .dn-nav-main-container nav#main_nav { background: transparent; display: flex; gap: 25px; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .dn-nav-main-container nav#main_nav .dn-nav-item { padding: 0; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .dn-nav-main-container nav#main_nav .dn-nav-item a span, header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .dn-nav-main-container nav#main_nav .dn-nav-item span { font-size: 17px !important; font-weight: 500; font-family: "Poppins", sans-serif; text-transform: capitalize; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .dn-nav-main-container nav#main_nav div#dn_main_nav_more { display: none; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .dn-logo-container { width: 100%; max-width: 420px; } header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container { padding: 0; width: auto; margin: 0; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .right-side-menu-logo { max-width: 148px; width: 100%; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .right-side-menu-logo ul { display: flex; justify-content: space-between; gap: 24px; } header nav.dn-other-nav { text-align: left; line-height: 0px; display: flex; align-items: center; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .right-side-menu-logo ul li a { font-size: 17px; color: #000; font-weight: 500; font-family: "Poppins"; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .dn-nav-main-container nav#main_nav .dn-nav-item:nth-child(n + 5) { display: none; } header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container .dn-nav-register { display: none; } header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container .dn-nav-cart { padding: 0; margin: 0; } header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container { padding: 0; width: 100%; display: flex; align-items: center; justify-content: flex-end; max-width: 445px; gap: 40px; } header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container .dn-nav-cart .dn-shopping-cart-icon-over-right-container { font-size: 0; width: 18px; height: 23px; background-image: url(https://www.customyourtshirt.ca/rshared/ssc/i/riq/10879536/200/200/ffffff/0/0/image.png?ts=1749625838); background-position: center; background-size: contain; background-repeat: no-repeat; margin: 0; } header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container .dn-nav-login a { font-size: 0; width: 18px; height: 22px; display: block; background-image: url(https://www.customyourtshirt.ca/rshared/ssc/i/riq/10879541/200/200/ffffff/0/0/image.png?ts=1749625838); background-position: center; background-size: contain; background-repeat: no-repeat; } header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container .dn-nav-currency { margin-left: 0px; } header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container .dn-nav-currency .dn-currency-selector { font-size: 17px; padding-right: 18px; } body.dn-inline-header .dn-fixed { background: #fff5f5; padding: 10px 0px; } /* === Global typography and layout === */ .custom-container .dn-page-section-content { max-width: 1450px; margin: 0 auto; padding: 0 15px; } /* === Homepage sections === */ .our-platform .dn-widget-margin-top-default { margin-top: 5px !important; } /* === Footer and newsletter === */ .custom-footer-section { background: #000; } .custom-footer-section .dn-page-section-content { max-width: 1450px; margin: 0 auto; padding: 0 15px; } .custom-footer-section .dn-page-section-content .dn-page-columns-container { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .custom-footer-section .dn-page-section-content .dn-page-columns-container .footer-middle-section { width: 100%; max-width: 736px; padding: 0px 0px 0px !important; background: #ff6b6b; } .custom-footer-section .dn-page-section-content .dn-page-columns-container .footer-side-section { max-width: calc(100% / 2 - 383px); width: 100%; } .custom-footer-section .dn-page-section-content .dn-page-columns-container .footer-side-section:last-child { padding-left: 115px !important; } .custom-footer-section .dn-page-section-content div#dn_s_pc_footer1 { margin-top: 0 !important; margin-left: 0 !important; } /* === Header and top navigation === */ .dn-pos-message-container .dn-pos-message span div { font-family: "Poppins" !important; } /* === Homepage sections === */ .hero-section .dn-widget-62db72d6-a40c-42b3-942c-9f8877b27244 > .dn-widget-content-container > .dn-widget-content > .dn-btn.dn-styled { background-color: #fff; } .hero-section .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column:first-child, .best-selling-apperal .dn-page-section-spacing-default > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column:first-child { padding-left: 0px; } .best-selling-apperal .dn-widget-ed082d5b-f76e-4395-bd7a-0d60bdb3f15a > .dn-widget-content-container > .dn-widget-content > .dn-btn.dn-styled { line-height: 2.3em; } .best-selling-apperal .product-section .dn-page-columns-container::before { content: ""; height: 1px; background-color: #ff6b6b; position: absolute; left: 34%; right: 10px; top: 50%; z-index: 1; width: 900px; align-items: center; display: flex; } .pre-made-design .pre-design-btn { margin-top: 25px !important; } /* === Header and top navigation === */ .dn-nav-dropdown-container-large.dn-nav-width-content > .dn-nav-dropdown, div.dn-content > div > .dn-page-section.dn-limit-background-width > div.dn-background-container div.dn-background-image-container, footer > .dn-page-section.dn-limit-background-width > div.dn-background-container div.dn-background-image-container, div.dn-content > div > .dn-page-section.dn-limit-content-width > div > div.dn-page-section-content, div.dn-content > div > .dn-page-section.dn-limit-content-width > div.dn-page-section-content, footer > .dn-page-section.dn-limit-content-width > div > div.dn-page-section-content { margin-left: auto; margin-right: auto; max-width: 1420px; } /* === Homepage sections === */ .pre-made-design .dn-page-column-content { padding: 0px 0px 0px 15px !important; } .easy-quality-sec span { font-size: 15px; } .best-selling-apperal .dn-grid-item-container { position: relative; } .best-selling-apperal .dn-widget-content-container > .dn-widget-content .dn-grid .dn-grid-image img { border-width: 0px; object-fit: contain; } .best-selling-apperal .dn-widget-content-container > .dn-widget-content .dn-grid .dn-grid-item .dn-grid-item-container { background: none; } .best-selling-apperal .dn-blank-products .dn-grid-item .dn-grid-item-container .dn-grid-text.dn-product-logo { width: 120px; display: inline-block; text-align: center; position: absolute; right: 0px; z-index: 999; } .pre-made-design { padding-top: 70px; } .pre-made-design .dn-page-columns-container { align-items: center; } .best-selling-apperal ul.dn-grid.dn-grid-masonry.dn-with-spacing { margin-top: 20px; } .best-selling-apperal .dn-blank-products .dn-grid-text.dn-product-name h4 { margin-top: 10px; text-overflow: ellipsis; overflow: hidden; width: 278px; white-space: normal; border-bottom: 1px solid #c5c5c5bf; padding-bottom: 10px; display: block; height: 100%; margin: 10px auto 0 !important; } .best-selling-apperal .dn-widget-content-container > .dn-widget-content > .dn-listing-container h4 a .dn-name { font-size: 15px !important; font-family: "Poppins" !important; margin-bottom: 10px; } .best-selling-apperal .dn-product-name h4 a .dn-code { font-size: 24px; color: #000000; margin-top: 10px; font-weight: 400; } .best-selling-apperal .dn-widget-content-container > .dn-widget-content > .dn-listing-container .dn-product-prices a, .best-selling-apperal .dn-product-prices .dn-decoration-process-DTF span .dn-ccode { font-size: 16px; text-decoration: none; color: #000; } /* === Header and top navigation === */ header div#site-logo-large h1 { margin-bottom: 0px; padding: 0px 10px; } /* === Homepage sections === */ .best-selling-apperal .dn-widget-content-container > .dn-widget-content > .dn-listing-container .dn-product-prices a { font-size: 16px !important; text-decoration: none; color: #000; } /* PROBABLY UNUSED: 'custom-your-shirt' not found on the 26 live pages checked 2026-10-23 */ .custom-your-shirt .dn-widget-content-container > .dn-widget-content > div > h3, .pre-made-design .dn-widget-content-container > .dn-widget-content > div > h2 { font-size: 42px !important; } .pre-made-design .dn-widget-content-container > .dn-widget-content > div > h2 { line-height: 56px !important; } .pre-made-design span { font-size: 17px !important; line-height: 31px !important; letter-spacing: 0.64px; } .our-platform, .how-it-works { background: #fff5f5 !important; } .our-platform .dn-grid-item-container { box-shadow: unset; } .our-platform .dn-carousel .dn-carousel-arrow-container .dn-carousel-left .dn-carousel-arrow-icon:after, .our-platform .dn-carousel .dn-carousel-arrow-container .dn-carousel-right .dn-carousel-arrow-icon:after { display: none; } .our-platform .dn-grid-container .dn-grid-item .dn-grid-item-container .dn-grid-image .dn-grid-image-content { border-radius: 20px; } .our-platform .dn-widget-content-container > .dn-widget-content > div > h2, .design-own-t-shirt-images-block .dn-widget-content-container > .dn-widget-content > div > h3 { font-size: 42px !important; } .our-platform h4.dn-styled { font-family: "Poppins" !important; font-size: 22px !important; font-weight: 600; } .services-section .service-1 { background: #fff; display: flex; border-radius: 25px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .services-section .service-1 .dn-page-column.dn-page-column-variable { width: auto; } .services-section .service-1 .dn-widget-content p { width: 100%; } .service-1 > div > .dn-page-section-content > div > .dn-page-columns-container > .dn-page-column-last { flex: 1; } .services-section img.dn-image { max-width: 70% !important; } .services-section .service-1 .dn-widget-content p { line-height: 28px !important; font-size: 16px !important; } .services-section { margin-bottom: 40px; } .service-1 { box-shadow: 4px 4px 0px transparent; border: 1px solid transparent; padding: 30px 15px 20px; transition: all 0.4s ease-in-out; } .service-1:hover { box-shadow: 4px 4px 0px #ff7272; border: 1px solid #ff6b6b; } .design-own-t-shirt-images-block { background: #fff; box-shadow: 2px 2px 16px #00000040; border-radius: 10px; padding: 35px 0px; } .our-platform .dn-carousel-arrow.dn-carousel-left { left: -100px; border: 0px; } .our-platform .dn-carousel-arrow.dn-carousel-right { right: -100px; border: 0px; } .our-platform .dn-carousel-arrow { height: 71px; width: 71px; } .our-platform .dn-carousel-arrow .dn-carousel-arrow-icon { height: 16px; width: 16px; line-height: 1.5em; } .steps-wrapper .dn-page-columns-container > .dn-page-column.dn-page-column-variable:nth-child(2):before, .steps-wrapper .dn-page-columns-container > .dn-page-column.dn-page-column-variable:nth-child(2):after, .steps-wrapper .dn-page-columns-container > .dn-page-column.dn-page-column-variable:last-child:before { content: ""; width: auto; height: 100%; border-left: 1px dashed red; height: calc(100% + 65px); position: absolute; top: -45px; transform: rotate(-70deg); } .steps-wrapper .dn-page-columns-container > .dn-page-column.dn-page-column-variable:nth-child(2):after { transform: rotate(67deg); right: 0; } .how-it-works .dn-widget-margin-top-default { margin-top: 0px; } .how-it-works .dn-page-column-content { padding: 30px; } /* === Global typography and layout === */ .custom-container:not(:first-of-type) { background-color: #ffffff; } .dn-page-section-margin-bottom-none, .dn-page-section-margin-bottom-xlarge { margin: 0px; } /* === Other === */ .product-section .dn-padding-container { padding: 0px !important; } /* === Homepage sections === */ .best-selling-apperal .dn-padding-container { padding-bottom: 100px; } .services-section .dn-page-section-9bdc6aaf-a7eb-4ef5-a579-51dfdecac664 { margin-top: 0px; } .design-own-t-shirt-images-block .dn-widget-content-container .dn-image-transform { padding-top: 25px; } .design-your-own-shirt .dn-widget-content-container > .dn-widget-content > div > h3 { font-size: 42px !important; line-height: 61px !important; letter-spacing: normal; } .design-your-own-shirt .dn-widget-content-container > .dn-widget-content > div > span { line-height: 29px; } .customer-reviews.slider-container .main-block.slide { background: #fff; margin: 70px 10px 10px; border-radius: 10px; box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.1); width: 100%; min-width: 28%; } .customer-reviews.slider-container { border: 0px; max-width: 1420px; width: 100%; margin: 54px 10px; position: relative; z-index: -1; } /* === Quote and contact forms === */ .quotes-icon { margin-top: -10px; position: relative; top: -19px; z-index: 0; left: 25px; } /* === Homepage sections === */ .google-icon { text-align: right; } /* === Quote and contact forms === */ .quotes-icon img { object-fit: contain; width: 54px; position: absolute; z-index: 2; } /* === Homepage sections === */ .google-icon img { margin: 20px 10px 0px; width: 30px; } .rating-content { padding-left: 30px; } .rating-content p { font-size: 16px; color: #797979; } .customer-info-content .customer-img img { width: 100%; object-fit: contain; max-width: 84px; padding-left: 30px; } .customer-info-content { display: flex; align-items: center; gap: 10px; padding-left: 30px; } .customer-info .name { margin-bottom: 0px; } .customer-info p:last-child { font-size: 12px; } .customer-info p:first-child { font-size: 14px; font-weight: bold; } .customer-reviews.slider-container .arrow { background: none; } .customer-reviews.slider-container .arrow { background: none; } .customer-reviews.slider-container { height: 400px; width: 100%; margin-top: 0px; } .testimonials-section .dn-page-columns-container { margin-top: 50px; } .customer-reviews.slider-container .arrow.left::before { content: ""; display: inline-block; width: 80px; height: 80px; background-image: url("https://customyourtshirt.ca/rshared/ssc/i/riq/10904276/200/200/ffffff/0/0/image.png?ts=1750168310"); background-size: contain; background-repeat: no-repeat; background-position: center; left: 0; } .customer-reviews.slider-container .arrow.right::before { content: ""; display: inline-block; width: 80px; height: 80px; background-image: url("https://customyourtshirt.ca/rshared/ssc/i/riq/10904281/200/200/ffffff/0/0/image.png?ts=1750168319"); background-size: contain; background-repeat: no-repeat; background-position: center; right: 0; } .our-platform .dn-widget-content-container h2 { margin-top: 30px; line-height: 1.2 !important; } .customer-reviews.slider-container .arrow.left img, .customer-reviews.slider-container .arrow.right img { display: none; } .design-your-own-shirt .dn-page-section-margin-top-default { margin-top: 0px; } .design-your-own-shirt .dn-page-column-content { max-width: 643px; } .testimonials-section { background: #fff5f5 !important; position: relative; padding-bottom: 100px; } .custon-your-shirt { margin-top: -105px; position: relative; z-index: 6 !important; } .services-section .dn-widget-content-container { height: 100%; } .services-section .dn-widget-content-container .service-1 { height: 100%; } .services-section .dn-widget-content-container .dn-widgets { height: 100%; } .services-section .dn-widget-content-container .dn-widgets .dn-widget.dn-section-widget { height: 100%; } .services-section .dn-widget-content-container .dn-widgets .dn-widget.dn-section-widget .dn-widget-content { height: 100% !important; } .services-section .dn-page-columns-container { margin-bottom: 45px; } /* === Product grids, carousels and collection pages === */ .filter-section .dn-filter-lists .dn-filter-list.dn-expandable { margin-top: 25px; } .filter-section .dn-filter-lists .dn-filter-values-container { margin-top: 10px; } .collection-section .dn-grid-image .dn-product-thumbnail-image { display: block; width: 100%; height: auto; aspect-ratio: auto; } .collection-section .dn-grid-item-container { width: 100%; max-width: 334px !important; border-radius: 19px !important; padding-bottom: 40px; } .collection-section li.dn-grid-item { width: 100%; } .collection-section li.dn-grid-item { margin-bottom: 40px; } .collection-section .dn-product-colors.dn-color-panel { padding: 5px 25px 20px; } .collection-section .dn-grid-text.dn-product-prices { margin-top: 25px; border-top: 1px solid #eee; padding-top: 10px; } .collection-section .dn-styled.dn-sized.dn-above { text-align: right; } .collection-section .dn-widget-content-container > .dn-widget-content > .dn-listing-container .dn-paginator-container li.dn-paginator-nav a { letter-spacing: 0.2rem; } .collection-design-section { background: #fff5f5; } .collection-design-section #dn_col_69db35cf-fe01-47d3-a524-8101499489c2 > .dn-page-column-content, .collection-design-section #dn_col_0b42e99d-cf87-4d10-8607-74bb9929f62b > .dn-page-column-content { border-right: 1px solid #e3e2e2; } .collection-section .dn-grid-item-container { margin: 0px !important; } .collection-section li.dn-paginator-items { position: absolute; top: 22px; right: 10px; } /* === Info and service pages (services, rush, shipping, privacy, pick-up) === */ .dn-breadcrumb-section .dn-breadcrumbs .dn-breadcrumb a, .dn-breadcrumb-section .dn-breadcrumb, .dn-breadcrumb-section .dn-breadcrumbs { font-family: "Poppins", sans-serif !important; font-size: 14px; margin-top: 10px; } /* === Cart and checkout === */ .dn-widget-search .dn-form-field-value input[type="text"] { /* Magnifier as inline SVG (was hot-linked from Flaticon, which needs attribution and can be blocked) */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='7'/%3E%3Cpath d='M15.8 15.8L21 21'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; background-size: 16px 16px; padding-right: 30px; border: 1px solid #cccccc; border-radius: 10px; } /* === Header and top navigation === */ .single-product-page h4.dn-styled.dn-sized.toggle-header { display: flex; justify-content: space-between; border-bottom: 1px solid #eee; padding-bottom: 17px; } /* === Product page (single product) === */ .single-product-page .dn-product-heading-container-above-content h1 { font-size: 42px; font-family: "Poppins"; letter-spacing: 1px; text-transform: capitalize; line-height: inherit; margin-top: 15px; line-height: 61px; font-weight: 600; } /* === Homepage sections === */ .easy-quality-sec h3 { margin-top: 20px; } .easy-quality-sec .dn-widget-margin-top-default { margin-top: 0px !important; } /* === Product page (single product) === */ div.dn-product-display div.dn-product-details-panel .dn-product-color-container .dn-color-panel.dn-colors-heaps .dn-color-panel-cell { border-radius: 30px; } .single-product-page .dn-d-size-multi-container ul { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; list-style: none; justify-content: flex-start !important; } .single-product-page .dn-d-size-multi-container li { border: 1px solid #ccc; border-radius: 4px; cursor: pointer; text-align: center; position: relative; } .single-product-page div.dn-d-size-multi-container ul li { display: block; float: left; padding: 3px 5px; width: 100%; max-width: 100px; } .single-product-page .dn-d-size-multi-container li label { cursor: pointer; text-align: center !important; } .single-product-page div.dn-product-display div.dn-product-details-panel > div:not(:first-child) h4 { margin-bottom: 5px; font-size: 24px; font-family: "Poppins"; text-transform: capitalize; } .single-product-page .dn-btn.dn-btn-major.dn-styled { background: none; border: 1px solid #ff6b6b; color: #ff6b6b; } .single-product-page .dn-btn.dn-btn-major.dn-styled .dn-btn-label span { color: #ff6b6b; text-transform: capitalize; vertical-align: super; } .single-product-page div.dn-product-display div.dn-product-details-panel { padding-left: 60px !important; margin-top: 0px; } .single-product-page .dn-product-price-container .dn-price-container, .single-product-page .dn-product-price-container .dn-price-currency-code { color: #ff6b6b; font-size: 25px !important; font-family: "Poppins"; font-weight: 500; } /* === Cart and checkout === */ .single-product-page .dn-btn.dn-btn-cart { border: 1px solid #ff6b6b !important; color: #ff6b6b; background: none; } /* === Product page (single product) === */ .single-product-page .dn-btn-label span { color: #ff6b6b !important; } /* === Cart and checkout === */ .single-product-page .dn-btn.dn-btn-cart .dn-btn-icon:before { color: #ff6b6b !important; } /* === Product page (single product) === */ .single-product-page .dn-btn.dn-btn-major.dn-styled { background: #ff6b6b !important; } .single-product-page .dn-btn.dn-btn-major.dn-styled .dn-btn-label span { color: #fff !important; } .single-product-page div.dn-product-display div.dn-product-details-panel > div:not(:first-child) { margin-top: 25px !important; } .single-product-page div#decorationPricesContainerId { display: flex; align-items: center; gap: 7px; } .single-product-page #decorationPricesContainerId .dn-product-decoration-price:last-child:before { padding: 0px 2px; content: "|"; } .single-product-page div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container.dn-showing-add-to-cart.dn-showing-decorate-now .dn-product-decorate-now-container, .single-product-page div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container.dn-showing-add-to-cart.dn-showing-decorate-now .dn-product-add-button-container { width: 50%; padding-right: 3px; max-width: 248px; } .single-product-page .dn-product-other-product-opts li a { color: #ff6b6b; text-decoration: underline; font-weight: 500 !important; } .single-product-page .dn-product-other-product-opts ul { text-align: center; padding-bottom: 20px; } /* === Global typography and layout === */ h1, h2, h3, h4, h5, h6, dt, dd, p, span, label { font-family: "Poppins" !important; } /* (removed p { font-size: 20px } - a later rule sets 18px, so it never applied) */ /* === Product page (single product) === */ .single-product-page div.dn-product-display[data-breakpoint-600="true"] .dn-product-views-container-left .dn-product-views-container-small .dn-product-main-image-container, .single-product-page div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container ul li.dn-grid-item { box-shadow: 0 0 10px rgb(0 0 0 / 8%) !important; border-radius: 19px; margin-left: 30px; width: 75% !important; } .single-product-page div.dn-product-display div.dn-product-main-image-panel div.dn-product-main-image-container div.dn-product-view-container img.dn-product-main-image, .single-product-page div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container ul li.dn-grid-item { border: none; } .single-product-page div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container ul li.dn-grid-item { width: 100px; margin-left: 0px; width: 100% !important; } .single-product-page div.dn-product-display div.dn-product-main-image-panel div.dn-product-views-container ul li label { font-size: 14px; } .single-product-page div.dn-product-display .dn-product-views-container-left .dn-product-views-container-small .dn-product-views-container { width: 20%; } .single-product-page div.dn-d-size-multi-container ul li input.dn-d-size-multi { width: 50px; text-align: center; border: 1px solid #eee; } .single-product-page .dn-page-section-content { padding-top: 40px !important; } .single-product-page div.dn-product-display div.dn-product-bottom-panel > div { margin-top: 70px; } /* === Global typography and layout === */ li::marker { color: #000; background: #000; } /* === Product page (single product) === */ .single-product-page div.dn-product-display .dn-product-shipping-info i { font-style: normal; } /* === Info and service pages (services, rush, shipping, privacy, pick-up) === */ .faq-section dt, .faq-section h2 { font-weight: bold; margin-top: 15px; } /* === Product page (single product) === */ .single-product-page .dn-product-related-products-container h4.dn-styled.dn-sized { font-size: 42px; font-weight: 600; font-family: "Poppins"; margin-bottom: 30px; text-transform: capitalize !important; } .dn-product-panels .dn-product-views-container ul#product_views { justify-content: center; } div.dn-product-display[data-breakpoint-600="true"] .dn-product-views-container-bottom .dn-product-views-container { padding-top: 40px; } /* === Footer and newsletter === */ .custom-footer-section .dn-page-section-content .dn-page-columns-container .footer-middle-section .dn-widgets .dn-section-widget .dn-page-section-content { padding: 0; } .footer-copyright-block .footer-copyright-text p { color: #000000; font-size: 13px; margin: 0px !important; } .footer-copyright-block .footer-copyright-text { padding: 8px 0px; } /* === Quote and contact forms === */ .dn-request-quote-content h2.dn-styled { letter-spacing: 0.2px; } /* === Info and service pages (services, rush, shipping, privacy, pick-up) === */ .service-section.products-cta a.read-more-btn.products-btn { background-color: #ff7b7b !important; } /* PROBABLY UNUSED: 'rush-order-section' not found on the 26 live pages checked 2026-10-23 */ section.rush-order-section .rush-title { font-size: 30px; letter-spacing: 0.2px; margin-bottom: 30px; font-weight: 600; letter-spacing: normal; } /* === Quote and contact forms === */ .contact-right-section .dn-page-column-last { padding-left: 40px !important; } /* === Info and service pages (services, rush, shipping, privacy, pick-up) === */ .dn-page-privacy td { padding: 10px !important; } /* === Quote and contact forms === */ .dn-page-request .dn-btn.dn-btn-std.dn-styled { width: 100%; max-width: max-content; padding: 0px 20px; } /* === Info and service pages (services, rush, shipping, privacy, pick-up) === */ .dn-page-local-pick-up .dn-widget.dn-small-auto-width .dn-btn.dn-btn-std { margin-bottom: 25px; } /* === Quote and contact forms === */ .dn-page-local-pick-up .contact-info { width: 100%; } /* ---------- Responsive: (max-width: 1365px) ---------- */ @media (max-width: 1365px) { /* Header and top navigation */ header.dn-lh-2rlcan .dn-large-header-container .dn-large-header { gap: 30px; } /* Homepage sections */ .our-platform .dn-carousel-arrow.dn-carousel-left { left: 0px; border: 0px; } .our-platform .dn-carousel-arrow.dn-carousel-right { right: -7%; border: 0px; } } /* === Global typography and layout === */ p { font-size: 18px; } /* === Product page (single product) === */ .single-product-page .dn-product-heading-container-above-content h1 { font-size: 35px !important; line-height: 1.2; } /* === Homepage sections === */ .design-your-own-shirt .dn-page-columns-container { padding: 0px 15px; align-items: center; } /* === Footer and newsletter === */ #newsletter_signup_button { width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0 20px; box-sizing: border-box; border: 1px solid #fff; margin-inline: auto; } /* ---------- Responsive: (max-width: 1439px) ---------- */ @media (max-width: 1439px) { /* Header and top navigation */ header.dn-lh-2rlcan .dn-large-header-container .dn-large-header { justify-content: space-around; padding: 0px 15px; } /* Homepage sections */ .best-selling-apperal .product-section .dn-page-columns-container::before { left: 34%; width: 700px; } /* Header and top navigation */ body.dn-fixed-header header .dn-large-header-container .dn-large-header-fixed-container .dn-large-header { padding: 0px 15px; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .dn-logo-container { max-width: 420px; } header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container { max-width: 360px; } } /* ---------- Responsive: (max-width: 1365px) ---------- */ @media (max-width: 1365px) { /* Homepage sections */ .best-selling-apperal .dn-blank-products .dn-grid-text.dn-product-name h4 { width: 250px; } .best-selling-apperal .dn-blank-products .dn-grid-text.dn-product-prices { width: 100%; display: inline-block; text-align: center; border-top: 1px solid #eee; padding: 10px 15px; } .steps-wrapper .dn-page-columns-container > .dn-page-column.dn-page-column-variable:nth-child(2):before, .steps-wrapper .dn-page-columns-container > .dn-page-column.dn-page-column-variable:nth-child(2):after, .steps-wrapper .dn-page-columns-container > .dn-page-column.dn-page-column-variable:last-child:before { content: ""; width: auto; height: 100%; border-left: 1px dashed red; height: calc(100% + 35px); position: absolute; top: -45px; } .design-your-own-shirt .dn-widget-content-container > .dn-widget-content > div > h3 { font-size: 35px !important; line-height: 1.4 !important; letter-spacing: normal; } /* Header and top navigation */ header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container { max-width: 360px; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .dn-logo-container { max-width: 375px; } /* Product page (single product) */ .single-product-page div.dn-product-display div.dn-product-bottom-panel > div { padding: 0px 15px; } /* Homepage sections */ .best-selling-apperal .product-section .dn-page-columns-container::before { left: 40%; right: 10px; top: 50%; z-index: 1; width: 665px; position: absolute; } } /* ---------- Responsive: (max-width: 1199px) ---------- */ @media (max-width: 1199px) { /* Homepage sections */ .pre-made-design .dn-page-columns-container { align-items: flex-start; } /* PROBABLY UNUSED: 'custom-your-shirt' not found on the 26 live pages checked 2026-10-23 */ .custom-your-shirt .dn-widget-content-container > .dn-widget-content > div > h3, .pre-made-design .dn-widget-content-container > .dn-widget-content > div > h2 { font-size: 30px !important; } /* Header and top navigation */ header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container { gap: 25px; } header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container { max-width: 340px; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header { gap: 40px; } /* Homepage sections */ .testimonials-section .dn-widget-content-container > .dn-widget-content > div > h2 { font-size: 35px !important; } .steps-wrapper .dn-page-columns-container > .dn-page-column.dn-page-column-variable:nth-child(2):before, .steps-wrapper .dn-page-columns-container > .dn-page-column.dn-page-column-variable:nth-child(2):after, .steps-wrapper .dn-page-columns-container > .dn-page-column.dn-page-column-variable:last-child:before { height: calc(100% + -36px); top: -10px; } .dn-widget-ed33c0bf-0c71-421b-80bb-f5be4128e9a2 > .dn-widget-content-container > .dn-widget-content > div > h3 { font-size: 35px !important; } /* Header and top navigation */ header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .dn-logo-container { max-width: 200px; } /* Footer and newsletter */ footer .dn-widget-content .dn-links-list-container li a { font-size: 14px; } /* Homepage sections */ .best-selling-apperal .product-section .dn-page-columns-container::before { left: 49%; right: 10px; top: 50%; z-index: 1; width: 430px; } .mobile-btn .dn-page-columns-container { flex-direction: column !important; } .mobile-btn .dn-widget.dn-small-align-right, .mobile-btn .dn-widget.dn-small-align-left { text-align: left; width: 100%; } .mobile-btn .dn-page-column { width: 100%; } .pre-made-design .dn-small-align-left.dn-small-auto-width { margin-bottom: 20px; } } /* ---------- Responsive: (max-width: 1023px) ---------- */ @media (max-width: 1023px) { /* Header and top navigation */ header.dn-lh-2rlcan .dn-large-header-container .dn-large-header { gap: 0px; } header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container .dn-nav-currency span, header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .dn-nav-main-container nav#main_nav .dn-nav-item a span, header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .dn-nav-main-container nav#main_nav .dn-nav-item span, header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .right-side-menu-logo ul li a { font-size: 14px !important; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .dn-logo-container { max-width: 184px; } } /* ---------- Responsive: (max-width: 991px) ---------- */ @media (max-width: 991px) { /* Homepage sections */ .best-selling-apperal .dn-blank-products .dn-grid-text.dn-product-name h4 { width: 190px; } /* Header and top navigation */ header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container .dn-nav-login a { width: 18px; height: 18px; } header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container .dn-nav-cart .dn-shopping-cart-icon-over-right-container { width: 15px; height: 19px; } /* Homepage sections */ .pre-made-design span { font-size: 15px !important; } .pre-made-design .dn-widget-content-container > .dn-widget-content > div > h2 { line-height: 1.2 !important; } /* PROBABLY UNUSED: 'custom-your-shirt' not found on the 26 live pages checked 2026-10-23 */ .custom-your-shirt .dn-widget-content-container > .dn-widget-content > div > h3, .pre-made-design .dn-widget-content-container > .dn-widget-content > div > h2 { font-size: 29px !important; } /* Global typography and layout */ .dn-widgets { width: auto; } /* Header and top navigation */ header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container { max-width: 245px; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .dn-nav-main-container nav#main_nav { gap: 10px; } header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container { gap: 10px; } header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container { justify-content: flex-start; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .right-side-menu-logo ul { justify-content: space-around; gap: 5px; } /* Homepage sections */ .steps-wrapper .dn-page-columns-container > .dn-page-column.dn-page-column-variable:nth-child(2):before, .steps-wrapper .dn-page-columns-container > .dn-page-column.dn-page-column-variable:nth-child(2):after, .steps-wrapper .dn-page-columns-container > .dn-page-column.dn-page-column-variable:last-child:before { height: calc(100% + -145px); top: 33px; } /* Product page (single product) */ .single-product-page .dn-product-add-to-cart-container { flex-direction: column; display: flex; } .single-product-page div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container.dn-showing-add-to-cart.dn-showing-decorate-now .dn-product-decorate-now-container, .single-product-page div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container.dn-showing-add-to-cart.dn-showing-decorate-now .dn-product-add-button-container { width: 100%; padding-right: 3px; max-width: 100%; } /* Footer and newsletter */ .custom-footer-section .dn-page-section-content .dn-page-columns-container { flex-direction: column; align-items: start; } .custom-footer-section .dn-page-section-content .dn-page-columns-container .footer-side-section { max-width: 100%; width: 100%; } /* Homepage sections */ .services-section .dn-widget-content-container .service-1 .dn-page-columns-container { flex-direction: column; } .services-section .dn-widget-content-container .service-1 .dn-page-columns-container h2 { text-align: center; } .our-platform .dn-widget-content-container > .dn-widget-content > div > h2, .design-own-t-shirt-images-block .dn-widget-content-container > .dn-widget-content > div > h3 { font-size: 35px !important; } .dn-widget-70ef81f8-292b-4b72-a13e-bec2ce50aef1 > .dn-widget-content-container > .dn-widget-content > div > h2 { font-size: 29px !important; } .design-your-own-shirt .dn-widget-content-container > .dn-widget-content > div > h3 { font-size: 25px !important; } .best-selling-apperal .product-section .dn-page-columns-container::before { display: none; } .design-your-own-shirt .dn-sized.dn-styled.dn-with-width { width: max-content; margin-bottom: 20px; } .design-your-own-shirt .dn-widgets .dn-widget.dn-mobile-align-center:nth-child(3) { text-align: left; } .design-your-own-shirt .dn-widget-content-container > .dn-widget-content > div > h2 { font-size: 15px !important; text-align: center; } .customer-reviews.slider-container .main-block.slide { min-width: 45%; } /* Footer and newsletter */ .custom-footer-section .dn-page-section-content .dn-page-columns-container { flex-direction: column; align-items: start; } .custom-footer-section .dn-page-section-content .dn-page-columns-container .footer-side-section { max-width: 100%; width: 100%; } /* Quote and contact forms */ .custom-footer-section .contact-btn { width: 50%; text-align: left; } } /* === Cart and checkout === */ #dn_cart_over_right_popup .dn-btn.dn-btn-cart.dn-styled { font-size: 13px; } #dn_cart_over_right_popup .dn-btn.dn-btn-cart.dn-styled .dn-btn-label { letter-spacing: normal; } /* ---------- Responsive: (max-width: 767px) ---------- */ @media (max-width: 767px) { /* Product grids, carousels and collection pages */ /* PROBABLY UNUSED: 'quarterzip' not found on the 26 live pages checked 2026-10-23 */ .kidspolo, .quarterzip, .product-options { margin-bottom: 36px; } /* Product page (single product) */ #product_views_content_scroll #product_views li { width: 46%; } #product_views_content_scroll #product_views { display: flex; flex-wrap: wrap; gap: 5px; width: 80%; justify-content: space-between; } /* Online designer (/designer) and its popups */ #add_to_cart_button_container .dn-btn.dn-btn-cart.dn-styled .dn-btn-label span, .dn-designer .dn-btn.dn-btn-cart.dn-styled .dn-btn-label span { font-size: 10px !important; } .dn-btn.dn-btn-cart.dn-styled .dn-btn-label span, .dn-designer .dn-btn.dn-btn-cart.dn-styled .dn-btn-label span { letter-spacing: normal; } /* Product page (single product) */ .single-product-page div.dn-product-display div.dn-product-details-panel > div:not(:first-child) { flex-direction: row !important; } .single_product .dn-showing-add-to-cart .dn-product-add-button-container, .single_product .dn-showing-add-to-cart .dn-product-decorate-now-container { max-width: 50% !important; } /* Homepage sections */ .custon-your-shirt #dn_s_pc_4976a1e2-9df7-49bb-838a-d535db19fa4b .dn-page-column { max-width: 50%; } .dn-widget-9299f87b-ff29-4acd-9f39-0c9b139bd8d4 > .dn-widget-content-container > .dn-widget-content > .dn-btn.dn-styled, .dn-widget-f0d2afb4-7cfb-448c-aeaa-95c65e470239 > .dn-widget-content-container > .dn-widget-content > .dn-btn.dn-styled { padding: 0 !important; } .design-your-own-shirt .custom_colum.dn-mobile-span12 { width: 50% !important; max-width: 50% !important; } .design-your-own-shirt .dn-page-columns-container { padding: 0 !important; } .design-your-own-shirt .custom_colum .dn-image-image.dn-image.dn-lazyload.dn-loaded { height: 105px !important; } /* Cart and checkout */ .dn-view-cart-details-container .dn-checkout-c-price, .dn-view-cart-details-container .dn-checkout-c-total { display: flex; justify-content: space-between; } /* Online designer (/designer) and its popups */ .dn-popup.dn-designer-popup, .dn-designer-select-product-popup, .dn-popup.dn-popup-msgbox, .dn-popup.dn-designer-signup-popup.dn-designer-popup, .dn-popup.dn-designer-save-layout-name.dn-no-fullscreen.dn-designer-popup, .dn-popup.dn-designer-dynamic-popup.dn-designer-popup, .dn-popup-container.dn-alt .dn-designer-show-cart-popup, .dn-popup-container.dn-alt .dn-designer-add-teamnames-popup, .dn-popup-container.dn-alt .dn-designer-new-text-popup { top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 96%; } .dn-popup-container .dn-popup-background { height: 100vh; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* Homepage sections */ .testimonials-section .dn-page-columns-container { margin-top: 30px; } .design-your-own-shirt .dn-page-section-margin > .dn-page-section-content:first-child { padding: 30px 0px; } /* Header and top navigation */ body.dn-inline-header .dn-fixed { padding: 20px 5px; } /* Homepage sections */ .design-your-own-shirt .dn-widget-content-container > .dn-widget-content > div > h3 { line-height: 1.2 !important; } .design-your-own-shirt .dn-page-column-content { margin: auto; } .custom-container.hero-section .mobile-btn .dn-page-section-content { padding: 0; } #dn_col_3104d81d-acdb-441f-b8e9-4e64b0c3ce2f > .dn-page-column-content, #dn_col_4ca39047-42ab-4ec4-9103-c25fb207aab1 > .dn-page-column-content { border-right: 0px; } .pre-made-design .dn-page-column-content { padding-top: 35px !important; } .pre-made-design .dn-btn-label span { display: inline-block; text-align: center; } /* Footer and newsletter */ .custom-footer-section .dn-widget-footer_link_list_2 > .dn-widget-content-container > .dn-widget-content h2 { font-size: 23px; } /* Homepage sections */ .how-it-works { padding: 30px; } /* Header and top navigation */ .dn-small-header-fixed-container.dn-fixed, .dn-small-header-fixed-container.dn-fixed .dn-nav-phone a, .dn-small-header-fixed-container.dn-fixed .dn-nav-search .dn-search-icon, .dn-small-header-fixed-container.dn-fixed .dn-menu-icon.dn-behaviour { padding: 20px 15px; display: flex; align-items: center; height: auto; } /* Homepage sections */ .customer-reviews.slider-container .arrow.left::before, .customer-reviews.slider-container .arrow.right::before { width: 60px; height: 60px; } .how-it-works .steps-wrapper .dn-page-columns-container { display: grid; grid-template-columns: 1fr 1fr; } .how-it-works .steps-wrapper .dn-page-columns-container h3 { font-size: 16px !important; } /* Header and top navigation */ header div#site-logo-small .dn-logo.dn-logo-png img { max-width: 235px !important; height: 40px; object-fit: contain; padding: 0px 15px; } /* Homepage sections */ .how-it-works .dn-widget-9370812b-b06e-4890-a2b2-932b51fdbeb7 > .dn-widget-content-container > .dn-widget-content > div > h3 { font-size: 34px; } .our-platform .dn-carousel-arrow .dn-carousel-arrow-icon { height: 10px; width: 10px; } .our-platform .dn-carousel-arrow { height: 40px; width: 40px; } .how-it-works .dn-page-column-content { padding: 0px; } .best-selling-apperal h2, .testimonials-section h2 { text-align: center; } /* Global typography and layout */ .dn-widgets { width: 100%; } /* Header and top navigation */ header .dn-large-header-container { display: none; } /* Product grids, carousels and collection pages */ .collection-section .dn-displaying-products.dn-grid-container[data-grid-cols="2"] .dn-grid .dn-grid-item { width: 100%; max-width: calc(100% / 2 - 10px); } /* Product page (single product) */ .single-product-page .dn-product-panels { display: flex; flex-direction: column; align-items: center; } .single-product-page div.dn-product-display[data-breakpoint-600="true"] div.dn-product-image-panel-large div.dn-product-main-image-panel, .single-product-page div.dn-product-display[data-breakpoint-600="true"] div.dn-product-image-panel-large div.dn-product-details-panel { width: 100%; padding-left: 10px !important; } .single-product-page .dn-product-add-to-cart-container { flex-direction: row; display: flex; } .single-product-page div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container.dn-showing-add-to-cart.dn-showing-decorate-now .dn-product-decorate-now-container, .single-product-page div.dn-product-display div.dn-product-details-panel .dn-product-add-to-cart-container.dn-showing-add-to-cart.dn-showing-decorate-now .dn-product-add-button-container { width: 100%; padding-right: 3px; max-width: 100%; } .single-product-page div.dn-product-display div.dn-product-details-panel { padding-left: 15px !important; margin-top: 0px; } div.dn-product-display div.dn-product-details-panel .dn-product-color-container .dn-color-panel .dn-color-panel-cell { height: 25px; width: 25px; } .single-product-page .dn-btn.dn-btn-major.dn-styled .dn-btn-label span { font-size: 15px; } .single-product-page div.dn-product-display div.dn-product-bottom-panel > div { margin-top: 35px; padding: 0px 15px; } .single-product-page .dn-product-related-products-container h4.dn-styled.dn-sized { font-size: 30px; } /* Homepage sections */ .services-section .dn-widget-content-container .service-1 .dn-page-columns-container { flex-direction: row; } .services-section .dn-widget-content-container .service-1 .dn-page-columns-container h2 { text-align: left; } .steps-wrapper .dn-page-columns-container > .dn-page-column.dn-page-column-variable:nth-child(2):before, .steps-wrapper .dn-page-columns-container > .dn-page-column.dn-page-column-variable:nth-child(2):after, .steps-wrapper .dn-page-columns-container > .dn-page-column.dn-page-column-variable:last-child:before { display: none; } .customer-reviews.slider-container .main-block.slide { min-width: 96%; } .pre-made-design span { font-size: 15px !important; } .dn-widget-ed33c0bf-0c71-421b-80bb-f5be4128e9a2 > .dn-widget-content-container > .dn-widget-content > div > h3 { font-size: 30px !important; padding-top: 15px; } .hero-section span { font-size: 18px; } .pre-made-design .dn-btn.dn-btn-std.dn-with-width { width: max-content; } .pre-made-design .dn-small-align-left.dn-small-auto-width { text-align: center; } .services-section .dn-page-columns-container { gap: 25px; } /* Product page (single product) */ .single-product-page .dn-product-heading-container-above-content h1 { font-size: 26px !important; } .single-product-page div.dn-product-display div.dn-product-details-panel > div:not(:first-child) { margin-top: 15px !important; padding: 0px 15px; } /* Footer and newsletter */ footer .dn-links-list-container { text-align: left; } /* Homepage sections */ .best-selling-apperal .dn-padding-container { padding-bottom: 35px; } /* Footer and newsletter */ form#newsletter_signup_form .dn-widget-footer_link_list_2 > .dn-widget-content-container > .dn-widget-content .dn-btn { width: 100% !important; } } /* ---------- Responsive: (max-width: 567px) ---------- */ @media (max-width: 567px) { /* Product page (single product) */ .single-product-page div.dn-product-display div.dn-product-details-panel > div:not(:first-child) { margin-top: 8px !important; flex-direction: column; padding: 0px 0px; } /* Homepage sections */ .pre-made-design .dn-widget-content-container > .dn-widget-content > div > h2 { font-size: 20px !important; } .how-it-works .steps-wrapper .dn-page-columns-container { display: grid; grid-template-columns: 1fr; } /* Footer and newsletter */ .custom-footer-section .dn-widget-footer_link_list_2 > .dn-widget-content-container > .dn-widget-content h2 { font-size: 14px; } /* Homepage sections */ .customer-reviews.slider-container .main-block.slide { min-width: 95%; } .dn-widget-70ef81f8-292b-4b72-a13e-bec2ce50aef1 > .dn-widget-content-container > .dn-widget-content > div > h2, .testimonials-section .dn-widget-content-container > .dn-widget-content > div > h2 { font-size: 29px !important; text-align: center; } .dn-widget-9370812b-b06e-4890-a2b2-932b51fdbeb7 > .dn-widget-content-container > .dn-widget-content > div > h3 { font-size: 35px; } .design-your-own-shirt .dn-widget-content-container > .dn-widget-content > div > h3 { font-size: 25px !important; } .services-section .dn-widget-content-container .service-1 .dn-page-columns-container { flex-direction: column; } .services-section .dn-widget-content-container .service-1 .dn-page-columns-container h2 { text-align: center; } .our-platform .dn-widget-content-container > .dn-widget-content > div > h2, .design-own-t-shirt-images-block .dn-widget-content-container > .dn-widget-content > div > h3 { font-size: 22px !important; line-height: 28px !important; } .best-selling-apperal .dn-padding-container { padding-bottom: 45px; } } /* === Homepage sections === */ .dn-widget-ae69369d-8f16-4aba-ab34-b0644bf9df33 > .dn-widget-content-container > .dn-widget-content > div > h3 { margin: 4px 0 20px; } .easy-quality-sec .dn-page-section-content { padding-bottom: 84px !important; } /* ---------- Responsive: only screen and (min-width: 1210px) ---------- */ @media only screen and (min-width: 1210px) { /* Homepage sections */ .design-your-own-shirt .dn-widget-content p { margin-bottom: 20px !important; } } /* === Homepage sections === */ .rating-icon img { max-width: 140px; } .our-platform .dn-carousel-arrow .dn-carousel-arrow-icon { border-width: 0 4px 4px 0 !important; } .home-banner-bottom-text { font-size: 14px; display: flex; align-items: center; gap: 8px; margin-top: 18px; } .title { font-size: 40px; line-height: 1em; font-family: "Poppins"; color: rgba(255, 255, 255, 1); text-transform: none; font-weight: 600; text-align: center; margin-bottom: 18px; } .title span img { width: 44px; vertical-align: middle; } /* === Header and top navigation === */ nav.dn-nav-main .dn-nav-with-submenu a:after, .dn-currency-selector #dn_currency_code:after { content: "" !important; right: -5px; top: -1px; background-image: url(https://customyourtshirt.ca/rshared/ssc/i/riq/11017846/200/200/ffffff/0/0/image.png?ts=1751523549); background-position: 12px; background-position: center; background-repeat: no-repeat; width: 21px; height: 21px; } /* === Cart and checkout === */ .dn-widget-search .dn-form-field-value input[type="text"] { background-position: left 10px center !important; padding-left: 30px !important; padding-right: 10px !important; border-radius: 0px !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; border-width: 0px 0px 1px 0px !important; } /* === Product grids, carousels and collection pages === */ .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 30px; } .product_sidebar .dn-filter-list-expander { padding-left: 0% !important; } .product_sidebar .dn-filter-list-expander > div:after { text-decoration: underline; font-family: "Poppins" !important; content: "View More" !important; color: rgba(0, 0, 0, 1); font-size: 14px; } .product_sidebar .dn-expanded .dn-filter-list-expander > div:after { content: "View Less" !important; } .collection-section .dn-listing-container.dn-blank-products-container { padding: 0 0 0 70px; } /* === Homepage sections === */ .pre-made-design .dn-page-section-content { max-width: 90% !important; } /* === Product grids, carousels and collection pages === */ .dn-grid-text .dn-product-related_product-name { padding: 4px; } .collection-design-section h4.dn-styled.dn-sized { text-transform: capitalize; } /* === Product page (single product) === */ .dn-product-panels .dn-product-views-container ul#product_views li { width: 110px !important; } /* ---------- Responsive: (min-width: 360px) and (max-width: 490px) ---------- */ @media (min-width: 360px) and (max-width: 490px) { /* Product page (single product) */ .dn-product-panels .dn-product-views-container ul#product_views li { width: 152px !important; } } /* ---------- Responsive: (min-width: 768px) and (max-width: 992px) ---------- */ @media (min-width: 768px) and (max-width: 992px) { /* Product page (single product) */ .dn-product-panels .dn-product-views-container ul#product_views { gap: 10px; } .dn-product-panels .dn-product-views-container ul#product_views li { width: 152px !important; } } /* === Info and service pages (services, rush, shipping, privacy, pick-up) === */ .dn-privacy-content table { width: 100%; max-width: 98%; margin: 0 auto; } /* === Footer and newsletter === */ .footer_custom_heading .dn-widget-content-container > .dn-widget-content > div > h3 { line-height: 38px !important; } /* === Homepage sections === */ .service-1 .dn-widget-margin-top-xlarge { margin-top: 0 !important; } /* === Button hover styles === */ .btn_hover .dn-btn.dn-styled { transition: all 0.3s ease-in-out; border: 1px solid rgba(255, 107, 107, 1) !important; } .btn_hover .dn-btn.dn-styled .dn-btn-label span { transition: all 0.3s ease-in-out; } .btn_hover .dn-btn.dn-styled:hover { border: 1px solid rgba(255, 107, 107, 1) !important; background-color: #fff !important; } .btn_hover .dn-btn.dn-styled:hover .dn-btn-label span { color: rgba(255, 107, 107, 1) !important; } .btn_hover_2 .dn-btn.dn-styled { transition: all 0.3s ease-in-out; border: 1px solid #fff !important; } .btn_hover_2 .dn-btn.dn-styled .dn-btn-label span { transition: all 0.3s ease-in-out; } .btn_hover_2 .dn-btn.dn-styled:hover { border: 1px solid rgba(255, 107, 107, 1) !important; background-color: #fff !important; } .btn_hover_2 .dn-btn.dn-styled:hover .dn-btn-label span { color: rgba(255, 107, 107, 1) !important; } .btn_hover_rvs .dn-btn.dn-styled { transition: all 0.3s ease-in-out; border: 1px solid rgba(255, 107, 107, 1) !important; } .btn_hover_rvs .dn-btn.dn-styled .dn-btn-label span { transition: all 0.3s ease-in-out; } .btn_hover_rvs .dn-btn.dn-styled:hover { border: 1px solid #fff !important; background-color: rgba(255, 107, 107, 1) !important; } .btn_hover_rvs .dn-btn.dn-styled:hover .dn-btn-label span { color: #fff !important; } /* === Product grids, carousels and collection pages === */ .toggle-filter { display: flex; align-items: center; justify-content: space-between; } /* === Quote and contact forms === */ .quote_wraper #product_known_options, .quote_wraper #request_quote_decoration_process { margin-bottom: 20px; margin-top: 20px; border: 1px solid rgba(255, 107, 107, 1) !important; } /* === Cart and checkout === */ .quote_wraper #product_known_options .dn-form.dn-label-over-field li, .quote_wraper #request_quote_decoration_process li.dn-field-container { display: flex; align-items: center; margin: 0 !important; padding: 18px; } /* === Quote and contact forms === */ .quote_wraper #request_quote_decoration_process li.dn-field-container { margin-bottom: 20px; } /* === Cart and checkout === */ .dn-request-quote-extra-container .dn-form.dn-label-over-field .dn-field-container, .dn-form.dn-label-over-field.dn-request-quote-artwork-sizes .dn-field-container { display: flex; align-items: center; margin-bottom: 0 !important; padding: 18px; margin-top: 20px; border: 1px solid rgba(255, 107, 107, 1) !important; } .dn-form.dn-label-over-field.dn-request-quote-artwork-sizes .dn-field-container .dn-form-field.dn-form-field-text { text-align: start; } /* === Info and service pages (services, rush, shipping, privacy, pick-up) === */ .dn-page-section.dn-breadcrumb-section { padding: 0 20px; } /* === Global typography and layout === */ h2.dn-styled, h2.dn-styled a, .dn-widget-heading h2, .dn-widget-heading h2 a, .dn-widget-html h2, .dn-widget-html h2 a, .dn-commercial-content h2 { letter-spacing: 0 !important; } /* === Quote and contact forms === */ .contact-right-section, .contact-right-section .dn-page-section-content { padding-bottom: 0px !important; } .contact-right-section .dn-page-section-content, .dn-page-section-content:has(.shiping_sec), .dn-page-section-content:has(.quote_wraper), .dn-page-section-content:has(.retrun_policy), .dn-page-section-content:has(.privacy_wraper) { padding-left: 16px !important; padding-right: 16px !important; } /* ---------- Responsive: (max-width: 1440px) ---------- */ @media (max-width: 1440px) { /* Online designer (/designer) and its popups */ .dn-designer-disable-overlay { position: fixed; top: 0; left: 0; right: 0; margin: 0 auto !important; } .dn-page-designer .dn-widget.dn-fullscreen-large .dn-widget-content-container { padding: 60px 10px 0 !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div > div { font-size: 20px !important; } .dn-designer .dn-designer-toolbar-design-actions > div label { font-size: 12px !important; } /* Footer and newsletter */ .custom-footer-section .dn-page-section-content .dn-page-columns-container .footer-side-section:last-child { padding-left: 15px !important; } } /* ---------- Responsive: (min-width: 1550px) ---------- */ @media (min-width: 1550px) { /* Online designer (/designer) and its popups */ .dn-page-designer .dn-widget.dn-fullscreen-large .dn-widget-content-container { padding: 60px 60px 0 !important; } } /* === Online designer (/designer) and its popups === */ .dn-page-designer .design_btn .dn-btn.dn-btn-std.dn-sized.dn-styled.dn-with-width { padding: 0 12px !important; } /* === Header and top navigation === */ .dn-page-designer .dn-large-header div#dn_main_nav_home { display: block !important; } /* === Online designer (/designer) and its popups === */ .dn-page-designer .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-content { background-color: #fff5f5 !important; padding: 10px; } #exit_close_toolbar, #toolbar_select_location { display: none !important; } .dn-page-designer .dn-designer .dn-designer-product-views-panel .dn-designer-product-views { background-color: transparent !important; } .dn-page-designer .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li.dn-alt img { border: 3px solid #000 !important; border-radius: 10px !important; } .dn-page-designer .dn-designer .dn-designer-product-views-panel .dn-designer-product-views .dn-d-sel-view label { font-size: 16px; } .dn-page-designer .dn-designer .dn-designer-product-views-panel .dn-designer-panel { max-width: 180px; } .dn-page-designer .dn-designer[data-breakpoint-small="true"] .dn-designer-product-views-panel { display: block; right: 0px; width: 180px; } .dn-page-designer .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li div.dn-d-select-area-container select { top: -3px !important; padding: 6px 2px 5px 2px !important; text-align: center; border-radius: 6px !important; border-color: #d9d9d9 !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div { background-color: #ff6b6b; border-radius: 17px; margin: 0px 4px; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div > div { font-size: 24px !important; display: inline !important; vertical-align: middle; } .dn-page-designer .dn-designer[data-breakpoint-small="true"] .dn-designer-toolbar-design-actions > div { width: 22% !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions { background-color: transparent; border-top: 0px solid #fff; } .dn-page-designer .dn-designer .dn-designer-toolbar-user-actions { background-color: transparent; } .dn-designer[data-breakpoint-small="true"] .dn-designer-toolbar-design-actions { padding-right: 27%; } .dn-page-designer .dn-fullscreen-large .dn-designer.dn-exit-large-close .dn-designer-toolbar-user-actions > div { width: max-content !important; background-color: #ff6b6b; border-radius: 17px; margin: 0px 4px; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty .dn-designer-toolbar-qty-content .dn-d-qty-input-container #qty { height: auto !important; } .dn-designer[data-breakpoint-small="true"] .dn-designer-toolbar-design-actions > div > div { height: auto !important; } .dn-page-designer .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-heading { border-radius: 0px; background-color: #fff5f5 !important; padding: 18px; } .dn-page-designer .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-heading h3 { font-size: 16px; color: #000; } .dn-page-designer .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-heading { padding: 22px 24px 0; border-width: 0px !important; border-radius: 12px 12px 0 0; } .dn-page-designer .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-content { border-radius: 0 0 12px 12px; } .dn-page-designer .dn-designer .dn-designer-product-views-panel, .dn-page-designer .dn-designer[data-breakpoint-small="true"] .dn-designer-properties-panels { padding-top: 100px; } /* ---------- Responsive: (max-width: 766px) ---------- */ @media (max-width: 766px) { /* Online designer (/designer) and its popups */ .dn-designer .dn-designer-toolbar-user-actions { left: 0px; } } /* === Online designer (/designer) and its popups === */ .dn-page-designer .dn-fullscreen-large .dn-designer.dn-exit-large-close .dn-designer-toolbar-user-actions > div { padding: 12px 4px; border-radius: 10px !important; } .custom-view-cart { padding: 0px !important; font-size: 16px; font-weight: 800; background: transparent !important; color: #ff6b6b; width: 18% !important; display: none !important; } /* ---------- Responsive: (min-width: 768px) and (max-width: 800px) ---------- */ @media (min-width: 768px) and (max-width: 800px) { /* Online designer (/designer) and its popups */ .dn-page-designer .dn-fullscreen-large .dn-designer.dn-exit-large-close .dn-designer-toolbar-user-actions > div { width: 24%; } } /* === Online designer (/designer) and its popups === */ .dn-designer .dn-designer-properties-panels { max-width: 380px !important; } .dn-product-lifestyle-image, #properties_product_details_content .dn-styled, #properties_product_details_content .dn-btn.dn-btn-minor.dn-with-width, #properties_product_details_content .dn-select-product-container { width: 100% !important; } #properties_product_details_content .dn-select-product-container { padding-left: 0 !important; } /* === Product page (single product) === */ .dn-product-more-details-container .dn-product-more-details-action { font-size: 19px !important; margin: 12px 0 !important; } .dn-product-more-details-container { width: 100% !important; } /* === Online designer (/designer) and its popups === */ #properties_product_details_content .dn-color-panel-cell { height: 30px !important; width: 28px !important; border-radius: 6px; } #blank_product_brand_icon { display: none !important; } .dn-page-designer .dn-designer-disable-overlay { display: inline-block !important; background: transparent !important; border: unset !important; } .dn-page-designer .dn-designer-disable-overlay img { max-width: 180px; vertical-align: middle; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div { border-radius: 10px; margin: 0px 4px; height: auto !important; padding: 16px; } .dn-designer[data-breakpoint-small="true"] .dn-designer-toolbar-design-actions > div .dn-icon-text { font-size: 16px; } .dn-designer[data-breakpoint-small="true"] .dn-designer-toolbar-design-actions > div > div { height: auto !important; font-size: 16px; } .dn-page-designer .dn-designer[data-breakpoint-small="true"] .dn-designer-toolbar-design-actions > div { max-width: max-content; width: 100% !important; display: block; white-space: nowrap; flex: 1; min-width: 100px; } .dn-popup-container .dn-popup-background { background-color: #000000; opacity: 0.8; } .dn-popup-container .dn-popup { border: unset; } .dn-popup-container .dn-popup .dn-popup-footer { border: unset; background-color: #fff; } .dn-popup.dn-designer-popup { background-color: #fff !important; } .dn-page-designer .dn-popup-msgbox > h3, .dn-popup.dn-designer-popup > h3 { color: #1c1b1b; background-color: #fff; font-size: 20px; border: 0; } .dn-popup.dn-designer-popup .dn-popup-content { background-color: #fff !important; } .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup, .dn-popup-content .dn-d-image-selector .dn-d-image-categories { background-color: #fff !important; padding: 16px; } .dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup { padding: 16px; border-radius: 12px !important; } /* === Header and top navigation === */ .dn-nav-dropdown-container > nav.dn-nav-dropdown { border: 0px solid black !important; background-color: #fff !important; padding: 20px 30px !important; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } /* === Other === */ .dn-widget.dn-widget-large_create_dd_children.dn-widget-links_list .dn-widget-content-container { margin-top: 12px; } /* === Product grids, carousels and collection pages === */ .dn-widget.dn-mobile-align-center .dn-links-list.dn-list-horizontal li { border-right: none !important; padding: 0 !important; margin: 6px !important; display: inline-block !important; } .dn-widget.dn-mobile-align-center .dn-links-list.dn-list-horizontal li a { display: inline-block !important; padding: 10px 24px !important; background-color: #f8f8f8 !important; color: #333 !important; border-radius: 50px !important; text-decoration: none !important; transition: all 0.3s ease !important; font-weight: 500 !important; font-size: 14px !important; box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important; } .dn-widget.dn-mobile-align-center .dn-links-list.dn-list-horizontal li a:hover { background-color: #ff6b6b !important; color: #ffffff !important; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3) !important; } /* === Header and top navigation === */ .dn-nav-dropdown .dn-widget.dn-widget-text span { font-size: 18px; } .dn-nav-dropdown .dn-links-list-node { font-size: 15px; } /* === Product page (single product) === */ .dn-color-panel .dn-color-panel-cell span { border-radius: 6px; } /* === Online designer (/designer) and its popups === */ #exit_close_toolbar_u { padding: 6px 25px; } /* === Product page (single product) === */ div.dn-d-size-multi-container ul { overflow: hidden !important; display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center !important; justify-content: center !important; } div.dn-d-size-multi-container ul li { min-width: 125px; } /* === Online designer (/designer) and its popups === */ .dn-page-designer div.dn-d-size-multi-container ul li input { text-align: center; background: #ffd2d245; border: 1px solid #d5cdcd; } /* === Product page (single product) === */ div.dn-d-size-multi-container ul li label { display: inline-block; min-width: 37px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 10px; vertical-align: middle; } /* === Online designer (/designer) and its popups === */ .dn-popup-container.dn-alt .dn-designer-add-teamnames-popup { width: 600px !important; padding: 16px; border-radius: 16px; } /* === Cart and checkout === */ .dn-btn.dn-btn-cart.dn-styled { vertical-align: middle; } /* === Online designer (/designer) and its popups === */ .dn-designer .dn-designer-toolbar-user-actions > div { height: auto !important; } /* === Cart and checkout === */ .dn-btn.dn-btn-cart.dn-styled { vertical-align: middle; } /* === Online designer (/designer) and its popups === */ .dn-page-designer .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off):hover, .dn-page-designer .dn-designer .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off):hover { background-color: transparent !important; border-color: transparent !important; color: #ff6b6b !important; box-shadow: none !important; } .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off):hover .dn-btn-label > span, .dn-designer .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off):hover .dn-btn-label > span, .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off):hover .dn-btn-icon:before, .dn-designer .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off):hover .dn-btn-icon:before { color: #ff6b6b; } div#add_to_cart_button_container:hover .dn-btn.dn-btn-cart.dn-styled, div#add_to_cart_button_container:hover .dn-designer .dn-btn.dn-btn-cart.dn-styled { border-color: #fff !important; background-color: #fff; } div#add_to_cart_button_container { border: 1px solid transparent; } div#add_to_cart_button_container:hover { background-color: #fff; border: 1px solid #ff6b6b; } .dn-designer .dn-designer-panel-container .dn-designer-panel { background-color: transparent; } /* === Header and top navigation === */ .dn-large-header div#dn_main_nav_home { display: block !important; } .dn-large-header div#dn_main_nav_create { display: block !important; } .dn-large-header div#dn_main_nav_designer { display: block !important; } .dn-large-header div#dn_main_nav_services { display: block !important; } /* === Online designer (/designer) and its popups === */ .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price { background: transparent !important; padding: 14px 0 21px 0 !important; width: 120px !important; border: 0px !important; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-price { color: #ff6b6b; font-size: 24px; font-weight: 800; } .dn-designer .dn-designer-main-image-panel { padding-top: 50px; } .dn-designer-properties-content.dn-designer-panel-content .dn-styled { padding-top: 0px; } .dn-popup-footer.dn-3-button .dn-btn.dn-btn-major.dn-styled { font-size: 14px; } .dn-popup.dn-designer-popup, .dn-designer-select-product-popup, .dn-popup.dn-popup-msgbox, .dn-popup.dn-designer-signup-popup.dn-designer-popup, .dn-popup.dn-designer-save-layout-name.dn-no-fullscreen.dn-designer-popup, .dn-popup.dn-designer-dynamic-popup.dn-designer-popup, .dn-popup-container.dn-alt .dn-designer-show-cart-popup, .dn-popup-container.dn-alt .dn-designer-add-teamnames-popup, .dn-popup-container.dn-alt .dn-designer-new-text-popup { border-radius: 16px; padding: 14px; height: max-content !important; } .dn-designer-select-product-popup, .dn-popup-container .dn-btn.dn-btn-close.dn-styled, .dn-popup.dn-designer-popup .dn-popup-footer .dn-btn.dn-styled.dn-btn-cancel, .dn-designer-select-image-popup .dn-btn.dn-btn-cancel.dn-styled { border-radius: 6px; } /* KEEP: element only exists on designer popup */ .dn-page-designer.dn-designer-dynamic-popup #email_data ul li label div { vertical-align: middle; } /* KEEP: element only exists on designer popup */ .dn-page-designer .dn-designer-dynamic-popup #email_data ul li label { font-size: 15px; line-height: normal; text-align: left !important; } #dynamic_popup #dynamic_popup_content .dn-popup-footer.dn-2-button { position: relative !important; bottom: 10px !important; } /* ---------- Responsive: only screen and (min-width: 768px) ---------- */ @media only screen and (min-width: 768px) { /* Online designer (/designer) and its popups */ .dn-popup.dn-designer-signup-popup.dn-designer-popup, .dn-popup.dn-designer-save-layout-name.dn-no-fullscreen.dn-designer-popup, .dn-popup.dn-designer-dynamic-popup.dn-designer-popup, .dn-popup-container.dn-alt .dn-designer-show-cart-popup, .dn-popup-container.dn-alt .dn-designer-add-teamnames-popup, .dn-popup-container.dn-alt .dn-designer-new-text-popup { width: 600px; } .dn-popup-container .dn-popup .dn-popup-footer.dn-2-button .dn-btn { min-width: 160px; font-size: 16px; } } /* === Online designer (/designer) and its popups === */ .dn-popup-container.dn-alt .dn-designer-new-text-popup { padding: 14px; border-radius: 16px; } /* === Header and top navigation === */ .dn-view-cart-details-container .dn-checkout-cart .dn-checkout-header { margin-bottom: 24px; } /* === Cart and checkout === */ .dn-view-cart-details-container .dn-checkout-c-product-name { font-size: 22px; } /* === Online designer (/designer) and its popups === */ .dn-popup-container .dn-popup.dn-popup-msgbox.dn-popup .dn-popup-content-container .dn-popup-content { background: #fff; } /* ---------- Responsive: only screen and (max-width: 991px) ---------- */ @media only screen and (max-width: 991px) { /* Online designer (/designer) and its popups */ .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-price { font-size: 18px !important; } .dn-designer[data-breakpoint-900="true"] .dn-designer-toolbar-design-actions > div label, .dn-designer[data-breakpoint-900="true"] .dn-designer-toolbar-user-actions .dn-designer-close label { font-size: 10px; line-height: 1.2; } /* Quote and contact forms */ .contact-btn.btn_hover .dn-btn.dn-btn-std.dn-with-width { width: fit-content; padding: 0px 50px; margin-bottom: 20px; } /* Info and service pages (services, rush, shipping, privacy, pick-up) */ .shiping_sec h2.dn-styled.dn-sized { line-height: 30px; } /* Footer and newsletter */ .custom-footer-section .dn-page-section-content .dn-page-columns-container .footer-middle-section { width: 100%; max-width: 100%; } /* Product page (single product) */ .single-product-page div.dn-product-display div.dn-product-details-panel { margin-top: 50px !important; } /* Product grids, carousels and collection pages */ .collection-section .dn-listing-container.dn-blank-products-container { padding: 0 0 0 10px; } /* Homepage sections */ .title { padding: 0 12px; text-align: center; font-size: 24px; line-height: 37px; } .title span img { width: 24px; } .home-banner-bottom-text { text-align: center; font-size: 12px; margin-bottom: 30px; align-items: start; } } /* === Header and top navigation === */ header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container .dn-nav-cart .dn-shopping-cart-icon-over-right-container { height: 20px; } /* === Homepage sections === */ .our-platform .dn-styled.dn-sized { margin-top: 20px; } /* ---------- Responsive: (max-width: 920px) ---------- */ @media (max-width: 920px) { /* Online designer (/designer) and its popups */ .dn-designer-disable-overlay { min-width: 100%; } .dn-fullscreen-small .dn-designer.dn-exit-small-close .dn-designer-toolbar-user-actions { width: 100% !important; justify-content: center !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div { background-color: #ff6b6b; border-radius: 0px; margin: 0px 0px; } #exit_close_toolbar_u { display: none !important; } #exit_close_toolbar, #toolbar_select_location { display: block !important; } .dn-fullscreen-small .dn-designer.dn-exit-small-close .dn-designer-toolbar-design-actions { margin-right: 0% !important; padding-right: 0 !important; margin: 0 auto !important; width: 100% !important; justify-content: center !important; } .dn-page-designer .dn-fullscreen-large .dn-designer.dn-exit-large-close .dn-designer-toolbar-user-actions > div { border-radius: 0px !important; } } /* ---------- Responsive: (max-width: 787px) ---------- */ @media (max-width: 787px) { /* Online designer (/designer) and its popups */ .dn-popup-container { height: 100% !important; } .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-d-image-selector .dn-d-image-listing-panel { padding-top: 130px; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price .dn-designer-price-container .dn-price { color: #fff !important; } .dn-designer .dn-designer-toolbar-user-actions > div { height: 50px !important; display: inline-flex !important; align-items: center; justify-content: center; } .dn-designer .dn-designer-toolbar-user-actions div.custom-view-cart { display: none !important; } .dn-page-designer .dn-designer-disable-overlay img { max-width: 220px; } /* KEEP: element only exists on Zoho chat bubble */ .zsiq-float { bottom: 55px !important; } .dn-page-designer .dn-designer .dn-designer-panel-container .dn-designer-panel .dn-designer-panel-heading { padding: 10px 24px 0; } .dn-designer .dn-designer-toolbar-user-actions { left: 0; bottom: 6px !important; top: auto !important; } .dn-designer .dn-designer-toolbar-design-actions > div label { font-size: 12px !important; padding-left: 0px; white-space: nowrap; } .dn-fullscreen-small .dn-designer.dn-exit-small-close .dn-designer-toolbar-user-actions { width: 100% !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions { text-align: center; } .dn-fullscreen-small .dn-designer.dn-exit-small-close .dn-designer-toolbar-design-actions { padding-right: 0% !important; display: flex; } .dn-designer .dn-designer-toolbar-design-actions > div { width: 16.6666% !important; } .dn-page-designer .dn-widget.dn-fullscreen-large .dn-widget-content-container { padding: 30px 0px 0 !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div { border-radius: 0 !important; margin: 0px !important; padding: 8px 0 !important; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price { width: fit-content !important; background-color: #ff6b6b !important; } .custom-view-cart { width: fit-content !important; margin-top: 0px !important; } .dn-page-designer .dn-widget.dn-fullscreen-large .dn-widget-content-container { padding: 60px 0px 0 !important; } .dn-designer .dn-designer-main-image-panel { padding-top: 20px; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div > div { font-size: 16px !important; display: block !important; } .dn-page-designer .dn-fullscreen-large .dn-designer.dn-exit-large-close .dn-designer-toolbar-user-actions > div { width: 33% !important; border: none; padding: 5px !important; border-radius: 0 !important; margin: 0px; } } /* ---------- Responsive: (min-width: 768px) and (max-width: 787px) ---------- */ @media (min-width: 768px) and (max-width: 787px) { /* Online designer (/designer) and its popups */ .dn-designer .dn-designer-toolbar-user-actions { left: 5px; top: 5px !important; justify-content: flex-start !important; } .dn-designer .dn-designer-main-image-panel { padding-top: 34px; } .dn-page-designer .dn-designer .dn-designer-product-views-panel, .dn-page-designer .dn-designer[data-breakpoint-small="true"] .dn-designer-properties-panels { padding-top: 116px; } } /* === Product page (single product) === */ .single_product .single-product-page .dn-d-size-multi-container ul { justify-content: flex-start; } .single_product .dn-product-add-to-cart-container.dn-showing-add-to-cart.dn-showing-decorate-now { display: flex; } /* ---------- Responsive: only screen and (min-width: 920px) and (max-width: 991px) ---------- */ @media only screen and (min-width: 920px) and (max-width: 991px) { /* Online designer (/designer) and its popups */ .dn-fullscreen-small .dn-designer.dn-exit-small-close .dn-designer-toolbar-design-actions { padding-right: 37% !important; } } /* ---------- Responsive: (max-width: 767px) ---------- */ @media (max-width: 767px) { /* Footer and newsletter */ .custom-footer-section .dn-page-section-content { padding: 0 0 !important; } /* Info and service pages (services, rush, shipping, privacy, pick-up) */ .image-caption { margin-top: 0 !important; } .service-content p { margin-bottom: 0px !important; } .service-section { padding-bottom: 60px !important; gap: 0 !important; } .services-container { padding-bottom: 0px !important; } .page-title h1 { font-size: 27px !important; line-height: 1.2 !important; } .design_left_content .dn-widget-content p { margin-bottom: 16px !important; } /* Footer and newsletter */ .footer_custom_heading .dn-widget-content-container > .dn-widget-content > div > h3 { line-height: 38px !important; } /* Cart and checkout */ /* KEEP: element only exists on checkout */ .dn-page-view_cart .dn-page-section-content, .dn-page-address .dn-page-section-content, .dn-page-address .dn-page-section-content, .dn-page-confirm .dn-page-section-content, .payment_method .dn-page-section-content, .contact-right-section .dn-page-section-content, .dn-page-section-content:has(.shiping_sec), .dn-page-section-content:has(.quote_wraper), .dn-page-section-content:has(.retrun_policy), .dn-page-section-content:has(.privacy_wraper) { padding: 40px 16px !important; } /* Info and service pages (services, rush, shipping, privacy, pick-up) */ .dn-privacy-content p { font-size: 16px; } /* Header and top navigation */ .dn-small-header { padding: 10px 0; } header .dn-small-header .dn-menu-icon { top: 13px; } header .dn-small-header .dn-nav-search, header .dn-small-header .dn-nav-phone { top: 18px; } .dn-small-header-fixed-container.dn-fixed .dn-nav-search, .dn-small-header-fixed-container.dn-fixed .dn-nav-phone { top: 9px !important; } .dn-small-header-fixed-container.dn-fixed .dn-menu-icon.dn-behaviour { top: 5px !important; } /* Global typography and layout */ table { display: block; overflow-x: auto; width: 100%; max-width: 100%; } /* Homepage sections */ .dn-page-section-spacing-xlarge > div > .dn-page-section-content > .dn-padding-container > .dn-page-columns-container > .dn-page-column:has(.service-1) { padding-left: 0 !important; padding-top: 0 !important; } .pre-made-design { padding-top: 0px !important; } /* Footer and newsletter */ .footer_center_content#dn_col_2a1440a3-9151-4ac7-916d-24741c7fb583 > .dn-page-column-content { padding-left: 20px !important; padding-right: 20px !important; } #newsletter_signup_button { width: 100% !important; max-width: 100% !important; } /* Product page (single product) */ .single-product-page #decorationPricesContainerId .dn-product-decoration-price:last-child:before { display: none; } /* Footer and newsletter */ .footer-middle-section:has(.footer-mailing-section) { margin-top: 30px; } /* Product grids, carousels and collection pages */ .collection-section.dn-widget-spacing-default .dn-grid.dn-with-spacing { justify-content: space-between; } .collection-design-section #dn_col_69db35cf-fe01-47d3-a524-8101499489c2 > .dn-page-column-content, .collection-design-section #dn_col_0b42e99d-cf87-4d10-8607-74bb9929f62b > .dn-page-column-content { border-bottom: 1px solid #e3e2e2 !important; border-right: 0px solid #e3e2e2 !important; padding-bottom: 20px; } .filter-section .dn-filter-list-value label, .dn-filter-list-value span { max-width: 80%; } .dn-widget-spacing-default .dn-grid.dn-with-spacing .dn-grid-item { padding-left: 0px; } /* Homepage sections */ .our-platform .dn-widget-content-container h2 { margin-top: 0px !important; } /* Other */ .dn-product-size-container#pt_fc_2 { margin-bottom: 20px; } /* Homepage sections */ .hero-section .banner_top_heading .dn-heading h3 { margin-top: 20px; } .starting_price .dn-widget-content-container .dn-widget-content .dn-heading h3 { font-size: 24px; } /* Header and top navigation */ .dn-product-shipping-info .dn-styled.dn-sized.toggle-header, .dn-product-size-chart-container .dn-styled.dn-sized.toggle-header { font-size: 20px !important; } .dn-product-shipping-info .dn-styled.dn-sized.toggle-header .arrow, .dn-product-size-chart-container .dn-styled.dn-sized.toggle-header .arrow { padding-right: 15px; font-size: 20px; } /* Product page (single product) */ .single-product-page .dn-product-other-product-opts ul { text-align: left; } .single-product-page .dn-product-price-container .dn-price-container { font-size: 24px !important; } .single_product div.dn-product-display .dn-product-description li { letter-spacing: normal; font-size: 17px; line-height: 1.2; margin-bottom: 10px; } .single-product-page div.dn-product-display div.dn-product-details-panel { margin-top: 28px !important; } /* Homepage sections */ .custon-your-shirt .custon-your-shirt-content { padding: 0px 6px; } /* Header and top navigation */ .dn-pos-message span div { line-height: 1.2; padding: 11.5px 6px !important; font-size: 14px !important; } /* Homepage sections */ .dn-widget-ed33c0bf-0c71-421b-80bb-f5be4128e9a2 > .dn-widget-content-container > .dn-widget-content > div > h3 { font-size: 22px !important; padding-top: 15px; } .hero-section span { font-size: 16px; line-height: 1.2 !important; } .easy-quality-sec .dn-page-section-content { padding-bottom: 40px !important; } /* Cart and checkout */ .dn-view-cart-details-container .dn-checkout-c-lv > span { padding: 0 !important; margin: 0 !important; font-size: 16px; text-align: right; } .dn-view-cart-details-container .dn-checkout-c-qty, .dn-view-cart-details-container .dn-checkout-c-o-field { display: flex; justify-content: flex-end; gap: 25px; } .dn-view-cart-details-container .dn-checkout-c-lv > label { width: 110px; text-align: left; font-size: 18px; font-weight: 600; } .dn-view-cart-details-container .dn-checkout-row { margin-bottom: 44px; } .dn-view-cart-details-container .dn-checkout-c-row-details { padding: 0; margin: 0; } /* KEEP: element only exists on cart */ .dn-page-view_cart input[name="commit"] { margin-top: 10px; } /* KEEP: element only exists on cart */ .dn-page-view_cart #breadcrumbs .dn-page-section-content .dn-breadcrumbs { margin: 0 !important; } /* KEEP: element only exists on cart */ .dn-page-view_cart #breadcrumbs .dn-page-section-content { padding: 0px !important; } } /* ---------- Responsive: (max-width: 637px) ---------- */ @media (max-width: 637px) { /* Cart and checkout */ .dn-view-cart-details-container .dn-checkout-row { display: flex; justify-content: center; flex-direction: column; } } /* ---------- Responsive: (max-width: 567px) ---------- */ @media (max-width: 567px) { /* Homepage sections */ .how-it-works .numbers { display: none; } } /* ---------- Responsive: (min-width: 768px) and (max-width: 992px) ---------- */ @media (min-width: 768px) and (max-width: 992px) { /* Header and top navigation */ header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container .dn-nav-currency { margin-left: 14px !important; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .dn-logo-container { max-width: 166px !important; } header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container { max-width: 292px !important; } } /* ---------- Responsive: (max-width: 567px) ---------- */ @media (max-width: 567px) { /* Product grids, carousels and collection pages */ .dn-grid-container[data-grid-cols="1"] .dn-grid .dn-grid-item { width: calc(100% / 2 - 10px); } /* Info and service pages (services, rush, shipping, privacy, pick-up) */ /* PROBABLY UNUSED: 'rush-order-section' not found on the 26 live pages checked 2026-10-23 */ section.rush-order-section .rush-features .feature span { font-size: 17px; } /* Header and top navigation */ /* PROBABLY UNUSED: 'rush-order-section' not found on the 26 live pages checked 2026-10-23 */ section.rush-order-section .rush-header h1.rush-title { font-size: 18px; } } /* ---------- Responsive: (min-width: 992px) and (max-width: 1200px) ---------- */ @media (min-width: 992px) and (max-width: 1200px) { /* Footer and newsletter */ .custom-footer-section .dn-page-section-content .dn-page-columns-container .footer-side-section { max-width: calc(100% / 2 - 346px); padding-left: 0 !important; } .footer_center_content { padding-left: 0 !important; } .custom-footer-section .dn-page-section-content .dn-page-columns-container .footer-middle-section { max-width: 650px !important; } } /* === Homepage sections === */ #dn_col_6164debc-3902-456a-b89d-dd593256e346 > .dn-page-column-content > .dn-background-container .dn-background-image-container .dn-background-image-image { background-size: contain !important; background-repeat: no-repeat !important; background-position: top !important; } /* === Quote and contact forms === */ li#upload_image_artwork_container_0 > label { text-align: center; } li#upload_image_artwork_container_0 span#image_artwork_0_filename { position: relative; top: 25px; left: 15px; } div.dn-request-quote-container div.dn-request-quote-content .dn-request-quote-artwork-container .dn-btn.dn-request-quote-choose-file { margin-top: 15px; } /* ---------- Responsive: (max-width: 991px) ---------- */ @media (max-width: 991px) { /* Info and service pages (services, rush, shipping, privacy, pick-up) */ body.dn-behaviours-bound .dn-page-section-content .dn-widget-content-container .services-container .page-title > h1 { font-size: 38px; line-height: 1.2; } } /* ---------- Responsive: (max-width: 767px) ---------- */ @media (max-width: 767px) { /* Info and service pages (services, rush, shipping, privacy, pick-up) */ .dn-privacy-content table { border: 0px solid !important; } /* PROBABLY UNUSED: 'rush-order-section' not found on the 26 live pages checked 2026-10-23 */ section.rush-order-section .rush-features .feature { align-items: baseline; justify-content: flex-start; width: 100%; } } /* === Cart and checkout === */ .dn-request-quote-extra-container ul.dn-form.dn-label-over-field li.dn-field-container .dn-form-field-value > a { padding-left: 15px; } /* ---------- Responsive: (max-width: 480px) ---------- */ @media (max-width: 480px) { /* Global typography and layout */ .dn-page-section-content .dn-widget-content .dn-btn-label span { font-size: 14px; } /* Cart and checkout */ .dn-request-quote-extra-container ul.dn-form.dn-label-over-field li.dn-field-container { flex-wrap: wrap; text-align: center; } .dn-request-quote-extra-container ul.dn-form.dn-label-over-field li.dn-field-container > label { text-align: center; } .dn-request-quote-extra-container ul.dn-form.dn-label-over-field li.dn-field-container .dn-form-field.dn-form-field-text { margin-top: 15px; } .dn-request-quote-artwork-container ul.dn-form.dn-label-over-field li.dn-field-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .dn-request-quote-artwork-container ul.dn-form.dn-label-over-field li.dn-field-container > label { margin-bottom: 15px; text-align: center; } .dn-request-quote-artwork-container ul.dn-form.dn-label-over-field li.dn-field-container .dn-form-field.dn-form-field-text { text-align: center; } } /* === Quote and contact forms === */ .dn-request-quote-product-container h4.dn-styled.dn-sized { display: flex !important; flex-wrap: wrap !important; font-size: 18px !important; row-gap: 10px !important; max-width: 330px !important; margin: auto !important; } .dn-request-quote-product-container h4.dn-styled.dn-sized input { display: inline-flex !important; margin: 0 10px 0 !important; float: left !important; } /* === Online designer (/designer) and its popups === */ .dn-designer[data-breakpoint-1050="true"] .dn-designer-toolbar-design-actions > div label.dn-large { font-size: 12px; display: inline !important; vertical-align: middle; margin-left: 6px; } /* ---------- Responsive: (max-width: 1350px) ---------- */ @media (max-width: 1350px) { /* Online designer (/designer) and its popups */ .dn-page-designer .dn-fullscreen-large .dn-designer.dn-exit-large-close .dn-designer-toolbar-user-actions > div { vertical-align: middle; } .dn-designer[data-breakpoint-1050="true"] .dn-designer-toolbar-design-actions > div label.dn-large { font-size: 12px; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div { padding: 8px; } .dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-price { padding: 0 !important; } } /* === Online designer (/designer) and its popups === */ #add_to_cart_button_container:hover .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off), #add_to_cart_button_container:hover .dn-designer .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off), #add_to_cart_button_container:hover .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off) .dn-btn-icon:before, #add_to_cart_button_container:hover .dn-designer .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off) .dn-btn-icon:before { color: #ff6b6b !important; } #add_to_cart_button_container:hover .dn-btn.dn-btn-cart.dn-styled .dn-btn-label span, #add_to_cart_button_container:hover .dn-btn.dn-btn-cart.dn-styled .dn-btn-label span { color: #ff6b6b !important; } #properties_product_details_content .dn-product-more-details-container { width: 100% !important; text-align: center; float: none !important; padding: 0 !important; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item td.dn-d-cart-line-item-details a { font-size: 18px; } .dn-popup-container.dn-alt .dn-designer-show-cart-popup .dn-designer-cart-table .dn-d-cart-line-item td { font-size: 16px; } .dn-popup-footer.dn-3-button .dn-btn.dn-btn-major.dn-styled { font-size: 13px; border-radius: 6px; } .dn-popup-footer.dn-3-button #add_new_button { font-size: 16px; border-radius: 6px; } /* === Other === */ .dn-d-cart-line-item-actions ul li.dn-d-cart-line-item-action-remove a, .dn-d-cart-line-item-actions ul li.dn-d-cart-line-item-action-copy a, .dn-d-cart-line-item-actions ul li.dn-d-cart-line-item-action-edit a { font-size: 16px; } /* === Online designer (/designer) and its popups === */ .dn-designer-show-cart-popup .dn-popup-footer.dn-3-button .dn-btn.dn-btn-std.dn-styled .dn-btn-label { font-weight: 600; font-size: 15px; } .dn-designer-select-product-popup .dn-hierarchy-children li span a, .dn-d-image-categories ul.dn-hierarchy span a { font-size: 16px; padding-left: 12px; } .dn-designer-select-product-popup .dn-d-product-listing-container .dn-d-product-listing .dn-grid-text { font-size: 15px; line-height: normal; margin-top: 8px; } .dn-designer-properties-content #properties_product_details_content .dn-styled { padding-top: 14px; font-size: 16px; } .dn-page-designer .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-btn { background-color: #ff5252; border: 0px solid #ffff5b; text-transform: none; border-radius: 9px; padding: 12px; height: auto; font-size: 17px; } .dn-page-designer .dn-designer[data-breakpoint-small="true"] .dn-designer-sundry-options { margin-top: -64px; } .dn-page-designer .dn-designer-sundry-options .dn-designer-toolbar-preview, .dn-page-designer .dn-designer-sundry-options .dn-designer-toolbar-cart, .dn-page-designer .dn-designer-sundry-options .dn-designer-toolbar-quote, .dn-page-designer .dn-designer-sundry-options .dn-designer-toolbar-save, .dn-page-designer .dn-designer-sundry-options .dn-designer-toolbar-email { background: #ff6b6b; border-radius: 6px; color: #fff; opacity: 1; } .dn-page-designer .dn-designer-properties-content .dn-product-lifestyle-image { border-radius: 14px; border-color: transparent !important; background-color: #fff; } .dn-designer-select-product-popup .dn-d-product-listing-container .dn-d-product-listing .dn-grid-image img { border: 2px solid #000 !important; border-radius: 14px; } .dn-designer-properties-heading.dn-designer-panel-heading div:has(.dn-btn-label.close-icon) { display: flex; align-items: center; justify-content: space-between; } /* ---------- Responsive: (min-width: 787px) ---------- */ @media (min-width: 787px) { /* Online designer (/designer) and its popups */ .dn-designer-properties-heading.dn-designer-panel-heading div .dn-btn-label.close-icon { display: none; } } /* === Online designer (/designer) and its popups === */ .dn-designer[data-breakpoint-small="true"] .dn-designer-toolbar-user-actions { width: max-content; display: inline-flex; float: right; text-align: end; align-items: center; justify-content: end; } .dn-designer[data-breakpoint-small="true"] .dn-designer-toolbar-design-actions { padding-right: 0; width: max-content; display: inline-flex; align-items: center; } /* === Cart and checkout === */ .single-product-page .dn-btn.dn-btn-cart.dn-sized.dn-styled { border: 1px solid #ff6b6b !important; } .dn-view-cart-details-container[data-breakpoint-600="true"] .dn-checkout-c-product-thumbnail, .dn-view-cart-details-container[data-breakpoint-600="true"] .dn-checkout-c-product-thumbnail img { width: 120px; } /* === Header and top navigation === */ .dn-checkout-header div { font-weight: 600; } /* === Cart and checkout === */ /* KEEP: element only exists on cart */ .dn-widget-page_content_view_cart h1.dn-styled.dn-sized { text-align: center; letter-spacing: normal; font-size: 40px; text-transform: capitalize; } /* KEEP: element only exists on cart */ .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off):hover, .view_cart .dn-btn.dn-btn-cart.dn-styled:not(.dn-overridden-hover-off):hover { border-color: #ff6b6b; border-width: 2px; } /* KEEP: element only exists on cart */ .view_cart .dn-view-cart-details-container[data-breakpoint-600="true"] .dn-checkout-c-row-details { margin-left: -127px; padding-left: 135px; } /* === Other === */ /* DISABLED: B8 never worked (missing dot before dn-btn). Fixing it would restyle every main button: test first. dn-btn.dn-btn-major.dn-sized { font-size: 16px; line-height: 1.2; padding: 12px 30px; } */ /* === Cart and checkout === */ ul.dn-form > li > div .dn-form-field-error { border: 0px solid #ff1919; color: #ff1919; background: transparent; } /* KEEP: element only exists on checkout */ .payment_method input.dn-sized, .payment_method textarea.dn-styled, .payment_method select.dn-styled, .shipping_options input.dn-sized, .shipping_options textarea.dn-styled, .shipping_options select.dn-styled, .address-page input.dn-sized, .address-page textarea.dn-styled, .address-page select.dn-styled, .contact-right-section input.dn-sized, .contact-right-section textarea.dn-styled, .quote_wraper select.dn-styled, .quote_wraper input.dn-styled, .quote_wraper textarea.dn-styled, .payment_method input.dn-sized:focus, .payment_method textarea.dn-styled:focus, .payment_method select.dn-styled:focus, .shipping_options input.dn-sized:focus, .shipping_options textarea.dn-styled:focus, .shipping_options select.dn-styled:focus, .address-page input.dn-sized:focus, .address-page textarea.dn-styled:focus, .address-page select.dn-styled:focus, .contact-right-section input.dn-sized:focus, .contact-right-section textarea.dn-styled:focus, .quote_wraper select.dn-styled:focus, .quote_wraper input.dn-styled:focus, .quote_wraper textarea.dn-styled:focus, .payment_method input.dn-sized:active, .payment_method textarea.dn-styled:active, .payment_method select.dn-styled:active, .shipping_options input.dn-sized:active, .shipping_options textarea.dn-styled:active, .shipping_options select.dn-styled:active, .address-page input.dn-sized:active, .address-page textarea.dn-styled:active, .address-page select.dn-styled:active, .contact-right-section input.dn-sized:active, .contact-right-section textarea.dn-styled:active, .quote_wraper select.dn-styled:active, .quote_wraper input.dn-styled:active, .quote_wraper textarea.dn-styled:active { background: #fbedee; color: #000; border-radius: 8px; border: none; outline: none; } /* KEEP: element only exists on checkout */ .address-page .dn-btn.dn-btn-major.dn-sized.dn-styled, .shipping_options .dn-btn.dn-btn-major.dn-sized, .payment_method .dn-btn.dn-btn-major.dn-sized, .view_cart .dn-btn.dn-btn-std.dn-styled.dn-sized { font-size: 16px; line-height: 27px; padding: 12px 26px; } .dn-form.dn-split-50-50 li > div, ul.dn-form > li > div { margin-left: -200px; padding-left: 220px; } /* KEEP: element only exists on checkout */ .dn-form.dn-split-50-50 li label, .payment_method ul.dn-form > li > label { width: 200px; } /* ---------- Responsive: (max-width: 400px) ---------- */ @media (max-width: 400px) { /* Header and top navigation */ header div#site-logo-small .dn-logo.dn-logo-png img { max-width: 180px !important; } /* Online designer (/designer) and its popups */ .dn-designer .dn-designer-toolbar-design-actions > div label { font-size: 9px !important; } } /* ---------- Responsive: (max-width:767px) ---------- */ @media (max-width:767px) { /* Online designer (/designer) and its popups */ .dn-popup-container.dn-alt .dn-designer-select-image-popup.dn-popup .dn-popup-content#decoration_libraries_container { min-height: 50vh !important; } /* KEEP: element only exists on designer clip-art popup */ #library_browser_26 #categories_26 { height: 40vh !important; position: relative !important; top: 17px !important; overflow: auto !important; } /* KEEP: element only exists on designer clip-art popup */ #decoration_list_container_26 { padding-top: 126px; height: 40vh !important; } /* KEEP: element only exists on designer clip-art popup */ #library_browser_26 .dn-d-hierarchy-container { height: 50vh !important; } /* Cart and checkout */ /* KEEP: element only exists on cart */ .dn-widget-page_content_view_cart h1.dn-styled.dn-sized { font-size: 30px; } /* Online designer (/designer) and its popups */ #show_cart_popup .dn-popup-content-scroll { padding: 0 !important; } #m_cart_pane .dn-designer-cart-table .dn-d-cart-line-item td { font-size: 14px; line-height: 1.4; } /* Cart and checkout */ /* KEEP: element only exists on checkout */ #confirm_conditions_container { padding-left: 0 !important; } ul.dn-form > li > div { width: 100%; margin-left: auto; padding-left: 0; } /* Header and top navigation */ .dn-listing-container .dn-listing-filter-header.dn-sort-left .dn-listing-sort { width: fit-content; text-align: left; } /* Cart and checkout */ /* KEEP: element only exists on checkout */ .payment_method ul.dn-form > li > label { width: 100%; text-align: left; } } /* === Cart and checkout === */ #cart_link .dn-shopping-cart-icon-over-right-container span { font-size: 9px !important; line-height: 10px !important; height: 13px !important; width: 14px !important; bottom: -3px !important; } /* KEEP: element only exists on checkout */ .payment_method { padding: 20px; } #cart_notice_content .dn-btn.dn-btn-std.dn-styled { border-radius: 50px; padding: 0 14px; font-weight: 600; } /* === Online designer (/designer) and its popups === */ .dn-designer .dn-designer-product-views-panel .dn-designer-product-views li div.dn-d-select-area-container select option { background: #f77e7e; width: auto; color: #fff; border-radius: 12px; } /* === Cart and checkout === */ .dn-page-confirm .dn-form-footer-actions { text-align: left !important; } /* KEEP: element only exists on checkout confirm */ #dn_col_fa18cca6-e493-41f6-9c68-4f526403019d { padding: 50px !important; background: #fff5f5 !important; border-radius: 16px !important; } .dn-page-confirm .dn-btn.dn-btn-major.dn-sized.dn-styled { text-align: center !important; line-height: 1 !important; } .dn-page-confirm .dn-checkout-cart.dn-checkout-with-table .dn-checkout-c-total { width: 148px!important; } .dn-widget-page_content_checkout_shipping .dn-checkout-progress-container.dn-step-count-4 { text-align: center !important; margin-bottom: 15px; } /* === Header and top navigation === */ /* KEEP: element only exists on checkout */ #dn_checkout_shipping_address_container .dn-checkout-radio-btn-container, #dn_checkout_shipping_address_container .dn-radio-collapse-container .dn-radio-collapse-header { border: none !important; } /* === Other === */ /* KEEP: element only exists on checkout */ #dn_checkout_shipping_address_container { padding-left: 30px !important; } /* === Cart and checkout === */ /* KEEP: element only exists on designer popup */ #email_data .dn-form.dn-split-50-50 li > div, ul.dn-form > li > div { margin: 0 !important; padding: 0 !important; } /* ---------- Responsive: (max-width:1200px) ---------- */ @media (max-width:1200px) { /* Footer and newsletter */ .custom-footer-section .dn-page-section-content .dn-page-columns-container { align-items: start; } } /* ---------- Responsive: (max-width:991px) ---------- */ @media (max-width:991px) { /* Other */ /* KEEP: element only exists on checkout */ #dn_checkout_shipping_address_container { padding-left: 10px !important; } /* Cart and checkout */ /* KEEP: element only exists on checkout confirm */ .dn-page-confirm #dn_col_fa18cca6-e493-41f6-9c68-4f526403019d { width: 100%; } .dn-page-confirm #dn_col_main_column { width: 100%; } .dn-page-confirm .dn-page-section-content { padding: 50px; } /* Online designer (/designer) and its popups */ #designer_container { height: 100% !important; } } /* ---------- Responsive: (min-width:1300px) ---------- */ @media (min-width:1300px) { /* Footer and newsletter */ #dn_s_pc_footer1 #dn_col_column2 { padding-top: 90px; } } /* === Other === */ #dn_bpf_manufacturer_container, #dn_bpf_process_container, #dn_bpf_text_container { margin-top: 25px; } /* ---------- Responsive: (max-width:600px) ---------- */ @media (max-width:600px) { /* Product grids, carousels and collection pages */ .product-page .dn-page-section-content { padding: 0 !important; } .product_sidebar .dn-widgets { padding: 0px 15px !important; } /* Cart and checkout */ /* KEEP: element only exists on checkout confirm */ #dn_col_fa18cca6-e493-41f6-9c68-4f526403019d { padding: 50px !important; } } /* === Cart and checkout === */ /* KEEP: element only exists on checkout */ #payment_method_container .dn-form-field-label { text-align: left !important; } /* === Online designer (/designer) and its popups === */ .dn-page-designer .dn-popup-container .dn-popup.dn-popup-msgbox .dn-popup-footer .dn-btn-ok { color: #fffff4; background-color: #ff6b6b; border-radius: 50px; } /* === Cart and checkout === */ /* KEEP: element only exists on checkout */ .address-page .dn-checkout-progress-container.dn-step-count-5 { text-align: center; margin-bottom: 30px; } /* KEEP: element only exists on checkout */ .payment_method .dn-checkout-progress-container.dn-step-count-4 { text-align: center; margin-bottom: 30px; } /* KEEP: element only exists on checkout */ .dn-view-cart-details-container .dn-checkout-footer-row.dn-total .dn-checkout-c-total, #step_total_1 { font-size: 16px; } /* ---------- Responsive: (max-width:768px) ---------- */ @media (max-width:768px) { /* Online designer (/designer) and its popups */ #select_product_container .dn-popup-content { min-height: 40vh; } .dn-selecting-category#select_product_container .dn-popup-content .dn-d-product-selector { height: 40vh; } /* Product grids, carousels and collection pages */ .collection-design-section .choose-your-product-img { margin-top: 0px; } .collection-section .dn-grid-text.dn-product-prices { margin-top: 0 !important; } /* Homepage sections */ .design-your-own-shirt .dn-widgets .dn-widget.dn-mobile-align-center:nth-child(3) { text-align: center !important; } .hero-section .mobile-btn .dn-widget.dn-small-align-right, .mobile-btn .dn-widget.dn-small-align-left { text-align: center !important; } .design-your-own-shirt { padding: 16px; } .dn-widget-d2422045-bfcf-40c8-95ad-0cdd56d1e27d > .dn-widget-content-container > .dn-widget-content > .dn-btn.dn-styled { margin: 7px auto 20px; } .dn-widget-40e557e9-ed57-42f3-b713-29d7510b6443 > .dn-widget-content-container > .dn-widget-content .dn-sort-selector span { font-size: 14px; padding: 10px 0; } /* Product grids, carousels and collection pages */ .collection-section .dn-grid-text.dn-product-name, .collection-section .dn-product-colors.dn-color-panel { padding: 8px !important; } /* Homepage sections */ .how-it-works .steps-wrapper .dn-page-columns-container h3 { font-size: 16px !important; } #dn_col_3104d81d-acdb-441f-b8e9-4e64b0c3ce2f > .dn-page-column-content { padding-left: 5%; } .easy-quality-sec .dn-mobile-span12 { width: 50% !important; } #dn_col_3104d81d-acdb-441f-b8e9-4e64b0c3ce2f > .dn-page-column-content { padding-left: 5% !important; } .how-it-works .steps-wrapper .dn-page-columns-container { grid-template-columns: 1fr 1fr !important; } } /* === Online designer (/designer) and its popups === */ .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector h4 { color: #1c1b1b; background-color: #fff; } .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container .dn-d-product-listing-scroll { height: 50vh; } /* === Header and top navigation === */ body.dn-inline-header header .dn-small-header-fixed-container { text-align: center; } /* === Homepage sections === */ .our-platform .dn-widget-blank_product_categories .dn-carousel-arrow-container.dn-carousel-left-container { left: 22px; } /* === Online designer (/designer) and its popups === */ #create_account_popup_signup_int ul.dn-form > li > label { text-align: left !important; } /* === Footer and newsletter === */ #newsletter_signup_button { max-width: 100% !important; } /* === Quote and contact forms === */ .dn-page-request .dn-btn.dn-btn-std.dn-styled { width: 100%; max-width: max-content; padding: 0px 20px !important; } /* === Homepage sections === */ .customer-reviews.slider-container .main-block.slide .rating-content .rating-text p { height: 130px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; padding-right: 20px; } /* === Online designer (/designer) and its popups === */ /* KEEP: element only exists on Weglot language switcher (designer page) */ .dn-page-designer aside.weglot_switcher.country-selector.default.closed.wg-drop { display: none !important; } /* ---------- Responsive: max-width:767px) ---------- */ @media(max-width:767px) { /* Online designer (/designer) and its popups */ #confirm_image_upload .dn-popup.dn-designer-confirm-copyright-popup, #confirm_image_upload.dn-popup-container .dn-popup.dn-at-fullheight, #confirm_image_upload.dn-popup-container { border-radius: 26px !important; height: 90% !important; overflow: scroll !important; } /* Product grids, carousels and collection pages */ .collection-section .dn-listing-container.dn-blank-products-container { padding: 0 10px; } } /* ---------- Responsive: (max-width:420px) ---------- */ @media (max-width:420px) { /* Header and top navigation */ header .dn-small-header .dn-nav-phone { right: 61px !important; } header .dn-small-header .dn-nav-search { right: 36px !important; } header .dn-small-header .dn-phone-icon:before { font-size: 15px !important; padding-top: 6px !important; } header .dn-small-header .dn-menu-icon:before { font-size: 15px !important; padding-top: 11px !important; } header .dn-small-header .dn-search-icon:before { font-size: 15px; padding-top: 6px; } } /* ---------- Responsive: (min-width: 992px) and (max-width: 1080px) ---------- */ @media (min-width: 992px) and (max-width: 1080px) { /* Quote and contact forms */ .contact-btn .dn-btn.dn-btn-std.dn-sized { padding: 0 !important; } } /* ---------- Responsive: (max-width:510px) ---------- */ @media (max-width:510px) { /* Online designer (/designer) and its popups */ .dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup .dn-d-product-selector .dn-d-product-listing-panel .dn-d-product-listing-container .dn-pagination-container { height: 90px; text-align: center; } } /* === Product grids, carousels and collection pages === */ .product-options .dn-page-column-content > .dn-widgets:first-of-type { display: flex; align-items: center; justify-content: space-between; height: 100%; flex-direction: column; } /* === Info and service pages (services, rush, shipping, privacy, pick-up) === */ /* PROBABLY UNUSED: 'bottomlinks' not found on the 26 live pages checked 2026-10-23 */ .bottomlinks { margin-top: 20px !important; } /* === Homepage sections === */ .arrow.left { left: 0px !important; padding: 0 !important; } .arrow.right { right: 0px !important; padding: 0 !important; } /* DISABLED: B7 was switched off by a stray } and never applied. Turning it on makes review arrows 40px (now 60-80px): test first. .customer-reviews.slider-container .arrow.right::before, .customer-reviews.slider-container .arrow.left::before { width: 40px; height: 40px; } */ /* === Cart and checkout === */ .contact_left .dn-widget-form-container .dn-form .dn-form-field-50 { width: 48%; margin: 0 3px !important; } /* === Info and service pages (services, rush, shipping, privacy, pick-up) === */ .feature { align-items: flex-start; } /* PROBABLY UNUSED: 'feature-dot' not found on the 26 live pages checked 2026-10-23 */ .feature-dot { margin-top: 12px; } /* === Homepage sections === */ .best-selling-apperal .dn-widget-content-container > .dn-widget-content > .dn-listing-container h4 a .dn-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 40px; } /* === Header and top navigation === */ body.dn-inline-header header .dn-small-header-fixed-container { justify-content: center; } /* ---------- Responsive: (max-width: 991px) ---------- */ @media (max-width: 991px) { /* Header and top navigation */ /* DISABLED: B9 never worked (.header should be header). Fixing it would shrink the currency text on tablets: test first. .header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container .dn-nav-currency span { font-size: 12px !important; } */ header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container .dn-nav-currency .dn-currency-selector { padding-right: 5px; } .dn-currency-selector #dn_currency_code:after { right: -5px !important; top: 4px !important; width: 10px !important; height: 10px !important; background-size: contain !important; } } /* ---------- Responsive: (max-width: 767px) ---------- */ @media (max-width: 767px) { /* Header and top navigation */ header .dn-small-header .dn-nav-phone { left: 11px !important; } header .dn-small-header .dn-nav-search { left: 46px !important; } header .dn-small-header .dn-nav-search, header .dn-small-header .dn-nav-phone { top: 18px; width: fit-content !important; } } /* ---------- Responsive: (max-width: 600px) ---------- */ @media (max-width: 600px) { /* Homepage sections */ .best-selling-apperal .dn-blank-products .dn-grid-item .dn-grid-item-container .dn-grid-text.dn-product-logo { width: 97px; display: inline-block; text-align: center; position: absolute; right: 0px; z-index: 999; padding: 0 !important; } /* Header and top navigation */ header .dn-small-header .dn-nav-search { left: 34px !important; } /* Homepage sections */ .best-selling-apperal .dn-blank-products .dn-grid-text.dn-product-name h4 { width: 160px !important; } } /* ---------- Responsive: (max-width: 500px) ---------- */ @media (max-width: 500px) { /* Homepage sections */ .best-selling-apperal .dn-grid-container[data-grid-cols="1"] .dn-grid .dn-grid-item { width: calc(100% / 1 - 10px); } } /* ---------- Responsive: (max-width: 400px) ---------- */ @media (max-width: 400px) { /* Homepage sections */ .best-selling-apperal .dn-grid-container[data-grid-cols='1'] .dn-grid-masonry { column-count: 2 !important; } .best-selling-apperal .dn-blank-products .dn-grid-text.dn-product-name h4 { width: 126px !important; } .best-selling-apperal .dn-widget-content-container > .dn-widget-content > .dn-listing-container h4 a .dn-name { font-size: 11px !important; margin-bottom: 6px; } .best-selling-apperal .dn-blank-products .dn-grid-item .dn-grid-item-container .dn-grid-text.dn-product-logo { width: 80px; top: 0px; } .best-selling-apperal .dn-blank-products .dn-grid-text.dn-product-prices { font-size: 0.7em !important; } } /* ========================================================= Custom Your T-Shirt — Online Designer styling (desktop, tablet, phone) HOW TO UPDATE: in DecoNetwork > Custom CSS, delete everything from this header down to the END marker, then paste this whole file. ========================================================= */ @keyframes cyt-qty-pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 90, 90, .45); } 70% { box-shadow: 0 0 0 9px rgba(255, 90, 90, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 90, 90, 0); } } @media (min-width: 992px) { /* ---- 1. Cleaner top toolbar ---- */ .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions { align-items: center; padding-left: 8px; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div { padding: 10px 16px !important; margin: 0 3px !important; border-radius: 8px !important; width: auto !important; border-left: 0 !important; transition: background .15s, transform .15s; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div:hover { background-color: rgb(235, 80, 80) !important; transform: translateY(-1px); } .dn-page-designer .dn-designer .dn-designer-toolbar-user-actions { align-items: center; gap: 8px; padding-right: 10px; } /* ---- 2. Slimmer left panel, wider canvas (right sidebar removed) ---- */ .dn-page-designer #properties_panel { width: 290px !important; } .dn-page-designer #product_image_panel { padding-left: 300px !important; padding-right: 10px !important; padding-bottom: 200px !important; /* room for the locations strip */ } /* ---- 3. Locations as a horizontal strip under the shirt ---- */ .dn-page-designer #views_panel { top: auto !important; bottom: 0 !important; left: 300px !important; right: 200px !important; /* clears the preview/cart/download icons */ width: auto !important; height: 130px !important; padding: 8px 0 !important; border-radius: 12px; z-index: 3; } .dn-page-designer #views_panel_content { width: 100% !important; height: 100% !important; } .dn-page-designer .dn-designer #views_panel #product_views_panel { width: 100% !important; max-width: none !important; height: 100% !important; padding: 0 !important; background: transparent; } .dn-page-designer #product_views_panel .dn-designer-panel-heading { display: none !important; } .dn-page-designer .dn-designer #views_panel #product_views_content_scroll { width: 100% !important; height: 114px !important; overflow: visible !important; border: 0 !important; padding: 0 !important; } .dn-page-designer .dn-designer #views_panel #product_views { display: flex !important; justify-content: center; align-items: center; gap: 14px; width: 100% !important; height: 100% !important; padding: 0 !important; margin: 0 auto; } .dn-page-designer .dn-designer #views_panel #product_views li { width: 72px !important; height: auto !important; margin: 0 !important; padding: 4px !important; flex: 0 0 auto; border-radius: 8px; font-size: 12px !important; line-height: 1.2 !important; } .dn-page-designer #product_views li img { max-width: 100%; height: auto; } /* ---- 4. Tidy product panel ---- */ .dn-page-designer .dn-product-lifestyle-image { height: auto !important; padding: 6px 0 !important; text-align: center; } .dn-page-designer .dn-product-lifestyle-image img { width: 90px !important; height: 90px !important; object-fit: contain; } .dn-page-designer #properties_product_details_content h3 { font-size: 15px !important; line-height: 1.3 !important; margin: 6px 0 !important; } .dn-page-designer #pt_col_1 .dn-color-panel-cell { width: 22px !important; height: 22px !important; margin: 2px !important; } .dn-page-designer #pt_col_1 .dn-color-panel-cell span { width: 20px !important; height: 20px !important; } /* ========================================================= 5. NICER HEADER — white bar, soft tool buttons, clean cart ========================================================= */ .dn-page-designer #designer_container::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 66px; background: #fff; border-bottom: 1px solid #f3e3e3; box-shadow: 0 2px 12px rgba(40, 20, 20, .06); z-index: 1; pointer-events: none; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions, .dn-page-designer .dn-designer .dn-designer-toolbar-user-actions { z-index: 4; } /* DecoNetwork's own value. Below 4, the left panel (z 3, 100px top padding) covers Product / Add text / Add design and they can't be clicked */ .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions { height: 66px !important; box-shadow: inset 0 -1px 0 #f3e3e3; } .dn-page-designer .dn-designer .dn-designer-toolbar-user-actions { height: 66px !important; top: 0 !important; } /* Tool buttons: soft tint, coral icon, dark text; solid coral on hover */ .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div:not(.dn-designer-disable-overlay) { background: #fff3f3 !important; border: 1px solid #ffd9d9 !important; border-radius: 10px !important; padding: 9px 16px !important; margin: 0 4px !important; box-shadow: none !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div:not(.dn-designer-disable-overlay) [class*=dn-icon] { color: rgb(255, 90, 90) !important; font-size: 20px !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div:not(.dn-designer-disable-overlay) label { color: #2b2323 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: .01em; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div:not(.dn-designer-disable-overlay):hover { background: rgb(255, 90, 90) !important; border-color: rgb(255, 90, 90) !important; transform: translateY(-1px); box-shadow: 0 4px 10px rgba(255, 90, 90, .25) !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div:not(.dn-designer-disable-overlay):hover [class*=dn-icon], .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div:not(.dn-designer-disable-overlay):hover label { color: #fff !important; } /* Qty box */ .dn-page-designer .dn-designer .dn-designer-toolbar-qty { background: #fff !important; border: 1px solid #ead8d8 !important; border-radius: 10px !important; height: auto !important; margin: auto 0 !important; padding: 4px 8px !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty h4 { color: #7a6a6a !important; font-size: 11px !important; font-weight: 700 !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty input { border: 1px solid #e5d5d5 !important; border-radius: 6px !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty #c_bun_info { color: #9a8a8a !important; } /* Price */ .dn-page-designer .dn-designer #price { color: #2b2323 !important; font-weight: 700 !important; font-size: 22px !important; } /* Add to Cart */ .dn-page-designer .dn-designer #add_to_cart_button_container { background: transparent !important; padding: 0 6px !important; height: auto !important; margin: auto 0 !important; } /* #update_cart_button: DecoNetwork's twin of the button, shown instead of it when a design is opened from the cart to edit (also labelled "Add to Cart") */ .dn-page-designer .dn-designer #add_to_cart_button, .dn-page-designer .dn-designer #update_cart_button { border-radius: 10px !important; border-width: 0 !important; background: rgb(255, 90, 90) !important; box-shadow: 0 4px 12px rgba(255, 90, 90, .3); line-height: 2.9em !important; padding: 0 18px !important; } .dn-page-designer .dn-designer #add_to_cart_button:hover, .dn-page-designer .dn-designer #update_cart_button:hover { background: #e94a4a !important; color: #fff !important; } .dn-page-designer .dn-designer #add_to_cart_button:hover .dn-btn-label > span, .dn-page-designer .dn-designer #add_to_cart_button:hover .dn-btn-icon::before, .dn-page-designer .dn-designer #update_cart_button:hover .dn-btn-label > span, .dn-page-designer .dn-designer #update_cart_button:hover .dn-btn-icon::before { color: #fff !important; } /* Close: quiet outline button */ .dn-page-designer .dn-designer #exit_close_toolbar_u { background: #fff !important; border: 1px solid #ead8d8 !important; border-radius: 10px !important; padding: 6px 14px !important; margin: auto 8px auto 2px !important; height: auto !important; max-height: 50px !important; align-self: center !important; display: flex !important; flex-direction: column; align-items: center; justify-content: center; line-height: 1.1 !important; } .dn-page-designer .dn-designer #exit_close_toolbar_u * { color: #6b5b5b !important; } .dn-page-designer .dn-designer #exit_close_toolbar_u .dn-icon-x { font-size: 16px !important; } .dn-page-designer .dn-designer #exit_close_toolbar_u:hover { background: #f7eeee !important; } /* ========================================================= 6. NICER SIDE PANEL — white card, outline button, round swatches ========================================================= */ .dn-page-designer #properties_product_details .dn-designer-panel-heading, .dn-page-designer #properties_product_details_content_scroll { background: #fff !important; border: 1px solid #f0e2e2 !important; } .dn-page-designer #properties_product_details .dn-designer-panel-heading { border-bottom: 1px solid #f5eaea !important; border-radius: 14px 14px 0 0 !important; box-shadow: 0 4px 16px rgba(40, 20, 20, .05); } .dn-page-designer #properties_product_details .dn-designer-panel-heading * { font-size: 12px !important; letter-spacing: .12em !important; color: #9a8585 !important; font-weight: 700 !important; } .dn-page-designer #properties_product_details_content_scroll { border-top: 0 !important; border-radius: 0 0 14px 14px !important; box-shadow: 0 8px 20px rgba(40, 20, 20, .06); scrollbar-width: thin; scrollbar-color: #f0caca transparent; } .dn-page-designer #properties_product_details_content_scroll::-webkit-scrollbar { width: 6px; } .dn-page-designer #properties_product_details_content_scroll::-webkit-scrollbar-thumb { background: #f0caca; border-radius: 6px; } .dn-page-designer .dn-product-lifestyle-image { background: #faf5f5 !important; border-radius: 12px !important; } .dn-page-designer #properties_product_details_content h3, .dn-page-designer #properties_product_details_content h3 span { font-size: 14px !important; color: #2b2323 !important; text-align: center; } /* Change Product: secondary outline button (Add to Cart stays the main one) */ .dn-page-designer .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-select-product-container .dn-btn { background: #fff !important; border: 1.5px solid rgb(255, 90, 90) !important; border-radius: 10px !important; padding: 10px 12px !important; line-height: 1.4 !important; height: auto !important; transition: background .15s; } .dn-page-designer .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-select-product-container .dn-btn * { color: rgb(255, 90, 90) !important; font-size: 14px !important; font-weight: 600 !important; } .dn-page-designer .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-select-product-container .dn-btn:hover { background: rgb(255, 90, 90) !important; } .dn-page-designer .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-select-product-container .dn-btn:hover * { color: #fff !important; } .dn-page-designer .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content a.dn-product-more-details-action { font-size: 13px !important; font-weight: 600; color: rgb(235, 75, 75) !important; text-decoration: underline; text-underline-offset: 3px; } /* Round colour swatches, coral ring on the selected one */ .dn-page-designer #pt_col_1 .dn-color-panel-cell { border-radius: 50% !important; border: 1px solid #e6dada !important; padding: 1px !important; transition: transform .12s; } .dn-page-designer #pt_col_1 .dn-color-panel-cell span { border-radius: 50% !important; width: 18px !important; height: 18px !important; } .dn-page-designer #pt_col_1 .dn-color-panel-cell:hover { transform: scale(1.12); } .dn-page-designer #pt_col_1 .dn-color-panel-cell.dn-selected { border: 2px solid rgb(255, 90, 90) !important; box-shadow: 0 0 0 2px #fff inset; } .dn-page-designer #dn_selected_color_label { color: #6b5b5b !important; font-weight: 600; margin-top: 4px; } .dn-page-designer #des_opt_size { background: #faf5f5; border-radius: 10px; padding: 8px 10px !important; margin: 6px 0 !important; } .dn-page-designer .dn-product-description { color: #6b5b5b !important; border-top: 1px solid #f3e7e7; padding-top: 8px !important; } /* ========================================================= 7. NICER BOTTOM — white locations strip + action icons ========================================================= */ .dn-page-designer #views_panel { background: #fff !important; border: 1px solid #f0e2e2 !important; box-shadow: 0 -2px 18px rgba(40, 20, 20, .06) !important; } .dn-page-designer #views_panel_content, .dn-page-designer .dn-designer #views_panel #product_views_content_scroll { background: transparent !important; } .dn-page-designer .dn-designer #views_panel #product_views li { background: transparent !important; transition: transform .15s; } .dn-page-designer .dn-designer #views_panel #product_views li:hover { transform: translateY(-2px); } .dn-page-designer .dn-designer #views_panel #product_views li img { background: #faf5f5 !important; border: 2px solid transparent !important; border-radius: 10px !important; } .dn-page-designer .dn-designer #views_panel #product_views li.dn-alt img { border-color: rgb(255, 90, 90) !important; box-shadow: 0 3px 10px rgba(255, 90, 90, .25); } .dn-page-designer .dn-designer #views_panel #product_views li, .dn-page-designer .dn-designer #views_panel #product_views li * { color: #6b5b5b !important; font-size: 12px !important; font-weight: 600; } .dn-page-designer .dn-designer #views_panel #product_views li select { font-size: 11px !important; border-radius: 6px !important; border-color: #ead8d8 !important; padding: 2px 4px !important; } /* Bottom-right icons (preview, cart, price, download, share) */ .dn-page-designer #sundry_options_container > div { background: #fff !important; border: 1px solid #ead8d8 !important; border-radius: 9px !important; color: rgb(255, 90, 90) !important; width: 36px !important; height: 36px !important; box-shadow: 0 2px 8px rgba(40, 20, 20, .06); transition: all .15s; } .dn-page-designer #sundry_options_container > div::before { color: rgb(255, 90, 90) !important; } .dn-page-designer #sundry_options_container > div:hover { background: rgb(255, 90, 90) !important; border-color: rgb(255, 90, 90) !important; color: #fff !important; transform: translateY(-1px); } .dn-page-designer #sundry_options_container > div:hover::before { color: #fff !important; } /* ========================================================= 8. FIXES — swatch ring alignment + locations strip alignment ========================================================= */ /* Swatches: keep a fixed 1px border; draw the selected ring with box-shadow so nothing shifts */ .dn-page-designer #pt_col_1 .dn-color-panel-cell, .dn-page-designer #pt_col_1 .dn-color-panel-cell.dn-selected { border: 1px solid #e6dada !important; padding: 1px !important; box-sizing: border-box !important; } .dn-page-designer #pt_col_1 .dn-color-panel-cell.dn-selected { border-color: transparent !important; box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(255, 90, 90) !important; } .dn-page-designer #pt_col_1 .dn-color-panel-cell span { width: 18px !important; height: 18px !important; margin: 0 !important; } /* Locations strip: thumbnails top-aligned, equal size, labels on one line */ .dn-page-designer #views_panel { height: 142px !important; padding: 6px 0 !important; } .dn-page-designer #product_image_panel { padding-bottom: 210px !important; } .dn-page-designer .dn-designer #views_panel #product_views_content_scroll { height: 130px !important; } .dn-page-designer .dn-designer #views_panel #product_views { align-items: flex-start !important; padding-top: 2px !important; gap: 18px !important; } .dn-page-designer .dn-designer #views_panel #product_views li { width: 80px !important; padding: 2px 4px !important; text-align: center; } .dn-page-designer .dn-designer #views_panel #product_views li img { width: 64px !important; height: 64px !important; object-fit: contain; display: block; margin: 0 auto 4px !important; box-sizing: border-box; } .dn-page-designer .dn-designer #views_panel #product_views li label { white-space: nowrap !important; display: block; } .dn-page-designer .dn-designer #views_panel #product_views li .dn-d-select-area-container { margin-top: 4px !important; } .dn-page-designer .dn-designer #views_panel #product_views li .dn-d-select-area-container select { width: 80px !important; } /* Thumbnails kept at DecoNetwork's native 100px so the print-area box lines up with the shirt, then shrunk as a whole with zoom */ .dn-page-designer .dn-designer #views_panel #product_views { gap: 22px !important; } .dn-page-designer .dn-designer #views_panel #product_views li { width: 100px !important; padding: 0 !important; zoom: .72; } .dn-page-designer .dn-designer #views_panel #product_views li img { width: 100px !important; height: 100px !important; margin: 0 0 6px !important; border: 0 !important; box-shadow: 0 0 0 2px transparent; } .dn-page-designer .dn-designer #views_panel #product_views li.dn-alt img { box-shadow: 0 0 0 3px rgb(255, 90, 90), 0 4px 12px rgba(255, 90, 90, .3) !important; } .dn-page-designer .dn-designer #views_panel #product_views li label, .dn-page-designer .dn-designer #views_panel #product_views li label * { font-size: 16px !important; } .dn-page-designer .dn-designer #views_panel #product_views li .dn-d-select-area-container select { width: 110px !important; font-size: 15px !important; } /* ========================================================= 9. SIZES & QTY — make the must-click box obvious (clicking it opens DecoNetwork's size/quantity picker) ========================================================= */ .dn-page-designer .dn-designer .dn-designer-toolbar-qty { background: #fff5f5 !important; border: 2px solid rgb(255, 90, 90) !important; border-radius: 12px !important; padding: 5px 24px 5px 10px !important; margin: 0 6px 0 0 !important; height: auto !important; width: auto !important; align-self: center !important; position: relative; cursor: pointer; animation: cyt-qty-pulse 1.8s ease-out .6s 4; /* pulses 4 times on page load */ transition: background .15s, transform .15s; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty:hover { background: #ffe9e9 !important; transform: translateY(-1px); animation: none; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty * { cursor: pointer !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty .dn-valign-middle-guide { display: none !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty-content { display: grid !important; grid-template-columns: auto auto; align-items: center; column-gap: 8px; row-gap: 1px; height: auto !important; width: auto !important; } /* Label: "QTY" becomes "SIZES & QTY" */ .dn-page-designer .dn-designer .dn-designer-toolbar-qty h4 { font-size: 0 !important; margin: 0 !important; line-height: 1 !important; width: auto !important; min-width: max-content !important; overflow: visible !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty h4::before { content: "SIZES & QTY"; display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: .06em; color: rgb(235, 70, 70); white-space: nowrap; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty input#qty { width: 52px !important; height: 28px !important; font-size: 16px !important; font-weight: 700 !important; color: #2b2323 !important; -webkit-text-fill-color: #2b2323; text-align: center; background: #fff !important; border: 1px solid #f3c4c4 !important; border-radius: 8px !important; opacity: 1 !important; } /* Chevron so it reads as a picker */ .dn-page-designer .dn-designer #qty_container { position: relative; } .dn-page-designer .dn-designer #qty_container::after { content: ""; position: absolute; right: -12px; top: 50%; width: 6px; height: 6px; margin-top: -5px; border-right: 2px solid rgb(255, 90, 90); border-bottom: 2px solid rgb(255, 90, 90); transform: rotate(45deg); pointer-events: none; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty #c_bun_info { grid-column: 1 / -1; color: #a07a7a !important; font-size: 9.5px !important; text-align: left; margin: 0 !important; } /* Swatch box: stop it clipping the selected ring */ .dn-page-designer #pt_col_1 { overflow: visible !important; height: auto !important; padding: 5px 4px !important; } } /* ========================================================= 10. SMALL LAPTOP / TABLET LANDSCAPE (992px – 1279px) Compacts the header so Sizes & Qty never overlaps the tool buttons ========================================================= */ @media (min-width: 992px) and (max-width: 1279px) { .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions { padding-left: 4px !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div:not(.dn-designer-disable-overlay) { padding: 7px 9px !important; margin: 0 2px !important; min-width: 0 !important; width: auto !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div:not(.dn-designer-disable-overlay) label { font-size: 11.5px !important; white-space: nowrap; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div:not(.dn-designer-disable-overlay) [class*=dn-icon] { font-size: 17px !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-user-actions { gap: 5px !important; padding-right: 6px !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty { padding: 4px 20px 4px 8px !important; margin: 0 !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty input#qty { width: 42px !important; } .dn-page-designer .dn-designer #price { font-size: 18px !important; } .dn-page-designer .dn-designer #add_to_cart_button_container { padding: 0 2px !important; width: auto !important; } .dn-page-designer .dn-designer #add_to_cart_button, .dn-page-designer .dn-designer #update_cart_button { padding: 0 12px !important; font-size: 13px !important; width: auto !important; } .dn-page-designer .dn-designer #exit_close_toolbar_u { padding: 5px 9px !important; margin: auto 4px auto 0 !important; } } /* ========================================================= 11. TABLET PORTRAIT + PHONE (up to 991px) Keeps DecoNetwork's mobile layout, applies the same look ========================================================= */ @media (max-width: 991px) { /* Tool buttons */ .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions { background: #fff !important; gap: 4px; padding: 4px !important; box-shadow: 0 2px 10px rgba(40, 20, 20, .06); } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div:not(.dn-designer-disable-overlay) { background: #fff3f3 !important; border: 1px solid #ffd9d9 !important; border-radius: 10px !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div:not(.dn-designer-disable-overlay) [class*=dn-icon] { color: rgb(255, 90, 90) !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div:not(.dn-designer-disable-overlay) label, .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div:not(.dn-designer-disable-overlay) label * { color: #2b2323 !important; font-weight: 600 !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div:not(.dn-designer-disable-overlay):active { background: rgb(255, 90, 90) !important; } /* Qty / price / cart bar: white with a clear Sizes & Qty box */ .dn-page-designer .dn-designer .dn-designer-toolbar-user-actions { background: #fff !important; border-top: 1px solid #f0e2e2; box-shadow: 0 -2px 12px rgba(40, 20, 20, .08); display: flex !important; align-items: center; gap: 6px; padding: 0 6px; box-sizing: border-box; } .dn-page-designer .dn-designer .dn-designer-toolbar-user-actions > .dn-designer-toolbar-price, .dn-page-designer .dn-designer .dn-designer-toolbar-user-actions > #add_to_cart_button_container, .dn-page-designer .dn-designer .dn-designer-toolbar-price * { background: transparent !important; border: 0 !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-price { flex: 1 1 auto; width: auto !important; justify-content: center; } .dn-page-designer .dn-designer #add_to_cart_button_container { flex: 0 0 auto; width: auto !important; } body.dn-page-designer #designer_container .dn-designer-toolbar-user-actions > .dn-designer-toolbar-qty { background: #fff5f5 !important; border: 2px solid rgb(255, 90, 90) !important; border-radius: 12px !important; padding: 3px 8px !important; height: 44px !important; width: auto !important; max-width: 240px; margin: 0 !important; flex: 0 0 auto; align-self: center !important; box-sizing: border-box !important; animation: cyt-qty-pulse 1.8s ease-out .6s 4; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty .dn-valign-middle-guide { display: none !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty-content { display: grid !important; grid-template-columns: auto auto; align-items: center; column-gap: 6px; width: auto !important; height: auto !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty h4 { font-size: 0 !important; margin: 0 !important; line-height: 1 !important; width: auto !important; min-width: max-content !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty h4::before { content: "SIZES & QTY"; display: inline-block; font-size: 9.5px; font-weight: 800; letter-spacing: .04em; color: rgb(235, 70, 70); white-space: nowrap; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty #qty_container { margin: 0 !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty input#qty { width: 44px !important; font-weight: 700 !important; text-align: center; color: #2b2323 !important; -webkit-text-fill-color: #2b2323; border: 1px solid #f3c4c4 !important; border-radius: 8px !important; opacity: 1 !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty #c_bun_info { grid-column: 1 / -1; margin: 0 !important; font-size: 9px !important; color: #a07a7a !important; } .dn-page-designer .dn-designer #price { color: #2b2323 !important; font-weight: 700 !important; } .dn-page-designer .dn-designer #add_to_cart_button, .dn-page-designer .dn-designer #update_cart_button { background: rgb(255, 90, 90) !important; border: 0 !important; border-radius: 10px !important; box-shadow: 0 4px 12px rgba(255, 90, 90, .3); } .dn-page-designer .dn-designer #add_to_cart_button *, .dn-page-designer .dn-designer #add_to_cart_button .dn-btn-icon::before, .dn-page-designer .dn-designer #update_cart_button *, .dn-page-designer .dn-designer #update_cart_button .dn-btn-icon::before { color: #fff !important; } /* Floating action icons */ .dn-page-designer #sundry_options_container > div { background: #fff !important; border: 1px solid #ead8d8 !important; border-radius: 9px !important; box-shadow: 0 2px 8px rgba(40, 20, 20, .08); } .dn-page-designer #sundry_options_container > div::before { color: rgb(255, 90, 90) !important; } /* Product panel (tablet) */ .dn-page-designer .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-select-product-container .dn-btn { background: #fff !important; border: 1.5px solid rgb(255, 90, 90) !important; border-radius: 10px !important; padding-left: 4px !important; padding-right: 4px !important; } .dn-page-designer .dn-designer .dn-designer-properties-panels .dn-product-details-panel .dn-designer-properties-content .dn-select-product-container .dn-btn * { color: rgb(255, 90, 90) !important; font-size: 13px !important; } .dn-page-designer .dn-designer a.dn-product-more-details-action { font-size: 13px !important; color: rgb(235, 75, 75) !important; text-decoration: underline; } /* Round swatches, ring not clipped */ .dn-page-designer #pt_col_1 { overflow: visible !important; height: auto !important; padding: 4px !important; } .dn-page-designer #pt_col_1 .dn-color-panel-cell { border-radius: 50% !important; border: 1px solid #e6dada !important; box-sizing: border-box !important; padding: 1px !important; } .dn-page-designer #pt_col_1 .dn-color-panel-cell span { border-radius: 50% !important; } .dn-page-designer #pt_col_1 .dn-color-panel-cell.dn-selected { border-color: transparent !important; box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(255, 90, 90) !important; } /* Locations (tablet sidebar): coral outline instead of black */ .dn-page-designer .dn-designer #product_views li img { border-color: transparent !important; border-radius: 10px !important; } .dn-page-designer .dn-designer #product_views li.dn-alt img { border-color: rgb(255, 90, 90) !important; } } /* ========================================================= 12. FIXES — whole Sizes & Qty box opens the picker; phone toolbar gap ========================================================= */ /* Whole Sizes & Qty box opens the size picker (before: only the small number field did; the label/text did nothing) */ .dn-page-designer .dn-designer .dn-designer-toolbar-qty { position: relative !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty .dn-designer-toolbar-qty-content, .dn-page-designer .dn-designer .dn-designer-toolbar-qty #qty_container, .dn-page-designer .dn-designer .dn-designer-toolbar-qty #qty_disable_container { position: static !important; } .dn-page-designer .dn-designer .dn-designer-toolbar-qty .dn-d-qty-overlay { top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: auto !important; height: auto !important; border-radius: 10px; z-index: 5 !important; cursor: pointer; } /* Chevron now sits inside the box */ @media (min-width: 992px) { .dn-page-designer .dn-designer #qty_container::after { right: 9px !important; } } /* Phone/tablet: keep a small gap so the Close button doesn't touch the screen edge */ @media (max-width: 991px) { body.dn-page-designer #designer_container .dn-designer-toolbar-design-actions { padding-right: 4px !important; box-sizing: border-box !important; } } /* ========================================================= 13. ADD TO CART hover — keep the label readable ========================================================= */ body.dn-page-designer #designer_container #add_to_cart_button_container, body.dn-page-designer #designer_container #add_to_cart_button_container:hover { border-color: transparent !important; outline: 0 !important; } body.dn-page-designer #designer_container #add_to_cart_button:hover, body.dn-page-designer #designer_container #update_cart_button:hover { background: #e94a4a !important; border-color: #e94a4a !important; color: #fff !important; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(255, 90, 90, .35) !important; } body.dn-page-designer #designer_container #add_to_cart_button:hover *, body.dn-page-designer #designer_container #add_to_cart_button:hover .dn-btn-icon::before, body.dn-page-designer #designer_container #update_cart_button:hover *, body.dn-page-designer #designer_container #update_cart_button:hover .dn-btn-icon::before { color: #fff !important; } /* ========================================================= 14. PREVIEW / CART / QUOTE / SAVE / SHARE — card beside the locations strip ========================================================= */ @media (min-width: 992px) { .dn-page-designer #views_panel { right: 330px !important; } body.dn-page-designer #designer_container #sundry_options_container { position: absolute !important; bottom: 0 !important; right: 10px !important; left: auto !important; top: auto !important; width: 310px !important; height: 142px !important; box-sizing: border-box !important; display: flex !important; align-items: center; justify-content: center; gap: 6px; padding: 0 8px !important; background: #fff !important; border: 1px solid #f0e2e2 !important; border-radius: 12px !important; box-shadow: 0 -2px 18px rgba(40, 20, 20, .06) !important; z-index: 3; max-width: none !important; min-width: 0 !important; letter-spacing: normal !important; align-items: flex-start !important; padding-top: 14px !important; } body.dn-page-designer #designer_container #sundry_options_container > div { width: 54px !important; height: 62px !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 5px; box-sizing: border-box !important; background: #fff3f3 !important; border: 1px solid #ffd9d9 !important; border-radius: 10px !important; box-shadow: none !important; font-size: 20px !important; line-height: 1 !important; letter-spacing: normal !important; cursor: pointer; transition: background .15s, transform .15s, box-shadow .15s; } body.dn-page-designer #designer_container #sundry_options_container > div::before { color: rgb(255, 90, 90) !important; margin: 0 !important; } body.dn-page-designer #designer_container #sundry_options_container > div::after { font-family: 'Poppins', sans-serif !important; font-size: 11px; font-weight: 600; color: #2b2323; line-height: 1; letter-spacing: normal !important; white-space: nowrap; } body.dn-page-designer #sundry_options_container .dn-designer-toolbar-preview::after { content: "Preview"; } body.dn-page-designer #sundry_options_container .dn-designer-toolbar-cart::after { content: "Cart"; } body.dn-page-designer #sundry_options_container .dn-designer-toolbar-quote::after { content: "Quote"; } body.dn-page-designer #sundry_options_container .dn-designer-toolbar-save::after { content: "Save"; } body.dn-page-designer #sundry_options_container .dn-designer-toolbar-email::after { content: "Share"; } body.dn-page-designer #designer_container #sundry_options_container > div:hover { background: rgb(255, 90, 90) !important; border-color: rgb(255, 90, 90) !important; transform: translateY(-1px); box-shadow: 0 4px 10px rgba(255, 90, 90, .25) !important; } body.dn-page-designer #designer_container #sundry_options_container > div:hover::before, body.dn-page-designer #designer_container #sundry_options_container > div:hover::after { color: #fff !important; } } @media (max-width: 991px) { body.dn-page-designer #designer_container #sundry_options_container > div { background: #fff3f3 !important; border: 1px solid #ffd9d9 !important; border-radius: 10px !important; } } /* ========================================================= 15. POP-UPS — Change product, Add text, Add design, Team names, Sizes & Qty ========================================================= */ /* Dim + soft blur behind */ body.dn-page-designer .dn-popup-container .dn-popup-background { background: rgba(43, 35, 35, .55) !important; opacity: 1 !important; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } /* Card */ body.dn-page-designer .dn-designer-popup { border-radius: 16px !important; border: 0 !important; padding: 0 !important; overflow: hidden !important; background: #fff !important; box-shadow: 0 24px 60px rgba(40, 20, 20, .28) !important; font-family: 'Poppins', sans-serif; } /* Title bar */ body.dn-page-designer .dn-designer-popup > h3, body.dn-page-designer .dn-designer-popup > h3 span { font-family: 'Poppins', sans-serif !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: .06em !important; text-transform: uppercase; color: #2b2323 !important; } body.dn-page-designer .dn-designer-popup > h3 { margin: 0 !important; padding: 18px 22px 14px 40px !important; background: #fff !important; border-bottom: 1px solid #f3e3e3 !important; position: relative; } body.dn-page-designer .dn-designer-popup > h3::before { content: ""; position: absolute; left: 22px; top: 50%; width: 8px; height: 8px; margin-top: -2px; border-radius: 50%; background: rgb(255, 90, 90); } /* Body */ body.dn-page-designer .dn-designer-popup > .dn-popup-content, body.dn-page-designer .dn-designer-popup > .dn-popup-content-container { padding-left: 22px !important; padding-right: 22px !important; box-sizing: border-box; } body.dn-page-designer .dn-designer-popup > .dn-popup-content-container { padding-top: 0 !important; background: #fff !important; } body.dn-page-designer .dn-designer-popup .dn-popup-content-scroll { padding: 16px 0 6px !important; } body.dn-page-designer .dn-designer-popup > .dn-popup-content { padding-top: 14px !important; } body.dn-page-designer .dn-designer-popup, body.dn-page-designer .dn-designer-popup label, body.dn-page-designer .dn-designer-popup h4 { color: #2b2323; } /* Footer */ body.dn-page-designer .dn-designer-popup .dn-popup-footer { background: #fffafa !important; border-top: 1px solid #f3e3e3 !important; padding: 12px 22px !important; margin: 14px -22px 0 !important; display: flex !important; justify-content: flex-end; align-items: center; gap: 10px; height: auto !important; } body.dn-page-designer .dn-designer-popup > .dn-popup-footer { margin: 0 !important; } /* Buttons */ body.dn-page-designer .dn-designer-popup .dn-btn { border-radius: 10px !important; min-width: 110px; height: 42px !important; margin: 0 !important; float: none !important; box-sizing: border-box !important; transition: background .15s, transform .15s, box-shadow .15s; } body.dn-page-designer .dn-designer-popup .dn-btn * { font-family: 'Poppins', sans-serif !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: .04em; } body.dn-page-designer .dn-designer-popup .dn-btn .dn-btn-label > span { background: transparent !important; } body.dn-page-designer .dn-designer-popup .dn-btn.dn-btn-ok, body.dn-page-designer .dn-designer-popup .dn-btn.dn-btn-std { background: rgb(255, 90, 90) !important; border: 0 !important; box-shadow: 0 4px 12px rgba(255, 90, 90, .3) !important; } body.dn-page-designer .dn-designer-popup .dn-btn.dn-btn-ok *, body.dn-page-designer .dn-designer-popup .dn-btn.dn-btn-std * { color: #fff !important; } body.dn-page-designer .dn-designer-popup .dn-btn.dn-btn-ok:hover, body.dn-page-designer .dn-designer-popup .dn-btn.dn-btn-std:hover { background: #e94a4a !important; transform: translateY(-1px); } body.dn-page-designer .dn-designer-popup .dn-btn.dn-btn-cancel { background: #fff !important; border: 1px solid #ead8d8 !important; box-shadow: none !important; } body.dn-page-designer .dn-designer-popup .dn-btn.dn-btn-cancel * { color: #6b5b5b !important; } body.dn-page-designer .dn-designer-popup .dn-btn.dn-btn-cancel:hover { background: #f7eeee !important; } /* Text fields, selects */ body.dn-page-designer .dn-designer-popup input[type="text"], body.dn-page-designer .dn-designer-popup input:not([type]), body.dn-page-designer .dn-designer-popup textarea, body.dn-page-designer .dn-designer-popup select { background-color: #fff !important; border: 1px solid #ead8d8 !important; border-radius: 8px !important; color: #2b2323 !important; box-shadow: none !important; outline: 0; transition: border-color .15s, box-shadow .15s; } body.dn-page-designer .dn-designer-popup input[type="text"]:focus, body.dn-page-designer .dn-designer-popup input:not([type]):focus, body.dn-page-designer .dn-designer-popup textarea:focus, body.dn-page-designer .dn-designer-popup select:focus { border-color: rgb(255, 90, 90) !important; box-shadow: 0 0 0 3px rgba(255, 90, 90, .18) !important; } /* --- Add text / Add design / Team name: "select type" cards --- */ body.dn-page-designer .dn-designer-select-item-type-popup { min-width: 420px; } body.dn-page-designer .dn-designer-add-item-container { margin: 0 0 10px !important; border-radius: 12px !important; overflow: hidden; } body.dn-page-designer .dn-designer-add-item-container:focus { outline: 0 !important; } body.dn-page-designer .dn-designer-add-item-container:focus-visible .dn-designer-add-item-of-type-button { box-shadow: 0 0 0 3px rgba(255, 90, 90, .3) !important; } body.dn-page-designer .dn-designer-add-item-container .dn-designer-add-item-of-type-button { display: flex !important; flex-wrap: wrap; align-items: center; gap: 12px; row-gap: 2px; margin: 0 !important; height: auto !important; line-height: 1.3 !important; padding: 14px 16px !important; min-height: 56px; box-sizing: border-box; background: #fff3f3 !important; border: 1px solid #ffd9d9 !important; border-radius: 12px !important; cursor: pointer; transition: background .15s, transform .15s, box-shadow .15s; } body.dn-page-designer .dn-designer-add-item-container .dn-designer-add-item-of-type-button .dn-icon { color: rgb(255, 90, 90) !important; font-size: 22px !important; margin: 0 !important; float: none !important; position: static !important; width: 28px !important; height: auto !important; flex: 0 0 28px; text-align: center; line-height: 1 !important; } body.dn-page-designer .dn-designer-add-item-container .dn-designer-add-item-of-type-button label { color: #2b2323 !important; font-size: 15px !important; font-weight: 600 !important; cursor: pointer; margin: 0 !important; padding: 0 !important; line-height: 1.3 !important; width: auto !important; height: auto !important; } body.dn-page-designer .dn-designer-add-item-container:not(.dn-disabled) .dn-designer-add-item-of-type-button { opacity: 1 !important; } body.dn-page-designer .dn-designer-add-item-container:not(.dn-disabled) .dn-designer-add-item-of-type-button:hover { background: rgb(255, 90, 90) !important; border-color: rgb(255, 90, 90) !important; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(255, 90, 90, .28); } body.dn-page-designer .dn-designer-add-item-container:not(.dn-disabled) .dn-designer-add-item-of-type-button:hover .dn-icon, body.dn-page-designer .dn-designer-add-item-container:not(.dn-disabled) .dn-designer-add-item-of-type-button:hover label { color: #fff !important; } /* Unavailable option (e.g. embroidery on this area) */ body.dn-page-designer .dn-designer-add-item-container.dn-disabled { background: #faf7f7 !important; border: 1px dashed #e3d6d6 !important; } body.dn-page-designer .dn-designer-add-item-container.dn-disabled .dn-designer-add-item-of-type-button { background: transparent !important; border: 0 !important; min-height: 0; cursor: not-allowed; } body.dn-page-designer .dn-designer-add-item-container.dn-disabled .dn-designer-add-item-of-type-button .dn-icon, body.dn-page-designer .dn-designer-add-item-container.dn-disabled .dn-designer-add-item-of-type-button label { color: #b5a5a5 !important; cursor: not-allowed; } body.dn-page-designer .dn-designer-add-item-disabled_notice { flex: 0 0 100%; box-sizing: border-box; font-size: 11.5px !important; line-height: 1.4 !important; color: #a08f8f !important; margin: 0 !important; padding: 0 0 0 40px !important; position: relative; left: 0 !important; top: 0 !important; width: auto !important; height: auto !important; float: none !important; } /* --- Add text: text box --- */ body.dn-page-designer .dn-designer-new-text-popup { min-width: 460px; } body.dn-page-designer .dn-designer-new-text-popup textarea#new_text { width: 100% !important; min-height: 110px; box-sizing: border-box !important; padding: 12px 14px !important; font-size: 16px !important; resize: vertical; } /* --- Sizes & Qty and Team-name sizing: size tiles --- */ body.dn-page-designer .dn-designer-popup .dn-d-size-multi-container ul { display: flex !important; flex-wrap: wrap; gap: 8px; margin: 8px 0 0 !important; padding: 0 !important; } body.dn-page-designer .dn-designer-popup .dn-d-size-multi-container li { display: flex !important; flex-direction: column; align-items: center; gap: 6px; width: 74px !important; margin: 0 !important; padding: 8px 6px !important; float: none !important; box-sizing: border-box; background: #faf5f5; border: 1px solid #f0e2e2; border-radius: 10px; list-style: none; } body.dn-page-designer .dn-designer-popup .dn-d-size-multi-container { padding-bottom: 8px; } body.dn-page-designer .dn-designer-popup .dn-d-size-multi-container li label { font-size: 13px !important; font-weight: 700 !important; color: #2b2323 !important; margin: 0 !important; width: auto !important; float: none !important; text-align: center; } body.dn-page-designer .dn-designer-popup .dn-d-size-multi-container li input { width: 56px !important; height: 32px !important; margin: 0 !important; float: none !important; text-align: center; font-size: 15px !important; font-weight: 600 !important; } body.dn-page-designer .dn-designer-select-size-popup .dn-d-size-field-container > label, body.dn-page-designer #teamname_sizing_container h4 { font-size: 13px !important; font-weight: 600 !important; color: #6b5b5b !important; } body.dn-page-designer .dn-designer-select-size-popup .dn-d-size-field-container > br { display: none; } /* --- Change product --- */ body.dn-page-designer .dn-designer-select-product-popup .dn-hierarchy a, body.dn-page-designer .dn-designer-select-image-popup .dn-hierarchy a { display: inline-block; padding: 5px 10px !important; border-radius: 8px; color: #2b2323 !important; font-size: 14px !important; text-decoration: none !important; transition: background .12s; } body.dn-page-designer .dn-designer-select-product-popup .dn-hierarchy a:hover, body.dn-page-designer .dn-designer-select-image-popup .dn-hierarchy a:hover { background: #fff3f3; color: rgb(235, 70, 70) !important; } body.dn-page-designer .dn-designer-select-product-popup .dn-hierarchy .dn-selected > a, body.dn-page-designer .dn-designer-select-product-popup .dn-hierarchy a.dn-alt, body.dn-page-designer .dn-designer-select-image-popup .dn-hierarchy .dn-selected > a { background: #ffe9e9 !important; color: rgb(235, 70, 70) !important; font-weight: 700 !important; } body.dn-page-designer .dn-designer-popup .dn-hierarchy li.dn-selected > a, body.dn-page-designer .dn-designer-popup .dn-hierarchy li.dn-selected > span > a, body.dn-page-designer .dn-designer-popup .dn-hierarchy span.dn-selected > a { background: #ffe9e9 !important; color: rgb(235, 70, 70) !important; font-weight: 700 !important; } body.dn-page-designer .dn-designer-popup .dn-hierarchy-expander { color: #c9a9a9 !important; } body.dn-page-designer .dn-designer-select-product-popup .dn-d-product-categories, body.dn-page-designer .dn-designer-select-image-popup .dn-d-image-categories { border-right: 1px solid #f3e3e3 !important; } /* Search bars */ body.dn-page-designer .dn-designer-popup #filter_search, body.dn-page-designer .dn-designer-popup .dn-d-image-listing-search-field input { height: 40px !important; padding: 0 44px 0 14px !important; font-size: 14px !important; box-sizing: border-box !important; } body.dn-page-designer .dn-designer-popup .dn-d-product-listing-search-button input, body.dn-page-designer .dn-designer-popup .dn-d-image-listing-search-button input { background-color: transparent !important; border: 0 !important; opacity: .55; } /* Product cards */ body.dn-page-designer .dn-designer-select-product-popup .dn-grid-item-container { background: #fff !important; border: 1px solid #f0e2e2 !important; border-radius: 12px !important; padding: 6px !important; transition: border-color .15s, transform .15s, box-shadow .15s; } body.dn-page-designer .dn-designer-select-product-popup .dn-grid-item:hover .dn-grid-item-container { border-color: rgb(255, 90, 90) !important; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(255, 90, 90, .18); } body.dn-page-designer .dn-designer-select-product-popup .dn-grid-item.dn-selected .dn-grid-item-container { border: 2px solid rgb(255, 90, 90) !important; } body.dn-page-designer .dn-designer-select-product-popup .dn-grid-image, body.dn-page-designer .dn-designer-select-product-popup .dn-grid-image img, body.dn-page-designer .dn-designer-popup .dn-grid-item .dn-grid-image img { border: 0 !important; border-radius: 8px !important; background: #faf5f5; } body.dn-page-designer .dn-designer-select-product-popup .dn-grid-text, body.dn-page-designer .dn-designer-select-product-popup .dn-grid-text * { font-size: 12.5px !important; font-weight: 600 !important; color: #2b2323 !important; line-height: 1.35 !important; } /* Page numbers */ body.dn-page-designer .dn-designer-popup .dn-pagination { font-size: 12px !important; color: #6b5b5b !important; white-space: nowrap; } body.dn-page-designer .dn-designer-popup .dn-pagination a, body.dn-page-designer .dn-designer-popup .dn-pagination span.current, body.dn-page-designer .dn-designer-popup .dn-pagination .prev_page, body.dn-page-designer .dn-designer-popup .dn-pagination .next_page { display: inline-block; min-width: 0 !important; padding: 2px 6px !important; margin: 0 !important; line-height: 20px !important; height: auto !important; vertical-align: middle; border-radius: 7px; text-align: center; color: #6b5b5b !important; text-decoration: none !important; } body.dn-page-designer .dn-designer-popup .dn-pagination a:hover { background: #fff3f3; color: rgb(235, 70, 70) !important; } body.dn-page-designer .dn-designer-popup .dn-pagination span.current { background: rgb(255, 90, 90) !important; color: #fff !important; font-weight: 700; } body.dn-page-designer .dn-designer-popup .dn-pagination .disabled { opacity: .45; } /* --- Add design --- */ body.dn-page-designer .dn-designer-popup .dn-d-image-listing-filter label { font-size: 13px !important; font-weight: 600 !important; color: #6b5b5b !important; } body.dn-page-designer .dn-designer-popup .dn-d-image-listing-filter select { height: 32px !important; padding: 0 8px !important; } body.dn-page-designer .dn-designer-select-image-popup .dn-d-image-listing-add-image .dn-btn { width: 100% !important; } body.dn-page-designer .dn-designer-select-image-popup .dn-d-image-listing-no-results { color: #a08f8f !important; font-size: 14px !important; padding: 30px 0 !important; text-align: center; } /* --- Team names table (scrolls inside the pop-up so OK/Cancel stay on screen) --- */ body.dn-page-designer .dn-designer-edit-teamnames-popup .dn-popup-content-container { max-height: calc(100vh - 190px) !important; overflow-y: auto !important; } body.dn-page-designer .dn-designer-edit-teamnames-popup .dn-popup-content-scroll { max-height: none !important; height: auto !important; overflow: visible !important; } body.dn-page-designer .dn-d-teamnames-list { border-collapse: separate !important; border-spacing: 0 6px !important; width: 100%; } body.dn-page-designer .dn-d-teamnames-list thead th { background: #fff3f3 !important; color: #9a7070 !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .08em; text-transform: uppercase; padding: 8px 6px !important; border: 0 !important; } body.dn-page-designer .dn-d-teamnames-list thead th:first-child { border-radius: 8px 0 0 8px; } body.dn-page-designer .dn-d-teamnames-list thead th:last-child { border-radius: 0 8px 8px 0; } body.dn-page-designer .dn-d-teamnames-list td { border: 0 !important; padding: 0 4px !important; } body.dn-page-designer .dn-d-teamnames-list input.dn-styled, body.dn-page-designer .dn-d-teamnames-list select.dn-styled { height: 34px !important; } body.dn-page-designer .dn-d-teamnames-list input[type="radio"] { accent-color: rgb(255, 90, 90); } body.dn-page-designer .dn-d-teamname-remove-action { color: rgb(235, 75, 75) !important; font-size: 12px !important; font-weight: 600; } body.dn-page-designer .dn-d-teamnames-add-container { margin-top: 10px !important; } body.dn-page-designer .dn-d-teamnames-add-container .dn-btn.dn-btn-std { background: #fff !important; border: 1.5px solid rgb(255, 90, 90) !important; box-shadow: none !important; } body.dn-page-designer .dn-d-teamnames-add-container .dn-btn.dn-btn-std * { color: rgb(255, 90, 90) !important; } body.dn-page-designer .dn-d-teamnames-add-container .dn-btn.dn-btn-std:hover { background: rgb(255, 90, 90) !important; } body.dn-page-designer .dn-d-teamnames-add-container .dn-btn.dn-btn-std:hover * { color: #fff !important; } /* Phones: let pop-ups use the screen width */ @media (max-width: 600px) { body.dn-page-designer .dn-designer-select-item-type-popup, body.dn-page-designer .dn-designer-new-text-popup { min-width: 0 !important; } body.dn-page-designer .dn-designer-popup .dn-d-size-multi-container li { width: calc(33.33% - 6px) !important; } body.dn-page-designer .dn-designer-popup .dn-pagination { white-space: normal !important; } } /* ========================================================= 15b. FRENCH VIEW (Google Translate) — room for longer labels Web Dev 2026-11-11. French visitors reach the designer with the googtrans=/en/fr cookie; Google's labels are 20-60% longer than the English ones. Google adds translated-ltr to , so every rule below except the first starts with html[class*="translated-"] and leaves the English designer as it was. ========================================================= */ /* Location labels under the thumbnails ("Manche gauche"): wrap inside the tile instead of running into the next label. Any language: an English label that fits keeps one line, so English looks the same. */ @media (min-width: 992px) { body.dn-page-designer #designer_container #views_panel #product_views li label { white-space: normal !important; overflow-wrap: break-word; line-height: 1.15 !important; } } /* Add to Cart: DecoNetwork caps the button at 170 px and cuts the label with "..." ("AJOUTER AU ..."). Let it grow to its label. */ html[class*="translated-"] body.dn-page-designer #designer_container #add_to_cart_button, html[class*="translated-"] body.dn-page-designer #designer_container #update_cart_button { max-width: none !important; width: auto !important; } html[class*="translated-"] body.dn-page-designer #designer_container #add_to_cart_button .dn-btn-label, html[class*="translated-"] body.dn-page-designer #designer_container #update_cart_button .dn-btn-label { max-width: none !important; overflow: visible !important; } /* "Size chart" and "Description": side by side the French "Tableau des tailles" ran out of its half; each button takes the full row instead (the same stacking as on tablets). */ html[class*="translated-"] body.dn-page-designer #properties_product_details_content .dn-product-more-details-container .cyt-size-chart-wrap, html[class*="translated-"] body.dn-page-designer #properties_product_details_content .dn-product-more-details-container .cyt-desc-wrap { flex: 1 1 100% !important; } html[class*="translated-"] body.dn-page-designer #properties_product_details_content .dn-product-more-details-container .cyt-size-chart-btn, html[class*="translated-"] body.dn-page-designer #properties_product_details_content .dn-product-more-details-container .cyt-desc-btn { width: 100% !important; justify-content: center; white-space: normal !important; } /* Desktop toolbar (992+): the four tool buttons ran under Sizes & Qty from 1100 to 1439 ("Ajouter le nom de l'é..."). Long labels wrap onto two lines inside the button, which fits the 66 px bar. */ @media (min-width: 992px) { html[class*="translated-"] body.dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div:not(.dn-designer-disable-overlay) label.dn-large { display: inline-block !important; /* DecoNetwork's label is inline, which ignores max-width */ vertical-align: middle; margin-left: 4px !important; /* the inline label's space before it goes once it is a block */ white-space: normal !important; max-width: 7.8em; /* every long label on two lines: "Ajouter du / texte", "Ajouter le nom / de l'équipe" (at 13 px and at section 10's 11.5 px; 8.5em left "Ajouter du texte" on one line and 1280 overlapped, 7em made three lines) */ line-height: 1.15 !important; text-align: left; } } @media (min-width: 1280px) { /* 12 px sides instead of 16: at 1280 the four buttons still ended 11 px past Sizes & Qty */ html[class*="translated-"] body.dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div:not(.dn-designer-disable-overlay) { padding-left: 12px !important; padding-right: 12px !important; } } @media (min-width: 992px) and (max-width: 1279px) { /* Small laptops and tablets in landscape (1024): the bar was 50 px short at 992. Add to Cart takes two lines ("AJOUTER AU / PANIER") without its cart icon, which leaves room for a longer price too ($1,942.00). */ html[class*="translated-"] body.dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div:not(.dn-designer-disable-overlay) { padding-left: 7px !important; /* section 10 has 9 px */ padding-right: 7px !important; } html[class*="translated-"] body.dn-page-designer #designer_container #add_to_cart_button .dn-btn-icon, html[class*="translated-"] body.dn-page-designer #designer_container #update_cart_button .dn-btn-icon { display: none !important; } html[class*="translated-"] body.dn-page-designer #designer_container #add_to_cart_button .dn-btn-label, html[class*="translated-"] body.dn-page-designer #designer_container #update_cart_button .dn-btn-label { height: auto !important; /* DecoNetwork fixes it at 20 px, one line */ max-width: 7.2em !important; margin-left: 0 !important; /* DecoNetwork's -23.4 px margin + 23.4 px padding make room for the icon */ padding-left: 0 !important; white-space: normal !important; line-height: 1.15 !important; vertical-align: middle; } html[class*="translated-"] body.dn-page-designer #designer_container #add_to_cart_button .dn-btn-label > span, html[class*="translated-"] body.dn-page-designer #designer_container #update_cart_button .dn-btn-label > span { white-space: normal !important; overflow: visible !important; letter-spacing: .03em !important; } } /* Tablets and phones (up to 991): tool labels wrap inside their button ("Sélectionnez l'emplacement" at 768, "Ajouter du texte" at 375). */ @media (max-width: 991px) { html[class*="translated-"] body.dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div:not(.dn-designer-disable-overlay) { line-height: 1.1 !important; /* on phones the label is inline, so the button's 20.8 px line height spaced its two lines apart */ } html[class*="translated-"] body.dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div:not(.dn-designer-disable-overlay) label { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; line-height: 1.1 !important; overflow-wrap: break-word; } } /* Phones: the bottom bar ran 10 px off both sides. Add to Cart's label takes two lines instead ("AJOUTER AU / PANIER"), without the icon. */ @media (max-width: 575px) { html[class*="translated-"] body.dn-page-designer #designer_container #add_to_cart_button, html[class*="translated-"] body.dn-page-designer #designer_container #update_cart_button { max-width: 118px !important; white-space: normal !important; text-align: center !important; /* not display:flex, which would also show the hidden twin button */ } html[class*="translated-"] body.dn-page-designer #designer_container #add_to_cart_button .dn-btn-label > span, html[class*="translated-"] body.dn-page-designer #designer_container #update_cart_button .dn-btn-label > span { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; } html[class*="translated-"] body.dn-page-designer #designer_container #add_to_cart_button .dn-btn-label, html[class*="translated-"] body.dn-page-designer #designer_container #update_cart_button .dn-btn-label { height: auto !important; /* DecoNetwork fixes it at 20 px, one line */ max-width: 100% !important; margin: 0 !important; padding-left: 0 !important; /* DecoNetwork's 23.4 px is room for the cart icon, hidden below */ white-space: normal !important; line-height: 1.15 !important; text-align: center; vertical-align: middle; } /* The cart icon is wider than its box and sat on "AJOUTER" once the label took two lines; the words say it, so the icon goes on French phones. */ html[class*="translated-"] body.dn-page-designer #designer_container #add_to_cart_button .dn-btn-icon, html[class*="translated-"] body.dn-page-designer #designer_container #update_cart_button .dn-btn-icon { display: none !important; } } /* ========================================================= 15c. FRENCH LABELS (French visitors only) — Web Dev 2026-11-11 Labels drawn by this CSS (content:) never reach Google Translate, so they stayed English for French visitors. Wording: Marketing, handoff 2026-11-11-webdev-to-marketing-designer-fr-labels (Part F of Marketing/landing-pages/_sitewide/fr-ui-labels-final.md). Ownership (agreed with fr-layer, 2026-11-12): the French chrome script in the jQuery snippet owns all DOM text (one dictionary); this section owns only the labels this CSS draws itself (content:), with Part F as its wording source. Hook: html.cyt-fr-chrome, set by that script only with the French cookie, never on /page/fr* or the Worker's French forms (fr-layer has a test that fails if the class stops being set). Accents are CSS escapes: \E7 = ç, \E9 = é, \C9 = É. ========================================================= */ /* Sizes & Qty box (L6): « TAILLES ET QTÉ »; letters closer, so the box grows about 10 px instead of 16 */ html.cyt-fr-chrome body.dn-page-designer .dn-designer .dn-designer-toolbar-qty h4::before { content: "TAILLES ET QT\C9"; letter-spacing: .02em; } @media (max-width: 575px) { /* Phones: the bottom bar has no room for 14 letters; Marketing's fallback */ html.cyt-fr-chrome body.dn-page-designer .dn-designer .dn-designer-toolbar-qty h4::before { content: "TAILLES/QT\C9"; } } /* Preview / Cart / Quote / Save / Share card (L1-L5, 992 and up). "Soumission" and "Enregistrer" are wider than the 54 px tiles: tiles size to their word, the card is 40 px wider and the locations strip 40 px narrower (it has room: 4 thumbnails). */ @media (min-width: 992px) { html.cyt-fr-chrome body.dn-page-designer #sundry_options_container .dn-designer-toolbar-preview::after { content: "Aper\E7u"; } html.cyt-fr-chrome body.dn-page-designer #sundry_options_container .dn-designer-toolbar-cart::after { content: "Panier"; } html.cyt-fr-chrome body.dn-page-designer #sundry_options_container .dn-designer-toolbar-quote::after { content: "Soumission"; } html.cyt-fr-chrome body.dn-page-designer #sundry_options_container .dn-designer-toolbar-save::after { content: "Enregistrer"; } html.cyt-fr-chrome body.dn-page-designer #sundry_options_container .dn-designer-toolbar-email::after { content: "Partager"; } html.cyt-fr-chrome body.dn-page-designer #views_panel { right: 370px !important; } html.cyt-fr-chrome body.dn-page-designer #designer_container #sundry_options_container { width: 350px !important; } html.cyt-fr-chrome body.dn-page-designer #designer_container #sundry_options_container > div { width: auto !important; min-width: 54px; padding: 0 5px !important; flex: 0 0 auto; } html.cyt-fr-chrome body.dn-page-designer #designer_container #sundry_options_container > div::after { font-size: 10.5px; } } @media (min-width: 992px) and (max-width: 1279px) { /* At 992 the narrower strip still holds the 4 thumbnails with 10 px gaps */ html.cyt-fr-chrome body.dn-page-designer .dn-designer #views_panel #product_views { gap: 10px !important; } } /* "Add team name" tool (L8): Google's « Ajouter le nom de l'équipe » names the wrong feature; the tool adds names and numbers per garment. Google's text is hidden (font-size 0) and Marketing's label drawn instead, at each range's own size. Phones keep DecoNetwork's short label (« Noms »). */ @media (min-width: 768px) { html.cyt-fr-chrome body.dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div.dn-designer-add-team label.dn-large { font-size: 0 !important; max-width: none !important; /* 15b's 7.8em would be 0 at font-size 0; the line below wraps instead */ } html.cyt-fr-chrome body.dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div.dn-designer-add-team label.dn-large::before { content: "Ajouter noms et num\E9ros"; display: inline-block; max-width: 7.8em; /* « Ajouter noms / et numéros » */ white-space: normal; vertical-align: middle; font-size: 12px; /* 768-991: DecoNetwork's tablet size */ line-height: 1.15; } } @media (min-width: 992px) and (max-width: 1279px) { html.cyt-fr-chrome body.dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div.dn-designer-add-team label.dn-large::before { font-size: 11.5px; /* section 10 */ text-align: left; } } @media (min-width: 1280px) { html.cyt-fr-chrome body.dn-page-designer .dn-designer .dn-designer-toolbar-design-actions > div.dn-designer-add-team label.dn-large::before { font-size: 13px; /* section 5 */ text-align: left; } } /* ========================================================= 16. CHAT WIDGET (Zoho SalesIQ) on the designer - The "Hey there!" greeting bubble covers Size / Select Size in the left panel, so it is hidden on the designer (the chat button stays). - While a designer pop-up is open (body.dn-popup-visible), the chat sits above the dark overlay and on top of the pop-up, so it is hidden. ========================================================= */ body.dn-page-designer #zsiq_float #zs-fl-tip { display: none !important; } body.dn-page-designer.dn-popup-visible #zsiq_float { display: none !important; } /* ========================================================= 17. MOBILE PASS (phones, up to 767px) — Web Dev 2026-10-23 Goal: get products and the main call-to-action onto the first screens. Phones only; tablet and desktop are unchanged. ========================================================= */ @media (max-width: 767px) { /* Free-shipping banner: 3 lines / 131px -> 2 short lines */ .dn-pos-message { padding: 0 !important; line-height: 1.35 !important; } .dn-pos-message > div { padding: 8px 12px !important; font-size: 14px !important; line-height: 1.35 !important; } /* Chat greeting bubble covers buttons and filters; the chat button stays */ #zsiq_float #zs-fl-tip { display: none !important; } /* Home hero heading: 4 wide-spaced lines -> tighter */ body.dn-page-home .dn-widget-heading h1 { font-size: 24px !important; line-height: 1.25 !important; letter-spacing: 1px !important; } /* Product page: print-location thumbnails 4 across instead of 2x2 */ body.dn-page-create_product .dn-product-views-container .dn-grid > li.dn-grid-item { width: 25% !important; max-width: 25% !important; flex: 0 0 25% !important; padding: 2px !important; margin: 0 !important; /* the theme's 10px right margin made the 4th thumbnail wrap */ } body.dn-page-create_product .dn-product-views-container .dn-grid > li.dn-grid-item label { font-size: 11px !important; } /* Category pages: filter list collapsed behind a "Show filters" button. The class is added by the jQuery snippet, so without JS nothing is hidden. */ body.cyt-filters-ready .product_sidebar .dn-widget-blank_product_filter, body.cyt-filters-ready .product_sidebar .dn-widget-blank_product_categories { display: none; } body.cyt-filters-ready.cyt-filters-open .product_sidebar .dn-widget-blank_product_filter, body.cyt-filters-ready.cyt-filters-open .product_sidebar .dn-widget-blank_product_categories { display: block; } .cyt-filter-toggle { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; margin: 4px 0 12px; border: 2px solid #252525; border-radius: 30px; background: #fff; color: #252525; font: 700 15px Poppins, sans-serif; cursor: pointer; } } @media (min-width: 768px) { .cyt-filter-toggle { display: none; } } /* ========================================================= 18. PRODUCT PAGE — sticky "Start Designing" bar (phones) Built by the jQuery snippet; shows only while the page's own Start Designing button is off-screen, and clicks that button. ========================================================= */ .cyt-sticky-design { display: none; } @media (max-width: 767px) { body.cyt-sticky-on .cyt-sticky-design { display: flex; align-items: center; gap: 10px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 900; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid #eee; box-shadow: 0 -4px 16px rgba(0, 0, 0, .08); } .cyt-sticky-design-info { flex: 1; min-width: 0; line-height: 1.25; } .cyt-sticky-design-name { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: 600 14px Poppins, sans-serif; color: #252525; } .cyt-sticky-design-btn { flex: 0 0 auto; min-height: 48px; padding: 0 20px; border: 0; border-radius: 30px; background: #D63B3B; /* white on #D63B3B = 4.6:1 */ color: #fff; font: 700 15px Poppins, sans-serif; cursor: pointer; } body.cyt-sticky-on { padding-bottom: 76px; } body.cyt-sticky-on #zsiq_float { bottom: 86px !important; } /* chat button sits above the bar */ } /* ========================================================= 19. CART ICON IN THE SMALL (PHONE/TABLET) HEADER Markup is in Template HTML > layout Standard, inside .dn-small-header (class cyt-small-cart). Same cart popup as the desktop header. ========================================================= */ .dn-small-header .cyt-small-cart { position: absolute; top: 8px; /* centred on the menu icon */ right: 32px; width: 44px; height: 44px; } .dn-small-header .cyt-small-cart .dn-shopping-cart-icon-over-right-container { display: block; /* a link since 2026-10-26 (R1-DES-024): inline would drop the 44 px box */ position: relative; width: 44px; height: 44px; font-size: 0; cursor: pointer; background: url(https://www.customyourtshirt.ca/rshared/ssc/i/riq/10879536/200/200/ffffff/0/0/image.png?ts=1749625838) center / 18px 23px no-repeat; } .dn-small-header .cyt-small-cart span { display: none; } .dn-small-header .cyt-small-cart span:not([data-cart-items="0"]):not([data-cart-items=""]) { display: block; position: absolute; top: 4px; right: 2px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px; background: #D63B3B; color: #fff; font: 700 11px/18px Poppins, sans-serif; text-align: center; } /* ========================================================= 20. DESIGNER — "Size chart" buttons + pop-up height fix Buttons are added by the jQuery snippet (designer pages only): - side panel: opens "More Product Info" scrolled to the size guide - Sizes & Qty picker: shows the size guide in place ========================================================= */ /* DecoNetwork sizes pop-up content to 100dvh - 91px; section 15 made the header and footer taller, which pushed the OK button below the screen. */ body.dn-page-designer .dn-popup-container .dn-popup .dn-popup-content-container { max-height: calc(100dvh - 140px) !important; } body.dn-page-designer .cyt-size-chart-btn { display: inline-flex; align-items: center; gap: 6px; margin: 8px auto 2px; padding: 7px 14px; min-height: 40px; border: 1.5px solid #D63B3B; border-radius: 10px; background: #fff; color: #C93636; font: 600 13px Poppins, sans-serif; cursor: pointer; } body.dn-page-designer .cyt-size-chart-btn:hover { background: #D63B3B; color: #fff; } body.dn-page-designer .cyt-size-chart-wrap { text-align: center; } body.dn-page-designer .cyt-size-chart-inline { margin: 0 0 12px; border: 1px solid #f0e2e2; border-radius: 10px; background: #fff; } body.dn-page-designer .cyt-size-chart-inline > summary { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; list-style: none; cursor: pointer; font: 700 14px Poppins, sans-serif; color: #C93636; } body.dn-page-designer .cyt-size-chart-inline > summary::-webkit-details-marker { display: none; } body.dn-page-designer .cyt-size-chart-inline > summary::after { content: "+"; margin-left: auto; font-size: 20px; font-weight: 400; } body.dn-page-designer .cyt-size-chart-inline[open] > summary::after { content: "\2212"; } body.dn-page-designer .cyt-size-chart-body { padding: 0 10px 10px; overflow-x: auto; } body.dn-page-designer .cyt-size-chart-body table { width: 100%; border-collapse: collapse; } body.dn-page-designer .cyt-size-chart-body th, body.dn-page-designer .cyt-size-chart-body td { padding: 5px 6px; border: 1px solid #ead8d8; font: 400 13px/1.3 Poppins, sans-serif; text-align: center; white-space: nowrap; } body.dn-page-designer .cyt-size-chart-body th, body.dn-page-designer .cyt-size-chart-body td:first-child { font-weight: 600; white-space: normal; } @media (max-width: 767px) { /* Phones: fit all sizes in the picker without sideways scrolling */ body.dn-page-designer .cyt-size-chart-body { padding: 0 6px 8px; } body.dn-page-designer .cyt-size-chart-body table { table-layout: fixed; } body.dn-page-designer .cyt-size-chart-body th, body.dn-page-designer .cyt-size-chart-body td { padding: 4px 2px; font-size: 11.5px; line-height: 1.25; white-space: normal; word-break: break-word; } body.dn-page-designer .cyt-size-chart-body tr > :first-child { width: 32%; text-align: left; padding-left: 4px; } } /* ===================== END Custom Your T-Shirt designer CSS ===================== */ /* ========================================================= 21. SITE-WIDE PACK, PHASE 1 (all pages) — Web Dev 2026-10-24 Plan: research/2026-10-24-revamp-plan.md, items T3, T7. a) Announcement bar: the free-shipping message is a DecoNetwork "POS message" whose
carries inline Bootstrap "danger" styles (pink box, Arial, 4 lines on phones). Inline styles win over the sheet, so every property here needs !important. New look: thin, brand tint, Poppins, one line. b) Header: the "Quote" link in the right-side menu becomes a button (accessible coral #D63B3B with white text, 4.5:1). c) Desktop cart icon: count badge, hidden at 0 (same as the phone badge of section 19). ========================================================= */ /* a) Announcement bar */ .dn-pos-message-container .dn-pos-message > div { background-color: #fff5f5 !important; color: #252525 !important; border: 0 !important; border-bottom: 1px solid #ffd9d9 !important; padding: 7px 16px !important; font-family: Poppins, Arial, sans-serif !important; font-size: 13.5px !important; line-height: 1.4 !important; letter-spacing: 0 !important; text-align: center !important; } .dn-pos-message-container .dn-pos-message > div strong { color: #d63b3b; font-weight: 600; } /* b) "Quote" as a button in the desktop header (992px and up; the 768px header is already full with the language switcher) */ @media (min-width: 992px) { header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .right-side-menu-logo { max-width: 200px; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .right-side-menu-logo ul { align-items: center; gap: 18px; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .right-side-menu-logo ul li a[href="/request_quote"] { display: inline-block; padding: 9px 18px; border-radius: 999px; background: #d63b3b; color: #fff; font-size: 15px; font-weight: 600; line-height: 1.2; white-space: nowrap; transition: background 0.15s; } header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .right-side-menu-logo ul li a[href="/request_quote"]:hover, header.dn-lh-2rlcan .dn-large-header-container .dn-large-header .right-side-menu-logo ul li a[href="/request_quote"]:focus-visible { background: #c93636; color: #fff; } } /* c) Desktop cart count badge (hidden at 0) */ header.dn-lh-2rlcan .dn-large-header .dn-other-nav-container .dn-nav-cart .dn-shopping-cart-icon-over-right-container { position: relative; overflow: visible; } #cart_link .dn-shopping-cart-icon-over-right-container span[data-cart-items] { display: none; } #cart_link .dn-shopping-cart-icon-over-right-container span[data-cart-items]:not([data-cart-items="0"]):not([data-cart-items=""]) { display: block; position: absolute; top: -8px !important; right: -10px !important; bottom: auto !important; min-width: 17px; width: auto !important; height: 17px !important; padding: 0 4px; border-radius: 999px; background: #d63b3b; color: #fff; font: 600 10px/17px Poppins, sans-serif !important; text-align: center; box-sizing: border-box; } @media (max-width: 767px) { /* Phones: one short line, replaces the 2026-10-23 section 17 sizes */ .dn-pos-message-container .dn-pos-message > div { padding: 6px 10px !important; font-size: 12.5px !important; line-height: 1.35 !important; } } /* d) Logo markup: the template now renders the logo as