/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(font/Oswald-Regular.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'), url(font/Oswald-Bold.woff) format('woff');
  font-display: swap;
}
/*!
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/byscuits
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('font/fontawesome-webfont.eot?v=3.2.1');
  src: url('font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.3333333333333333em;
}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline;
}
/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.1428571428571428em;
  text-align: right;
  padding-right: 0.2857142857142857em;
}
[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
  width: 1.4285714285714286em;
}
.icons-ul {
  margin-left: 2.142857142857143em;
  list-style-type: none;
}
.icons-ul > li {
  position: relative;
}
.icons-ul .icon-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  text-align: center;
  line-height: inherit;
}
[class^="icon-"].hide,
[class*=" icon-"].hide {
  display: none;
}
.icon-muted {
  color: #eeeeee;
}
.icon-light {
  color: #ffffff;
}
.icon-dark {
  color: #333333;
}
.icon-border {
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.icon-5x {
  font-size: 5em;
}
.icon-5x.icon-border {
  border-width: 5px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: .3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: .3em;
}
/* BOOTSTRAP SPECIFIC CLASSES
 * -------------------------- */
/* Bootstrap 2.0 sprites.less reset */
[class^="icon-"],
[class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}
/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none;
}
/* keeps Bootstrap styles with and without icons the same */
.btn [class^="icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: .9em;
}
.btn [class^="icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block;
}
.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-pills [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class*=" icon-"].icon-large {
  line-height: .9em;
}
.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: .18em;
}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: .8em;
}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: .25em;
}
.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: .05em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  margin-right: .2em;
}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-left: .2em;
}
/* Fixes alignment in nav lists */
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  line-height: inherit;
}
/* EXTRAS
 * -------------------------- */
/* Stacked and layered icon */
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%;
}
.icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: inherit;
  *line-height: 2em;
}
.icon-stack .icon-stack-base {
  font-size: 2em;
  *line-height: 1em;
}
/* Animated rotating icon */
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-stack,
a .icon-spin {
  display: inline-block;
  text-decoration: none;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Icon rotations and mirroring */
.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90:before,
a .icon-rotate-180:before,
a .icon-rotate-270:before,
a .icon-flip-horizontal:before,
a .icon-flip-vertical:before {
  display: inline-block;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000";
}
.icon-music:before {
  content: "\f001";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope-alt:before {
  content: "\f003";
}
.icon-heart:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-empty:before {
  content: "\f006";
}
.icon-user:before {
  content: "\f007";
}
.icon-film:before {
  content: "\f008";
}
.icon-th-large:before {
  content: "\f009";
}
.icon-th:before {
  content: "\f00a";
}
.icon-th-list:before {
  content: "\f00b";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-zoom-in:before {
  content: "\f00e";
}
.icon-zoom-out:before {
  content: "\f010";
}
.icon-power-off:before,
.icon-off:before {
  content: "\f011";
}
.icon-signal:before {
  content: "\f012";
}
.icon-gear:before,
.icon-cog:before {
  content: "\f013";
}
.icon-trash:before {
  content: "\f014";
}
.icon-home:before {
  content: "\f015";
}
.icon-file-alt:before {
  content: "\f016";
}
.icon-time:before {
  content: "\f017";
}
.icon-road:before {
  content: "\f018";
}
.icon-download-alt:before {
  content: "\f019";
}
.icon-download:before {
  content: "\f01a";
}
.icon-upload:before {
  content: "\f01b";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-play-circle:before {
  content: "\f01d";
}
.icon-rotate-right:before,
.icon-repeat:before {
  content: "\f01e";
}
.icon-refresh:before {
  content: "\f021";
}
.icon-list-alt:before {
  content: "\f022";
}
.icon-lock:before {
  content: "\f023";
}
.icon-flag:before {
  content: "\f024";
}
.icon-headphones:before {
  content: "\f025";
}
.icon-volume-off:before {
  content: "\f026";
}
.icon-volume-down:before {
  content: "\f027";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-qrcode:before {
  content: "\f029";
}
.icon-barcode:before {
  content: "\f02a";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-book:before {
  content: "\f02d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-print:before {
  content: "\f02f";
}
.icon-camera:before {
  content: "\f030";
}
.icon-font:before {
  content: "\f031";
}
.icon-bold:before {
  content: "\f032";
}
.icon-italic:before {
  content: "\f033";
}
.icon-text-height:before {
  content: "\f034";
}
.icon-text-width:before {
  content: "\f035";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-list:before {
  content: "\f03a";
}
.icon-indent-left:before {
  content: "\f03b";
}
.icon-indent-right:before {
  content: "\f03c";
}
.icon-facetime-video:before {
  content: "\f03d";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-adjust:before {
  content: "\f042";
}
.icon-tint:before {
  content: "\f043";
}
.icon-edit:before {
  content: "\f044";
}
.icon-share:before {
  content: "\f045";
}
.icon-check:before {
  content: "\f046";
}
.icon-move:before {
  content: "\f047";
}
.icon-step-backward:before {
  content: "\f048";
}
.icon-fast-backward:before {
  content: "\f049";
}
.icon-backward:before {
  content: "\f04a";
}
.icon-play:before {
  content: "\f04b";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-stop:before {
  content: "\f04d";
}
.icon-forward:before {
  content: "\f04e";
}
.icon-fast-forward:before {
  content: "\f050";
}
.icon-step-forward:before {
  content: "\f051";
}
.icon-eject:before {
  content: "\f052";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-plus-sign:before {
  content: "\f055";
}
.icon-minus-sign:before {
  content: "\f056";
}
.icon-remove-sign:before {
  content: "\f057";
}
.icon-ok-sign:before {
  content: "\f058";
}
.icon-question-sign:before {
  content: "\f059";
}
.icon-info-sign:before {
  content: "\f05a";
}
.icon-screenshot:before {
  content: "\f05b";
}
.icon-remove-circle:before {
  content: "\f05c";
}
.icon-ok-circle:before {
  content: "\f05d";
}
.icon-ban-circle:before {
  content: "\f05e";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-mail-forward:before,
.icon-share-alt:before {
  content: "\f064";
}
.icon-resize-full:before {
  content: "\f065";
}
.icon-resize-small:before {
  content: "\f066";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-asterisk:before {
  content: "\f069";
}
.icon-exclamation-sign:before {
  content: "\f06a";
}
.icon-gift:before {
  content: "\f06b";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-fire:before {
  content: "\f06d";
}
.icon-eye-open:before {
  content: "\f06e";
}
.icon-eye-close:before {
  content: "\f070";
}
.icon-warning-sign:before {
  content: "\f071";
}
.icon-plane:before {
  content: "\f072";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-random:before {
  content: "\f074";
}
.icon-comment:before {
  content: "\f075";
}
.icon-magnet:before {
  content: "\f076";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-retweet:before {
  content: "\f079";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-folder-close:before {
  content: "\f07b";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-resize-vertical:before {
  content: "\f07d";
}
.icon-resize-horizontal:before {
  content: "\f07e";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-twitter-sign:before {
  content: "\f081";
}
.icon-facebook-sign:before {
  content: "\f082";
}
.icon-camera-retro:before {
  content: "\f083";
}
.icon-key:before {
  content: "\f084";
}
.icon-gears:before,
.icon-cogs:before {
  content: "\f085";
}
.icon-comments:before {
  content: "\f086";
}
.icon-thumbs-up-alt:before {
  content: "\f087";
}
.icon-thumbs-down-alt:before {
  content: "\f088";
}
.icon-star-half:before {
  content: "\f089";
}
.icon-heart-empty:before {
  content: "\f08a";
}
.icon-signout:before {
  content: "\f08b";
}
.icon-linkedin-sign:before {
  content: "\f08c";
}
.icon-pushpin:before {
  content: "\f08d";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-signin:before {
  content: "\f090";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-github-sign:before {
  content: "\f092";
}
.icon-upload-alt:before {
  content: "\f093";
}
.icon-lemon:before {
  content: "\f094";
}
.icon-phone:before {
  content: "\f095";
}
.icon-unchecked:before,
.icon-check-empty:before {
  content: "\f096";
}
.icon-bookmark-empty:before {
  content: "\f097";
}
.icon-phone-sign:before {
  content: "\f098";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-github:before {
  content: "\f09b";
}
.icon-unlock:before {
  content: "\f09c";
}
.icon-credit-card:before {
  content: "\f09d";
}
.icon-rss:before {
  content: "\f09e";
}
.icon-hdd:before {
  content: "\f0a0";
}
.icon-bullhorn:before {
  content: "\f0a1";
}
.icon-bell:before {
  content: "\f0a2";
}
.icon-certificate:before {
  content: "\f0a3";
}
.icon-hand-right:before {
  content: "\f0a4";
}
.icon-hand-left:before {
  content: "\f0a5";
}
.icon-hand-up:before {
  content: "\f0a6";
}
.icon-hand-down:before {
  content: "\f0a7";
}
.icon-circle-arrow-left:before {
  content: "\f0a8";
}
.icon-circle-arrow-right:before {
  content: "\f0a9";
}
.icon-circle-arrow-up:before {
  content: "\f0aa";
}
.icon-circle-arrow-down:before {
  content: "\f0ab";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-wrench:before {
  content: "\f0ad";
}
.icon-tasks:before {
  content: "\f0ae";
}
.icon-filter:before {
  content: "\f0b0";
}
.icon-briefcase:before {
  content: "\f0b1";
}
.icon-fullscreen:before {
  content: "\f0b2";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-cloud:before {
  content: "\f0c2";
}
.icon-beaker:before {
  content: "\f0c3";
}
.icon-cut:before {
  content: "\f0c4";
}
.icon-copy:before {
  content: "\f0c5";
}
.icon-paperclip:before,
.icon-paper-clip:before {
  content: "\f0c6";
}
.icon-save:before {
  content: "\f0c7";
}
.icon-sign-blank:before {
  content: "\f0c8";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-list-ul:before {
  content: "\f0ca";
}
.icon-list-ol:before {
  content: "\f0cb";
}
.icon-strikethrough:before {
  content: "\f0cc";
}
.icon-underline:before {
  content: "\f0cd";
}
.icon-table:before {
  content: "\f0ce";
}
.icon-magic:before {
  content: "\f0d0";
}
.icon-truck:before {
  content: "\f0d1";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-pinterest-sign:before {
  content: "\f0d3";
}
.icon-google-plus-sign:before {
  content: "\f0d4";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-money:before {
  content: "\f0d6";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-columns:before {
  content: "\f0db";
}
.icon-sort:before {
  content: "\f0dc";
}
.icon-sort-down:before {
  content: "\f0dd";
}
.icon-sort-up:before {
  content: "\f0de";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-rotate-left:before,
.icon-undo:before {
  content: "\f0e2";
}
.icon-legal:before {
  content: "\f0e3";
}
.icon-dashboard:before {
  content: "\f0e4";
}
.icon-comment-alt:before {
  content: "\f0e5";
}
.icon-comments-alt:before {
  content: "\f0e6";
}
.icon-bolt:before {
  content: "\f0e7";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-umbrella:before {
  content: "\f0e9";
}
.icon-paste:before {
  content: "\f0ea";
}
.icon-lightbulb:before {
  content: "\f0eb";
}
.icon-exchange:before {
  content: "\f0ec";
}
.icon-cloud-download:before {
  content: "\f0ed";
}
.icon-cloud-upload:before {
  content: "\f0ee";
}
.icon-user-md:before {
  content: "\f0f0";
}
.icon-stethoscope:before {
  content: "\f0f1";
}
.icon-suitcase:before {
  content: "\f0f2";
}
.icon-bell-alt:before {
  content: "\f0f3";
}
.icon-coffee:before {
  content: "\f0f4";
}
.icon-food:before {
  content: "\f0f5";
}
.icon-file-text-alt:before {
  content: "\f0f6";
}
.icon-building:before {
  content: "\f0f7";
}
.icon-hospital:before {
  content: "\f0f8";
}
.icon-ambulance:before {
  content: "\f0f9";
}
.icon-medkit:before {
  content: "\f0fa";
}
.icon-fighter-jet:before {
  content: "\f0fb";
}
.icon-beer:before {
  content: "\f0fc";
}
.icon-h-sign:before {
  content: "\f0fd";
}
.icon-plus-sign-alt:before {
  content: "\f0fe";
}
.icon-double-angle-left:before {
  content: "\f100";
}
.icon-double-angle-right:before {
  content: "\f101";
}
.icon-double-angle-up:before {
  content: "\f102";
}
.icon-double-angle-down:before {
  content: "\f103";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-desktop:before {
  content: "\f108";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-tablet:before {
  content: "\f10a";
}
.icon-mobile-phone:before {
  content: "\f10b";
}
.icon-circle-blank:before {
  content: "\f10c";
}
.icon-quote-left:before {
  content: "\f10d";
}
.icon-quote-right:before {
  content: "\f10e";
}
.icon-spinner:before {
  content: "\f110";
}
.icon-circle:before {
  content: "\f111";
}
.icon-mail-reply:before,
.icon-reply:before {
  content: "\f112";
}
.icon-github-alt:before {
  content: "\f113";
}
.icon-folder-close-alt:before {
  content: "\f114";
}
.icon-folder-open-alt:before {
  content: "\f115";
}
.icon-expand-alt:before {
  content: "\f116";
}
.icon-collapse-alt:before {
  content: "\f117";
}
.icon-smile:before {
  content: "\f118";
}
.icon-frown:before {
  content: "\f119";
}
.icon-meh:before {
  content: "\f11a";
}
.icon-gamepad:before {
  content: "\f11b";
}
.icon-keyboard:before {
  content: "\f11c";
}
.icon-flag-alt:before {
  content: "\f11d";
}
.icon-flag-checkered:before {
  content: "\f11e";
}
.icon-terminal:before {
  content: "\f120";
}
.icon-code:before {
  content: "\f121";
}
.icon-reply-all:before {
  content: "\f122";
}
.icon-mail-reply-all:before {
  content: "\f122";
}
.icon-star-half-full:before,
.icon-star-half-empty:before {
  content: "\f123";
}
.icon-location-arrow:before {
  content: "\f124";
}
.icon-crop:before {
  content: "\f125";
}
.icon-code-fork:before {
  content: "\f126";
}
.icon-unlink:before {
  content: "\f127";
}
.icon-question:before {
  content: "\f128";
}
.icon-info:before {
  content: "\f129";
}
.icon-exclamation:before {
  content: "\f12a";
}
.icon-superscript:before {
  content: "\f12b";
}
.icon-subscript:before {
  content: "\f12c";
}
.icon-eraser:before {
  content: "\f12d";
}
.icon-puzzle-piece:before {
  content: "\f12e";
}
.icon-microphone:before {
  content: "\f130";
}
.icon-microphone-off:before {
  content: "\f131";
}
.icon-shield:before {
  content: "\f132";
}
.icon-calendar-empty:before {
  content: "\f133";
}
.icon-fire-extinguisher:before {
  content: "\f134";
}
.icon-rocket:before {
  content: "\f135";
}
.icon-maxcdn:before {
  content: "\f136";
}
.icon-chevron-sign-left:before {
  content: "\f137";
}
.icon-chevron-sign-right:before {
  content: "\f138";
}
.icon-chevron-sign-up:before {
  content: "\f139";
}
.icon-chevron-sign-down:before {
  content: "\f13a";
}
.icon-html5:before {
  content: "\f13b";
}
.icon-css3:before {
  content: "\f13c";
}
.icon-anchor:before {
  content: "\f13d";
}
.icon-unlock-alt:before {
  content: "\f13e";
}
.icon-bullseye:before {
  content: "\f140";
}
.icon-ellipsis-horizontal:before {
  content: "\f141";
}
.icon-ellipsis-vertical:before {
  content: "\f142";
}
.icon-rss-sign:before {
  content: "\f143";
}
.icon-play-sign:before {
  content: "\f144";
}
.icon-ticket:before {
  content: "\f145";
}
.icon-minus-sign-alt:before {
  content: "\f146";
}
.icon-check-minus:before {
  content: "\f147";
}
.icon-level-up:before {
  content: "\f148";
}
.icon-level-down:before {
  content: "\f149";
}
.icon-check-sign:before {
  content: "\f14a";
}
.icon-edit-sign:before {
  content: "\f14b";
}
.icon-external-link-sign:before {
  content: "\f14c";
}
.icon-share-sign:before {
  content: "\f14d";
}
.icon-compass:before {
  content: "\f14e";
}
.icon-collapse:before {
  content: "\f150";
}
.icon-collapse-top:before {
  content: "\f151";
}
.icon-expand:before {
  content: "\f152";
}
.icon-euro:before,
.icon-eur:before {
  content: "\f153";
}
.icon-gbp:before {
  content: "\f154";
}
.icon-dollar:before,
.icon-usd:before {
  content: "\f155";
}
.icon-rupee:before,
.icon-inr:before {
  content: "\f156";
}
.icon-yen:before,
.icon-jpy:before {
  content: "\f157";
}
.icon-renminbi:before,
.icon-cny:before {
  content: "\f158";
}
.icon-won:before,
.icon-krw:before {
  content: "\f159";
}
.icon-bitcoin:before,
.icon-btc:before {
  content: "\f15a";
}
.icon-file:before {
  content: "\f15b";
}
.icon-file-text:before {
  content: "\f15c";
}
.icon-sort-by-alphabet:before {
  content: "\f15d";
}
.icon-sort-by-alphabet-alt:before {
  content: "\f15e";
}
.icon-sort-by-attributes:before {
  content: "\f160";
}
.icon-sort-by-attributes-alt:before {
  content: "\f161";
}
.icon-sort-by-order:before {
  content: "\f162";
}
.icon-sort-by-order-alt:before {
  content: "\f163";
}
.icon-thumbs-up:before {
  content: "\f164";
}
.icon-thumbs-down:before {
  content: "\f165";
}
.icon-youtube-sign:before {
  content: "\f166";
}
.icon-youtube:before {
  content: "\f167";
}
.icon-xing:before {
  content: "\f168";
}
.icon-xing-sign:before {
  content: "\f169";
}
.icon-youtube-play:before {
  content: "\f16a";
}
.icon-dropbox:before {
  content: "\f16b";
}
.icon-stackexchange:before {
  content: "\f16c";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-flickr:before {
  content: "\f16e";
}
.icon-adn:before {
  content: "\f170";
}
.icon-bitbucket:before {
  content: "\f171";
}
.icon-bitbucket-sign:before {
  content: "\f172";
}
.icon-tumblr:before {
  content: "\f173";
}
.icon-tumblr-sign:before {
  content: "\f174";
}
.icon-long-arrow-down:before {
  content: "\f175";
}
.icon-long-arrow-up:before {
  content: "\f176";
}
.icon-long-arrow-left:before {
  content: "\f177";
}
.icon-long-arrow-right:before {
  content: "\f178";
}
.icon-apple:before {
  content: "\f179";
}
.icon-windows:before {
  content: "\f17a";
}
.icon-android:before {
  content: "\f17b";
}
.icon-linux:before {
  content: "\f17c";
}
.icon-dribbble:before {
  content: "\f17d";
}
.icon-skype:before {
  content: "\f17e";
}
.icon-foursquare:before {
  content: "\f180";
}
.icon-trello:before {
  content: "\f181";
}
.icon-female:before {
  content: "\f182";
}
.icon-male:before {
  content: "\f183";
}
.icon-gittip:before {
  content: "\f184";
}
.icon-sun:before {
  content: "\f185";
}
.icon-moon:before {
  content: "\f186";
}
.icon-archive:before {
  content: "\f187";
}
.icon-bug:before {
  content: "\f188";
}
.icon-vk:before {
  content: "\f189";
}
.icon-weibo:before {
  content: "\f18a";
}
.icon-renren:before {
  content: "\f18b";
}
body {font-size: 18px;}

h1,
h2,
h3,
h4 {
    font-family: 'Oswald' !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

/* UI */
body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .reply a, body #wrapper #content #respond .form-submit input#submit, input[type=submit] {
	background-color: #095c91;
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.5), inset -1px -1px 0px 0px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.5), inset -1px -1px 0px 0px rgba(0, 0, 0, 0.5);
	border: 1px solid #0d3b5c;
	color: #fff;
	font-family: "Oswald";
	font-weight: 700;
	text-transform: uppercase;
}

/* Wrapper */
html body #wrapper {
    background-image: url('/wp-content/themes/joefrank/images/joefrank/main-area_background.png');
    background-repeat: repeat;
    background-color: #fff;
}

/*Padding on sections */
#inner-wrapper {padding: 0px;} 
.nav-toggle.icon, #content, #header, #footer-widgets, footer#footer {
	padding-left: 2em; 
	padding-right: 2em;
}

/* Headder */
#header {
  padding: 0 0 0;
}
header#header {
	background-color: #095c91;
	position: relative;
	padding-top: 0;
}
#logo .site-title a, header#header .site-description {
	font-family: 'Oswald' !important;
    font-weight: normal !important;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    padding-right: 1em;
}
#logo .site-title a {
	font-family: 'Oswald' !important;
    font-weight: normal !important;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    bottom: -3px;
    display: block;
    width: 50%;
    font-size: 76px;
}
header#header .site-description  {
	padding-left: 50%;
	text-align: right;
	position: absolute;
	bottom: -2px;
	font-size: 18px;
}

/* Content */
#content {padding-top: 1em;}
body.home article header h2 {display: none;}

	/* Calendar */

	/* AI1EC hack*/
	body h2.ai1ec-calendar-title {
		font-size: 24px !important;
		color: #222 !important;
	}
	.ai1ec-date {border-top: 0px !important;}
	body.home #ai1ec_agenda_widget-2 {display: none}
	body.home .ai1ec-calendar-toolbar,
	body.home .ai1ec-title-buttons,
	body.home .ai1ec-pagination {display: none}
	.ai1ec-agenda-widget-view .ai1ec-date.ai1ec-today, .ai1ec-agenda-view .ai1ec-event, html body #wrapper .ai1ec-agenda-view .ai1ec-event.ai1ec-expanded {
   		border: 0;
		background: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.ai1ec-agenda-widget-view .ai1ec-date,
	body.home .ai1ec-date {background: none}
	.ai1ec-agenda-widget-view .ai1ec-event a {min-height: 43px}
	.ai1ec-agenda-view .ai1ec-event.ai1ec-expanded {
		box-shadow: 0 !important;
		-webkit-box-shadow: 0 !important;
		border: 0px;
	}
	.ai1ec-event-toggle {display: none;}
	
	/* Products */
	ul.products li a img {display: none !important;}
	ul.products {padding-left: 0px;}
	ul.product-categories {
		background-color: #095c91;
		-webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.5), inset -1px -1px 0px 0px rgba(0, 0, 0, 0.5);
		box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.5), inset -1px -1px 0px 0px rgba(0, 0, 0, 0.5);
		border: 0;
		color: #fff;
		font-family: "Oswald";
		text-transform: uppercase;
		padding: 1em;
	}
	ul.product-categories li {list-style-type: none;}
	ul.product-categories li a {
		display: block;
		color: rgba(255,255,255,0.8);
		font-size: 1.2em;
		padding-bottom: 0.25em;
		margin-bottom: 0.25em;
		border-bottom: 1px solid rgba(255,255,255,0.2);	
	}
	ul.product-categories li:last-child a {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: 0;
	}
	ul.product-categories li a:hover {
		color: rgba(255,255,255,1.0);
		text-decoration: none;
	}
	
	/* Streaming */
	#am4login-7 input[type~="text"], #am4login-7 input[type~="password"] {
		width: 94%;
		padding: 0.5em;
		font-size: 1.2em;
		border: 0px;
	}
	#am4login-7 {
		background-color: #e6e6e6;
		padding: 1em;
		overflow: hidden;
		-webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.8), inset -1px -1px 0px 0px rgba(0, 0, 0, 0.1);
		box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.8), inset -1px -1px 0px 0px rgba(0, 0, 0, 0.1);
		border: 1px solid #eee;
	}
	#am4login-7 li a[href*="content"] {
		font-family: 'Oswald';
		text-transform: uppercase;
		font-size: 1.5em;
	}
	#am4login-7 div {opacity: 0.5; margin-bottom: 0.5em;}
	#am4login-7 div + ul {margin-bottom: 1em;}
	#am4login-7 div + ul + ul a, #am4login-7 div + ul + ul + ul a  {opacity: 0.5;}
	#am4login-7 div + ul + ul a:hover, #am4login-7 div + ul + ul + ul a:hover  {
		text-decoration: none;
		opacity: 1;
	}
	#am4login-7 div + ul + ul a:before, #am4login-7 div + ul + ul + ul a:before  {
		color: #555;
		margin-right: 0.5em; 
		font-family: 'FontAwesome';
	}
	#am4login-7 li a[href*="content"] {}
	#am4login-7 div + ul + ul li:first-child a:before {content: "\f021";}
	#am4login-7 div + ul + ul li:nth-child(2) a:before {content: "\f00d";}
	#am4login-7 div + ul + ul li:nth-child(3) a:before {content: "\f044";}
	#am4login-7 div + ul + ul +ul li a:before {content: "\f08b";}	
	#am4login-7 ul li {list-style-type: none;}
	#am4login-7 p {margin-bottom: 0px;}
	#sidebar #am4login-7 h3 {
		font-size: 1.5em !important;
		margin-bottom: 0.5em;
	}
	#am4login-7 input#wp-submit {
	float: right;
	display: block;
	font-size: 1em;
	padding: 6px;
	padding-left: 14px;
	padding-right: 14px;
	border-radius: 6px;
	border: 1px solid rgba(255,255,255,0.2);
	}
	input#wp-submit:hover {}
	input#wp-submit:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	#text-2 a {
		background-color: #255877;
		background-image: url('/wp-content/themes/joefrank/images/joefrank/button_background.jpg');
		background-size: 300px auto;
		background-position: center center;
		display: block;
		padding: 10px;
		font-family: 'Oswald';
		border: 1px solid rgba(0,0,0,0.25);
		color: #fff;
		font-size: 1.5em;
		line-height: 1.2em;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid rgba(255,255,255,0.2);
		-webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.5), inset -1px -1px 0px 0px rgba(0, 0, 0, 0.5);
		box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.5), inset -1px -1px 0px 0px rgba(0, 0, 0, 0.5);
        color: #ddd;
        font-weight: 300;
	}
	#text-2 a strong {font-weight: 700;}
	#text-2 h4 {
		color: #fff;
		font-size: 1em;
		margin-bottom: 0.5em;
	}
	#text-2 a:hover {
		text-decoration: none;
		color: #fff;
	}
	#text-2 a {display: none;}
	body.home #text-2 a {display: block;}

/* Footer */
#credit ul li {float: left;}
#credit ul li a {
	display: block;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-left: 1px solid #e6e6e6;
}
#credit ul li:first-child a {
	border-left: none;
}
div.footer-widget-2 ul a {
    font-family: "Oswald";
    font-weight: 300;
    color: #555;
    font-size: 2em;
}
div.footer-widget-2 ul li {
	list-style-type: none;
}

/* Hacks */

/* review quote hack */
html body .fade {opacity: 1}

/* review margin fix */
.flex-direction-nav {margin-top: -6px}
#woo_feedback-2 {margin-top: -6px;}

/* Shop */
.woocommerce-tabs {display: none;}
.social-button-facebook {
	margin-top: -9px;
	margin-left: -18px;
}
div[itemprop="offers"] .price .amount {
	opacity: 0.8;
	font-size: 0.65em;
	position: relative;
	top: -6px;
	width: 100%;
	text-align: right;
}
div[itemprop="offers"] .price {text-align: right;}
span.posted_in {
	font-family: 'Oswald';
	font-weight: 300;
}
span.posted_in a {text-transform: uppercase;}
.entry-summary h1 {
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
ul.products li h3 {min-height: 70px;}
table.variations {}
table.variations tr td {padding: 0px !important;}
td.membership-title a {display: block;}
tr.discount {color: #ff0000;}

/* Membership, todo 
===========

#membership-offers {
    position: relative
}

#free-membership,
#series-membership {
    box-sizing: border-box;
    width: 33%;
    float: left;
    height: 350px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0,0,0,0.1);
}

    #free-membership ul,
    #premium-membership ul,
    #series-membership ul {
        padding-left: : 20px;
        padding-right: 20px;
    }

#series-membership {
    position: absolute;
    right: 0;
}

    #free-membership h3,
    #premium-membership-wrapper h3,
    #series-membership h3 {
        background-color: #0d5877;
        color: #fff;
        font-family: 'Oswald';
        font-weight: normal;
        text-align: center;
        text-transform: uppercase;
        font-size: 2em;
        padding-top: 0.25em;
    }

#premium-membership {
    position: absolute;
    z-index: 50;
    width: 220px;
    background-color: #fff;
    left: 192px;
    top: -4px;
    border: 1px solid rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0,0,0,0.1);
    height: 358px;
}
*/

/* Mobile STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (max-width: 767px) {
	/* Desktop styles go below this line */

	/* overall content */
	
	.nav-toggle.icon, #content, #header, #footer-widgets, footer#footer {
	padding-left: 1em !important; 
	padding-right: 1em !important;
	}

	/* Header / Navigation */
	section.menus #main-nav, section.menus h3 {display: none;}
	body #content {padding-left: 2em; padding-right:2em;}
	nav#navigation {
		background-color: #444;
		-webkit-box-shadow: inset -6px 0px 6px 0px rgba(0, 0, 0, 0.8);  
        box-shadow: inset -6px 0px 6px 0px rgba(0, 0, 0, 0.8);
        border-right: 1px solid rgba(255, 255, 255, 0.8);
	}
	nav#navigation ul li.menu-item a {
		color: #fff !important;
		font-family: 'Oswald' !important;
		font-weight: normal !important;
		text-transform: uppercase;
		font-size: 1.2em;
	}
	nav#navigation ul.sub-menu li.menu-item a {font-size: 1em;}
	nav#navigation ul.nav li {
		border-top: 1px solid rgba(255,255,255,0.2);
		padding-bottom: 0.5em;
		padding-top: 0.5em;
		}
	nav#navigation ul.sub-menu li {
		border-bottom: 0;
		border-top: 0;
		padding: 0em;
		background-color: transparent;
	}
	#logo .site-title a {
    	width: 100%;
    	font-size: 2em;
	}
	header#header .site-description  {
		padding-left: 0%;
		color: #222;
		text-align: left;
		bottom: -80px;
	}
	header#header {
		margin-bottom: 80px;
		padding-top: 20px;
	}
	
	/* Content */
	
		/* Products */
		body.home ul.products li.product {
			width: 100%;
			float: none;
		}
		body.home ul.products li.product a {display: block;}
		body.home #featured-products-home {display: none;}
		
	/* Streaming on top */
	ul.rss li {display: none;}

}


/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */

/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles at the end of this file instead 
of style.css so it is easier to update the theme. 
Simply copy an existing style from style.css to this file, 
and modify it to your liking.
*/


/* Hide Canvas' main navigation, use only top */

body {
	background-color: #000;
	background-image: url('/wp-content/themes/joefrank/images/joefrank/copyright_Michal_Story_JF-com_background.jpg');
	background-size: 120% auto;
	background-attachment: fixed;
}
#navigation {display: none !important}
#top {
    font-family: 'Oswald' !important;
    font-weight: 300 !important;
    text-transform: uppercase;
    position: fixed;
    background: rgb(81,81,81); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(81,81,81,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(81,81,81,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(81,81,81,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(81,81,81,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(81,81,81,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(81,81,81,1) 0%,rgba(14,14,14,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
    width: 100%;
    top: 0px;
    z-index: 500;
    border-bottom: 1px solid #111;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
    #top ul li a {
        font-size: 18px !important;
        font-family: 'Oswald' !important;
        font-weight: 700 !important;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    #top ul li.current-menu-parent a:hover {
        background-color: #000;
        color: #fff;
    }
html body #inner-wrapper {
	background: transparent;
	border: 0;
	margin: 0px;
	box-shadow: inset 0px 0px 30px 0px rgba(20, 20, 30, 0.2);
}
#content {
	padding-left: 2em;
	padding-right: 2em;
}
html body #wrapper {
    margin-top: 4em;
    margin-bottom: 12em;
    border-radius: 0px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    border: 0px;
    padding: 0px;
    box-sizing: border-box;
}
div#header {
    height: 150px;
    position: relative;
}
html body div#header #logo a {}
#main-area {
    position: relative;
    z-index: 200;
}
div#header #logo .site-description {
    font-family: "Oswald";
    font-weight: 300;
    color: #fff;
    width: 50%;
    position: absolute;
    right: 0;
    top: 139px;
    display: block;
    text-align: right;
    font-size: 1.5em;
    line-height: 1.2em;
}

/* Home Stuff */

body.home h3 {font-size: 1em}
body.home .entry ul.products li.product {width: 29%}
#featured-products-home {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
#sidebar .feedback-text {
    font-family: "Oswald";
    font-weight: 300;
    font-size: 1.3em;
    line-height: 1.3em;
    padding-left: 4px;
}
#sidebar .feedback-text:first-letter {display: none}
cite.feedback-author {
    text-align: right;
    font-style: normal;
    font-family: "Oswald";
    font-weight: 700;
    text-transform: uppercase;
}

/* footer */

/* Lines */

#main:after {
    content: "";
    position: absolute;
    top: 0;
    right: -15px;
    height: 100%;
    width: 1px;
    box-sizing: content-box;
    border-right: 1px solid #e6e6e6;
}

/* Sidebar */

#sidebar h3 {
    margin-bottom: 0;
    padding-bottom: 0px;
    font-size: 2em;
}
.feedback .flex-direction-nav {top: 8px}

/* Member Login */

#am4login-6 {}
#am4login-4 a {color: #fff}
#am4login-4 label {color: #fff}

/* ******* Calendar  ********* */

/******* Store **********/

table.variations td {width: 33%}
li.product h3 {font-size: 1em;}

#tab-description,
.related.products {
    width: 100%;
    clear: both;
}
html body .quantity input.qt {width: 25px !important}
.quantity {width: 120px}
#tab-description {}
    #tab-description h2,
    .related.products h2 {
        padding: 0.5em 0;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-left: 0;
        border-right: 0;
        margin-bottom: 0.5em;
    }
    #tab-description p {margin-bottom: 1em}
div#main-sidebar-container div.images {display: none}
ul.tabs {display: none}
.woocommerce .summary {width: 100%}
li.product a img {display: none !important}
table.membership
table.membership-filter {
    table-layout: auto;
	width: 100%;
}
td.membership {text-align: left;}
td.membership-search {
    text-align: left;
	overflow:hidden;
    white-space:wrap;
	width: 40%;
}
td.membership-category {
    text-align: left;
	overflow:hidden;
    white-space:wrap;
	width: 60%;
}
td.membership-date {
    text-align: left;
	overflow:hidden;
    white-space:wrap;
	width: 8%;
}
td.membership-title {
    text-align: left;
	overflow:hidden;
    white-space:wrap;
	width: 59%;
}
td.membership-series {
    text-align: left;
	overflow:hidden;
    white-space:wrap;
	width: 33%;
}
ul.page-numbers {display: none}
/* Took out so the word From: would show.  Not sure why this was ever hidden - LRF 2014-12-01
 */
.from {
	opacity: 1.0;
	font-size: 0.7em;
}

.social-button-container div {padding-top: 9px}

/* Tabs */

html body .shortcode-tabs {background: transparent}
.shortcode-tabs ul.tab_titles li.nav-tab a {
    font-family: 'Oswald';
    font-size: 1.5em;
}
.shortcode-tabs li.ui-tabs-active a {
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 0px;
    color: #000 !important;
}
.shortcode-tabs li a {border-bottom: 1px solid #efefef}

/* End Desktop*/
	
}

#jfplayer {
	background-color: #000;
	background-image: url('/wp-content/themes/joefrank/images/joefrank/copyright_Michal_Story_JF-com_background.jpg');
	background-size: 120% auto;
	background-attachment: fixed;
	color: #fff;
	padding: 0;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
}
#jfplayer h3 {
	background-color: #999;
	margin: 0;
	padding: 1em;
	}
#jfplayer-support {
	position: absolute;
	bottom: 0px;
	background-color: #555;
	width: 100%;
	padding: 1em;
	text-align: center;
	color: rgba(255,255,255,0.5);
	font-size: 0.75em;
}
#jfplayer-support a {
	color: #fff;
	color: rgba(255,255,255,0.75);
}
#jfplayer-close {
	position: absolute;
	right: 1em;
	top: 1em;
	color: #fff;
	color: rgba(255,255,255,0.5);
	background-color: #555;
	display: block;
	padding: 0.5em;
	border-radius: 5px;
	text-decoration: none;
}
#jfplayer-close span {color: rgba(255,255,255,0.75);}
#jfplayer-close:hover, #jfplayer-close:hover span {color: #fff;}
#audio {
	text-align:center;
	padding-top: 10%;
}
#video {
	text-align:center;
	padding-top: 0%;
}
#create-media {
	text-align:center;
	padding-top: 10%;
}
audio {
    width:75% !important;
    min-height: 75px;
}
video {
  width: 50%    !important;
  height: auto   !important;
}
.woocommerce .quantity input[type=number], .woocommerce-page .quantity input[type="number"] {
  -moz-appearance:textfield;
}
/* Commenting out because of issue with "From PRICE" being ontop of a Product with a long name - LRF 2020-11-21
   Can't use -1.3em because of long Selection names such as the Joe Frank - Membership Gift ones. - LRF 2021-04-26
.woocommerce .summary h1.product_title {
margin-bottom: -2em;
} */
.woocommerce .summary p.price {
  margin-bottom: -0.5em;
}
/*  Temporary hiding to see if it helps fix the issue with Add to Cart not display on Mojave for Monte Merrick - LRF 2021-04-26
.woocommerce .summary form {
  margin-bottom: 0.5em;
} */
.widget_woo_feedback {
  padding-top: 0px;
}