/*
    Created on : 25-Nov-2015, 17:52:42
    Author     : Luis Ouriach @disco_lu
*/

/*

    Colours:

    Black: #0e0e0e

    Red: #ff0500
    Dark red: #b1181d

    Blue: #00bcfd
    Dark blue: #2f8bb1

    Yellow: #fee616
    Dark yellow: #b9ab10

    Grey: #e5e5e5
    Dark grey: #666666

*/

body {

    font-family: 'PT Serif', Georgia, serif;
    font-size: 16px;
    padding-top:66px;

}

.container--white {

    background: #fff;
    float: left;
    width: 100%;

}

/*

    Images

*/

img {

    height: auto;
    max-width: 100%;

}

.roundel {

    border-radius: 100%;
    display: inline-block;
}

.img--rounded {

    border-radius: 100%;
    box-shadow: 0 0 0 3px #fff, 0 0 0 4px #e5e5e5;

}

ul, ol {

    margin: 0;
    padding: 0;

}

/*

    Margins

*/

.mb-1 {

    margin-bottom: 1em;

}

.mb-2 {

    margin-bottom: 2em;

}

.mt-1 {

    margin-top: 1em;

}

.mt-2 {

    margin-top: 2em;

}

/* Positioning */

.d--none {

    display: none;

}

.d--block {

    display: block;

}

.d--inline-block {

    display: inline-block;

}

.d--flex {

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:flex !important;

}

.flow--columnwrap {

    flex-flow: column wrap;

}

.t-align--center {

    text-align: center;

}

.t-align--left {

    text-align: left;

}

.t-align--right {

    text-align: right;

}

.scroll {

    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;

}

.fleft {

    float: left;

}

.fright {

    float: right;

}

/*

    Links

*/

a, a:focus {

    color: #ff0500;

}

a:hover, a:active {

    color: #0e0e0e;

}

/*

    Headers

*/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

    margin: 0;

}

/*

    Lists

*/

.list--none {

    list-style: none;

}

.bullet {

    list-style: none;
    padding-left: .8em;
    position: relative;
    text-align: left;

}

.bullet:before {

    background: #ff0500;
    content: "";
    height: .5em;
    left: 0;
    position: absolute;
    top: .4em;
    width: .5em;

}

.bullet__blue:before {

    background: #00bcfd;

}

.bullet--title {

    font-size: 1em;

}

.bullet a {

    color: #0e0e0e;

}

.list--border {

    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 1em;
    padding-bottom: 1em;

}

.list--border:last-child {

    border: none;

}

/*

    Forms

*/

input[type=text], input[type=email], input[type=password], .button, textarea {

    border-radius: 3px;

}

input[type=text], input[type=email], input[type=password], textarea {

    width: 100%;

}

input[type=text], input[type=email], input[type=password] {

    border: 1px solid #e5e5e5;

}

input[type=text], input[type=email], input[type=password] {

    background: #fff;
    color: #666;
    height: 3em;
    line-height: 3em;
    padding: .5em 1em;

}

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {

    background: #fff;
    outline: none;

}

textarea {

    border: 2px solid #e5e5e5;
    padding: 1em;
    width: 100%;

}

.button {

    border: none;
    color: #fff;
    display: inline-block;
    font: 700 1em/3em 'Source Sans Pro', lucida sans, arial, sans-serif;
    padding: 0 2em;
    text-align: center;
    width: auto;

}

.button:hover {

    color: #e5e5e5;
    text-decoration: none;

}

.button--small {

    font-size: .8em;

}

.button__grey {

    background: #e5e5e5;
    color: #666;

}

.button__grey:hover {

    background: #666;
    color: #fff;

}

.button__red {

    background: #ff0500;

}

.button__red:hover {

    background: #b1181d;

}

.button__blue {

    background: #00bcfd;

}

.button__blue:hover {

    background: #2f8bb1;

}

.button__green {

    background: #009a49;

}

.button__green:hover {

    background: #00763a;

}

/*

    Icons

*/

.icon {

    background: url('https://g.europe.newsweek.com/www/img/redesign/sprite.png') 0 0 no-repeat transparent;
    display: block;
    height: 44px;
    text-indent: -9999px;
    width: 44px;

}

.icon--facebook {

    background-position: 0 -174px;

}

.icon--twitter {

    background-position: -54px -174px;

}

.icon--googleplus {

    background-position: -108px -174px;

}

.icon--linkedin {

    background-position: -162px -174px;

}

.icon--facebook__white {

    background-position: 0 -120px;

}

.icon--twitter__white {

    background-position: -54px -120px;

}

.icon--googleplus__white {

    background-position: -108px -120px;

}

.icon--linkedin__white {

    background-position: -162px -120px;

}

.icon--facebook--clean__white {

    background-position: 0 -222px;

}

.icon--twitter--clean__white {

    background-position: -54px -222px;

}

.icon--googleplus--clean__white {

    background-position: -108px -222px;

}

.icon--linkedin--clean__white {

    background-position: -162px -222px;

}

.icon--pinterest--clean__white {

    background-position: -203px -222px;

}

.icon--reddit--clean__white {

    background-position: -285px -222px;

}

.icon--tumblr--clean__white {

    background-position: -240px -222px;

}

.icon--whatsapp--clean__white {

    background-position: -333px -222px;

}

.highlight--rounded {

    border: 1px solid #e5e5e5;
    border-radius: 100%;
    display: inline-block;
    height: 2em;
    line-height: 2em;
    margin-right: .5em;
    text-align: center;
    width: 2em;

}

/*

    Pagination

*/

.pagination--link {

    background: #e5e5e5;
    border: 1px solid #e5e5e5;
    color: #666;
    display: block;
    padding: 1em;
    text-align: center;

}

.pagination--link:hover {

    background: #ff0500;
    color: #fff;
    text-decoration: none;

}

.pagination--link--current, .pagination--link--current:hover {

    background: #fff;
    color: #666;
    cursor: default;

}

.pagination--link__previous {

    flex-grow: 2;

}

/*

    Copyright

*/

.copyright {

    color: #fff;
    margin: .5em 0 1em;

}

/*

    Sections

*/

.section--float {

    float: left;
    margin-bottom: 2em;
    width: 100%;

}

.section--clear {
	clear: both;
}

.section--clear:after {
	display: table;
	content: " ";
	clear: both;
}

.section--border {
    margin: 2em auto;

}

.section--border__bottom {

    border-bottom: 1px solid;
    padding-bottom: 2em;

}

.section--border__top {

    border-top: 1px solid;
    padding-top: 2em;

}

.section--border__top, .section--border__bottom {

    border-color: #e5e5e5;

}

.section--heading {

    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 2em;
    position: relative;
    text-align: center;

}

.section--heading:after {

    background: #ff0500;
    bottom: -.5em;
    content: "";
    height: .1em;
    left: 50%;
    margin-left: -2.5em;
    position: absolute;
    width: 5em;
}

.section--page--header {

    color: #ff0500;
    font-weight: 700;

}

/*

    Articles

*/

.article--sponsored {

    background: #f3fbfe;
    margin-top: -1em;
    padding: 1em;

}

.article--sponsored--category a {

    color: #00bcfd;

}

.article--sponsored img {

    max-height: 260px;

}

.article--card--border {

    border: 1px solid #e5e5e5;
    padding: 1em;
    min-height: 240px;

}

.article--card img {

    margin-bottom: 1em;
    width: 100%;

}

.article--card .article--title {

    font-size: 1em;
    line-height: 1em;
    margin-bottom: .5em;

}

.article--title a {

    color: #0e0e0e;

}

.article--category a, .article--title a, .bullet a {

    font-family: 'Source Sans Pro', lucida sans, arial, sans-serif;
    font-weight: 700;

}

.article--category {

    text-transform: uppercase;

}

.article--related {

    margin-top: 1em;
    position: relative;

}

.article--related a {

    color: #0e0e0e;

}

/*

    Sidebar

*/

.sidebar .h2 {

    font-size: 1.2em;
    font-weight: 700;
    margin: 1em 0;
    text-transform: uppercase;

}

/*

    Big shots

*/

.big-shots {

    background: #e5e5e5;
    padding: 2em 1em;
    position: relative;

}

.big-shots--intro {

    border-bottom: 1px solid #666;
    padding-bottom: 2em;
    margin-bottom: 2em;

}

.big-shots--intro .h2 {

    font-size: 4em;
    letter-spacing: -3px;
    margin-bottom: .1em;
    text-transform: uppercase;

}

.big-shots--image-title, .big-shots--caption {

    font: 700 1em/1.3em 'Source Sans Pro', lucida sans, arial, sans-serif;

}

.big-shots--image-title {

    font-size: 1.5em;
    margin-bottom: .5em;

}

.big-shots--caption {

    margin-bottom: 2em;

}

.big-shots--image img {

    width: 100%;

}

/* Premium magazine content flag */

.premium--flag {

    background: rgba(255,30,33,.8);
    border-radius: 5px;
    color: #fff;
    font-family: 'Source Sans Pro', lucida sans, arial, sans-serif;
    font-size: .8em;
    font-weight: 700;
    padding: .2em .5em;
    text-align: center;
    text-transform: uppercase;

}

.premium--flag--button {

    left: 2em;
    position: absolute;
    top: 1em;

}

.video-counter--flag {

    background: rgba(0,0,0, .8);
    color: #FFFFFF;
    font-family: 'Source Sans Pro', lucida sans, arial, sans-serif;
    font-size: .8em;
    font-weight: 700;
    margin-left: .5em;
    padding: .1em .5em;
    position: absolute;
    text-align: center;
    text-transform: uppercase;

}

.video-counter--flag--grid {

    right: 2.2em;
    top: 1em;

}

.video-counter--flag--list {

    bottom: 2.2em;
    left: 1em;

}

.premium--flag--button__featured, .sidebar--article .premium--flag--button {

    right: 1em;

}

.premium--flag--button__left {

    left: .5em;
    right: auto;

}

.podcast--flag {

    color: #ff0500;
    display: block;
    font: 700 .8em/1em 'Source Sans Pro', lucida sans, arial, sans-serif;
    text-transform: uppercase;;

}

.podcast--flag i {

    margin-right: .2em;

}

/*

    Magazine issue

*/

.magazine-issue--this-week, .magazine-issue--date {

    font-family: 'Source Sans Pro', lucida sans, arial, sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.magazine-issue--headline {

    margin-bottom: 2em;
    padding-bottom: 1em;
    position: relative;

}

.magazine-issue--headline a {

    color: #0e0e0e;
    font-size: 2em;
    text-transform: uppercase;

}

.magazine-issue--headline:after {

    background: #0e0e0e;
    bottom: 0;
    content: "";
    height: .1em;
    left: 0;
    position: absolute;
    width: 70%;

}

.magazine-issue--this-week {

    background: #ff0500;
    color: #fff;
    display: block;
    line-height: 3em;
    margin: 0 auto;
    width: 7em;

}

.magazine-issue--date {

    font-size: 2em;
    line-height: 2em;

}

/*

    Voices

*/

.voices--author {

    display: none;

}

.voices .article--card img {

    margin: 0;

}

.voices .voices--author {

    background: #0e0e0e;
    color: #fff;
    display: block;
    padding: .5em 1em .5em;
    position: relative;

}

.voices .voices--author--padding {

    padding-left: 4em;

}

.voices .voices--author--image {

    left: .5em;
    position: absolute;
    top: -1.2em;

}

/*
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 : 02-Dec-2015, 17:32:17
    Author     : IBT-002
*/

@media all and (min-width: 481px) and (max-width: 990px) {

    .list--grid {

        display: inline-block;
        margin-right: 1%;
        vertical-align: top;
        width: 48%;

    }

    .list--grid.list--border {

        border: none;

    }

}

@media all and (max-width: 699px) {

    .pagination li {

        display: inline-block;
        margin-bottom: .3em;

    }

}

@media all and (min-width: 700px) {

    .pagination {

        display: flex;

    }

    .pagination li {

        flex: 1;

    }

}

@media all and (max-width: 991px) {

    img {

        width: 100%;

    }

    .article--card {

        margin-bottom: 2em;

    }

}

@media all and (min-width: 768px) {

    .headline--container {
        flex-flow: row nowrap;
    }

}

@media all and (min-width: 600px) {

    .article--container {
        flex-flow: row wrap;
    }


}

@media all and (min-width: 992px) {

    .article--featured, .article--card__center {

        position: relative;
        text-align: center;

    }

    .article--card .article--title {

        font-size: 1.5em;

    }

}