/*
Theme Name: South Sound Magazine 2015
*/

@import url(css/normalize.min.css);
@import url(css/flexslider.css);

/*
================================================================
SouthSound Magazine SITE JULY 2015
	
	COLORS:
		BLACK #221f1f
		LIGHT-GRAY #e9e9e9
		MED-GRAY #d1d3d4
		DARK-GRAY #88898c
		WHITE #ffffff
		
		BLUE: #00aeef;

	TYPE:
		HEADINGS: Oswald 700(GOOGLE WEBFONT)
		BODY-COPY: Expo Serif 300/300italic/600(TYPEKIT)
		TAG/BYLINE: Open Sans 300/400 (GOOGLE WEBFONT) // used instead of Halis Grotesque

		<link href='http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic|Oswald:700|Open+Sans:300,600' rel='stylesheet' type='text/css'>

	SCALE: 
		BODY-COPY: 1em @ 20px
		HEADING1: 3em
		HEADING2: 1.9em
		HEADING3: 1.4em
		TAGLINES: .8em
		CAPTIONS: .6em

	FLEXBOX SYNTAX: 
	.item {
		display: -webkit-box;      
		display: -moz-box;         
		display: -ms-flexbox;      
		display: -webkit-flex;     
		display: flex;             
	}
================================================================		
*/


/*
================================================================
OVERALL LAYOUT
================================================================		
*/

*, *:before, *:after {
  box-sizing: border-box; 
}

body {
	font-family: "PT Serif", serif;
	font-weight: 400;
	background-color: #e9e9e9;
	color: #221f1f;
	line-height: 1.5;
}

.main a {
	color: #00aeef;
}

.ad-header {
	max-width: 1000px;
	margin: 0 auto;
	padding: 30px 0;
	text-align:center;
}

.ad img {
	display: block;
	border: solid 1px #221f1f;
}

.page-wrap {
	max-width: 1015px;
	margin: 0 auto 50px auto;
	background-color: #fff;
	position: relative;
	z-index:700;
}

.flex {         
	display: -ms-flexbox;     
	display: flex; 
}

h1, h2, h3, h4 {
	font-family: "Oswald", sans-serif;
	font-weight: 700;
	margin-top: 0;
	line-height: 1.3;
}

.content-area h2 {
	clear: both;
}

p {
	margin-top: 0;
}

img {
	max-width: 100%;
	height: auto;
}

iframe {
	max-width: 100%;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.a2a_floating_style {
	display:none;
}

.a2a_floating_style img {
	width: 40px;
	height:40px;
}

.single .a2a_floating_style {
	display:block;
    background-color: transparent;
    border-radius: 0;
    padding: 10px;
    position: fixed;
    z-index: 9000;
}

.single .a2a_floating_style a {
	margin-bottom: 5px;
}

.addtoany_list a img {
	max-width:30px;
}

/* WP FLOATS & IMAGES
======================= */
.wp-caption {
	max-width: 100%;
	height: auto;
}

.wp-caption.aligncenter {
	width: 100%;
	text-align:center;
}

.alignleft {
	float: left !important; 
}

.alignright {
	float: right !important;
}

p .alignleft, .wp-caption.alignleft { 
	padding: 0;
	margin: 5px 30px 5px -30px;
	display:inline-block; 
}

p .alignright, .wp-caption.alignright {
	margin: 5px -40px 5px 30px; 
	padding: 0; 
	display:inline-block; 
}

img.alignleft {
	margin: 5px 30px 5px -70px;
}

img.alignright {
	margin: 5px -70px 5px 30px; 
}

li img.alignleft {
	
}

li img.alignright {
	margin-right: -30px;
}


.aligncenter {
	display:block;
	margin:30px auto;
	position: relative;
	text-align:center;
}

.wp-caption-text {
	text-align:left;
	font-size:.7em;
	color:#777;
	margin:0;
	padding: 2px 15px 2px 10px !important;
}

/*
================================================================
HEADER LAYOUT
================================================================		
*/
#pagetop-nav {
	border-bottom: solid 10px #00aeef;
	position: relative;
	z-index: 800;
}

.header {
	padding: 30px 30px 40px 30px;         
	display: -ms-flexbox;     
	display: flex; 
}

.logo, .subsc-box {
	-ms-flex: 1;
	    flex: 1;
}

.logo img {
	display: block;
}

.subsc-box {
	position: relative;
	z-index: 10;
}

.subsc-box img {
	max-width:100px;
	position: absolute;
	z-index: 12;
	right: 0;
	bottom: 0px;
	transform: rotate(5deg);
}

.subsc-text {
	position: absolute;
	z-index: 11;
	bottom: 15px;
	right:-30px;
	padding: 3px 150px 3px 30px;
	background: #00aeef;
	color: #ffffff;
	text-transform: uppercase;
	font-family: oswald, sans-serif;
}

.subsc-text:before {
	content: "";
	position: absolute;
	left: -20px;
	bottom: 1px;
	width: 29px;
	height: 29px;
	background: white;
	transform: rotate(45deg);
}

.subsc-text a {
	color: inherit;
	text-decoration: none;
}


/*
================================================================
NAV LAYOUT
================================================================		
*/
nav {
	padding: 0 0 15px 0;
	margin: 0 30px;         
}

#pagetop-nav .toggles {
	position: absolute;
	z-index: 999;
	right: 30px;
	top: 239px;
}

#pagetop-nav .pagetop-nav-toggle {
	display: none;
}

.search-box {
	display: none;
	position: relative;
	z-index:10;
	padding: 0 30px;
}

.home .search-box {
	margin:0;
}

.search-box input {
	padding: 10px;
	width: 100%;
	border:none;
	text-align:right;
	border: solid 1px #e9e9e9;
	margin-bottom: 15px;
}

input:focus { outline: none; }

.search-box ::-webkit-input-placeholder {
	color: #d1d3d4;
	text-align:right;
}

.search-box :-moz-placeholder { /* Firefox 18- */
	color: #d1d3d4;
	text-align:right;
}

.search-box ::-moz-placeholder {  /* Firefox 19+ */
	color: #d1d3d4; 
	text-align:right;
}

.search-box :-ms-input-placeholder {  
	color: #d1d3d4;
	text-align:right;
}

.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: "Oswald", sans-serif;
	font-size: 1.1em;
	font-weight: 700;
	overflow: hidden;
	-ms-flex: 1;
	    flex: 1;
}

.menu li {
	float: left;
	border-left: solid 1px #d1d3d4;
}

.menu li:first-child {
	border-left: none;
}

.menu li:first-child a {
	padding-left: 0;
}

.menu a {
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	padding: 2px 10px;
	color: #221f1f;
}

.menu .current-menu-item a {
	color: #00aeef;
}

#floating-nav {
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	z-index: 900;
	display:none;
}

#floating-nav .sizer {
	position: relative;
	z-index: 901;
	background: #fff;
	border-bottom: solid 10px #00aeef;
	max-width: 1015px;
	margin: auto;
}

#floating-nav .header {
	padding: 10px;  
}

#floating-nav .logo img {
	width:250px;
	padding-left: 0;
}

#floating-nav .subsc-box img {
	display:none;
}

#floating-nav .search-box {
	display:none;
}

#floating-nav .subsc-text {
	padding-right:10px;
	right: -10px;
	bottom: auto;
}

#floating-nav nav {
	padding: 0 0 10px 0;
	margin: 0 10px;
	font-size: 1em;
	display: block;
	text-align:center;
}

#floating-nav .toggles {
	position: absolute;
	z-index: 9999;
	right: 10px;
	top: 50px;
}

.toggles img {
	margin-left:10px;
}

#floating-nav nav {
	display:none;
}

#floating-nav nav li {
	padding:0 5px;
	display:inline-block;
	float: none;
}

/*
================================================================
CONTENT-AREA LAYOUT
================================================================		
*/

.page .carousel-area {
	border:none;
}


/*override flexslider defaults here*/
.flexslider {
	border: none;
	border-radius: 0;
	margin-bottom: 0;
}

.flex-control-nav {
	bottom: 15px;
	z-index:10; /*slides have z-index of 1, current slide 2*/
}

.flex-direction-nav a {
	height: 50px; /*override to avoid clipping*/
	top: 42%;
}

.flex-direction-nav a:before {
	color: #fff;
}

.flex-control-paging li a {
	background: #fff;
	opacity: .6;
}

.flex-control-paging li a.flex-active {
	background: #fff;
	opacity: 1;
}


.issue-thumb {
	width: 33.33%;
	padding: 10px;
	float: left;
	font-size: .8em;
}

.issue-thumb:nth-child(3n+4) {
	clear: left;
}

.single .carousel-area img {
	width: 100%;
	height: auto;
}

.content-area {
	padding: 30px 30px 90px 30px;         
	display: -ms-flexbox;     
	display: flex; 
}

.main {
	width: 645px;
	border-right: solid 1px #d1d3d4;
	padding-right: 30px;
}

.ad-content-header {
	padding-bottom: 20px;
	border-bottom: solid 1px #d1d3d4;
	margin-bottom: 30px;
}

.article-index {
	padding-bottom: 30px;
}

.article-item {
	width: 47%;
	margin-bottom: 30px;
	border: solid 1px #f1f1f1;
}

.article-index .article-item:hover {
	transform: scale(1.005);
	box-shadow: 0 0 7px rgba(0,0,0,.2);
}

.article-item.sponsored {
    background: #ddd;
}

.article-item a {
	display: block;
	color: inherit;
	text-decoration: none;
}

.article-item .text {
	padding:10px 15px;
	background: #f8f8f8;
}

.grid-sizer {
	width: 47%;
}

.article-item .cats {
	margin-top: 5px;
}

.article-item img {
	width: 100%;
	display: block;
}

.article-item .cats span {
	text-decoration: none;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	color: #00aeef;
}

.article-item h2 {
	margin-bottom: .3em;
	font-size: 1.3em;
}

.article-item h2 a {
	color: #221f1f;
	text-decoration: none;
}

.article-item p {
	overflow: hidden;
   	text-overflow: ellipsis;
}

.related-content {
	margin-bottom: 60px;
}

.related-content .article-item {
	padding: 15px;
	margin-bottom: 0;
	border: none;
}

.related-content .text {
	background: transparent;
	padding: 5px 0 0 0;
}
.related-content div.related-title {
	color: #00aeef;
	text-align:center;
}

.alt-title {
	font-size: .8em;
	padding: 10px 15px;
	text-align:center;
	font-family: "Open Sans", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: #111;
}

.related-content .flex {
	padding: 15px 0;
	border-top: solid 1px #00aeef;
	border-bottom: solid 1px #00aeef;
}

.comment-area {
	border-top: solid 5px #221f1f;
}

.pagination {
	margin-bottom: 60px;
}

.pagination .line {
	border-top: solid 1px #00aeef;
	height: 1px;
	position: relative;
	top:15px;
	z-index:1;
}

.wp-pagenavi {
	text-align:center;
}

.wp-pagenavi a, .wp-pagenavi span {
	display: inline-block;
	padding: 3px 5px;
	background: #fff;
	position: relative;
	z-index: 2;
	color: #00aeef;
	text-decoration: none;
}

.wp-pagenavi span {
	color: #88898c;
}

.wp-pagenavi a:first-child {
	float: left;
	padding: 3px 15px 3px 0;
}

.wp-pagenavi a:last-child {
	float: right;
	padding: 3px 0 3px 15px;
}

.multimedia-title {
	color: #fff;
	background-color: #00aeef;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	padding: 5px 30px;
	text-transform: uppercase;
}

.multimedia-caption {
	position: absolute;
	z-index:9999;
	padding: 10px 10px 30px 10px;
	bottom:0;
	left:0;
	right:0;
	background: rgba(0,0,0,.8);
	color: #fff;
	text-decoration:none;
}

.article-slideshow-container img {
	max-width: 30%;
	padding: 5px;
}

.multimedia-carousel .slides li {
	position: relative;
	z-index: 10;
	background: #000;
}

.multimedia-carousel .slide-img {
	opacity: .7;
}

.multimedia-carousel.flexslider .media-icon {
	padding: 10px;
	border-radius: 3px;
	position: absolute;
	z-index: 11;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 30%;
	width: 80px;
	height: 80px;

}

.title-area {
	padding: 60px 0 0 0;
	margin: 0 30px;
}

.title-area .cats {
	margin-bottom: 5px;
}

.title-area .cats a,
.title-area .cats span {
	display: inline-block;
	padding: 3px 5px;
	margin-right: 5px;
	text-decoration: none;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: .9em;
	text-transform: uppercase;
	background-color: #00aeef;
	color: #fff;
}

.title-area h1 {
	font-size: 3.8em;
	margin-bottom: 0;
}

.title-subtext {
	font-size: 2.4em;
	font-style:italic;
}

.title-area .byline {
	color: #88898c;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	margin: 30px 0 15px 0;
}

.title-area .byline a {
	color: #88898c;
	text-decoration: none;
}

.single-article p:first-child:first-letter { 
	float: left; 
	color: #00aeef;
	font-family: "Oswald", serif; 
	font-size: 3.8em; 
	line-height: 60px; 
	padding-right: 3px; 
}

.single-article p {
	padding: 0 40px;
}

.single-article h2 {
	text-transform: uppercase;
	border-bottom: solid 5px #00aeef;
	margin: 30px 0 15px 0;
}

.single-article h2:first-child {
	margin-top: 0;
}

.single-article h3 {
	font-family: "PT Serif", serif;
	font-weight:700;
	padding: 0 40px;
	margin-bottom: 0;
}

.single-article .bq {
	color:#00aeef;
	font-size: 1.8em;
	font-style: italic;
}

.bq-right {
	float: right;
	max-width: 40%;
	margin-right: -40px;
}

.bq-left {
	float: left;
	max-width: 40%;
	margin-left: -40px;
}

.tags {
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	padding: 0 40px;
	color: #88898c;
	text-transform: uppercase;
	font-size: .8em;
	margin: 0 0 60px 0;
}

.tags a {
	font-weight: 300;
	text-decoration:none;
	color: #88898c;
}

.author-box {
	background: #e9e9e9;
	padding: 15px;
	overflow: hidden;
	margin-bottom: 60px;
	line-height: 1.5;         
	display: -ms-flexbox;     
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: left;
	justify-content: left;
}

.author-photo {
	width: 100px;
	margin-right: 15px;
}

.author-box a {
	color: #00aeef;
	text-decoration: none;
}

.gallery .gallery-item {
	margin: 0 !important;
	padding: 3px !important;
}

.gallery .gallery-item img {
	border: none !important;
}

.gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea {
	border: solid 1px #ddd;
}

.cal-search-container {
	padding:0 0 30px 0;
	-ms-flex-align: center;
	    -ms-grid-row-align: center;
	    align-items: center;
}

.calendar {
	margin-right: 20px;
	padding: 20px;
	border: solid 1px #ccc;
}

.calendar table.em-calendar td.eventful a,
.calendar table.em-calendar td.eventful-today a {
	color: #00aeef;
}

.events-search {
	-ms-flex: 1;
	    flex: 1;
}

.add-event a {
	font-family: "Open Sans", sans-serif;
	display: inline-block;
	padding: 3px 5px;
	background: #00aeef;
	text-transform: uppercase;
	font-size: .8em;
	margin: 0 0 15px 0;
	font-weight: 300;
	text-decoration:none;
	color: #fff;
}

#event-form {
	font-size: .8em;
}

#event-form .button-primary {
	font-family: "Open Sans", sans-serif;
	border: none;
	display: inline-block;
	margin: 0 auto;
	background: #00aeef;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: 300;
	text-decoration:none;
	color: #fff;
}

.events-table .small {
	font-size: .7em;
}

.events-table .small span {
	display: block;
}

.eventreadmore {
	display:none;
}

.em-pagination a, .em-pagination strong {
	display:inline-block;
	padding: 5px;
}

.content-area div.css-search div.em-search-main .em-search-submit, .content-area div.css-search div.em-search-main .em-search-submit:hover {
	background: #aaa;
	background-color: #aaa;
}

.ui-widget-header {
    border: none!important;
    background: #00aeef!important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #00aeef!important;
}

/* 
ALTERNATE LAYOUT CONTENT-AREA
=========================================
*/
.alt p .alignleft, .alt img.alignleft, .alt .wp-caption.alignleft { 
	padding: 0;
	margin: 5px 30px 5px 0px;
	display:inline-block; 
}

.alt p .alignright, .alt img.alignright, .alt .wp-caption.alignright {
	margin: 5px 0px 5px 30px; 
	padding: 0;
	display:inline-block; 
}

.alt .aligncenter {
	display:block;
	margin:30px 0;
}

.alt .single-article p:first-child:first-letter { 
	float: none; 
	color: inherit;
	font-family: "PT Serif", serif; 
	font-size: inherit; 
	line-height: inherit; 
	padding-right: 0; 
}

.alt .single-article p {
	padding: 0;
}

.alt .single-article h2 {
	
}

.alt .single-article h3 {
	padding: 0;
}

.alt.title-area .byline {
    margin: 5px 0 30px 0;
}

/*404 page styles*/
.fourofour .main {
	width: 100%;
	margin:0;
	border:none;
	padding: 0;
}

.fourofour .main .single-article {
	position: relative;
	z-index: 2;
}

.fourofour .text-overlay {
	width: 275px;
	max-width: 50%;
	position: absolute;
	left: 100px;
	top: 180px;
	z-index: 3;
}

.text-overlay .title {
	font-family: "Oswald", sans-serif;
	font-weight: 700;
	color: #fc7198;
	font-size: 5em;
	text-transform: uppercase;
}

.single-live_events .title-area {
	margin-bottom: 40px;
}

.past-events .article-item {
	opacity: .5;
	transition:opacity .3s ease;
}

.past-events .article-item:hover {
	opacity: 1;
}

/*
================================================================
SIDEBAR-AREA LAYOUT
================================================================		
*/
.sidebar {
	width: 310px;
	padding-left: 30px;
}

.sidebar-item {
	padding-bottom: 30px;
	border-bottom: solid 5px #221f1f;
	margin-bottom: 30px;
}

.sidebar-item .border {
	border: solid 1px #d1d3d4;
}

.sidebar-item.ad .border {
	border-color: #221f1f;
}

.sidebar-item .title {
	background: #00aeef;
	color: #fff;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	padding: 5px 15px;
}

.popular-posts ol {
	margin: 0;
	list-style:none;
	padding: 0 20px;
}

.popular-posts li {
	padding: 10px 0 10px 45px;
	border-bottom: solid 1px #d1d3d4;
	position: relative;
	min-height: 60px;
	line-height: 1.3;         
		display: -ms-flexbox;     
		display: flex;   
	-ms-flex-align: center;   
	    align-items: center;
}

.popular-posts a {
	color: #88898c;
	text-decoration: none;
}

.popular-posts li:last-child {
	border: none;
}

.popular-posts li:before {
	font-size: 22px;
	border-radius: 30px;
	text-align: center;
	color: #fff;
	display: block;
	padding: 0 1px 2px 1px;
	width: 30px;
	height: 30px;
	background: #00aeef;
	position: absolute;
	left: 0;
	top: 15px;
}

.popular-posts li:nth-child(1):before {
	content: "1";
}

.popular-posts li:nth-child(2):before {
	content: "2";
}

.popular-posts li:nth-child(3):before {
	content: "3";
}

.popular-posts li:nth-child(4):before {
	content: "4";
}

.popular-posts li:nth-child(5):before {
	content: "5";
}

.multimedia-carousel .flex-control-nav li {
	background: transparent;
}

.multimedia-carousel .flex-control-nav {
	bottom: 0;
}

.newsletter .border {
	padding: 15px;
}

.newsletter input[type="email"] {
	margin: 10px 0;
	width: 100%;
	display:block;
	padding: 5px;
}

.newsletter ::-webkit-input-placeholder {
	color: #d1d3d4;
}

.newsletter :-moz-placeholder { /* Firefox 18- */
	color: #d1d3d4;
}

.newsletter ::-moz-placeholder {  /* Firefox 19+ */
	color: #d1d3d4; 
}

.newsletter :-ms-input-placeholder {  
	color: #d1d3d4;
}

#mc-embedded-subscribe {
	font-family: "Open Sans", sans-serif;
	border: none;
	display: inline-block;
	margin: 0 auto;
	background: #00aeef;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: 300;
	text-decoration:none;
	color: #fff;
}








/* NEW EVENTS CALENDAR */
.content-area .tribe-events-month-event-title {
	white-space: nowrap; 
	text-overflow: ellipsis;
	font-size: 11px;
	color: #00aeef;
}

.events-archive.events-gridview .content-area  #tribe-events-content table .type-tribe_events{
	padding: 3px;
}

.tribe-bar-disabled {
	display: none!important;
}

#tribe-events .tribe-events-button, .tribe-events-button {
	display: none!important;
}

.tribe-events-back {
	display: none;
}

#tribe-events-footer .tribe-events-sub-nav, #tribe-events-header .tribe-events-sub-nav {
	display: none;
}

.tribe-mini-calendar-wrapper {
	margin-bottom: 50px!important;
}

.tribe-mini-calendar-grid-wrapper {
	//max-width: 350px;
	margin-bottom: 30px!important;
}

.tribe-mini-calendar-nav span {
	font-family: "Oswald", sans-serif!important;
	font-weight: 400!important;
}

.tribe-mini-calendar-event {
	border-bottom: solid 1px #d1d3d4!important;
}

.tribe-events-last .tribe-mini-calendar-event {
	border-bottom: none!important;
}

.tribe-mini-calendar-event .list-info h2 {
	border: none;
	margin-bottom: 3px!important;
	font-family: "PT Serif", serif!important;
	text-transform: none!important;
}

.tribe-mini-calendar-event .list-info h2 a {
	color: inherit;
	text-decoration: none;
}

.tribe-events-duration,
.tribe-this-week-widget-wrapper .tribe-this-week-widget-day .duration, 
.tribe-this-week-widget-wrapper .tribe-this-week-widget-day .tribe-venue {
	color: #777;
}

.tribe-mini-calendar div[id*='daynum-'] a {
	padding: 30px 0 15px 0!important;
}

.tribe-mini-calendar-event .list-date {
	background: #00aeef!important;
}

.tribe-mini-calendar-event .list-date .list-dayname {
	color: #00aeef!important;
}

.tribe-this-week-event {
	margin-bottom: 15px!important;
}

.tribe-this-week-nav-link a {
	text-decoration: none!important;
}

.tribe-this-week-widget-wrapper .tribe-events-page-title,
.tribe-events-list h2.tribe-events-page-title {
	text-align:left!important;
	margin-bottom: 0!important;
	font-weight: bold!important;
}

.tribe-this-week-widget-wrapper .entry-title {
	border: none!important;
}

.tribe-this-week-widget-vertical .tribe-this-week-widget-header-date {
	padding-left: 0!important;
	font-family: "Oswald", sans-serif!important;
	text-transform: uppercase;
	font-size: 1.3em!important;
	font-weight: bold!important;
}

.tribe-this-week-widget-wrapper .entry-title, 
.tribe-this-week-widget-wrapper .entry-title a {
	font-family: "PT Serif", serif!important;
	text-transform: none!important;
}

.tribe-events-schedule h2 {
	border-bottom: none!important;
	display: block!important;
	font-family: "PT Serif", serif!important;
	text-transform: none!important;
	font-weight: 400!important;
	font-size: 1em!important;
	color: #777!important;
}

.single-tribe_events .tribe-events-schedule .tribe-events-cost {
	display: none!important;
}

#tribe-events-content {
	margin-bottom: 0!important;
}

.submit-event-link {
	text-align:center;
	margin-top: 50px;
}

.submit-event-link a {
	font-family: "Open Sans", sans-serif;
	display: inline-block;
	background: #00aeef;
	color: #fff;
	text-decoration: none;
	padding: 15px 50px;
	transition: all .3s ease;
	text-transform: uppercase;
}

.submit-event-link a:hover {
	background: #0082b1;
}

.single-tribe_events .tribe-events-schedule .recurringinfo {
	display: none!important;
}

.tribe-events-event-cost {
	//display: none!important;
}

.tribe-events-list .tribe-events-venue-details {
	display: none!important;
}

.tribe-events-list-event-title a {
	color: inherit;
}

.tribe-events-event-meta .time-details,
.tribe-events-event-meta .tribe-event-schedule-details {
	color: #777;
}

.type-tribe_events {
	margin-left: 5%!important;
}

.tribe-this-week-widget-day-wrap .tribe-events-viewmore {
	margin-left: 7%!important;
}

.tribe-events-list .tribe-events-loop .tribe-events-event-meta .event-is-recurring {
	display: none!important;
}

.tribe-events-event-url a {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-hyphens: none;
	-moz-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
}

/* community-event-submit-form */
.tribe-theme-southsoundmag-2015 .addtoany_share_save_container {
	display: none!important;
}

.tribe_community_edit .tribe-button.submit, 
.tribe_community_list .tribe-button.submit {
	background: #00aeef!important;
	transition: all .3s ease;
}

.tribe_community_edit .tribe-button.submit:hover, 
.tribe_community_list .tribe-button.submit:hover {
	background: #0085b6!important;
}
.my-events-header {
	display: none!important;
}
/* community-event-submit-form */


/* END NEW EVENTS CALENDAR */











/*
================================================================
FOOTER LAYOUT
================================================================		
*/

.footer-area {         
	display: -ms-flexbox;     
	display: flex; 
	background: #d1d3d4;
	padding-bottom: 75px;
}

.footer-item {
	width: 20%;
}

.social-media-follow img {
	display: inline-block;
	margin: 0 13px 10px 0;
}

.footer-item.ribbon {
	width: 28%;
	position: relative;
	z-index: 10;
}

.footer-item.ribbon .footer-title {
	min-height: 34px;
	background-image:
    linear-gradient( to right,
      #00aeef,
      #0080EF 50%,
      #00aeef
    );
}

.ribbon-item {
	position: absolute;
	z-index:11;
	top: -20px;
	right: 30px;
	width: 200px;
	height: 250px;
	font-size: 1.3em;
	margin-bottom: 20px;
	text-align:center;
	padding:10px 10px 30px 10px;
	background:url(site-assets/ribbon-2.svg) no-repeat top left;
	
}

.ribbon-title {
	color: #fff;
	font-family: "Oswald", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	padding: 0 20px;
	margin-bottom: 10px;
}

.ribbon-title a {
	color: inherit;
	text-decoration: none;
}

.ribbon-mag-cover img {
	max-width: 100px;
}

.footer-title {
	background: #00aeef;
	color: #fff;
	font-family: "Oswald", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	padding: 5px 0;
	padding-left: 30px;
}

.footer-content {
	font-size: .9em;
	padding: 15px 10px 15px 30px;
}

.footer-item ul {
	margin: 0;
	padding: 0;
	list-style:none;
}

.footer-item li {
    line-height: 1.4;
    margin-bottom: 5px;
}

.footer-item ul a {
	text-decoration: none;
	color: #221f1f;
}

.footer-item:first-child .footer-title {
	padding-left: 30px;
}

.footer-item:first-child .footer-content {
	padding-left: 30px;
}

/*
================================================================
MEDIA QUERIES
================================================================		
*/


/*---JCNEWSLETTERTHINGY---*/
#btm-wdget {
	position: fixed;
	z-index: 900;
	bottom: -100%;
	right: 0;
	left:0;
	height:100px;
	background: #00aeef;
	color: #fff;
	font-family: "PT Serif", serif;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 23px;
	transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}


.jc-scrolled #btm-wdget {
	bottom: 0;
	box-shadow: 0 0 50px rgba(0,0,0,.4);
}

#btm-wdget .inner {
	max-width: 1200px;
	height: 100%;
	margin: auto;
	display:-ms-flexbox;
	display:flex;
	/*-ms-flex-align: center;
	    align-items: center;*/
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

#btm-wdget .inner > div {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align: flex-end;
	    align-items: flex-end;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

#btm-wdget .frm {
	width: 450px;
}

#btm-wdget .close-btn {
	white-space: nowrap;
	xdisplay: flex;
	cursor: pointer;
}

#btm-wdget .close-btn span {
	margin-right: 10px;
}

#btm-wdget .close-btn img {
	position: relative;
	top: 3px;
}

#btm-wdget .headline {
	font-family: "Oswald", sans-serif;
	font-weight: 700;
	font-size: 2em;
	text-transform: uppercase;
	font-style: normal;
	white-space: nowrap;
	padding-right: 30px;
	border-right: solid 1px #fff;
	margin-right: 30px;
}

#btm-wdget #mc-embedded-subscribe {
    font-family: inherit;
    background: #fff;
    color: #00aeef;
    padding: 8px 20px;
    border-radius: 5px;
    border: none;
/*    position: relative;
	top: 0px;*/
}

#btm-wdget input.email {
	background: transparent;
	border: none;
	width: 300px;
	padding: 5px 0;
	border-bottom: solid 1px #000d00;
	margin: 0 15px 5px 0;
}

#btm-wdget ::-webkit-input-placeholder {
	color: #0275a5;
}

#btm-wdget :-moz-placeholder { /* Firefox 18- */
	color: #0275a5;
}

#btm-wdget ::-moz-placeholder {  /* Firefox 19+ */
	color: #0275a5; 
}

#btm-wdget :-ms-input-placeholder {  
	color: #0275a5;
}

/*---JCNEWSLETTERTHINGY---*/

@media only screen and (max-width : 1200px) {
	#btm-wdget {
		height: 150px;
		padding: 30px;
		font-size: 1em;
	}

	#btm-wdget .inner {
		-ms-flex-direction: column;
		    flex-direction: column;
		max-width: 500px;
		-ms-flex-align: center;
		    -ms-grid-row-align: center;
		    align-items: center;
	}

	#btm-wdget .inner > div {
		width: 100%;
		-ms-flex-pack: start;
		    justify-content: flex-start;
		    -ms-flex-align: center;
		        -ms-grid-row-align: center;
		        align-items: center;
	}

	#btm-wdget .inner div.cls {
		width: inherit;
		position: absolute;
		top:15px;
		right: 30px;
	}

	#btm-wdget .txt {
		margin-bottom: 20px;
		padding-bottom: 30px;
		border-bottom: solid 5px #5db7e1;
	}

	#btm-wdget .cls span {
		display: none;
	}

	#btm-wdget input.email {
		width: 370px;
	}

	#btm-wdget #mc-embedded-subscribe {
		position: static;
	}

}



@media only screen and (max-width : 500px) {
	#btm-wdget {
		height: auto;
		padding: 10px;
	}

	#btm-wdget .inner {

	}

	#btm-wdget .txt {
		padding-right: 40px;
		padding-bottom: 10px;
		padding-left: 10px;
		margin-bottom: 10px;
	}

	#btm-wdget .inner div.cls {
		top: 5px;
		right: 10px;
	}

	#btm-wdget .headline {
		min-width: 200px;
		xwhite-space: pre-wrap;
		padding-right: 5px; 
		xmargin-right: 10px;
	}

	#btm-wdget br {
		display:none;
	}

	#btm-wdget input.email {
		width: 250px;
	}
}

@media only screen and (max-width : 445px) {
	#btm-wdget {
		font-size: .8em;
	}

	#btm-wdget input.email {
		width: 150px;
	}

	#btm-wdget .headline {
		min-width: 170px;
	}
}

@media only screen and (max-width : 375px) {
	#btm-wdget .headline {
		min-width: auto;
		xpadding-right: 15px;
		border: none;
		margin-right: 15px;
	}

}


/* LARGE MOBILES ----------- */
@media only screen and (max-width : 1000px) {
	body {

	}


	.page-wrap {
		max-width: 100%;
		overflow:hidden;
		margin-bottom:0;
	}


	#pagetop-nav .header {
		padding: 20px;
	}

	#pagetop-nav .logo img {
		width: 300px;
	}

	#pagetop-nav .subsc-text:before {
		bottom: -1px;
	}

	#pagetop-nav .subsc-box img {
		display: none;
	}

	#pagetop-nav .subsc-text {
		overflow:hidden;
		padding-right: 20px;
		bottom: auto;
		top: 0px;
		right: -20px;

	}

	#pagetop-nav .toggles {
		top: 53px;
		right: 20px;
	}

	#pagetop-nav .pagetop-nav-toggle {
		display: inline;
	}

	#pagetop-nav nav{
		border-top: solid 1px #d1d3d4;
		padding: 10px 0;
		margin: 0 20px;
		display: none;
	}

	#floating-nav nav {
		border-top: solid 1px #d1d3d4;
		padding: 10px 0;
		margin: 0 10px;
		display: none;
	}

	#pagetop-nav .menu, #floating-nav .menu {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		text-align: left;
	}

	#pagetop-nav .menu li, #floating-nav .menu li {
		float:none;
		width: 50%;
		padding: 3px 0 3px 0;
		border: none;
	}

	#pagetop-nav .menu li:nth-child(1), #floating-nav .menu li:nth-child(1) {
		-ms-flex-order: 1;
		    order: 1;
	}

	#pagetop-nav .menu li:nth-child(2), #floating-nav .menu li:nth-child(2) {
		-ms-flex-order: 3;
		    order: 3;
	}

	#pagetop-nav .menu li:nth-child(3), #floating-nav .menu li:nth-child(3) {
		-ms-flex-order: 5;
		    order: 5;
	}

	#pagetop-nav .menu li:nth-child(4), #floating-nav .menu li:nth-child(4) {
		-ms-flex-order: 7;
		    order: 7;
	}

	#pagetop-nav .menu li:nth-child(5), #floating-nav .menu li:nth-child(5) {
		-ms-flex-order: 2;
		    order: 2;
	}

	#pagetop-nav .menu li:nth-child(6), #floating-nav .menu li:nth-child(6) {
		-ms-flex-order: 4;
		    order: 4;
	}

	#pagetop-nav .menu li:nth-child(7), #floating-nav .menu li:nth-child(7) {
		-ms-flex-order: 6;
		    order: 6;
	}

	#pagetop-nav .menu li:nth-child(8), #floating-nav .menu li:nth-child(8) {
		-ms-flex-order: 8;
		    order: 8;
	}

	.menu li a {
		padding-left: 0;
	}

	#pagetop-nav .search-box {
		margin: 0 20px;
		padding: 0;
		text-align:left;         
		display: none;
	}

	#pagetop-nav .search-box input {
		border: solid 1px #ccc;
		display: block;
		padding: 5px;
		width: 100%;
	}

	#floating-nav .search-box {
		padding: 0 10px;
	}

	.single .a2a_floating_style {
		display:none;
	}

}

@media only screen and (max-width : 930px) {
	body {
		font-size: 14px;
	}
	.social-media-follow img {
		width: 35px;
		height: 35px;
	}
}

@media only screen and (max-width : 790px) {
	.page-wrap {
		margin-bottom: 0;
	}

	.content-area {
		-ms-flex-direction: column;
		    flex-direction: column;
        overflow:hidden;
	}

	.main {
		width: 100%;
		border-right: none;
		margin: 0 auto 30px;
		padding: 0 20px;
	}

	p .alignright, img.alignright, .wp-caption.alignright {
	    margin: 5px -15px 5px 30px;
	}

	p .alignleft, img.alignleft, .wp-caption.alignleft { 
		margin: 5px 30px 5px -10px;
	}

	.sidebar {
		width: 100%;
		margin: 0 auto;
		padding: 0;         
		display: -ms-flexbox;     
		display: flex; 
		-ms-flex-wrap: wrap; 
		    flex-wrap: wrap;
	}

	.sidebar-item {
		padding: 5px;
		border-bottom: none;
	}

	.sidebar-item.ad-1 {
		-ms-flex-order: 1;
		    order: 1;
		width: 50%;
	}

	.sidebar-item.ad-2 {
		-ms-flex-order: 2;
		    order: 2;
		width: 50%;
	}

	.sidebar-item.ad-3 {
		-ms-flex-order: 3;
		    order: 3;
		width: 33.33%;
	}

	.sidebar-item.newsletter {
		-ms-flex-order: 5;
		    order: 5;
		width: 100%;
	}

	.sidebar-item.popular-posts {
		-ms-flex-order: 4;
		    order: 4;
		width: 100%;
	}

	.footer-area {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		overflow: hidden;
		padding-bottom: 25px;
	}

	.footer-item {
		width: 50%;
	}

	.footer-item.ribbon .footer-title {
			min-height: 34px;
			background:#00aeef;
	}

	.ribbon-item {
		position: static;
		z-index:11;
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		text-align:left;
		padding:10px 10px 30px 10px;
		background:transparent;
		
	}

	.ribbon-title {
		position: absolute;
		top: 5px;
		left: 115px;
		color: #fff;
	}

	.footer-item.ribbon {
		margin-top: 30px;
	    width: 100%;
	    position: relative;
	    z-index: 10;
	}

	.footer-item.ribbon:before {
		content: "";
		position: absolute;
		right: -70px;
		bottom: 37px;
		width: 80px;
		height: 80px;
		background: #d1d3d4;
		transform: rotate(45deg);
	}

	.ribbon-mag-cover {
		position: absolute;
		top: -10px;
		left: 30px;
		transform: rotate(-5deg);
	}

	.ribbon .footer-content {
		padding: 0;
	}
		/*404 page styles*/
	.fourofour .text-overlay {
		left: 20px;
		top: 20px;
		max-width: 30%;
	}

	.text-overlay .title {
		font-size: 4em;
	}
}

@media only screen and (max-width : 668px) {
		.ad-header {
			/*display: none;*/
		}

		#pagetop-nav .logo img {
		    width: 140px;
		}

		#floating-nav .logo img {
		    width: 180px;
		    padding-left: 0;
		}
	}

@media only screen and (max-width : 445px) {

	#pagetop-nav .header {
		padding: 10px;
	}

	#pagetop-nav .toggles, #floating-nav .toggles {
		top: 20px;
	}

	#pagetop-nav .search-box, #pagetop-nav nav {
		margin: 0 10px;
	}

	#pagetop-nav .logo img, #floating-nav .logo img {
		width: 150px;
	}

	#pagetop-nav .subsc-box, #floating-nav .subsc-box {
		display:none;
	}

	.content-area {
		padding: 5px;
	}

	p .alignright, img.alignright, .wp-caption.alignright {
	    margin: 10px;
	}

	p .alignleft, img.alignleft, .wp-caption.alignleft { 
		margin: 10px;
	}

	.main {
		padding: 5px;
	}

	.article-item {
		width: 100%;
	}

	.grid-sizer {
		width: 100%;
	}

	.title-area {
		padding: 30px 0 0 0;
		margin: 0 15px;
	}

	.title-area h1 {
		font-size: 2.2em;
	}

	.title-subtext {
		font-size: 1.6em;
	}

	.single-article p, .single-article h3 {
	    padding: 0 10px;
	}

	.single-article .wp-caption {
		max-width: 50%;
	}

	.single-article blockquote {
	    font-size: 1.4em;
	    max-width: 30%;
	    margin: 15px;
	}

	.sidebar-item.newsletter {
		width: 100%;
	}

	.sidebar-item.popular-posts {
		width: 100%;
	}

	.flex-control-nav {
		bottom: 0;
	}

	.flex-direction-nav {
		display:none;
	}

	.related-content .flex {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

			/*404 page styles*/
	.fourofour .text-overlay {
		left: 20px;
		top: 20px;
		max-width: 30%;
		font-size: .7em;
	}
}