/*
Theme Name:
Theme URI: https://okbreathe.com
Author: okbreathe
Author URI: http://okbreathe.com/
Description:
Version: 1.0

[Table of contents]

00.RESET
01.BASIC
02.TYPOGRAPHY
03.GENERAL
04.FORMS
05.HEADER
06.CONTENT
07.SIDEBAR
08.FOOTER
08.MEDIA QUERIES
------------------------------------------------*/
/* ........................................................... [00.RESET] */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
     margin: 0;
     font-size:100%;
     font:inherit;
     vertical-align:baseline;
}

/* ........................................................... [01.BASIC] */

body {
  background: #e5e5e5;
  font: 14px/21px Helvetica, Arial, sans-serif;
     -webkit-font-smoothing:antialiased;
     -webkit-text-size-adjust:100%; /* Fix for webkit rendering */
}

#doc, header, footer {
  position:relative;
}

html, body {
     height: 100%;
}

#page {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -25px; /* the bottom margin is the negative value of the footer's height */
}

#footer, .push {
     height: 25px; /* .push must be the same height as .footer */
}

/* ........................................................... [02.TYPOGRAPHY] */

/* General */

p { font-size: 13px; line-height: 19px; margin: 0 0 15px 0; word-spacing:0.08em; letter-spacing:0.03em; }
small { font-size: 80%; }
strong { font-style: inherit; font-weight: bold; }

/* Links */

a, a:visited, a:hover, a:active , a:focus {
  text-decoration:none;
  outline: 0;
  color: #f53f44;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

p a, p a:visited { line-height: inherit; }

/* Headings */

h1, h2, h3, h4, h5, h6 {
 font-weight: normal;
 text-rendering:optimizelegibility;
 color: #f53f44;
 font-family: 'Trade Gothic W01 Cn 18';
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { text-transform: uppercase; font-size: 34px; border-bottom: 3px solid rgba(252, 252, 252, 0); padding-left: 20px; line-height: 27px;}
h2 { font-size: 18px; line-height: 45px; color: #333333; font-weight: 700; padding-left: 20px;}
h3 { font-size: 18px; line-height: 45px;}
h4 { font-size: 1em; line-height: 1.52em; }
h5 { font-size: 0.85em;  line-height: 1.70em; }
h6 { font-size: 0.79em;  line-height: 1.90em; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* #Lists */

ul, ol { padding: 0px 0px 0px 0px; margin: 0 0 0px 0;}
ul { list-style: none outside; }
ol { list-style: decimal; }
ul ul, ol, ul.square, ul.circle, ul.disc { margin-left: 1.5em; }
li ul, li ol { margin: 0 0 0 1.5em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul.inline li, ol.inline li  { display: inline-block; }
dt { font-weight: bold; }

/* Images */

a img { margin: 0 auto; }
img{ border-top: x; margin:0; display:block; }
img.scale { max-width: 100%; height: auto; }
p img.left { float: left; margin: 0 1em 1em 0; padding: 0; }
p img.right { float: right; margin: 0 0 1em 1em;  }

/* Misc */

abbr, acronym { border-bottom: 1px dotted #000; }
address { display: block; }

blockquote { padding-left:1.5em; margin: 1.5em; font-family:georgia, serif; font-style:italic;  }
blockquote:before { position:relative; top:0.5em; content:"\201C"; font-size:3em; margin-left:-.625em; font-family:georgia, serif; color:#aaa; line-height:0; }
blockquote > p { padding:0; margin:0; }

em, dfn { font-style: italic; font-weight: inherit; line-height: inherit; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; }
tt { display: block; margin: 1.5em 0; }
hr { border: none; border-bottom: 1px dotted #aaa; clear: both; margin: 1.5em 0; height: 2px; }
sub,sup {position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup { top:-0.5em; }
sub { bottom:-0.25em; }

/* Tables */

th, td { text-align: left; }
table { width:100%; border-collapse: collapse; border-spacing: 0; }
th, td { line-height: 2.95em; padding: 0 1em ; }
th:first-child, td:first-child { padding-left: 0; }
th:last-child, td:last-child { padding-right: 0; }

/* ........................................................... [03.FORMS] */

form {
     margin-bottom: 1em;
}

fieldset {
     margin-bottom:1.5em;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
 background:#fff;
 color: #8a8987;
 border: 1px solid #222;
 padding: .6em .5em;
 width: 100%;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
textarea:hover {
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  outline: none;
}

textarea {
     min-height:120px;
  height:100px;
  max-height:600px;
}

legend {
     display:block;
     font-weight:700;
     font-size: 0.9em;
}

input[type="checkbox"] {
     display:inline;
}

label {
  display: block;
}

input[type=submit] {
}

/* ........................................................... [04.GENERAL] */

.assistive-text { display:none; }

.btn {
  background: #f53f44;
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
  text-align: center;
  text-transform: lowercase;
  font-style:italic;
}

.ticket-links .btn,
.hero hgroup .ticket-link .btn{
  line-height: 27px;
  width: 99px;
  height: 27px;
  font-family: Arial;
  font-size: 14px;
  letter-spacing: 1px;
  font-style: normal;
  padding: 0;
  text-transform: uppercase;
}

.btn:visited {
  color: #fff;
}

.btn:hover {
  color: #f53f44;
  background: #000;
}

.read-more,
a.read-more{
  text-align: right;
  margin-top: 0px;
  padding: 8px 15px 6px 15px;
  font-family: arial;font-style: normal;
  font-weight: 700;
  font-size: 10.5px;
  color: rgb(255, 255, 255);
  line-height: 1;text-transform: uppercase;
}

a.read-more :hover{
  color: #fff;
  background: #444;
}

/* ........................................................... [04.HEADER] */

.rss a {
  background: url(images/toolbar_rss.png) 0 0 no-repeat;
  display: inline-block;
  text-indent: -9999em;
  width: 14px;
  height: 14px;
  text-align: left;
}

.rss a:hover {
  background-position: 0 -14px;
}

/* Newsletter */

#toolbar {
  position: relative;
  z-index:1;
  background: rgba(0, 0, 0, 0.2);
  background-image: url(images/toolbar-texture.png);
  height: 29px;
  width: 100%;
}

#toolbar ul {
  position: relative;
  width: 980px;
  margin: 0 auto;
}

#toolbar li {
  line-height: 1;
  display: inline-block;
}

#toolbar .mc_custom_border_hdr {
  display: none;
}

#toolbar input[type=text]{
  width: 120px;
}

#toolbar .mc_var_label {
  display: none;
}

#toolbar .mc_merge_var:before{
  content: '';
  position: absolute;
  background: url(images/toolbar_newsletter.png) 0 2px no-repeat;
  display: block;
  width: 12px;
  height: 11px;
  top: 4px;
  left:-5px;
}

#toolbar input[type=text] ,
#toolbar input[type=submit] {
  padding: 5px 15px 3px 15px;
  font-size: 10.5px;
  background: none;
  border: none;
  color: #d9d9d9;
  text-transform: uppercase;
}

#toolbar input[type=submit] {
  background: #f53f44;
  color: #fff;
}

#mc_signup {
  display: block;
  right: 0px;
  top: 4px;
  position: absolute;
}

.mc_error_msg ,
.mc_success_msg {
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  padding-left:10px;
}

#mc_signup div{
float: left;
}

#header {
  background: #fcfcfc;
  padding-left: 0px;
  border-right: 1px solid #e5e5e5;
  width: 980px;
  margin: 0 auto;
  margin-bottom: 5px;
}

#site-title a ,
#site-logo a {
  display: block;
  text-indent: -9999em;
}

#site-logo {
  background: #f53f44;
  width: 104px;
  height: 119px;
  position: absolute;
  left: 0;
  top: 0;
}

#site-logo a{
  background: url(images/site_logo.png) center center no-repeat;
  width: 83px;
  height: 88px;
  padding: 0px 0px 32px 0px;
}

#site-title {
  margin-left: 124px;
  padding: 19px 0px 12px 25px;
  border-bottom: 3px solid #262626;
  border-top: 0px solid #8a8a8a;
}

#site-title a {
  background: url(images/mezzanine-logo-type4.png) 0 0 no-repeat;
  width: 360px;
  height: 47px;
  padding-bottom: 4px;
}

#header .search {
  margin-bottom: 0;
  position: absolute;
  right:10px;
  top:42px;
}

#header .search input {
  border:none;
  padding-left: 10px ;
  font-size: 12px;
}

#header .search input[type=text] {
  border: 1px solid #d9d9d9;
  width: 210px;
  height: 27px;
  font-style: none;
  color: #d9d9d9;

}

#header .search input[type=submit] {
  display: inline-block;
  text-indent: -9999em;
  background: url(images/icons.png) 4px -95px no-repeat;
  width: 23px;
  height: 16px;
}

#header ul.social {
  position: absolute;
  right: 0;
  top: 0;
}

#header ul.social li {
  margin: 0;
  padding: 0;
  float: left;
}

#header ul.social .twitter a, #header ul.social .facebook a, #header ul.social .rss a{
  background: #f53f44 url(images/icons.png) 9px -140px no-repeat;
  padding: 0;
  width: 41px;
  height: 37px;
  display: inline-block;
  text-indent: -9999em;
}

#header ul.social .facebook a{
  background-position: 19px -190px;
}

#header ul.social .rss a{
  background-position: 13px 12px;
}

#site-navigation {
  transition: color 0.8s linear 8s, background 0.8s linear 0s;
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid rgba(122, 122, 122, 0.5);
  height: 36px;
  background: rgb(245, 245, 245);
}

#header nav .site-nav-container{
position: relative; }

#header nav .menu-site-menu-container{
  position: relative;
  padding-left: 124px;
}

#header nav ul{
  margin: 0px 0px 0px 0px;
}

#header nav li {
  line-height: 36px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  position: relative;
}

#header nav a {
  height: 36px;
  padding: 0px 27px 0px 27px;
  text-transform: uppercase;
  display: inline-block;
  color: #262626;
  font-size: 22px;
}

#header nav .current-menu-item > a,
#header nav .current_page_item > a,
#header nav .current-menu-parent > a,
#header nav li:hover > a {
  color: #f53f44;
}

#menu-site-menu li:hover .content {
  display: block;
}

#menu-site-menu > li > a {
  font-family: 'Trade Gothic W01 Cn 18';
  height: 33px;
  position: relative;
  top: -3px;
  border-top: 3px solid #262626;
  border-bottom: 0px solid #b3b3b3;
}

#menu-site-menu > li:hover > a {
  border-top: 3px solid #f53f44;
  border-bottom: 0px solid #000;
}
#menu-site-menu .content {
  position: absolute;
  top: 36px;
  left: -124px;
  display: none;
  background: #f5f5f5;
  z-index:3;
  border-top: 3px solid #262626;
  border-bottom: 3px solid #000;
  width: 337px;
}
#menu-site-menu .content li {
  display: block;
  margin-right:0px;
  border-bottom: 1px solid rgba(163, 163, 163, 0.29);
  border-top: 0px solid #fcfcfc;
}

#menu-site-menu .content a{
  text-transform: none;
  line-height: auto;
  font-size: 1em;
  height: auto;
  color: #666;
  text-align: left;
  padding: 0px 15px;
  display: block;
}

#menu-site-menu .content .preview-image a{
  padding: 0px 0px 0px 0px;
  border-bottom: 2px solid #262626;
  height: 118px;
}

#menu-site-menu .content a.read-more{
  display: inline-block;
  font-family: arial;
  font-style: normal;
  font-weight: 700;
  font-size: 10.5px;
  color: rgb(255, 255, 255);
  padding: 5px 12px;
  border: 1px solid rgba(213, 213, 213, 0.2);
  line-height: 1;
  margin: 10px 0;
  text-transform: uppercase;
}

#menu-site-menu li.contact .content {
  padding: 0px 0px 0px 0px;
}

#menu-site-menu li.contact p {
  padding: 10px 0px;
  margin: 0;
  text-align: left;
}

#menu-site-menu li.contact hr {
  margin: 0px 0;
}

#menu-site-menu .more{
  background-color: rgba(204, 204, 204, 0.15);
  position: relative;
  margin: 0 auto;
  text-align: center;
}

#menu-site-menu .sub-menu .instagram {
  position: absolute;
  top: 10px;
  right: 47px;
  background: url(images/instagram.png) 0 0 no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  text-indent: -9999em;
}

#menu-site-menu .sub-menu.video .preview-image {
  overflow: hidden;
  display: block;
}

#menu-site-menu .sub-menu.video .preview-image img{
  width: 350px;
  max-width: 100%;
}

#ticker {
  margin: 0px 0px 0px 0px;
  color: #545454;
  font-size: 13px;
  overflow: hidden;
  height: 25px;
}

#ticker a {
  color: #545454;
}

#ticker-title {
  top: 0px;
  margin-left: 20px;
  margin-right: 0;
  color:#545454;
  font-weight:bold;
}

#bottle-service {
  text-align: right;
  margin: 0px 0px 0px 70px;
  font-size: 12.5px;
}

#bottle-service li {
  display: inline-block;
  margin-right: 8px;
  color: #545454;
}

#bottle-service li.title {
  font-weight: bold;
}

#bottle-service li.email,
#bottle-service li.phone {
  background: url(images/icons.png) 0 -295px no-repeat;
  text-indent: 14px;
}

#bottle-service li.email {
  text-indent: 16px;
  background-position: 0 -245px;
}

#bottle-service a {
  color: #545454;
}

/* Floating Menu */

#site-navigation.floating {
  padding: 0;
}

#site-navigation.floating ,
#site-navigation.floating .content {
  background: #000;
  color: #aaa;
}

#site-navigation.floating a{
  color: #aaa;
}

#site-navigation.floating .menu-site-menu-container{
  background: url(images/logo_floating.png) 0 9px no-repeat;
}

#site-navigation.floating #menu-site-menu .content {
  border-top: 1px solid rgba(122, 122, 122, 0.5);
}

#site-navigation.floating  #menu-site-menu > li:hover > a:after {
  content: '\0020';
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  left:0;
  bottom:-3px;
  background:#000;
  z-index:4;
}

#site-navigation.floating  .site-nav-container{
  width: 980px;
  margin: 0 auto;
}

#site-navigation.floating .gallery .entry-date,
#site-navigation.floating .gallery .entry-title {
  color: #aaa;
}

/* Hero Slideshow */

.hero {
  margin: 0 auto;
  width: 980px;
  position: relative;
  display: block;
  height: 356px;
  overflow: hidden;
}

.hero:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.hero .okCycle-container li {
  height: 350px;
  overflow: hidden;
}

.hero img {
  width: 100%;
  height: 350px;
}

.hero .okCycle-container hgroup{
  display: block;
}

.hero hgroup {
  position: absolute;
  bottom: 18px;
  right: 70px;
  display: none;
}

.hero hgroup *{
  line-height: 1;
}

.hero hgroup .entry-date{
  border-top: 2px solid #262626;
  border-bottom: none;
  display: inline-block;
  font-style: normal;
  padding: 6px 24px 0 18px;
  color: #262626;
  background: #fff;
  font-size: 15px;
  padding-bottom: 6px;
  font-weight: 100;
  text-transform: uppercase;
  vertical-align: bottom;
  font-family: 'TradeGothicW01-BoldObl';
  white-space: nowrap;
}

.hero hgroup .entry-title{
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  font-size: 2em;
  padding: 10px 0;
  text-transform: uppercase;
  font-family: 'TradeGothicW01-BoldObl';
  letter-spacing:-1px;
  font-size: 60px;
}

.hero hgroup .entry-title a{
  color: #fff;
  padding: 0px 30px 0px 20px;
}

.hero hgroup .ticket-link {
  text-align: right;
}

/* Generic Slideshows */

.okCycle-container > ul {
  margin-bottom: 0;
}

.okCycle-ui .pagination {
  background: #000000;
  border: none;
  bottom: -6px;
  float: none;
  height: 6px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 5;
}

.okCycle-ui .pagination li {
  position: relative;
  width: 188px;
}

.okCycle-ui .pagination a{
  width: 100%;
  height: 100%;
  display: inline-block;
  text-indent: -9999em;
}

.okCycle-ui .pagination li.active{
  background: #f53f44;
}

.okCycle-ui .navigation {
  position: absolute;
  z-index: 4;
  height: 0;
  width: 100%;
  top: 0;
  margin-bottom: 0;
}

.okCycle-ui .navigation .prev a,
.okCycle-ui .navigation .next a {
  position: absolute;
  top: 115px;
  left: 20px;
  background: url(images/slideshow_nav_arrows.png) 0 0 no-repeat;
  display: inline-block;
  text-indent: -9999em;
  width: 33px;
  height: 108px;
}

.okCycle-ui .navigation .next a {
  left: auto;
  right: 20px;
  background-position: 0 -116px;
}

.modal {
  border: 1px solid #EEEEEE;
  color: #464646;
  background: #fafafa url(images/loading.gif) center center no-repeat;
  padding: 10px;
  -moz-box-shadow: 0px 0px 4px #000; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #000; /* Saf3.0+, Chrome */
  box-shadow: 0px 0px 4px #000; /* Opera 10.5, IE 9.0 */
  z-index:1001;
}

.modal .ui-close {
  display: none;
}

.ui-overlay {
  background: rgba(0,0,0,0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index:1000;
}

.oldie .ui-overlay {
  background: url(images/rgba_0_0_0_20.png) repeat;
}

/* ........................................................... [06.CONTENT] */

#main > .container {
  background: #fff;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-bottom: 0px solid #d9d8d4;
  margin-bottom: 0px;
}

.home #main > .container {
  border-top: none;
  border-bottom: 0px solid #d9d8d4;
  margin-bottom: 0px;
}

.page-title {
  color: #333333;
  background-color: #fcfcfc;
  font-weight: 700;
  padding-left: 20px;
}

.page-title .rss{
  float: right;
}

.page-title .rss a{
  padding-right: 20px;
  vertical-align: middle;
}

.related-posts {
  width: 100%;
  background-color: #1a1a1a;
  float: left;
  padding-bottom: 20px;
}

.related-posts h3 {
  color: #fcfcfc;
  padding-left: 20px;
  font-weight: 700;
}

.related-posts li {
  float: left;
  width: 190px;
  margin-left: 20px;
}

.related-posts li .image {
  background: #eee;
}

.related-posts a {
  font-size: 12.5px;
  font-weight: bold;
  text-rendering: optimizelegibility;color: #f53f44;
}

.okCycle-ui,
.okCycle-container {
  z-index: 1;
  position: relative;
}

.pagination.extended .next,
.pagination.extended .prev,
#nav-above .nav-next a,
#nav-above .nav-previous a {
  background: url(images/post_arrows.png) 0 0 no-repeat;
  display: inline-block;
  text-indent: -9999em;
  width: 14px;
  height: 14px;
}

.pagination.extended .next,
#nav-above .nav-next a{
  left: auto;
  right: 0;
  background-position: 0 -14px;
}

.pagination.extended a ,
.pagination.extended span {
  vertical-align: middle;
  margin: 0 5px;
}

.pagination.extended .next {
  margin-left: 20px;
}

.pagination.extended .prev {
  margin-right: 20px;
}

#nav-above {
  position: absolute;
  top: 14px;
  right: 0;
}

#nav-above div,
#nav-above a{
  display: inline-block;
}

#nav-above a{
  margin-left: 20px;
}

#nav-below {
  border: 1px solid #aaa;
  border-top: 1px dotted #aaa;
  display: table;
  width: 100%;
  margin-bottom: 1em;
}

#nav-below div{
  display: table-cell;
  width: 50%;
}

#nav-below .nav-next{
  border-left: 1px solid #aaa;
}

#nav-below a {
  display: block;
}

#nav-below span{
  display: inline-block;
}

#nav-below .title-text{
  text-indent: 0px;
  color: #000;
  padding: 10px 0;
  text-transform: none;
}

#nav-below .title{
  text-indent: 10px;
  text-transform: uppercase;
  color: #f53f44;
  display: block;
}

#nav-below .nav-arrow{
  padding: 10px;
  background: url(images/pagination_arrows.png) 16px 16px no-repeat;
  text-indent: -9999em;
  width: 20px;
}

#nav-below .nav-previous .nav-arrow{
  border-right: 1px solid #aaa;
  float: left;
}

#nav-below .nav-next .nav-arrow{
  background-position: 16px -74px;
  border-left: 1px solid #aaa;
  float: right;
}

.pagination {
  text-align: center;
  float: left;
  width: 100%;
  background-color: #f5f5f5;
  border-bottom: none;
  border-top: 1px solid #d9d9d9;
}

.pagination li {
  font-weight: bold;
  color: #262626;
  display: inline-block;
  font-style: italic;
}


/* Single Content Items (Blog/Event) */

.single time ,
.single .tags ,
.single .tags a {
  font-size: italic;
}

.single .tags {
  font-size: 12.5px;
  line-height: 18px;
  padding: 15px;
  padding-left: 20px;
  border-top: 1px solid #d9d9d9;
  font-weight:bold;
}

.single .entry-title h1{
  line-height: 1;
  width: 610px;
  display: inline-block;
  color: #000;
  font-style: normal;
}

.single footer.entry-meta {font-size:  12.5px;padding-left: 20px;padding-right: 20px;line-height: 45px;background-color: #f7f7f7;border-top: 1px solid #d9d9d9;
}
/* Blog - Single */

.single-post .entry-content {
  padding-top: 15px;
  border-top: 1px solid #d9d9d9;
}
.single-post .entry-title {
  padding: 20px 0px;
  background-color: #ffffff;
}

.post-single .share {
  margin-bottom: 0;
  float: right;
}


/* Blog - Index */

.post time {
  font-size: 11.5px;
  padding-left: 20px;
  line-height: 36px;
  background-color: #;
  color : #7f7f7f;
  font-style: italic;
  font-color: #666;
}

.archive .post footer.entry-meta ,
.blog .post footer.entry-meta {
  text-align: right;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 16px;
  padding-top: 10px;
}

.share li{
  text-align: left;
  display: inline-block;
}

.share .facebook a,
.share .twitter a,
.share .email a{
  display: inline-block;
  margin-left: 20px;
  margin-right: 0px;
  width: 13px;
  height: 13px;
  text-indent: -9999em;
  vertical-align: middle;
}

.share .facebook a{
  background: url(/wp-content/themes/mezzanine/images/share_facebook.png) center center no-repeat;
}

.share .twitter a{
  background: url(/wp-content/themes/mezzanine/images/share_twitter.png) center center no-repeat;
}

.share .email a{
  background: url(/wp-content/themes/mezzanine/images/share_email.png) center center no-repeat;
}

/* Videos */

.videos .video {
  margin-left: 20px;
  padding: 2px;
  border: 1px solid #aaa;
}

.videos .entry-title {
  color: #000;
  padding-left: 20px;
  font-style: normal;
  text-align: center;
}

.videos a {
  display: block;
  padding-left: 0px;
  position: relative;
}

.videos a.ui-modal {
  max-height: 162px;
  overflow: hidden;
}

.videos a span {
  content: '';
  background: url(images/play.png) center center no-repeat;
  opacity: 0.7;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: absolute;
}

.videos a:hover span {
  opacity: 1;
}

/* Single Event */

.single-event  .entry-image {

}

.single-event  .entry-title {
  margin-bottom: 1.5em;
  display: table;
  width: 100%;
  padding: 15px 20px 15px 0px;
  border-bottom: 1px solid #e5e5e5;
  border-top: 2px solid #262626;
}

.single-event .entry-title .entry-meta {
  width: 630px;
  margin-top: 1em;
}

.single-event .entry-title .entry-meta .share {
  float: right;
  margin-bottom: 10px;
  display: block;
}

/* Events */

.events.featured ,
.events .event {
  background-color: #fcfcfc;
  padding: 0px;
  border-bottom: 5px solid #e4e4e4;
  border-top: 1px solid #e5e5e5;
}

.events.featured {
  padding-top: 0;
  padding-bottom: 0;
  background: url(images/featured_bg.jpg) 324px 0 repeat-y;
}

.events.featured .event:first-child{
  border-right: 5px solid #e4e4e4;

}

.events.featured .event{
  border-bottom: none;
  padding-bottom: 15px;
  width: 322px;
}

.events.featured .event p{
  padding: 0 20px;
}

.events .event .share {
  padding-right:20px;
}

.single-event  hgroup h4,
.events .event hgroup h4 {
  color: #262626;
  padding-left: 20px;
  font-family: arial;
  font-size: 13.5px;
  width: 610px;
}

.single-event hgroup h4.entry-date,
.events hgroup h4.entry-date{
  padding-left: 20px;
  font-weight: 700;
  font-family: 'Trade Gothic W01 Cn 18';
  text-transform: uppercase;
  font-size: 1.2em;
  line-height: 36px;
}

.events .event hgroup {
  margin-bottom: 10px;
}
.single-event  hgroup .entry-title,
.events .event hgroup .entry-title {
  line-height: 1em;
  padding-left: 20px;
}

.single-event  article .entry-date,
.events .event article .entry-date {
  color: #000;
  padding-bottom: 5px;
  font-weight: 700;
}

.single-event  .ticket-links,
.events .event .ticket-links {
  display: inline-block;
}

.single-event  .ticket-links li,
.events .event .ticket-links li {
  color: #666;
  font-size: 13px;
  display: inline-block;
  margin: 0 5px;
}

.single-event  .ticket-links li:first-child,
.events .event .ticket-links li:first-child {
  padding-left: 20px;
  margin-left:0;
}

.events .event .share {
  float: right;
}

.events .event .share a {
  padding: 0px 0;
}

/* jQuery iCalendar styles v1.1.1 */

.icalendar_popup_text {
     cursor: pointer;
     color: blue;
     text-decoration: underline;
}

.icalendar_popup {
     display: none;
     position: absolute;
     z-index: 100;
}

.icalendar_popup ul {
     float: left;
     width: 220px;
     padding: 2px;
     background-color: #eee;
     border: 1px solid #aaa;
}

.icalendar_popup .icalendar_list li {
     width: 50%;
     margin: 0%;
     padding: 2px 0px;
     background-color: transparent;
     border: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {  /* Safari3/Opera9 */
     .icalendar_list {
          font-size: 100%;
     }
}

.single-event .icalendar_list {
  color: #aaa;
}

#ical {
  display: inline-block;
}

.icalendar_list li {
  display: inline-block;
  margin-right: 5px;
}

.icalendar_list li:after {
  content: '|';
  color: #000;
  margin-left: 5px;
}

.icalendar_list li:last-child:after {
  display: none;
}

/* Galleries - Index */
.galleries hgroup {
  margin-top: 10px;
}
.galleries hgroup h4{
  font-weight: bold;
  line-height: 22px;
  padding-left: 8px;
  font-style: normal;
}

.galleries .entry-title a{
  padding-left: 8px;
  font-size: 18px;
  color: #000;
}

.galleries li.gallery {
  padding-left: 8.5px;
  margin-bottom: 0px;
}

/* Galleries - Single */

.gallery .entry-content {
  height: 433px;
  margin-bottom: 1.5em;
}

.gallery .entry-content li{
  background: #fff;
  min-height: 100%;
}

#secondary.gallery  {
  padding-top: 15px;
}

#secondary.gallery  ul.thumbs{
  float: left;
  padding-bottom:10px;
}

.gallery .entry-date,
.gallery .entry-title {
  line-height: 1;
  font-weight: normal;
  padding-left: 0px;
  color: #262626;
  font-style: normal;
}

.gallery .entry-content {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
}

.gallery .thumbs li{
  float: left;
  margin: 0 15px 15px 0;
}
.widget_instagram_recent_media .front-photo {
  border: none;
  border-radius:0;
  padding:0;
  float: left;
  margin: 0 15px 15px 0;
}

/* Private Events */

#main > .private-events.container {
  background: #fff;
  background: #e5e5e5;
  border: none;
  padding: 0;
  width: 980px;
  border-bottom:none;
}

.private-events.container h1,
.private-events.container h4{
  color: #595957;
  font-weight: bold;
  padding-left: 10px;
  font-style: normal;
}

.private-events.container .eight {
  border-bottom: none;
}

.private-events.container .four,
.private-events.container .eight > * {
  background: #fff;
}

.private-events.container .eight > *{
  margin-left: 0;
  border-left: 1px solid #d9d9d9;
  width: 649px;
}

.private-events.container .eight ul{
  margin-left: 30px;
}

.private-events .mint-plaza {
  margin-top: 0px;
  border-top: 3px solid #000;
}

.private-events .mint-plaza .logo{
  background:url(images/mint.png) 20px 20px no-repeat;
  width: 116px;
  height: 163px;
  text-indent: -9999em;
  padding: 20px;
  display: inline-block;
}

.private-events .mint-plaza .text{
  position: relative;
  font-family: 'Trade Gothic W01 Cn 18';
  display: inline-block;
  width:465px;
  height: 163px;
  border-left: 1px solid #d9d9d9;
  top: 20px;
}

.private-events .mint-plaza .text p{
  position: relative;
  padding: 0px 0px 0px 20px;
  line-height: 26px;
  font-size: 24px;
  top: 60px;
}

.private-events .mint-plaza .text a{
  color: #91a640;
}

.private-events.container #secondary {
  margin-right: 0;
  background: #E5E5E5;
  width: 313px;
  border-bottom:0;
}

.private-events aside{
  border-top: 3px solid #000;
  background: #fff;
}

.private-events aside:first-child{
  border-top: none;
}
.private-events.container aside{
  float: left;
  border-left: 1px solid #d9d9d9;
}

.private-events #primary .entry-title,
.private-events #secondary .widget-title{
 background: url(images/private_events_bg.png) repeat 0 0;
 border-bottom: 1px solid #d9d9d9;
 margin-bottom: 12px;
 padding-left: 20px;
 text-transform: uppercase;
 font-size: 18px;
 line-height: 45px;
 font-weight: 700;
}

.private-events aside > *,
.private-events .entry-content p {
  padding: 0 15px 0px 15px;
  font-size: 13.5px;
}

.private-events .contact.widget_text form {
  margin-bottom: 0;
}

.private-events .contact.widget_text {
  width: 100%;
  border-left: 1px solid #d9d9d9;
  padding-bottom: 0;
}

.private-events .contact.widget_text > * {
  padding: 0;
}

.wpcf7-form .field{
  margin-bottom: 5px;
  padding-bottom: 5px;
  padding-left: 12px;
  padding-right: 12px;
}

.wpcf7-form .field.submit{
  padding: 0;
  border-top: 1px solid rgb(217, 217, 217);
  background: url(images/private_events_bg.png) repeat 0 0;
  margin-bottom: 0;
}
.wpcf7-form .field.submit .input {
  padding: 10px;
}
.wpcf7-form textarea,
.wpcf7-form input[type=text]{
  background: #f5f5f5;
  border: 1px solid #ccccc8;
}

.wpcf7-form input[type=submit]{
  padding: 5px 10px;
  background: #f53f44;
  border: none;
  color: #fff;
}

body div.wpcf7 img.ajax-loader {
  float: right;
}

.private-events .widget_recent_entries,
.private-events .widget_text,
.private-events .widget_embedded_video,
.private-events .widget_recent_custom_posts {
  border-bottom: none;
}

.private-events .widget_recent_custom_posts {
}

.private-events .widget_recent_custom_posts ul{
  position: relative;
  padding-left: 15px;
  padding-right: 0px;
  left: 0px;
  padding-bottom: 10px;
}

.private-events .widget_file_download .widget-title {
  display: none;
}

.private-events aside.widget_file_download {
    border-top: none;
}

.private-events aside.download.widget {
  margin-bottom:0;
  border-left: 1px solid #d9d9d9;
  padding-bottom: 15px;
}
.private-events aside.widget_file_download {
  background: #fff url(images/download_icon.png) 15px center no-repeat;
  width: 100%;
  border-left: 1px solid #d9d9d9;
  border-top: 1px dotted #aaa;
  line-height: 50px;
  height: 50px;
  text-indent: 35px;
}
.private-events aside.widget_file_download a{
  color: #8a8987;
  text-transform: uppercase;
}

.private-events .services {
  float: left;
  width: 100%;
}

.private-events .entry-content .services p {
  float: right;
  padding:0;
}

.private-events .services ul {
  float: right;
  border-top: 3px solid #000;
  width: 240px;
}

.private-events #primary .services li.entry-title {
  padding:10px;
}

.private-events #primary .services li {
  padding: 0px 0px 1px 15px;
}

/* Search */

.search-results #content article {
  padding:20px;
}

.search-results #content article h1{
  padding-left:0px;
}

/* 404 */

.error404 .entry-content {
  padding: 0 10px;
}

.error404 .search {
  margin-bottom: 0;
  position: absolute;
  right:10px;
  top:42px;
}

.error404 .search input {
  border:none;
  padding-left: 10px ;
  font-size: 12px;
}

.error404 .search input[type=text] {
  border: 1px solid #d9d9d9;
  width: 210px;
  height: 27px;
  font-style: none;
  color: #d9d9d9;
}

.error404 .search input[type=submit] {
  display: inline-block;
  text-indent: -9999em;
  background: url(images/icons.png) 4px -95px no-repeat;
  width: 23px;
  height: 16px;
}

/* ........................................................... [07.SIDEBAR] */

/* Same as H2 */
#secondary {
  border-bottom: 3px solid #262626;
  padding-left: 15px;
  padding-bottom: 8px;
  background-color: #f7f7f7;
  margin-left: 0px;
}

#secondary h4 {
 padding-left: 0px;
 font-size: 15px;
 font-weight: 700;
 color: #545454;
 line-height: 45px;
 margin-left: 0px;
}

.widget_embedded_video .widget-item-title,
.widget_recent_custom_posts .widget-item-title{
  display: none;
}

.widget_embedded_video ul,
.widget_recent_custom_posts ul{
  float: left;
  clear: both;
}
.widget_embedded_video li,
.widget_recent_custom_posts li{
  float: left;
  margin: 0px 14px 14px 0px;
}

/* Twitter */

.widget_twitter li {
  padding: 0px 15px 10px 0px;
}

.widget_twitter .entry-content {
  display: block;
  padding-right: 15px;
  padding-left: 0px;
}

.widget_twitter .entry-meta {
  margin-top: 5px;
  padding-left: 0px;
  padding-right: 10px;
  font-size: 11px;
  display: inline-block;
}

.intent-meta a {
  font-size: 11px;
  margin-right: 5px;
}

.intent-meta a:after {
  content:"\2022";
  display: inline-block;
  margin-left: 5px;
}

.intent-meta a:last-child {
  margin-right: 0;
}

.intent-meta a:last-child:after {
  display: none;
}

.widget_twitter .from-meta {
  display: none;
}
/* ........................................................... [08.FOOTER] */


#footer {
  background: #262626;
  color: #bfbfbb;
  min-height: 10px;
  width: 100%;
}

#footer {
  text-align: right;
  top: -3px;
  padding: 5px 0 0px 0;
  width: 100%;
}

#mc_signup_submit {
  margin-top: 0 !important;
  width: 100% !important;
}

/* ........................................................... [09.MEDIA QUERIES] */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}
