/*
Theme Name: MED2017
Description: Custom theme by SCDA.co
Author: sarah huny young
Author URI: http://scda.co
*/

/* 
-------------------------------------------------------
general styling & resets
------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
}

a {
	color: #00a1be;
	text-decoration: none;
}

a:hover { color: #fff; }

p { padding-bottom: 20px; }

img { border: none; }

ul, ol, li { list-style: none; }

table, td, form, fieldset {
	border: none;
	border-collapse: collapse; 
	border-spacing: 0;
}

h1, h2, h3 {
	font-family: "DIN Regular";
	font-weight: normal;
}

h1 a, h2 a, h3 a { color: #000; }

.clear { clear: both; }

.float_left {
	float: left;
	display: inline;
}

.float_right {
	float: right;
	display: inline;
}

.center {
	margin: 0 auto;
	text-align: center;
}

.halfcol { width: 48%; }

.thirdcol { width: 33.33333333%; }

.quartercol { width: 25%; }

.uppercase { text-transform: uppercase; }

.none { display: none; }

.small { font-size: 0.7em; }

.indent { margin-left: 35px; }

.caps { text-transform: uppercase; }

.disable-scrolling { overflow: hidden; }

.flash { opacity: 0; }


/* 
-------------------------------------------------------
general site architecture & styling
------------------------------------------------------- */

html, body { height: 100%; }

body {
	height: 100%;
	text-align: center;
	background-color: #fff;
	font: 400 1.1em/1.5em "DIN Regular", "Libre Franklin", Helvetica, Arial, sans-serif;
	color: #000;
	-webkit-text-size-adjust: none;
	counter-reset: row;
}

#site { height: 100%; }

.section {
	min-height: 100% !important;
	background-color: #000;
}

.contentblock { 
	width: calc(100% - 200px);
	height: 97.3%;
	margin: 0 auto;
	position: relative; 
}

.more { font-family: "Inconsolata"; }

.bg-light .more, .bg-light .more a { color: #000; }
.bg-light .more:hover, .bg-light .more a:hover { color: #00a1be; }
/*.bg-light .more a { border-bottom: 1px solid #000; }
.bg-light .more:hover a { border-bottom: 1px solid #00a1be; }*/

.bg-dark .more, .bg-dark .more a { color: #fff; }
.bg-dark .more:hover, .bg-dark .more a:hover { color: #00a1be; }
/*.bg-dark .more a { border-bottom: 1px solid #fff; }
.bg-dark .more:hover a { border-bottom: 1px solid #00a1be; }*/

#section-home {
	color: #fff;
	background: #000 url(media/images/header-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

#section-home.bg-dark .more, #section-home.bg-dark .more a { color: #00a1be; }
#section-home.bg-dark .more:hover, #section-home.bg-dark .more a:hover { color: #fff; }
#section-home.bg-dark .more a { border-bottom: 1px solid #00a1be; }
#section-home.bg-dark .more:hover a { border-bottom: 1px solid #fff; }

#section-home .contentblock { height: 100vh; }

#logo {
	width: 200px;
	height: 115px;
	background: transparent url(media/images/logo.svg) no-repeat;
	background-size: 100% auto;
	text-indent: -9999px;
	position: absolute;
	left: 0;
	top: 33px;
}

#section-home #logo {
	width: 455px;
	height: 260px;
	top: auto;
	bottom: 95px;
}

#header {
	height: 350px;
	background: #000 url(media/images/header-bg.jpg) no-repeat 0 -135px;
	background-size: 100% auto;
}

#header h1 {
	font-size: 5em;
	color: #fff;
	position: absolute;
	bottom: 25px;
	left: 0;
}

#social-media {
	position: absolute;
	top: 33px;
	right: 0;
}

#social-media li {
	margin-right: 50px;
	display: inline-block;
}

#social-media li:last-child { margin-right: 0; }

#social-media li span { display: none; }

#bio-intro {
	width: calc(100% - 410px);
	text-align: left;
	font: 1.2em/1.4em "Inconsolata";
	position: absolute;
	left: 410px;
	bottom: 95px;
}

.down {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span { background: #fff !important; }

.section.bg-light {
	background:
		url(media/images/sidebar.svg) no-repeat top left,
		url(media/images/sidebar2.svg) no-repeat top right,
		#000;
}

#section-currently h2 {
	margin-bottom: -55px;
	padding-left: 45px;
	text-align: left;
	font-size: 2.5em;
}

.section.bg-light .contentblock {
	width: calc(100% - 250px);
	margin: 0 auto;
	background-color: #fff;
}

#homepage .section.bg-light .contentblock {
	padding: 60px 0 40px;
}

#section-currently .bx-wrapper { margin-bottom: 0; }

.bx-wrapper .bx-controls-direction { font: 4em "FontAwesome"; }

.bx-wrapper .bx-controls-direction a {
	color: #000;
	text-indent: 0 !important;
}

.bx-wrapper .bx-controls-direction a:hover { color: #c9c9c9; }

.bx-wrapper .bx-controls-direction a.bx-prev:before { content: "\f104"; }
.bx-wrapper .bx-controls-direction a.bx-next:before { content: "\f105"; }

.bx-wrapper .bx-controls-direction a.bx-prev { left: -75px; }
.bx-wrapper .bx-controls-direction a.bx-next {
	text-align: right; 
	right: -75px;
}

.bx-wrapper .bx-controls-direction a.bx-prev, .bx-wrapper .bx-controls-direction a.bx-next {
	width: 26px;
	height: 70px;
	overflow: hidden;
}

#section-currently .container {
	width: calc(100% - 250px);
	min-height: 320px;
	margin: 0 auto;
	background: transparent url(media/images/currently-bg.svg) no-repeat;
	background-size: 100% auto;
}

#section-currently .container li {
	padding: 75px 50px 0;
	font: 1.8em/1.5em "DIN Condensed Bold";
}

#section-currently .container li p a {
	color: #000;
	border-bottom: 2px solid #000;
}

#section-currently .container li p a:hover { border-color: #d90000; }

#section-currently .container .more { padding-top: 10px ;}

#section-currently h2.h2-large {
	margin-bottom: 0 !important;
	padding: 70px 0 0 0 !important;
	text-align: center !important;
	font-size: 4em !important;
	line-height: 1em;
}

#section-featured {
	background-color: #002228;
	color: #fff;
}

.top-border, .bottom-border{
	width: 100%;
	height: 20px;
	background-color: #d90000;
	position: relative;
}

.top-border { border-bottom: 2px solid #fff; }

.top-border:before {
	width: 125px;
	height: 2px;
	background-color: #000;
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0
}

.top-border:after {
	width: 125px;
	height: 2px;
	background-color: #000;
	content: '';
	position: absolute;
	bottom: -2px;
	right: 0
}

.bottom-border { border-top: 2px solid #fff; }

.bottom-border:before {
	width: 125px;
	height: 2px;
	background-color: #000;
	content: '';
	position: absolute;
	top: -2px;
	left: 0
}

.bottom-border:after {
	width: 125px;
	height: 2px;
	background-color: #000;
	content: '';
	position: absolute;
	top: -2px;
	right: 0
}

#section-featured .contentblock {
	width: calc(100% - 250px);
	margin: 0 auto;
	padding: 50px 0;
}

#book-CTA {
	width: 330px;
	float: left;
	vertical-align: top;
}

#book-CTA img {
	width: 100%;
	height: auto;
	display: block;
}

#book-promo {
	width: calc(100% - 330px);
	float: right;
	vertical-align: top;
}

#book-blurbs {
	min-height: 320px;
	position: relative;
	background: transparent url(media/images/blurb-bg.svg) no-repeat;
	background-size: 100% auto;
}

#book-blurbs .blurb {
	padding-top: 40px;
	position: absolute;
}

#book-blurbs blockquote {
	margin-left: 25px;
	padding: 0 35px;
	text-align: left;
	font-size: 1.3em;
	line-height: 1.4em;
}

#book-blurbs blockquote:before {
	width: 35px;
	height: 30px;
	background: transparent url(media/images/quote.svg) no-repeat top left;
	background-size: 100% auto;
	content: '.';
	position: absolute;
	top: 20px;
	left: 15px;
}

.attribution { font: 0.8em "Inconsolata"; }

#book-purchase {
	width: 500px;
	margin: 0 auto;
	text-align: left;
}

#book-purchase h3 { margin-bottom: 10px; }

#book-purchase ul li {
	margin-right: 20px;
	display: inline-block;
}

#book-purchase ul li:last-child { margin-right: 0; }

#section-social .contentblock {  text-align: left; }

.social-bucket {
	width: 33.33333%;
	float: left;
}

#section-social h2 {
	padding: 0 0 30px 15px;
	font-size: 2.5em;
	line-height: 1em;
}

#section-social h2 a:hover { color: #00a1be; }

.soc-container { 
	width: calc(100% - 30px);
	margin: 0 auto;
}

#twitter .soc-container {
	width: calc(100% - 32px);
	border: 1px solid rgba(15,70,100,.12);
	border-top: none;
}

#section-social iframe { width: 100% !important; }

#section-currently,
#section-featured, 
#section-currently .fp-tableCell,
#section-featured .fp-tableCell,
#section-social .fp-tableCell,
#section-social .fp-tableCell,
#section-social.fp-section {
	height: auto !important;
	display: block !important;
}

#instagram .col2 {
	height: 450px !important;
	display: none;
}

.entry {
	padding: 40px 175px;
	text-align: left;
}

.entry p:first-child:first-letter {
  color: #903;
  float: left;
  font-family: Georgia;
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}

.alignleft {
	width: 260px;
    margin: 0 35px 15px -115px;
    float: left;
}

.aligncenter {
	max-width: 100%;
	height: auto;
    margin: 0 auto 20px;
	text-align: center;
}

.alignright {
	width: auto;
	margin: 0 -115px 15px 35px;
	float: right;
}

.alignleft img, .alignright img, .aligncenter img {
	border: 12px solid #dfdfdf;
}

p.wp-caption-text {
	padding: 10px 0 0;
	font: 0.8em/1.5em "DIN";
}

/* 
-------------------------------------------------------
fonts
------------------------------------------------------- */

@font-face {
    font-family: 'DIN Regular';
    src: url('media/fonts/din-regular-webfont-webfont.eot');
    src: url('media/fonts/din-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('media/fonts/din-regular-webfont-webfont.woff2') format('woff2'),
         url('media/fonts/din-regular-webfont-webfont.woff') format('woff'),
         url('media/fonts/din-regular-webfont-webfont.ttf') format('truetype'),
         url('media/fonts/din-regular-webfont-webfont.svg#din_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Condensed Bold';
    src: url('media/fonts/din_condensed_bold-webfont.woff2') format('woff2'),
         url('media/fonts/din_condensed_bold-webfont.woff') format('woff'),
         url('media/fonts/din_condensed_bold-webfont.ttf') format('truetype'),
         url('media/fonts/din_condensed_bold-webfont.svg#din_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}