/*******************************************************************************************************************

	Theme Name: Agency - WooCommerce
	Theme URI: https://organicthemes.com/theme/agency/
	Description: A WooCommerce theme for selling services and products. Created by Organic Themes.
	Author: Organic Themes
	Author URI: https://organicthemes.com
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Version: 1.3.2
	Text Domain: organic-agency
	Domain Path: /languages/
	Tags: accessibility-ready, blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, custom-logo, featured-images, featured-image-header, flexible-header, full-width-template, translation-ready, sticky-post, threaded-comments, editor-style, theme-options, footer-widgets

	The CSS, XHTML and Design are released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php

********************************************************************************************************************

	Table of Contents:

	 0. Global
	 1. Hyperlinks
	 2. Headings
	 3. Header
	 4. Navigation
	 5. Content
	 6. Page Templates
	 7. Portfolio & Testimonials
	 8. Social Media
	 9. Pagination
	10. Images
	12. Wordpress Gallery
	13. Sidebar
	14. Widgets
	15. RSS Widget
	16. Calendar Widget
	17. Custom Menu Widget
	18. Search Form
	19. Footer
	20. Comments
	21. Buttons
	22. Tables
	23. Forms
	24. CSS3 Styles
	25. Jetpack
	26. Screen Reader
	27. Gutenberg Blocks
	28. bbPress

*******************************************************************************************************************/

/* Micro Clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after { content: ''; display: table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }

body {
	background-color: #ffffff;
	color: #666666;
	color: rgba(0, 0, 0, 0.7);
	font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.65;
	margin: 0px;
	padding: 0px;
}
body#tinymce {
	background-color: #ffffff;
	box-sizing: border-box;
	padding: 12px 24px !important;
}

/************************************************
0.	Global
************************************************/

p {
	word-wrap: break-word;
	margin: 32px 0px;
	padding: 0px;
}
p:empty {
	display: none;
}
dfn, cite, em, i {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}
big {
	font-size: 140%;
}
small {
	font-size: 60%;
}
s {
	text-decoration: line-through;
}
mark {
	background: #ff0;
	color: #000;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
div {
	display: block;
}
span {
	display: inline;
}
hr {
	border: 0;
	height: 2px;
	color: #cccccc;
	background-color: #cccccc;
	margin: 36px auto;
	padding: 0px;
}
ol, ul {
	list-style: none;
	margin: 32px 0px;
	padding: 0px 0px 0px 12px;
}
ol li {
	list-style: inside;
	list-style-type: decimal;
	margin: 6px 0px;
	padding: 0px 0px 0px 12px;
}
ul li {
	list-style: inside;
	list-style-type: disc;
	margin: 6px 0px;
	padding: 0px 0px 0px 12px;
}
ul ol li, ul ol ul ol li {
	list-style-type: decimal;
}
ol ul li, ol ul ol ul li {
	list-style-type: square;
}
blockquote,
.wp-block-quote,
.wp-block-quote.is-style-large {
	margin: 32px 0px;
	padding: 12px 18px;
	border-left: 2px solid #dddddd;
}
blockquote p,
.wp-block-quote p,
.wp-block-pullquote blockquote p {
	font-size: 1.4rem;
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
}
code, pre, .wp-block-code {
	color: #666666;
	font-family: Courier, sans-serif;
	line-height: 1.4;
	margin: 32px 0px;
	padding: 12px;
	border: 2px solid rgba(0, 0, 0, 0.24);
	box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	border-radius: 3px;
}
code {
	display: inline;
	white-space: normal;
}
pre {
	display: block;
	white-space: pre-line;
}
pre code {
	padding: 0px;
	border: none;
	box-shadow: none;
}
img {
	-ms-interpolation-mode: bicubic;
	height: auto;
}
img, object, embed, iframe {
	max-width: 100%;
	margin: 0px auto 0px;
}
:focus {
	outline: none;
}
.clear {
	clear: both;
}
.hidden {
	display: none;
}
.hide-text {
	position: absolute;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-white, .text-white p, .text-white h1,
.text-white h2, .text-white h3, .text-white h4,
.text-white h5, .text-white h6, .text-white blockquote {
	color: #ffffff;
}
.align-center {
	float: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.align-left {
	float: left;
}
.align-right {
	float: right;
}
.vertical-center {
	top: 50%;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.horizontal-center {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 7;
}
.absolute-center {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 7;
}

/************************************************
1.	Hyperlinks
************************************************/

a img {
	border: none;
}
a {
	color: #ab1c3d;
	text-decoration: underline;
	word-wrap: break-word;
}
a:hover {
	color: #ff3b67;
}

/************************************************
2.	Headings
************************************************/

h1, h2, h3, h4, h5, h6 {
	color: #000000;
	line-height: 1.1;
	word-wrap: break-word;
	font-weight: 400;
	margin: 12px 0px;
	padding: 0px;
}
h1 {
	font-size: 3.8rem;
}
h2 {
	font-size: 3.2rem;
}
h3 {
	font-size: 2.8rem;
}
h4 {
	font-size: 2.4rem;
}
h5 {
	font-size: 1.6rem;
}
h6 {
	font-size: 1.2rem;
	letter-spacing: 2px;
	text-transform: uppercase;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #000000;
	text-decoration: none;
	border: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #ff3b67;
	text-decoration: none;
	border: none;
}

/************************************************
3.	Header
************************************************/

#header {
	line-height: 0;
	margin: 0px;
	position: relative;
	z-index: 9;
}
#nav-bar {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background-color: #ffffff;
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 99;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	opacity: 1;
	transition: all .5s;
	transition-delay: .5s;
}
.no-js #nav-bar {
	opacity: 0;
}
#nav-bar .site-logo,
#navigation-left,
#navigation-right {
	display: flex;
	align-items: center;
	justify-content: center;
}
#custom-header {
	display: flex;
	align-items: center;
	position: relative;
	min-height: 360px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#custom-header::after,
.banner::after {
	content: '';
	position: absolute;
	bottom: 0;
	background-color: #ffffff;
	width: 100%;
	height: 20%;
	margin-bottom: -1px;
	clip-path: polygon(100% 50%, 100% 100%, 0 100%, 0 80%);
	z-index: 7;
}
#custom-header::before,
.banner::before {
	content: '';
	position: absolute;
	bottom: 0;
	background-color: #ffffff;
	width: 100%;
	height: 30%;
	margin-top: -1px;
	clip-path: polygon(100% 50%, 100% 100%, 0 100%, 0 90%);
	opacity: 0.4;
	z-index: 6;
}
.wp-custom-header {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0; left: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	transition: all 1s;
	transition-delay: .5s;
	z-index: 1;
}
.no-js .wp-custom-header {
	background-size: 110%;
}
.wp-custom-header img {
	line-height: 0;
	margin-left: -999em;
}
.wp-custom-header iframe {
	width: 100%;
}
.wp-custom-header-video-button {
	display: none;
}
.site-logo {
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: flex-start;
	margin: 0px;
	padding: 0px;
}
.custom-logo {
	width: auto;
	max-height: 120px;
}
.custom-logo-link {
	display: block;
	line-height: 0;
	margin: 0px;
	padding: 18px;
}
.site-title {
	display: inline-block;
	align-self: center;
	width: 100%;
	font-size: 2.8rem;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: 0px;
	text-align: center;
	margin: 0px;
	padding: 32px 18px;
	word-wrap: break-word;
}
.site-title a,
.site-title a:link,
.site-title a:visited {
	display: inline-block;
	color: #000000;
	text-decoration: none;
}
.site-title a:hover,
.site-title a:focus,
.site-title a:active {
	text-decoration: underline;
}
#masthead {
	display: block;
	position: relative;
	width: 100%;
	z-index: 8;
}
#masthead .site-description {
	display: block;
	color: #ffffff;
	font-size: 4.8rem;
	font-weight: 400;
	text-align: left;
	line-height: 1.1;
	margin: 0px auto 0px;
	padding: 0px;
}
#masthead .archive-description {
	line-height: 1.4;
	margin: 0px auto;
	padding: 0px;
	box-sizing: border-box;
}
#masthead .archive-description p {
	color: #ffffff;
	margin: 12px 0px;
}

/************************************************
4.	Navigation
************************************************/

#navigation-left,
#navigation-right {
	flex-basis: 50%;
	align-self: center;
	color: #666666;
	color: rgba(0, 0, 0, 0.6);
	font-size: 1.2rem;
	font-weight: 400;
	text-align: center;
	padding: 0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	z-index: 9;
}
#navigation-right {
	justify-content: flex-start;
}
#navigation-left .menu {
	margin-right: 0px;
}
#navigation-right .menu {
	margin: 0px;
}

/* Mobile Setup */
#side-menu,
#menu-toggle,
#navigation-mobile,
#nav-mobile-controls,
.icon-menu-close {
	display: none;
}

/*** ESSENTIAL STYLES ***/
.menu, .menu * {
	display: table;
	margin:	0 auto 0;
	padding: 0;
	list-style:	none;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
ul.menu {
	float: left;
	line-height: 1;
}
ul.menu ul,
div.menu ul ul {
	position: absolute;
	top: -9999px;
	left: -9999px;
	width: 240px; /* left offset of submenus need to match (see below) */
	margin: 0px;
	padding: 0px;
	opacity: 0;
	transition: opacity .15s ease-in-out;
}
ul.menu ul li,
div.menu ul ul li {
	width: 100%;
	margin: 0px;
}
.menu li {
	float: left;
	display: inline-block;
	position: relative;
	max-width: 240px;
}
.menu li li {
	display: block;
	position: relative;
}
.menu a {
	display: inline-block;
	position: relative;
}
.menu li:hover ul,
.menu li[aria-expanded="true"] ul {
	left: 50%;
	margin-left: -120px;
	top: 100%; /* match top ul list item height */
	z-index: 99;
	opacity: 1;
}
ul.menu li:hover li ul,
div.menu ul li:hover li ul,
ul.menu li:hover li li ul,
div.menu ul li:hover li li ul {
	top: -9999px;
	opacity: 0;
}
ul.menu li li:hover ul,
ul.menu li li[aria-expanded="true"] ul,
ul.menu li li li:hover ul,
ul.menu li li li[aria-expanded="true"] ul {
	left: 240px; /* match ul width */
	margin-left: 0px;
	top: 0;
	opacity: 1;
}

/*** SKIN ***/
.menu {
	padding: 0px 12px;
}
.menu span {
	display: inline;
}
.menu ul.sub-menu,
.menu ul.children {
	background-color: #ffffff;
	padding: 0px;
	border-radius: 2px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);
	transition-delay: .2s;
}
.menu ul.sub-menu ul.sub-menu,
.menu ul.children ul.children {
	transition-delay: 0s;
}
.menu a,
.menu a:link,
.menu a:visited {
	color: #000000;
	background: none;
	line-height: 18px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	margin: 4px 18px 0px 18px;
	padding: 6px 0px;
	border-bottom: 4px solid rgba(0, 0, 0, 0.0);
}
.menu a:focus,
.menu a:hover,
.menu a:active {
	color: #000000;
	outline: 0;
	border-bottom: 4px solid #000000;
}
.menu li {
	margin: 0px;
}
.menu li li,
.menu li li li {
	background: none;
	margin: 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.menu li li:first-child,
.menu li li li:first-child {
	border-top: none;
}
.menu li li a,
.menu li li a:link,
.menu li li a:visited {
	color: #666666 !important;
	display: block;
	width: auto;
	background: none;
	font-size: 1rem;
	text-transform: none;
	text-align: center;
	line-height: 1.4;
	margin: 0px;
	padding: 12px;
	border-bottom: none;
	border-radius: 0px;
}
.menu li li a:focus,
.menu li li a:hover,
.menu li li a:active {
	background: #000000;
	color: #ffffff !important;
	outline: 0;
	border-radius: 0px;
}
.menu li li:first-child li a:focus,
.menu li li:first-child li a:hover,
.menu li li:first-child li a:active {
	border-radius: 0px;
}
.menu li li:first-child a:hover,
.menu li li li:first-child a:hover{
	border-radius: 2px 2px 0px 0px;
}
.menu li li:last-child a:hover,
.menu li li li:last-child a:hover {
	border-radius: 0px 0px 2px 2px;
}

/*** ARROWS **/
.menu li.menu-item-has-children > a::after {
	font-family: 'FontAwesome';
	content: '\f107';
	margin-left: 6px;
}
.menu li li.menu-item-has-children > a::after {
	position: absolute;
	content: '\f105';
	right: 12px;
}

/************************************************
5. Content
************************************************/

.site {
	position: relative;
	margin: 18px auto;
	max-width: 1600px;
	border-radius: 3px;
	box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.24);
	overflow: hidden;
}
.content {
	position: relative;
	width: 100%;
	margin: 0px auto;
	padding: 0px 48px 48px 48px;
	box-sizing: border-box;
}
.home.page .content {
	padding-bottom: 0px;
}
.content:before, .content:after,
.blog-holder:before, .blog-holder:after,
.archive-holder:before, .archive-holder:after {
	content: "";
	display: table;
}
.content:after,
.blog-holder:after,
.archive-holder:after {
	clear: both;
}
.blog-holder,
.archive-holder {
	position: relative;
	margin: 32px 0px;
}
.entry-header,
.entry-content,
.comments-wrapper {
	display: block;
	position: relative;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}
.entry-header {
	margin-bottom: 36px;
}
.entry-title {
	max-width: 980px;
	margin: 48px auto;
}
.full-width .entry-content {
	max-width: none;
}
.blog-holder .entry-content,
.archive-holder .entry-content {
	font-size: 120%;
}
.post-meta {
	display: block;
	width: 100%;
	text-align: center;
	margin: 24px 0px;
	padding: 0px;
	overflow: hidden;
}
.blog-holder .post-meta::after,
.archive-holder .post-meta::after {
	display: inline-block;
	width: 100%;
	content: '.  .  .';
	color: rgba(0, 0, 0, 0.4);
	font-size: 48px;
	letter-spacing: 4px;
	text-align: center;
	margin: 0px auto;
}
.post-meta a {
	color: inherit;
	font-weight: 400;
}
.post-date p,
.post-author p,
.post-taxonomy p,
.post-comment-link p {
	font-size: 80%;
	margin: 4px 0px;
	padding: 0px;
}
.post-meta i {
	margin-right: 4px;
}
.author-info {
	display: block;
	overflow: hidden;
	margin-bottom: 24px;
}
.author-info::before {
	content: '';
	display: block;
	width: 80px;
	margin-bottom: 24px;
	border-top: 2px solid rgba(0, 0, 0, 0.12);
}
.author-info .author-avatar {
	float: left;
	margin-right: 12px;
}
.author-info .posted-by,
.author-info .author-name {
	margin: 0px;
}
.post-edit-link {
	display: block;
	margin: 24px 0px;
}
.blog-holder .post-edit-link,
.archive-holder .post-edit-link {
	font-size: 90%;
	margin: 8px 0px;
}
.post-navigation {
	display: block;
	margin-bottom: 36px;
	overflow: hidden;
}
.post-navigation a {
	font-size: 120%;
}
.previous-post {
	float: left;
}
.next-post {
	float: right;
}
.page-links {
	display: block;
	overflow: hidden;
	margin: 12px 0px;
}
.page-links .link-label {
	color: #000000;
	font-weight: bold;
	margin-left: 0px;
}
.page-links span {
	margin: 0px 3px;
}
.wp-audio-shortcode,
.wp-playlist.wp-audio-playlist {
	margin-top: 24px;
	margin-bottom: 24px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
	border-radius: 2px;
}
.sticky,
.bypostauthor {
	position: relative;
}
.no-results {
	margin-top: 32px;
	margin-bottom: 32px;
	overflow: hidden;
}

/************************************************
6. Page Templates
************************************************/

body.agency-landing-page {
	position: inherit;
}
.agency-landing-page #header,
.agency-landing-page .footer {
	display: none;
}
.landing-page {
	display: block;
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0px;
	padding: 0px;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.admin-bar .landing-page {
	height: calc( 100vh - 32px );
}
.landing-page .site-title,
.landing-page .custom-logo-link {
	display: block;
	max-width: none;
	text-align: center;
	margin: 0px auto 24px;
	padding: 0px;
}
.landing-page .site-description {
	color: #000000;
	font-size: 1.4rem;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0px;
	padding: 0px;
	margin: 0px;
}
.landing-page .content {
	background-color: #ffffff;
	max-width: 720px;
	min-width: 280px;
	padding: 24px 36px;
}
.landing-page .entry-content {
	text-align: center;
	margin: 18px auto 0px;
	padding-top: 12px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.landing-page .entry-content p {
	margin: 12px 0px;
}
.author .author-avatar {
	float: left;
	display: inline-block;
	line-height: 0;
	margin-right: 18px;
	border-radius: 2px;
	border: 6px solid #ffffff;
	overflow: hidden;
}
.author .entry-content {
	margin-top: 36px;
	margin-bottom: 36px;
}
.author h1 {
	margin-top: 12px;
}
.author .author-posts {
	margin: 0px;;
	padding: 0px;
}
.author .author-posts li {
	margin: 0px;
	padding: 6px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

/************************************************
7. Portfolio & Testimonials
************************************************/

.single-testimonial .banner-img {
	max-width: 420px;
	margin: 48px auto 0px;
	border-radius: 50%;
}
.single-portfolio .entry-title {
	text-align: center;
}
.portfolio .flex-row {
	flex-wrap: wrap;
	justify-content: center;
	width: calc(100% + 24px);
	margin-left: -12px;
}
.portfolio-holder {
	flex-basis: 25%;
	min-width: 320px;
	margin: 0px;
}
.portfolio-holder .entry-content {
	margin: 12px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
}
.portfolio .portfolio-holder .featured-img {
	margin: 0px;
}
.testimonial .testimonial-holder .featured-img {
	max-width: 180px;
	margin: 0px auto;
	border-radius: 50%;
}
.portfolio-holder .information,
.testimonial-holder .information {
	padding: 18px 24px;
	box-sizing: border-box;
}
.portfolio-holder .information h4,
.testimonial-holder .information h6 {
	text-align: center;
}
.testimonial-holder .information h6 cite::before {
	content: '— ';
}
.testimonial-holder .information p {
	font-size: 110%;
	padding: 8px 0px;
}
.testimonial-holder .information p::after {
	content: '”';
	font-size: 120%;
}
.testimonial-holder .information p::before {
	content: '“';
	font-size: 120%;
}
.portfolio-holder .information p {
	padding-top: 0px;
}
.testimonial-holder a.more-link,
.testimonial-holder a.more-link:link,
.testimonial-holder a.more-link:visited {
	display: none;
}
.portfolio-holder a.more-link,
.portfolio-holder a.more-link:link,
.portfolio-holder a.more-link:visited {
	display: block;
	text-align: center;
}
.portfolio-nav a {
	display: block;
	background-color: #ffffff;
	font-size: 16px;
	line-height: 30px;
	height: 32px;
	width: 32px;
	text-decoration: none;
	margin-top: -16px;
	opacity: 1;
	position: absolute;
	top: 50%;
	cursor: pointer;
	overflow: visible;
	border-radius: 2px;
}
.portfolio-nav a i {
	color: #999999;
	color: rgba(0, 0, 0, 0.4);
}
.portfolio-nav a:hover i {
	color: #000000;
}
.portfolio-nav .previous-post a {
	left: 24px;
}
.portfolio-nav .next-post a {
	right: 24px;
}
.portfolio-nav .next-post a,
.portfolio-nav .previous-post a {
	display: flex;
	align-items: center;
	justify-content: center;
}

/************************************************
8. Social Media
************************************************/

.social-icons {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.social-icons li {
	display: inline-block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.social-icons li a {
	display: block;
	background: #eeeeee;
	background: rgba(0, 0, 0, 0.06);
	color: #666666;
	color: rgba(0, 0, 0, 0.4);
	text-align: center;
	text-decoration: none;
	line-height: 36px;
	min-width: 36px;
	margin: 2px;
	padding: 0px;
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, 0.08);
}
.social-icons li a:hover {
	background: #444444;
	background: rgba(0, 0, 0, 0.8);
	color: #ffffff;
}
.social-icons li a::before {
	font-family: 'FontAwesome';
	font-size: 16px;
	font-weight: normal;
	content: '\f0c1';
}
.social-icons li a span {
	display: none;
}
.social-icons li a[href*="bandcamp.com"]::before      { content: '\f2d5'; }
.social-icons li a[href*="soundcloud.com"]::before    { content: '\f1be'; }
.social-icons li a[href*="reddit.com"]::before        { content: '\f281'; }
.social-icons li a[href*="twitch.tv"]::before         { content: '\f1e8'; }
.social-icons li a[href*="snapchat.com"]::before      { content: '\f2ac'; }
.social-icons li a[href*="medium.com"]::before        { content: '\f23a'; }
.social-icons li a[href*="tumblr.com"]::before        { content: '\f173'; }
.social-icons li a[href*="apple.com"]::before         { content: '\f179'; }
.social-icons li a[href*="etsy.com"]::before          { content: '\f2d7'; }
.social-icons li a[href*="facebook.com"]::before      { content: '\f09a'; }
.social-icons li a[href*="twitter.com"]::before       { content: '\f099'; }
.social-icons li a[href*="plus.google.com"]::before   { content: '\f0d5'; }
.social-icons li a[href*="linkedin.com"]::before      { content: '\f0e1'; }
.social-icons li a[href*="github.com"]::before        { content: '\f113'; }
.social-icons li a[href*="dribbble.com"]::before      { content: '\f17d'; }
.social-icons li a[href*="foursquare.com"]::before    { content: '\f180'; }
.social-icons li a[href*="pinterest.com"]::before     { content: '\f0d2'; }
.social-icons li a[href*="wordpress.com"]::before     { content: '\f19a'; }
.social-icons li a[href*="youtube.com"]::before       { content: '\f16a'; }
.social-icons li a[href*="vine.co"]::before           { content: '\f1ca'; }
.social-icons li a[href*="instagram.com"]::before     { content: '\f16d'; }
.social-icons li a[href*="stackexchange.com"]::before { content: '\f18d'; }
.social-icons li a[href*="spotify.com"]::before       { content: '\f1bc'; }
.social-icons li a[href*="amazon.com"]::before        { content: '\f270'; }
.social-icons li a[href*="flickr.com"]::before        { content: '\f16e'; }
.social-icons li a[href*="vimeo.com"]::before         { content: '\f27d'; }
.social-icons li a[href*="yelp.com"]::before          { content: '\f1e9'; }
.social-icons li a[href*="imdb.com"]::before          { content: '\f2d8'; }
.social-icons li a[href*="mailto:"]::before           { content: '\f0e0'; }
.social-icons li a[href$="/feed/"]::before            { content: '\f09e'; }

.menu li a[href*="bandcamp.com"]::before      { font-family: 'FontAwesome'; content: '\f2d5'; }
.menu li a[href*="soundcloud.com"]::before    { font-family: 'FontAwesome'; content: '\f1be'; }
.menu li a[href*="reddit.com"]::before        { font-family: 'FontAwesome'; content: '\f281'; }
.menu li a[href*="twitch.tv"]::before         { font-family: 'FontAwesome'; content: '\f1e8'; }
.menu li a[href*="snapchat.com"]::before      { font-family: 'FontAwesome'; content: '\f2ac'; }
.menu li a[href*="medium.com"]::before        { font-family: 'FontAwesome'; content: '\f23a'; }
.menu li a[href*="tumblr.com"]::before        { font-family: 'FontAwesome'; content: '\f173'; }
.menu li a[href*="apple.com"]::before         { font-family: 'FontAwesome'; content: '\f179'; }
.menu li a[href*="etsy.com"]::before          { font-family: 'FontAwesome'; content: '\f2d7'; }
.menu li a[href*="facebook.com"]::before      { font-family: 'FontAwesome'; content: '\f09a'; }
.menu li a[href*="twitter.com"]::before       { font-family: 'FontAwesome'; content: '\f099'; }
.menu li a[href*="plus.google.com"]::before   { font-family: 'FontAwesome'; content: '\f0d5'; }
.menu li a[href*="linkedin.com"]::before      { font-family: 'FontAwesome'; content: '\f0e1'; }
.menu li a[href*="github.com"]::before        { font-family: 'FontAwesome'; content: '\f113'; }
.menu li a[href*="dribbble.com"]::before      { font-family: 'FontAwesome'; content: '\f17d'; }
.menu li a[href*="foursquare.com"]::before    { font-family: 'FontAwesome'; content: '\f180'; }
.menu li a[href*="pinterest.com"]::before     { font-family: 'FontAwesome'; content: '\f0d2'; }
.menu li a[href*="wordpress.com"]::before     { font-family: 'FontAwesome'; content: '\f19a'; }
.menu li a[href*="youtube.com"]::before       { font-family: 'FontAwesome'; content: '\f16a'; }
.menu li a[href*="vine.co"]::before           { font-family: 'FontAwesome'; content: '\f1ca'; }
.menu li a[href*="instagram.com"]::before     { font-family: 'FontAwesome'; content: '\f16d'; }
.menu li a[href*="stackexchange.com"]::before { font-family: 'FontAwesome'; content: '\f18d'; }
.menu li a[href*="spotify.com"]::before       { font-family: 'FontAwesome'; content: '\f1bc'; }
.menu li a[href*="amazon.com"]::before        { font-family: 'FontAwesome'; content: '\f270'; }
.menu li a[href*="flickr.com"]::before        { font-family: 'FontAwesome'; content: '\f16e'; }
.menu li a[href*="vimeo.com"]::before         { font-family: 'FontAwesome'; content: '\f27d'; }
.menu li a[href*="yelp.com"]::before          { font-family: 'FontAwesome'; content: '\f1e9'; }
.menu li a[href*="mailto:"]::before           { font-family: 'FontAwesome'; content: '\f0e0'; }
.menu li a[href$="/feed/"]::before            { font-family: 'FontAwesome'; content: '\f09e'; }

.menu li a[href*="twitch.tv"], .menu li a[href*="reddit.com"],
.menu li a[href*="snapchat.com"], .menu li a[href*="medium.com"],
.menu li a[href*="tumblr.com"], .menu li a[href*="apple.com"],
.menu li a[href*="facebook.com"], .menu li a[href*="twitter.com"],
.menu li a[href*="plus.google.com"], .menu li a[href*="linkedin.com"],
.menu li a[href*="github.com"], .menu li a[href*="dribbble.com"],
.menu li a[href*="foursquare.com"], .menu li a[href*="pinterest.com"],
.menu li a[href*="wordpress.com"], .menu li a[href*="youtube.com"],
.menu li a[href*="vine.co"], .menu li a[href*="instagram.com"],
.menu li a[href*="stackexchange.com"], .menu li a[href*="spotify.com"],
.menu li a[href*="amazon.com"], .menu li a[href*="flickr.com"],
.menu li a[href*="vimeo.com"], .menu li a[href*="yelp.com"],
.menu li a[href*="mailto:"], .menu li a[href$="/feed/"],
.menu li a[href*="soundcloud.com"], .menu li a[href*="bandcamp.com"],
.menu li a[href*="etsy.com"] {
	background: #ffffff;
	color: #000000 !important;
	font-size: 18px;
	min-width: 42px;
	line-height: 42px;
	text-align: center;
	margin-top: -2px;
	margin-left: 8px;
	margin-right: 8px;
	padding: 0px;
	border-radius: 50%;
	border: none;
}
.menu li a[href*="twitch.tv"] span, .menu li a[href*="reddit.com"] span,
.menu li a[href*="snapchat.com"] span, .menu li a[href*="medium.com"] span,
.menu li a[href*="tumblr.com"] span, .menu li a[href*="apple.com"] span,
.menu li a[href*="facebook.com"] span, .menu li a[href*="twitter.com"] span,
.menu li a[href*="plus.google.com"] span, .menu li a[href*="linkedin.com"] span,
.menu li a[href*="github.com"] span, .menu li a[href*="dribbble.com"] span,
.menu li a[href*="foursquare.com"] span, .menu li a[href*="pinterest.com"] span,
.menu li a[href*="wordpress.com"], .menu li a[href*="youtube.com"] span,
.menu li a[href*="vine.co"] span, .menu li a[href*="instagram.com"] span,
.menu li a[href*="stackexchange.com"] span, .menu li a[href*="spotify.com"] span,
.menu li a[href*="amazon.com"] span, .menu li a[href*="flickr.com"] span,
.menu li a[href*="vimeo.com"] span, .menu li a[href*="yelp.com"] span,
.menu li a[href*="mailto:"] span, .menu li a[href$="/feed/"] span,
.menu li a[href*="soundcloud.com"] span, .menu li a[href*="bandcamp.com"] span,
.menu li a[href*="etsy.com"] span {
	display: none;
}
.menu li a[href*="twitter.com"]:hover, .menu li a[href*="facebook.com"]:hover,
.menu li a[href*="plus.google.com"]:hover, .menu li a[href*="linkedin.com"]:hover,
.menu li a[href*="pinterest.com"]:hover, .menu li a[href*="youtube.com"]:hover,
.menu li a[href*="instagram.com"]:hover, .menu li a[href*="dribbble.com"]:hover,
.menu li a[href*="foursquare.com"]:hover, .menu li a[href*="yelp.com"]:hover,
.menu li a[href*="etsy.com"]:hover, .menu li a[href*="reddit.com"]:hover {
	color: #ffffff !important;
}
.menu li a[href*="twitter.com"]:hover,
.social-icons li a[href*="twitter.com"]:hover	{
	background: #00aced;
}
.menu li a[href*="facebook.com"]:hover,
.social-icons li a[href*="facebook.com"]:hover	{
	background: #3b5998;
}
.menu li a[href*="plus.google.com"]:hover,
.social-icons li a[href*="plus.google.com"]:hover {
	background: #dd4b39;
}
.menu li a[href*="linkedin.com"]:hover,
.social-icons li a[href*="linkedin.com"]:hover {
	background: #007bb6;
}
.menu li a[href*="pinterest.com"]:hover,
.social-icons li a[href*="pinterest.com"]:hover	{
	background: #cb2027;
}
.menu li a[href*="youtube.com"]:hover,
.social-icons li a[href*="youtube.com"]:hover	{
	background: #bb0000;
}
.menu li a[href*="instagram.com"]:hover,
.social-icons li a[href*="instagram.com"]:hover	{
	background: #517fa4;
}
.menu li a[href*="dribbble.com"]:hover,
.social-icons li a[href*="dribbble.com"]:hover {
	background: #ea4c89;
}
.menu li a[href*="foursquare.com"]:hover,
.social-icons li a[href*="foursquare.com"]:hover {
	background: #0072b1;
}
.menu li a[href*="yelp.com"]:hover,
.social-icons li a[href*="yelp.com"]:hover {
	background: #d32323;
}
.menu li a[href*="etsy.com"]:hover,
.social-icons li a[href*="etsy.com"]:hover {
	background: #d5641c;
}
.menu li a[href*="reddit.com"]:hover,
.social-icons li a[href*="reddit.com"]:hover {
	background: #ff4500;
}

/************************************************
9. Pagination
************************************************/

.pagination {
	display: block;
	width: 100%;
	font-weight: bold;
	text-align: center;
	line-height: 36px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0px auto;
	padding: 0px;
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.12);
	overflow: hidden;
	z-index: 7;
}
.pagination .page-numbers {
	float: left;
	background: #ffffff;
	color: #666666;
	min-height: 36px;
	min-width: 36px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #dddddd;
	border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.pagination .page-numbers:first-child {
	border-left: none;
}
.pagination .page-numbers:hover,
.pagination .page-numbers:active,
.pagination .page-numbers.current {
	background: #eeeeee;
	min-height: 36px;
	min-width: 36px;
	line-height: 36px;
	padding: 0px;
}

/************************************************
10. Images
************************************************/

.featured-img {
	display: block;
	text-align: center;
	line-height: 0;
	margin: 0px auto 0px;
	overflow: hidden;
}
.blog-holder .featured-img,
.archive-holder .featured-img {
	max-width: 980px;
	max-height: 680px;
	margin-top: 24px;
	margin-bottom: 24px;
	border-radius: 3px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.24);
}
.blog-holder .featured-img img,
.archive-holder .featured-img img {
	transition: all .5s;
}
.blog-holder .featured-img:hover img,
.archive-holder .featured-img:hover img {
	transform: scale(1.1);
}
.banner {
	display: block;
	position: relative;
	overflow: hidden;
}
.banner-img {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	max-height: 680px;
	position: relative;
	background-position: center center;
	background-size: 100%;
	overflow: hidden;
	transition: all 1s;
	transition-delay: .5s !important;
}
.no-js .banner-img {
	background-size: 110%;
}
.banner-img.profile-img {
	min-height: auto;
	margin-bottom: 36px;
}
.banner-img img {
	line-height: 0;
	max-height: 680px;
	margin-left: -9999px;
	opacity: 0;
}
.banner-content {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px 36px;
	box-sizing: border-box;
	z-index: 7;
	opacity: 1;
	transition: all .5s;
	transition-delay: .5s;
}
.no-js .banner-content {
	margin-top: 48px;
	opacity: 0;
}
.banner-text {
	display: block;
	color: #ffffff;
	max-width: 1200px;
	font-size: 110%;
	font-weight: 400;
	line-height: 1.4;
	margin: 0px auto;
	padding: 0px;
}
.banner-text h1,
.banner-text h2,
.banner-text h3,
.banner-text h4 {
	font-size: 4.8rem;
	line-height: 1;
	margin: 8px 0px;
}
.banner-text h1 a,
.banner-text h2 a,
.banner-text h3 a,
.banner-text h4 a {
	text-decoration: underline;
}
.banner-text h1 + p,
.banner-text h2 + p,
.banner-text h3 + p,
.banner-text h4 + p {
	margin-top: 0px;
}
.banner-text .button,
.banner-text button,
.banner-text .button:hover,
.banner-text button:hover {
	margin-top: 0px;
}
.banner-text .post-meta {
	display: flex;
	flex-direction: column;
	align-items: start;
	text-align: left;
	margin: 8px 0px;
}
.banner-text .post-meta p {
	display: inline-block;
	font-size: 70%;
	margin: 4px 0px;
	padding: 4px 12px;
	border-radius: 24px;
}
.avatar {
	line-height: 0;
	margin: 0px;
	padding: 0px;
	border: none;
	border-radius: 2px;
}
img.hide-img,
.hide-img img {
	line-height: 0;
	margin-left: -9999px;
	padding: 0px;
	opacity: 0;
}
img.aligncenter,
.wp-block-image .aligncenter {
	text-align: center;
	margin: 36px auto;
	padding: 0px;
}
img.alignnone,
.wp-block-image .alignnone {
	margin: 36px 0px;
	padding: 0px;
}
img.alignright,
.wp-block-image .alignright {
	margin: 36px 0px 36px 36px;
	padding: 0px;
}
img.alignleft,
.wp-block-image .alignleft {
	margin: 36px 36px 36px 0px;
	padding: 0px;
}
.alignwide, .alignfull {
	position: relative;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	box-sizing: border-box;
}
.aligncenter, .alignnone {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.aligncenter {
	text-align: center;
}
.alignright {
	float: right;
	margin-left: 24px;
	margin-right: 0px;
}
.alignleft {
	float: left;
	margin-right: 24px;
	margin-left: 0px;
}
.wp-caption {
	max-width: 100%;
	line-height: 1.6;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.wp-caption a {
	display: block;
}
.wp-caption img {
	width: 100%;
	margin: 0px auto 0px;
	padding: 0px;
}
.wp-caption-text,
.wp-caption figcaption,
.wp-block-image figcaption,
[class*="wp-block"] figcaption,
.blocks-gallery-caption {
	display: inline-block;
	font-size: 85%;
	line-height: 1.5;
	padding: 4px 12px;
	box-sizing: border-box;
	border-left: 2px solid #cccccc;
	opacity: 0.7;
}

/************************************************
12. WordPress Gallery
************************************************/

.gallery {
	display: flex;
	flex-wrap: wrap;
	margin: 32px auto 32px;
	overflow: hidden;
}
.gallery .gallery-item {
	text-align: center;
	line-height: 0;
	margin: 0px;
	padding: 6px;
	box-sizing: border-box;
}
.gallery-item a {
	display: block;
}
.gallery-item img {
	margin: 0px;
	padding: 0px;
	border: 6px solid rgba(0, 0, 0, 0.12);
	border-radius: 2px;
	box-sizing: border-box;
	transition: all .25s;
}
.gallery-item img:hover {
	border-color: rgba(0, 0, 0, 0.4);
}
.gallery-item .gallery-caption {
	font-size: 12px;
	line-height: 1.65;
	margin: 6px 0px;
}
.gallery.gallery-columns-1 .gallery-item {
	flex-basis: 100%;
}
.gallery.gallery-columns-2 .gallery-item {
	flex-basis: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
	flex-basis: 33.33%;
}
.gallery.gallery-columns-4 .gallery-item {
	flex-basis: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
	flex-basis: 20%;
}
.gallery.gallery-columns-6 .gallery-item {
	flex-basis: 16.66%;
}
.gallery.gallery-columns-7 .gallery-item {
	flex-basis: 14.285%;
}
.gallery.gallery-columns-8 .gallery-item {
	flex-basis: 12.5%;
}
.gallery.gallery-columns-9 .gallery-item {
	flex-basis: 11.11%;
}

/************************************************
13. Sidebar
************************************************/

.sidebar {
	margin: 32px 0px;
	padding: 0px 0px 0px 60px;
	box-sizing: border-box;
}

/************************************************
14. Widgets
************************************************/

.widget {
	margin-bottom: 48px;
	padding: 0px;
}
.widget:last-child {
	margin-bottom: 0px;
}
.entry-content .widget {
	margin: 0px;
}
.widget-title {
	font-size: 1.4rem;
	letter-spacing: 1px;
	margin-bottom: 12px;
	padding-bottom: 0px;
	border-bottom: none;
}
.widget ul, .widget li {
	list-style-type: none;
}
.widget ul {
	margin: 0px;
	padding: 6px 0px 0px 0px;
}
.widget li {
	display: block;
	margin: 0px;
	padding: 6px 0px;
}
.widget li li {
	padding-left: 12px;
}
.widget li li:last-child {
	padding-bottom: 0px;
	border-bottom: none;
}
.widget li a {
	margin: 0px;
	padding: 0px;
}
.widget table {
	margin-top: 0px;
}
.textwidget {
	margin: 0px;
	padding: 0px;
}
.textwidget p {
	margin: 18px 0px;
	padding: 0px;
}
.tagcloud {
	line-height: 1.2;
}
.widget_search {
	overflow: hidden;
}

/************************************************
15. RSS Widget
************************************************/

.widget a.rsswidget {
	display: block;
}
.widget .widget-title a.rsswidget {
	display: inline;
}
.widget .rss-date {
	display: block;
	font-size: 0.8rem;
	margin-bottom: 12px;
}

/************************************************
16. Calendar Widget
************************************************/

#calendar_wrap {
	margin: 0px auto 0px;
	padding: 0px;
}
#wp-calendar {
	width: 100%;
	font-size: 0.8rem;
	text-align: center;
}
#wp-calendar #today {
	background: #999999;
	background: rgba(0, 0, 0, 0.6);
	color: #ffffff;
	font-weight: bold;
}
#wp-calendar td,
#wp-calendar th {
	padding: 12px;
}
#wp-calendar a {
	margin: 0px;
}
#wp-calendar caption {
	font-size: 16px;
	margin: 5px 0px 5px 0px;
}
#wp-calendar #prev a {
	float: left;
	margin: 0px;
	text-align: left;
	padding-left: 12px;
}
#wp-calendar #next a {
	float: right;
	margin: 0px;
	text-align: right;
	padding-right: 12px;
}

/************************************************
17. Custom Menu Widget
************************************************/

.widget ul.menu {
	float: none;
	width: 100%;
	text-align: left;
}
.widget ul.menu .current_page_item a,
.widget ul.menu .current-menu-item a {
	color: #ff3b67;
	background: none;
}
.widget ul.menu li a {
	display: block;
	background: none;
	color: #ab1c3d;
	width: auto;
	height: auto;
	text-transform: none;
	text-shadow: none;
	line-height: 1.8;
	margin: 0px;
	padding: 0px;
	border: none;
}
.widget ul.menu li a:hover {
	color: #ff3b67;
	background: none;
	text-decoration: underline;
}
.widget ul.menu li {
	float: none;
	display: block;
	background: none !important;
	max-width: none;
	margin: 0px;
	padding: 6px 0px;
	width: 100%;
}
.widget ul.menu li:last-child {
	border-bottom: none;
}
.widget ul.menu li span {
	top: 1px;
	right: 0px;
}
.widget ul.menu li ul.sub-menu {
	background: none !important;
	width: 100%;
	margin: 0px;
	padding: 6px 0px;
	position: static;
	box-shadow: none;
	opacity: 1;
	z-index: 9;
}
.widget ul.menu li ul.sub-menu li a {
	padding-left: 12px;
}
.widget ul.menu li ul.sub-menu li ul.sub-menu li {
	display: none;
}

/************************************************
18. Search Form
************************************************/

#searchform {
	display: flex;
	margin: 0px;
	padding: 0px;
}
#searchform label {
	display: none;
}
input.search-field,
#searchform #s {
	background: rgba(0, 0, 0, 0.04);
	color: #999999;
	width: auto;
	max-width: 60%;
	margin: 0px;
}
#searchform #searchsubmit,
.woocommerce-product-search button {
	color: #999999;
	background-color: transparent;
	border: 2px solid #dddddd;
	box-shadow: none;
	box-sizing: border-box;
	line-height: 1.1;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	padding: 10px 24px;
}
#searchform #searchsubmit:hover,
.woocommerce-product-search button:hover {
	color: #000000;
	background-color: transparent;
	border-color: #000000;
}
.no-result-search {
	display: block;
	margin-top: 12px;
}
.no-result-search #searchform {
	max-width: 480px;
}

/************************************************
19. Footer
************************************************/

.footer {
	position: relative;
	background: #1b2a35;
	margin: 0px auto 0px;
	padding: 0px;
}
.footer::after {
	content: '';
	position: absolute;
	top: calc(-20% + 1px);
	background-color: #f4f4f4;
	width: 100%;
	height: 20%;
	clip-path: polygon(100% 50%, 100% 100%, 0 100%, 0 80%);
	z-index: 7;
}
.footer::before {
	content: '';
	position: absolute;
	top: calc(-30% + 1px);
	background-color: #f4f4f4;
	width: 100%;
	height: 30%;
	clip-path: polygon(100% 50%, 100% 100%, 0 100%, 0 90%);
	opacity: 0.4;
	z-index: 6;
}
.footer .content {
	max-width: 1280px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.footer-widgets {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 36px;
	padding-bottom: 36px;
}
.footer-widgets .widget {
	width: 25%;
	margin-top: 12px;
	margin-bottom: 0px;
	padding: 0px;
	border-bottom: none;
}
.footer-widgets .footer-widget {
	padding-right: 24px;
}
.footer-widgets .widget:first-child:nth-last-child(1),
.footer-widgets .widget:first-child:nth-last-child(1) ~ .widget {
	width: 100%;
}
.footer-widgets .widget:first-child:nth-last-child(2),
.footer-widgets .widget:first-child:nth-last-child(2) ~ .widget {
	width: 50%;
}
.footer-widgets .widget:first-child:nth-last-child(3),
.footer-widgets .widget:first-child:nth-last-child(3) ~ .widget {
	width: 33.3%;
}
.footer-widgets .widget:last-child .footer-widget,
.footer-widgets .widget:nth-child(4n+4) .footer-widget {
	padding-right: 0px;
}
.footer-widgets .widget:nth-child(4n+1) {
	clear: both;
}
.footer-information {
	padding: 24px 0px;
	overflow: hidden;
}
.footer-information p {
	font-size: 80%;
	opacity: 0.8;
	margin: 0px;
	padding: 0px;
}
.footer-information a {
	color: rgba(0, 0, 0, 0.6);
}
.footer-information a:hover {
	color: #000000;
}

/************************************************
20. Comments
************************************************/

.comments-wrapper {
	margin-top: 36px;
	margin-bottom: 36px;
	border-top: 2px solid rgba(0, 0, 0, 0.12);
}
.comment-subscription-form {
	padding: 6px 0px;
}
.comment-author {
	display: block;
	line-height: 1.4;
	margin-bottom: 12px;
	overflow: hidden;
}
.comment-author .comment-name,
.comment-author .comment-name a {
	color: #000000;
	font-weight: 600;
	text-decoration: none;
}
.comment-author .comment-time {
	font-size: 85%;
}
.comment-author .avatar {
	float: left;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	border: none;
	border-radius: 3px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.12);
}
.commentlist {
	margin: 0px;
	padding: 0px;
}
.commentlist ol {
	margin: 0px;
	padding: 10px;
}
.commentlist li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.commentlist li:last-child {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.commentlist li #respond {
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.commentlist li ul li {
	padding-left: 24px;
}
.commentlist li ul li:last-child {
	border-bottom: none;
}
.commentlist p {
	margin: 10px 0px;
	padding: 0px;
}
.comment {
	padding: 18px 0px;
	overflow: hidden;
}
#commentform {
	margin: 0px;
}
#commentform p {
	margin: 12px 0px;
}
#commentform p.logged-in-as {
	font-size: 85%;
	margin-top: 6px;
	padding: 0px;
}
#commentform p.form-submit {
	margin: 0px;
}
#respond {
	margin-top: 24px;
}
#reply-title {
	font-size: 1.6rem;
	margin: 0px;
}
#cancel-comment-reply-link {
	float: right;
	font-size: 1.1rem;
	font-weight: normal;
	text-transform: none;
	margin: 12px 0px;
}
.nocomments {
	display: none;
}
.edit-link {
	float: right;
	margin-top: 12px;
}
#comments .reply {
	float: left;
}
.commentmetadata {
	font-size: 10px;
	line-height: 14px;
	margin: 0px;
	display: block;
}
.navigation {
	display: block;
	text-align: center;
	margin: 36px auto;
}
.form-allowed-tags {
	display: none;
}
.thread-alt, .thread-even,
.children, .even, .alt {
	margin: 0px;
	padding: 0px;
}

/************************************************
21. Buttons
************************************************/

button, .button, a.button, #comments .reply a, .wp-block-button a,
#searchsubmit, #prevLink a, #prevLink a:link, #prevLink a:visited, #nextLink a,
#submit, input[type=submit], input#submit, input.button, #infinite-handle span button,
.sidr-class-site-header-cart a.sidr-class-button {
	display: inline-block;
	position: relative;
	background-color: #ab1c3d;
	color: #ffffff;
	font-style: normal;
	font-size: 1.2rem;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: none;
	line-height: 1.2;
	letter-spacing: 1px;
	margin: 24px 0px;
	padding: 12px 32px;
	border-radius: 36px;
	border: none;
	box-sizing: border-box;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.24);
	-webkit-appearance: none;
}
button:hover, .button:hover, a.button:hover, #comments .reply a:hover, .wp-block-button a:hover,
#searchsubmit:hover, #prevLink a:hover, #nextLink a:hover, input[type=submit]:hover,
#submit:hover, input#submit:hover, input.button:hover, #infinite-handle span button:hover,
.sidr-class-site-header-cart a.sidr-class-button:hover {
	background-color: #ff3b67;
	color: #ffffff;
	font-style: normal;
	font-size: 1.2rem;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: none;
	line-height: 1.2;
	letter-spacing: 1px;
	margin: 24px 0px;
	padding: 12px 32px;
	cursor: pointer;
}
.button.secondary, button.secondary, ul.products li.product .button,
ul.wc-block-grid__products li.wc-block-grid__product .wp-block-button a {
	color: #999999;
	background-color: #ffffff;
	border: 2px solid #dddddd;
	box-shadow: none;
	box-sizing: border-box;
}
.button.secondary:hover, button.secondary:hover, ul.products li.product .button:hover,
ul.wc-block-grid__products li.wc-block-grid__product .wp-block-button a:hover {
	color: #000000;
	background-color: #ffffff;
	border-color: #000000;
}
.button.large, button.large {
	line-height: 1.4;
	font-size: 1.4rem;
	padding: 16px 36px;
}
.more-link-wrapper a.more-link, .more-link-wrapper a.more-link:link, .more-link-wrapper a.more-link:visited,
.more-link-wrapper a.more-link:hover, .more-link-wrapper a.more-link:active, .more-link-wrapper a.more-link:focus {
	margin: 0px;
}
.customize-partial-edit-shortcut button:hover,
.widget .customize-partial-edit-shortcut button:hover {
	background-color: inherit;
	letter-spacing: inherit;
	padding: inherit;
	border-width: 2px;
	border-color: #ffffff;
	box-shadow: inherit;
}

/************************************************
22. Tables
************************************************/

table,
.wp-block-table table {
	width: 100%;
	text-align: left;
	margin: 24px 0px;
	padding: 0px;
	word-break: normal;
}
table p,
table form,
table ul,
table li {
	margin: 8px 0px;
	padding: 0px;
}
table thead,
.wp-block-table thead {
	border-bottom: 1px solid #dddddd;
}
table tfoot,
.wp-block-table tfoot {
	border-top: 1px solid #dddddd;
}
table th,
.wp-block-table th {
	font-size: 0.9rem;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0px;
	padding: 12px 18px 12px 0px;
	box-sizing: border-box;
}
table td,
.wp-block-table td {
	padding: 12px 18px 12px 0px;
	margin: 0px;
	box-sizing: border-box;
	border-color: #dddddd;
	border-left: none;
	border-right: none;
	border-bottom: none;
}
table thead + tbody tr:first-child td,
.wp-block-table thead + tbody tr:first-child td {
	border-top: 1px solid #dddddd;
}
table tr td:last-child,
table tr th:last-child,
.wp-block-table tr th:last-child,
.wp-block-table tr td:last-child {
	padding-right: 0px;
}

/************************************************
23. Forms
************************************************/

form {
	display: block;
	margin: 24px 0px;
}
form p {
	margin: 6px 0px;
}
form div {
	display: block;
}
form span {
	overflow: hidden;
}
form span.required {
	display: inline;
}
form li,
form ul,
form ol {
	list-style: none;
	margin: 6px 0px;
	padding: 0px;
}
form fieldset {
	margin: 12px 0px;
	border-color: rgba(0, 0, 0, 0.12);
}
form legend {
	font-weight: bold;
}
form label {
	display: block;
	margin-top: 12px;
}
form li > label {
	font-weight: bold;
	margin-top: 0px;
}
form li li > label {
	font-weight: normal;
}
form label,
form span label {
	font-size: 0.85rem;
}
form input,
form input[type='url'],
form input[type='tel'],
form input[type='email'],
form input[type='text'],
form input[type='password'],
form textarea {
	display: block;
	max-width: 100%;
	box-sizing: border-box;
	background-color: #f9f9f9;
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.4;
	margin: 6px 0px;
	padding: 8px;
	border: 2px solid #dddddd;
	border-radius: 3px;
}
form input[type='url'],
form input[type='tel'],
form input[type='email'],
form input[type='text'],
form input[type='password'] {
	width: 50%;
}
form textarea {
	width: 100%;
}
form input[type='checkbox'],
form input[type='radio'] {
	display: inline-block;
	margin-left: 0px;
	margin-right: 6px;
}
form input[type='submit'] {
	margin-top: 0px;
}
textarea {
	overflow: auto;
}
address {
	margin: 12px 0px;
}
select {
	display: block;
	background-color: #f9f9f9;
	color: rgba(0, 0, 0, 0.6);
	color: #666666;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
	width: auto;
	max-width: 100%;
	font-size: 1rem;
	line-height: 1.6;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 6px 46px 6px 8px !important;
	box-shadow: none;
	border-radius: 3px;
	border: 2px solid #dddddd;
	transition: all .25s ease-in-out;

	background-image:
		linear-gradient(45deg, transparent 50%, gray 50%),
		linear-gradient(135deg, gray 50%, transparent 50%),
		linear-gradient(to right, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12));
	background-position:
		calc(100% - 16px) 50%,
		calc(100% - 11px) 50%,
		calc(100% - 32px) 6px;
	background-size:
		5px 5px,
		5px 5px,
		1px 24px;
	background-repeat: no-repeat;

	/* reset */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input:focus,
select:focus,
form input:focus,
form select:focus,
form textarea:focus {
	border-color: #000000;
}

/************************************************
24. CSS3 Styles
************************************************/

a, button, .button, #submit, #searchsubmit {
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
}
.shadow {
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
}
.radius-full {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.radius-top {
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-khtml-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
}
.radius-bottom {
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-khtml-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
}
.radius-half {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
}

/************************************************
25. Jetpack
************************************************/

#infinite-handle,
.infinite-loader {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 32px 0px;
}
#infinite-handle span {
	background: none;
	font-size: 100%;
	padding: 0px;
}
#infinite-handle span button {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
#infinite-footer .container {
	width: auto;
}
.infinite-scroll .pagination,
.infinite-scroll.neverending .footer,
.infinite-wrap .archive-title {
	display: none;
}
.infinity-end.neverending .footer {
	display: block;
}
.infinite-loader .spinner {
	margin: 0px auto 0px;
}
.grofile-thumbnail,
.widgets-grid-layout {
	float: left;
	width: 28% !important;
	margin: 0px 18px 6px 0px;
	border-radius: 3px;
}
.widget-grofile .grofile-meta h4 {
	margin: 0px;
}
.widget-grofile .grofile-meta p {
	margin: 12px 0px;
}

/************************************************
26. Screen Reader
************************************************/

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	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. */
}

/************************************************
27. Gutenberg
************************************************/

/* Media */

.wp-block-image {
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}
.wp-block-image img {
	display: block;
}
.wp-block-embed {
	margin-left: auto;
	margin-right: auto;
}
.wp-block-gallery .blocks-gallery-item {
	padding: 0px;
}
.wp-block-gallery .blocks-gallery-image {
	margin-left: 0px;
	margin-right: 0px;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
	box-sizing: border-box;
	border: none;
}
.wp-block-cover {
	box-sizing: border-box;
}
.wp-block-cover.alignfull,
.wp-block-cover-image.alignfull,
.wp-block-cover .wp-block-button,
.wp-block-cover-image .wp-block-button {
	margin-top: 0px;
	margin-bottom: 0px;
}
.wp-block-cover .wp-block-cover__inner-container {
	padding: 36px;
	box-sizing: border-box;
}
.wp-block-cover.alignfull .wp-block-cover__inner-container {
	padding: 72px;
}
.wp-block-column .wp-block-cover .wp-block-cover__inner-container {
	padding: 0px;
}
.wp-block-cover .wp-block-cover__inner-container p {
	margin-top: 24px;
	margin-bottom: 24px;
}
.wp-block-cover .wp-block-cover__inner-container > :first-child {
	margin-top: 0px;
}
.wp-block-cover .wp-block-cover__inner-container > :last-child {
	margin-bottom: 0px;
}
.wp-block-cover.alignfull .wp-block-cover__inner-container,
.wp-block-cover.alignwide .wp-block-cover__inner-container {
	position: relative;
	top: 0;
	width: 100%;
	margin: 0px auto;
	transition: all 1s ease-in-out;
	transition-delay: 0.5s;
	z-index: 7;
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2, .wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text, .wp-block-cover h2 {
	max-width: none;
	margin-left: auto;
	margin-right: auto;
}

/* Buttons */

.wp-block-button {
	position: relative;
	box-sizing: border-box;
}
.wp-block-button.alignleft {
	float: none;
	text-align: left;
}
.wp-block-button.alignright {
	float: none;
	text-align: right;
}
.wp-block-button.alignwide .wp-block-button__link {
	display: block;
}
.wp-block-button.is-style-outline .wp-block-button__link {
	background: inherit;
	box-shadow: none;
	text-shadow: none;
	border-color: inherit;
	border-width: inherit;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
	color: inherit;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	color: inherit;
	background: inherit;
	border-width: inherit;
	border-color: inherit;
}
.has-background-dim .wp-block-button.is-style-outline .wp-block-button__link {
	color: #ffffff;
	border-color: #ffffff;
}

/* Quotes */

.wp-block-quote.is-style-large p {
	font-size: 1.8rem;
	font-style: normal;
	line-height: 1.5;
	margin: 0px;
}
.wp-block-quote.has-text-align-right,
.wp-block-quote.has-text-align-center {
	border-left: none;
}
.wp-block-quote.has-text-align-right {
	border-right: 2px solid #dddddd;
}
.wp-block-quote.has-text-align-center {
	padding-left: 0px;
	padding-right: 0px;
}
.wp-block-quote.has-text-align-center::before {
	display: inline-block;
	content: '';
	width: 80px;
	height: 2px;
	background: #dddddd;
	margin: 12px auto;
}
.wp-block-quote.has-text-align-center cite {
	text-align: center;
}
.wp-block-quote.has-text-align-left cite {
	text-align: left;
}
.wp-block-quote.has-text-align-right cite {
	text-align: right;
}
.wp-block-quote__citation,
.wp-block-quote cite,
.wp-block-quote footer {
	display: block;
	font-size: 0.85rem;
	font-style: normal;
	margin-top: 12px;
	opacity: 0.6;
}
.wp-block-pullquote {
	position: relative;
	margin: 36px 0px 24px;
	padding: 36px;
	border-top-width: 2px;
	border-top-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-color: #dddddd;
}
.wp-block-pullquote::before {
	position: absolute;
	top: -28px; left: 50%;
	background: #ffffff;
	color: rgba(0, 0, 0, 0.4);
	content: '\f10d';
	font-family: 'FontAwesome';
	font-size: 24px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	margin-left: -24px;
	border-radius: 50%;
	border-width: 2px;
	border-style: solid;
	border-color: inherit;
}
.wp-block-pullquote.is-style-solid-color {
	padding-left: 48px;
}
.wp-block-pullquote.is-style-solid-color::before {
	left: 0px;
	top: 36px;
}
.wp-block-pullquote.is-style-solid-color blockquote {
	max-width: none;
}
.wp-block-pullquote blockquote {
	margin: 0px;
	padding: 0px;
	border: none;
}
.wp-block-pullquote blockquote cite,
.wp-block-pullquote blockquote .wp-block-pullquote__citation {
	display: block;
	color: inherit;
	font-size: 90%;
	font-style: normal;
	text-transform: uppercase;
	margin-top: 12px;
	opacity: 0.6;
}

/* Columns */

.wp-block-columns {
	box-sizing: border-box;
}
.wp-block-columns.alignfull {
	padding-left: 36px;
	padding-right: 36px;
}
.wp-block-column > :first-child {
	margin-top: 0px;
}

/* Jetpack */

div[class*="wp-block"] form.contact-form input[type="text"],
div[class*="wp-block"] form.contact-form input[type="email"],
div[class*="wp-block"] form.contact-form input[type="tel"],
div[class*="wp-block"] form.contact-form input[type="url"] {
	width: 100%;
}
div[class*="wp-block"] form.contact-form label span {
	float: right;
}
div[class*="wp-block"] form.contact-form .contact-submit {
	margin: 0px;
}
.wp-block-jetpack-email,
.wp-block-jetpack-phone,
.wp-block-jetpack-address {
	margin-top: 6px;
	margin-bottom: 6px;
}
.wp-block-jetpack-email::before {
	color: #999999;
	font-family: 'FontAwesome';
	font-size: 90%;
	content: '\f0e0';
	margin-right: 8px;
}
.wp-block-jetpack-phone::before {
	color: #999999;
	font-family: 'FontAwesome';
	content: '\f095';
	margin-right: 8px;
}
.wp-block-jetpack-layout-grid {
	box-sizing: border-box;
}
.wp-block-jetpack-layout-grid div[class*="wp-block"].alignfull,
.wp-block-jetpack-layout-grid figure[class*="wp-block"].alignfull,
.wp-block-jetpack-layout-grid div[class*="wp-block"].alignwide,
.wp-block-jetpack-layout-grid figure[class*="wp-block"].alignwide {
	left: auto;
	width: auto;
	max-width: 100%;
	padding: 0px;
}

/* Misc */

.wp-block-table {
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}
.wp-block-table.is-style-stripes {
	border-bottom: none;
}
.wp-block-table figcaption {
	margin-top: -24px;
}
.wp-block-audio {
	margin-left: 0px;
	margin-right: 0px;
}
.wp-block-audio audio {
	width: 100%;
}
.wp-block-search .wp-block-search__button {
	margin-top: 0px;
	margin-bottom: 0px;
}
.wp-block-separator {
	margin: 36px auto;
	border: none;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	max-width: 100px;
}
.wp-block-social-links .wp-social-link {
	padding: 0px;
}
.wp-block-social-links .wp-social-link a {
	color: inherit;
}
.entry-content > .alignfull:first-child {
	margin-top: 0px;
}

/************************************************
28. bbPress
************************************************/

.bbpress .entry-content {
	max-width: 1400px;
}
#bbpress-forums {
	font-size: 0.9rem;
}
#bbpress-forums p {
	margin: 16px 0px;
	padding: 0px;
}
#bbpress-forums ul,
#bbpress-forums li {
	margin: 0px;
	padding: 0px;
}
#bbpress-forums div.bbp-breadcrumb p,
#bbpress-forums div.bbp-topic-tags p {
	margin: 0px 0px 8px 0px;
}
#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results {
	font-size: 0.9rem;
}
#bbpress-forums fieldset.bbp-form input, #bbpress-forums fieldset.bbp-form p,
#bbpress-forums fieldset.bbp-form select, #bbpress-forums fieldset.bbp-form textarea {
	margin: 12px 0px;
}
#bbpress-forums fieldset.bbp-form {
	padding: 18px;
}
#bbp_reply_submit,
#bbp_topic_submit,
#bbpress-forums div.bbp-submit-wrapper {
	margin: 0px;
}
#bbpress-forums div.bbp-template-notice p {
	margin: 0px;
}
#bbpress-forums blockquote {
	font-size: 1.1rem;
	padding-top: 12px;
	padding-bottom: 12px;
}
#bbpress-forums .bbp-topic-content p:first-child,
#bbpress-forums .bbp-reply-content p:first-child {
	padding-top: 0px;
}
#bbpress-forums .bbp-topic-content p:last-child,
#bbpress-forums .bbp-reply-content p:last-child {
	padding-bottom: 0px;
}
#bbpress-forums .avatar {
	margin: 0px 2px 0px 0px;
	padding: 0px;
}
#bbp_search {
	float: left;
	margin: 0px 12px 0px 0px;
}
#bbp-search-form > div {
	display: flex;
}
#bbp_search_submit {
	margin: 0px;
}
.bbp_widget_login .user-submit {
	float: right;
}
.bbp_widget_login .bbp-logged-in a.button {
	margin: 6px 0px 0px 0px;
	padding: 8px 14px;
}
.bbp-meta {
	font-size: 0.8rem;
}
.bbp-header #subscription-toggle,
.bbp-topic-title #subscription-toggle {
	display: inline;
	width: auto;
	overflow: auto;
}
