/*
Theme Name: Direkt36
Theme URI: http://mor10.com/simone-wordpress-theme/
Author: Morten Rand-Hendriksen
Author URI: http://mor10.com/
Description: Simone is a responsive, accessible, high-resolution theme featuring custom header and custom link colors, large images, and easy to read typography that scales to fit all screens. Other features include keyboard accessible navigation, optional social menu, sidebar- and footer widgets, no-sidebar page template, Aside post format, and collapsible author profile box. Simone is translation ready and ships in English with translations in Catalan, Chinese (simplified), Dutch, Finnish, French, German, Hungarian, Italian, Norwegian Bokmål, Portugese, Russian, and Spanish.
Version: 1.0.11
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: simone
Domain Path: /languages/
Tags: white, black, blue, light, one-column, two-columns, right-sidebar, responsive-layout, accessibility-ready, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready

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

Simone is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

CSS structure 2.0 onwards based on http://mdo.github.io/code-guide/#css-syntax

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Typography
3.0 - Elements
4.0 - Forms
5.0 - Navigation
	5.1 - Links
	5.2 - Menus
6.0 - Accessibility
7.0 - Alignments
8.0 - Clearings
9.0 - Widgets
10.0 - Content
	10.1 - Posts and pages
        10.2 - Index and Archives
	10.3 - Asides
        10.4 - Image Attachments
	10.5 - Comments
        10.6 - Author Box
11.0 - Infinite scroll
12.0 - Media
13.0 - Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - 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,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ }

*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */ -moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */ box-sizing:         border-box; }

body { background: #fff; -webkit-font-smoothing: antialiased; }

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

article {overflow: hidden;}

ol,
ul { list-style: none; }

table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; }

caption,
th,
td { font-weight: normal; text-align: left; }

blockquote:before,
q:before { content: "\0022"; display: block; font-size: 120px; line-height: 1px; position: relative; bottom: -50px; left: -40px; color: #ccc; }

blockquote,
q { quotes: "" ""; }

a:focus { outline: none; }

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

a img { border: 0; }

a:focus img { outline: none; }

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea { font-size: 18px; font-family: 'Open Sans', sans-serif; line-height: 1.5; color: #404040; color: hsl(0, 0%, 25%); }

h1,
h2,
h3,
h4,
h5,
h6 { clear: right; font-weight: 400; font-family: 'Changa One', sans-serif; color: #444; -ms-word-break: break-word; word-break: break-word; text-rendering: optimizeLegibility;}

p { margin-bottom: 1.5em; }

b,
strong { font-weight: bold; }

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

address { margin: 0 0 1.5em; }

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

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

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

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

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

sup { bottom: 1ex; }

sub { top: .5ex; }

small { font-size: 75%; }

big { font-size: 125%; }

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

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

ul { list-style: disc; }

ol { list-style: decimal; }

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

dt { font-weight: bold; }

dd { margin: 0 1.5em 1.5em; }

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

figure { margin: 0; }

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

th { font-weight: bold; }

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea { vertical-align: baseline; /* Improves appearance and consistency in all browsers */  *vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ font-size: 100%; /* Corrects font size not being inherited in all browsers */ }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { padding: 1em 2em; font-size: 16px; font-size: 1.6rem; font-family: 'Changa One'; text-transform: uppercase; line-height: 1; color: hsl(0, 0%, 100%); background: #504e50; border: none; border-radius: 3px; cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ }


button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover { background: #bc534b; }

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active { background: #bc534b;  }

input[type="checkbox"],
input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ }

input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ width: 100%; }
 input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
 -webkit-appearance: none;
}
 button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
 padding: 0;
 border: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea { padding: 8px; font-family: 'Open Sans', sans-serif; color: #333; border: 1px solid #ccc; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus { color: #111; }

textarea { width: 100%; vertical-align: top; /* Improves readability and alignment in all browsers */ overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ }

.comment-awaiting-moderation { /* Green background color to make moderation seem less aggressive */
 padding: .5rem 1rem; margin: 1rem 0; font-family: 'Changa One', sans-serif; font-size: 16px; font-size: 1.6rem; color: #fff; color: hsl(0, 0%, 100%); background: #84bd68; background: hsl(100, 39%, 57%); }

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a { text-decoration: none; color: #444; }

a:visited { color: #333; color: hsl(0, 0%, 20%); }

a:hover,
a:focus,
a:active { text-decoration: underline; color:#bc534b; }

/* --- Header --- */
header { }

#masthead { background: #504e50; }

.h-center { width: 1020px; margin: 0 auto; overflow: visible; }
.single .h-center {padding: 0 0 0 0;}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation { display: block; width: 80%; font-family: 'Changa One', cursive; background: #504e50; height: 61px; margin: 0; float: left; position: relative;}

.main-navigation ul { margin: 10px 0 0 0; padding-left: 0; list-style: none; overflow: visible; width: 100%; position: relative;}

.menu-menu-1-container { width: 500px; float: left; }

.main-navigation li { position: relative; float: left; }

.main-navigation a { display: block; padding: .5em .5em; font-size: 17px; text-decoration: none; line-height: 1.3em; color: white; }



.main-navigation ul ul { position: absolute; left: -50px; z-index: 99999; display: none; float: left; padding: 0; background: #504e50; width: 200px; border-bottom: 2px solid #bc534b;    text-align: center;}

.main-navigation ul ul ul { top: 0; left: 100%; }

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

.main-navigation ul ul li { }

.main-navigation li:hover > a,
.main-navigation li > a:focus { color: #fac80f; }

.main-navigation ul ul :hover > a { }

.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus { background: #313131; }

.main-navigation ul li:hover > ul { display: block; }

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a { color: #fff; }
.main-navigation .current_page_item > a:hover,
.main-navigation .current-menu-item > a:hover { color: #fac80f; }
.main-navigation .current_page_item > a:focus,
.main-navigation .current-menu-item > a:focus { color: #fff; }

.main-navigation .current_page_ancestor { background: #4d4d4d; background: hsl(0, 0%, 30%); }

.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a { color: #fff; }

/* Small menu */
.menu-toggle { display: none; cursor: pointer; }

/* Social Menu */

.menu-social ul { float: right; text-align: center; list-style: none; }

.menu-social ul li { position: relative; display:  inline-block; }

.menu-social li a:before { display: inline-block; vertical-align: top; padding: 0 5px; font-family: 'Fontawesome'; font-size: 20px; color: #fff; -webkit-font-smoothing: antialiased; content: '\f08e'; }

.menu-social li a[href*="dribbble.com"]::before { content: '\f17d'; }

.menu-social li a[href*="facebook.com"]::before { content: '\f09a'; }

.menu-social li a[href*="flickr.com"]::before { content: '\f16e'; }

.menu-social li a[href*="foursquare.com"]::before { content: '\f180'; }

.menu-social li a[href*="github.com"]::before { content: '\f09b'; }

.menu-social li a[href*="plus.google.com"]::before { content: '\f0d5'; }

.menu-social li a[href*="instagram.com"]::before { content: '\f16d'; }

.menu-social li a[href*="jsfiddle.com"]::before { content: '\f1cc'; }

.menu-social li a[href*="linkedin.com"]::before { content: '\f0e1'; }

.menu-social li a[href*="pinterest.com"]::before { content: '\f0d2'; }

.menu-social li a[href*="reddit.com"]::before { content: '\f1a1'; }

.menu-social li a[href*="soundcloud.com"]::before { content: '\f1be'; }

.menu-social li a[href*="stackoverflow.com"]::before { content: '\f16c'; }

.menu-social li a[href*="tumblr.com"]::before { content: '\f173'; }

.menu-social li a[href*="twitter.com"]::before { content: '\f099'; }

.menu-social li a[href*="vimeo.com"]::before { content: '\f194'; }

.menu-social li a[href*="vine.co"]::before { content: '\f1ca'; }

.menu-social li a[href*="yelp.com"]::before { content: '\f1e9'; }

.menu-social li a[href*="youtube.com"]::before { content: '\f167'; }

.menu-social li a[href*="wordpress.com"]::before { content: '\f19a'; }

/* Paging navigation */

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation { font-size: 18px; font-size: 1.8rem; font-family: 'Changa One', sans-serif; color: #fff; /* display: none; */}

.site-main .comment-navigation { font-size: 14px; font-family: 'Open Sans', sans-serif; color: #444; display: block;}

.post-nav-box { padding: 2em 0; margin-bottom: 4em; border-top: hsl(0, 0%, 80%) solid 1px; border-bottom: hsl(0, 0%, 80%) solid 1px; }

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous { float: left; width: 50%; padding-right: 15%; }
.comment-navigation .nav-previous a i {font-family: 'Open Sans', sans-serif;}
.comment-navigation .nav-previous i.fa.fa-arrow-circle-o-left:before {margin: 0 5px 0 0; font-family: 'FontAwesome';}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next { float: right; width: 50%; padding-left: 15%; text-align: right; }
.comment-navigation .nav-next a i {font-family: 'Open Sans', sans-serif;}
.comment-navigation .nav-next i.fa.fa-arrow-circle-o-right:before {margin: 0 0 0 5px; float: right;font-family: 'FontAwesome';}


.nav-indicator { margin-bottom: 1em; }

.nav-previous h1,
.nav-next h1 { font-weight: 400; }

.comment-navigation { padding: 1em 0; margin: 3em 0; border-top: hsl(0, 0%, 80%) solid 1px; border-bottom: hsl(0, 0%, 80%) solid 1px; }

.comment-navigation i { margin: 0; }

.paging-navigation ul { margin: 0; text-align: center;}

.paging-navigation li { display: inline; }

a.page-numbers,
span.page-numbers { padding: .3em .7em; color: #fff;  }

a:hover.page-numbers,
a:focus.page-numbers { color: #fac80f; text-decoration: none; }

.paging-navigation .current { font-weight: bold; color: #bc534b; }

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }

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

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

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

.aligncenter { display: block; margin: 0 auto 1.6em; clear: both; }

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after { display: table; content: ''; }

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

/*--------------------------------------------------------------
9.0 Header
--------------------------------------------------------------*/

.site-branding {  margin: 10px 40px 10px 0; text-align: center; width: 170px; height:30px; position: relative !important; float: left; clip: initial !important }

.title-box { width: 170px; height:30px; }

.site-title { }

.site-description { font-weight: 300; font-size: 20px; font-size: 2rem; }

.site-branding a { text-decoration: none; }

.site-title a,
.site-description { color: #fff; color: hsl(0, 0%, 100%); }

.header-image img { display: block; margin: 0 auto; }

.header-background-image { background: no-repeat center; background-size: cover!important; -moz-background-size: cover!important; -webkit-background-size: cover!important; }

.header-background-image .title-box { background: #333; background: hsla(0, 0%, 0%, .7); }

/* Header search */

.search-toggle {width: 34px; height: 38px; padding: 10px 0 0 0; margin: 7px 0 0 0; color: #fff; text-align: center; cursor: pointer; position: absolute;
right: 0px;}

.search-toggle:hover,
.search-toggle.active { background: #504e50; }

.search-toggle .screen-reader-text { top: 0; right: 0; }

.search-box-wrapper { z-index: 2; width: 100%; }

.search-box { padding: .5em 0 1em .5em; background: #504e50; }

.search-box .search-field { max-width: 80%; float: right; padding: .5em; font-size: 16px; background-color: #fff; border: 0; }

.hide { display: none; }

.error404 .search-submit,
.search .search-submit,
.search-box .search-submit { display: none; }

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget { /* margin: 0 0 4em; */
    font-family: 'Open Sans', sans-serif; font-size: 16px; font-size: 1.6rem;/* width: 200px !important; */ }

.widget-title { margin-bottom: 16px; font-size: 24px; font-size: 2.4rem; border-bottom: 2px solid #504e50; background: #f2f2f2; padding: 10px 5px 8px 5px; }

.widget a { color: #504e50; }

.crp_related_widget a {  background: #bc534b;  padding: .5em;  display: block;  font-family: 'Changa One', sans-serif;  color: #fff;}
.crp_related_widget a:hover {text-decoration: none; color:#fac80f;}

.widget ul,
.widget ol { padding: 0; margin: -1em 0 0; list-style-type: none; }

.widget li { padding: 1em 0 0; }

.widget li ul,
.widget li ol { margin-top: 0; }

.widget li li { margin-left: 1.5em; }

.widget_recent_entries li:before,
.widget_recent_comments li:before,
.widget_archive li:before { display: block; float: left; padding-top: 2px; margin-left: -2.5em; font-family: 'fontawesome'; font-size: 14px; font-size: 1.4rem; }

.widget_recent_entries li,
.widget_recent_comments li { margin: 0 0 .5em 2.5em; }

.widget_recent_entries li:before { content: "\f036"; }

.widget_recent_comments li:before { content: "\f075"; }

.widget_archive li { margin: 0 0 0 2.5em; }

.widget_archive li:before { content: "\f187"; }

.widget_nav_menu a,
.widget_pages a { display: block; padding: 1em 0; border-bottom: solid 1px hsl(0, 0%, 90%); }

.widget_nav_menu li,
.widget_pages li { padding-top: 0; }

.widget_rss li { margin-bottom: .5em; }

.widget_rss .rss-date,
.widget_rss cite { display: block; font-size: 85%; }

/* Make sure select elements fit in widgets */
.widget select { max-width: 100%; }

/* Search widget */
.widget_search .search-submit { display: none; }

.footer-widgets { margin: 0 auto; width: 200px !important;}

.footer-widgets .widget-title,
.footer-widgets .widget a:hover,
.footer-widgets .widget a:focus { color: #fff; color: hsl(0, 0%, 100%); border-color: #fff; border-color: hsl(0, 0%, 100%); }

.footer-widgets .widget { float: left; width: 320px; margin: 0 4rem 8rem 4rem; }

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky { }

.hentry { margin: 0 0 1.5em;}
.home .hentry { border-top: 2px solid #bc534b;}

.updated { display: none;  margin: 0 1em; color: #bc534b; }

.single .byline,
.group-blog .byline { display: inline; margin: 0 .7em 0 0; font-weight: bold; }

.page-content,
.entry-content,
.entry-summary { margin: 1.5em 0 0; }

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

.entry-title { margin: 0px; font-weight: initial; font-size: 40px; color: #fff; background: #504e50; /*height: 106px;*/
	width: 100%; line-height: 1.1em; /* Internet Explorer 10 */
display:-ms-flexbox; /* -ms-flex-pack:center; */
-ms-flex-align:center; /* Safari, Opera, and Chrome */
display:-webkit-box; /* -webkit-box-pack:center; */
-webkit-box-align:center; padding: .3em 0.5em .3em 1em; }

.page .entry-title { margin-top: .5em; }

.entry-content a { text-decoration: underline; }

.index-box .entry-title { padding: 10px 20px 10px 40px; font-size: 28px; height: initial; }

.index-box .entry-title a { color: #fff; text-decoration: none; font-weight: initial; }
.index-box .entry-title a:visdited {
color: #fff;
text-decoration: none;
font-weight: initial;
}

/* Typography */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 { margin-bottom: .4em; }

.entry-content h1 { font-size: 32px; font-size: 3.2rem; }

.entry-content h2 { font-size: 30px; font-size: 3.0rem; }

.entry-content h3 { font-size: 28px; font-size: 2.8rem; }

.entry-content h4 { font-size: 26px; font-size: 2.6rem; }

.entry-content h5 { font-size: 24px; font-size: 2.4rem; }

.entry-content h6 { font-size: 22px; font-size: 2.2rem; }

.entry-content p,
.entry-content ul,
.entry-content ol { font-size: 1.01em;/* line-height: 1.6em; */ }

.entry-content blockquote p { font-size: 28px; font-size: 2.8rem; line-height: 1.5em; margin: .5em; }

blockquote cite { font-size: 18px; font-size: 1.8rem; }

/* Blockquotes */
blockquote { padding: 0 1.5em 0; margin-bottom: 1em; font-style: italic; border-top: solid 1px hsl(0, 0%, 80%); border-bottom: solid 1px hsl(0, 0%, 80%); }

blockquote.alignleft { float: left; width: 50%; padding: 1em 0 0; margin-right: 2em; }

blockquote.alignright { float: right; width: 50%; padding: 1em 0 0; margin-left: 2em; }

.index-box blockquote.alignleft,
.index-box blockquote.alignright { background: #fff; background: hsl(0, 0%, 100%); border: none; }

blockquote em { font-style: normal; }

blockquote cite { display: block; margin-top: 1em; margin-left: 40%; font-family: 'Changa One', sans-serif; font-style: normal; line-height: 1.5em; text-align: right; }

/* Image borders for white-on-white images */

.border-gray { border: #b9b9b9 solid 1px; border: hsl(0, 0%, 75%) solid 1px; }

.border-black { border: #000 solid 1px; border: hsl(0, 0%, 0%) solid 1px; }

.border-custom { border: #6DBCDB solid 1px; border: hsl(19, 95%, 38%) solid 1px; }

/* Meta */
.category-list { margin: 1.3em 0 1em; font-family: 'Changa One', sans-serif; font-size: 16px; font-size: 1.6rem; display: none; }

.category-list a { color: #333; color: hsl(0, 0%, 20%); }

.category-list a:hover,
.category-list a:focus { color: #444; }

.entry-meta { margin: 1.2em .2em 1.2em 2.6em; padding: 0; font-family: 'Open Sans', serif; font-size: 16px; font-style: italic; }

.entry-meta a { }

.index-box .entry-meta { margin: .5em .2em .5em 40px; padding: 0; font-family: 'Changa One', serif; font-size: 16px; font-style: italic; display: none; }

/* Hides 'on' and '.' in post meta on wide screens. */
.mobile-hide { display: inline; }

.entry-footer { margin-top: 3rem; margin-bottom: 5rem; font-family: 'Changa One', serif; }

.entry-footer ul { padding: 0; margin: 0; font-size: 16px; font-size: 1.6rem; line-height: 2em; list-style-type: none; }

.entry-footer li { display: inline-block; margin-right: 4rem; }

.entry-footer i { margin-right: .5rem;
}

/*--------------------------------------------------------------
10.2 Index and Archive
--------------------------------------------------------------*/
.taxonomy-description { padding-top: 2rem; margin: 2rem 0; font-family: 'Changa One', sans-serif; font-style: italic; border-top: 1px solid hsl(0, 0%, 75%); border-bottom: 1px solid hsl(0, 0%, 75%); }

.sticky-post { position: absolute; top: 1rem; right: 3rem; }

.continue-reading { margin: 0 4rem; font-weight: 900; font-size: 18px; font-size: 1.8rem; color: #bc534b;padding: 0 0 0 40px !important; }
.continue-reading a{color: #bc534b;}

.continue-reading i { margin-left: .5em; }

.search-no-results .content-area,
.error404 .content-area { margin-top: 4rem; }

/*--------------------------------------------------------------
10.3 Asides
--------------------------------------------------------------*/
.format-aside .entry-content { margin-top: 1em; }

/*--------------------------------------------------------------
10.4 Image Attachments
--------------------------------------------------------------*/

.attachment .entry-title { margin-top: .7em; }

.entry-attachment { margin-bottom: 3rem; }

.attachment-caption { font-size: 14px; font-size: 1.4rem; font-family: 'Changa One', sans-serif; }

/*--------------------------------------------------------------
10.5 Comments
--------------------------------------------------------------*/
.comments-title { font-weight: 400; font-size: 36px; font-size: 3.6rem; }

.comments-area > ol { padding: 0; margin: 2em 0; list-style-type: none; }

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

.comment-author .avatar { display: block; float: left; width: 50px; margin-right: 20px; }

.comment-author .fn { font-weight: 400; font-family: 'Changa One', sans-serif; font-size: 20px; font-size: 2rem; }

.comment-metadata { font-size: 12px;  }

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

.comment-content { font-size: 90%; }

.comment-content,
.reply { margin-left: 10px; }

.comment-body { padding-bottom: 2em; margin-bottom: 2em; border-bottom: solid 1px #bc534b; }

.comment-list ol { margin-left: 20px; }

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

.reply { font-weight: 700; font-size: 12px; font-family: 'Open Sans', sans-serif; color: #bc534b;}
.reply a{color: #bc534b;}

.comment-content ol { margin-left: 1.5em; }

.bypostauthor > .comment-body { position: relative; padding: 1em; margin-bottom: 2em; background: hsl(0, 0%, 93%);  }

.comment-reply-title { margin-bottom: .5em; font-weight: 400; font-size: 30px; font-size: 3rem; }

.comment-form { padding-bottom: 4rem; font-family: 'Changa One', sans-serif; font-size: 16px; font-size: 1.6rem; font-family: ' Changa One', sans-serif;}

.comment-form textarea {font-family:'Lucida Console', Monaco, monospace; font-size: 1em; }

.comment-form label { display: block; font-family: 'Changa One', sans-serif;}

.required { color: red; }

.comment-edit-link {font-style:italic; }

.logged-in-as a {font-style:italic; font-weight: 700; color:#bc534b; }
.must-log-in a{color: #bc534b; font-weight: 700;font-style:italic;} .must-log-in a:hover{color: #fac80f; }

.comment-alarm {background: #504e50; padding: 0; font-size: .9em; margin: 0 0 3em 0; color: #fff; border-top: 4px solid #bc534b;}
.comment-alarm a{font-weight: 700; color: #bc534b;} .comment-alarm a:hover{color: #fac80f; }
.comment-alarm-en {background: #504e50; padding: 0; font-size: .9em; margin: 0 0 3em 0; color: #fff; border-top: 4px solid #bc534b;}
.comment-alarmen a{font-weight: 700; color: #bc534b;} .comment-alarm a:hover{color: #fac80f; }


/*--------------------------------------------------------------
10.6 Author Box
--------------------------------------------------------------*/
.reveal-bio { max-width: 780px; max-width: 78rem; margin: 0 auto; background: #fff; }

.reveal-bio a { display: block; padding: 2rem 0; margin: 0 auto; font-weight: 700; font-size: 26px; font-size: 2.6rem; color: #bfbfbf; color: hsl(0, 0%, 75%); text-align: center; }

.reveal-bio a:hover,
.reveal-bio a:focus { text-decoration: none; color: #444; color: hsl(0, 0%, 0%); }

.shorter { padding: 0 0 4rem!important; }

.hide-fix { padding: 0!important; margin-bottom: 2rem!important; }

.author-info { padding-top: 1rem; margin: 0 4rem; }

.author-avatar { float: left; margin: 0 2rem 0 0; }

.author-avatar img { display: block; }

.author-title {
 margin-bottom: .8rem; font-size: 36px; font-size: 3.6rem; line-height: 1; }

.author-meta { border-bottom: 16px solid hsl(0, 0%, 95%); margin-bottom: 2rem; font-family: 'Changa One', sans-serif; }

.share-and-more {
 padding: .1rem 0 1.1rem; font-weight: 700; font-size: 16px; font-size: 1.6rem; }

.author-social-media { display: inline-block; }

.author-social-media a { margin-left: 1.5rem; color: #444; }

.author-social-media a:hover,
.author-social-media a:focus { text-decoration: none; }

a.author-link { font-weight: 400; font-family: 'Changa One', sans-serif; color: #444; }

.author-link i { margin-left: 1rem; }

.author-meta,
.author-description { margin-left: 12rem; }

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; }

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

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

.wp-caption { max-width: 100%; margin-bottom: 1.5em; }

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

.wp-caption-text { text-align: center; }

.wp-caption .wp-caption-text,
.gallery-caption { padding: 0.8075em 1em; font-size: 12px; font-family: 'Open Sans', sans-serif; background: #e5e5e5; background: hsl(0, 0%, 90%); text-align: left; }

.site-main .gallery { margin-bottom: 1.5em; }

.gallery-caption { position: absolute; bottom: 0; left: 0; max-height: 50%; width: 100%; padding: 6px 8px; margin: 0; font-size: 12px; line-height: 1.5; color: #fff; text-align: left; background-color: hsla(0, 0%, 0%, .8); opacity: 0; }

.gallery-item:hover .gallery-caption,
.gallery-item:focus .gallery-caption { opacity: 1; }

.site-main .gallery a img { display: block; max-width: 100%; height: auto; margin: 0 auto; border: none; }

.site-main .gallery-item { position: relative; float: left; max-width:100%; margin-right: 3.333333333%; margin-bottom: 3rem; overflow: hidden; background: #333; }

.site-main .gallery dd,
.site-main .gallery figcaption { margin: 0; }

.site-main .gallery-columns-4 .gallery-item { }

.site-main .gallery-columns-4 .gallery-item img { }

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

/* Featured Images */

.single-post-thumbnail { background: #b2b2b2 url(images/pattern.svg) repeat; }

.front-index-thumbnail { margin-bottom: 0; }

.small-index-thumbnail { margin: 0 0 -7px 0; }

/*--------------------------------------------------------------
13 Footer
--------------------------------------------------------------*/

.site-footer { padding: 1em; font-size: 16px; font-size: 1.6rem; font-family: 'Changa One'; color: #fff; color: hsl(0, 0%, 100%); background: #313131; background: hsl(0, 0%, 19%); }

.site-footer a { color: #fff; color: hsl(0, 0%, 100%); }

.site-info { text-align: center;   overflow: hidden;}

.supportus { font-size: 33px; text-align: center; font-family: 'Changa One', serif; background: #bc534b; color: #fff; padding: 0;overflow: hidden; }

.supportus a { color: #fff; text-decoration: none; display: block; padding: 10px 0;}

.supportus a:visited { color: #fff; text-decoration: none; }

.supportus a:hover { color: #fac80f; text-decoration: none; }

.crp_related { display: none; }

.widget_widget_crp {width: 100%; margin: 1em 0 0 0;}

.widget_widget_crp h1 {padding: 5px 10px;margin: 0 4% 10px 4%; display: inline-block;line-height: 1em; width: 92%;}

.crp_related_widget { margin: 10px 10px; }

.crp_related_widget li { padding:0; text-align: center; }

.crp_related_widget li:after {display: block; content: ""; padding: 0; font-family: 'fontawesome'; font-size: 1.4em; color: #bc534b; line-height: 1.3em;}

.crp_related_widget li:last-child:after { content: none; }




/* *************** SIDE CONTENT ******************* */
/*
Theme Name: Direkt36
Layout: Sidebar right
*/

.site-content { padding-bottom: 4em; position: relative; }

article .entry-content { padding-left: 10px;  }

.index-box .entry-content { padding: 10px 10px 0 40px; }

.addtoany_share_save_container { clear: both; margin: -40px 0 0 -80px !important; width: 50px !important; float: left; }

.addtoany_share_save_container .addtoany_share_save { display: none; }

.addtoany_share_save_container a { margin: 5px 0; }

.widget_a2a_share_save_widget {margin-top: 1em;}

.site-content { background: #fff; width: 1020px; margin: 0 auto; }

.site-content .widget-area { float: right; width: 30%; padding: 0; background: #fff; position: absolute; right: 0px; /* top:1000px; */}

.page-id-50 .widget-area {display: block;}

.page .site-content .widget-area {/* top: 150px; */ position: absolute;}

.home .site-content .widget-area { float: right; width:30%; padding:0px; background: #fff; position: relative; /* top: 0px; */ }

.site-content .content-area { width: 69%; padding: 0; }

.home .site-content .content-area { width: 680px; padding: 0; }

.entry-header,
.page-header,
.entry-content,
.entry-footer,
.tag-links,
.post-navigation,
.comments-area,
.paging-navigation { position: relative; padding: 0px; margin: 0 auto; }

.comments-area {padding: 0 0 0 10px;}

.entry-header { width: 1020px; }

.index-box .entry-header { width: 680px; }

.menu-main-nav-container { width: 100%; float: left; }

.header-social-icons { float: right; /* right: 50px; */
	width: 112px; margin: 7px 0 0 0; }

.header-social-icons a { display: inline-block !important; width: 28px; height: 28px; box-sizing: initial !important; padding: .5em .2em; }
 @media screen and (max-width: 399px) {

.entry-header,
 .page-header,
 .entry-content,
 .entry-footer,
 .tag-links,
 .post-navigation,
 .comments-area,
 .paging-navigation { padding: 0 2rem; }
}

.page-header,
.paging-navigation { padding-top: 1em; padding-bottom: 1em; margin-bottom: 0; list-style-type: none; background: #fff; /* border-top: 2px solid #444; border-bottom: 2px solid #444; */ background: #504e50;}
.page-header .page-title {color: #fff;   padding: 0 1em; font-size:34px;}  .page-header .page-title a{color: #fff;}

.page-header { margin-top: 1em; margin-bottom: 1em; }

.index-box,
.author-index { max-width: 780px; max-width: 78rem; padding: 0; margin: 0 auto; background: #fff; background: hsl(0, 0%, 100%); }

.site-footer { width: 100%; clear: both; height: initial; width: 1020px; margin: 0 auto; font-family: 'Changa One', sans-serif; font-size: 14px; background: #504e50; }

.footer-logo { /* float: left; */  margin: 5px 30px 5px 30px; }

.footer-menu { float: left; margin: 0 40px; }

.footer-menu a { display: block; }

.footer-menu a:hover { color: #fac80f; text-decoration: none; }

.footer-donate {/* float: left;*/  margin: 15px 0 0 32px; background: #bc534b; font-size: 16px; overflow: hidden; width: 176px;}
.footer-donate a{padding: .5em .5em;  display: block;}

.footer-donate a:hover { color: #fac80f; text-decoration: none; }
.footer-left-divs {float: left; overflow: hidden;}






/* ******************** D36 ADDED ************************ */

.kiemelt-cikk { margin:0 0 0 0; background: #c9c8c8; }

.kiemelt-cikk a { text-decoration: none; color: #222; }

.kiemelt-cikk p { padding: .2em 1.4em 1.4em 1.4em; font-size: 14px; }

.kiemelt-cikk h3 { padding: .2em 1em; font-family:'Changa One', sans-serif; font-weight: normal; font-size: 1.2em; }

ul#mqtranslate-chooser { width: 100px; padding: 0px; margin: 5px 0 0 0; float: left; display: inline-block;top: -49px;left:160px;}
#mqtranslate-chooser li { display: inline; list-style-type: none; padding: .3em; }
#mqtranslate-chooser li.active { display: none; }


ul#qtranslate-chooser { width: 100px; padding: 0px; margin: 5px 0 0 0; float: left; display: inline-block;top: -10px;left:0px;}
#qtranslate-chooser li { display: inline; list-style-type: none; padding: .3em; }
#qtranslate-chooser li.active { display: none; }



.image-shifter img {display: block;width: 100%;}
.single-post-thumbnail  .image-shifter-alttext {position: absolute;  bottom: 90px;  right: -70px;  color: #fff;  font-size: 12px;   height: 20px;
  width: 600px; transform: rotate(270deg) translate(210px, 220px);}
.front-index-thumbnail  .image-shifter-alttext {display: none;}

.category .page-header .page-title em{font-style: normal; background: none; padding: 0;  color: #fff; /*font-size: 1.4em;*/}

.home .category-blog { /*display: none; */ }

.archive .index-box .entry-header,
.category .index-box .entry-header { width: 100%; }

.page-header .page-title em,
.page-header .page-title i { font-style: italic; background: #bc534b; padding: .2em .5em .2em .3em; color: #fff; }

#menu-main-nav img {max-width: 28px;}
.main-navigation .menu-main-nav-container li:nth-child(n+1):nth-child(-n+4) {position: absolute;font-family: 'fontawesome';} 
.main-navigation .menu-main-nav-container li:nth-child(n+1):nth-child(-n+4) a{font-size: 24px;padding: 6px 2px;} 
.main-navigation .menu-main-nav-container li:nth-child(1) {right: 154px;}
.main-navigation .menu-main-nav-container li:nth-child(2) {right: 117px;} 
.main-navigation .menu-main-nav-container li:nth-child(3) {right: 76px;} 
.main-navigation .menu-main-nav-container li:nth-child(4) {right: 40px;} 

.main-navigation .menu-main-nav-container li .sub-menu li {font-family: 'Changa One', sans-serif; position: initial !important;} 
.main-navigation .menu-main-nav-container li .sub-menu li a{font-family: 'Changa One', sans-serif; position: initial !important;font-size: 14px !important;padding: 10px 5px !important;} 
/*.main-navigation .menu-main-nav-container .sub-menu li:nth-child(n+1):nth-child(-n+4) {position: initial;font-family: 'Changa One', sans-serif;} 
.main-navigation .menu-main-nav-container .sub-menu li:nth-child(n+1):nth-child(-n+4) a{font-size: 14px;padding: 10px 5px;}  */


.main-navigation .menu-header-menu-container li:nth-child(n+1):nth-child(-n+4) {position: absolute;font-family: 'fontawesome';} 
.main-navigation .menu-header-menu-container li:nth-child(n+1):nth-child(-n+4) a{font-size: 24px;padding: 6px 2px;} 
.main-navigation .menu-header-menu-container li:nth-child(1) {right: 154px;}
.main-navigation .menu-header-menu-container li:nth-child(2) {right: 117px;} 
.main-navigation .menu-header-menu-container li:nth-child(3) {right: 76px;} 
.main-navigation .menu-header-menu-container li:nth-child(4) {right: 40px;} 

.main-navigation .menu-header-menu-container li .sub-menu li {font-family: 'Changa One', sans-serif; position: initial !important;} 
.main-navigation .menu-header-menu-container li .sub-menu li a{font-family: 'Changa One', sans-serif; position: initial !important;font-size: 14px !important;padding: 10px 5px !important;} 


.page #primary .entry-header {max-width: 100%; /* padding: 1em; */ margin: 0px; width: 100%;}
.page .site-content .content-area {width: 100%;}
.page article .entry-content {max-width: 100%; padding: 2em 0 0 10px; margin: 0px; width: 100%;}
.post-724 .entry-content {width: 770px;} 
.post-50 .entry-content {width: 770px;}

.page #primary {width: 69%;}
.page #secondary {width: 30%;}

.search-submit {font-family: 'fontawesome' !important; font-size: 1em !important;}

.imp-arrows {color: #bc534b!important; font-family: 'fontawesome' !important; font-size: 1.5em!important; vertical-align: baseline !important; text-decoration: none!important; padding: 0;}


nav.navigation.post-navigation {display: none;}

#supplementary {width: 200px;float: left;padding: 1.3em 0 1em 1em;text-align: left;  }
.footer-widgets .widget {float: left;width: 100%;margin: 0; }
ul#menu-footer-menu li {font-size: 14px;padding: 0;}
ul#menu-footer-menu li a {padding: 0;border: none;font-family: 'Changa One', sans-serif;}
ul#menu-footer-menu li a:hover {color: #fac80f; text-decoration: none;}

.siteinfo-mod {width: 100%;font-size: 11px;font-family: 'Open Sans';clear: both;padding-top: 15px;color: #ccc;border-top: 1px solid #777; text-align: center; margin-top: 2em;}

.info-page-container h3{font-size: 20px;padding: 2em 0 0 0;border-bottom: 1px solid #999;color:#bc534b;clear: both;}
.info-avatar {float: left;margin: 1em 1em 1em 1em;width: 30%;}
.info-text {margin: 1em 0 0 0;}
.info-text-av {margin: 1em 0 0 0;width: 65%;float: right;}
.info-text-av p {margin-bottom: 1em;}

/* aside#text-7 {width: 100% !important; margin: 0 1em !important;} */

.page .entry-content h1 {background: #504e50;color: #fff;padding: .2em .5em;}
.page .entry-header .entry-title {padding: .3em 0.5em .3em 10px;}

.projects-list {width: 100%; padding: 0; margin: 0;}
.projects-list li{list-style-type: none; padding: .2em 0 .5em 0;margin: .3em 0;display: block;float: left;width: 100%;font-weight: 700;border-bottom: 1px solid #ccc;}
.projects-list li a{text-decoration: none !important;}
.projects-list li a:before {content:" ";font-family: 'fontawesome' !important; color: #bc534b; font-size: 50px; display: block; float: left;margin: 0px 15px 0 0;clear: both;overflow: hidden;line-height: 50px;}

.collaporation-stripe {margin: 0 0 2em 0;font-style: italic;font-size: .9em;width: 100%;text-align: right;}
.collaporation-stripe img{vertical-align: bottom;margin: 0 0 0 5px;height: 1.5em;}
.p-no-margin p {margin: 0;}

/* Policy Form */
.s-overlay-button { padding: 10px; text-decoration: none; font-family: sans-serif; }
.s-overlay a{text-decoration: none;}
.s-overlay p {display: block;  margin: 0;}
.s-overlay-cover { position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.6); z-index: 5; width: 100%; height: 100%; display: none; }
.s-overlay {height: 330px;width: 800px; margin: 2em auto; position: relative; z-index: 10; display: none; background: #fff; padding: 1em; font-family: sans-serif; top: 30px;}
.s-overlay:target,
.s-overlay:target + .s-overlay-cover { display: block; opacity: 2; }
.s-overlay-cancel { display: block; position: absolute; top: 3px; right: 2px; color: black; height: 30px; width: 35px; font-size: 30px; text-decoration: none; text-align: center; font-weight: bold; }
.s-overlay-errors { color: #bc534b; float: left;  font-size: 14px !important; font-style: italic; margin: 1.3em; }
.s-overlay form { float: left; margin: 1em; }
.s-overlay form p { margin: 0;   font-size: 14px;}
.s-overlay code { height: 15em; display: block; overflow: scroll; background: #f2f2f2; padding: 1em; margin: 1.5em 0 0 0; font-size: 12px; }
.s-overlay code h3{font-size: 13px;}
.s-overlay iframe{ max-width: 95%;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;  overflow: hidden !important;}
.s-overlay-submit { margin: 10px 0 0 0 !important; font-size: 1.3em !important; font-weight: bold !important; background: #bc534b !important; border: none !important; color: #fff !important; padding: 5px 10px !important; }
.s-overlay-check { font-size: 1.5em; margin: 0 .2em 0 0;}
.ios-overflow {overflow-x: hidden; overflow-y: hidden; height: 199px;}


/* Sponsors Matrix */
.sponsors-matrix {width:100%;}
.sponsors-matrix ul {padding: 0px; list-style-type: none;   margin: 0;}
.sponsors-matrix li {display: inline-block;  width: 45%;  vertical-align: top;  margin: 1em 2%;}
.sponsors-matrix img {max-height: 52px;}
.sponsors-matrix a{text-decoration:none;}

/* Komment Banner */
.cookie-banner { padding:2em; background-color:#504e50; font-size: .9em; color:#fff;}
.cookie-banner h3{color:#fff; font-size: 1.3em;}
.cookie-banner a {color:#bc534b; font-weight: 700;} .cookie-banner a:hover {color:#fac80f;}
.cookie-banner__close {padding: .2em 1em .3em; background-color:#bc534b; display:inline-block; margin:1.2em 0 1em; border-radius:3px; color:#fff; text-decoration:none;line-height: 2em; color: #fff !important;}
.cookie-banner__close:visited {text-decoration:none;}
.cookie-banner__close:hover {text-decoration: none;color:#fac80f !important;}





/* Footer Social */
.footer-menu-social {padding: 0px; list-style-type: none; margin: 0;float: right;}
.footer-menu-social li{display: inline-block; list-style-type: none;  font-family: 'fontawesome';}
.footer-menu-social a {font-size: 2em; margin: 0 .2em;}
.footer-menu-social a:hover, .footer-menu-social a:focus { color: #fac80f; text-decoration:none;}



.pdfemb-the-canvas{width: 100% !important; height: 100% !important; left: 0px !important; top: 0px !important;}
#infscr-loading div {float: left;}
#infscr-loading img {vertical-align: sub;}


.postid-123 #secondary {top: 70px;}
.postid-267 #secondary {top: 70px;}







/*  ******************* RESPONSIVE ********************** */


/* 768px */
@media screen and (max-width: 768px) {
body {width: 100%; position:relative; overflow:hidden;}
p {margin-bottom: .5em;}
.page {width: 100%; }
.site-header {width: 100%;height: 3em; }
.h-center {width: 100%; overflow: hidden;}
.site-branding {height: initial; margin: 10px;}
.title-box {padding: 0px; width: 100%; height: initial;}
.title-box img{vertical-align: -webkit-baseline-middle; }


.main-navigation {width: 100%; margin: 0; float: right;overflow: hidden; }
.menu-toggle {font-family: 'fontawesome'; font-size: 20px !important; padding: 11px 10px 10px 10px; height: initial; position: absolute; right: 27px;}
.main-navigation .nav-menu li a{padding: .5em 1em; text-align: right; border-bottom: none; border-top: 0px solid #fff; text-decoration: none; border-bottom: 1px dotted #999;}
.main-navigation .menu-main-nav-container li:nth-child(n+1):nth-child(-n+4) a{position: absolute; border: none;font-family: 'fontawesome';font-size: 36px;}  

.main-navigation .menu-main-nav-container li:nth-child(1) {right: 215px;}
.main-navigation .menu-main-nav-container li:nth-child(2) {right: 160px;} 
.main-navigation .menu-main-nav-container li:nth-child(3) {right: 105px;} 
.main-navigation .menu-main-nav-container li:nth-child(4) {right: 50px; } 
.main-navigation .menu-main-nav-container li:nth-child(5) {top: 60px; margin-top:none;} 
.main-navigation .menu-main-nav-container li:nth-child(6) {top: 40px; margin-top:1em;} 


.main-navigation .menu-main-nav-container li:nth-child(n+1):nth-child(-n+4) a{position: absolute; border: none;font-family: 'fontawesome';font-size: 36px;}  

.main-navigation .menu-header-menu-container li:nth-child(1) {right: 215px;}
.main-navigation .menu-header-menu-container li:nth-child(2) {right: 160px;} 
.main-navigation .menu-header-menu-container li:nth-child(3) {right: 105px;} 
.main-navigation .menu-header-menu-container li:nth-child(4) {right: 50px; } 
.main-navigation .menu-header-menu-container li:nth-child(5) {top: 60px; margin-top:none;} 
.main-navigation .menu-header-menu-container li:nth-child(6) {top: 40px; margin-top:1em;} 


.search-toggle { position: absolute; top: 0; right: 5px; margin-right: 0; }
.search-box-wrapper {z-index: 1000000; width: 100%;}
.search-box {padding: 0;background: #504e50;top: 50px;position: absolute;width: 100%;z-index: 10000;border-bottom: 1px solid #bc534b;}
.search-box .search-field {max-width: 70%;float: left;padding: .5em;font-size: 16px;background-color: #fff;border: 0;margin: 10px;}
button, input[type="button"], input[type="reset"], input[type="submit"] {float: left;width: 50%;margin: 10px 5px;height: 40px; font-size: .6em;
padding: 2px;}
.error404 .search-submit, .search .search-submit, .search-box .search-submit {display: inline;}


ul#mqtranslate-chooser {position: absolute;right: 100px;top: 14px;z-index: 100000000;display: block;height: 50px;width: 22px;border: none; left: initial;    overflow: hidden;}
#mqtranslate-chooser li {padding: 0px;}
#mqtranslate-chooser li a{padding: 0px;}
#mqtranslate-chooser li a span {color: #504e50;}
#mqtranslate-chooser li a span:before {color: #fff;}
#mqtranslate-chooser li:nth-child(1) a span:before{content:'EN';}
#mqtranslate-chooser li:nth-child(2) a span:before{content:'HU';}


ul#qtranslate-chooser {position: absolute;right: 100px;top: 14px;z-index: 100000000;display: block;height: 50px;width: 22px;border: none; left: initial;    overflow: hidden;}
#qtranslate-chooser li {padding: 0px;}
#qtranslate-chooser li a{padding: 0px;}
#qtranslate-chooser li a span {color: #504e50;}
#qtranslate-chooser li a span:before {color: #fff;}
#qtranslate-chooser li:nth-child(1) a span:before{content:'EN';}
#qtranslate-chooser li:nth-child(2) a span:before{content:'HU';}


.site-content {width: 100%;border-top: 1px solid #bc534b;}
.home .site-content .content-area {width: 100%;}
.index-box .entry-header {width: 100%;margin: 0;padding: 0;}
.index-box .entry-title {padding: 10px;font-size: 1em;}
.index-box .entry-content {padding: .5em 1em;}
.hentry {margin: 0;}
.entry-content p, .entry-content ul, .entry-content ol {font-size: .8em;}
article:after {width: 69%;margin: 0px auto 40px auto;content: '***';font-size: 16px;display: block;color: #444;text-align: center;}


.site-footer {width: 100%;padding: 15px 5px 30px 5px;height: 195px;}
.site-info {height: 120px;}
.footer-logo {margin: 0;}
.footer-left-divs {float: left; overflow: hidden;  width: 40%;}
.footer-menu {width: 50%; text-align: right;float: right;margin: 0;}
.footer-donate {display: none;}

.home .site-content .widget-area {float: none;width: 96%;padding: 0px;background: #fff;position: relative;top: 0px;margin: 0 auto;}
#secondary aside {padding: 0px;}
#cff {padding: 0px !important;}

.site-content .content-area {width:100%;}
.entry-header {width: 100%;}
.entry-header {padding: 0;}
.entry-title {font-size: 1em;line-height: 1.3em;padding: 10px;}
.entry-meta {margin: .9em .9em .3em;padding: 0;font-family: 'Open Sans', serif;font-size: .6em;font-style: italic;}
.site-content .widget-area {float: none;width: 100%;padding: .5em;background: #fff;position: initial;}
.single article .entry-content {padding: .5em;margin-bottom: 60px;}
.addtoany_share_save_container {clear: both;margin: 0px !important;width: 90% !important;position: absolute !important;margin-top: 0px !important;bottom: -40px;}


.front-index-thumbnail { margin-bottom: 0; }
.single-post-thumbnail img,
.front-index-thumbnail img { display: block; margin: 0 auto; }
.has-thumbnail { position: relative; /* margin-top: -8em; */}
blockquote.alignleft,
blockquote.alignright { width: 40%; }
#footer-widgets { width: 100%!important; }
.footer-widgets .widget { float: none; width: 100%; margin: 0; }


.site-branding{margin: 10px; position: absolute !important;z-index: 1000;}

.menu-toggle { display: inline-block; height: 3.9em; padding: 0 1em; font-weight: normal; font-size: 14px; font-size: 1.4rem; text-decoration: none; line-height: 3.75em; color: white; }

.menu-toggle a:hover,
.menu-toggle a:focus { }

.menu-main-nav-container {width: 100%; z-index: 1000000; background: #504e50; position: absolute;top: 50px;left: 0px;}

.main-navigation.toggled .nav-menu { display: block; border-top: 1px solid; border-top-color: #fff; border-top-color: hsla(0, 0%, 100%, .5); }

.main-navigation {height: 400px; position: relative;width: 100%;}

.main-navigation a {margin: 0; padding: 1.2em .5em;}

.main-navigation ul { display: none; padding-left: 0; position: relative;z-index: 10000; height: 600px; border-bottom: 1px solid #fff;}

.main-navigation li { float: none; }

.main-navigation li a { padding: 1.3em 2em; }

.main-navigation li li a { padding-left: 4em; }

.main-navigation li li li a { padding-left: 6em; }

.main-navigation li:hover > a,
.main-navigation li > a:focus { background: #313131; background: hsl(0, 0%, 19%); }

.main-navigation ul ul,
.main-navigation ul ul ul { position: relative; top: 0px; left: 0; /*display: block; */ float: none; background: #504e50; border: none;}

.main-navigation ul ul a { width: 100%; }

#menu-main-nav .sub-menu {width: 100%; height: initial;}
#menu-main-nav .sub-menu li a{position:initial; font-family: 'Changa One', sans-serif; font-size: 16px; padding: .5em 1em;}


.main-navigation ul a:hover,
.main-navigation ul ul a:hover,
.main-navigation ul a:focus,
.main-navigation ul ul a:focus { background: #4d4d4d; background: hsl(0, 0%, 30%); }

.main-navigation .current_page_ancestor { background: inherit; }

.main-navigation ul ul .current_page_parent { color: inherit; background: inherit; }

.main-navigation .current_page_item > a,
.main-navigation .current_page_item > a:hover,
.main-navigation .current_page_item li:hover,
.main-navigation .current_page_item > a:focus,
.main-navigation .current_page_item li:focus,
.main-navigation .current_page_parent .current_page_item > a { color: #fff; color: hsl(0, 0%, 100%); background: #4d4d4d; background: hsl(0, 0%, 30%); }

#menu-social ul { position: absolute; top: 0; right: 6rem; display: block; }

#menu-social li a { padding-left:.5em; padding-right: .5em; }

.comments-area {padding: 30px 30px 50px 30px;}

.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.comment-navigation .nav-next,
.post-navigation .nav-next { float: none; width: 100%; padding: 0; text-align: left; }

.comment-navigation .nav-next,
.post-navigation .nav-next { margin-top: 4rem; }

.search-toggle { position: absolute; top: 0; right: 0; margin-right: 0; }

blockquote.alignleft,
blockquote.alignright { width: 100%; padding: 1em 1.5em 0; }

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

.comment-content ol { margin-left: 1.5em; }

.comment-content,
.reply { margin-left: 0; }

.author-meta,
.author-description { margin-left: 0; }

.entry-title { font-size: 32px; font-size: 3.2rem; line-height: 1.3em; }

.entry-content h1 { font-size: 28px; font-size: 2.8rem; }

.entry-content h2 { font-size: 26px; font-size: 2.6rem; }

.entry-content h3 { font-size: 24px; font-size: 2.4rem; }

.entry-content h4 { font-size: 22px; font-size: 2.2rem; }

.entry-content h5 { font-size: 20px; font-size: 2rem; }

.entry-content h6 { font-size: 18px; font-size: 1.8rem; }

.entry-content p,
.entry-content ul,
.entry-content ol { font-size: 18px; font-size: 1.8rem; }

.entry-content blockquote p { font-size: 22px; font-size: 2.2rem; line-height: 1.5em; }

blockquote cite { font-size: 14px; font-size: 1.4rem; }
#supplementary {width: 50%;float: right;padding: 1em .5em .6em 0;text-align: right;}
.supportus {font-size: 23px;text-align: center;font-family: 'Changa One', serif;background: #bc534b;color: #fff;padding: 10px 0;margin: 1em;}

.info-avatar {float: none;}
.info-text-av {margin: 1em 0 0 0;width: 100%;float: none;}

.continue-reading {padding: 0 1em .5em 1em !important;}

.s-overlay {font-size: 8px; width: 100%; }
.s-overlay-errors { margin: 5px auto;}
.s-overlay iframe {width: 90%; height: 200px; overflow-x: scroll;overflow-y: scroll;}

.footer-menu-social {display: none;}

.page .content-area {width: 100%;}
.page #primary .entry-header {max-width: 100%; padding: 1em; margin: 0px; width: 100%;}
.page article .entry-content {max-width: 100%; padding: 2em; margin: 0px; width: 100%;}
.page #primary {width: 100%; float: none;}
.page #secondary {width: 100%; float: none;}

.page .site-content .widget-area {/* top: 0;  */ position: initial;}

}


 /* 768-1020 */
@media screen and (min-width: 769px) and (max-width: 1020px) {
.h-center {width: 100%; padding:0 0 0 0;}
.site-branding {margin: 15px 20px 15px 0;text-align: center;width: 15%; height: inherit;}
.title-box {width: 135px;height: inherit;}
.main-navigation {width: 70%;float: right;}
.entry-content p, .entry-content ul, .entry-content ol {font-size: 15px;}
.entry-header {width: 100%;}
.site-content {background: #fff;width: 100%;margin: 0 auto;}
.index-box .entry-header {width: 100%;}
div#primary {width: 69%;float: left;}
div#secondary {width: 30%;}
.site-footer {width: 100%;}   
.info-avatar {float: left;margin: 1em 1em 1em 1em;width: 20%;}
.site-content .widget-area {/* top: 0px; */}
aside.widget {position: relative !important; width: 100% !important; margin: 0 !important; padding: 0 !important;}
.site-content .content-area {min-height: 700px;}
.s-overlay {height: 330px;width: 700px;}
.footer-menu-social {display: none;}

.image-shifter { float: none; width: 100%; margin: 0 auto; position: relative;}
.single div#primary {width: 100%;float: left;}
.single article .entry-content {padding-left: 10px;  width: 65%; float: left;}
.postid-123 #secondary {top: 0px;}
.postid-267 #secondary {top: 0px;}

.comments-area {width: 65%; margin:0;}

.page .content-area {width: 100%;}
.page #primary .entry-header {max-width: 100%; padding: 1em; margin: 0px; width: 100%;}
.page .site-content .content-area {width: 100%;}
.page article .entry-content {max-width: 100%; padding: 2em; margin: 0px; width: 100%;}
.page div#primary {width: 69%;float: left;}
.page div#secondary {width: 30%;}

}


/* 1020 */
@media screen and (min-width: 1020px) {
.h-center {width: 100%; padding:0 0 0 0;}
.site-content  {width:100%;}
.primary {width:69%;}
.secondary {width:30%;}
.home .site-content .widget-area {width:30%;}
.home .site-content .content-area {min-height: 700px; float: left; width: 70%;}
.image-shifter { float: none; width: 100%; margin: 0 auto; position: relative;}

.index-box .entry-header {width: 100%;}

.front-index-thumbnail .image-shifter { float: none; width: 100%; margin: 0 auto; }

.image-shifter img{display: block;}

.index-box,
 .entry-header,
 .page-header,
 .entry-content,
 .entry-footer,
 .tag-links,
 .post-navigation,
 .comments-area,
 .paging-navigation,
 .author-index { margin-right: 0; max-width: 100%;}
 
 
.single article .entry-content {padding-left: 10px; width: 69%; float: left;}
.single .site-content .widget-area {width: 30%;}
.single .site-content .content-area, .single .primary {width: 100%;}
.single  .entry-header { margin-right: 0; width: 100%;}
 
 .site-branding {width: 15%;}
 
.comments-area {width: 70%; margin:0;}
 
}


/* 1320 */
@media screen and (min-width: 1200px) {
.h-center {width: 1200px; padding:0 0 0 0;}
.site-content {width: 1200px;}
.home .site-content .content-area {width: 860px;}
.secondary {width:340px;}
.home .site-content .widget-area {width:340px;}
.front-index-thumbnail .image-shifter {width: 860px;}
.index-box, .author-index {max-width: 100%;}
.index-box .entry-header {width: 860px;}
.image-shifter {width: 1200px;}
.single .site-content .content-area {width: 100%;}
.single .site-content .widget-area {width: 340px;}
.single .entry-header {width: 1200px; max-width: none;}
.single article .entry-content {width: 840px;}
.site-footer {width: 1200px;}


.alignleft { margin-left: -160px; }
.single .entry-meta { /* position: absolute;
        width: 120px;
        margin-left: -160px;   
        text-align: right; */
		width: 600px; }

.single .byline,
.single .posted-on,
.single .comments-link { display: inline-block; margin: .5em 1em .5em 0; }
.single .author { font-weight: 700; }
.single .mobile-hide { display: none; }
.index-box blockquote.alignleft { padding-left: 2em; }

.comments-area {width: 850px; margin:0;}


}

/* 1820 */
@media screen and (min-width: 1820px) {

.alignright { margin-right: -160px; }

.index-box blockquote.alignright { padding-right: 2em; }
}


/* 399 */
@media screen and (max-width: 399px) {

.title-box { padding: 2rem; }
}
@media screen and (max-width: 768px){

.site-header {width: 100%; height: 6em;}
}





/* EXCEPTIONS */

.postid-123 #secondary  {}





/* Article Additional */
.iframe-class {position: absolute;}
.iframe-class iframe {position: absolute;}

.resp-iframe-electric {width: 100%;overflow: hidden;position: relative; margin: 0 0 2em 0;}
.resp-iframe-electric:after {padding-bottom: 90.8%;display: block; content: " ";}

.resp-iframe-euline {width: 100%;overflow: hidden;position: relative; margin: 0 0 2em 0;}
.resp-iframe-euline:after {padding-bottom: 151%;display: block; content: " ";}

.resp-iframe-elios {width: 100%;overflow: hidden;position: relative; margin: 0 0 2em 0;}
.resp-iframe-elios:after {padding-bottom: 114%;display: block; content: " ";}

.resp-iframe-euro {width: 100%;overflow: hidden;position: relative; margin: 0 0 2em 0;}
.resp-iframe-euro:after {padding-bottom: 47%;display: block; content: " ";}

.resp-iframe-repas {width: 100%;overflow: hidden;position: relative; margin: 0 0 2em 0;}
.resp-iframe-repas:after {padding-bottom: 75%;display: block; content: " ";}

.resp-iframe-forrai {width: 100%;overflow: hidden;position: relative; margin: 0 0 2em 0;}
.resp-iframe-forrai:after {padding-bottom: 93%;display: block; content: " ";}
@media screen and (max-width: 500px) {
.resp-iframe-forrai:after {padding-bottom: 70%;display: block; content: " ";}
}



/* Related Post by Taxonomy */
.related_posts_by_taxonomy {padding: 10px; font-size: 0.8em;}
.related_posts_by_taxonomy h1 {margin-bottom: 16px;font-size: 24px;font-size: 1.5em;border-bottom: 2px solid #bc534b; padding: 10px 5px 8px 5px; color: #bc534b; background: none; line-height: 1em;}
.related_posts_by_taxonomy li {padding: 5px 0 0 0; font-weight:700;}
.related_posts_by_taxonomy li a:hover{color: #bc534b;}
.related_posts_by_taxonomy li:after {display: block; content: ""; padding: 0; font-family: 'fontawesome'; font-size: 1.4em; color: #bc534b; line-height: 1.3em; text-align: center;  margin: 5px 0 0 0;}
.related_posts_by_taxonomy li:last-child:after {display: none; }



/* Important for BYLINE */
.byline {  display: none !important;}
.byline-replace {font-weight: 700;   margin: 0 1em 0 0;}


/* FONTS */
 
 @font-face {
  font-family:"Changa One";
  src:url(/wp-content/themes/simone/fonts/changa/changaonehu-194ee769561dff2317b5bf76a7c36f2a.eot);
  src:url(/wp-content/themes/simone/fonts/changa/changaonehu-194ee769561dff2317b5bf76a7c36f2a.eot?#iefix) format("embedded-opentype"),
  url(/wp-content/themes/simone/fonts/changa/changaonehu-8a2e2636bbefe7eab344fdf699312475.woff) format("woff"),
  url(/wp-content/themes/simone/fonts/changa/changaonehu-5982f81406a2c5101a1aca8f92523412.svg#changa_one_huregular) format("svg");
  font-style:normal;font-weight:bold;
}


/* FB */
._1drm._1b90, ._1drm._1ds4 {border: 0px !important;}
._h7r div {border: 0px !important;}
.cff-link-item {padding:5px 0px !important;}