/*!
 * CSS
 * Copyright 2011-2016 JuSa s.r.o.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

    body, html {
        height: 100%;
    }

    .readercontainer {
        height: 100%;
        /*max-width: 1440px;*/
        margin: 0 auto; 
    }

    .readertextitem {
        /*background-image: url('../img/img_parallax18.png');*/
        padding: 10px 3% 15px 3%;
        /*  
        background: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
        background: linear-gradient(160deg, #133851 0%, #f0f0f0 7%, #ffffff 60%);
        background: radial-gradient(circle, #fefefe 50%, #f0f0f0, #133851 99%); 
        #133851 - blue
        */
        
        background: -webkit-linear-gradient(160deg, #133851 0%, #f0f0f0 7%, #ffffff 60%); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(160deg, #133851 0%, #f0f0f0 7%, #ffffff 60%); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(160deg, #133851 0%, #f0f0f0 7%, #ffffff 60%); /* For Firefox 3.6 to 15 */
        background: linear-gradient(160deg, #133851 0%, #f0f0f0 7%, #ffffff 60%); /* Standard syntax */


    }
    /* padding for diverse display sizes */
    @media only screen and (min-width:601px){
        .readertextitem {
            padding-left: 5%;
            padding-right: 5%;
        }
    }
    @media only screen and (min-width:993px){
        .readertextitem {
            padding-left: 10%;
            padding-right: 10%;
        }
    }
    @media only screen and (min-width:1440px){
        .readertextitem {
            padding-left: 20%;
            padding-right: 20%;
        }
    }


    .readerimageitem {
        height:100%; 
        font-size: 120px;

    }   

    /* BugFix for older Safari Clients - like iPad1 has*/
   .readerimageitemfix {
        /*background-blend-mode: color-dodge; */
        /*  -- w3-display-middle --
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        */
        -webkit-transform: translate(-50%,-50%);
        font-weight: bold;

        /* -- override .w3-text-shadow{text-shadow:1px 1px 0 #444} -- */
        text-shadow:2px 2px 0 #444;


    }

    .parallax1, .parallax2, .parallax3, .parallax4, .parallax5, .parallax6  {
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;    
        height: 50%;
        color: white;
        text-align: center;
        /* -- set color/blur filter --
        -webkit-filter:grayscale(50%);
        filter:grayscale(50%);
        filter:blur(2px);
        */
        
    }
    .parallax1 {
        background-image: url('../img/img_parallax17.jpg');
        height: 25%; 
    }
    .parallax2 {
        background-image: url('../img/img_parallax17.jpg');
    }
    .parallax3 {
        background-image: url('../img/img_parallax13.jpg');
    }
    .parallax4 {
        background-image: url('../img/img_parallax15.jpg');
    }
    .parallax5 {
        background-image: url('../img/img_parallax14.jpg');
    }
    .parallax6 {
        background-image: url('../img/img_parallax16.jpg');
    }


    /* Turn off parallax scrolling for tablets and phones. Increase/decrease the pixels if needed */
    
    @media only screen and (max-device-width: 1024px) {

        .parallax1, .parallax2, .parallax3, .parallax4, .parallax5, .parallax6, .parallax7 {
            background-attachment: scroll !important;
            background-position: center center !important;
            height: 35%;
        }
        .parallax1 {
        	/* The image used for mobile devices */
        	background-image: url('../img/img_parallax10.jpg');
        }

    }

    /* relative Font Size for Over Image Text */
    @media all and (max-width: 1440px) {
        .readerimageitem {
            font-size:12vw;
        } 
     }


/* ------------- */