/*
Blog CSS
*/
/* 
    Created on : July 20, 2022, 12:43:16 PM
    Author     : Rohit
*/ 
.blog-banner-wrapper {
    background: #00278a;
    text-align: center;
    padding: 150px 0;
    color: #FFF;
}
.blog-banner-wrapper h1 {
    font-size: 56px;
    margin: 20px 0;
}
.blog-banner-wrapper h3 {
    font-size: 16px;
    font-weight: 400;
}
.footer-cta-wrapper {
    background: #00278a;
    padding: 150px 0;
}

.footer-cta-container {
    text-align: center;
    color: #FFF;
}

.footer-cta-container h2 {
    font-size: 36px;
    margin-bottom: 40px;
}
.footer-cta-container p {
    margin-bottom: 40px;
}
.footer-cta-container p.cta-notes {
    margin-bottom: 0;
    font-size: 12px;
}
.footer-cta-container a {
    background: #26d509;
    border: 1px solid #26d509;
    display: inline-block;
    padding: 20px 40px;
    font-size: 16px;
    border-radius: 3px;
    color: #111324;
    margin-bottom: 15px;
    font-weight: 500;
}
.footer-cta-container a:hover {
    background: #FFF;
    color: #26d509 !important;
}
.blog-breadcumb-search-bar-container {
    overflow: hidden;
    margin: 20px 0;
    position: relative;
}

.blog-breadcumb-wrapper {
    float: left;
    width: 40%;
}

.blog-cat-search-wrapper {
    float: right;
    width: 40%;
    text-align: left;
}
.blog-breadcumb-wrapper a, .blog-breadcumb-wrapper span {
    float: left;
    font-size: 15px;
    margin-right: 10px;
    margin-top: 6px;
    color: #5d5d66;
    line-height: 30px;
    font-weight: 300;
}

.blog-breadcumb-wrapper .home-icon img {
    width: 30px;
}
.blog-sep:before {
    color: #009fe3;
    display: inline-block;
    content: '\00bb';
    position: relative;
}
.blog-cat-search-wrapper .blog-cat-btn {
    font-size: 14px;
    color: #5d5d66;
    font-weight: 300;
    position: relative;
    top: 10px;
}
.blog-cat-btn img{
	width: 12px;
}
.blog-cat-search-wrapper .searchform {
    float: right;
    width: 60%;
    margin-left: 10px;
    /* position: relative; */
}
.blog-banner-wrapper h3 {
    font-size: 16px;
    font-weight: 400;
}
.blog-cat-search-wrapper .searchform input.search-text {
    height: 45px;
    padding-left: 20px;
    width: 30%;
    border: none;
    border-radius: 3px;
    outline: none;
    float: left;
    font-size: 16px;
    transition: all .5s;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999;
}
.blog-cat-search-wrapper .searchform .searchsubmit {
    width: 30px;
    height: 45px;
    float: left;
    border-radius: 0 3px 3px 0;
    border: none;
    background: url(../../images/WPTS-Search-Icon-Grey.png) no-repeat scroll 0 0 #FFF;
    background-size: 30px;
    background-position: center 10px;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 9999;
    cursor: pointer;
}
.blog-search-form-overlay {
    position: fixed;
    background: rgba(47, 53, 62, 0.65);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    z-index: 999
}
.blog-cat-search-wrapper .searchform input.search-text.active {
    width: 100%
}
.blog-post-list-wrapper {
    background: #f6f6f7;
}
.blog-breadcumb-search-bar-wrapper {
    background: #f6f6f7;
}
.blog-cat-search-wrapper span.blog-sep {
    position: relative;
    top: 10px;
}
.blog-post-list-container {
    overflow: hidden;
}
.blog-post-container {
    float: left;
    width: 31.6%;
    margin-right: 2.6%;
	height: 350px;
    margin-bottom: 2.5%;
}
.blog-post-container:nth-child(3n + 3) {
    margin-right: 0;
}
.blog-post-image {
    width: 100%;
	    margin-bottom: -7px;
}
.blog-post-details {
    border: 1px solid #CCC;
    padding: 40px;
    text-align: center;
    height: 170px;
}
.blog-post-details .post-title {
    font-size: 24px;
    color: #5d5d66;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.blog-post-details p {
    -ms-filter: "alpha(opacity=@calc_val)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    color: #8a8b93;
    text-align: center;
    max-height: 120px;
    overflow: hidden;
}
a.blog-post-link:hover .post-title {
    ms-filter: "alpha(opacity=@calc_val)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin-top: -30px;
    height: 30px;
}
a.blog-post-link:hover p {
    -ms-filter: "alpha(opacity=@calc_val)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    margin-top: -10px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.blog-post-details .read-time {
    font-weight: 400;
    margin-top: 15px;
    font-size: 15px;
    color: #5d5d66;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a.blog-post-link:hover .read-time {
    ms-filter: "alpha(opacity=@calc_val)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin-top: -30px;
    height: 30px;
}
.blog-pagination {
    text-align: center;margin: 60px 0 100px;
}

.blog-pagination .page-numbers {
    display: inline-block;
    margin: 0 10px;
    font-weight: 500;
    color: #00278a;
}

.blog-pagination .page-numbers.current {
    color: #000000;
}
.search-no-results {
    font-size: 40px;
    text-align: center;
    color: #111324;
    margin: 40px 0 0;
}
.blog-category-list-wrapper {
    background: rgba(17, 19, 36, 0.95);
    padding: 50px 0 40px;
    display: none;
}
.blog-category-list-wrapper ul {
    overflow: hidden;
}
.blog-category-list-wrapper ul li {
    float: left;
    width: 33.33%;
    margin-bottom: 7px;
}
.blog-category-list-wrapper h3 {
    margin-bottom: 10px;
    color: #FFF;
    font-size: 24px;
}
.blog-category-list-wrapper ul li a {
    color: #FFF;
}

/*Media Queries*/
@media screen and (max-width: 1500px){
    .blog-post-details h1 {
        font-size: 22px;
    }
}
@media screen and (max-width: 1200px){
    .blog-banner-wrapper{
        padding: 120px 0;
    }
    .blog-banner-wrapper h1{
        font-size: 45px;
    }
}
@media screen and (max-width: 1100px){
    .blog-post-container{
        width: 48%;
        margin-bottom: 4%;
        margin-right: 4% !important;
    }
    .blog-post-container:nth-child(2n + 2) {
        margin-right: 0 !important;
    }
}
@media screen and (max-width: 993px){
    .blog-cat-search-wrapper{
        width: 75%;
    }
    .blog-breadcumb-wrapper {
        width: 25%;
    }
}
@media screen and (max-width: 767px){
    .blog-banner-wrapper h1 {
        font-size: 36px;
    }
    .blog-post-container{
        width: 100%;
        margin-right: 0 !important;
    }
    .blog-post-container:nth-child(2n + 2) {
        margin-right: 0 !important;
    }
    .blog-breadcumb-wrapper, .blog-cat-search-wrapper span.blog-sep, .blog-cat-search-wrapper .blog-cat-btn {
        display: none;
    }

    .blog-cat-search-wrapper {
        width: 100%;
    }

    .blog-cat-search-wrapper .searchform {
        width: 100%;
        margin: 0;
    }
    .footer-cta-container h1{
        font-size: 30px;
    }
    .footer-cta-container a{
        padding: 15px 25px;
    }
    .footer-cta-wrapper {
        padding: 100px 0;
    }
}