:root{
    --primary-blue-color: #003D4C;
    --primary-green-color: #78BE21;
    --primary-orange-color: #FF7F32;

    --secondary-light-color: #22465a;
    --secondary-dark-color: #142b37;
    
    --primary-green-shade: #487214;

    --neutral-white-color: #fff;
    --neutral-grey-color: #4a4a4a;
}
/* General - Start */

h3{
    text-transform: uppercase;
}

.catfish-button,
.button,
a{
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.button{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1rem;
    padding-left: 3.25rem;
    padding-right: 3.25rem;
    height: 2.5em;
}

.ict-list{
    color: var(--primary-blue-color);
}

/* General - End */

/* Custom Styling - Start */
.is-xlarge{
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
}

.has-content-row{
    background-color: var(--secondary-light-color) !important;
}

.has-content-row .column:not(:first-child){
    display: flex;
    align-items: center;
    gap: 2rem;
}

.has-content-row .column:nth-child(2) .block .ict-image img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.has-content-row .column .block{
    margin-bottom: 0 !important;
}

@media screen and (max-width: 970px) {
    .is-max-width-tablet .columns .column{
        width: 100% !important;
    }

    .is-max-width-tablet .columns .column:nth-child(1){
        order: 2;
    }

    .is-max-width-tablet .columns .column:nth-child(2){
        order: 1;
    }

    .is-max-width-tablet .columns .column:nth-child(3){
        order: 3;
    }

    .is-max-width-tablet .columns .column:nth-child(4){
        order: 4;
    }
}

@media screen and (max-width: 767px){
    .has-content-row .column:not(:first-child){
        flex-direction: column;
    }

    .has-content-row{
        text-align: center;
    }
}

/* Custom Styling - End */
/* Modules - Start */
/* Nav */
.level-right  .navbar-item.is-shown{
    display: none;
}

.navbar{
    background-color: var(--secondary-light-color);
}

.content-field-navbar .bottom-menu-split .navbar,
.bottom-menu-split {
    background: var(--primary-orange-color);
}

.content-field-navbar .bottom-menu-split{
    border-top: none;
}

.content-field-navbar .bottom-menu-split .navbar {
    height: 3.5rem;
    height: 2.5rem;
}

.navbar-item .button{
    background-color: var(--primary-green-color);
}

.navbar-item .button:hover{
    background-color: var(--primary-green-shade);
}

.navbar-dropdown a.navbar-item:hover{
    color: var(--primary-blue-color);
}

.navbar-start .navbar-item .navbar-link,
.navbar.ict-navbar .navbar-item{
    color: var(--neutral-white-color);
}

.navbar-dropdown a.navbar-item:hover{
    background-color: var(--primary-orange-color);
}

.navbar-item,
.navbar-link{
    text-transform: uppercase;
    font-weight: 700;
}

.navbar .navbar-item:hover{
    color: var(--secondary-dark-color) !important;
}

.navbar-link:hover{
    color: var(--primary-blue-color);
}

.navbar-burger.burger span,
.navbar-burger.burger.is-active span{
    background-color: var(--neutral-white-color) !important;
}

.content-field-navbar .navbar-link:not(.is-arrowless)::after {
    border-color: var(--neutral-white-color);
}

#bottom-splitmenu .navbar{
    justify-content: start !important;
}

#bottom-splitmenu .navbar > .navbar-item{
    border-right: solid 2px var(--neutral-white-color);
    padding: 0rem 1.5rem;
    margin: 0.5rem 0rem;
}

.navbar-start .navbar-item .buttons .button,
.navbar-start .navbar-link{
    font-size: .85rem;
}


@media screen and (min-width: 1472px) {
    .ict-header-spacer.two-tier-spacer {
    height: 5rem;
    }
}

@media screen and (min-width: 1088px){
    .nav-search-container.two-tier-search.is-active {
        transform: translatey(8rem);
    }

    .navbar-dropdown{
        background-color: var(--primary-blue-color);
    }

    .ict-navbar.two-tier-menu {
        height: 8rem;
    }

    .navbar-start {
        align-items: center;
    }
}

@media screen and (max-width: 1087px) {
    #main-navbar .navbar-start .navbar-item,
    #main-navbar .navbar-end a.navbar-link,
    .content-field-navbar .navbar-link:not(.is-arrowless)::after{
        color: var(--primary-blue-color) !important;
    }
}

@media screen and (min-width: 768px) {
    .content-field-navbar .top-menu-split {
      font-size: .9rem;
    }
}

@media screen and (max-width: 767px) {
    .header-spacer.two-tier-spacer {
        height: 4rem;
    }
}

@media screen and (max-width: 410px) {
    .is-header-logo {
        height: 2.2rem;
    }
}

/* Flex Slide */
.has-slider-box {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.flex-viewport .section:nth-child(3) .has-slider-box .ict-sub-title,
.has-slider-box .ict-sub-title:last-child{
    text-transform: unset;
}

.has-slider-box .ict-sub-title:first-child{
    color: var(--primary-orange-color) !important;
}


@media screen and (max-width: 970px)  and (min-width: 768px){
    .flexslider .slides .column{
        width: 100% !important;
    }

    .block.box{
        text-align: center;
    } 
}

@media screen and (max-width: 768px) {
    .flexslider.is-xlarge{
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .flexslider li.section:nth-child(4) .container{
        padding-left: 64px;
        padding-right: 64px;
    }

    .flexslider li.section:nth-child(4) .column{
        background-color: var(--secondary-light-color);
        text-align: center;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }

    .block.box{
        text-align: center;
    } 
}

/* Feature Category */
#homeFeaturedCategoriesTitleRow h3{
    color: var(--neutral-grey-color) !important;
}

.homeFeaturedCategoriesWrapper .small-product-item .category-item .picture {
    position: absolute;
    top: 15%;
    left: 10%;
    border-radius: 20px;
}

.homeFeaturedCategoriesWrapper .small-product-item .category-item{
    border: 2px solid var(--primary-green-color);
    border-radius: 20px 20px 0 0;
    padding: 1rem;
    cursor: pointer;
}


.homeFeaturedCategoriesWrapper .small-product-item .category-item .picture a img{
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}

.homeFeaturedCategoriesWrapper .listItem .category-item .product-title{
    font-size: 1.5rem;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
    padding-left: 2rem;
}

.homeFeaturedCategoriesWrapper .small-product-item .category-item:hover .product-title{
    transform: none;
    opacity: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    color: var(--neutral-white-color);
}

.homeFeaturedCategoriesWrapper .small-product-item .category-item:hover .product-title a{
    color: var(--neutral-white-color);
}

.homeFeaturedCategoriesWrapper .small-product-item .category-item:hover{
    transition: .3s;
    background-color: var(--primary-green-color);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

@media screen and (min-width: 1088px) {
    .homeFeaturedCategoriesWrapper .small-product-item .category-item .product-title {
      transform: none;
      transition: none;
      opacity: 1;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
    }
}

@media screen and (min-width: 768px) {
    .homeFeaturedCategoriesWrapper .columns:not(.is-desktop):not(.is-widescreen) {
        gap: 5rem;
        justify-content: center;
    }
    .homeFeaturedCategoriesWrapper .listItem{
        width: 40% !important;
    }
}

@media screen and (max-width: 970px) and (min-width: 768px), print {
    .homeFeaturedCategoriesWrapper .listItem .category-item .product-title {
        bottom: 10%;
    }
}

@media screen and (max-width: 767px), print {
    .homeFeaturedCategoriesWrapper .listWrapper {
        gap: 4rem;
    }
    
    .homeFeaturedCategoriesWrapper .listWrapper .listItem {
        margin-bottom: 5rem;
    }

    .homeFeaturedCategoriesWrapper .listItem .category-item .product-title {
        bottom: 5%;
    }

    .homeFeaturedCategoriesWrapper .column.is-6-mobile {
        width: 45%;
    }
}

@media screen and (max-width: 640px), print {
    .homeFeaturedCategoriesWrapper .listWrapper .listItem {
        margin-bottom: 5rem;
    }

    .homeFeaturedCategoriesWrapper .listItem .category-item .product-title {
        bottom: 5%;
    }

    .homeFeaturedCategoriesWrapper .column.is-6-mobile {
        width: 90%;
    }
}

@media screen and (max-width: 640px) and (min-width: 470px), print {
    .homeFeaturedCategoriesWrapper .listWrapper .listItem {
        margin-bottom: 3rem;
    }

    .homeFeaturedCategoriesWrapper .listItem .category-item .product-title {
        bottom: 1%;
    }
}

@media screen and (max-width: 458px), print {
    .homeFeaturedCategoriesWrapper .listWrapper .listItem {
        margin-bottom: 2rem;
    }
}

/* Feature Products */
/* Footer */
.ict-dedicated-footer.has-background-primary{
    background-color: var(--secondary-light-color) !important;
}

.ict-dedicated-footer .ict-left-column.column .block:first-child,
.ict-dedicated-footer .ict-right-column.column .ict-sub-title{
    margin-bottom: 0 !important;
}

.ict-dedicated-footer .ict-right-column.column .ict-sub-title{
    margin-top: 1.8rem;
}

.ict-dedicated-footer .column .ict-sub-title{
    color: var(--neutral-white-color) !important;
}

.ict-dedicated-footer .ict-list li a,
.ict-dedicated-footer .ict-paragraph p,
.ict-dedicated-footer .ict-paragraph a{
    color: var(--primary-orange-color)
}

.ict-dedicated-footer .ict-right-column.column .ict-sub-title{
    text-transform: none;
}

.ict-dedicated-footer .ict-list,
.ict-dedicated-footer .has-list-style-none{
    margin-left: 0;
    margin-top: 0;
}

.ict-dedicated-footer .content li + li{
    margin-top: 0rem;
}

.ict-dedicated-footer .ict-paragraph p,
.ict-dedicated-footer .ict-list li{
    padding-top: .5rem;
}

.ict-dedicated-footer .content p:not(:last-child){
    margin-bottom: 0;
}

.ict-dedicated-footer .ict-right-column.column .has-list-style-none,
.ict-dedicated-footer .ict-paragraph,
.ict-dedicated-footer .has-rounded-footer-icons{
    margin-top: 1.2rem;
}

.ict-dedicated-footer li span:not(:first-child){
    display: none !important;
}

.ict-dedicated-footer .has-list-style-none{
    display: flex;
}

.bottom-footer{
    background-color: var(--secondary-dark-color);
}

.has-rounded-footer-icons.block .ict-image a,
.has-rounded-icons.block:last-child .ict-image a {
    width: 100%;
    display: flex;
    justify-content: center;
}

.has-rounded-footer-icons{
    gap: .5rem;
}

.has-rounded-footer-icons.block .is-inline-block {
    background-color: var(--primary-orange-color);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.has-rounded-footer-icons.block .is-inline-block .image img {
    width: 40% !important;
}

.has-rounded-footer-icons.block .is-inline-block .image {
    display: flex;
    justify-content: center;
}

.bottom-footer .ict-paragraph p{
    color: var(--primary-orange-color);
}

@media screen and (max-width: 1088px) {
    .ict-dedicated-footer .ict-right-column.column .ict-sub-title {
        margin-top: 1rem;
    }
}

@media screen and (min-width: 970px) {
    .ict-dedicated-footer .column.is-6-tablet{
        width: 25%;
    }
}

@media screen and (max-width: 767px) {
    .ict-dedicated-footer{
        text-align: center;
    }

    .ict-dedicated-footer .ict-list{
        text-align: center !important;
    }

    .ict-dedicated-footer .has-rounded-footer-icons{
        justify-content: center;
    }
}

/* Modules - End */

/* Pages - Start*/
/* Category Page */
.arone-category-page .breadcrumb-section .breadcrumb-back-button{
    border-color: var(--primary-green-color);
}

.breadcrumb-back-button .icon{
    color: var(--primary-green-color);
    padding: 1rem;
}

@media screen and (max-width: 1087px) {
    .section.breadcrumb-section{
        padding-top: 1.5rem;
    }
}


@media screen and (max-width: 970px) {
    .is-category-width-tablet .columns .column{
        width: 100% !important;
    }

    .is-category-width-tablet.has-row-reverse .column:nth-child(1){
        order: 2;
    }
    .is-category-width-tablet.has-row-reverse .column:nth-child(2){
        order: 1;
    }
}

/* Category Card element */
.sub-category-grid .listWrapper .item-box{
    border-top: none;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border: 2px solid var(--primary-green-color);
}

.sub-category-grid .listWrapper .item-box:hover{
    border-color: #ccc;
    box-shadow: rgb(0 0 0 / 20%) 1px 1px 10px;
}

.sub-category-grid .listWrapper .item-box .sub-category-item .picture{
    position: absolute;
    top: 16%;
}

.sub-category-grid .listWrapper .item-box .sub-category-item .picture img{
    object-fit: cover;
    height: 85%;
}

.sub-category-grid .listWrapper .item-box .sub-category-item .category-title{
    bottom: unset;
    top: 0;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    padding: 1rem;
    border-bottom: 2px solid var(--primary-green-color);
    font-size: 1.1rem;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

.sub-category-grid .listWrapper .item-box:hover .sub-category-item .category-title {
    border-bottom: #ccc;
}

.sub-category-grid .listWrapper .item-box .sub-category-item:hover .category-title{
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    background: transparent;
}
@media screen and (max-width: 1440px) {
    .sub-category-grid .listWrapper .item-box .sub-category-item .category-title{
        font-size: .9rem;
    }

    .sub-category-grid .listWrapper .item-box .sub-category-item .picture{
        position: absolute;
        top: 15%;
    }
}


@media screen and (max-width: 1280px) and (min-width: 1089px), print {
    .sub-category-grid .listWrapper .listItem {
        width: 33.333%;
    }

    .sub-category-grid .listWrapper .item-box .sub-category-item .picture{
        position: absolute;
        top: 12.5%;
    }
    
    .sub-category-grid .listWrapper .item-box .sub-category-item .picture img{
        height: 90%;
    }
}

@media screen and (max-width: 1088px) and (min-width: 971px), print {
    .sub-category-grid .listWrapper .listItem {
        width: 33.333%;
    }

    .sub-category-grid .listWrapper .item-box .sub-category-item .picture{
        position: absolute;
        top: 15%;
    }
    
    .sub-category-grid .listWrapper .item-box .sub-category-item .picture img{
        height: 90%;
    }
}

@media screen and (max-width: 970px) and (min-width: 768px), print {

    .sub-category-grid .listWrapper .item-box .sub-category-item .picture{
        position: absolute;
        top: 18%;
    }
    
    .sub-category-grid .listWrapper .item-box .sub-category-item .picture img{
        height: 90%;
    }
}

@media screen and (max-width: 549px) {
    .sub-category-grid .listWrapper .listItem {
      width: 100%;
    }

    .sub-category-grid .listWrapper .item-box .sub-category-item .picture{
        top: 12%;
    }

    .sub-category-grid .listWrapper .item-box .sub-category-item .picture img{
        height: 90%;
    }

}

/* My Account Page */
.listbox ul li a{
    color: var(--primary-blue-color);
}

.listbox ul li a:hover{
    color: var(--primary-blue-color);
}

.listbox ul li a.active:hover{
    color: var(--neutral-white-color);
}

.account-page--myorders .order_toggle_filter.default{
    background: var(--primary-orange-color);
    border: 1px solid var(--primary-orange-color);
}

.searchLabel {
    color: var(--primary-blue-color);
}

.t-no-data > td:nth-child(1) {
    color: var(--neutral-grey-color);
}

.t-status-text {
    color: var(--neutral-grey-color);
}

/* Password Recovery */
.password-recovery-page {
    color: var(--primary-blue-color);
}

/* Login */
.login__wrapper .page-title::before{
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/15/Loginpage.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20rem;
    height: 5rem;
}

.login__wrapper .catfish-container{
    color: var(--primary-blue-color) !important;
}
/* Pages - End */
