/*
#315c89   logo blue
#ed1b24   logo red

312f2f
*/
.search-group { width:350px; }


/*footer {
   background-color:#191919;
   color : #ffffff;
   margin-top : 1em;
   padding-top:2em;
   padding-bottom : 2em;
}*/

h4.comments {font-family: 'Lato', sans-serif; font-size:18px; color:#335c8a;} 
.teaser-big { margin-bottom:60px;}

.viewmore { padding-top : 20px; padding-bottom : 20px;}

.author-date { padding-right : 20px; border-right:1px solid #e5e8ed;}

.teaser-small { margin-top:30px; margin-bottom:30px; padding-bottom:2em; border-bottom:1px solid #e8e9ed;}
 
.teaser {
   padding-left : 2em; 
}

.lbl-video,.videotitle {font-size:36px; font-family: 'PT Serif', serif; }


.lbl-video { color:  #fc0400; padding-right : 0.5em;}
.videotitle { color : #aaaaaa; }
.space { margin-top:60px;}
.title-line { margin-bottom : 10px; }
.grayback { background-color: #191919; padding-top:3em;padding-bottom:3em;}
.descript,.stylebycategory { margin-left : 10%; margin-right : 10%; }
.imgthumb { width:100%; height:auto; padding-top:5px; margin-right:10px;} 

.listtitle { font-size:23px; color : #333333; font-family: 'PT Serif', serif; font-weight : 600; }

/*//.edpick-teaser,.morelikethis-teaser { padding-top:1em; max-width:320px;}*/


/*//.contributor-teaser { background-color: #fafafa; padding:0.5em; max-width:320px;}*/
.teaser-line, .teaser-line-small {font-family: 'PT Serif', serif; font-size:18;color:#333333;line-height:30px; margin-top:10px;margin-bottom:25px;}


.edpicktitle {display:block; color : #333333; line-height:26px; font-family: 'PT Serif', serif;font-size:16px; padding-bottom:0.8em; }

.edpick-teaser {border-bottom : 1px solid #dadada;}

.moretitle { color : #333333; line-height:26px; font-family: 'PT Serif', serif;font-size:16px; padding-bottom:0.8em; }
.block-title { padding-left:10px;}


.block-editors-pick { background-color: #ebebeb; padding:2em;}
.block-contributors,.block-aboutme,.block-alsobyme,.block-morelikethis  { background-color: #f2f2f2; padding:2em;}

.lbl-light {  text-transform:uppercase; font-size:12px; font-family:'PT Serif',serif; color:#cbcbcb; }
.lbl-tax {  text-transform:uppercase; font-size:12px; font-family:'PT Serif',serif; color:#ffffff; background-color:#ccd1d7;}
.tag {  text-transform:uppercase; font-size:12px; font-family:'PT Serif',serif; color:#999999; }
.navbar-brand { padding : 4px; margin:0px;}
   
.label-top,.label-picks { text-transform:uppercase; font-family: 'Lato', sans-serif; font-size:12px; color:#f2f2f2;}
.label-top { background-color : #fc0400; }
.label-picks { background-color : #2c64a3; }


.auth-block { margin-bottom : 10px; }
.about-author { padding-top:10px; border-top : 1px solid #dadada; color:#999999;}


.label-light {  background-color : #cecece;  font-family: 'Lato', sans-serif;}

.meta-info { margin-bottom:30px;}


img.thumb { width:50px; height:50px; float:left;margin-right:15px;}

ul.publishedbyat { list-style : none; }

h1 {
   font-size:72;
   color : #222222;
   font-family: 'PT Serif', serif;
   margin-top:30px;
   font-weight:600;
}



.navbar-default .navbar-collapse {
  min-height : 50px;
  background-color: #ffffff;
}

div.banner {
margin-left : -15px;
margin-right : -15px;
padding-left : 0;
padding-right : 0;
}

div.navbar-collapse {
   border-top-style : solid;
   border-top-width : 1px;
   border-top-color : #111111;
}

body {
        font-family: 'PT Serif', serif;
	padding-top: 50px; 
        font-size : 16px;
/*//        line-height : 1.5;*/
/*//        letter-spacing : 1px;*/
}

@media (max-width: 991px)
{
body {
/*//	padding-top: 12em; */
}
}

@media (max-width: 768px)
{
body {
/*//	padding-top: 3em; */
        font-size : 16px;
        line-height : 1.5;
}
}



@media (min-width: 768px)
{
.search-navform {
   display : none;
}
}

@media (max-width: 768px)
{
div.footer-support > p, div.footer-about > p
{
  display : inline;
  padding-left : 1em;
  padding-right : 1em;
}
}

ul.navbar-nav > li > a {
   font-family: 'Lato', sans-serif;
   font-size : 17px;
   letter-spacing : 1.2;
   /*//text-transform : uppercase;*/
   padding-left : 0.5em;
   padding-right : 0.5em;
   color : #0000ff;
   /*//font-weight : 700;*/
}

.share-buttons{
	list-style: none;
}

.share-buttons li{
	display: inline;
}

div.top-bar {
   padding-top : 0.2em;
   padding-bottom : 0.2em;
   height :2.4em;
}


div.top-list {
   float : right;
   display: inline-block;
}

ul.top-list  li {
    display:inline;
}

ol.breadcrumb > li {
   text-transform : uppercase;
   font-size:12px;
}

@media (min-width: 768px)
{

div.nodeshare {
   margin-top : 1em;
}

div.nodeshare > a {
   display : block;
   margin-top : 5px;
}
}


div.nodeshare-inline > a.fa-facebook,
div.nodeshare-inline > a.fa-twitter, 
div.nodeshare-inline > a.fa-google-plus,
div.nodeshare-inline > a.fa-linkedin,
div.nodeshare-inline > a.fa-rss,
div.nodeshare-inline > a.fa-envelope,
div.nodeshare-inline > a.fa-print 
{
   font-size : 1em;
   margin-left : 0.5em;
   padding-top : 0.5em;
   padding-left : 0.5em;
   color : #ccd1d7;
   height : 2.0em;
   width : 2.0em;
   border-radius : 10%;
}






div.footercenter > a.fa-facebook,
div.footercenter > a.fa-twitter, 
div.footercenter > a.fa-google-plus,
div.footercenter > a.fa-linkedin,
div.footercenter > a.fa-rss {
   font-size : 0.8em;
   margin-left : 0.2em;
   padding-top : 0.5em;
   color : #ffffff;
   height : 2em;
   width : 2em;
   border-radius : 50%;
}

a.fa-facebook:hover {
   background-color : rgb(59,89,152);   color : #ffffff;
}

a.fa-google-plus:hover {
   background-color :  #C63D2D;   color : #ffffff;
}

a.fa-twitter:hover { 
   background-color :  #33CCFF;   color : #ffffff;
}

a.fa-linkedin:hover { 
     background-color : #0e76a8;    color : #ffffff;
}

a.fa-rss:hover { 
    background-color : #fa9b39;   color : #ffffff;
}

a.fa-envelope:hover { 
     background-color :#666666;    color : #ffffff;
}

a.fa-print:hover { 
    background-color : #8080B2;   color : #ffffff;
}

div.inlineblock {
   display:inline;
}

/*footer {
  margin-top : 3em;
  padding-top: 2em;
  border-top-style: solid; border-top-width : 1px; border-top-color : #c1c2c3; 
}*/

.logodiv
{
  border-bottom-style: dotted; border-bottom-width : 1px; border-bottom-color : #315c89 ; 
}

img.logo {

  margin-left : auto;
  margin-right : auto;
}

.taxonomy, .date 
{ 
   font-family:'PT Serif',serif;
   font-size : 12px;
   color : #999999;
/*//   text-transform : uppercase;*/
}


.article-teaser {
   padding-top : 0.4em;
   padding-bottom : 0.4em;
/*   border-bottom-style: dotted; border-bottom-width : 1px; border-bottom-color : #c1c2c3; */
}

.edpick {
   padding-top : 0.5em;
   padding-bottom : 0.5em;
/*   border-bottom-style: dotted; border-bottom-width : 1px; border-bottom-color : #c1c2c3; */
}

.contributor {
   font-family: 'Lato', sans-serif;
   color : #2c64a3;
   font-size : 16px;
   letter-spacing:1.2;
}

.contributorname{
   font-family: 'Lato', sans-serif;
   color : #2c64a3;
   font-size : 15px;
   letter-spacing:1.2;
}

/*.contributor {
   text-transform : uppercase;
   font-size : 0.8em;
}

.contributorname {
   font-size : 1.2em;
}*/

article.contributor-teaser, article.edpick-teaser {
  display : table; width :100%;
}

article.contributor-teaser > img { float : left; width : 60px; height : 60px; border-radius:100%; margin-right:10px; margin-bottom : 5px;}


article.menu-teaser {
  width :15em;
  padding : 1em;
  margin-bottom : 0.5em;
  border-bottom : 1px solid #dadada;
}

a.menu-title { display:block; font-size : 1.0em; color : #000; font-family: 'PT Serif', serif;}


.navbar-inverse {
  background-color: #000; /*//#312f2f;*/
  border-color: #080808;
}

.goToTop {
  position: fixed;
  top: 0;
  height: 70px;
  z-index: 1;
}

ul.topbar {
   list-style:none;
   position:fixed;
   top:0;
   z-index:1;
}

ul.topbar > li 
{
   display:inline;
}

.yamm-content {
  background-color: #ffffff;
}

.navbar-default {
  min-height : 50px;
  background-color: #ffffff;
}

.navbarlogo {
   padding-top : 5px;
}
/*
#q {
  height : 2em;
  line-height : 1.4;
}*/

/*
.row { margin-left : 1.5em; margin-right : 1.5em; }
.column { padding-left : 1em; padding-right : 1em; }  
*/


.bigimg {width : 100%; height:auto; margin-bottom : 5px;} 

img.imgthumb {  max-width : 150px; width : 100% ; height:auto; }

img.hidelogo { visibility : hidden;}
 

.today {
   font-size : 0.8em;
   font-weight : 600;
   padding-left: 1em;
}

.signin {
   font-weight : 600;
   padding-left: 1em;
   padding-right : 1em;
}



a.more { color:#315c89;}

article.contributor-teaser { margin-bottom : 0.5em; }

h2 { font-family: 'Lato', sans-serif;font-size : 1.6em; text-transform : uppercase; border-bottom-style: solid; border-bottom-width : 1px; padding-bottom : 0.2em; border-bottom-color : #d1d2d3;} 

/*//.bigtitle { font-size : 2.2em; color : #000; font-family: 'PT Serif', serif;}*/

.bigtitle { font-size : 2.2em; color : #000; }

/*//a.title { display:block; font-size : 1.5em; color : #000; font-family: 'Georgia', serif;}*/
a.title { display:block; font-size : 1.5em; color : #000; }

/*//a.contributorname { font-size : 1.2em; color : #000; font-family: 'Georgia', serif;}*/


/*//a.edpicktitle { display:block; font-size : 1.2em; color : #000; font-family:'Georgia', serif;}*/
a.edpicktitle { display:block; font-size : 1.2em; color : #000; }


span.lbl { font-size:0.75em; font-weight:800; color : #000; text-transform : uppercase;}

/*//a.linktitle { display:block; font-size : 1.2em; color : #000; font-family: 'Georgia', serif;}*/
a.linktitle { display:block; font-size : 1.2em; color : #000; }

/*p.note { font-size : 0.9em; }*/
span.site { font-weight : 700; }
article.curated { margin-right : 1em; } 

h5 { font-size : 1.2em; text-transform : uppercase; } 
.footercenter { text-align : center; } 

/*

@media (max-width: 767px) {
.row { margin-left : 0.2em; margin-right : 0.2em; }
.column { padding-left : 0em; padding-right : 0em; }  
.bigtitle { font-size : 1.6em;}
}


@media (min-width: 768px) and (max-width: 991px) {
.row { margin-left : 0.5em; margin-right : 0.5em; }
.column { padding-left : 0.5em; padding-right : 0.5em; }  
.bigtitle { font-size : 1.8em;}
}

@media (min-width: 992px) {
.row { margin-left : 1.5em; margin-right : 1.5em; }
.column { padding-left : 1em; padding-right : 1em; }  
}

*/

/*
@media (max-width: 767px) {
section { margin-left : 0.2em; margin-right : 0.2em; }
}


@media (min-width: 768px) and (max-width: 991px) {
section { margin-left : 0.5em; margin-right : 0.5em; }
}

@media (min-width: 992px) {
section { margin-left : 1.5em; margin-right : 1.5em; }
}
*/
article.teaser {
   padding-bottom : 1em;
}

/* paid content styles start */

.title__lock__img--top-story {
    margin-left: 20px;
    width: 20px;
}

.title__lock__img--node-list {
    margin-left: 15px;
    width: 15px;
}

.title__lock__img--node-detail {
    margin-left: 15px;
    width: 20px;
}

.fewcents__banner--container {
    background-color: #e7e7e7;
}

.fewcents__banner--img {
    width: 60px;
    margin: auto;
}

.fewcents__banner--item-container {
    padding: 10px 0px;
    text-align: center;
}

.fewcents__text--title {
    font-family: nimbus-sans;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #19291e;
    margin-top: 0px;
}

.fewcents__text {
    font-family: nimbus-sans;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #6b6b6b;
    font-weight: 300;
}

/* paid content styles end */

/* Pin Node Styles Start */
.pin-node-container {
    padding: 20px;
}

.pin-node__holder {
    margin-top: 20px;
}

.pin-node__ul {
    list-style-type: none;
}

.pin-node__item {
    cursor: move;
    height: 50px;
    background: #ddd;
    padding: 15px;
    margin: 5px;
    font-family: 'PT Serif', serif;
    font-weight: bold;
    border-radius: 5px;
}

.pin-node__error--block {
    display: block;
}

.pin-node__item__edit {
    cursor: pointer;
    float: right;
}

.pin-node__item__delete {
    cursor: pointer;
    float: right;
    margin-left: 15px;
}

.pin-node__item__input {
    border: none;
    width: 100%;
    padding-left: 10px;
}

.pin-node__item__input__autocomplete {
    background: #fff;
    padding: 2px 10px;
    z-index: 9999;
    width: 100%;
    height: 30px;
    position: relative;
}

.pin-node__item__input__autocomplete:hover {
    background: #ececec;
    cursor: pointer;
}
/* Pin Node Styles End */

/* AadhaarEffect Marquee Style */
.heading__scrolling__area .whats__new__box {
    height: 40px;
    background-color: #133a82;
    padding-top: 4px;
}

.heading__scrolling__area .whats__new__box .whats--new--font {
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 20px;
    line-height: 1.65;
    text-align: left;
    color: #fcb116;
    margin-left: 40px;
    font-weight: normal;
}

@media(max-width: 410px) {
    .heading__scrolling__area .whats__new__box .whats--new--font {
        font-size: 16px;
        margin-left: 20px;
    }
}

.heading__scrolling__area .whats__new__box .aadhar--effect--font a {
    font-family: 'Roboto-Regular', sans-serif;
    color: #ffffff;
    font-size: 22px;
    padding-top: 4px;
    font-weight: bold;
    cursor: pointer;
}

@media(max-width: 410px) {
    .heading__scrolling__area .whats__new__box {
        font-size: 16px;
        padding-top: 10px;
    }
}

@media(max-width: 769px) {
    .heading__scrolling__area .whats__new__box {
        margin: 0 auto;
    }
}

.heading__scrolling__area .marquee {
    height: 40px;
    background-color: #103374;
    white-space: nowrap;
    overflow:hidden;
}

.heading__scrolling__area .marquee .title--scrolling--font a{
    font-family: 'DroidSerif', serif;
    font-size: 20px;
    line-height: 1.8;
    text-align: left;
    color: #ffffff;
    padding-top: 2px;
    white-space:nowrap;
}

.heading__scrolling__area .marquee a:hover {
    text-decoration: none;
}


/* Import Fonts for AE Book Banner */
/* Import Fonts start */
@import url("https://p.typekit.net/p.css?s=1&k=fno6vak&ht=tk&f=10793.10795.10797.26929.26930&a=3563384&app=typekit&e=css");

@font-face {
font-family:"nimbus-sans";
src:url("https://use.typekit.net/af/da0c19/00000000000000000001518d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/da0c19/00000000000000000001518d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/da0c19/00000000000000000001518d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-style:normal;font-weight:400;
}

@font-face {
font-family:"nimbus-sans";
src:url("https://use.typekit.net/af/360cf4/000000000000000000012544/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/360cf4/000000000000000000012544/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/360cf4/000000000000000000012544/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-style:normal;font-weight:700;
}

@font-face {
font-family:"nimbus-sans";
src:url("https://use.typekit.net/af/50ea52/00000000000000000001011c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/50ea52/00000000000000000001011c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/50ea52/00000000000000000001011c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-style:normal;font-weight:300;
}

@font-face {
font-family:"bressay";
src:url("https://use.typekit.net/af/9041c5/00000000000000003b9b218b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/9041c5/00000000000000003b9b218b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/9041c5/00000000000000003b9b218b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-style:italic;font-weight:400;
}

@font-face {
font-family:"bressay";
src:url("https://use.typekit.net/af/1f98d9/00000000000000003b9b218d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/1f98d9/00000000000000003b9b218d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/1f98d9/00000000000000003b9b218d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-style:normal;font-weight:400;
}

.tk-nimbus-sans { font-family: "nimbus-sans",sans-serif; }
.tk-bressay { font-family: "bressay",serif; }
/* Import Fonts end */


.book__banner__main_container {
    padding: 10px 40px;
    background: url('../img/bg-banner.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.book__banner--title--header {
    font-family: nimbus-sans;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #19291e;
    margin-top: 0px;
}

.book__banner--title--content {
    font-family: nimbus-sans;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #6b6b6b;
    font-weight: 300;
}

.book__banner--praise--content {
    font-family: bressay;
    font-size: 20px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #19291e;
}

.book__banner--praise--author {
    font-family: NimbusSan-Reg;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ec782d;
}

.book__banner--book-img__container {
    text-align: center;
    background-size: cover;
}

.book__banner--book-img {
    width: 50px;
    margin: auto;
}

.book__banner--button {
    width: 265px;
    height: 48px;
    border-radius: 2px;
    background-image: linear-gradient(to bottom, #fa9161, #f76b1c);
    box-shadow: -2px 2px 4px 0 rgba(216, 155, 154, 0.5);
    border: none;
    font-family: nimbus-sans;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #ffffff;
    font-weight: 600;
    float: right;
    margin-top: 15px;
}

/* Book Page Banner Media Query */
@media only screen and (max-width: 991px) {

    .book__banner--praise--content {
        margin-top: 30px;
    }

    .book__banner--button {
        float: none;
        display: block;
        margin: 15px auto;
    }

    .book__banner__main_container {
        background: url('../img/bg-mobile-banner.svg');
        padding: 20px 20px;
        background-size: cover;
        background-repeat: no-repeat;
    }

}

.newsletter-signup-modal--header {
    text-align: center;
}

.newsletter-signup-modal--title {
    font-family: nimbus-sans;
    color: #333333;
    font-weight: 400;
    font-size: 28px;
    text-align: center;
}

.newsletter-signup-modal--content {
    font-family: bressay;
    font-size: 18px;
    color: #333333;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
}

.newsletter-signup-modal--input--holder {
    width: fit-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    min-height: 50px;
    margin: auto;
}

.newsletter-signup-modal--input {
    width: 310px;
    height: 46px;
    border-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: solid 1px #979797;
    font-family: nimbus-sans;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    padding: 10px;
    float: left;
    margin-left: -71px;
}

.newsletter-signup-modal--button {
    width: 71px;
    height: 46px;
    border-radius: 2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #f0334a;
    padding: 12px;
    float: left;
    text-align: center;
    cursor: pointer;
    position: absolute;
    border: none;
}

@media only screen and (max-width: 279px) {

    .newsletter-signup-modal--title {
        font-size: 20px;
    }

    .newsletter-signup-modal--content {
        font-size: 16px;
    }

    .newsletter-signup-modal--input {
        width: 120px;
        font-size: 14px;
        height: 40px;
        margin-left: -42px;
    }

    .newsletter-signup-modal--button {
        height: 40px;
        width: auto;
    }

}

@media only screen and (min-width: 280px) {

    .newsletter-signup-modal--title {
        font-size: 22px;
    }

    .newsletter-signup-modal--content {
        font-size: 16px;
    }

    .newsletter-signup-modal--input {
        font-size: 16px;
        width: 170px;
    }

}

@media only screen and (min-width: 380px) {
    .newsletter-signup-modal--input {
        font-size: 16px;
        width: 200px;
    }
}

@media only screen and (min-width: 520px) {

    .newsletter-signup-modal--title {
        font-size: 28px;
    }

    .newsletter-signup-modal--content {
        font-size: 18px;
    }

    .newsletter-signup-modal--input {
        font-size: 18px;
        width: 310px;
    }

}

/* Article Loading container */

.loading-container--row {
    padding: 20px;
}

.article-loading--img {
    height: 250px;
    width: 100%;
    background-color: rgba(242, 242, 242, 1);
}

.article-loading--title {
    height: 100px;
    width: 100%;
    background-color: rgba(242, 242, 242, 1);
}

.article-loading--text {
    height: 30px;
    width: 100%;
    margin-top: 20px;
    background-color: rgba(242, 242, 242, 1);
}

.article-loading--container {
    padding: 20px;
}