/* =========================================================
   Tiber Creek - Adaptive PDF Embedder
   ========================================================= */

/*
 * Reduce overall PDF size.
 *
 * Change 900px to 850px if the client wants it slightly
 * smaller, or 950px if it feels too small.
 */
 .tcg-adaptive-pdf {
    width: 100%;
    max-width: 600px;
    margin: 30px auto;
}


/* Keep the PDF viewer constrained to the wrapper. */
.tcg-adaptive-pdf .pdfemb-viewer {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    margin-left: auto !important;
    margin-right: auto !important;

    transition: height 0.2s ease;
}


/* Keep the current PDF page centered. */
.tcg-adaptive-pdf .pdfemb-pagescontainer {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;

    transition: height 0.2s ease;
}


.tcg-adaptive-pdf .pdfemb-inner-div {
    margin-left: auto !important;
    margin-right: auto !important;
}


/* Prevent default page rendering from exceeding the viewer. */
.tcg-adaptive-pdf .pdfemb-the-canvas {
    display: block;
}


/* =========================================================
   Toolbar
   ========================================================= */

/*
 * Shortcode toolbarfixed="on" keeps it permanently visible.
 * This makes the toolbar visually stronger.
 */
.tcg-adaptive-pdf .pdfemb-toolbar {
    width: 100% !important;
    min-height: 44px !important;

    padding: 6px 10px !important;

    box-sizing: border-box !important;

    opacity: 1 !important;
    visibility: visible !important;

    background: #333 !important;
}


/*
 * Make previous/next navigation more prominent without
 * replacing PDF Embedder's existing arrow graphics.
 */
.tcg-adaptive-pdf .pdfemb-prev,
.tcg-adaptive-pdf .pdfemb-next {
    opacity: 1 !important;

    transform: scale(1.15);
    transform-origin: center;

    margin-left: 7px !important;
    margin-right: 7px !important;

    border-radius: 3px;
}


/* Disabled Previous/Next should still be recognizable. */
.tcg-adaptive-pdf .pdfemb-prev.pdfemb-btndisabled,
.tcg-adaptive-pdf .pdfemb-next.pdfemb-btndisabled {
    opacity: 0.45 !important;
}


/*
 * Make page number and zoom information easier to read.
 */
.tcg-adaptive-pdf .pdfemb-page-area,
.tcg-adaptive-pdf .pdfemb-zoom {
    font-size: 14px !important;
}


/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 767px) {

    .tcg-adaptive-pdf {
        max-width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .tcg-adaptive-pdf .pdfemb-toolbar {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

}