/*
 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
*/

/*----BACKGROUND----*/
body {
    background-repeat: no-repeat;
    background-position: center left !important;
    background-attachment: fixed;
}

/*------------HEADER-------------- */


#main-header {
display: none;
}

/*------------FOOTER-------------- */
 #main-footer, #footer-bottom {
    background-color: rgba(34, 34, 34, 0);
}

#footer-info, #footer-info a  {
    float: none;
    padding-bottom: 10px;
    color: #fff;
    text-align: center;
font-weight: normal;
}


/*------------SIDEBAR-------------- */

#sidebar {
display: none;
width: 0;
}




/*------------PAGES-------------- */

#main-content {
margin-bottom: 0;
}

.et_right_sidebar #left-area {
    float: none;
    padding-right: 0;
}

#left-area {
padding-bottom: 0;
}

#main-content {
    background-color: rgba(255, 255, 255, 0);
    margin-bottom: 46px;
}

#main-content .container:before {
display: none;
}

.entry-content {
max-width: 990px;
margin: auto;
}

#left-area {
width: 100%;
}

h1.entry-title {
display: none;
}

#main-content .container {
    padding-top: 0;
}

#page-container {
    padding-top: 20px !important;
} 

/*------------STYLING-------------- */

.comic-page {
text-align: center;
background: url(http://le-vol-magique-de-valerie.apkmnstory.com/wp-content/uploads/2016/11/frame-with-inner-panel-01.png);
    background-repeat: no-repeat;
    background-position: top left;
background-size: 100%;
padding: 10% 9.5%;
padding-bottom: 10px;
}



.comic-pagination {
    width: 35%;
    margin: auto;
    background: url(http://le-vol-magique-de-valerie.apkmnstory.com/wp-content/uploads/2016/11/pagination-lighter.png);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 20px;
    background-size: 86%;
display: flex;
    flex-direction: row;
}


.comic-pagination .first-webcomic-link {
align-self: flex-start;
margin: auto;
width: 25%;
}

.comic-pagination .last-webcomic-link {
align-self: flex-end;
margin: auto;
width: 25%;
}

.comic-pagination .previous-webcomic-link, .comic-pagination .next-webcomic-link {
align-self: center;
margin: auto;
width: 25%;
}

.comic-pagination a {
font-size: 1px;
opacity: 0;
}

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

@media (min-width: 2001px) {
body {
 background-image: url(http://le-vol-magique-de-valerie.apkmnstory.com/wp-content/uploads/2016/10/background-larger.jpg);
}
}

@media (max-width: 2000px) and (orientation: landscape) {
body {
background-image: url(http://le-vol-magique-de-valerie.apkmnstory.com/wp-content/uploads/2016/10/background-landscape.jpg);
}
}

@media (max-width: 2000px) and (orientation: portrait) {
body {
background-image: url(http://le-vol-magique-de-valerie.apkmnstory.com/wp-content/uploads/2016/10/background-portrait.jpg);
}
}

@media (max-width: 1080px) {
.comic-pagination {
padding: 1.5%;
background-size: 100%;
}
}

@media (max-width: 980px) { 
.container {
    width: 90%;
}
.et_pb_post .entry-content {
padding-top: 0;
}
}

@media (max-width: 850px) {
.comic-pagination {
padding: 1%;
}
}

@media (max-width: 750px) {
.comic-pagination {
padding: 0.5%;
}
}

@media (max-width: 550px) { 
.container {
    width: 95%;
}
.comic-pagination {
padding: 0;
margin-top: -0.5%;
}
}

@media (max-width: 400px) { 
.comic-pagination {
margin-top: -5px;
}
}

@media (max-width: 350px) { 
.comic-pagination {
margin-top: -8px;
}
}


@media (max-width: 250px) { 
.comic-pagination {
margin-top: -10px;
}
}