/*  
	Theme Name: 	Center for Addiction Medicine
	Theme URI: 		http://www.mghaddictionmedicine.com/
	Description:	A custom theme created by Levers Advertising & Design.
	Version: 		1.0
	Author: 		TeggWeb
	Author URL: 	http://www.teggweb.com/ 
*/

/*

COLORS...

Blue:	006B81
red:	9E1111

*/

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after, .reset {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/* apply a natural box layout model to all elements */
*, *:before, *:after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

img {
	border:none;
	vertical-align:middle;
	max-width:100%;
	height:auto;
}

h1, h2, h3, h4, h5, p, ol, ul, form, main li {
	margin:0 0 1em 0;
}

ul ul, ul ol, ol ul, ol ol {
	margin-bottom:0;
	margin-top:1em;
}

h1, h2, h3, h4, h5, strong, b {
	font-weight:700;
}

a {
	color:#9E1111;
	text-decoration:none;
}
/*a:visited {
	color:#f0f;
}*/
a:hover {
	color:#006B81;
}

.alignright {
	float:right;
	margin:0 0 2em 2em;
}

.alignleft {
	float:left;
	margin:0 2em 2em 0;
}

/* =========================================== */

html {
	/*overflow-y: scroll;*/
	height:100%;
}

body {
	font-size:100%;
	font-family:'Source Sans Pro', tahoma, arial, sans-serif;
	font-style:normal;
	font-weight:400;
	line-height:1.125;
	color:#000;
	padding:1em 0;
	margin:0 auto;
	position:relative;
	width:100%;
	height:auto;
	background-color:#282828;
}

body > header, body > nav, body > section, body > footer {
	display:block;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	background-color:#fff;
	overflow:hidden;
	padding:1.875em;
	position:relative;
}

body > section.slideshow-wrapper {
	padding:0;
}

/* =========================================== */

.logo, .title {
	display:block;
}

.logo {
	margin-bottom:1.375em;
}

header ul {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	position:absolute;
	top:1.875em;
	right:1.875em;
}

header li {
	display:inline;
	margin-left:0.5em;
}

/* =========================================== */

body > nav {
	background-color:#006B81;
	overflow:visible;
	padding-top:0;
	padding-bottom:0;
	letter-spacing:0.03125em;
}

nav ul {
	padding:0;
	margin:0;
	list-style:none;
}

body > nav > ul {
	width:100%;
	display:block;
	text-align:center;
	border:1px solid #006B81;
}

body > nav > ul > li {
	display:block;
	float:left;
}

body > nav > ul > li > a, #nav-trigger {
	text-transform:uppercase;
	font-size:1em;
	padding:0.5em 0.75em;
	display:block;
	font-weight:600;
}

body > nav > ul ul {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	z-index:4;
	text-align:left;
	background-color:#008DA9;
	width:12em;
	padding: 0.5em 0;
}

body > nav > ul ul ul {
	position:absolute;
	top:0;
	left:100%;
	z-index:4;
}

body > nav > ul li {
	position:relative;
}

body > nav > ul li:hover > ul {
	display:block;
}

body > nav > ul > li > ul a {
	font-size:1em;
	padding:0.375em 0.75em;
	display:block;
}


body > nav a {
	color:#fff;
}

body > nav a:hover {
	color:#FB9044;
}

/* Don't let top level fake pages change color */
body > nav > ul > li > a[href="#"]:hover {
	color:#fff !important;
}

/* =========================================== */

div.cpt {
	margin-bottom:0.25em;
	font-family:'Source Sans Pro', tahoma, arial, sans-serif;
	letter-spacing:normal;
}

div.cpt + h3 {
  margin-top: 1.5em;
}

div.cpt > div {
	margin:0.5em 1em 2em 1em;
	line-height:1.25;
}

div.cpt.cpt-studies > div {
	margin:0.5em 0 2em 1em;
	line-height:1.25;
}

div.cpt > strong {
	font-size:1.125em;
}

div.cpt > strong {
	font-weight:600;
}

div.cpt img.alignleft {
	margin:0 1em 0.5em 0;
}

div.cpt p.email em {
	text-transform:uppercase;
	font-style:normal;
}

div.cpt-studies > em {
	font-style:normal;
	font-weight:600;
}

div.cpt-studies p.meta {
	margin-bottom:-1em;
}

body.page-id-20 main, body.page-id-36 main {
	width:60em;
}

/* =========================================== */

@media all and (min-width: 75em) {

	body > nav.responsive > ul {
		display:block !important;
	}

	#nav-trigger {
		display:none;
	}

}

@media all and (max-width: 75em) {

	#nav-trigger {
		display:block;
		padding-left:0;
	}

	#nav-trigger:before {
		content: "\a0\2261";
		margin-right:0.25em;
		padding-top:0.125em;
		font-weight:700;
	}

	body > nav > ul, body > nav > ul > li,
	body > nav > ul ul, body > nav > ul > li li {
		text-align:left;
		display:block;
		float:none;
		position:relative !important;
		top:auto !important;
		left:auto !important;
		width:auto !important;
	}

	body > nav.responsive > ul {
		display:none;
		border-bottom:1px dashed #008DA9;
		margin-bottom:1em;
	}

	body > nav > ul li {
		padding:0;
		border:none;
	}

	body > nav > ul a {
		padding:0.5em 0 !important;
		display:block;
		border-top:1px dashed #008DA9;
	}

	body > nav > ul ul {
		background-color:transparent;
		padding:0;
	}

	body > nav > ul ul a {
		padding-left:1em !important;
	}

	body > nav > ul ul ul a {
		padding-left:2em !important;
	}

}

/* =========================================== */

nav form {
	display:block;
	padding:0.5em 0;
	margin:0;
	position:absolute;
	right:1.875em;
	top:0;
}

nav form input {
	-webkit-appearance:none;
	outline:none;
	border:1px solid #000;
	text-transform:uppercase;
	padding:0.125em 0.5em;
	font-size:0.75em;
	float:left;
	letter-spacing:0.125em;
}

nav form input[type="image"] {
	border:none;
}

/* =========================================== */

div.slideshow {
	width:100%;
	height:0;
	padding-top:32.5% !important;
	overflow:hidden;
}

.slide {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
}

.slide.pending {
	z-index:2;
}

.slide.active {
	z-index:3;
}

.slide-text {
	position:absolute;
	top:0;
	right:0;
	width:32.33333333333333%;
	height:100%;
	background-color:#3A3A3F;
	background-color:rgba(58,58,63,0.7);
	padding:3.75em 1.75em;
	color:#F8DE78;
	letter-spacing:0.03125em;
}

.slide-text h1 {
	font-size:2.375em;
}

.slide-text h2 {
	font-size:1.875em;
	font-weight:400;
}

.slide-text a {
	color:#F18F20;
	text-transform:uppercase;
}

.slide-controls {
	display:none;
}

/* =========================================== */

.home section.content {
	background-color:#000;
	padding-left:5.625em;
	padding-right:5.625em;
}

.home section.content p:last-child {
	margin-bottom:0;
}

main {
	font-family:georgia,serif;
	width:53.125em;
	max-width:100%;
	line-height:1.5;
	letter-spacing:0.015625em;
}

.home main {
	width:auto;
	text-align:center;
	line-height:2;
	color:#fff;
}

.home main, main h1, main h2, main h3, main h4, main h5 {
	font-family:'Source Sans Pro', tahoma, arial, sans-serif;
}

main h1, main h2, main h3, main h4, main h5 {
	line-height:1;
	font-weight:600;
}

main h1 {
	text-transform:uppercase;
	color:#3A8088;
	font-weight:600;
	font-size:2.25em;
	letter-spacing:0.03125em;
}

main h3 {
	text-transform:uppercase;
	font-weight:700;
}

/* =========================================== */

section.news > article, section.news > section {
	float:left;
	width:25%;
	padding:0 1.333333333333333em;
	font-family:georgia,serif;
}

section.news > article:first-child {
	padding-left:0;
}

section.news > section {
	padding-right:0;
}

section.news > article img {
	float:right;
	margin:0 0 0.5em 0.5em;
}

section.news > article h2, section.news > article p {
	font-size:1em;
	display:inline;
	letter-spacing:0.0025em;
	line-height:1.375;
}

section.news > article h2 {
	font-size:1.03125em;
	font-family:'Source Sans Pro', tahoma, arial, sans-serif;
	line-height:1.125;
}

section.news > article a {
	text-transform:uppercase;
}

iframe.twitter-timeline {
	height:275px !important;
}

p.attribution, p.byline {
	font-size:0.875em;
	display:block;
}

body.single-post div.post > div > img {
	display:none;
}

/* =========================================== */

body > footer {
	background-color:#F0F0EA;
	letter-spacing:0.03125em;
}

footer p {
	font-size:0.875em;
	line-height:1.25;
}

footer p:last-child {
	margin-bottom:0;
}

.copyright {
	font-size:0.625em;
	margin-top:1em;
}

.addthis_toolbox {
	position:absolute;
	bottom:1.875em;
	right:1.875em;
}

footer section {
	float:left;
	width:25%;
	padding:0 1.333333333333333em 0 0;
}

footer ul {
	float:left;
	width:75%;
	padding:0 0 0 1.333333333333333em;
	margin:0;
	list-style:none;
}

footer li {
	float:left;
	margin-right:2em;
	margin-bottom:1.5em;
}

footer li:last-child {
	margin-right:0;
}

footer > ul > li > a {
	text-transform:uppercase;
	font-weight:400;
}

footer li a {
	color:#000;
	font-size:0.8em;
	display:block;
	margin-bottom:0.5em;
	font-weight:300;
}

footer ul ul {
	padding:0;
	width:auto;
}

footer ul ul li {
	margin:0;
	float:none;
}

@media all and (max-width: 75em) { /* 1200px */

	body {
		padding:0;
	}

}

@media all and (max-width: 68.75em) { /* 1100px */

	section.news > article, section.news > section {
		width:50%;
		padding:0 1em !important;
		margin-bottom:1em;
	}

	footer section, footer ul {
		width:50%;
	}

}

@media all and (max-width: 56.25em) { /* 900px */

	.slide-text h1 {
		font-size:1.75em;
	}

	.slide-text h2 {
		font-size:1.5em;
	}

}

@media all and (max-width: 46.875em) { /* 750px */

	.slide-text {
		padding:1.75em;
	}

	.slide-text h1 {
		font-size:1.375em;
	}

	.slide-text h2 {
		font-size:1.125em;
	}

	section.content > main {
		float:none;
		width:100%;
		padding:0;
	}

	.twitter-feed {
		width:31.80212014134276%;
		padding:0;
		float:right !important;
	}

}

@media all and (max-width: 40.625em) { /* 650px */

	.slide-text {
		font-size:0.875em;
	}

	section.content > main, section.content > aside {
		float:none !important;
		width:100%;
		padding:0;
	}

	.home section.content {
		background-color:#000;
		padding-left:1.875em;
		padding-right:1.875em;
	}

}

@media all and (max-width: 36.25em) { /* 580px */

	.slide-text {
		font-size:0.75em;
	}

	section.news > article, section.news > section {
		width:100%;
	}

	footer section, footer ul {
		width:100%;
		padding:0;
	}

	header ul {
		position:relative;
		top:auto;
		right:auto;
		margin:1.875em auto 0;
		text-align:center;
	}

}

@media all and (max-width: 28.125em) { /* 450px */

	.slide-text {
		width:100%;
	}

	body > header, body > nav, body > section, body > footer {
		padding-left:0.5em;
		padding-right:0.5em;
	}

	nav form {
		right:0.5em;
	}

}