/* global overrides */
html, body {
   font-family: 'Ubuntu', sans-serif;   
   font-weight: 400;
   	padding-top: 25px;
	background: #fff;
	color: #262626;
}

#main {  padding-bottom: 120px;  }

/* core sections */
#view-main {
  top: 100px; /* must match height of navbar */
  padding: 30px 0 120px;
}
#footer {
   clear: both;
   background-color: #39afbc;
   color: #fff;
   min-height: 200px;
   padding: 75px;
}
.footer-mission {
   padding:10px;
}
.footer-link-title {
   font-size: large;
   color: #fff;
   font-weight: bold;
}
.footer-link {
   color: #7CC3EC;
   display: block;
   line-height: 2em;
} 
#disclaimer {
   background-color: #000;
   padding: 20px;
   color: #797979;
}

@media(max-width: 991px) {
	#view-main { top: 40px; }
}

@media (max-width: 767px) {
	body, html { padding-top: 0; }
	#view-main {
		width: 100%;
		top: 80px;
		padding-top: 0;
	}
}



/* Bootstrap overrides */
a:focus {
    outline: none !important;
}


/* padding shortcuts */
.no-padding {
    padding-left: 0;
    padding-right: 0;
}
.pad-30 {
    padding: 30px;
}


.wrap { 
    position: relative; 
}

/* Universal */
div > .btn {
	border-radius: 0;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: 700;
	border-width: 2px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.btn-default {
	border-color: #000;
}

.main-tag, .relatetag {
	text-transform: uppercase; 
	font-family: 'Monsterrat', sans-serif;
}

/* front page */
#front #view-main, #author-page #view-main, #conditions-page #view-main, #experts-page #view-main, #info #view-main {
	padding-top: 0;
}

.recent-article a {
	color: #000;
}

.recent-article {
	border-bottom: 1px solid #cecece;
	font-size: 1.2em;
	padding-bottom: 30px;
}

.recent-article > div {
	padding-top: 30px;
	max-height: 425px;
	overflow: hidden;
}

.recent-article > div:nth-child(1) {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}

.recent-article > div:nth-child(3) {
	padding-right: 0;
}

.recent-article .submitted {
	font-size: 1.2em;
	font-weight: 300;
	margin-top: 10px;
     text-transform: uppercase;
}

.recent-article .logo {
	margin-top: 50px;
}

.recent-article h3 {
	margin-top: 0;
	font-size: 1.8em;
        line-height: 1.3;
}

.recent-article .authors {
        line-height: 1.3;
        margin:10px 0px 15px 0px;
}

.recent-article .summary {
    color: #555;
    line-height: 1.5;
}

.recent-article p {
	font-weight: 300;
}

.recent-article .article-image img {
	width: 100%;
}

.recent-article .counts {
	margin: 30px 30px 0 0;
	text-transform: uppercase;
}

.recent-article .counts span.glyphicon {
	position: relative;
	top: 3px;
	margin-right: 3px;
}

#front-topics {
	background: #fff;
	width: 100%;
}

#front-topics ul {
	margin: 15px 0;
}

#front-topics li {
	padding: 8px 0;
}

#front-topics a { 
	color: #2e2e2e;
}


#buzzing a {
	color: #000;
}

#buzzing .trending-article {
	padding: 20px 15px 15px;
	margin: 0 15px;
	border-bottom: 1px solid #cecece;
}

#buzzing .trending-article:nth-child(6) {
	border: 0;
}

#buzzing h3 {
	font-size: 1.3em;
	margin-top: 10px;
}

#front #conditions {
	margin-top: 30px;
}

@media(max-width: 1200px) {
	.recent-article {
		font-size: 1.1em;
	}
}

@media(max-width: 990px) {
	.recent-article .submitted {
		padding: 0;
	}
}

@media(max-width: 768px) {
	.recent-articles .container-fluid {
		padding: 0;
	}
	.recent-article {
		font-size: .8em;
		border: 0;
		padding-bottom: 15px;
	}
	.recent-article > div {
		height: auto;
		padding-top: 0;
		padding-bottom: 0;
	}
	.recent-article > div:nth-child(1) {
		padding: 0 0 15px 0;
	}
	.recent-article .logo {
		margin-top: 0;
	}
}


/* article lists */
.article-list-title {
   font-size: large;
}



#related .header h2, #buzzing .header h2 {
	font-size: 1.2em;
	color: #fff;
	background: #000;
	padding: 30px 10px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0;
}

#buzzing .header h2 {
	font-size: 2em;
	font-family: 'Oswald', sans-serif;
	padding: 50px 0;
	margin-top: 0;
}

#related .related-article, #trending .trending {
	padding-bottom: 30px;
}

#related .related-image, #trending .trending-image {
	margin: 15px 0;
}

#trending .trending-image {
	height: 166px;
	overflow: hidden;
}

#trending .trending-image img {
	min-height: 100%;
	min-width: 100%;
}

#related .related-image:nth-child(1) {
	margin-top: 0;
}

#related h3, #trending h3 {
	margin-top: 0;
}

#related h3 a, #trending h3 a {
	font-size: .8em;
	font-weight: 700;
	color: #000;
	margin-top: 0;
}

#related .related-author, #related .related-author a, #trending .trending-author, #trending .trending-author a {
	color: #a8a8a8;
}

#get-published {
	clear: both;
	background: #2e2e2e;
	color: #fff;
	font-size: 2.4em;
	padding: 75px 0;
}

#get-published .btn {
	border-radius: 0;
	font-size: .7em;
	padding: 15px 50px;
	text-transform: uppercase;
}

#article-list .article-image {
	margin: 0;
}

@media(max-width: 767px) {
	#get-published {
		font-size: 1em;
	}
	#get-published .btn {
		padding: 15px 10px;
	}
}




#googleads {
	padding-top: 30px;
	padding-bottom: 30px;
}


.divider {
	background: url(/img/layouts/2/title-bg.png);
	margin: 30px 0;
	min-height: 45px;
}

.divider h2 {
	background: #fff;
	width: auto;
	margin: 0;
	padding: 5px;
	font-weight: 700;
	display: inline;
	font-size: 3em;
}

.divider a {
	color: #fff;
	background: #f0ad0b;
	padding: 14px 100px;
	text-transform: uppercase;
	position: relative;
	top: 13px;
}
.recent { font-size: 1em; }
.recent .article-info { background: #fff; padding: 30px; }
.recent h3 a { font-size: 1em; color: #000; font-weight: 700; }
.recent .submitted { color: #bbbaba; }
.recent .main-tag a, .recent .submitted, .recent .authors { text-transform: uppercase; }
.recent .article-image { max-height: 400px; overflow: hidden; }
.recent:nth-child(5n+4) .main-tag a { color: #d04242; }
.recent:nth-child(5n+2) .main-tag a { color: #519cc5; }
.recent:nth-child(5n+1) .main-tag a { color: #9682bc; }
 .recent:nth-child(5n+3) .main-tag a { color: #f3b91e; }
.recent:nth-child(5n+5) .main-tag a { color: #98be5c; }
.recent:nth-child(5n+4) .article-info { border-bottom: 10px solid #d04242; }
.recent:nth-child(5n+2) .article-info { border-bottom: 10px solid #519cc5; }
.recent:nth-child(5n+1) .article-info { border-bottom: 10px solid #9682bc; }
 .recent:nth-child(5n+3) .article-info { border-bottom: 10px solid #f3b91e; }
.recent:nth-child(5n+5) .article-info { border-bottom: 10px solid #98be5c; }
.recent .authors, .recent .authors a { color: #7a7a7a; font-size: .9em; }
.col-xs-12.recent.stacked:nth-child(2) { margin-top: 30px; }
.recent.stacked .article-image, .recent.stacked .article-info, #article-page .recent.stacked .article-image, #article-page .recent.stacked .article-info { height: 242px; overflow: hidden; width: 50%; margin: 0; }
.recent.stacked .article-image img { height: 245px; width: auto; margin-left: -20%; }
.recent.side-by-side .article-info { height: 210px; }
.recent.cubed { margin-bottom: 30px; height: 240px; overflow: hidden; position: relative; }
.recent.cubed .article-info { height: 240px; position: relative; top: -150px; left: 0;
-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-moz-transition:-moz-transform,0.4s,ease-in-ease-out;-o-transition:-o-transform,0.4s,ease-in-ease-out;-webkit-transition:-webkit-transform,0.4s,ease-in-ease-out;transition:transform,0.4s,ease-in-ease-out; }
.recent.cubed:hover .article-info {
	-moz-transform:translateY(130px);-ms-transform:translateY(130px);-webkit-transform:translateY(130px);transform:translateY(130px);
	}
.recent.cubed .article-image, #article-page .recent.cubed .article-image { height: 150px; margin-bottom: 0; }
.recent.cubed .article-image img { margin-top: -10%; }
#article-page .recent .article-image { margin: 0; }
.ad { margin: 30px; }
#most-searched a, #popular-treatments a { color: #000; font-size: 1.5em; }
#recommended-wrapper { margin: 30px 0; }
#left-col h2 { border-bottom: 2px solid #000; font-size: 1.8em; padding-bottom: 10px; font-weight: 700; }
#recommended-wrapper .related, #most-searched a div, #popular-treatments a div { border-bottom: 1px solid #d9d9d9; padding: 20px 0; }
#recommended-wrapper .main-tag { font-size: .8em; }
#recommended-wrapper .related:nth-child(4n+4) .main-tag a { color: #d04242; }
#recommended-wrapper .related:nth-child(4n+2) .main-tag a { color: #5ecfe4; }
#recommended-wrapper .related:nth-child(4n+1) .main-tag a { color: #8ab12c; }
#recommended-wrapper .related:nth-child(4n+3) .main-tag a { color: #f3b91e; }
#recommended-wrapper h3 a { color: #000; }
#recommended-wrapper h3 { font-size: 1.3em; margin: 10px 0; font-weight: 700; }
.relatetag { font-family: 'Monsterrat', sans-serif; text-transform: uppercase; }
#footer .col-xs-12 { padding-top: 60px; }
#footer a { color: #e9defd; }
.footer-link-title { color: #fff; }
@media(max-width: 1199px) {
	.recent h3 { font-size: 1.3em; }
	.recent.stacked .article-info, .recent.side-by-side .article-info { padding: 15px; }
	.recent.stacked .article-image, .recent.stacked .article-info, .recent.stacked .article-image img, .recent.side-by-side .article-image.by-side img,  .recent.side-by-side .article-info.by-side { height: 175px; }
	.recent.cubed { font-size: .8em; padding: 5px; height: 175px; }
}

@media(max-width: 767px) {
	body { padding-top: 0; }
	#front #view-main, #head-sub-menu { top: 65px; }
	.divider h2 { font-size: 1.5em; }
	.divider { min-height: 25px; }
	.recent { font-size: .8em; }
	.recent h3 { margin-top: 3px; font-size: 1.2em; }
	.recent.side-by-side .article-info { height: auto; }
	.recent.side-by-side .article-image { overflow: hidden; }
	.recent.side-by-side .article-image.by-side img { width: auto; max-width: 368px; margin-left: -20%; }
	.col-xs-12.recent.stacked, .recent.side-by-side { margin-top: 30px; }
	.recent .article-image img.img-responsive { width: 100%; }
	.divider a.view-more { width: 100%; display: block; padding-left: 0; padding-right: 0; top: 0; }
	#footer { font-size: .9em; }
	.footer-link-title { font-size: 1.1em; }
}