/* Shared layout foundation (used across templates/pages) */

/* Base */

body {
  font-family: 'Oxygen', sans-serif;
  font-size: 14px; font-weight:300;
  line-height: 1.45em;
  color: #222;
  background: #fff;
  -webkit-font-smoothing: antialiased !important;
  border-top:5px solid #222;
  border-bottom:5px solid #222;
}

h1 { font-size: 32px;	font-weight:bold; color:#fff; line-height:1em; }
h2 { font-size: 16px; font-weight:bold; color:#222; }
h3 { font-size: 14px;	font-weight:bold; color:#333; text-transform:uppercase; }
h1, h2, h3, h4, h5, h6 { margin:0; }
a { color:#222; }

.center-contain { display:table; position:relative; height:100%; width:100%; }
.centered-element { display:table-cell; vertical-align:middle; }
.dontshow, .nav-br { display:none; }
a:hover { text-decoration:none; }

.feedflare { display:none; }

/* Header */
header {
  text-align: center;
}
#logo-section {
  text-align: left;
  position: relative;
  padding: 15px 0 25px;
}
#logo-section img {
  width: 250px;
  margin: 0;
  margin-top: 20px;
}
#logo-section p {
  font-size: 13px;
  font-weight: 400;
  text-align: right;
  text-transform: uppercase;
  margin-bottom: 15px;
  margin-top: 30px;
}
.banners {
  text-align: center;
  width: 100%;
  padding: 25px 0 0;
}

#header-topright {
  float: right;
  width: 70%;
}
#header-topright #subscribe {
  display: none;
  width: 280px;
  margin: 20px 0 15px;
}
.header-navbar {
  display: block;
  float: none;
}

/* Scrolling News Feed */

#scrolling-feed { height:48px; border:1px solid #222; background:#001759; text-align:center; margin:0 auto; position:relative; overflow:hidden; }
#scrolling-title {
  display:none;
  width:120px; box-sizing:border-box; background:black; border-right:1px solid grey; margin:0; padding:10px 0; position:relative; z-index:10; float:left;
}
#scrolling-title p { padding:0; margin:0; font-size:16px; font-weight:bold; }
#scrolling-window { width:800px; box-sizing:border-box; margin:0; padding:10px 0; overflow:hidden; position:relative; top:0; left:0; text-indent:-9999px; float:left; }
#scrolling-content { position:fixed; top:-200px; left:170px; width:100%; text-align:left; padding:0; z-index:9; margin:0; }
.scrolling-part { display:block; margin:0; padding:0; font-size:0; float:left; }
.scrolling-part a { color:#fff; font-size:13px; line-height:48px; padding:0 10px; }
.scrolling-part a:hover { color:#fff; text-decoration:none; }

.moveit {
  top:0px !important; position:absolute !important;
  animation-name:slideleft;
  animation-duration:30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.pauseit { -webkit-animation-play-state: paused; animation-play-state: paused; }

/* Footer */
footer {
  border-top: 5px solid #e7e7e7;
  padding: 25px 0 35px;
}
footer p {
  font-size: 12px;
  margin: 0;
  padding: 0;
}
footer #footer-left {
  text-align: left;
  padding: 10px 0 0;
}
footer #footer-center {
  text-align: center;
}
footer #footer-center img {
  max-width: 120px;
}
footer #footer-center p {
  font-size: 11px;
  margin-top: 5px;
}
footer #footer-right {
  text-align: right;
  padding: 10px 0 0;
}
footer #footer-right p a {
  text-decoration: none;
  color: #3a3f52;
  font-size: 16px;
  font-weight: 400;
}
footer #footer-right img {
  width: 100%;
  max-width: 120px;
  margin-top: 15px;
}
footer #footer-right a:hover {
  color: #000;
}

/* Privacy */

#privacy h1 { color:#222; text-align:center; font-size:32px; margin-top:10px; }
#privacy h2 { font-weight:bold; margin:25px 0 10px; }
#privacy h4 { text-align:center; margin-top:10px; }

/* Articles */

.article-page { padding:15px 0 50px; }
.article-page h1 { text-align:center; color:#222; line-height:1.15em; font-size:36px; }
.article-banner { position:relative; text-align:center; margin-bottom:35px; }
.article-banner img { display:inline-block; max-width:500px; }
.article-content p { font-size:15px; line-height:1.65em; }

/* Template-specific and malleable homepage structure */

/* Homepage */

#main-section.container { padding:0 25px 25px; }
#main-right { width:300px; margin-left:30px; float:right; margin-top:20px; padding:0 25px 25px; border:1px solid #dadada; background:#f1f1f1; border-radius:15px; }
.ad-slot { width:280px; margin-bottom:20px; }
.ad-slot a, .ad-slot a img { width:100%; display:block; }
hr { border-top:1px solid grey; }

#main-section-content { padding-top:5px; }
#main-left { width:calc(100% - 330px); float:left; }
#main-banner {
  box-sizing:border-box; border:2px solid grey;
  float:left; width:65%; height:250px; padding-left:40px; position:relative;
  background-image:url("../images/article-debtrelief.jpg"); background-size:cover; background-position:center bottom;
}
#main-banner h1 { margin-bottom:15px; font-size:36px; }
#main-banner h2 { font-size:18px; color:#fff; padding-bottom:8px; }

#side-banner {
  box-sizing:border-box; border:2px solid grey;
  float:left; width:calc(35% - 25px); height:250px; position:relative; padding-left:30px; margin-left:25px;
  background-image:url("../images/article-money.jpg"); background-size:cover; background-position:center top;
}
#side-banner h1 { font-size:28px; margin-bottom:15px; }
#side-banner h2 { font-size:14px; color:#fff; padding-bottom:8px; }

#main-banner:hover, #side-banner:hover { border:2px solid #3a3f52; }
#main-banner p.banner-btn, #side-banner p.banner-btn { display:inline-block; color:white; margin:0; margin-top:10px; }
#main-banner:before, #side-banner:before { content:''; position:absolute; top:0; left:0; height:100%; width:100%; background:rgba(0,0,0,0.45); }

.comingsoon { cursor:default; }
#content { margin-top:25px; }
#offers { margin-top:45px; }
#offers .exit-row { margin-bottom:20px; }
.offer-btn { display:none; }
#content h3 { margin:10px 0; }
.news-article { margin-bottom:20px; }
.news-article .more { display:none; }

/* News Headline */

#news-headline { margin-bottom:10px; }
#news-headline .news-headline-left { width:55%; float:left; padding-right:30px; }
#news-headline .news-headline-right { width:45%; float:right; }
#news-headline .news-headline-right h1 { color:#444; margin:25px 0 0; font-size:40px; }
#news-headline .news-headline-left img { width:100%; }

#news-headline .news-article .news-left { width:50%; float:left; height:100%; overflow:hidden; }
#news-headline .news-article .news-right { float:right; width:50%; padding:25px; }

#news-headline .news-article .news-left { max-height:340px; overflow:hidden; }
#news-headline .news-article .news-left img { width:100%; }
#news-headline .news-article h2 { font-size:32px; line-height:1em; font-weight:700; }
#news-headline .news-article p { padding-top:15px; font-size:16px; }
#news-headline .news-headline-article h2 { font-size:32px; line-height:1em; font-weight:700; }
#news-headline .news-headline-article p { padding-top:15px; font-size:16px; }

/* News Topics */

#news-topics { margin-bottom:25px; }
#news-topics img { display:none; }
#news-topics .select-topic { float:left; width: calc(50% - 40px); padding:10px 15px; margin-right:40px; background-color:#f1f1f1; margin-top:24px; border:1px solid #dadada; }
#news-topics .select-topic h2 { font-size:16px; padding-bottom:5px; line-height:1.15em; color:#001759; }
#news-topics .select-topic p { line-height:1.15em; margin-bottom:0; }
#news-topics .select-topic h3 {
  font-family: 'Lora', sans-serif; font-size:18px; text-transform:uppercase; font-weight:bold;
}
/* #news-topics .select-topic:first-child { border-right:1px solid black; } */

/* News Wall */

#news-wall .news-article {
  float:left; width: calc(50% - 10px); padding:0 25px; height:130px;
}
#news-wall .news-article { padding:20px 0; }
#news-wall .news-article .news-left { display:none; width:25%; float:left; height:100%; overflow:hidden; }
#news-wall .news-article .news-right { float:right; width:100%; padding-left:0; }
#news-wall .news-article:nth-child(even) { float:right; }
#news-wall .news-article a { cursor:pointer; text-decoration:none; color:#3a3f52; }
#news-wall .news-article a:hover h2 { opacity:0.75; }
#news-wall .news-article .news-img { max-width:100%; }
#news-wall .news-article .news-img img { width:100%; }
#news-wall .news-article h2 { font-size:18px; font-weight:bold; max-height:45px; overflow:hidden; max-width:320px; }
#news-wall .news-article p { padding-top:8px; font-size:14px; max-height:50px; overflow:hidden; margin-bottom:0; }
#news-wall .news-article .more { display:none; }
#news-wall .wall-title h3 {
  font-family: 'Lora', sans-serif; font-size:18px; text-transform:uppercase; font-weight:bold; padding:5px 0;
}

.news-secondary { padding:10px 0; }
.news-secondary h2 { font-size:14px; font-weight:400; color:#555; }
.news-secondary .news-article { padding:0; margin:0 0 10px; }
.news-secondary img, .news-secondary p, .news-secondary .feedflare { display:none; }
.news-secondary .more { display:none; }

.news-sidebar { padding-top:20px; }
.news-sidebar .right-title { background:#001759; color:white; padding:5px; text-align:center; margin-bottom:20px; }
.news-sidebar img { display:none; }

#news-headline .news-article .post-date,
#news-topics .select-topic .post-date,
#news-wall .news-article .post-date { margin-top:5px; font-size:12px; font-style:italic; display:none; }

/* Subscribe Section */

#subscribe-insert { border-bottom:1px solid grey; padding:15px 0; }
#subscribe { width:100%; }
#subscribe-copy { margin-right:25px; }
#subscribe-copy p { line-height:20px; margin-top:10px; font-size:10px; line-height:1.1em; }
#subscribe input { width:65%; height:40px; padding-left:15px; float:left; color:#222; font-size:14px; border:1px solid grey; outline:0; }
#subscribe button { width:35%; height:40px; float:left; background:#222; color:#fff; border:none; font-size:13px; border:1px solid #222; z-index:2; outline:0; }
#subscribe button:hover { background:grey; border:1px solid grey; }
#subscribe .parsley-error { border:1px solid red; }
#subscribe-error, .parsley-errors-list { position:absolute; }
.parsley-custom-error-message { position:absolute; top:100%; right:0; color:red; font-size:11px; list-style-type:none; }
.subscribed-msg { text-align:center; text-transform:uppercase; font-weight:bold; padding:15px; border:1px solid #fff; background:green; color:white; }

/* Responsive Queries */

@media (max-width: 1200px) {
  h2, #news-wall .news-article h2 { font-size:17px; }
  #main-banner, #side-banner { height:220px; }
  #main-banner h1 { margin-bottom:10px; font-size:28px; }
  #main-banner h2 { font-size:16px; }
  #side-banner h1 { margin-bottom:10px; font-size:20px; }
  #side-banner h2 { font-size:13px; }
  #news-wall .news-article { height:140px; }
  #news-wall .news-article h2 { max-height:38px; }
  #news-wall .news-article p { max-height:50px; }
  .news-secondary h2 { font-size:12px; }
}

@media (max-width: 992px) {

  #main-left {
    margin-top: 20px;
  }

  #logo-section p {
    font-size: 12px;
  }
  #subscribe-copy p {
    margin-top: 0;
  }
  .banners { margin-left:-15px; }
  #main-banner, #side-banner { padding:0 15px; }
  
  #news-headline { border-bottom:0; }
  #news-headline .news-headline-left, #news-headline .news-headline-right { width:100%; padding:0 0 20px; }

  #news-wall .news-article,
  #news-headline .news-article .news-left,
  #news-headline .news-article .news-right { width:100%; height:auto; padding:10px; }
  #news-wall .news-article { padding:10px 0; }
  #news-headline { margin-bottom:0; }
  #header-topright {
    text-align: left;
    padding: 0;
  }
  /* #header-topright img { width:120px; } */
  .header-navbar { position:relative; padding:0; top:0; }

  #content { margin-top:0; }
  #news-topics { text-align:center; padding:10px 0; }
  #news-topics .select-topic {
    float:none; text-align:left;
    display:inline-block;
    max-height:100%;
    min-height:80px;
    border: 1px solid grey;
    height: auto;
    overflow: hidden;
    padding:15px; width:100%; margin:15px 0;
  }

  #news-wall .news-article h2 { max-height:200px; overflow:visible; }
  #news-wall .news-article p { max-height:200px; overflow:visible; }
  footer #footer-right p a { font-size:13px; }

}

@media (min-width:767px) {
  .container { padding-left:5px; padding-right:5px; }
}

@media (min-width: 767px) and (max-width: 1200px) {
  #logo-section {
    text-align: center;
  }
  #logo-section > a {
    display: inline-block;
  }
  #logo-section p {
    text-align: center;
  }
  #header-topright {
    float: none;
    width: 100%;
    clear: both;
    text-align: center;
    padding: 0;
  }
}

@media (max-width: 767px) {

  body {
    padding:0;
  }

  #header-topright {
    width: 100%;
    float: none;
  }

  #header-topright #subscribe {
    float: none;
    width: 100%;
    display: none;
  }

  .container {
    padding: 0;
  }

  #logo-section {
    text-align: center;
    padding: 15px 0;
  }

  #logo-section img {
    width: 240px;
    margin-top: 15px;
  }

  #logo-section p {
    font-size: 14px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0;
    padding:0 30px;
  }

  .banners {
    display: none;
  }

  #subscribe { width:100%; }
  /* #subscribe-copy { display:none; } */
  h1 { font-size: 18px;	}
  h2 { font-size: 14px;	}
  h3 { font-size: 14px;	}

  #news-headline .news-headline-right { padding:0 20px 20px; }

  #main-left { float:none; width:100%; padding:0; }
  #main-right { float:none; width:100%; padding:0; margin:15px auto 25px; padding:15px 15px 25px; text-align:center; }

  #main-banner, #side-banner { padding:0; margin:0; height:120px; width:100%; text-align:center; }
  #main-banner h1, #side-banner h1 { font-size:22px; }
  #main-banner h2, #side-banner h2 { display:none; }
  #main-banner p.banner-btn, #side-banner p.banner-btn { margin-top:0; }
  #main-banner { margin:0 0 20px; }

  #news-wall .news-article h2 { font-size:13px; }

  /* .news-sidebar { margin-top:10px; } */
  .news-secondary { text-align:center; padding:20px 0 10px; }
  .secondary-news-col { padding:0; }

  #privacy h1 { font-size:20px; }
  .article-page h1 { font-size:26px; }
  .article-banner img { display:inline-block; max-width:100% }

  footer {
    padding: 25px 0;
  }
  footer p {
    font-size: 12px;
    line-height: 14px;
  }
  footer #footer-left {
    padding-top: 0;
    text-align: center;
  }
  footer #footer-right {
    padding-top: 20px;
    text-align: center;
  }

}

@media (max-width: 480px) {

  #news-headline .news-headline-right h1 { font-size:32px; }
  #scrolling-feed { height:40px; }
  #scrolling-title { width:80px; }
  #scrolling-title p, .scrolling-part a { font-size:12px; }
  .scrolling-part a { line-height:40px; }
  #logo-section p { font-size:12px; }
  /* #logo-section p span { display:block; } */
  #logo-section .mobile-hide { display:none; }
  /* .nav-br { display:block; } */
  #main-section.container { padding:0; border:none; }
  .news-secondary, .news-sidebar { padding-left:15px; padding-right:15px; }
  .article-page h1 { font-size:18px; }
  .article-content p { font-size:13px; }
  #news-topics, #news-wall, #main-right { padding:15px; }
  #main-right { margin:0 15px 25px; width:auto; }
  #news-topics { margin-bottom:0; }
  footer { padding:20px 15px; }

}