﻿
/* =============================================================================
   TOC
   =============================================================================

    Parent elements
    Classic theme elements
    Media queries

*/

/*	===========================================================================
    Parent elements 
    =========================================================================== */
    #content > .wrapper { background: #fff !important; }
    
    #main-content #onepagebook-page { padding-top: 40px; }
    #main-content #edit-bookshop-page #onepagebook-page { padding-top: 0; }

    #onepagebook-page {
	    overflow: hidden;
	    width: 100%;
	    font-size: 13px;
    }

    #onepagebook-page #onepagebook-page-wrapper {
	    display: table;
        overflow: hidden;
        box-sizing: border-box;
        width: 100%;
        padding: 15px;	    
        border: 1px solid #ccc;
    }

/*	===========================================================================
    Classic theme elements
    =========================================================================== */

    #onepagebook-page .left-column {
	    display: table-footer-group;
 	    float: left;
	    box-sizing: border-box;
        width: 22%;
	    margin-right: 1%;
	    padding: 0 10px;
    }

    #onepagebook-page .right-column {
        display: table-header-group;
	    float: left;
	    box-sizing: border-box;
	    width: 75%;
	    margin-left: 1%;
	    padding: 0 10px;
    }

    #edit-bookshop-page #onepagebook-page .left-column { width: 32%; }

    #edit-bookshop-page #onepagebook-page .right-column { width: 65%; }

    #onepagebook-page #title {
        margin-bottom: 10px;
	    font-size: 28px;
        font-family: 'Open Sans', sans-serif;
	    font-weight: 600;
	    line-height: 1.1em;
        color: #000;
    }

    #onepagebook-page #subtitle {
        margin-bottom: 10px;
	    font-size: 18px;
	    color: #000;
    }

    #onepagebook-page .main-info {
        color: #000;
 	    font-size: 16px;
    }

    #onepagebook-page #author-name {
        font-size: 14px;
    }

    #onepagebook-page #narrator-name {
        font-size: 14px;
        padding-top: 5px;
    }

    #onepagebook-page .link-profile {
        display: block;
        font-size: 12px;
        font-style: italic;
        line-height: 26px;
    }

    #onepagebook-page .section-name:not(.long-url) {
        display: block;
        overflow: hidden;
        border-bottom: 1px solid #eee;
        margin-bottom: 10px;
        padding-bottom: 5px;
        font-weight: 700;
        color: #000;
        text-transform: capitalize;
    }

    #onepagebook-page .section-name.long-url { display: inline-block !important; }

    #onepagebook-page .section-name h2.title-text {
        font-size: 16px !important;
        font-weight: bold;
    }

    #onepagebook-page #preview .section-name {
        width: 250px;
        padding-top: 5px;
        text-align: right;
    }

    #onepagebook-page #preview .section-name,
    #onepagebook-page .section-name[data-field="ShortDescription"], 
    #onepagebook-page .section-name[data-field="LongDescription"] {
        border-bottom: none;
    }

    #onepagebook-page #book-details .section-name,
    #onepagebook-page #book-also-forsale .section-name {
	    margin-bottom: 0;
	    padding-top: 15px;
	    border-top: 1px solid #eee;
	    border-bottom: none;
        font-size: smaller;
	    color: #555;
	    text-transform: uppercase;
    }

    #onepagebook-page .book-section { overflow: hidden; }

    #onepagebook-page .book-section#book-details { margin-bottom: 30px; }

    #onepagebook-page #book-details.book-section ul {
        padding-left: 0;
	    list-style-type: none;
    }

    #onepagebook-page .book-section#cover-image, 
    #onepagebook-page .book-section#sale-section { margin-bottom: 30px; }

    #onepagebook-page .book-section#title-section
    {
        padding-bottom: 15px;
        border-bottom: 1px solid #eee;
        margin-bottom: 15px;
    }

    #onepagebook-page .book-section:not(#book-details):not(#cover-image):not(#title-section):not(#sale-section) { margin-bottom: 30px; }

    #onepagebook-page .book-section#see-inside,
    #onepagebook-page .book-section#page-range,
    #onepagebook-page .book-section#book-reviews {
        margin-bottom: 15px !important;
    }

    #edit-bookshop-page  #onepagebook-page .book-section#see-inside,
    #edit-bookshop-page  #onepagebook-page .book-section#page-range,
    #edit-bookshop-page  #onepagebook-page .book-section#book-reviews { 
        margin-bottom: 0 !important;
    }

    #onepagebook-page .book-section#see-inside .section-name,
    #onepagebook-page .book-section#page-range .section-name {
        border-bottom: none;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    #edit-bookshop-page #onepagebook-page .book-section#see-inside .section-name,
    #edit-bookshop-page #onepagebook-page .book-section#page-range .section-name {
        text-transform: capitalize;
    }

    #onepagebook-page .book-section.main-section {
	    margin-bottom: 10px;
        padding-bottom: 15px;
	    border-bottom: solid 1px #bdbdbd;
    }

    #onepagebook-page .book-img {
	width: 100%;
	    height: auto;
	    box-sizing: border-box;
	    padding: 0;
	    font-size: 48px;
	    color: #000;
	    background: #fff;
	    text-align: center;
	    vertical-align: top;
        border: solid 1px #666 !important;
    }

    #onepagebook-page .cover-image-wrapper,
    #onepagebook-page .view-cover-wrapper {
        max-width: 290px;
    }

    #onepagebook-page .cover-image-wrapper {
        margin-bottom: 10px;
    }

    #onepagebook-page .view-cover-wrapper {
        text-align: center;
    }

    #onepagebook-page .cover-image-wrapper a {
        max-width: 250px;
    }

    #edit-bookshop-page #onepagebook-page .cover-image-wrapper { max-width: 290px; }

    #edit-bookshop-page #onepagebook-page .cover-image-wrapper a {
         max-width: 250px;
    }

    #onepagebook-page #mobile-book-image {
	    display: none;
	    box-sizing: border-box;
	    width: 40%;
	    height: auto;
	    min-height: 100px;
	    margin-left: 15px;
	    font-size: 30px;
        color: #000;
	    text-align: center;
	    background: #fff;
    }

    .buy-format-button {
	    float: left;
        width: 100%;
	    margin: 0 10px 10px 0;
    }

    #onepagebook-page .description {
	    font-style: italic;
        color: #666;
    }

    #onepagebook-page .format { margin-bottom: 5px; }

    #onepagebook-page .value {
	    display: inline-block;
        width: 45px;
    }

    #onepagebook-page .format .description { font-size: 14px; }

    #onepagebook-page .buy-format-title {
        margin-bottom: 20px;
	    font-size: 22px;
	    font-weight: 600;
        color: #000;	    
    }

    #onepagebook-page .section-name  i { display: none; }

    #onepagebook-page .book-section .article-content {
	    display: block;
        font-size: 13px;
	    line-height: 30px;
    }

    #edit-bookshop-page #partner-links-ul li{
	    line-height: 20px;
    }

    #onepagebook-page #book-details.book-section .article-content { line-height: 25px; }

    #onepagebook-page #book-details.book-section .article-content ul { margin: 0; }

    #onepagebook-page #book-also-forsale.book-section .article-content ul {
        padding-left: 0;
	    list-style-type: none;
    }

    #onepagebook-page #book-details.book-section .article-content ul li {
	    font-size: 13px;
        color: #555;
    }

    #onepagebook-page #book-details.book-section .article-content ul li span:first-child {
        margin-right: 5px;
	    font-weight: 700;
    }

    .pull-right { float: right; }

    .book-format-section ul { margin-bottom: 10px; }
    .book-format-section ul li label { color: #2A2A2A; }

    #img-mobile-logo {
	    display: block;
        margin: 0 auto;
	    padding-top: 10px;
	    text-align: center;
    }

    #edit-bookshop-page #onepagebook-page .edit-button.add-partner-link-button { top: 0; }

    #onepagebook-page #panel-partner-link, #onepagebook-page #panel-authorbio { border-bottom: none; }

    #edit-bookshop-page #book-reviews { padding: 0 10px; }
/*	===========================================================================
    Media queries 
    =========================================================================== */


    @media (min-width:751px) and (max-width:1024px) {
	    #onepagebook-page .right-column .book-img { display: none; }

	    #edit-bookshop-page #onepagebook-page #partner-links-ul li { height: 75px; }
    }

    @media (max-width:768px) {
	    #onepagebook-page .right-column .book-img,
	    #onepagebook-page .right-column .book-img.back-cover { display: none; }
    	
        #onepagebook-page .view-cover-wrapper { padding-bottom: 30px; }
	    
        #onepagebook-page .left-column { width: 32%; }
	
	    #onepagebook-page .right-column { width: 65%; }

        #onepagebook-page .cover-image-wrapper, 
        #onepagebook-page .view-cover-wrapper { max-width: none; }
    }

    @media (max-width:667px) {
	    #onepagebook-page .right-column .book-img { display: block; }

	    #main-content .theme-content-wrapper { margin: 15px; }
	
	    #onepagebook-page .left-column,
        #onepagebook-page .right-column {
		    float: none;
	        width: 100% !important;
	        min-width: 667px !important;
	    }
	
	    #onepagebook-page #cover-image { display: none; }
	
	    #onepagebook-page .buynow-button {
		    display: block;
		    margin: 0 auto;
		    text-align: center;
	    }
	
	    #onepagebook-page .section-name i { display: inline; }
        #edit-bookshop-page #onepagebook-page .section-name i:not(.icon-help-1) { display: none; }

	    #onepagebook-page .book-section .article-content { display: none; }
	    #edit-bookshop-page #onepagebook-page .book-section .article-content { display: block; }

	    #onepagebook-page .book-section .section-name,
        #onepagebook-page .book-section .section-name h2 { 
            font-size: 15px !important;
	        color: #555;
	    }
	
	    #onepagebook-page #book-details .section-name, 
        #onepagebook-page #book-also-forsale .section-name {
		    padding-top: 0;
		    border-top: none;
	        border-bottom: 1px solid #eee;
		    text-transform: none;
	    }
	
	    #onepagebook-page .section-name {
	        margin-bottom: 0;
		    border-bottom: none;
	    }
	
	    #site-footer-container {
		    bottom: auto;
	        padding-bottom: 15px;
	    }
	
	    #onepagebook-page #mobile-book-image {
		    display: block;
	        float: none;
		    width: 90%;
		    max-width: 220px;
		    margin: 15px auto;
	    }

	    #onepagebook-page .book-section#title-section { text-align: center; }
	
        #onepagebook-page .book-section#other-titles {margin-bottom: 0 !important;}

        #onepagebook-page .cover-image-wrapper {
            margin: 0 auto;
            max-width: 250px;
        }

        #onepagebook-page .cover-image-wrapper .cover-image { margin: 15px auto; }

    }