/*
    Created on : Mar 19, 2015, Mar 19, 2015 11:24:32 AM
    Author     : Alkadia
*/

@media only screen and (max-width: 980px) and (min-width: 900px){
    body{
        font-size: 1.9em;
    }
}

@media only screen and (max-width: 900px) and (min-width: 700px){
    body{
        font-size: 1.7em;
    }
}

@media only screen and (max-width: 700px) and (min-width: 500px){
    body{
        font-size: 1.7em;
    }

    .content.internal > article .main{
        padding-left: 32px;
        padding-right: 32px;
    }

    .row .payoff-list {
        display: block;
    }

    .row .payoff-list

    .row .payoff-list > li {
        position: relative;
        display: none!important;
        left: 0;
        right: 0;
    }

    .row .payoff-list > li.active {
        display: block!important;
    }

    .row .payoff-list > li > div {
        font-size: 2rem;
        line-height: 1em;
    }

    .row .payoff-list {
        padding-bottom: 24px;
    }

    .row .payoff-scroller:after, .row .payoff-list > li > div:after, .row .payoff-list > li:after {
        clear: both;
        position: relative;
        display: block;
        content: '';
    }

}

/*@media only screen and  (max-width: 699px) and (min-width: 500px){
    body{
     font-size: 12pt;
    }
}*/

@media only screen and  (max-width: 499px) and (min-width: 240px){
    body{
        font-size: 9pt;
    }

    .content.internal > article .main{
        padding-left: 16px;
        padding-right: 16px;
    }
}

.row{
    min-width: 280px!important;
}
.row article{
    /*padding-left: 24px;
    padding-right: 24px;*/
}

footer.row article,
.row.pagetools article{
    padding-left: 0;
    padding-right: 0;
}


@media only screen and  (max-width: 699px) and (min-width: 240px){
    body {
        overflow-x: hidden;
    }

    .mobile-menu-toggler{
        display: block;
        position: absolute;
        right: 12px;
        z-index: 2;
        background-color: rgba(255,255,255,0.8);
        border-radius: 0px;
        height: 56px;
        border: 0;
    }

    .mobile-menu-toggler svg{
        margin-top: 12px;
    }

    nav.main [data-type="menu"]{
        display: none;
    }
}

@media only screen and  (max-width: 980px) and (min-width: 240px){
    nav.main{
        margin: 32px 32px 0 32px ;

        width: auto;
    }

    .content.internal > article .main{
        padding-left: 16px;
        padding-right: 16px;
    }
}

.row > article{
    padding-left: 12px;
    padding-right: 12px;
}

[data-model="cover-dots"]{
    right: 24px;
}

[data-model="cover-dots"] > li{
    width: 12px;
    height: 12px;
    margin: 8px 0;
}


[data-model="cover-dots"] > li:first-child{
    margin-top: 0px;
}

[data-model="cover-dots"] > li:last-child{
    margin-bottom: 0px;
}

.content.internal > article .main{
   /* padding-left: 32px;
    padding-right: 32px;*/
}

.content .row{
    width: 100%;
}


/*
# COVERS
*********************/

[data-model="covers"] .slide.center{
    font-size: 2vw;
    -webkit-transform: translate(0, -10vh);
    -moz-transform: translate(0, -10vh);
    -ms-transform: translate(0, -10vh);
    -o-transform: translate(0, -10vh);
    transform: translate(0, -10vh);
    margin-top: 0;
    bottom: 0;
}

[data-model="covers"] .slide .content > h4,
[data-model="covers"] .slide .content > h1{
    font-size: 5vw;
    /* margin: 0.67em 0; */
}

[data-model="covers"] .slide .content > h5,
[data-model="covers"] .slide .content > h2{
    font-size: 4vw;
}

[data-model="covers"] .slide .content > p{
    font-size: 2.6vw;
    /* padding-top: 1vw; */
}

[data-type="quicklinks-block"] > li h3{
    font-size: 3rem;
}

/*
# FOUR SQUARE
*******************/

.row.foursquare{
    min-height: 420px;
}
.row.foursquare article > h1{
    padding-left: 12px;
    padding-right: 32px;
    left: 72px;
}

.row.foursquare article > p, .row.foursquare article > h2 {
    padding-left: 36px;
    padding-right: 36px;
}


.row.content.hp article > h1{
    color: #0092F5;
    /*font-size: 2.2rem;*/
}

.row.content.hp article > h2{
    color: #4a4a4a;
    /*font-size: 2.2rem;*/
}

/*
# GALLERY
***************/

.gallery {
    padding-left: 0px;
    padding-right: 0px;
}

.gallery .gallery-info{
    padding-left: 32px;
    padding-right: 32px;
}



/* fix iOS bug not displaying 100vh correctly */
/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    html,
    .row.cover,
    [data-model="covers-wrapper"]{
        height: 768px;
        min-height: 768px;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    html,
    .row.cover,
    [data-model="covers-wrapper"]
    {
        height: 1024px;
        min-height: 1024px;
    }
}
/* iphone5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    html ,
    .row.cover,
    [data-model="covers-wrapper"]{
        height: 100vh;
        min-height: 100vh;
    }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    html,
    .row.cover,
    [data-model="covers-wrapper"]{
        height: 100vh;
        min-height: 100vh;
    }
}