/*!
Theme Name: mag.trubadurs
Theme URI: http://trubadurs.com/
Author: trubadurs.com
Author URI: http://trubadurs.com/
Description: Description
Version: 1.3.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: troubadours-magazine
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

mag.trubadurs is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Front Page
	## Accordion
	## Accordion Tabs
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Previous/Next links in single posts
	## Back to top button
	## Links
	## Page navigation
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
  ## Trubadurs Content
  ## Archives
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Transplanted from ionMag Customizer
# FRONT PAGE GRID
# Shake
# Zoom
# Contact Form 7
# Hide Google Captcha
# Podcasting
# Follow.it
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Front page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Accordion
--------------------------------------------------------------*/
.troubadours-magazine-accordion {
  width: 100%;
  max-width: 1042px;
  height: 411px;
  overflow: hidden;
  margin: 0 auto;
  border-bottom: 1px solid #000;
}
.troubadours-magazine-accordion h2 {
	font-size: 10px;
	font-weight: 700;
}
.troubadours-magazine-accordion h2 a {
	background: #000;
	color: #e5e5e5;
	text-decoration: none;
	text-transform: uppercase;
	padding: 1px 3px;
}
.troubadours-magazine-accordion ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
  /* border-top: 1px solid #000; */
  border-right: 1px solid #000;
  /* border-bottom: 1px solid #000; */
}
.troubadours-magazine-accordion ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 16.666%;
  height: 411px;
  background-repeat: no-repeat;
  background-position: center center;
  border-left: 1px solid rgba(0,0,0, 1);
  border-top: 1px solid rgba(0,0,0, 1);
  /* border-bottom: 1px solid rgba(0,0,0, 1); */
  box-shadow: -5px 0 10px 1px rgba(22,22,22, 0.2);
  transition: all 500ms ease;
}
.troubadours-magazine-accordion ul li div {
  display: block;
  overflow: hidden;
  width: 100%;
}
.troubadours-magazine-accordion ul li div a {
  display: block;
  height: 411px;
  width: 100%;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  padding: 15px 20px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  font-family: sans-serif;
  transition: all 200ms ease;
}
.troubadours-magazine-accordion ul li div a * {
  opacity: 0;
  margin: 0;
  width: 100%;
  text-overflow: ellipsis;
  position: relative;
  z-index: 5;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.troubadours-magazine-accordion ul li div a h3 {
  font-family: sans-serif;
  text-overflow: clip;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 2px;
  top: 160px;
}
.troubadours-magazine-accordion ul li div a p {
  top: 160px;
  font-size: 13.5px;
}

.troubadours-magazine-accordion ul:hover li {
  width: 8%;
}
.troubadours-magazine-accordion ul:hover li:hover {
  width: 60%;
}
.troubadours-magazine-accordion ul:hover li:hover a {
  background: rgba(0, 0, 0, 0.3);
}
.troubadours-magazine-accordion ul:hover li:hover a * {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@media screen and (max-width: 600px) {
  .troubadours-magazine-accordion {
    height: auto;
  }
  .troubadours-magazine-accordion ul li, .troubadours-magazine-accordion ul li:hover, .troubadours-magazine-accordion ul:hover li, .troubadours-magazine-accordion ul:hover li:hover {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    -webkit-transition: none;
    transition: none;
  }
}
/*--------------------------------------------------------------
## Accordion Tabs
--------------------------------------------------------------*/
.front-accordion-navbar {
	width: 100%;
	max-width: 1042px;
	height: 40px;
	overflow: hidden;
	margin: 0 auto;
}
.front-accordion-navbar a:first-child {
	border-left: 1px solid #000;
}
.front-accordion-navbar a {
	float: left;
	display: inline-block !important;
	color: #c1c1c1;
	text-align: center;
	padding: 8px 15px;
	text-decoration: none;
	font-size: 13px;
	cursor: pointer;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
.front-accordion-navbar a:hover {
	background: #000 !important;
	color: #fff !important;
}

.front-accordion-navbar a.front-pane-tab-active {
	background-color: #A3290D;
	color: #fff;
}

.front-accordion-navbar a.front-pane-tab-inactive {
	background-color: #333;
	color: #c1c1c1;
}

.front-pane {
	height: auto;
}
.front-pane img.front-poster {
	border: 1px solid #c1c1c1;
	height: auto;
	max-height: 411px;
}
@media screen and (max-width: 600px) {
	.front-accordion-navbar {
		display: none;
	}
	.front-pane {
		height: auto;
	}
	.front-pane {
		display: block !important;
	}
	.front-pane img.front-poster {
		border: 0;
	}
}
@media screen and (max-width: 960px) {
	.front-accordion-navbar a {
		padding: 8px 5px;
		font-size: 12px;
	}
}
@media screen and (max-width: 780px) {
	.front-accordion-navbar a {
		padding: 8px 5px;
		font-size: 11px;
	}
}
@media screen and (max-width: 720px) {
	.front-accordion-navbar a {
		padding: 8px 5px;
		font-size: 9px;
	}
}


/* NewAccordion */

/* Accordion Styles */
.accordion {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px;
}
.accordion-title {
	border-top: 1px solid #dbdbdb;
    margin: 0;
    padding: 20px 0;
    cursor: pointer;
    text-align: center;
    font-size: 2em !important;
    text-transform: uppercase;
    font-family: Impact;
    font-weight: 300;
    background: #e6e6e6;
}
.accordion-title:hover {background: red; color: white;}
.accordion-title:first-child {border: none;}
.accordion-title.open {cursor: default;}
.accordion-content {padding-bottom: 20px;}
@media print {
    .accordion-content {
        display: block !important;
    }
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

button[disabled],
html input[disabled] {
	cursor: default;
}

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

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

article h2 {
	color: #000;
}

.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6 {
	color: #000;
	margin-bottom: 1em;
}

.single-post .entry-content h2 {
	margin: 0;

}

.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6 {
	margin-top: 2.5em;
}

.tag-bulgarian-short-stories .entry-content h2,
.tag-krayat-na-sveta-i-sled-tova .entry-content h2,
.tag-razkaz .entry-content h2 {
	font-size: 2em;
}

.entry-content h2 {
	font-size: 2em;
}

.entry-content h3 {
	font-size: 1.3em;
}

.entry-content h4 {
	font-size: 1.2em;
}

.entry-content h5 {
	font-size: 1.1em;
}

.entry-content h6 {
	font-size: 1em;
}

p {
	line-height: 1.5em;
	margin-bottom: 0em;
	text-align: justify;
	text-indent: 0em;
}

.single-post article p {
  /* font-family: 'Open Sans', sans-serif;
  font-size: 1.1rem;
  line-height: 1.9rem; */
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

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

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #2a1204;
	/* Fallback for when there is no custom background color defined. */
}

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

ul, ol {
	margin: 0 0 1.5em 1em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

.entry-content ul,.entry-content ol {
	margin: 1em 0 1em;
}

.entry-content li {
	margin-left: 1em;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure.wp-caption.alignleft {
	margin: 0 1em 1em 0;
}

figure.wp-caption.alignright {
	margin: 0 0 1em 1em;
}

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

input[type="search"] {
  height: 24px;
  font-size: 0.9em;
  display: inline-block;
  font-weight: 100;
  border: none;
  outline: none;
  color: #fff;
  padding: 3px;
  padding-right: 60px;
  width: 0px;
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  z-index: 3;
  transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
  cursor: pointer;
}

input[type="search"]:focus:hover {
  border-bottom: 1px solid #BBB;
}

input[type="search"]:focus {
  width: 16em;
  z-index: 1;
  border-bottom: 1px solid #BBB;
  cursor: text;
	color: #c1c1c1;
}

@media screen and (max-width: 779px) {
		input[type="search"]:focus {
		 width: 10em;
		}
	}

input[type="submit"]#search_submit {
  height: 24px;
  width: 24px;
  display: inline-block;
  color:red;
  float: right;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gILCy0QC1FhIgAAAYhJREFUSMfdlbtKA0EUhr8VUicwHlsvLxASMIWXRqOvYGWjNknrc5jSIIY0WvoIbheFCCaxUxCJ9bigD+ClOQuLuLOTNTZOM4dh53x7zv7nX/jjFfx0aG20BmwAVaCsx3fAAAhFzFUugLVRCTgC9jLudYFDEfPqDbA2WgHOgCXAAm3gRt8aoALUgAYwBzwBuyLmOhNgbVQEhsAiEAIHImac0r55oAPUFVIVMW9pgBndW4nkW2nJAUTMM7ANXGq1LWcF1karQA94AZZdyb9VsqAtFGBdxPTSKqhrfOybXCsZ63cC2HS1qKJxP4fM+wkBpAJinQ9yAIa6l12AwDV0nqvgAow0ruZIHN95dAHi1tRyAOI79y5AqHFDpccEMm0C78BJKkCNq6t67lgbBR7JA+AUmAUuRMwwyypKwK1OZgjs68RmWQUiJpjE7M7VMmKz6yekGJtdU6tNDl3ga9dF9RaXXX9oW3asjT6zIL4/nIJK8QFoi5hR4lkn5DfDhQ9kKgCfSqYO+T/rC/cKhbCzY4kWAAAAAElFTkSuQmCC) center center no-repeat;
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity .4s ease;
}

input[type="submit"]:hover#search_submit {
  opacity: 0.8;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Previous/Next links in single posts
--------------------------------------------------------------*/
.post-previous-next-paddle-left, .post-previous-next-paddle-right {
	/* background-color: rgba(229,229,229,0.1); */
  background-color: rgba(0,0,0,0.05);
  border-top: 1px solid rgba(229,229,229,0.1);
  border-bottom: 1px solid rgba(229,229,229,0.1);
	height: 100px;
  width: 34px;
	transition: width 0.05s;
	-webkit-transition: width 0.05s;
	overflow: hidden;
	padding-left: 34px;
	z-index: 999999;
}

@media screen and (min-width: 1340px) {
  .post-previous-next-paddle-left, .post-previous-next-paddle-right {
  	background-color: rgba(0,0,0,0.7);
  	width: 130px;
  	padding-right: 10px;
  }
  .post-previous-next-paddle-left p, .post-previous-next-paddle-right p {
    display: none;
  }
  .post-previous-next-paddle-left {
  	border-right: 5px solid rgba(0,0,0,0.7);
  }
  .post-previous-next-paddle-right {
  	border-left: 5px solid rgba(0,0,0,0.7);
  }
}

@media screen and (min-width: 1678px) {
  .post-previous-next-paddle-left, .post-previous-next-paddle-right {
  	background-color: rgba(0,0,0,0.7);
  	width: 300px;
  	padding-right: 10px;
  }
  .post-previous-next-paddle-left p, .post-previous-next-paddle-right p {
    display: block;
  }
  .post-previous-next-paddle-left {
  	border-right: 5px solid rgba(0,0,0,0.7);
  }
  .post-previous-next-paddle-right {
  	border-left: 5px solid rgba(0,0,0,0.7);
  }
}

.post-previous-next-paddle-left p, .post-previous-next-paddle-right p {
	text-align: left;
	font-size: 12px;
	color: #fff;
}
.post-previous-next-paddle-left a,
.post-previous-next-paddle-right a,
.post-previous-next-paddle-left a:hover,
.post-previous-next-paddle-right a:hover {
	text-decoration: none;
}
.post-previous-next-paddle-left:hover, .post-previous-next-paddle-right:hover {
	background-color: rgba(0,0,0,0.7);
	width: 300px;
	padding-right: 10px;
}
.post-previous-next-paddle-left:hover {
	border-right: 5px solid rgba(0,0,0,0.7);
}
.post-previous-next-paddle-right:hover {
	border-left: 5px solid rgba(0,0,0,0.7);
}
.post-previous-next-paddle-left:hover p, .post-previous-next-paddle-right:hover p {
  display: block;
}
.post-previous-next-paddle-left {
	position: fixed;
	top: 25%;
  left: 0;
	/* margin: 0 0 0 -138px; */
	border-right: 5px solid rgba(229,229,229,0.1);
	padding-left: 34px
}
.post-previous-next-paddle-left:before, .post-previous-next-paddle-right:before {
	position: absolute;
	font-size: 15px;
  font-weight: 700;
	top: 40px;
	left: 12px;
	color: rgba(222,222,222,0.2);
}
.post-previous-next-paddle-left:hover:before, .post-previous-next-paddle-right:hover:before {
	color: rgba(255,255,255,0.5);
}
.post-previous-next-paddle-left:before {
	content: "«";
}
.post-previous-next-paddle-right:before {
	content: "»";
}
@media screen and (max-width: 1110px) {
  .post-previous-next-paddle-left:before, .post-previous-next-paddle-right:before {
    color: rgba(0,0,0,0.09);
  }
}
.post-previous-next-paddle-right-wrapper {
	position: fixed;
	top: 25%;
  right: 0;
	/* margin: 0 0 0 922px; */
	z-index: 999998;
}
.post-previous-next-paddle-right {
	position: absolute;
	top: 0;
	right: 0;
	border-left: 5px solid rgba(229,229,229,0.1);
}
@media screen and (max-width: 1060px) {
	.post-previous-next-paddle-left {
		left: 0;
		margin: 0;
	}
	.post-previous-next-paddle-right-wrapper {
		right: 0;
		margin: 0;
	}
}
.paddle-image-left, .paddle-image-right {
	padding: 2px;
	width: 80px;
	height: 80px;
	border: 1px solid #c1c1c1;
	margin: 10px 10px 0 0;
}

@media screen and (max-width: 540px) {
	#paddle-navigation {
		display: none;
	}
}

/*--------------------------------------------------------------
## Back to top button
--------------------------------------------------------------*/
#toTopBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999998;
	font-size: 18px;
	background-color: rgba(0,0,0,0.5);
	color: rgba(255,255,255,1);
	cursor: pointer;
	padding: 7px 12px 12px;
	border-radius: 6px;
	border: 1px solid rgba(255,255,255,0.1);
}

#toTopBtn:hover {
	background-color: rgba(0,0,0,1);
}

/*--------------------------------------------------------------
## New Issue button
--------------------------------------------------------------*/
#newIssueBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 999998;
	font-size: 18px;
	background-color: rgba(255, 0, 0, 0.5);
	color: rgba(255,255,255,1);
	cursor: pointer;
	padding: 7px 12px 7px;
	border-radius: 6px;
	border: 1px solid rgba(255,255,255,0.1);
	font-variant: small-caps;
}

#newIssueBtn:hover {
	background-color: rgba(255, 0, 0, 1);
	color: rgb(255, 255, 0);
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #2d2d2d;
}

a:visited {
	color: #2d2d2d;
}

a:hover, a:focus, a:active {
	color: #ad6800;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Page navigation
--------------------------------------------------------------*/

.page-navigation {
	display: table;
	margin: 50px auto;
	font-size: 0.8em;
}

.page-navigation ul {
  padding: 0;
}

.page-navigation li a,
.page-navigation li.disabled {
    color: #fff !important;
    text-decoration:none;
        display:table;
   padding:8px 15px;
    background-color: #1c1c1c;
    cursor: pointer;
text-transform: uppercase;
font-weight: bold;
}

.page-navigation li {
    display: inline-block;
    margin: 0px;
}
.page-navigation li a:hover{
 background-color: #A3290D;
    color: #fff!important;
}
.page-navigation li.active a{
 background-color: #A3290D;
    color: #fff!important;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.nav-menu li > a:after {
    content: "  \25BE";
}

.nav-menu li > a:before {
	content:'';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 100%;
	/* background: rgba(255,255,255,0.2); */
	/* transition: all 0.5s ease; */
}

.nav-menu li > a:hover:before {
	width: 100%;
}

.nav-menu li > a:only-child:after {
    content: "";
}

.nav-menu li li > a:after {
    content: "\25B8";
    position: absolute;
    right: 5px;
}

.nav-menu li li > a:before {
	content:'';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 100%;
	/* background: rgba(255,255,255,0.2); */
	/* transition: all 0.5s ease; */
}

.nav-menu li li > a:hover:before {
	width: 100%;
}

.nav-menu li li:hover:before {
	width: 100%;
}


#site-navigation img#sticky_logo {
	display: none;
}

#site-navigation.is-sticky img#sticky_logo {
  display: inline-block;
  height: 24px;
  float: left;
  padding: 0;
  position: relative;
	left: 5px;
	top: 5px;
}

@media screen and (max-width: 150px) {
		#site-navigation.is-sticky img#sticky_logo {
		 display: none;
		}
	}

#wrap_search {
  display: inline-block;
  height: 24px;
  float: left;
  padding: 0;
  position: relative;
	left: 100%;
	top: 5px;
}

@media screen and (max-width: 599px) {
		#wrap_search {
			/* display: none; */
			display: inline-block;
			height: 24px;
			/* float: left; */
			padding: 0;
			position: relative;
			left: 85%;
			top: 10px;
		}
	}

#menu-wrapper {
  display: block;
  margin: 0 auto;
}

.main-navigation {
  /* postion: unset; */
	clear: both;
	display: block;
	background: rgba(0, 0, 0, 0.8);
  width: 1060px;
  z-index: 9999;
}

@media screen and (max-width: 1060px) {
		.main-navigation {
		  width: 100%;
		}
	}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
  	text-align: center;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
  background: rgba(0, 0, 0, 0.8);
}

.main-navigation ul ul li {
	padding-left: 15px;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 270px;
}

@media only screen and (max-width: 271px){
	.main-navigation ul ul a {
		width: 270px;
	}
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: none !important;
	position: relative;
	display: inline-block;
	text-align: left;
	padding: 5px 5px;
}

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

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  color: white;
	text-decoration: none;
	display: block;
	padding: 10px 15px;
	font-size: 14px;
	background: rgba(0, 0, 0, 0.1);
	border: none;
}

.menu-toggle {
  float: right;
}

button.menu-toggle {
	font-size: 1.5em;
	border: none;
	border-color: none;
	border-radius: 0;
	background: none
}

button.menu-toggle:hover {
	border-color: none;
}

button.menu-toggle:active, button.menu-toggle:focus {
	border-color: none;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
  .main-navigation ul ul {
    /* all: initial; */
  }
}

@media screen and (max-width: 37.49em) {
	.main-navigation li {
    display: block;
		float: none;
	}
	.menu-toggle, .main-navigation.toggled ul {
		background: none;
	}
	.menu-toggle, .main-navigation.toggled ul ul {
		background: rgba(0, 0, 0, 0.9);
	}
  .main-navigation.toggled ul ul {
    all: unset;
	}
  .menu.nav-menu {
    clear: both;
  }
}

.site-main .comment-navigation {
	margin: 0 0 0em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
	color: #c1c1c1;
}

.widget select {
	max-width: 100%;
}

.widget_archive {
  position: relative;
  display: block;
  margin-left: 2%;
  max-width: 200px;
  min-width: 100px;
  border: 1px solid #323d3a;
  background-color: rgb(0, 0, 0);
  z-index: 10;
}
.widget_archive select {
  border: none;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  margin: 0;
  display: block;
  width: 100%;
  padding: 5px 5px 5px 15px;
  font-size: 0.9em;
  color: #323d3a;
}
.widget_archive:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 100%;
  line-height: 28px;
  content: "\25BE";
  text-align: center;
  color: #323d3a;
  font-size: 24px;
  /* border-left: 1px solid #323d3a; */
  z-index: -1;
}
.widget_archive:hover:after {
	color: #fff;
}
.widget ul {
	padding-left: 2%;
}

.widget_archive h2, .widget_text h2.widget-title {
	display: none;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
h1.entry-title {
	font-size: 1.5em;
}

body.archive header.page-header {
	margin-bottom: 3em;
}

body.blog .archive-description p, body.archive .archive-description p {
	text-align: center;
	font-size: 0.9em;
	font-style: italic;
}

body.blog h1.page-title, body.archive h1.page-title, body.search h1.page-title, body.page-template-default h1.entry-title {
	font-size: 1.5em;
	padding-bottom: 1em;
	text-align:center;
	background:
		linear-gradient(
			to left,
			rgba(255,255,255,1) 0%,
			rgba(192,192,192,1) 50%,
			rgba(192,192,192,1) 50%,
			rgba(255,255,255,1) 100%
		)
		left
		bottom
		#fff
		no-repeat;
	background-size: 100% 1px;
}

body.page-template-default h1.entry-title {
  margin-bottom: 50px;
}

.entry-header .cat-links a {
	background: #000;
	color: #e5e5e5;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.6em;
	font-weight: 700;
	padding: 1px 3px;
}

.cat-links, .tags-links, .comments-link, .edit-link {
	clear: both;
	display: block;
	margin-bottom: 1em;
}

.entry-content, .entry-summary {
	padding-bottom: 3em;
	border-bottom: 1px #efefef solid;
	margin-bottom: 1em;
}

.page-template-default .entry-content {
	border-bottom: 0;
}

.entry-footer, .entry-meta {
	font-size: 0.8em;
	padding-bottom: 2em;
}

.grid-container .entry-footer, .grid-container .entry-meta {
	font-size: 0.8em;
	padding-bottom: 0;
}

.home .grid-container h2.entry-title, .archive .grid-container h2.entry-title, .search .grid-container h2.entry-title, .blog .grid-container h2.entry-title {
	font-size: 1em;
	line-height: 1.4em;
	font-weight: 700;
	padding-top: 0;
	margin-top: 10px;
  text-align: left;
}

.home h2.entry-title a, .archive h2.entry-title a, .search h2.entry-title a, .blog h2.entry-title a {
	text-decoration: none;
}

.home h2.entry-title a, .archive h2.entry-title a, .search h2.entry-title a, .blog h2.entry-title a {
	text-decoration: none;
}

.entry-header {
	margin-top: 40px;
}

.grid-container .entry-header {
	margin-top: 0;
}

.grid-container .entry-content, .grid-container .entry-summary {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}

.sticky {
	display: block;
}

.hentry {
	margin: 0;
	/* border-bottom: 1px #efefef solid */
}

.updated:not(.published) {
	display: none;
}

div#content.site-content {
	margin-bottom: -11px;
}

footer.entry-footer span.edit-link {
	display: block;
	padding-bottom: 2em;
}

#secondary {
	font-size: 0.9em;
	text-shadow: 1px 0px 7px #000;
}

@media screen and (max-width: 640px) {
	#secondary {
		background: #000 !important;
	}
}

#secondary a,
#colophon a {
	color: #828282;
}

#secondary a:hover,
#colophon a:hover {
	color: #fff !important;
}

#secondary a:visited,
#colophon a:visited {
	color: #828282;
}

#primary,
footer.entry-footer {
	background: #fff;
}

#masthead,
.front-middle-black,
#colophon {
	background: #000;
}

.front-middle-white {
	background: #fff;
}

#masthead {
	max-width: 1060px;
	margin: 0 auto 0;
}

#primary, .page-template-default footer.entry-footer, #colophon {
	padding: 1.5em 138px;
}

.front-middle-black,
.front-middle-white,
#secondary {
	padding: 1.5em 20px;
}

.home #primary, .page-template-awards-page #primary, .home .page-template-default footer.entry-footer, .home .front-middle-black, .home .front-middle-white, .home #colophon, .home #secondary {
	padding: 1.5em 18px;
}

#primary, .page-template-default footer.entry-footer, .front-middle-black, .front-middle-white, #secondary, #colophon {
	max-width: 1060px;
	margin: 0 auto 0;
}

#secondary {
	padding-left: 2% !important;
}

@media screen and (max-width: 1061px) {
		#primary, .page-template-default footer.entry-footer, #secondary, #colophon {
			padding: 1.5em 10% 0.5em;
		}
		.front-middle-black, .front-middle-white, #secondary {
			padding: 1.5em 15px;
			font-size: 0.8em;
		}
		#secondary .widget h2, #secondary .widget a {
			color: #fff;
		}
	}

@media screen and (max-width: 640px) {
	#secondary .widget h2, #secondary .widget a {
		color: #c1c1c1;
	}
}

#comments,
.post-navigation,
.posts-navigation {
	border-top: 1px #efefef solid;
	padding-top: 2em;
	padding-bottom: 5em;
	font-size: smaller;
}

.post-navigation,
.posts-navigation {
	display: block;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.site-info {
	text-align: center;
	font-size: 0.8em;
	color: #323D3A;
}

.site-info a {
	color: #323D3A !important;
}

.site-info a:visited {
	color: #323D3A !important;
}

.box {
  width: 150px;
  height: 150px;
  background: red;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}

.box:hover {
  background-color: green;
  cursor: pointer;
}

/*--------------------------------------------------------------
## Trubadurs Content
--------------------------------------------------------------*/
.poetry-alignleft p {
  text-align: left;
  font-size: 1em;
}

.poetry-alignleft h3 {
  font-size: 1.5em;
}

.poetry-indent-small {
  margin-left: 10%;
}

.poetry-indent-medium {
  margin-left: 20%;
}

.poetry-indent-big {
  margin-left: 30%;
}

@media screen and (max-width: 640px) {
  .poetry-alignleft p {
    font-size: 0.9em;
  }
  .poetry-alignleft h3 {
    font-size: 1.3em;
  }
  .poetry-indent-small {
    margin-left: 5%;
  }
  .poetry-indent-medium {
    margin-left: 10%;
  }
  .poetry-indent-big {
    margin-left: 15%;
  }
}

@media screen and (max-width: 480px) {
  .poetry-alignleft p {
    font-size: 0.8em;
  }
  .poetry-alignleft h3 {
    font-size: 1.1em;
  }
  .poetry-indent-small {
    margin-left: 0%;
  }
  .poetry-indent-medium {
    margin-left: 0%;
  }
  .poetry-indent-big {
    margin-left: 0%;
  }
}

/*--------------------------------------------------------------
## Archives
--------------------------------------------------------------*/
.container {
	max-width: 100%;
	margin: 0 auto;
}
ul.grid-nav {
	list-style: none;
	font-size: .85em;
	font-weight: 200;
	text-align: center;
}
ul.grid-nav li {
	display: inline-block;
}
ul.grid-nav li a {
	display: inline-block;
	background: #999;
	color: #fff;
	padding: 10px 20px;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
ul.grid-nav li a:hover {
	background: #7b0;
}
ul.grid-nav li a.active {
	background: #333;
}
.grid-container {
	display: none;
}
/* ----- Image grids ----- */
ul.rig {
	list-style: none;
	font-size: 0px;
	margin-left: -2.5%; /* should match li left margin */
	padding: 0;
}
ul.rig li {
	display: inline-block;
	padding: 10px;
	margin: 0 0 2.5% 2.5%;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	/* box-shadow: 0 0 5px #ddd; */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
ul.rig li img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px;
}
ul.rig li h3 {
	margin: 0 0 5px;
}
ul.rig li p {
	font-size: .9em;
	line-height: 1.5em;
	color: #999;
	text-align: left;
}
ul.rig.columns-2 li {
	width: 47.5%; /* this value + 2.5 should = 50% */
	height: 450px;
  overflow: hidden;
}

@media (max-width: 100%) {
	.container {
		width: auto;
		padding: 0 10px;
	}
}

@media (max-width: 800px) {
	ul.grid-nav li {
		display: block;
		margin: 0 0 5px;
	}
	ul.grid-nav li a {
		display: block;
	}
	ul.rig {
		margin-left: 0;
	}
	ul.rig li {
		width: 100% !important; /* over-ride all li styles */
		margin: 0 0 20px;
	}
}

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

#comments .wp-editor-wrap {
	margin-top: 20px;
}

.comment-content a {
	word-wrap: break-word;
}

.comment-content {
		max-width: 90%;
}

.bypostauthor {
	display: block;
}

.comments-pagination a {
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover {
	color: #000;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}

.comments-pagination {
	border-top: 1px solid #eee;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
	text-align: center;
}

.comments-pagination {
	border: 0;
}

h2.comments-title {
	font-size: 1.3em;
}

.comment-list,
.comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comment-body {
	margin-left: 65px;
}

.comment-author {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 0.4em;
	position: relative;
	z-index: 2;
}

.comment-author .avatar {
	height: 50px;
	left: -65px;
	position: absolute;
	width: 50px;
	border: 1px solid #e1e1e1;
}

.comment-author .says {
	display: none;
}

.comment-meta {
	margin-bottom: 1.5em;
}

.comment-metadata {
	font-size: 0.8em;
}

.comment-body {
	font-size: 1.15em;
	margin-bottom: 2em;
	padding-top: 2em;
	border-top: 1px #e1e1e1 solid;
}

.comment-reply-link {
	font-size: 0.9em;
	position: relative;
}

.reply {
	text-align: right;
	padding-top: 1.5em;
}

.children .comment-author .avatar {
	height: 50px;
	left: -65px;
	width: 50px;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #e1e1e1;
	padding: 2px;
}

.no-comments,
.comment-awaiting-moderation {
	color: #767676;
	font-size: 14px;
	font-size: 0.875rem;
	font-style: italic;
}

.comments-pagination {
	margin: 2em 0 3em;
}

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

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

.header-logo img {
	padding: 0 20px;
}

.home .article-post-thumbnail img.attachment-post-thumbnail, .archive .article-post-thumbnail img.attachment-post-thumbnail, .search .article-post-thumbnail img.attachment-post-thumbnail {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	padding: 10px;
	text-align: center;
	max-width: 92%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	margin-bottom: 0;
	text-align: center;
	font-size: smaller;
}

.fbx-caption a {
	color: #c1c1c1;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
# Transplanted from ionMag Customizer
--------------------------------------------------------------*/
pre {
	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
	 word-wrap: break-word;       /* Internet Explorer 5.5+ */
	 background: white;
}

.jetpack_subscription_widget h2 {
	font-size: 1.5em;
	margin-bottom: 10px;
	text-transform: uppercase;
	text-align: left;
	display: none;
	}

#subscribe-email,
#subscribe-submit {
	line-height: 0;
}

#subscribe-email input {
	width: 75% !important;
	height: 40px;
	padding: 10px 8px;
	font-size: 15px;
	float: left;
	border: 1px solid #ffb2a0;
	}

#subscribe-submit input {
	background: #fff;
	width: 15%;
	padding: 0;
	border: 1px solid #ffb2a0;
	height: 40px;
	margin-lefT: 5px;
	}

p.poetryTitle {
	text-align: left;
}

.notetip2	 {
    background-color: inherit;
    background-position: 20px 50%;
    background-repeat: no-repeat;
    border: 0px solid #3C3C3C;
    border-radius: 10px 10px 10px 10px;
    bottom: 6px;
    float: right;
    font-size: smaller;
    height: auto !important;
    left: 6px;
    margin: 0;
    margin-left: 30px;
    margin-bottom: 5px;
    margin-top: 5px;
    min-height: 40px;
    overflow: visible;
    padding: 0px 0px;
    position: relative;
    right: 6px;
    width: 30%;
    margin-right: 6px;
    color: gray;
}

.shortcode-author-avatars .avatar {
float:left;
text-align:left;
padding:3px;
margin-right:10px;
border: 0px solid #EEE;
}

.shortcode-author-avatars div.author-list .user {
text-align: left;
font-size: 0.9em;
clear: both;
margin-top: 1.5em;
padding-top: 1em;
border-top: 1px #EEE dotted;
}

/* .hreview-aggregate {
display: none;
}
.p-spread {
margin: 2em 0 1em 0;
font-size: 1.1em;
}
.p-spread-top {
margin: 3em 0 1em 0;
font-size: 1.1em;
}
.p-notes-top {
clear: both;
font-size: 0.9em;
}
.p-notes-bottom {
margin: 2em 0 3em 0;
font-size: 0.9em;
}
div.postauthor {
margin: 15px 2.4% 20px !important;
} */

/* #recent-posts-plus-12 h3 {
display: none;
}

#recent-posts-plus-13 h3 {
display: none;
} */

ul.shariff-buttons.theme-default.orientation-horizontal.buttonsize-small {
margin-bottom: 3em !important;
}

.hypertext-divider {
  width: 80%;
  margin: 4em auto;
  border: 0;
  height: 1px;
  background: #333;
  background-image: linear-gradient(to right, #FADAC3, #FAAD75, #FADAC3);
}

.hypertext-notice {
  clear: both;
  margin: 4em 0 3em 0;
  text-align: center;
  font-size: 0.8em;
}

.hypertext-nav-td {
    float:left;
    width: 15%;
    min-width: 100px;
    margin-left: 6%;
    margin-right: 6%;
    margin-top: 5%;
}

.hypertext-nav-links {
    margin: auto;
    font-size: 1.2em;
    text-align: center;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    font-style: italic;
    background-color: #733408;
    color: #ffffff;
    vertical-align: middle;
    line-height: 90px;
}

.hypertext-nav-links.big {
    width: 180px;
    height: 180px;
    line-height: 170px;
    font-size: 1.5em;
    margin-bottom: 10px;
}

.hypertext-nav-links.bigback {
    width: 180px;
    height: 180px;
    line-height: 1.5em;
    font-size: 1.5em;
    margin-bottom: 10px;
}

.hypertext-nav-td.big {
    width: 33%;
    min-width: 180px;
    margin-top: 0;
}

#hypertext-publish-ad p {
    text-align: center;
    font-weight: normal;
}

#hypertext-publish-here {
    margin: auto;
    font-size: 1.7em;
    text-align: center;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-style: italic;
    background-color: #733408;
    color: #ffffff;
    vertical-align: middle;
    line-height: 55px;
    cursor: pointer;
}

#hypertext-publish-here a {
    color: #fff !important;
}
.vlado-soundcloud iframe {
   margin: 0 auto;
   display: block;
}

#main_countedown_1 .time_description {
font-size: 12px !important;
font-family: sans-serif !important;
color: #000000;
font-weight: 300;
}

#main_countedown_1 .time_left {
border-radius: 8px;
background-color: rgb(148, 55, 0) !important;
font-size: 15px !important;
font-family: monospace;
color: #fff !important;
}
#main_countedown_1 .element_conteiner {
min-width: 60px !important;
}

/* #sidebars .wp-post-image, footer .wp-post-image {
    margin-top: 3px;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-left: 5px;
    border: 1px solid #DCDCDC;
} */

#recent-posts-plus-2 {
padding-left: 1em;
padding-top: 2em;
border-top: 0px dotted gray;
}

#recent-posts-plus-2 h3 {
display: none;
}

/* .sf-menu .sub-menu, .td-module-thumb {
-webkit-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.36);
box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.36);
} */

@media (max-width: 300px) {
.bh-profile-card {
  width: 100%;
  text-align: center;
  padding: 10px;
}
}

@media (min-width: 301px) and (max-width: 720px) {
	.bh-profile-card {
	  width: 100%;
	  text-align: center;
	  float: left;
	  padding: 10px;
	}
}

@media (min-width: 721px) {
.bh-profile-card {
  width: 40%;
  text-align: center;
  float: left;
  padding: 10px;}
}

.shariff {
  padding-top: 4em;
}

hr {
	clear: both;
	background:
		linear-gradient(
			to left,
			rgba(255,255,255,1) 0%,
			rgba(192,192,192,1) 50%,
			rgba(192,192,192,1) 50%,
			rgba(255,255,255,1) 100%
		)
		left
		bottom
		#fff
		no-repeat;
	background-size: 100% 1px;
	margin: 3em 0 2em 0;
}

.patreon-widget {
	display: block;
	margin: 0 auto;
	width: 178px !important;
}

/*--------------------------------------------------------------
# FRONT PAGE GRID
--------------------------------------------------------------*/

.frontpage-grid-container {
	display: grid;	
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	margin-bottom: 5px;
}

.frontpage-grid-item {
}

.frontpage-grid-container img {
	border: 1px solid #000;
	display: block;
  width: 100%;
  height: auto;
}

.frontpage-grid-overlay-container {
  position: relative;
  width: 100%;  
}

.frontpage-grid-titles {
	/* color: #f1f1f1;  */
	color: black;
	text-shadow: 0 2px 2px #fff;
	font-size: 10px;
	font-variant: small-caps;  
	text-shadow: 0 2px 2px rgb(235, 235, 235);
  	padding: 3px;
	text-align: center;
}
.frontpage-grid-titles:hover {
	/* background: #2a1204; */
	color: black;
}

.frontpage-grid-item a {
	text-decoration: none;
}

.frontpage-grid-overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity: 0;
	color: white;
	text-shadow: 0 2px 2px #000;
  font-size: 9px;
  padding: 3px;
  text-align: center;
}

.frontpage-grid-overlay-container:hover .frontpage-grid-overlay {
  opacity: 1;
}

@media screen and (max-width: 812px) {
	.frontpage-grid-overlay {
		opacity: 1;
	}
	.frontpage-grid-overlay-container:hover .frontpage-grid-overlay {
		opacity: 0;
	}
}

@media screen and (max-width: 1053px) and (min-width:800px) {
	div.frontpage-grid-container article.frontpage-grid-item:last-child{
		display: none; 
	}
}

.front-page-entry-header {
	/* background: #880000; */
    padding: 0px 0 3px 0;
    margin: 0 10px 0 0;
    text-align: right;
	-webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    float: left;
	height: 140px;
	font-size: 10px;
	line-height: 16px;
}

.front-page-entry-header .front-page-cat-links a {
	background: none;
	color: black;
    font-size: 10px;
    font-weight: 400;
    padding: 0;	
    text-decoration: none;
    text-transform: uppercase;
}

.front-page-entry-header .front-page-cat-links {	
	margin: 0;
}

/* @media screen and (max-width:800px) { */
	.front-page-entry-header .front-page-cat-links > a:before {
		content: "\25B2\00A0\00A0\00A0";
	}
/* } */

/***** Shake *****/

a:hover .shake { 
  animation: shake 75ms infinite;
  animation-timing-function: linear;   
}

@keyframes shake {
  0% { transform: rotate(0.5deg); }
  50% { transform: rotate(-0.5deg); }
  100% { transform: rotate(0.5deg); }
}

/***** Zoom *****/

.frontpage-grid-overlay-container img.zoom {
	transition: transform .2s; /* Animation */
}

.frontpage-grid-overlay-container img.zoom:hover {
	transform: scale(1.2);
	position: relative;
	z-index: 999;
}

/*--------------------------------------------------------------
# SF AWARDS PAGE
--------------------------------------------------------------*/

.page-template-awards-page #main p,
.page-template-awards-page #main h1,
.page-template-awards-page #main h2,
.page-template-awards-page #main h3,
.page-template-awards-page #main h4 {
	padding-right: 2rem;
	padding-left: 2rem;
}

h2.front-page-entry-header {	
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.page-template-awards-page #main ul {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

@media screen and (max-width: 768px) {
	.page-template-awards-page #main p,	
	.page-template-awards-page #main h1,
	.page-template-awards-page #main h2,
	.page-template-awards-page #main h3,
	.page-template-awards-page #main h4 {
		padding-right: 0;
		padding-left: 0;
		text-align: left;
	}
}


/***** Contact Form 7 *****/

@media screen and (max-width:800px) {
	.wpcf7 input {
		width: 100%;
	}
}

/***** Hide Google Captcha *****/

.grecaptcha-badge{visibility:hidden;}
.captcha-text{display:block;margin-top:30px;font-size:75%;line-height:1.5;font-style:italic;text-align:right;}

/***** Podcasting *****/

.customPlayer {
	width: 98%;
    margin: 2em auto;
    display: block;
}

/***** Books *****/

.book-template-default .entry-title {
    font-size: 1.2em;
}

.book-template-default .entry-content {
    padding-bottom: 3em;
    border-bottom: 1px #efefef solid;
	margin: 3em 0 1em;
}

.book-template-default .book-meta {
	text-align: left;
}

.book-template-default .entry-content h2 {
	font-size: 14pt;
    font-variant: small-caps;
    margin-top: 3em;
    background: #e2e2e2;
    padding: 5px 10px;
    border-radius: 10px 0 0 10px;
}

.book-template-default .wp-post-image {
	border: 1px solid #999999;
    -webkit-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.36);
    box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.36);
	margin: 0 2em 4em 0;
}

.post-type-archive-book ul.rig.columns-2 li {
    width: 47.5%;
    height: 740px;
	overflow: hidden;
	/* border: 1px solid #f3f3f3; */
}

@media only screen and (max-width: 783px) {
	.book-template-default .wp-post-image {
		width: 100%;
		margin: 0 0 2em;
	}
	.book-template-default p {
		text-align: left;
	}
}

.book-thumbnail {
	width: 100%;
    height: 530px;
	position: relative;
	border: 1px solid #f3f3f3;
    overflow: hidden;
}

.book-thumbnail img {
	height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50%, -50%);
}

/***** Машина за истории *****/

.postid-16593 .book-meta {line-height: 1.4em;}
.postid-16593 .wp-post-image{margin-top: 1.3em;}

/***** Buttons *****/

.clearfix {
	clear: both;
}

.buy-btn-black,
.buy-btn-black:visited,
.buy-btn-black:active {
	background: #000;
    color: #fff;
    width: max-content;
    padding: 10px 15px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
}

.buy-btn-black:hover {
	background: #fb6005;
    color: #fff;
}

/***** Follow.it *****/

.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	margin-top: 16px !important;
	margin-left: 3px;
	padding: clamp(17px, 5%, 40px) clamp(17px, 7%, 50px) !important;
	max-width: 1018px !important;
  }
  .followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview,
  .followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview *{
	box-sizing: border-box !important;
  }
  .followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-heading {
	width: 100% !important;
  }
  .followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-heading h5{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
  }
  .followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-input-field {
	margin-top: 20px !important;
	width: 100% !important;
  }
  .followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-input-field input {
	width: 100% !important;
	height: 40px !important;
	border-radius: 6px !important;
	border: 2px solid #e9e8e8 !important;
	background-color: #fff !important;
	outline: none !important;
  }
  .followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-input-field input {
	color: #000000 !important;
	font-family: "Montserrat" !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 20px !important;
	text-align: center !important;
  }
  .followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-input-field input::placeholder {
	color: #000000 !important;
	opacity: 1 !important;
  }
  
  .followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-input-field input:-ms-input-placeholder {
	color: #000000 !important;
  }
  
  .followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-input-field input::-ms-input-placeholder {
	color: #000000 !important;
  }
  .followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-submit-button {
	margin-top: 10px !important;
	width: 100% !important;
  }
  .followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-submit-button button {
	width: 100% !important;
	height: 40px !important;
	border: 0 !important;
	border-radius: 6px !important;
	line-height: 0px !important;
  }
  .followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-submit-button button:hover {
	cursor: pointer !important;
  }
  .followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .powered-by-line {
	color: #231f20 !important;
	font-family: "Montserrat" !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 25px !important;
	text-align: center !important;
	text-decoration: none !important;
	display: flex !important;
	width: 100% !important;
	justify-content: center !important;
	align-items: center !important;
	margin-top: 10px !important;
  }
  .followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .powered-by-line img {
	margin-left: 10px !important;
	height: 1.13em !important;
	max-height: 1.13em !important;
  }