/*
 Theme Name:   Divi Child Theme
 Theme URI:    http://divi.space/
 Description:  A Child Theme built for Divi on Divi Space
 Author:       Make A Spectacle
 Author URI:   http://www.makeaspectacle.co.uk
 Template:     Divi
 Version:      1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*------------HEADER and FOOTER-------------- */

#main-header, #main-footer {
display: none;
height: 0 !important;
}

/*---SITE-WIDE STYLING---*/

.et_post_meta_wrapper {
display: none;
}

#page-container {
padding-top: 0 !important;
padding-bottom: 0 !important;
}


/*------------FIRST POKEMON COMIC-------------- */


/*------------DISPLAY CASE-------------- */

.comic-display-case {
height: 100vh;
width: 100vw;
padding: 0 !important;
}

.display-case-top, .display-case-bottom {
max-width: calc(95vh*1.3) !important;
margin: auto;
}

.display-case-top {
background-position: top;
background-repeat:no-repeat;
background-size: cover;
height: 5%;
max-height: 50px;
}

.display-case-bottom {
background-position: bottom;
background-repeat:no-repeat;
padding-top: 0px;
background-size: cover;
    max-height: 90vh;
}


/*------------COMIC--------*/

.first-comic-top-divider {
height: 1% !important;
}


.pt-comic-pagination {
    position: relative;
bottom: 0;
}

.pt-comic-image {
padding-bottom: 2%;
}

.new-comic-next-link a {
position: absolute;
    color: rgba(255, 255, 255, 0) !important;
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    height: 85%;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 2;
    background: rgba(255, 255, 255, 0) !important;
    opacity: 0;
    text-align: center;
    font-size: 40px;
}


.image-container {
color: rgba(255, 255, 255, 0) !important;
    margin-top: -20px;
}

.pt-comic-space {
text-align: center;
    margin-top: 15px !important;
    margin-right: 5% !important;
    margin-bottom: 0px !important;
    margin-left: 5% !important;
}

.pt-comic-pagination img {
vertical-align: middle;
}



/*------------COMING SOON PAGE--------*/

.coming-soon-page img {
    max-height: 75vh;
    width: auto;
}

.coming-soon-divider-top {
height: 5% !important;
}
.coming-soon-divider-bottom {
height: 10% !important;
}

.coming-soon-page {
    margin-left: 5% !important;
    margin-right: 5% !important;
    margin-bottom: 10% !important;
}

.image-container {
    color: rgba(255, 255, 255, 0) !important;
margin-top: -25px;
}
.pt-comic-image img {
padding-bottom: 10px;
}

/*-------MEDIA QUERIES------*/



@media (max-width: 980px) {
.et_pb_section .et_pb_row, .et_pb_section.et_section_specialty .et_pb_row {
    max-width: calc(90vh * 1.3) !important;
}

.pt-comic-image {
    padding-bottom: 0;
}
}

@media (max-height: 550px) {
.pt-comic-image {
    padding-bottom: 1.5%;
}
}

@media (max-height: 450px) {
.pt-comic-image {
    padding-bottom: 1%;
}
}

@media (max-height: 350px) {
.pt-comic-image img {
    padding-bottom: 5px;
}
.pt-comic-image {
    padding-bottom: 0;
}
}

@media (max-height: 300px) {
.pt-comic-pagination {
    margin-top: -1%;
}
}

@media (max-height: 250px) {
.pt-comic-image img {
    padding-bottom: 0;
}
.pt-comic-pagination {
    margin-top: 0;
}
}


/*-------MIN HEIGHT FOR COMIC SECTION------*/

@media (min-device-aspect-ratio: 160/100) {
.display-case-bottom {
min-height: 90vh !important;
}
}

@media (min-device-aspect-ratio: 146/100) and (max-aspect-ratio: 160/100) {
.display-case-bottom {
min-height: 85vh !important;
}
.pt-comic-image {
    margin-bottom: 0;
padding-bottom: 0;
}
.pt-comic-pagination {
    margin-top: 2%;
}
}

@media (min-device-aspect-ratio: 136/100) and (max-aspect-ratio: 146/100) {
.display-case-bottom {
min-height: 80vh !important;
}
.pt-comic-image {
    margin-bottom: 3vh;
}
.pt-comic-pagination {
    margin-top: 0;
    top: -2vh;
}
}

@media (min-device-aspect-ratio: 130/100) and (max-aspect-ratio: 136/100) {
.display-case-bottom {
min-height: 77vh !important;
}
}

@media (min-device-aspect-ratio: 125/100) and (max-aspect-ratio: 130/100) {
.display-case-bottom {
min-height: 74vh !important;
}
}

@media (min-device-aspect-ratio: 120/100) and (max-aspect-ratio: 125/100) {
.display-case-bottom {
min-height: 72vh !important;
}
.pt-comic-pagination {
    margin-top: 0;
    top: -1.5vh;
}
}

@media (min-device-aspect-ratio: 112/100) and (max-aspect-ratio: 120/100) {
.display-case-bottom {
min-height: 65vh !important;
}
}

@media (min-device-aspect-ratio: 105/100) and (max-aspect-ratio: 112/100) {
.display-case-bottom {
min-height: 60vh !important;
}
}

@media (min-device-aspect-ratio: 1/1) and (max-aspect-ratio: 105/100) {
.display-case-bottom {
min-height: 50vh !important;
}
.display-case-top {
height: 4%;
}
}

@media (min-device-aspect-ratio: 88/100) and (max-aspect-ratio: 1/1) {
.display-case-bottom {
min-height: 45vh !important;
}
.pt-comic-pagination {
    margin-top: 0;
    top: -1vh;
}
.pt-comic-image {
    margin-bottom: 2vh;
}
.image-container {
margin-top: -6%;
}
}

@media (min-device-aspect-ratio: 79/100) and (max-aspect-ratio: 88/100) {
.display-case-bottom {
min-height: 40vh !important;
}
}

@media (min-device-aspect-ratio: 70/100) and (max-aspect-ratio: 79/100) {
.display-case-bottom {
min-height: 35vh !important;
}
.image-container {
margin-top: -8%;
}
.pt-comic-image {
    margin-bottom: 1vh;
}
}

@media (min-device-aspect-ratio: 61/100) and (max-aspect-ratio: 70/100) {
.display-case-bottom {
min-height: 30vh !important;
}
}

@media (min-device-aspect-ratio: 51/100) and (max-aspect-ratio: 61/100) {
.display-case-bottom {
min-height: 25vh !important;
}
.image-container {
margin-top: -12%;
}
.pt-comic-image img {
padding-bottom: 0px;
}
.pt-comic-pagination {
    margin-top: 0;
    top: -0.7vh;
}
}

@media (min-device-aspect-ratio: 4/10) and (max-aspect-ratio: 51/100) {
.display-case-bottom {
min-height: 20vh !important;
}
.display-case-top {
    height: 3%;
}
	}