a{
    text-decoration: none;
}
a:hover{
    color:#d20707;
}
div.banner{
    margin:auto auto;
    max-width:900px;
    height:80px;
    overflow: hidden;
}
body.ebook_body{
    background-color:#ACFBCE;
}
body{
    font-family: 'Open Sans', sans-serif;
    background-color:#D8D8D8;
    font-size: 11pt;
    margin:0;
}
div.header{
    padding:10px;
}
div.footer {
    height: 20px;
    padding:5px;
    background-color:#F2F2F2;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    font-weight: bold;
}
div.books_index div.book{
    display: inline-block;
    max-width: 400px;
    min-height: 300px;
    padding: 10px;
    background-color:#F2F2F2;
    vertical-align: top;
    margin:5px;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
}
div.books_index div.book img{
    display: block;
    height:200px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}
div.books_index div.book span{
    font-weight: bold;
    color:black;
    margin-top: 10px;
    max-width: 200px;
    display: block;
}
div.books_index div.book a{
    text-decoration: none;
}
div.page{
    margin-left: auto;
    margin-right: auto;
    max-width:1900px;
}
aside.menu_left{
    float:left;
    width:210px;
    background-color:#F2F2F2;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
}
aside.menu_left h3{
    padding: 5px;
    background-color: #E6E6E6;
    margin: 0px;
}
aside.menu_left .cats .sub_cats{
    padding-left: 10px;
    margin-right: -5px;
    display:none;
}
aside.menu_left .cats .main_cat_current .sub_cats{
    display:block;
}
aside.menu_left .cats .main_cat{
    padding: 10px 5px;
    font-size: 13pt;
    color: #00f;
    border-bottom: 2px solid #D8D8D8;
}
aside.menu_left .cats .main_cat .main_cat_title{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M16 12l-6 6V6z'/%3E%3C/svg%3E") right no-repeat;
    margin-right: -10px;
    padding-right:5px;
    cursor:pointer;
}
aside.menu_left .cats .main_cat_current .main_cat_title{
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 16l-6-6h12z'/%3E%3C/svg%3E") right no-repeat;
    font-weight: bold;
    margin-bottom: 10px;
}
aside.menu_left .cats .main_cat_current .sub_cat_current a{
    background-color:#C6C6C6;
    color:red;
}
aside.menu_left a{
    display:inline-block;
    margin-bottom: 5px;
    width:100%;
}
aside.menu_left a:hover{
    background-color:#C6C6C6;
}
aside.menu_left .book_count{
    color:black;
    display:inline-block;
    margin:5px 0px 5px 0px;
}
aside.menu_left .even_book_cat{
    background-color: #E6E6E6;
}
aside.menu_right{
    padding: 5px;
    margin-left:5px;
    float:right;
    width:195px;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    background-color:#F2F2F2;
    clear: right;
}
aside.menu_right h3:first-child{
    margin-top: 0px;
}
aside.menu_right #ebook_link ,aside.menu_right #normal_book_link{
    font-size: 15pt;
    display:block;
    color: blue;
    margin:20px 0px;
}
#questions_container i{
    color:black;
    font-size: 20px;
}
#questions_container .ri-whatsapp-line {
    color: green;
}
img.banner{
    max-width:900px;
    height:80px;
    border-width:0px;
}
#responsive_menu{
    display: none;
}
div.center{
    padding:0px 10px 10px 10px;
    margin:0 210px;
}
input.search_field{
    border:1px solid black;
    padding:10px;
    vertical-align: top;
    font-size: 11pt;
    width:300px
}
a.detailed_search{
    display: initial;
    border-radius: 0px;
}
input.search_button{
    display:inline-block;
    margin:0px;
    border-radius: 0px;
    padding-left:32px;

    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z'/%3E%3C/svg%3E");
    background-position-y: center;
    background-position-x: 5px;
    height: 40px;

}
input.search_button:hover{
    color:black;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 5px;
    filter:invert(100%)
}
div.search .search_cat{
    height: 20px;
    width: 20px;
    vertical-align: middle;
}
div.text, div.footer{
    margin-top:5px;
    min-width:300px;
}
div.text{
    background-color: #F2F2F2;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    position: relative;
    padding:4px;
}
div.content_index{
    background-color: transparent;
    box-shadow: none;
}
div.total{
}
table.books{
    margin: auto -4px;
    overflow:hidden;
}
/*right menu basket*/

#basket_aside{
    position: sticky;
    top: 12px;
    float: right;
    width: 195px;       /* wie .menu_right */
    padding: 5px;
    margin-left:5px;
    z-index: 3;
    background: #fff;
    box-shadow: 0 4px 18px rgba(0,0,0,.06);
    margin-bottom: 10px;
}
#basket_total , #checkout_button{
    font-size: 18px;
}
#basket_aside h2{
    margin-top: 0px;
}

table.basket{
    width:100%;
}
table.basket th{
    text-align: left;
}
.add_to_basket{
    font-size: 18px;
}

.button{
    display: table;
    text-decoration: none;
    background-color: silver;
    color:black;
    border:none;
    cursor: pointer;
    margin:10px auto;
    padding:10px 20px;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3;
}
.button:hover{
    background: gray;
    color:white;
}
.add_to_basket_small {
    color: black;
    background: silver;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3;
    border-radius: 3px;
    font-size: 32px;
    padding: 5px;
    display: block;
}
.add_to_basket_small:hover{
    color:black;
    filter: invert(100%);
}
.pagination{
    display: inline-block;
    margin-left: 0;
    margin-right: auto;
    font-size: 14px;
    margin-bottom: 5px;
}
.pagination .controls{
    display: inline-block;
    border-radius: 5px;
    margin: 5px;
}
.pagination a , .pagination span{
    display: inline-block;
    background-color: #fff;
}
.pagination > span{
    font-weight: bold;
    margin-right: 10px;
}
.pagination a{
    border: 1px solid #ddd;
    color:blue;
    padding: 6px 12px;
    margin-left: -5px;
}
.pagination .current{
    color:black;
    background-color:#E6E6E6;
}
.pagination a:hover{
    background-color:#E6E6E6;
}
.results_toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between; /* pushes pagination left, sort right */
    margin-bottom: 10px;
}

#sort_by {
    margin: 0; /* no float needed */
}
#sort_by .sort_desc{
    font-weight: bold;
    padding: 6px 0px;
    box-sizing: border-box;
    margin-right: 12px;
}
#sort_by select{
    padding: 6px 12px;
}
div.text .books_details{
    padding: 0px 10px;
}
#book_details_flex_container{
    display: flex;
}
#book_details_flex_container > .div{
    flex: 1;
}
#book_details_flex_container #book_image{
    margin-right: 10px;
}
#book_desc_cart{
    margin-top:5px;
}
#book_desc_cart #book_desc {
    background-color: white;
    padding: 5px;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
}
/* Basket */
table.basket_products{
    width: 100%;
}
td.basket_remove a {
    color: red;
    font-size: 16pt;
}
/* Responsive section */
@media (min-width: 1000px) {
    #shipping_info{
        display: none;
    }
}
@media (min-width: 1000px) AND ( max-width: 1150px){
    table.books .year{
        display: none;
    }
}
@media (min-width: 1000px) AND (max-width: 1100px) {
    table.books .autor {
        display: none;
    }
}
@media (max-width: 1000px) {
    div.header{
        text-align: center;
        margin-bottom: 15px;
        padding: 0px;
    }
    aside.menu_left{
        width:100%;
        display: none;
    }
    aside.menu_right ,#basket_aside{
        display: none;
    }

    div.center{
        margin:0px;
    }
    input.search_field{
        width:200px
    }
    aside.menu_left a{
        height:50px;
        line-height: 45px;
    }
    #responsive_menu {
        display: inline-block;
        margin:10px;
        background-color: silver;
        box-shadow:0 2px 6px rgba(0,0,0,.2)
    }
    #responsive_menu ul{
        margin:0px;
        padding:0px;
        text-align: center;
    }
    #responsive_menu a{
        color:black;
    }
    #responsive_menu li{
        display: inline-block;
        width:150px;
        color:black;
        border:none;
        cursor: pointer;
        padding:10px 20px;
        text-align: center;
        font-weight: bold;
        transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3;
    }
    #order{
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 16V4H2V2h3a1 1 0 0 1 1 1v12h12.438l2-8H8V5h13.72a1 1 0 0 1 .97 1.243l-2.5 10a1 1 0 0 1-.97.757H5a1 1 0 0 1-1-1zm2 7a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm12 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4z'/%3E%3C/svg%3E") no-repeat;
        background-position-x: 12px;
        background-position-y: center;
    }
    #responsive_menu #show_basket{
        position:relative;
    }
    #responsive_menu #basket_count{
        border-radius: 50%;
        border: 2px solid black;
        width: 18px;
        display: inline-block;
        height: 15px;
        line-height:13px;
        margin-right: 5px;
        position: absolute;
        font-size:10pt;
        left:20px;
        bottom: 10px;
    }
    #responsive_menu .show_cats{
        background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M3 4h18v2H3V4zm0 7h18v2H3v-2zm0 7h18v2H3v-2z'/%3E%3C/svg%3E") no-repeat;
        background-position-x: 20px;
        background-position-y:center;
    }
}
@media (max-width: 800px) {
    #header_desc{
        display: none;
    }
    div.banner{
        display:none;
    }
    div.header h1{
        text-align: center;
        margin:0px;
    }
    table.books .autor , table.books .year{
        display: none;
    }
}
@media (max-width: 500px) {
    table.books .id, table.books .picture , table.books .year{
        display: none;
    }
    div.books_index div.book{
        max-width: 100%;
    }
    input.search_field{
        width:170px
    }
    #sort_by {
        float: left;
    }
    #book_details_flex_container{
        flex-direction: column;
    }
}