@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:600i&display=swap');
body{
    font-family: 'Lato', sans-serif;

}
.body{
    background: url(../images/blog-bg.png) 0 0 repeat #F8F7F4 !important;
}

.blog-desc h1 {
    font-size: 2.6em;
    line-height: 44px;
    margin: 0 0 30px;
    font-family: 'Montserrat', sans-serif;
}
p {
    color: #000;
    line-height: 24px;
    margin: 0 0 20px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0px;
    text-align: justify;
    font-size: 14px;
}
.has-search .form-control {
    /* box-shadow: 4px 4px 10px rgba(204, 204, 204, 0.88); */
    background-color: #f3f3f3;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #736b6b;
    /* cursor: pointer; */
}
.serach-box{
    /* border-radius: 25px; */
    border:none;
    padding-left: 1.375rem !important;
    font-size: 1.2em !important;
}
.has-search .form-control-feedback{
    right: 18px;
}
.category{
    height: 100%;
    max-height: 308px;
}
.category, .top-category{
    background-color: #f8f9fb;
    margin-top: 8%;
    box-shadow: 0px 1px 16px 0 rgba(0,0,0,0.18);
    /* padding: 5% 5% 5% 1%; */
    border-radius: 5px;
    overflow: hidden;
}
.top-category{
    height: 100%;
    max-height: 418px;
}
.category_heading{
    padding: 12px 4px 0px 15px;
    /* background-color: #ed3236; */
    /* border-radius: 6px; */
    box-shadow: none;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(57, 86, 116, 0.4);
}
.category_heading h3{
    color: #3a5674;
    font-size: 1.3em;
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 400;
    padding-bottom: 5px;
}
.category ul li, .top-category ul li{
    list-style-type: none;
    color: #173358;
    
}
/* .category ul, .top-category ul{
    padding-left: 18px;
} */
.category .category_heading li{
    font-size: 1.5em;
}
.category .category_body li, .top-category .category_body li{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(204, 204, 204, 0.30980392156862746);
    /* font-size: 12px; */
    /* box-shadow: 0px -3px 37px #ccc; */
}
.category_body{
    padding-left:15px;
    padding-right:15px;
    height: 100%;
    max-height: 270px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-bottom: 10%;
}
.category .category_body li:nth-last-child(1) {
    border-bottom: none;
} 
.right-icon{
    margin-right: 8px;
    /* display: none; */
    font-size: 10px;
}
.category_body a{
    cursor:pointer;
    font-size: 14px;
}
.blog-row {
    padding: 0;
    /* box-shadow: 0px 0px 17px rgb(204, 204, 204); */
    margin-bottom: 0;
    height: 100%;
    min-height: 300px;
    border-radius: 5px;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
    border: none;
}
.main-heading-blog{
    color:#ed3236; 
    text-transform:uppercase;
    padding: 15px 5px;
    margin-bottom:0;
    font-weight: 600;
}
.head-blog{
    background-color: #ffff;
    border-radius: 5px;
    box-shadow: 4px 4px 10px rgba(204, 204, 204, 0.88);
    margin-bottom: 5%;
}
.blog-date h4, .recentpostbody .blog-date {
    text-align: left;
    background: transparent;
    color: #827e7e;
    padding: 0;
    border-radius: 0;
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 0px;
}
.blog-date {
    margin-top: 10px;
    margin-left: 0px;
    font-family: 'Josefin Sans', sans-serif;
    text-align: right;
}
.blog-desc h4 {
    font-weight: 500;
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 0;
    text-align: left;
}
.blog-col-height .blog-img{
    height: 100%;
    max-height: 175px;
    /* border: 1px solid #ccc; */
}
a.hvr-effect {
    border-radius: 5px;
    background-color: transparent;
    border: none;
    color: #395674;
    text-align: left;
    font-size: 15px;
    padding: 0;
    width: auto;
    transition: all .5s;
    margin: 0;
    font-family: 'Lato', sans-serif;
    float: right;
}
a.hvr-effect span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: .5s;
    color: #395674;
    left: 82px;
}
a.hvr-effect:hover span {
    padding-right: 25px;
    color: #395674;
    text-decoration: underline;
}
.blog-desc .blog-heading{
    color: #3a5674;
    font-weight: 500;
    font-size: 19px;
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
}
.blog-desc .blog-heading:hover{
    color: rgba(57, 86, 116, 0.77);
    text-decoration: underline;
    transition: all .3s;
}
.blog-desc p{
    color: #4c4949;
    line-height: 20px;
    margin: 0 0 5px;
    letter-spacing: normal;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
}
.blog-col-height{
    margin-bottom: 3%;
}
.pagination .page-item.active .page-link, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #395674!important;
    border-color: #395674;
    color: #fff;
}
.pagination .page-item{
    margin-right: 4%;
}
.pagination .page-item .page-link{
    border: 2px solid transparent;
    color: #395674;
    padding: 8px 20px;
    font-family: 'Montserrat', sans-serif;
    background-color: transparent;
    font-size: 16px;
    font-weight: 500;
}
.pagination .page-item .page-link:hover{
    border: 2px solid transparent;
    background-color: rgba(57, 86, 116, 0.62);
    color: #fff;
    padding: 8px 20px;
    transition: all .5s;
}
.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.recentpostblog-heading{
    color: #3c5574;
    font-weight: 600;
    font-size:16px;
    margin-top: 0%;
    margin-bottom: 0;
}
.recentpostblog-heading:hover, .category_body p:hover{
    text-decoration: underline;
    color: rgba(57, 86, 116, 0.8117647058823529);
}
.numbering h2:hover{
    text-decoration: none !important;
}
.blog-details-page .blog-img img{
    padding: 0;
}
.blog-details-page .blog-row{
    padding: 2em 2em 0em;
    height: auto;
}
.blog-details-page .blog-row  .blog-content p{
    text-align: justify;
}
.blog-details-page .category{
    margin-top: 0;
} 
.about-sect {
    height: 100%;
    max-height: 235px;
}
.blog-details-page .recent-post {
    height: 100%;
    max-height: 1000px;
}
.for-md{
    display: block;
}
.for-sm{
    display: none;
}
.pagination-section{
    display: flex;
    justify-content: center;
}
.serach-box::-webkit-input-placeholder { /* Edge */
    color: #736b6b;
  }
  
  .serach-box:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #736b6b;
  }
  
  .serach-box::placeholder {
    color: #736b6b;
  }
  .top-category .category_body{
    height: 100%;
    max-height: 346px;
  }
  .recent-post-div{
      display: flex;
      flex-direction: row;
  }
  .numbering h2{
    padding-right: 23px;
    font-weight: 900;
    margin-bottom: 0;
    color: #3c5574;
  }
  .blog-img img{
      padding: 0;
  }
  .blog-content{
    padding-left: 5%;
    padding-right: 5%;
    margin-top: 2%;
    margin-bottom: 2%;
    /* text-align: center; */
  }
  .blog-col-height .blog-content{
    text-align: center;

  }
  .blog-row:hover{
    box-shadow: 3px 3px 17px rgba(204, 204, 204, 0.57);
    transition: all .3s;

  }
.category_body, li, p{
    color: #395674;
}  
.mainblogpage .blog-row{
    box-shadow: 0px 1px 16px 0 rgba(0,0,0,0.18);
}
.mainblogpage .blog-row:hover{
        box-shadow: 0px 0px 15px rgba(204, 204, 204, 0.57);
}
.label { border-radius: 0; text-shadow: none; font-size: 11px; font-weight: normal; padding: 3px 5px 3px; background-color: #abbac3!important }
.label[class*="span"][class*="arrow"] { min-height: 0 }
.badge {text-shadow: none;
font-size: 12px;
padding: 1px 15px;
font-weight: normal;
line-height: 15px;
background-color: #ABBAC3!important; }
.label-transparent,
.badge-transparent { background-color: transparent!important }
.label-grey,
.badge-grey { background-color: #a0a0a0!important }
.label-info,
.badge-info { background-color: #3a87ad!important }
.label-primary,
.badge-primary { background-color: #2283c5!important }
.label-success,
.badge-success { background-color: #82af6f!important }
.label-important,
.badge-important { background-color: #d15b47!important ; color:#fff;}
.label-inverse,
.badge-inverse { background-color: #333!important }
.label-warning,
.badge-warning { background-color: #f89406!important }
.label-pink,
.badge-pink {background-color: #ed3236!important;color: #fff;}
.label-purple,
.badge-purple { background-color: #9585bf!important }
.label-yellow,
.badge-yellow { background-color: #fee188!important }
.label-light,
.badge-light { background-color: #e7e7e7!important }
.badge-yellow,
.label-yellow { color: #963!important; border-color: #fee188 }
.badge-light,
.label-light { color: #888!important }
.label.arrowed,
.label.arrowed-in { position: relative; margin-left: 9px }
.label.arrowed:before,
.label.arrowed-in:before { display: inline-block; content: ""; position: absolute; left: -14px; top: 0; border: 9px solid transparent; border-width: 9px 7px; border-right-color: #abbac3 }
.label.arrowed-in:before { border-color: #abbac3; border-left-color: transparent!important; left: -9px }
.label.arrowed-right,
.label.arrowed-in-right { position: relative; margin-right: 9px }
.label.arrowed-right:after,
.label.arrowed-in-right:after { display: inline-block; content: ""; position: absolute; right: -14px; top: 0; border: 9px solid transparent; border-width: 9px 7px; border-left-color: #abbac3 }
.label.arrowed-in-right:after { border-color: #abbac3; border-right-color: transparent!important; right: -9px }
.label-info.arrowed:before { border-right-color: #3a87ad }
.label-info.arrowed-in:before { border-color: #3a87ad }
.label-info.arrowed-right:after { border-left-color: #3a87ad }
.label-info.arrowed-in-right:after { border-color: #3a87ad }
.label-primary.arrowed:before { border-right-color: #2283c5 }
.label-primary.arrowed-in:before { border-color: #2283c5 }
.label-primary.arrowed-right:after { border-left-color: #2283c5 }
.label-primary.arrowed-in-right:after { border-color: #2283c5 }
.label-success.arrowed:before { border-right-color: #82af6f }
.label-success.arrowed-in:before { border-color: #82af6f }
.label-success.arrowed-right:after { border-left-color: #82af6f }
.label-success.arrowed-in-right:after { border-color: #82af6f }
.label-warning.arrowed:before { border-right-color: #f89406 }
.label-warning.arrowed-in:before { border-color: #f89406 }
.label-warning.arrowed-right:after { border-left-color: #f89406 }
.label-warning.arrowed-in-right:after { border-color: #f89406 }
.label-important.arrowed:before { border-right-color: #d15b47 }
.label-important.arrowed-in:before { border-color: #d15b47 }
.label-important.arrowed-right:after { border-left-color: #d15b47 }
.label-important.arrowed-in-right:after { border-color: #d15b47 }
.label-inverse.arrowed:before { border-right-color: #333 }
.label-inverse.arrowed-in:before { border-color: #333 }
.label-inverse.arrowed-right:after { border-left-color: #333 }
.label-inverse.arrowed-in-right:after { border-color: #333 }
.label-pink.arrowed:before { border-right-color: #d6487e }
.label-pink.arrowed-in:before { border-color: #d6487e }
.label-pink.arrowed-right:after {border-left-color: #ed3236;padding-bottom: 2px;}
.label-pink.arrowed-in-right:after { border-color: #d6487e }
.label-purple.arrowed:before { border-right-color: #9585bf }
.label-purple.arrowed-in:before { border-color: #9585bf }
.label-purple.arrowed-right:after { border-left-color: #9585bf }
.label-purple.arrowed-in-right:after { border-color: #9585bf }
.label-yellow.arrowed:before { border-right-color: #fee188 }
.label-yellow.arrowed-in:before { border-color: #fee188 }
.label-yellow.arrowed-right:after { border-left-color: #fee188 }
.label-yellow.arrowed-in-right:after { border-color: #fee188 }
.label-light.arrowed:before { border-right-color: #e7e7e7 }
.label-light.arrowed-in:before { border-color: #e7e7e7 }
.label-light.arrowed-right:after { border-left-color: #e7e7e7 }
.label-light.arrowed-in-right:after { border-color: #e7e7e7 }
.label-grey.arrowed:before { border-right-color: #a0a0a0 }
.label-grey.arrowed-in:before { border-color: #a0a0a0 }
.label-grey.arrowed-right:after { border-left-color: #a0a0a0 }
.label-grey.arrowed-in-right:after { border-color: #a0a0a0 }
.label-large {font-size: 13px;padding: 0px 14px 0px;}
.label-large.arrowed,
.label-large.arrowed-in { margin-left: 12px }
.label-large.arrowed:before,
.label-large.arrowed-in:before { left: -16px; border-width: 11px 8px }
.label-large.arrowed-in:before { left: -12px }
.label-large.arrowed-right,
.label-large.arrowed-in-right {margin-right: 25px;/* margin-top: 13px; */}
.label-large.arrowed-right:after,
.label-large.arrowed-in-right:after { right: -16px; border-width: 11px 8px }
.label-large.arrowed-in-right:after { right: -12px }


.crop-text-2 {
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
hr {
    background-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(#dbdbdb), to(transparent));
    background-image: linear-gradient(to left, transparent, #abb7c5, transparent);
    margin: 5px 0 20px;
}
.read-more-opt{
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
}
.page-link {
   background-color: transparent;
   border: 1px solid transparent;
   font-size: 16px;
   font-weight: 500;
}



/* media queries */

/* Smartphones (portrait and landscape) */
@media only screen
and (min-device-width : 360px)
and (max-device-width : 480px) {

    .blog-details-page .blog-row{
        height: auto;
        min-height: unset;
        margin-bottom: 5%;  
    }
    .blog-details-page .recent-post {
        height: auto;
        max-height: unset;
        margin-bottom: 20%;
    }
    .has-search{
        display: none;
    }
    .for-md{
        display: none;
    }
    .for-sm{
        display: block;
    }
  
}

/* Smartphones (landscape)  */
@media only screen
and (min-width : 321px) {


}

/* Smartphones (portrait) */
@media only screen
and (max-width : 360px) {


}
 
/* iPads (portrait and landscape) */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
.blog-details-page .blog-row{
    height: auto;
    min-height: unset;
    margin-bottom: 5%;  
}
  
}

/* iPads (landscape) */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
 
}

/* iPads (portrait)  */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
.blog-details-page .blog-row{
    height: auto;
    min-height: unset;
    margin-bottom: 5%;  
}
}