/* Custom Flip Book */
input.custom-checkbox { 
    display: none; 
} 

.flip-book-image { 
    width: 100%; 
    height: 820px !important; 
} 

.book { 
    display: flex; 
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; 
} 

#cover { 
    width: 800px; 
    height: 820px; 
} 

.flip-book { 
    width: 800px; 
    height: 820px; 
    position: relative; 
    perspective: 1500px; 
} 

.flip { 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
    transform-origin: left; 
    transform-style: preserve-3d; 
    transform: rotateY(0deg); 
    transition: 0.5s; 
    color: #000; 
} 

.flip-book-title { 
    font-size: 25px; 
    line-height: 30px; 
    padding: 10px 10px 10px 10px; 
} 

.flip-book-paragraph { 
    font-size: 16px; 
    line-height: 24px; 
    padding-left: 10px; 
} 

.flip-book-front { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
    background-color: #fff; 
    box-sizing: border-box; 
    padding: 0 13px; 
    backface-visibility: hidden;
} 

.flip-book-back { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
    z-index: 99; 
    box-sizing: border-box; 
    padding: 0 13px;
} 

.next-btn, .back-btn { 
    position: absolute; 
    bottom: 13px; 
    right: 13px; 
    cursor: pointer; 
    color: #000; 
} 

.back-btn { 
    color: #fff; 
} 

/* Page stacking */
#p1 { z-index: 3; } 
#p2 { z-index: 2; } 
#p3 { z-index: 1; } 

/* Page flipping */
#c1:checked ~ .flip-book #p1 { 
    transform: rotateY(-180deg); 
    z-index: 1; 
} 
#c2:checked ~ .flip-book #p2 { 
    transform: rotateY(-180deg); 
    z-index: 2; 
} 
#c3:checked ~ .flip-book #p3 { 
    transform: rotateY(-180deg); 
    z-index: 3; 
} 

/* Social Icons */
.meteo_fa { 
    padding: 10px !important; 
    font-size: 0px !important; 
    width: 40px; 
    height: 30px; 
    text-align: center; 
    text-decoration: none; 
    margin-top: -20px; 
    margin-right: 5px; 
    border-radius: 50% !important; 
} 

.meteo_fa:hover { 
    opacity: 0.7; 
} 

.meteo-fa-facebook { 
    background: #3B5998; 
    color: white; 
} 

.meteo-fa-twitter { 
    background: #55ACEE; 
    color: white; 
} 

.meteo-fa-youtube { 
    background: #bb0000; 
    color: white; 
} 

/* Accessibility Hidden Labels */
.visually-hidden { 
    position: absolute; 
    width: 1px; 
    height: 1px; 
    padding: 0; 
    margin: -1px; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    white-space: nowrap; 
    border: 0; 
} 

/* Responsive for Medium Screens */
@media only screen and (min-width: 1024px) and (max-width: 1336px) { 
    #cover, .flip-book { 
        width: 700px; 
        height: 750px; 
    } 
    
    .flip-book-image { 
        height: 750px !important; 
    } 
    
    .flip-book-title { 
        font-size: 18px; 
        line-height: 25px; 
    } 

    .flip-book-paragraph { 
        font-size: 14px; 
        line-height: 18px; 
        padding-left: 5px; 
    } 
}

/* Z-index fix for share buttons */
.meteo_share_button_hidden .share-icon-buttons, 
.pos_relative { 
    z-index: 1 !important; 
}