/*
Theme Name: I Love Memphis
Theme URI: 
Description: 
Author: S2N Design
Author URI: http://www.s2ndesign.com
Version: 1.0

*/

/***************************************************************************************************************************************************************************************/

/*HTML5 BOILERPLATE MINIFIED*/

/***************************************************************************************************************************************************************************************/

*{box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;zoom:1}canvas{display:inline;zoom:1}video{display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;color:#222}button{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;overflow:visible;margin:0}input{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;margin:0}select{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;margin:0}textarea{font-family:sans-serif;color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;white-space:normal;padding:0}input[type="button"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="reset"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="radio"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}

/***************************************************************************************************************************************************************************************/

/*BODY STYLES*/

/***************************************************************************************************************************************************************************************/

html {
    font-size: 100%;
}

body { 
	background: #dceced; 
	color: #373737; 
	font: 1em 'PT Sans', Arial, Helvetica, sans-serif; 
}

a { 
    color: #fa4e4a;
	text-decoration: none;
	transition: all .5s ease;
}

a:hover {
	color: #d12824;
}

.container {
	clear: both;
	margin: 0 auto; 
	max-width: 1238px;
	position: relative;
}

.content-container {
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    float: left;
    padding: 36px 30px 38px;
    width: 100%;
}

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

.btn {
    background: #1cc4ba;
    border-radius: 4px;
    border: none;
    clear: both;
    color: #fff;
    display: block;
    font-size: 16px !important;
    font-weight: bold;
    margin: 50px auto 10px;
    padding: 15px;
    text-align: center;
}

.btn:hover {
    background: #1b969b;
    color: #fff;
}

.btn-gray {
    background: #f6f6f6;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    color: #646464;
    clear: both;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0 auto;
    padding: 15px 10px;
    text-align: center;
}

.btn-gray i {
    margin-right: 10px;
    vertical-align: middle;
}

.btn-gray:hover {
    background: #1cc4ba;
    color: #fff;
}

/***************************************************************************************************************************************************************************************/

/*HEADER STYLES*/

/***************************************************************************************************************************************************************************************/

header, section, footer {
	float: left;
	width: 100%;
}

header {
    background: url('images/bkg-header.png') no-repeat center bottom;
    background-size: cover;
    border-bottom: 4px solid #289dab;
    height: 250px;
    position: relative;
}

header .container {
    padding: 30px 0 0;
}

header .logo {
    left: 50%;
    position: absolute;
    top: 32px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.left-menu {
    float: left;
}

.right-menu {
    float: right;
}

.left-menu a,
.right-menu a {
    border-bottom: 3px solid transparent;
    color: #2f4b59;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.right-menu .share-button i {
    color: #f04c49;
    margin-left: 5px;
}

.left-menu a:hover,
.right-menu a:hover,
.share-button.active {
    border-color: #f44d49;
    color: #f44d49;
}

.share-buttons {
    font-size: 18px;
    margin-right: 35px;
    opacity: 0;
    transition: all .5s ease;
    vertical-align: middle;
}

.share-buttons.active {
    opacity: 1;
}

.share-buttons a {
    margin-left: 8px;
}

.share-buttons a:hover {
    border-color: transparent;
}

/***Search***/

#searchform {
    float: left;
    margin: 0 70px 0 12px;
}

#searchform input[type=text] {
    background: none;
    border: none;
    color: #f44d49;
    float: right;
    font: bold 16px 'PT Sans', Arial, Helvetica, sans-serif; 
    letter-spacing: 2px;
    padding: 0 12px;
    text-transform: uppercase;
    width: 150px;
}

#searchform button {
    background: none;
    border: none;
    color: #2f4b59;
    float: left;
    font-size: 16px;
    margin-top: -2px;
    transition: all .5s ease;
}

#searchform button:hover {
    color: #f44d49;
}

::-webkit-input-placeholder { 
	color: #2f4b59; 
}

:-moz-placeholder { 
	color: #2f4b59; 
}

/***************************************************************************************************************************************************************************************/

/*NAV STYLES*/

/***************************************************************************************************************************************************************************************/

nav {
    background: #2f4b59;
    text-align: center;
}

nav.mobile-nav,
.mobile-nav-open {
    display: none;
}

#menu-main {
    position: relative;
}

#menu-main li {
    display: inline-block;
}

#menu-main > li > a {
    color: #fff;
    display: block;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 17px 36px;
    text-transform: uppercase;
}

#menu-main > li > a:hover {
    background: #253a44;
}

/*Dropdown Menu*/

#menu-main .sub-menu {
    background: #fff;
    border-top: 4px solid #1cc4ba;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    left: 0;
    display: none;
    padding: 28px 50px 35px 20px; /*728*/
    position: absolute;
    text-align: left;
    top: 55px;
    width: 798px;
    z-index: 999;
}

#menu-main > li:nth-of-type(1n+5) .sub-menu {
    left: auto;
    right: 0;
}

#menu-main .sub-categories {
    float: left;
    width: 27.47%; /*200*/
}

#menu-main .sub-categories li {
    display: block;
    margin-bottom: 18px;
}

#menu-main .sub-categories a {
    color: #231f20;
    display: block;
    font-weight: bold;
    padding-left: 22px;
    position: relative;
    text-transform: uppercase;
}

#menu-main .sub-categories a:hover,
#menu-main a:hover {
    color: #ed4b4b;
}

#menu-main .sub-categories a:hover::before {
    content: "\f054";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    left: 0;
    position: absolute;
    top: 2px;
}

#menu-main .latest-posts {
    float: right;
    width: 66.62%; /*485*/
}

#menu-main .menu-post {
    float: left;
    width: 47.83%; /*232*/
}

#menu-main .menu-post + .menu-post {
    float: right;
}

#menu-main .featured-image {
    display: block;
    height: 181px;
    margin-bottom: 24px;
    width: 232px;
}

#menu-main a {
    color: #3f3f3f;
    font-weight: bold;
    line-height: 1.375em; /*22/16*/
}

#menu-main a span {
    color: #fa4e4a;
    display: block;
    font: bold .875em 'PT Sans Narrow', Arial, Helvetica, sans-serif; /*14/16*/
    text-transform: uppercase;
}

/***************************************************************************************************************************************************************************************/

/*FOOTER STYLES*/

/***************************************************************************************************************************************************************************************/

footer {
    background: #214e65;
}

/*Nav*/

footer ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

footer li {
    display: inline-block;
    margin: 0 35px;
}

footer li a {
    border-bottom: 2px solid transparent;
    display: block;
    color: #50819a;
    font-weight: bold;
    padding: 30px 0;
    text-transform: uppercase;
}

footer li a:hover {
    border-color: #1cc4ba;
    color: #fff;
}

/*Copyright*/

footer .copyright {
    background: #143647;
    color: #466f84;
    margin: 0;
    padding: 70px 20px;
    text-align: center;
}

footer .copyright a {
	color: #50819a;
}

footer .copyright a:hover {
	color: #fff;
}


/***************************************************************************************************************************************************************************************/

/*HOME STYLES*/

/***************************************************************************************************************************************************************************************/

article {
    float: left;
    width: 76.53%; /*900 / 1176*/
}

/***Featured Posts***/

article .featured-posts {
    float: left;
    padding: 16px 0 0 0;
    width: 64.44%; /*580*/
}

/*Graphic Posts*/

.graphic-post {
    border-radius: 6px;
    box-shadow: inset 5px 0px 25px rgba(0,0,0,.34);
    color: #fff;
    float: left;
    margin-bottom: 22px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.graphic-post:before {
    background: -webkit-linear-gradient(transparent 50%, rgba(0,0,0,.8) 100%);
    background: -moz-linear-gradient(transparent 50%, rgba(0,0,0,.8) 100%);
    background: linear-gradient(transparent 50%, rgba(0,0,0,.8) 100%);
    border-radius: 6px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.graphic-post.large {
    height: 450px;
}

.graphic-post.medium {
    height: 478px;
}

.graphic-post.small {
    height: 336px;
    width: 48.29%; /*426/882*/
}

.graphic-post.small + .graphic-post.small {
    float: right;
}

.graphic-post .content {
    bottom: 0;
    left: 0;
    padding: 0 80px 20px 25px;
    position: absolute;
    width: 100%;
}

.graphic-post a {
    color: #fff;
}

.graphic-post a:hover {
    opacity: .7;
}

.graphic-post h2 {
    font-size: 2.25em; /*36/16*/
    line-height: 1.16em; /*42/36*/
    margin: 0 0 18px;
}

.graphic-post.large h2 {
    padding-right: 45%;
}

.graphic-post.small h2 {
    font-size: 1.5em; /*24/16*/
}

.graphic-post .category-link,
.graphic-post .comments,
.graphic-post .posted-time {
    font: 1em 'PT Sans Narrow', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.graphic-post .category-link {
    color: #fa4e4a;
}

.graphic-post .category-link:hover {
    color: #fff;
}

.graphic-post .comments,
.graphic-post .category-link {
    margin-right: 25px;
}

.graphic-post .comments:before {
    content: "\f0e5";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    margin-right: 4px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

/*Large Graphic Posts Share Rollover*/

.graphic-post .share-link {
    background: url('images/bkg-share-link.png') no-repeat;
    border-radius: 0 0 6px 0;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    height: 71px;
    opacity: 0;
    padding: 40px 0 0 40px;
    position: absolute;
    right: 0;
    width: 72px;
}

.graphic-post:hover .share-link {
    opacity: 1;
}

.graphic-post .share-link:hover {
    color: #253a44;
}

.graphic-post .share-post {
    background: #f54d49;
    border-radius: 0 6px 6px 0;
    color: #fff;
    height: 100%;
    padding: 22px 15px;
    position: absolute;
    right: -100%;
    transition: all .5s ease;
    top: 0;
    width: 82px;
}

.graphic-post .share-post.active {
    right: 0;
}

.graphic-post .share-post h3 {
    font: bold 1.125em/1.2 'PT Sans Narrow', Arial, Helvetica, sans-serif; /*18/16*/
    margin: 0 0 28px;
    text-transform: uppercase;
}

.graphic-post .share-post a {
    color: #fbc0c0;
    display: block;
    font-size: 24px;
    margin-bottom: 30px;
    text-align: center;
}

.graphic-post .share-post a:hover {
    color: #fff;
}

/*Small Graphic Posts Stats Rollover*/

.graphic-post.small .post-stats {
    background: rgba(0,0,0,.78);
    border-radius: 200%:
    color: #fff;
    font: bold 1.125em/1.2 'PT Sans Narrow', Arial, Helvetica, sans-serif; /*18/16*/
    height: 100%;
    left: 0;
    letter-spacing: 1px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    transition: all .5s ease;
    top: 0;
    width: 100%;
}

.graphic-post.small:hover .post-stats {
    opacity: 1;
}

.post-stats .stats-container {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.post-stats span {
    display: block;
    margin: 0 0 28px;
}

.post-stats span i {
    margin-right: 10px;
}

.post-stats span:first-of-type i {
    color: #1cc4ba;
}

.post-stats span:nth-of-type(2) i {
    color: #ed4b4b;
}

.post-stats a {
    border-bottom: 4px solid #ed4b4b;
    color: #fff;
    padding-bottom: 4px;
}

.post-stats a:hover {
    border-color: #f54d49;
}

/*Regular Posts*/

.post {
    float: left;
    margin-bottom: 25px;
    width: 100%;
}

.post .featured-image {
    border-radius: 6px;
    float: left;
    height: 216px;
    width: 48.35%; /*280 / 579*/
}

.post .content {
    float: right;
    width: 48.35%; /*280*/
}

.post .meta {
    color: #fa4e4a;
    font: bold .875em 'PT Sans Narrow', Arial, Helvetica, sans-serif; /*14/16*/
    text-transform: uppercase;
}

.post .meta span {
    color: #c1c1c1;
}

.post h3 {
    font-size: 1.375em; /*22/16*/
    line-height: 1.27em; /*28/22*/
    margin: 5px 0 10px;
}

.post h3 a {
    color: #373737;
}

.post h3 a:hover {
    color: #d12824;
}

.post p {
    line-height: 1.5em; /*24/16*/
    margin: 0;
}

.post p a {
    font-weight: bold;
    text-transform: uppercase;
}

/***Upcoming Events***/

.upcoming-events {
    border-left: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    float: right;
    padding: 22px 2.22% 0 3.33%;
    width: 33.33%; /*300*/
}

.upcoming-events h2 {
    font-size: 1.375em; /*22/16*/
    margin: 0 0 15px;
}

.upcoming-events .post {
    margin-bottom: 38px;
}

.upcoming-events .post h3 {
    font-size: 1.125em; /*18/16*/
    margin: 5px 0 10px;
}

.upcoming-events .post p {
    font-size: .9375em; /*15/16*/
    line-height: 1.46em; /*22/15*/
}

/***Full Width Posts***/

.full-posts {
    padding-right: 2.22%;
}

.full-posts h1 {
    border-bottom: 1px solid #c4c4c4;
    border-top: 1px solid #c4c4c4;
    color: #505050;
    font-size: 1.125em; /*18/16*/
    margin: 0 0 22px;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
}

.full-posts h1 i {
    color: #ed4b4b;
}

.callout {
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    color: #505050;
    float: left;
    padding: 15px 0;
    margin-bottom: 25px;
    text-align: center;
    width: 100%;
}

.callout h2,
.callout p {
    display: inline-block;
    margin: 0;
}

.callout h2 {
    font-size: 1.125em; /*18/16*/
    text-transform: uppercase;
}

.callout p {
   font: 1.125em 'PT Sans Narrow', Arial, Helvetica, sans-serif; /*18/16*/ 
}

/***WP NAVI***/

.wp-pagenavi {
    float: left;
    margin: 8px 0 26px;
    text-align: center;
    width: 100%;
}

.wp-pagenavi > * {
    display: inline-block;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
    background: #f3f3f3;
    border: 1px solid #afafaf;
    color: #646464;
    font-weight: bold;
    margin: 0 18px 0 0;
    padding: 15px 20px;
    text-align: center;
    text-transform: uppercase;
}

.wp-pagenavi .nextpostslink {
    margin: 0 0 0 18px;
}

.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover {
    color: #1cc4ba;
}

.wp-pagenavi a i {
    vertical-align: -1px;
}

.wp-pagenavi .previouspostslink i {
    margin-right: 8px;
}

.wp-pagenavi .nextpostslink i {
    margin-left: 8px;
}

.wp-pagenavi .page,
.wp-pagenavi .current {
    color: #cfcfcf;
    font-size: 1.125em;
    font-weight: bold;
    margin: 0 16px;
}

.wp-pagenavi .page:hover,
.wp-pagenavi .current {
    color: #3a3a3a;
}

/***Memphis Map***/

.memphis-map {
    float: left;
    position: relative;
    width: 100%;
}

.memphis-map a {
    background: #fed145;
    color: #256382;
    font: bold 1em 'PT Sans Narrow', Arial, Helvetica, sans-serif;
    padding: 3px 12px;
    position: absolute;
    text-transform: uppercase;
}

.memphis-map a:hover {
    color: #39c0bf;
}

.memphis-map .location-downtown {
    left: 26.6%;
    top: 37%;
}

.memphis-map .location-north-memphis {
    left: 44.35%;
    top: 4.08%;
}

.memphis-map .location-south-memphis {
    left: 39.18%;
    top: 71.13%;
}

.memphis-map .location-midtown {
    left: 52.5%;
    top: 46.93%;
}

.memphis-map .location-east-memphis {
    left: 76.16%;
    top: 23.61%;
}

.memphis-map .location-burbs {
    left: 88.21%;
    top: 59.47%;
    -webkit-transform: rotate(-6deg);
    -webkit-transform-origin: left top;
    transform: rotate(-6deg);
    transform-origin: left top;
}

/***Bottom Pinned Articles***/

.pinned-posts {
    margin-top: 18px;
}

.pinned-post {
    float: left;
    margin: 0 2.9% 20px 0;
    width: 17.68%; /*208*/
}

.pinned-post:nth-of-type(5n) {
    margin-right: 0;
}

.pinned-post .featured-image {
    float: left;
    height: 138px;
    margin-bottom: 15px;
    width: 100%;
}

.pinned-post h2 {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.375em; /*22/16*/
    margin: 0;
    padding: 0 5px;
}

.pinned-post h2 a {
    color: #231f20;
}

.pinned-post h2 a:hover {
    color: #606060;
}

/***Sidebar***/

aside {
    float: right;
    width: 20.66%; /*243*/
}

aside ul {
    margin: 0;
    padding: 0;
}

aside li {
    list-style: none;
}

aside li.widget {
    float: left;
    width: 100%;
}

aside h2 {
    font-size: 1.375em;
    margin: 0 0 15px;
}

/*Meet Blogger*/

.meet-blogger {
    margin-bottom: 26px;
}

.meet-blogger img {
    margin-bottom: 25px;
}

.meet-blogger h3 {
    color: #fa4e4a;
    font: bold .875em 'PT Sans Narrow', Arial, Helvetica, sans-serif; /*14/16*/
    margin: 0 0 5px;
    text-transform: uppercase;
}

.meet-blogger p {
    line-height: 1.5em; /*24/16*/
    margin: 0 0 20px;
}

.meet-blogger p a {
    font-weight: bold;
    text-transform: uppercase;
}

/*Follow Widget*/

.follow-us {
    margin-bottom: 20px;
}

.follow-us a {
    color: #373737;
    float: left;
    font-size: 1.125em; /*18/16*/
    font-weight: bold;
    margin-bottom: 22px;
    width: 100%;
}

.follow-us i {
    background: #31d3dd;
    border-radius: 200%;
    color: #fff;
    float: left;
    font-size: 24px;
    height: 49px;
    margin-right: 20px;
    padding-top: 13px;
    text-align: center;
    transition: all .5s ease;
    width: 49px;
}

.follow-us a:nth-of-type(2) i {
    background: #1c9bc4;
}

.follow-us a:nth-of-type(3) i {
    background: #526b81;
}

.follow-us a:hover i {
    background: #19a9b2;
}

.follow-us a:nth-of-type(2):hover i {
    background: #0f799b;
}

.follow-us a:nth-of-type(3):hover i {
    background: #354c60;
}

.follow-us span {
    display: block;
    font-weight: normal;
}

/*Podcast Widget*/

.podcast-widget {
    margin-bottom: 60px;
    text-align: center;
}

.podcast-widget h2 {
    background: url('images/bkg-podcast.jpg') no-repeat center top;
    color: #1cc4ba;
    font: bold 2.375em/.921em 'PT Sans Narrow', Arial, Helvetica, sans-serif; /*38/16, 35/38*/
    margin: 0 0 16px;
    padding-top: 70px;
    text-transform: uppercase;
    transition: all .5s ease;
}

.podcast-widget a:hover h2,
.subscribe-widget a:hover h2 {
    color: #f54d49;
}

.podcast-widget h2 span {
    color: #505050;
    display: block;
    font: bold .736em/1.14em 'PT Sans', Arial, Helvetica, sans-serif; /*28/38, 32/28*/
}

.podcast-widget p,
.subscribe-widget p {
    color: #606060;
    font-weight: bold;
    line-height: 1.375em; /*22/16*/
    margin: 0;
}

.podcast-widget p span {
    color: #fa4e4a;
}

/*Subscribe Widget*/

.subscribe-widget {
    margin-bottom: 70px;
}

.subscribe-widget h2 {
    background: url('images/bkg-subscribe.jpg') no-repeat left bottom;
    color: #1cc4ba;
    font: bold 2.4375em 'PT Sans Narrow', Arial, Helvetica, sans-serif; /*39/16*/
    margin-bottom: 10px;
    padding: 2px 0 20px 45px;
    text-transform: uppercase;
    transition: all .5s ease;
}

.subscribe-widget #subscribe-email  {
    margin-top: 20px;
}

.subscribe-widget #subscribe-email p {
    display: inline;
}

.subscribe-widget #subscribe-email input[type=text],
.subscribe-widget #subscribe-email input[type=email] {
    border: 1px solid #e4e4e4;
    background: #fff;
    float: left;
    font: 1em 'PT Sans', Arial, Helvetica, sans-serif;
    height: 40px;
    padding: 0 10px;
    width: 100%;
}

.subscribe-widget input[type=submit] {
    background: #1cc4ba;
    border: none;
    color: #fff;
    float: right;
    font: 1em 'PT Sans', Arial, Helvetica, sans-serif;
    height: 40px;
    margin-top: 10px;
    width: 100%;
}


/*Shop Widget*/

/*Subscribe Widget*/

.subscribe2-widget {
    margin-bottom: 70px;
}

.subscribe2-widget h2 {
    background: url('images/bkg-shop.jpg') no-repeat left bottom;
    color: #1cc4ba;
    font: bold 2.4375em 'PT Sans Narrow', Arial, Helvetica, sans-serif; /*39/16*/
    margin-bottom: 10px;
    padding: 2px 0 20px 45px;
    text-transform: uppercase;
    transition: all .5s ease;
}

.subscribe2-widget #subscribe-email  {
    margin-top: 20px;
}

.subscribe2-widget #subscribe-email p {
    display: inline;
}

.subscribe2-widget #subscribe-email input[type=text],
.subscribe2-widget #subscribe-email input[type=email] {
    border: 1px solid #e4e4e4;
    background: #fff;
    float: left;
    font: 1em 'PT Sans', Arial, Helvetica, sans-serif;
    height: 40px;
    padding: 0 10px;
    width: 100%;
}

.subscribe2-widget input[type=submit] {
    background: #1cc4ba;
    border: none;
    color: #fff;
    float: right;
    font: 1em 'PT Sans', Arial, Helvetica, sans-serif;
    height: 40px;
    margin-top: 10px;
    width: 100%;
}


/*Posts Widget*/

.posts-widget {
    padding-right: 30px;
}

.posts-widget.fixed {
    position: fixed;
    top: 20px;
    width: 242px;
}

.posts-widget h2 {
    color: #3a3a3a;
    font: bold 1.125em 'PT Sans Narrow', Arial, Helvetica, sans-serif; /*18/16*/
    margin: 0 0 14px;
    text-transform: uppercase;
}

.posts-widget .post {
    color: #373737;
    line-height: 1.375em; /*22/16*/
    margin-bottom: 30px;
}

.posts-widget .post:hover {
    color: #fa4e4a;
}

.posts-widget .featured-image {
    border-radius: 0;
    height: 138px;
    margin-bottom: 10px;
    width: 100%;
}

/***************************************************************************************************************************************************************************************/

/*DEFAULT PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.alignleft { 
	float: left; 
	margin-right: 15px; 
	max-width: 100%;
}

.alignright { 
	float: right; 
	margin-left: 15px; 
	max-width: 100%;
}

.alignnone,
.aligncenter {
    display: block;
    margin: 0 auto 20px;
    max-width: 100%;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption-text {
    color: #ccc;
    font-size: .975em;
    font-style: italic;
    margin: 5px 0 0;
}

article.divider {
    border-right: 1px solid #c4c4c4;
    padding: 0 70px 0 50px;
}

.page-template-default article h2 {
    font-size: 2em;
    margin: 0 0 40px;
}

/***************************************************************************************************************************************************************************************/

/*CATEGORY & ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

.category-header {
    color: #2f4b59;
    font-size: 2.25em;
    margin: 0 0 25px;
    padding: 30px 0;
    text-align: center;
}

.category-nav {
    border-bottom: 1px solid #c4c4c4;
    float: left;
    margin: 0 0 32px;
    padding: 0;
    width: 100%;
}

.category-nav li {
    display: inline-block;
    list-style: none;
    margin: 0 12px;
}

.category-nav a {
    border-bottom: 4px solid transparent;
    color: #a3a3a3;
    display: block;
    font-weight: bold;
    padding: 0 8px 20px;
}

.category-nav a:hover,
.category-nav .current-cat a {
    border-color: #1cc4ba;
    color: #373737;
}

/***************************************************************************************************************************************************************************************/

/*PLACES CATEGORY STYLES*/

/***************************************************************************************************************************************************************************************/

.places-title {
    color: #2f4b59;
    font-size: 2.25em;
    margin: 0 0 20px;
    text-align: center;
}

/*Places Map Styles*/

.places-map {
    margin-bottom: 35px;
}

.places-map .active {
    background: #e94c49;
    border: 4px solid #fff;
    color: #fff;
}

/*Content Styles*/

.places-content {
    border-right: 1px solid #c4c4c4;
    padding-right: 1.7%;
    width: 76.53%; /*900 / 1176*/
}

.places-content > h2 {
    font-size: 1.5em;
    margin: 10px 0 36px;
}

.places-content > h2 span {
    color: #f54d49;
}

/*Sidebar*/

.upcoming-events.widget {
    border: none;
    padding: 0;
    width: 100%;
}

/***************************************************************************************************************************************************************************************/

/*EVENTS ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

article.divider.middle-width {
    padding: 0 50px 0 30px;
}

/***Search Bar***/

article #tribe-events-bar {
    margin-bottom: 85px;
}

#tribe-events-bar #tribe-bar-form {
   background: none; 
   border: 1px solid #c3c3c3;
   padding: 22px 60px 15px;
}

#tribe-events-bar #tribe-bar-form label {
    font-size: 14px;
    margin: 0 0 18px;
}

#tribe-events-bar .tribe-bar-date-filter {
    display: none !important;
}

#tribe-events-bar #tribe-bar-form input[type=text] {
    border-bottom: none;
    font: italic 18px 'PT Sans', Arial, sans-serif;
}

#tribe-events-bar .tribe-bar-search-filter {
    margin-right: 2.56%;
    padding: 0;
    width: 180px;
}

#tribe-events-bar .tribe-bar-geoloc-filter {
    margin-right: 20px;
    padding: 0;
}

#tribe-events-bar .tribe-bar-submit {
    margin: 0;
    padding: 0;
    width: 155px;
}

#tribe-events-bar .btn {
    font: bold 18px 'PT Sans', Arial, sans-serif !important;
    height: 49px;
    margin: 0;
    padding: 0;
    width: 100%;
}

#tribe-events-bar #tribe-bar-form #tribe-bar-views {
    float: right;
    left: 0 !important;
    padding: 0;
    position: relative;
    width: 100px;
}

#tribe-events-bar #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a {
    background: #fff;
}

#tribe-events-bar .tribe-bar-views-inner {
    background: none;
    padding: 0;
}

#tribe-events-bar .tribe-bar-collapse #tribe-bar-views, 
#tribe-events-bar .tribe-bar-collapse .tribe-bar-filters-inner>div {
    
    width: 155px;
}

#tribe-events-bar .tribe-bar-collapse #tribe-bar-collapse-toggle {
    display: none;
}

#tribe-events-bar #tribe-bar-form.tribe-bar-collapse .tribe-bar-views-inner {
    padding: 0;
}

/***Posts***/

.event-post {
    border-bottom: 1px solid #c4c4c4;
    float: left;
    padding: 0 20px 40px;
    margin-bottom: 55px;
    width: 100%;
}

.event-post h2 {
    font-size: 2em; /*32/16*/
    line-height: 1;
    margin: 0 0 15px;
}

.event-post h2 span {
    font-size: .75em; /*24/32*/
    font-weight: normal;
}

.event-post h2 a {
    color: #373737;
}

.event-post .event-meta {
    color: #838383;
    margin-bottom: 60px;
}

.event-post .event-meta address {
    display: inline;
    font-style: normal;
}

.event-post .event-meta br {
    display: none;
}

.event-post .content {
    float: right;
    line-height: 1.5em; /*24/16*/
    width: 55.26%; /*430/778*/
}

.event-post .content p {
    margin: 0 0 30px;
}

.event-post .content .more {
    font-weight: bold;
    text-transform: uppercase;
}

.tribe-events-list .event-post .tribe-events-event-image {
    float: left;
    width: 38.17%; /*297/778*/
}

#tribe-events-content.tribe-events-list {
    margin-bottom: 100px;
}



/***Sidebar***/

.post-type-archive-tribe_events .posts-widget {
    padding: 0 0 0 12px;
}

.submit-event-widget {
    margin-bottom: 60px;
}

.submit-event-widget h2 {
    background: url('images/bkg-events.jpg') no-repeat 10px top;
    color: #1cc4ba;
    font: bold 2.25em/.8 'PT Sans Narrow', Arial, Helvetica, sans-serif; /*36/16*/
    margin: 0 0 15px;
    padding: 5px 0 5px 90px;
    text-transform: uppercase;
}

.submit-event-widget p {
    color: #606060;
    font-weight: bold;
    margin: 0;
    text-align: center;
}

/***************************************************************************************************************************************************************************************/

/*SINGLE POST STYLES*/

/***************************************************************************************************************************************************************************************/

/***Article Styles***/

.single-article {
    margin-bottom: 90px;
}

/*Heading*/

.single-article .heading {
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 40px;
    padding: 25px 20px 15px;
}

.single-article h1 {
    font-size: 2.25em; /*36/16*/
    line-height: 1.22em; /*44/36*/
    margin: 0 0 15px;
}

.single-article .meta {
    color: #525252;
}

.single-article .meta span {
    color: #c1c1c1;
    float: right;
    font: bold 1em 'PT Sans Narrow', Arial, Helvetica, sans-serif;
}

.single-article .meta i {
    margin-left: 10px;
}

/*Featured Image*/

.single-article .wp-post-image {
    display: block;
    margin: 0 auto 50px;
    max-width: 85.12%;
}

/*Content*/

.single-article .content {
    color: #231f20;
    float: left;
    padding: 0 70px;
    width: 100%;
}

.single-article h2 {
    font-size: 1.25em; /*20/16*/
    margin: 0 0 30px;
}

.single-article h3 {
    font-size: 1em;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.single-article p,
.single-article ol,
.single-article li {
    font-size: 1em;
    line-height: 1.5em; /*24/16*/
    margin: 0 0 25px;
}

.single-article blockquote {
    border-bottom: 1px solid #c4c4c4;
    border-top: 1px solid #c4c4c4;
    margin: 55px 0 60px;
    position: relative;
    padding: 50px 60px 20px;
}

.single-article blockquote:before,
.single-article blockquote:after {
    color: #d9e3e3;
    font-size: 105px;
    font-style: italic;
    height: 30px;
    line-height: 1;
    position: absolute;
}

.single-article blockquote:before {
    content: "\201C";
    left: 0;
    top: 22px;
}

.single-article blockquote:after {
    bottom: 40px;
    content: "\201D";
    right: 0;
}

.single-article blockquote p {
    color: #858585;
    font-size: 1.5em; /*24/16*/
    font-style: italic;
    line-height: 1.5em; /*36/24*/
    margin: 0 0 30px;
    text-align: center;
}

/*Share Post*/

.bottom-meta {
    float: left;
    margin-top: 55px;
    padding: 0 20px;
    width: 100%;
}

.bottom-meta .share-post {
    float: left;
    margin-bottom: 25px;
    width: 100%;
}

.bottom-meta .share-post h3 {
    color: #373737;
    display: inline-block;
    font-size: .875em; /*14/16*/
    letter-spacing: 1px;
    margin: 0 20px 0 0;
}

.bottom-meta .share-post h3 i {
    color: #ee4c49;
    margin-right: 5px;
}

.bottom-meta .share-post a {
    margin-right: 15px;
}

.bottom-meta .share-post i {
    color: #ccc;
    font-size: 18px;
    transition: all .5s ease;
}

.bottom-meta .share-post a:hover i {
    color: #1cc4ba;
}

.bottom-meta .share-post .email-post {
    color: #373737;
    float: right;
    font-size: .875em; /*14/16*/
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
}

.bottom-meta .share-post .email-post i {
    margin-right: 5px;
}

/*Author Box*/

.author-box {
    border-bottom: 1px solid #c4c4c4;
    border-top: 1px solid #c4c4c4;
    float: left;
    margin-bottom: 25px;
    padding: 18px 50px 18px 0;
    width: 100%;
}

.author-box img {
    float: left;
    width: 14.28%; /*104/728*/
}

.author-box .bio {
    float: right;
    width: 78.29%; /*570/728*/
}

.author-box h2 {
    font-size: 1em;
    margin: 0 0 5px;
}

.author-box p {
    margin: 0;
}

/*Tags*/

.tags {
    color: #cccccc;
    float: left;
    font-size: .875em;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%;
}

.tags a {
    color: #838383;
    margin-right: 10px;
}

.tags a:after {
    content: ", ";
}

.tags a:last-child::after {
    display: none;
}

.tags a:hover {
    color: #f54d49;
}

/*Related Posts*/

.related-posts {
    float: left;
    margin: 45px 0 0;
    width: 100%;
}

.related-posts h2 {
    font-size: 1em;
    margin: 0 0 25px;
    text-transform: uppercase;
}

.related-posts .pinned-post {
    margin-right: 5.14%; 
    width: 26.47%; /*206*/
}

.related-posts .featured-image {
    height: 138px;
    margin-bottom: 15px;
    width: 100%;
}

.related-posts h3 {
    font-size: 1em;
    margin: 0;
    text-transform: none;
}

.related-posts h3 a {
    color: #231f20;
}

.related-posts h3 a:hover {
    color: #606060;
}

/***Comments***/

.btn-show-comments {
    position: relative;
    width: 167px;
    z-index: 2;
}

.btn-show-comments:before,
.btn-show-comments:after {
    background: #fff;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 15px;
}

.btn-show-comments:before {
    left: -16px;
}

.btn-show-comments:after {
    right: -16px;
}

.comments-container {
    float: left;
    margin-top: 68px;
    width: 100%;
}

.comments-container.closed {
    border-top: 1px solid #c4c4c4;
    margin-top: -27px;
}

.comments-container.closed > * {
    display: none;
}

.comments-container h2 {
    border-bottom: 1px solid #c4c4c4;
    font-size: 1.8em;
    margin-bottom: 40px;
}

.commentlist {
    margin: 0;
    padding: 0;
}

.commentlist li {
    display: block;
    list-style: none;
}

.commentlist .comment-body {
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.commentlist .comment-author {
    float: left;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.commentlist .comment-author .says {
    display: none;
}

.commentlist .comment-author cite {
    font-style: normal;
}

.commentlist .comment-meta {
    float: right;
    font-size: .875em;
    font-style: italic;
    margin-bottom: 15px;
}

.commentlist .comment-meta a {
    color: #ccc;
}

.commentlist p {
    clear: both;
}

/***Comments Form***/

#respond {
    float: left;
    margin: 68px 0;
    padding: 0 20px;
    width: 100%;
}

#respond h2 {
    color: #231f20;
    margin-bottom: 20px;
}

#respond .column {
    float: left;
    width: 45.24%; /*352/778*/
}

#respond .column + .column {
    float: right;
}

#respond input[type=text],
#respond input[type=email],
#respond textarea {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    color: #231f20;
    font: 16px 'PT Sans', Arial, sans-serif;
    height: 46px;
    margin-bottom: 20px;
    padding: 0 16px;
    width: 100%;
}

#respond textarea {
    height: 186px;
    margin-bottom: 32px;
    padding: 16px;
}

#respond button {
    margin: 0 auto;
    transition: all .5s ease;
    width: 224px;
}

#respond button i {
    margin-right: 10px;
}

/***************************************************************************************************************************************************************************************/

/*SINGLE EVENTS*/

/***************************************************************************************************************************************************************************************/

.single-tribe_events .single-article {
    padding-bottom: 95px;
}

/*Heading*/

.btn-gray.btn-back {
    font-size: 1.125em;
    margin: 0 0 40px;
    padding: 12px 10px;
    width: 160px;
}

.single-tribe_events .heading {
    margin-bottom: 50px;
    padding: 0 0 36px;
}

.single-tribe_events .heading h1 {
    font-size: 2em; /*32/16*/
}

.single-tribe_events .heading h1 > span {
    display: block;
    font-size: .75em; /*24/32*/
    font-weight: normal;
    margin-top: 15px;
}

.heading .event-meta {
    color: #838383;
}

.heading .event-meta br {
    display: none;
}

.tribe-events-cost {
    background: #f3f3f3;
    border: 1px solid #c3c3c3;
    border-radius: 4px;
    float: right;
    font-size: 1.2em; /*24/16*/
    padding: 8px 10px;
    text-align: center;
    width: 110px;
}

/*Featured Image*/

.single-tribe_events .single-article .wp-post-image {
    margin-bottom: 68px;
    max-width: 100%;
}

/*Content*/

.single-tribe_events .single-article h2 {
    font-size: 1.5em; /*24/16*/
}

.tribe-events-event-meta .tribe-events-meta-group dt,
.tribe-events-event-meta .tribe-events-meta-group dd {
    display: block;
    margin: 0;
}

.tribe-events-event-meta .tribe-events-meta-group dt {
    font-weight: bold;
}

.tribe-events-event-meta .tribe-events-meta-group dd {
    margin-bottom: 15px;
    word-break: break-all;
}

/*Bottom Meta*/

.single-tribe_events .bottom-meta {
    border-top: 1px solid #c3c3c3;
    margin-top: 40px;
    padding: 32px 0 52px;
}

.single-tribe_events .bottom-meta .share-post {
    margin-top: 18px;
    width: auto;
}

.bottom-meta .btns {
    float: right;
}

.bottom-meta .btn-gray {
    display: inline-block;
    margin: 0 0 0 45px;
}

/***************************************************************************************************************************************************************************************/

/*CONTACT PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

article div.wpcf7 {
    float: left;
    margin-bottom: 88px;
    width: 100%;
}

#story-form {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}

.wpcf7 p {
    clear: both;
    margin: 0;
}

.wpcf7 .row {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.wpcf7 .row.end {
    border-bottom: 1px solid #bcbcbc;
    margin-bottom: 30px;
    padding-bottom: 60px;
}

.wpcf7 .column {
    float: left;
    width: 48.71%; /*380 /780*/
}

.wpcf7 .column + .column {
    float: right;
}

#story-form input[type=text],
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=date],
.wpcf7 textarea,
.wpcf7 select {
    background: #f5f5f5;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    color: #231f20;
    font: 1em 'PT Sans', Arial, sans-serif;
    height: 36px;
    padding: 0 10px;
    width: 100%;
}

.wpcf7 textarea {
    height: 96px;
    padding: 10px;
}

.wpcf7 textarea[name="story-idea"] {
    height: 170px;
}

::-webkit-input-placeholder { 
	color: #231f20; 
}

:-moz-placeholder { 
	color: #231f20; 
}

.wpcf7 label {
    color: #231f20;
    float: left;
    margin: 8px 2.56% 0 0;
}

.wpcf7 label[for="start-date"],
.wpcf7 label[for="end-date"],
.wpcf7 label[for="event-age"] {
    margin-right: 1.92%;
    padding-left: 8px;
    width: 12.82%; /*100*/
}

.wpcf7 span.start-date,
.wpcf7 span.end-date {
    float: left;
    margin-right: 2.3%;
    width: 25.89%; /*202*/
}

.wpcf7 span.start-time,
.wpcf7 span.end-time {
    float: left;
    width: 30.12%; /*235*/
}

.wpcf7 label[for="upload-artwork"] {
    margin: 0;
    width: 70%;
}

.wpcf7 .upload-artwork {
    float: right;
    overflow: hidden;
    width: 25%;
}

.wpcf7 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('images/select-arrow.png') no-repeat 96% 12px #f5f5f5;
    width: 25.89%; /*202*/ 
}

.wpcf7 .btn,
#tribe-community-events .btn {
    float: right;
    margin: 0;
    transition: all .5s ease;
    width: 112px;
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 1200*/

/***************************************************************************************************************************************************************************************/

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

    /*Nav*/
    
    #menu-main > li > a {
        padding: 17px 20px;
    }
    
    /*Homepage*/
    
    .follow-us {
        text-align: center;
    }
    
    .follow-us i {
        display: block;
        float: none;
        margin: 0 auto 15px;
    }
    
    /*Footer*/
    
    footer li {
        margin: 0 15px;
    }
    
    /*Events*/
    
    #tribe-events-bar #tribe-bar-form {
        padding: 15px 10px;
    }

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 1080*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 67.5em) {

    /*Homepage*/
    
    article,
    .places-content {
        width: 68%;
    }
    
    article.divider {
        padding: 0 20px 0 0;
    }
    
    article .featured-posts,
    .upcoming-events {
        width: 100%;
    }
    
    .upcoming-events {
        border: none;
        border-top: 1px solid #c4c4c4;
        margin-bottom: 20px;
        padding: 20px 0 0;
    }
    
    aside {
        width: 30%;
    }
        
    .posts-widget {
        padding: 0;
    }
    
    .posts-widget.fixed {
        position: static !important;
        width: 100%;
    }
    
    .graphic-post.large h2 {
        padding: 0;
    }
    
    .graphic-post .content {
        padding-right: 20px;
    }
    
    .graphic-post.medium {
        height: 350px;
    }
    
    .graphic-post.large {
        height: 400px;
    }
    
    .graphic-post .share-post a {
        margin-bottom: 15px;
    }
    
    /*Events*/
    
    #tribe-events-bar .tribe-bar-collapse #tribe-bar-views, 
    #tribe-events-bar .tribe-bar-collapse .tribe-bar-filters-inner>div {
        margin: 0 0 20px;
        width: 48%;
    }
    
    #tribe-events-bar .tribe-bar-date-filter {
        margin-bottom: 20px;
    }
    
    #tribe-events-bar .tribe-bar-search-filter {
        float: right;
        margin: 0 0 20px;
        width: 48%;
    }
    
    #tribe-events-bar .tribe-bar-submit {
        clear: left;
        width: 48%;
    }
    
    #tribe-events-bar #tribe-bar-form #tribe-bar-views {
        clear: right;
        float: right;
        width: 48%;
    }
    
    #tribe-events-bar #tribe-bar-form label {
        margin: 0;
        padding: 0;
    }
    
    /*Single Post*/
    
    .single-article .featured-image {
        width: 100%;
    }
    
    .single-article .content,
    .bottom-meta,
    #respond {
        padding: 0;
    }
    
    .single-article .heading {
        padding: 0 0 10px;
    }

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 1050*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 65.625em) {

    /*Header*/
    
    header .logo {
        top: 85px;
        width: 200px;
    }
    
    /*Homepage*/
    
    .wp-pagenavi .nextpostslink {
        display: block;
        margin-top: 20px;
    }

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 980*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 61.25em) {
    
    /*Header*/
    
    header {
        background: #fff;
        height: 100px;
    }
    
    header .logo {
        left: 15px;
        top: 5px;
        -webkit-transform: none;
        transform: none;
        width: 115px;
    }
    
    .left-menu,
    .right-menu {
        display: none;
    }

    /*Nav*/
    
    nav.main-nav {
        display: none;
    }
    
    .mobile-nav-open {
        background: #fff;
        border: 1px solid #d4d4d4;
        border-radius: 4px;
        color: #1cc4ba;
        display: block !important;
        font-size: 20px;
        line-height: 0;
        padding: 10px;
        position: fixed;
        right: 24px;
        top: 24px;
        z-index: 9999;
    }
    
    nav.mobile-nav {
        background: rgba(0,0,0,.5);
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999;
    }
    
    nav.mobile-nav .close {
        color: #fff;
        font-size: 50px;
        left: 25px;
        position: fixed;
        top: 8px;
    }

    nav.mobile-nav ul {
        background: #fff;
        display: block;
        max-height: 100%;
        position: fixed;
        right: 0;
        overflow: auto;
        top: 0;
        width: 230px;
    }
    
    nav.mobile-nav li {
        float: left;
        width: 100%;
    }
    
    nav.mobile-nav .search {
        background: #ea4c49;
        padding: 18px 18px 12px;
    }
    
    nav.mobile-nav .search button {
        background: none;
        border: none;
        color: #fff;
        float: left;
        font-size: 18px;
        height: 30px;
        width: 30px;
    }
    
    nav.mobile-nav .search input[type=text] {
        background: none;
        border: none;
        color: #fff;
        float: right;
        font: 1.2em 'PT Sans', Arial, sans-serif;
        height: 30px;
        width: 150px;
    }
    
    nav.mobile-nav .search ::-webkit-input-placeholder { 
    	color: #fff; 
    }
    
    nav.mobile-nav .search :-moz-placeholder { 
    	color: #fff; 
    }
    
    nav.mobile-nav .category-link a {
        color: #2f4b59;
        display: block;
        font: 700 1.2em 'PT Sans Narrow', Arial, sans-serif;
        padding: 18px 30px;
        text-align: left;
    }
    
    nav.mobile-nav .category-link:nth-of-type(odd) a {
        background: #eaf3f3;
    }
    
    nav.mobile-nav .category-link a:hover,
    nav.mobile-nav .btns a:hover {
        background: #1cc4ba;
        color: #fff;
    }
    
    nav.mobile-nav .btns {
        display: inline-block;
        padding: 25px 15px 12px;
    }
    
    nav.mobile-nav .btns a {
        border: 1px solid #d7d7d7;
        border-radius: 4px;
        color: #2f4b59;
        float: left;
        font: 700 1em 'PT Sans Narrow', Arial, sans-serif;
        padding: 10px;
        text-align: center;
        width: 92px;
    }
    
    nav.mobile-nav .btns a + a {
        float: right;
    }
    
    nav.mobile-nav .social {
        background: #1cc4ba;
        padding: 15px 15px 20px;
        text-align: center;
    }
    
    nav.mobile-nav .social a {
        background: #21948d;
        border-radius: 200%;
        color: #fff;
        display: inline-block;
        font-size: 20px;
        height: 40px;
        margin: 0 10px;
        padding-top: 8px;
        text-align: center;
        width: 40px;
    }
    
    nav.mobile-nav .social a:hover {
        background: #1c9ac4;
    }
    
    /*Events*/
    
    .datepicker.dropdown-menu {
        bottom: auto !important;
        top: 50px !important;
    }
    
    /*Single Event*/
    
    .tribe-events-cost {
        display: block;
        float: none;
        margin-bottom: 20px;
    }

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 870*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 54.375em) {
    
    /*Footer*/
    
    footer {
        padding-top: 30px;
    }
    
    footer .copyright {
        padding: 20px;
    }
    
    footer li {
        display: block;
        margin: 0 0 20px;
    }
    
    footer a {
        padding: 5px;
    }
    
    /*Homepage*/
    
    article,
    article.divider,
    aside,
    .places-content,
    article.divider.middle-width {
        border: none;
        padding: 0;
        width: 100%;
    }
    
    .meet-blogger img {
        float: left;
        margin: 0 15px 0 0;
    }
    
    .follow-us a {
        width: 33%;
    }
    
    aside li.subscribe-widget,
    aside li.podcast-widget {
        width: 48%;
    }
    
    aside li.podcast-widget {
        float: right;
    }
    
    .pinned-post,
    .posts-widget .post,
    .related-posts .pinned-post {
        border-top: 1px solid #c4c4c4;
        margin: 0 0 20px;
        padding-top: 20px;
        width: 100%;
    }
    
    .pinned-post .featured-image,
    .posts-widget .featured-image {
        height: 100px;
        margin-right: 15px;
        width: 30%;
    }
    
    /*Events*/
    
    article #tribe-events-bar {
        margin-bottom: 40px;
    }
    
    .event-post h2 {
        font-size: 1.5em;
    }
    
    .event-post .event-meta {
        margin-bottom: 30px;
    }
    
    a.tribe-events-gmap {
        display: inline !important;
    }
    
    .submit-event-widget p {
        text-align: left;
    }
    
    /*Events Single*/
    
    .single-tribe_events .single-article .featured-image {
        height: 250px;
        margin-bottom: 40px;
    }
    
    .single-tribe_events .bottom-meta {
        margin-top: 0;
        padding: 15px 0;
    }
    
    .single-tribe_events .bottom-meta .share-post {
        width: 100%;
    }
    
    .bottom-meta .btns {
        margin-top: 20px;
        width: 100%;
    }
    
    .bottom-meta .btn-gray {
        clear: none;
        float: left;
        margin: 0;
        width: 48%;
    }
    
    .bottom-meta .btn-gray + .btn-gray {
        float: right;
    }
    
    /*Contact*/
    
    .wpcf7 .upload-artwork,
    .wpcf7 label[for="upload-artwork"] {
        clear: left;
        float: left;
        width: 100%;
    }
    
    .wpcf7 .upload-artwork {
        margin: 10px 0 30px;
    }
    
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 700*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 43.75em) {
    
    /*Category*/
    
    .category-header {
        background-size: 100% !important;
        font-size: 1.5em;
        padding: 15px 0;
    }
    
    .category-nav {
        border: none;
        margin: 0;
        text-align: center;
    }
    
    .category-nav a {
        margin-bottom: 15px;
        padding-bottom: 10px;
    }
    
    /*Events*/
    
    .tribe-events-list .event-post .tribe-events-event-image {
        display: block;
        float: none;
        margin: 0 auto 20px;
        width: auto;
    }
    
    .event-post .content {
        width: 100%;
    }
    
    /*Single Post*/
    
    .single-article h1,
    .single-tribe_events .heading h1 {
        font-size: 1.6em;
    }
    
    .single-article > .featured-image {
        height: 200px;
    }
    
    .single-article blockquote p {
        font-size: 1.3em;
    }
    
    .comments-container {
        margin-top: 0;
    }
    
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 630*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 39.375em) {
    
    /*Homepage*/
    
    .meet-blogger img {
        display: block;
        float: none;
        margin: 0 auto 15px;
    }
    
    .memphis-map {
        display: none;
    }
    
    /*Single Post*/
    
    #respond .column {
        width: 100%;
    }
    
    /*Events Archive*/
    
    #tribe-events-bar .tribe-bar-collapse #tribe-bar-views, #tribe-events-bar .tribe-bar-collapse .tribe-bar-filters-inner>div,
    #tribe-events-bar #tribe-bar-form #tribe-bar-views {
        margin-bottom: 15px;
        width: 100%;
    }
    
    .event-post {
        padding: 0 0 40px;
    }
    
    
    /*Single Event*/
    
    .tribe-events-cost {
        font-size: 1.2em;
    }
    
    /*Contact*/
    
    .wpcf7 .column {
        width: 100%;
    }
    
    .wpcf7 .column:first-of-type {
        margin-bottom: 20px;
    }
    
    .wpcf7 label[for="start-date"], 
    .wpcf7 label[for="end-date"],
    .wpcf7 label[for="start-time"], 
    .wpcf7 label[for="end-time"], 
    .wpcf7 label[for="event-age"] {
        margin: 8px 0 20px;
        padding: 0;
        width: 38%;
    }
    
    .wpcf7 span.start-date, 
    .wpcf7 span.end-date,
    .wpcf7 span.start-time, 
    .wpcf7 span.end-time,
    .wpcf7 select {
        float: right;
        margin: 0 0 20px;
        width: 60%;
    }
    
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 550*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 34.375em) {
    
    /*Single Post*/
    
    .single-article blockquote {
        margin: 30px 0;
        padding: 20px 10px 0;
    }
    
    .single-article blockquote:before,
    .single-article blockquote:after,
    .bottom-meta .share-post .email-post span {
        display: none;
    }
    
    .bottom-meta .share-post .email-post {
        float: none;
    }
    
    .author-box {
        padding-right: 0;
    }
    
    .author-box img {
        display: block;
        float: none;
        margin: 0 auto 20px;
        width: auto;
    }
    
    .author-box .bio {
        width: 100%;
    }
    
    /*Event Single*/
    
    .bottom-meta .btn-gray {
        margin-bottom: 15px;
        width: 100%;
    }
    
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 500*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 31.25em) {
    
    /*Homepage*/
    
    .content-container {
        padding: 10px;
    }
    
    .graphic-post h2 {
        font-size: 1.5em;
    }
    
    .graphic-post .posted-time {
        display: block;
    }
    
    .post .featured-image {
        height: 100px;
        margin: 0 0 15px;
        width: 100%;
    }
    
    .post .content {
        width: 100%;
    }
    
    .post h3 {
        font-size: 1.1em;
    }
    
    .graphic-post.small {
        height: 200px;
        width: 100%;
    }
    
    .graphic-post.large {
        height: 350px;
    }
    
    aside li.subscribe-widget, 
    aside li.podcast-widget,
    .follow-us a {
        width: 100%;
    }
    
    aside li.subscribe-widget {
        text-align: center;
    }
    
    aside li.subscribe-widget h2 {
        margin: 0 auto 10px;
        width: 210px;
    }
    
    /*Single Post*/
    
    .single-article .meta span {
        clear: left;
        display: block;
        float: none;
        margin-top: 5px;
    }
    
    .bottom-meta .share-post {
        text-align: center;
    }
    
    .bottom-meta .share-post h3 {
        display: block;
        margin-bottom: 10px;
    }
    
}