/*  
Theme Name: Touch
Version: 2.0
Author: Bonfire Themes
Author URI: http://bonfirethemes.com/
Theme URI: http://bonfirethemes.com/touch/
Description: A lighter-than-air WordPress theme for touch devices.
Tags: one-column, custom-background, custom-menu, featured-images, full-width-template
Text Domain: touch
Tested up to: 5.6.1
Requires PHP: 5.2.4
License: GNU GENERAL PUBLIC LICENSE, Version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*************************************************************
[TABLE OF CONTENTS]

- GENERAL STYLING
- STRUCTURE
- IF A POST IS MADE STICKY
- 404 PAGE
- SHOWING TAGS/CATEGORIES/SEARCH RESULTS/AUTHOR
- COMMENT FORM
- LISTS
- HEADINGS
- POSTS, PAGES
- POST AUTHOR + DATE
- ARCHIVE PAGES
- NEXT PAGE, PREV PAGE (BLOG INDEX)
- FOOTER COMMENT COUNT
- COMMENTS
- WIDGETS
- FOOTER
- POST FORMATTING
- PAGE TEMPLATES
- CLEAR & ALIGNMENT
- GALLERY
- GUTENBERG
- RESPONSIVE VIDEO CONTAINER
- METASLIDER ADJUSTMENTS (for Flex Slider)
- MEDIA QUERIES
*************************************************************/


/* GENERAL STYLING
**************************************************/
* { box-sizing:border-box; }
.menu-plugin-notification {
	position:fixed;
	z-index:99999999;
	top:20px;
	left:20px;
	right:20px;
	background-color:#fff;
	padding:35px 25px 33px 25px;
	font-family:'Jost',arial,tahoma,verdana;
	font-weight:500;
	font-size:15px;
	color:#555;
	text-align:center;
	
	-webkit-box-shadow:1px 0px 10px 10px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:1px 0px 10px 10px rgba(50, 50, 50, 0.1);
    box-shadow:1px 0px 10px 10px rgba(50, 50, 50, 0.1);
    
	border-radius:5px;
}
/* PhotoSwipe z-index (so it would appear above Touchy menubar) */
.pswp { z-index:99999; }

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
table {
	border-collapse:collapse;
	width:100%;
	border-spacing:0;
}
table.is-style-regular, th, td {
	border: 1px solid #ddd;
	padding:10px;
	text-align:left;
}
thead {
	background-color:#F5F5F5;
}
th { font-weight:500; }
th a { font-weight:400; }
pre {
	white-space:pre-wrap;
    word-wrap:break-word;
    background:#F5F5F5;
    padding:20px;
    font-size:13px;
    line-height:16px;
    border:1px solid #ddd;
}
img, fieldset {
	border: 0;
}
.gallery-caption {
	color:#615D5D;
}
article, aside, details, footer, header, hgroup, menu, nav, section { 
    display: block;
}
/* text 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:400;
	padding:15px 23px 14px;
	text-decoration:none;
	top:5px;
	width:auto;
	z-index:100000; /* Above WP toolbar. */
}
img {
	max-width: 100%;
	height: auto;
}
/* no outline or border radius on input fields */
textarea,
input,
textarea:focus,
input:focus {
    outline:none;
    border-radius:0;
}
/* featured image */
.featured-image {
    position:relative;
	z-index:1;
    margin-bottom:-5px;
    overflow:hidden;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
/* featured image gradient overlay */
.featured-image::before {
	content:'';
    position:absolute;
    z-index:1;
	bottom:0;
	display:block;
	width:100%;
    height:40px;
    pointer-events:none;
	
	background:rgb(0,0,0);
    background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
}
.featured-image img {
	width:100%;
	min-width:280px;
	margin:0 0 -4px 0;
	padding:0;
	
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	transition:all .4s ease;
}
.content-wrapper:hover .featured-image a img {	
	-webkit-transform:scale(1.03);
	-moz-transform:scale(1.03);
	transform:scale(1.03);
}
body, body .search {
	color:#333;
	background-color:#E9E9E9;
	font-family:'Jost',arial,tahoma,verdana;
}
.error404, .page-template-page-archive-php {
	background-color:#212025;
}
iframe { min-width:50px !important; }
#sitewrap {
    max-width:1100px;
    margin:0 auto;
    padding:0;
}
#pagewrap {
	width:100%;
	margin:0 auto;
}
a {
	color:#fff;
	text-decoration:none;
	outline:none;
	
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
}
a:hover {
	text-decoration:underline;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}
small {
	font-size: 13px;
}
.search-archive {
	color:#eee;
	padding:0;
}
.display-none {
	display:none;
}
blockquote {
	color:#444;
	font-size:18px;
	border-left:3px solid #444;
	margin-bottom:10px !important;
	padding:5px 10px !important;
}
blockquote p { margin:0; }
blockquote cite {
	color:#999;
	font-size:14px;
	font-style:normal;
}
.wp-block-pullquote blockquote {
	border:none;
}
.wp-block-pullquote {
	border:none;
	border-top:3px solid #444;
	border-bottom:3px solid #444;
	padding:50px 25px !important;
}
.wp-block-pullquote blockquote p {
	margin-bottom:30px;
}
.wp-block-pullquote blockquote cite {
	text-transform:uppercase;
}


/*
STRUCTURE
**************************************************/
.pagewidth {
	max-width:100%;
	position:relative;
	margin:0 auto;
}
/* #content */
#content {
    margin:0 auto;
}
/* clear fix */
#content:after {
    content:'';
    display:block;
    clear:both;
}
/* .content-wrapper */
.grid-sizer {
    width:33.333%;
}
.content-wrapper {
    width:calc(100% - 14px);
    float:left;
	margin:7px;
    padding:0;
    border-radius:5px;
}
.single .content-wrapper,
.page .content-wrapper {
	width:calc(100% - 14px);
}
.content-wrapper article {
    position:relative;
    z-index:2;
    border-radius:5px;
    background-color:#fff;
}
#header {
	position:relative;
}


/*
IF A POST IS MADE STICKY
**************************************************/
.sticky-marker {
    color:orange;
    margin-left:5px;
}


/*
404 PAGE
**************************************************/
.not-found-wrapper {
    margin:30px auto 75px auto;
    padding:0 20px;
    text-align:center;
    font-size:13px;
    letter-spacing:1px;
	color:#878484;
	font-family:'Jost';
	font-weight:500;
	text-transform:uppercase;
}
img.not-found-image {
    margin:0 auto;
    padding:50px 0 60px 0;
    width:100%;
    max-width:350px;
    height:auto;
    display:block;
}
.not-found-wrapper span {
	color:#9AB6EB;
}
a.not-found-home-button {
    display:inline-block;
    font-size:11px;
    color:#fff !important;
    background-color:#00A1D4;
    padding:15px 50px;
    border-radius:3px;

    -webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
}
a.not-found-home-button:hover {
    text-decoration:none;
    background-color:#FF5E2B;
}
.not-found-home-button::after {
	content:'...or use the menubar above';
	position:absolute;
    bottom:-23px;
    font-size:9px;
	color:#777;
	letter-spacing:1px;
	left:0;
    right:0;
    pointer-events:none;
}


/*
SHOWING TAGS/CATEGORIES/SEARCH RESULTS/AUTHOR
**************************************************/
.showing {
	font-size:11px;
    line-height:14px;
    letter-spacing:1px;
	color:#BCB9B9;
	margin:0 auto;
	padding:20px 0;
	text-align:center;
	text-transform:uppercase;
	font-family:'Jost';
	font-weight:500;
}
.showing span {
    display:block;
    font-size:16px;
    margin-top:3px;
    letter-spacing:0;
	color:#9D9B9B;
}
.tag-description,
.cat-description {
	color:#bbb;
	font-size:18px;
	margin:10px auto 20px auto;
	text-align:center;
	text-transform:none;
	font-family:'Jost';
	font-weight:500;
}


/* COMMENT FORM
**************************************************/
#commentform-fields {
    position:relative;
	padding:0;
	text-align:left;
	height:27px;
}
#comment {
	width:100%;
	border:none;
	padding-left:8px;
	background:none;
	color:#CECDD2;
    resize:none;

    font-family:'Jost';
	font-weight:500;
	font-size:15px;
    
    border-bottom:1px solid #3D3D40;
    margin-bottom:20px;
    
    -webkit-transition:all .1s ease;
	-moz-transition:all .1s ease;
	transition:all .1s ease;
}
#author,
#email {
	font-size:13px;
	height:30px;
	border:none;
	border-bottom:1px solid #3D3D40;
	background:none;
	color:#CECDD2;
    border-radius:0;
	width:100%;
    padding-left:8px;
    
    font-family:'Jost';
	font-weight:500;
	font-size:15px;
    
    -webkit-transition:all .1s ease;
	-moz-transition:all .1s ease;
	transition:all .1s ease;
}
#author-wrapper {
	display:inline-table;
	width:calc(50% - 5px);
	position:absolute;
	left:0;
}
#email-wrapper {
	display:inline-table;
	width:calc(50% - 5px);
	position:absolute;
	right:0;
}
/* when fields hovered */
#comment:hover,
#author:hover,
#email:hover {
	border-bottom:1px solid #515154;
}
/* when fields focused */
#comment,
#author,
#email {
    padding-bottom:1px;
}
#comment:focus,
#author:focus,
#email:focus {
    border-bottom:2px solid #FF5E2B;
    padding-bottom:0;
}
#respond {
	padding:5px 10px 0 10px;
	position:relative;
	clear:both;
	text-align:center;
}
#respond-closed {
	padding:20px 15px 20px 15px;
}
.commentlist h3 {
	font-size:15px;
	color:#ddd;
	text-align:center;
}
#respond #cancel-comment-reply-link {
	padding:0;
	margin:0 auto 25px auto;
	text-align:center;

	display:block;
	z-index:5;
	font-family:'Jost';
	font-weight:500;
	font-size:14px;
	color:#777;
	text-transform:none;
	text-decoration:underline;
}
#respond #cancel-comment-reply-link:hover {
	color:#999;
}
.form-submit {
	width:100%;
	text-align:left;
}
#submit {
	float:left;
	width:100%;
	height:46px;
	padding:0;
	margin:10px 0 10px 0;
	font-size:11px;
	font-family:'Jost';
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	border:none;
	cursor:pointer;
	
	border-radius:3px;
	-webkit-appearance:none;
	background-color:#FF5E2B;
}
#submit:hover {
	text-decoration:underline;
}
/* place comment box above the textfields */
#commentform {
	display:table;
    width:100%;
}
#comment-wrapper {
    margin:0;
    padding:0;
	display:table-header-group; 
}
.logged-in-as {
	font-size:12px;
	font-family:'Jost';
	font-weight:600;
	color:#909198;
}
.logged-in-as a {
	text-decoration:underline;
}
/* comment form cookies consent checkbox + label */
.comment-form-cookies-consent {
    display:block !important;
	margin-top:17px;
	text-align:left;
    font-size:10px;
	line-height:14px;
	color:#8F8D94;
	-webkit-tap-highlight-color:rgba(255, 255, 255, 0);
}
label[for=wp-comment-cookies-consent] {
	display:inline-block;
	vertical-align:bottom;
	height:30px;
}
#wp-comment-cookies-consent {
    position:absolute;
    opacity:0;
}
#wp-comment-cookies-consent + label {
    position:relative;
    cursor:pointer;
    padding:0;
}
#wp-comment-cookies-consent + label:before {
    content:'';
    margin:-2px 9px 0 5px;
    display:block;
	float:left;
    width:27px;
    height:27px;
    background:#272727;
    border:2px solid #FF5E2B;
    border-radius:3px;
}
#wp-comment-cookies-consent:hover + label:before {
    background:#f35429;
}
#wp-comment-cookies-consent:focus + label:before {
    box-shadow:0 0 0 3px rgba(0, 0, 0, 0.12);
}
#wp-comment-cookies-consent:checked + label:before {
    background:#f35429;
}
#wp-comment-cookies-consent:disabled + label {
    color:#b8b8b8;
    cursor:auto;
}
#wp-comment-cookies-consent:checked + label:after {
    content:'';
    position:absolute;
    left:11px;
    top:12px;
    background:white;
    width:3px;
    height:3px;
    box-shadow:2px 0 0 white, 4px 0 0 white, 6px 0 0 white, 8px 0 0 white, 8px -2px 0 white, 8px -4px 0 white, 8px -6px 0 white, 8px -8px 0 white, 8px -10px 0 white, 8px -12px 0 white, 8px -14px 0 white;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}


/* LISTS
**************************************************/
ul, ol {
	margin-bottom:15px;
}
li {
	margin: 0 0 0 0;
	padding: 0;
}

.entry-content ul li {
	margin:0 12px 0 18px;
}

.entry-content ol li {
	margin: 0 12px 0 21px;
}


/* HEADINGS
**************************************************/
h1, h2, h3, h4, h5, h6 {
	color:#444;
	margin:30px 0 10px 0;
	font-family:'Jost';
	font-weight:600;
}
h1 { font-size:35px; line-height:35px; }
h2 { font-size:30px; line-height:20px; }
h3 { font-size:25px; line-height:25px; }
h4 { font-size:20px; line-height:20px; }
h5 { font-size:15px; line-height:15px; }
h6 { font-size:10px; line-height:10px; }


/* POSTS, PAGES
**************************************************/
.post-title,
.page-title,
.entry-content,
.post-meta {
	padding-left:15px;
	padding-right:15px;
}
.post {
	margin:0;
	padding:0;
}
.entry-content {
    font-family:'Jost';
	font-weight:400;
    font-size:18px;
    line-height:26px;
    margin-top:5px;
    padding-bottom:5px;
    
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
.entry-content span p {
	padding:0;
	margin:0;
}
.entry-content strong {
	font-weight:500;
}
article a {
	color:#3992BB;
}
/* mini divider */
.mini-divider {
	border-bottom:2px solid #252525;
	width:45px;
	margin:20px 0 28px 0;
}
/* post, page titles */
.post-title,
.page-title,
.post-title a,
.page-title a {
    font-family:'Jost';
    font-weight:600;
	font-size:17px;
	line-height:17px;
	color:#242424;
	text-transform:uppercase;
    word-break:break-word;
    margin:0 0 10px 0;
    padding-bottom:0;

	-webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}
.post-title a:hover,
.page-title a:hover {
	color:#F5583B;
	text-decoration:none;	
}
/* post navigation */
.link-pages {
	padding-top:20px;
	clear:both;
	display:table;
	font-size:14px;
    margin:0 20px;
}
.link-pages strong {
	display:table-cell;
	position:relative;
	top:8px;
	color:#2C3B59;
	font-weight:500;
	padding-right:10px;
}
.link-pages .post-page-numbers {
	border:10px solid #fff;
	border-radius:3px;
	width:0px;
	height:0px;
	display:table-cell;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	color:#2C3B59;
	background-color:transparent;
	padding-right:1px;
}
.link-pages .post-page-numbers:hover {
	text-decoration:underline;
}
.link-pages .post-page-numbers.current:hover {
	text-decoration:none;
	background-color:#E9F8FE;
}
.link-pages .post-page-numbers.current {
	cursor:default;
	color:#00ABFB;
	border-color:#E9F8FE;
	background-color:#E9F8FE;
}


/* POST AUTHOR + DATE + COMMENT COUNT
**************************************************/
.post-meta {
    width:100%;

    display:inline-block;
	font-family:'Jost';
	font-weight:500;
	text-transform:uppercase;
	font-size:11px;
	color:#9D9C97;
    margin:22px 0 9px 0;
}
/* post date */
.post-meta-date {
    float:left;
}
.post-meta a:hover {
	color:#E9826F;
	text-decoration:none;
}
/* post edit link */
a.post-edit-link {
    margin:0 0 0 5px;
    color:#7885E3;
    text-decoration:underline;
}
/* comment count */
.post-meta-comment {
    float:right;
	font-family:'Jost';
	font-weight:500;
	text-transform:uppercase;
	font-size:11px;
    color:#A3A3A3;
    margin:0 5px 0 0;
}
.post-meta-comment .comment-icon {
    float:left;
    background-color:#A3A3A3;
    width:12px;
    height:12px;
    margin:2px 3px 0 0;

    -webkit-mask-image:url(icons/touch-comment-bubble.svg);
    mask-image:url(icons/touch-comment-bubble.svg);

    -webkit-mask-size:12px;
    mask-size:12px;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;

    -webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}
/* post meta divider */
.post-meta-divider {
	display:block;
	max-width:100%;
	height:2px;
	background-color:#EFEFEF;
	margin:20px 10px 0 10px;
	border-radius:50px;
}
/* post author avatar + name */
.author-avatar {
	float:left;
	height:45px;
}
.author-avatar img {
	border-radius:50%;
	padding:2px;
}
.author-name {
    display:inline-block;
    font-size:10px;
	height:45px;
	padding:15px 0 0 6px;
}
.author-name span {
	color:#C1BFBF;
}
.author-name a {
    color:#D2B253;
    font-weight:700;
}
/* post tags */
.tags-wrapper {
	margin-top:20px;
	margin-bottom:11px;
}
.tags-wrapper span {
	display:block;
	margin:10px 0 5px 0;
	font-weight:700;
}
.tags-wrapper a {
    display:inline-block;
	color:#ABAAA8;
	font-size:9px;
	font-weight:700;
	border:2px solid #EAEAEA;
	padding:8px 13px;
	border-radius:4px;
    margin-right:4px;
    margin-bottom:4px;
}
.tags-wrapper a:hover {
	color:#fff;
    border:2px solid #00ABFB;
    background-color:#00ABFB;
}
.tags-wrapper .down-arrow-icon {
    float:left;
    background-color:#C3C3C3;
    width:11px;
    height:11px;
    margin:3px 2px 0 2px;

    -webkit-mask-image:url(icons/touch-arrow-down.svg);
    mask-image:url(icons/touch-arrow-down.svg);

    -webkit-mask-size:11px;
    mask-size:11px;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
}
/* view post button */
.view-post-button {
	color:#fff !important;
	background-color:#6193D5;
	padding:12px 20px;
	border-radius:20px;
	float:right;
    margin-right:-3px;
    
    -webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}
.view-post-button:hover {
	background-color:#6B9DDF;
}


/* ARCHIVE PAGES
**************************************************/
.archive-content {
	color:#777;
	line-height:30px;
	font-size:15px;
	font-family:'Jost';
	font-weight:500;
	text-transform:uppercase;
	padding:35px 25px 0 25px;
}
.archive-title {
    font-size:18px;
    color:#fff;
}
.archive-content a {
	color:#667973;
	text-decoration:none;
}
.archive-content a:hover {
	color:#fff;
}
.archive-content li {
	list-style-type:none;
	display:inline;
	margin-right:5px;
	color:#555;
}
.archive-full {
	width:100%;
	padding:0 0 5px 0;
}


/* NEXT PAGE, PREV PAGE (BLOG INDEX)
**************************************************/
/* wrapper */
.post-nav {
	margin:0 auto;
    padding:0 15px;
    height:80px;
    max-width:1100px;
}
/* hide .post-nav when no pagination present */
.post-nav:empty {
    display:none;
}
/* previous posts */
.post-nav .prev-wrapper {
    float:left;
    position:relative;
    top:20px;
    width:42px;
	height:42px;
    padding:2px;
    background-color:#2B2B2C;
    border-radius:50%;
}
.post-nav .prev-wrapper::before {
	content:'';
	position:absolute;
	top:-4px;
	left:-4px;
	width:46px;
	height:46px;
	border:2px solid #403F41;
    border-radius:50%;
    
    -webkit-transition:all .1s ease;
	-moz-transition:all .1s ease;
	transition:all .1s ease;
}
.post-nav .prev-wrapper:hover::before,
.post-nav .prev-wrapper:active::before {
	border-color:#958558;
}
.post-nav .prev {
	position:relative;
	top:0.2em;
	left:0.28em;
    width:30px;
    height:30px;
    background-color:#D1D1D1;
    
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    transform:rotate(180deg);
    
	-webkit-mask-image:url(icons/touch-arrow-footer.svg);
    mask-image:url(icons/touch-arrow-footer.svg);

    -webkit-mask-size:29px;
    mask-size:29px;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
}
/* next posts */
.post-nav .next-wrapper {
    float:right;
    position:relative;
    top:20px;
    width:42px;
	height:42px;
    padding:2px;
    background-color:#2B2B2C;
    border-radius:50%;
}
.post-nav .next-wrapper::before {
	content:'';
	position:absolute;
	top:-4px;
	left:-4px;
	width:46px;
	height:46px;
	border:2px solid #403F41;
    border-radius:50%;
    
    -webkit-transition:all .1s ease;
	-moz-transition:all .1s ease;
	transition:all .1s ease;
}
.post-nav .next-wrapper:hover::before,
.post-nav .next-wrapper:active::before {
	border-color:#958558;
}
.post-nav .next {
	position:relative;
	top:0.28em;
	left:0.2em;
    width:30px;
    height:30px;
	background-color:#D1D1D1;
    
	-webkit-mask-image:url(icons/touch-arrow-footer.svg);
    mask-image:url(icons/touch-arrow-footer.svg);

    -webkit-mask-size:29px;
    mask-size:29px;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
}


/* SHARE BUTTONS
**************************************************/
.share-links-wrapper {
    display:table;
    vertical-align:middle;
    width:calc(100% + 30px);
    height:50px;
    border-top:1px solid #EDEDED;
    margin:0 0 0 -15px;
    padding:0;
}
.share-links-wrapper a {
	height:100%;
	width:100%;
	display:inline-block;
}
.share-twitter,
.share-facebook,
.share-pinterest {
    display:table-cell;
    vertical-align:middle;
    cursor:pointer;
    text-align:center;
}
.share-twitter-icon,
.share-facebook-icon,
.share-pinterest-icon {
    background-color:#C6C6C6;
    margin:0 auto;
    
    -webkit-transition:all .2s ease;
    -moz-transition:all .2s ease;
    transition:all .2s ease;
}
.share-twitter:hover .share-twitter-icon,
.share-facebook:hover .share-facebook-icon,
.share-pinterest:hover .share-pinterest-icon {
    background-color:#919191;
}
.share-twitter-icon {
    position:relative;
	left:10px;
    margin-top:18px;
    width:26px;
    height:26px;
    
    -webkit-mask-size:26px;
    mask-size:26px;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    
    -webkit-mask-image:url(icons/touch-twitter.svg);
    mask-image:url(icons/touch-twitter.svg);
}
.share-facebook-icon {
    margin-top:16px;
    width:30px;
    height:30px;
    
    -webkit-mask-size:30px;
    mask-size:30px;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    
    -webkit-mask-image:url(icons/touch-facebook.svg);
    mask-image:url(icons/touch-facebook.svg);
}
.share-pinterest-icon {
    position:relative;
	right:10px;
    margin-top:16px;
    width:29px;
    height:29px;
    
    -webkit-mask-size:29px;
    mask-size:29px;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    
    -webkit-mask-image:url(icons/touch-pinterest.svg);
    mask-image:url(icons/touch-pinterest.svg);
}


/* FOOTER COMMENT COUNT
**************************************************/
.comment-info-wrapper {
	margin:0 auto 0 auto;
	max-width:100%;
    padding:15px 15px 25px 15px;
    text-align:center;
}
/* comment count after post */
.comment-count,
.nopassword {
	font-family:'Jost';
	font-weight:600;
    font-size:12px;
    text-transform:uppercase;
    color:#289ED6;
    border-bottom:1px solid #bbb;
	padding-left:2px;
    padding-right:2px;
    cursor:pointer;
}


/* COMMENTS
**************************************************/
#commentform-comments-wrapper {
    width:100%;
    background-color:#1F1E24;
}
.commentwrap {
    text-align:left;
    max-width:1100px;
	min-width:280px;
	margin:0 auto;
	padding:0;
	position:relative;
	clear:both;
}
/* nested comment */
.children li {
	padding:0 0 0 24px !important;
}
/* comment title */
.comment-title, #reply-title {
	margin:0 0 10px;
	padding:0;
}
/* comment pagenav */
.commentwrap .pagenav {
	margin:10px 0;
    border:none;
    
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.commentwrap .pagenav.top {
	margin:0;
	position:absolute;
	top:0;
	right:0;
}
/* commentlist */
.commentlist {
    max-width:1100px;
	margin:0 auto;
	padding:10px 15px 20px 15px;
}
.commentlist li {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
}
.commentlist .comment-author,
.commentlist .comment-time {
	text-transform:uppercase;
	font-family:'Jost';
	font-weight:600;
	font-size:12px;
	line-height:12px;
	color:#fff;
	padding:8px 0 0 0;
}
.commentlist .comment-time {
	font-weight:500;
	font-size:10px;
	color:#8D8D8D;
    display:block;
	padding:0;
}
.comment-wrapper {
	width:100%;
	height:50px;
	display:block;
	margin:15px 0 0 0;
}
.commentlist .comment-avatar {
	float:left;
}
.commentlist .comment-avatar img {
	width:35px;
	height:35px;
	margin:0 10px 0 0;
    float:left;
    border-radius:50px;
}
.commentlist .comment-entry {
    font-family:'Jost';
    font-weight:400;
    font-size:14px;
    line-height:21px;
	color:#ddd;
	display:block;
	clear:both;
}
.commentlist .comment-container {
	padding:0 10px 20px 5px;
	min-height:60px;
}
.commentlist ul,
.commentlist ol {
	margin:0;
	padding:0;
}
/* reply link */
.commentlist .comment-reply-link {
	color:#D1CA10;
    text-transform:uppercase;
    text-decoration:underline;
	font-family:'Jost';
	font-weight:500;
    font-size:10px;
    margin-top:10px;
}
.commentlist .comment-reply-link:hover {
	text-decoration:none;
}
/* comment by post author */
.bypostauthor .comment-author::after {
    content:' (post author)';
    color:#848486;
}


/* WIDGETS
**************************************************/
.footer-widgets-wrapper {
    display:grid;
	grid-template-columns:33% 33% 33%;
	max-width:1100px;
    margin:0 auto;
    padding:20px 0;
    border-top:1px solid #313032;
	
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	transition:all 1s ease;
}
.widget {
	font-size:14px;
    line-height:30px;
	padding:10px;
	margin:0 0 20px 0;
	word-wrap:break-word;
    font-family:'Jost';
    color:#eee;
}
@media screen and (max-width:960px) {
	.footer-widgets-wrapper {
		grid-template-columns:50% 50%;
	}
}
@media screen and (max-width:600px) {
	.footer-widgets-wrapper {
		display:block;
	}
	.widget {
		width:100%;
	}
}
.widget a {
	color:#6193D5;
	text-decoration:underline;
	font-size:14px;
}
.widget a:hover {
    text-decoration:none;
    color:#FF5E2B;
}
.widgettitle {
	color:#ddd;
	text-transform:none;
	margin:0 0 5px 0;
	padding:0;
	font-size:18px;
	font-weight:500;
}
.widget select {
	width:100%;
}
.widget li {
	color:#777;
	list-style:none;
	clear:both;
}
.widget ul ul {
	margin:0;
	border-top:none;
}
.widget ul ul li {
	padding-left:0;
}
/* widget archives */
.widget_archive ul {
	list-style-type:none;
}
.widget_archive li {
	display:inline;
}
/* widget calendar */
#wp-calendar {
    width:100%;
    font-size:10px;
    line-height:18px;
}
#wp-calendar caption {
    text-align:center;
    font-size:12px;
    margin-top:10px;
    margin-bottom:15px;
}
#wp-calendar thead {
    font-size:10px;
    color:#eee;
}
#wp-calendar thead th {
    padding-bottom:10px;
    border:none;
}
#wp-calendar tbody {
    color:#aaa;
    line-height:15px;
}
#wp-calendar tbody td {
    border:none;
    text-align:center;
    padding:8px;
}
.wp-calendar-nav {
    margin-top:5px;
}
.wp-calendar-nav-next::before {
	content:'';
	position:relative;
	display:inline-block;
	border-left:1px solid #666;
	padding-left:12px;
	height:10px;
	top:1px;
}
/* widget categories */
.widget_categories ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
.widget_categories li {
	display:inline;
}
/* widget meta */
.widget_meta ul {
	list-style-type:none;
}
.widget_meta li {
	display:inline;
}
/* widget recent comments */
.widget_recent_comments li span {
	color:#cecece;
}
/* widget rss */
.widget_rss ul li {
	line-height:20px;
}
.widget_rss .rssSummary {
	color:#cecece;
	margin-bottom:25px;
}
/* widget text */
.textwidget {
    line-height:20px;
    color:#cecece;
}
/* widget search */
.widget_search input {
    color:#555;
	font-family:'Jost';
	font-weight:500;
	
    border-radius:3px;

    -webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
}
.widget_search #searchform input[type=text] {
	width:100%;
	font-size:15px;
	margin:0;
	border:none;
	background-color:#eee;
	padding:12px 10px;
}
.widget_search #searchform input[type=text]:hover {
	background-color:#fff;
}
.widget_search #searchform input:focus {
	background-color:#fff;
}
.widget_search #searchform input[type=submit] {
	width:100%;
	color:#fff;
	border:none;
	background-color:#00A1D4;
	margin:5px 0 0 0;
    padding:15px 0;
    text-transform:uppercase;
    cursor:pointer;
}
.widget_search #searchform input[type=submit]:hover {
    background-color:#FF5E2B;
}
/* widget navigation menu */
.widget_nav_menu .menu li {
	text-align:left;
}
.widget_nav_menu .sub-menu {
	margin:0 0 0 15px;
}
.widget_nav_menu .sub-menu li {
	position:relative;
}
.widget_nav_menu .sub-menu li a::before {
	content:'';
	width:6px;
	height:2px;
	border-radius:3px;
	background-color:#666;
	display:block;
	position:absolute;
	top:14px;
	left:-15px;
	
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
}
.widget_nav_menu .sub-menu li a:hover::before {
	width:9px;
	left:-15px;
	background-color:#ddd;
}


/* FOOTER
**************************************************/
#footer {
	clear:both;
	margin:0;
	padding:0 10px;
	background:#212025;
	position:relative;
}


/* POST FORMATTING
**************************************************/
img.alignleft, img.aligncenter, img.alignright, img.alignnone {
	padding:0 !important;margin:0 !important;
}
img.aligncenter {
	margin:0 auto !important;
	text-align:center;
}
.alignleft {
	float: left;
	margin: 0 30px 0 0;
}
.alignright {
	float: right;
	margin: 0 0 0 30px;
}
.aligncenter {
	margin: 0 auto;
	display: block;
	clear:both;
}
.wp-caption {
	max-width:100%;
	margin:0;
	padding:0;
}
.wp-caption .aligncenter {
	margin: 0 auto;
}
.wp-caption img {
	margin: 0;
	padding:0;
}
.wp-caption-text {
	font-size: 14px;
	line-height:16px;
	text-align: center;
	color:#999;
	margin: 5px 0 20px 0;
	min-width:100%;
}


/* PAGE TEMPLATES
**************************************************/
/* centered title page template */
.page-template-page-centered-title .page-title,
.page-template-page-centered-title-back-button .page-title {
	text-align:center;
}
/* no background page template */
.page-template-page-no-background { background-color:#fff; }
.page-template-page-no-background article { background:none; }
/* read more link */
.more-link {
	color:#D83F3F !important;
	display:block;
	width:200px;
	margin:18px 0 0 0;
	padding:0
}
/* back button */
.touch-back-button {
    position:relative;
    z-index:2;
    width:60px;
    height:60px;
    margin:15px auto 30px auto;
    border-radius:50px;

    display:flex;
    align-items:center;
    justify-content:center;

    background-color:#F7F7F7;
	cursor:pointer;

    transition:transform .1s ease, width .45s ease, background-color .15s ease;
}
.touch-back-button:hover {
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    transform:scale(1.05);
}
.touch-back-button:active {
    -webkit-transform:scale(0.9);
    -moz-transform:scale(0.9);
    transform:scale(0.9);
}
.touch-back-button-icon {
    background-color:#A3A3A3;
    width:22px;
    height:22px;
    margin:0px 2px 0 0;

    -webkit-mask-image:url(icons/touch-arrow-left.svg);
    mask-image:url(icons/touch-arrow-left.svg);

    -webkit-mask-size:22px;
    mask-size:22px;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
}
/* extra bottom padding to back button on "No Title, No Social, Back Button" page template */
.page-template-page-no-title-no-social-back-button article {
	padding-bottom:10px;
}


/* CLEAR & ALIGNMENT
**************************************************/
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}
/* clearfix */
.clearfix:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, #content:after
{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix, #body, #footer, footer, .pagenav, #main-nav, .menu, #content
{ display: inline-block; }
/* clearfix for ie7 */
.clearfix, #body, #footer, footer, .pagenav, #main-nav, .menu, #content
{ display: block; }


/* GALLERY
**************************************************/
.gallery-item {
	margin-top:-6px !important;
}
.gallery-icon a img {
    border:0 !important;
    border-radius:3px;

    /* prevent image flicker on hover */
    backface-visibility:hidden;
	
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
}
.gallery-icon a img:hover {
	opacity:.9;

	-webkit-transform:scale(.98);
	-moz-transform:scale(.98);
    transform:scale(.98);
}
.gallery-icon { padding:2px; }


/* GUTENBERG
**************************************************/
hr {
	margin:30px 0;
}
hr.is-style-default {
	width:100px;
	margin-left:auto;
	margin-right:auto;
	border-color:#bbb;
}
.wp-block-cover {
    line-height:40px;
}
.wp-block-quote.is-large {
	border:none;
}
.wp-block-code {
	border:1px solid #ccc;
	padding:15px;
	font-size:14px;
}
.wp-block-embed {
	margin-left:0;
	margin-bottom:25px;
	width:100%;
}
.wp-block-audio {
	margin:0;
}
.wp-block-table {
	margin:0;
}
.wp-block-table td,
.wp-block-table tr {
	padding:10px;
}
.wp-block-image.alignfull {
	margin:0;
}
.wp-block-embed-youtube,
.wp-block-embed-instagram { margin:0; }
/* fixed big space above youtube block */
.wp-block-embed__wrapper::before {
    padding-top:0 !important;
}
.instagram-media { margin-left:auto !important; margin-right:auto !important; }
.wp-block-button a { color:#ddd; }
.wp-block-media-text img {
	width:100% !important;
}
/* fix for caption shadow extending beyond image */
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
	padding:40px 0px 5px !important;
}
/* decrease Gutenberg gallery image spacing */
.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
	margin:2px !important;
}
.wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
	width:calc(100% / 3 - 4px) !important;
}
.wp-block-gallery img {
    border-radius:3px !important;
    
    /* prevent image flicker on hover */
    backface-visibility:hidden;
}
.wp-block-gallery li {
    -webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
}
.wp-block-gallery li:hover {
    opacity:.85;

	-webkit-transform:scale(.98);
	-moz-transform:scale(.98);
    transform:scale(.98);
}


/* RESPONSIVE VIDEO CONTAINER
**************************************************/
.responsive-video-container {
	position:relative;
	padding-bottom:56.25%; /* 16:9 */
	padding-top:0px;
	height:0;
	overflow:hidden;
}
.responsive-video-container iframe,
.responsive-video-container object,
.responsive-video-container embed,
.responsive-video-container video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/* METASLIDER ADJUSTMENTS (for Flex Slider)
**************************************************/
.shortcode-wrapper .metaslider-flex { margin-bottom:7px !important; }
/* caption slyling */
.metaslider .caption,
.metaslider .caption a { color:#fff; }
.metaslider .caption a:hover { color:#fff; }
.metaslider-flex .caption-wrap {
	font-size:12px;
	padding:5px 0 5px 0;
}
/* show navigation arrows w/o hovering */
.flex-direction-nav .flex-next { opacity:0.8 !important; right:15px !important; }
.flex-direction-nav .flex-prev { opacity:0.8 !important; left:15px !important; }
/* navigation arrows */
.flex-direction-nav a {
	width:40px !important;
	height:60px !important;
	margin:-30px 0 0 !important;
	background:url(images/bg_direction_nav.png) no-repeat 0 0 !important;
	
	-webkit-transition:all .2s ease !important;
	-moz-transition:all .2s ease !important;
	transition:all .2s ease !important;
}
/* next arrow */
.flex-direction-nav .flex-next {
	background-position:-40px 0 !important;
	right:18px !important;
}
.flex-direction-nav .flex-next:hover {
	right:13px !important;
}
/* prev arrow */
.flex-direction-nav .flex-prev {
	left:18px !important;
}
.flex-direction-nav .flex-prev:hover {
	left:13px !important;
}
/* remove bottom border (originating from .entry-content) */
.metaslider a { border-bottom:none; }
.metaslider a:hover { border-bottom:none; background-color:transparent; }