/*  
Theme Name: Simple mission
Theme URI: http://software.nadobzor.cz/
Description: Vzhled připravený pro hlavní web Papežských misijních děl. Font Awesome ready and standard compliant with HTML5 and CSS3.
 
Version: 1.0
Author: NO!sw
Author URI: http://software.nadobzor.cz/
License: GNU General Public License
License URI: license.txt
Tags: right-sidebar, fluid-layout, responsive-layout, custom-menu, post-formats, featured-images, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: simple-mission

*/

/*------------------------------------------------------------------

[Table of contents]

1. Global Elements
2. Container
3. Header 
	3.1. Navigation
	3.2. Slider
4. Afterheader
5. Content 
	5.1. Blog 
	5.2. Widgets
6. Sidebar
7. Footer Sidebar
8. Footer
9. Plugin

-------------------------------------------------------------------*/

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, 
section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
* { margin:0; padding:0; }
*:focus { outline:none; }



/* 1. GLOBAL ELEMENTS
-------------------------------------------------------------------*/


/* Main global 'theme' and typographic styles */

body {
    font-family: 'Titillium Web', 'Open Sans', Arial, sans-serif;  
    font-size: 16px;
    line-height:22px;
    background-color: #726F70;
}
body.login {background-color: #f1f1f1;}

/* links */
a, a:visited {color: #A14E4F; text-decoration:none;}
a:hover {text-decoration:none; color: #DF2636;}
a img {border:none}
a:active {background-color: transparent;}


/* heading */
h1, h2, h3 {text-transform: uppercase; margin: 1em 0 0.6em; line-height: 1.1;}
h4, h5, h6 {margin: 1em 0 0.5em; font-weight: bold; line-height: normal;}
h1 {font-size: 1.6em; font-weight: 600;}
h2 {font-size: 1.5em; font-weight: 600;}
h3 {font-size: 1.3em; font-weight: 600;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

p {margin-bottom: 10px;}
p:last-child, p:last-of-type{margin-bottom:0;}

ul {list-style-type: square; margin: 0 0 14px 1.5em;}
ul li, ol li{ padding-top:5px; padding-bottom:5px;}
ul li.no-disc {list-style-type: none;}
ol {list-style: decimal; margin: 0 0 14px 2.2em;}
ol ol {list-style: upper-alpha;}
ol ol ol {list-style: lower-roman;}

blockquote:before {content: "" !important;}

blockquote {
    clear: both;
    font-style: normal;
    line-height: 24px;
    margin: 8px 0 23px 0;
    padding: 0 10px 0 20px;
    position:relative;
    font-size: larger;
}

table {
    margin: 0 0 2em 0;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
tr th, thead th {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 18px;
}
table td {
    padding: 6px 14px;
}


input[type="submit"],
input[type="reset"],
input[type="button"],
.button {
    border-radius: 6px;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.125em;
    font-size: 0.9em;
    height: 2.85em;
    line-height: 2.85em;
    padding: 0 1.75em;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    text-indent: 0.25em;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:hover {
    background-color: #232d33;
}
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.button:active {
    background-color: #0f1315;
}

hr {border-width:0; height:1px; line-height:0; margin: 30px 0px; page-break-after:always; text-align:center; clear:both;}
dl {margin: 0 0 24px 0;}
dt {font-weight: bold;}
dd {margin-bottom: 18px;}
strong {font-weight: bold;}
cite, em, i {font-style: italic;}
big {font-size: 131.25%;}
ins {background: #ffc; text-decoration: none;}
code {
    font-family:Verdana, Arial;
    letter-spacing:1px;
    margin:25px 0 25px 0px;
    display:block;
    font-size:0.9em;
    padding:15px 10px;
}
pre {
    border-left:solid 4px #ebebeb;
    line-height: 18px;
    margin-bottom: 18px;
    padding:20px;
}
abbr, acronym {
    border-bottom: 1px dotted #678;
    cursor: help;
}
sup, sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}
sup {bottom: 1ex;}
sub {top: .5ex;}

img, canvas, video, svg {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}


/* Text only for screen readers */
.screen-reader-text { position: absolute; left: -3500px;}

/* Clearing */
 .container:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}
 .clearfix:before, .clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; 
 }
 .clearfix:after {clear: both;}
 .clearfix {zoom: 1;}
 .clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* 
 * 2. Layout
 */
.container, .header-container {
  position: relative; 
  margin: 0px auto; 
  padding: 0; 
  width: 92%; 
  max-width: 1480px;
}
#header, #main, #footer {width: 100%;}

#header {
    position: fixed;
    top: 0;
    height: 4em;
    padding-top: 1em;
    color: #555f66;
    line-height: 3em;
    background-color: #fff;
    border: 1px solid rgba(10,10,10,0.15);
    box-shadow: 0px 2px 7px #dcdcdc;
    z-index: 1000;
}
body.home #header {border-bottom: none;}
body.admin-bar #header {top: 32px;}

#main {
    position: relative;
    top: 5em;
    padding-top: 0.5em;
    letter-spacing: 0.02em;
    background-color: #fff;
}
#main .container {padding: 0 8px; overflow: hidden;}

#pagecontent {
    float: left; 
    width: 72%; 
    padding: 1em 0 1em;
}
#pagecontent.full {width: 98%;}

#right-column {
    float: right; 
    width: 24%;
    padding: 0.5em 0 1em 2em; 
    border-left: 1px dotted #333;
    box-sizing: border-box;
}

#footer {
    position: relative;
    margin-top: 5em;
    padding: 1.5em 0 0;
}

/* 3. HEADER 
-------------------------------------------------------------------*/

#logo {
    float: left;
    margin-bottom: 0px;
	max-width: 16em;
}
#logo #logoimg {
	position: relative;
	margin-top: -0.60em;
	height: 3.75em;
}
#logo #logo-mobile {display: none;}

#header h1 {
    position: relative; 
    float: left; 
    display: inline-block; 
	width: 8.5em;
	margin: 0 1.5em 0 0.75em;
    line-height: 100%;
    font-size: 23px;
}

#header .toggle-search {
	float: right;
	width: 36px;
	height: 36px;
	margin-top: 0.85em;
}
#header .searchbox {
	display: none;
	position: absolute;
	top: 4em;
	left: 0;
	height: 2.1em;
	width: 75%;
	width: calc(100% - 18em);
	margin-left: 16em;
	padding: 10px 15px;
	overflow: hidden;
	background: rgba(255, 255, 255,0.95);
	border: 1px solid #cecece;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	z-index: 500;
}
#header .searcharea {
	float: left;
	width: calc(100% - 100px);
}
#header .searchbox input.form-search {
	float: left;
	width: 100%;
	color: #333;
	font-weight: 500;
	font-size: 12px;
	background: rgba(239,239,239,0.9);
	border: 1px solid #a1a1a1;
	border-radius: 4px;
}
#header .searchbox .buttons {float: right;}
#header .searchbox .searchbutton {
	float: left;
	width: 2.1rem;
	height: 1.8rem;
	margin-left: 10px;
	padding: 0 10px;
	background-color: #e3e3e3;
	border: 1px solid #cdcdcd;
	border-radius: 3px;
}



/*======= 3.1. Navigation =======*/

#nav {
    position: relative;
}

#nav > ul.main-menu {
    float: left;
    list-style: none;
    margin: 0;
    padding: 1em 0 0;
    font-family: 'Open Sans', 'Calibri', 'Helvetica Neue', sans-serif;
}

#nav > ul.main-menu > li {
    display: inline-block;
	padding: 0 1em 0 0.75em;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 600;
}

#nav > ul.main-menu > li a {
    color: #817F80;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}
#nav ul > li.menu-item-has-children:hover a, 
#nav ul > li.menu-item-has-children:focus a  {color: #ED1C24;}
#nav ul.main-menu > li.menu-item-has-children:hover {
	padding-bottom: 3px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	background-color: #fff;
}

#nav > ul.main-menu > li > ul li.current-menu-item a {border-bottom: 1px solid #cfcfcf;}
#nav > ul.main-menu > li > ul li.current-menu-item li a {border-bottom: none;}

#nav ul.main-menu > li > ul.sub-menu {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 0px;
    z-index: 1000;
	margin: 0;
	padding: 10px 10px 10px 13.2em;
    list-style: none;
    background: rgba(255,255,255,0.9) url('images/logo-pmd.svg') no-repeat 1.25em center;
    border: 1px solid rgba(30,30,30,0.15);
	border-top: 1px dotted #f8f8f8;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 7px 7px rgba(0,0,0,0.175);
    box-sizing: border-box;
    background-clip: padding-box;
    clip: rect(1px,1px,1px,1px);
    transition: height 0.5s ease-out;
}

#nav ul.main-menu > li.menu-item-has-children:hover > ul.sub-menu {
	clip: auto;
	height: 9.5em;
}
#nav ul.main-menu > li.menu-item-41453:hover > ul.sub-menu {height: 14em;}

#nav ul.main-menu > li > ul.sub-menu > li {
    padding: 0;
    font-weight: bold;
    line-height: 2.5em;
    font-size: 0.75em;
}

#nav ul.main-menu > li > ul.sub-menu > li a {
    color: #222;
}

#nav ul.main-menu > li > ul.sub-menu > li a:hover,
#nav ul.main-menu > li > ul.sub-menu > li a:focus {
    color: #ED1C24;
}

#nav ul.main-menu > li > ul.sub-menu > li.menu-item-has-children {
    position: relative; 
    width: 27%; 
    float: left; 
    padding: 0 2%;
    box-sizing: border-box;
}

#nav ul.main-menu > li > ul.sub-menu > li.menu-item-has-children:first-of-type {
	border-left: 1px solid #dedede;
}

#nav ul.main-menu > li > ul.sub-menu > li > ul.sub-menu {
    display: block;
    margin: 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.8s linear, opacity 0.5s cubic-bezier(.47,0,.74,.71);
}
#nav ul.main-menu > li.menu-item-has-children:hover > ul.sub-menu > li > ul.sub-menu {
   visibility: visible;
   opacity: 1;
}

#nav ul.main-menu > li > ul.sub-menu > li > ul.sub-menu  > li {
    display: block; 
    padding-top: 0;
    text-transform: none; 
    font-weight: normal;
    line-height: 1.7;
}

/* Exceptions */
#nav ul.main-menu > li.menu-item-41693 > ul > li.menu-item-48979,
#nav ul.main-menu > li.menu-item-41452 > ul > li.menu-item-41675 {
	padding-right: 0;
}

#nav ul.main-menu > li.menu-item-41453 > ul.sub-menu > li.menu-item-41610 {
	margin-left: -27%;
	margin-top: 5em;
}
#nav ul.main-menu > li.menu-item-41453 > ul.sub-menu > li.menu-item-41612 {
    padding-left: 28px;
}
#nav ul.main-menu > li.menu-item-41453 > ul.sub-menu > li.menu-item-59594 {
	float: left;
	width: 24%;
	margin-left: -24%;
	margin-top: 11em;
}


/* dropdown mobile */

#nav .navbar-toggle {
	display: none;
	float: right;
	margin: 0.5em 1em 0;
	padding: 0.5em;
	font-size: 1.25em;
	line-height: 1;
	border: 1px solid #aaa;
	border-radius: 5px;
	cursor: pointer;
}
#nav .navbar-toggle::before {
	display: inline-block;
	font-family: FontAwesome;
	content: "\f0ae";
	margin-right: 0.5em;
}


/*======= 3.2. Slider =======*/

#slider {position: relative; top: 5em;}
.flexslider {position: relative;}
.slides { overflow: hidden;}
ul.slides li {margin: 0; padding: 0;}
ol.flex-control-nav {display: none;}
.flexslider h3 a {color: #fff;}



/* 4. AFTERHEADER and HOMEPAGE
-------------------------------------------------------------------*/
.breadcrumbs {
    width: 100%;
    padding: 0.7em 0 0.5em;
    margin: 0 0 20px;
    font-size: 0.875em;
    border-bottom: 1px dotted #333;
}
.breadcrumbs a:link, .breadcrumbs a:visited{color: #898989; transition: color 0.3s;}
.breadcrumbs span.current {display: inline-block; color: #898989;}
.breadcrumbs a:hover, .breadcrumbs a:focus {color: #ed1b24;}
.breadcrumbs span.current:hover {color: #333;}
.breadcrumbs span.delimit {
    display: inline-block;
    padding: 0 5px; 
    font-size: 0.6em; 
    color: #838383;
	vertical-align: top;
}

.pictograms {display: flex; margin: 0;}
.pictograms .society {position: relative; padding: 2%;}
.pictograms .society .simg {width: 100%; min-height: 165px; background-size: contain;}
.society .pmdsv-img {background: url('images/pmdsv.svg') no-repeat center center;}
.society.faith:hover .pmdsv-img {background: url('images/pmdsv-a.svg') no-repeat center center;}
.society .pmdd-img {background: url('images/pmdd.svg') no-repeat center center;}
.society.child:hover .pmdd-img {background: url('images/pmdd-a.svg') no-repeat center center;}
.society .pmdspa-img {background: url('images/pmdspa.svg') no-repeat center center;}
.society.spa:hover .pmdspa-img {background: url('images/pmdspa-a.svg') no-repeat center center;}
.society .pmucr-img {background: url('images/pmucr.svg') no-repeat center center;}
.society.pmu:hover .pmucr-img {background: url('images/pmucr-a.svg') no-repeat center center;}
.society h3 {
    font-size: 1.6em; 
    font-weight: bold; 
    text-transform: uppercase; 	
    text-align: center;
    line-height: 1.25;
}
.society a, .society .button {color: #727070;}
.society:hover a {color: #222;}
.society .desc {font-size: 0.925em; text-align: justify;}
.society img.shadow {display: block; width: 100%; margin: 0 auto;}
.pms-btn {
	display: block;
	margin: 0.5em auto 0.3em;
	padding: 15px 20px !important;
	width: 8em;
	height: auto;
	
}
.society .pms-btn:hover {color: #fefefe;}

#four-pms h2,
#news-slide h2,
#ourlinks h2 {
    margin: 10px 0 0;
    padding-bottom: 5px;
    font-size: 1.1em;
    font-weight: normal;
    color: #DE1B30;
    text-transform: uppercase;
    border-bottom: 1px dotted #dedede;
}

#news-slide, #ourlinks {margin: 2em 0 1em;}
#news-slide {
box-sizing: border-box; 
position: relative; 
min-height: 9em; 
overflow: hidden; 
border-bottom: 1px dotted #f2f2f2;
}
#news-slide:after {content: ''; display: block; clear: both;}
#news-slide h2 {display: block; height: 1.3em;}
#news-slide .scroll-slider {position: absolute; width: 100%; left: 0;}
.post-taste {position: absolute; width: 45%; height: 7em; padding: 0 2.5%;}
.post-taste h3 {font-size: 1.5em; font-weight: normal; letter-spacing: 1pt; line-height: 1.2; margin: 0.7em 0 0.4em;}
.post-taste time {font-size: 1.05em;}
.post-taste.slide2 {left: 50%;}
.post-taste.slide3 {left: 100%;}
.post-taste.slide4 {left: 150%;}
.navi {
	position: relative;
	width: 2.5%;
	height: 5em;
	font-size: 1.5em;
	color: #999;
	text-align: center;
	background: #fff;
	z-index: 10;
}
.navi i.fa {margin-top: 2em;}

#ourlinks .link-table {display: flex; flex-wrap: wrap; justify-content: space-between;}
.link-table a.imglink {margin: 5px 0 20px; width: 30%; color: #2f2e2e;}
.link-table a.imglink:hover,
.link-table a.imglink:focus {color: #f7f7f7;}

.link-table h3 {
    display: block;
    margin: 0;
    padding: 10px;
    font-size: 1.3em;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #AEADAE;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.link-table a.imglink img {
	width: 100%; 
	border-bottom-right-radius: 5px; 
	border-bottom-left-radius: 5px;
	-webkit-filter: saturate(70%);
	filter: saturate(70%);
	transition: filter 0.8s;
}
.link-table a.imglink:hover img {-webkit-filter: saturate(100%); filter: saturate(100%);}


/* 5. CONTENT
-------------------------------------------------------------------*/

h1.category-title,
h1.title {
    font-size: 1.6em;
    margin-bottom: 0.5em;
}
h2.post-title,
h3.post-title {
    font-size: 1.2em;
	margin: 0.5em 0 0.3em;
    text-transform: none;
}
.tanbox h2.post-title {font-size: 1.3em;}
h2.post-title a, h3.post-title a, .subcat h2 a, .subcat h3 a {color: #555;}
h2.post-title a:hover, h2.post-title a:focus, 
h3.post-title a:hover, h3.post-title a:focus,
.subcat h2 a:hover, .subcat h2 a:focus,
.subcat h3 a:hover, .subcat h3 a:focus {color: #DB151C;}

h2.subcategory {font-size: 1.4em; margin-bottom: 0;}
h2.subcategory a {color: #787878;}
article.subcat h3 {font-size: 1.3em; margin: 0.7em 0 0.3em;}
h2.subcategory a:hover, h2.subcategory a:focus {color: #DB151C;}

.category-desc {margin: 0 0 1.2em; color: #424242;}

.subsection {width: 48%;}
#pagecontent .subsection:nth-of-type(even) {float: left;}
#pagecontent .subsection:nth-of-type(odd),
#pagecontent .subsection.vychova {float: right;}

article .entry-content p {text-align: justify;}

article.tanbox {
	margin: 0;
	padding: 1em 0;
	border-bottom: 1px dotted #efefef;
	overflow: hidden;
}
article.tanbox:hover, article.subcat:hover {background-color: #fafafa;}
article.about-materials {width: 48%;}
aside article.about-materials:first-of-type {float: left;}
aside article.about-materials:last-of-type {float: right;}

article .meta {font-size: 0.9em; margin-bottom: 0.3em;}
article .post-teaser {text-align: justify;}
article footer {font-size: 0.9em; margin: 0.3em 0;}
article.news footer {clear: left;}
article .tags {float: right;}
article .post-times, article footer .fa {color: #727272;}
article .more {display: inline-block;}
article .toggle_text {display: none;}
article.tanbox .tags::before, article.tanbox .more::before {
	display: inline-block;
	margin-right: 7px;
	font-family: FontAwesome;
	text-rendering: auto;
	color: #727272;
}
article.tanbox .more::before {content: "\f0f6";}
article.tanbox .tags::before {content: url('images/icons/tags-o.png');}
article.tanbox:hover .more::before {content: "\f15c";}
article.tanbox:hover .tags::before {padding-left: 0; background-image: none; content: "\f02c";}

article.searchbox img.wp-post-image {float: left; margin: 0 10px 5px 0;}
article.type-post iframe {
	margin: 0.5em auto 0.75em; 
	display: block; 
	border: 1px solid #aaa;
	border-radius: 3px;
	box-shadow: 0px 1px 3px #aaa;
}

.flex-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flex-container figure a, 
.flex-container img.size-thumbnail {
	display: block;
	margin: 0 auto;
}
.flex-container img.alignnone {
	margin: 7px auto;
}

body.page-id-60733 .flex-container figure {
	width: 230px !important;
	padding: 5px;
	border-radius: 5px;
}
body.page-id-60733 .flex-container .wp-caption-text {
	font-size: 0.925em; 
	font-style: normal;
	text-align: center;
}
body.page-id-60733 .flex-container figure:hover {background-color: #ffddb730;}

/* Seznamy */
ul.searchform-tips li {margin: 0; padding: 0; font-size: 0.9em;}
.entry-content ul li {padding-left: 1.6em; list-style-type: none;}
.entry-content ul li::before {
	display: inline-block;
	margin-left: -1.3em; /* same as padding-left set on li */
	width: 1.3em; /* same as padding-left set on li */
	font-family: FontAwesome;
	color: #e22e31;
}
.entry-content ul li::before {content: "\f096";}
article.category-aktualne ul li::before {content: "\f1ae";} /* člověk*/
article.post-41489 ul li::before {content: "\f1d9";} 		/* vlaštovka */
.entry-content ul.hearts li::before {content: "\f08a";} 	/* srdce */
.entry-content ul.thumb-up li::before {content: "\f087";} 	/* palec nahoru */
.entry-content ul.pins li::before {content: "\f08d";} 		/* špendlík */
.entry-content ul.leaves li::before {content: "\f06c";} 	/* listy */
.entry-content ul.hands-pray li::before {content: "\f256";}	/* sepnuté ruce */
.entry-content ul.hand-rock li::before {
  display: block; 
  float: left;
  margin-top: 4px;
  content: "\f255";
  transform: rotate(90deg);
}	/* sevřená ruka */
.entry-content ul.hand-point li::before {content: "\f0a4";}	/* ukazující ruka */
article.category-archiv-projektu ul li::before {display: none;}
article.category-archiv-projektu ul li {padding-left: 0.3em; list-style-type: square;}
.entry-content ul.event-detail li::before {display: none;}

.project-left-col, .project-right-col {width: 48%;}
.project-left-col {float: left;}
.project-right-col {float: right;}

/* Font Awesome margin */
i.fa {margin-right: 7px;}

/* Images */
.imgopacity:hover {
    opacity: 0.5;
}

img.size-thumbnail {
    border: 1px solid #aaa;
    border-radius: 2px;
    box-shadow: 1px 1px 3px #dedede;
}

img.alignleft {float: left; margin: 5px 11px 5px 0;}
img.alignright {float: right; margin: 5px 0 5px 12px;}
img.alignnone {margin: 5px 11px 5px 0; vertical-align: middle;}
img.aligncenter {display: block; margin: 5px auto;}

img.videothumb, .tanbox a img.wp-post-image {float: left; margin: 0 10px 4px 0;}
img.emoji {width: 1em;}

figure.alignleft {float: left; margin: 0 14px 5px 0;}
figure.alignright {float: right; margin: 0 0 5px 14px;}

img.news-image {
	width: 280px; 
	height: 157px; 
	object-fit: cover;
	margin: 5px 10px 5px 0 !important;
	border: 1px solid #bcbcbc;
	border-radius: 3px;
	box-shadow: 2px 2px 4px #dedede;
}

img.sp-image {
    width: 155px;
    height: 135px;
    object-fit: cover;
    margin: 5px 10px 5px 0 !important;
    border: 1px solid #bcbcbc;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #dedede;
}

span.info {
    display: inline-block;
    margin: 0px 0px -5px 7px;
    width: 16px;
    height: 16px;
    background: url(images/icons/bg-info.png) no-repeat bottom left;
}
span.info:hover {background-image: url(images/icons/bg-info-col.png);}
span.infotext {
	padding: 0 10px 0 22px; 
	background: url(images/icons/bg-info.png) no-repeat center left;
}
span.infotext:hover {color: #4892eb; background-image: url(images/icons/bg-info-col.png);}
.info-notes {
	margin: 0.5em 0 0.8em; 
	padding: 0.5em; 
	color: #ffffff; 
	background-color: #A14E4F;
	border: 1px solid #7c3e00; 
	border-radius: 4px;
}
.info-notes .fa {float: right; margin: 10px 7px 7px;}
.info-notes h3, .info-notes h4 {margin: 0;}

div.pro-deti {
	float: left; 
	display: table-cell; 
	width: 25%; 
	margin-bottom: 1em; 
	text-align: center;
}
 /* Specific settings */
article.post-41582 iframe {height: 300px;}

/* form & button */
form {margin: 0; padding: 0;}
form.missform {margin: 0.5em 0 1em;}
form.missform input, .missform select {font-family: 'Open Sans', sans-serif; font-size: 0.95em;}
form.missform select {padding: 4px 3px 5px;}
form.missform label {font-weight: bold;}
form.missform label.radio {font-weight: normal;}
form.missform span.required {color: red;}
.missform .submitButton {margin-left: 4em;}

div.formtable {display: table; border-collapse:separate; border-spacing: 0.75em;}
div.formtable .row {display: table-row;}
div.formtable .row div {display: table-cell;}

.form-quickd div {margin-bottom: 1em;}
.form-quickd .frm-input {margin-bottom: 0.4em;}
.frm-amount input[type="number"] {
	width: 7em;
	padding: 5px 3px 5px 7px;
	text-align: center;
	border-radius: 4px;
}
.frm-amount .step-btn {
	width: 40px;
	height: 40px;
	margin-right: 0.5em;
	padding: 10px 14px; 
	font-weight: bold;
	border: 2px solid #ac9898; 
	border-radius: 50%;
}
.form-quickd label {margin-right: 1em;}
.form-quickd input[type="submit"] {font-size: 0.875em; font-weight: bold;}
.form-quickd input[type="text"],
.form-quickd input[type="email"]{
	width: 50%;
	padding: 4px 7px;
	border: 1px solid #797979;
	border-radius: 4px;
}
.form-quickd input[type="text"]:valid,
.form-quickd input[type="email"]:valid {border: 1px solid #7ba939;}
.form-quickd .smartform-street-and-number,
.form-quickd .smartform-city {margin-bottom: 1em;}
.form-quickd .smartform-zip {width: 30%;}

input[type="text"], input[type="email"], 
input[type="search"] {
    box-sizing: border-box;
    width: 90%;
    min-height: 2.5em;
    padding: 0 7px;
}
textarea {
    box-sizing: border-box;
    width: 90%;
    min-height: 8em;
    padding: 5px 7px;
}
select {min-height: 2.2em;}
textarea:focus {
    outline: 0;
}

.button, .button:visited, 
input[type="submit"],
input[type="reset"], 
input[type="button"], 
button {
    padding: 15px 39px;
    cursor: pointer;
    font-size: 13px;
    line-height: 13px;
    border-radius: 4px;
    color: #111;
    background-color: #CEC4C2;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.button:hover, 
input[type="submit"]:hover,
input[type="reset"]:hover, 
input[type="button"]:hover, 
button:hover {
    color: #fff;
    text-decoration: none;
    background-color: #CC1A20;
}

form.missform input[type="text"]:required:valid,
form.missform input[Type="email"]:required:valid {
  background: #fdfdfd url('images/valid.png') no-repeat 99% center;
  border-radius: 4px;
}

table.formtable {border: 0;}
.formtable td {vertical-align: middle;}
.formtable tr td:first-of-type {width: 30%; text-align: right;}
.formtable tr td.areaLabel {vertical-align: top;}
.formtable .itext {width: 330px;}
.skryty {display: none;}

table.formprihl-aktiv {
  margin: 1em 0; 
  padding-bottom: 0.5em; 
  border-top: 1px dotted #dedede; 
}
.formprihl-aktiv h4 {font-size: 1.1em; text-decoration: underline;}
.formprihl-aktiv td:first-of-type {width: 42%;}
.missform .group-num {max-width: 60px; padding: 3px 2px; text-align: center;}
.missform .submit {float: right;}

#searchform.page-search {
	float: left;
	margin-bottom: 1em;
	padding: 1em;
	width: 70%;
	border: 1px solid #e4d8d3;
	border-radius: 0.5em;
}
#searchform.page-search #s {width: 100%;}
#searchform.page-search .searchbutton {margin-top: 1em;}

/* Tables */
td.varsymb {width: 10%;}
table.alignleft {float: left; width: auto; margin-bottom: 0;}
table.alignleft td {padding: 6px 8px 6px 0;}


/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/* Separator */
.spacer {
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    width: 100%;
    clear: both;
}

.separator {
    display: block;
    height: 30px;
    padding: 0 0;
    margin-bottom: 14px;
    text-align: center;
    width: 100%;
    clear: both;
}


/* Search result */
.searchresult {display: table;}

article.searchbox {
    display: table-cell;
    width: 45%;
    min-height: 340px;
    margin: 0 0 1em;
    padding-bottom: 1em;
    border-bottom: 1px dotted #efefef;
}
article.searchbox:nth-child(even) {float: left;}
article.searchbox:nth-child(odd) {float: right;}
article.searchbox p {text-align: justify;}


/*======= 5.1. BLOG =======*/

.sticky .posttitle{ padding-left:30px}

.post, #searchresult .page, #searchresult .hentry {
    clear: both;
    margin-bottom: 2em;
}

.main.nocontent .page{ margin-bottom:0px;}

.post:first-child .postimg { margin-top:5px;}
.postimg { margin-bottom: 23px;}
.postimg img {display: block; width:100%; height:auto}

article.type-event .singleimage {float: right; margin-left: 0.75em;}
article.type-event .singleimage img {border: 1px solid #aaa; border-radius: 2px; box-shadow: 1px 1px 3px #dedede;}

.post .button {
    margin: 10px 0;
    display: inline-block;
    float: left;
}


#singlepost .post {
    margin-bottom: 0px;
}

.single #singlepost .entry-utility{ display:none}
.entry-utility {
    font-size: 12px;
    margin: 3px 0px 16px 0px;
    padding: 0px 0px 0px;
    line-height: 22px;
}

.entry-space {
    font-size: 12px;
    margin: 3px 0px 16px 0px;
    padding: 0px 0px 0px;
    line-height: 22px;
}

.entry-utility div {
    display: inline-block;
    line-height: 100%;
}

.entry-utility .text-sep{margin: 0 5px;}

.posttitle {
    margin: 0 0 0px 0;
    word-wrap: break-word;
	font-weight:normal;
}

.single .entry-content {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.single .entry-content.nometa {
    border: 0px;
    margin: 0px 0 45px 0;
    padding: 0px;
}

.last .entry-content {
    margin-bottom: 15px;
}

.entry-content {
    margin: 0px;
    padding: 0 0 0px 0;
    word-wrap: break-word;
}

#postattachment .entry-utility {
    width: 100%;
    float: none;
    padding: 0;
}

.entry-attachment {
    margin-bottom: 20px;
}

div.akce-info {margin-top: 1em;}

body.category-galerie article.tanbox {
	display: block;
	float: left;
	width: 18%;
	min-height: 24em;
	padding: 0 0.7em;
}
body.category-galerie h2.post-title {height: 2.5em; text-align: center; overflow: hidden;}
body.category-galerie .tanbox a img.wp-post-image,
body.category-galerie img.videothumb {float: none; display: block; margin: 0 auto 0.5em;}
body.category-galerie span.post-times {display: none;}
body.category-galerie p.gallery-excerpt {text-align: justify;}

span.divider:last-of-type {display: none;}

/* Post Format */

.entry-gallery .flexslider {
    margin-bottom: 0px;
}

.entry-quote{ margin-bottom:0px;}
.entry-quote .entry-content, .format-aside .entry-content, .format-link .entry-content{ margin:0px;}

.entry-quote blockquote {
    padding:0px 0 0 20px;
    font-size: 16px;
    margin: 0px;
	line-height:24px;
}
.entry-quote .info{display:inline-block;}
.entry-quote blockquote:before {
    top: -5px;
    left: -40px;
	font-size: 3.2em;
}

.entry-quote .quote-text {
    padding: 0;
    position: relative;
}

.entry-quote .quoteinfo{ 
	font-size:13px; 
	font-style:normal;
	margin-top:9px;
}

.format-video .mediacontainer {
    margin-bottom: 17px;
	position: relative;
	padding-bottom: 40%;
	padding-top: 25px;
	height: 0;
}
.single .mediacontainer{ margin-bottom:17px!important;}
.format-audio .mediacontainer  {
    margin-bottom: 17px;
	position: relative;
	padding-bottom: 40%;
	padding-top: 25px;
	height: 0;
}

.mediacontainer iframe, .mediacontainer object, .mediacontainer video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* author */

h2.title-author {
    font-size: 16px;
}

#entry-author-info {
    clear: both;
    margin-bottom: 74px;
    position: relative;
    padding: 25px 30px 30px 30px;
}

#entry-author-info #author-avatar {
    margin: 0 0 30px 0;
    position: absolute;
    top: 64px;
    left: 30px;
}

.archive #entry-author-info {
    clear: both;
    margin-bottom: 44px;
    position: relative;
    padding: 20px 30px 30px 30px;
}


.archive #entry-author-info #author-avatar {
    position: absolute;
    top: 23px;
    left: 30px;
}

.avatar {
    display: block;
    padding: 0px;
	width:80px;
	height:80px;
}

#entry-author-info #author-description {
    margin: 0px 0px 0px 100px;
    vertical-align: top;
}

#entry-author-info .author-title{ 
	font-size:14px; 
	text-transform:uppercase;
	margin-bottom:15px;
	line-height:normal;
}

#entry-author-info #author-description  h2 {
    font-size: 14px;
	font-weight:600;
    margin-bottom: 10px;
}

#author-description span.author {
    display: block;

}

div.issuuembed {max-width: 100%;}

/* attachment pages wordpress */

.attachment .entry-content .entry-caption {
    font-size: 140%;
    margin-top: 24px;
}

.attachment .entry-content .nav-previous a:before {
    content: '\2190\00a0';
}

.attachment .entry-content .nav-next a:after {
    content: '\00a0\2192';
}

.wp-caption {
    margin-top: 0.4em;
}

.wp-caption {
    margin: 0 0 20px 0;
    padding: 0;
    max-width: 100%;
    display: block;
}

.wp-caption img {
    margin: 0;
}

.wp-caption .wp-caption-text,

.gallery-caption {
    font-size: 12px;
    font-style: italic;
}

.wp-caption .wp-caption-text {
    margin-bottom: 0;
    padding: 8px 0 0 0;
    position: relative;
}

img#wpstats {
    display: block;
    margin: 0 auto 1.625em;
}

.tag-links {
    padding: 10px 0;
    display: block;
}

/* navigation  */

.navigation {
    line-height: 20px;
}

.navigation a:link,
.navigation a:visited {
    text-decoration: none;
}

.navigation a:active,
.navigation a:hover {
}

.nav-previous {
    float: left;
}

.nav-next {
    float: right;
    text-align: right;
}

.nav-previous a, .nav-next a {
    font-size: 12px;
    padding: 8px 0;
}

#nav-above {
    margin: 0 0 18px 0;
}

#nav-above {
    display: none;
}

.paged #nav-above,

.single #nav-above {
    display: block;
	
}

.single #nav-below {margin: 13px 0 40px 0;}

#nav-below {
    padding: 10px 0 0 0;
    font-size: 12px;
    margin: 13px 0 30px 0;
    clear: both;
    text-align: right;
}


/* Tag */
.tagcloud a {padding: 0px 3px;}

.entry-tag {
    clear: both;
	padding: 10px 0;
	font-size:12px;
}

.tag-items {
    display: inline;
}

.tag-items span {
    display: inline-block;
    padding: 0px 5px 0 0;
}

.tag-items span:after {
    color: #606060 !important;
    content: ",";
    cursor: default;
    font-weight: 400;
    margin: 0 0px;
}
.tag-items span:last-of-type:after {
    display: none;
}


.page-links{ font-size:12px; margin-top:15px}
.page-links span {display: inline-block;}

img.support {float: right;}
input[type="text"].copy-text {display: none;}
i.fa-clipboard {
	margin: 0 0.7em; 
	color: #888;
	padding: 6px;
	border: 1px solid #adadad;
	border-radius: 50%;
	transition: color ease-in 1s;
}
i.fa-clipboard:hover,
i.fa-clipboard:focus {color: #4e95ec; border-color: #6a9fc3;}
i.fa-clipboard:active {color: green; border-color: green;}
img.wpkqcg_qrcode {display: block; margin: 0 auto;}

/*======= 5.2. WIDGET =======*/

.widget-title {
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0 0 0.6em;
  text-align:left;
}

.widget_text .widget-title { margin-bottom:20px;}


.widget-subtitle{
  font-size: 13px;
  text-transform: none;
  font-weight: normal;
  line-height: 22px;
  display: block;
  padding: 19px 0 0px;
}

.widget-area img.wp-post-image, 
.widget-area img.nggwi {
	border: 1px solid #bcbcbc;
	border-radius: 2px;
	box-shadow: 1px 1px 3px #dedede;
}

#footer .widget_calendarium_widget a:link, 
#footer .widget_calendarium_widget a:visited {color: #dee5ea;}
#footer .widget_calendarium_widget a:hover {color: #49AAED;}

table.prices, table.livestats {font-family: 'Source Sans Pro', sans-serif; font-size: 0.925em; margin-top: 10px;}
table.prices td, table.livestats td {padding: 2px 5px 2px 0; border-bottom: 1px solid #fdeded;}
table td.stat-number {text-align: right; }
p.wdesc {font-style: italic;}

.widget_mfoto_widget span.gallery-link {display: block; float: right; margin-top: 0.5em;}
.widget_mfoto_widget img.nggwi {width: 48%;}
.widget_mfoto_widget img.nggwi:nth-of-type(2) {float: right;}


/* 6. SIDEBAR 
-------------------------------------------------------------------*/

#sidebar {
   margin-top: 1em;
   padding-left: 0px;
}

#sidebar .widget-container {
   margin-bottom: 30px;
   padding: 0;
   overflow: hidden;
}

#sidebar .widget-container div.clearfloat {
   margin-bottom: 1em;
}
#sidebar .widget-container div.clearfloat:last-of-type {
   margin-bottom: 0;
}

#sidebar .widget-title {
   padding: 0;
   margin: 0 0 0.6em;
   font-size: 1.4em;
   font-weight: bold;
   line-height: 1.5em;
   letter-spacing: 0.05em;
   text-transform: uppercase;
   color: #DF2636;
   border-bottom: 1px dotted #333;
}
#sidebar .widget-title a {color: #DF2636;}

#sidebar .widget-container .title {
   margin: 0.5em 0 0;
   font-weight: bold;
   font-size: 1.1em;
   line-height: 1.4em;
   letter-spacing: 0.1em;
}

#sidebar .title a {color: #333; transition: color 0.5s;}
#sidebar .title a:hover, #sidebar .title a:focus {color: #ed1b24;}

#sidebar .widget_materials_widget h4.title {text-align: center;}
#sidebar a.matthumb img {display: block; margin: 0px auto 7px;}
#sidebar .videoframe {display: block; margin: 5px auto;}

#sidebar ul {
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
}

#sidebar ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul#menu-cataloque-menu li {margin: 3px 0;}
ul#menu-cataloque-menu ul.sub-menu li {margin: 2px 0;}
ul#menu-cataloque-menu ul.sub-menu li a {padding-left: 1em;}
ul#menu-cataloque-menu li a {display: block; width: 100%; color: #555; padding-left: 0.5em;}
ul#menu-cataloque-menu li a:hover, ul#menu-cataloque-menu li a:active {
  color: #DF2636;
  background: linear-gradient(to right, #E59293 0%,#f1f1f1 1%,#fafafa 100%);
}
ul#menu-cataloque-menu li.current-menu-item a,
ul#menu-cataloque-menu li.current-mismaterial-parent a {color: #232323; text-decoration: underline;}
ul#menu-cataloque-menu li.current-menu-item ul li a {color: #555; text-decoration: none;}
ul#menu-cataloque-menu li.menu-item-48581 ul.sub-menu {display: none;}
ul#menu-cataloque-menu li.menu-item-48581.current-menu-parent ul.sub-menu,
ul#menu-cataloque-menu li.menu-item-48581.current-menu-item ul.sub-menu {display: block;}


/* 7. FOOTER
-------------------------------------------------------------------*/
#footer .fcolumn {
    float: left;
    position: relative;
    display: table-cell;
    width: 25%;
    min-height: 20em;
    margin: 0;
    padding: 0 0.6em 0 1.5em;
    border-left: 2px dotted #f4f4f4;
    box-sizing: border-box;
}
#footer #footer1 {padding-left: 0; border-left: none;}
#footer #footer4 {
	float: right;
	width: 24%;
	margin: 0; 
	padding: 0 0 0 2em;
}

.footersidebars ul {margin: 0; padding: 0;}
.footersidebars ul li {list-style-type: none;}
.footersidebars ul li:first-of-type {padding-top: 0;}

.footersidebars .widget-container {
    padding: 0px 14px 0px 0px;
    color: #f2f2f2;
}

.footersidebars .widget-title {
    margin-bottom: 10px;
    font-size: 1.2em;
	color: #B8D0DA;
    text-transform:uppercase;
	text-shadow: 1px 1px 3px #494949;
}

#footer li a, #footer a.mail-link {color: #f7f7f7;}
#footer li a:hover, #footer a.mail-link:hover {color: #49AAED;}
span.link-text {font-size: 1.05em; text-shadow: 1px 1px 1px #454545;}
#footer span.desc {display: block; font-size: 0.85em; line-height: 1.15;}
.idea {margin-top: 0.5em;}
.widget_usefullinks_widget ul li {padding: 0 0 7px;}

ul.net-links li {clear: both;}
.net-icon {width: 32px; height: 32px; float: left; margin: 8px 5px 6px 0;}
.kino {background: url('images/icons/ikona-kino-w.png') no-repeat;}
.fb {background: url('images/icons/ikona-fb-w.png') no-repeat;}
.tw {background: url('images/icons/ikona-tw-w.png') no-repeat;}
.yt {background: url('images/icons/ikona-yt-w.png') no-repeat;}
.inst {background: url('images/icons/ikona-inst-w.png') no-repeat;}
a:hover .kino {background-image: url('images/icons/ikona-kino.png');}
a:hover .fb {background-image: url('images/icons/ikona-fb.png');}
a:hover .tw {background-image: url('images/icons/ikona-tw.png');}
a:hover .yt {background-image: url('images/icons/ikona-yt.png');}
a:hover .inst {background-image: url('images/icons/ikona-inst.png');}

#footer .copyrighttext, #footer .missio-family {
	position: absolute;
	bottom: 15px;
	color: #c9c9c9;
	font-size: 0.9em;
}

/* Mediální nouzovka */
.partners {margin-bottom: 10px;}
.partners .logos {display: flex;}
.logos .proglas {margin-left: 1.2em;}



/* 9. PLUGIN
-------------------------------------------------------------- */

/* WP-PageNavi  Plugin  */
.wp-pagenavi {
    padding: 0;
    font-size: 12px;
    margin: 1em 0 1.5em;
    text-align: center;
    clear: both;
}
.wp-pagenavi .pages {
    padding-right: 10px;
    border: 0px;
}
div.wp-pagenavi a, div.wp-pagenavi a:visited,
div.wp-pagenavi span.current {
    display: inline-block; 
    width: 1.7em;
    height: 1.7em;
    padding: 5px;
    margin: 0 3px 0 0;
    line-height: 20px;
    border: 1px solid #ababab;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

div.wp-pagenavi span.pages {
    padding-left: 0px;
    margin-left: 0px;
}
div.wp-pagenavi span.extend {margin-right: 3px;}
div.wp-pagenavi a:hover {border-color: #E34B4D;}
div.wp-pagenavi span.current:hover {border-color: #111;}

/*.wp-pagenavi span{ border:0px!important;}*/
.wp-pagenavi a.last, .wp-pagenavi a.last:hover, 
.wp-pagenavi a.first, .wp-pagenavi a.first:hover{width: auto; border: 0px!important; background:transparent}

/* WP External links */
a.wpel-icon-right {padding-right: 15px; background: url('images/icons/wpel-icon.png') no-repeat right center;}
a.wpel-icon-right:hover {background: url('images/icons/wpel-icon-hover.png') no-repeat right center;}

/* WP Mailto links */
span.wpml-rtl {padding-right: 15px; background: url('images/icons/mail-icon.png') no-repeat right 9px;}
span.wpml-rtl:hover {background: url('images/icons/mail-icon-hover.png') no-repeat right 9px;}
#footer4 span.wpml-rtl:hover {background-image: url('images/icons/mail-icon-blue.png');}

/* EG Attachments */
article .attachments {display: table; width: 100%; margin-top: 1.5em; line-height: 1.3; box-sizing: border-box;}
.attachments div.attachlink {display: table-cell; float: left; margin-bottom: 10px;}
.attachments .twocols div.attachlink {width: 50%;}
.attachments .onecol div.attachlink {width: 100%;}
.attachments img.att-ico {display: inline-block; vertical-align: top; border: none;}
.attachments span.att-title {display: inline-block; margin-top: 5px;}
.attachments span.ftype {font-size: 0.9em; padding-left: 5px; text-transform: uppercase; vertical-align: middle;}

/* Custom Facebook feed */
p.cff-media-link {font-size: 0.9em;}
#cff .cff-item {padding: 10px 0;}
#cff .cff-item:last-of-type {border-bottom: none !important;}


/* missiocz  - Katalog */
.showkat-view {float: none; margin: 5px 0 10px; border-top: 1px solid #999;}
.showkat-view h3.labelkat {margin: -8px 0 4px 15px; padding-left: 15px; background-color: #fff; color: #555;}
.showkat-view h3#periodika {width: 80px;}
.showkat-view h3#disky {width: 70px;}
.showkat-view h3#predmety {width: 130px;}
.showkat-view h3#publikace {width: 150px;}
.showkat-view h3#vyuk {width: 140px;}
#katalog-view {display: table; margin-top: 10px; width: 100%; box-sizing: border-box;}
#katalog-view .katalog-category {display: table-cell; width: 137px; height: auto; margin: 3px 2px;}
#katalog-view .katalog-category a {display: block; margin: 5px; padding: 0;}
#katalog-view .katalog-category a img {display: block; margin: 0 auto; padding: 2px; border: 1px solid #adadad;}

h4.bottom-line {padding-bottom: 5px; border-bottom: 1px solid #ededed;}
#popular-view .strip {display: table-row;}

.matbox {
	float: left;
	display: table-cell;
	box-sizing: border-box;
	margin: 5px 0 10px;
	padding: 8px 10px;
	border: 1px solid #fdfbfb;
}

.matbox:hover {
  border: 1px solid #efefef;
  border-radius: 4px;
  background-color: #fcfcfd;
  background: -webkit-linear-gradient(#f8f8f9, #fdfdfe);
  background: linear-gradient(#f8f8f9, #fdfdfe);
}
#katalog-view .matbox {
  width: 25%;
  min-height: 28em;
}
#popular-view .matbox {
  width: 20%;
}
#interested {clear: both;}
#katalog-overview {display: flex; flex-wrap: wrap; justify-content: space-between;}
#katalog-overview .matbox {display: block; float: none; width: 25%;}
#katalog-overview .overview {text-align: center; min-height: auto;}
.matbox span.mcategory {font-size: 1.1em; font-weight: bold;}

.matbox .slide-img {
	position: relative;
	display: block;
	width: 150px;
	height: 160px;
	margin: 0 auto;
	overflow: hidden;
}
.matbox .slide-img img {
	position: absolute; 
	top: 0;  
	left: 0;
	max-width: 100%;
}

.slide-img .size-thumbnail {
	-webkit-animation: showMe 4.2s ease-in-out infinite;
	-webkit-animation-play-state: paused;
	-webkit-animation-direction: alternate;
	animation: showMe 4.2s ease-in-out infinite;
	animation-direction: alternate;
	animation-play-state: paused;
}

@-webkit-keyframes showMe {
	0% {opacity: 1;}
	30% {opacity: 1;}
	75% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes showMe {
	0% {opacity: 1;}
	30% {opacity: 1; }
	75% {opacity: 0; }
	100% {opacity: 0; }
}

.matbox .slide-img img:nth-child(1){
	z-index: 9;
}
.matbox .slide-img img:nth-child(2){
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s;
	z-index: 8;
}
.matbox .slide-img img:nth-child(3){
	-webkit-animation-delay: 3.4s;
	animation-delay: 3.4s;
	z-index: 7;
}
.matbox:hover .slide-img img {
	animation-play-state: running; 
	-webkit-animation-play-state: running;
}

.matbox h3.title {margin-top: 8px; min-height: 2.5em; text-transform: none; text-align: center;}
.matbox .mat-pocet, .matbox .pocet {text-align: center;}
.matbox .pkusu, .mismaterial .pkusu {
  box-sizing: border-box;
  width: 4em;
  height: 2.7em;
  padding: 5px;
  text-align: right;
  border: 1px solid #bbb;
  border-radius: 4px;
  background-color: white;
}
#pocet-vel .pkusu {height: 2.3em;}
.matbox div.mmthumb {width: 100%;}
.matbox div.mmthumb img {display: block; margin: 3px auto; padding: 1px; border: 1px solid #ddd; border-radius: 3px;}
.matbox .idmm {margin: 5px 0; text-align: center; color: #787878;}
.matbox .mmex {display: block; margin: 2px auto 4px; line-height: 1.3;}
.matbox .mat-text {
    height: 7em;
	margin: 10px 0;
    padding: 5px 10px; 
    font-size: 0.9em; 
    line-height: 1.3;
	border-bottom: 1px dotted #dedede;
}
article.type-mismaterial .idmm {margin-bottom: 7px;}

#kosik_widget-2 img.cimg {margin: 7px 7px 0 0; float: right;}

body.single-mismaterial .order,body.single-mismaterial .order-vel  {clear: both; padding-top: 10px;}
body.single-mismaterial .order h4, body.single-mismaterial .order-vel h4 {text-transform: uppercase;}
.order input.submitOrder, .order-vel input.submitOrder {
  margin-left: 15px;
  padding: 3px 7px 3px 30px;
  border: 1px outset #dedede;
  border-radius: 4px;
  background-image: url(images/icons/shopping-cart.png);
  background-repeat: no-repeat;
  background-position: 5% 40%;
  cursor: pointer;
}
.order input.submitOrder:hover, .order input.submitOrder:focus,
.order-vel input.submitOrder:hover, input.katsubmitOrder:hover {
  background-image: url('images/icons/shopping-cart-w.png');
}
input.submitOrder:active, input.katsubmitOrder:active {
  border: 1px inset #ddd;
}

.order-vel input.submitOrder {clear: both; float: left; margin: 10px 0;}
input.skryty {display: none;}
body.single-mismaterial #pocet-vel p {margin: 10px 0 3px;}
#pocet-vel div {float: left; margin-bottom: 5px;}
#pocet-vel div:nth-child(odd) {margin: 0 11px 5px;}
body.tax-kategoriemm p.pocet {margin: 7px 0; text-align: center; line-height: 1.3;}
.katsubmitOrder {
  width: 3.1em;
  height: 2.7em;
  margin-left: 4px;
  padding: 0 0 0 7px;
  border-radius: 4px;
  border: 1px solid #cecece;
  background-color: #e2e2e2;
  cursor: pointer;
  box-shadow: 1px 1px 1px #ededed;
}
.katsubmitOrder .fa-shopping-cart {font-size: 1.3em;}
.katsubmitOrder:hover .fa-shopping-cart::before {content: "\f218";}
.katsubmitOrder input {height: 0.5em; padding: 0; border-radius: 0; background-color: transparent;}

#mat-add {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 45%;
	margin: 5px 20px;
	padding: 7px;
	color: #111;
	text-align: center;
	background-color: #e9cc9d;
}
#mat-add span.closeB {
	display: block;
	float: right;
	margin: 0 10px;
	padding: 0 7px;
	font-weight: bold;
	border: 1px solid #777;
	border-radius: 50%;
	background-color: #e9cc9d;
	box-shadow: 0px 1px 3px #aaa;
	cursor: pointer;
}
#mat-add span.closeB:hover {
	color: white;
	background-color: #db8d53;
	box-shadow: 0px 1px 3px #fefefe;
}

table.tableCart {margin-bottom: 10px; border: 1px solid #dedede;}
table.tableCart tr.carthead {background-color: #bdbdbd;}
table.tableCart tr:nth-of-type(odd) {background-color: #f5f5f5; padding: 2px 0;}
table.tableCart th {font-weight: bold; padding: 4px 2px; text-align: center; text-transform: none;}
table.tableCart th.singlePrice, table.tableCart td.singlePrice {display: none;}
table.tableCart th.mid {width: 12%;}
table.tableCart th.mat {text-align: left; padding-left: 8px;}
table.tableCart th.mks {width: 14%;}
table.tableCart td {padding: 2px 5px;}
table.tableCart td.mks, table.tableCart td.sklad, table.tableCart td.ikusu,
table.tableCart td.mod {text-align: center;}
table.tableCart div.jtext {float: left; font-size: 10px;}
table.tableCart button, .orderCart input[type="submit"] {
  border: 1px outset #dedede; border-radius: 4px;
}
table.tableCart button.del {color: #DB3226; padding: 5px 10px; font-weight: bold;}
table.tableCart button.del:hover {color: #fff;}
form.orderCart input.mkusu {
  width: 2.75em;
  margin: 0 auto;
  padding: 3px 0 3px 5px;
  text-align: center;
  border: 1px groove #aaa;
  border-radius: 3px;
}
div.recalc {overflow: hidden;}
form.orderCart input.eraseOrder {float: left;}
form.orderCart input.calculateOrder {float: right; margin-right: 10px;}
form.orderCart textarea.cartNotes {clear: left; width: 97%;}
.cart-button {display: flex; justify-content: space-between; margin-top: 1em;}
.backToKatalog, .confirmOrder, .cart-button input[type="submit"] {
  display: block;
  float: left;
  margin: 5px; 
  padding: 5px 10px; 
  background-color: #dedede; 
  border: 1px ridge #bbb;
  border-radius: 4px;
}
.cart-button input.clean-button {
	padding-left: 30px;
	background-image: url('images/icons/shopping-cart-empty.png');
	background-repeat: no-repeat;
	background-position: 5% 40%;
}
.confirmOrder, .confirmOrder2 {float: right;}
.backToKatalog:hover {background: linear-gradient(to bottom, #dedede 0%, #e6e2cd 100%);}
.confirmOrder:hover {background: linear-gradient(to bottom, #e6e6e6 0%, #cebdbd 100%);}
.cart-button input[type="submit"]:hover {color: red; background-image: url('images/icons/shopping-cart-empty-r.png');}
.main-order-data {width: 75%;}
input.left-margin {margin-left: 2em;}
.materials-costs {
	width: 80%;
	margin: 0 auto;
	padding: 0.5em;
	text-align: center;
	background-color: #e3e3e3;
}
.materials-costs .costs-amount {font-size: 1.6em;}
.order-matthumbs {
	position: absolute; 
	width: 21%; 
	right: 1%; 
	top: 145px;
	display: flex; 
	flex-wrap: wrap; 
	gap: 1px;
}
.order-matthumbs img.attachment-thumbnail {display: block; width: 47%;}
#dary-widget {
	position: absolute;
	top: 37%;
	right: 1%;
	width: 21%;
	padding: 1em 0.5em;
	border: 1px solid #aaa;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 1px 2px 3px #aaa;
}
#vysedaru {display: flex; justify-content: space-between; flex-wrap: wrap;}
#vysedaru label {
	display: inline-block;
	width: 44%;
	height: 40px;
	margin: 5px;
	font-size: 1.1rem;
	font-weight: bold;
	color: #757575;
	text-align: center;
	line-height: 40px;
	border: 1px solid #cacaca;
	border-radius: 3px;
	cursor: pointer;
}
#zpusobdaru label {
	display: block;
	margin: 5px;
	padding: 5px 7px 5px 40px;
	color: #757575;
	font-weight: bold;
	border: 1px solid #cacaca;
}
#dary-info input[type="radio"] {display: none;}
#vysedaru label[for="nedar"] {font-size: 0.95rem; line-height: 1.2; padding-top: 5px;}
#dary-info input[type="radio"]:checked + label {color: #3362bd; border-color: #3362bd; background-color: #ebf0f9;}
#jinyDar {display: none;}
#vysedaru #jinyDar label {width: 100%; height: 1.5em; font-size: 1em; border: none; line-height: 1;}
#jinyDar input {width: 75%;}
input#jdar:checked ~ #jinyDar {display: block; margin: 0 auto 0.5em;}
#objbuttons {margin-top: 1em; width: 75%;}
#objbuttons .buttons {display: flex; justify-content: space-between;}

/* Events Manager */
body.page-id-48414 #event-form input.em-date-start,
body.page-id-48414 #event-form input.em-date-end {width: 150px;}
body.page-id-48414 #em-location-data table.em-location-data select {width: 90%;}
body.page-id-48414 #em-location-data .em-location-map-container {width: 48%; border: 1px solid #ffe1de;}
body.page-id-48414 #event-form .event-extra-details select {width: 45%;}
#em-location-data table.em-location-data td, 
#em-location-data table.em-location-data th {text-align: left;}
table.events-table {margin-top: 2.5em; border-collapse: collapse;}
table.events-table th {padding: 5px 7px; text-align: left; font-size: 1em; background-color: #ddd;}
table.events-table tr {border-bottom: 1px dashed #dedede;}
table.events-table tr.first {border-bottom: none;}
table.events-table tr:hover {background-color: #FCF5F5;}
table.events-table td {padding: 7px 7px 0; text-align: left; }
table.events-table td.ev-date {width: 12%; vertical-align: middle;}
table.events-table td.ev-location {font-style: italic; vertical-align: middle;}
table.events-table h5 {margin: 0.3em 0 0;}
table.events-table p.ev-desc {margin: 0 0 0.3em; font-size: 0.95em;}
.em-location-map-container {border: 1px solid #e5e5e5;}
#sidebar li.event-title {font-family: 'Titillium Web', 'Open Sans', Arial, sans-serif; font-size: 1em; margin: 0.5em 0 0; font-weight: bold; letter-spacing: 0.1em; line-height: 1.25;}
#sidebar li.event-title a:link, #sidebar li.event-title a:visited {color: #333;}
#sidebar li.event-title a:hover {color: #DF2636;}
.em span.em-icon {margin-right: 10px;}
.leaflet-popup-content li {margin-left: 10px;}

/* Social Icons Widget */
.simple-social-icons ul { margin-top:9px!important;}


/* Widget Page Nav*/

.page-numbers a,
.page-numbers span {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

/* 
 * Other css class
 */
.hide {display: none;}
.show {display: block;}
embed, iframe, object {
    max-width: 100%;
}
.left {float: left;}
.right {float: right;}
.lowercase {text-transform: lowercase;}
.normal {font-weight: normal;}