/*
Theme Name:   Wisdom Blogger
Theme URI:    https://demo.codevibrant.com/wisdom-landing
Author:       CodeVibrant
Author URI:   https://codevibrant.com/
Description:  Wisdom Blogger is  Clean & Personal Blog Theme that offer fully responsive design displays beautifully across desktop, mobile and all devices. Easy installation allows you to start post blogs immediately after the activation. Theme supported Customizer which allows you to customize and change design of your blog. Perfect choice for your personal blog, corporate blog, marketing blog, authority blog or any type of creative blog. Check demo here: https://demo.codevibrant.com/child-theme/wisdom-blogger/
Version:      1.0.6
Requires at least:  5.0
Tested up to:   6.8
Requires PHP:   7.2
License:      GNU General Public License v3 or later
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
Template:     wisdom-blog
Text Domain:  wisdom-blogger
Tags:         blog, portfolio, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-image-header, threaded-comments, sticky-post, theme-options, translation-ready

*/

body, h1 , h2 , h3, h4, h5, h6{
    font-family: 'Be Vietnam Pro';
    color: #363636;
}

p{
    font-weight: 400;
}

#page{
    background: transparent;
    z-index: 1;
    position: relative;
}

.entry-content{
  font-size: 15px;
  margin:10px 0px;
}

.entry-content p{
  margin-bottom: 10px;
}

.single .entry-content a{
  text-decoration: underline;
}

.entry-btn a:hover{
  color:#fff;
}

/*-----------------------header design
--------------------------------------------------------------*/
#masthead {
  padding: 0px 0 40px;
}

.site-branding{
  padding: 20px 0px;
}

/*-----------------------menu design
--------------------------------------------------------------*/
#site-navigation ul li a{
    font-weight: 500;
    font-size: 17px;
    line-height: 60px;
}

#footer-menu .sub-menu{
    display: none;
}

#site-navigation ul li.page_item_has_children{
  margin-right: 25px;
}

/*-----------------------Post design
--------------------------------------------------------------*/

.entry-title {
  font-size: 27px;
}

.list-archive-layout article .post-thumbnail {
    float: left;
    width: 40%;
    height: 300px;
}

.list-archive-layout article .post-thumbnail img{
  object-fit: cover;
  height: 100%;
}

article .post-thumbnail {
    box-shadow: 0 3px 12px -1px rgba(7, 10, 25, .2), 0 22px 27px -6px rgba(7, 10, 25, .2);
    border-radius: 10px;
}


.list-archive-layout article .entry-header,
.list-archive-layout article .entry-content,
.list-archive-layout article .entry-btn,
.list-archive-layout article .entry-footer {
    float: right;
    width: 60%;
    text-align: left;
    padding: 0 0 0 40px;
    font-weight: 500;
}


.list-archive-layout article .entry-header,
.list-archive-layout article .entry-meta a {
    margin: 0px;
    color: #606060;
    font-size: 16px;
}

.list-archive-layout article .entry-meta a{
  padding-right:10px;
}


.list-archive-layout article:after{
    content: "";
    clear: both;
    display: block;
}


 .entry-btn a  {
  color: #c2185b;
  background-color: #fff;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  border-color: #c2185b;
}

.entry-btn a:hover{
  background-color: #c2185b;
  color: #fff;
}

 .cat-links a{
    padding: 5px 15px;
    border-radius: 10px;
    line-height: 1.5;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0px 0px 10px 0px;
}

.cat-links a:hover{
  color:#fff;
}

.cv-menu-wrapper .cv-form-wrap .search-form .search-field{
  font-size: 25px;
}




/*-----------------------single Post design
 --------------------------------------------------------------*/

 .single article{
  text-align: left;
 }

 .single .entry-header,.single .entry-content, .single .entry-meta a{
  padding: 20px 0px 0px;
  margin: 0;
  color: #383838;
  font-size: 16px;
  font-weight: 500;
 }


/*-----------------------author Post design
 --------------------------------------------------------------*/

.cv-author-info-wrapper .author-avatar {
  width: 85px;
  height: 85px;
  display: block;
  float: left;
  margin: 0 10px 0px 0px;

}

.cv-author-info-wrapper .author-description {
    width: 65%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
    float: right;
}

.boxed-layout .cv-author-info-wrapper .author-description{
  width:60%;
}

.cv-author-info-wrapper .author-avatar img{
  box-shadow: 2px 2px 7px 0px rgb(77 100 245 / 21%);
  border-radius:50px;
}



/*-----------------------widget design
 --------------------------------------------------------------*/

 #secondary .widget {
    border: 1px solid #c2185b;
    padding: 30px;
    background-color: #fffbfc;
    border-radius: 10px;
    box-shadow: 0 3px 12px -1px rgba(7, 10, 25, .2), 0 22px 27px -6px rgba(7, 10, 25, .2);
}

#secondary .widget .widget-title , .widget .wp-block-heading{
    text-align: left;
    font-size: 30px;
    position: relative;
}

#secondary .widget .widget-title::before,.widget .wp-block-heading:before{
  position: absolute;
  content: "";
  height: 3px;
  width: 40%;
  bottom: -2px;
  left: 0;
  z-index: 1;
  background: #c2185b;
}

#secondary .widget .widget-title::after,.widget .wp-block-heading::after{
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    bottom: -1px;
    right: 2px;
    background: #adaaaa;

}

.wisdom_blog_latest_posts .cv-post-title a{
    font-size:16px;
}

.wisdom_blog_latest_posts .cv-post-meta a,.widget_archive a, .widget_categories a, .widget_recent_entries a, .widget_meta a, .widget_recent_comments li, .widget_rss li, .widget_pages li a, .widget_nav_menu li a, .wp-block-latest-posts li a, .wp-block-archives li a, .wp-block-categories li a, .wp-block-page-list li a, .wp-block-latest-comments li{
    font-size: 15px;
    font-weight: 500;
    color: #363636;
}


/*-----------------------latest Post design
 --------------------------------------------------------------*/
.wisdom_blog_latest_posts .cv-post-thumb {
    border: 0px;
    padding: 0;
}


.wisdom_blog_latest_posts .cv-post-thumb img {
    box-shadow: 2px 2px 7px 0px rgb(77 100 245 / 21%);
    border-radius: 10px;
}

.navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover {
    background-color: #c2185b;
    color:#fff;
}

#respond {
  padding: 0;
}


/********************************************************
official social icon color Css
********************************************************/
.fa-instagram {
    color: #C62828;
  }

  .fa-youtube,
  .fa-youtube-play {
    color: #C62828;
  }

  .fa-facebook,
  .fa-facebook-circle,
  .fa-facebook-square,
  .fa-facebook-official,
  .fa-twitter-square,
  .fa-skype, .fa-facebook-f {
    color: #1da1f2;
  }

  .fa-google-plus-circle,
  .fa-google-plus-square,
  .fa-google-plus-official,
  .fa-google-plus {
    color: #db4a39;
  }

  .fa-tiktok {
    color: #ee1d52;
  }

  .fa-twitter {
    color: #1DA1F2;
  }

  .fa-whatsapp,
  .fa-whatsapp-square {
    color: #25d366;
  }

  .fa-airbnb {
    color: #F73659;
  }

  .fa-deviantart {
    color: #05cc47;
  }

  .fa-linkedin,
  .fa-linkedin-square {
    color: #0a66c2;
  }

  .fa-pinterest,
  .fa-pinterest-square,
  .fa-pinterest-alt {
    color: #bd081c;
  }

  .fa-adobe {
    color: #DB2219;
  }

  .fa-flickr,
  .fa-flickr-square {
    color: #f40083;
  }

  .fa-tumblr {
    color: #35465d;
  }

  .fa-slack {
    color: #4a154b;
  }

  .fa-reddit,
  .fa-reddit-square {
    color: #ff4500;
  }

  .fa-messenger {
    color: #913BCC;
  }

  .fa-wordpress {
    color: #009BCB;
  }

  .fa-weixin {
    color: #09B83E;
  }

  .fa-behance {
    color: #0054F7;
  }

  .fa-behance-square {
    color: #053eff;
  }

  .fa-dribbble {
    color: #ea4c89;
  }

  .fa-yahoo {
    color: #6001d2;
  }

  .fa-blogger {
    color: #ED7800;
  }

  .fa-snapchat,
  .fa-snapchat-ghost,
  .fa-snapchat-square {
    color: #fffc00;
  }

  .fa-wix {
    color: #F4B66C;
  }

  .fa-meta {
    color: #005ED6;
  }

  .fa-baidu {
    color: #2319DC;
  }

  .fa-twitch {
    color: #8C45F7;
  }

  .fa-discord-alt {
    color: #5562EA;
  }

  .fa-vk {
    color: #0072F7;
  }

  .fa-trip-advisor {
    color: #31D99C;
  }

  .fa-telegram {
    color: #28A4E4;
  }

  .fa-quora {
    color: #B32A26;
  }

  .fa-ok-ru {
    color: #EF8B27;
  }

  .fa-microsoft-teams {
    color: #544FBC;
  }

  .fa-foursquare {
    color: #F14572;
  }

  .fa-soundcloud {
    color: #F75200;
  }

  .fa-vimeo {
    color: #00A8E8;
  }

  .fa-digg {
    color: #313131;
  }

  .fa-periscope {
    color: #3E9FBE;
  }

  .fa-xing {
    color: #005D5B;
  }

  .fa-imdb {
    color: #EDBF17;
  }

/********************************************************
backgroundanimation Css
********************************************************/

  .bg {
    animation:slide 3s ease-in-out infinite alternate;
    background-image: linear-gradient(339deg, #c2185b 15%, #FFFFFF 40%);
    bottom:0;
    left:-50%;
    opacity:.1;
    position:fixed;
    right:-50%;
    top:0;
    z-index:-1;
  }

  .bg2 {
    animation-direction:alternate-reverse;
    animation-duration:4s;
  }

  .bg3 {
    animation-duration:5s;
  }

  @keyframes slide {
    0% {
      transform:translateX(-25%);
    }
    100% {
      transform:translateX(25%);
    }
  }


#cv-scrollup {
  background: none;
  border: none;
}

#cv-scrollup::before {
  top: 4px;
}

article.sticky.no-thumbnail{
  border:0px;
}

#site-navigation .sub-menu li.menu-item-has-children>a::after, #site-navigation .children li.page_item_has_children>a::after{
  top:10px;
}

.cv-social-icons-wrapper a{
  font-size: 20px;
}

.site-info{
  font-size: 16px;
}

#footer-menu li a{
  font-size: 16px;
}

.search-no-results .no-results input[type="search"]{
  height:42px;
  width:88%;
}

input[type="submit"]{
  color:#fff;
}

input[type="submit"]:hover{
  color: #fff;
  border-color: #666;
  background-color: #fff;
}

.form-submit input[type="submit"]{
  color:#000;
}