/*
Theme Name: Walser
Author: Dead Writers Society
Author URI: https://profiles.wordpress.org/deadwriterssociety
Description: Walser is a minimal and clean designed WordPress Theme that is ideally suited for writing articles in blogs, news and longreads in magazines and other media. Features include Customize Options, Post Formats, Responsive Layout, Custom Logo, Flex Menu, Right Sidebar Widget Area, 3 Footer Columns, Animation Effects, FontAwesome Integration, Translation Ready and much more. Theme is already translated into Belarusian, Russian and Ukrainian languages. It's simple to configure all you need using Theme Customizer.
Tags: blog, news, grid-layout, one-column, two-columns, right-sidebar, post-formats, theme-options, custom-menu, custom-logo, sticky-post, featured-images, footer-widgets, threaded-comments, translation-ready
Version: 1.0.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: walser

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.
*/


/* HTML tags and elements */

html {
	box-sizing: border-box;
}

*,
:after,
:before {
	box-sizing: inherit;
}

@-ms-viewport {
	width: device-width;
}

html {
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent;
}

body {
	font-family: Roboto, Helvetica Neue, Arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.4;
	color: #333;
	background-color: #fff;
}

[tabindex="-1"]:focus {
	outline: none!important;
}

* {-webkit-font-smoothing:antialiased}

::-moz-selection,
::selection,
:selection {
	background-color: #ff0068;
	color: #fff;
}

.hidden {
	visibility: hidden;
	opacity: 0;
}

.invisible {
	visibility: hidden !important;
}

.clear {
	content: "";
	clear: both;
	display: block;
	height: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 1rem;
	font-family: Roboto, Helvetica Neue, Arial, sans-serif;
	font-weight: 600;
	line-height: 1.2;
	color: inherit;
	letter-spacing: -.03em;
}

.h1,
h1 {
	font-size: 2.1rem;
}

.h2,
h2 {
	font-size: 1.9rem;
}

.h3,
h3 {
	font-size: 1.75rem;
}

.h4,
h4 {
	font-size: 1.32rem;
}

.h5,
h5 {
	font-size: 1.25rem;
}

.h6,
h6 {
	font-size: 1.15rem;
}

.small,
small {
	font-size: 80%;
	font-weight: 400;
}

blockquote,
.blockquote {
	padding: 1rem;
	margin-bottom: 1rem;
	border-top: 3px solid #000;
	background: #f9f9f9 url(images/quote.png) no-repeat 5px 5px;
	font-style: italic;
	transition-property: border-top, background;
	transition-duration: 0.5s;
	transition-timing-function: linear;
}

blockquote:hover,
.blockquote:hover {
	border-top: 3px solid #ff0068;
	background: #eee;
}

blockquote p {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.5rem;
}

blockquote cite {
	font-weight: 600;
	font-style: normal;
	display: block;
	text-align: right;
	color: #000;
	transition-property: color;
	transition-duration: 0.5s;
	transition-timing-function: linear;
}

blockquote:hover cite {
    font-weight: 600;
    font-style: normal;
	display: block;
    text-align: right;
	color: #ff0068;
}

cite {
	font-weight: 600;
	font-style: normal;
	display: block;
	text-align: right;
	font-style: italic;
}

blockquote cite:before {
    content: "\2014\00a0 ";
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
	line-height: 1.5rem;
}

iframe {
	max-width: 100%;
}

abbr,
acronym,
.abbr {
	position: relative;
	cursor: help;
    text-decoration: none;
    padding: 3px;
    background: #eee;
    color: #000;
    -webkit-transition: background 1s ease 0.3s;
    -moz-transition: background 1s ease 0.3s;
    -o-transition: background 1s ease 0.3s;
    transition: background 1s ease 0.3s;
}

.tips {
	position: relative;
	cursor: help;
	color: inherit;
    -webkit-transition: color 1s ease 0.3s;
    -moz-transition: color 1s ease 0.3s;
    -o-transition: color 1s ease 0.3s;
    transition: color 1s ease 0.3s;
}

abbr:hover,
acronym:hover,
.abbr:hover {
    background: #fff;
	text-decoration: none;
}

.tips:hover {
	color: #333;
    -webkit-transition: color 1s ease 0.3s;
    -moz-transition: color 1s ease 0.3s;
    -o-transition: color 1s ease 0.3s;
    transition: color 1s ease 0.3s;
}

abbr:after,
acronym:after,
.abbr:after {
	content: "*";
	margin-left: 3px;
    background: #eee;
    color: #000;
}

abbr[title]:before,
acronym[title]:before,
.abbr[title]:before {
	background: #fff;
	-webkit-transition: background 1s ease 0.3s;
    -moz-transition: background 1s ease 0.3s;
    -o-transition: background 1s ease 0.3s;
	transition: background 1s ease 0.3s;
}

abbr[title]:hover:before,
acronym[title]:hover:before,
.abbr[title]:hover:before,
.tips[title]:hover:before {
	position: absolute;
    display: block;
    background: #000;
    color: #fff;
    bottom: 1.5rem;
    right: 0px;
    min-width: 120px;
	max-width: 240px;
    text-align: center;
    padding: 4px;
    border: 2px solid #000;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
        -ms-border-radius: 6px;
         -o-border-radius: 6px;
    border-radius: 6px;
}

abbr[title]:hover:before,
acronym[title]:hover:before,
.abbr[title]:hover:before {
    content: attr(title);
}

.tips[title]:hover:before {
    content: attr(data-tip);
}

address {
	font-style: normal;
	line-height: inherit;
	padding: 1rem;
	border-left: 3px solid #000;
    font-style: normal;
	transition-property: border-left;
    transition-duration: 0.5s;
    transition-timing-function: linear;
}
address:hover {
	border-left: 3px solid #ff0068;
}

address {
	background: #fff;
	transition-property: background;
    transition-duration: 0.5s;
    transition-timing-function: linear;
}
address:hover {
	background: #eee;
}

address,
dl,
ol,
ul {
	margin-bottom: 1rem;
}

dl,
ol {
	margin-top: 0;
}

ul {
	margin-top:0;
	padding-left: 0;
}

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

.post-body ul,
.post-body ol,
.comment-content ul,
.comment-content ol,
.widget.widget_text ul,
.widget.widget_text ol {
    line-height: 1.75;
    padding-left: 1.5rem;
	padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.post-body ul,
.comment-content ul,
.widget.widget_text ul {
	list-style-type: disc;
}

.post-body ul li:hover:before {
    color: #000;
}

dt {
	font-weight: 600;
}

dd {
	margin-bottom: 0.5rem;
	margin-left: 1.5rem;
}

blockquote {
	margin: 0 0 1rem;
}

a {
	color: #ff0068;
	text-decoration: none;
	line-height: 1.5rem;
}

a:focus,
a:hover {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #ff0068;
}

a.wp-playlist-caption:hover {
    border-bottom: 0px solid #ff0068;
}

.siteHeader a:focus,
.siteHeader a:hover {
    border-bottom: 0px solid #ff0068;
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
	outline: 0;
}

pre {
    border: 3px solid #000;
	transition-property: border;
    transition-duration: 0.5s;
    transition-timing-function: linear;
}

pre:hover {
    border: 3px solid #ff0068;
}

pre {
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
	background: #000;
    color: #ff0068;
    padding: 1.5rem;
    overflow: auto;
    display: block;
    word-wrap: normal;
    white-space: pre;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
	transition-property: background;
    transition-duration: 0.5s;
    transition-timing-function: linear;
}

pre code {
    padding: 2px 6px;
    background: #000;
}
pre:hover,
pre:hover code {
    background: #eee;
	color: #000;
}

.hr,
hr {
    margin: 3rem auto;
    border: none;
    border-bottom: 3px solid #000;
}

q {
	font-style: italic;
}

figure {
	margin: 0 0 1rem;
}

img {
	vertical-align: middle;
}

.post-body img {
	max-width: 100%;
	height: auto;
}

[role=button] {
	cursor: pointer;
}

[role=button],
a,
area,
button,
input,
label,
select,
summary,
textarea {
	-ms-touch-action: manipulation;
		touch-action: manipulation;
}

table {
	border-collapse: collapse;
	background-color: transparent;
}

caption {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	color: #e4e4e4;
	caption-side: bottom;
}

caption,
th {
	text-align: left;
}

label {
	display: inline-block;
	margin-bottom: 0.5rem;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    line-height: 1rem;
    border: 3px solid #000;
    border-radius: 7px;
    color: #000 !important;
	font-weight: 400;
    padding: 0.7rem 0.75rem;
    background: #fff;
    transition-property: border, background;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}
input:hover,
textarea:hover {
	border: 3px solid #ff0068;
    color: #000;
	background: #eee;
}

button:focus {
	outline: 1px solid;
	outline: 5px auto -webkit-focus-ring-color;
}

button,
input,
select,
textarea {
	line-height: inherit;
}

textarea#comment {
    width: 100%;
}

input[type=checkbox]:disabled,
input[type=radio]:disabled {
	cursor: not-allowed;
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
	-webkit-appearance: listbox;
}

button {
	cursor: pointer;
	background: #eee;
	color: #000;
}

button:hover {
	border: 3px solid #ff0068 !important;
    color: #000 !important;
	background: #eee !important;
}

.wp-editor-container button:hover {
	border: 0 !important;
    color: #000 !important;
	background: #eee !important;
	border-radius: 0 !important;
}

button.wp-switch-editor {
	border: 0 !important;
	border-radius: 0 !important;
    color: #000 !important;
	background: #eee !important;

}

textarea.wp-editor-area {
	border: 0 !important;
	border-radius: 0 !important;
    color: #000 !important;
	background: #fff !important;
}

button.wp-switch-editor:hover,
textarea.wp-editor-area:hover {
	border: 0 !important;
	border-radius: 0 !important;
    color: #000 !important;
	background: #eee !important;
}

input[type=submit] {
	cursor: pointer;
	background: #fff;
	color: #000;
}

input[type=submit]:hover {
	border: 3px solid #000 !important;
    color: #fff !important;
	background: #000 !important;
}

input[type=reset] {
    cursor: pointer;
    background: #fff;
    color: #ff0068 !important;
}

input[type=reset]:hover {
    background: #ff0068 !important;
    color: #fff !important;
}

optgroup {
    background: #ccc;
    color: #999;
    font-weight: 600;
}

optgroup option {
    background: #fff;
}

textarea {
	resize: vertical;
}

fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 3px solid #000;
	transition: border linear 1s;
}

fieldset:hover {
	border: 3px solid #ff0068;
}

input[type="radio"] {
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    -webkit-appearance: none;
    vertical-align: text-bottom;
}
input[type="radio"]:after {
    background-color: #fff;
    border-radius: 50%;
    content: '';
    display: block;
    position: relative;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0px;
}
input[type="radio"]:checked:after {
    background-color: #ff0068;
}

input[type="checkbox"] {
    background-color: #fff;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    -webkit-appearance: none;
    vertical-align: text-bottom;
}
input[type="checkbox"]:after {
    background-color: #fff;
    content: '';
    display: block;
	position: relative;
    height: 14px;
	width: 14px;
    left: 0px;
	top: 0px;
}
input[type="checkbox"]:checked:after {
    background-color: #ff0068;
}

legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 0.5rem;
	font-size: 1.5rem;
	line-height: inherit;
}

input[type=search] {
	-webkit-appearance: none;
}

output {
	display: inline-block;
}

[hidden] {
	display: none!important;
}

progress {
    margin: 0 auto;
    padding: 3px;
    border: 0 none;
    background: #000;
    border-radius: 12px;
}

progress::-moz-progress-bar {
	border-radius: 12px;
    background: #ccc;
}

progress::-webkit-progress-bar {
	border-radius: 12px;
    background: #fff;
}

progress::-webkit-progress-value {
	border-radius: 12px;
	background: #ccc;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	
	progress {
    	height: 24px;
	}
	
}

.wp-post-image {
	width: 100%;
	height: 510px;
	object-fit: cover;
	object-position: center center;
	border-radius: 7px;
}

.figure {
	display: inline-block;
}

figcaption {
	font-size: 90%;
	color: #ccc;
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}

.form-control {
	display: block;
	width: 100%;
	padding: 0.7rem 0.75rem;
	font-size: 1.5rem;
	line-height: 2;
	background-clip: padding-box;
	border: 0 solid #000;
	font-family: Roboto, Helvetica Neue, Arial, sans-serif;
	border-radius: 0;
}

.form-control::-ms-expand {
	background-color: transparent;
	border: 0;
}

.form-control:focus {
	color: #ccc;
	background-color: #e4e4e4;
	border-color: #ffbd80;
	outline: none;
}

.form-control::-webkit-input-placeholder,
.form-control:-ms-input-placeholder,
.form-control::placeholder {
	color: silver;
	opacity: 1;
	font-weight: 600;
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #f7f7f9;
	opacity: 1;
}

.form-control:disabled {
	cursor: not-allowed;
}

select.form-control:not([size]):not([multiple]) {
	height: calc(2.65rem + 2px);
}

select.form-control:focus::-ms-value {
	color: #ccc;
	background-color: #e4e4e4;
}

#search-form {
    background-color: transparent;
    color: #fff;
    width: 100%;
}

.modal input.form-control {
    border-bottom: 3px solid #fff;
	border-top: 0;
    border-left: 0;
    border-right: 0;
	padding: 0.5rem 0;
	color: #fff !important;
	font-weight: 400;
}

.footer-widgets .form-control,
.footer_1_2 .form-control,
.sidebar-content .form-control {
	font-size: 1rem;
    line-height: 1rem;
    font-family: Roboto, Helvetica Neue, Arial, sans-serif;
	font-weight: 400;
    border: 3px solid #000 !important;
	border-radius: 7px;
    color: #000 !important;
    padding: 0.7rem 0.75rem;
	background: #fff;
	transition-property: border, background;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

.footer-widgets .form-control:hover,
.footer-widgets .form-control:active,
.footer_1_2 .form-control:hover,
.footer_1_2 .form-control:active,
.sidebar-content .form-control:hover,
.sidebar-content .form-control:active {
	border: 3px solid #ff0068 !important;
    color: #000 !important;
	background: #eee !important;
}

form.search-form {
    margin-bottom: 1rem;
}

.footer-widgets .search-submit {
    width: 100px;
    display: none;
}

.widget ul {
    list-style-type: none;
	padding-left: 0;
    margin: 0;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.alignleft {
    text-align: left;
	float: left;
}

.alignright {
    text-align: right;
	float: right;
}

.aligncenter {
    text-align: center;
}

img.alignleft {
    margin: 5px 20px 5px 0;
}

img.alignright {
    margin: 5px 0 5px 20px;
}

.wp-caption.alignleft {
    margin: 5px 10px 5px 0;
}

.wp-caption.alignright {
    margin: 5px 0 5px 10px;
}

.wp-caption.aligncenter {
    margin: 0 auto;
}

.wp-caption.alignnone {
    margin: 0 auto;
}

.wp-caption.alignleft p.wp-caption-text {
    padding: 10px;
    background: #eee;
    margin: 0 10px 20px 0;
}

.wp-caption.alignright p.wp-caption-text {
    padding: 10px;
    background: #eee;
    margin: 0 0 20px 10px;
}

.wp-caption.aligncenter p.wp-caption-text {
    padding: 10px;
    background: #eee;
    margin: 0 5px 20px 5px;
}

.wp-caption.alignnone p.wp-caption-text {
    padding: 10px;
    background: #eee;
    margin: 0 0 20px 0;
}

@media (max-width: 737px) {

	.wp-caption.aligncenter p.wp-caption-text {
    	padding: 10px;
    	background: #eee;
    	margin: 0 0 20px 0;
	}

	.wp-caption.alignnone p.wp-caption-text {
    	padding: 10px;
    	background: #eee;
    	margin: 0 0 20px 0;
	}

}

.wp-caption p.wp-caption-text {
    text-align: left;
}

p.wp-caption-text {
    padding: 10px;
    background: #eee;
}

@media (max-width: 1007px) {

	.overlay {
		height: 100%;
		width: 0;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 1030;
		background-color: #333;
		overflow-x: hidden;
		transition: 0.3s;
	}

	.overlay.open {
		width: 100%;
	}

}

/* Modal Window */

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.95);
	transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}

.modal-content {
    position: relative;
    background-color: transparent;
    margin: auto;
    padding: 0;
    width: 90%;
	padding: 15px;
    max-width: 720px;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

@-webkit-keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

.modal .close {
	cursor: pointer;
	position: absolute;
	top: 0.5rem;
    right: 1.5rem;
}

@media (min-width: 737px) {

	.modal .close {
		top: 2rem;
		right: 2rem;
	}

}

@media (min-width: 1817px) {

	.modal .close {
		right: 5rem;
	}
}

.close {
	float: right;
	font-size: 4rem;
	font-weight: 400;
	line-height: 1;
	color: #fff;
	opacity: 0.5;
}

.close:focus,
.close:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.75;
}

button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

/* Site Footer */

.siteFooter {
	padding: 0.5rem 0 2rem;
}

@media (max-width: 567px) {

	.siteFooter {
    	padding: 2rem 0;
	}

}

@media (min-width: 1100px) {

	.siteFooter .layout_main {
		width: 1081px;
	}

}

.siteFooter .footer_main {
	-ms-flex-pack: start;
	justify-content: flex-start;
}

@media (min-width: 1008px) {

	.siteFooter {
		padding-top: 3rem;
	}

	.siteFooter .footer_main {
		text-align: left;
	}

	.siteFooter .footer_main .footer_1_3 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}

	.siteFooter .footer_main .footer_1_2 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.siteFooter .footer_main .footer_1-1 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

}

.siteFooter .footer_tools {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

/* Posts */

.post-preview {
	color: #fff;
}

@media (min-width: 568px) {

	.post-preview {
		margin-bottom: 20px;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

}

@media (min-width: 737px) {

	.post-preview {
		margin-bottom: 40px;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

}

@media (min-width: 1008px) {

	.post-preview {
		margin-bottom: 40px;
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}

}

@media (min-width: 1100px) {

	.post-preview {
		margin-bottom: 40px;
	}

}

@media (min-width: 1817px) {

	.post-preview {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.post-rel .post-preview {
		-ms-flex: 0 0 33.33333% !important;
		flex: 0 0 33.33333% !important;
		max-width: 33.33333% !important;
	}

}

@media (max-width: 567px) {

	#main .post-preview {
		padding-left: 0;
		padding-right: 0;
		padding-top: 3px;
	}

	#main .post-preview .wp-post-image {
		width: 100%;
	}

}

.post-preview {
	text-align: center;
}

.post-entry {
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 20px;
	left: 0;
	bottom: 25px;
	right: 0;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-left: 20px;
	padding-right: 20px;
}

@media (min-width: 568px) {

	.post-entry {
		padding-left: 31px;
		padding-right: 31px;
	}

}

.post-img {
	overflow: hidden;
	vertical-align: middle;
	margin: -1px;
	border: 1px solid #f2f2f2;
	border-radius: 8px;
}

.col .post-img img {
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	     -o-transform: scale(1);
			transform: scale(1);
	-webkit-transition: all 1s ease-out;
	   -moz-transition: all 1s ease-out;
	     -o-transition: all 1s ease-out;
			transition: all 1s ease-out;
}

.col:hover > .post-img > img {
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
	     -o-transform: scale(1.05);
			transform: scale(1.05);
}

.entry-header > div {
	margin: 0 20px;
	display: -ms-flexbox;
}

.entry-header > div:empty {
	display: none;
}

.entry-header > div .icon {
	margin-right: 8px;
}

.entry-content {
	z-index: 1;
	max-width: 100%;
}

.entry-content h1, .entry-content h2 {
	max-height: 320px;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
}

@media (max-width: 567px) {

	.format-wide .entry-content h1,
	.post-rel .entry-content h2 {
    	max-height: 320px;
		overflow: hidden;
    	word-wrap: break-word;
    	text-overflow: ellipsis;
}

}

@media (min-width: 568px) {

	.format-wide .entry-content h1,
	.post-rel .entry-content h2 {
    	max-height: 310px;
		overflow: hidden;
    	word-wrap: break-word;
    	text-overflow: ellipsis;
	}

	.blog .entry-content h1,
	.archive .entry-content h1,
	.search .entry-content h1 {
    	max-height: 320px;
		overflow: hidden;
    	word-wrap: break-word;
    	text-overflow: ellipsis;
	}

}

.no-title:before {
    content: "\f05e";
    font-family: FontAwesomeSolid;
    font-size: 1.9rem;
    line-height: 2.1rem;
    padding-right: 0.5rem;
}

.post-link {
	color: #fff;
	transition: color .2s linear;
	text-shadow: 1px 1px 1px #000;
}

h1.h1, h2.h1 {
    text-shadow: 1px 1px 1px #000;
	padding: 0 5px;
}

@media (min-width: 568px) {

	.post-rel h2.h1 {
    	font-size: 1.4rem;
	}

}

.h1.no-title,
.h1.no-title a {
    color: rgb(0, 0, 0, 0.1);
    text-shadow: unset;
}

.page-no-title {
    color: rgb(0, 0, 0, 0.1);
}

.post-link:hover {
	color: #ff0068;
	text-decoration: none;
	border-bottom: 0;
}

.entry-header {
    padding-bottom: 20px;
	z-index: 2;
}
.entry-footer {
	line-height: 1.2;
	padding: 20px 5px 0 5px;
}

.entry-meta {
	text-shadow: 1px 1px 1px #999;
}

.entry-author,
.entry-date,
.entry-views,
.entry-comments {
    display: inline-block;
    padding: 0 5px;
}

.entry-comments a {
    border-bottom: 0px;
    color: #fff;
}

.pro_main .page-header {
	padding: 0 20px 20px;
	text-align: center;
}

@media (min-width:1008px) {

	.pro_main .page-header {
		padding-top: 0;
	}

}

.search-form .search-control {
	width: 100%;
}

.search-form .search-submit {
	width: 100px;
	display: none;
}

.modal-primary .search-control {
	background-color: transparent;
	border: 0;
	margin-bottom: 1px;
	color: #fff;
}

.modal-primary .search-control::-webkit-input-placeholder,
.modal-primary .search-control:-ms-input-placeholder,
.modal-primary .search-control::placeholder {
	color: silver;
	font-weight: 600;
}

/* Search */

.btn-search {
	color: #fff;
    background-color: #fff;
    border-radius: 7px;
    height: 38px;
}

.btn-search:hover {
	color: #fff;
	background-color: #f2f2f2;
	border-color: #333;
}

.btn-search.focus,
.btn-search:focus {
	box-shadow: 0 0 0 2px rgba(51,51,51,.5);
}

.btn-search.disabled,
.btn-search:disabled {
	background-color: #333;
	border-color: #333;
}

.btn-search.active,
.btn-search:active {
	color: #fff;
	background-color: #fff;
	background-image: none;
	border-color: #f2f2f2;
}

/* Site Menu */

.navbar {
	position: relative;
	padding: 0.5rem 0;
}

.navbar,
.navbar-nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

.navbar-nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.navbar-nav .nav-link {
	padding-right: 0;
	padding-left: 0;
}

.nav {
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.nav-link {
	display: block;
	padding: 0.5em 1em;
}

.nav-link:focus,
.nav-link:hover {
	text-decoration: none;
}

.nav-link.disabled {
	color: #000;
	cursor: not-allowed;
}

/* Layout */

.layout_main {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-right: 20px;
	padding-left: 20px;
	width: 480px;
	max-width: 100%;
}

@media (min-width: 568px) {

	.layout_main {
		padding-right: 10px;
		padding-left: 10px;
		width: 568px;
		max-width: 100%;
	}

}

@media (min-width: 737px) {

	.layout_main {
		padding-right: 20px;
		padding-left: 20px;
		width:720px;
		max-width:100%;

	}

}

@media (min-width: 1008px) {

	.layout_main {
		padding-right: 5px;
		padding-left: 5px;
		width: 991px;
		max-width: 100%;
	}

}

@media (min-width: 1100px) {

	.layout_main {
		padding-right: 20px;
		padding-left: 20px;
		width: 1081px;
		max-width: 100%;
	}

}

@media (min-width: 1817px) {

	.layout_main {
		padding-right: 20px;
		padding-left: 20px;
		width: 1800px;
		max-width: 100%;
	}

}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -20px;
	margin-left: -20px;
}

@media (min-width: 568px) {

	.row {
		margin-right: -10px;
		margin-left: -10px;
	}

}

@media (min-width: 737px) {

	.row {
		margin-right: -20px;
		margin-left: -20px;
	}

}

@media (min-width: 1008px) {

	.row {
		margin-right: -5px;
		margin-left: -5px;
	}

}

@media (min-width: 1100px) {

	.row {
		margin-right: -20px;
		margin-left: -20px;
	}

}

@media (min-width: 1817px) {

	.row {
		margin-right: -20px;
		margin-left: -20px;
	}

}

.col {
	position: relative;
	width: 100%;
	min-height: 1px;
}

@media (max-width: 567px) {

	.col {
		padding-right: 20px;
		padding-left: 20px;
	}

}

@media (min-width: 568px) {

	.col {
		padding-right: 20px;
		padding-left: 20px;
	}

}

@media (min-width: 737px) {

	.col {
		padding-right: 20px;
		padding-left: 20px;
	}

}

@media (min-width: 1008px) {

	.col {
		padding-right: 5px;
		padding-left: 5px;
	}

}

@media (min-width: 1100px) {

	.col {
		padding-right: 20px;
		padding-left: 20px;
	}

}

@media (min-width: 1817px) {

	.col {
		padding-right: 20px;
		padding-left: 20px;
	}

}

/* Site Header */

.siteHeader {
	-ms-flex: 0;
	flex: 0;
	padding: 25px 0;
}

@media (max-width: 1007px) {

	.siteHeader {
		padding: 0.9rem 0;
	}

	.siteHeader .logo {
		font-size: 2.4rem;
		overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
		padding-right: 5px;
	}

	.siteHeader .logo:hover {
		color: #fff;
	}

	.siteHeader .nav-link {
		padding: 0;
		color: #fff;
	}

	.siteHeader .layout_main {
		width: 100%;
	}

	.headerLogo {
		-ms-flex-order: 1;
		order: 1;
		-ms-flex: 0 0 85%;
		flex: 0 0 85%;
		max-width: 85%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: start;
		align-items: flex-start;
	}

}

.headerNav {
	-ms-flex-order: 3;
	order: 3;
}

.headerTool {
	color: #ff0068;
	text-align: right;
	padding-top: 5px;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%;
	max-width: 10%;
	-ms-flex-order: 2;
	order: 2;
}

@media (max-width: 1007px) {

	.headerTool .mob-search {
		display: none;
	}

}

@media (min-width: 1008px) {

	.headerLogo {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
		-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		align-self: center;
		overflow: hidden;
		max-height: 70px;
	}

	.headerLogo:before {
    	content: '';
    	width: 20px;
    	left: 250px;
    	position: absolute;
    	height: 70px;
    	background: -webkit-linear-gradient(left,rgba(255,255,255,0),#fff 100%,#fff 10%,#fff);
		background: -ms-linear-gradient(left,rgba(255,255,255,0),#fff 100%,#fff 10%,#fff);
    	background: -moz-linear-gradient(left,rgba(255,255,255,0),#fff 100%,#fff 10%,#fff);
	}

	.headerNav {
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
		-ms-flex-order: 2;
		order: 2;
	}

	.headerNav .navbar {
		-ms-flex-pack: center;
		justify-content: center;
	}

	.headerTool {
		-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		align-self: center;
	}

	.headerTool {
		padding-top:0;
		-ms-flex: 0 0 15%;
		flex: 0 0 15%;
		max-width: 15%;
		height: 70px;
	}

	.headerTool .search-i {
		line-height: 42px;
    	height: 38px;
	}

	.headerTool .search-i:before,
	.navbarSearch .mob-search:before {
		line-height: 42px;
    	height: 38px;
		content: "\f002";
		font-family: FontAwesomeSolid;
		font-size: 1.5rem;
		color: #000;
	}

}

.navbarSearch .icon-search,
.navbarSearch .mob-search {
	cursor: pointer;
	position: absolute;
	color: transparent;
	right: 20px;
	top: 20px;
	width: 40px;
}

.navbarSearch .mob-search:before {
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: -2px;
    content: "\f002";
    font-family: FontAwesomeSolid;
    font-size: 1.5rem;
    line-height: 42px;
    height: 38px;
    color: #000;
}

.navbar-main {
	letter-spacing: -.03em;
	font-family: Roboto, Helvetica Neue, Arial, sans-serif;
	font-size: 1.5rem;
	text-transform: uppercase;
}

@media (max-width: 1007px) {

	.navbar-main {
		padding-left: 0;
		padding-right: 0;
	}

	.navbar-main .navbar-nav {
		-ms-flex-align: start;
		align-items: flex-start;
	}

}

.nav-link {
	color: #000;
}

.nav-link:hover {
	color: #ff0068;
}

.mob-search {
	font-size: inherit;
	padding: 0px;
}

.mobNavbar {
	position: absolute;
	z-index: 1000;
	width: 100%;
	color: #ff0068;
	position: fixed;
	margin: auto;
	top: 0px;
	left: 0px;
	bottom: auto;
	right: auto;
	box-sizing: border-box;
}

@media (min-width: 1008px) {

	.mobNavbar {
		visibility: hidden;
		opacity: 0;
	}

}

.mobNavbar .logo {
	font-size: 2.4rem;
	left: 20px;
	position: absolute;
	cursor: pointer;
	font-family: Roboto, Helvetica Neue, Arial, sans-serif;
	overflow: hidden;
	max-width: 80%;
}

.mobNavbar span.logo {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	padding-right: 5px;
	font-weight: 600;
}

@media (max-width: 1007px) {

	h1.siteLogo {
    	overflow: hidden;
    	white-space: nowrap;
    	text-overflow: ellipsis;
	}

	.siteLogo {
		line-height: 1.1;
		max-width: 100%;
	}

}

.nav.drop-content{
	-ms-flex-direction: column;
	flex-direction: column;
}

.siteLogo {
	line-height: 1.1;
	font-weight: 600;
}

@media (min-width: 1008px) {

	.siteLogo {
		margin-bottom: 0.5rem;
	}

}

.logo {
	font-size: 3.8rem;
	line-height: 4rem;
	letter-spacing: -0.04em;
	display:block;
	transition:color .2s linear;
}

.logo:focus,
.logo:hover {
	text-decoration: none;
	outline: 0;
}

.format-image .post-image {
	opacity: 1;
}

.post-cats a {
    color: #fff;
    text-decoration: none;
	transition: color linear 0.3s;
	text-shadow: 1px 1px 1px #999;
	font-size: 1rem;
    line-height: 1.5rem;
}

.post-cats a:hover {
    color: #ff0068;
    text-decoration: none;
    border-bottom: 1px solid #fff;
	text-shadow: none;
}

@media (min-width: 1008px) {

	.headerTool:hover {
    	background: #fff;
    	color: #333;
	}

	.headerSearch {
		height: 62px;
		padding: 0.5rem 0 0.5rem 1rem;
    	line-height: 48px;
	}

	.headerSearch .search-t {
		display: none;
	}

	.headerSearch:hover .search-t {
		display: block;
		font-size: 1.5rem;
		font-weight: 600;
		letter-spacing: -0.03em;
    	text-transform: uppercase;
	}

	.headerSearch:hover .search-i {
		display: none;
	}

	.headerSearch .search-t span {
		cursor: pointer;
	}

	.f2 {
		text-align: right;
	}

	.close-menu {
		display: none;
	}

}

@media (max-width: 1007px) {

	.close-menu {
    	float: right;
		position: absolute;
    	font-weight: 400;
    	top: -3px;
		right: 0.1rem;
    	font-size: 3rem;
    	font-weight: 400;
    	color: #fff;
		cursor: pointer;
	}

	.search-t {
		display:none;
	}

	.headerSearch .search-i {
		display: none;
	}

	.pro_main {
		padding-top: 80px;
	}

	.f2 {
		text-align: left;
	}

}

.post-stat {
    width: 100%;
}

.search-t span {
    text-transform: uppercase;
    font-size: 1.5rem;
    cursor: pointer;
}

@media (max-width: 1007px) {

	.navbar-main {
    	padding-left: 0;
    	padding-right: 0;
	}

}

/* Flex Menu */

.navi {
	margin: 0;
	padding: 0;
	width: 100%;
	line-height: 1.5;
	overflow: hidden;
}

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

.navi > li {
	float: left;
	margin-left: .25em;
}

@media (max-width: 1007px) {

	li.menu-item {
    	padding-top: 4px;
	}

	.flexMenu-popup {
		width: 100%;
	}

}

@media (min-width: 1008px) {

	.widget li {
    	margin-bottom: 4px;
	}

	.flexMenu-popup {
		width: 250px;
		box-shadow: 0px 2px 12px #ccc;
    	border-top: 3px solid #000;
	}

}

.navi > li:first-child {
	margin-left: 0;
}

ul.sub-menu li,
ul.children li {
    padding-left: 1.5rem;
}

.navi a {
	text-decoration: none;
	font-weight: 600;
	color: #333;
	padding-right: 0.5rem;
    padding-left: 0.5rem;
	transition-property: color;
    transition-duration: 0.2s;
    transition-timing-function: linear;
}

.flexMenu-popup {
	padding: 0;
	background-color: #fff;
	margin: 0;
	z-index: 1000;
}

li.flexMenu-viewMore {
    display: block;
	padding: 0.5em 0 0.5em 0.5em;
}

.flexMenu-viewMore > a {
	padding-top: 0px;
	background-color: #fff;
	color: #000;
	transition-property: color;
    transition-duration: 2s;
	transition-timing-function: ease-in-out;
}
.flexMenu-viewMore > a:hover {
	background-color: #fff;
	color: #ff0068;
}

.flexMenu-viewMore > a:after {
	display: inline-block;
	content:"";
	border-left:0.3em solid transparent;
	border-right:0.3em solid transparent;
	border-top:0.4em solid white;
	margin-left:0.4em;
	position: relative;
	top: -.1em;
}

.flexMenu-viewMore.active > a {
	background: #fff;
	transition-property: background;
    transition-duration: 1s;
	transition-timing-function: linear;
}
.flexMenu-viewMore.active > a:hover {
	background: #eee;
}

.flexMenu-popup > li > a,
.flexMenu-popup > li {
	display: block;
}

.touch .navi {
	font-size: 1.5em;
}

.lt-ie8 .flexMenu-popup {
	margin-top: -1px
}

@media (max-width: 1007px) {

	.flexMenu-allInPopup a.flex-toggle {
    	display: none;
	}

	.flexMenu-popup {
    	display: block !important;
		background-color: #333;
	}

	.flexMenu-popup:hover {
    	background-color: #333;
	}

	li.flexMenu-viewMore {
    	padding: 0;
	}

	.navi a {
    	height: 1.5em;
		font-size: 22px;
	}

}

@media (max-width: 1099px) {

	.navi li,
	.navi a {
    	width: 100%;
    	z-index: 1090;
		height: auto;
    	margin-top: 4px;
	}

}

@media (min-width: 1100px) {

	.navi li,
	.navi a {
    	display: block;
	}

}
/* End Flex Menu*/

.format-wide {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: none;
}

@media (max-width: 567px) {

	.format-wide {
		margin-bottom: 2rem;
	}

}

.widget {
	padding-bottom: 1rem;
}

/* Main Content */

.container {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	position: relative;
    margin-left: auto;
    margin-right: auto;
}

.post-body > div {
    max-width: 100%;
}

aside.sidebar-content .widget-area {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (max-width: 567px) {

	.container {
    	max-width: 100%;
	}

	.post-content {
		flex: 0 0 100%;
    	max-width: 100%;
	}

	.post-body {
    	padding: 2rem 0 0 0;
	}

	.sidebar-content {
		flex: 0 0 100%;
    	max-width: 100%;
		padding-top: 2rem;
	}

}

@media (min-width: 568px) {

	.container {
		width: 568px;
    	max-width: 100%;
	}

	.post-content {
		flex: 0 0 100%;
    	max-width: 100%;
	}

	.sidebar-content {
		flex: 0 0 100%;
    	max-width: 100%;
	}

}

@media (min-width: 737px) {

	.container {
		width: 720px;
    	max-width: 100%;
		padding-bottom: 1rem;
	}

	.post-content {
		flex: 0 0 100%;
    	max-width: 100%;
	}

	.sidebar-content {
		flex: 0 0 100%;
    	max-width: 100%;
	}

}

@media (min-width:1008px) {

	.container {
		width: 991px;
    	max-width: 100%;
	}

	.post-content {
		flex: 0 0 66.66666%;
    	max-width: 66.66666%;
	}

	.sidebar-content {
		flex: 0 0 33.33333%;
    	max-width: 33.33333%;
	}

}

@media (min-width: 1100px) {

	.container {
		width: 1081px;
    	max-width: 100%;
	}

	.post-content {
		flex: 0 0 66.66666%;
    	max-width: 66.66666%;
	}

	.sidebar-content {
		flex: 0 0 33.33333%;
    	max-width: 33.33333%;
	}

}

/* Footer Sidebars */

aside.footer-widgets ul {
    padding-left: 0px;
}

aside.footer-widgets li {
    list-style-type: none;
}

aside.footer-widgets {
	padding-bottom: 16px;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	position: relative;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width:568px) {

	aside.footer-widgets {
		width: 568px;
    	max-width: 100%;
	}

	aside.footer-widgets .widget-area {
		flex: 0 0 50%;
    	max-width: 50%;
	}

}

@media (min-width:737px) {

	aside.footer-widgets {
		width: 720px;
    	max-width: 100%;
	}

	aside.footer-widgets .widget-area {
		flex: 0 0 50%;
    	max-width: 50%;
	}

}

@media (min-width:1008px) {

	aside.footer-widgets {
		width: 991px;
    	max-width: 100%;
	}

	aside.footer-widgets .widget-area {
		flex: 0 0 33.33333%;
    	max-width: 33.33333%;
	}

}

@media (min-width: 1100px) {

	aside.footer-widgets {
		width: 1081px;
    	max-width: 100%;
	}

	aside.footer-widgets .widget-area {
		flex: 0 0 33.33333%;
    	max-width: 33.33333%;
	}

}

/* Table */

table {
  	font-family: Arial, Helvetica, sans-serif;
  	background-color: #FFFFFF;
  	width: 100%;
  	text-align: left;
  	border-collapse: collapse;
	margin-bottom: 1rem;
}

table td, table th {
  	border: 1px solid #000000;
  	padding: 5px 4px;
}

table tbody td {
  	font-size: 1rem;
}

table:hover tbody td {
  	background-color: #eee;
}

tbody td:hover {
    background-color: #999 !important;
    color: #fff;
}

thead th:hover,
tfoot td:hover {
    background-color: #fff !important;
}

table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9;
}

table thead {
  	background: #DFDFDF;
  	border-bottom: 3px solid #000000;
  	border-left: 1px solid #000000;
}

table thead th {
  	font-size: 15px;
  	font-weight: 600;
  	color: #000000;
  	text-align: left;
  	border-left: 1px solid #000000;
}

table thead th:first-child {
  	border-left: none;
}

table tfoot {
  	font-size: 14px;
  	font-weight: 600;
  	color: #000000;
  	border-top: 3px solid #000000;
  	border-bottom: 0;
}

table tfoot td {
  	font-size: 14px;
}

table caption {
    padding-top: 0;
    padding-bottom: 0.75rem;
    color: #000000;
    caption-side: top;
	font-weight: 600;
}

/* Widget Calendar */

td#next {
    text-align: right;
}

table#wp-calendar tfoot td {
    font-size: 14px;
    border: 0;
}

/* Post categories */

.single .post-cats {
    height: 1.5em;
    overflow: hidden;
	background-color: transparent;
    transition: height, background-color 0.5s linear 0.3s;
}

.blog .post-cats,
.archive .post-cats,
.search .post-cats {
    height: 1.5em;
    background-color: transparent;
    transition: height, background-color 0.5s linear 0.3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

@media (min-width: 568px) and (max-width: 737px) {

	.blog .post-cats,
	.archive .post-cats,
	.search .post-cats {
    	height: 1.5em;
    	background-color: transparent;
    	transition: height, background-color 0.5s linear 0.3s;
    	white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	max-width: 200px;
	}

}

@media (max-width: 567px) {

	.single .format-wide .post-cats:hover {
    	height: 100%;
    	overflow: visible;
    	z-index: 3;
		background-color: rgba(0, 0, 0, 0.8);
		padding: 20px;
		margin: -17px 0 20px 0;
	}

}

@media (min-width: 568px) and (max-width: 737px) {

	.single .format-wide .post-cats:hover {
    	height: 100%;
    	overflow: visible;
    	z-index: 3;
		background-color: rgba(0, 0, 0, 0.8);
		padding: 20px;
		margin: -20px 0 20px 0;
	}

}

@media (min-width: 738px) and (max-width: 1007px) {

	.single .format-wide .post-cats:hover {
    	height: 100%;
    	overflow: visible;
    	z-index: 3;
		background-color: rgba(0, 0, 0, 0.8);
		padding: 20px;
		margin: -20px 10px 20px 10px;
	}

}

@media (min-width: 1008px) and (max-width: 1099px) {

	.single .format-wide .post-cats:hover {
    	height: 100%;
    	overflow: visible;
    	z-index: 3;
		background-color: rgba(0, 0, 0, 0.8);
		padding: 20px;
		margin: -20px -20px 20px -20px;
	}

}

@media (min-width: 1100px) {

	.single .format-wide .post-cats:hover {
    	height: 100%;
    	overflow: visible;
    	z-index: 3;
		background-color: rgba(0, 0, 0, 0.8);
		padding: 20px;
		margin: -20px 10px 20px 10px;
	}

}

.no-post-image {
	height: 310px;
	width: 100%;
}

@media (max-width: 567px) {

	.blog .post-cats,
	.archive .post-cats,
	.search .post-cats {
		max-height: 5.7em;
    	overflow: hidden;
	}

	.no-post-image {
		height: 510px;
		width: 100%;
	}

}

.drop-content {
	display:none;
}

/* RSS Feed */

.widget_rss li {
    padding-bottom: 1rem;
}

img.rss-widget-icon {
    display: none;
}

span.rss-date {
    display: block;
    font-size: 0.75rem;
	color: #999;
}

.rssSummary {
    line-height: 1.5rem;
}

.widget_rss cite {
	text-align: right
}

h2 a.rsswidget {
    font-size: 1.9rem;
    line-height: 1.2;
}

a.rsswidget {
    font-size: 1.5rem;
	line-height: 1.7rem;
}

/* Paged post */

.page-links {
    padding: 0 0 2rem 0;
}

.page-links a {
    padding: 0.3rem 0.5rem;
    margin: 0 5px;
    border: 3px solid #eee;
    border-radius: 7px;
    white-space: nowrap;
	background: #fff;
    transition: background 0.5s linear 0.3s;
}

.page-links a:hover {
	background: #eee;
}

/* Tags */

.post-tags {
	display: inline-block;
    padding: 0 0 2rem 0;
}

.post-tags a {
	margin: 0 0.5em 0 0;
	font-weight: 600;
}

.post-tags a:before {
    content: "#";
}

/* Comments view */

.post-comments,
.navigation {
    padding: 0 0 2rem 0;
}

.navigation .alignleft,
.navigation .alignright {
    width: 49%;
    display: inline-block;
}

h2.comments-title {
    padding-bottom: 1rem;
}

li.comment,
li.pingback {
    border-top: 3px solid #000;
    background: #fff;
    margin-bottom: 3rem;
	transition-property: border, background;
    transition-duration: 1s;
}

li.comment:hover,
li.pingback:hover {
    border-top: 3px solid #ff0068;
    background: #eee;
}

li.comment p {
    margin-bottom: 0;
	padding-bottom: 0.5rem;
}

li.comment figure {
    margin: 3px;
}

.col-avatar {
    display: inline-block;
    width: 80px;
	margin-right: 10px;
}

.comment-avatar img {
    border-radius: 7px;
    border: 1px solid #ccc;
}

li.pingback figure.comment-avatar {
    background: #ccc;
    width: 80px;
    height: 80px;
	margin: 3px;
	border-radius: 7px;
    border: 1px solid #ccc;
}

.comment-body {
    display: inline-block;
    width: calc(100% - 95px);
    vertical-align: top;
}

header.comment-meta {
    padding-bottom: 10px;
}

.comment-author,
.comment-date {
    width: 49%;
    display: inline-block;
}

@media (max-width: 567px) {

	.comment-author,
	.comment-date {
    	width: 100%;
    	display: inline-block;
	}

}

.comment-date {
    text-align: right;
    color: #9e9e9e;
	font-size: 12px;
	vertical-align: top;
}

.comment-author span.small {
    color: #9e9e9e;
}

.comment-content {
    padding: 0 10px 0 0;
}

.bypostauthor {
	background: #fff;
}

/* Comments form */

#wp-comment-wrap {
    margin-bottom: 2rem;
}

@media (max-width: 567px) {

	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
    	width: 100%;
	}

	ol.comment-list,
	ol.children {
    	padding-left: 0;
	}

}

@media (min-width: 568px) {

	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
    	width: calc((100% - 2.5em - 10px) / 3);
    	display: inline-block;
    	margin-left: 1.25em;
	}

}

.comment-form-author {
    margin-left: 0;
}

.comment-form p {
	position: relative;
    margin-bottom: 1rem;
}

.comment-form label {
    padding: 0.25rem 0 0 0.9rem;
    display: block;
    font-size: 1rem;
	line-height: 1.5rem;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.form-submit input {
    display: block;
	z-index: 1;
    outline: 0;
    position: relative;
    width: 100%;
	font-size: 1rem;
    line-height: 1.5rem;
    border: 3px solid #000;
    border-radius: 7px;
    color: #000 !important;
    padding: 0.7rem 0.75rem;
    background: #fff;
    transition-property: border, background;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

.comment-form-author input:hover,
.comment-form-email input:hover,
.comment-form-url input:hover,
.form-submit input:hover,
.comment-form-author input:active,
.comment-form-email input:active,
.comment-form-url input:active,
.form-submit input:active {
	border: 3px solid #ff0068 !important;
    color: #000 !important;
	background: #eee !important;
}

.comment-form input[type=submit] {
	background: #eee;
	color: #000;
}

ol.comment-list,
ol.children {
    list-style-type: none;
}

ol.comment-list {
    padding-left: 0;
}

a.comment-reply-link:before {
    content: "\f3e5";
    font-family: FontAwesomeSolid;
    margin-right: 5px;
}

/* Comments widget */

li.recentcomments {
    color: #999;
}

li.recentcomments span {
    color: #000;
}

/* Editor */

div#wp-comment-wrap {
    border: 3px solid #000;
	transition: border linear 1s;
}

div#wp-comment-wrap:hover {
    border: 3px solid #ff0068;
}

div#wp-comment-editor-tools {
    background: #eee;
}

.html-active .switch-html,
.tmce-active .switch-tmce {
    color: #ff0068 !important;
}

.wp-switch-editor {
    float: none !important;
    top: 0px !important;
    margin: 0 0 0 0 !important;
}

@media screen and (max-width: 782px) {

	.wp-core-ui .button,
	.wp-core-ui .button.button-large,
	.wp-core-ui .button.button-small,
	a.preview,
	input#publish,
	input#save-post {
    	padding: 3px 6px !important;
	}

}

/* Pagination */

nav.navigation.pagination {
	display: block;
    width: 100%;
	text-align: center;
	padding: 1rem 0;
	line-height: 2.5rem;
}
.page-numbers {
    padding: 0.3rem 0.5rem;
    margin: 0 1px;
    border: 3px solid #eee;
    border-radius: 7px;
	white-space: nowrap;
}
span.page-numbers {
    background: #eee;
}
span.page-numbers.current,
span.page-numbers.dots {
	cursor: not-allowed;
}
a.page-numbers {
    background: #fff;
	transition: background 0.5s linear 0.3s;
}
.page-numbers:hover {
    background: #eee;
}
.nav-links a:hover,
.nav-links a:active {
    border-bottom: 3px solid #eee;
}

/* Post formats */

.post-format {
    position: absolute;
    font-size: 2rem;
    left: 40px;
    top: 25px;
    color: #fff;
    text-shadow: 1px 1px 5px #999;
    display: block;
    z-index: 1;
    transition: color 1s ease 0.3s;
}

.post-format a {
    color: #fff;
    border-bottom: 0;
}

.post-format a:hover span:before {
    color: #333;
}

/* Featured */

.sticky h2:before {
    content: "\f08d";
    font-family: FontAwesomeSolid;
    font-size: 1.9rem;
    line-height: 2.1rem;
    padding-right: 0.5rem;
}

/* Aside */

.format-aside .post-format span:before {
	content: "\f15c";
    font-family: FontAwesome;
}

.format-aside .post-body {
    font-size: 1.5rem;
}

.format-aside .post-body p:first-child:first-letter {
    font-size: 3rem;
	line-height: 3rem;
	color: #ff0068;
	float: left;
	margin: 0 10px 5px 0;
}

/* Audio */

.format-audio .post-format span:before {
	content: "\f025";
    font-family: FontAwesomeSolid;
}

.wp-playlist {
    background: #fff;
    border: 3px solid #000 !important;
	transition-property: background, border;
	transition-duration: 1s;
    transition-timing-function: linear;
}

.wp-playlist:hover {
    background: #eee;
	border: 3px solid #ff0068 !important;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #ff0068 !important;
}

a.mejs-horizontal-volume-slider.mejs-mute:hover,
a.wp-playlist-caption:focus {
    border-bottom: 0px solid #000;
}

.wp-playlist-playing {
    background: #eee !important;
    color: #000 !important;
}

.wp-playlist:hover .wp-playlist-playing {
    background: #fff !important;
    color: #000 !important;
}

.wp-playlist-item {
    padding: 5px 3px !important;
}

.wp-playlist-item-length {
    line-height: 2rem !important;
}

.wp-playlist-item:hover {
    background: #ccc;
    color: #999;
}

.wp-playlist-item-title {
    color: #ff0068;
}

.wp-playlist:hover .wp-playlist-caption .wp-playlist-item-title {
    color: #ff0068;
}

/* Chat */

.format-chat .post-format span:before {
	content: "\f086";
    font-family: FontAwesome;
}

.format-chat p:first-letter {
  margin-left: 1.25rem;
  color: #ff0068;
  font-weight: 600;
}

/* Gallery */

.format-gallery .post-format span:before {
	content: "\f302";
    font-family: FontAwesome;
}

.gallery-item {
	text-align: left !important;
    margin-top: 0 !important;
    padding: 0 0.625rem 1.25rem;
}

.gallery-icon {
    background: #eee;
}

.gallery-icon img {
    border: 0 !important;
}

.wp-caption {
	padding: 0;
    max-width: 100%;
    height: auto;
}

.gallery-caption {
	height: 2.7rem;
    overflow: hidden;
	background: #fff;
    transition: background linear 0.3s;
	padding: 10px;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.gallery-item:hover .gallery-caption {
	margin-left: 0;
    text-align: left;
    background: #eee;
	word-wrap: break-word;
	height: 100%;
    overflow: visible;
	display:block;
	white-space: normal;
}

.gallery-columns-4 .gallery-caption {
    font-size: 15px;
}

.gallery-columns-5 .gallery-caption {
    font-size: 14px;
}

.gallery-columns-6 .gallery-caption {
    font-size: 13px;
	height: 1.5rem;
}

.gallery-columns-7 .gallery-caption {
    font-size: 12px;
	height: 1.5rem;
}

.gallery-columns-8 .gallery-caption {
    font-size: 11px;
	height: 1.5rem;
}

.gallery-columns-9 .gallery-caption {
    font-size: 11px;
	height: 1.5rem;
}

/* Image */

.format-image .post-format span:before {
	content: "\f03e";
    font-family: FontAwesome;
}

/* Link */

.format-link .post-format span:before {
	content: "\f0c1";
    font-family: FontAwesomeSolid;
}

/* Quote */

.format-quote .post-format span:before {
	content: "\f10d";
    font-family: FontAwesomeSolid;
}

/* Standard */

.format-standard .post-format span:before {
	content: "\f15c";
    font-family: FontAwesomeSolid;
}

/* Status */

.format-status .post-format span:before {
	content: "\f27a";
    font-family: FontAwesome;
}

/* Video */

.format-video .post-format span:before {
	content: "\f03d";
    font-family: FontAwesomeSolid;
}

/* Scrollbar */

::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}

::-webkit-scrollbar-track-piece {
	background: rgba(0,0,0,0);
}

::-webkit-scrollbar-thumb:vertical {
	height: 10px;
	background: #999;
}

::-webkit-scrollbar-thumb:vertical:hover {
	background: #ff0068;
}

::-webkit-scrollbar-thumb:horizontal {
	width: 10px;
	background: #999;
}

::-webkit-scrollbar-thumb:horizontal:hover {
	background: #000;
}

/* Post configuration block */

@media (max-width: 567px) {

	.entry-cog {
		display:none;
	}

}
.entry-cog {
    font-size: 1rem;
    right: 40px;
    bottom: -7px;
    position: absolute;
    cursor: pointer;
    text-align: right;
    background: transparent;
    border-radius: 7px;
    padding: 7px;
	-webkit-transition: background 1s ease 0.3s;
    -moz-transition: background 1s ease 0.3s;
    -o-transition: background 1s ease 0.3s;
    transition: background 1s ease 0.3s;
}
.entry-cog:hover {
	background: #fff;
	z-index: 3;
}
.cogs {
	display:none;
	line-height: 1.5rem;
}
.entry-cog:hover .cogs {
	display:block;
	z-index:999;
}
.cog {
	position: relative;
    text-decoration: none;
    color: #000;
	line-height: 1rem;
}

/* 404 */

.not-found {
    width: 100%;
	padding-bottom: 1rem;
}
.not-found p {
    text-align: center;
}

/* Search */

.not-found .form-control {
    background-color: transparent;
    border: 0;
    color: #fff;
    border: 3px solid #000;
}
.not-found .form-control {
	font-size: 1rem;
    line-height: 1rem;
    font-family: Roboto, Helvetica Neue, Arial, sans-serif;
    border: 3px solid #000 !important;
	border-radius: 7px;
    color: #000 !important;
    padding: 0.7rem 0.75rem;
	background: #fff;
	width: 360px !important;
    max-width: 100%;
    margin: 0 auto;
	transition-property: border, background;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

.not-found .form-control:hover,
.not-found .form-control:active {
	border: 3px solid #ff0068 !important;
    color: #000 !important;
	background: #eee !important;
}

/* BuddyPress */

#wp-admin-bar-my-account-buddypress,
#wp-admin-bar-my-account-buddypress .menupop .ab-sub-wrapper .ab-submenu {
	box-shadow: 0px 2px 12px #ccc  !important;
    border-top: 3px solid #000  !important;
	background: #fff !important;
	font-family: Roboto, Helvetica Neue, Arial, sans-serif;
}

#wp-admin-bar-my-account-buddypress li a {
    font-size: 1rem  !important;
	line-height: 1.4  !important;
	color: #ff0068 !important;
}

#wp-admin-bar-my-account-buddypress li a:hover {
	color: #333  !important;
}

#buddypress div.item-list-tabs ul li a,
#buddypress div.item-list-tabs ul li span {
    border-bottom: 0px;
}

/* Other things */

header.page-header {
	display: block;
    width: 100%;
}

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

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

.widget a.nav-link {
	display: initial;
    padding: 0;
	margin-bottom: 5px;
    color: #ff0068;
}

.widget a.nav-link:hover,
.widget a.nav-link:active {
	color: #000;
    border-bottom: 1px solid #ff0068;
}

.post-preview:hover .post-img img {
    opacity: 0.7;
}

.post-cats a:after {
    content: ",";
}

.post-cats a:hover:after {
    border-bottom: none !important;
}

.post-cats a:last-of-type:after {
    content: none;
}