/*create page product selectors*/
.dn-page-create .dn-collapsed-label, .dn-page-designs .dn-collapsed-label {
    font-size: 1rem;
    font-weight: 600;
    padding-left: 0;
}
.dn-page-create .dn-widget-collapsed-content {
    padding-top: 0.25rem;
}
.dn-page-designs .dn-widget-collapsed-content {
    padding-top: 0.35rem;
    min-height: 2rem;
}
@media only screen and (min-width: 0px) {
.dn-widget-45cbfd6b-f215-417a-ad25-d8f53e0dfbaa {
top: calc(50px + 2rem);
}
.dn-widget-45cbfd6b-f215-417a-ad25-d8f53e0dfbaa.headerfixed {
top: calc(50px + 2rem);
}}
@media only screen and (min-width: 768px) {
.dn-widget-45cbfd6b-f215-417a-ad25-d8f53e0dfbaa {
top: calc(5rem + 2rem - 1px);
}
.dn-widget-45cbfd6b-f215-417a-ad25-d8f53e0dfbaa.headerfixed {
top: calc(3.25rem + 2rem - 1px);
}}
.dn-page-section-bbd841f1-5f58-42d8-a08f-11dda7e119c8 {
    padding-top: 5rem;
}
/* hide mega menu images from mobile*/
@media only screen and (max-width: 768px) {
  .dn-nav-dropdown-container-large {
    display:none;
  }}
/* fix mobile header small devices 320wide */
header .dn-small-header .dn-nav-search, header .dn-small-header-always .dn-nav-search {
    width: calc(98% - 120px)!important;
}
header .dn-small-header .dn-small-logo-container, header .dn-small-header-always .dn-small-logo-container {
   width: 120px!important;
} 
.dn-small-logo-container img.dn-site-logo {
    max-width: 120px!important;
}
/* Remove, only works on Firefox and reduces font sizes */
.dn-widget-heading h1, .dn-widget-heading h2, .dn-widget-heading h3, .dn-widget-heading h4, .dn-widget-heading h5, body, caption, fieldset, h1.dn-sized, h2.dn-sized, h3.dn-sized, h4.dn-sized, h5.dn-sized, h6, html, input, legend, option, select, td, textarea, th {
    font-size-adjust: unset!important;
}
/* Sample Gallery */
.dn-page-section.gallery .dn-page-column .dn-widget-content div {
-webkit-text-stroke: unset!important;
}
/*Enlarge Add Design Popup library*/
@media only screen and (min-width: 768px) {
.dn-popup-container.dn-alt .dn-popup.dn-designer-select-image-popup {
    width: 100vw!important;
    max-width: 65rem;
    height: 80%;
}}
/* Fix Mega Drop H4 (product names) size, widget setting being overode */
.dn-nav-dropdown-container-large h4 {
    font-size: .7rem!important;
}
/*Enlarge Design Page More Products Popup library*/
@media only screen and (min-width: 768px) {
.dn-popup-container.dn-alt .dn-designer-select-product-popup.dn-popup {
    width: 100vw!important;
    max-width: 65rem;
    height: 80%;
}}
.dn-page-view_design div#product_list.dn-d-product-listing .dn-grid-item, .dn-page-view_design div#product_list.dn-d-product-listing .dn-grid-item-container {
    max-width: 200px!important;
}
.dn-page-view_design div#product_list.dn-d-product-listing .dn-grid-image {
    max-height: 200px!important;
}
.dn-page-view_design div#product_list.dn-d-product-listing .dn-grid-text {
    font-size: 0.85rem!important;
    line-height: 1.1!important;
}
.dn-page-view_design div.dn-product-display-high-detail {
    width: 100%!important;
}
/* Fix DN update, Brand Logo Size */
.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: 30%!important;
    max-height: 15%!important;
}
/* Fix DN update, Following Sections z-index - Gallery */
.dn-page-section.gallery-load {
    z-index: 10!important;
}
.dn-page-section.gallery-samples .dn-page-column-content .dn-widgets .dn-widget.dn-section-widget {
    z-index: 100!important;
}
/* fix product filter dropdown */
.dn-filter-lists.dn-horizontal {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 1rem;
}
.dn-filter-lists.dn-horizontal h2 {
width:100%!important;
}
/* Fix DN Update? (new issue) - product filter overflow */
.dn-filter-list-value {
    overflow: unset!important;
    text-overflow: unset!important;
}
/* Fix Header phone size & mobile font colors */
header .dn-small-header .dn-nav-search, header .dn-small-header-always .dn-nav-search {
   color: var(--topbar-nav-color)!important;
}
.dn-nav-phone {
    font-size: .875rem!important;
}
/* Fix designer QTY */
.dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty .dn-designer-toolbar-qty-content .dn-d-qty-input-container #qty {
    height: unset!important;
    font-size: 0.65rem!important;;
}
.dn-designer .dn-designer-toolbar-user-actions .dn-designer-toolbar-qty .dn-designer-toolbar-qty-content h4 {
    line-height: 1!important;
}
@media only screen and (min-width: 768px) {
.dn-designer-toolbar-qty-content:after {
    line-height: 1.25!important;
}}
@media only screen and (min-width: 0px) {
.dn-designer-toolbar-qty-content:after {
     color: lightgray;
}}

html {
  scroll-behavior: smooth;
}
@media screen and (min-width:0px) {
    .dn-hierarchy li.dn-hierarchy-node span.dn-hierarchy-label,
    .dn-inline-header nav.dn-nav-main .dn-selected a,
    .dn-inline-header nav.dn-nav-main .dn-selected a span,
    .dn-inline-header nav.dn-nav-main a,
    .dn-inline-header nav.dn-nav-main a span,
    .dn-inline-header nav.dn-nav-main a span:hover,
    .dn-inline-header nav.dn-nav-main a:hover,
    .dn-inline-header nav.dn-nav-main:hover,
    .dn-page-columns-container,
    a,
    a:not(.dn-overridden-hover-off):hover,
    body,
    div#dn_main_nav_more,
    div.dn-d-custom-field>label,
    html,
    input,
    label,
    li,
    p,
    p span,
    select,
    td,
    textarea,
    th {
        font-size: calc(16px + (18 - 16) * ((100vw - 300px)/ (1600 - 300)))!important;
    }
}

@media screen and (min-width:1600px) {
    .dn-hierarchy li.dn-hierarchy-node span.dn-hierarchy-label,
    .dn-inline-header nav.dn-nav-main .dn-selected a,
    .dn-inline-header nav.dn-nav-main .dn-selected a span,
    .dn-inline-header nav.dn-nav-main a,
    .dn-inline-header nav.dn-nav-main a span,
    .dn-inline-header nav.dn-nav-main a span:hover,
    .dn-inline-header nav.dn-nav-main a:hover,
    .dn-inline-header nav.dn-nav-main:hover,
    .dn-page-columns-container,
    a,
    a:not(.dn-overridden-hover-off):hover,
    body,
    div#dn_main_nav_more,
    div.dn-d-custom-field>label,
    html,
    input,
    label,
    li,
    p,
    p span,
    select,
    td,
    textarea,
    th {
        font-size: calc(18px + (36 - 18) * ((100vw - 1600px)/ (3200 - 1600)))!important;
    }
}

@media screen and (min-width:3200px) {
    .dn-hierarchy li.dn-hierarchy-node span.dn-hierarchy-label,
    .dn-inline-header nav.dn-nav-main .dn-selected a,
    .dn-inline-header nav.dn-nav-main .dn-selected a span,
    .dn-inline-header nav.dn-nav-main a,
    .dn-inline-header nav.dn-nav-main a span,
    .dn-inline-header nav.dn-nav-main a span:hover,
    .dn-inline-header nav.dn-nav-main a:hover,
    .dn-inline-header nav.dn-nav-main:hover,
    .dn-page-columns-container,
    a,
    a:not(.dn-overridden-hover-off):hover,
    body,
    div#dn_main_nav_more,
    div.dn-d-custom-field>label,
    html,
    input,
    label,
    li,
    p,
    p span,
    select,
    td,
    textarea,
    th {
        font-size: calc(36px + (72 - 36) * ((100vw - 3200px)/ (6400 - 3200)))!important;
    }
}
.dn-widget.dn-widget-044677fa-5c9b-45f0-a1c9-361a076e7e11.dn-widget-html_cm.dn-widget-margin-top-default.dn-widget-margin-bottom-none.dn-mobile-align-left {
    display: none!important;
}
/* FIX DN UPDATE 8.607 - HEADER LAYOUT | Tommys custom header on Preston Template 4/20/24 */
/* Header logo padding*/
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: 0px;}

i.fa.fa-angle-down.fa-2x.animated {font-size:4rem}

/* FIX DN UPDATE 8.609 3-19-25 */
header.dn-lh-1rllor .dn-large-header-container .dn-large-header .dn-logo-and-nav-container > div .dn-logo-container {
width: auto !important;
}
body.dn-inline-header .dn-search-icon, body.dn-inline-header .dn-shopping-cart-icon-over-right-container {
    font-size: 1.125rem !important;
}
 