@charset "UTF-8";
/*!
Theme Name: ioStudio
Theme URI: https://iotheme.com/
Author: ioTheme
Author URI: http://iotheme.com
Description: A Product of ioTheme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: iostudio
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

ioStudio is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Navigation
	## Menus
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
@keyframes io-fadein {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.io-fadein-mobile {
  -webkit-animation: io-fadein 0.3s;
  animation: io-fadein 0.3s;
}

@keyframes io-fadein-frame {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.io-menu-desktop {
  display: block;
  text-align: right;
  font-family: "Josefin Sans", sans-serif;
}
.io-menu-desktop span.io-menu-dot-mobile {
  display: none;
}
.io-menu-desktop a {
  display: block;
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
}
.io-menu-desktop a.io-menu-dot-desktop:after {
  content: " +";
  float: right;
}
.io-menu-desktop span.io-menu-button-span {
  display: none;
}
.io-menu-desktop > ul > li.current-menu-item > a, .io-menu-desktop > div > ul > li.current-menu-item > a {
  box-shadow: -5px 5px 7px rgba(12, 67, 118, 0.1), inset 0 0 0 3px #fff, inset -8px 8px 7px rgba(12, 67, 118, 0.15);
}
.io-menu-desktop ul {
  padding: 0;
  margin: 0;
  list-style: none;
  background: transparent;
  display: block;
}
.io-menu-desktop ul > li {
  margin-right: -4px;
  display: inline-block;
  position: relative;
  height: 33px;
  color: #0c4376;
  font-size: 11px;
  text-transform: uppercase;
  text-shadow: 0 1px rgba(255, 255, 255, 0.7);
  font-weight: 600;
}
.io-menu-desktop ul > li > a {
  padding: 0;
  line-height: 26px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 7px;
  color: #0c4376;
  font-size: 11px;
  text-transform: uppercase;
  text-shadow: 0 1px rgba(255, 255, 255, 0.7);
  font-weight: 600;
}
.io-menu-desktop ul > li ul {
  text-align: left;
  display: block;
  left: -999em;
  position: absolute;
  width: 200px;
  background: white;
  z-index: 99999;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
  border-radius: 0;
}
.io-menu-desktop ul > li > ul {
  top: 100%;
}
.io-menu-desktop ul > li > ul li {
  margin-right: 0;
  position: relative;
  display: block;
  height: auto;
  color: #0c4376;
  font-size: 11px;
  text-transform: uppercase;
  text-shadow: none;
  font-weight: normal;
}
.io-menu-desktop ul > li > ul li a.io-menu-dot-desktop:after {
  content: " »";
  float: right;
}
.io-menu-desktop ul > li > ul li a {
  line-height: initial;
  padding: 15px 20px 10px;
  color: #0c4376;
  font-size: 11px;
  text-transform: uppercase;
  text-shadow: none;
  font-weight: normal;
}
.io-menu-desktop ul > li > ul li a:visited {
  color: #0c4376;
}
.io-menu-desktop ul > li > ul li a:hover, .io-menu-desktop ul > li > ul li a:focus {
  color: #0c4376;
}
.io-menu-desktop ul > li > ul li:nth-child(even) a {
  background: white;
}
.io-menu-desktop ul > li > ul li ul {
  top: 0;
  left: -999em;
}
.io-menu-desktop ul > li > ul li:hover > ul {
  left: 100%;
  -webkit-animation: io-fadein 0.3s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: io-fadein 0.3s;
  /* Firefox < 16 */
  -o-animation: io-fadein 0.3s;
  /* Opera < 12.1 */
  animation: io-fadein 0.3s;
}
.io-menu-desktop ul > li:hover > ul {
  left: 0;
  -webkit-animation: io-fadein 0.3s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: io-fadein 0.3s;
  /* Firefox < 16 */
  -o-animation: io-fadein 0.3s;
  /* Opera < 12.1 */
  animation: io-fadein 0.3s;
}
.io-menu-desktop.io-menu-desktop-vl {
  width: 100%;
  text-align: left;
}
.io-menu-desktop.io-menu-desktop-vl a.io-menu-dot-desktop:after {
  float: right;
}
.io-menu-desktop.io-menu-desktop-vl ul > li {
  margin-right: 0;
  display: block;
}
.io-menu-desktop.io-menu-desktop-vl ul > li > ul {
  text-align: left;
  left: -999em;
  top: 0;
}
.io-menu-desktop.io-menu-desktop-vl ul > li > ul a.io-menu-dot-desktop:after {
  content: " »";
  float: right;
}
.io-menu-desktop.io-menu-desktop-vl ul > li:hover > ul {
  left: 100%;
}
.io-menu-desktop.io-menu-desktop-vr {
  width: 100%;
  text-align: right;
}
.io-menu-desktop.io-menu-desktop-vr a.io-menu-dot-desktop:after {
  float: left;
}
.io-menu-desktop.io-menu-desktop-vr ul > li {
  margin-right: 0;
  display: block;
}
.io-menu-desktop.io-menu-desktop-vr ul > li > ul {
  text-align: right;
  left: -999em;
  top: 0;
}
.io-menu-desktop.io-menu-desktop-vr ul > li > ul a.io-menu-dot-desktop:after {
  content: " «";
  float: left;
}
.io-menu-desktop.io-menu-desktop-vr ul > li:hover > ul {
  left: unset;
  right: 100%;
}

.io-menu-mobile {
  position: relative;
  background: transparent;
  display: block;
  text-align: right;
}
.io-menu-mobile a {
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
}
.io-menu-mobile.io-menu-mobile-active > ul, .io-menu-mobile.io-menu-mobile-active > div > ul {
  -webkit-animation: io-fadein-frame 0.5s;
  animation: io-fadein-frame 0.5s;
  left: 0;
}
.io-menu-mobile .io-menu-button-li {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: right;
  background: rgba(0, 0, 0, 0.01);
}
.io-menu-mobile .io-menu-button-li a {
  width: unset;
  line-height: 56px;
  max-height: 56px;
  font-size: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: bold;
}
.io-menu-mobile span.io-menu-button-span {
  cursor: pointer;
  line-height: 33px;
  padding-left: 20px;
  padding-right: 20px;
  background: transparent;
  color: #0c4376;
  z-index: 1;
  right: 0;
  top: 0;
  content: "+";
  display: inline-block;
}
.io-menu-mobile ul {
  padding: 0;
  margin: 0;
}
.io-menu-mobile > ul, .io-menu-mobile > div > ul {
  padding-top: 56px;
  overflow-y: auto;
  position: fixed;
  height: 100%;
  width: 250px;
  left: -250px;
  top: 0;
  background: #fff;
  z-index: 99999999;
}
.io-menu-mobile .io-mobile-ul-show {
  left: 0;
  max-height: 8888px;
}
.io-menu-mobile .io-mobile-ul-hide {
  left: -9999px;
  max-height: 0;
}
.io-menu-mobile a {
  display: block;
  padding: 20px 20px;
  width: calc(100% - 20px * 2);
  color: #212529;
  font-size: 14px;
}
.io-menu-mobile a:visited {
  color: #212529;
}
.io-menu-mobile a:hover, .io-menu-mobile a:focus {
  color: #212529;
}
.io-menu-mobile ul {
  text-align: left;
  width: 100%;
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.05);
  list-style: none;
}
.io-menu-mobile ul li {
  position: relative;
  display: block;
  color: #212529;
}
.io-menu-mobile ul li span.io-menu-dot-mobile {
  position: absolute;
  background: white;
  color: #212529;
  z-index: 1;
  right: 0;
  top: 0;
  content: "+";
  display: block;
  text-align: center;
  width: 70px;
  cursor: pointer;
}
.io-menu-mobile ul li:nth-child(even) {
  background: rgba(0, 0, 0, 0.01);
}

.io-get-width-menu {
  position: absolute !important;
  right: 0 !important;
  width: 999px !important;
}

.iot-menu-bg-black {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 99999998;
  left: -100%;
  background-color: rgba(0, 0, 0, 0.68);
}

.iot-menu-bg-black-active {
  -webkit-animation: io-fadein-frame 0.5s;
  animation: io-fadein-frame 0.5s;
  left: 0;
}

.comment-navigation,
.posts-navigation,
.post-navigation {
  width: 100%;
  content: "";
  display: table;
  table-layout: fixed;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-previous a,
.posts-navigation .nav-previous a,
.post-navigation .nav-previous a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-navigation .nav-previous a:before,
.posts-navigation .nav-previous a:before,
.post-navigation .nav-previous a:before {
  content: "";
  display: inline-block;
  padding-right: 10px;
  font-family: Dashicons;
  vertical-align: bottom;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-navigation .nav-next a,
.posts-navigation .nav-next a,
.post-navigation .nav-next a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-navigation .nav-next a:after,
.posts-navigation .nav-next a:after,
.post-navigation .nav-next a:after {
  content: "";
  display: inline-block;
  padding-left: 10px;
  font-family: Dashicons;
  vertical-align: bottom;
}

.io-menu-button-li {
  position: relative;
}
.io-menu-button-li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  left: 0;
  top: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
#secondary ul {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
}
#secondary .widget {
  padding-top: 20px;
  margin-bottom: 50px;
  padding-left: 45px;
  padding-right: 45px;
  /* border-top: solid 1px rgba(255,255,255,0.7); */
  /* border-right: solid 1px rgba(255,255,255,0.7); */
  /* background: #e4e8e9; */
  /* padding: 45px 55px 45px 55px; */
  /* box-shadow: -14px 14px 35px rgba(0,21,40, 0.12); */
  /* Make sure select elements fit in widgets. */
}
#secondary .widget:first-child {
  text-shadow: 0 1px rgba(255, 255, 255, 0.7);
  margin-bottom: 50px;
  border-top: solid 1px rgba(255, 255, 255, 0.7);
  border-right: solid 1px rgba(255, 255, 255, 0.7);
  background: #ebeff1;
  padding: 40px 45px 40px 45px;
  box-shadow: -14px 14px 35px rgba(0, 21, 40, 0.12);
  /* margin-left: 80px; */
  position: relative;
  font-weight: 400;
  color: #a44b77;
}
#secondary .widget:first-child a {
  color: #a44b77;
}
#secondary .widget:first-child > h2 {
  font-family: "Josefin Sans", sans-serif;
  font-size: 16px;
  text-align: center;
  font-weight: 700;
  position: relative;
  padding-bottom: 6px;
  margin-bottom: 25px;
  background: center top no-repeat url(images/bg-right.png);
  color: rgba(255, 255, 255, 0.5);
  padding-top: 14px;
}
#secondary .widget:first-child:before {
  background: center top no-repeat url(images/frame.png);
  content: "";
  position: absolute;
  width: 100%;
  height: 29px;
  top: -30px;
  left: 0;
}
#secondary .widget:first-child + .widget {
  border: solid 8px #fff;
  box-shadow: -14px 14px 35px rgba(0, 21, 40, 0.12), inset -14px 14px 35px rgba(0, 21, 40, 0.1);
  padding: 30px 37px 20px 37px;
  color: #333;
  position: relative;
  text-shadow: 0 1px rgba(255, 255, 255, 0.7);
  margin-bottom: 45px;
}
#secondary .widget:first-child + .widget a {
  color: #333;
}
#secondary .widget:first-child + .widget > h2 {
  font-size: 1.3rem;
  text-align: center;
  font-weight: 100;
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 15px;
  color: #333;
}
#secondary .widget:first-child + .widget > h2:after {
  content: "";
  position: absolute;
  width: 100px;
  height: 1px;
  background: #333;
  bottom: 0;
  left: calc(50% - 50px);
}
#secondary .widget select {
  max-width: 100%;
}
#secondary .widget > h2 {
  position: relative;
  font-size: 1.5rem;
  margin-bottom: 20px;
  text-transform: uppercase;
  /*padding: 0 30px 0 30px;*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 100;
  color: #0c4376;
  text-shadow: 0 1px rgba(255, 255, 255, 0.7);
}
#secondary .widget.widget_recent_entries > ul > li, #secondary .widget.widget_recent_comments > ul > li, #secondary .widget.widget_archive > ul > li, #secondary .widget.widget_categories > ul > li, #secondary .widget.widget_meta > ul > li {
  padding: 3px 0 3px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#secondary .widget.widget_recent_entries > ul > li:before, #secondary .widget.widget_recent_comments > ul > li:before, #secondary .widget.widget_archive > ul > li:before, #secondary .widget.widget_categories > ul > li:before, #secondary .widget.widget_meta > ul > li:before {
  content: "";
  font-family: Dashicons;
  vertical-align: bottom;
  padding-right: 3px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.sticky {
  -webkit-transform: none;
  transform: none;
}

.hentry {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 5px 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

#content {
  margin-bottom: 20px;
}
#content #primary #main article, #content #primary #main section.article {
  border-top: solid 1px rgba(255, 255, 255, 0.7);
  border-right: solid 1px rgba(255, 255, 255, 0.7);
  background: #ebeff1;
  padding: 40px 50px 40px 50px;
  box-shadow: -14px 14px 35px rgba(0, 21, 40, 0.12);
  margin-left: 80px;
  position: relative;
  font-weight: 400;
  margin-bottom: 50px;
}
#content #primary #main article:before, #content #primary #main section.article:before {
  position: absolute;
  left: -80px;
  top: 85px;
  content: "";
  width: 88px;
  height: 88px;
  border: solid 8px #fff;
  box-shadow: -7px 7px 10px rgba(12, 67, 118, 0.1), inset -5px 5px 20px rgba(12, 67, 118, 0.2);
}
#content #primary #main article:after, #content #primary #main section.article:after {
  position: absolute;
  left: -70px;
  top: 17px;
  content: "";
  width: 45px;
  height: 68px;
  background: left top no-repeat url(images/scallion.png);
}
#content #primary #main article .post-thumbnail, #content #primary #main section.article .post-thumbnail {
  display: block;
  margin-top: 20px;
}
#content #primary #main article .entry-header, #content #primary #main section.article .entry-header {
  padding-bottom: 10px;
}
#content #primary #main article .entry-header .entry-title, #content #primary #main section.article .entry-header .entry-title {
  position: relative;
  word-wrap: break-word;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
  color: #0c4376;
  font-family: "Josefin Sans", sans-serif;
  text-shadow: 0 1px rgba(255, 255, 255, 0.7);
}
#content #primary #main article .entry-header .entry-title:before, #content #primary #main section.article .entry-header .entry-title:before {
  position: absolute;
  width: 100px;
  height: 4px;
  background: #c6cfd6;
  left: 0;
  bottom: -7px;
  content: "";
}
#content #primary #main article .entry-header .entry-title a, #content #primary #main section.article .entry-header .entry-title a {
  color: #0c4376;
}
#content #primary #main article .entry-header .entry-meta, #content #primary #main section.article .entry-header .entry-meta {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#content #primary #main article .entry-header .entry-meta .posted-on, #content #primary #main section.article .entry-header .entry-meta .posted-on {
  position: absolute;
  left: -71px;
  top: 94px;
  content: "";
  width: 71px;
  height: 71px;
  text-align: center;
  font-family: "Josefin Sans", sans-serif;
}
#content #primary #main article .entry-header .entry-meta .posted-on a, #content #primary #main section.article .entry-header .entry-meta .posted-on a {
  color: #0c4376;
  text-shadow: 0 1px rgba(255, 255, 255, 0.7);
}
#content #primary #main article .entry-header .entry-meta .posted-on .io-date, #content #primary #main section.article .entry-header .entry-meta .posted-on .io-date {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 8px;
}
#content #primary #main article .entry-header .entry-meta .posted-on .io-month, #content #primary #main section.article .entry-header .entry-meta .posted-on .io-month {
  display: block;
  font-size: 11px;
  line-height: 11px;
  margin-bottom: 1px;
}
#content #primary #main article .entry-header .entry-meta .posted-on .io-year, #content #primary #main section.article .entry-header .entry-meta .posted-on .io-year {
  display: block;
  font-size: 14px;
  font-weight: 700;
}
#content #primary #main article .entry-header .entry-meta .byline, #content #primary #main section.article .entry-header .entry-meta .byline {
  position: absolute;
  left: -29px;
  top: 61px;
  font-size: 20px;
  color: #333;
}
#content #primary #main article .entry-header .entry-meta .byline a, #content #primary #main section.article .entry-header .entry-meta .byline a {
  color: #333;
}
#content #primary #main article .entry-content, #content #primary #main section.article .entry-content {
  text-align: justify;
}
#content #primary #main article .entry-content img, #content #primary #main article .entry-content iframe, #content #primary #main section.article .entry-content img, #content #primary #main section.article .entry-content iframe {
  padding: 7px;
  border: solid 1px rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.5);
}
#content #primary #main article .entry-footer, #content #primary #main section.article .entry-footer {
  font-size: 11px;
  letter-spacing: 2px;
  padding-top: 5px;
}
#content #primary #main article .entry-footer .cat-links, #content #primary #main article .entry-footer .tags-links, #content #primary #main article .entry-footer .edit-link, #content #primary #main article .entry-footer .comments-link, #content #primary #main section.article .entry-footer .cat-links, #content #primary #main section.article .entry-footer .tags-links, #content #primary #main section.article .entry-footer .edit-link, #content #primary #main section.article .entry-footer .comments-link {
  padding-right: 10px;
}
#content #primary #main article .entry-footer .cat-links:before, #content #primary #main section.article .entry-footer .cat-links:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 1em;
}
#content #primary #main article .entry-footer .tags-links:before, #content #primary #main section.article .entry-footer .tags-links:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 0.9em;
}
#content #primary #main article .entry-footer .edit-link:before, #content #primary #main section.article .entry-footer .edit-link:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 1em;
}
#content #primary #main article .entry-footer .comments-link:before, #content #primary #main section.article .entry-footer .comments-link:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 1em;
}
#content #primary #main article > *:last-child, #content #primary #main section.article > *:last-child {
  /*border-radius: 0 0 5px 5px;*/
}
#content #primary #main .page-header {
  margin-bottom: 50px;
  padding-left: 80px;
}
#content #primary #main .page-header .page-title {
  position: relative;
  word-wrap: break-word;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
  color: #0c4376;
  font-family: "Josefin Sans", sans-serif;
  text-shadow: 0 1px rgba(255, 255, 255, 0.7);
}
#content #primary #main .page-header .page-title:before {
  position: absolute;
  width: 100px;
  height: 4px;
  background: #c6cfd6;
  left: 0;
  bottom: -7px;
  content: "";
}
#content #primary #main .page-header .page-title a {
  color: #0c4376;
}
#content #primary #main .posts-navigation {
  padding-left: 80px;
  margin-bottom: 50px;
}
#content #primary #main .posts-navigation a {
  box-shadow: -5px 5px 7px rgba(12, 67, 118, 0.1), inset 0 0 0 3px #fff, inset -8px 8px 7px rgba(12, 67, 118, 0.15);
  padding: 15px 20px 10px;
  color: #0c4376;
  text-shadow: 0 1px rgba(255, 255, 255, 0.7);
  font-family: "Josefin Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11px;
}
#content #primary #main .posts-navigation .nav-previous a:before {
  content: "";
  display: inline-block;
  padding-right: 10px;
  font-family: Dashicons;
  vertical-align: bottom;
}
#content #primary #main .posts-navigation .nav-next a:after {
  content: "";
  display: inline-block;
  padding-left: 10px;
  font-family: Dashicons;
  vertical-align: bottom;
}

@media screen and (max-width: 967px) {
  #content {
    margin-bottom: 20px;
  }
  #content #primary #main article, #content #primary #main section.article {
    margin-left: 0px;
    padding: 30px 20px 30px 20px;
  }
  #content #primary #main article:before, #content #primary #main section.article:before {
    display: none;
  }
  #content #primary #main article:after, #content #primary #main section.article:after {
    display: none;
  }
  #content #primary #main article .entry-meta, #content #primary #main section.article .entry-meta {
    display: none;
  }
  #content #primary #main .posts-navigation {
    padding-left: 0;
  }
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comments-area .comments-title {
  word-wrap: break-word;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.comments-area .comment-list {
  list-style: none;
  margin-left: 80px;
  padding-left: 0;
}
.comments-area .comment-list .comment-body {
  padding: 20px;
  margin-bottom: 30px !important;
  margin-left: 0 !important;
}
.comments-area .comment-list .comment-body:after, .comments-area .comment-list .comment-body:before {
  display: none;
}
.comments-area .comment-list .comment-body .comment-meta .comment-author .avatar.photo {
  border-radius: 50%;
  margin-right: 10px;
}
.comments-area .comment-list .comment-body .comment-metadata {
  font-size: 11px;
  text-transform: uppercase;
  padding: 10px 0;
}
.comments-area .comment-list .comment-body .comment-metadata:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 3px;
  font-size: 14px;
}
.comments-area .comment-list .comment-body .reply:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 3px;
  font-size: 14px;
}
.comments-area .comment-list .comment-body .reply .comment-reply-link {
  font-size: 11px;
  text-transform: uppercase;
  padding: 10px 0;
}
.comments-area .comment-list .children {
  list-style: none;
  margin-left: 50px;
}
.comments-area .comment-respond .comment-reply-title {
  word-wrap: break-word;
  font-size: 24px;
  text-transform: uppercase;
}
.comments-area .comment-respond .comment-form textarea[name=comment] {
  width: 100%;
}
.comments-area .comment-respond .comment-form input[name=author],
.comments-area .comment-respond .comment-form input[name=email],
.comments-area .comment-respond .comment-form input[name=url] {
  width: 100%;
}
.comments-area .comment-respond .comment-form .comment-form-cookies-consent, .comments-area .comment-respond .comment-form .form-submit {
  padding: 5px;
}

/*--------------------------------------------------------------
## Main and Fix some CSS
--------------------------------------------------------------*/
html {
  background: linear-gradient(to right, #c6cfd6, #f5f6f8);
}

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", sans-serif;
  background: transparent;
}

#page {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
  background: center top no-repeat url(images/light-c.png);
}
#page:before {
  position: absolute;
  content: "";
  background: left top no-repeat url(images/light-l.png);
  width: 51px;
  height: 45px;
  top: 0;
  left: 0;
}
#page:after {
  position: absolute;
  content: "";
  background: left top no-repeat url(images/light-r.png);
  width: 52px;
  height: 47px;
  top: 0;
  right: 0;
}

@media screen and (min-width: 1359px) {
  #page:before {
    left: -29px;
  }

  #page:after {
    right: -29px;
  }
}
a:hover {
  text-decoration: none;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

table {
  width: 100%;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  padding: 0.375rem 0.75rem;
  outline: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.fittext {
  text-align: center;
}
.fittext a {
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
}

.spanst, .spannd {
  background: transparent;
  display: inline;
  padding-right: 1px;
  opacity: 0;
}

.io-get-width-textfit {
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 99999999px;
  opacity: 0;
}

.dashicons, .dashicons-before:before {
  display: inherit;
  width: inherit;
  height: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: dashicons;
  text-decoration: inherit;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: inherit;
  text-align: inherit;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  display: block;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

dfn, cite, em, i {
  font-style: italic;
  color: inherit;
}

blockquote {
  margin: 0 1.5em;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  color: inherit;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
}

blockquote p {
  color: inherit;
}

address {
  margin: 0 0 1.5em;
}

pre {
  color: inherit;
  background: rgba(0, 0, 0, 0.08);
  padding: 2rem;
}

code, kbd, tt, var {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.06);
  color: inherit;
}

abbr, acronym {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.6);
  cursor: help;
}

mark, ins {
  background: rgba(255, 231, 0, 0.2);
  text-decoration: none;
}

big {
  font-size: 125%;
}

.button, button, .btn {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
#masthead {
  margin-top: 30px;
  margin-bottom: 40px;
}
#masthead .site-branding {
  margin-bottom: 10px;
}
#masthead .site-branding .site-title {
  font-size: 3rem;
  line-height: 1;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 0.5rem;
}
#masthead .site-branding .site-title a {
  display: inline-block;
}
#masthead .site-branding .site-description {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 0rem;
}
#masthead #site-navigation {
  margin-bottom: 10px;
  margin-top: 5px;
}

@media screen and (max-width: 967px) {
  #masthead .site-branding .site-title {
    margin-left: auto;
  }
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#colophon .site-info {
  border-top: solid 1px rgba(255, 255, 255, 0.7);
  border-right: solid 1px rgba(255, 255, 255, 0.7);
  background: #e4e8e9;
  padding: 15px 20px 10px 20px;
  box-shadow: -14px 14px 35px rgba(0, 21, 40, 0.12);
  font-family: "Josefin Sans", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
  text-align: center;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Woocommerce Fix
--------------------------------------------------------------*/
p.demo_store,
.woocommerce-store-notice {
  background-color: #2984ca;
  color: #fff;
  border: solid 1px #2984ca;
  border-radius: 0rem;
}
p.demo_store a,
.woocommerce-store-notice a {
  color: #fff;
}

.woocommerce .page-title {
  margin-bottom: 20px;
  position: relative;
  word-wrap: break-word;
  margin-top: 0;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
  color: #0c4376;
  font-family: "Josefin Sans", sans-serif;
  text-shadow: 0 1px rgba(255, 255, 255, 0.7);
}
.woocommerce .page-title:before {
  position: absolute;
  width: 100px;
  height: 4px;
  background: #c6cfd6;
  left: 0;
  bottom: -7px;
  content: "";
}
.woocommerce .woocommerce-breadcrumb {
  color: inherit;
  text-transform: uppercase;
  font-size: 11px;
}
.woocommerce .woocommerce-breadcrumb:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  font-size: 1em;
  display: inline-block;
  padding-right: 1px;
}
.woocommerce .woocommerce-breadcrumb a {
  color: inherit;
}
.woocommerce.single-product .woocommerce-breadcrumb {
  margin-bottom: 1.25rem;
}
.woocommerce .woocommerce-result-count {
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 40px;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background-color: #2984ca;
  color: #fff;
  border: solid 1px #2984ca;
  border-radius: 0rem;
  font-weight: 400;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background-color: #2984ca;
  color: #fff;
  border: solid 1px #2984ca;
}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
  font-weight: 400;
  background-color: #2984ca;
  color: #fff;
  border: solid 1px #2984ca;
  border-radius: 0rem;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover {
  background-color: #2984ca;
  color: #fff;
  border: solid 1px #2984ca;
}
.woocommerce a.button.alt.disabled, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled]:hover {
  background-color: #2984ca;
  color: #fff;
  border: solid 1px #2984ca;
  border-radius: 0rem;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background-color: #2984ca;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  background-color: #2984ca;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background-color: #2984ca;
}
.woocommerce div.product .product_title {
  font-size: 1.85rem;
}
.woocommerce div.product .woocommerce-product-gallery {
  padding: 7px;
  border: solid 1px rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.5);
}
.woocommerce div.product span.price,
.woocommerce div.product p.price {
  color: #2984ca;
}
.woocommerce div.product span.price ins,
.woocommerce div.product p.price ins {
  text-decoration: none;
}
.woocommerce div.product .stock {
  color: #2984ca;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  background: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: none;
  background-color: #e9ebea;
  border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 13px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.description_tab a:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 5px;
  font-size: 1em;
  display: inline-block;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.additional_information_tab a:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 5px;
  font-size: 1em;
  display: inline-block;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.reviews_tab a:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 5px;
  font-size: 1em;
  display: inline-block;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: #ebeff1;
  z-index: 2;
  border-bottom-color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.woocommerce div.product form.cart table td {
  padding-left: 0.625rem;
}
.woocommerce div.product form.cart .variations td.label {
  padding-right: 1em;
  background: transparent;
}
.woocommerce div.product .product_meta {
  border-top: 1px solid #ced4da;
  padding-top: 10px;
}
.woocommerce div.product .product_meta span {
  display: inline-block;
  padding-right: 5px;
}
.woocommerce div.product .product_meta .sku_wrapper:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 3px;
  font-size: 0.7em;
}
.woocommerce div.product .product_meta .posted_in:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 0.7em;
}
.woocommerce table.shop_table {
  border-radius: 0rem;
}
.woocommerce span.onsale {
  line-height: 2.9;
  background-color: #2984ca;
  color: #fff;
  font-weight: 400;
  -ms-transform: rotate(-20deg);
  /* IE 9 */
  -webkit-transform: rotate(-20deg);
  /* Safari */
  transform: rotate(-20deg);
}
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-category__title {
  font-size: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.woocommerce ul.products li.product .price {
  color: #404040;
}
.woocommerce ul.products li.product .price .from {
  color: #2984ca;
}
.woocommerce ul.products li.product .button {
  background-color: #2984ca;
  color: #fff;
  border: solid 1px #2984ca;
  border-radius: 0rem;
  font-weight: 400;
}
.woocommerce ul.products li.product img {
  padding: 7px;
  border: solid 1px rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.5);
}
.woocommerce nav.woocommerce-pagination ul {
  border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
  border-right: none;
  margin: 10px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  padding: 0.7em 1.1em;
  border: solid 1px rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.5);
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus {
  border: solid 1px rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.3);
  color: rgba(0, 0, 0, 0.4);
}
.woocommerce .woocommerce-customer-details address {
  border-radius: 0rem;
}
.woocommerce form .form-row textarea {
  height: initial;
}

.woocommerce input[type=text],
.woocommerce input[type=email],
.woocommerce input[type=url],
.woocommerce input[type=password],
.woocommerce input[type=search],
.woocommerce input[type=number],
.woocommerce input[type=tel],
.woocommerce input[type=range],
.woocommerce input[type=date],
.woocommerce input[type=month],
.woocommerce input[type=week],
.woocommerce input[type=time],
.woocommerce input[type=datetime],
.woocommerce input[type=datetime-local],
.woocommerce input[type=color],
.woocommerce textarea {
  border: 1px solid #ced4da;
  border-radius: 0rem;
  background: #fff;
  width: 100%;
}
.woocommerce input[type=text]:focus,
.woocommerce input[type=email]:focus,
.woocommerce input[type=url]:focus,
.woocommerce input[type=password]:focus,
.woocommerce input[type=search]:focus,
.woocommerce input[type=number]:focus,
.woocommerce input[type=tel]:focus,
.woocommerce input[type=range]:focus,
.woocommerce input[type=date]:focus,
.woocommerce input[type=month]:focus,
.woocommerce input[type=week]:focus,
.woocommerce input[type=time]:focus,
.woocommerce input[type=datetime]:focus,
.woocommerce input[type=datetime-local]:focus,
.woocommerce input[type=color]:focus,
.woocommerce textarea:focus {
  border: 1px solid #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  background: #fff;
}
.woocommerce select {
  border: 1px solid #ced4da;
  border-radius: 0rem;
  padding: 5px 10px;
}
.woocommerce .select2-container--default .select2-selection--single {
  background: #fff;
  border: 1px solid #ced4da;
  border-radius: 0rem;
}
.woocommerce textarea {
  width: 100%;
}

.woocommerce-cart .cart-collaterals .cart_totals .discount td,
.woocommerce-checkout .cart-collaterals .cart_totals .discount td,
#add_payment_method .cart-collaterals .cart_totals .discount td {
  color: #2984ca;
}
.woocommerce-cart #payment,
.woocommerce-checkout #payment,
#add_payment_method #payment {
  border-radius: 0rem;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  text-align: center;
}

.woocommerce-Tabs-panel > h2:first-child,
.related.products > h2:first-child, .woocommerce-Reviews > #comments > h2:first-child {
  font-size: 1.25rem;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.tabs {
  border: none;
}

.woocommerce .col-1, .woocommerce .col-2 {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.woocommerce-input-wrapper {
  display: block;
  width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  float: left;
  width: 30%;
  padding-left: 0;
  margin-left: 0;
  list-style: none;
}

/*# sourceMappingURL=style.css.map */