/* 
  Theme Name: Umami
  Theme URI: http://www.organizedthemes.com/themes/umami
  Description: A restaurant theme
  Author: Organized Themes
  Author URI: http://www.organizedthemes.com
  Version: 1.0.6
  License: GNU General Public License
  License URI: license.txt
*/

/* Reset
----------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }

article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; }

a img { border: 0 }

html { 
  height: 100%; 
  min-height: 100%;
  font-size: 100%; 
  overflow-y: scroll; 
  -webkit-text-size-adjust: 100%;
} 

body {
  min-height: 100%;
  height: 100%;
  background-color: #000;
  -webkit-font-smoothing: antialiased; 
  font-smoothing: antialiased;
}

figure         { margin: 0 }
img, object, embed { max-width: 100%; height: auto; } /* Fluid images */
.ie8 img       { width: auto; } /* IE 8 */
video          { width: 100%; height: auto; }
img          { border: 0; -ms-interpolation-mode: bicubic } /* IE Images */
svg:not(:root)     { overflow: hidden } /* Correct IE9 overflow */

* { 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
}

.jquery-lightbox { /* Fixes box sizing bug in lightbox evolution */
  box-sizing: content-box;
  -moz-box-sizing: content-box; 
  -webkit-box-sizing: content-box; 
}

.fit-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.fit-video iframe,  
.fit-video object,  
.fit-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Global Elements
----------------------------------------------- */

.centered {
  margin-left: auto;
  margin-right: auto;
}

a, 
a:visited { 

   -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

a:hover { 

}

.left { 
  float: left; 
}

.right { 
  float: right; 
}

.clear { 
  clear: both; 
}

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

.clearfix:after {
    clear:both;
}

.hidden {
  display: none;
}

/* Forms
----------------------------------------------- */

#vfb-form-3 {
  color: #000000 !important;
}

.visual-form {
  background-color: #666666 !important;
  text-color: #3e3e3e;
}

textarea,
input[type="text"],
input[type="password"] {
  border: 1px solid #ddd;
  color: #3e3e3e;
  font-size: 16px;
  padding: 8px 9px 9px;
  background-color: #AEB54C; 
}

input[placeholder] { 
  text-overflow: ellipsis; 
}

::-moz-placeholder { /* firefox 19+ */
  text-overflow: ellipsis; 
}

input:-moz-placeholder { 
  text-overflow: ellipsis; 
}

a.button,
input.button,
input[type="button"],
input[type="submit"] {
  cursor: pointer;
  font-weight: bold;
  padding: 12px 18px;
  border: none;
  text-decoration: none;
  text-transform: uppercase;
  color: #3e3e3e;
  background-color: #AEB54C;
  -webkit-appearance: none;
  -webkit-background-clip: padding-box;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

a:hover.button,
input:hover.button,
input:hover[type="button"],
input:hover[type="submit"] {
  background-color: #646928;
}

input:focus,
textarea:focus {
  outline: none;
}

/* Typography
----------------------------------------------- */

body {
  font: 20px/1.5 Lucida, Verdana, sans-serif;
}

p {
  font-size: 16px;  
  margin: 0 0 25px;
  font-weight:normal;
}

.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

cite {
  font-style: normal;
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 10px;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
  font-family: Lucida, Verdana, sans-serif;
}

h1,
h2,
h3 {
  line-height: 1.2;
}

h1 {
  font-size: 48.5px;
  text-align: center;
  color: #02ACEC; 
}

h2 {
  font-size: 31.5px;
}

h3 {
  font-size: 24.5px;
}

h4 {
  font-size: 17.5px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}


.page-header {
  padding-bottom: 0px;
  margin: 0px 0 0px;
  border-bottom: 0px solid #eeeeee;

}

ul,
ol {
  padding: 0;
  margin: 0 0 25px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

li {
  line-height: 20px;
}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}

dl {
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 10px;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #02ACEC;
  border-bottom: 1px solid #02ACEC;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
}

code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

pre.prettyprint {
  margin-bottom: 20px;
}

pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

blockquote {
  float: left;
  margin: 0 30px 30px -30px;
  padding: 30px;
  font-size: 22px;
  max-width: 45%;
  text-align: right;
  border-top: 4px solid #514f4f;
}

blockquote p {
  color: #514f4f;
  font-style: italic;
}

blockquote p:last-of-type {
  margin-bottom: 0;
}

blockquote cite {
  display: block;
  text-align: right;
  margin-top: 10px;
}

blockquote cite:before {
  content: '\2014';
  margin-right: 2px;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
  align: center;
}

table th,
table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

table th {
  font-weight: bold;
}

table thead th {
  vertical-align: bottom;
}

@font-face {
  font-family: 'ElegantIcons';
  src:url('fonts/ElegantIcons.eot');
  src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
    url('fonts/ElegantIcons.woff') format('woff'),
    url('fonts/ElegantIcons.ttf') format('truetype'),
    url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Icons';
  src:url('fonts/Icons.eot');
  src:url('fonts/Icons.eot?#iefix') format('embedded-opentype'),
    url('fonts/Icons.woff') format('woff'),
    url('fonts/Icons.ttf') format('truetype'),
    url('fonts/Icons.svg#Icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Layout
----------------------------------------------- */

#wrap {
  width: 660px;
  min-height: 100%;
  position: relative;
  margin-left: 300px;
  font-weight:normal;
}

#sidebar {
  position: fixed;
  left: 0;
  top: 0;
  padding: 20px 20px 120px;
  width: 300px;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

#content {
  width: 660px;
  color: #fff;
  padding: 0px;
  position: absolute;
  top: 0;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

.taller #wrap {
  width: 960px;
  margin-left: 0;
}

.taller #sidebar {
  position: relative;
  width: 300px;
  float: left;
}

.taller #content {
  width: 660px;
  float: right;
  position: relative;
}

#content article {
  padding: 30px;
}

/* Logo
----------------------------------------------- */

#logo h1,
#logo p {
  line-height: 1;
  margin: 0;
  padding: 0;
  text-align: center;
}

#text-logo h1,
#text-logo p {
  line-height: 1.2;
  margin: 20px 0;
  padding: 0;
  text-align: center;
}

/* Navigation
----------------------------------------------- */

#side-menu {
  margin-bottom: 30px;
}

ul#primary-menu {
  display: none;
}

.slicknav_btn { 
  position: relative; 
  display: block; 
  vertical-align: middle;
  text-align: center;
  width: 100%;
  float: right; 
  padding: 0.438em 0.625em 0.438em 0.625em; 
  line-height: 1.125em; 
  cursor: pointer;
  background-color: #10B973;
}

.second {
  line-height: 3.3em;
}

p.second {
  color: #ffffff;
}

a.second {
  padding: .5em;
  color: #fff;
  background-color: #10B973;
  font-family: "Lobster", sans-serif;
  text-decoration: none;
  font-size: 1.1em;
  line-height: 2em;
}

a:hover.second {
  background-color: #01ABEB;
}

/*

.second_menu {
  display: block;
  width: 100%;
  height: 25px;
  float: top;
  background-color: #10B973;
}

.second_menu_item {
  width: 25%;
}

a:hover.second_menu_item {
  background-color: #333;
}

/* Second Menu

ul.second {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    font-family: Lucida, Verdana, sans-serif;
}

li.second {
    margin-left: auto;
    margin-right: auto;
}

li a.second {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover:not(.active) .second {
    background-color: #111;
}

.active .second {
    background-color: #4CAF50;
}

/* End Second Menu */

.slicknav_menu .slicknav_menutxt { 
  display: block; 
  line-height: 1.188em;
  display: inline-block;
}

.slicknav_menu .slicknav_icon {
  margin-top: 6px;
  margin-left: 9px;
  display: inline-block;
}

.slicknav_menu .slicknav_no-text { 
  margin: 0; 
}

.slicknav_menu .slicknav_icon-bar { 
  display: block; 
  width: 1.125em; 
  height: 0.125em;
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { 
  margin-top: 0.188em; 
}

.slicknav_nav { 
  clear: both; 
}

.slicknav_nav ul,
.slicknav_nav li { 
  display: block; 
}

.slicknav_nav .slicknav_arrow { 
  font-size: 0.8em; 
  margin: 0 0 0 0.4em; 
}

.slicknav_nav .slicknav_item { 
  display: block; 
  cursor: pointer; 
}

.slicknav_nav a { 
  display: block; 
  text-align: center;
}

.slicknav_nav .slicknav_item a { 
  display: inline; 
}

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

.slicknav_menu:after { 
  clear: both; 
}

.slicknav_menu {
  font-size: 16px;
}

.slicknav_menu  .slicknav_menutxt { 
  color: #ffffff;
}

.slicknav_menu .slicknav_icon-bar {
  background-color: #ffffff;
}

.slicknav_nav {
  color: #fff;
  margin: 0;  
  padding: 0;
  font-size: 0.875em;
  background-color: rgba(0, 0, 0, 0.81);
}

.slicknav_nav, 
.slicknav_nav ul {
  list-style: none;
  overflow: hidden;
}

.slicknav_nav ul {
  padding: 0;
  margin: 0 0 15px;
}

.slicknav_nav .slicknav_item {
  padding: 5px 10px;
  margin: 2px 5px;
}

.slicknav_nav a {
  padding: 7px 10px;
  margin: 0;
  text-decoration: none;
  color: #fff;
}

.slicknav_nav .slicknav_item a {
  padding: 0;
  margin: 0;
}

.slicknav_nav a:hover,
.slicknav_nav .slicknav_item:hover {
  background: #acb54b;
  color: #fff;  
}

.slicknav_nav a:active,
.slicknav_nav a:focus {
  outline: none;
}

/* Basic Content
----------------------------------------------- */

h1.entry-title,
h1.page-title {
  border-bottom: 0px solid #333;
}

.archive-header {
  border-bottom: 1px solid #333;
  margin-top: 30px;
  margin-right: 30px;
  margin-left: 30px;
}

p.post-meta {
  line-height: 1.3;
}

p.post-meta span {
  border-left: 1px solid #333;
  padding-right: 8px;
  padding-left: 8px;
}

p.post-meta span.post-date {
  border: none;
  padding-left: 0;
}

#content .fit-video {
  margin-bottom: 30px;
}

.sticky {
  
}

img {
  opacity: 1;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

img:hover { 
  opacity: .6;
}


/* Widgets
----------------------------------------------- */

#sidebar {
  color: #fff;
}

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

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

.widget-title {
  padding-bottom: 3px;
  border-bottom: 1px solid #fff;
}

#sidebar a,
#sidebar a:visited {
  color: #fff;
}

.organizedthemes-facebook iframe {
  max-width: 100%;
}

/* Food Section
----------------------------------------------- */

.page-template-page-menu-list-php #content article {
  padding-bottom: 0;
}

.page-template-page-menu-list-php #content article:last-child {
  padding-bottom: 30px;
}

.group-header {
  border-bottom: 1px solid #333;
  margin-bottom: 20px;
}

.group-header p {
  font-style: italic;
}

ul.menu-list {
  margin-left: 0;
  margin-right: 0;
  list-style-type: none;
}

li.menu-group-item {
  margin-bottom: 30px;
}

.menu-title {
  overflow: hidden;
  margin-bottom: 0;
}

.menu-title h3 {
  float: left;
  font-size: 24px;
  line-height: 1.2;
}

.menu-title p.price {
  float: right;
  font-size: 24px;
  margin-left: 20px;
  margin-bottom: 0;
  line-height: 1.2;
  margin-right: 0;
}

li.menu-group-item p {
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 0;
}

li.menu-group-item img.wp-post-image {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

/* Services
----------------------------------------------- */

.page-template-page-service-list-php #content article {
  padding-bottom: 0;
}

ul.service-list {
  margin-left: 0;
  margin-right: 0;
  list-style-type: none;
}

li.service-group-item {
  margin-bottom: 30px;
}

/* Credits
----------------------------------------------- */

#social-credit {
  margin-bottom: 0;
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
}

p.credits,
p.credits a,
p.credits a:visited {
  color: #fff;
  text-align: center;
}

/* Staff
----------------------------------------------- */

.page-template-page-staff-list-php #content article {
  padding-bottom: 0;
}

.staff-image-details {
  float: left;
  margin-right: 30px;
  margin-bottom: 28px;
  width: 40%;
  position: relative;
}

.staff-list .staff-image-details {
  width: 30%;
}

.staff-image-details img {
  width: 100%;
  position: relative;
  z-index: 1;
  border-bottom: 3px solid #abb14a;
}

.staff-image-details ul.network-icons {
  position: absolute;
  bottom: 5px;
  right: 0;
  z-index: 20;
  list-style-type: none;
  text-align: center;
  margin: 0;
}

ul.network-icons li {
  display: inline-block;
  margin-left: -5px;
  margin-right: 0;
}

ul.network-icons li a::before {
  display: inline-block;
  padding: 5px 7px;
  font-family: 'Icons';
  font-size: 17px;
  vertical-align: top;
  color: #000;
  background-color: #aeb24b;
  -webkit-font-smoothing: antialiased;
}

ul.network-icons li:hover a::before {
  background-color: rgba(174, 178, 75, 0.6);
}

/* Social Icons
----------------------------------------------- */

.screen-reader-text {
  position: absolute;
  top: -9999em;
  left: -9999em;
}

#menu-social-media ul {
  list-style: none;
  margin:     0 0 25px;
  text-align: center;
}

#menu-social-media ul li {
  display:  inline-block;
  position: relative;
}

#menu-social-media li a::before {
  display: inline-block;
  padding: 5px;
  font-family: 'Icons';
  font-size: 16px;
  vertical-align: top;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

ul.network-icons li a[href*="youtube.com"]::before,
#menu-social-media li a[href*="youtube.com"]::before {
  content: '\e023';
}

ul.network-icons li a[href*="yelp.com"]::before,
#menu-social-media li a[href*="yelp.com"]::before {
  content: '\e024';
}

ul.network-icons li a[href*="vimeo.com"]::before,
#menu-social-media li a[href*="vimeo.com"]::before {
  content: '\e028';
}

ul.network-icons li a[href*="twitter.com"]::before,
#menu-social-media li a[href*="twitter.com"]::before {
  content: '\e02a';
}

ul.network-icons li a[href*="pinterest.com"]::before,
#menu-social-media li a[href*="pinterest.com"]::before {
  content: '\e031';
}

ul.network-icons li a[href*="linkedin.com"]::before,
#menu-social-media li a[href*="linkedin.com"]::before {
  content: '\e035';
}

ul.network-icons li a[href*="instagram.com"]::before,
#menu-social-media li a[href*="instagram.com"]::before {
  font-family: 'ElegantIcons';
  content: '\e09a';
}

ul.network-icons li a[href*="plus.google.com"]::before,
#menu-social-media li a[href*="plus.google.com"]::before {
  content: '\e038';
}

ul.network-icons li a[href*="flickr.com"]::before,
#menu-social-media li a[href*="flickr.com"]::before {
  content: '\e03b';
}

ul.network-icons li a[href*="facebook.com"]::before,
#menu-social-media li a[href*="facebook.com"]::before {
  content: '\e03c';
}

ul.network-icons li a[href*="dribbble.com"]::before,
#menu-social-media li a[href*="dribbble.com"]::before {
  content: '\e040';
}

/* Images
----------------------------------------------- */

.gallery img {
  margin-right: 12px;
  margin-bottom: 10px;
}

.gallery-caption {
  
}

.wp-caption {
  text-align: center;
  background-color: #000;
  padding-top: 5px;
  margin-bottom: 15px;
}

p.wp-caption-text {
  margin-bottom: 0;
  font-style: italic;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
}

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

img.alignright {
  padding: 5px;
  margin: 0 0 2px 10px;
  display: inline;
}

img.alignleft {
  padding: 5px;
  margin: 0 10px 2px 0;
  display: inline;
}

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

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

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

a.prev.page-numbers {
  margin-right: 5px;
  position: relative;
  top: 5px;
  font: 25px 'Icons';
}

a.next.page-numbers {
  margin-left: 5px;
  position: relative;
  top: 5px;
  font: 25px 'Icons';
}

img#wpstats {   /* safely hides WordPress Stats smiley */
    width:0px;
    height:0px;
    overflow:hidden
}

/* Supersized Background Images
----------------------------------------------- */

#supersized-loader { 
  display: none;
}
  
#supersized {
  display: block; 
  position: fixed; 
  left: 0; 
  top: 0; 
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden; 
  z-index: -999; 
  height: 100%; 
  width: 100%;
  background-color: #000;
  list-style-type: none;
  list-style-position: inside;
}

#supersized img {
  width :auto; 
  height: auto; 
  position: relative; 
  display: none; 
  outline: none; 
  border: none; /* counteracts global img modification by twitter bootstrap library */
  max-width: none !important;
}

#supersized.speed img {
  -ms-interpolation-mode: nearest-neighbor; 
  image-rendering: -moz-crisp-edges; 
}

#supersized.quality img { 
  -ms-interpolation-mode: bicubic; 
  image-rendering: optimizeQuality; 
}
    
#supersized li {
  display: block; 
  list-style: none; 
  z-index: -30; 
  position: fixed; 
  overflow: hidden; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  background: #111;
  margin: 0 !important;
  padding: 0 !important;
}

#supersized a { 
  width: 100%; 
  height: 100%; 
  display: block;
}

#supersized li.prevslide { 
  z-index: -20; 
}

#supersized li.activeslide { 
  z-index: -10; 
}

#supersized li.image-loading { 
  background-color: #111; 
  width: 100%; 
  height: 100%;
}

#supersized li.image-loading img {
  visibility: hidden; 
}

#supersized li.prevslide img, 
#supersized li.activeslide img {
  display: inline;
}

/* Comments
----------------------------------------------- */

#comments {
  clear: both;
  border-top: 1px solid #333;
  margin-top: 20px;
  padding-top: 20px;
}

.comment-navigation {
  margin: 15px 0;
  overflow: hidden;
}

.comment-navigation h3.assistive-text {
  display: none;
}

.comment-navigation .nav-previous {
  float: left;
}

.comment-navigation .nav-next {
  float: right;
}

ol.commentlist {
  margin-left: 0;
}

li.comment {
  padding: 15px;
  list-style-type: none;
}

li.comment ul.children {
  margin: 5% 0 5% 5%;
}

.comment-header {
  overflow: hidden;
  margin: -15px -15px 15px;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.05);
}

.comment-header img {
  float: left;
  margin-right: 10px;
}

.comment-header cite.fn {
  font-size: 18px;
  line-height: 1.7;
}

li.comment.bypostauthor .comment-header {
  background-color: rgba(0, 0, 0, 0.3);
}

p.reply {
  margin-bottom: 0;
}

li.comment ul.children p.reply {
  margin-bottom: 10px;
}

a.comment-reply-link:after {
  font-family: 'ElegantIcons';
  content: '\24';
  position: relative;
  top: 2px;
}

li.pingback {
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.05);
  margin-bottom: 10px;  
}

li.pingback p {
  margin: 0;
}

#respond {
  margin-top: 20px;
}

input#author,
input#email,
input#url,
textarea#comment {
  width: 100%;
  margin-top: 5px;
  padding: 10px;
}

p.form-allowed-tags {
  display: none;
}

/* Pagination
----------------------------------------------- */

.paging {
  text-align: center;
  font-size: 20px;
  padding-top: 10px;
  border-top: 1px solid #333;
}

.paging a.next,
.paging a.prev {
  padding: 0;
  margin: 0;
  position: relative;
  top: -1px;
}

.paging a.next {
  float: right;
}

.paging a.prev {
  float: left;
}

a.next:after {
  font-family: 'ElegantIcons';
  content: '\24';
  position: relative;
  font-size: 24px;
  border: none;
}

a.prev:before {
  font-family: 'ElegantIcons';
  content: '\23';
  position: relative;
  font-size: 24px;
}

span.page-numbers,
a.page-numbers {
  margin-left: 5px;
  margin-right: 5px;
}

.woocommerce nav.woocommerce-pagination,
.woocommerce #content nav.woocommerce-pagination,
.woocommerce-page nav.woocommerce-pagination,
.woocommerce-page #content nav.woocommerce-pagination {
  border-top: 1px solid #333;
  font-size: 20px;
  padding-top: 10px;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce #content nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul,
.woocommerce-page #content nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li,
.woocommerce-page #content nav.woocommerce-pagination ul li {
  border: none;
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus {
  background: none;
  color: #978a97;
}

nav.woocommerce-pagination a.next:after {
  content: '';
}

nav.woocommerce-pagination a.prev:before {
  content: '';
}

nav.woocommerce-pagination a.next,
nav.woocommerce-pagination a.prev {
  position: relative;
  top: -3px;
}

/* WooCommerce
----------------------------------------------- */

.woocommerce #content {
  padding: 30px;
}

html .woocommerce div.product .woocommerce-tabs ul.tabs li,
html .woocommerce #content div.product .woocommerce-tabs ul.tabs li,
html .woocommerce-page div.product .woocommerce-tabs ul.tabs li,
html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
  border: 1px solid #000;
  border-radius: 0;
  background: none;
  background-color: #000;
  box-shadow: none;
}

html .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
html .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
html .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active,
html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active {
  background: #ccc;
  border-bottom-color: #000;
}

html .woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
html .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a,
html .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a,
html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a { 
  text-shadow: none;
  color: #000;
}

html .woocommerce div.product .woocommerce-tabs ul.tabs:before,
html .woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
html .woocommerce-page div.product .woocommerce-tabs ul.tabs:before,
html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before {
  border-bottom:1px solid #000;
}

html .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
html .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before,
html .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before,
html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before,
html .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
html .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after,
html .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after,
html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after {
  box-shadow: none;
}

html .woocommerce div.product .woocommerce-tabs ul.tabs li:before,
html .woocommerce div.product .woocommerce-tabs ul.tabs li:after,
html .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
html .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
html .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before,
html .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after {
  border: none;
}

html .woocommerce div.product .woocommerce-tabs ul.tabs li a,
html .woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
html .woocommerce-page div.product .woocommerce-tabs ul.tabs li a,
html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a {
  font-weight: normal;
  color: #ccc;
  text-shadow: none;
}

html .woocommerce div.product .woocommerce-tabs ul.tabs li:before,
html .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
html .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before,
html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
html .woocommerce div.product .woocommerce-tabs ul.tabs li:after,
html .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
html .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  border-width: 0;
  box-shadow:none;
}

table.shop_table .coupon input#coupon_code {
  font-size: 13px;
}

.woocommerce .cart-collaterals .shipping_calculator .shipping-calculator-button:after,
.woocommerce-page .cart-collaterals .shipping_calculator .shipping-calculator-button:after {
  content:"";
}

#content .col-1,
#content .col-2 {
  width: 100%;
  float: none;
  margin-bottom: 10px;
}

.woocommerce #payment,.woocommerce-page #payment {
  background: none;
}

.woocommerce #payment div.form-row,
.woocommerce-page #payment div.form-row {
  border-color: #000;
}

html .woocommerce .woocommerce-message,
html .woocommerce .woocommerce-error,
html .woocommerce .woocommerce-info,
html .woocommerce-page .woocommerce-message,
html .woocommerce-page .woocommerce-error,
html .woocommerce-page .woocommerce-info {
  background: none;
  background-color: #000;
  color: #fff;
  text-shadow: none;
}

/* Animations
----------------------------------------------- */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.delay {
  -webkit-animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

/* Responsive Section -- Portrait Tablets
----------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 1023px) {

  #wrap,
  #content {
    width: 450px;
  }
  
  .staff-image-details ul.network-icons {
    position: relative;
    text-align: right;
  }
  
  html .woocommerce ul.products li.product:nth-child(2n),
  html .woocommerce-page ul.products li.product:nth-child(2n) {
    float: right;
    clear: none !important;
  }
  
  html .woocommerce ul.products li.product,
  html .woocommerce-page ul.products li.product {
    width: 48%;
    float: left;
    clear: both;
    margin: 0 0 2.992em;
  }
  
}

/* Responsive Section -- Smaller Than Tablets
----------------------------------------------- */

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

  #wrap,
  .taller #wrap {
    width: 100%;
    margin-left: 0;
  }
  
  #sidebar,
  .taller #sidebar {
    position: relative;
    left: auto;
    top: auto;
    padding: 20px;
    width: 100%;
  }
  
  #content,
  .taller #content {
    width: 100%;
    padding: 0px;
    position: relative;
    top: auto;
    min-height: 0;
  }
  
  #social-credit {
    position: relative;
    left: auto;
  }
  
  .staff-image-details {
    float: none;
    max-width: 300px;
    width: 100%;
    position: relative;
    margin-right: auto;
    margin-left: auto;
  }
  
  .animated {
    -webkit-animation-duration: 0;
    animation-duration: 0;
  }
  
  .delay {
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    animation-delay: 0;
  }
  
}