/* Ultra High Definition screens*/
@media screen  and (max-width: 3840px) and (min-width: 3441px){
    html, body {
        font-size: 1.6em;
    }

    .current-page {
        text-decoration-thickness: 2px;
        text-underline-offset: 10px;
    }

    .book-cover {
        width: 45%;
    }    

    #xmas-tales,
    #ella-beast {
        height: 60vh;
    }
    
    
}

/* Wide Quad High Definition screens*/
@media screen  and (max-width: 3440px) and (min-width: 2561px){
    html, body {
        font-size: 1.5em;
    }

    .eira-logo {
        width: 70%;
    }

    .current-page {
        text-decoration-thickness: 2px;
        text-underline-offset: 10px;
    }

    /* .sentinel-section {
        height: 170vh;
    } */

    .about-body,
    .txt-container {
        font-size: 0.75em;
    }

    .about-image {
        width: 20%;
    }

    .contact-description {
        margin-block: 0em;
        font-size: 1.15em;
    }
        
    .praise-section {
        padding: 5% 0;
    }

    .book-grid {
        height: 66vh;
    }

    .img-book {
        width: 82%;
    }

    .book-detail b p {
        -webkit-margin-after: 0em;
        margin-block-end: 0em;
    }
    
}

/* Quad High Definition screens*/
@media screen  and (max-width: 2560px) and (min-width: 1921px){
    html, body {
        font-size: 1.35em;
    }
    
    .current-page {
        text-decoration-thickness: 1.7px;
    }

    .sentinel-description {
        -webkit-margin-before: 0;
        margin-block-start: 0;
    }
    
}

/* Wide Ultra Extended Graphics Array screens*/
@media screen  and (max-width: 1920px) and (min-width: 1601px) and (max-height: 1200px) and (min-height: 1081px){
    /* .sentinel-section {
        height: 110vh;
    } */

    .praise-section {
        padding: 0;
    }

    .book-grid {
        height: 53vh;
    }
    
}

/* Full High Definition screens*/
@media screen  and (max-width: 1920px) and (min-width: 1601px){
    html, body {
        font-size: 1.15em;
    }

    .current-page {
        text-decoration-thickness: 1.5px;
    }

    #xmas-tales,
    #ella-beast {
        height: 60vh;
    }
    
}

/* High Definition Plus screens*/
@media screen  and (max-width: 1600px) and (min-width: 1550px){
    body {
        font-size: 1.1em;
    }
    
}

/* Older desktop screens*/
@media screen  and (max-width: 1444px) and (min-width: 1368px){
    /* .sentinel-section {
        height: 120vh;
    } */

    .praise-section {
        padding: 1% 0;
    }

    .book-grid {
        height: 53vh;
    }
    
}

/* Most common laptop screens*/
@media screen  and (max-width: 1367px) and (min-width: 1281px){
    .contact-description {
        -webkit-margin-before: 0em;
        margin-block-start: 0em;
    }

    .about-container {
        width: 75%;
    }

    #xmas-tales {
        height: 60vh;
    }

    @media screen  and (max-height: 1050px) and (min-height: 1000px){
        html, body {
            font-size: 1.1em;
        }

        .sentinel-content {
            width: 80%;
        }

        .about-container {
            width: 80%;
        }

        .book-grid {
            height: 58vh;
        }
    }
    
}

/* Super-eXtended Graphics Array screens*/
@media screen  and (max-width: 1280px) and (min-width: 1101px) and (min-height: 1024px) {
    html, body {
        font-size: 1.05em;
    }
    
    .home-container {
        height: 58vh;
    }

    .hero-box {
        height: 48vh;
    }

    /* .sentinel-section {
        height: 115vh;
    } */

    .sentinel-content {
        width: 70%;
    }

    .praise-section {
        padding: 0;
        height: 45vh;
    }
    
    .book-grid {
        height: 58vh;
    }
}

/* Smaller laptops */
@media screen  and (max-width: 1280px) and (min-width: 1101px) {
    html, body {
        font-size: 0.95em;
    }

    .contact-description {
        -webkit-margin-before: 0em;
        margin-block-start: 0em;
    }

    .book-grid {
        height: 58vh;
    }
}

/* iPad Pro portrait */
@media screen  and (max-width: 1100px) and (min-width: 1023px) and (min-height: 1360px){
    
    /* Global adjustments */

    html, body {
        font-size: 1.10em;
    }

    .site-icon {
        width: 10%;
    }

    .menu-options {
        width: 60%;
        font-size: 1.2em;
    }

    .current-page {
        text-decoration-thickness: 2px;
        text-underline-offset: 10px;
    }

    .social-media {
        width: 12%;
    }

    .book-links {
        width: 60%;
    }

    .amazon-link {
        width: 15%;
    }

    .good-link {
        width: 20%;
    }

    .tor-link {
        width: 17%;
    }

    .waterstones-link {
        width: 10%;
    }

    /* Home adjustments */

    .home-container {
        height: 50vh;
    }    

    .hero-box {
        height: 40vh;
    }

    /* .sentinel-section {
        height: 100vh;
    } */

    .sentinel-content {
        width: 80%;
    }

    .book-cover {
        width: 45%;
    }

    .sentinel-extract {
        width: 80%;
    }

    .sentinel-text {
        font-size: 0.85em;
    }

    .praise-text {
        width: 85%;
    }

    .centered-text {
        padding: 0;
    }

    .no-margin-block,
    .praise-text {
        margin-block: 1em;
    }

    .praise-3 {
        align-items: center;
    }

    .find-me-section {
        height: 15vh;
    }

    /* About adjustments */

    .about-container {
        width: 80%;
    }

    .about-text {
        width: 55%;
    }

    .about-image {
        width: 31%;
    }

    /* Books adjustments */

    .book-box {
        height: 15vh;
    }

    .book-grid {
        height: 48vh;
    }
    
    #tales-from {
        height: 53vh;
    }

    #xmas-tales, #ella-beast {
        padding-top: 6%;
    }

}

/* iPad landscape */
@media screen  and (max-width: 1024px) and (max-height: 768px) {
    .sentinel-section,
    .praise-section {
        font-size: 0.9em;
    }

    .sentinel-content {
        width: 80%;
    }

    .sentinel-text {
        width: 50%;
    }

    .about-container {
        width: 80%;
    }

    .about-text {
        font-size: 0.85em;
    }

    .contact-content {
        margin-bottom: 1%;
    }
    
    #tales-from {
        height: 70vh;
    }
}

/* Galaxy S20 Ultra landscape */
@media screen  and (max-width: 916px) and (max-height: 415px) {   
    
    /* Global adjustments */
    
    .social-media {
        width: 12%;
    }

    /* Home adjustments */

    .sentinel-section,
    .praise-section {
        font-size: 0.7em;
    }

    /* .sentinel-section {
        height: 170vh;
    } */

    .praise-section {
        height: 70vh;
    }

    /* About adjustments */

    .author-box {
        height: 180vh;
    }

    /* Books adjustments */

    .book-grid {
        height: 130vh !important;
    }
}


/* iPad Air portrait */
@media screen  and (max-width: 820px) {
    
    /* Animation adjustments */

    /**
    * ----------------------------------------
    * Blink animation
    * ----------------------------------------
    */
    @media (prefers-reduced-motion: no-preference) {
        .find-me-link-animation {
        animation: none;
        -webkit-animation: none;
        }
    }

    @-webkit-keyframes blink-1 {
        0%,
        50%,
        100% {
          color: var(--white);
        }
        25%,
        75% {
          color: #FF7F50;
        }
      }
      @keyframes blink-1 {
        0%,
        50%,
        100% {
          color: var(--white);
        }
        25%,
        75% {
          color: #FF7F50;
        }
      }

    /* Global adjustments */

    body::-webkit-scrollbar {
        display: none
    }
    
    body {
        scrollbar-width: none;
    }

    .no-mobile {
        display: none;
    }

    .find-me-link:hover,
    .menu-link:hover,
    .social-media ion-icon:hover,
    .social-media i:hover {
    color: var(--white);  
    }

    .menu-link:hover {
        text-decoration: none;
        text-underline-offset: 0;
        text-decoration-thickness: 0;
        border-radius: 0;  
    }

    .site-icon,
    .menu-options {
        display: none;
    }

    .social-media {
        width: 32%;
        justify-content: center;
    }

    .social-container {
        width: 40%;
    }

    .mobile-menu,
    .yes-mobile {
        display: flex;
    }
    .yes-mobile-block {
        display: block;
    }

    .mobile-menu ion-icon,
    .mobile-menu i {
        font-size: 3.5em;
    }

    .current-page {
        text-decoration-thickness: 2px;
    }

    .social-container a {
        font-size: 3em;
    }

    /* Home adjustments */

    .home-container {
        height: 100vh;
    }

    .hero-box {
        height: 90vh;
    }
    
    .arrow-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 15%;
        height: 5vh;
    }

    .sentinel-section {
        /* height: 100vh; */
        justify-content: space-evenly;
        padding: 0;
    }

    .sentinel-heading {
        display: none;
    }

    .mobile-sentinel-heading {
        display: inline;
        padding-top: 3%;
    }

    .sentinel-content {
        flex-direction: column;
        width: 80%;
        align-items: center;
        padding-top: 5%;
    }

    .book-cover {
        width: 55%;
    }

    .sentinel-extract {
        width: 80%;
        line-height: 350%;
    }

    .mobile-pta-container {
        width: 50%;
        padding: 2% 0 2% 0;
    }

    .praise-section {
        height: 72vh;
        background-color: var(--main-bg-color);
        justify-content: space-evenly;
    }

    .praise-text {
        width: 80%;
        font-size: 1.2em;
    }

    .find-me-text {
        justify-content: center;
    }

    .find-me-section {
        font-size: 1.25em;
        text-align: center;
        height: 25vh;
    }

    /* Author adjustments */

    .author-box {
        height: 100vh;
        width: 100%;
        background-image: linear-gradient(rgba(0, 0, 0, 0.236),rgba(0, 0, 0, 0.318)), url(images/eira_author.jpeg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        background-attachment: fixed;
    }

    .author-box .mobile-menu-container {
        color: var(--white)
    }

    .author-box .mobile-hero-box .hero-text {
        visibility: visible;
    }

    .author-box .menu-row .social-media .social-container a ion-icon,
    .author-box .menu-row .social-media .social-container a i {
        color: var(--white)
    }

    /* Books adjustments */

    .book-box {
        height: 10vh;
    }

    #xmas-tales,
    #ella-beast {
        padding: 0;
    }

    .book-grid {
        flex-direction: column;
        align-items: center;
        height: 90vh;
        justify-content:space-evenly;
    }

    #tales-from {
        height: 85vh;
    }

    .video-link {
        top: 17%;
        left: 16%;
        height: 2vh;
    }

    .book-grid .img-container,
    .book-grid .txt-container {
        width: 70%;
    }

    .book-grid .img-container .img-caption {
        font-size: 1em;
    }

    .book-detail p {
        font-size: 1.25em;
    }

    .purchase-from .first-link{
        width: 28%;
    }

    .purchase-from .second-link{
        width: 16%;
    }

    .book-links {
        width: 80%;
    }

    .amazon-link {
        width: 15%;
    }
    
    .good-link {
        width: 23%;
    }
    
    .tor-link {
        width: 23%;
    }
    
    .waterstones-link {
        width: 13%;
    }

}

/* iPad portrait */
@media screen  and (max-width: 768px){

    .praise-section {
        justify-content: center;
    }

    .video-link {
        top: 15%;
        left: 16.5%;
    }

}

/* Galaxy S8+ landscape */
@media screen  and (max-width: 813px) and (max-height: 376px) {   
    
    /* Global adjustments */
    
    html, body {
        font-size: 0.8em;
    }

    .social-media {
        width: 20%;
        margin-top: 2%;
    }

    .mobile-menu {
        width: 30%;
    }

    .mobile-menu-area {
        height: 35vh;
        width: 50%;
    }

    /* Home adjustments */

    .hero-box {
        height: 70vh;
    }

    .down-arrow {
        width: 6vw;
        height: 6vw;
    }
/* 
    .sentinel-section {
        height: 170vh;
    } */

    .book-cover {
        width: 42%;
    }

    .sentinel-extract {
        font-size: 1.6em;
    }

    .mobile-sentinel-text,
    .mobile-about-text .about-body,
    .mobile-contact {
        font-size: 1.1em;
    }

    /* .praise-section {
        height: 70vh;
    } */

    /* About adjustments */

    .author-box {
        height: 100vh;
        background-position: left top;
        background-size: 100%;
    }

/*     .author-box .mobile-hero-box .hero-text {
        display: none;
    } */

    /* .mobile-contact {
        height: 100vh;
    } */

    .mobile-amazon-link {
        width: 20%;
    }
    
    .mobile-good-link {
        width: 30%;
    }
    
    .mobile-tor-link {
        width: 23%;
        margin-right: 8%;
    }
    
    .mobile-waterstones-link {
        width: 18%;
        margin-left: 0%;
        margin-right: 6%;
    }

    .mobile-book-links-2 {
        justify-content: space-around;
    }
/* 
    .mobile-find-me-section {
        height: 20vh;
    } */

    /* Books adjustments */

    .book-grid {
        height: 200vh !important;
    }

    .video-link {
        top: 25%;
        left: 16%;
        height: 5vh;
        width: 5%;
    }

    .img-book{
        width: 80%;
    }

    .footer-box {
        height: 30vh;
    }
}



/* Galaxy S20 Ultra */
@media screen and (max-width: 451px){

    /* Global adjustments*/
    html,
    body {
        font-size: 0.8em;
    }

    .menu-row {
        align-items: center;
    }

    .social-media {
        width: 45%;
        justify-content: space-evenly;
    }

    .social-container {
        width: 25%;
    }

    .mobile-menu {
        justify-content: center;
        width: 35%;
        top: 2%;
    }

    .mobile-menu-container {
        margin: 0;
        width: 60%;
    }

    .mobile-menu-area {
        width: 80%;
    }

    /* Home adjustments*/
    .main-hero-text {
        width: 70%;
        text-align: center;
        font-size: 3.75em;
    }

    .sub-hero-text {
        font-size: 3em;
    }

    .book-cover {
        width: 70%;
    }

    .sentinel-extract p {
        font-size: 1.4em;
    }

    .praise-section {
        justify-content: space-evenly;
    }

    .praise-text .praise-big {
        font-size: 1.2em;
    }

    .praise-text p {
        max-width: 45%;
    }

    .praise-big {
        max-width: 45%;
    }


    /* About adjustments*/

    /* .mobile-find-me-section {
        height: 17vh;
    } */

    .mobile-find-me-section .find-me-text {
        text-align: center;
    }

    .mobile-amazon-link {
        width: 37%;
    }
    
    .mobile-good-link {
        width: 50%;
    }
    
    .mobile-tor-link {
        width: 48%;
    }
    
    .mobile-waterstones-link {
        width: 28%;
        margin-left: 10%;
    }

    /* Books adjustments*/

    .book-grid {
        font-size: 1.2em;
    }

    .video-link {
        left: 16%;
        top: 16.5%;
        height: 3vh;
    }

    .img-caption,
    .img-book {
        width: 100%;
    }

    .purchase-from .first-link{
        width: 40%;
        margin-right: 12%;
    }

    .purchase-from .second-link{
        width: 26%;
    }

    .book-links {
        width: 96%;
    }

    .amazon-link {
        width: 17%;
    }
    
    .good-link {
        width: 25%;
    }
    
    .tor-link {
        width: 25%;
    }
    
    .waterstones-link {
        width: 15%;
    }

    .mobile-find-me-section .find-me-text {
        align-items: center;
    }

    .mobile-find-me-section .find-me-text a {
        width: 80%
    }

}

/* Galaxy S20 Ultra */
@media screen and (max-width: 394px){
    .video-link {
        top: 14.7%;
    }
}

/* iPhone SE */
@media screen and (max-width: 376px){

    /* Home adjustments*/

    .book-cover {
        width: 65%;
    }

    .sentinel-extract p {
        font-size: 1.2em;
    }

    .mobile-sentinel-text {
        font-size:1.2em;
    }

    /* About adjustments*/
    .mobile-about-text .about-body {
        font-size: 1.3em;
    }

    .mobile-contact {
        height: 79vh;
        padding-top: 7%;
    }

    /* Books adjustments*/

    .book-grid {
        font-size: 1em;
    }

    .video-link {
        left: 16%;
        top: 14%;
    }

}