


<style type="text/css">



    /**

     * Table of Contents

     *

     * 1.0 - Pagination

     * 2.0 - Social Media Icon

     * 3.0 - Default Blog Template

     * 4.0 - Classical Template

     * 5.0 - Light Breeze Template

     * 6.0 - Spektrum Template

     * 7.0 - Evolution Template

     * 8.0 - Timeline Template

     * 9.0 - Media Queries

     *

     */



    /**

     * 1.0 - Pagination 

     */  



    .wl_pagination_box {

        margin-bottom: 20px;

        float: left;

        width: 100%;

    }



    .wl_pagination_box .wl_pagination span, 

    .wl_pagination_box .wl_pagination a {

        background: #dcdee0;
        color: #2376ad;
        display: inline-block;

        padding: 2px 10px;  

        text-decoration: none;

        margin-right: 5px;

        box-shadow: none;

        margin-bottom: 5px;

    }   

    

    
        .wl_pagination_box .wl_pagination span.current, 

        .wl_pagination_box .wl_pagination a:hover {

            background: #58d658;
            color: #ffffff;
        }

            

    

    .wl_pagination_box.lightbreeze .wl_pagination span,

    .wl_pagination_box.lightbreeze .wl_pagination a {

        border-radius: 2px;

        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);                

    }    

    

    .wl_pagination_box.evolution .wl_pagination {

        float: right;

    }

    

    .wl_pagination_box.evolution .wl_pagination span,

    .wl_pagination_box.evolution .wl_pagination a {                

        color: #fff;        

        margin-left: 8px;

        margin-right: 0;

    }    

    

    /**

     * 2.0 - Social Media Icon 

     */

    

    bdp_blog_template.box-template .social-component {

        display: inline-block;

        width:100%;

    }    

    

    .bdp_blog_template.timeline .social-component {

        box-sizing: border-box;

        float: left;

        margin-bottom: 0;

        width: 100%;

        display:inline-block;

        margin-top: 20px;

    }

    

    .bdp_blog_template .social-component a {

        border: 1px solid #cccccc;

        float: left;

        margin-top: 8px;

        margin-right: 8px;

        padding: 8px 0;

        text-align: center;

        width: 38px;

        font-size: 15px;

        line-height:20px;

        box-shadow: none;

        border-radius: 100%; 

    } 

    

    .bdp_blog_template.timeline .social-component a {

        padding: 5px 0;

        width: 30px;

        height: 30px;

    }

    

    .social-component a.facebook-share:hover {

        background: none repeat scroll 0 0 #3a589d;

        border-color: #3a589d;

        color: #fff;

    }

    

    .social-component a.twitter:hover {

        background: none repeat scroll 0 0 #2478ba;

        border-color: #2478ba;

        color: #fff;

    }

    

    .social-component a.google:hover {

        background: none repeat scroll 0 0 #dd4e31;

        border-color: #dd4e31;

        color: #fff;

    }

    

    .social-component a.linkedin:hover {

        background: none repeat scroll 0 0 #cb2320;

        border-color: #cb2320;

        color: #fff;

    }

    

    .social-component a.instagram:hover {

        background: none repeat scroll 0 0 #111111;

        border-color: #111111;

        color: #fff;

    }

    

    .social-component a.pinterest:hover {

        background: none repeat scroll 0 0 #cb2320;

        border-color: #cb2320;

        color: #fff;

    }

    

    /**

     * 3.0 - Default Blog Template 

     */ 



    .bdp_blog_template {

        float: left;

        width: 100%;

        margin-bottom: 40px; 

        background: #ffffff
    }    

    

    


    .bdp_blog_template .meta_data_box {

        float: left;

        margin: 10px 0;

        border-bottom: 1px solid #CCCCCC;

        width: 100%;

        font-style: italic;

    }    

    

    .bdp_blog_template [class^="icon-"],

    .bdp_blog_template [class*=" icon-"] {

        background: url(../images/glyphicons-halflings.png ) no-repeat 14px 14px;

        display: inline-block;

        height: 14px;

        line-height: 14px;

        vertical-align: middle;

        width: 14px;

    }     

    

    .bdp_blog_template .meta_data_box .metadate,

    .bdp_blog_template .meta_data_box .metauser,

    .bdp_blog_template .meta_data_box .metacats {

        float: left;

        padding: 0 10px 0 0;

        font-size: 15px;

    }

    

    .bdp_blog_template .meta_data_box .metacomments {

        float: left;

        font-size: 15px;

    }   

    

    .entry-content .bdp_blog_template a,

    .entry-content .bdp_blog_template .tags a,

    .entry-content .bdp_blog_template .meta_data_box .metacats a,

    .entry-content .bdp_blog_template .meta_data_box .metacomments a {

        text-decoration: none;

        box-shadow: none;

    }

    

    .bdp_blog_template .icon-author {

        background-position: -168px 1px;

        margin-right: 5px;

    }

    

    .bdp_blog_template span.calendardate {

        color: #6D6D6D;

        margin-left: 18px;

        font-size: 12px;

    }

    

    .bdp_blog_template .metacomments i, 

    .bdp_blog_template .metadate i,

    .bdp_blog_template .mdate i,

    .bdp_blog_template span.calendardate i {

        margin-right: 5px;

    }

   

    .bdp_blog_template .icon-cats {

        background-position: -49px -47px;

    }

    

    .bdp_blog_template .icon-comment {

        background-position: -241px -119px;

    }

    

    .bdp_blog_template .blog_header .metadatabox {

        border-bottom: none;

        float: none;

        font-size: 13px;

        font-style: italic;

        margin: 5px 0 0;

        width: 100%;

        line-height: 2;

    }

    .bdp_blog_template .blog_header .metadatabox .metacomments {

        float: right;

        border-radius: 5px;

    }

    .bdp_blog_template .blog_header .metadatabox .icon-date {

        background-position: -48px -24px;

        margin-right: 3px;

    }

    

    .bdp_blog_template .tags {

        padding: 5px 10px;

        border-radius: 3px;

    }

    

    .bdp_blog_template.box-template .tags {

        display: inline-block;

        font-size: 15px;

        margin-bottom: 7px;

    }

    

    .bdp_blog_template .tags .icon-tags {

        background-position: -25px -47px;

    }    

    

    .bdp_blog_template .blog_header {

        overflow: hidden;

        margin: 15px 0;

    }

    

    .bdp_blog_template .blog_header img {

        box-shadow: none;

        width: 100%;

    }

    

    .bdp_blog_template .blog_header h1 {

        display: block;

        padding: 3px 10px;

        margin: 0;

        border-radius: 3px;

        line-height: 1.5;         

        background: #ffffff
    }

    

    
        .bdp_blog_template .blog_header h1 a {

            color: #1fab8e;
            font-size: 35px;
        }

    
    

    .post_content {

        margin-bottom: 15px;

        color:#7b95a6;
        font-size:14px;
    }      

    

   .bdp_blog_template a.more-tag {

        font-size: 14px;

        padding: 5px 10px;

        border-radius: 5px;

        float: right;    

        background-color: #dcdee0;
        color: #2376ad;
    } 

    

    
        .bdp_blog_template a.more-tag:hover {

            background-color: #2376ad;
            color: #dcdee0;
        }        

    
        

    
        .meta_data_box .metacats a,

        .meta_data_box .metacomments a,

        .bdp_blog_template .categories a,

        .post_content a,

        .post_content a:hover,

        .tags a,

        span.category-link a,

        .bdp_blog_template a {

            color:#58d658;

            font-size: 14px;

        }                        

      

    

    /**

     * 4.0 - Classical Template

     */ 



    .bdp_blog_template.classical {       

        border-bottom: 1px dashed rgb(204, 204, 204);        

        padding: 0 0 40px;  

        background: none;

    }



    .bdp_blog_template.classical .post-image img {

        width: 100%;

    }

    .bdp_blog_template.classical .post-image img:hover {

        opacity: 0.8;

    }

    

    .bdp_blog_template.classical .blog_header h1 {

        border-radius: 0;

        padding: 0; 

    }

        

    .bdp_blog_template.classical .blog_header .tags {

        background: none;

        border-radius: 0px;

        padding: 0px;

        color: #58d658;
    }   

    

    .bdp_blog_template.classical .category-link {

        font-size: 14px;

    }

    

    /**

     * 5.0 - Light Breeze Template

     */ 



    .bdp_blog_template.lightbreeze {               

        border-radius: 3px;

        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

        padding: 15px;

        border: 1px solid #ccc;

    }

    

    .bdp_blog_template.lightbreeze .post-image {

        overflow: hidden;

        margin: 0;

    }

    

    .bdp_blog_template.lightbreeze .post-image img {

        transform: scale(1);

        transition: all 1s ease 0s;

        height: auto;

        max-width: 100%;

        width: 100%;

    }

    

    .bdp_blog_template.lightbreeze .post-image img:hover {

        transform: scale(1.2);

    }

    

    .bdp_blog_template.lightbreeze .blog_header h1 {

        padding: 0;

    }

    

    .bdp_blog_template.lightbreeze .meta_data_box {

        margin: 10px 0 0;

        padding-bottom: 15px;

    }

    

    .bdp_blog_template.lightbreeze .tags {

        padding: 5px 0;

    }   

       

    /**

     * 6.0 - Spektrum Template

     */ 



    .bdp_blog_template.spektrum {                

        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);       

        background: none;

        border: none;        

        border-radius: 0px;

        padding: 0px;        

    }



    .bdp_blog_template.spektrum .spektrum_content_div {

        box-shadow: 0 3px 5px rgba(196, 196, 196, 0.3);

        float: left;

        padding: 15px;

        width: 100%;

    }

    

    .bdp_blog_template.spektrum img {                

        float: left;

        width: 100%;

    }

    

    .bdp_blog_template.spektrum .post-image {

        position: relative;

        float: left;

        width: 100%;

    }

    

    .bdp_blog_template.spektrum .post-image .overlay {

        background-color: rgba(0, 0, 0, 0.8);

        color: #ffffff;

        height: 100%;

        left: 0;

        opacity: 0;

        position: absolute;

        text-align: center;

        top: 0;

        transform: rotateY(180deg) scale(0.5, 0.5);

        transition: all 450ms ease-out 0s;

        width: 100%;

    }

    

    .bdp_blog_template.spektrum .post-image:hover .overlay {

        opacity: 1;

        transform: rotateY(0deg) scale(1, 1);

        height: 100%;

    }

    

    .bdp_blog_template.spektrum .post-image .overlay a {

        color: rgba(255, 255, 255, 0.8);

        display: inline-flex;

        font-size: 25px;

        margin-top: 15%;

        padding: 15px;

    }

    

    .bdp_blog_template.spektrum .blog_header.disable_date{

        padding-left: 0;

    }

    

    .bdp_blog_template.spektrum .blog_header {

        background:#ffffff;
        width:100%;

        position: relative;

        float: left;

        margin-top: 0;

        padding-left: 70px;

        min-height: 55px;

    }

    

    .bdp_blog_template.spektrum .blog_header h1 {

        border-radius: 0;

        box-sizing: border-box;

        display: table-row-group;

        padding: 5px 10px 0 0;

        width:calc(100% - 55px);

    }

    

    .bdp_blog_template.spektrum .date {

        box-sizing: border-box;

        display: inline-block;

        float: left;

        font-size: 10px;

        height: 55px;

        margin: 0;

        padding: 5px;

        text-align: center;

        width: 55px;

        position: absolute;

        left: 0;

        color: #fff;

    }

    

    .bdp_blog_template.spektrum .number-date {

        display: block;

        font-size: 20px;

        line-height: 14px;

        padding: 5px;

    }

    

    .bdp_blog_template.spektrum .post-bottom {

        clear: both;

        margin-top: 15px;

        position: relative;

        width: 100%;

        float: left;

    }

    

    .bdp_blog_template.spektrum .post-bottom .categories,

    .bdp_blog_template.spektrum .post-bottom .metacomments,

    .bdp_blog_template.spektrum .post-bottom .post-by,

    .bdp_blog_template.spektrum .post-bottom .tags {

        display: inline-block;

        font-size: 14px;

        margin-right: 20px;

        padding: 0;

    }

    

    .bdp_blog_template.spektrum .details a {

        display: inline-block;

        padding: 4px 10px;

        text-decoration: none;

    } 

    

    
        .spektrum .date {

            background-color: #1fab8e;

        }

    
        .spektrum .post-bottom .categories a {

            color: #58d658;

        }

    
        .spektrum .details a {

            color :#2376ad;

        }

    
        .spektrum .details a:hover {

            color :#dcdee0;

        }

    
    

    /**

     * 7.0 - Evolution Template

     */ 



    .bdp_blog_template.evolution {                

        border: none;

        border-radius: 0px;

        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

        padding: 15px;       

    }    

    

    .bdp_blog_template.evolution .blog_header {

        margin: 10px 0;

        text-align: center;

    }

    

    .bdp_blog_template.evolution .post-image {

        overflow: hidden;

        margin: 0;

        position: relative;

    }

    .bdp_blog_template.evolution .post-image img {

        transform: scale(1);

        transition: all 1s ease 0s;

        height: auto;

        max-width: 100%;

        width: 100%;

    }

    

    .bdp_blog_template.evolution .post-image:hover img {

        transform: scale(1.08);

    }

    

    .bdp_blog_template.evolution .post-image .overlay {

        background-color: rgba(0, 0, 0, 0.5);

        bottom: 0;

        display: block;

        height: 0;

        position: absolute;

        transition: all 0.2s ease 0s;

        width: 100%;

    }

    

    .bdp_blog_template.evolution .post-image:hover .overlay {

        height: 100%;

        transition: all 0.1s ease 0s;

    }



    .bdp_blog_template.evolution .post_content {        

        margin-top: 10px;

    }

    

    .bdp_blog_template.evolution .post_content p {        

        margin-bottom: 10px;

    }

        

    .bdp_blog_template.evolution .post-entry-meta > span {

        display: inline-block;

        margin: 0 5px;

    }

    

    .bdp_blog_template.evolution .categories,   

    .bdp_blog_template.evolution .post-entry-meta {

        text-align: center;

        margin-bottom: 10px;

        display: block;

        font-size: 15px;

    }

    

    .bdp_blog_template.evolution .categories a {

        font-size: 15px;

    }



    /**

     * 8.0 - Timeline Template 

     */ 



    .bdp_blog_template.timeline {        

        margin-bottom: 0;

        border-radius: 0;

        box-shadow: none;

        padding: 0;

        border: none;

        box-sizing: border-box;

        background:none;

    }

    

    .timeline_bg_wrap:before {

        background: none repeat scroll 0 0 #db4c59;

        content: "";

        height: 100%;

        left: 50%;

        margin-left: -1px;

        position: absolute;

        top: 0;

        width: 3px;

    }

    

    .bdp_blog_template.timeline .post-image {

        position: relative;

    }

    

    .bdp_blog_template.timeline .post-image .overlay {

        background-color: rgba(0, 0, 0, 0.5);

        top: 0;

        display: block;

        height: 0;

        position: absolute;

        transition: all 0.2s ease-out 0s;

        width: 100%;

    }

    

    .bdp_blog_template.timeline .post-image:hover .overlay {

        height: 100%;

        transition: all 0.1s ease-out 0s;

    }

    

    .bdp_blog_template.timeline .photo {

        text-align:center;

        margin-bottom: 15px;

    }

    

    .timeline_bg_wrap {

        padding: 0 0 50px;

        position: relative;

    }

    

    .clearfix:before,

    .clearfix:after {

        content: "";

        display: table;

    }

    

    .timeline_bg_wrap .timeline_back {

        margin: 0 auto;

        overflow: hidden;

        position: relative;

        width: 100%;

    }

    

    .datetime {

        background: none repeat scroll 0 0 #db4c59;

        border-radius: 100%;

        color: #fff;

        font-size: 12px;

        height: 70px;

        line-height: 1;

        padding-top: 10px;

        position: absolute;

        text-align: center;

        top: -30px;

        width: 70px;

        z-index: 1;

    }

    

    .timeline.blog-wrap:nth-child(2n+1) .datetime {

        left: -30px;

    }

    

    .timeline.blog-wrap:nth-child(2n) .datetime {

        left: inherit;

        right: -30px;

    }

    

    .timeline .datetime .month {

        font-size:15px;

        color:#fff;

        float:left;

        width:100%;

        padding-bottom:5px;

    }

    

    .timeline .datetime .date {

        font-size:30px;

        color:#fff;

        float:left;

        width:100%;

    }

    

    .bdp_blog_template.timeline:nth-child(2) {

        margin-top: 100px;

    }

    

    .timeline_bg_wrap .timeline_back .timeline.blog-wrap {

        display: block;

        padding-bottom: 45px;

        padding-top: 45px;

        position: relative;

        width: 50%;

    }

    

    .timeline_bg_wrap .timeline_back .timeline.blog-wrap:nth-child(2n) {

        clear: right;

        float: right;

        padding-left: 50px;

        padding-right: 30px;

    }

    

    .timeline_bg_wrap .timeline_back .timeline.blog-wrap:nth-child(2n+1) {

        clear: left;

        float: left;

        padding-right: 50px;

        padding-left: 30px;

    }

    

    .post_hentry {

        margin: 0 auto;

        padding: 0;

        position: relative;

    }

    

    .post_hentry:before {

        background: #db4c59;
        box-shadow:0 0 0 4px white, 0 1px 0 rgba(0, 0, 0, 0.2) inset, -3px 3px 8px 5px rgba(0, 0, 0, 0.22);

        border-radius: 50%;

        content: "\f040";

        height: 35px;

        position: absolute;

        right: -68px;

        top: 0;

        width: 35px;

        box-sizing: unset;

        font-family: FontAwesome;

        color:#fff;

        display: block;

        font-family: FontAwesome;

        font-size: 24px;

        text-align: center;

        line-height: 1.3;

    }

    

    .bdp_blog_template.timeline:nth-child(2n) .post_hentry:before {

        left: -68px;

        right: auto;

    }

    

    .bdp_blog_template.timeline {

        border: none;

        box-shadow: none;

        margin: 0;

    }

    

    .bdp_blog_template.timeline:nth-child(2n+1) .post_content_wrap:before,

    .bdp_blog_template.timeline:nth-child(2n+1) .post_content_wrap:after {

        border-bottom: 8px solid transparent;

        border-left: 8px solid #db4c59;

        border-top: 8px dashed transparent;

        content: "";

        position: absolute;

        right: -8px;

        top: 13px;

    }

    

    .bdp_blog_template.timeline:nth-child(2n) .post_content_wrap:before,

    .bdp_blog_template.timeline:nth-child(2n) .post_content_wrap:after {

        border-bottom: 8px solid transparent;

        border-right: 8px solid #db4c59;

        border-top: 8px dashed transparent;

        content: "";

        left: -8px;

        position: absolute;

        top: 13px;

    }

    

    .bdp_blog_template.timeline:nth-child(2n+1) .post_content_wrap {

        float: right;

        margin-left: 0;

    }

    

    .post_content_wrap {

        border-radius: 3px;

        margin: 0;

        border:1px solid #db4c59;

        word-wrap: break-word;

        font-weight: normal;

        float: left;

        width: 100%;

    }

    

    .bdp_blog_template.timeline .post_wrapper.box-blog {

        float: left;

        padding: 15px;

        width: 100%;

        position: relative;

    }

    

    .clearfix:after {

        clear: both;

    }

    

    .bdp_blog_template.timeline:nth-child(1),

    .bdp_blog_template.timeline:nth-child(2) {

        padding-top: 100px;

    }

    

    .blog-wrap .desc a.desc_content {

        display: block;

        padding: 15px 15px 5px;

        position: relative;

        text-align: center;

    }

    

    .blog_footer, .blog_div {

        background: none repeat scroll 0 0 #ffffff;

    }

    

    .post_content_wrap .blog_footer {

        border-top: 1px solid #db4c59 ;

        padding-left: 5px;

        width: 100%;

    }

    

    .blog_footer span {

        padding: 5px;

        text-transform:none;

        display: inherit;

        font-size: 15px;

    }

    

    .date_wrap span{

        text-transform:capitalize;

    }

    

    span.leave-reply i,

    .blog_footer span i {

        padding-right: 5px;

    }

    

    .bdp_blog_template.timeline .read_more {        

        display: block;

        text-align: center;

    }    

    .bdp_blog_template.timeline .more-tag {        

        float: none;

        display: inline-block;

        padding: 5px 10px;

        border-radius: 3px;

        font-size: 15px;

    }    

    

    .post-icon {

        background:#ffffff;
        color: #ffffff;

    }

    .date_wrap {

        padding-bottom: 5px;

    }

    .datetime span.month{

        color:#555;

    }

    .bdp_blog_template.timeline {

        box-sizing: border-box;

    }

    .bdp_blog_template.timeline .blog_footer {

        box-sizing: border-box;

        float: left;

        padding: 15px;

        width: 100%;

    }    

    .bdp_blog_template.timeline .post_content{

        padding-bottom:10px;

        margin: 0;

    }

    .bdp_blog_template.timeline .post_content p {       

        margin: 0;

    }

    .bdp_blog_template.timeline .post_content a.more-link{

        display: none;

    }

    .bdp_blog_template.timeline .desc a h3 {

        color: #1fab8e;
        background:#ffffff;
        margin-bottom: 10px;

        font-size: 35px;
    }    

    .bdp_blog_template.timeline .tags {

        padding: 5px;

    }  

    

    
    

    /**

     * 9.0 - Media Queries

     */ 



    @media screen and (max-width: 992px) {

        

        .bdp_blog_template .timeline_bg_wrap:before {

            left: 6%;

        }

        

        .bdp_blog_template .timeline_bg_wrap .timeline_back .timeline.blog-wrap:nth-child(2n+1) {

            clear: right;

            float: right;

            padding-left: 50px;

            padding-right: 30px;

        }

        

        .bdp_blog_template .timeline_bg_wrap .timeline_back .timeline.blog-wrap {

            width: 94%;

        }

        

        .bdp_blog_template.timeline:nth-child(n) .post_hentry:before {

            left: -68px;

            right: auto;

        }

        

        .bdp_blog_template.timeline:nth-child(2n+1) .post_content_wrap:before,

        .bdp_blog_template.timeline:nth-child(2n+1) .post_content_wrap:after {

            left: -8px;

            border-right: 8px solid #000000;

            border-left: none;

            right:auto;

        }

        

        .bdp_blog_template .datetime {

            height: 60px;

            width: 60px;

        }

        

        .bdp_blog_template.timeline .datetime .month {

            font-size: 14px;

        }

        

        .bdp_blog_template.timeline .datetime .date {

            font-size: 20px;

        }

        

        .bdp_blog_template.timeline:nth-child(2n+1) .datetime,

        .bdp_blog_template.timeline:nth-child(2n) .datetime {

            left: inherit;

            right: -30px;

        }

        

        .bdp_blog_template.timeline:nth-child(2) {

            margin-top: 0;

            padding-top: 45px;

        }

        

        .bdp_blog_template.timeline:nth-child(2n+1) .post_content_wrap {

            float: left;

        }

    }

    

    @media screen and (max-width: 550px){

        

        .bdp_blog_template .timeline_bg_wrap:before {

            left: 10%;

        }

        .bdp_blog_template .timeline_bg_wrap .timeline_back .timeline.blog-wrap {

            width: 90%;

        }

    }



</style>