/*
Last Updated: May 6, 2017
*/

* {
  box-sizing: border-box;
}

body {
  font-family: 'Playfair Display', serif;
  font-size: 20px;
  line-height: 1.4;
  margin: 0;
}

.clearfix:after {
    content:"";
    display:block;
    clear:both;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

img {
  max-width: 100%;
  height: auto;
}

.wrapper {
  background: #f5f5f5;
}

main {
  margin: 20px auto;
  max-width: 1200px;
}

header {
  /*background: url(/sites/default/files/7LM-J-HANDS-TALKING-MALCO.jpg) top center #393a46;*/
  /*background-size: cover;*/
  /*padding-top: 350px;*/
  background: black;
  text-align: center;
  overflow: auto;
}

header h1 {
  margin: 0;
  font-size: 36px;
  background: rgba(58,58,70,.9);
  padding-top: 10px;
  padding-bottom: 20px;
}

header h1 a:link,
header h1 a:visited {
  color: white;
  font-family: Georgia, Times, "Times New Roman", serif;
  text-decoration: none;
}

nav {
  background: rgba(58,58,70,.9);
}

nav ul {
  list-style: none;
  margin-top: 0;
  padding-bottom: 20px;
  margin-bottom: 0;
}

nav li {
  display: inline-block;
}

nav a:link,
nav a:visited {
  color: white;
  font-family: 'Roboto Slab', serif;
  font-size: 20px;
  text-decoration: none;
  padding: 10px;
}

nav a:hover {
  color: #e11837;
}

.section_main {
  float: left;
  margin-top: 20px;
  max-width: 850px;
}

.section_main article {
  margin-bottom: 20px;
}

.sidebar {
  float: right;
  max-width: 300px;
  margin-top: 20px;
  margin-left: 50px;
}

.stream {
  background: #e11837;
  color: white;
  margin-bottom: 20px;
  overflow: auto;
}

.stream h1 {
  float: left;
  font-size: 16px;
  margin: 0;
  padding: 15px;
  width: 125px;
}

.stream h1::before {
  content: "\f04b";
  font-family: "FontAwesome";
  padding-right: 5px;
}

.stream_content {
  background: #292929;
  float: left;
  font-size: 16px;
  padding: 15px;
  max-width: 1075px;
}

.stream_content a:link,
.stream_content a:visited {
  color: white;
  text-decoration: none;
}

.stream_content a:hover {
  text-decoration: underline;
}

.stream p {
  margin: 0;
}

.post_main {
  background: white;
  overflow: auto;
}

.post_main_img {
  float: left;
  margin-right: 20px;
  max-width: 300px;
}

.section_main .post_main_img {
  max-width: 200px;
}

.post_main h1 {
  margin: 0;
}

.post_main h1 a:link,
.post_main h1 a:visited {
  color: black;
  font-size: 36px;
  text-decoration: none;
}

.post_main h1 a:hover {
  color: #e11837;
}

.post_main_date {
  color: #0173d5;
  font-size: 22px;
  margin: 10px 0;
}

.post_main_body {
  color: #565656;
  /*float: left;*/
  /*max-width: 900px;*/
  padding: 20px 30px;
}

.section_main .post_main_body {
  /*max-width: 650px;*/
}

.pager {
  font-size: 0.8em;
}

.email_signup {
  background: #596980;
  color: white;
  margin-top: 20px;
  padding: 15px;
  width: 100%;
}

.email_signup h1 {
  font-size: 22px;
  margin-top: 0;
}

.email_signup label {
  font-size: 16px;
  margin-bottom: 15px;
}

.email {
  border: medium none;
  height: 35px;
  padding: 5px 14px;
  width: 75%;
  float: left;
}

.button {
  background: #475466 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  cursor: pointer;
  height: 35px;
  padding: 5px 14px;
  text-transform: uppercase;
}

.promo-elal {
  background: #0094F3;
  color: white;
}

.promo_inside {
  padding: 20px;
}

.promo-elal a:link,
.promo-elal a:visited {
  color: white;
}

footer {
  background: #393a46;
  color: white;
  padding: 5px;
  margin-top: 20px;
  text-align: center;
}