/*
Theme Name: Ocelot
Theme URI: http://sparklewpthemes.com/wordpress-themes/ocelot/
Author: sparklewpthemes
Author URI: http://sparklewpthemes.com/
Description: Ocelot is a clean, elegant, feature-rich, stylish and modern child theme of Craft Blog, Ocelot Blog perfect for fashion bloggers, lifestyle & travel bloggers, personal blogging, journal, music band & singers, photographers, writers, fashion designer, interior designers, wedding, eCommerce and more bloggers. Theme completely built on Customizer which allows you to customize theme settings easily with live previews. Ocelot fully responsive, cross-browser compatible, translation ready and SEO friendly theme. This theme packs many premium features and several custom widgets which helps to make your professional and well-organized blog website. Official Support Forum: https://www.sparklewpthemes.com/support/ Full Demo: http://demo.sparklewpthemes.com/ocelot/
Version: 1.0.3
Tested up to:   5.7
Requires PHP:   5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: craft-blog
Text Domain: ocelot
Tags: blog, news, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, post-formats, sticky-post, translation-ready, featured-images, theme-options
*/

/**
 * Full Width Banner
*/
.ol-fullslider .ol-slider-panel{
     position: relative;
}

.ol-fullslider .ol-caption {
    position: absolute;
    text-align: center;
    top: 30%;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.25);
    padding: 30px;
}

.ol-img-holder img{
    width: 100%;
}

.ol-fullslider .ol-caption h2 a,
.ol-fullslider .ol-caption .entry-meta div,
.ol-fullslider .ol-caption .entry-meta.info div,
.ol-fullslider .ol-caption .entry-meta.info a{
    color: #fff;
 }

.ol-fullslider .ol-caption h2 a:hover,
.ol-fullslider .ol-caption .entry-meta div:hover,
.ol-fullslider .ol-caption .entry-meta.info div a:hover {
    color: #e74c3c;
}

.articlesListing.blog-grid .article p:first-of-type:first-letter {
    float: none;
    margin: 0;
    font-family: none;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: initial;
    text-align: center;
    text-transform: initial;
    color: inherit;
}

/**
 * Custom Widget Area
*/
.ocelot_relatedpost_widget .left_box img{
    transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -ms-transition: all ease 0.6s;
}
.ocelot_relatedpost_widget .left_box img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.ocelot-social-wrapper .sociallink ul li a,
.ocelot_aboutus .sociallink ul li a{
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.sociallink ul li a {
    background: #e74c3c;
    color: #fff;
    border: 1px solid #e74c3c;
}

.sociallink ul li a:hover {
    background: transparent;
    color: #e74c3c;
    border: 1px solid #e74c3c;
}

/*--------------------------------------------------------------
 ## Author Widget
--------------------------------------------------------------*/
.author_widget{
    text-align:center
}
.author_widget .author_thumb img{
    display:block;
    width:250px;
    height:250px;
    border-radius:50%;
    border:3px solid #eee;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center center;
    object-position:center center;
    margin:0 auto
}
.author_widget .author_name{
    margin:20px 0
}

.footer-widgets .author_name,
.footer-widgets .author_desc{
    color: #fff;
}

.ocelot-aboutus-wrap .sociallink,
.ocelot-social-wrapper .sociallink{
    float: none;
    text-align: center;
}

.widget-area .ocelot-social-wrapper ul li,
.widget-area .ocelot-aboutus-wrap ul li{
    border-bottom: 0;
}


/*--------------------------------------------------------------
 ## Recent & Random Posts
--------------------------------------------------------------*/
.ocelot_relatedpost_widget {
    padding: 0 10px;
}

.ocelot_relatedpost_widget .boxes_holder{
    display: inline-block;
    margin-bottom: 5px;
}

.ocelot_relatedpost_widget .left_box{
    float:left;
    width:40%;
    overflow: hidden;
}
.ocelot_relatedpost_widget .right_box{
    float:left;
    width:60%;
    padding-left:15px
}

.ocelot_relatedpost_widget .post_title h2{
    font-size:18px;
    line-height:1.3;
    margin-top: 0;
}



/*--------------------------------------------------------------
 ## Tabs Widget 
--------------------------------------------------------------*/
ul.ocelot-tab-nav {
  overflow: hidden;
  margin-bottom: 15px !important;
  background: #ECF0F1;
  padding: 0;
}

.widget-area ul.ocelot-tab-nav li {
    padding-bottom: 0;
}

.footer-widgets ul.ocelot-tab-nav{
    margin: 0;
}

.widget-area .ocelot_blog_pro_tabbed_block ul li{
    margin: 0;
    padding: 0;
}

li.ocelot-tab {
  float: left;
  list-style: none;
}

.ocelot-tabs-wdt .ocelot-tab-anchor {
  font-size: 15px;
  padding: 10px 15px;
  line-height: 40px;
  display: inline-block;
  font-weight: bold;
  line-height: 1.3;
  text-transform: uppercase;
  color: #333;
}

.ocelot-tabs-wdt .ocelot-tab-anchor:focus {
  outline: none;
}
.ocelot-tabs-wdt .ocelot-tab-anchor:hover {
  opacity: 0.9;
}

.ocelot-tab-nav .ui-tabs-active{
  border-bottom: 2px solid #e74c3c;
  outline: 0;
}

.ocelot-tabs-wdt #ocelot-comments,
.ocelot-tabs-wdt #ocelot-tags {
  display: none;
}

#ocelot-comments,
#ocelot-tags {
    padding: 0 15px 15px;
}

.ocelot-comment {
  overflow: hidden;
  margin: 0 0 1em;
}

.ocelot-comment-author,
.xmag_comment_post {
  font-weight: bold;
}

.ocelot-comment {
  font-size: 14px;
  margin-top: 5px;
}

.ocelot_avatar {
  float: left;
  margin: 0 1em 0 0;
}
.ocelot_avatar img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
}


#ocelot-tags a{
    background: #41393b none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 5px;
    margin-right: 3px;
    padding: 5px 15px;
}

#ocelot-tags a:hover{
    background: #e74c3c;
}


@media (max-width: 768px){
    .ocelot_relatedpost_widget .left_box {
        width: 25%;
    }
    .entry-meta.info>div, .entry-meta.info>span {
        float: left;
        margin-right: 5px;
    }
}

@media (max-width: 600px){
    .ol-fullslider .ol-caption {
        top: 0;
    }
    .ocelot_relatedpost_widget .left_box {
        width: 40%;
    }
}