/* CDN
PROD 
https://dibh4pmtbctcd.cloudfront.net/colordynamics-mazzios/site/css/getskincss.css

Dev Live
https://dibh4pmtbctcd.cloudfront.net/colordynamics-mazzios/dev/site/css/getskincss.css
*/

:root {
    --primary: #b82025;
    --primaryhover: #650b0d;
    --primaryhover2: #4c090a;
    --primarydark: #281d1c;
    --primarydarkhover: #40302e;
    --secondary:#fad00f;
    --secondaryhover:#b19103;
    --whitetransparent: rgb(255,255,255,0.11);
    --tertiary: #24913c;
    --tertiaryhover: #176f2a;
    --tertiaryhoverdark:#135a22;
    --color4: #996f15;
    --color4hover: #775711;
}

/*sitewide css*/
body {
    background: black;
}
.layout--twocolumn {
    padding-top: 6rem;
}
.arone-product-landing-page .product-info-section, .product-main-wrapper {
    padding-top: 6rem;
}
h1.title {
    font-family: 'acumin-pro-extra-condensed';
    color: var(--secondary);
}
.catfish-button, .button {
    font-family: 'Nunito Sans';
    text-transform: uppercase;
}
.generalPageWrapper.layout--columnOne {
    padding-top: 6rem;
}


/*Centered Navbar*****************************************/

/*general navbar*/
nav#main-nav {
    display: flex;
    flex-direction: column;
    background: black;
    transition: background-color 0.3s;
    height: 16rem;
}
.navbar-item a {
    color: white;
    font-size: 1.2rem;
    font-weight: 900;
    font-family: 'Nunito Sans';
    text-transform: uppercase;
}
.navbar-item a:hover {
    opacity: 0.7;
}
#logorow .navbar {
    background: transparent;
}
#logorow .navbar .navbar-item.has-dropdown:hover .navbar-link {
    background: transparent;
}
a.navbar-link {
    color: white!important;
}

/*TOPBAR*************************************************/

.topbar {
    background: var(--primary);
}
.container.topbarcontainer {
    display: flex;
    justify-content: space-between;
}
.leftoptions {
    display: flex;
}
/*search*/
a.navbar-search-toggle {
    display: flex;
    align-items: center;
    gap: 5px;
}
i.fal.fa-search {
    font-weight: 600;
}
/*login logout buttons*/
a.navbar-item.logbutton {
    display: flex;
    align-items: center;
    gap: 5px;
}
i.fal.fa-sign-out.fa-lg {
    font-weight: 600;
    font-size: 1.2rem;
}
/*admin button*/
a.adminbutton {
    display: flex;
    align-items: center;
    gap: 5px;
}
/*text on topbar buttons*/
.topbar span {
    text-transform: uppercase;
    font-weight: 900;
    font-family: 'Nunito Sans';
}
/*search box top nav*/
.search-box {
    margin-top: 0;
    margin-bottom: 0;
    max-width: 260px;
    height: 28px;
}
.searchbox_wrapper,
.search-box form {
    height: inherit;
}
.search-box .searchbox {
    padding-top: 1px;
    padding-bottom: 1px;
}
.search-box input {
    height: inherit;
}
.search-box .searchbutton {
    width: 50px;
    background: var(--primarydark);
    padding-top: 1px;
    padding-bottom: 1px;
}
.leftoptions .navbar-item {
    padding-top: 5px;
    padding-bottom: 5px;
}

/*BOTTOM NAV********************************/

.bottomnav {
    justify-content: center;
    gap: 10px;
}
/*carats*/
.content-field-navbar .navbar-link:not(.is-arrowless)::after {
    border-color: white;
}
/*store logo*/
.navbar-item img {
    height: 12rem;
    max-height: unset!important;
}
.navbar .container.bottomnav {
    height: 12rem;
}
/*dropdowns*/
.navbar-link:hover {
    color: white!important;
}
.navbar-dropdown {
    background: black;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0px;
    transform: translate(0px, -60px);
    -webkit-transform: translate(0px, -60px);
    -moz-transform: translate(0px, -60px);
    -ms-transform: translate(0px, -60px);
    -o-transform: translate(0px, -60px);
}
.navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
    background-color: white;
    color: black;
}
/*mobile navbar**********************************************/
.mobileshow {
    background: black;
}
.mobileshow .container {
    display: flex;
    justify-content: space-between;
}
/*logo*/
.mobileshow .storelogo {
    width: 7rem;
}
.mobileshow .is-header-logo {
    height: auto;
}
/*cart*/
.rightMobileBar {
    display: flex;
    align-items: center;
}
i.fal.fa-shopping-cart.fa-lg {
    color: white;
}
/*burger*/
.navbar-burger span {
    background-color: white;
}
/*burger menu*/
.mobileshow .navbar-menu {
    background: var(--primaryhover);
    transform: translate(0px, 5rem);
    -webkit-transform: translate(0px, 5rem);
    -moz-transform: translate(0px, 5rem);
    -ms-transform: translate(0px, 5rem);
    -o-transform: translate(0px, 5rem);
}
.mobileshow .navbar-menu .navbar-item {
    padding-top: 0px;
    padding-bottom: 0px;
}
.mobileshow .navbar-start {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/*burger menu dropdowns*/
.mobileshow .navbar-dropdown {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}
.mobileshow .navbar-menu.logo-left.is-active {
    padding-left: 4rem;
    padding-right: 6rem;
}
@media screen and (max-width:767px) {
    .mobileshow .navbar-menu.logo-left.is-active {
        padding-left: 1rem;
        padding-right: 2rem;
    } 
}

/*media queries hide show desktop mobile*/
@media screen and (max-width:1087px) {
    .mobileshow {
        display: block!important;
    }
    .mobilehide {
        display: none!important;
    }
}
@media screen and (min-width:1088px) {
    .mobileshow {
        display: none!important;
    }
}
@media screen and (max-width:1087px) {
    nav#main-nav {
        background: transparent;
    }
}

/*homepage banner***************************/

.homepageBanner {
    transform: translate(0px, -9rem);
    background:
    url('https://dibh4pmtbctcd.cloudfront.net/colordynamics-mazzios/site/images/banners_backgrounds/widerbanner2.jpg');
    background-position-x: right;
    height: 60rem;
    background-position-y: top;
    -webkit-transform: translate(0px, -9rem);
    -moz-transform: translate(0px, -9rem);
    -ms-transform: translate(0px, -9rem);
    -o-transform: translate(0px, -9rem);
}
img.bannertext {
    width: 50%;
    object-fit: contain;
    padding-top: 8rem;
}
.homepageBanner .container.content.is-flex {
    height: 100%;
}
/*banner media queries*/ 
@media screen and (max-width:1087px) {
    .homepageBanner {
        height: 30rem;
    }
}
@media screen and (max-width:600px) {
    img.bannertext {
        width: 100%;
    }
}
/*featured categories***************************/
.homeFeaturedCategoriesWrapper {
    background: black;
    padding-top: 2rem;
}
.homeFeaturedCategoriesWrapper h3.title.is-spaced.has-text-centered {
    display: none;
}
/*featured categories flag image*/
.homeFeaturedCategoriesWrapper .bestsellers::after {
    content: '';
    display: block;
    width: 497px;
    height: 67px;
    background: url(https://dibh4pmtbctcd.cloudfront.net/colordynamics-mazzios/site/images/categories/featured-categories.png);
    background-size: contain!important;
    background-repeat: no-repeat;
}
/*featured categories flag image media queries*/
@media screen and (max-width:900px) {
    .homeFeaturedCategoriesWrapper .bestsellers::after {
        width: 350px;
    }
}

/*featured category cards*/
.homeFeaturedCategoriesWrapper .small-product-item {
    border: 0px!important;
    overflow: visible;
}
.homeFeaturedCategoriesWrapper .category-item .picture {
    background: var(--primarydark);
}
.homeFeaturedCategoriesWrapper .small-product-item .category-item .picture .image {
    height: 100%;
    width: 100%;
}
.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .picture img {
    object-fit: contain!important;
    height: unset!important;
    padding: 2rem;
}
.homeFeaturedCategoriesWrapper .small-product-item .category-item .product-title {
    background: var(--primarydark)!important;
    transform: none!important;
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
}
.homeFeaturedCategoriesWrapper .small-product-item .category-item .product-title a {
    color: white!important;
    font-family: 'acumin-pro-extra-condensed';
    font-size: 1.7rem;
}
.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item:hover .product-title {
    background: var(--primarydark);
}
/*featured category hover effects*/
.small-product-item:hover {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}
/*featured category columns*/
.homePageCategories.clearfix .listItem.grid_3.column.is-6-mobile.is-6-tablet.is-3-widescreen {
    width: 33%;
}
@media screen and (max-width:950px) {
    .homePageCategories.clearfix .listItem.grid_3.column.is-6-mobile.is-6-tablet.is-3-widescreen {
        width: 50%;
    } 
}
@media screen and (max-width:600px) {
    .homePageCategories.clearfix .listItem.grid_3.column.is-6-mobile.is-6-tablet.is-3-widescreen {
        width: 100%;
    } 
}
/*footer*/
.footer-column-content {
    display: flex;
    flex-direction: column;
    font-size: 1.2rem;
}
h2.footertitle {
    text-transform: uppercase;
    font-weight: 800;
    color: var(--secondary);
    font-family: 'Battleslab';
}
h2.footertitle, .footer-column-content a {
    margin-bottom: 10px;
} 
.footer-column-content a {
    color: white;
    font-family: 'acumin-pro-extra-condensed';
    font-size: 1.7rem;
}
img.footerlogo {
    width: 200px;
}
.arone-footer {
    padding-bottom: 2rem;
    background: url(https://dibh4pmtbctcd.cloudfront.net/colordynamics-mazzios/site/images/banners_backgrounds/footerimage.jpg);
    background-position: bottom;
    background-size: cover;
}
p.copyrighttext {
    color: white;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: 'acumin-pro-extra-condensed';

}
/*category page*************************/
h6.navigationmenu--title {
    color: var(--secondary);
    font-family: 'Battleslab';
    font-size: 1rem;
}
.navigationmenu ul a {
    color: white;
    font-family: 'acumin-pro-extra-condensed';
    font-size: 1.2rem;
}
.navigationmenu ul a:hover {
    background: var(--primarydark);
    color: white;
}
.arone-category-page .category-intro-wrapper {
    padding-top: 0px;
}
/*category page product cards*/
.item-box {
    background: var(--whitetransparent);
}
.item-box .product-item--info {
    padding: 0.8rem;
    padding-top: 1.2rem!important;
}
h2.product-title a {
    color: white;
    font-family: 'acumin-pro-extra-condensed';
    font-size: 1.4rem;
}
.alternate--prices span.productPrice {
    font-family: 'acumin-pro-extra-condensed';
    color: white;
    font-size: 1.2rem;
}
input.productlistproductdetailbutton.showproductlandingpage.catfish-button, input.productlistaddtocartbutton.catfish-button {
    color: white;
    font-family: 'Nunito Sans';
    font-size: 1rem;
    text-transform: uppercase;
}
input.productlistproductdetailbutton.showproductlandingpage.catfish-button:hover, input.productlistaddtocartbutton.catfish-button:hover {
    background: var(--primaryhover);
}
.catfish-default-product-box .product-item--image .picture img {
    object-fit: contain!important;
    padding: 1rem;
}
/*product page*/

.column.details-wrapper.is-6-desktop.is-12-tablet.is-12-mobile {
    color: white;
}
span.productPrice, label.enterQuantityBoxLabel  {
    color: white;
    font-family: 'Nunito Sans';
}
/*cart page*/
.shoppingcart__wrapper .cartform .cartTableWrapper .cart-item-row .cart--pictures .shopping-cart__product__images__item img {
    object-fit: contain!important;
}
.checkout_message_bottom .catfish-container {
    color: white;
}
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--productinfo .product__title {
    word-break: break-word!important;
}
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row {
    background: var(--whitetransparent);
}
input#continueshoppingDummy {
    background: var(--primaryhover);
    border: 0px;
    color: white;
}
input#continueshoppingDummy:hover {
    background: var(--primaryhover2);
}
input#checkout {
    background: var(--tertiary);
}
input#checkout:hover {
    background: var(--tertiaryhover);
}
input.basketSaveForLaterButton.catfish-button {
    background: var(--color4);
}
input.basketSaveForLaterButton.catfish-button:hover {
    background: var(--color4hover);
}
input.basketEditButton.options.catfish-button {
    background: var(--tertiaryhover);
}
input.basketEditButton.options.catfish-button:hover  {
    background: var(--tertiaryhoverdark);
}
/*one page checkout*/
li#opc-billing, .one-page-checkout .step-title h2 {
    color: white;
}
/*checkout image*/
.one-page-checkout .cartTableWrapper .cart-item-row .cart--pictures .shopping-cart__product__images__item img {
    object-fit: contain!important;
}
/*search page*/
table.basic-search.table-container {
    color: white;
}



/*login page*/
.login__wrapper > .catfish-container {
    background: black;
}
.returning-wrapper__inner {
    color: white;
}
td.forgot-password a {
    font-weight: 600;
    color: var(--secondary);
}
.login__wrapper .page-title:before {
    width: 14rem;
}

/*account page*/
.layout--accountPage {
    padding-top: 6rem;
}
/*menu*/
.block-account-navigation .title {
    color: var(--secondary);
    font-family: 'Battleslab';
    font-size: 1rem;
}
.listbox ul a {
    color: white;
    font-family: 'acumin-pro-extra-condensed';
    font-size: 1.2rem;
}
.block-account-navigation ul a.active .block-account-navigation ul a.is-active {
    background: var(--primary);
}
.listbox ul a:hover {
    background: var(--primarydark);
    color: white;
}
/*text on pages*/
.customer-info-box, .address-list, .orders_v2, .customer-pass-recovery{
    color: white;
}
/*forgot password page*/
.grid_9.password-recovery-container {
    color: white;
}

/*contact page*/
.topicpage-body {
    padding-top: 6rem;
}
h1.ict-page-title.title.has-text-centered.is-2.has-text-default.has-style-default, .ict-paragraph.block.has-text-centered.has-text-default.has-style-default {
    text-align: left!important;
    color: white!important;
}
h1.ict-page-title.title.has-text-centered.is-2.has-text-default.has-style-default {
    font-family: 'acumin-pro-extra-condensed';
    color: var(--secondary);
}
.ict-paragraph.block.has-text-centered.has-text-default.has-style-default a {
    color: var(--secondary)!important;
    text-decoration: underline;
}

/*checkout (confirm order page)*/
table.table-container label {
    color: white !important;
}
.checkout-data .subtitle {
    color: white !important; 
}
table.cart.is-fullwidth tr.cart-item-row {
    background-color: #212121 !important;
}
table.cart.is-fullwidth span.productPrice, 
 table.cart.is-fullwidth span.productPrice.productPrice__total, 
 tr.cart_total--subtotal span, 
 tr.cart_total--shipping, 
 tr.cart_total--shipping span,
 tr.cart_total--tax span, 
 tr.cart_total--tax span, 
 tr.cart_total--order-total span, 
 tr.cart-item-row label.is-hidden.cart-label-header.label,
 table.table-container label, .checkout-data .subtitle
 td.product.cart--productinfo .product__title.is-word-break-all,
 .checkout-page.checkout__complete span.checkout-data-info__orderid, 
 td.product.cart--productinfo .approvalRequiredBasketField {
    color: white !important;
}
.checkout-page.checkout__complete a.checkout-data-info__orderdetails {
    color: var(--secondary);
    text-decoration: underline;
}

td.product.cart--productinfo span.title,
td.product.cart--productinfo span.value,
td.product.cart--productinfo #text,
td.product.cart--productinfo .rawAttributeInfo.product-class-1572 {
    color: white !important;
}

    /*cart*/
.checkout_message_bottom .cart-footer__container,
 .checkout_message_bottom tr.cart-item-row {
    border: none !important;
    background-color: #212121 !important;
}


/*more details page*/
.account-page--order-details.section.is-large .od_half_row.od_title.title.od_row_formating.column,
.od_half_row.od_row_formating.column.is-6 ul.od_info_box.od_main_info {
    color: white !important;
}

/*checkout quantity color and product title color*/
.one-page-checkout .cartTableWrapper .cart span.product__quantity, .one-page-checkout .cartTableWrapper .cart tr.cart-item-row td.cart--productinfo .product__title {
    color: white!important;
}
/*order confirm bottom table width*/
div#cartTotals, tr.cart_total--subtotal {
    width: 400px!important;
}
.one-page-checkout .cart-total .cart_total_right {
    justify-content: flex-end;
    display: flex;
}
/*shipping address color*/
.vue-component-wrapper-shipping-address span.text.dropdownSelectedItem {
    color: white;
}
/*cart attitribute*/
.rawAttributeInfo__item .title {
    color: white;
}
/*approval page*/
.approval-page {
    color: white;
}
/*stock availability text*/
.catfish-default-product-box .product--sku, .catfish-default-product-box .cart-item__quantity, .catfish-default-product-box .product--stockquantity {
    color: white;
}