/*!
Theme Name: mahabharataseries
Theme URI: https://www.skywebdevelopment.in/
Author: ravimakwana68gmailcom
Author URI: https://www.skywebdevelopment.in/
Description: mahabharataseries is a beautiful and easy-to-use WordPress theme for authors, writers, novelists, and publishers who want to launch, promote or publish their book online. This theme features an elegant and attractive layout to help you generate high leads and get more sales of your book. With Author Landing Page free theme, you can create a fully responsive, and visually appealing landing page to sell and promote your book without writing a single line of code. It is a speed optimized theme that helps your website load within a blink of an eye and provides a great user experience to your visitors. The theme is developed with SEO optimized codes and is schema.org markup ready to help your website rank higher in Google and other search engines. Furthermore, this theme is fully compatible with the popular WooCommerce plugin to allow you to sell your book via your website. Check demo at https://demo.rarathemes.com/author-landing-page/ and documentation at https://docs.rarathemes.com/docs/author-landing-page/. Read theme details at https://rarathemes.com/wordpress-themes/author-landing-page/ and get free support at https://rarathemes.com/support-ticket/.
Template: book-landing-page
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: author-landing-page
Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-menu, custom-logo, featured-images, post-formats, footer-widgets, full-width-template, sticky-post, threaded-comments, translation-ready, theme-options, blog, education, e-commerce

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Author Landing Page is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
:root {
  --primary-color: #1F65D6;
  --primary-color-rgb: 31, 101, 214;
  --secondary-color: #26CB7C;
  --secondary-color-rgb: 38, 203, 124;
  --font-color: #4E4E4E;
  --primary-font: 'PT Sans', sans-serif;
  --secondary-font: 'Quicksand', sans-serif;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
html{
    font-size: 18px;
}

body{
    font: 1rem/1.750em var(--primary-font);
}

body,
button,
input,
select,
textarea {
    color: var(--font-color);
    font-family: var(--primary-font);
    font-size: 1rem;
    line-height: 1.750em;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    display: inline-block;
    background: var(--secondary-color);
    color: #fff;
    padding: 0.833rem 2.667rem;
    border-radius: 100px;
    border: 1px solid var(--secondary-color);
    font-family: var(--secondary-font);
    font-size: 0.889rem;
    line-height: 1.875em;
    letter-spacing: 0.5px;
    font-weight: 500;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: none;
    color: var(--secondary-color);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    background: none;
    color: #63b03e;
    outline: thin dotted;
    outline-offset: 2px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    color: #666;
    border: 1px solid #e8e8e8;
    width: 60%;
    outline: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
    outline: thin dotted;
    outline-offset: 2px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 0.167rem 0.833rem;
}

textarea {
    padding: 0.167rem 0.833rem;
    width: 100%;
    color: #666;
    border: 1px solid #e8e8e8;
    height: 105px;
    resize: none;
    outline: none;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
    color: var(--primary-color);
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: var(--primary-color);
    text-decoration: underline;
}

/*a:focus {
    outline: none;
}*/

a:hover,
a:active {
    outline: none;
}
.pagination .current, 
.pagination a:hover,
 .pagination a:focus {
    background: var(--secondary-color);
}
.site-branding .site-title{
    text-transform: none;
    font-family: var(--secondary-font);
}

.main-navigation ul{
    font-family: var(--secondary-font);
    font-size: 0.778rem;
    line-height: 1.143em;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.main-navigation ul li{
    margin-left: 2.5rem;
}

.main-navigation ul li a{
    color: #000;
}

.main-navigation ul ul{
    font-weight: 700;
    padding-top: 48px;
    z-index: 1;
}

/*=========================
 Banner style
=========================*/
.banner{
    position: relative;
    background: none;
    color: inherit;
    font-size: inherit;
    padding: 0;
}

.banner .custom-bg{
    padding: 6.3rem 0 4.5rem;
    background-size: contain !important;
    background-repeat: repeat !important;
}

.banner .banner-holder{
    max-width: 1170px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    align-items: center;
}

.banner .book-banner-holder{
    width: 530px;
    margin-right: 50px;
}

.banner .caption-holder{
    color: #fff;
    flex-basis: 0;
    flex-grow: 1;
}

.banner .caption-holder .text-holder{
    font-size: 1.111rem;
    line-height: 1.650em;
}

.banner .caption-holder .title{
    font-weight: 400;
    font-family: var(--secondary-font);
    line-height: 1.246em;
    font-size: 3.611rem;
    margin: 0 0 0.308em;
}

.banner .caption-holder .btn-buy{
    display: inline-block;
    background: var(--secondary-color);
    color: #fff;
    padding: 0.833rem 2.667rem;
    border-radius: 100px;
    font-family: var(--secondary-font);
    font-size: 0.889rem;
    line-height: 1.875em;
    letter-spacing: 0.5px;
    font-weight: 500;
    margin: 0 0 1.667rem;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.banner .caption-holder .btn-buy:hover,
.banner .caption-holder .btn-buy:focus{
    text-decoration: none;
    background: #fff;
    color: var(--secondary-color);
}

.about {
    background: #fff;
}

.about .header {
    margin: 0 auto 3.333rem;
    text-align: center;
    font-size: 1.111rem;
    line-height: 1.650em;
    max-width: 42.778rem;
}

.about .header .main-title {
    font-family: var(--secondary-font);
    font-weight: 500;
    font-size: 2.222rem;
    line-height: 1.125em;
    margin: 0 0 0.275em;
    color: #121212;
}

.about .col .holder{
    padding: 1.667rem;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
    height: 100%;
    text-align: left;
}

.about .col .holder:hover,
.about .col .holder:focus{
    box-shadow: 0 0 15px rgba(220, 227, 247, 0.5);
}

.about .col .text-holder{
    padding: 0;
    line-height: 1.667em; 
}

.about .col .text-holder .title{
    font-size: 1.111rem;
    line-height: 1.250em;
    margin: 0 0 0.800em;
    font-family: var(--secondary-font);
    color: #121212;
    font-weight: 700;
}

.about .col .text-holder p{
    margin: 0;
}

/*=================================
 Testimonial
=================================*/
.testimonial {
    background: rgba(var(--primary-color-rgb), 0.05);
}

.testimonial .header {
    margin: 0 auto 3.333rem;
    text-align: center;
    font-size: 1.111rem;
    line-height: 1.650em;
    max-width: 42.778rem;
}

.testimonial .header .main-title {
    font-family: var(--secondary-font);
    font-weight: 500;
    font-size: 2.222rem;
    line-height: 1.125em;
    margin: 0 0 0.275em;
    color: #121212;
}

.testimonial .col blockquote{
    background: #fff;
    border: 1px solid rgba(var(--primary-color-rgb), 0.2);
    border-radius: 5px;
    padding: 2.222rem 1.667rem;
    line-height: 1.667em;
    margin: 0 0 1.667rem;
    position: relative;
}

.testimonial .col blockquote svg{
    fill: rgba(var(--secondary-color-rgb), 0.1);
    position: absolute;
    top: 1.111rem;
    left: 0.556rem;
}

.testimonial .col blockquote:after {
    width: 20px;
    height: 20px;
    background: #fff;
    border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.2);
    border-right: 1px solid rgba(var(--primary-color-rgb), 0.2);
    content: '';
    position: absolute;
    bottom: -10px;
    left: 45px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.testimonial .col blockquote p{
    margin: 0;
}

.testimonial .col cite{
    display: flex;
    flex-wrap: wrap;
    margin-left: 1.667rem;
    font-style: normal;
}

.testimonial .col cite .img-holder{
    width: 60px;
    margin-right: 20px;
}

.testimonial .col cite .img-holder img{
    width: 60px;
    height: 60px;
    vertical-align: top;
    border-radius: 5px;
}

.testimonial .col cite .text-holder{
    margin: 0;
}

.testimonial .col cite .text-holder strong{
    font-family: var(--secondary-font);
    color: #121212;
    font-size: 1.111rem;
    line-height: 1.250em;
}

.testimonial .row{
    display: flex;
    flex-wrap: wrap;
}

/*========================
 Video-review style
========================*/

.video-review {
    background: #fff;
    text-align: center;
}

.video-review .header {
    margin: 0 auto 3.333rem;
    text-align: center;
    font-size: 1.111rem;
    line-height: 1.650em;
    max-width: 42.778rem;
}

.video-review .header .main-title {
    font-family: var(--secondary-font);
    font-weight: 500;
    font-size: 2.222rem;
    line-height: 1.125em;
    margin: 0 0 0.275em;
    color: #121212;
}

.video-review .video-holder{
    max-width: 42.778rem;
    margin: 0 auto 3.333rem;
    box-shadow: -2.222rem 2.222rem 0 rgba(var(--primary-color-rgb), 0.1);
}

.video-review .video-holder iframe{
    vertical-align: top;
    border: 0;
    width: 100%;
    height: 513px;
}

.video-review .text-holder{
    max-width: 42.778rem;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 1.650em;
}

.video-review .text-holder .title{
    font-family: var(--secondary-font);
    font-weight: 400;
    font-size: 1.944rem;
    line-height: 1.125em;
    margin: 0 0 0.275em;
    color: #121212;
}

/*=========================
 Sample section style
=========================*/
.sample {
    position: relative;
}

.sample:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(18, 18, 18, 0.9);
}

.sample .container {
    position: relative;
    z-index: 2;
}

.sample .header {
    margin: 0 auto 3.333rem;
    text-align: center;
    font-size: 1.111rem;
    line-height: 1.650em;
    max-width: 42.778rem;
    color: #fff;
}

.sample .header .main-title {
    font-family: var(--secondary-font);
    font-weight: 500;
    font-size: 2.222rem;
    line-height: 1.125em;
    margin: 0 0 0.275em;
}

.sample .tab-holder {
    max-width: 53.889rem;
    margin: 0 auto;
    position: relative;
}

.sample .tab-holder #loader {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 50px;
    color: #000;
    text-align: center;
    padding-top: 3em;
    background: rgba(0, 0, 0, 0.5);
}

.sample .tab-holder .tabs{
    margin: 0 auto 2.222rem;
    padding: 0;
    font-family: var(--secondary-font);
    font-weight: 700;
    background: #fff;
    border-radius: 100px;
    padding: 0.2778rem;
    list-style: none;
    display: flex;
    max-width: 38.333rem;
    justify-content: center;
    font-size: inherit;
    border-bottom: 0;
}

.sample .tab-holder .tabs li{
    flex-basis: 0;
    flex-grow: 1;
    float: none;
    border-left: 0;
    color: inherit;
    background: none;
    width: inherit;
}

.sample .tab-holder .tabs li:hover,
.sample .tab-holder .tabs li:focus,
.sample .tab-holder .tabs .active{
    background: none;
    color: inherit;
}

.sample .tab-holder .tabs li .tab-btn{
    color: #121212;
    background: #fff;
    border-radius: 100px;
    padding: 0.555rem;
    text-align: center;
    cursor: pointer;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.sample .tab-holder .tabs li .tab-btn:hover,
.sample .tab-holder .tabs li .tab-btn:focus,
.sample .tab-holder .tabs .active .tab-btn{
    background: var(--secondary-color);
    color: #fff;
}

.sample .tab-holder .tab-content{
    background: #fff;
    border-radius: 10px;
    padding: 2.778rem 0.5rem 1.5rem 2.778rem;
    line-height: 1.667rem;
    height: inherit;
    overflow-y: inherit;

}

.sample .tab-holder .tab-content .tabs-content{
    max-height: 26.3889rem;
    overflow-y: auto;
    padding-right: 2.778rem;
}

.sample .tab-holder .tab-content .tabs-content::-webkit-scrollbar{
    background: rgba(var(--primary-color-rgb), 0.2);
    width: 5px;
    border-radius: 100px;    
}
.sample .tab-holder .tab-content .tabs-content::-webkit-scrollbar-track{
    border-radius: 10px;
}
.sample .tab-holder .tab-content .tabs-content::-webkit-scrollbar-thumb{
    background: var(--secondary-color);
    border-radius: 100px;
}

/*============================
 About-author style
============================*/
.about-author {
    background: #fff;
    padding: 80px 0;
}

.about-author .header {
    margin: 0 auto 3.333rem;
    text-align: center;
    font-size: 1.111rem;
    line-height: 1.650em;
    max-width: 42.778rem;
}

.about-author .header .main-title {
    font-family: var(--secondary-font);
    font-weight: 500;
    font-size: 2.222rem;
    line-height: 1.125em;
    margin: 0 0 0.275em;
    color: #121212;
}

.about-author .row{
    margin: 0;
    max-width: 60.556rem;
    background: var(--primary-color);
    display: flex;
    flex-wrap: wrap;
    box-shadow: 4.444rem 4.44rem 0 rgba(var(--primary-color-rgb), 0.1);
}

.about-author .col:first-child{
    width: 585px;
    padding-left: 0px;
}

.about-author .col:last-child{
    flex-basis: 0;
    flex-grow: 1;
}

.about-author .video-holder{
    height: 100%;
}

.about-author .video-holder iframe{
    width: 100%;
    height: 100%;
    vertical-align: top;
    border: 0;
}

.about-author .video-holder img{
    vertical-align: top;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-author .text-holder{
    background: #fff;
    padding: 2.778rem;
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
    font-size: 0.889rem;
    margin: 2.5rem 2.5rem 2.5rem -50px;
    position: relative;
}

.about-author .text-holder p{
    margin: 0 0 1.667rem;
}

.about-author .text-holder p:last-child{
    margin: 0;
}

.about-author .text-holder .title{
    font-family: var(--secondary-font);
    color: #121212;
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.625em;
    margin: 0;
}

/*===========================
 Promotional-block style
===========================*/
.promotional-block{
    background: #fff;
}
.promotional-block .header {
    margin: 0 auto 3.333rem;
    text-align: center;
    font-size: 1.111rem;
    line-height: 1.650em;
    max-width: 42.778rem;
}

.promotional-block .header .main-title {
    font-family: var(--secondary-font);
    font-weight: 500;
    font-size: 2.222rem;
    line-height: 1.125em;
    margin: 0 0 0.275em;
    color: #121212;
}

.promotional-block .img-holder {
    text-align: center;
    margin: 0 0 2.778rem;
}

.promotional-block .price-holder {
    text-align: center;
    font-size: 1rem;
    line-height: 1.667em;
}

.promotional-block .price {
    margin: 0 0 0.833rem;
    font-family: var(--secondary-font);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

.promotional-block .price .old-price {
    font-size: 1.333rem;
    line-height: 1.250em;
    color: #8D8D8D;
    margin-right: 1.111rem;
    text-decoration: line-through;
}

.promotional-block .price .new-price {
    font-size: 1.667rem;
    line-height: 1em;
    color: var(--secondary-color);
}

.promotional-block .btn-holder {
    text-align: center;
}

.promotional-block .btn-buy {
    display: inline-block;
    background: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    color: #fff;
    padding: 0.833rem 2.667rem;
    border-radius: 100px;
    font-family: var(--secondary-font);
    font-size: 0.889rem;
    line-height: 1.875em;
    letter-spacing: 0.5px;
    font-weight: 500;
    margin: 0 0 1.667rem;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.promotional-block .btn-buy:hover,
.promotional-block .btn-buy:focus {
    text-decoration: none;
    background: none;
    color: var(--secondary-color);
}

.promotional-block .cards {
    text-align: center;
}

.site-footer{
    background: #121212;
}

/*===============================
 Breadcrumbs
===============================*/
.breadcrumbs {
    padding: 1.944rem 0 0;
    font-size: 0.833rem;
    margin: 0;
    font-family: var(--secondary-font);
    border-bottom: 0;
}

.breadcrumbs a,
.breadcrumbs span{
    margin: 0 10px;
    color: #121212;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.breadcrumbs .current{
    margin-right: 0;
    margin-left: 10px;
}

.breadcrumbs a:hover,
.breadcrumbs a:focus {
    text-decoration: none;
    color: var(--primary-color);
}

#crumbs{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.page-header{
    margin: 25px 0 0;
}

.page-header .page-title{
    font-family: var(--secondary-font);
    color: #121212;
    font-size: 2.222rem;
    line-height: 1.125em;
    font-weight: 500;
    margin: 0 0 0.250em;
}

#primary .post {
    margin: 0 0 2.222rem;
}

#primary .post .post-thumbnail img,
.search #primary .page .post-thumbnail img{
    vertical-align: top;
    border-radius: 10px 10px 0 0;
}

#primary .post .post-thumbnail img{
    width: 100%;
}

#primary .post .text-holder{
    border: 1px solid rgba(var(--primary-color-rgb), 0.1);
    border-radius: 0 0 5px 5px;
    padding-top: 1.667rem;
    background: #fff;
    overflow: hidden;
}

#primary .post .text-holder .entry-content{
    margin: 0;
    padding: 0 1.667rem;
}

#primary .post .entry-header{
    padding: 0;
}

#primary .post .text-holder .entry-header .entry-title{
    font-family: var(--secondary-font);
    font-size: 1.667rem;
    line-height: 1.250em;
    margin: 0 0 1em;
    font-weight: 700;
    padding: 0 1.667rem;
    color: #121212;
}

#primary .post .text-holder .entry-header .entry-title a{
    color: #121212;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

#primary .post .text-holder .entry-header .entry-title a:hover,
#primary .post .text-holder .entry-header .entry-title a:focus{
    text-decoration: none;
    color: var(--primary-color);
}

#primary .post .entry-footer{
    margin-top: 1.667rem;
    border-top: 1px solid rgba(var(--primary-color-rgb), 0.1);
    padding: 1.111rem 1.667rem;
    font-weight: 600;
    color: #8D8D8D;
    font-size: 0.667rem;
    line-height: 1.167em;
    text-transform: uppercase;
    letter-spacing: 1px;
    overflow: hidden;
}

#primary .post .entry-footer .entry-meta{
    font-size: inherit;
    line-height: inherit;
    overflow: inherit;
}

#primary .post .entry-footer a{
    color: #8D8D8D;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

#primary .post .entry-footer a:hover,
#primary .post .entry-footer a:focus{
    text-decoration: none;
    color: var(--primary-color);
}

#primary .post .entry-meta .share-link,
#primary .post .entry-meta .category,
#primary .post .entry-meta .comments-link,
#primary .post .entry-meta .posted-on{
    float: none;
}

#primary .post .entry-meta .byline{
    float: none;
    font-size: inherit;
}

#primary .post .entry-meta .category,
#primary .post .entry-meta .comments-link,
#primary .post .entry-meta .posted-on{
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
}

#primary .post .entry-meta .share-link,
#primary .post .entry-meta .category,
#primary .post .entry-meta .comments-link,
#primary .post .entry-meta .posted-on,
#primary .post .entry-meta .byline{
    margin-right: 20px;
}

#primary .post .readmore{
    display: inline-block;
    background: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    color: #fff;
    padding: 0.278rem 0.833rem;
    border-radius: 100px;
    font-family: var(--secondary-font);
    font-size: 0.889rem;
    line-height: 1.875em;
    letter-spacing: 0.5px;
    font-weight: 500;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

#primary .post .readmore:hover,
#primary .post .readmore:focus{
    background: none;
    color: var(--secondary-color);
    text-decoration: none;
}

.page .site-main article img {
    vertical-align: top;
    border-radius: 10px 10px 0 0;
}

.page article .text-holder .entry-content {
    margin-top: 0;
}

.widget .widget-title{
    font-family: var(--secondary-font);
    font-weight: 700;
    color: #121212;
    font-size: 1.111rem;
    line-height: 1.563em;
    margin: 0 0 0.7em;
}

.widget ul{
    background: none;
    font-size: 0.889rem;
    line-height: 1.625em;
}

.widget ul ul{
    margin-top: 0.7rem;
}

.widget ul li{
    padding: 0;
    border-bottom: 0;
    margin: 0 0 0.7rem;
}

.widget ul li:before{
    display: none;
}

.widget ul li a{
    color: #121212;
}

#secondary .gallery{
    margin-left: -0.278rem;
    margin-right: -0.278rem;
}

#secondary .gallery-item{
    padding-left: 0.278rem;
    padding-right: 0.278rem;
    margin: 0 0 0.556rem;
}

#secondary .gallery-item img{
    border-radius: 5px;
}

#secondary .gallery-item .gallery-caption{
    display: none;
}

#secondary .widget_media_image img{
    border-radius: 5px;
}

#secondary .widget_book_landing_page_featured_post .text-holder{
    background: none;
    padding: 0;
}

#secondary .widget_book_landing_page_featured_post .text-holder .readmore{
    display: inline-block;
    background: var(--secondary-color);
    color: #fff;
    padding: 0.65rem 1.667rem;
    border-radius: 100px;
    border: 1px solid var(--secondary-color);
    font-family: var(--secondary-font);
    font-size: 0.889rem;
    line-height: 1.875em;
    letter-spacing: 0.5px;
    font-weight: 500;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s; 
}

#secondary .widget_book_landing_page_featured_post .text-holder .readmore:hover,
#secondary .widget_book_landing_page_featured_post .text-holder .readmore:focus{
    background: none;
    color: var(--secondary-color);
}

.widget.widget_book_landing_page_recent_post ul li,
.widget.widget_book_landing_page_popular_post ul li{
    padding: 0;
}

.widget.widget_book_landing_page_recent_post ul li .entry-header .entry-title,
.widget.widget_book_landing_page_popular_post ul li .entry-header .entry-title{
    font-weight: 700;
    font-family: var(--secondary-font);
}

.widget.widget_book_landing_page_recent_post ul li .entry-header .entry-title a,
.widget.widget_book_landing_page_popular_post ul li .entry-header .entry-title a{
    color: #121212;
}

.widget.widget_book_landing_page_social_links ul{
    padding: 0;
}

.widget.widget_book_landing_page_social_links ul li a{
    color: #fff;
    background: var(--primary-color);
}

.widget.widget_tag_cloud .tagcloud{
    padding: 0;
    background: none;
}

.single-post #primary .post .entry-footer{
    border-top: 0;
    border-bottom: 0;
    margin: 0 0 1rem;
    padding-top: 0;
    padding-bottom: 0;
}

#primary .post .entry-content h1,
#primary .page .entry-content h1,
#primary .post .entry-content h2,
#primary .page .entry-content h2,
#primary .post .entry-content h3,
#primary .page .entry-content h3,
#primary .post .entry-content h4,
#primary .page .entry-content h4,
#primary .post .entry-content h5,
#primary .page .entry-content h5,
#primary .post .entry-content h6,
#primary .page .entry-content h6{
    font-weight: 700;
    color: #121212;
    font-family: var(--secondary-font);
}

.subscribe{
    background: var(--primary-color);
}

.subscribe .widget_newsletterwidget .widget-title{
    color: #fff;
    font-weight: 700;
}

.subscribe .widget_newsletterwidget > span{
    color: #fff;
}

.subscribe .widget.widget_newsletterwidget form{
    border: 0;
}

.subscribe .widget_newsletterwidget .tnp-field.tnp-field-email input[type="email"]{
    font-size: 0.778rem;
    line-height: 1.571em;
    color: #fff;
    padding: 0.889rem 1.111rem;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 100px;
    background: none;
    outline: none;
}

.subscribe .widget_newsletterwidget form input[type="submit"]{
    font-size: 0.889rem;
    line-height: 1.875em;
    font-family: var(--secondary-font);
    color: #fff;
    background: var(--secondary-color);
    border-radius: 100px;
    text-transform: none;
    border: 0;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 14px 0;
}

.subscribe .widget_newsletterwidget form input[type="submit"]:hover,
.subscribe .widget_newsletterwidget form input[type="submit"]:focus{
    text-decoration: none;
    background: #fff;
    border-color: #fff;
    color: var(--secondary-color);
}

.subscribe .widget_newsletterwidget .tnp-field.tnp-field-email{
    width: 73%;
}

.site-info span.copyright,
.site-info span.author-link {
    margin-right: 5px;
}
.image_home.image_home_mobile {
    display: none;
}
.image_home.image_home_desktop {
    display: block;
}

@media only screen and (max-width: 1199px){
    .banner .banner-holder{
        max-width: 970px;
    }

    .about-author .row{
        flex-direction: column;
    }

    .about-author .col:first-child{
        width: 100%;
    }

    .about-author .col:last-child{
        width: 100%;
    }

    .about-author .text-holder{
        margin-left: 2.5rem;
    }
}
#primary .post .readmore {
    clear: both;
    z-index: 9999;
    position: relative;
}
hr.saprate {
    margin-bottom: 0;
}
.single.single-post .heateor_sss_sharing_title{color: #000;}
.single.single-post .heateor_sss_sharing_container.heateor_sss_horizontal_sharing{
	position: unset;
/* 	top: 0; */
}
.join_campain_left h3 {
    border: 5px solid #fff !important;
    border-radius: 20px;
    padding: 20px 0px 20px 0px;
    padding: 20px;
}
@media only screen and (max-width: 1024px){
    .main-navigation ul li{
        margin: 0;
    }

    .main-navigation ul li a,
    .main-navigation ul ul li a{
        padding: 14px 35px;
    }

    .main-navigation ul ul{
        padding: 0;
    }

    .banner .banner-holder{
        flex-direction: column;
    }

    .banner .book-banner-holder{
        max-width: 530px;
        width: 100%;
        margin-right: 0px;
    }
    .join_campain_left h3{font-size: 22px!important;}
    .column_left.panel-cell-style{padding: 50% 5% !important;}
}

@media only screen and (max-width: 991px){
    .banner .banner-holder{
        max-width: 750px;
    }
}

@media only screen and (max-width: 767px){
    .join_campain_left h3{font-size: 22px!important;}
    .column_left.panel-cell-style{padding: 50% 5% !important;}
	.single.single-book .heateor_sss_sharing_container.heateor_sss_horizontal_sharing {
/* 		top: 585px; */
	}
	.single.single-post .heateor_sss_sharing_container.heateor_sss_horizontal_sharing{
/* 		top: 0; */
	}
    .welcome_text_row.home_row_right {
       display: none;
    }
    .banner .custom-bg{
        padding: 3rem 0;
    }
/*    .home_row_main div#pgc-471-0-0 {
        order: 2;
        position: relative;
        top: 70px;
    }*/
    .welcome_text_row .so-panel.widget.widget_sow-headline {
        margin-bottom: 10px !important;
        position: relative;
        bottom: 55px;
    }
    .why_chess_image_text {
        border: 2px solid #fff;
        padding: 10px 20px;
        margin-left: 15px;
    }
    .sow-headline-container h1.sow-headline {
        font-size: 26px !important;
    }
    .about_the_author div#pgc-283-1-0 {
        order: 2;
    }
    .about_the_author_left {
        margin-top: 15px;
        border: 2px solid #fff;
        padding: 10px 20px;
        border: 5px solid #fff !important;
        border-radius: 20px;
        padding: 20px 0px 20px 0px;
        padding: 20px;
    }
    .banner .caption-holder .title{
        font-size: 2.611rem;
    }

    .about .header .main-title,
    .testimonial .header .main-title,
    .video-review .header .main-title,
    .sample .header .main-title,
    .about-author .header .main-title,
    .promotional-block .header .main-title{
        font-size: 1.75rem;
    }

    .about .header,
    .testimonial .header,
    .video-review .header,
    .sample .header,
    .about-author .header,
    .promotional-block .header{
        margin-bottom: 1.333rem;
        font-size: 1rem;
    }

    .video-review .video-holder{
        box-shadow: -0.5rem 0.5rem 0 rgba(var(--primary-color-rgb), 0.1)
    }

    .about-author .text-holder{
        margin: 0;
        padding: 1.5rem;
    }

    .about-author .row{
        box-shadow: 0.5rem 0.5rem 0 rgba(var(--primary-color-rgb), 0.1);
    }

    .about-author .header{
        font-size: 1rem;
    }

    .about-author .text-holder .title{
        font-size: 1.5rem;
    }

    .subscribe .widget_newsletterwidget .tnp-field.tnp-field-email{
        width: 100%;
        margin: 0 0 10px;
    }

    .subscribe .widget_newsletterwidget .tnp-field.tnp-field-button{
        width: 100%;
    }
    .image_home.image_home_mobile {
       display: block;
    }
    .image_home.image_home_desktop {
        display: none;
    }
}

/*Developer custom css here*/
section#subscribe_section {
    background: #00b9eb;
}
#banner_section .caption-holder .title {
    font-weight: 400;
    line-height: 1.246em;
    font-size: 3.611rem;
    font-size: 45px;
    margin: 0; 
    text-align: center;
}
.book_landing_page_social_links ul li {
    display: inline-block;
    padding-left: 10px;
}
.book_landing_page_social_links {
    float: left;
    text-align: center;
    /*margin-left: 20%;*/
}
.page .entry-header .entry-title {
    display: none;
}
#features_section h2.main-title {
    font-size: 2.14rem;
}
.home_description h2 {
    font-size: 26px;
    color: #fff;
}
.home_description p {
    color: #fff;
    text-align: center;
    margin-bottom: 0;
}
.book-banner-holder img.attachment-author-landing-page-banner-image.size-author-landing-page-banner-image.wp-post-image, .why_page_row img.image {
    /* margin: 0 auto; */
    /* text-align: center; */
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* width: 50%; */
}
.widget_text.text_center {
    text-align: center;
}
.home_description {
    background: rgba(154, 79, 157, 0.6);
    text-align: center;
    margin-top: 15px;
    padding-bottom: 15px;
}
.widget-area ul.social-networks li {
    display: inline-block;
    margin-left: 10px;
}
.page-id-326 article .text-holder .entry-content {
    margin-top: 0;
    background-color: #692d5b;
}
.page-id-326 article .text-holder .entry-content p,
.page-id-326 article .text-holder .entry-content h1.sow-headline,
.page-id-326 article .text-holder .entry-content h3.widget-title,
.page-id-326 article .text-holder .entry-content .tnp-widget label{
    color: aliceblue !important;
}
section#subscribe_section section#email-subscribers-form-2 ,section#subscribe_section .widget.widget_email-subscribers-form{
    text-align: center;
}
h2.title.hide {
    display: none;
}
/*.about_author {
    border: 5px solid #fff !important;
    border-radius: 20px;
    padding: 20px 0px 20px 0px;
    padding: 20px;
}*/
.about_the_author_rigth {
    border: 5px solid #fff !important;
    border-radius: 20px;
    padding: 20px 0px 20px 0px;
    padding: 20px;
}
#banner_section .caption-holder .title a{
    color: #fff;
}
a.button.small.grey.buy_button {
    border-color: #757c7e !important;
    color: #757c7e !important;
    width: 100%;
    text-align: center;
}
a.button.small.grey.buy_button, a.button.small.grey.buy_button:visited {
    background: transparent;
    border: 4px solid #ec6a5d;
    padding: 12px 30px;
    text-shadow: none;
    border-radius: 0;
    display: inline-block;
    text-decoration: none;
    margin-bottom: 1em;
    font-weight: 700;
}
.single.single-book div#content {
    background: #fff;
    background: unset;
    padding: 31px 50px 39px 36px;
}
.page .entry-content {
    background: #fff;
    padding: 31px 50px 39px 36px;
    background-image: url(https://mahabharataseries.com/wp-content/uploads/2020/03/bg.png);
    background-position: left top;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
    color: #fff;
}
.site {
    background: #f4f4f4;
    background-image: url(https://mahabharataseries.com/wp-content/uploads/2020/03/bg.png);
    background-position: left top;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
    color: #fff;
}
.breadcrumbs a, .breadcrumbs span{
    color: #fff;
}
body,#primary .page .entry-content h1,#primary .page .entry-content h2,#primary .page .entry-content h3,#primary .page .entry-content h4,#primary .page .entry-content h5,#primary .page .entry-content h6,#primary .page .entry-content p,#primary .page .entry-content span,.page-header .page-title{color: #fff;}
.blog p{color:#000;}
.widget-area a, .widget .widget-title,.widget ul li a,.widget.widget_book_landing_page_recent_post ul li .entry-header .entry-title a, .widget.widget_book_landing_page_popular_post ul li .entry-header .entry-title a,#crumbs{color:#fff;}
.column_left.panel-cell-style{
    background: #000;
    padding: 50% 10%;
}
.column_right.panel-cell-style {
    background: #000;
    padding: 10% 5%;
}
ul.my_books li {
    list-style: inside;
    font-size:20px;
}
.my_book_title.panel-widget-style {
    padding: 15%;
    margin-top: 25%;
}
.single.single-post p {
    color: #000;
}
.welcome_text_row h2.sow-headline a {
    color: #fff;
}
.welcome_text_row h2.sow-headline {
    font-weight: 510 !important;
}
.image_home img.so-widget-image {
    width: 350px;
    background: #fff;
    padding: 10px;
    border: 2px solid black;
}
.welcome_text_row .so-panel.widget.widget_sow-headline {
    margin-bottom: 10px !important;
}
.heateor_sss_sharing_container.heateor_sss_horizontal_sharing {
    /*float: right;*/
    /*margin-top: 10px;*/
    position: relative;
    top: 50px;
}
.single.single-book .heateor_sss_sharing_container.heateor_sss_horizontal_sharing{position: unset;}
.welcome_text_row h2 {
    position: relative;
    top: 60px
}
.heateor_sss_sharing_title {
    text-align: center;
}
.heateor_sss_sharing_container.heateor_sss_horizontal_sharing ul.heateor_sss_sharing_ul{
    margin-left: 33% !important;
}
.site-header{
    padding: 0px;
}
.site-branding img.custom-logo {
    width: 105px;
}
.page .entry-content{
    padding-top: 0px;
    padding-bottom: 0px;
}
.site-footer {
    padding-bottom: 0px;
}
.why_mahabharata_border {
    border: 2px solid #ffff;
    padding-top: 10px;
}
#content {
    padding-top: 10px;
    margin-bottom: 25px;
}
.blog .heateor_sss_sharing_container.heateor_sss_horizontal_sharing{
    top: 35px;
}
.blog .heateor_sss_sharing_title{color: #000;}
.site-info {
    float: right;
    width: auto;
}
footer.entry-footer {
    display: none;
}

@media only screen and (max-width: 768px) {
    #banner_section .caption-holder .title {font-size: 30px;}
    .site-footer .site-info{float: left;}
    .book_landing_page_social_links {margin-left: 20%;}
    .welcome_text_row h2.sow-headline a,.welcome_text_row h2.sow-headline {
        font-size: 20px !important;
        line-height: 32px !important;
    }
    .chess_text .textwidget.custom-html-widget {
       margin-top: 25px;
    }
    .heateor_sss_sharing_container.heateor_sss_horizontal_sharing ul.heateor_sss_sharing_ul{margin: 1px 0!important;}
    .why_mahabharata_border {
        padding: 10px;
    }
    .blog .heateor_sss_sharing_container.heateor_sss_horizontal_sharing{
        top: 0;
    }

}
@media only screen and (max-width: 320px) {
    #banner_section .caption-holder .title {font-size: 26px;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
    .book_landing_page_social_links{margin-left: unset;margin-right: 5%;}
    .heateor_sss_sharing_container.heateor_sss_horizontal_sharing ul.heateor_sss_sharing_ul {
        margin-left: 22% !important;
    }
}
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px){
    .heateor_sss_sharing_container.heateor_sss_horizontal_sharing ul.heateor_sss_sharing_ul {
        margin-left: 30% !important;
    }
    /*.site-footer .site-info {
        float: none;
        text-align: center;
        width: 100%;
        display: inline-block;
    }*/
}