/*Header*/

/*Header logo is SVG, this makes it visible*/
img.is-header-logo {
    width: 12rem;
}

#main-nav {
    border-bottom: solid 1px #eee;
}

.navbar-item .is-header-logo {
    margin-bottom: -0.6rem;
}

/*Footer*/
.catfish-footer {
    background-color: #344A4F;
    color: #fefefe;
}

.catfish-footer ul a , .catfish-footer ul a:hover{
    color: #fefefe;
}

#footerrow .catfish-container::before{
    content: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/3/RevereHealth Logo - white.png");
    display: block;
    margin-bottom: 2.5rem;
}

a.navbar-item, .navbar-link{
    font-size: 0.9rem;
}

/*Homepage Banner*/
#mainslider {
    background: #F1F5F5;
}

.flexslider .feature-intro {
    font-size: 1.25rem;
}

.flexslider .feature-title {
    font-size: 3rem;
    line-height: 1em;
}

.flexslider .feature-paragraph {
    font-size: 1.75rem;
    line-height: 1.2em;
}

/*Content Pages*/

/*FAQ*/
.faqQuestion {
    font-size: 1.25rem;
    font-weight: bold;
}

/*About Us*/

#aboutUsBanner .banner-text {
    font-size: 1.25em;
}

/*Contact Us*/

.contactCol{
    font-size: 1.5rem;
}

#contactCTA .has-text-weight-bold{
    font-size: 1.75rem;
}

.topicpage{
    padding-bottom: 0;
}

.topicpage > .catfish-container{
    max-width: 100%;
    width: 100%;
    padding: 0;
}

#contactBanner h1,#aboutUsBanner h1 {
    font-size: 2rem;
}

#contactBanner .bannerContent .column,#aboutUsBanner .bannerContent .column{
    padding-top: 0;
    padding-bottom: 0;
}

#contactBanner .banner-text {
    font-size: 1.25em;
}

#contactCTA .catfish-container {
    max-width: 100%;
}

.topicpage .catfish-container .container {
    padding-left: 20px;
    padding-right: 20px
}

#contactInfo {
    padding-top: 0;
}

#contactInfo .column.is-full:not(:last-child) {
    border-bottom: solid 1px lightgrey;
    margin-bottom: 0.75rem;
}

/*Homepage*/
.small-product-item {
    border-top: 0px !important;
}

/*Product landing pages*/
.product-main-wrapper {
    display: flex;
    flex-direction: column;
}

section.hero.product-intro-section.is-primary {
    order: -1;
}

/*Hide the additional description because the default padding makes the delivery countdown look weird*/
section.section.additional-description-section {
    display: none;
}

/*If the customer wants to use the additional description, they add showAdditionalDescription to the custom product class*/
.showAdditionalDescription section.section.additional-description-section {
    display: block;
}

/*Category page*/

.arone-category-page {
    display: flex;
    flex-direction: column;
}

section.hero.is-primary.category-hero-section {
    order: -1;
}

.arone-category-page .navigationmenu {
    padding-top: 2rem;
}

.arone-category-page .category-navigation-enabled .category-intro-wrapper {
    padding-top: 2rem;
}

/*Login page*/
.login__wrapper .page-title:before {
    width: 15rem;
}

/*Infigo Editor*/
#fontHelperDiv{
    display: none; /*This div has visibility hidden as inline styling and doesn't seem to do anything, but it causes a break between the footer and the end of the page, so I'm hiding it*/
}

@media screen and (min-width: 768px),print { /*Tablet and above*/
    .topicpage .catfish-container .container {
        padding-left:64px;
        padding-right: 64px
    }

    .arone-product-landing-page .price-quantity-start-wrapper .column.price {
        min-width: 33%;
    }
       
}

@media screen and (min-width: 1380px),print { 
    .column.quantity-wrapper {
        margin-right: 2.3em;
    }
    .arone-product-landing-page .details-wrapper .column.price {
        min-width: 33%;
    }
}

@media only screen and (max-width: 768px) {
    /*Top Menu*/
    img.is-header-logo {
        width: 8rem;
    }    

    .navbar-item, .navbar-link {
        padding: 0.5rem 1em;
    }

    /*There was a gap between the top menu and the slider on mobile. This removes that gap*/
    .header-spacer {
        height: 4rem;
    }

    /*About us*/
    #aboutUsBanner {
        padding-top: 3rem;
    }

    /*Contact Us*/
    #contactBanner {
        padding-top: 3rem;
    }

    #rowDetails{
        overflow-wrap: break-word;
    }

    /*Account page*/
    .account-page.account-page--customerinfo {
        padding-top: 0;
    }
    .block-account-navigation{
        padding-bottom: 0;
    }

    /*Infigo Editor*/
    .bottomTools .bottomTools__buttons.level .right.buttons {
        margin-bottom: .5em;
    }

    .infigo-editor #form_panel {
        height: auto;
        padding-bottom:2em;
    }

    /*Homepage Slider*/
    #sliderrow .flexslider .flex-direction-nav .flex-nav-next, #sliderrow .flexslider .flex-direction-nav .flex-nav-prev {
        padding: .75rem 0.5rem;
    }

    /*Midpage Content*/
    .midpage-columns{
        display: flex;
        flex-direction: column;
    }

    .midpage-text{
        order:-1;
    }

    section.is-large.midpage-section{
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

}