/* CDN
PROD 
https://cdn01.devia.com/cpc-coldwell/site/css/override.css

Dev 
https://cdn01.devia.com/cpc-coldwell/dev/site/css/override.css

*/

/* CDN
PROD 
https://cdn01.devia.com/anderson-bioserenity/site/css/override.css

Dev 
https://cdn01.devia.com/anderson-bioserenity/dev/site/css/override.css

*/

/* This is a test */

:root {
    --regularfont: 'Roboto';
    --displayfont:'Bauziet';


    --brand-color: #0d172e;
    --brand-medium: #343c50;
    --brand-lighter: #50596f;
    --brand-verylight: #dcdde1;
    --brand-secondary: #cbdcea;
    --brand-light: #e1f6f3;
    --brand-bright: white;

    --button-outlinewidth: 2px;
    --button-borderradius: 5px;

    --navlower-bgcolor: var(--brand-medium);


    --featured-textcolor: var(--brand-color);
    --footer-bgcolor: var(--brand-medium);
}

.h1 {
    color: var(--brand-color);
    font-family: var(--regularfont);

}
.title {
    color: var(--brand-color);
    font-family: var(--regularfont);
}
body {
    font-family: var(--regularfont);
    font-weight: 300;
    color: var(--brand-color);

}
/*topmenu*/

.navbar-item.toptext > a,
a.navbar-item {
    color: var(--brand-bright);
    font-family: var(--displayfont);
    font-size: smaller;
    text-transform: uppercase;
}
.navbar-brand:hover {
    opacity: 75%;
}
.navbar-item.toptext > a:hover,
a.navbar-item:hover {
    color: var(--brand-verylight);
}

.navbar-item .button {
    color: var(--brand-bright);
    font-family: var(--displayfont);
    height: 2.5rem;
    text-transform: uppercase;
}
.badge {
    top: 1.25rem;
    background: var(--brand-lighter);
    padding: 0.4rem 0.5rem 0.3rem;
}

@media screen and (min-width: 768px) {
.navbar {
    height: 3.2em;
}
}
nav#main-nav {
    background: var(--brand-color);
    height: 5em;
}

/*advanced nav*/

span.advnav_item_title {
    color: white;
    background-color: transparent;
    font-family: var(--displayfont);
}

#navlower .header-links-wrapper a, #navlower #advnav_parrent_container>.advnav_menu_button>a {
    margin: 0px 20px;
    padding: 0px;
}
.advnav_menu_button.simple {
    border-right: 1px solid white;
    margin: 10px 0px;
}
a#menuitem_1653323984809 {
    padding-left: 0px!important;
    margin-left: 0px!important;
}
div#advnav_child_container_1643830536425 .advnav_menu_button .advnav_menu_button,  div#advnav_child_container_1643830536425 .advnav_menu_button .advnav_menu_button:hover {
    background-color: transparent;
    border: none;
}
@media and screen (max-width:768px) {
    .advanced-nav-parentcontainer {
        order: 2;
    }
}
.advnav_menu_button:hover a {
    padding-bottom: 4px;
    border-bottom: var(--brand-bright) 2px solid;
}

/*buttons*/

a.button {
    border-radius: var(--button-borderradius);
    background-color: rgba(0,0,0,0);
    border-color: var(--brand-bright);
    border-width: var(--button-outlinewidth);
    color: var(--brand-secondary);
    -webkit-border-radius: var(--button-borderradius);
    -moz-border-radius: var(--button-borderradius);
    -ms-border-radius: var(--button-borderradius);
    -o-border-radius: var(--button-borderradius);
}
a.button:hover {
    background-color: var(--brand-lighter);
    border-color: var(--brand-lighter);
    color: var(--brand-bright);
}

.catfish-button, .catfish-button.is-primary, .button.is-primary, .button {
    border-radius: var(--button-borderradius);
    background-color: var(--brand-medium);
    color: var(--brand-bright);
    font-family: var(--displayfont);
    -webkit-border-radius: var(--button-borderradius);
    -moz-border-radius: var(--button-borderradius);
    -ms-border-radius: var(--button-borderradius);
    -o-border-radius: var(--button-borderradius);
}
.catfish-button:hover, .catfish-button.is-primary:hover, .button.is-primary:hover, .button:hover {
    background-color: var(--brand-lighter);
}

/*search bar*/
#navlower .navbar, #navlower {
    background: var(--brand-medium)!important;
}
#navlower .catfish-button,
.searchbox_wrapper > form > input#small-searchterms {
    font-family: var(--displayfont);
    box-shadow: none;
    text-transform: uppercase;
    background-color: transparent;
    border: none;
    border-radius: 5px 0px 0px 5px;
    color: var(--brand-bright);
    font-weight: 400;
    font-size: smaller;
    height: auto;
    padding: 0;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -ms-border-radius: 5px 0px 0px 5px;
    -o-border-radius: 5px 0px 0px 5px;
}
#navlower .catfish-button:hover {
   opacity: 80%;
   background-color: var(--brand-medium);
}
.search-box form {
    border-bottom: white 2px solid;
}

.search-box {
    width: 100%;
    max-width: 300px;
    margin: 0.8rem 0;
    display: inline-block;
}
.search-box .searchbutton {
    width: auto;
}

/*banner*/

h2.brandname {
    font-size: larger;
    font-family: var(--displayfont)!important;
    color: white!important;
}
h1.bannerheading.title.is-spaced.is-1 {
    text-align: left;
    font-family: var(--regularfont);
    font-weight: 700;
    font-size: 3rem;
    color: white!important;
    margin-bottom: 0;
}
.bannerimg_outside {
    display: flex;
    justify-content: center;
}
img.bannerimg {
    max-width: 40%;
    padding-top: 2rem;
}
a.button.is-medium.viewall {
    font-family: var(--displayfont);
    font-size: smaller;
    color: white;
    margin-top: 1.2rem;
}
a.button.is-medium.viewall:hover {
    background: white;
    color: var(--brand-color);
    border-color: white;
}
.section.is-large {
    padding: 10rem 0px;
}
.has-background-cover {
    background-size: cover;
    background-position: center;
}



/*featured cateogires*/

div#homeFeaturedCategoriesTitleRow {
    display: none;
}

.grid_12.homeFeaturedCategoriesTitleRow__title > .catfish-container {
    max-width: none;
    padding: 0;
}

.homePageCategories.clearfix .catfish-container::before {
    content: "Featured Categories";
    margin-top: 4.5rem;
    color: var(--brand-color);
    font-size: x-large;
    text-align: left;
    text-transform: uppercase;
    font-family: var(--displayfont);
    padding-bottom: 1rem;
    border: solid #7284b0;
    border-width: 0 0 3px 0;
}

.homePageCategories.clearfix .catfish-container .listWrapper.columns.is-mobile.is-multiline.clearfix {
    margin-top: 4.5rem;
}

.homeFeaturedCategoriesWrapper {
    background: linear-gradient(180deg,white 50%, var(--brand-secondary));
}

/*category cards*/


.homeFeaturedCategoriesWrapper .small-product-item .category-item .product-title {
    opacity: 100%;
    margin: 0px;
    padding: 10px 40px 0px 40px;
    transform: translate(0px, -40px)!important;
    background: white;
    transition: none!important;
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
    -o-transition: none!important;
    -webkit-transform: translate(0px, -40px)!important;
    -moz-transform: translate(0px, -40px)!important;
    -ms-transform: translate(0px, -40px)!important;
    -o-transform: translate(0px, -40px)!important;
}
.homeFeaturedCategoriesWrapper .small-product-item .category-item .product-title a {
    color: var(--brand-color)!important;
    font-family: var(--regularfont)!important;
    font-size: large;
    font-weight: 500;
}
.homeFeaturedCategoriesWrapper .small-product-item .category-item {
    display: flex;
    flex-direction: column-reverse;
    padding: 0px;
    position: relative;
    filter: drop-shadow(0px 2px 2px #bdc5cb);
    -webkit-filter: drop-shadow(0px 2px 2px #bdc5cb);
}
.homeFeaturedCategoriesWrapper .listWrapper .listItem {
    padding: 0.3rem;
}
.homeFeaturedCategoriesWrapper .listWrapper .listItem:hover {
    transform: scale(1.03);
    transition: 0.2s ease-in;
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -ms-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
}
.category-short-description {
    color: var(--brand-color)!important;
    opacity: 100!important;
    font-family: var(--regularfont);
    font-style: normal!important;
    padding: 45px 40px 15px 40px;
    font-weight: 400;
    transform: translate(0px, 37px)!important;
    transition: none!important;
    background-color: white;
    -webkit-transform: translate(0px, 37px)!important;
    -moz-transform: translate(0px, 37px)!important;
    -ms-transform: translate(0px, 37px)!important;
    -o-transform: translate(0px, 37px)!important;
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
    -o-transition: none!important;
}

/*card height width ratio*/
.homeFeaturedCategoriesWrapper .small-product-item:after {
    padding-bottom: 50%;
}

/*homepage categories grid media queries*/
@media screen and (max-width:767px) {
    .homePageCategories.clearfix .column.is-6-mobile {
       width: 100%;
    }
    .category-short-description {
        padding: 45px 40px 35px 40px;
    }
}
@media screen and (max-width:350px) {
    .homePageCategories.clearfix .catfish-container::before {
        font-size: large;
    }
}
@media screen and (min-width:1280px) and (max-width:1471px) {
    .homeFeaturedCategoriesWrapper .small-product-item .category-item .product-title {
        transform: translate(0px, -41px)!important;
        -webkit-transform: translate(0px, -41px)!important;
        -moz-transform: translate(0px, -41px)!important;
        -ms-transform: translate(0px, -41px)!important;
        -o-transform: translate(0px, -41px)!important;
}
}
.category-short-description {
    padding: 45px 40px 15px 40px;
    transform: translate(0px, 40px)!important;
    -webkit-transform: translate(0px, 40px)!important;
    -moz-transform: translate(0px, 40px)!important;
    -ms-transform: translate(0px, 40px)!important;
    -o-transform: translate(0px, 40px)!important;
}
}


/*footer*/

.catfish-footer {
padding: 0px;
}

div#footerrow {
    background: var(--brand-medium)
}

.footerinner.clearfix.columns.is-multiline {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.grid_3.column.is-12-mobile.is-6-tablet.is-3-widescreen {
    width: 100%;
}

.footercontent.is-shown {
    display: flex;
    grid-area: inherit;
    grid-template-columns: max-content;
    grid-template-rows: 1fr;
    justify-content: flex-end;
}

.footercontent a {
    line-height: 1.5;
    text-align: center;
    color: var(--brand-bright);
    font-family: var(--boldfont);
    font-size: smaller;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 2.5rem;
    padding: 0 20px;
    border: solid var(--brand-bright) var(--button-outlinewidth);
    border-radius: var(--button-borderradius);
    background-color: transparent;
    -webkit-border-radius: var(--button-borderradius);
    -moz-border-radius: var(--button-borderradius);
    -ms-border-radius: var(--button-borderradius);
    -o-border-radius: var(--button-borderradius);
}

.footercontent.is-shown p {
    text-transform: uppercase;
    font-family: var(--displayfont);
}
.footercontent a:hover {
    color: var(--brand-medium);
    background-color: var(--brand-bright);
}

.footerinner.clearfix.columns.is-multiline {
    grid-template-columns: 1fr;
    width: 100%;
}
.column.footercolumn {
    display: flex;
}
.footercolumn {
    align-self: center;
}
.footerlogo {
    max-height: 5em;
}
.grid_3.column.is-12-mobile.is-6-tablet.is-3-widescreen {
    padding: 0px;
}

/*footer copyright row*/

/*copyright row*/

.footercopyrightrow {
    background: var(--brand-lighter);
    display: flex;
    justify-content: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 0px;
}

.footercopyright {
    color: var(--brand-bright);
    font-family: var(--regularfont);
    font-weight: 500;
}

/*search page*/

.search-results > .catfish-container > .product-grid > .listWrapper.columns.is-multiline {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1rem;
}

@media screen and (max-width: 767px) {
    .search-results > .catfish-container > .product-grid > .listWrapper.columns.is-multiline {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem;
    }
}

/*footer media queries*/
@media screen and (max-width: 767px) {
    .footerinner.clearfix.columns.is-multiline .columns.is-mobile {
        flex-direction: column;
    }
    .footercolumn {
        padding-top: 2rem;
    }
    .copyright {
        padding-top: 2rem;
        text-align: center;
    }
}

/*topmenu logo switch from mobile to desktop*/

@media screen and (max-width:767px) {
    .mainlogo {
        display: none;
    }
    .mobilelogo {
        display: block;
    }
    img.mobilelogo {
        padding-bottom: 0.5rem;
    }
    .navbar-burger {
        height: auto;
    }
    .navbar-burger span {
        background-color: var(--brand-bright);
    }
}

@media screen and (min-width:768px) {
    .mainlogo {
        display: block;
    }
    .mobilelogo {
        display: none;
    }
}

/*categories page*/

.navigationmenu ul li.active > a {
    background-color: var(--brand-color-hover);
}

section.category-product-section.section {
    padding-top: 0;
}
.arone-category-page .category-intro-wrapper {
    padding-top: 5rem;
}
.category-page__sidebar.grid_3.column.is-3-desktop {
    padding-bottom: 35rem;
}

/*product page*/

.full-description-wrapper {
    margin-bottom: 10px;
}

.arone-product-landing-page .catalog-item-title {
    display: none;
    margin-bottom: 10px;
    font-family: var(--semibold-font)
}

.downloadsample {

}

.arone-product-landing-page .details-wrapper .column.price {
    max-width: 0;
    padding: 0;
}
.productvariantaddtocartbutton.add_sci.catfish-button {
    text-transform: uppercase;
}
.review-wrapper.box.block.is-light {
    display: none;
}
.catfish-input,
.catfish-select,
.catfish-textarea,
.input,
.textarea {
    box-shadow: none;
}
.breadcrumb ol,
.breadcrumb ul {
    font-family: var(--semibold-font);
}
.breadcrumb .breadcrumb-item, .breadcrumb a {
    color: var(--brand-secondary);
}
.fas.fa-home {
    padding-right: 10px;
    } 
    .section.product-info-section h1 {
        padding-bottom: 1rem;
        border: var(--brand-lighter) solid;
        border-width: 0px 0px 3px 0px;
    }
    .product-variant-line .block.is-medium.is-spaced, .block.is-medium:not(:last-child) {
        margin-bottom:  2rem;
    }

/*added for columns*/

@media screen and (min-width: 1280px) {
    .column.is-3-widescreen {
        flex: none;
        width: 25%;
    }
}

/*category page*/

.arone-category-page p.subtitle.is-6 {
    display: none;
}
ul.navigationmenu--categories:before {
    content: 'CATEGORIES';
    padding: 0.7rem;
}
.block-account-navigation .title, ul.navigationmenu--categories:before {
    font-size: 0.7rem!important;
    padding: 0.7rem!important;
    color: var(--brand-medium)!important;
    font-family: var(--displayfont)!important;
}
.block-account-navigation .title {
    padding-bottom:  0px!important;
}
.category-page__sidebar.grid_3.column.is-3-desktop h6.navigationmenu--title {
    display: none;
}
.product-item--content {
    text-align: left;
}

.navigationmenu ul a, .block-account-navigation ul a {
    font-family: var(--regularfont);
    font-weight: 500;
    color: var(--brand-color)!important;
}
.listbox a.active {
 color: white;
}
.block-account-navigation ul a.active, .block-account-navigation ul a.is-active {
    background: var(--brand-lighter);
    color: white!important;
}
.product-item--info {
    padding: 0.8rem;
}
.catfish-default-product-box .product-item--info .add-info {
    position: relative;
    transform: none;
    opacity: 100;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}
.product-grid .add-info.clearfix.product-item--actions {
    background-color: white;
}
.product-grid .column.is-3-widescreen {
    width: 33.3%;
}
.product-grid .item-box {
    border: none;
    filter: drop-shadow(0px 2px 2px #d2dae1);
    -webkit-filter: drop-shadow(0px 2px 2px #d2dae1);
    background: white;
}
.product-item--info {
    background: white;
}
.product--stockquantity {
    font-family: var(--medium-font);
}
.product-grid .product-title > a {
    font-family: var(--regularfont);
    color: var(--brand-color);
}

.item-box .catfish-button {
    text-transform: uppercase;
}
input.productlistproductdetailbutton.showproductlandingpage.catfish-button, input.productlistaddtocartbutton.catfish-button {
    background: transparent;
    border: var(--brand-lighter) solid;
    border-width: var(--button-outlinewidth);
    border-radius: 0px;
    color: var(--brand-lighter);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}
input.productlistproductdetailbutton.showproductlandingpage.catfish-button:hover, input.productlistaddtocartbutton.catfish-button:hover {
    background: var(--brand-lighter);
    color: var(--brand-bright);
}
.navigationmenu ul li.active>a {
    color: white!important;
    background-color: var(--brand-lighter)!important;
}

/*download sample button*/

span.downloadsamplebutton {
    background-color: transparent;
    padding: 0.5rem 1.5rem;
    border-width: var(--button-outlinewidth);
    border: solid var(--brand-secondary);
    border-radius: var(--button-borderradius);
    -webkit-border-radius: var(--button-borderradius);
    -moz-border-radius: var(--button-borderradius);
    -ms-border-radius: var(--button-borderradius);
    -o-border-radius: var(--button-borderradius);
}
span.downloadsamplebutton a {
    color: var(--brand-secondary)!important;
    font-family: var(--boldfont);
    text-transform: uppercase;
}
span.downloadsamplebutton:hover {
    background-color: var(--brand-secondary);
}
span.downloadsamplebutton:hover a {
    color: var(--brand-bright)!important;
}
.downloadsample {
    margin: 2rem 0px;
}
.block-account-navigation .title {
    color: darkgray;
    font-size: .7em;
    font-family: var(--boldfont);
}

/*navbar media queries*/
@media screen and (min-width: 1088px) and (max-width:1279px) {
#navlower .catfish-button, .searchbox_wrapper > form > input#small-searchterms {
    width: fit-content;
}
.search-box form {
    justify-content: flex-end!important;
}
}

/*login*/


.login__wrapper > .catfish-container {
    width: 100%;
    max-width: 100%;
    margin-top: 6%;
    min-height: 0px;
    float: none!important;
    background-color: rgb(255,255,255,0.9);
    padding-top: 2rem;
    border-radius:0px;
    border-color: rgb(255,255,255,0.90)!important;
    /*border-bottom-width: 5px;
    border-right-width: 5px;
    border-right-style: inset;
    border-bottom-style: inset;
    margin-bottom: 6%;
    */
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    -ms-border-radius:0px;
    -o-border-radius:0px;
}

.login__wrapper .page-title:before {
    content: '';
    float: none!important;
    display: block;
    width: 37rem;
    background-size: contain;
    background-position: center center;
    align-content: center;
    background-repeat: no-repeat;
    margin-bottom: none;

}

.login__wrapper .page-title h1 {
    font-size: 0em;
    margin-bottom: 0;
}

.login-title {
    font-weight: 300;
}

@media screen and (max-width: 1087px) {
    .navbar-brand:hover {
        opacity: 100%;
    }
    a.navbar-item, .navbar-link, .navbar-item .button, .navbar-item.toptext > a {
        color: var(--brand-color);
        text-align: left;
        border: none;
    }
    a.button.navbar-item.logout {
        padding: 0px;
    }
    a.navbar-item .icon {
        color: var(--brand-bright);
    }
}

@media screen and (max-width: 767px) {
    ::before {
        max-width: 20rem;
    }
}
@media screen and (min-width: 768px) {
    .navbar-burger span {
        background-color: white;
    }
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.search-box form {
    justify-content: space-between!important;
}
}

@media screen and (min-width: 1382px) and (max-width:2090px) {
    .has-background-cover {
        background-size: contain;
}
}

.login__wrapper {
    color: #030e26!important;
}

.login__wrapper .page-title h1 {
    color: #030e26!important;
}

.login__wrapper .page-title h1 {

    text-align: center;
}

 td.forgot-password a {
    color: #030e26!important;
}

@media screen and (max-width: 925px) {
.homePageCategories.clearfix .listItem.grid_3.column.is-6-mobile.is-6-tablet.is-3-widescreen {
    width: 100%;
}
}
footer.catfish-footer {
    background-color: var(--brand-medium)!important;
    padding: 0px!important;
}
.catfish-footer #footerrow {
    margin-bottom: 0px!important;
}