/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

.logo-dark{
    margin-top: 15px !important;

}

.header-extras {
    float: right;
    z-index: 199;
    position: relative;
    height: 80px;
    padding-right: 15px;
}

#page-title .page-title > h1 {
    font-family: "Poppins", sans-serif;
    font-size: 2.5rem;
    font-weight: 700 !important;
    margin-bottom: 1rem;
}

.portfolio-item.shadow .portfolio-item-wrap, .portfolio-item.shadow .grid-item-wrap, .grid-item.shadow .portfolio-item-wrap, .grid-item.shadow .grid-item-wrap {
    box-shadow: 0 3px 15px -10px rgba(171, 171, 171, 0.6);
}

.portfolio-item.outline .portfolio-item-wrap, .portfolio-item.outline .grid-item-wrap, .grid-item.outline .portfolio-item-wrap, .grid-item.outline .grid-item-wrap {
    border: none !important;
    padding: 1px;
}

.model-img-hover{

    margin-top: 15px;
}

#scrollTop{
    border-radius: 10px !important;
}

@media (max-width: 1024px){

    .grid li a img {
        width: 100% !important; 
    }
.heading-text h1 {
    font-size: 23px;
}

#mainMenu.menu-overlay nav > ul > li > a {
    opacity: 0;
    font-size: 20px !important;
    padding-top: 12px;
    padding-bottom: 12px;
    letter-spacing: 0px !important;
    text-transform: none;
    color: #ffffff;
}

.heading-text p {
    font-size: 16px;
    margin-bottom: 16px;
    line-height: 18px;
}
}


.icon-box .icon i:after{
    box-shadow: 0 0 0 3px #599e70 !important;
}

.service-icon-heading{
    font-weight: 600 !important;
}

.service-icon-heading span{
    font-weight: 400;
    color: #888888;}

    .counter-spacing{
        margin-bottom: 15px;
    }.icon-box {
        margin-bottom: 15px !important;
        position: relative;
    }
    #mainMenu.menu-overlay nav > ul > li {
        float: none;
        text-align: center;
        max-width: none !important;
        margin: 0 auto;
        padding: 0px;
        line-height: 40px;}

        .grid li a img {
            width: 50%;
        }

        #mainMenu nav > ul > li > a{
            line-height: unset !important;
            font-weight: inherit !important;
        }

        .badge-blue {
            color: #fff;
            background-color: #144aa5;
        }

        .badge-green {
            color: #fff;
            background-color: #22ab63;
        }

        .badge-pink {
            color: #fff;
            background-color: #e91e63;
        }
        .badge-orange {
            color: #fff;
            background-color: #b97d24;
        }
        

        .badge-red {
            color: #fff;
            background-color: #b92727;
        }
        .table th {
            font-weight: 600;
        }
        .dataTables_wrapper .dataTable .group th, .dataTables_wrapper .dataTable .group td {
            background-color: #f1f1f1;
        }

        .table-subtitle td{
            font-weight: 500;
        }


        .pricing-text{
            text-align: center;
            font-weight: 400;
        }
        .shop-promo-box {
            min-height: 360px;
            background-repeat: no-repeat;
            padding: 50px;
            border-radius: 6px;
            border: 0px solid #eee;
        }



        .pic-landing:hover{
            box-shadow: 1px 0px 13px 0px rgb(152, 152, 152) !important;
            transition: all .3s ease !important;
         }
.bottom-spacing{
    margin-bottom: 20px;
}

@media (max-width: 768px){
.p-xs-20 {
    padding: 20px !important;
    text-align: center;
}

.mob-resp {
    display: flex !important;
        height: 130px !important;
        background-position-y: -219px !important;
    }
    }

    .hover-href:hover{
        color: #529267;
    }
    .post-item .post-item-wrap {
        background-color: #afafaf33;
        position: relative;
    }

    .post-item.border {
        border: none !important;
        box-shadow: 0px 0px 4px 0px rgba(152, 152, 152, 0.22);
    }
  
       body.breakpoint-xs .page-error-404 {
        font-size: 72px;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .m-t-150{
        margin-top: 150px;
    }

    .bottom-fixed-footer{
        position: fixed !important;
        bottom: 0;
        width: 100%;
    }