/* halloween */
.rootmenu > .rootmenu-list > li.nav-9.category-item > a:link, .rootmenu > .rootmenu-list > li.nav-9.category-item > a:visited {
    background: orange;
    color: black !important;
}
.rootmenu > .rootmenu-list > li.nav-9.category-item > a:hover, .rootmenu > .rootmenu-list > li.nav-9.category-item > a:active {
    background: black;
    color: orange !important;
}

body {
    font-family: itc-avant-garde-gothic-pro, sans-serif !important;
    font-weight:300;
    font-size:16px;
    line-height: 2;
}

/* Product category links */

ul.product-categories__list {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

li.product-categories__item {
    display: inline;
    padding: 0px 12px 0px 0px;
    white-space: nowrap;
}

/* blog tweaks */
main.page-main-full-width {
    padding: 0px 20px;
}
    .mp-blog-rss {
        float: right;
        padding: 0px 0px 12px 12px;
}
    .post-post_content {
        margin:0px !important;
}
.post-view-image {
    display: none;
}
a.blog-button:link, a.blog-button:visited {
    padding: 6px 12px;
    background: #aca65b;
    border-radius: 9px;
    color: #fff;
    font-weight:bold
}

a.blog-button:hover, a.blog-button:active {
    background: #000;
    color: #fff;
}

.mpblog-post-index .page-title-wrapper {
    background: aliceblue;
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    /* align-content: center; */
    flex-direction: column;
    height: 200px;
    background-image: url(/media/wysiwyg/Brocade-blog-header.jpg);
    background-size: cover;
    background-position: center;
}

.mpblog-post-index h1.page-title {
    margin: auto;
    color: #fff;
    font-size: 50px !important;
text-shadow: 0px 0px 5px rgba(139,139,139,0.59);
}
/* END blog tweaks */

.message.global.noscript, .message.global.cookie {
    margin: 0 0 10px;
    padding: 12px 20px 12px 25px;
    display: block;
    font-size: 1.3rem;
    background: #dedcc6 !important;
    border-color: #dedcc6 !important;
    color: #333;
    margin: 0;
}
.sample-product-wrapper button span:after {
    content: 'Excl. VAT';
    font-size: 12px;
    font-weight: 200;
}
.checkout-container button,
.checkout-container input,
.checkout-container optgroup,
.checkout-container select,
.checkout-container textarea {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
}
.box-tocart .action.tocart {
            width: 100% !important; 
 }
/* CLS fixes */
.page-wrapper>.breadcrumbs {
    height: 24px;
}
.dm_latest_products span.product-image-wrapper {
    aspect-ratio: 3/2;
    background-color: #ddd;
}
.dm_spotlight span.product-image-wrapper {
    aspect-ratio: 124/83;
    background-color: #fff;
}
.product-info-price .price:after {
    content: ' Excl. VAT';
    font-size: 12px;
    font-weight: normal;
}
div.fotorama__stage {aspect-ratio:3/2;}
.gallery-placeholder{aspect-ratio:3/2;}
.gallery-placeholder:after{height:154px;}
/* div.fotorama__nav-wrap{height:154px;} */
/* student page registration form */
.cms-student-discounts .form.create.account {width:100%;}
    @media only screen and  (min-width: 769px) {
        .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.search.advanced, .form.form-orders-search {
            min-width: 600px;
            width: 50%;
            margin: auto;
        }
    }

/* hide price on grouped products */
p.minimal-price{display:none;}

/* widget static block tweak */

.widget.block.block-static-block {
    margin-bottom: 0px !important;
}

/* checkout tweaks */
.customer-welcome .action.switch {
    color: #aca65b !important;
}

ul.opc-progress-bar {
    margin-top: 34px;
}

li.opc-progress-bar-item._active:before {
    background: #aca65b;
    border-color: #aca65b;
}

li.opc-progress-bar-item._active span:before {
    background: #aca65b;
    border-color: #aca65b;
}

li.opc-progress-bar-item._active>span:after {
    border-color: #aca65b;
    content: '\e610';
    font-family: 'luma-icons';
}
li.opc-progress-bar-item>span:after {
    line-height: 145%;
}

li.opc-progress-bar-item:before {
    height: 19px;
}

.opc-progress-bar-item>span:before{

    margin-left: -29px;
    width: 58px;
}

/* product grid */

.product-item-info .price:after {
    content: ' Excl. VAT';
    font-size: 10px;
    font-weight: normal;
}

.product-item .old-price {
    margin: 5px 0;
    display: block;
}
.products-grid .product.details.product-item-details {
    font-size: 16px;
    line-height: 1.618;
}

.products-grid .price-container .price {
    font-size: 1.618rem !important;
}

.minicart-items .product-item-pricing {
    width: 35%;
    float: right;
}

.minicart-items .product-item-name {
    font-weight: 400;
    margin: 0 0 10px;
    width: 65%;
    float: left;
    text-align: left;
}

.minicart-wrapper .product .actions {
    float: left !important;
    margin: 0px !important;
}
.cart.table-wrapper .actions-toolbar>.action-edit, .cart.table-wrapper .actions-toolbar>.action-delete {
    line-height: 24px;
}
.action.primary:hover, .action-primary:hover {
    background: #000000;
    border: 1px solid #000000;
    color: #ffffff;
}
.dm-col-1-3, .dm-col-2-3 {
	width:40%;
}
.dm-col-3-3 {width:20%;}
#product-addtocart-button p {
    display: inline;
    margin-bottom: 0px;
    line-height: 2.2rem;
    font-size: 1.8rem;
    font-weight: bold;
}
p.dm-sample-link {
margin-top:0px;
font-weight:bold;
text-align:center;
color: #666666;
margin-right: 1%;
    width: 100%;
}
.page-header {background:black !important;}

.page-header .header.panel {
    padding: 0px !important;
    background-image: url(https://www.topfabric.co.uk/pub/media/wysiwyg/header-panel-bg.jpg);
    background-size: cover;
    background-position: center;
    background-color: white;
    color: black;
}

.header.panel>.header.links {
    margin: 0;
    padding: 0px 12px 0px 0px !important;
    list-style: none none;
    float: right;
    margin-left: auto;
    border-left: 3px dashed #aca65b;
    background-color: white;
}

.page-header .header.panel a:link, .page-header .header.panel a:visited {
    color: #aca65b !important;
}
.page-header .header.panel a:hover, .page-header .header.panel a:active {
    color: #000000 !important;
}

.sidebar-additional .block-wishlist .product-item-photo {
    float: left !important;
    margin: 0;
    position: static !important;
margin-bottom: 12px !important;
}
.sidebar-additional .block-wishlist .product-item-details {
    text-align: left !important;
    clear: left;
    border-bottom: 3px dashed #ddd;
    padding-bottom: 18px;
margin-left:0px !important;
}

.product-info-main input#qty {
    margin-right: 6px;
    height: 60px;
    font-size: 20px;
    font-weight: bold;
min-width:60px;
}

.product-info-main .control {
    display: flex;
    align-items: center;
    justify-content: left;
}
.product-info-main .control p {
margin-bottom:0px;
font-size:16px;
}
p.dm_metres {
    font-size: 20px !important;
    line-height: 60px;
    font-weight: bold;
    margin-right: 24px;
color: #ada55b;
}

/* buttons */
button, button span, button p {font-family: 'Futura', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;}
.page-title-wrapper {text-align:center;padding-top:32px;}
.product-item-info {width:auto !important;}
.page-layout-1column .products-grid .product-item {
    width: 24.25% !important;
    margin-right: 1%;
}
.page-layout-1column .products-grid .product-item:nth-child(4n) {
    margin-right: 0px !important;
}
.page-title-wrapper.product {
    padding-top: 0px;
    text-align: left;
    border-bottom: 1px solid #aca65b;
    margin-bottom: 20px;
}
.catalog-category-view .page-title-wrapper {padding-top:0px;}

.header.panel > .header.links > li.welcome {line-height:2 !important;}

/* colour attributes */
/* Grid layout for colour filters */
.dm-colour-filter .items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(32px, 1fr));
  gap: 6px;
  padding: 8px 0;
}

/* Make list items into square blocks */
.dm-colour-filter li {
  list-style: none;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
margin:0px !important;
}

/* Make <a> cover entire block */
.dm-colour-filter li a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  position: relative;
}

/* Tooltip: hidden by default */
.dm-colour-filter li a::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  top: -32px;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  padding: 4px 8px;
  font-size: 11px;
  white-space: nowrap;
  border-radius: 4px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, top 0.2s ease;
  z-index: 10;
}

/* Tooltip fade in on hover */
.dm-colour-filter li a:hover::after {
  opacity: 1;
  top: -40px;
}

/* Hide the count spans */
.dm-colour-filter .count {
  display: none;
}
/* colours */
.dm-reds a { background-color: #ff0000 !important; }

.dm-yellows a { background-color: #fff000 !important; color: #000 !important; }

.dm-dark-blues a { background-color: #0012ff !important; }

.dm-light-blues a { background-color: #bee6ff !important; color: #000 !important; }

.dm-greens a { background-color: #05b400 !important; }

.dm-oranges a { background-color: #ff8200 !important; }

.dm-purples a { background-color: #6e00eb !important; }

.dm-lilacs a { background-color: #c8aafa !important; }

.dm-dark-pinks a { background-color: #d200aa !important; }

.dm-light-pinks a { background-color: #ffc8f0 !important; color: #000 !important; }

.dm-browns a { background-color: #4e2802 !important; }

.dm-blacks a { background-color: #000000 !important; }

.dm-whites a { background-color: #ffffff !important; color: #000 !important; }

.dm-greys a { background-color: #a5a5a5 !important; }

.dm-ivories a { background-color: #f7f7f1 !important; }

.dm-creams a { background-color: #fdf7df !important; }

.dm-blushes a { background-color: #ffe9d0 !important; }

.dm-oysters a { background-color: #d3cfc1 !important; }

.dm-minks a { background-color: #ad9d93 !important; }

.dm-nudes a { background-color: #ddc9b9 !important; }

.dm-golds a {
  background: #cea442;
  background: -moz-linear-gradient(top, #cea442 0%, #efdcaa 44%, #efdcaa 60%, #cea442 100%);
  background: -webkit-linear-gradient(top, #cea442 0%, #efdcaa 44%, #efdcaa 60%, #cea442 100%);
  background: linear-gradient(to bottom, #cea442 0%, #efdcaa 44%, #efdcaa 60%, #cea442 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cea442', endColorstr='#cea442', GradientType=0);
}

.dm-silvers a {
  background: #f2f6f8;
  background: -moz-linear-gradient(top, #f2f6f8 0%, #c1c1c1 43%, #d6d6d6 75%, #f2f6f8 100%);
  background: -webkit-linear-gradient(top, #f2f6f8 0%, #c1c1c1 43%, #d6d6d6 75%, #f2f6f8 100%);
  background: linear-gradient(to bottom, #f2f6f8 0%, #c1c1c1 43%, #d6d6d6 75%, #f2f6f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f6f8', endColorstr='#f2f6f8', GradientType=0);
}

.dm-bronzes a {
  background: #5e3712;
  background: -moz-linear-gradient(top, #5e3712 0%, #a0680e 50%, #5e3712 100%);
  background: -webkit-linear-gradient(top, #5e3712 0%, #a0680e 50%, #5e3712 100%);
  background: linear-gradient(to bottom, #5e3712 0%, #a0680e 50%, #5e3712 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e3712', endColorstr='#5e3712', GradientType=0);
}

.dm-multi-coloureds a {
  background: #ff3232;
  background: -moz-linear-gradient(top, #ff3232 0%, #f832ff 16%, #4032ff 32%, #16ffff 50%, #16fc26 64%, #fff316 81%, #ff3232 100%);
  background: -webkit-linear-gradient(top, #ff3232 0%, #f832ff 16%, #4032ff 32%, #16ffff 50%, #16fc26 64%, #fff316 81%, #ff3232 100%);
  background: linear-gradient(to bottom, #ff3232 0%, #f832ff 16%, #4032ff 32%, #16ffff 50%, #16fc26 64%, #fff316 81%, #ff3232 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3232', endColorstr='#ff3232', GradientType=0);
}

/* Hover adjustments for light backgrounds */
.dm-yellows a:hover,
.dm-whites a:hover,
.dm-ivories a:hover,
.dm-creams a:hover {
  color: #000 !important;
}


h1,h2,h3,h4,p {font-family: itc-avant-garde-gothic-pro, sans-serif !important;}
h1 {font-weight:700;
    font-size: 2.6rem !important;
    line-height: 3.6rem !important;}
h2 {font-weight:500;}
h3 {font-weight:500;font-size:22px;}
h4 {font-weight:500;font-size:20px;}
p {font-weight:300;font-size:16px;line-height: 2;}

.dm-footer h3 {font-size:20px;line-height:30px;}
.dm-footer p {font-size:16px;line-height:26px;}
.dm-footer a:link, .dm-footer a:visited {color:#aca65b;}
.dm-footer a:hover, .dm-footer a:active {color:#ffffff !important;}
.dm-footer li a {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 6px;
    display: block;
}
.dm-shadow {text-shadow: 0px 0px 2px #777777;}

.minicart-items .product-item-details {
    padding-left: 137px;
}

.products-grid .product-item-info:hover .product-item-inner, .products-grid .product-item-info.active .product-item-inner {
    display: block;
    position: absolute;
    top: 0;
    background: transparent;
    border: 0px;
    box-shadow: none;
    z-index: 100;
    margin: 8px 0px;
}

.product-item .price-box {
    margin: 6px 0 6px;
}

.products-grid .product-item-actions {
    margin: 0px;
}

.product-item-actions .actions-secondary > .action, .product-item .action.towishlist, .product-item .action.tocompare {
    color:#fefefe;
}

.product-item-actions .actions-secondary > .action:hover, .product-item .action.towishlist:hover, .product-item .action.tocompare:hover {
    color:#ffffff;
}

.magezon-builder .mgz-container, .page-products .product-item-info {
    width: 100% !important;
    text-align: center;
}
.magezon-builder {z-index:auto !important;}
.product-item-info {
    text-align: center !important;
}

.rootmenu {font-weight:bold;}
/* .rootmenu .has-sub-cat:after {
    border: solid #aca65b !important;
} */
h3{line-height: 1.6;}
.rootmenu > .rootmenu-list > li {
    border-right: 1px dashed #aca65b !important;
    /* border-bottom: 1px solid #ffffff !important; */
    
}

.rootmenu > .rootmenu-list > li > a {
    /* color:#76723f; */
    padding: 8px 8px;
    font-size: 12px;
}
.rootmenu > .rootmenu-list > li:first-child > a {
    padding: 8px 8px !important;
}
.nav-sections {margin-bottom: 0px !important;z-index:3;}
.nav-sections-item-content .page-main {
    padding:0px;
}
.minicart-wrapper {
    margin: 0px;
    width:100%;
    text-align:right;
}
.minicart-wrapper .action.showcart .counter.qty {
    background: black;
}
.minicart-wrapper .action.showcart .counter.number {
    text-shadow: none;
}

.left-col, .center-col, .right-col {
    display:flex;
    align-items: center;
    height: 100px;
}
.left-col {
    width: 27%;
    float: left;
    padding: 0 3%;
}

.center-col {
    width: 31%;
    float: left;
    text-align: center;
    padding: 0 1%;
}

.right-col {
    width: 27%;
    float: right;
    padding: 0 3%;
}

.center-col a.logo {
    text-align: center;
    display: block;
    margin: auto auto;
    float: none;
    /* margin-bottom: 21px;
    margin-top: 11px; */
    width:100%;
    max-width: 100%;
}
.center-col a.logo img {
    width:100% !important;
}
.page-header .block-search {		    
    float: none;	    
    width: 100% !important;
    z-index: 4;
    /* margin-top: 25px; */
}

input#search {

    border-radius: 8px;
font-family: itc-avant-garde-gothic-pro, sans-serif !important;
}
/* fix checkout width */
.checkout-index-index .page-main,
.checkout-cart-index .page-main {width:auto !important;}

header.page-header .header.content {position:absolute;right: 0px;padding:0px 37px;}
.header.content a.action.compare {color:#aca65b;}
.header.content a.action.compare:hover {color:#ffffff;}

.breadcrumbs {
    margin-top: 12px;
}
footer .footer.content .block {
    float:none;
    background-color: #000000;
    color:#ffffff;
    margin: 0px;
}

footer.page-footer {background:#000000;}
.footer-credits {
    text-align: center;
    background-color: #000000;
    padding:13px 6px 8px 6px;
    color:#ffffff;
    border-top: 1px dashed #ACA65B;
}

small.copyright {display: none;}
/* .panel.header {padding:0px !important;} */

/* ul.header.links {
    margin:0px;
    list-style-type: none;
    display:flex;
    align-items: center;
    padding-left: 0px;
    width:75%;
}
.header.links li {
float: left;
text-align: center;
width: 33%;
margin-right: 0px;
margin-bottom: 0px;
}

.header.links li a {
    padding: 5px 5px 6px 5px;
    border-top: 2px dashed #aca65b;
    border-bottom: 2px dashed #aca65b;
} */
.action.primary {
    background: #ACA65B;
    border: 1px solid #aca65b;
}
a:link, a:visited {color: #aca65b;}

a:hover, a:active {color: black;text-decoration: none;}

.footer a:hover, .footer a:active,.footer-credits a:hover, .footer-credits a:active {
	color:#C6C2C5;
}

.cms-index-index .page-main {
    padding-right:0px;
    padding-left:0px;
}
@media only screen and (max-width:768px) {
    .left-col, .right-col {
        
        height: 60px;
        width:94%;
        padding: 0 3%;
    }
    .center-col {
        width:50%;
        padding: 0 25%;
        height: 60px;
    }
    .minicart-wrapper {
        text-align: center;
    }
    .block-search input {
        position:static;
        width: 100%;
        margin-top:25px;
    }
    .block-search .label {
        display:none;
    }
    .block-search .control {
        border-top: 0px solid black;
        margin-top:-11px;
        padding: 0 15px 0 64px;
    }
p.dm-sample-link {
margin-top:0px;
font-weight:bold;
text-align:center;
color: #666666;
margin-right: 1%;
    width: 99%;
}

div.fotorama__nav-wrap{position:absolute;bottom:0;height:44px;}
.product-info-main {margin-top:18px;} 
.fotorama__active .fotorama__dot {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
} 

.fotorama__dot {
    border-radius: 6px;
    border: 1px solid #858585;
    display: block;
    height: 10px !important;
    left: 6px;
    position: relative;
    top: 12px;
    width: 10px !important;
}
.page-layout-1column .products-grid .product-item {
    width: 100% !important;
    margin-right: 0;
}
}

@media only screen and (max-width:480px) {


    .center-col {
        width:94%;
        padding: 0 3%;
    }
.page-layout-1column .products-grid .product-item {

    margin-right: 0px;
    width: calc((100% - 2%)/2) !important;
}    
}

/* product layout for large screens */

 @media only screen and (min-width: 1750px) {
        .page-layout-1column .product-info-main {
            width: 400px !important;
            position: absolute;
            z-index: 2;
            background-color: #ffffffde;
            padding: 24px;
            border: 3px dashed #aca65b;
            margin-top: 48px;
            margin-left: 48px;
        }
        
         .page-layout-1column .product.media {
            width: 100% !important;
            float: none;
        }
}

 @media only screen and (min-width: 2200px) {
        .page-layout-1column .product-info-main {
            width: 360px !important;

        }
}