/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 5, 2016, 4:40:50 PM
    Author     : InPlayer-Mile
*/
@media screen and (min-width: 1551px){
    .skysbanners {
        width: 1600px;
        left: calc(((1600px - 100%) / 2) * (-1));
    }
}

@media screen and (max-width: 1500px){
    .skysbanners{
        display: none;
    }
}

@media screen and (max-width: 1300px) {
    .latest-label h2 {
        padding-left: 40px;
    }
    div#content-wrap {
        margin-top: -55px;
    }
    .story-label {
        margin-top: -155px;
        padding-bottom: 120px;
        background: white;
    }
    .container-flex.article-page {
        width: calc(100% - 50px);
    }
    .row.latest-news-border {
        border: 0;
       /* border-bottom: 20px solid black;*/
    }
    .frame-border{
        width: 100%;
        height: auto;
        padding: 0 !important;
    }
    .network-landing-mustread {
        background : -moz-linear-gradient(17.37% -56.87% -45deg,rgba(240, 45, 53, 1) 0%,rgba(255, 81, 184, 1) 100%);
        background : -webkit-linear-gradient(-45deg, rgba(240, 45, 53, 1) 0%, rgba(255, 81, 184, 1) 100%);
        background : -webkit-gradient(linear,17.37% -56.87% ,82.63% 156.88% ,color-stop(0,rgba(240, 45, 53, 1) ),color-stop(1,rgba(255, 81, 184, 1) ));
        background : -o-linear-gradient(-45deg, rgba(240, 45, 53, 1) 0%, rgba(255, 81, 184, 1) 100%);
        background : -ms-linear-gradient(-45deg, rgba(240, 45, 53, 1) 0%, rgba(255, 81, 184, 1) 100%);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F02D35', endColorstr='#FF51B8' ,GradientType=0)";
        background : linear-gradient(135deg, rgba(240, 45, 53, 1) 0%, rgba(255, 81, 184, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F02D35',endColorstr='#FF51B8' , GradientType=1);
        padding-left: 20px !important;
        /* padding-bottom: 20px; */
    }
    .about-membership-wrap {
        padding-top: 60px;
    }
    .network-other-top-story{
        height: 140px;
    }
    .other-top-story-container.network-other-top-story{
        margin-top: 20px;

    }
    img.logo-img.logo-small, a.logo-small{
        display: none;
    }
}

@media screen and (min-width: 1300px){
    div#content-wrap{
        margin-top: -55px;
    }
    img.logo-img.logo-small, a.logo-small{
        display: none;
    }
    .story-label {
        width: calc(((100% - 1300px) / 2) + 866.66px ) !important;
        margin-top: -155px;
        background: white;
        padding-bottom: 115px;
    }
    a.loggedout-gotonetwork {
        right: -20px;
    }
    .container-flex {
        width: 1300px;
    }
    h1{
        font-size:50px;
        line-height:56px;
    }
    h2{
        font-size:30px;
        line-height:34px;
    }
    h3{
        font-size:26px;
        line-height:30px;
    }
    h4{
        font-size:20px;
        line-height:24px;
    }

    .latest-label {
        margin-left:10px;
    }
    .top-story-desc {
        min-height: 169px;
    }
    .top-stories-label{
        /*margin-left: calc((100% - 1300px) / 2);*/
        margin-left:20px;
    }
    .top-stories-label h2{
        margin-top:11px;
    }
    .latest-label {
        padding-left: calc((100% - 1300px) / 2) !important;
    }

    .fe-events-page-wrap {
        /* margin-top: -64px; */
    }
    .fe-events-page-wrap h2 {
        text-align: right;
    }
    .featured-events-landing h2 {
        text-align: left;
    }
    .network-other-top-story{
        height: 170px;
    }
    .other-top-story-container.network-other-top-story{
        margin-top: 20px;
        height:140px;
    }
    
    .wraper-take-over-advertise { 
         background: url(https://css-tricks.com/examples/FullPageBackgroundImage/images/bg.jpg) no-repeat center center fixed; 
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
         /*padding-top: 90px;*/
         padding-bottom: 90px;
     }
}