/*Article*/


/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

div.container {
max-width:930px;
}
.articleSidebar {
float:right;
}
.body .articleCategory {
font-family:'Freight Sans Bold';
font-size:18px;
margin-bottom:0;
}
.body .articleTitle {
font-size:3em;
margin:0 auto 10px auto;
line-height:1.1em;
max-width:750px;
}
.body .articleSubHeader {
margin:5px auto 10px;
line-height:1.2em;
max-width:750px;
font-family:'freight_text_book';
font-weight:400;
}
p.articleInfo {
color:#909090;
font-weight:400;
display:inline-block;
vertical-align:top;
font-size:1em;
font-family:'freight_sans_book', sans-serif !important;
padding:0 4px;
text-transform:uppercase;
}
p.articleInfo a, p.articleInfo .link-like {
color:#000;
text-transform:uppercase;
}
p.articleDate {
text-transform:uppercase;
}
p.caption {
text-align:center;
font-size:.95em !important;
color:#909090;
margin-bottom:20px;
line-height:1.1em;
font-family:'freight_sans_book' !important;
}
img.body_img {
margin:20px auto 3px;
max-width:100%;
height:auto;
display:block;
}
div.articleHeader {
padding-bottom:15px;
margin:0 auto 20px;
text-align:center;
max-width:900px;
}
div.social-share {
display:block;
}
div.social-share a {
font-size:22px;
margin:5px 5px 10px;
color:#000;
text-align:center;
display:inline-block;
}
div.social-share a:hover {
text-decoration:none;
color:#F15929;
transition:ease all .5s;
}
div.social-share a.hover-fa:hover {
color:#3C5B97;
}
div.social-share a.hover-tw:hover {
color:#2BA7DF;
}
div.social-share a.hover-gp:hover {
color:#ea614e;
}
p.articleInfo em {
padding-right:5px;
}
.thumbnail-bg {
background-position:center;
background-size:cover;
width:100%;
margin:0px auto;
position:relative;
}
.trans-img {
width:100%;
height:auto;
opacity:.01;
}
.social-hover {
position:absolute;
top:10px;
right:10px;
opacity:.01;
z-index:10;
}
a.social-button {
color:#fff;
display:block;
padding:8px;
text-align:center;
opacity:.7;
}
.negative-margin {
margin-top:-65px;
position:relative;
z-index:10;
width:85%;
}
.negative-margin p {
margin:0px;
}
.negative-margin span.date {
background:#000;
color:#bbb;
text-transform:uppercase;
padding:0px 8px;
font-weight:500;
font-family:'Source Sans Pro', sans-serif;
}
.negative-margin span.author {
color:#fff;
background:#dd3333;
padding:0px 8px;
font-weight:500;
font-family:'Source Sans Pro', sans-serif;
}
.negative-margin h3 {
background:#fff;
padding:10px;
margin:0px;
height:120px;
overflow:hidden;
}
.thumbnail-bg:hover .trans-img {
opacity:.3;
transition:all .5s ease;
}
.thumbnail-bg:hover .social-hover {
opacity:1;
transition:all .5s ease;
}
.hover-twitter {
background:#2BA7DF;
}
.hover-facebook {
background:#3C5B97;
}
.hover-google {
background-color:#ea614e;
background-image:linear-gradient(to bottom,#ea614e 0,#b8433c 100%);
}
a.social-button:hover {
color:#fff;
opacity:1;
transition:ease all .5s;
}
.body h1.section-title {
padding:10px 15px;
margin:20px -15px;
background:#FCFCFC;
border-top:1px solid #333;
border-bottom:1px solid #333;
color:#666;
text-align:center;
text-transform:uppercase;
font-family:'Freight Sans';
font-weight:700;
font-size:1.6em;
letter-spacing:0.4em;
}
.articleBody p {
font-family:'freight_text_book', sans-serif;
font-size:1.4em;
line-height:1.7em;
}
.articleBody strong, .articleBody b {
font-weight:800;
}
#read_more_section {
font-family:'freight_text_book';
margin-top:60px;
display:flex;
justify-content:space-between;
}
#read_more_section > div {
margin:0 30px;
width:25%;
}
#read_more_section .intro {
margin:10px 0;
}
#read_more_section .author {
font-weight:bold;
font-family:'Freight Sans Bold';
}
#read_more_section img {
width:100%;
}
#read_more_section .date {
font-family:'Freight Sans';
}
span.sponsored_tag {
font-family:'freight_sans_black';
background:#f5e942;
color:#000;
text-transform:uppercase;
padding:5px 10px;
display:inline-block;
margin:20px 0;
}
.p1 {
font-family:'freight_text_book', sans-serif !important;
font-size:1.4em;
line-height:1.7em !important;
}

@media (min-width: 1200px) {
.negative-margin p {
font-size:1em;
}

}

@media (min-width: 980px) and (max-width: 1199px) {
.negative-margin p {
font-size:.9em;
}

}

@media (min-width: 768px) and (max-width: 979px) {
.negative-margin p {
font-size:.9em;
}
.negative-margin h3 {
height:100px;
}

}

@media (max-width: 767px) {
.negative-margin h3 {
height:auto;
min-height:50px;
}
#read_more_section {
flex-wrap:wrap;
}
#read_more_section > div {
margin:20px 2.5%;
width:45%;
}

}

@media (max-width: 480px) {
.negative-margin p {
font-size:.9em;
}
#read_more_section > div {
margin:20px auto;
width:90%;
}

}