@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');

/* Root Styles
-------------------------------------------------------------------------------------*/
:root {
    --primary: #93278f;
    --accent: #261858;
    --dark: #272727;
}

/* Core CSS Changes
-------------------------------------------------------------------------------------*/

/* Primary Color */
#RestCart_tabs .CheckoutBreadcrumbInner .ui-state-default.ui-state-active a i,
#RestCart_tabs .CheckoutBreadcrumbInner .ui-state-default.ui-tabs-complete a i {
    box-shadow: none;
}

#RestCart_tabs .CheckoutBreadcrumbInner .ui-state-default.ui-state-active a i,
#RestCart_tabs .CheckoutBreadcrumbInner .ui-state-default.ui-tabs-complete a i,
#RestCart_tabs .CheckoutBreadcrumbInner .ui-state-default.ui-state-active,
#RestCart_tabs .CheckoutBreadcrumbInner .ui-state-default.ui-tabs-complete,
#RestCart_tabs .CheckoutBreadcrumbInner .ui-state-default.ui-state-active a .tabArrow::before,
#RestCart_tabs .CheckoutBreadcrumbInner .ui-state-default.ui-tabs-complete a .tabArrow::before,
#RestCart_tabs .CheckoutBreadcrumbInner .ui-state-default.ui-state-active a .tabArrow::after,
#RestCart_tabs .CheckoutBreadcrumbInner .ui-state-default.ui-tabs-complete a .tabArrow::after {
    background: var(--primary);
}

.checkoutHeaderBG,
.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:not(:disabled):not(.disabled).active,
.btn.btn-primary:not(:disabled):not(.disabled):active {
	background-color: var(--primary);
}

    .btn.btn-primary,
    .btn.btn-primary:hover,
    .btn.btn-primary:not(:disabled):not(.disabled).active,
    .btn.btn-primary:not(:disabled):not(.disabled):active {
        border-color: var(--primary);
        letter-spacing: 2px;
        text-transform: uppercase;
        font-size: 1.2rem !important;
    }

/* Accent Color */
a, a:hover {
    color: var(--accent);
}

.dropdown .dropdown-menu .util-sub-register a, #checkoutContainer a:not(.ui-tabs-anchor),
.COMProdPrice, #ProductDiscount, .openAccountDiv #openAccountHeader h3 a,
.modalPage a, .modal-addcart .modal-title, .modal-addcart .bootCart-details .bootCart-name,
.btn-link, .btn-link:hover, #subBar a:hover,
.modal-addcart .bootCart-info .bootCart-count {
    color: var(--accent) !important;
}

.checkoutrequired{
    color: red;
}

@media (min-width: 576px) {
    .dropdown-item.active a, .dropdown-item:active a {
        color: var(--primary) !important;
    }
}

#back-to-top, .orderSummaryTitle, .dropdown .dropdown-menu .util-sub-signin a,
.st-account-manager .nav-pills .nav-link.active,
#SearchFormMobile .ui-widgetTN, .app-menu-burger .app-menu-line, .list-group .list-group-item.active,
.list-group div[id^="SubCats"] .list-group-item.active {
    background-color: var(--accent) !important;
    text-decoration: none;
}
.announcement-bar {
    background-color: #34ad56 !important
}
.st-account-manager .nav-pills .nav-link
{
    text-decoration: none;
}
.btn.btn-secondary, .btn.btn-secondary:not(:disabled):not(.disabled).active,
.btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary:hover {
    background-color: var(--dark) !important;

}

.st-account-manager .account-manager-content,
.list-group .list-group-item.active, .list-group div[id^="SubCats"] .list-group-item.active,
.ProductThumbs .ProdThumbsBox.thumbSelected .ProductThumbGridBox,
.dropdown .dropdown-menu .util-sub-signin a, .dropdown .dropdown-menu .util-sub-register a {
    border-color: var(--accent) !important;
}

.btn.btn-secondary, .btn.btn-secondary:hover,
.btn.btn-secondary:not(:disabled):not(.disabled).active,
.btn.btn-secondary:not(:disabled):not(.disabled):active {
    border-color: var(--dark) !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 1.2rem !important;
}

/* General
---------------------------------------------------------------------- */
body {
    font-family: 'Open Sans', sans-serif;
    /*background: #f6fafd url('../content/images/bg-new.jpg') no-repeat top center;*/
    background: #f6fafd;
    background-size: cover;
    font-weight: 300;
    color: var(--dark);
}

    body > .container {
        background-color: #fff;
    }
    body.login {
        background: #fff;
    }
.st-account-manager {
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.nav-side-wrap .nav-side-logo::after {
    background: #f6fafd url('../content/images/bg-new.jpg') no-repeat top center;
}
.nav-side-wrap .nav-side-menu-wrap > li
{
    color: var(--dark)
}
hr {
    border-top: 1px solid rgb(202, 202, 202);
}
.template-info-bubble {
    background-color: var(--accent);
    color: #fff;
    padding: 1rem;
    margin-bottom: 1.5rem;
}
.super-user-bar {
    background: var(--dark);
}
#topBar
{
    padding-bottom: 0;
    padding-top: 0;
}
.desktop > .container-fluid,
.desktop .announcement-bar .container-fluid,
.desktop #navToolbar .nav-ui-toolbar {
    width: 93%;
}
.announcement-bar .announcement-bar-msg {
    font-size: initial;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 1px;
}
.announcement-bar .announcement-bar-msg p
{
    margin-bottom: 0;
}
#navToolbar {
    background-color: var(--accent) !important;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    padding: 0.75rem 0 !important;
    line-height: 1.2;
    max-height: 100%;
}
.nav-ui-toolbar.container-fluid {
    padding: 0 !important;
}
.nav-ui-custom {
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
}
#navToolbar a,
#navToolbar a:hover{
    color: #fff;
    text-decoration: underline;
}
.row-content .content
{
    background: none;
}
.row-content .content a{
    text-decoration: underline;
}
h1, h2, h3, h4, h5, h6
{
    text-transform: uppercase;
    letter-spacing: 2px;
}
/* Elements
---------------------------------------------------------------------- */
#back-to-top.show {
    opacity: 0.5;
}

#back-to-top.show:hover {
	opacity: 1;
}

/* Sub Bar
---------------------------------------------------------------------- */
.nav-ui-contacts {
    justify-content: flex-end !important;
    width: 100%;
}
.nav-ui-utils .dropdown-toggle, .nav-ui-utils .cart-link {
    text-transform: uppercase;
    letter-spacing: 2px;
}
span#countItemsInCartInline {
    font-weight: 700;
}
/* Main Menu
---------------------------------------------------------------------- */
.mobile #mainMenu .navbar-toggler {
    background-color: var(--primary);
    color: #fff !important;
}

#mainMenu {
    background-color: var(--primary);
}

.desktop #mainMenuNav > ul > li > a {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.3rem;
    letter-spacing: 2px;
}
#mainMenuNav .dropdown-toggle::after
{
    display: none;
}
.desktop #mainMenuNav > ul > li.show > a,
.desktop #mainMenuNav > ul > li:hover > a {
    background-color: var(--accent);
}

#mainMenu .dropdown .dropdown-menu {
    background-color: #f5f5f5;
}


.mobile #mainMenu .dropdown .dropdown-menu {
    background-color: initial;
}

.dropdown-item a {
    text-decoration: none !important;
}

#mainMenu .dropdown-item a {
    color: var(--dark);
}

#mainMenu .dropdown-item:hover a {
    color: var(--primary);
}

/* Featured Categories/Products
---------------------------------------------------------------------- */
.featured-name {
    font-weight: 500;
    font-size: 1.2rem;
}

.featured-details {
    display: flex;
    flex-flow: column;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
}

.featured-price {
    color: #cc5629 !important;
    font-size: 1.2rem;
}

/* Homepage
---------------------------------------------------------------------- */
.featured-title {
  /*display: none;*/
}

.callouts {
    text-align: center;
}

.callouts a {
    display: inline-block;
}

    .callouts a img {
        max-width: 100%;
        height: unset !important;
        border: 0;
        width: auto !important;
    }

.callouts h2 {
  text-align: center;
  margin-top: 0;
}

.row-content .content .callouts h2 a {
    font-size: 1.5rem;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
    padding-top: 10px;
}

.callouts h2 a:hover
{
    color: var(--primary)
}

h2.featured-heading-home {
    text-align: center;
    margin-top: 3.5rem;
    text-transform: uppercase;
    color: var(--dark);
    letter-spacing: 3px;
    font-weight: 300;
    font-size: 3rem;
}


/* Homepage Hero Slider 
---------------------- */
.homeslide .item {
    position: relative;
}

.homeslide .caption-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.homeslide .caption-wrap a,
.homeslide .caption-wrap a:hover {
    color: #fff;
    text-decoration: none;
}

.homeslide .caption {
    font-size: 1.5rem;
    font-weight: 400;
    color: #fff;
    padding: 0 1rem;
    text-shadow: 3px 3px 4px rgb(0 0 0 / 50%);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.homeslide .homepage-subtitle {
    font-weight: 500;
    color: #fff;
    padding: 0 1rem;
    text-shadow: 3px 3px 4px rgba(0,0,0,0.5);
    text-align: center;
    font-size: .7rem;
}

.homeslide .slick-dots {
    bottom: 5px;
}
.homepage-button .btn {
    background: var(--accent);
    color: #fff;
    margin-top: 2rem;
    padding: 1rem 5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.4rem;
}
.homepage-button .btn:hover
{
    background: var(--primary)
}
@media (min-width: 576px) {
  .homeslide .caption {
    font-size: 2.5rem;
  }

  .homeslide .homepage-subtitle {
    font-size: 1.2rem;
  }
}

@media (min-width: 768px) {
  .homeslide .caption {
    font-size: 4.5rem;
  }
  .homeslide .homepage-subtitle {
    font-size: 1.4rem;
  }
}

@media (min-width: 992px) {
  .homeslide .caption {
    font-size: 7rem;
  }
  .homeslide .homepage-subtitle {
    font-size: 1.4rem;
  }
}
.aboutCallout {
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: var(--primary);
    color: #fff;
    padding: 3rem;
    border-top: 3px solid #000;
    outline: 5px solid #93288f;
    border-bottom: 3px solid #000;
}
.aboutCallout .aboutUsContent h1 {
    margin-bottom: 1rem;
    text-align: center;
}
.aboutCallout .aboutUsContent
{
    letter-spacing: 2px;
    line-height: 2;
}
.homeslide.slider,
.categoryBanner {
    border-bottom: 7px solid transparent;
    border-image: linear-gradient(to right,rgba(254,12,0,1) 0%, rgba(254,151,1,1) 20%, rgba(215,230,11,1) 40%, rgba(0,215,30,1) 60%, rgba(27,101,188,1) 80%, rgba(147,39,143,1) 100%);
    border-image-slice: 1;
}
.slick-slider .slick-slide.item .slide-media
{
    margin-bottom: -6px;
}
/* Categories/Product List View
---------------------------------------------------------------------- */
body.mobile .hero-stage.fullscreen {
    min-height: 200px !important;
    max-height: 200px !important;
    height: 100% !important;
    opacity: 1;
}

body.mobile .hero-stage.fullscreen .categoryBanner {
    height: 100% !important;
}
.row-header.hero-stage.fullscreen
{
margin-top: 0 !important;
}
.breadcrumb-category {
    display: none;
}
.categoryHeader h1 {
    margin-bottom: 0;
}
#catprodBreadcrumb {
    margin-top: 0 !important;
}
.categoryBannerContent {
    align-items: center;
    justify-content: center;
    height: 350px;
}
.categoryBannerContent h3 {
    color: #fff;
    font-size: 4rem;
}
.categoryCell .categoryName {
    margin-top: 0.5rem;
}
.breadcrumb-category {
    display: none;
}

#customFiltersWrap #customFilters .FilterItem .FilterItemChild .checkboxFilter ion-icon {
    color: var(--primary);
}

#customFiltersWrap.sidebar #customFilters > .FilterItem {
    font-size: 1rem;
}

#customFilters {
    padding: 0 !important;
    border: 0 !important;
}

.filter-ui {
    position: fixed;
    bottom: 2rem;
    left: 1rem;
}

.filter-ui a {
    width: 2.65rem;
    overflow: hidden;
    white-space: nowrap;
    color: transparent !important;
    border-radius: 0;
}

.filter-ui a i {
    color: #fff !important;
}
.prodCell .prodDetails .prodPartNo
{
    text-align: left;
}
/* Product View
---------------------------------------------------------------------- */
.ProductTagCategory {
    position: absolute;
    left: 0;
    top: 0;
}

/* Contact Form
---------------------------------------------------------------------- */
.cfm-id-addressline2 .cfm-input {
    margin-top: 0 !important;
}

/* Footer
---------------------------------------------------------------------- */
.footer {
    background-color: #272727;
    color: #fff;
    padding-bottom: 0;
}


.footer a {
    color: #fff;
 }

.footer-copy {
    background-color: #f6fafd;
    color: var(--dark);
    margin-top: 2rem;
}

.footer-copy a {
    color: var(--accent);
}
.footer .footer-col li
{
    margin-bottom: 8px;
}
.footer-col.footer-disclaimers {
    text-align: left;
}
.footer-col.footer-disclaimers small {
    line-height: 1rem;
    font-size: 10px;
    text-align: justify;
    display: block;
}
#copyright {
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.footer-top .footer-col {
    text-align: center;
}
.footer-top {
    margin-bottom: 2rem;
    margin-top: 2.5rem;
    border-top: 1px solid #272727;
    padding-top: 3rem;
}
.homepage .footer-top
{
    border-top: 0;
    margin-top: 0;
}
.FooterForm .FormElementInput {
    max-width: 100%;
    display: inline-flex;
    background: #fff;
    padding: 9px 10px;
    border: 1px solid #271858;
    min-width: 230px;
    height: 40px;
}
.FooterForm input.FormButtons {
    background: var(--accent);
    color: #fff;
    border-radius: 0;
    height: 40px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-left: -5px;
}
.footer-top .nav-ui-social {
    justify-content: center;
    margin-bottom: 0 !important;
}

.footer-top .nav-ui-social .nav-item {
    padding: 0;
    width: 2rem;
    height: 2rem;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--dark);
    border-radius: 10rem;
    margin: 0.5rem;
    color: var(--dark);
    transform-origin: center;
    transition: all 200ms ease-out !important;
}
.footer-top .nav-ui-social .nav-item a {
    letter-spacing: 0;
}
.footer-top .nav-ui-social .nav-item a i {
    font-size: .95rem !important;
    position: relative;
    line-height: 1.25em;
}
.footer-top .nav-ui-social .nav-item:hover a {
    color: #fff;
}
.footer-top .nav-ui-social .nav-item:hover {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    transform: scale(1.25);
}
.footer-top .social-inline-tags {
    display: inline-block;
    text-align: center;
    width: 100%;
    font-style: italic;
    letter-spacing: 3px;
}
#footerContact a {
    text-decoration: none;
    font-style: italic;
}


.assemblyvideos
{
    list-style: none;
    padding: 0;
    margin: 0;
}
    .assemblyvideos img
    {
        max-width: 100%;
    }

.assemblyvideos li
{
    width: 16%;
    display: inline-block;
    padding: 5px;
}
@media (max-width: 991.98px) {
    .assemblyvideos li {
        width: 23%;
    }
}
@media (max-width: 575.98px) {
    .assemblyvideos li {
        width: 49%;
    }
}
#collab {
    float: right;
    margin: 20px 2.5%;
}
a.OnlineRetailersButton {
    background: #e7e7e7;
    padding: 0.8rem;
    text-decoration: none !important;
    font-size: 1.3rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--dark);
    width: 100%;
    display: block;
    max-width: 340px;
    position: relative;
    padding-right: 45px;
}
    a.OnlineRetailersButton:after {
        content: "\f055";
        font-family: "Font Awesome 5 Free";
        position: absolute;
        right: 10px;
        font-weight: 700;
    }
    a.OnlineRetailersButton[aria-expanded="true"]:after {
        content: "\f056";
    }
    div#OnlineRetailers {
        padding: 1rem;
        line-height: 2rem;
    }
.openingordernotice{
    background: var(--accent)
}
.cartMessage {
    font-size: 100%;
}
.prod_cartlist {
    border-top: 1px solid var(--dark);
}
#RestCartItems .cartItemRow {
    border-bottom: 1px solid var(--dark);
}
.paymentSelection {
    background: #e1e1e1;
}
.prodCell .prodImg.prodNew a::after {
    background-image: url(/DSN/wwwinthebreezecom/content/images/new-arrival-tag.png);
    background-size: 52px !important;
    left: 5px;
    top: 5px;
}
.prodCell .prodImg.prodSale a::after {
    background-image: url(/DSN/wwwinthebreezecom/content/images/on-sale-tag.png);
    background-size: 52px !important;
    left: 5px;
    top: 5px;
}
.prodCell .prodImg.prodCustomTag a::after {
    background-size: 52px !important;
    left: 8px;
    top: 5px;
}
.MainProdBox .COMProdNewArrival, .MainProdBox .COMProdOnSale, .MainProdBox .COMProdOutOfStockTag, .MainProdBox .COMProdCustomTag {
    position: absolute;
    top: 5px;
    left: 5px;
}
.ProductTagCategory {
    left: 8px;
    top: 5px;
    max-width: 52px;
}
.ProductThumbs .ProdThumbsBox.videoThumbBox .ProductThumbGridBox {
    text-decoration: none;
    font-size: 1.3rem;
    color: var(--dark);
    font-weight: 700;
    background: #fff;
}
.ProductThumbs .ProdThumbsBox.videoThumbBox .ProductThumbGridBox i {
    color: red;
}
.prodProp-Clearance
{
    display: none !important;
}
.breadcrumb {
    background: none;
    border-top: 1px solid var(--dark);
    border-bottom: 1px solid var(--dark);
    border-radius: 0;
}
.breadcrumb a{
    text-decoration: none !important;
}
#navLeftAccWrap .p-2, #navLeftAccWrap .p-3, #navLeftAccWrap .p-4 {
    text-decoration: none;
}
#navLeftAccWrap .p-2.active, #navLeftAccWrap .p-3.active, #navLeftAccWrap .p-4.active
{
    background: #fff !important;
}
#navLeftAccWrap .p-3 {
    padding: 0.4rem 0.5rem 0.4rem 2.5rem !important;
}
#navLeftAccWrap .p-1 {
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
}
#navLeftAccWrap .p-4 {
    padding: 0.4rem 0.5rem 0.4rem 3.5rem !important;
}
.categoryName a {
    text-align: center;
    display: block;
    text-decoration: none !important;
    font-weight: 400;
    font-size: 1.3rem;
}
.prodCell .prodDetails {
    align-items: center;
    font-weight: 400;
    margin-top: 0.5rem;
}
.prodPartNo .prodPartNoLabel
{
    display: none;
}
.prodCell .prodDetails .prodName
{
    text-align: center;
}
.prodName a {
    text-decoration: none !important;
}
.prodCell .prodDetails .prodPrice {
    font-size: 1.3rem;
}
.prodPriceSale {
    color: red;
    padding-right: 0.5rem;
}
.COMProdDiscountPrice .COMProdPriceValue,
.prodCell .prodDetails .prodPrice .prodPriceBase {
    color: #767676;
}
.quickorder .prodCell .prodDetails {
    align-items: flex-start;
}
.qoPropClearance
{
    display: none !important;
}
.quickorder .prodPartNo .prodPartNoLabel {
    display: inline-block;
}
.quickorder-utils .addtocartwarningmessage {
    background: #272727;
}
div#ProductDiscount {
    color: red !important;
}
a.btn.btn-primary.inventoryNotifyProdPage {
    text-decoration: none;
    padding: 0.75rem 1rem;
}
#navigateProducts a {
    text-decoration: none;
}
#navigateProducts i {
    font-size: 0.8rem;
    position: relative;
    top: -1px;
}
#usrCartTitle {
    white-space: nowrap;
    letter-spacing: 0px;
    text-align: left;
}
.openAccountDiv {
    background-color: #93288f;
    color: #fff;
}
    .openAccountDiv #openAccountHeader h3 a {
        color: #fff !important;
    }
.checkoutShippingComments
{
    display: none;
}
.COMProdCasePackWrapper.COMProdCasePackWrapperUnit {
    display: block !important;
}
.COMProdStockWrap .InventoryOutOfStock i
{
    font-size: 1rem;
    font-weight: 700;
}
.quickorder .prodCell .prodDetails .prodName a {
    font-size: 1.3rem;
}
.retailerButtonProduct a{
    font-size: 1.2rem;
}
div#COMProdDesc {
    margin-bottom: 2rem;
}
.COMProdUPC
{
    display: none;
}
.CheckoutRightContainer {
    background: #ffffff;
}
.homepage-callout-banner img
{
    width: 100% !important;
    height: auto !important;
}
/* @ @ @ Responsive Queries - Copy from below list
---------------------------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    li .nav-item.nav-ui-brand {
            width: 100%;
        }
    }
    /* Medium devices (tablets, less than 992px) */
    @media (max-width: 991.98px) {
        .nav-ui-utils .navbar-brand {
            flex: 1 1 auto;
            text-align: center !important;
            margin: 5px 0 8px 0;
        }
    }
    /* Large devices (desktops, less than 1200px) */
    @media (max-width: 1199.98px) {
    }
    /* Small devices (landscape phones, 576px and up) */
    @media (min-width: 576px) {
    }
    /* Medium devices (tablets, 768px and up) */
    @media (min-width: 768px) {
    }
    /* Large devices (desktops, 992px and up) */
    @media (min-width: 992px) {
    }
    /* Extra large devices (large desktops, 1200px and up) */
    @media (min-width: 1200px) {
    }
	
	
	#navLeftAccWrap .p-5{
		padding:0.4rem 0.5rem 0.4rem 4.5rem !important
	}