/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
body.cms-id-4 header h1 {
    display:none!important;
}
.apaczka-additional-div.w-100 {
    width:auto!important;
    max-width:50%;
}
.an_homeslider .an_homeslider-desc .h2 {
    width:100%;
    background-color:rgba(0,0,0,0.5);
    padding:20px 0;
    color:#fff;
    max-width:100%;
    margin:0;
}
.text-block-container {
    position:absolute;
    bottom:0;
    left:0;
    padding: 10px 10% 2% 5%;
    background-color:rgb(0,0,0,0.7);
    border-radius:0 25px 0 0;
    text-align:left;
    p {
        color:#fff!important;
        font-size:26px!important;
        font-weight:500;
    }
}
#subcategories .subcategory-name {
    text-transform:none!important;
    
}
#subcategories ul {
    display:flex;
    align-items: center;
    justify-content: center;
}
#subcategories ul li {
    position:relative;
    margin-bottom:0;
    width:18%;
    margin:10px;
    height:100px;
    border:1px solid #ccc;
    -webkit-box-shadow: 3px 0px 11px -6px rgba(66, 68, 90, 1);
    -moz-box-shadow: 3px 0px 11px -6px rgba(66, 68, 90, 1);
    box-shadow: 3px 0px 11px -6px rgba(66, 68, 90, 1);
}
#subcategories ul li:hover {
    background-color:rgba(0,0,0,0.6);
    color:#fff;
    cursor:pointer;
}
#subcategories h5 {
    text-align:center;
    left:0;
    right:0;
    position:absolute;

    top:50%;
    transform:translateY(-50%);
}
#subcategories li:hover h5 a {
    color:#fff!important;
}
.an_homecategories-item-desc .h4 {
    text-align:center;
}
.an_homecategories-head .an_homecategories-title {
    text-align:center;
}
@media screen and (max-width: 997px) {
    subcategory-heading h3 {

    }
    #subcategories ul li {
        height:80px;
        
    }
    #subcategories .subcategory-name {
        span {
            font-size:14px;
            font-weight:600;
        }
        font-size:12px;
        font-weight:400;
    }
    .an_homecategories-head .an_homecategories-title {
        font-size:18px;
        text-align: center;
    }
    .an_homeslider .an_homeslider-desc .container {
        padding-left:0!important;
        padding-right:0!important;
       
    }
    .an_homeslider .an_homeslider-desc .h2 {
      width:100%!important;
      margin:0!important;
      max-width:100%!important;
      font-size:24px!important;
      padding: 10px 0;
      border-radius:25px 25px 0 0 ;
    }
    .text-block-container  {
        display:none!important;
    }
}

@media screen and (max-width:759px) {
    #an_homecategories > * {
        width:21%;
    }
    .an_homecategories-item-desc .h4 {
        font-size:12px;
        text-align:center;
    }
} 
@media screen and (max-width: 585px) {
    .an_homecategories-item {
      
    }
}
@media screen and (max-width: 400px) {
    #subcategories ul li {
        width: 29%;
        margin: 5px;
    }
}