/*!
 * Start Bootstrap - Clean Blog v5.0.8 (https://startbootstrap.com/template-overviews/clean-blog)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-clean-blog/blob/master/LICENSE)
 */body{font-size:20px;color:#212529;font-family:Lora,'Times New Roman',serif}p{line-height:1.5;margin:30px 0}p a{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:800;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif}a{color:#212529;transition:all .2s}a:focus,a:hover{color:#0085a1}blockquote{font-style:italic;color:#868e96}.section-heading{font-size:36px;font-weight:700;margin-top:60px}.caption{font-size:14px;font-style:italic;display:block;margin:0;padding:10px;text-align:center;border-bottom-right-radius:5px;border-bottom-left-radius:5px}::-moz-selection{color:#fff;background:#0085a1;text-shadow:none}::selection{color:#fff;background:#0085a1;text-shadow:none}img::-moz-selection{color:#fff;background:0 0}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}#mainNav{position:absolute;border-bottom:1px solid #e9ecef;background-color:#fff;/*font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif*/}#mainNav .navbar-brand{font-weight:800;color:#343a40}#mainNav .navbar-toggler{font-size:12px;font-weight:800;padding:13px;text-transform:uppercase;color:#343a40}#mainNav .navbar-nav>li.nav-item>a{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase}@media only screen and (min-width:992px){#mainNav{border-bottom:1px solid transparent;background:0 0}#mainNav .navbar-brand{padding:10px 20px;color:#fff}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:skyblue}#mainNav .navbar-nav>li.nav-item>a{padding:10px 20px;color:#fff}#mainNav .navbar-nav>li.nav-item>a:focus,#mainNav .navbar-nav>li.nav-item>a:hover{color:skyblue}}@media only screen and (min-width:992px){#mainNav{transition:background-color .2s;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden}#mainNav.is-fixed{position:fixed;top:-67px;transition:transform .2s;border-bottom:1px solid #fff;background-color:rgba(255,255,255,.9)}#mainNav.is-fixed .navbar-brand{color:#212529}#mainNav.is-fixed .navbar-brand:focus,#mainNav.is-fixed .navbar-brand:hover{color:#0085a1}#mainNav.is-fixed .navbar-nav>li.nav-item>a{color:#212529}#mainNav.is-fixed .navbar-nav>li.nav-item>a:focus,#mainNav.is-fixed .navbar-nav>li.nav-item>a:hover{color:#0085a1}#mainNav.is-visible{transform:translate3d(0,100%,0)}}header.masthead{margin-bottom:50px;background:no-repeat center center;background-color:#868e96;background-attachment:scroll;position:relative;background-size:cover}header.masthead .overlay{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#212529;opacity:.5}header.masthead .page-heading,header.masthead .post-heading,header.masthead .site-heading{padding:200px 0 150px;color:#fff}@media only screen and (min-width:768px){header.masthead .page-heading,header.masthead .post-heading,header.masthead .site-heading{padding:200px 0}}header.masthead .page-heading,header.masthead .site-heading{text-align:center}header.masthead .page-heading h1,header.masthead .site-heading h1{font-size:50px;margin-top:0}header.masthead .page-heading .subheading,header.masthead .site-heading .subheading{font-size:24px;font-weight:300;line-height:1.1;display:block;margin:10px 0 0;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif}@media only screen and (min-width:768px){header.masthead .page-heading h1,header.masthead .site-heading h1{font-size:80px}}header.masthead .post-heading h1{font-size:35px}header.masthead .post-heading .meta,header.masthead .post-heading .subheading{line-height:1.1;display:block}header.masthead .post-heading .subheading{font-size:24px;font-weight:600;margin:10px 0 30px;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif}header.masthead .post-heading .meta{font-size:20px;font-weight:300;font-style:italic;font-family:Lora,'Times New Roman',serif}header.masthead .post-heading .meta a{color:#fff}@media only screen and (min-width:768px){header.masthead .post-heading h1{font-size:55px}header.masthead .post-heading .subheading{font-size:30px}}.post-preview>a{color:#212529}.post-preview>a:focus,.post-preview>a:hover{text-decoration:none;color:#0085a1}.post-preview>a>.post-title{font-size:30px;margin-top:30px;margin-bottom:10px}.post-preview>a>.post-subtitle{font-weight:300;margin:0 0 10px}.post-preview>.post-meta{font-size:18px;font-style:italic;margin-top:0;color:#868e96}.post-preview>.post-meta>a{text-decoration:none;color:#212529}.post-preview>.post-meta>a:focus,.post-preview>.post-meta>a:hover{text-decoration:underline;color:#0085a1}@media only screen and (min-width:768px){.post-preview>a>.post-title{font-size:36px}}.floating-label-form-group{font-size:14px;position:relative;margin-bottom:0;padding-bottom:.5em;border-bottom:1px solid #dee2e6}.floating-label-form-group input,.floating-label-form-group textarea{font-size:1.5em;position:relative;z-index:1;padding:0;resize:none;border:none;border-radius:0;background:0 0;box-shadow:none!important;font-family:Lora,'Times New Roman',serif}.floating-label-form-group input::-webkit-input-placeholder,.floating-label-form-group textarea::-webkit-input-placeholder{color:#868e96;font-family:Lora,'Times New Roman',serif}.floating-label-form-group label{font-size:.85em;line-height:1.764705882em;position:relative;z-index:0;top:2em;display:block;margin:0;transition:top .3s ease,opacity .3s ease;vertical-align:middle;vertical-align:baseline;opacity:0}.floating-label-form-group .help-block{margin:15px 0}.floating-label-form-group-with-value label{top:0;opacity:1}.floating-label-form-group-with-focus label{color:#0085a1}form .form-group:first-child .floating-label-form-group{border-top:1px solid #dee2e6}footer{padding:50px 0 65px}footer .list-inline{margin:0;padding:0}footer .copyright{font-size:14px;margin-bottom:0;text-align:center}.btn{font-size:14px;font-weight:800;padding:15px 25px;letter-spacing:1px;text-transform:uppercase;border-radius:0;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif}.btn-primary{background-color:#0085a1;border-color:#0085a1}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#00657b!important;border-color:#00657b!important}.btn-lg{font-size:16px;padding:25px 35px}

.custom-header{
    padding-bottom: 50px;
    padding-top: 50px;
}
header.masthead .overlay{
    opacity: 0.2;
}

.custom-header img {
    width: 300px;
    height: 450px;
}
.panel-present{

    background: rgba(0,0,0,0.3);
    height: 425px;
    color: white;
}
.main-container{
    padding-top: 70px;
    padding-bottom: 50px;
}
.bio-img{
    width: 220px;
    height: 280px;
}

 @media ( max-width: 990px) {
 .main-container{
 padding-top: 0;
 }

     .bio-img{
         width: 180px;
         height: 240px;
     }

     .admin-page{
         padding-top: 60px;
     }
 }

.book-cover{
    width: 220px;
    height: 280px;
}

.book-cover.book-xs{
    width: 110px;
    height: 140px;
}
.book-cover.book-sm{
    width: 160px;
    height: 230px;
}

@media ( max-width: 767px) {
    .custom-header img {
        width: 220px;
        height: 280px;
    }


    .book-cover{
        width: 110px;
        height: 140px;
    }
}

@media ( min-width: 992px) {
    #mainNav .navbar-nav>li.nav-item>a,  #mainNav .navbar-brand{
        color: black;
    }
   #mainNav .navbar-nav>li.nav-item>a:hover,  #mainNav .navbar-brand:hover{
        color: skyblue;
    }

}

@media ( min-width: 768px) {
   .aside-menu{
       height: 500px;
   }

}
.rounded-btn{
    border-radius: 30px;
}

.axe-container{
    padding: 10px;
}

.axe-container .img-head{
    height: 120px;
    width: 120px;
    margin-left: auto;
    margin-right: auto
}
.axe-container .img-head img{
    height: 100%;
    width: 100%;

}
.axe-container p{
   color: gray;
    font-size: 15px;

}
.home-container{
    padding-top: 70px;
}

.page-title{
    color: skyblue;
    font-family: Lora,'Times New Roman',serif;
}

footer{
    background:lightblue ;
    -webkit-box-shadow: 0px -5px 5px 0px rgba(191,178,191,1);
    -moz-box-shadow: 0px -5px 5px 0px rgba(191,178,191,1);
    box-shadow: 0px -5px 5px 0px rgba(191,178,191,1);
}
#mainNav{
    -webkit-box-shadow: 0px 5px 5px 0px rgba(191,178,191,1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(191,178,191,1);
    box-shadow: 0px 5px 5px 0px rgba(191,178,191,1);
}
.post-container{
    padding: 20px 10px;

}

.comment .media img{
    width: 64px;
    height: 64px;
    border: solid 1px gray;
}
.dropdown-menu li:hover{
    background: deepskyblue;
}
.dropdown-menu li:hover > a{
     color: whitesmoke;
 }
.dropdown-menu li > a{
    text-transform: uppercase;
    font-size: 12px;
    font-family: Lora,'Times New Roman',serif;
    text-decoration: none;
}

.dropdown-menu li{
    border-bottom: 1px solid lightgray;
}

.dropdown-menu {
    font-weight: 600;
}

.aside-menu li a{
    color: white;font-weight: 600;
}


.aside-menu li:hover{
    background: deepskyblue;
}

.aitem{
    font-weight: 600;
    color: whitesmoke;

}
.anumber{
     font-size: 45px;
 }
.atext{
    font-size: 20px;
}
.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .4rem;
    font-size: .875rem;
    line-height: .5;
    border-radius: .2rem;
}
#book-image-container{
    width: 100%;
    position: relative;
    height: 250px;
    border: solid 2px lightgray;

}
#book-image-container img{
   /* width: 100%;

    height: 100%px;
*/
}
#book-price{
    width: 100px;
    height:100px;
    border: solid 1px;
    border-radius: 50%;
    position: absolute;
    top:-30px;
    left: -30px;
    background: darkorange;
    color: whitesmoke;
    font-weight: 600;
    font-size: 26px;
    text-align: center;
}
.popt-cont{
    width: 100%;
}
.popt-cont img{
    width: 100%;
    height: auto;
}


.b-button{
    width: 50px;
    height: 50px;
}


/* LOADER*/
.back-load {
    position: absolute;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
}
.lds-roller {
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    display: inline-block;
    position: absolute;
    z-index: 10000;
    width: 64px;
    height: 64px;
}
.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 32px 32px;
}
.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
    top: 50px;
    left: 50px;
}
.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
    top: 54px;
    left: 45px;
}
.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
    top: 57px;
    left: 39px;
}
.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
    top: 58px;
    left: 32px;
}
.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
    top: 57px;
    left: 25px;
}
.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
    top: 54px;
    left: 19px;
}
.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
    top: 50px;
    left: 14px;
}
.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
    top: 45px;
    left: 10px;
}
@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.mediac{
    min-height: 200px;
    padding: 5px 5px;
    position: relative;
}
.mediac .content{
    box-sizing: border-box;
    height: inherit;
    width: 100%;
    /*border: solid 1px lightgrey;*/
}
.media-overlay{
    overflow: hidden;
    z-index: 10;

    width: 0;
    height: 0;
    background-color: rgba(0,0,0,0.8);
    box-sizing: border-box;
    position: absolute;
    -webkit-transition: height 0.7s ;
    -moz-transition: height 0.7s;
    -o-transition: height 0.7s;
    transition: height 0.7s;
}
.content-overlay{
    width: inherit!important;
    height: 100%!important;
    box-sizing: border-box;


}
.mediac .content .media-header img, .mediac .content .media-header video{
    max-width: 100%;
    max-height: 200px;

}

.pagination.center ul{
    margin-left: auto!important;
    margin-right: auto!important;
}

.btn-container{
    position: absolute;
    right: 0;
    z-index: 11;
}
.aside-bar{
    font-family: 'open sans regular';
}
.aside-bar .bar{
    padding: 10px 8px;
    box-sizing: border-box;
    background-color: #f8f9fa;

}
.aside-bar .bar .img-bar{
    height: 200px;

}
.aside-bar .bar .img-bar img{
    height: inherit;

}
.aside-bar .bar h5{
font-family: inherit;
}