/*
Theme Name: Hunter
Version: 1.3
Author: Bonfire Themes
Author URI: http://bonfirethemes.com/
Theme URI: http://bonfirethemes.com/hunter/
Description: A flat and classy WordPress theme for touch devices.
Tags: light, one-column, flexible-width, custom-background, custom-menu, featured-images, full-width-template
Text Domain: hunter
License: GNU GENERAL PUBLIC LICENSE, Version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*************************************************************
[TABLE OF CONTENTS]

- GENERAL STYLING
- "SHOWING TAGS/CATEGORIES/SEACRH RESULTS/AUTHOR"
- COMMENT FORM
- LOGO + TAGLINE
- MENU BUTTON
- ACCORDION MENU
- LISTS
- HEADINGS
- SEARCH FORM
- POSTS, PAGES
- POST AUTHOR + DATE
- ARCHIVE PAGES
- NEXT PAGE, PREV PAGE (BLOG INDEX)
- NEXT POST, PREV POST (single.php NAVIGATION)
- COMMENTS
- WIDGETS
- FOOTER
- POST FORMATTING
- CLEAR & ALIGNMENT
- GALLERY LAYOUT, COLUMNS
- GUTENBERG
- MEDIA QUERIES
*************************************************************/


/* GENERAL STYLING
**************************************************/
.featured-image {
	overflow:hidden;
	max-width:1000px;
	margin:0 auto;
}
.attachment-post-thumbnail {
	width:100%;
	min-width:280px;
	margin:0 0 -4px 0;
	padding:0;
	
	-webkit-transition: all .20s ease;
	-moz-transition: all .20s ease;
	transition: all .20s ease;
}
.featured-image a img:hover {	
	-webkit-transform: scale(1.035);
	-moz-transform: scale(1.035);
	transform: scale(1.035);
}
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, figure {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
article, aside, details, figcaption, figure, 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;
}
html, body {
}
body, body .search {
	background-color:#fff;
}
iframe { min-width:50px !important; }
.error404, .page-template-page-archive-php {
	background-color:#222;
}
#pagewrap {
	max-width:1000px;
	margin:0 auto;
}
a {
	color:#383838;
	text-decoration:none;
	outline:none;
	
	-webkit-transition: all .20s ease;
	-moz-transition: all .20s ease;
	transition: all .20s ease;
}
a:hover {
	text-decoration: underline;
	
	-webkit-transition: all .20s ease;
	-moz-transition: all .20s ease;
	transition: all .20s ease;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}
small {
	font-size: 13px;
}
blockquote {
	color:#444;
	font-size:18px;
	border-left:3px solid #444;
	margin-bottom:10px;
	padding:5px 10px;
	text-align:left;
}
blockquote p { margin:0; }
blockquote cite {
	color:#999;
	font-size:14px;
	font-style:normal;
}
.wp-block-pullquote blockquote {
	border:none;
	text-align:center;
}
.wp-block-pullquote {
	border:none;
	border-top:3px solid #444;
	border-bottom:3px solid #444;
	padding:50px 25px;
}
.wp-block-pullquote blockquote p {
	margin-bottom:30px;
}
.wp-block-pullquote blockquote cite {
	text-transform:uppercase;
}
.search-archive {
	color:#eee;
	padding:0;
}
.page-bottom-padding {
	padding-top:10px;
}
.pagewidth {
	max-width:100%;
	position:relative;
	margin:0 auto;
}
#content {
	max-width:1000px;
	margin:0 auto;
}
.sticky-marker {
	color:orange;
	margin-left:5px;
}
#header {
	position: relative;
}
.header-wrapper {
	background-color:#323232;
}
.display-none {
	display:none;
}


/* "SHOWING TAGS/CATEGORIES/SEACRH RESULTS/AUTHOR"
**************************************************/
.showing {
	font-size:12px;
	line-height:17px;
	max-width:1000px;
	color:#C3C3C3;
	margin:0 auto;
	padding:29px 0 25px 0;
	text-align:center;
	text-transform:uppercase;
	font-family:'Noticia Text';
	font-weight:400;
	letter-spacing:1px;
	background:#F9F9F9;
}
.showing span {
	font-family:'Dosis';
	font-weight:800;
	font-size:14px;
	color:#8D8D8D;
	margin: 0 0 2px 0;
	display:block;
}


/* COMMENT FORM
**************************************************/
#commentform-fields {
	opacity:0;
	padding:0 4px 0 18px;
	text-align:left;
}
#author, #email {
	font-size:13px;
	height:30px;
	border:none;
	border-bottom:1px solid #DBDBDB;
	background:none;
	color:#7C7C7C;
	font-family:'Open Sans';
	border-radius:0;
}
#author:hover, #email:hover, #author:focus, #email:focus {
	border-bottom:1px solid #C7C7C7;
}
#author-wrapper {
	display: inline-table;
	width:49.1%;
}
#author {
	width:100%;
	padding-left:5px;
	margin-left:-13px;
}
#email-wrapper {
	display: inline-table;
	width:49.1%;
}
#email {
	width:100%;
	padding-left:5px;
	margin-right:-18px;
}
#comment {
	width:100%;
	height:55px;
	border:none;
	padding-left:8px;
	background:none;
	font-size:15px;
	line-height:20px;
	color:#7C7C7C;
	font-family:'Open Sans';
	resize: none;
}
#respond {
	padding:5px 15px 1px 10px;
	position: relative;
	clear: both;
	text-align:center;
	background-color:#F5F5F5;
}
#respond-closed {
	padding:10px 15px 20px 15px;
}
#respond #cancel-comment-reply-link {
	bottom:16px;
	right:3px;
	position:absolute;
	width:29px;
	height:27px;
	padding:0;
	margin: 0 11px 0 0;
	float:right;
	display: block;
	z-index:5;
	background: url(images/close-reply-icon.png) #F5F5F5 no-repeat center center;
}
/* Retina display #respond #cancel-comment-reply-link */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
#respond #cancel-comment-reply-link { background-size: 16px 9px !important; background: url(images/close-reply-icon@2x.png) #F5F5F5 no-repeat center center;}
}
#cancel-comment {
	float:left;
	bottom:17px;
	right:18px;
	width:25px;
	height:25px;
	position:absolute;
	cursor: pointer;
	z-index:4;
	background: url(images/close-icon.png) no-repeat center center;
}
/* Retina display #cancel-comment */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
#cancel-comment { background-size: 16px 16px !important; background: url(images/close-icon@2x.png) no-repeat center center;}
}
.form-submit {
	width:100%;
	text-align:left;
}
#submit {
	float:left;
	padding: 9px 16px 9px 16px;
	margin:13px 0 14px 5px;
	font-size:11px;
	font-family:'Montserrat';
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	color: #fff;
	cursor: pointer;
	border:0;
	
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-appearance: none;
	
	background-color: #DF7865;
}
#submit:hover {
	background-color:#E9826F;
}
/* place comment box above the textfields */
#commentform {
	display:table;
	width:100%;
}
#comment-wrapper {
	margin: 0;
	display: table-header-group; 
}
.logged-in-as {
	font-size:12px;
	font-family:'Montserrat';
	font-weight:700;
	text-transform:uppercase;
	display: table-header-group;
	height:30px;
}


/* LOGO + TAGLINE
**************************************************/
.logo-tagline-separator-wrapper {
	min-height:39px;
	text-align:center;
}

#site-logo, #site-logo a {
	font-size:16px;
	line-height:25px;
	font-family:'Dosis';
	font-weight:800;
	letter-spacing:3px;
	color:#fff;
	padding:31px 10px 0 10px;
}
#site-logo a:hover {
	text-decoration:none
}
.tagline {
	opacity:.6;
	font-family: 'Dosis';
	font-weight:700;
	font-size:11px;
	line-height:14px;
	color:#fff;
	letter-spacing:2px;
	margin:3px 10px 21px 10px;
}
.logo-tagline-separator {
	opacity:.1;
	border-bottom:1px solid #fff;
}


/* MENU BUTTON
**************************************************/
.menu-button {
	cursor:pointer;
	margin:0 auto 0 auto;
	width:100%;
	height:50px;
	
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}
.menu-button {
	opacity:.9;
	background: url(images/icon-menu.png) no-repeat center center;
}
/* Retina display .menu-button */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.menu-button { background-size: 24px 15px !important; background: url(images/icon-menu@2x.png) no-repeat center center; }
}
.menu-button:hover { opacity:1; }


/* ACCORDION MENU
**************************************************/
.menu li i {
	font-size:25px;
	display:block;
	margin: 0 0 9px 0;
	
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	transition: all .15s ease;
}
.menu a, .sub-menu a {
	height:69px;
	padding:31px 0 0 0;
}
#menu {
	position:absolute;
	right:8px;
	width:303px;
	margin:8px 0 0 0;
	padding:0;
	z-index:9999;
	background:#EFEFEF;
	display:none;

	-moz-box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.2);
	box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.2);
}
.menu-active {
	display:inline !important;
}
.menu {
	margin: 0;
	padding: 0;
	text-align: left;
}
.menu a {
	color:#888;
	margin:0 1px 1px 0;
	display:block;
	font-family:'Montserrat',arial,tahoma,verdana;
	font-weight: 700;
	cursor:pointer;
}
.menu a:hover, .menu a:active {
	background:#fff;
	text-decoration:none;
}
.menu a:hover i {
	color:#666;
	margin-top:6px;
	font-size:26px;
}
.menu a:hover {
	color:#fff;
}
.menu ul {
	margin:0;
	padding:0;
}
.twocolumns {
	width:202px !important;
}
.threecolumns {
	width:303px !important;
}
.menu li {
	display: inline-block;
	list-style:none;
	margin:0 -4px 0 0;
	padding:0;
	z-index:-1;
	width:101px;
	text-align:center;
	vertical-align:top;
	
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}
.menu li:first-child {
	border-top:none !important;
}
.menu li a {
	font-size:10px;
	background:#fff;
}
.menu li a:hover, .menu li.menu-item-has-children a:hover {
}
ul.sub-menu {
	list-style: none;
	margin:0 0 0 0;
	padding:0;
	width:303px;
	display:block;
	background:#EFEFEF;
}
.second ul.sub-menu {
	margin-left: -101px !important;
}
.third ul.sub-menu {
	margin-left: -202px !important;
}
.sub-menu li {
	height:100px;
	width:101px;
	float:left;
	list-style: none;
	margin:0;
	padding:0;
}
.sub-menu a {
	display:block;
	background:#EFEFEF !important;
	margin:0;
}
/* Main menu expanded toolip */
.menu-expanded {
	background-image: url(images/menu-expandable.png) !important;
	background-position: center bottom !important;
	background-repeat: no-repeat !important;
}
/* Retina display .menu-expanded */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.menu-expanded {
	background-image: url(images/menu-expandable@2x.png) !important;
	background-position: center bottom !important;
	background-repeat: no-repeat !important;
	background-size: 18px 7px;
}
}
.menu li.menu-item-has-children a {
	background: url(images/menu-opens.png) #fff;
	background-position: center 85px;
	background-repeat: no-repeat;
}
/* Retina display .menu li.menu-item-has-children a */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.menu li.menu-item-has-children a {
	background: url(images/menu-opens.png) #fff;
	background-position: center 85px;
	background-repeat: no-repeat;
	background-size: 9px 6px;
}
}
.menu li.menu-item-has-children a:hover {
}
.menu li.menu-item-has-children > ul a {
	background-image: none;
	font-size:10px;
}
/* all sub menus the same color */
.menu-item-has-children .sub-menu a { color:#888 !important }
.menu-item-has-children .sub-menu a:hover { color:#EFEFEF !important }
.menu-item-has-children .sub-menu a:hover i { color:#666 !important; font-size:26px; }
/* colored items text color + remove margin (light gray border) from colored menu items */
.menu li.red a, .menu li.blue a, .menu li.green a, .menu li.magenta a, .menu li.teal a, .menu li.purple a, .menu li.orange a, .menu li.pink a {
	color:#fff;
	margin:0;
}
.menu li.red a:hover i, .menu li.blue a:hover i, .menu li.green a:hover i, .menu li.magenta a:hover i, .menu li.teal a:hover i, .menu li.purple a:hover i, .menu li.orange a:hover i, .menu li.pink a:hover i {
	color:#fff; font-size:26px;
}
/* adding colors to menu items */
.menu li.red a { background-color:#C84B4F; }
.menu li.red a:hover { color:#C84B4F; }

.menu li.blue a { background-color:#80B0CC; }
.menu li.blue a:hover { color:#80B0CC; }

.menu li.green a { background-color:#47C1AB; }
.menu li.green a:hover { color:#47C1AB; }

.menu li.magenta a { background-color:#B86079; }
.menu li.magenta a:hover { color:#B86079; }

.menu li.teal a { background-color:#608B71; }
.menu li.teal a:hover { color:#608B71; }

.menu li.purple a { background-color:#9F759F; }
.menu li.purple a:hover { color:#9F759F; }

.menu li.orange a { background-color:#E8A463; }
.menu li.orange a:hover { color:#E8A463; }

.menu li.pink a { background-color:#F47A6D; }
.menu li.pink a:hover { color:#F47A6D; }


/* LISTS
**************************************************/
ul, ol {
	margin-bottom:15px;
	text-align:left;
}
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;
	padding:0 0 10px 0;
	text-transform:uppercase;
	font-family: 'Dosis';
	font-weight:800;
}
h1 { font-size: 35px; line-height: 30px; }
h2 { font-size: 1.8em; line-height: 25px; }
h3 { font-size: 1.6em; line-height: 22px; }
h4 { font-size: 1.4em; line-height: 20px; }
h5 { font-size: 1.2em; line-height: 17px; }
h6 { font-size: 1em; line-height: 15px; }


/* SEARCH FORM
**************************************************/
.search-icon {
	pointer-events:none;
	color:#ccc;
	position:absolute;
	top:25px;
	right:28px;
}
#header-search {
	margin:0;
	padding:0;
	overflow-x: hidden;
	height:70px;
	background:#F6F6F6;
}
#searchform input {
	font-family:'Open Sans';
	font-size:18px;
	
	opacity:.5;

	height:51px;
	width:252px;
	padding: 0 12px 0 12px;
	margin:9px 0 0 12px;
	border:0;
	border-bottom:2px solid #DCDCDC;
	background:none;
	
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	transition: all .15s ease;
}
#searchform input:focus {
	opacity:1;
	color:#bbb;
}
#searchform ::-webkit-input-placeholder { color:#bbb; }
#searchform :-moz-placeholder { color:#bbb; }
#searchform ::-moz-placeholder { color:#bbb; }
#searchform :-ms-input-placeholder { color:#bbb; }


/* POSTS, PAGES
**************************************************/
.content-wrapper {
	max-width:1000px;
	margin:0 auto;
	padding:0 10px;
}
.content-wrapper-hide {
	opacity:0 !important;
}
.post {
	margin:0;
	padding:0;
}
.entry-content {
	font-size:15px;
	line-height:20px;
	font-family: 'Noticia Text';
	font-weight:400;
	color:#747474;
	text-align:center;
	padding:15px 15px 0 15px;
	
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.entry-content-toggle {
	opacity:0 !important;
}
.entry-content p {	
}
.entry-content span p {
	padding:0;
	margin:0;
}
.entry-content a {
	color:#555;
	text-decoration:underline;
}
.entry-content a:hover {
	color:#E9826F;
	text-decoration:none;
}
.entry-content img, .excerpt img {
	width:auto;
	padding:0;
	margin:0 0 15px 0 !important;
	
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.entry-content a img {
}
.entry-content a:hover img {
}
/* mini divider */
.mini-divider {
	border-bottom:2px solid #252525;
	width:45px;
	margin:20px 0 28px 0;
}
/* page wrapper */
.page-wrapper {
	max-width:1000px;
	margin:0 auto 0 auto;
	padding:25px 0 12px 0;
}
/* page top padding (little space between header and content) */
.page-top-padding {
	padding-top:14px;
}
/* post, page titles */
.post-title, .page-title, .page-title-left, .post-title a, .page-title a, .page-title-left a {
	font-family:'Dosis';
	font-weight:800;
	font-size:26px;
	line-height:25px;
	color:#383838;
	text-transform:uppercase;
	text-align:center;
	display:block;
	margin:0 20px 15px 20px;
	padding:8px 0 0 0;
	word-wrap:break-word;

	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}
.post-title a:hover, .page-title a:hover, .page-title-left a:hover {
	
}
.page-title-centered {
	text-align:left;
}
/* title spacer image */
.title-spacer {
	margin:30px auto 8px auto;
	width:46px;
	height:6px;
	background: url(images/title-spacer.png) no-repeat center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.title-spacer { background-size: 46px 6px !important; background: url(images/title-spacer@2x.png) no-repeat center center;}
}
/* read more link */
.more-link {
	display:block;
	margin:18px auto 0 auto;
	padding:0;
}
/* separator */
.separator-wrapper {
	margin:10px;
}
.separator {
	border-bottom:2px solid #E7E7E7;
	margin:0 auto;
	max-width:1000px;
}
/* post navigation */
.link-pages {
	margin-left:0;
}
.link-pages a {
	text-decoration:underline;
}
/* post edit link */
.post-edit-link {
	display:block;
	margin:20px auto 20px auto;
	text-align:center;
	width:100px;
	font-size:12px;
	color:#62A1C6;
	font-family:'Montserrat';
	font-weight:700;	
}


/* POST AUTHOR + DATE
**************************************************/
.date-wrapper, .author-tags-wrapper {
	max-width:1000px;
	text-align:center;
}
.date-wrapper {
	margin:21px 0 0 0;
}
.author-tags-wrapper {
	margin:30px 0 34px 0;
}
.post-meta-author-date, .post-meta-tags {
	font-family:'Dosis';
	font-weight:800;
	font-size:12px;
	line-height:16px;
	color:#AFAFAF;
	letter-spacing:2px;
	text-transform:uppercase;

	display:block;
	padding:0px 0px;
	margin:1px 3px;
	
	-webkit-transition: all .20s ease;
	-moz-transition: all .20s ease;
	transition: all .20s ease;
}
.post-meta-author-date a, .post-meta-tags a {
	color:#383838;
	text-decoration:underline;
}
.post-meta-author-date a:hover, .post-meta-tags a:hover {
	text-decoration:none;
}


/* 404
**************************************************/
.not-found-wrapper {
	margin:0 auto 10px auto;
	padding:20px 20px 0 10px;
	max-width:1000px;
	text-align:left;
	font-size:15px;
	line-height:20px;
	font-family:'Dosis';
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:1px;
}
.not-found-title {
	color:#E5E5E3;
	margin:0 0 11px 0;
}
.not-found-content {
	color:#667973;
}
.not-found-home-link {
	margin-top:30px;
}
.not-found-home-link a {
	color:#E9826F;
	text-decoration:none;
}
.not-found-home-link a:hover {
	color:#fff;
}


/* ARCHIVE PAGES
**************************************************/
.archive-content {
	color:#777;
	line-height:19px !important;
	font-size:15px;
	font-family:'Dosis';
	font-weight:800;
	text-transform:uppercase;
	padding:13px 10px 0 20px;
}
.archive-title {
	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 !important;
}
.archive-full {
	width:100%;
	padding:0 0 5px 0;
}


/* NEXT PAGE, PREV PAGE (BLOG INDEX)
**************************************************/
/* wrapper */
.post-nav {
	max-width:1000px;
	margin: 15px auto 0 auto;
	padding: 0 10px;
}
/* previous posts */
.post-nav .prev {
	opacity:.5;
	float: left;
	margin:0 0 15px 10px;
	width:40px;
	height:50px;
	background: url(images/index-nav-prev-icon.png) no-repeat center center;
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.post-nav .prev { background-size: 29px 16px !important; background: url(images/index-nav-prev-icon@2x.png) no-repeat center center;}
}
/* next posts */
.post-nav .next {
	opacity:.5;
	float: right;
	margin:0 10px 15px 0;
	width:40px;
	height:50px;
	background: url(images/index-nav-next-icon.png) no-repeat center center;
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}
/* Retina display .post-nav .next */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.post-nav .next { background-size: 29px 16px !important; background: url(images/index-nav-next-icon@2x.png) no-repeat center center;}
}
.post-nav .prev:hover, .post-nav .next:hover {
	opacity:1;
}


/* NEXT POST, PREV POST (single.php NAVIGATION)
**************************************************/
/* previous posts */
.post-nav-single .prev {
	margin:0;
	width:42px;
	height:42px;
	background: url(images/nav-prev-icon.png) #262626 no-repeat center center;
	
	position:fixed;
	margin-top: 278px;
	top:0;
	right:0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.post-nav-single .prev { background-size: 9px 16px; background: url(images/nav-prev-icon@2x.png) #262626 no-repeat center center;}
}
/* next posts */
.post-nav-single .next {
	margin:0;
	width:42px;
	height:42px;
	background: url(images/nav-next-icon.png) #262626 no-repeat center center;
	
	position:fixed;
	margin-top: 278px;
	top:0;
	left:0;
}
/* Retina display .post-nav .next */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.post-nav-single .next { background-size: 9px 16px; background: url(images/nav-next-icon@2x.png) #262626 no-repeat center center;}
}


/* COMMENTS
**************************************************/
.commentwrap {
	text-align:left;
	min-width:280px;
	margin: 0 auto;
	padding:0;
	position: relative;
	clear: both;
	max-width:1000px;
}
/* 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:1000px;
	margin: 10px auto 10px auto;
	padding: 0 10px;
}
.commentlist li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
.commentlist .comment-author, .commentlist .comment-time {
	text-transform:uppercase;
	font-family:'Dosis';
	font-weight:800;
	font-size:12px;
	line-height:16px;
	color:#C3C3C3;
	float:left;
	margin:12px 0 0 13px;
}
.commentlist .bypostauthor {
}
.commentlist .comment-avatar{
	float:left;
}
.commentlist .comment-avatar img {
	width:40px;
	height:40px;
	margin:0 0 0 2px;
	float:left;
	
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.commentlist .comment-entry {
	font-size:14px;
	line-height:20px;
	color:#7C7C7C;
	margin:4px 4px 0 0;
	display:block;
	clear:both;
	font-family:'Open Sans';
}
.commentlist .comment-container {
	overflow: hidden;
	padding: 5px 13px 10px 7px;
	min-height:60px;
}
.commentlist ul, .commentlist ol {
	margin: 0 0 0 0;
	padding: 0;
}
/* reply link */
.commentlist .comment-reply-link {
	color: #7E8C9E;
	float:right;
	margin:6px 6px 0 0;
	text-transform:uppercase;
	font-family:'Dosis';
	font-weight:800;
	font-size:12px;
	text-decoration:underline;
}
.commentlist .comment-reply-link:hover {
	text-decoration:none;
	color:#999;
}


/* WIDGETS
**************************************************/
.footer-widgets-wrapper {
	max-width:100%;
	background-color:#F0F0F0;
}
.footer-widgets-wrapper-inner {
	max-width:980px;
	margin:0 auto 0 auto;
	padding:0 0 0 15px;
	
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.widget {
	font-size:13px !important;
	line-height:17px;
	padding: 15px 0 15px 0;
	margin:0 20px 0 0;
	word-wrap: break-word;
	font-family:'Dosis';
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:1px;
}
.widget a {
	color:#000;
	text-decoration:underline;
}
.widget a:hover {
	text-decoration:none;
}
.widgettitle {
	color:#ccc;
	text-transform:uppercase;
	margin: 0 0 5px 0;
	font-size: 16px;
	font-family:'Dosis';
	font-weight:800;
}
.widget select {
	width:100%;
	max-width:1000px;
}
.widget ul {
}
.widget li {
	color:#A19C9C;
	list-style: none;
	clear: both;
	margin-bottom:10px;
}
.widget ul ul {
	margin: 6px 0 -6px 0px;
	border-top: none;
}
.widget ul ul li {
	padding-left: 10px;
}
/* recent posts widget */
.widget_recent_entries li {
	margin-top:0;
}
.widget_recent_entries .post-date {
	color:#999;
}
/* text widget */
.textwidget {
	margin-top:9px;
	color:#999;
}
/* widget rss */
.widget_rss ul li {
	margin-top:20px;
	color:#999;
}
/* widget archives */
.widget_archive ul {
	list-style-type:none;
}
.widget_archive li {
	display:inline;
	margin-right:5px;
	color:#999;
}
/* widget categories */
.widget_categories ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
.widget_categories li {
	display:inline;
	margin-right:5px;
	color:#999;
}
/* widget recent comments */
.widget_recent_comments li {
	color:#999;
}
/* widget meta */
.widget_meta ul {
	list-style-type:none;
	padding:0 ;
	margin:0;
}
.widget_meta li {
	display:inline;
	margin-right:5px;
}
/* widget search */
.widget_search #searchform {
	display:block;
	position:relative;
	margin:2px 12px 0 0;
}
.widget_search #searchform input {
	width:100%;
	height:40px;
	color:#999;
	padding: 2px 0 0 12px;
	margin: 8px 0 0 0;
	border-bottom:1px solid #E4E4E4;
	background-color: #E4E4E4;
}
.widget_search #searchform ::-webkit-input-placeholder { color:#999; }
.widget_search #searchform :-moz-placeholder { color:#999; }
.widget_search #searchform ::-moz-placeholder { color:#999; }
.widget_search #searchform :-ms-input-placeholder { color:#999; }
.widget_search #searchform input:hover {
	border-bottom: 1px solid #D5D5D5;
}
.widget_search #searchform input:focus {
	border-bottom: 1px solid #C1C1C1;
}
.widget_search .search-icon {
	display:none;
	visibility:hidden;
}
/* widget nav menu */
.widget_nav_menu #menu, .widget_nav_menu ul.sub-menu,
.widget_nav_menu .menu li, .widget_nav_menu .sub-menu li {
	width:100%;
	text-align:left;
	display:block !important;
}
.widget_nav_menu .menu a, .widget_nav_menu .sub-menu a { 
	height:20px;
	padding:0 0 0 0;
	font-family:'Dosis' !important;
	font-size:12px !important;
	color:#000 !important; /* override colored menus */
	background:none !important;
}
.widget_nav_menu .menu a:hover { text-decoration:none !important; }
.widget_nav_menu .sub-menu a { color:#aaa !important; }
.widget_nav_menu .menu-item-has-children .sub-menu a:hover { color:#555 !important; text-decoration:none !important; }
.widget_nav_menu .menu li { display:block; }
.widget_nav_menu ul.sub-menu { background:none !important; }
.widget_nav_menu .second ul.sub-menu, .widget_nav_menu .third ul.sub-menu {
	margin-left: 0 !important;
}
.widget_nav_menu .menu li i {
	display:none;
	visibility:hidden;
}


/* FOOTER
**************************************************/
#footer {
	clear:both;
	margin:-12px 0 0 0;
	padding:1px 0 0 0;
	background:#F0F0F0;
	position:relative;
	border-top:1px solid #E3E3E3;
}


/* POST FORMATTING
**************************************************/
img.alignleft, img.aligncenter, img.alignright, img.alignnone {
	padding:0;margin:0;
}
img.aligncenter {
	margin:0 auto;
	text-align:center;
}
.alignleft {
	float: left;
	margin-right: 30px;
}
.alignright {
	float: right;
	margin-left: 30px;
}
.aligncenter {
	margin: 0 auto;
	display: block;
}
.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%;
}


/* 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, .gallery: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, .gallery, #content
{ display: block; }


/* GALLERY LAYOUT, COLUMNS
**************************************************/
.gallery-caption {
	color:#615D5D;
}
/* PHOTOSWIPE */
.opacity-full { opacity:1 !important; }
.gallery-icon a img {
	border-color:transparent !important;
	
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	transition: all .15s ease;
}
.gallery-icon a img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}
.gallery-icon { padding:1px; }
.gallery-icon:before {
	content:"";
	z-index:-1;
	position:relative;
	display:block;
	padding:100% 0 0 50%;
	margin:0 0 -100% 0;
}
.gallery-icon:hover:before {
	opacity:1;
}
/* navigation always visible */
.ps-toolbar { opacity:0.8 !important; }


/* GUTENBERG
**************************************************/
hr {
	margin:30px 0;
}
hr.is-style-default {
	width:100px;
	margin-left:auto;
	margin-right:auto;
	border-color:#bbb;
}


/* MEDIA QUERIES
**************************************************/
/*  MAX-WIDTH 320px */
@media screen and (max-width: 320px) {
	#menu {
		width:100%;
		margin:0;
		right:0;
		
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.menu li { width:33.33333333%; }
	ul.sub-menu { width:320px; }
	.sub-menu li { width:106px !important; }
	.second ul.sub-menu {
		margin-left: -100% !important;
	}
	.third ul.sub-menu {
		margin-left: -200% !important;
	}
	.twocolumns { width:66.66666666% !important; }
	.threecolumns { width:100% !important; }
	#searchform input {	width:270px; }
}