<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: #000000;        color: #dd3333;        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: #dd3333;            color: #000000;        }
            

    .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: #000000    }    


    .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: #000000    }

                .bdp_blog_template .blog_header h1 a {
            color: #dd3333;    font-size: 35px;        }

    .post_content {
        margin-bottom: 15px;
        color:#000000;        font-size:16px;    }      

    .bdp_blog_template a.more-tag {
        font-size: 14px;
        padding: 5px 10px;
        border-radius: 5px;
        float: right;    
    background-color: #000000;    color: #dd3333;    } 

        .bdp_blog_template a.more-tag:hover {
    background-color: #dd3333;    color: #000000;        }        

        .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:#dd3333;
            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: #dd3333;    }   

    .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:#000000;        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: #dd3333;
        }
            .spektrum .post-bottom .categories a {
            color: #dd3333;
        }
        .spektrum .details a {
            color :#dd3333;
        }
        .spektrum .details a:hover {
            color :#000000;
        }

    /**
     * 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 #dd3333;
        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 #dd3333;
        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: #dd3333;        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 #dd3333;
        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 #dd3333;
        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 #dd3333;
        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 #dd3333 ;
        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:#000000;        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: #dd3333;background:#000000;        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>