/*
Theme Name: manduca
Theme URI: http://www.akadalymentes-webdesign.hu/manduca-akadalymentes-wordpress-sablon/
Author: Zsolt Edelényi
Author URI: http://www.akadálymentes-honlap.hu
Version: 2.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Description: Theme focusing on ergonomy and compliance with WCAG 2.0 
Tags: one-column, two-columns, light, blue, right-sidebar, custom-header, custom-menu, full-width-template, responsive-layout, featured-images, microformats, theme-options, accessibility-ready, theme-options, microformats, sticky-post
Text Domain: manduca
*/

/*                 Tartalom:
-------------------------------------------------------------
Notes
1. Reset
2. repetable patterns
	Small headers
	Shared Post Format styling
	Form fields, general styles first
	Reset non-text input types
	Buttons
	Responsive images
	Make sure videos and embeds fit their containers
	Images
	Navigation
	Author profiles
3. Basic structure
	Body, links, basics
	Accessibility tools
	Assistive text
	Page structure
	Header
	Navigation Menu
	Banner
	Wrapper
	Sidebar
	Footer
4. Main content and comment content
5. Archives
6. Single audio/video attachment view
7. Single image attachment view
8. Aside post format
9. Comments
10.Front page template
11. Widgets
12. Plugins
13. Media queries
	13.a) Minimum width of 600 pixels.
	13. b) Minimum width of 960 pixels.
	13. c) Print
14. Focus snail css
15. Egyedi



/* 1. Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        box-sizing: border-box;
}
body {
	line-height: 1.3;
}
ol,
ul {
	list-style: none;
}
blockquote
{
	quotes: none;
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	font-family: 'Comic Sans MS', cursive, sans-serif; 
}
blockquote:before
{
  color: #21759B;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote:after{
	content: '';
	content: none;
}
blockquote p{
	display: inline;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
th{
		border-bottom: 4px #444 double;
}

html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body a:link{
	color:#531fff;
}
a:focus,
a:hover,
a:active
{
	background-color: #ffffcc;
    border-bottom: 1px solid #ccc;
    border-radius: 5px;
    border-top: 1px solid #ddd;
    color: #bf1722;
    outline: medium none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}
.vonalzo {
	content: "";
	display: table;
	clear: both;	
}

.clearfix:after,
.clearfix:before{
	content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.clearfix:after{
	clear: both;
}

/* 2. Repeatable patterns
-------------------------------------------------------------- */

/* subheaders */
.archive-title:first-letter{
	text-transform: uppercase;
	}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}

/* Form fields, general styles first */
button,
input,
select,
textarea {
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
	max-width: 100%;
	margin: 6px;
	margin: 0.428571429rem;
	
	
}
button,
input {
	line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite span,
.kvazi-button,
.more-link{
	color: white;
	background-color: #D74316;
	border-radius: 3px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	border: 1px solid #d2d2d2;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
	margin: 14px;
	margin: 1rem;
	white-space: nowrap;
}
.kvazi-button,
.more-link{
	white-space: nowrap;
	display: block;
	color: #fff !important;
	max-width: 300px;
}

.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
	cursor: default;
}
.menu-toggle:hover,
.menu-toggle:focus,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover,
.kvazi-button:hover,
.more-link:hover{
	background-color: #fff;
	outline: dotted 3px #D74316;
	color: #D74316 !important;	
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active,
.kvazi-button:active{
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border-color: transparent;
}
.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}
input#searchsubmit{
    font-family: FontAwesome;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.crop-height{
	max-height: 200px;
	overflow: hidden;
}
.crop-height>img{
	display: block;
	max-width: 100%;
	height: auto!important;
	width: auto/9;
	-ms-interpolation-mode: bicubic;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 3px;
	border: 4px solid 	#DAF2FF;
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {	
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #000;
}
.entry-content figure.wp-caption{
	background-color: #DAF2FF;
	
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* Navigation */
.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
	margin: 10px 0;
	margin: 0.7142857142857143rem 0;
}
#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous,
.previous-image {
	float: left;
}
.nav-next,
.next-image {
	float: right;
	text-align: right;

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

/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.author-info {
	border-top: 1px solid #ededed;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	overflow: hidden;
}
.author-description p {
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
	margin-top: 0;
}


/* 3. Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {
	font-size: 80%;
}
body .site{
	font-size: 14px;
	font-size: 1rem;
	font-family: Verdana, Geneva, sans-serif;
	text-rendering: optimizeLegibility;
	color: #222;
	background-color: #F3F3F5;
}
article a:link
article a:visited
{
	outline: none;
	color: #20399d;
	text-decoration: underline;
}


.post .entry-content p a 
{
	color: #20399d;
	
}
.entry-content p a.ext-link:after,
.entry-content figcaption a.ext-link:after{
    content: "\F08E";
    font-family: FontAwesome;
	color: #20399d;
}

.post .entry-content p a:hover,
.post .entry-content p a:focus,
.post .entry-content p a:active
{
	background-color: #ffffcc;
	outline: 2px dotted #3486B8;
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
	width: 1px;
	word-wrap: normal !important;
}
.main-navigation .assistive-text:focus,
.site .screen-reader-text:hover,
.site .screen-reader-text:active,
.site .screen-reader-text:focus {
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	height: auto;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759B;
	display: block;
	font-size: 14px;
	font-weight: 700;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
	font-family: "Open Sans", sans-serif;
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}

/* Page structure */
.site {
	background-color: #fff;
}
.site-content,
.widget-area
{
	padding: 8px 0;
	padding: 0.5714285714285714rem 0;
}

.site-content {
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
}
.widget-area {
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
}

/* Header */

.site-title {
	font-weight: 500;
	color: #515151;
	padding: 17px;
	padding: 1.214285714285714rem;
	display: block;
	text-decoration: none;
	color: #444;
	text-transform: uppercase;
	line-height: 1.2;
	font-size: 20px;
	font-size: 1.428571428571429rem;
	text-align: center;
	border-bottom: double 1px #21759B;
}
.breadrcumb {
	font-size: 12px;
	font-size: 0.8571428571428571rem;
	font-style: italic;
	padding: 7px;
	padding: 0.5rem;
}

.searchform{
	float: none;
	width: 287px;
	margin: 0 auto;
}

.search-form label{
	font-size: 20px;
	border-radius: 5px;
	padding: 3px;
}
.search-form input.search-submit
{
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);	
}


/* Navigation Menu */
.main-navigation {
	text-align: center;
	background-color: #daf2ff;
	padding: 0 12px;
	padding: 0 0.857142857rem;	
}
.main-navigation li {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	line-height: 1.42857143;
	border-right: dotted 1px #21759B;
}
.main-navigation li:last-child{
	border:none;
}
.main-navigation a {
	font-weight: 500;
	font-size: 16px;
	font-size: 1.142857143rem;
	
}
.main-navigation a:hover,
.main-navigation a:focus {
	color: white;
	background-color: #2c82b5;
	
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.menu-toggle {
	display: inline-block;
}

.main-navigation ul.nav-menu.toggled-on {
	display: inline-block;
	background-color: #fff;
}

.main-navigation ul.nav-menu.toggled-on li
{
	text-align: left;
	border-right: none;
	margin-top: 0;
	margin-left: 14px;
	margin-left: 1rem;
}
.main-navigation ul.nav-menu.toggled-on li a
{
	text-decoration: none;
	border-bottom: 1px solid white;
	text-align: left;
	line-height: 2.181818182;
	padding: 8px 10px;
	padding: 0.571428571rem 0.714285714rem;
	width: 100%;
	white-space: normal;
}
.main-navigation ul.nav-menu.toggled-on li ul li a{
	font-size: 13px;
	font-size: 0.9285714285714286rem;
}

/* Banner */
section[role="banner"] {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
}



/* Sidebar */
.widget-area .widget,
.comments-area{
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	word-wrap: break-word;
	padding: 0 7px;
	padding: 0 0.5rem;
	border-radius: 5px;
	background-color: #fff;
	border: 2px solid #2c82b5;
}
.widget-area .widget h2 {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 14px;
	font-size: 1rem;
	line-height: 2;
}
.widget_recent_comments li,
.widget_recent_entries li,
.widget_archive li,
.widget_pages li,
.widget_rss li,
.widget_categories li{
	border-bottom: 1px #DAF2FF solid;
}
.widget_recent_comments a,
.widget_recent_entries a ,
.widget_archive a,
.widget_pages a,
.widget_rss a,
.widget_categories a{
	text-decoration: none;
}

.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 16px;
	margin-left: 1.142857142857143rem;
}
.widget-area .widget a {
	font-size: 13px;
	font-size: 0.9285714285714286rem;
}
.widget-area .widget a:hover {
	color: #21759b;
}

.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}


/* Footer */
.footer-wrapper{
	background-color: #2c82b5;
	width:100%;
	clear: both;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
}

.footer-wrapper p {	
	padding-left: 14px;
	padding-left: 1rem;
	float: left;
}
.footer-navigation{
	padding-right: 14px;
	padding-right: 1rem;
	float: right;
	max-width: 50%;
}
.footer-navigation ul{
	text-align: right;
}
.footer-navigation ul li{
	list-style-type: none;
	display: inline-block;
	padding: 0 3px;
	padding: 0 0.2142857142857143rem;
}
.footer-navigation ul li ul{
	display: none;
}
.footer-navigation ul li a{
	color: #fff;
	text-align: center;
}
.footer-navigation ul li a:hover,
.footer-navigation ul li a:focus{
	color: #000;
}

/* 4. Main content and comment content
-------------------------------------------------------------- */

.sticky{
	border: 3px #531FFF groove;
	background-color: #DAF2FF !important;
	color: #000;
}
.highlight-1{
	background: #D74316;
	color: white;
	width:  98%;
	font-size: 18px;
	font-size: 1.285714285714286rem;
	text-align: center;
	line-height: 1.5;
	border-bottom: 2px solid #e6e6e6;
	border-top: 2px solid #e6e6e6;
	border-radius: 5px;
	font-weight: bolder;
	margin: 20px 0;
}

.highlight-2
{
	background-color: #531fff;
	padding: 10px;
	font-size: 17px;
	color: #fff;
	width:  98%;
	line-height: 1.5;
	border-radius: 5px;
}

.entry-header .featured-post {
	display:table-cell;
	padding-right: 8px;
	width: 400px;
	 overflow: hidden; 
	white-space: nowrap;
	font-weight: bolder;
}

footer.entry-meta {
	clear: both;
	border-top: 1px dotted #DAF2FF;
}
.entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-header img.wp-post-image {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.entry-header .entry-format {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-weight: normal;
}
.entry-header .comments-link {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.entry-meta li{
	display: inline-block;
	margin-right: 24px;
	margin-right: 1.714285714285714rem;
}
.entry-content cite{
	display: block;
	text-align: right;
}
.comments-link a,
.entry-meta a {
	color: #757575;
}

comments-link a:hover,
.entry-meta a:hover {
	color: #21759b;
}
.entry-content,
.entry-summary,
.mu_register {
	line-height: 1.714285714;
	margin-top: 24px;
	margin-top: 1.714285714285714rem;
	
}

h1.entry-title,
.entry-content h1,
.comment-content h1,
.archive-title,
.page-title
{
	font-size: 21px;
	font-size: 1.5rem;
	line-height: 1.5;
	text-transform: uppercase;
	color: #D74316;
	font-weight: 500;
	text-align: center;
}
h2.entry-title,
 .entry-content h2,
.comment-content h2,
.mu_register h2,
h2.widget-title{
	margin: 24px 0;
	margin: 1.714285714rem 0;
	line-height: 1.714285714;
	font-size: 20px;
	font-size: 1.428571428571429rem;
	font-weight: 400;
	text-transform: uppercase;
}
.entry-content h3,
.comment-content h3,
.mu_register h3
{
	font-size: 18px;
	font-weight: 300;
	font-size: 1.285714285714286rem;
	line-height: 1.5;
	margin: 20px 0;
	margin: 1.428571428571429rem 0;
	font-weight: 500;
}
.entry-content h4,
.comment-content h4 {
	font-size: 15px;
	font-size: 1.071428571428571rem;
	line-height: 1.846153846;
	font-weight: normal;
	margin: 18px 0;
	margin: 1.285714285714286rem 0;
}
.entry-content h5,
.comment-content h5 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	margin: 16px 0;
	margin: 1.142857142857143rem 0;
}
.entry-content h6,
.comment-content h6 {
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.846153846;
	margin: 14px 0;
	margin: 1rem 0;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}
.entry-content a:visited,
.comment-content a:visited {
	color: #9f9f9f;
}

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: disc outside;
}
.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 36px;
	margin: 0 0 0 2.571428571rem;
}
.entry-content blockquote,
.comment-content blockquote {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 24px;
	padding: 1.714285714rem;
	font-style: italic;
	font-weight: 100;
	font-size: 14px;
	border-left: 10px #DAF2FF solid;	
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}
.entry-content code,
.comment-content code {
	font-family: Consolas,"Liberation Mono",Menlo,Courier,monospace;
	font-size: 85%;
	line-height: 2;
	padding: 0.2em 0;
	background-color: rgba(0, 0, 0, 0.04);
    border-radius: 3px;
	margin: 0;
}
.entry-content pre,
.comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: "Lucida Console", Monaco, "Courier New", monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}
.entry-content pre code,
.comment-content pre code {
	display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
img.alignleft,
.wp-caption.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright,
.wp-caption.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter,
.wp-caption.aligncenter {
	clear: both;
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content dl,
.comment-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.entry-content dt,
.comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry-content dd,
.comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ededed;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}
.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry-content td,
.comment-content td,
.entry-content th,
.comment-content th	{
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}

.site-content article {
	border-radius: 5px;
	border: 2px solid #2c82b5;
	background-color: #fff;
	margin-bottom: 72px;
	margin-bottom: 5.142857143rem;
	padding: 0 7px 24px;
	padding: 0 0.5rem 1.714285714rem;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.page-links {
	clear: both;
	line-height: 1.714285714;
}
footer.entry-meta {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.single-author .entry-meta .by-author {
	display: none;
}
.mu_register h2 {
	color: #757575;
	font-weight: normal;
}


/* 5. Archives
-------------------------------------------------------------- */

.archive-header,
.page-header {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
}
.archive-meta {
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin-top: 22px;
	margin-top: 1.571428571rem;
}



/* 6. Single audio/video attachment view
-------------------------------------------------------------- */

.attachment .entry-content .mejs-audio {
	max-width: 400px;
}

.attachment .entry-content .mejs-container {
	margin-bottom: 24px;
}


/* 7.Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
	overflow: hidden;
}
.image-attachment div.attachment {
	text-align: center;
}
.image-attachment div.attachment p {
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}


/* 8. Aside post format
-------------------------------------------------------------- */

article.format-aside h1 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
article.format-aside h1 a {
	text-decoration: none;
	color: #4d525a;
}
article.format-aside h1 a:hover {
	color: #2e3542;
}
article.format-aside .aside {
	padding: 24px 24px 0;
	padding: 1.714285714rem;
	background: #d2e0f9;
	border-left: 22px solid #a8bfe8;
}
article.format-aside p {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #4a5466;
}
article.format-aside blockquote:last-child,
article.format-aside p:last-child {
	margin-bottom: 0;
}



/* 9. Comments
-------------------------------------------------------------- */

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article 	header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571rem;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}
.comments-area cite b {
	font-weight: normal;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}
comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area .bypostauthor cite span {
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
.comments-area .bypostauthor cite b {
	font-weight: bold;
}
a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
}

/* Comment form */
#respond {
	margin-top: 48px;
	margin-top: 3.428571429rem;
}
#respond h3#reply-title {
	font-size: 20px;
	font-size: 1.42857143rem;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}


/* 10.Front page template
-------------------------------------------------------------- */

.entry-page-image {
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.template-front-page .site-content article {
	border: 0;
	margin-bottom: 0;
}
.template-front-page .widget-area {
	clear: both;
	float: none;
	width: auto;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	border-top: 1px solid #ededed;
}
.template-front-page .widget-area .widget li {
	margin: 8px 0 0;
	margin: 0.571428571rem 0 0;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.714285714;
	list-style-type: square;
	list-style-position: inside;
}
.template-front-page .widget-area .widget li a {
	color: #757575;
}
.template-front-page .widget-area .widget li a:hover {
	color: #21759b;
}
.template-front-page .widget-area .widget_text img {
	float: left;
	margin: 8px 24px 8px 0;
	margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
}


/* 11. Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
.widget_rss li {
	margin: 12px 0;
	margin: 0.857142857rem 0;
}
.widget_recent_entries .post-date,
.widget_rss .rss-date {
	color: #aaa;
	font-size: 11px;
	font-size: 0.785714286rem;
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #444;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}
#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.714285714rem;
	text-align: right;
}
.widget_search label {
	display: block;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget_twitter li {
	list-style-type: none;
}
.widget_twitter .timesince {
	display: block;
	text-align: right;
}


/* 12. Plugins
----------------------------------------------- */

img#wpstats {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 1.714285714rem;
}


/* 13. Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/* 13.a) Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	.author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}
	.author-description {
		float: right;
		width: 80%;
	}
	.site {
		margin: 0 auto;
		max-width: 960px;
		max-width: 68.571428571rem;
		overflow: hidden;
	}
	.site-title{
		font-size: 24px;
		font-size: 1.714285714285714rem;
		border-bottom: none;
		padding: 17px 0;
		padding: 1.214285714285714rem 0;
	}

	.site-content,
	.widget-area
	{
		display: inline-block;
		position: relative;
		vertical-align: top;
		
	}
	.site-content
	{
		width: 63%;
	}
	.widget-area
	{
		width: 33%;
		margin: 23px 0 0 12px;
		margin: 1.642857142857143rem 0 0 0.8571428571428571rem;
	}
	
	
	.site-content:before,
	.site-content:after,
	.widget-area:after,
	.widget-area:before
	{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		display: block;
		width: 4px;
	}
	
	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}
	.site-header.search-form
	{
		float:right;
		margin-bottom: 80px;
		margin-bottom: 5.714285714285714rem;
	}
	.widget-area .searchform input[type="text"]{
		max-width: 122px;
	}
	
	.entry-header {
		position: relative;
		height: 50px;
		margin: 0 0 24px 0;
		margin: 0 0 1.714285714285714rem 0;
		
	}
	
	.entry-header .entry-title {
		font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
		font-size: 14px;
		font-size: 1.714285714285714rem;
		color: #080B10;
		text-align: left;
		position: absolute;
		left: 50px;
	}
	.entry-content h2 {
		font-size: 20px;
		font-size: 1.428571428571429rem;
		
	}
	.entry-header .content-date {
		padding-right: 8px;
		font-size: 14px;
		width: 40px;
		text-decoration: none;
		font-weight: 300;
		margin-bottom: 10px;
		position: absolute;
		left: 0;
		text-align: center;
		background-color: #D74316;
		color: #fff;
		padding: 2px;
		border-radius: 4px;
	}
	.content-date span {
		display: block;
	}
	.content-date .entry-date-month {
		font-size: 12px;
		text-transform: uppercase;
	}
	
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-header .content-date time
	{
		font-size: 18px;
		width: 200px;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
	.excerpt-wrapper article
	{
		width: 48%;
		float: left;
		background-color: #f8f8f8;
		margin: 0 5px 11px;
	}
	.excerpt-wrapper h2 a{
		font-size: 18px;
		font-size: 1.285714286rem;
	}
}

/* 13 c) Minimum width of 764 pixels*/
@media screen and (min-width: 764px){
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul
	{
		display: inline-block !important;
		text-align: left;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		line-height: 3.692307692;
		white-space: nowrap;
		padding: 0 4px;
		padding: 0 0.285rem;
	}
	.main-navigation li {
		margin: 0;
		position: relative;
	}
	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	
		.main-navigation li ul li a {
		background: #efefef;
		border-bottom: 1px solid white;
		text-align: left;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: #e3e3e3;
		color: #444;
	}
	.menu-toggle {
		display: none;
	}
}

/* 13. b) Minimum width of 976 pixels. */
@media screen and (min-width: 976px) {
	body {
		background-color: #21759B;
	}
	body .site {
		border: solid 6px #2C82B5;
	}
		
	body.custom-background-empty {
		background-color: #fff;
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
	.site-title{
		float: left;
		font-size: 24px;
		font-size: 1.714285714285714rem;
	}
	.searchform{
		float:right;
	}
	/*wrapper*/
	.wrapper
	{
		padding: 10px;
		padding: 0.7142857142857143rem;
	}
	.header-bar{
		padding: 0 24px;
		padding: 0 1.714285714rem;

	}
	.widget .searchform{
		float: none;	
	}
	.site-header .search-form label{
		position: absolute;
		top:43%;
		border: red 3px groove;
		border-radius: 5px;
	}
	.main-navigation li {
		margin: 0 3px 0 0;
		margin: 0 0.2142857142857143rem 0 0;
		position: relative;
	}
	.main-navigation li a {
		padding: 0 7px;
		padding: 0 0.5rem;
	}
	
	.header-bar form.wpcf7-form label
	{
		display: inline-block;
	}
	.excerpt-wrapper article
	{
		margin: 0 5px 11px;
	}

}



/* 13. c) Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
	footer a[rel=bookmark]:link:after,
	footer a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	a {
		text-decoration: none;
	}
	.entry-content img,
	.comment-content img,
	.author-avatar img,
	img.wp-post-image {
		border-radius: 0;
		box-shadow: none;
	}
	.site {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	.site-header {
		margin-bottom: 72px;
		margin-bottom: 5.142857143rem;
		text-align: left;
	}
	.site-header p{
		font-size: 21pt;
		line-height: 1;
		text-align: left;
	}
	
	.author-avatar,
	#colophon,
	#respond,
	.commentlist .comment-edit-link,
	.commentlist .reply,
	.entry-header .comments-link,
	.entry-meta .edit-link a,
	.page-link,
	.site-content nav,
	.widget-area,
	img.header-image,
	.main-navigation {
		display: none;
	}
	.wrapper {
		border-top: none;
		box-shadow: none;
	}
	.site-content {
		margin: 0;
		width: auto;
	}

	.entry-header .entry-title,
	.entry-title {
		font-size: 21pt;
	}
	footer.entry-meta,
	footer.entry-meta a {
		color: #444;
		font-size: 10pt;
	}
	.author-description {
		float: none;
		width: auto;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.comments-area article header cite,
	.comments-area article header time {
		margin-left: 50px;
		margin-left: 3.57142857rem;
	}
}

/*14. Focus snail css*
 ------------------------*/
#focus-snail_svg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	background: transparent;
	visibility: hidden;
	pointer-events: none;
	-webkit-transform: translateZ(0);
}

#focus-snail_svg.focus-snail_visible {
	visibility: visible;
	z-index: 999;
}

#focus-snail_polygon {
	stroke-width: 0;
}