/* 
Theme Name:     PORTALS
Theme URI:      http://portalsmusic.com
Description:    Custom Theme developed for PORTALS based on the Frank Theme by P.J. Onori  
Author:         Laurent Hrybyk
Author URI:     http://laurenthrybyk.com
Version:        1.0
License:		GPL 3.0
License URI:	http://www.gnu.org/copyleft/gpl.html 
*/
/* ========================================================================== HTML5 display definitions ========================================================================== */
/* Corrects `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary, main { display: block; }

/* Corrects `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/* Addresses styling for `hidden` attribute not present in IE 8/9. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/* 1. Sets default font family to sans-serif. 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/* Removes default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/* Addresses `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/* Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/* Addresses `h1` font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; }

/* Addresses styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/* Addresses styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/* Addresses styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/* Corrects font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* Sets consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/* Addresses inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/* Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/* Removes border when inside `a` element in IE 8/9. */
img { border: 0; }

/* Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/* Addresses margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/* Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/* 1. Corrects color not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/* 1. Corrects font family not being inherited in all browsers. 2. Corrects font size not being inherited in all browsers. 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Corrects inability to style clickable `input` types in iOS. 3. Improves usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/* Re-set default cursor for disabled elements. */
button[disabled], input[disabled] { cursor: default; }

/* 1. Addresses box sizing set to `content-box` in IE 8/9. 2. Removes excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/* Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* Removes inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Removes default vertical scrollbar in IE 8/9. 2. Improves readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/* Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/* Artfully Masterminded by ZURB */
/* --------------------------------------------------
	:: Grid
	
	This is the mobile-friendly, responsive grid that
	lets Foundation work much of its magic.
	
	-------------------------------------------------- */
.container { padding: 0px; }

.row { width: 100%; max-width: 960px; min-width: 727px; margin: 0 auto; }

.row.new-width { max-width: 935px; }

/* To fix the grid into a certain size, set max-width to width */
.row .row { min-width: 0; }

.column, .post.leftaside .post-content, .type-page.leftaside .post-content, .post.leftaside .post-info, .type-page.leftaside .post-info, #content-primary, #content.home .post-group.twoup .post, #content.home .post-group.fourup .post, #sidebar, #comment-form-logged-in-as, #comment-form-info, #comment-form-content, .comment-content, .comment-info, #comment-form-allowed-tags, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; }

.column:first-child, .post.leftaside .post-content:first-child, .type-page.leftaside .post-content:first-child, .post.leftaside .post-info:first-child, .type-page.leftaside .post-info:first-child, #content-primary:first-child, #content.home .post-group.twoup .post:first-child, #content.home .post-group.fourup .post:first-child, #sidebar:first-child, #comment-form-logged-in-as:first-child, #comment-form-info:first-child, #comment-form-content:first-child, .comment-content:first-child, .comment-info:first-child, #comment-form-allowed-tags:first-child, .columns:first-child { margin-left: 0; }

.row .one { width: 4.3%; }

.row .two { width: 13%; }

.row .three { width: 21.679%; }

.row .four { width: 30.37%; }

.row .five { width: 39.1%; }

.row .six { width: 47.8%; }

.row .seven { width: 56.5%; }

.row .eight { width: 65.2%; }

.row .nine { width: 73.9%; }

.row .ten { width: 82.6%; }

.row .eleven { width: 91.3%; }

.row .twelve { width: 100%; }

.row .offset-by-one { margin-left: 13.1%; }

.row .offset-by-two { margin-left: 21.8%; }

.row .offset-by-three { margin-left: 30.5%; }

.row .offset-by-four { margin-left: 39.2%; }

.row .offset-by-five { margin-left: 47.9%; }

.row .offset-by-six { margin-left: 56.6%; }

.row .offset-by-seven { margin-left: 65.3%; }

.row .offset-by-eight { margin-left: 74.0%; }

.row .offset-by-nine { margin-left: 82.7%; }

.row .offset-by-ten { margin-left: 91.4%; }

.row .centered { float: none; margin: 0 auto; }

.row .offset-by-one:first-child { margin-left: 8.7%; }

.row .offset-by-two:first-child { margin-left: 17.4%; }

.row .offset-by-three:first-child { margin-left: 26.1%; }

.row .offset-by-four:first-child { margin-left: 34.8%; }

.row .offset-by-five:first-child { margin-left: 43.5%; }

.row .offset-by-six:first-child { margin-left: 52.2%; }

.row .offset-by-seven:first-child { margin-left: 60.9%; }

.row .offset-by-eight:first-child { margin-left: 69.6%; }

.row .offset-by-nine:first-child { margin-left: 78.3%; }

.row .offset-by-ten:first-child { margin-left: 87%; }

.row .offset-by-eleven:first-child { margin-left: 95.7%; }

/* Source Ordering */
.push-two { left: 17.4%; }

.push-three, .comment-content, #comment-form-allowed-tags { left: 26.1%; }

.push-four { left: 34.8%; }

.push-five { left: 43.5%; }

.push-six { left: 52.2%; }

.push-seven { left: 60.9%; }

.push-eight { left: 69.6%; }

.push-nine { left: 78.3%; }

.push-ten { left: 87%; }

.pull-two { right: 17.4%; }

.pull-three { right: 26.1%; }

.pull-four { right: 34.8%; }

.pull-five { right: 43.5%; }

.pull-six { right: 52.2%; }

.pull-seven { right: 60.9%; }

.pull-eight { right: 69.6%; }

.pull-nine, .comment-info { right: 78.3%; }

.pull-ten { right: 87%; }

object, embed, video { max-width: 100%; margin-top: 10px; padding-left: 10px; }

img { max-width: 100%; }

/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .post.leftaside .post-content:before, .type-page.leftaside .post-content:before, #site-nav .menu:before, .comment-content:before, .clearfix:after, .post.leftaside .post-content:after, .type-page.leftaside .post-content:after, #site-nav .menu:after, .comment-content:after { content: ""; display: table; }

.row:after, .clearfix:after, .post.leftaside .post-content:after, .type-page.leftaside .post-content:after, #site-nav .menu:after, .comment-content:after { clear: both; }

.row, .clearfix, .post.leftaside .post-content, .type-page.leftaside .post-content, #site-nav .menu, .comment-content { zoom: 1; }

/*	--------------------------------------------------
	:: Block grids
	
	These are 2-up, 3-up, 4-up and 5-up ULs, suited
	for repeating blocks of content. Add 'mobile' to
	them to switch them just like the layout grid
	(one item per line) on phones
	
	For IE7/8 compatibility block-grid items need to be
	the same height. You can optionally uncomment the
	lines below to support arbitrary height, but know
	that IE7/8 do not support :nth-child.
	-------------------------------------------------- */
.block-grid { display: block; overflow: hidden; }

.block-grid > li { display: block; height: auto; float: left; }

.block-grid.two-up { margin-left: -4%; }

.block-grid.two-up > li { margin-left: 4%; width: 46%; }

/* 	.block-grid.two-up>li:nth-child(2n+1) {clear: left;} */
.block-grid.three-up { margin-left: -2%; }

.block-grid.three-up > li { margin-left: 2%; width: 31.3%; }

/* 	.block-grid.three-up>li:nth-child(3n+1) {clear: left;} */
.block-grid.four-up { margin-left: -2%; }

.block-grid.four-up > li { margin-left: 2%; width: 23%; }

/* 	.block-grid.four-up>li:nth-child(4n+1) {clear: left;} */
.block-grid.five-up { margin-left: -1.5%; }

.block-grid.five-up > li { margin-left: 1.5%; width: 18.5%; }

/* 	.block-grid.five-up>li:nth-child(5n+1) {clear: left;} */
body { font: 62.5%/1.6 "Open Sans", Helvetica, Sans-Serif; background: url(images/pattern2.png) repeat #ece6d9; color: #232626; height: 100%; text-rendering: optimizelegibility; }

.reset, ul.metadata, ul.metadata li, dl.metadata, #site-nav li, #comments .comment { margin: 0; padding: 0; }

.hidden { display: none; }

.ir { font: 0/0 a; text-shadow: none; color: transparent; }

/*Images*/
img.noshadow { box-shadow: none !important; }

/*Anchor tags*/
a { color: #536b77; text-decoration: none; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

a:hover { color: #d78367; }

/* Titles */
.title, h1, h2, h3, h4, h5, .widget-title { font: 400 17px/1.3 "Open Sans", Helvetica, Sans-Serif; }
.title a, h1 a, h2 a, h3 a, h4 a, h5 a, .widget-title a { color: #536b77; }
.title a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, .widget-title a:hover { color: #d78367; }

.title.large, h1.large, h2.large, h3.large, h4.large, h5.large { font-size: 20px; }

.title.small, h1.small, h2.small, h3.small, h4.small, h5.small { font: 700 13px/1.25 "Open Sans", Helvetica, Sans-Serif; }

/*Headers*/
h1, h2, h3, h4, h5 { padding-top: 0px; margin-bottom: 15px; margin-top: 0; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; }

h1 { font-size: 24px; }

h2 { font-size: 20px; }

h3 { font-size: 17px; }

h4 { font-size: 13px; }

h5 { font-size: 11px; }

h6 { font-size: 100%; margin-bottom: 0px; text-transform: uppercase; font-family: "PT Sans Narrow", sans-serif; padding: 6px; color: #f7f7f7; margin-top: 0px; line-height: 1px; letter-spacing: 0px; font-weight: lighter; }

.new-wrapper-large h6 { font-size: 200%; margin-bottom: 0px; text-transform: uppercase; font-family: "PT Sans Narrow", sans-serif; padding: 15px; color: #f7f7f7; margin-top: 0px; line-height: 2px; letter-spacing: 0px; }

/*Paragraph*/
p { margin: 15px; font-size: 13px; }

.font-size-xx-large { font-size: 28px; }

.font-size-x-large { font-size: 24px; }

.font-size-large { font-size: 20px; }

.font-size-medium { font-size: 17px; }

.font-size-small { font-size: 13px; }

.font-size-x-small { font-size: 11px; }

.font-size-xx-small { font-size: 10px; }

p:first-child { margin-top: 0; }

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

address { line-height: 10px; font-size: 13px; margin-left: 15px; }

hr { border: 1px solid #536b77; opacity: .3; }

.center { text-align: center; }

/*Blockquote*/
blockquote > p:first-child::before { content: open-quote; }

blockquote > p:last-child::after { content: close-quote; }

blockquote, q { quotes: "“" "”"; }

.post-content blockquote p { font-size: 24px; }

blockquote { color: #232626; border-left: 0; border-right: 0; margin: 15px 10px 15px 10px; padding: 15px 0; }
blockquote p { font-size: 24px; line-height: inherit; }

cite, blockquote[cite]:after, cite { font-family: "Open Sans", Helvetica, Sans-Serif; font-size: 13px; }

blockquote[cite]:after { content: "—" attr(cite); display: block; color: #7e7e78; }

cite { margin-left: 40px; margin-top: -1em; margin-bottom: 2em; }

cite:before { content: "—"; }

.answer { margin: 10px 10px 10px 60px; padding: 15px; }

/*Pre & Code*/
pre, code { white-space: pre; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; font-family: "andale mono", "lucida console", monospace; }

pre { /*Merge with Blockquote?*/ border: 2px #586173 solid; border-left: 0; border-right: 0; margin: 30px 0 30px 40px; padding: 15px 0; }

/*Tables*/
table { font-size: 13px; margin: 15px 0; }

table, td, th { vertical-align: middle; }

th, td { text-align: left; font-weight: 400; padding: 0 5px; }

th { border-bottom: 1px solid; font-weight: 700; }

/*Ordered & Unordered lists*/
ul, ol { padding: 0; margin: 15px 0 15px 25px; list-style: disc; }

/*Definition lists*/
dl { margin: 20px 0; padding: 0; font-family: "Open Sans", Helvetica, Sans-Serif; }

dt, dd { font-size: 11px; }

dt { font-weight: 700; margin-top: 15px; }
dt:first-child { margin: 0; }

dd { margin-left: 0; }

/*Typographic tags*/
small { font-size: 30%; }

strong { font-weight: 700; }

em { font-style: italic; }

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

.entypo-menu, .entypo-search, .entypo-facebook, .entypo-twitter, .entypo-tumblr, .entypo-soundcloud, .entypo-note { font-size: 17px; color: #ece6d9; font-weight: 100; position: relative; }

.entypo-search, .entypo-facebook, .entypo-twitter, .entypo-tumblr, .entypo-soundcloud, .entypo-note { top: 1px; }

.zocial-youtube { font-size: 16px; color: #ece6d9; font-weight: 100; position: relative; }

.zocial-instagram { font-size: 13px; color: #ece6d9; font-weight: 100; top: 3px; position: relative; }

.entypo-menu ul, .entypo-search ul { text-align: left; }

.entypo-mail, .entypo-basket { font-size: 17px; color: #536b77; line-height: 21px; padding: 7px 10px 8px 10px; border-radius: 50%; margin-right: 10px; }

.entypo-export, .entypo-plus { font-size: 17px; color: #536b77; line-height: 21px; padding: 7px 5px 8px 0px; border-radius: 50%; margin-right: 10px; }

.entypo-star, .entypo-note-beamed, .entypo-eye, .entypo-ticket { font-size: 17px; color: #536b77; line-height: 21px; border-radius: 50%; margin-left: 10px; }

.entypo-eye, .entypo-ticket { padding: 7px 10px 8px 10px; }

.entypo-star { padding: 7px 11px 8px 11px; }

.entypo-note-beamed { padding: 7px 13px 8px 12px; }

.entypo-info { font-size: 17px; color: #c37979; line-height: 21px; padding: 7px 16px 8px 13px; border-radius: 50%; margin-right: 10px; }

.entypo-heart, .entypo-comment, .entypo-network { font-size: 17px; color: #536b77; line-height: 21px; padding: 7px 12px 8px 11px; border-radius: 50%; margin-right: 10px; }

/*Generic Classes*/
.scrollup:hover { opacity: .6; }

.more-link { font-style: italic; }

.hidden { display: none; }

.crop { overflow: hidden; }

.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; }

/*Wordpress Classes*/
.alignleft, .alignright, .aligncenter { margin: 10px 0 15px 0; }

.alignleft { float: left !important; margin-right: 15px; }

.alignright { float: right !important; margin-left: 15px; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { text-align: center; margin-top: 10px 0 15px 0; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption-text { font-size: 13px !important; color: #4b4b4b; margin-top: 10px; }

.gallery .gallery-caption { margin-left: 0 !important; font: 11px "Open Sans", Helvetica, Sans-Serif !important; line-height: 1.45; }

/*TODO: Style sticky post*/
.sticky .post-title:before { content: "Sticky: "; }

.bypostauthor { border: 2px solid #536b77; padding: 15px 0; border-left: 0; border-right: 0; }

/*Pagination links*/
.pagination { font-size: 24px; margin: 0px auto; text-transform: uppercase; text-align: center; }
.pagination a { padding: 0; width: 100%; background: none; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.pagination a:hover { background: none; color: #d78367; }
.pagination.small { font: "Open Sans", Helvetica, Sans-Serif; }
.pagination.small .title, .pagination.small h1, .pagination.small h2, .pagination.small h3, .pagination.small h4, .pagination.small h5 { font-weight: 400; margin-right: 15px; }
.pagination.small a { margin: 0; color: #f7f7f7; padding: 4px 6px; }

/*Media*/
iframe { width: 100%; padding: 0px; }

/*Metadata content*/
.metadata { font: 11px "Open Sans", Helvetica, Sans-Serif; }

ul.metadata { list-style: none; }

ul.metadata.horizontal { margin-top: 15px; display: inline-block; }
ul.metadata.horizontal li { float: left; background: none; }
ul.metadata.horizontal li:not(:last-of-type) { margin-right: 15px; }

ul.metadata.vertical { margin: 5px 0 25px 10px; }
ul.metadata.vertical li { text-align: left; margin-bottom: 7px; }
ul.metadata.vertical li.date { margin-bottom: 15px; }

dl.metadata { text-align: right; margin-bottom: 15px; }

.post-group { margin-top: 0; }
.post-group ~ .post-group { margin: 30px auto; }

#page #main-posts .post-group-header { float: right; margin: 0; padding-right: 25px; width: 100%; padding-top: 30px; }

.no-padding { padding-left: 25px; }

#main-posts { margin: 0 auto; width: 100%; max-width: 960px; min-width: 727px; padding-left: 30px; }

#main-posts .new-wrapper-small { margin-bottom: 5px; margin-right: 5px; }

#main-posts .post { margin: 0px 0; }

#main-posts .post-group-header { width: 100%; }

.post-title { font-size: 24px; color: #536b77; text-transform: uppercase; }

.post-header { margin-bottom: 5px; }

.post-content { font: 17px/1.6 "Open Sans", Helvetica, Sans-Serif; }
.post-content p, .post-content ul li, .post-content ol li, .post-content dt, .post-content dd { font-size: 15px; }
.post-content code, .post-content small { font-size: 30%; }
.post-content img { width: 100%; height: auto; }

/*CAROUSEL*/
.post-group.threeup nav.carousel-nav { margin-top: 145px; }

nav.carousel-nav { position: absolute; margin-top: 300px; font-size: 28px; width: 100%; z-index: 1; margin-left: -10px; }

nav.carousel-nav .next { margin-left: 99.5%; }

nav.carousel-nav .next, nav.carousel-nav .prev { color: #536b77; }

.browser-view { display: block; }

.mobile-view { display: none; }

.carousel { width: 100%; position: relative; }

.carousel .carousel-item { display: none; }

.carousel .carousel-active { display: block; margin-left: 15px; position: relative; z-index: 2; }

.carousel .carousel-nav:nth-child(2) { display: none; }

.carousel-slide { position: relative; overflow: hidden; }

.carousel-slide .carousel-item { position: absolute; left: 100%; top: 0; width: 100%; /* necessary for non-active slides */ display: block; /* overrides basic carousel styles */ z-index: 1; }

.carousel-slide .carousel-active { left: 0; position: relative; z-index: 2; }

.carousel-slide .carousel-in { left: 0; }

.carousel-slide-reverse .carousel-out { left: 100%; }

.carousel-slide .carousel-out, .carousel-slide-reverse .carousel-in { left: -100%; }

.carousel-slide-reverse .carousel-active { left: 0; }

.carousel .post { margin: 0; }

.new-wrapper-large { float: left; width: 621px; height: 621px; margin-right: 5px; position: relative; background-color: #7eb5a9; -webkit-box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.6); -moz-box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.6); box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.6); }

.new-wrapper-large span { visibility: hidden; position: absolute; top: 0; left: 0; max-width: 621px; max-height: 621px; }

.new-wrapper-large:hover span { visibility: visible; }

.new-wrapper-large:hover img { opacity: .06; }

.new-wrapper-large span h1 { font-size: 96px; float: left; padding: 10px; text-transform: uppercase; line-height: 85px; font-family: "PT Sans Narrow", sans-serif; color: #f7f7f7; width: 97%; letter-spacing: -5px; word-spacing: 15px; font-weight: lighter; }

.sky .new-wrapper-small { background-color: #7eb5a9; }

.coral .new-wrapper-small { background-color: #d78367; }

.blue .new-wrapper-small { background-color: #7e9ab3; }

.pink .new-wrapper-small { background-color: #c37979; }

.new-wrapper-small { float: left; width: 308px; height: 308px; margin-bottom: 5px; position: relative; background-color: #c37979; -webkit-box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.6); -moz-box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.6); box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.6); }

.new-wrapper-small span { visibility: hidden; max-width: 308px; max-height: 308px; position: absolute; top: 0; left: 0; overflow: hidden; padding: 5px; }

.new-wrapper-small:hover span { visibility: visible; }

.new-wrapper-small:hover img { opacity: .06; }

.new-wrapper-small span h1 { float: left; font-size: 32px; text-transform: uppercase; line-height: 32px; font-family: "PT Sans Narrow", sans-serif; color: #F2F2F2; padding: 5px 5px 10px 5px; margin: 0px 0px 10px 0px; width: 97%; letter-spacing: -1px; word-spacing: 5px; }

.post-group .threeup .row .new-wrapper-small { margin-right: 15px; }

.new-wrapper-smaller { float: left; width: 250px; height: 250px; position: relative; background-color: #7eb5a9; -webkit-box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.6); -moz-box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.6); box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.6); }

.new-wrapper-smaller span { visibility: hidden; max-width: 250px; max-height: 250px; position: absolute; top: 0; left: 0; overflow: hidden; }

.new-wrapper-smaller:hover span { visibility: visible; }

.new-wrapper-smaller:hover img { opacity: .06; }

.new-wrapper-smaller span h1 { float: left; font-size: 60px; text-transform: uppercase; line-height: 50px; }

.new-wrapper-small-feature { float: left; width: 298px; height: 298px; padding-left: 10px; padding-top: 10px; margin-bottom: 5px; background-color: #7eb5a9; -webkit-box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.6); -moz-box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.6); box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.6); }

.new-wrapper-small-feature h1 { float: left; width: 100%; text-align: center; font-style: normal; }

.new-wrapper-small-feature h1 a { color: #f7f7f7; }

.new-wrapper-small-feature:hover { cursor: pointer; background-color: #d78367; }

.large-excerpt a { color: #f7f7f7; margin: 0; font-weight: 500; line-height: 28px; font-style: italic; }

.large-excerpt { margin: 0; padding: 5px; }

.large-excerpt p { padding: 0; }

.small-excerpt a { color: #f7f7f7; margin: 0; font-weight: 500; line-height: 24px; font-style: italic; }

#main-posts .small-excerpt p { color: #f7f7f7; margin: 0; font-weight: 500; line-height: 24px; font-style: italic; font-size: 17px; }

.small-excerpt { margin: 0; padding: 5px; }

.small-excerpt p { padding: 0; }

#content.home .post-group.oneup.large section .small-excerpt p, #content.home .post-group.threeup section .small-excerpt p { font-size: 17px; margin: 0; }

#content.home .post-group.oneup.large section p.cat-title { font-size: 70%; padding: 0; }

#content.home .post-group.threeup section p.cat-title { font-size: 70%; padding: 0; margin: 0; }

.more-cat { display: none; }

.post-title .entypo-right-open-big { font-size: 200px; }

.post, .type-page { margin: 0 0 0 0; }
.post:first-child, .type-page:first-child { margin-top: 0; }
.post:last-child, .type-page:last-child { margin-bottom: 0; }
.post.leftaside .post-content, .type-page.leftaside .post-content { width: 65.2%; }
.post.leftaside .post-info, .type-page.leftaside .post-info { width: 30.37%; }

.post.leftaside .post-info { margin-left: 15px; margin-top: 15px; }

#content { margin: 92px 0 0px 0; position: relative; min-height: 500px; }

#content-primary { width: 100%; }

#content.page .post img { box-shadow: none !important; }

/*Buttons*/
button, .button, input[type=submit] { display: inline-block; color: #536b77; padding: 8px 10px; text-align: center; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
button:hover, .button:hover, input[type=submit]:hover { color: #d78367; }

button.alt, .button.alt, input[type=submit].alt { color: #536b77; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
button.alt:hover, .button.alt:hover, input[type=submit].alt:hover { color: #d78367; opacity: 1; }
button.alt a:hover, .button.alt a:hover, input[type=submit].alt a:hover { color: #536b77; }

button.small, .button.small { font-size: 13px; background: #ece6d9; max-width: 30px; max-height: 28px; min-width: 30px; min-height: 28px; padding-top: 14px; color: #536b77; opacity: .8; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

.button.small .entypo-facebook, .button.small .entypo-twitter, .button.small .entypo-tumblr, .button.small .entypo-gplus, .button.small .entypo-pinterest, .button.small .zocial-youtube, .button.small .zocial-vimeo, .button.small .zocial-instagram { font-size: 17px; color: #536b77; line-height: 0; }

.button.small .zocial-youtube { font-size: 20px; }

/*Search - not implemented*/
#searchform input { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; font-size: 46px; font-family: "Open Sans", Helvetica, Sans-Serif; }

#search { float: left; }
#search #search_button { display: none; }
#search #search_form input { font-size: 11px; }

/*ICONS*/
.icon-align-justify { color: #7eb5a9; }

.align-right { text-align: right; }

/*PLAYER*/
#prtls-player { background-color: #f7f7f7; display: block; overflow: hidden; border-bottom: 6px solid #d78367; border-top: 6px solid #d78367; width: 100%; max-width: 960px; min-height: 800px; -webkit-box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.3); -moz-box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.3); box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.3); }

#prtls-player a { color: #536b77; }

#prtls-player ::-webkit-scrollbar { width: 8px; height: 9px; padding: 2px; }

#prtls-player ::-webkit-scrollbar-button:start:decrement, #prtls-player ::-webkit-scrollbar-button:end:increment { display: block; height: 0; background-color: transparent; }

#prtls-player ::-webkit-scrollbar-track-piece { background: #536b77; }

#prtls-player ::-webkit-scrollbar-thumb:vertical { height: 50px; background-color: #d78367; }

#prtls-player ::-webkit-scrollbar-thumb:horizontal { width: 50px; background: #7e7e78; }

#prtls-player .sc-player { padding: 0 15px 15px 15px; }

#prtls-player .sc-info { display: inline-block; padding: 15px 0; position: relative; top: 55px; width: 75%; }

#prtls-player .sc-info h3 { display: inline-block; font-size: 36px; margin-bottom: 0; }

#prtls-player .sc-info h3:after { color: #536b77; content: ''; }

#prtls-player .sc-info p { font-size: 17px; background: #536b77; width: 100px; text-align: center; padding: 5px; margin: 15px 15px 0px 15px; color: #c37979; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; display: block; }

#prtls-player .sc-info p:hover { background: #d78367; }

#prtls-player .sc-info p a { color: #f7f7f7; }

#prtls-player .sc-info-close { display: none; }

#prtls-player .sc-info h4, .sc-info h3 a { display: inline-block; padding: 5px; margin: 10px; position: relative; }

#prtls-player .sc-info h4 { display: none; }

#prtls-player .sc-artwork-list { display: block; position: absolute; top: 15px; right: 50px; }

#prtls-player .sc-artwork-list li { display: none; }

#prtls-player .sc-artwork-list li.active { display: block; }

#prtls-player .sc-artwork-list li img { width: 60%; height: auto; float: right; list-style-type: none; border: 5px solid #fffefe; }

#prtls-player .sc-controls { display: inline-block; z-index: 2; font-size: 34px; left: 15px; position: absolute; top: 10px; }

#prtls-player .sc-controls a { color: #f7f7f7; padding: 0px 12px 24px 12px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

#prtls-player .sc-controls a:hover { background-color: #d78367; }

#prtls-player .sc-info-toggle { display: none; }

#prtls-player .sc-scrubber { width: 63%; height: 22px; position: absolute; top: 15px; left: 80px; background: #536b77; margin: 10px; max-width: 920px; margin: 10px; max-width: 920px; }

#prtls-player .sc-scrubber img { opacity: .3; height: 22px!important; width: 100%!important; }

#prtls-player .sc-trackslist { top: 90px; background-color: #fffefe; padding: 10px; overflow: auto; font-size: 11px; width: 94.5%; max-height: 500px; position: relative; display: inherit;}

#prtls-player .sc-trackslist a { display: inline-block; padding: 5px 10px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

#prtls-player .sc-track-duration { color: #536b77; position: absolute; right: 40px; top: 5px; }

#prtls-player .sc-trackslist li { position: relative; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

#prtls-player .sc-trackslist li.active { background-color: #536b77; }

#prtls-player .active a { color: #f7f7f7; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

#prtls-player .sc-trackslist .active:hover { background-color: #d78367; }

#prtls-player .sc-trackslist li.active .sc-track-duration { color: #7e7e78; }

#prtls-player .sc-trackslist li:hover { background-color: #d78367; color: #fffefe; }

#prtls-player .sc-trackslist a:hover { color: #f7f7f7; }

#prtls-player .sc-waveform-container { position: absolute; width: 100%!important; z-index: 3; }

#prtls-player .sc-buffer, #prtls-player .sc-played { height: 22px; position: absolute; }

#prtls-player .sc-played { background: #7e7e78; z-index: 2; }

#prtls-player .sc-buffer { background-color: #d78367; z-index: 1; }

#prtls-player .sc-player.playing .sc-play { color: #536b77; }

#prtls-player .sc-play { margin-right: 7px; }

@media (max-width: 800px) { #prtls-player .sc-artwork-list { display: none; } }
/*IN POST PLAYER*/
.music { margin: 10px; background-color: #fffefe; padding: 10px; -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.3); box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.3); min-height: 140px; }

.music .entypo-soundcloud { position: relative; height: 12px; color: #d78367; z-index: 8000; float: right; font-size: 28px; right:10px; }

.post-content .sc-player { width: 100%; height: auto; position: relative; padding: 0px; }

.post-content .sc-player ol, .post-content .sc-player li { margin: 0; padding: 0; list-style: none; }

/* Artworks */
.post-content .sc-player .sc-artwork-list { display: none; }

.post-content .sc-player .sc-artwork-list li { list-style-type: none; display: none; }

.post-content .sc-player .sc-artwork-list li.active { list-style-type: none; display: block; }

.post-content .sc-player .sc-artwork-list li img, .sc-player .sc-artwork-list li div { list-style-type: none; width: 100%; height: 100%; }

.post-content .sc-no-artwork { display: none; }

/* controls */
.post-content .sc-player .sc-controls { display: inline-block; z-index: 2; font-size: 26px; left: 15px; position: absolute; top: 10px; }

.post-content .sc-player .sc-controls a { color: #fffefe; padding: 0px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; position: relative; top: 0; margin: 0px; display: block; width: 40px; height: 40px; border-radius: 50%; background: #536b77; text-align: center; }

.post-content .sc-player .sc-controls a.sc-pause { display: none; }

.post-content .sc-player.playing .sc-controls a.sc-play { display: none; }

.post-content .sc-player.playing .sc-controls a.sc-pause { display: block; }

/* scrubber */
.post-content .sc-scrubber { width: 86.8%; height: 22px; position: absolute; top: 8px; left: 10%; background: #536b77; margin: 10px; max-width: 500px; display: block; }

.post-content .sc-scrubber .sc-time-span { margin: 5px; background-color: #536b77; }

.post-content .sc-scrubber .sc-buffer, .post-content .sc-scrubber { height: 22px; position: absolute; top: 8px; background-color: #536b77; }

.sc-played { height: 22px; position: absolute; top: 0; background-color: #d78367; }

.post-content .sc-buffer { background-color: #d78367; z-index: 1; }

.post-content .sc-buffer, .post-content .sc-played { height: 22px; position: absolute; }

.post-content .sc-scrubber .sc-buffer { top: 0; }

.post-content .sc-played { background: #d78367; z-index: 2; top: 0; }

.sc-time-indicators { height: 20px; position: absolute; top: 0; font-size: 13px; color: #f7f7f7; right: 9px; z-index: 2; }

.sc-waveform-container { display: none; }

.post-content .sc-track-duration { position: absolute; right: 40px; top: 5px; }

.post-content .sc-player .sc-trackslist li.active .sc-track-duration { color: #f7f7f7; }

.post-content .sc-player .sc-controls a { color: #f7f7f7; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

.post-content .sc-player .sc-controls a:hover { background-color: #d78367; }

/* Track listings*/
.post-content .sc-player ol.sc-trackslist { top: 40px; padding-top: 10px; overflow: auto; font-size: 11px; width: 100%; position: relative; list-style: none; margin-bottom: 70px; display:none;}

.post-content .sc-player ol.sc-trackslist li { cursor: pointer; margin: 1px 5px; padding: 3px 30px 3px 5px; position: relative; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

.post-content .sc-player ol.sc-trackslist li span { position: absolute; right: 10px; top: 7px; }

.post-content .sc-player .sc-trackslist li.active { background-color: #536b77; }

.post-content .sc-player .sc-trackslist li.active a { color: #f7f7f7; }

.post-content .sc-player ::-webkit-scrollbar { width: 8px; height: 9px; padding: 2px; }

.post-content .sc-player ::-webkit-scrollbar-track-piece { background: #536B77; }

.post-content .sc-player .sc-trackslist a { display: inline-block; padding: 5px 10px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

/* Track info*/
.post-content .sc-player .sc-info { display: inline-block; padding: 15px 0px 15px 15px; position: relative; top: 45px; }

.post-content .sc-player .sc-info h3 { display: inline-block; font-size: 14px; margin-bottom: 0; }

.post-content .sc-player .sc-info.active { left: 50%; top: 12%; }

.post-content .sc-player .sc-info-toggle { display: none; }

.post-content .sc-player .sc-info-toggle.active { left: -5000px; }

.post-content .sc-player .sc-info-close { display: none; }

.post-content .sc-player .sc-info h4, .post-content .sc-player .sc-info h3 a { display: inline-block; margin: 5px 0px 0px 0px; position: relative; }

.post-content .sc-player .sc-info h4 { display: block; padding-left: 5px; }

.post-content .sc-player .sc-info p { display: none; }

/* volume control */
.post-content .sc-volume-slider { display: none; }

/* utilities */
.post-content .sc-player .hidden { display: none; }

.post-content .sc-player-engine-container { width: 1px; height: 1px; position: fixed; top: 2px; left: 2px; }

/*CATEGORY*/
.children { display: inline-block; margin-left: 5px; }

#category-list { display: inline-block; margin: 2px 0 20px 0px; }

#category-list li { display: inline-block; margin-bottom: 0px; }

#category-list li a { color: #536b77; font-size: 13px; display: inline-block; padding: 0px 6px; }

#category-list li h4 { display: none; }

#category-list li a:hover { color: #d78367; opacity: 1; }

/*NEWSLETTER*/
#mc_embed_signup h2 { font-family: "PT Sans Narrow", sans-serif; font-size: 30px; color: #536b77; }

#mc_embed_signup { padding: 15px; text-align: center; }

#mc-embedded-subscribe { font-family: "PT Sans Narrow", sans-serif; background: #f7f7f7; font-size: 17px; color: #536b77; border: none; margin-top: 15px; text-transform: uppercase; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

#mc-embedded-subscribe:hover { color: #fffefe; background: #d78367; }

#mc-field-group { font-family: "Open Sans", Helvetica, Sans-Serif; }

#mce-EMAIL { border: 2px solid #536b77; margin-left: 5px; }

#colorbox, #cboxOverlay, #cboxWrapper { z-index: 14000; }

/*MOBILE*/
@media only screen and (max-width: 767px) { button, .button, input[type=submit] { width: 100% !important; }
  /*Typography*/
  h1 { font-size: 24px; }
  h2 { font-size: 20px; }
  h3 { font-size: 17px; }
  h4 { font-size: 13px; }
  h5 { font-size: 11px; }
  h6 { font-size: 10px; }
  /*Metadata content*/
  ul.metadata.vertical { margin-top: 30px; display: inline-block; }
  ul.metadata.vertical li { float: left; background: none; margin-right: 15px; text-align: left; }
  ul.metadata.vertical li.last, ul.metadata.vertical li:last-child { margin-right: 0; }
  ul.metadata.vertical li:first-child { margin-left: 0; }
  #content.single .post .flush-left { margin-left: 0% !important; }
  #content.single .post img.flush-left { max-width: 100% !important; } }
@media only screen and (min-width: 1200px) { #content { min-height: 600px; } }
@media screen, projection { label { font: 400 13px "Open Sans", Helvetica, Sans-Serif; }
  input[type=text], textarea { border: none; font: 13px "Open Sans", Helvetica, Sans-Serif; color: #536b77; padding: 3px 4px; text-align: center; }
  input[type=text]:focus, textarea:focus { border: none; } }
.widget { font-size: 11px; margin-bottom: 15px; }
.widget .widget-title { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.widget p { font-size: 11px; }

.widget.six.columns, .widget.three.columns, .widget.four.columns { float: left !important; }

.widget.six.columns:nth-child(2n+1), .widget.three.columns:nth-child(4n+1), .widget.four.columns:nth-child(3n+1) { margin-left: 0; clear: left; }

.widget.six.columns:nth-child(2n), .widget.three.columns:nth-child(4n), .widget.four.columns:nth-child(3n) { margin-right: 0; float: right; }

#comment-form-content textarea { -webkit-transition: height 0.5s cubic-bezier(0.02, 0, 0.18, 1); -moz-transition: height 0.5s cubic-bezier(0.02, 0, 0.18, 1); }

button, .button, input[type=submit] { -webkit-transition: background-color 0.5s cubic-bezier(0.02, 0, 0.18, 1); -moz-transition: background-color 0.5s cubic-bezier(0.02, 0, 0.18, 1); }

#content.single .previous .arrow, #content.single .previous a { -webkit-transition: all 0.75s cubic-bezier(0.02, 0, 0.18, 1); -moz-transition: all 0.75s cubic-bezier(0.02, 0, 0.18, 1); }

#site-title { border-radius: 50%; background-color: #536b77; font-size: 24px; height: 60px; width: 60px; margin-bottom: 0 auto; cursor: pointer; -webkit-animation: color_change 80s infinite alternate; -moz-animation: color_change 80s infinite alternate; -ms-animation: color_change 80s infinite alternate; -o-animation: color_change 80s infinite alternate; animation: color_change 80s infinite alternate; }

@-webkit-keyframes color_change { 0% { background-color: #536b77; }
  50% { background-color: #7eb5a9; }
  100% { background-color: #d78367; } }

@-moz-keyframes color_change { 0% { background-color: #536b77; }
  50% { background-color: #7eb5a9; }
  100% { background-color: #d78367; } }

@-ms-keyframes color_change { 0% { background-color: #536b77; }
  50% { background-color: #7eb5a9; }
  100% { background-color: #d78367; } }

@-o-keyframes color_change { 0% { background-color: #536b77; }
  50% { background-color: #7eb5a9; }
  100% { background-color: #d78367; } }

@keyframes color_change { 0% { background-color: #536b77; }
  50% { background-color: #7eb5a9; }
  100% { background-color: #d78367; } }

#site-title:hover { background-color: #d78367; }

#site-description { margin-top: 0; font-size: 13px; }

#logo { float: left; padding: 15px 15px 0 0px; position: absolute; z-index: 8000; top: 0; }

#logo-text { width: 100px; position: absolute; top: 22px; left: 70px; font-size: 28px; font-weight: 700; color: #536b77; }

#logo-text a { color: #536b77; }

#logo-text a:hover { color: #d78367; }

#menu { width: 100%; max-width: 960px; margin-left: auto; min-width: 727px; }

.wrapper-dropdown { position: relative; z-index: 3000; margin-right: 7px; float: left; background: #536b77; cursor: pointer; outline: none; height: 28px; width: 28px; border-radius: 50%; text-align: center; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; margin-bottom: 5px;}

.wrapper-dropdown:hover, .wrapper-dropdown-3:hover { background-color: #d78367; color: #ece6d9; }

.wrapper-dropdown a { padding: 0; }

.wrapper-dropdown-3 { position: relative; z-index: 3000; margin-right: 7px; float: left; background: #536b77; cursor: pointer; outline: none; height: 28px; width: 28px; border-radius: 50%; color: #ece6d9; text-align: center; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

.wrapper-dropdown-3 .dropdown { position: absolute; right: -10px; width: 340px; border-radius: 0; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; list-style: none; opacity: 0; text-align: left; display: inline; }

.wrapper-dropdown-3 .dropdown li a { display: inline; padding: 6px 8px 6px 8px; text-decoration: none; color: #006c80; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.wrapper-dropdown-3 .dropdown li i { float: right; color: inherit; }

/* Hover state */
.wrapper-dropdown-3 .dropdown li:hover a { color: #d78367; }

/* Active state */
.wrapper-dropdown-3.active .dropdown { opacity: 1; pointer-events: auto; }

/* No CSS3 support */
.no-opacity .wrapper-dropdown-3 .dropdown, .no-pointerevents .wrapper-dropdown-3 .dropdown { display: none; opacity: 1; /* If opacity support but no pointer-events support */ pointer-events: auto; /* If pointer-events support but no pointer-events support */ }

.no-opacity .wrapper-dropdown-3.active .dropdown, .no-pointerevents .wrapper-dropdown-3.active .dropdown { display: block; }

.wrapper-dropdown-3:focus .dropdown { opacity: 1; pointer-events: auto; }

#site-nav { position: relative; float: right; width: 292px; margin: 30px auto 30px auto; }
#site-nav ul { margin: 0 0 15px 0; list-style: none; padding: 6px; }
#site-nav ul ul { background: #f7f7f7; background: rgba(255, 255, 255, 0); list-style: none; position: absolute; z-index: 100001; margin: 0; left: -9999px; }
#site-nav ul ul li { display: inline; float: none; margin: 0; }
#site-nav ul ul li:first-child { margin-top: 10px; }
#site-nav ul ul li:last-child { border-bottom: 0; margin-bottom: 10px; }
#site-nav ul ul a { padding: 10px 10px; white-space: nowrap; color: #4b4b4b; }
#site-nav ul ul ul { position: relative; margin-top: 0; }
#site-nav ul ul ul li:first-child { margin-top: 0; }
#site-nav ul ul ul li:last-child { margin-bottom: 0; }
#site-nav ul ul ul a { padding: 7px 30px 7px 30px; }
#site-nav li { display: inline; margin: 0; position: relative; }
#site-nav li:hover ul { left: 0; background: #fdeeba; width: 225px; padding: 0 15px; }
#site-nav li:hover ul a:hover { background: #495d68; }
#site-nav li:hover ul a { font-weight: 400; padding: 7px 30px 7px 10px; white-space: nowrap; }
#site-nav li:hover ul ul { border: 0; }
#site-nav li:hover ul ul a { padding: 7px 30px 7px 15px; }
#site-nav li:hover li { margin-top: 0; border: none; }
#site-nav a { display: inline; text-transform: uppercase; color: #536b77; font: 700 11px "Open Sans", Helvetica, Sans-Serif; }
#site-nav a:hover { color: #d78367; }

#page-header { width: 100%; z-index: 9000; position: fixed; background: url(images/pattern2.png) repeat #ece6d9; top: 0; padding: 0 10px; margin: auto; }

#sub_header { padding-bottom: 15px; margin-bottom: 30px; }
#sub_header p { margin-top: 0; }

@media only screen and (max-width: 420px) { #site-nav li { float: none; margin: 0; }
  #site-nav li a { font-size: 13px; padding: 15px 0; }
  #site-nav li:last-child { border-bottom: 0; }
  #site-nav ul ul { display: none; } }
/* TODO: General cleanup */
#content.home { /* TODO: Try this pattern out :not(:last-child) */ }
#content.home .post-group-header { margin-bottom: 0; margin-left: 82.6%; float: right; padding-bottom: 10px; padding-right: 10px; font: 13px "Open Sans", Helvetica, Sans-Serif; }
#content.home .post-group-header .label { font-weight: 700; float: right; color: #536b77; }
#content.home .post-group-header .label a { color: #536b77; }
#content.home .post-group-header .label a:hover { color: #d78367; }
#content.home .post-group-header .caption { font-style: italic; color: #7e7e78; margin: 0 10px; }
#content.home .post-group-header .more { font-family: "Open Sans", Helvetica, Sans-Serif; }
#content.home .post-group { margin-bottom: 0; }
#content.home .post-group .read-more { margin-top: 0; }
#content.home .post-group .read-more .more { font-size: 11px; }
#content.home .post-group.oneup.large section { margin: 0 0 10px 0; }
#content.home .post-group.oneup.large section p { padding: 0px 5px; font-size: 20px; margin: 0px; font-weight: 400; }
#content.home .post-group.twoup .post, #content.home .post-group.threeup .post, #content.home .post-group.fourup .post { margin-top: 0; float: left !important; }
#content.home .post-group.twoup header h1, #content.home .post-group.threeup header h1, #content.home .post-group.fourup header h1 { font-size: 13px; font-weight: 700; }
#content.home .post-group.twoup section p, #content.home .post-group.threeup section p, #content.home .post-group.fourup section p { font-size: 38px; padding: 10px 0; }
#content.home .post-group.twoup .metadata li, #content.home .post-group.threeup .metadata li, #content.home .post-group.fourup .metadata li { font-size: 11px; }
#content.home .post-group.twoup .post { width: 47.8%; }
#content.home .post-group.threeup .carousel .post { margin-right: 27px; width: 30.37%; }
#content.home .post-group.fourup .post { width: 21.679%; }
#content.home .post-group.twoup .post:nth-child(2n+1), #content.home .post-group.threeup .post:nth-child(3n+1), #content.home .post-group.fourup .post:nth-child(4n+1) { margin-left: 0; clear: left; }
#content.home .post-group.twoup .post:nth-child(2n), #content.home .post-group.threeup .post:nth-child(3n), #content.home .post-group.fourup .post:nth-child(4n) { margin-right: 0; float: right; }
#content.home .post-group.twoup .post:nth-child(n+3), #content.home .post-group.threeup .post:nth-child(n+4), #content.home .post-group.fourup .post:nth-child(n+5) { margin-bottom: 0; margin-top: 0; }

/*MOBILE*/
@media only screen and (max-width: 767px) { #content.home .post-group.oneup.large .post-content p { font-size: 24px; } }
/*Break out hierarchy*/
#previous-post .entypo-left-open, #previous-post .entypo-left-open, #previous-post .entypo-right-open, #previous-post .entypo-right-open { font-style: normal; padding: 0px 13px 0px 5px; font-size: 20px; float: left; color: #536b77; }

#previous-post { margin: 5px 0 5px 5px; font-family: "Open Sans", Helvetica, Sans-Serif; }
#previous-post a { font-size: 13px; color: #536b77; display: block; }
#previous-post a:hover { color: #d78367; }
#previous-post a:hover .arrow, #previous-post a:hover .arrow-next { color: #d78367; }

#previous-post.sidenav a { padding-top: 5px; }

.post-info { text-align: left; font-size: 13px; }

.sidebar-info { margin-bottom: 20px; }

.sidebar-info a { color: #536b77; }

.sidebar-info a:hover { color: #d78367; }

.nav-title { padding: 6px 6px 6px 0px; }

/* TODO: Remove heirarchy & general cleanup */
#content.single { position: relative; margin: 100px 0 60px 0; }
#content.single #excerpt { display: none; padding-bottom: 30px; color: #536b77; }
#content.single #excerpt p { padding-top: 0; font: italic 28px/1.55 "Open Sans", Helvetica, Sans-Serif; }
#content.single .post-content { background-color: #f7f7f7; color: #232626; }
#content.single .post-content h1, #content.single .post-content h2 { margin: 15px 0; padding: 0; }
#content.single .post-content h1 { font-size: 20px; margin-top: 30px; }
#content.single .post-content h2 { font-size: 17px; font-weight: 700; }
#content.single .post-content dd { margin-left: 40px; }
#content.single .post-content .flush-left { margin-left: -26.1%; }
#content.single .post-content blockquote.large p { font-size: 20px; }
#content.single .post-content img.flush-left, #content.single .post-content video.flush-left { max-width: 100%; }
#content.single .post-content .alignright, #content.single .post-content .alignleft { max-width: 40%; }
#content.single .post-content .alignright { margin-left: 20px; }
#content.single .post-content .alignleft { margin-right: 20px; }
#content.single .pagination { margin-top: 30px; }
#content.single #content-main { margin: 0 0 0 0; background: url(images/pattern.png) repeat #e6d6b0; -webkit-box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.3); -moz-box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.3); box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.3); }

#post-tweet { margin: 5px 0 0 0; }

.twitter-width { width: 90px; }

.facebook-width { width: 90px; }

li.facebook-width {
margin-top: -4px;
width: 90px;
}
.share { font-weight: 600; padding-left: 10px; text-transform: uppercase; }

.share-menu { padding: 6px 6px 6px 10px; cursor: pointer; color: #536b77; width: 100%; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

.share-menu:hover { color: #d78367; }

#post-footer { border-bottom: 2px solid #f7f7f7; padding-bottom: 15px; margin: 0 0 30px 0; /* TODO: Try this pattern out :not(:last-child) */ }
#post-footer .widget:nth-child(4n) { margin-right: 40px; }
#post-footer .widget:nth-child(4n+1) { clear: none; }
#post-footer .widget:nth-child(3n) { margin-right: 0; }
#post-footer .widget:nth-child(3n+1) { clear: left; }

.social-menu { display: inline-block; padding: 0px 0px 30px 20px;}

.social-menu ul { float: left; margin: 0; }

.social-menu li { display: inline-block; list-style-type: none; vertical-align: top; padding: 2px;}
 



/*MOBILE*/
@media only screen and (max-width: 767px) { .post-info .previous a:before { content: "Previous Post: "; }
  .post-info .previous nav { display: none !important; } }
#content.page.fullspread #content-primary { float: none; width: 100%; }

#masthead { color: #232626; background-color: #f7f7f7; float: left; text-align: center; font-size: 13px; padding-bottom: 30px; -webkit-box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.3); -moz-box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.3); box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.3); width: 100%; }

#masthead p { padding: 10px; }

.masthead { float: left; text-align: center; padding: 10px; }

.masthead ul, .contact ul { list-style: none; margin: 0; padding: 0; }

.support ul { margin: 20px 0px 0px 0px; list-style: none; padding: 0; }

.masthead ul li { font-size: 13px; }

.masthead p { margin: 0; }

.masthead h2 { margin-bottom: 0; font-size: 17px; }

#masthead h1 { font-weight: 300; font-size: 30px; margin-top: 10px; color: #536b77; font-family: "PT Sans Narrow", sans-serif; text-transform: uppercase; }

#masthead.support span a { padding: 10px; }

#masthead.support span a:hover { color: #d78367; }

.brown-box { padding: 15px; }

#radio { text-align: center; line-height: 0px; }

#radio span.entypo-soundcloud { font-size: 30px; color: #d78367; padding: 5px; }

#radio a h1 { margin: 0; }

.circle { cursor: pointer; background: #536b77; height: 100px; width: 100px; margin: 30px auto; border-radius: 50%; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

.circle a { color: #f7f7f7; font-family: "PT Sans Narrow", sans-serif; font-size: 24px; position: relative; top: 30px; }

.circle:hover { color: #fffefe; background-color: #d78367; }

.support { margin-bottom: 50px; }

.support .masthead { margin: 15px 0px; }

#masthead .support p { text-align: left; padding: 20px; }

.support h1 { margin-bottom: 25px; font-weight: 400; font-size: 50px; margin-top: 0px; color: #536b77; }

.support h2 { font-weight: 300; font-size: 30px; margin-top: 10px; color: #536b77; font-family: "PT Sans Narrow", sans-serif; text-transform: uppercase; }

.contact { margin-bottom: 50px; }

.contact h1 { margin-bottom: 25px; font-weight: 400; font-size: 50px; margin-top: 0px; color: #536b77; }

.contact h2 { margin-bottom: 25px; font-weight: 400; font-size: 28px; margin-top: 0px; color: #c37979; }

.search-page { padding: 65px 15px; }

.left-line { border-left: 1px solid rgba(83, 107, 119, 0.35); }

.fourohfour { text-align: center; }

.fourohfour p { font-size: 20px; }

.fourohfour h1 { font-size: 54px; font-weight: 700; color: #536b77; }

img.img-auto { width: auto; height: auto; padding-top: 20px; }

.gif-title { width: 100%; }

.row.new-width.search #main-posts { padding-left: 0px; }

#masthead .support p.center { text-align: center; padding: 0px; }

#content.archive #sidebar { margin-top: 60px; }

.cat-description p { margin: 0px 0px 10px 2px; }

#main-posts .nav h1, #main-posts p { color: #4b4b4b; }

#category-list li:first-child a { padding: 6px 6px 6px 2px; }

#content.fourohfour h2 { margin-top: 0; }

#content.fourohfour .main { margin-bottom: 30px; }

/* TODO: Use class selectors */
#sidebar { width: 13%; margin-top: 56px; margin-left: 0; background-color: #232626; padding: 15px; }
#sidebar .widget { margin-right: 0; }
#sidebar .widget-title:first-child { margin-top: 0 !important; }

#comments-container { margin-top: 60px; }
#comments-container .pagination { margin-bottom: 30px; }

.no_comments, .comments_closed { margin: 30px 0; font: italic 28px/1.25 "Open Sans", Helvetica, Sans-Serif; color: #7e7e78; }

#comment-form-logged-in-as, #comment-form-info { width: 21.679%; }

#comment-form-content { width: 73.9%; }

.comment-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 73.9%; font-family: "Open Sans", Helvetica, Sans-Serif; }
.comment-content blockquote, .comment-content blockquote p { font-size: 13px; }

.comment-reply-link { font: 700 11px "PT Sans Narrow", sans-serif; }

.comment-info { width: 21.679%; }

#comment-form-allowed-tags { width: 73.9%; }

#comments { list-style: none; padding-left: 0; margin-left: 0; }
#comments .date-time { display: block; margin-top: 3px; }
#comments .comment:not(:first-child) { margin: 60px 0; }
#comments .comment:last-child { margin-bottom: 0; }
#comments .comment.bypostauthor { margin: 45px 0; }
#comments .comment-edit-link { font-weight: 700; color: #d78367; }
#comments .children { list-style: none; margin-left: 40px; margin-top: 0; }
#comments .children .comment { margin: 30px 0; }

/*TODO reference IDs instead of tags*/
#respond { margin-top: 60px; }
#respond label { display: none; }
#respond input[type=text], #respond textarea { -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }
#respond input[type=text] { margin-bottom: 15px; text-align: right; }
#respond textarea { margin: 0; height: 118px; }
#respond textarea:focus { height: 375px; }
#respond #submit { margin-top: 15px; margin-left: 26.1%; }
#respond .loggedin { font-style: italic; }

/*MOBILE*/
@media only screen and (max-width: 767px) { #respond #comment-form-info input[type=text] { text-align: left; }
  #respond { margin-bottom: 30px; }
  #respond #submit { margin-left: 0; display: block; width: 100%; }
  #comments .metadata { margin-top: 5px; }
  #comments .date-time { display: inline; margin-top: 0px; }
  #comments .children { margin-left: 0; } }
#dsq-comments-title h3 { color: #232626; }

#dsq-comments-title a { color: #232626; }

#disqus_thread { padding: 18px 18px 0px 18px; background-color: #f7f7f7; border-top: solid 3px #e6d6b0; opacity: .55; margin-top: 20px; }

#disqus_thread h3 { color: #232626; font-weight: bold; font-family: Helvetica, sans-serif; font-size: 24px; padding-bottom: .5em; }

#dsq-content div.dsq-options { background: none; padding-bottom: 0px; }

#dsq-comments li.dsq-comment { margin-top: 12px; margin-bottom: 12px; padding: 12px; background: #f7f7f7; border: 1px solid #536b77; }

#dsq-content div.dsq-post-area { padding: 12px; background: #f7f7f7; border: 1px solid #536b77; }

#dsq-content .dsq-comment-header { background: none; }

.dsq-brlink { display: none; }

#dsq-content .dsq-comment-message { background: #f7f7f7; padding: 10px; }

#dsq-content #dsq-authenticate .dsq-login-buttons { background: none; background-image: none; margin-bottom: 0; }

#dsq-content #dsq-form-area .dsq-textarea .dsq-textarea-wrapper, #dsq-content #dsq-form-area .dsq-post-fields .dsq-input-wrapper { border: 1px solid #536b77; }

#dsq-new-post div.dsq-request-user-info { background: none; padding-bottom: 0px; }

#page-bottom { background: url(images/pattern.png) repeat #e6d6b0; color: #f7f7f7; min-height:50px;}

#page-footer { padding-bottom: 0; margin-top: 30px; }
#page-footer a { color: #536b77; font-weight: 600; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
#page-footer a:hover { color: #d78367; }

#copyright { color: #536b77; width: 100%; margin-left: auto; margin-right: auto; padding: 15px 15px 15px 19px;
max-width: 935px; height:20px}

#social-footer { width: 203px; display: block; margin: 0 auto; text-align: center; }

#footer-branding { margin-top: 20px; width: 100%; text-align: center; margin-right: auto; margin-left: auto; }

#footer-logo-title { border-radius: 50%; background-color: #536b77; font-size: 24px; height: 30px; width: 30px; cursor: pointer; margin: 0 auto; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; margin-top:-5px; float:right;}

#footer-logo-title:hover { background-color: #d78367; }

#footer-logo-description { margin-top: 0; font-size: 13px; }

#footer-logo-text a { width: 123px; font-size: 28px; font-weight: 700; color: #536b77; margin-left: auto; margin-right: auto; }

#footer-logo #logo-text a { color: #536b77; }

.social-footer-icon { margin-right: 7px; float: left; background: #536b77; cursor: pointer; outline: none; height: 28px; width: 28px; border-radius: 50%; color: #e6d6b0; text-align: center; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; margin-bottom: 8px; }

.social-footer-icon:hover, .social-footer-icon-last:hover { background: #d78367; }

.social-footer-icon-last { margin-right: 0px; float: left; background: #536b77; cursor: pointer; outline: none; height: 28px; width: 28px; border-radius: 50%; color: #e6d6b0; text-align: center; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

.widget .share { font-style: normal; }

.widget ul { list-style: none; margin: 0; }

.widget.nav-title { background: url(images/pattern.png) repeat #e6d6b0; }

.widget p { font-size: 11px; margin: 10px 0px 0px 0px; font-style: normal; }

#menu-footer { text-align: center; font-style: normal; }

#page-footer .share { text-align: center; }

#page-footer .widget { font-style: normal; margin: 0px; padding: 0px; }

#page-footer .sidebar-info li a { margin-bottom: 8px; }




/* CMJ */
li.cmj-blue, li.cmj-orange {
	list-style:none;
}
li.cmj-blue  a, .cmj-blue{
	color:#228AAC;
}
li.cmj-orange a, .cmj-orange {
	color:#f79652;
}
ul.featured-sidebar {
margin: 0px 0px 0px 14px;
}
/* --------------------------------------------------
	:: Grid
	-------------------------------------------------- */
/* Mobile */
@media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
  .container { min-width: 0; margin-left: 0; margin-right: 0; padding: 0px 0px; }
  .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
  .row .row .column, .row .row .post.leftaside .post-content, .post.leftaside .row .row .post-content, .row .row .type-page.leftaside .post-content, .type-page.leftaside .row .row .post-content, .row .row .post.leftaside .post-info, .post.leftaside .row .row .post-info, .row .row .type-page.leftaside .post-info, .type-page.leftaside .row .row .post-info, .row .row #content-primary, .row .row #content.home .post-group.twoup .post, #content.home .post-group.twoup .row .row .post, .row .row #content.home .post-group.fourup .post, #content.home .post-group.fourup .row .row .post, .row .row #sidebar, .row .row #comment-form-logged-in-as, .row .row #comment-form-info, .row .row #comment-form-content, .row .row .comment-content, .row .row .comment-info, .row .row #comment-form-allowed-tags, .row .row .columns { padding: 0; }
  .column, .post.leftaside .post-content, .type-page.leftaside .post-content, .post.leftaside .post-info, .type-page.leftaside .post-info, #content-primary, #content.home .post-group.twoup .post, #content.home .post-group.fourup .post, #sidebar, #comment-form-logged-in-as, #comment-form-info, #comment-form-content, .comment-content, .comment-info, #comment-form-allowed-tags, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
  .column:last-child, .post.leftaside .post-content:last-child, .type-page.leftaside .post-content:last-child, .post.leftaside .post-info:last-child, .type-page.leftaside .post-info:last-child, #content-primary:last-child, #content.home .post-group.twoup .post:last-child, #content.home .post-group.fourup .post:last-child, #sidebar:last-child, #comment-form-logged-in-as:last-child, #comment-form-info:last-child, #comment-form-content:last-child, .comment-content:last-child, .comment-info:last-child, #comment-form-allowed-tags:last-child, .columns:last-child { margin-right: 0; float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  [class*="column"]:before, [class*="column"]:after { content: ""; display: table; }
  [class*="column"]:after { clear: both; }
  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { margin-left: 0 !important; }
  .push-two, .push-three, .comment-content, #comment-form-allowed-tags, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .comment-info, .pull-ten { right: auto; }
  #menu { padding: 0 0px; width: 100%; max-width: 100%; min-width: 100%; }
  #logo { padding: 0px; }
  #page-header { padding: 0; }
  #site-title { display: none; }
  #logo-text { width: 50px; position: relative; top: 3px; left: 10px; font-size: 22px; }
  #site-nav { margin: 10px 0px 10px auto; width: 200px; }
  #site-nav li { display: block; padding: 10px; }
  .wrapper-dropdown-3 .dropdown { top: 140%; background: url(images/pattern2.png) repeat #ece6d9; }
  .mobile-view { display: block; }
  nav.carousel-nav { display: none; }
  #content.home .post-group.oneup.large section { margin: 0px; }
  .new-wrapper-large { width: 100%; height: auto; margin-right: 0px; margin-bottom: 15px; background-color: #f7f7f7; }
  .new-wrapper-large span { visibility: visible; width: 100%; height: auto; position: relative; }
  .new-wrapper-large span h1, .new-wrapper-small span h1 { font-size: 20px; line-height: 26px; font-family: "Open Sans", Helvetica, Sans-Serif; float: left; width: 80%; color: #454f62; text-shadow: none; letter-spacing: -1px; word-spacing: 5px; margin-bottom: 0px; font-weight: normal; padding: 10px 0px; }
  .new-wrapper-large h6, .new-wrapper-small h6 { font-size: 90%; margin-bottom: 0px; text-transform: uppercase; font-family: "PT Sans Narrow", sans-serif; color: #454F62; margin-top: 0px; line-height: 1px; letter-spacing: -1px; font-weight: normal; padding: 0px 0px 0px 0px; word-spacing: 2px; float: left; }
  .carousel .carousel-active { margin-right: 0px; margin-left: 0px; }
  .new-wrapper-small { width: 100%; height: auto; margin-bottom: 15px; max-width: 100%; max-width: auto; padding: 0px; background-color: #f7f7f7; }
  .new-wrapper-small span { visibility: visible; position: relative; width: 100%; height: auto; max-width: 100%; max-width: auto; padding: 0px; }
  .carousel .carousel-item { display: block; margin: 0px 0px; }
  .new-wrapper-small-feature { width: 100%; height: auto; background: url(images/pattern2.png) repeat #ece6d9; padding-left: 0px; padding-top: 0px; -webkit-box-shadow: 0px 1px 2px rgba(51, 51, 51, 0); -moz-box-shadow: 0px 1px 2px rgba(51, 51, 51, 0); box-shadow: 0px 1px 2px rgba(51, 51, 51, 0); }
  .new-wrapper-small-feature h1 a { color: #536b77; }
  .new-wrapper-small-feature .post-title { padding: 15px 15px 0px; }
  .sky .new-wrapper-small { background-color: #f7f7f7; }
  #content.home .post-group.threeup .carousel .post { margin-right: 0px; width: 100%; }
  #main-posts { margin: 0px; width: 100%; max-width: 100%; min-width: 100%; padding-left: 0px; }
  .new-wrapper-large:hover img, .new-wrapper-small:hover img { opacity: 1; }
  .new-wrapper-large img, .new-wrapper-small img { width: 18%; height: auto; float: left; padding-right: 7px; }
  .post-title .entypo-right-open-big { font-size: 17px; float: left; }
  .wrapper-dropdown-3 { margin-right: 2px; height: 23px; width: 23px; }
  .wrapper-dropdown { margin-right: 2px; height: 23px; width: 23px; }
  #site-nav li a { padding: 10px 5px; }
  .wrapper-dropdown-3 .dropdown { width: 100px; }
  #content { margin: 65px 0 60px 0; min-height: 300px; }
  .pagination a { margin-left: 0; }
  .more-cat { display: block; font-size: 17px; float: left; padding-right: 10px; }
  #footer-branding { display: none; }
  #page-footer .widget .sidebar-info { float: left; padding-right: 25px; margin-bottom: 0px; }
  #page-footer .entypo-star, #page-footer .entypo-note-beamed, #page-footer .entypo-eye, #page-footer .entypo-ticket { margin-left: 0px; margin-right: 5px; font-size: 11px; display: none; }
  #page-footer .entypo-comment, #page-footer .entypo-mail, #page-footer .entypo-basket, #page-footer .entypo-network { margin-left: 5px; margin-right: 0px; font-size: 11px; display: none; }
  #page-footer .entypo-heart { margin-right: 0px; display: none; }
  #content.home .post-group.twoup .post, #content.home .post-group.threeup .post, #content.home .post-group.fourup .post { width: 100%; }
  #content.home .post-group-header, #page #main-posts .post-group-header { padding-right: 0px; margin-left: 0; float: left; padding-left: 10px; }
  .post-title, .post-info, #comments-container { padding: 15px; }
  #prtls-player { top: 43px; min-height: 600px; }
  #content.single { margin: 50px 0 60px 0; }
  #prtls-player .sc-scrubber { height: 30px; margin: 10px 0px; }
  #prtls-player .sc-controls { margin-top: 0px; }
  #prtls-player .sc-trackslist { width: 86%; height: 340px; top: 50px; }
  #prtls-player .sc-trackslist li { font-size: 13px; }
  #prtls-player .sc-info { top: 45px; width: 100%; }
  #prtls-player .sc-info h3 { font-size: 22px; }
  .post-content .sc-scrubber { width: 77.8%; left: 16%; }
  .music .entypo-soundcloud { margin: -20px 5px 0px 0px; }
  .pagination a { width: 100%; }
  .large-excerpt, .small-excerpt { display: none; }
  .six.masthead { width: 100%; }
  .coral .new-wrapper-small, .blue .new-wrapper-small, .pink .new-wrapper-small { background-color: #f7f7f7; }
  #content.home .post-group-header .label { float: left; }
  .entypo-menu, .entypo-search, .entypo-facebook, .entypo-twitter, .entypo-tumblr, .entypo-soundcloud, .entypo-note { font-size: 13px; line-height: 18px; } }
/* --------------------------------------------------
:: Small Browser Tweaks
-------------------------------------------------- */
@media only screen and (max-width: 1020px) and (min-width: 768px) { .container { padding: 0; }
  .post-title, #comments-container { padding: 15px; }
  #site-nav { margin-right: 30px; }
  .new-wrapper-large { width: 65.3%; height: 65.3%; }
  .row.post-group.oneup.large .new-wrapper-small, .new-wrapper-small-feature { width: 32.1%; height: 32.1%; }
  .new-wrapper-small { width: auto; height: auto; max-width: 220px; }
  .post-group.threeup.row .new-wrapper-small-feature, #main-posts .new-wrapper-small-feature { width: 100%; height: 100%; }
  .post-group.threeup.row, .row.post-group.oneup.large { width: 90%; }
  .post-title .entypo-right-open-big { font-size: 135px; }
  #main-posts { padding-left: 15px; width: 90%; }
  .six.masthead { width: 100%; } }
/* --------------------------------------------------
	:: Block Grids
	-------------------------------------------------- */
@media only screen and (max-width: 767px) { .block-grid.mobile { margin-left: 0; }
  .block-grid.mobile > li { float: none; width: 100%; margin-left: 0; } }