/*Type here to edit*/
.profile-icon {
   display: none;
}
.profile-icon-container {
   background-image: url("../assets/my-account-icon.png");
}
.promotion-item .main {
   height:auto;
}

.navigation-menu .category-panel .view-columns .column.category {width: auto; 
 height: auto; margin-bottom: 0px; height: 5px;}

.header .header-stripe .search {width:275px;}

.navigation-menu {width: auto;  height: 400px;}

.navigation-menu .category-panel {width: auto;  400: 400px;}

.categories-navbar .popover-wrapper .popover {width: auto; height: auto; max-width: auto; column-count: auto; column-gap: 10px;}
.navigation-menu .category-panel .view-columns .column.category {margin-bottom: 4px; height: 7px;}

//.home .main-content .middle-section .featured-products-wrapper {
display:none;
}

.footCol {
    padding: 5px;
    width: auto;
    min-width:100px;
    height: auto;
    margin-top: 5px;
    color: black;
    text-align: left;
  }
  
  .footHead {
    font-weight: bold;
  }
  
  .footCol a {
    color: black;
  }
  
  .footCol a:hover {
    color: orange;
    text-decoration: underline;
  }


.promo-heading {
    margin-top: 15px;
    width:300px;
    height:100px;
    display:inline-block;
    text-align: right;
    font-family: var(--font-family);
    position:relative;
    color: var(--text-color-header);
    font-size: var(--text-size-h3);
}
.promo-title {
    color: white;
    font-weight:800;
    font-size: 20px;
    text-align: center;
}
.step {
    float: left;
    font-size: 100px;
    color:rgba(255,255,255, 0.3);
    position:relative;
    top:-30px;
    font-weight:900;
}
.promo-title:after {
    content: "\a";
    white-space: pre;
}
.promo-boxes-wrapper {
    width:auto;
    float: left;
    text-align: center;
}
.promo-boxes {
    margin-left: auto;
    margin-right: auto;
    display:inline-block;
}
.box {
    width:300px;
    height:100px;
    background-color:  var(--color-highlight);
    float: left;
    margin: 10px;
    padding:5px;
    color: rgba(255,255,255, 0.8);
}
.footer-link {
    color: white;
}
.footer a:hover {
    color: white;
    text-decoration: underline;
}