:root {
    --dark: #000000;
    --lessdark: #2b2b2b;
    --lessdarkhover:#3f3f3f;
    --blue: #003da6;
    --bluedark: #032f7a;
    --bluedarkhover: #032663;
    --orange:#ff992c;
    --orangehover:#d17614;
    --green: #32ad5f;
    --greenhover: #3d8874;
    --tomato: #c83934;
    --tomatohover: #ad2a25;
}

.buttons .ui-button, .buttons .catfish-button, .buttons .button, .catfish-button > .catfish-button, .catfish-button > .button, .button > .catfish-button, .button > .button, .catfish-button, .button {
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'montserrat';
    background: var(--orange);
    color: white;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.layout--accountPage .buttons .ui-button, .layout--accountPage .buttons .catfish-button, .layout--accountPage .buttons .button, .layout--accountPage .button {
    padding-bottom: 0px!important;
}
.buttons .ui-button:hover, .buttons .catfish-button:hover, .buttons .button:hover {
    background: var(--orangehover);
}
.catfish-button > .catfish-button, .catfish-button > .button, .button > .catfish-button, .button > .button, .catfish-button, .button{
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'montserrat';
    background: var(--orange);
    color: white;
}
.catfish-button > .catfish-button:hover, .catfish-button > .button:hover, .button > .catfish-button:hover, .button > .button:hover, .catfish-button:hover, .button:hover {
    background: var(--orangehover);
}
/*layout column 1A*/
.generalPageWrapper.layout--columnsOneA {
    margin-bottom: -3rem;
}
.generalPageWrapper.layout--columnsOneA div#contentrow {
    transform: translateY(-3rem);
    -webkit-transform: translateY(-3rem);
    -moz-transform: translateY(-3rem);
    -ms-transform: translateY(-3rem);
    -o-transform: translateY(-3rem);
}
/*Centered Navbar*****************************************/

/*general navbar*/
nav#main-nav {
    display: flex;
    flex-direction: column;
    background: black;
    transition: background-color 0.3s;
    height: 10rem;
}
i.far.fa-angle-down {
    font-size: 1.5rem;
    padding-left: 10px;
}
.navbar-item {
    height: 100%;
}
.navbar-item a {
    color: white;
    font-size: 1rem;
    font-weight: 700;
    font-family: 'montserrat';
    text-transform: uppercase;
}
.navbar-item a:hover {
    opacity: 0.7;
}
#logorow .navbar {
    background: var(--dark);
}
#logorow .navbar .navbar-item.has-dropdown:hover .navbar-link {
    background: var(--dark);
}
a.navbar-link {
    color: white!important;
}
/*icon styling*/
img.caratdown {
    width: 14px;
    margin-left: 10px;
}
/*search styling*/
input#small-searchterms {
    border: 0px;
}
input#btn-small-search {
    background: var(--orange);
    font-weight: 700;
}
input#btn-small-search:hover {
    background: var(--orangehover);
}
/*TOPBAR*************************************************/

.topbar {
    background: var(--blue);
    padding-top: 2px;
}
.container.topbarcontainer {
    display: flex;
    justify-content: space-between;
}
.leftoptions {
    display: flex;
}
.container.topbarcontainer .navbar-item a {
    color: white!important;
}
.navbar-item.has-dropdown a span {
    line-height: 0px;
}
.navbar-item.has-dropdown a {
    display: flex;
    align-items: center;
}
.navbar-dropdown a.navbar-item {
    text-decoration: none;
}
/*search*/
a.navbar-search-toggle {
    display: inline-block;
}
i.fal.fa-search {
    font-weight: 600;
    margin-right: 5px;
}
/*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: 1rem;
}
/*admin button*/
a.adminbutton {
    display: inline-block;
}
i.fas.fa-cog {
    margin-right: 5px;
}
a.is-shown.logbutton {
    display: inline-block;
}
i.fal.fa-sign-out.fa-lg {
    margin-bottom: 2px;
}
.navbar-link:not(.is-arrowless)::after {
    margin-top: -0.5em;
}
/*text on topbar buttons*/
.topbar span {
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'montserrat';
}
/*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(--orange);
    padding-top: 1px;
    padding-bottom: 1px;
}
#logorow .catfish-button {
    background: var(--orange)!important;
}
#logorow .catfish-button:hover {
    background: var(--orangehover)!important;
}
.search-box .searchbutton:hover {
    background: var(--orangehover);
}
.leftoptions .navbar-item {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
}

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

.bottomnavbuttons {
    gap: 10px;
    display: flex;
}
.bottomnav {
    display: flex;
    justify-content: space-between;
}
a.navbar-item.cart {
    margin-right: 1.75rem;
}
.bottomnav  .navbar-item a {
    text-transform: capitalize;
}
/*carats*/
.content-field-navbar .navbar-link:not(.is-arrowless)::after {
    border-color: white;
}
/*store logo*/
.is-header-logo {
    height: 5rem;
}
.navbar-item.storelogo {
    padding-left: 0px;
}
.navbar-item img {
    max-height: unset;
}
.navbar .container.bottomnav {
    height: 10rem;
}
span.icon.is-shown.is-marginless.Account {
    display: none;
}
/*dropdowns*/
a.navbar-link {
    line-height: 1;
}
.navbar-link:hover {
    opacity: 0.7;
}
.navbar-dropdown {
    background: var(--dark);
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0px;
    box-shadow: none;
    filter: none;
    transform: translate(0.5rem, -2rem);
    -webkit-transform: translate(0.5rem, -2rem);
    -moz-transform: translate(0.5rem, -2rem);
    -ms-transform: translate(0.5rem, -2rem);
    -o-transform: translate(0.5rem, -2rem);
    -webkit-filter: none;
}
.navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
    background-color: var(--dark);
    opacity: 0.7;
    color: white;
}
.navbar-item.logout {
    padding-right: 0px;
}

/*mobile navbar**********************************************/
.mobileshow {
    background: var(--dark);
}
.mobileshow .container {
    display: flex;
    justify-content: space-between;
}

/*logo*/
.mobileshow .is-header-logo {
    height: 3rem;
}

/*cart*/
.stock-notice {
    background: pink;
    margin-top: 8rem !important;
}
.stock-notice a:hover {
    color: #475274;
    text-decoration-line: underline;
}
.shoppingcart__wrapper {
    padding-top: 2rem;
}
.shoppingcart__wrapper .cartform .cartTableWrapper .cart-item-row .cart--pictures .shopping-cart__product__images__item img {
    object-fit: contain!important;
}
.product__title.is-word-break-all a {
    word-break: normal;
}

.rightMobileBar {
    display: flex;
    align-items: center;
}
i.fal.fa-shopping-cart.fa-lg {
    color: white;
    font-weight: 500;
}
.badge {
    top: 3.25rem;
    background: var(--tomato);
    padding-top: 4px;
}
/*burger*/
.navbar-burger span {
    background-color: white;
}
/*burger menu*/
.mobileshow .navbar-menu {
    background: white;
    transform: translate(0px, 4.5rem);
    -webkit-transform: translate(0px, 4.5rem);
    -moz-transform: translate(0px, 4.5rem);
    -ms-transform: translate(0px, 4.5rem);
    -o-transform: translate(0px, 4.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;
}
@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;
    }
    a.navbar-item {
        display: flex;
        align-items: center;
    }
    .badge {
        top: 2.25rem;
    }
}
/*mobile navbar styling*/
@media screen and (max-width:1087px) {
    .navbar-menu {
        box-shadow: none;
    }
    .mobileshow .storelogo {
        width: 7rem;
        display: flex;
        align-items: center;
        margin-left: 10px;
    }
    #toprow .navbar {
        background-color: transparent;
    }
    .mobileshow .navbar-menu.logo-left.is-active {
        background:black;
        padding-left: 1rem;
        padding-right: 2rem;
    } 
    }
@media screen and (min-width:768px) and (max-width:1087px) {
    .mobileshow .navbar-menu.logo-left.is-active {
        padding-left: 4rem;
        padding-right: 5rem;
    }
} 
/*breadcrumbs*/
.arone-category-page .breadcrumb-section.is-small {
    padding-top: 6rem!important;
}

.arone-category-page .breadcrumb-section.is-small i {
    color: #FF992C!important;
}

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

.homepageBanner {
    background:
    url('https://dibh4pmtbctcd.cloudfront.net/peczuh-employees/site/images/banners_backgrounds/peczuh-employee-banner.jpg');
    background-position: center;
    padding-top: 14rem;
    padding-bottom: 8rem;
    background-size: cover;
}
img.printshopimage {
    width: 40rem;
}
p.bannertoptext {
    font-family: 'montserrat';
    color: white;
    font-size: 1.2rem;
    font-weight: 700;
}
p.welcome {
    font-family: 'gimlet-display';
    color: white;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.4;
}

.homepageBanner .container.content.is-flex {
    flex-direction: column;
}
@media screen and (max-width:1087px) {
    .homepageBanner {
        padding-top: 11rem;
    }
}

/*footer*/
.footer-column-content {
    display: flex;
    flex-direction: column;
}
.copyrightandlogo {
    background: var(--dark);
}
.arone-footer {
    padding-bottom: 4rem;
    padding-top: 4rem;
    background: var(--dark)!important;
}

p.copyrighttext {
    color: white;
    font-weight: 600;
    font-size: 0.8rem;
    padding-bottom: 20px;
    padding-top: 20px;
    font-family: 'montserrat';
}

/*login*/
.login__wrapper .page-title:before {
    height: 10rem;
    width: 15rem;
    margin-bottom: 0px;
    background-position: left;

}
.login-title.subtitle.is-4.is-spaced {
    margin-top: 20px;
}
.login__wrapper h1.title.is-spaced {
    display: none;
}
.login__wrapper > .catfish-container {
    float: none;
    margin-top: 6rem;
    margin-bottom: 6rem;
    min-height: unset;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding-top: 5rem;
}
.login__wrapper {
    margin: 0px;
    width: 100%;
    max-width: unset;
    background-size: cover;
}
.login__wrapper .columns:last-child {
    margin-bottom: calc(-1 * 2rem);
    justify-content: center;
}
@media screen and (max-width:767px) {
    .login__wrapper {
        background: var(--lessdark)!important;
    }
}
.login__wrapper > .catfish-container {
    background: var(--lessdark);
}
.login-title.subtitle.is-4.is-spaced, .login__wrapper tr, .login__wrapper a {
    color: white;
}


/*Homepage Midpage Content*/

/*two cards sections*/
section.section.twocards {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
section.section.twocards.salesSOPs {
    background: var(--lessdark);
}
section.section.twocards.paylocitypzthink {
    background: black;
}
.twogrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
section.section.twocards.salesSOPs .singlecard {
    background: black;
}
.cardtextportion {
    padding: 1.5rem;
}
p.cardtitletext {
    font-family: 'montserrat';
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    font-size: 1.2rem;
}
.carddescription {
    font-family: 'montserrat';
    color: white;
    margin-top: 0.25rem;
}
.cardtitle {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.cardtitle i {
    color: white;
}
section.section.twocards.paylocitypzthink .singlecard {
    background: var(--lessdark);
}
section.section.twocards.forms {
    background: var(--lessdark);
}
section.section.twocards.sales {
    background: black;
}
section.section.twocards.sales .cardtextportion {
    background: var(--lessdark);
}
a.singlecard.formscard .cardtextportion {
    background: black;
}
@media screen and (max-width:1087px) {
    .twogrid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}
/*images for two cards sections*/
.topimage {
    width: 100%;
    height: 15rem;
    background-position: center!important;
}
.salestools .topimage {
    background: url('https://dibh4pmtbctcd.cloudfront.net/peczuh-employees/site/images/newhomepagecards/long-salestools.png');
    background-size: cover!important;
}
.sops .topimage {
    background: url('https://dibh4pmtbctcd.cloudfront.net/peczuh-employees/site/images/newhomepagecards/sops.png');
    background-size: cover!important;
}
.forms .topimage {
    background: url('https://dibh4pmtbctcd.cloudfront.net/peczuh-employees/site/images/newhomepagecards/long-forms.png');
    background-size: cover!important;
}

.waste .topimage.wastetop {
    background: url('https://dibh4pmtbctcd.cloudfront.net/peczuh-employees/site/images/newhomepagecards/nonconformancereport.png');
    background-size: cover!important;
}
.topimage.uuhtop {
    background: url('https://dibh4pmtbctcd.cloudfront.net/peczuh-employees/site/images/newhomepagecards/universityhealth.png');
    background-size: cover!important;
}
.pzthink .topimage {
    background: url('https://dibh4pmtbctcd.cloudfront.net/peczuh-employees/site/images/homepagecards/pzthink.jpeg');
    background-size: cover!important;
}
.paylocity .topimage {
    background: url('https://dibh4pmtbctcd.cloudfront.net/peczuh-employees/site/images/newhomepagecards/paylocity-background.png');
    background-size: cover!important;
}
a.singlecard.flexcare {
    background: var(--lessdark)!important;
}
a.singlecard.flexcare .topimage {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
a.singlecard.omaha .topimage {
    background-color: #013a72;
    display: flex;
    align-items: center;
    justify-content: center;
}
a.singlecard.paylocity .topimage {
    display: flex;
    align-items: center;
    justify-content: center;
}
a.singlecard.paylocity .topimage img {
    width: 400px;
    height: 100px;
}
@media screen and (max-width:500px) {
    a.singlecard.paylocity .topimage img {
        width: 300px;
        height: 70px;
    }
}
.topimage img {
    height: 15rem;
}
section.section.twocards.waste {
    background-color: var(--dark);
}
.waste .cardtextportion, .uuhcard, a.singlecard.sops  {
    background: var(--lessdark)!important;
}

/*careers section*/
section.section.twocards.careers {
    background: var(--dark);
}
.singlecard.careers {
    background: var(--lessdark);
}
.careerbuttons {
    display: flex;
    margin-top: 10px;
    gap: 25px;
}
span.referralbutton {
    color: white;
    font-family: 'montserrat';
    font-weight: 600;
    font-size: 1.1rem;
}
.careerbuttons i.fas.fa-chevron-right {
    color: white;
    margin-left: 3px;
}
.careerbuttons a:hover {
    opacity: 0.7;
}
/*resources and employee documents*/
section.section.resourcesemployeedocs {
    background: url('https://dibh4pmtbctcd.cloudfront.net/peczuh-employees/site/images/employeedocuments/colorbackground.jpg');
    background-position: center;
    padding-top: 6rem;
    padding-bottom: 6rem;
}
p.sectiontitle {
    font-family: 'montserrat';
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}
.resourcegrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
a.resourcebutton {
    display: flex;
    align-items: center;
    background: var(--lessdark);
    padding: 20px;
    gap: 1rem;
}
a.resourcebutton p {
    font-family: 'montserrat';
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    font-size: 1.2rem;
}
a.resourcebutton i {
    color: white;
}
.resources {
    margin-bottom: 6rem;
}
/*employee docs*/
.employeegrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1rem;
}
.griditem {
    background: white;
}
.employeetext {
    padding: 20px;
}
.employeetext p {
    text-align: center;
    font-family: 'montserrat';
    font-weight: 500;
    color: var(--lessdark);
    font-size: 1.2rem;
}
/*resources and employees media queries*/
@media screen and (max-width:1087px) {
    .employeegrid {
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width:767px) {
    .employeegrid, .resourcegrid {
        grid-template-columns: 1fr;
    }
}
/*info box for SOP Update*/
section.infobox {
    background: var(--orangehover);
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 1rem;
}
section.infobox p,section.infobox i, section.infobox a {
    margin-bottom: 0px!important;
    color: white;
}
section.infobox p, section.infobox a {
    font-weight: 600;
}
section.infobox a {
    text-decoration: underline;
}
section.infobox i {
    font-size: 20px;
    margin-right: 10px;
}

/*content pages and pdf links*/
.topicpage {
    background: black;
}
.pdfsectiontitle {
    color: white !important;
    font-size: 18px !important;
    font-weight: 700 !important;
  }
.topicpage h1.title.is-spaced, .topicpage-body h1.title-is-spaced {
    font-family: 'gimlet-display';
    color: white;
    font-size: 2rem;
    font-weight: 600;
}
body .topicpage-body {
    color: white;
}
body.Standard_Operating_Procedures .page-title {
    display: none!important;
}
.pdfgrid {
    display: grid;
    gap: 1rem;
    margin-bottom: 3rem;
}
a.pdfgriditem {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: var(--lessdark);
    padding: 20px;
}
a.pdfgriditem:hover {
    background: var(--lessdarkhover);
}
a.pdfgriditem p {
    text-align: center;
    font-family: 'montserrat';
    font-weight: 500;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 0px!important;
}
a.pdfgriditem i {
    color: white;
}
i.fas.fa-file-pdf {
    padding: 0.5rem;
    background: var(--tomato);
    border-radius: 2px;
}
/*medical links section*/
section.medicallinks {
    padding: 3rem;
    background: var(--blue);
}
section.medicallinks .pdfgrid {
    margin-bottom: 0px;
}
section.medicallinks a.pdfgriditem {
    background: var(--bluedark);
}
section.medicallinks a.pdfgriditem:hover {
    background: var(--bluedarkhover);
}
/*sales tools*/
.pdfgrid.rfqs a.pdfgriditem {
    border: 2px solid var(--orange);
}
.pdfgrid.updates a.pdfgriditem {
    border: 2px solid var(--blue);
}
.pdfgrid.misc a.pdfgriditem {
    border: 2px solid var(--green);
}
section.menu ul {
    list-style: none!important;
    margin-left: 0px;
    margin-bottom: 3rem;
}
section.menu li {
    color: white;
    font-family: 'montserrat';
    font-weight: 500;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 0px!important; 
}
p.sectiontitle.sops {
    text-transform: none;
    font-weight: 500;
}
a.anchorlink {
    color: white;
    padding: 5px 10px;
    background: var(--lessdark);
    width: 100%;
    display: flex;
}
a.singlecard: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.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}
.singlecard.careers:hover {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}
a.resourcebutton:hover {
    background: var(--lessdarkhover);
}
.griditem: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.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}
.password-recovery-page.block {
    padding-top: 10rem;
}
/*KPI Dashboard Content Page*/
.KPIDashUnderDevContainer a {
    color: white
}
.KPIDashUnderDevContainer a:hover {
    color: #003da6
}
.KPIiFrame {
    display: flex;
    justify-content: center;
}
/*products*/
.catfish-default-product-box .product-item--image .picture img {
    object-fit: contain!important;
    padding: 1rem;
}
.catfish-default-product-box {
    background: var(--lessdarkhover);
}
.catfish-default-product-box .product-item--info {
    padding: 1rem;
}
h2.product-title.click-trigger a, .catfish-default-product-box span.productPrice {
    color: white;
}
.arone-category-page {
    background: var(--lessdark);
}
.product-main-wrapper {
    padding-top: 6rem;
}
.block.product-details-info {
    background: var(--lessdarkhover);
    padding: 1rem;
}
.shoppingcart__wrapper {
    padding-top: 8rem;
}