/*
Theme Name: Frankie
Theme URI: https://rowanthemes.co/frankie-theme
Author: Design by Rowan Themes, Code by Jacques Moreau
Author URI: http://www.jacquesmoreau.com/

Version: 1.2.6

License: For more information, please refer to the (readme.text) file. 

Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready, blog, e-commerce, block-styles, wide-blocks

Text Domain: frankie
*/

/*--------------------------------------------------------------
# Default Stylings from HTML5 Boilerplate
--------------------------------------------------------------*/

html { box-sizing: border-box; overflow-x: hidden; }
*, *:before, *:after { box-sizing: inherit; }

body { margin: 0; font-size: 16px; font-size: 1rem; line-height: 1.5; overflow-x: hidden; }

::-webkit-selection { background: #5784FE; color: #fff; text-shadow: none; }
::-moz-selection { background: #5784FE; color: #fff; text-shadow: none; }
::selection { background: #5784FE; color: #fff; text-shadow: none; }

a { color: #3a3a3a; text-decoration: none; }
a:visited { color: #666; }
a:hover { color: #b40101; }

menu { padding: 0; }

td { vertical-align: top; }

/*--------------------------------------------------------------
# Basic Page Styles
--------------------------------------------------------------*/

body {
   margin: 0 auto;
   padding: 0;
   font: 14px/1.5 'Karla', Helvetica, Arial, sans-serif;
   font-style: normal;
   font-weight: 400;
   color: #1E1E1E;
   background: #FFFFFF;
}

canvas {
   -ms-touch-action: double-tap-zoom;
}

embed,
iframe,
object,
video {
	max-width: 100%;
}

.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
}

img {
	border: 0;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%;
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

h1,
h2,
h3 {
   font-family: 'Playfair Display', serif;
	font-style: normal;
	font-weight: 400;
	color: #1E1E1E;
	margin-top: 0; 
}

h4,
h5,
h6 {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #1E1E1E;
	margin-top: 0;
}

h1 {
	margin-bottom: 0;
	font-size: 48px;
	font-size: 3rem;
	line-height: 1.25;
}

h2 {
    margin-bottom: 0;
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 1.1666;
}

h3 {
	margin-bottom: 0;
	font-size: 28px;
	font-size: 1.75rem;
	line-height: 1.2857;
}

h4 {
	margin-bottom: 0;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.25;
}

h5 {
	margin-bottom: 0;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.25;
}

h6 {
	margin-bottom: 0;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.2142;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin: 1.5rem;
}

ol,
ul {
	list-style: none outside none;
}

li {
	margin-bottom: 8px;
	margin-bottom: .5rem;
}

p,
ol,
ul,
dl,
address {
	margin: 0 0 0px 0;
	line-height: 1.5;
}

p {
    margin-bottom: 1.5em;
}

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

dt {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
}

figure {
	margin: 1rem 0;
	margin: 16px 0;
}

b,
strong {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-weight: 700;
}

em {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-style: italic;
}

ins {
	background: none repeat scroll 0 0 #FFF9C0;
	text-decoration: none;
}

a {
	color: #000000;
	outline: none;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

a:hover {
	outline: 0;
	color: #AFACAB;
}

.logged-in.customize-partial-edit-shortcuts-shown a {
	-o-transition: none !important;
	-ms-transition: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
   transition: none !important;
}

.alignleft {
	float: left;
	margin: 0 20px 16px 0;
	margin: 0 1.25rem 1rem 0;
}

.alignright {
	float: right;
	margin: 0 0 16px 20px;
	margin: 0 0 1rem 1.25rem;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

blockquote {
	border-left: 5px solid #3a3a3a;
	margin: 0 0 18px 20px;
	margin: 0 0 1.125rem 1.25rem;
	padding: 16px 0 16px 16px;
	padding: 1rem 0 1rem 1rem;
}

blockquote.pull-right {
	border-left: 0 none;
	border-right: 5px solid #3a3a3a;
	margin: 0 20px 18px 0;
	margin: 0 1.25rem 1.125rem 0;
	padding: 0 16px 0 0;
	padding: 0 1rem 0 0;
	float: none;
}

blockquote p {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 24px;
	font-size: 1.5rem;
	margin-bottom: 8px;
	margin-bottom: .5rem;
}

blockquote.pull-right p,
blockquote.pull-right small {
	text-align: right;
}

blockquote cite:before {
	content: "\2014";
	margin-right: 4px;
	margin-right: .25rem;
}

blockquote cite {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.125;
	color: #999;
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

code,
pre {
	border-radius: 3px;
	color: #555;
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
	font-size: 12px;
	font-size: 0.75rem;
	padding: 0 3px 2px;
	padding: 0 0.1875rem 0.125rem;
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}

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

pre {
	background-color: #fafafa;
	border-color: #ddd;
	border-style: solid;
	border-width: 1px 1px 1px 11px;
	margin: 1.7rem 0 1.7rem 0.3rem;
}

abbr,
dfn,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

.wp-caption {
	max-width: 100%;
	padding: 4px;
	padding: 0.25rem;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.5;
	color: #777;
	text-align: center;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.entry-content dl.gallery-item {
	margin: 0;
}

.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}

.gallery .gallery-icon img {
	height: auto;
}

.gallery {
	clear: both;
	margin: 0 auto;
	*zoom: 1;
}

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

.gallery:after {
	clear: both;
}

#content .entry-content [id^="gallery-"] img {
	border: none;
}

.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

button,
select {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.25;
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
}

input {
    font: 14px/1.7em 'Karla', sans-serif;
    letter-spacing: normal; 
}

button,
input {
	*overflow: visible;
	line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type="button"] {
	width: auto;
}

.btn,
input[type="submit"],
input[type="button"],
button {
	display: inline-block;
	*display: inline;
	padding: 14px 25px;
	font-size: 11px;
	line-height: 1.25;
	text-align: center;
	vertical-align: middle;
	border: none;
	border-radius: 0;
}

a.btn {
	color: #000000;
	text-decoration: none;
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled],
button[disabled] {
	background-color: #dad8da;
	*background-color: #dad8da;
}

.btn:first-child {
	*margin-left: 0;
}

.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
	color: #fff;
	text-decoration: none;
	background-color: #344860;
	*background-color: #344860;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

.btn:focus,
input[type="submit"]:focus,
button:focus {
	outline: thin dotted #3a3a3a;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.btn.active,
.btn:active,
input[type="submit"]:active {
	background-color: #2e7bc4;
	background-color: #2e7bc4 \9;
	background-image: none;
	outline: 0;
	position:relative;
	top:1px;
}

.btn.disabled, .btn[disabled] {
	cursor: default;
	background-color: #6d9fc6;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn.disabled:active, .btn[disabled]:active {
	top:0;
}

button.btn, input[type="submit"].btn {
	*padding-top: 2px;
	*padding-bottom: 2px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.btn-large,
input[type="submit"].btn-large {
	padding: 10px 15px;
	padding: 0.625rem 0.9375rem;
	font-size: 20px;
	font-size: 1.25rem;
	border-radius: 0;
}

.btn-small,
input[type="submit"].btn-small {
	padding: 5px 9px;
	padding: 0.3125rem 0.5625rem;
	font-size: 13px;
	font-size: 0.8125rem;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
	padding: 10px;
	border: none;
	border-radius: 0;
}

select {
	max-width: 100%;
	padding: 5px 0;
	border: none;
	border-radius: 0;
}

.gallery {
	padding: 16px 0 32px;
	padding: 1rem 0 2rem;
}

.gallery .gallery-item {
	display: inline-block;
	margin: 10px 1% 0;
	text-align: center;
	vertical-align: top;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
	margin: 10px 0 0;
}

.gallery-columns-2 .gallery-item {
	width: 47.5%
}

.gallery-columns-3 .gallery-item {
	width: 31%
}

.gallery-columns-4 .gallery-item {
	width: 22.5%
}

.gallery-columns-5 .gallery-item {
	width: 17.75%
}

.gallery-columns-6 .gallery-item {
	width: 14%
}

.gallery-columns-7 .gallery-item {
	width: 12%
}

.gallery-columns-8 .gallery-item {
	width: 10.25%
}

.gallery-columns-9 .gallery-item {
	width: 9%
}

.archive-header,
.page-title,
.entry-content th,
.comment-content th {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 2;
	text-transform: uppercase;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

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

/*--------------------------------------------------------------
# Site Specific Styles
--------------------------------------------------------------*/

.site-title {
    text-align: center;
}

.site-title .site-title-link,
.site-title .custom-logo-link {
	font-family: 'Playfair Display', serif;
	font-style: normal;
	font-weight: 400;
	color: #1E1E1E;
	font-size: 43px;
	line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: 0.2em;
	display: inline-block;
}

.site-title-pic {
	margin: 0 auto;
}

.site-title a {
	text-decoration: none;
}

.site-title img {
	vertical-align: text-bottom;
}

.site-title-tagline {
    font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 11px;
    letter-spacing: 0.15em;
	margin-top: 8px;
}

#bannercontainer {
	width: 100%;
	margin-top: 10px;
}

.banner {
	color: #FFFFFF;
	min-height: 75px;
}

#maincontentcontainer {
	width: 100%;
}

.site-content {
	font-size: 16px;
	font-size: 1rem;
	color: #000000;
	line-height: 1.5;
	padding-top: 32px;
	padding-top: 2rem;
	padding-bottom: 32px;
	padding-bottom: 2rem;
	position: relative;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#headercontainer {
	width: 100%;
}

.site-header {
	position: relative;
    margin: 45px auto 60px;
}

.top-header {
	background-color: #eee;
	min-height: 4px;
	min-height: .25rem;
}

.social-icons {
    padding-left: 0;
    margin-left: 25px;
}

.social-icons li {
	display: inline-block;
	margin: 0;
}

.social-icons.alignleft li {
	margin-right: 8px;
	margin-right: .5rem;
}

.social-icons.alignright li {
	margin-left: 8px;
	margin-left: .5rem;
}

.social-icons li a {
	display: inline-block;
	padding: 6px;
}

.social-icons i,
.social-icons .phone {
	font-size: 12px;
}

.social-icons .phone a {
	text-decoration: none;
	padding: 0 4px;
	padding: 0 .25rem;
}

.social-icons .phone i {
	margin-right: 4px;
	margin-right: .25rem;
}

.social-icons a {
	color: #1E1E1E;
}

.social-icons a:hover {
	color: #BBBBBB;
}

.main-navigation .social-icons {
    margin-left: 25px;
}

.social-icons .sm-word {
	display: none;
}

/*--------------------------------------------------------------
# Main Content
--------------------------------------------------------------*/

.entry-meta {
	clear: both;
}

.banner-area .metadata-area {
	margin-bottom: 10px;
}

.comments-link {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
	font-size: 0.875rem;
	float: right;
}

.entry-header .entry-title a {
	text-decoration: none;
}

.entry-header h1 a {
	color: #3a3a3a;
}

.entry-header h1 a:hover {
	color: #2c7dbe;
}

.entry-header h1 a:active {
	color: #2c7dbe;
}

.banner-area .metadata-area > div {
	display: inline-block;
}

article.sticky .featured-post {
	font-family: 'Dosis', sans-serif;
	font-style: normal;
	font-weight: 700;
	background-color: #eee;
	color: #777;
	font-size: 16px;
	font-size: 1rem;
	line-height: 3;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	text-align: center;
}

article.sticky {
	border-bottom: 3px solid #eee;
}

.header-meta {
	margin-bottom: 10px;
	margin-bottom: 0.625rem;
	padding: 5px 0;
	padding: 0.3125rem 0;
	*zoom: 1;
}

.header-meta:before,
.header-meta:after {
	content: "";
	display: table;
}

.header-meta:after { clear: both; }

.header-meta a {
	text-decoration:none;
	color: #3a3a3a;
}

.header-meta a:hover {
	color: #2c7dbe;
}

.header-meta a:active {
	color: #2c7dbe;
}

.header-meta .publish-date,
.header-meta .publish-author,
.header-meta .post-categories,
.header-meta .comments-link {
	font-size: 14px;
	font-size: 0.875rem;
}

.banner-area .metadata-area > div:after {
	display: inline-block;
	content: '\2022';
	margin: 0 10px;
}

.entry-content {
	margin-bottom: 20px;
	margin-bottom: 1.25rem;
	*zoom: 1;
}

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

.entry-content:after { clear: both; }

.post-categories a,
.post-tags a {
	font-size: 14px;
	font-size: 0.875rem;
	background-color: #3a3a3a;
	color: #fff;
	padding: 0 5px;
	padding: 0 0.3125rem;
	margin: 0 3px 0 0;
	margin: 0 0.1875rem 0 0;
	display: inline;
	text-decoration: none;
}

.post-categories a:hover,
.post-tags a:hover {
	background-color: #2c7dbe;
	color: #fff;
}

.post-categories a:active,
.post-tags a:active {
	background-color: #2c7dbe;
	color: #fff;
}

.entry-header address,
.comment-content address {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
	display: block;
}

.entry-header address {
	display: inline;
}

.entry-header .publish-date,
.entry-header address {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
	font-size: 0.875rem;
	margin: 0 20px 0 0;
	margin: 0 1.25rem 0 0;
}

.page-links {
	clear: both;
	line-height: 1.75;
	color: #3a3a3a;
}

.page-links .page-numbers {
	background-color: #3a3a3a;
	padding: 2px 4px;
	padding: 0.125rem 0.25rem;
	color: #fff;
	display: inline-block;
}

.page-links a {
	text-decoration: none;
}

.page-links a .page-numbers {
	background-color: transparent;
	color: #3a3a3a;
}

.page-links a:hover .page-numbers {
	background-color: #2c7dbe;
	color: #fff;
}

.page-links a:active .page-numbers {
	outline: none;
	background-color: #2c7dbe;
	color: #fff;
}

.page-links a:focus .page-numbers {
	outline: none;
	background-color: #2c7dbe;
	color: #fff;
}

.more-link {
	color: #2c7dbe;
	text-decoration: none;
	font-style: normal;
	font-weight: 700;
}

.more-link:hover {
	outline: 0;
	color: #344860;
}

.more-link:active {
	outline: 0;
	color: #344860;
}

.post-edit-link {
	text-decoration: none;
}

.entry-content dl,
.comment-content dl {
	margin: 0 24px;
	margin: 0 1.5rem;
}

.entry-content dt,
.comment-content dt {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5;
}

.entry-content dd,
.comment-content dd {
	line-height: 1.5;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}

.entry-content table,
.comment-content table {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
	width: 100%;
}

.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	font-size: 1rem;
	margin: 24px 0;
	margin: 1.5rem 0;
}

.entry-content td,
.comment-content td {
	border-bottom: 1px solid #ccc;
	padding: 6px 10px 6px 0;
	padding: 0.375rem 0.625rem 0.375rem 0;
}

.entry-content th,
.comment-content th {
	border-bottom: 1px solid #ccc;
}

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul {
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
	line-height: 1.5;
	padding: 0;
}

.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}

.entry-content ul,
.comment-content ul {
	list-style: disc outside;
}

.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}

.entry-content li,
.comment-content li {
	margin: 0 0 4px 28px;
	margin: 0 0 .25rem 1.75rem;
}

.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}

.author-info {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 24px 0;
	margin: 1.5rem 0;
	padding: 24px 0;
	padding: 1.5rem 0;
	overflow: hidden;
	*zoom: 1;
}

.author-info:before,
.author-info:after {
	content: "";
	display: table;
}

.author-info:after { clear: both; }

.author-description h2 {
	font-size: 24px;
	font-size: 1.5rem;
}

.author-description p {
	color: #777;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.5;
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
}

.author-link {
	font-size: 14px;
	font-size: 0.875rem;
}

.author-link a {
	color: #777;
	text-decoration: none;
}

.author-link a:hover {
	outline: 0;
	color: #2c7dbe;
}

.author.archive .author-info {
	border: none;
	margin: 0;
}

.author.archive .author-avatar {
	margin-top: 0;
}

.author.archive .author-link {
	display: none;
}

.author-avatar {
	float: left;
	margin: 8px 0;
	margin: 0.5rem 0;
}

.author-description {
	float: right;
	width: 80%;
}

.social-meta a {
	text-decoration: none;
	margin-right: 5px;
	margin-right: 0.3125rem;
}

.banner-area .metadata-area > div:last-of-type:after {
	display: none;
}

/*--------------------------------------------------------------
# Post Formats
--------------------------------------------------------------*/

.entry-media {
	margin: 0 auto 16px;
	margin: 0 auto 1rem;
	max-width: 792px;
	width: 100%;
}

.entry-media .wp-caption,
.entry-media .wp-caption-text,
.entry-media [class*="align"] {
	margin: 0 auto;
}

.format-aside .entry-content {
	margin: 20px 0 18px 0;
	margin: 1.25rem 0 1.125rem 0;
}

.format-aside .entry-content p:last-child {
	margin-bottom: 0;
}

.format-status .entry-content {
	border-left: 5px solid #ddd;
	margin: 20px 0 18px 0;
	margin: 1.25rem 0 1.125rem 0;
	padding: 0 0 0 15px;
	padding: 0 0 0 0.9375rem;
}

.format-status .entry-content p {
	font-size: 20px;
	font-size: 1.25rem;
	font-style: italic;
}

.format-status .entry-content p:last-child {
	margin-bottom: 0;
}

.format-quote .entry-content blockquote:before {
	font-family: 'Font Awesome 5 Free';
	display: inline-block;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	speak: none;
	vertical-align: top;
	font-size: 40px;
	font-size: 2.5rem;
	content: "\f10d";
	color: #ddd;
	top: -15px;
	left: 0;
	position: absolute;
	z-index: -1;
}

.format-quote .entry-content {
	margin-top: 24px;
	margin-top: 1.5rem;
	position: relative;
}

.format-quote .entry-content blockquote {
	border: none;
	margin-left: 40px;
	margin-left: 2.5rem;
}

.format-audio .wp-audio-shortcode {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

.card-format-highlight {
    margin-bottom: 97px;
    position: relative;
}

.card-format-highlight .accentuate-img {
    display: block;
    margin: 0 auto;
}

.card-format-highlight .abstract-area-highlight {
    margin: -107px auto 0 auto;
    padding: 50px;
    text-align: center;
    display: flex;
	flex-direction: column;
	justify-content: center;
    width: 90%;
    max-width: 722px;
    background: #FFFFFF;
}

.card-format-highlight .abstract-area-highlight:after {
    content: "";
    width: 90%;
    max-width: 722px;
    border: 1px solid #C9B59C;
    top: 0px;
    bottom: -20px;
    left: 20px;
    right: -20px;
    position: absolute;
    z-index: -10000;
    margin: 0 auto;
    padding: 50px;
}

.card-format-highlight .caption-area {
    margin-bottom: 15px;
}

.card-format-highlight .snippet-area {
    margin-bottom: 21px;
}

.shop-the-post-widget {
    margin-top: 30px;
}

.shop-the-post-widget h3 {
    text-align: center;
    display: none !important;
}

.card-format-highlight .view-link {
    width: 207px;
    margin: 21px auto 0;
}

.card-format-highlight .view-link a {
    display: block;
    text-align: center;
    padding: 10px 20px;
    background: #EBE5D8;
    color: #1E1E1E;
}

.card-format-highlight .view-link a:hover {
    display: block;
    padding: 10px 20px;
    background: #BBBBBB;
}

#grid-highlight-inner {
    padding-top: 25px;
    padding-bottom: 90px;
    margin-bottom: 20px;
}

#grid-highlight-inner .card-format-highlight {
    margin-bottom: 0;
}

.card-format-side {
	margin-bottom: 70px;
    position: relative;
}

.card-format-side .accentuate-img {
	width: 46.666667%;
    display: block;
}

.card-format-side .accentuate-img:after {
    content: "";
    width: 46.666667%;
    height: 100%;
    border: 1px solid #C9B59C;
    bottom: -20px;
    left: -20px;
    right: 20px;
    position: absolute;
    z-index: -10000;
    display: block;
}

.card-format-side .abstract-area {
	margin-top: 37px;
	width: 46.666667%;
}

.card-format-side .caption-area {
    margin-bottom: 17px;
}

.card-format-side .snippet-area {
	margin-bottom: 30px;
}

.card-format-side .shop-the-post-widget {
    border-top: 1px solid #EBE5D8;
    border-right: 1px solid #EBE5D8;
    border-left: 1px solid #EBE5D8;
    padding: 17px 4px;
    margin-bottom: -30px ;
}

.card-format-side .view-link {
    flex-grow: 1;
}

.card-format-side .view-link a {
    display: block;
    text-align: center;
    padding: 10px 20px;
    border: 1px solid #EBE5D8;
    color: #1E1E1E;
}

.card-format-side .view-link a:hover {
    display: block;
    padding: 10px 20px;
    color: #BBBBBB;
}

.card-format-ideal {
	margin-bottom: 107px;
}

.card-format-ideal .accentuate-img {
    margin-bottom: 21px;
}

.card-format-ideal .banner-area {
    margin-bottom: 0;
}

.card-format-ideal .snippet-area {
	margin: 17px 0;
}

.card-format-ideal .shop-the-post-widget {
    border-top: 1px solid #EBE5D8;
    border-right: 1px solid #EBE5D8;
    border-left: 1px solid #EBE5D8;
    padding: 17px;
    margin-bottom: -17px ;
}

.card-format-ideal .base-area {
    border: 1px solid #EBE5D8;
}

.card-format-ideal .base-area .metadata-area > div {
	padding: 15px 25px;
	border-right: 1px solid #EBE5D8;
	flex-grow: 1;
	text-align: center;
	vertical-align: middle;
	line-height: 1em;
}

.card-format-ideal .base-area .metadata-area > div:last-of-type {
	border-right: none;
}

.card-format-ideal .base-area .metadata-area > .view-link {
    padding: 0;
}

.card-format-ideal .base-area .metadata-area > .view-link a {
    display: block;
    border: 1px solid #EBE5D8;
    border: none;
    padding: 16px 25px;
}

.card-format-ideal .view-link a:hover {
    display: block;
}

.card-format-column {
	width: 29%; /* 380/1160 */
    flex-direction: column;
    margin-bottom: 70px;
}

.card-format-column .accentuate-img {
    margin-bottom: 22px;
}

.card-format-column .banner-area .metadata-area {
    margin-bottom: 0;
}

.card-format-column .caption-area {
    margin: 5px 0;
}

#grid-card-sole {
	padding: 58px 0;
}

.card-format-single .banner-area {
	text-align: center;
    margin-bottom: 27px;
}

.card-format-single .caption-area {
    margin-bottom: 0;
}

.card-format-single .grid-topic {
	margin: 27px 0;
}

.card-format-single .base-area {
	margin-bottom: 40px;
	padding-bottom: 15px;
	border-bottom: 1px solid #C9B59C;
}

.card-format-single .shop-the-post-widget {
	padding: 10px;
}

.card-format-single .base-area .metadata-area {
	justify-content: space-around;
}

#similar-cards {
	padding-bottom: 0;
	margin-bottom: 70px;
}

#similar-cards:before {
    background: none;
}

.similar-cards-caption {
	width: 100%;
    display: flex;
    align-items: center;
	justify-content: space-between;
    margin-bottom: 47px;
}

.similar-cards-caption:after {
	content: '';
	display: block;
	height: 1px;
	flex-grow: 1;
	margin-left: 20px;
	background: #C9B59C;
}



/*--------------------------------------------------------------
# Archives
--------------------------------------------------------------*/

.page-header {
    padding-bottom: 27px;
	margin-bottom: 37px;
}

.archive-meta {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
	color: #777;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 2;
	margin-top: 16px;
	margin-top: 1rem;
}

.compile-banner {
	width: 100%;
}

.compile-banner {
	padding-bottom: 27px;
	margin-bottom: 37px;
	border-bottom: 1px solid #EBE5D8;
}

.grid-hold-co .compile-banner {
	margin-bottom: 45px;
}

#no-results {
	max-width: 580px;
    margin: 80px auto;
    text-align: center;
}

#no-results .caption-area {
	margin-bottom: 25px;
}

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

.comments-title {
	margin-bottom: 37px;
    text-align: center;
}

.comments-area article {
	padding-bottom: 16px;
	margin: 24px 0;
    padding: 20px 20px 27px 20px;
	border: 1px solid #C9B59C;
}

#commentform {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
    max-width: 777px;
    margin: 0 auto;
}

#commentform p {
	width: 100%;
	margin-bottom: 10px;
}

.comment-notes {
    display: none;
}

#commentform p.comment-form-author,
#commentform p.comment-form-email,
#commentform p.comment-form-url {
	width: 32.033426%; /* 230/718 */	
}

.comments-area article .comment-meta {
	margin: 0 0 17px;
	position: relative;
    display: flex;
    justify-content: space-between;
}

.comments-area article .comment-meta {
	margin-left: 0px;
}

.comments-area article footer {
	line-height: 1.5;
}

.comments-area .comment-meta .says {
	display: none;
}

.comments-area article .comment-metadata {
	line-height: 1.8;
	text-decoration: none;
	color: #5e5e5e;
}

.comments-area article .comment-meta a {
	text-decoration: none;
	color: #5e5e5e;
}

.comments-area article .comment-meta a:hover {
	color: #21759b;
}

.comments-area article .comment-meta .comment-author a {
	color: #444;
}

.comment-author {
    margin-bottom: 7px;
}

.comments-area article .comment-meta .comment-author a:hover,
.comments-area article .comment-meta .comment-metadata a:hover {
	text-decoration: none;
}

.reply {
    text-align: right;
}

a.comment-reply-link {
	color: #716F6F;
	text-decoration: none;
}

a.comment-reply-link:hover {
	color: #AFACAB;
}

.commentlist .pingback {
	line-height: 1.8;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	padding-bottom: 0;
}

.commentlist .children {
	margin-left: 16px;
	margin-left: 1rem;
	padding-left: 16px;
	padding-left: 1rem;
}

.commentlist {
	padding-left: 0;
}

#respond {
	margin-top: 48px;
	margin-top: 3rem;
}

#respond h3#reply-title {
    margin-bottom: 37px;
    text-align: center;
}

#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 12px;
	margin-left: 0.75rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.75rem;
}

#respond form p.logged-in-as {
	display: none;
}

#respond form label {
	display: block;
	line-height: 1.8;
}

#respond form input[type="text"],
#respond form textarea {
	font-family: inherit;
	-moz-box-sizing: none;
	box-sizing: none;
	line-height: 1.8;
	padding: 8px;
	width: 100%;
    background: #FFF8F5;
}

#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	color: #000;
}

#respond form p.form-allowed-tags code {
	background: none;
	border: none;
	color: #000;
}

label .required,
span.required {
	color: #bb0504;
}

form label.error {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	display:block;
	padding: 0 10px 0 10px;
	padding: 0 0.625rem 0 0.625rem;
	margin: 5px 0 5px 0;
	margin: 0.3125rem 0 0.3125rem 0;
	font-size: 14px;
	font-size: 0.875rem;
	border-left: 4px solid #bb0504;
	display: none;
}

#respond form label.error {
	line-height: 1.3;
}

#respond #wp-comment-cookies-consent {
	margin-right: 12px;
	margin-right: .75rem;
	margin-top: -3px;
}

#respond .comment-form-cookies-consent label {
	display: inline;
}

.comments-area {
	width: 90%;
	max-width: 777px;
	margin: 0 auto;
}

.form-submit {
    text-align: right;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footercontainer {
	background: #EBE5D8;
	width: 100%;
}

.site-footer {
	color: #999;
	padding-top: 16px;
}

.site-footer h3 {
	color: #777;
}

.site-footer a {
	color: #999;
}

.site-footer a:hover {
	color: #2c7dbe;
}

.site-footer .widget-area .widget {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

.site-credits {
	color: #9a9a9a;
	padding-top: 16px;
}

.site-credits p {
	margin: 0 0 12px 0;
}

.site-credits a {
	color: #555;
}

.site-credits a:hover {
	color: #2c7dbe;
}

.site-credits a:active {
	color: #2c7dbe;
}

.footer-credit {
    border-top: 1px solid #FFFFFF;
    background: #FFFFFF;
}

#footer-credit-inner {
	justify-content: center;
	align-items: center;
	padding: 31px 0;
	color: #1E1E1E;
}

#footer-credit-inner a {
	color: #1E1E1E;
}

#footer-credit-inner a:hover {
	color: #BBBBBB;
}

#footer-navigation > li {
	margin: 0 10px;
}

#footer-navigation,
#footer-navigation > li > a {
	padding: 0;
}

.site-credit,
.site-patent {
	margin: 0 10px;
}

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

.widget-area ul {
	list-style: none outside none;
	padding-left: 0;
}

.widget-area .widget {
	margin-bottom: 48px;
	margin-bottom: 3rem;
}

.widget select {
	margin-left: 1px;
	margin-left: 0.0625rem;
}

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.75rem;
}

.widget_archive ul {
	text-align: center;
    padding-left: 0;
}

.widget {
	margin-bottom: 40px;
}

.gridbar .widget_archive {
    padding: 15px 25px 25px;
    background: #EBE5D8;
}

.widget:last-of-type {
    margin-bottom: 0;
}

.widget_archive ul li:last-of-type {
	margin-bottom: 0;
}

.widget_rss li {
	margin: 12px 0;
	margin: 0.75rem 0;
}

.widget_nav_menu .menu {
	text-align: center;
    padding-left: 0;
}

.widget_recent_entries .post-date,
.widget_rss .rss-date {
	font-size: 12px;
	font-size: 0.75rem;
	margin-left: 12px;
	margin-left: 0.75rem;
}

.gridbar .widget_nav_menu {
    padding: 15px 25px 25px;
    background: #EBE5D8;
}

#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 2;
}

.widget_nav_menu .menu li:last-of-type {
	margin-bottom: 0;
}

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: center;
}

.widget_text {
	text-align: center;
}

#wp-calendar thead {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.gridbar .widget_text {
    padding: 15px 25px;
    background: #EBE5D8;
}

#wp-calendar caption {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	text-align: left;
}

.widget_text p {
	font-size: 85%;
    line-height: 2em;
}

#wp-calendar #today {
	background-color: #ddd;
}

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

#wp-calendar tfoot {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.5rem;
	text-align: right;
}

.wp-calendar-nav .wp-calendar-nav-prev {
	padding-left: 0;
}

.wp-calendar-nav .wp-calendar-nav-next {
	padding-right: 0;
	float: right;
}

.wp-calendar-nav:before,
.wp-calendar-nav:after {
	content: "";
	display: table;
}
.wp-calendar-nav:after {
	clear: both;
}
.wp-calendar-nav {
	*zoom: 1;
}

.widget_search label {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.5;
}

.widget_twitter li {
	list-style-type: none;
}

.widget_twitter .timesince {
	display: block;
	text-align: right;
}

.widget-title {
	margin-bottom: 17px;
}

.widget .widget-title {
	text-align: center;
}
#highlight-sec .widget:first-of-type .widget-title,
#grid-section-1 .widget:first-of-type .widget-title,
#grid-section-2 .widget:first-of-type .widget-title,
#grid-section-3 .widget:first-of-type .widget-title,
#footer-sec .widget:first-of-type .widget-title {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
}

/* Author Widget */

.gridbar .frankie_author_widget .widget-topic {
    padding: 17px 25px 25px;
    background: #EBE5D8;
}

.gridbar .frankie_author_widget .widget-img-wrap {
    width: calc(100% + 2px);
    margin-left: -1px;
    margin-top: -1px;
}

.frankie_author_widget {
  text-align: center; 
}

.frankie_author_widget .widget-copy p {
	font-size: 87%;
	line-height: 2em;
}

.grid-section .frankie_author_widget {
    display: flex;
	justify-content: space-between;
}

.grid-section .frankie_author_widget .widget-img-wrap {
    width: 48%;
    padding: 23px;
    border: 1px solid #FFFFFF;
}

.grid-section .frankie_author_widget .widget-topic {
    width: 48%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    background: #FFFFFF;
}

.grid-section .frankie_author_widget .widget-copy {
    max-width: 420px;
	margin: 0 auto 1.5em;
}

/* Explore More Widget */

.grid-section .frankie_explore_more_widget .widget-inner {
	display: flex;
	justify-content: space-between;
}

.grid-section .frankie_explore_more_widget .explore-box {
	width: 0;
	flex-grow: 1;
	margin-right: 17px;
    position: relative;
}

.grid-section .frankie_explore_more_widget .explore-box:last-of-type {
	margin-right: 0;
}

.frankie_explore_more_widget .explore-box {
    position: relative;
}

.frankie_explore_more_widget .explore-box a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.frankie_explore_more_widget .explore-box h6 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 90%;
	max-width: 177px;
	padding: 15px;
	text-align: center;
	color: #000000;
	background: #FFFFFF;
}

.grid-section .frankie_explore_more_widget .explore-box h6 {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 90%;
	max-width: 177px;
	padding: 15px;
	text-align: center;
	color: #000000;
	background: #FFFFFF;
}

.gridbar .frankie_explore_more_widget .explore-box,
.gridbar .frankie_explore_more_widget .explore-box:last-of-type {
    margin-bottom: 21px;
}

/* Feature Widget */

.gridbar .frankie_feature_widget .widget-topic {
    padding: 18px 25px 25px;
    background: #EBE5D8;
    margin-top: -1px;
}

.gridbar .frankie_feature_widget .widget-img-wrap {
    width: calc(100% + 2px);
    margin-left: -1px;
    margin-top: -1px;
}

.frankie_feature_widget .feature-inner-heading a {
	display: block;
	text-align: center;
}

.grid-section .frankie_feature_widget {
    display: none;
}

/* Instagram Widget */

.grid-section .frankie_instagram_wrap_widget .widget-inner {
	display: flex;
	justify-content: space-between;
}

.grid-section .frankie_instagram_wrap_widget .instagram-box {
	width: 0;
	flex-grow: 1;
	margin-right: 17px;
}

.grid-section .frankie_instagram_wrap_widget .instagram-box:last-of-type {
	margin-right: 0;
}

.frankie_instagram_wrap_widget .instagram-box {
    position: relative;
    overflow: hidden;
}

.frankie_instagram_wrap_widget .instagram-box a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.grid-section .frankie_instagram_wrap_widget .instagram-box {
    padding-bottom: 0px;
}

.gridbar .frankie_instagram_wrap_widget .instagram-box,
.gridbar .frankie_instagram_wrap_widget .instagram-box:last-of-type {
    margin-bottom: 27px;
}

/* Latest Products Widget */

.grid-section .frankie_latest_products_widget .widget-inner {
	display: flex;
	justify-content: space-between;
}

.grid-section .frankie_latest_products_widget .product-box {
	width: 100%;
	flex-grow: 1;
	margin-right: 17px;
    padding-bottom: 15px;
}

.grid-section .frankie_latest_products_widget .product-box:last-of-type {
	margin-right: 0;
}

.frankie_latest_products_widget .product-box {
    position: relative;
    z-index: 1;
}

.frankie_latest_products_widget .product-box a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.gridbar .frankie_latest_products_widget {
    padding: 25px 25px 15px;
    background: #FFF8F5;
}

.frankie_latest_products_widget .product-box h6 {
	text-align: center;
	color: #000000;
    margin-top: 13px;
}

.gridbar .frankie_latest_products_widget .product-box,
.gridbar .frankie_latest_products_widget .product-box:last-of-type {
    margin-bottom: 21px;
}

.gridbar .frankie_latest_products_widget .product-box {
    text-align: center;
}

/* Recent Posts Widget */

.gridbar .frankie_recent_posts_widget {
    padding: 25px;
    background: #EBE5D8;
}

.grid-section .frankie_recent_posts_widget .widget-inner {
	display: flex;
	justify-content: space-between;
}

.frankie_recent_posts_widget .recent-posts-img {
    margin-bottom: 17px;
}

.frankie_recent_posts_widget .recent-posts-caption {
    border-bottom: 1px solid #FFFFFF;
    text-align: center;
    padding: 0 15px 17px;
}

.frankie_recent_posts_widget .recent-posts-caption a {
    color: #000000;
}

.frankie_recent_posts_widget .recent-posts-box {
    margin-bottom: 21px;
}

.frankie_recent_posts_widget .recent-posts-box:last-of-type {
    margin-bottom: 0;
}

.grid-section .frankie_recent_posts_widget .recent-posts-box {
	width: 0;
	flex-grow: 1;
	margin-right: 21px;
}

.grid-section .frankie_recent_posts_widget .recent-posts-box:last-of-type {
    margin-right: 0;
}

/* Social Widget */

.gridbar .frankie_social_widget {
    padding: 25px 25px 15px;
    background: #EBE5D8;
}

.frankie_social_widget .social-media-icons {
  text-align: center;
}

.frankie_social_widget .social-media-icons a {
    margin-right: 14px;
    margin-bottom: 9px;
    width: 32px;
    height: 32px;
    font-size: 12px;
    line-height: 30px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.frankie_social_widget .social-media-icons a:last-child {
  margin-right: 0;
}

/* MC4WP */

.gridbar .mc4wp-form {
    background: #EBE5D8;
    padding: 25px 25px 15px;
}

.gridbar .mc4wp-inner-wrap {
    margin-top: 17px;
}

.mc4wp-form {
    text-align: center;
}

.grid-section .frankie-mc4wp-caption {
    position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
}

.grid-section .mc4wp-inner-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid-section .mc4wp-inner-wrap .mc4wp-box {
	margin-right: 17px;
}

.grid-section .mc4wp-inner-wrap .mc4wp-box:last-of-type {
    margin-right: 0;
}

.grid-section .mc4wp-form input[type="text"], 
.grid-section .mc4wp-form input[type="email"] {
    width: 307px;   
}

.gridbar .mc4wp-form input[type="text"], 
.gridbar .mc4wp-form input[type="email"] {
    width: 207px;   
}

/*--------------------------------------------------------------
# Content Navigation
--------------------------------------------------------------*/

.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}

.nav-single {
	width: 90%;
	max-width: 777px;
	margin: 70px auto 0;
    border-bottom: 1px solid #C9B59C;
    padding-bottom: 47px;
}

.nav-previous,
.previous-image {
	float: left;
	width: 50%;
	line-height: 1.3;
}

.nav-previous a,
.nav-next a {
	text-decoration: none;
}

.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
	line-height: 1.3;
}

.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 48px 48px 0;
	margin: 3rem 3rem 3rem 0;
}

.navigation .nav-links {
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 1.5;
}

.nav-links .page-numbers {
	display: inline-block;
}

.nav-links a.page-numbers,
.nav-links span.page-numbers {
	color: #1E1E1E;
	padding: 10px 12px;
	text-decoration: none;
    background-color: #EBE5D8;
    margin-right: 5px;
}

.nav-links a:hover.page-numbers {
	background-color: #AFACAB;
	color: #1E1E1E;
}

.nav-links a:active.page-numbers {
	outline: none;
	background-color: #EBE5D8;
	color: #1E1E1E;
}

.nav-links a.prev,
.nav-links a.next {
	color: #1E1E1E;
    padding: 10px 17px;
}

.nav-links a:hover.prev,
.nav-links a:hover.next {
	background-color: #BBBBBB;
	color: #1E1E1E;
}

.nav-links span.current {
	background-color: #EBE5D8;
    color: #C9B59C;
}

.nav-links a.prev,
.nav-links a.next,
.nav-links span.dots {
	border: none;
}

.cards-pagination-box {
	width: 100%;
	margin-top: 60px;
	margin-bottom: 60px;
}

/*--------------------------------------------------------------
# Main Navigation
--------------------------------------------------------------*/

.main-navigation {
    text-align: center;
}

.main-navigation h1 {
	font-size: 32px;
	font-size: 2rem;
	line-height: 1.25;
}

.nav-menu {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 11px;
	text-transform: uppercase;
    letter-spacing: .15em;
}

.main-navigation ul {
    list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation li {
	float: left;
	position: relative;
	margin: 0;
}

.nav-menu > li a {
	padding: 10px 0;
}

.nav-menu > li {
    margin: 0px 20px 0;
    display: inline-block;
}

.main-navigation ul ul li {
	margin: 0;
}

.main-navigation ul ul a {
	padding: 11.5px 12px;
    border-bottom: 1px solid #FFFFFF;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	display: none;
	position: absolute;
	left: 0;
	z-index: 99999;
	line-height: 1.7;
	background: #FFF8F5;
}

.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}

.main-navigation ul ul a {
	color: #000000;
	width: 14em;
}

.main-navigation ul ul li {
}

.main-navigation ul ul :hover > a {
	color: #AFACAB;
}

.main-navigation li > a:hover {

}

.main-navigation ul ul a:hover {
	color: #AFACAB;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li:focus-within > ul {
	display: block;
}

.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
    
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current_page_parent > a {

}

.main-navigation ul ul li.current-menu-item > a,
.main-navigation ul ul li.current-menu-ancestor > a {

}

.mobile-navigation {
	display: none;
	background-color: none;
	width: 15px;
	height: 12px;
	margin-top: 0;
	position: fixed;
	top: 22px;
	left: 5%;
	z-index: 9999;
	text-decoration: none;
}

.mobile-navigation:hover {
	background-color: none;
}

main {
	position: relative;
	z-index: 2;
	-webkit-overflow-scrolling: touch;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.7s;
	-moz-transition: -moz-transform 0.7s;
	transition: transform 0.7s;
	-webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
	-moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
	transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}

.navigation-is-open main {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}

.cd-nav {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #FFF8F5;
	visibility: hidden;
	-webkit-transition: visibility 0s 0.7s;
	-moz-transition: visibility 0s 0.7s;
	transition: visibility 0s 0.7s;
	overflow-y: scroll;
}

.hide_on_load {
	display: none;
}

.cd-nav .cd-navigation-wrapper {
	/* all navigation content */
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 40px 3% 40px 3%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: -webkit-transform 0.7s;
	-moz-transition: -moz-transform 0.7s;
	transition: transform 0.7s;
	-webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
	-moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
	transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}

.navigation-is-open .cd-nav {
	visibility: visible;
	-webkit-transition: visibility 0s 0s;
	-moz-transition: visibility 0s 0s;
	transition: visibility 0s 0s;
}

.navigation-is-open .cd-nav .cd-navigation-wrapper {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
	-moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
	transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}

.cd-nav h2 {
	position: relative;
	margin-bottom: 1em;
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
	font-size: 12px;
	font-weight: normal;
    letter-spacing: 0.12em;
	color: #000000;
    text-transform: uppercase;
	padding-bottom: 17px;
	border-bottom: 1px solid #FFFFFF;
}

.admin-bar .cd-nav h2 {
  padding-top: 47px;
}

.cd-nav .mobile-menu {
	margin-top: 0;
	padding: 0;
}

.cd-nav .mobile-menu li {
	margin: 16px 0;
}

.cd-nav .mobile-menu a {
	color: #000000;
	display: inline-block;
	font-size: 11px;
	text-decoration: none;
	width: 100%;
    border-bottom: 1px solid #FFFFFF;
    padding-bottom: 13px;
}

.cd-nav .mobile-menu .current-menu-item > a,
.cd-nav .mobile-menu a:hover {
	color: #AFACAB;
}

.no-touch .cd-nav .mobile-menu a:hover {
	color: #AFACAB;
}

.cd-nav .cd-contact-info li {
	margin-bottom: 1.5em;
	line-height: 1.2;
	color: rgba(255, 255, 255, 0.3);
}

.cd-nav .cd-navigation-wrapper::after {
	clear: both;
	content: "";
	display: table;
}

.no-js main {
	height: auto;
	overflow: visible;
}

.no-js .cd-nav {
	position: static;
	visibility: visible;
}

.no-js .cd-nav .cd-navigation-wrapper {
	height: auto;
	overflow: visible;
	padding: 100px 5%;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.menu-hamburger:hover{
	cursor: pointer;
}

.menu-hamburger {
	position: relative;
	top: 0px;
    background: url(images/menu.svg) no-repeat center/contain;
    width: 15px;
    height: 12px;
    display: block;
    margin: 0 auto;
}

.navigation-is-open .menu-hamburger {
    background: url(images/close.svg) no-repeat center/contain;
    width: 15px;
    height: 12px;
    display: block;
    margin: 0 auto;
}

.menu-hamburger:before {
	content: "";
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 15px;
	height: 12px;
	border: 5px solid transparent;
	top: calc(50% - 35px);
	left: calc(50% - 35px);
	border-radius: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.navigation-is-open .menu-hamburger {
   top: 0px;
}

.mobile-nav-title {
    display: none;
}

.navigation-is-open .mobile-nav-title {
	display: none;
}

.main-navigation li.mega-menu {
	position: inherit
}

.main-navigation li.mega-menu > ul {
	position: absolute;
	left: 0;
	width: 100%;
	padding: 30px 20px;
}

.main-navigation li.mega-menu ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

.main-navigation .mega-menu .sub-menu :hover > a {
	color: #fff;
	background-color: #267cc0;
}

.main-navigation .mega-menu .sub-menu > li > a:hover {
	color: #fff;
	background-color: #344860;
}

.main-navigation li.mega-menu ul li li {
	width: 100%;
}

.main-navigation li.mega-menu li > ul {
	position: relative;
	top: auto;
	left: auto;
	padding: 0;
}

.main-navigation li.mega-menu > ul > li {
	margin: 0;
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
	padding: 0;
}

.main-navigation li.mega-menu .menu-item-has-children>a:first-child:after {
	display: none;
}

.main-navigation li.mega-menu > ul > li > ul > li {
	width: 100%;
	margin: 0;
}

.main-navigation li.mega-menu li > ul,
.main-navigation li.mega-menu li > a {
	width: 100%;
}

.main-navigation li.mega-menu > ul {
	position: absolute;
	left: 0;
	padding: 30px 20px;
	padding: 1.875rem 1.25rem;
	width: 100%;
}

.main-navigation ul li.mega-menu:hover > ul {
	display: flex;
	margin: auto;
	align-items: stretch;
}

.main-navigation ul li.mega-menu:hover > ul ul {
	display:flex;
	flex-direction:column;
	flex: 1 0 auto;
	justify-content: center;
}

.main-navigation .mega-menu.current-menu-ancestor > ul > li > a,
.main-navigation .mega-menu.current_page_ancestor > ul > li> a,
.main-navigation .mega-menu.current_page_parent > ul > li > a {
	color: #fff;
}

.main-navigation .mega-menu.current-menu-parent .current-menu-item > a {
	color: #bec3c7;
}

.main-navigation ul .menu-divider,
.cd-nav .mobile-menu ul .menu-divider {
	height: 0;
	line-height: 0.0625;
	overflow: hidden;
}

.main-navigation ul .menu-divider {
	border-bottom: 1px solid #334861;
}

.cd-nav .mobile-menu ul .menu-divider {
	border-bottom: 1px solid #aaa;
}

.main-navigation .mega-menu ul .menu-divider {
	width: 98% !important;
}

.main-navigation ul li.menu-header > a,
.main-navigation ul.nav-menu .mega-menu ul li.menu-header > a {
	color: #334861;
	background-color: inherit;
}

.cd-nav .mobile-menu ul li.menu-header > a,
.cd-nav .mobile-menu .mega-menu ul li.menu-header > a {
	color: #aaa;
	background-color: #505050;
	width: 100%;
}

.before-header {
	position: relative;
    padding: 10.5px 0px;
    border-bottom: 1px solid #EDDDD0;
    background: #EDDDD0;
}

#main-navigation {
    padding-left: 0;
}

#sticky-bar-inner,
#before-header-inner {
    align-items: center;
    justify-content: center;
}

.sticky-bar {
	padding: 10.5px 0px;
    border-bottom: 1px solid #EDDDD0;
    background: #EDDDD0;
	position: fixed;
	width: 100%;
	z-index: 9999;
	top: -100%;
}

/*--------------------------------------------------------------
# Search
--------------------------------------------------------------*/

.search-overlay {
   display: none;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 10001;
   background: #EBE5D8;
   height: 100%;
}

.search-overlay.open {
   display: block;
}

.search-overlay .search-close {
    outline: none;
    position: absolute;
    top: 24px;
    right: 47px;
    z-index: 100;
    background: transparent;
}

.admin-bar .search-overlay .search-close {
  top: 56px;
}

.search-overlay form {
    width: 90%;
	max-width: 520px;
	padding: 20px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10002;
}

.search-overlay .search-form {
	border-bottom: 1px solid #000000;
    padding-bottom: 3px;
	margin-bottom: 10px;
}

#no-results form input,
.search-overlay form input {
    text-align: center;
    background: transparent;
}

.search-overlay .search-close {
    color: #000000;
}

.search-overlay .search-close:hover {
    color: #000000;
}

.search-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#no-results form {
    padding: 0 37px;
    background: #EBE5D8;
}

.search-form {
    margin: 0 auto;
}

.search-form input {
    background: none;
    border: none;
    width: 100%;
    color: #aaa;
    text-align: center;
    line-height: 1em;
}

.widget-area .search-form {
   width: 100%;
}

.widget-area .search-form input {

}

.search-form label {
    order: 1;
	padding: 0;
	width: 100%;
    padding: 0 20px 0 0;
	flex-grow: 1;
    color: #000000;
}

.search-submit {
    order: 2;
	font-size: 15px;
    width: 20px;
    padding-right: 7px;
    background-color: inherit;
    color: #000000;
}

.search-submit:hover {
	background-color: inherit;
	color: #000;
}

.widget-area .search-submit {
	font-size: 2em;
}

.search-overlay .search-submit {
   font-size: 15px;
}

.search-icon i {
	font-size: 12px;
    padding: 6px 0;
}

.main-navigation .search-icon {
    margin-left: 20px;
}

.grid-hold-sm .search-icon {
    margin-left: 14px;
}

.gridbar .widget_search label {
	display: none;
}
.gridbar .wp-block-search .wp-block-search__input {
	background: #FFF8F5;
    border: 0;
}
.gridbar .wp-block-search button {
	border: 0px;
}

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

h1.page-title {
	font-family: 'Dosis', sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #3a3a3a;
	margin-top: 0;
}

h1.page-title {
	font-size: 48px;
	font-size: 3rem;
	line-height: 1.25;
}

.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before {
	color: #2c7dbe;
}

.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
	border-color: #2c7dbe;
}

.woocommerce #content div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-page #content div.product p.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
	color: #2c7dbe;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #content input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt {
	background-color: #2c7dbe;
	*background-color: #2c7dbe;
	border: none;
	*border: 0;
	border-radius: 0;
	color: #fff;
	text-shadow: none;
	padding: 12px 12px;
	padding: 0.75rem 0.75rem;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #content input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
	color: #fff;
	background-color: #344860;
	*background-color: #344860;
	border: none;
}

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt[disabled]:disabled,
.woocommerce #respond input#submit.alt[disabled]:disabled:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt[disabled]:disabled,
.woocommerce a.button.alt[disabled]:disabled:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt[disabled]:disabled,
.woocommerce button.button.alt[disabled]:disabled:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt[disabled]:disabled,
.woocommerce input.button.alt[disabled]:disabled:hover {
	background-color: #6d9fc6;
	color: #fff;
}

.woocommerce .quantity .qty {
	padding: 5.6px;
	padding: 0.35rem;
}

.woocommerce .quantity.buttons_added input.qty,
.woocommerce-page .quantity.buttons_added input.qty {
	height: auto;
	padding: 8px;
	padding: 0.5rem;
}

.woocommerce .quantity.buttons_added .plus,
.woocommerce .quantity.buttons_added .minus,
.woocommerce-page .quantity.buttons_added .plus,
.woocommerce-page .quantity.buttons_added .minus {
	height: 1.3rem;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
	padding: 11px;
	padding: .6875rem;
}

.woocommerce-page #content table.cart td.actions .input-text {
	width: 150px
}

.woocommerce-page .entry-content th,
.woocommerce-page .entry-content td {
	border-bottom: none;
}

.woocommerce span.onsale,
.woocommerce-page span.onsale {
	line-height: 2.6;
	min-height: 3em;
	min-width: 3em;
	background-color: #2c7dbe;
	*background-color: #2c7dbe;
}

.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
	background-color: #3a3a3a;
	color: #fff;
}

.woocommerce nav.woocommerce-pagination li a.page-numbers,
.woocommerce nav.woocommerce-pagination li span.page-numbers {
	padding: 5px;
	padding: 0.3125rem;
	text-decoration: none;
	line-height: 1.25;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li {
	margin: 0 .1rem;
	border: none;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers {
	border: none;
}

.woocommerce nav.woocommerce-pagination li a.prev,
.woocommerce nav.woocommerce-pagination li a.next,
.woocommerce nav.woocommerce-pagination li span.dots {
	border: none;
}

.woocommerce nav.woocommerce-pagination li a:hover.page-numbers {
	background-color: #2c7dbe;
	color: #fff;
}

.woocommerce nav.woocommerce-pagination li a:hover.prev,
.woocommerce nav.woocommerce-pagination li a:hover.next {
	background-color: transparent;
	color: #2c7dbe;
}

.shipping-calculator-button {
	text-decoration: none;
}

.woocommerce div.product div.images ol.flex-control-thumbs {
	padding-top: 1em;
}

.woocommerce div.product div.images ol.flex-control-thumbs li {
	width: 23.5%;
	margin: 0 2% 10px 0;
}

.woocommerce div.product div.images ol.flex-control-thumbs li:nth-child(4n+4) {
	margin-right: 0;
}

.woocommerce .pswp__caption__center {
	text-align: center;
}

.widget-area .woocommerce-product-search .search-field {
	margin: 5px 0;
	margin: 0.3125rem 0;
	padding: 5px 0;
	padding: .3125rem 0;
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
}

.woocommerce-MyAccount-navigation li {
	padding: 4px;
	padding: .25rem;
	margin: 4px;
	margin: .25rem;
}

.woocommerce-MyAccount-navigation li a {
	text-decoration: none;
}

.sku_wrapper,
.posted_in,
.tagged_as {
	display: block;
	font-size: 14px;
	font-size: .875rem;
}

.woocommerce-store-notice,
p.demo_store {
	position: fixed;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 16px 136px 16px 24px;
	padding: 1rem 8.5rem 1rem 1.5rem;
	background-color: #2c7dbe;
	color: #fff;
	z-index: 999;
	font-size: 14px;
	font-size: .875rem;
	text-align: left;
}

.demo_store:before {
	font-family: 'Font Awesome 5 Free';
	display: inline-block;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: "\f05a";
	margin-right: 4px;
	margin-right: .25rem;
}

.demo_store a {
	background: rgba( 0, 0, 0, .1 );
	float: right;
	display: inline-block;
	margin: 0;
	padding: 16px 24px;
	padding: 1rem 1.5rem;
	position: absolute;
	top: 0;
	right: 0;
}

.demo_store a:before {
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	display: inline-block;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: "\f057";
	margin-right: 4px;
	margin-right: .25rem;
}

/*--------------------------------------------------------------
# Block Editor (Gutenberg)
--------------------------------------------------------------*/

.site-content .has-eclipse-background-color {
	background-color: #3a3a3a;
}

.site-content .has-eclipse-color {
	color: #3a3a3a;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-eclipse-background-color {
	background-color: transparent;
	border: 2px solid #3a3a3a;
	color: #3a3a3a;
}

.grid-card-box {
	padding: 58px 0;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-eclipse-background-color:hover {
	background-color: #3a3a3a;
	*background-color: #3a3a3a;
	color: #fff;
}

.site-content .has-san-juan-background-color {
	background-color: #334861;
}

.grid-card-box.grid-hold-co .grid-card {
	position: relative;
}

.site-content .has-san-juan-color {
	color: #334861;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-san-juan-background-color {
	background-color: transparent;
	border: 2px solid #334861;
	color: #334861;
}

.grid-card-caption {
	width: 100%;
    display: flex;
    align-items: center;
	justify-content: space-between;
    margin-bottom: 47px;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-san-juan-background-color:hover {
	background-color: #334861;
	*background-color: #334861;
	color: #fff;
}

.site-content .has-denim-background-color {
	background-color: #2979c7;
}

.grid-card-caption:after {
	content: '';
	display: block;
	height: 1px;
	flex-grow: 1;
	margin-left: 20px;
	background: #C9B59C;
}

.site-content .has-denim-color {
	color: #2979c7;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-denim-background-color {
	background-color: transparent;
	border: 2px solid #2979c7;
	color: #2979c7;
}

.grid-card .post:last-child {
	margin-bottom: 70px;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-denim-background-color:hover {
	background-color: #2979c7;
	*background-color: #2979c7;
	color: #fff;
}

.site-content .has-electric-violet-background-color {
	background-color: #8309e7;
}

.grid-card {
	width: 100%;
}

.site-content .has-electric-violet-color {
	color: #8309e7;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-electric-violet-background-color {
	background-color: transparent;
	border: 2px solid #8309e7;
	color: #8309e7;
}

.grid-card-box.grid-hold-gb .grid-card {
    width: 67%;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-electric-violet-background-color:hover {
	background-color: #8309e7;
	*background-color: #8309e7;
	color: #fff;
}

.site-content .has-cerise-background-color {
	background-color: #df49b8;
}

.grid-card-box.grid-fw .grid-card {
    max-width: 750px;
    margin: 0 auto;
}

.site-content .has-cerise-color {
	color: #df49b8;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-cerise-background-color {
	background-color: transparent;
	border: 2px solid #df49b8;
	color: #df49b8;
}

.grid-card-box.gridbar-le .grid-card {
    order: 2;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-cerise-background-color:hover {
	background-color: #df49b8;
	*background-color: #df49b8;
	color: #fff;
}

.site-content .has-alizarin-background-color {
	background-color: #df312c;
}

.gridbar {
	width: 25%;
}

.site-content .has-alizarin-color {
	color: #df312c;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-alizarin-background-color {
	background-color: transparent;
	border: 2px solid #df312c;
	color: #df312c;
}

.grid-card-box.gridbar-le .gridbar {
    order: 1;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-alizarin-background-color:hover {
	background-color: #df312c;
	*background-color: #df312c;
	color: #fff;
}

.site-content .has-pumpkin-background-color {
	background-color: #ff8228;
}

.grid-card-box.gridbar-le .cards-pagination-box {
    order: 3;
}

.site-content .has-pumpkin-color {
	color: #ff8228;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-pumpkin-background-color {
	background-color: transparent;
	border: 2px solid #ff8228;
	color: #ff8228;
}

.grid-section {
	margin: 25px auto;
	padding: 58px 0;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-pumpkin-background-color:hover {
	background-color: #ff8228;
	*background-color: #ff8228;
	color: #fff;
}

.site-content .has-titanium-yellow-background-color {
	background-color: #eef000;
}

.grid-section:before {
	background: #EBE5D8;
}

.site-content .has-titanium-yellow-color {
	color: #eef000;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-titanium-yellow-background-color {
	background-color: transparent;
	border: 2px solid #eef000;
	color: #eef000;
}

#highlight-sec {
	margin-top: 0;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-titanium-yellow-background-color:hover {
	background-color: #eef000;
	*background-color: #eef000;
	color: #3a3a3a;
}

.site-content .has-atlantis-background-color {
	background-color: #7ed934;
}

.site-content .has-atlantis-color {
	color: #7ed934;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-atlantis-background-color {
	background-color: transparent;
	border: 2px solid #7ed934;
	color: #7ed934;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-atlantis-background-color:hover {
	background-color: #7ed934;
	*background-color: #7ed934;
	color: #3a3a3a;
}

.site-content .has-white-smoke-background-color {
	background-color: #eee;
}

#grid-section-3 {
	margin-bottom: 0;
	margin-top: 80px;
}

.site-content .has-white-smoke-color {
	color: #eee;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-white-smoke-background-color {
	background-color: transparent;
	border: 2px solid #eee;
	color: #eee;
}

#footer-sec {
	margin: 80px auto 0;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-white-smoke-background-color:hover {
	background-color: #eee;
	*background-color: #eee;
	color: #3a3a3a;
}

.site-content .has-white-background-color {
	background-color: #fff;
}

#no-results-sec {
	margin-bottom: 0;
}

.site-content .has-white-color {
	color: #fff;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-white-background-color {
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
}

#footer-sec.grid-past-gst {
	margin-top: 0;
	padding-top: 0;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link.has-white-background-color:hover {
	background-color: #fff;
	*background-color: #fff;
	color: #3a3a3a;
}

.site-content p.has-small-font-size {
	font-size: 13px;
	font-size: .8125rem;
}

.kno-folio .caption-area {
	text-align: center;
	margin-bottom: 25px;
}

.site-content p.has-normal-font-size {
	font-size: 16px;
	font-size: 1rem;
}

.site-content p.has-medium-font-size {
	font-size: 24px;
	font-size: 1.5rem;
}

.kno-folio .grid-fw.grid-hold-ai .grid-card {
	max-width: 1160px;
}

.site-content p.has-large-font-size {
	font-size: 36px;
	font-size: 2.25rem;
}

.site-content p.has-huge-font-size {
	font-size: 48px;
	font-size: 3rem;
}

.kno-folio .grid-fw.grid-hold-ai .accentuate-img {
	width: 50%;
}

.site-content .has-background {
	padding: 24px 32px;
	padding: 1.5rem 2rem;
}

.site-content [class*="wp-block"].alignleft {
	margin: 0 20px 16px 0;
	margin: 0 1.25rem 1rem 0;
}

.kno-folio .grid-fw.grid-hold-ai .abstract-area {
	width: 47.272727%;
	margin-top: 37px;
}

.site-content [class*="wp-block"].alignright {
	margin: 0 0 16px 20px;
	margin: 0 0 1rem 1.25rem;
}

.kno-folio .grid-fw.grid-hold-ai .caption-area {
	text-align: left;
}

.site-content .grid-100 .alignwide {
	margin-left: -200px;
	margin-right: -200px;
}

.site-content .grid-100 .alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

#grid-card-folio .banner-area {
    display: none;
}

.site-content .grid-100 .wp-block-table.alignfull {
	padding-left: 20px;
	padding-right: 20px;
}

.grid-hold-por {
	position: relative;
}

.site-content .grid-100 .wp-block-image {
	max-width: none;
}

.por-area.grid-hold-por {
	position: absolute;
	top: 64px;
	left: 0;
	font-size: 12px;
}

.wp-block-image figcaption {
	margin: 8px 0 16px 0;
	margin: .5rem 0 1rem 0;
	color: #555;
	text-align: center;
	font-size: 13px;
	font-size: .8125rem;
}

.por-area.grid-hold-por .for {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	z-index: 2;
	cursor: pointer;
}

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
	padding: 10px;
	color: #000;
	background: rgba(255, 255, 255, .7);
}

.por-area.grid-hold-por .for-copy {
	text-transform: uppercase;
    letter-spacing: 0.125rem;
    font-family: 'Roboto';
    font-weight: normal;
    font-size: 9px;
    background: #FFFFFF;
    color: #1E1E1E;
    padding: 8px 14px;
}

.for-copy i {
    color: #C9B59C;
}

.site-content .grid-100 .wp-block-cover {
	height: 100vh;
	width: auto;
}

.por-area.grid-hold-por ul {
	padding: 36px 0 15px;
	text-align: center;
	border-radius: 0;
	margin-top: -27px;
	opacity: 0;
}

.site-content .grid-100 .wp-block-cover h2 {
	max-width: inherit;
}

.por-area.grid-hold-por ul li {
	margin-top: 5px;
}

.wp-block-cover h1,
.wp-block-cover h2,
.wp-block-cover h3,
.wp-block-cover h4,
.wp-block-cover h5,
.wp-block-cover h6 {
	font-family: 'Dosis', sans-serif;
	font-style: normal;
	font-weight: 700;
	margin-top: 0;
	color: #fff;
}

.por-area.grid-hold-por:hover ul {
	opacity: 1;
}

.wp-block-cover h1 {
	margin-bottom: 10px;
	margin-bottom: 0.625rem;
	font-size: 48px;
	font-size: 3rem;
	line-height: 1.25;
}

.por-area.grid-hold-por ul a {
	color: #1E1E1E;
}

.por-area.grid-hold-arr ul,
.por-area.grid-hold-arr li {
	display: inline-block;
}

.wp-block-cover h2 {
	margin-bottom: 8px;
	margin-bottom: .5rem;
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 1.1666;
}

.por-area.grid-hold-arr li {
	margin-left: 10px;
	font-size: 11px;
}

.wp-block-cover h3 {
	margin-bottom: 6px;
	margin-bottom: 0.375rem;
	font-size: 28px;
	font-size: 1.75rem;
	line-height: 1.2857;
}

.por-area.grid-hold-arr .for-copy,
.por-area.grid-hold-arr .for i {
	display: none;
}

.wp-block-cover h4 {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.25;
}

.wp-block-cover h5 {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.25;
}

.wp-block-cover h6 {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.2142;
}

.wp-block-cover p {
	font-style: normal;
	font-weight: 400;
	margin-top: 0;
	color: #fff;
}

.wp-block-cover p {
	margin-bottom: 8px;
	margin-bottom: .5rem;
	font-size: 32px;
	font-size: 2rem;
	line-height: 1.1666;
}

.site-content .wp-block-quote {
	border-top: none;
	border-bottom: none;
	margin: 0 0 18px 20px;
	margin: 0 0 1.125rem 1.25rem;
	padding: 16px 0 16px 16px;
	padding: 1rem 0 1rem 1rem;
	text-align: left;
}

.site-content .wp-block-quote.has-text-align-right {
	border-left: none;
	border-right: 5px solid #3a3a3a;
	margin: 0 20px 18px 0;
	margin: 0 1.25rem 1.125rem 0;
	padding: 16px 16px 16px 0;
	padding: 1rem 16px 1rem 0;
	text-align: right;
}

.site-content .wp-block-quote.has-text-align-center {
	border: none;
	margin: 0 20px 18px 20px;
	margin: 0 1.25rem 1.125rem 1.25rem;
	padding: 16px 16px 16px 16px;
	padding: 1rem 16px 1rem 16px;
	text-align: center;
}

.site-content .wp-block-quote.is-style-large {
	border: none;
	text-align: center;
}

.site-content .wp-block-quote.is-style-large cite {
	text-align: center;
}

.site-content .wp-block-quote.is-style-large cite::before {
	content: none;
}

.site-content .wp-block-pullquote {
	border-top: 5px solid #3a3a3a;
	border-bottom: 5px solid #3a3a3a;
	border-left: none;
	margin: 0 0 18px 0;
	margin: 0 0 1.125rem 0;
	padding: 32px 0;
	padding: 2rem 0;
	text-align: center;
}

.site-content .wp-block-pullquote blockquote {
	margin: 0;
	border: none;
	padding: 16px;
	padding: 1rem;
}

.site-content .wp-block-quote p,
.site-content .wp-block-pullquote p {
	font-style: italic;
	font-weight: 400;
	font-size: 24px;
	font-size: 1.5rem;
	margin: 0 0 8px;
	margin: 0 0 .5rem;
}

.site-content .wp-block-quote cite,
.site-content .wp-block-pullquote cite {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.125;
	color: #999;
	text-transform: none;
}

.site-content .wp-block-quote.is-style-large p {
	font-weight: 400;
	font-size: 32px;
	font-size: 2rem;
}

.wp-block-audio audio {
	width: 100%;
}

.wp-block-code code {
	border: 0;
}

.site-content .wp-block-button .wp-block-button__link {
	display: inline-block;
	*display: inline;
	padding: 9px 14px;
	padding: 0.59375rem 0.875rem;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.25;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	border-radius: 0;
}

.wp-block-button__link {
	color: #fff;
	background-color: #2e7bc4;
	*background-color: #2e7bc4;
}

.site-content .wp-block-button .wp-block-button__link:hover {
	background-color: #344860;
	*background-color: #344860;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: #2e7bc4;
	*background-color: #2e7bc4;
	color: #fff;
}

.site-content .wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	border: 2px solid #2e7bc4;
	color: #2e7bc4;
}

.site-content hr {
	background-color: inherit;
}

.site-content .wp-block-separator {
	border-bottom: 1px solid #999;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.site-content .wp-block-separator.is-style-wide {
	max-width: 850px;
}

.site-content .wp-block-separator.is-style-dots {
	border: none;
}

.site-content .wp-block-separator.is-style-dots::before {
	content: "\00b7 \00b7 \00b7 \00b7 \00b7 \00b7";
}

.site-content .wp-block-table table {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
	width: 100%;
}

.site-content .wp-block-table table caption {
	font-size: 16px;
	font-size: 1rem;
	margin: 24px 0;
	margin: 1.5rem 0;
}

.site-content .wp-block-table td {
	border-bottom: 1px solid #ccc;
	border-top: none;
	border-right: none;
	border-left: none;
	padding: 6px 10px 6px 0;
	padding: 0.375rem 0.625rem 0.375rem 0;
}

.site-content .wp-block-table th {
	border-bottom: 1px solid #ccc;
}

.site-content .grid-100 .wp-block-table.alignwide {
	width: calc(100% + 400px);
}

.site-content .grid-100 .wp-block-table.alignfull {
	width: 100vw;
}

.wp-block-columns {
	justify-content: space-between;
	word-break: break-all;
}

.has-2-columns .wp-block-column {
	width: 49%;
}

.has-3-columns .wp-block-column {
	width: 32%;
}

.has-4-columns .wp-block-column {
	width: 23.5%;
}

.has-5-columns .wp-block-column {
	width: 18.5%;
}

.has-6-columns .wp-block-column {
	width: 15%;
}

.wp-block-group {
	margin-bottom: 32px;
	margin-bottom: 2rem;
}

.site-content figure.wp-block-embed.is-type-video {
	position: relative;
	width: 100%;
}

.site-content figure.alignwide.wp-block-embed.is-type-video {
	width: calc(100% + 400px);
}

.site-content figure.alignfull.wp-block-embed.is-type-video {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: auto;
}

.wp-embed-responsive .site-content .wp-has-aspect-ratio iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.site-content .wp-block-group.alignwide,
.site-content .wp-block-group.alignfull {
	padding: 20px 30px;
}

.grid-card-box.grid-hold-hg .grid-card {
    max-width: 979px;
    width: 90%;
    margin: 0 auto;
}

.wp-block-social-links .wp-social-link {
	margin: 0 20px 0 0;
	margin: 0 1.25rem 0 0;
}

.grid-area {
    max-width: 1170px;
}

.grid-area-highlight {
  max-width: 979px;
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

@media only screen and (max-width: 1100px) {
	.site-title a {
		font-size: 52px;
		font-size: 3.25rem;
	}
	.banner h1 {
		font-size: 44px;
		font-size: 2.75rem;
	}
	.banner h2 {
		font-size: 24px;
		font-size: 1.5rem;
	}
    #main-navigation-sticky,
	#main-navigation {
		display: none;
	}
	.mobile-navigation {
		display: block;
	}
}

@media screen and (max-width: 1024px) {
	.main-navigation .search-icon {
		margin-left: 6px;
	}
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    .main-navigation .social-icons {
		margin-left: auto;
	}
    
    .grid-hold-sm.grid-sm-quire-cov .search-icon {
		margin-left: auto;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.grid-card-box.grid-hold-gb.grid-cov-quire-gb .grid-card {
		width: 100%;
	}
}

@media all and (max-width: 767px) {
    .main-navigation .social-icons {
		margin-left: auto;
	}
    
    .grid-card-box.grid-hold-gb .grid-card {
		width: 100%;
	}
	
	.gridbar {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	
	.grid-card-box.gridbar-le .cards-pagination-box {
		padding-left: 0;
	}
    
    .card-format-side .accentuate-img {
		width: 100%;
	}
    
    .card-format-side .accentuate-img:after {
        display: none;
    }

	.card-format-side .abstract-area {
		margin-top: 25px;
		width: 100%;
	}
    
    .card-format-ideal .accentuate-img {
		width: 100%;
	}

	.card-format-ideal .snippet-area {
		margin-top: 25px;
		width: 100%;
	}
    
    .card-format-column {
		width: 100%;
        margin-bottom: 50px;
	}
}

@media screen and (max-width: 767px) {
	.card-format-highlight .accentuate-img {
		width: 100%;
	}

	.card-format-highlight .abstract-area-highlight {
        margin: -50px auto 0 auto;
    
	}
    
    .card-format-highlight .caption-area {
        padding: 0;
    }
    
    .kno-folio .grid-fw.grid-hold-ai .accentuate-img {
		width: 100%;
	}

	.kno-folio .grid-fw.grid-hold-ai .abstract-area {
		width: 100%;
	}
    
    .grid-section .frankie_author_widget {
        display: block;
    }
    
    .grid-section .frankie_author_widget .widget-img-wrap {
        width: 100%;
    }
    
    .grid-section .frankie_author_widget .widget-topic {
        width: 100%;
	    display: block;
        margin-top: 12px;
        padding: 15px;
    }
    
    .grid-section .frankie_explore_more_widget .widget-inner {
        display: block;
    }
    
    .grid-section .frankie_explore_more_widget .explore-box {
        width: 100%;
        margin-bottom: 21px;
        margin-right: 0;
    }
    
    .grid-section .frankie_explore_more_widget .explore-box:last-of-type {
	   margin-bottom: 0;
    }
    
    .grid-section .frankie_instagram_wrap_widget .widget-inner {
        display: block;
    }
    
    .grid-section .frankie_instagram_wrap_widget .instagram-box {
        width: 100%;
        margin-bottom: 21px;
        margin-right: 0;
    }
    
    .grid-section .frankie_instagram_wrap_widget .instagram-box:last-of-type {
	   margin-bottom: 0;
    }
    
    .grid-section .frankie_latest_products_widget .widget-inner {
        display: block;
    }
    
    .grid-section .frankie_latest_products_widget .product-box {
        width: 100%;
        margin-bottom: 21px;
        margin-right: 0;
    }
    
    .grid-section .frankie_latest_products_widget .product-box:last-of-type {
	   margin-bottom: 0;
    }
    
    .grid-section .frankie_recent_posts_widget .widget-inner {
        display: block;
    }
    
    .grid-section .frankie_recent_posts_widget .recent-posts-box {
        width: 100%;
		margin-right: 0; 
    }
    
    .grid-section .frankie_recent_posts_widget .recent-posts-box:last-of-type {
        margin-bottom: 0;
    }
    
    .grid-section .mc4wp-inner-wrap {
        display: block;
        width: 100%;
    }
    
    .por-area.grid-hold-por {
        display: none;
    }
    
    #commentform p.comment-form-author,
	#commentform p.comment-form-email,
	#commentform p.comment-form-url {
		width: 100%; /* 230/718 */	
	}
}

@media only screen and (max-width: 767px) {
	.widget-area {
		margin-top: 32px;
		margin-top: 2rem;
	}
	.header-meta {
		margin-bottom: 16px;
		margin-bottom: 1rem;
	}
	.header-meta a {
		padding: 12px 12px 12px 0;
		padding: .75rem .75rem .75rem 0;
	}
	.header-meta .post-categories a {
		padding: 5px;
		padding: .3125rem;
	}
	.nav-links .page-numbers {
		line-height: 2;
	}
	.nav-links a.page-numbers,
	.nav-links span.page-numbers {
		padding: 12px 10px;
		padding: .75rem .625rem;
	}
	.more-link {
		padding: 12px 12px 10px 0;
		padding: .75rem .75rem .625rem 0;
	}
	.widget-area a {
		padding: 12px 12px 10px 0;
		padding: .75rem .75rem .625rem 0;
	}
	.widget-area li {
		margin: 12px 12px 10px 0;
		margin: .75rem .75rem .625rem 0;
	}
	.wp-block-columns {
		display: block;
	}
	.has-2-columns .wp-block-column,
	.has-3-columns .wp-block-column,
	.has-4-columns .wp-block-column,
	.has-5-columns .wp-block-column,
	.has-6-columns .wp-block-column {
		width: 100%;
		margin-left: 0;
	}
	.wp-block-column:nth-child(2n) {
		margin-left: 0;
	}
}

@media only screen and (max-width: 667px) {
	.nav-menu ul {
		padding: 0;
	}
	.woocommerce-store-notice,
	p.demo_store {
		padding: 16px 24px;
		padding: 1rem 1.5rem;
		text-align: center;
	}
	.demo_store a {
		float: none;
		background-color: inherit;
		padding: 0;
		position: relative;
	}
}

@media only screen and (max-width: 599px) {
	.author-info {
		text-align: center;
	}
	.author-avatar, .author-description {
		float: none;
	}
	.author-description {
		width: 100%;
	}
}

@media only screen and (max-width: 519px) {
	.site-title h1 {
		text-align: center;
	}
	.nav-menu,
	.nav-menu ul {
		padding: 0;
	}
    
	.main-navigation ul ul,
	.main-navigation ul ul li ul {
		position: relative;
	}
	.main-navigation ul ul li ul {
		left: 0;
	}
	.main-navigation ul ul a {
		color: #fff;
		background-color: #3a3a3a;
		width: 100%;
	}
	.header-meta .publish-date,
	.header-meta .publish-author,
	.header-meta .post-categories,
	.header-meta .comments-link {
		float: left;
		margin: 8px 0;
		margin: .5rem 0;
	}
	.header-meta .post-categories {
		margin-right: 8px;
		margin-right: .5rem;
	}
}

@media only screen and (max-width: 420px) {
	.nav-links a.prev span,
	.nav-links a.next span {
		display: none;
	}
}

@media only screen and (max-width: 320px) {
	.author-description {
		float: left;
		width: 100%;
	}
}

/*--------------------------------------------------------------
# Non-semantic helper classes from HTML5 Boilerplate
--------------------------------------------------------------*/

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*--------------------------------------------------------------
# Print styles from HTML5 Boilerplate
--------------------------------------------------------------*/

@media print {
	*,*::before,*::after {background: #fff !important;color: #000 !important;box-shadow: none !important;text-shadow: none !important;}
	a,a:visited {text-decoration: underline;}
	a[href]::after {content: " (" attr(href) ")";}
	abbr[title]::after {content: " (" attr(title) ")";}
	a[href^="#"]::after,a[href^="javascript:"]::after {content: "";}
	pre {white-space: pre-wrap !important;}
	pre,blockquote {border: 1px solid #999;page-break-inside: avoid;}
	thead {display: table-header-group;}
	tr,img {page-break-inside: avoid;}
	p,h2,h3 {orphans: 3;widows: 3;}
	h2,h3 {page-break-after: avoid;}
}