@charset "UTF-8";
/*
Theme Name: Soced
Theme URI: http://www.soced.cz
Author: Christian Jansky
Author URI: http://www.chrisjansky.cz
Description: Šablona pro web Sociální pedagogika.
Version: 1
*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9. Hide the `template` element in IE, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links
   ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics
   ========================================================================== */
/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dashed #969ba0; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** NO H1 */
/** NO MARK */
/** NO SMALL */
/** NO SUB+SUP */
sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/** NO IMG */
/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* Grouping content
   ========================================================================== */
/** NO FIGURE */
/** NO HR */
/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms
   ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8+, and Opera Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** NO BUTTONS */
/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** NO FIELDSET */
/** NO LEGEND */
/** NO TEXTAREA */
/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables
   ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/* ========================================================================== MIXINS ========================================================================== */
/* ========================================================================== Links ========================================================================== */
::selection { background-color: #c4bbb0; color: #463d34; text-shadow: none; }

a:link, a:visited { color: #1dbf89; }
a:hover, a:active { color: #6cd5b2; }

a.link-light:link, a.link-light:visited { color: #969ba0; }
a.link-light:hover, a.link-light:active { color: #6e7378; }

.link-selected { cursor: default; color: #6e7378; }
.link-selected:hover, .link-selected:active { color: #6e7378; }

nav a { text-decoration: none; }

p a, h1 a, h2 a, h3 a, h4 a { text-decoration: none; border-bottom: 1px solid; }

/* ========================================================================== Typography ========================================================================== */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; border: none; border-top: 1px solid #d7dce1; margin: 1.25em 0; }

small { font-size: 0.75em; color: #969ba0; }

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

h1 { font-size: 2.625em; line-height: 1.2; margin: .75em 0 .375em; }

h2 { font-size: 2em; line-height: 1.3; margin: 1em 0 .5em; }

h3 { font-size: 1.625em; line-height: 1.4; margin: 1.25em 0 .75em; }

h4 { font-size: 1.25em; margin: 1.375em 0 .75em; }

h5 { font-size: 1em; margin: 1.75em 0 1em; }

.font-big { font-size: 1.25em; }

.font-small { font-size: 0.75em; }

/* ========================================================================== Embedded content ========================================================================== */
img { border: 0; vertical-align: middle; max-width: 100%; height: auto; }

figure { margin: 1em; }

/* ========================================================================== Forms ========================================================================== */
fieldset { border: 0.25em solid #ecedee; margin: 0; }

legend { border: 0; padding: 0 1em; text-transform: uppercase; letter-spacing: .25em; font-size: 0.75em; margin-left: -1em; color: #8c7b69; line-height: 2.5em; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; line-height: 1.5; border-radius: 2px; cursor: pointer; padding: 0.5em 1em; color: white; background-color: #1dbf89; border: 0; }
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color: #6cd5b2; }
button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: 0; }

input[type="reset"] { background-color: #d7dce1; }
input[type="reset"]:hover { background-color: #969ba0; }

textarea { overflow: auto; vertical-align: top; }

input[type="text"], input[type="password"], input[type="number"], textarea { padding: .5em 1em; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, textarea:focus { outline: 0; }

label + label { margin-left: 1em; }

fieldset table { width: 100%; }
fieldset td:first-child + td { padding-left: 1em; }
fieldset td { padding-bottom: .75em; }
fieldset:last-child tr:last-child td { padding-top: 1em; padding-bottom: 0; }
fieldset mark { width: 100%; }

/* ========================================================================== Helper classes ========================================================================== */
.f-left { float: left; }

.f-right { float: right; }

.c-both { clear: both; }

.hidden { display: none; }

.center-parent:before { display: inline-block; height: 100%; content: ""; width: 0; vertical-align: middle; }

.center-child { display: inline-block; vertical-align: middle; }

.bg-success { background-color: #dff2d2; color: #71bf39; }

.bg-error { background-color: #faefd9; color: #e5a422; }

.bg-dark { background-color: #464b50; color: white; }

.bg-light { background-color: #ecedee; }

.bg-white { background-color: white; color: #464b50; }

.full-width { width: 100%; }

.margin-top { margin-top: 1.5em; }

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

.no-top { margin-top: 0; }

.no-bottom { margin-bottom: 0; }

.padding, fieldset { padding: 1.5em 1.75em 1.75em; }
.padding > :first-child, fieldset > :first-child { margin-top: 0; }
.padding > :last-child, fieldset > :last-child { margin-bottom: 0; }

/* =============================================================================================================================================== My Styles =============================================================================================================================================== */
html { color: #464b50; line-height: 1.5; }

.wrap { margin: 3em auto 3.25em; }
.wrap:after { content: ""; display: table; clear: both; }
.wrap > :first-child { margin-top: 0; }
.wrap > :last-child { margin-bottom: 0; }

.wrap-small { margin: 1.5em auto; }
.wrap-small:after { content: ""; display: table; clear: both; }
.wrap-small > :first-child { margin-top: 0; }
.wrap-small > :last-child { margin-bottom: 0; }

section:after, header:after, footer:after { content: ""; display: table; clear: both; }

ul, ol { padding-left: 1em; }

nav ul { padding-left: 0; list-style: none; margin: 0; }

.list-middot { list-style: none; padding: 0; }
.list-middot li { margin-bottom: .25em; }
.list-middot li:before { content: '\b7\a0'; color: #969ba0; display: inline-block; margin-right: .75em; }

nav .list-middot li { display: inline-block; }
nav .list-middot li + li { margin-left: .75em; }

/* ========================================================================== Print styles ========================================================================== */
@media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }
@font-face { font-family: 'line-icon'; src: url("css/ico-elegant.eot?-jh63yr"); src: url("css/ico-elegant.eot?#iefix-jh63yr") format("embedded-opentype"), url("css/ico-elegant.woff?-jh63yr") format("woff"), url("css/ico-elegant.ttf?-jh63yr") format("truetype"), url("css/ico-elegant.svg?-jh63yr#icomoon") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ico-entypo'; src: url("css/ico-entypo.eot?dht21j"); src: url("css/ico-entypo.eot?#iefixdht21j") format("embedded-opentype"), url("css/ico-entypo.woff?dht21j") format("woff"), url("css/ico-entypo.ttf?dht21j") format("truetype"), url("css/ico-entypo.svg?dht21j#ico-entypo") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"] { font-family: 'line-icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; vertical-align: middle; text-transform: none; line-height: 1; font-size: 32px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-big { font-size: 64px; line-height: 2; }

.icon-mobile:before { content: "\e000"; }

.icon-laptop:before { content: "\e001"; }

.icon-desktop:before { content: "\e002"; }

.icon-tablet:before { content: "\e003"; }

.icon-phone:before { content: "\e004"; }

.icon-document:before { content: "\e005"; }

.icon-documents:before { content: "\e006"; }

.icon-search:before { content: "\e007"; }

.icon-clipboard:before { content: "\e008"; }

.icon-newspaper:before { content: "\e009"; }

.icon-notebook:before { content: "\e00a"; }

.icon-book-open:before { content: "\e00b"; }

.icon-browser:before { content: "\e00c"; }

.icon-calendar:before { content: "\e00d"; }

.icon-presentation:before { content: "\e00e"; }

.icon-picture:before { content: "\e00f"; }

.icon-pictures:before { content: "\e010"; }

.icon-video:before { content: "\e011"; }

.icon-camera:before { content: "\e012"; }

.icon-printer:before { content: "\e013"; }

.icon-toolbox:before { content: "\e014"; }

.icon-briefcase:before { content: "\e015"; }

.icon-wallet:before { content: "\e016"; }

.icon-gift:before { content: "\e017"; }

.icon-bargraph:before { content: "\e018"; }

.icon-grid:before { content: "\e019"; }

.icon-expand:before { content: "\e01a"; }

.icon-focus:before { content: "\e01b"; }

.icon-edit:before { content: "\e01c"; }

.icon-adjustments:before { content: "\e01d"; }

.icon-ribbon:before { content: "\e01e"; }

.icon-hourglass:before { content: "\e01f"; }

.icon-lock:before { content: "\e020"; }

.icon-megaphone:before { content: "\e021"; }

.icon-shield:before { content: "\e022"; }

.icon-trophy:before { content: "\e023"; }

.icon-flag:before { content: "\e024"; }

.icon-map:before { content: "\e025"; }

.icon-puzzle:before { content: "\e026"; }

.icon-basket:before { content: "\e027"; }

.icon-envelope:before { content: "\e028"; }

.icon-streetsign:before { content: "\e029"; }

.icon-telescope:before { content: "\e02a"; }

.icon-gears:before { content: "\e02b"; }

.icon-key:before { content: "\e02c"; }

.icon-paperclip:before { content: "\e02d"; }

.icon-attachment:before { content: "\e02e"; }

.icon-pricetags:before { content: "\e02f"; }

.icon-lightbulb:before { content: "\e030"; }

.icon-layers:before { content: "\e031"; }

.icon-pencil:before { content: "\e032"; }

.icon-tools:before { content: "\e033"; }

.icon-tools-2:before { content: "\e034"; }

.icon-scissors:before { content: "\e035"; }

.icon-paintbrush:before { content: "\e036"; }

.icon-magnifying-glass:before { content: "\e037"; }

.icon-circle-compass:before { content: "\e038"; }

.icon-linegraph:before { content: "\e039"; }

.icon-mic:before { content: "\e03a"; }

.icon-strategy:before { content: "\e03b"; }

.icon-beaker:before { content: "\e03c"; }

.icon-caution:before { content: "\e03d"; }

.icon-recycle:before { content: "\e03e"; }

.icon-anchor:before { content: "\e03f"; }

.icon-profile-male:before { content: "\e040"; }

.icon-profile-female:before { content: "\e041"; }

.icon-bike:before { content: "\e042"; }

.icon-wine:before { content: "\e043"; }

.icon-hotairballoon:before { content: "\e044"; }

.icon-globe:before { content: "\e045"; }

.icon-genius:before { content: "\e046"; }

.icon-map-pin:before { content: "\e047"; }

.icon-dial:before { content: "\e048"; }

.icon-chat:before { content: "\e049"; }

.icon-heart:before { content: "\e04a"; }

.icon-cloud:before { content: "\e04b"; }

.icon-upload:before { content: "\e04c"; }

.icon-download:before { content: "\e04d"; }

.icon-target:before { content: "\e04e"; }

.icon-hazardous:before { content: "\e04f"; }

.icon-piechart:before { content: "\e050"; }

.icon-speedometer:before { content: "\e051"; }

.icon-global:before { content: "\e052"; }

.icon-compass:before { content: "\e053"; }

.icon-lifesaver:before { content: "\e054"; }

.icon-clock:before { content: "\e055"; }

.icon-aperture:before { content: "\e056"; }

.icon-quote:before { content: "\e057"; }

.icon-scope:before { content: "\e058"; }

.icon-alarmclock:before { content: "\e059"; }

.icon-refresh:before { content: "\e05a"; }

.icon-happy:before { content: "\e05b"; }

.icon-sad:before { content: "\e05c"; }

.icon-facebook:before { content: "\e05d"; }

.icon-twitter:before { content: "\e05e"; }

.icon-googleplus:before { content: "\e05f"; }

.icon-rss:before { content: "\e060"; }

.icon-tumblr:before { content: "\e061"; }

.icon-linkedin:before { content: "\e062"; }

.icon-dribbble:before { content: "\e063"; }

.col-left > :first-child, .col-right > :first-child { margin-top: 0; }
.col-left > :last-child, .col-right > :last-child { margin-bottom: 0; }

[class^="button"] { border: 1px solid; padding: .5em 1em; text-decoration: none; border-radius: 2px; text-transform: uppercase; letter-spacing: .125em; display: inline-block; margin-top: 1em; }

.button:link, .button:visited { color: #1dbf89; }
.button:hover, .button:active { color: #6cd5b2; }

.button-dark:link, .button-dark:visited { color: rgba(110, 115, 120, 0.75); }
.button-dark:hover, .button-dark:active { color: rgba(110, 115, 120, 0.5); }

.button-light:link, .button-light:visited, #intro a:link, #intro a:visited { color: rgba(255, 255, 255, 0.85); }
.button-light:hover, .button-light:active, #intro a:hover, #intro a:active { color: rgba(255, 255, 255, 0.5); }

.link-light, .contact-info li a, article li a { text-decoration: none; border-bottom: 1px solid; }

body, html { height: 100%; }

body, article h2 { font-family: "freight-sans-pro", sans-serif; }

h1, h2, h3, h4 { font-family: "freight-display-pro", serif; font-weight: 400; }

h2 { margin-bottom: 1em; }

h3 { text-transform: uppercase; letter-spacing: .125em; }

.text-light { color: #969ba0; }

.heading-note { background-color: transparent; text-transform: uppercase; letter-spacing: .25em; color: #e5ceac; font-size: 0.875em; display: inline-block; }

.heading-number { border: 1px solid #d3ac72; background-color: transparent; border-radius: 50%; display: inline-block; width: 2em; line-height: 1.9em; height: 2em; text-align: center; color: #d3ac72; letter-spacing: 0; margin-right: .375em; font-family: sans-serif; font-size: .75em; }

section { overflow: hidden; }

header { display: inline-block; width: 100%; position: relative; background: #1e2328 url("images/bg_basic.jpg") no-repeat center center; color: white; background-size: cover !important; }
header:after { content: ""; position: absolute; left: 0; bottom: 0; right: 0; top: 35%; display: block; background-color: transparent; background-image: -webkit-linear-gradient(bottom, rgba(140, 123, 105, 0.75), transparent); background-image: linear-gradient(to top,rgba(140, 123, 105, 0.75), transparent); }

.home header, #english header { background-image: url("images/bg_home.jpg"); }

#o-nas header { background-image: url("images/bg_about.jpg"); background-position: right center; }
#about-us header { background-image: url("images/bg_about.jpg"); background-position: right center; }

#pro-autory header { background-image: url("images/bg_authors.jpg"); background-position: left 25%; }
#for-authors header { background-image: url("images/bg_authors.jpg"); background-position: left 25%; }

#pro-recenzenty header { background-image: url("images/bg_reviewers.jpg"); background-position: center 60%; }
#for-reviewers header { background-image: url("images/bg_reviewers.jpg"); background-position: center 60%; }

#archiv-casopisu header { background-image: url("images/bg_about.jpg"); background-position: right center; }
#archive header { background-image: url("images/bg_about.jpg"); background-position: right center; }

#logo { display: inline-block; position: relative; z-index: 10; }
#logo:hover, #logo:active { opacity: .625; }

.nav-header { margin-top: .5em; }

.nav-header a:link, .nav-header a:visited { color: #8edfc4; }
.nav-header a:hover, .nav-header a:active { color: #c6efe1; }

.language-selected a:link, .language-selected a:visited, .language-selected a:hover, .language-selected a:active, .current-menu-item a:link, .current-menu-item a:visited, .current-menu-item a:hover, .current-menu-item a:active { color: white; }

.mobile-title { display: none; }

.issn-code { color: rgba(255, 255, 255, 0.75); font-family: sans-serif; font-size: 0.75em; line-height: 2.2; }

.border-light { border-top: 1px solid #d7dce1; margin-top: .75em; }

.border-beige { border-top: 1px solid #e5ceac; margin-top: .75em; }

.new-section { padding-top: 2em; }
.new-section + .col-right { border-top: 1px solid #d7dce1; padding-top: 2em; padding-bottom: 2em; }

h2 [class^="icon-"] { color: #d3ac72; margin-right: .5em; font-size: 32px; }

.bg-dark { background-color: #1e2328; padding: 2em 0 2.25em; }
.bg-dark .link-light { margin-left: 1em; }
.bg-dark .border-light { border-top-color: #464b50; }
.bg-dark .table-row + .table-row { border-top-color: #464b50; }
.bg-dark h2, .bg-dark h4 { color: white; margin-top: .625em; }

#post-current:after { content: ""; display: table; clear: both; }

.icon-more { font-size: 20px; font-family: "ico-entypo"; margin-left: .25em; vertical-align: -20%; }

.icon-more:before { content: "\e6d0"; }

.toggle-archive .icon-more:before { content: "\e6ce"; }

#magazine .col-right + .post-button { clear: both; }

#post-past { position: relative; margin-top: 2.5em; }

.table-row { padding: 1.5em 0; }
.table-row:after { content: ""; display: table; clear: both; }
.table-row + .table-row { border-top: 1px solid #d7dce1; }

.table { clear: both; }

.table-heading a:link, .table-heading a:visited { color: white; border-color: #1dbf89; }
.table-heading a:hover, .table-heading a:active { color: #d7dce1; border-color: #6cd5b2; }

#links-database .gallery:after { content: ""; display: table; clear: both; }
#links-database .gallery-item { margin-top: 0; }
#links-database a { display: block; }
#links-database a:hover, #links-database a:active { opacity: .75; }

.list-small li { font-size: 0.875em; }

.archive-pagination { margin-top: 3em; }

#intro .col-right { margin-top: .75em; }

#news h3 { float: left; margin-top: 0; margin-bottom: 1em; }
#news .link-light { float: right; margin-top: .125em; }

.news-container { clear: both; }
.news-container:after { content: ""; display: table; clear: both; }

.news-title { text-decoration: none; border-bottom: 1px solid; margin-right: .5em; }
.news-title:link, .news-title:visited { color: #464b50; border-bottom-color: #1dbf89; }
.news-title:hover, .news-title:active { color: #6e7378; border-bottom-color: #6cd5b2; }

.news-time { font-family: sans-serif; white-space: nowrap; }

footer { background-color: #ecedee; overflow: hidden; }
footer h3 { margin-top: 0; }
footer .button-dark { font-size: 0.75em; margin-top: 2em; }
footer .icon-facebook { margin-right: .5em; font-size: 20px; font-family: "ico-entypo"; }
footer .icon-facebook:before { content: "\e6f6"; }
footer small { display: inline-block; clear: both; margin-top: 3.5em; width: 100%; }

.link-author { float: right; }

.contact-info ul { padding-left: 0; list-style: none; margin: 0; }

.logo-fhs { margin-top: 1.5em; display: inline-block; }
.logo-fhs:hover, .logo-fhs:active { opacity: .5; }

article h1 { font-size: 1.25em; border-left: 2px solid #d7dce1; background-color: #ecedee; padding: .75em 0 .75em 1.5em; margin: 2em 0 1em -1.5em; }
article h2 { text-transform: uppercase; letter-spacing: .25em; color: #8c7b69; font-size: 1em; font-weight: 400; border-bottom: 2px solid #dad4ce; display: inline-block; line-height: 1.5; padding-bottom: .5em; margin: 1em 0 .25em; }
article em { background-color: #ecedee; }
article ol li { margin-bottom: .75em; }

.bg-dark p, .bg-dark ul { color: #969ba0; }

.hero-box { text-align: center; color: white; padding: 4.5em 0 5em; background-size: cover !important; position: relative; }
.hero-box:after { content: ""; position: absolute; left: 0; bottom: 0; right: 0; top: 0; display: block; background-color: #5b4f44; opacity: .625; }
.hero-box h2 { margin-top: 0; color: #e5ceac; }
.hero-box .overlay { position: relative; z-index: 5; }

#for-authors { background: url("images/img1.jpg") no-repeat center center; }

#for-reviewers { background: url("images/img2.jpg") no-repeat center center; }

@media screen and (min-width: 64.0625em) { .no-touch header { background-attachment: fixed; }
  .no-touch .home header, .no-touch #english header { background-position: center 125%; }
  .no-touch #o-nas header { background-position: center 175%; }
  .no-touch #about-us header { background-position: center 175%; }
  .no-touch #pro-recenzenty header { background-position: center 180%; }
  .no-touch #for-reviewers header { background-position: center 180%; }
  .no-touch #archiv-casopisu header { background-position: center 100%; }
  .no-touch #archive header { background-position: center 100%; }
  .wrap, .wrap-small { width: 85%; max-width: 90em; }
  h3 { font-size: 1.375em; }
  .home #intro, .page-template-first-level-php #intro, #english #intro { right: 7.5%; left: 7.5%; bottom: 10%; } }
@media screen and (max-width: 64em) { .wrap, .wrap-small { width: 90%; }
  .home #intro, .page-template-first-level-php #intro, #english #intro { left: 5%; right: 5%; bottom: 7.5%; } }
@media screen and (max-width: 64em) and (min-width: 30.0625em) { h1 { font-size: 2.25em; }
  h2 { font-size: 1.75em; }
  h3 { font-size: 1.25em; } }
@media screen and (min-width: 48.0625em) { .col-left { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; }
  .col-left:last-child { margin-right: 0; }
  .col-right, .nav-header { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; margin-right: 0; }
  .col-right:last-child, .nav-header:last-child { margin-right: 0; }
  .col-shift { margin-left: 34.11922%; }
  .col-half { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; }
  .col-half:last-child { margin-right: 0; }
  .col-half:nth-child(2n) { margin-right: 0; }
  .col-half:nth-child(2n+1) { clear: left; }
  .news-post { float: left; display: block; margin-right: 2.35765%; width: 23.23176%; }
  .news-post:last-child { margin-right: 0; }
  .hero-box { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; }
  .hero-box:last-child { margin-right: 0; }
  #news { margin: 3em 0; }
  #intro p:first-child { font-size: 1.25em; }
  .contact-info li:nth-child(4) { display: inline-block; }
  .contact-info li:nth-child(5) { display: inline-block; margin-left: 2.5em; }
  .nav-mobile { display: none; }
  .nav-pages a { border-bottom: 1px solid; font-weight: 700; }
  .nav-pages li { display: inline-block; }
  .nav-pages li + li { margin-left: .75em; }
  .nav-pages li + li:before { content: '\b7\a0'; color: rgba(255, 255, 255, 0.5); display: inline-block; margin-right: .75em; }
  .current-menu-item a { border-bottom: none; }
  .nav-language { list-style: none; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 2px; float: right; font-size: 0.75em; margin-left: 1em; margin-top: -.25em; }
  .nav-language li { float: left; }
  .nav-language a { padding: .5em; display: block; }
  .language-selected { background-color: rgba(255, 255, 255, 0.5); }
  .border-light { padding-top: 2.25em; }
  .border-beige { padding-top: 1em; }
  #pro-autory .post-button { margin-top: .75em; } }
@media screen and (max-width: 48em) { .nav-container { position: relative; margin-top: -.375em; }
  .nav-mobile { display: inline-block; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 2px; padding: .375em .5em; }
  .nav-mobile:before { content: "\e696"; font-size: 30px; font-family: "ico-entypo"; display: inline-block; speak: none; font-style: normal; font-weight: normal; vertical-align: -30%; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: white; }
  .nav-toggle { opacity: .5; }
  .nav-toggle + .nav-wrap { display: block; }
  .nav-wrap { display: none; position: absolute; left: 50%; top: 2.5em; background-color: rgba(70, 75, 80, 0.95); border-radius: 2px; z-index: 10; width: 9em; margin-left: -4.5em; }
  .nav-wrap:before { height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 0.5em; border-bottom-color: rgba(70, 75, 80, 0.95); content: ""; position: absolute; top: -1em; left: 50%; margin-left: -.5em; }
  .nav-pages li { white-space: nowrap; padding: 0 1em; line-height: 2.5em; }
  .nav-pages li + li { border-top: 1px solid #6e7378; }
  .nav-language { border-bottom: 1px solid #969ba0; }
  .nav-language:after { content: ""; display: table; clear: both; }
  .nav-language li { float: left; width: 50%; text-align: center; padding: .375em 0; }
  .language-selected { background-color: rgba(110, 115, 120, 0.95); }
  .border-light { padding-top: 1.75em; }
  .heading-note { margin-bottom: 1em; }
  .hero-box + .hero-box { margin-top: 2em; }
  .col-left { margin-bottom: 1.5em; }
  #magazine .post-button { margin-bottom: 0; }
  .col-left.new-section { margin-bottom: 1em; }
  .table-row .col-left { margin-bottom: .75em; }
  .col-half:after { content: ""; display: table; clear: both; }
  .col-half + .col-half { margin-top: 2.25em; } }
@media screen and (max-width: 48em) and (min-width: 30.0625em) { .col-right:not(.post-button) { float: left; display: block; margin-right: 4.82916%; width: 82.52847%; margin-left: 17.47153%; margin-right: 0; }
  .col-right:not(.post-button):last-child { margin-right: 0; }
  .col-right + .post-button, #pro-autory .post-button { margin-left: 17.47153%; }
  #news { margin: 1.5em 0; }
  .news-post { float: left; display: block; margin-right: 4.82916%; width: 47.58542%; margin-bottom: 1.5em; }
  .news-post:last-child { margin-right: 0; }
  .news-post:nth-child(2n) { margin-right: 0; }
  .news-post:nth-child(2n+1) { clear: left; }
  footer h3 { float: left; display: block; margin-right: 4.82916%; width: 30.11389%; }
  footer h3:last-child { margin-right: 0; }
  .contact-info { float: left; display: block; margin-right: 4.82916%; width: 65.05695%; }
  .contact-info:last-child { margin-right: 0; }
  .nav-container { float: left; }
  .post-button { display: inline-block; }
  .post-button + .post-button { margin-left: 1em; } }
@media screen and (min-width: 30.0625em) { .bg-dark article p:first-child { font-size: 1.25em; color: white; }
  .page-template-first-level-php header { min-height: 50%; }
  .home header, #english header { min-height: 72.5%; }
  .page-template-first-level-php #intro, .home #intro, #english #intro { position: absolute; z-index: 5; }
  .page-template-archive-php #intro, .page-template-default #intro, .single #intro, .error404 #intro { position: relative; margin-top: 7.5%; z-index: 5; }
  .news-post { height: 11.75em; overflow: hidden; position: relative; }
  .news-post:after { content: ""; position: absolute; left: 0; bottom: 0; right: 0; top: 6.5em; display: block; pointer-events: none; background-color: transparent; background-image: -webkit-linear-gradient(bottom, white, transparent); background-image: linear-gradient(to top,white, transparent); }
  [class^="list-"] ul { padding-left: 0; list-style: none; margin: 0; }
  [class^="list-"] ul:after { content: ""; display: table; clear: both; }
  [class^="list-"] li { margin-bottom: 5%; }
  .list-big li { float: left; display: block; margin-right: 3.57866%; width: 48.21067%; }
  .list-big li:last-child { margin-right: 0; }
  .list-big li:nth-child(2n) { margin-right: 0; }
  .list-big li:nth-child(2n+1) { clear: left; }
  .list-small li { float: left; display: block; margin-right: 3.57866%; width: 22.316%; }
  .list-small li:last-child { margin-right: 0; }
  .list-small li:nth-child(4n) { margin-right: 0; }
  .list-small li:nth-child(4n+1) { clear: left; }
  #links-database .gallery-item { float: left; display: block; margin-right: 7.42297%; width: 19.43277%; margin-bottom: 1.5em; }
  #links-database .gallery-item:last-child { margin-right: 0; }
  #links-database .gallery-item:nth-child(4n) { margin-right: 0; }
  #links-database .gallery-item:nth-child(4n+1) { clear: left; } }
@media screen and (max-width: 30em) { header .wrap { position: relative; z-index: 5; }
  .page-template-first-level-php header .col-left { margin-bottom: 0; }
  [class^="button"] { font-size: 0.875em; }
  h1 { font-size: 2em; }
  h2 { font-size: 1.5em; }
  h3 { font-size: 1.125em; }
  #intro { margin-top: 17.5%; }
  .news-post { margin-bottom: 1.25em; } }
@media screen and (max-width: 30em) and (min-width: 20.0625em) { .nav-container { float: left; }
  #magazine .post-button { float: left; }
  #magazine .post-button + .post-button { float: right; }
  #links-database .gallery-item { float: left; display: block; margin-right: 16.03631%; width: 41.98184%; margin-bottom: 1.5em; }
  #links-database .gallery-item:last-child { margin-right: 0; }
  #links-database .gallery-item:nth-child(2n) { margin-right: 0; }
  #links-database .gallery-item:nth-child(2n+1) { clear: left; } }
@media screen and (min-width: 20.0625em) { .nav-header { float: right; }
  .issn-code { margin-left: 1em; float: right; }
  #magazine .post-button { margin-top: 2em; } }
@media screen and (max-width: 20em) { #intro { text-align: center; }
  #logo { width: 100%; text-align: center; }
  .nav-header { width: 100%; margin-top: 1em; text-align: center; }
  .nav-container { margin-top: 3.5em; }
  .mobile-title { display: inline-block; color: white; letter-spacing: .125em; margin-left: .125em; }
  .post-button { text-align: center; }
  .post-button a { width: 100%; padding-left: 0; padding-right: 0; }
  #magazine .post-button { margin-top: 1em; } }
.heading-note + .col-right { float: right; }