@charset "UTF-8";
/*!
Theme Name: GravityWP - Framework
Theme URI: http://gravitywp.com/
Author: GravityWP
Author URI: https://profiles.wordpress.org/gravitywp
Description: GravityWP  Theme Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gravitywp-framework
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, accessibility-ready, theme-options, full-width-template
*/

/*--------------------------------------------------------------
* TABLE OF CONTENTS:
----------------------------------------------------------------
# Layout
# Alignments
# Clearings
# Widgets
# Infinite scroll
# Media
	## Captions
	## Galleries
# Header
	# Branding
	# Navigation
# Content
	## Posts and pages
	## Comments
# Sidebars
# Footer
# Media Queries
	## Max-width: 1024px
	## Max-width: 880px
# Print Styles
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.full-container {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}
.full-container .cell.single-cell {
    width: 100%;
}

/*--------------------------------------------------------------
# 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 {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
#secondary .widget select {
  max-width: 100%;
}
#secondary .widget > h2 {
  position: relative;
  font-size: 1.25rem;
  margin-bottom: 20px;
  /*padding: 0 30px 0 30px;*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#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;
}


/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Branding
--------------------------------------------------------------*/
#masthead {
	padding-bottom: 20px;
	padding-top: 20px;
	position: relative;
}
#masthead .site-branding .site-title {
	font-size: 1.5rem;
	line-height: 1;
	margin: 0;
	margin-bottom: 0.5rem;
}
#masthead .site-branding .site-title a {
	display: inline-block;
}
#masthead .site-branding .site-description {
	font-size: 0.666rem;
	line-height: 1;
	letter-spacing: 3px;
	margin-bottom: 0rem;
}
.fixed-header {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 9;
}
/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/
@keyframes gwp-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);
	}
}
.gwp-fadein-mobile {
	-webkit-animation: gwp-fadein 0.3s;
	animation: gwp-fadein 0.3s;
}

@keyframes gwp-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);
	}
}
/* Make sure navigation bar is centered when header type is set to 'Centered'. */
.main-navigation.align-center .gwp-menu {
    text-align: center;
    margin: 0 auto;
}
.main-navigation .gwp-menu-desktop.gwp-centered {
    margin-top: 15px;
}
.gwp-menu-desktop {
	display: block;
	text-align: right;
}
.gwp-menu-desktop span.gwp-menu-dot-mobile {
	display: none;
}
.gwp-menu-desktop a {
	display: block;
	-o-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}
.gwp-menu-desktop a.gwp-menu-dot-desktop:after {
	content: "\f347";
	float: right;
	font-family: dashicons;
	margin-left: 5px;
}
.gwp-menu-desktop .gwp-menu-button {
    display: none;
}
.gwp-menu-desktop span.gwp-menu-button-span {
	display: none;
}
.gwp-menu-desktop > ul > li.current-menu-item > a, .gwp-menu-desktop > div > ul > li.current-menu-item > a {
	background: rgba(0, 0, 0, 0.01);
}
.gwp-menu-desktop ul {
	padding: 0;
	margin: 0;
	list-style: none;
	background: transparent;
	display: block;
}
.gwp-menu-desktop ul > li {
	margin-right: -4px;
	display: inline-block;
	position: relative;
	height: 30px;
	color: #0a0a0a;
	font-size: 12px;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	font-weight: 400;
}
.gwp-menu-desktop ul > li > a {
	padding: 0;
	line-height: 29px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 1px;
	color: #0a0a0a;
	font-size: 12px;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	font-weight: 400;
}
.gwp-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;
}
.gwp-menu-desktop ul > li > ul {
	top: 100%;
}
.gwp-menu-desktop ul > li > ul li {
	margin-right: 0;
	position: relative;
	display: block;
	height: auto;
	color: #0a0a0a;
	font-size: 14px;
	text-shadow: none;
	font-weight: normal;
}
.gwp-menu-desktop ul > li > ul li a.gwp-menu-dot-desktop:after {
	content: " »";
	float: right;
}
.gwp-menu-desktop ul > li > ul li a {
	line-height: initial;
	padding: 7px 20px;
	color: #0a0a0a;
	font-size: 14px;
	text-shadow: none;
	font-weight: normal;
}
.gwp-menu-desktop ul > li > ul li a:visited {
	color: #0a0a0a;
}
.gwp-menu-desktop ul > li > ul li a:hover, .gwp-menu-desktop ul > li > ul li a:focus {
	color: #0a0a0a;
}
.gwp-menu-desktop ul > li > ul li:nth-child(even) a {
	background: rgba(0, 0, 0, 0.01);
}
.gwp-menu-desktop ul > li > ul li ul {
	top: 0;
	left: -999em;
}
.gwp-menu-desktop ul > li > ul li:hover > ul {
	left: 100%;
	-webkit-animation: gwp-fadein 0.3s;
	/* Safari, Chrome and Opera > 12.1 */
	-moz-animation: gwp-fadein 0.3s;
	/* Firefox < 16 */
	-o-animation: gwp-fadein 0.3s;
	/* Opera < 12.1 */
	animation: gwp-fadein 0.3s;
}
.gwp-menu-desktop ul > li:hover > ul {
	left: 0;
	-webkit-animation: gwp-fadein 0.3s;
	/* Safari, Chrome and Opera > 12.1 */
	-moz-animation: gwp-fadein 0.3s;
	/* Firefox < 16 */
	-o-animation: gwp-fadein 0.3s;
	/* Opera < 12.1 */
	animation: gwp-fadein 0.3s;
}
.gwp-menu-desktop.gwp-menu-desktop-vl {
	width: 100%;
	text-align: left;
}
.gwp-menu-desktop.gwp-menu-desktop-vl a.gwp-menu-dot-desktop:after {
	float: right;
}
.gwp-menu-desktop.gwp-menu-desktop-vl ul > li {
	margin-right: 0;
	display: block;
}
.gwp-menu-desktop.gwp-menu-desktop-vl ul > li > ul {
	text-align: left;
	left: -999em;
	top: 0;
}
.gwp-menu-desktop.gwp-menu-desktop-vl ul > li > ul a.gwp-menu-dot-desktop:after {
	content: " »";
	float: right;
}
.gwp-menu-desktop.gwp-menu-desktop-vl ul > li:hover > ul {
	left: 100%;
}
.gwp-menu-desktop.gwp-menu-desktop-vr {
	width: 100%;
	text-align: right;
}
.gwp-menu-desktop.gwp-menu-desktop-vr a.gwp-menu-dot-desktop:after {
	float: left;
}
.gwp-menu-desktop.gwp-menu-desktop-vr ul > li {
	margin-right: 0;
	display: block;
}
.gwp-menu-desktop.gwp-menu-desktop-vr ul > li > ul {
	text-align: right;
	left: -999em;
	top: 0;
}
.gwp-menu-desktop.gwp-menu-desktop-vr ul > li > ul a.gwp-menu-dot-desktop:after {
	content: " «";
	float: left;
}
.gwp-menu-desktop.gwp-menu-desktop-vr ul > li:hover > ul {
	left: unset;
	right: 100%;
}
.gwp-menu-mobile {
	position: absolute;
    right: 5px;
    top: 15px;
    background: transparent;
    display: block;
}
.gwp-menu-mobile a {
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
}
.gwp-menu-mobile.gwp-menu-mobile-active > ul, .gwp-menu-mobile.gwp-menu-mobile-active > div > ul {
	-webkit-animation: gwp-fadein-frame 0.5s;
	animation: gwp-fadein-frame 0.5s;
	left: 0;
}
.gwp-menu-desktop li.gwp-menu-button, .gwp-menu-button.gwp-menu-button-li, span.gwp-menu-button.gwp-menu-button-span{
	width: 30px;
	height: 30px;
	font-size: 32px;
	line-height: 30px;
	font-family: dashicons;
	text-decoration: inherit;
	font-weight: 400;
	font-style: normal;
	vertical-align: top;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	cursor: pointer;
	position: relative;
	top: 1px;
}
.gwp-menu-desktop li.gwp-menu-button:after, span.gwp-menu-button.gwp-menu-button-span:after {
    content: "\f333";
}
.gwp-menu-button.gwp-menu-button-li {
    background: transparent!important;
}
.gwp-menu-button.gwp-menu-button-li:after {
    content: "\f335";
}
.gwp-menu-desktop li.gwp-menu-button a {
    padding: 0px;
}
.gwp-menu-mobile .gwp-menu-button-li {
    position: absolute;
    top: 10px;
    width: auto;
    text-align: center;
    background: transparent!important;
    right: 10px;
}
.gwp-menu-mobile .gwp-menu-button-li a {
	width: unset;
	line-height: 56px;
	max-height: 56px;
	font-size: 40px;
	padding-top: 0;
	padding-bottom: 0;
	font-weight: bold;
}
.gwp-menu-mobile ul {
	padding: 0;
	margin: 0;
}
.gwp-menu-mobile > ul, .gwp-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;
}
.gwp-menu-mobile .gwp-mobile-ul-show {
	left: 0;
	max-height: 8888px;
}
.gwp-menu-mobile .gwp-mobile-ul-hide {
	left: -9999px;
	max-height: 0;
}
.gwp-menu-mobile a {
	display: block;
	padding: 20px 20px;
	width: calc(100% - 20px * 2);
	color: #0a0a0a;
	font-size: 14px;
}
.gwp-menu-mobile a:visited {
	color: #0a0a0a;
}
.gwp-menu-mobile a:hover, .gwp-menu-mobile a:focus {
	color: #0a0a0a;
}
.gwp-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;
}
.gwp-menu-mobile ul li {
	position: relative;
	display: block;
	color: #0a0a0a;
}
.gwp-menu-mobile ul li span.gwp-menu-dot-mobile {
	position: absolute;
	background: white;
	color: #0a0a0a;
	z-index: 1;
	right: 0;
	top: 0;
	content: "+";
	display: block;
	text-align: center;
	width: 70px;
	cursor: pointer;
}
.gwp-menu-mobile ul li:nth-child(even) {
	background: rgba(0, 0, 0, 0.01);
}

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

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

.gwpt-menu-bg-black-active {
	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 3em;
}
.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;
}

/*--------------------------------------------------------------
# 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: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
#page {
    padding-top: 30px;
    padding-bottom: 30px;
}
#content #primary #main article .entry-header {
  padding-bottom: 10px;
}
#content #primary #main article .entry-header .entry-title {
  margin-top: 0;
  word-wrap: break-word;
  font-size: 26px;
}
#content #primary #main article .entry-header .entry-meta {
  font-size: 11px;
  letter-spacing: 2px;
}
#content #primary #main article .entry-header .entry-meta .posted-on, #content #primary #main article .entry-header .entry-meta .byline {
  padding-right: 10px;
}
#content #primary #main article .entry-header .entry-meta .posted-on:before {
  /*content: "\f469";*/
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 1em;
}
#content #primary #main article .entry-header .entry-meta .byline:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 0.9em;
}
#content #primary #main article .post-thumbnail {
  display: block;
  margin-top: 20px;
}
#content #primary #main article .entry-footer {
  font-size: 11px;
  letter-spacing: 2px;
  padding-top: 20px;
}
#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 {
  padding-right: 10px;
}
#content #primary #main 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: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 0.9em;
}
#content #primary #main 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: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 1em;
}
#content #primary #main article > *:last-child {
  /*border-radius: 0 0 5px 5px;*/
}
#content #primary #main .page-header {
  margin-bottom: 30px;
}
#content #primary #main .page-header .page-title {
  word-wrap: break-word;
  font-size: 26px;
  margin-top: 0;
}
#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;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comments-area .comments-title {
  word-wrap: break-word;
  font-size: 24px;
}
.comments-area .comment-list {
  list-style: none;
  margin-left: 50px;
  padding-left: 0;
}
.comments-area .comment-list .comment-body {
  padding: 20px;
  margin-bottom: 0 !important;
}
.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;
  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;
  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;
}
.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: 50%;
}

/*--------------------------------------------------------------
## Main and Fix some CSS
--------------------------------------------------------------*/
body {
  background: transparent;
}
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='file'], input[type='checkbox'], input[type='radio'] {
    margin: 0 0 0rem;
}

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;
}

.gwp-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;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

table thead,
table tbody,
table tfoot {
  border: none;
  background-color: rgba(0, 0, 0, 0.01);
}

table thead {
  background: rgba(0, 0, 0, 0.02);
  color: inherit;
}

table tfoot {
  background: rgba(0, 0, 0, 0.03);
  color: inherit;
}

table tbody tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.03);
}

table.unstriped tbody {
  background-color: rgba(0, 0, 0, 0.01);
}

table.unstriped tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
  background-color: rgba(0, 0, 0, 0.01);
}

table.hover thead tr:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

table.hover tfoot tr:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

table.hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.005);
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: rgba(0, 0, 0, 0.1);
}

p {
  margin-bottom: 1.5em;
}

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 {
  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%;
}

/*--------------------------------------------------------------
# Sidebars
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#colophon {
    padding-top: 20px;
    padding-bottom: 20px;
}
#colophon .site-info {
  text-align: center;
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media only screen and (max-width: 1023px) {

}

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

}

/*--------------------------------------------------------------
# Print Styles
--------------------------------------------------------------*/
@media print {


}