/*!
Theme Name: Pano Guide
Theme URI: http://infoshopping.cz/
Version: 2.15
Description: Customized version of CityGuide theme by WooThemes.
Author: Lop
Author URI: https://lop.cz
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: woothemes
*/

/* webfonts */
@font-face {
	font-family: 'Engebrechtre-Bold';
	src: url('/_common/fonts/Engebrechtre-Bold.eot');
	src: url('/_common/fonts/Engebrechtre-Bold.eot?#iefix') format('embedded-opentype'), url('/_common/fonts/Engebrechtre-Bold.woff2') format('woff2'), url('/_common/fonts/Engebrechtre-Bold.woff') format('woff'), url('/_common/fonts/Engebrechtre-Bold.ttf') format('truetype'), url('/_common/fonts/Engebrechtre-Bold.svg#wf') format('svg');
	font-weight: bold;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('https://netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.eot?v=3.2.1');
  src: url('https://netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),
    url('https://netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.woff?v=3.2.1') format('woff'),
    url('https://netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/*------------------------------------------------------------------------------
INDEX:
0. RESET

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Featured Content
-2.5 Content
-2.6 Sidebar
-2.7 Footer

3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets
-4.3 WooTabs

5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form

6. MISC
-6.1 Buttons
-6.2 Ratings
-6.3 Info Boxes
-6.4 Conatct Form Page
-6.5 Reusable Patterns

7. PLUGINS
------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/* RESET */
/*----------------------------------------------------------------------------*/

/* reset.css v2 mod */
html {margin:0; padding:0; border:0}
body, div, span, embed, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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, details, figcaption, figure, footer, header, main, nav, section, summary, canvas, ruby, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {display:block}
audio, canvas, video {display:inline-block; max-width: 100%}
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}

/* normalize.css */
a:focus {outline:thin dotted}
a:active, a:hover {outline:0}
small {font-size:80%}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sup {top:-0.5em}
sub {bottom:-0.25em}
img {border:0} 
button, input {line-height: normal}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer}
button[disabled], html input[disabled] {cursor:default}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0}
textarea {overflow:auto; vertical-align:top}

/*----------------------------------------------------------------------------*/
/* GENERAL STYLES */
/*----------------------------------------------------------------------------*/

/* Floating & Alignment */
.fl{float:left}
.fr{float:right}
.ac{text-align:center}
.ar{text-align:right}

/* The Magnificent Clearfix */
.fix:before, .fix:after,
.col-full:before, .col-full:after {content:"\0020"; display:block; height:0; overflow:hidden}
.fix:after, .col-full:after {clear:both}

/* Micro Clearfix */
.cf:before, .cf:after {content:""; display:table}
.cf:after {clear:both}

.clear {clear:both}

/* Assistive text */
.screen-reader-text {position:absolute !important; clip:rect(1px,1px,1px,1px)}

::-moz-selection {background-color:#585A5B; color:#fff; text-shadow:none}
::selection      {background-color:#585A5B; color:#fff; text-shadow:none}

/*----------------------------------------------------------------------------*/
/* 1. SETUP */
/*----------------------------------------------------------------------------*/

/* 1.1 Defaults */
body { font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #555; background-color: #fafafa; }
h1, h2, h3, h4, h5, h6 { margin: 0; color: #444; font-weight:bold; }
h1 {font-size: 22px}
h2 {font-size: 22px}
h3 {font-size: 18px}
h4 {font-size: 15px}
h5 {font-size: 13px}
h6 {font-size: 12px}
p { margin: 0; font-size:12px; line-height:18px; color: #444; }
hr { background-color: #e6e6e6;	border:0; height: 1px; margin-bottom: 20px; }
input, textarea { padding: 7px 0 7px 7px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}

/* 1.2 Hyperlinks */
a { color:#4D99BF; text-decoration:none }
a:hover {text-decoration:underline}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:underline}


/*----------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*----------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */
body.admin-bar { position: relative }
#wrapper { border-top:5px solid #868D92; padding:0; }
.branded #wrapper { width: 1000px; max-width: 100%; margin: 0 auto; position: relative; z-index: 2; }

#content-wrapper {background-color: #f8f8f8}

#main {width:620px}
.full-width #main {width: 940px}

#sidebar {width:300px}
#sidebar .secondary {width:140px} 

.col-left {float:left}
.col-right {float:right}
.col-full {width: 940px; margin: 0 auto}

/* 2.2 Navigation */
#navigation-outer {
	background: #eee url('images/navigation-outer-bg.jpg') repeat-x left top;
	background-image: -webkit-linear-gradient(top, #fafafa 3px, #eee 46px);
	background-image: linear-gradient(to bottom, #fafafa 3px, #eee 46px);
	border-bottom: 1px solid #fff; border-top: 1px solid #e7e6e7;
}
#navigation {font:14px/14px Helvetica, Arial, sans-serif; border-bottom:1px solid #e7e6e7;}

/* 2.2.1 Drop-down menus */
/* (Superfish menu) */
.nav, .nav * { margin: 0; padding: 0; list-style: none; }
.nav li { position: relative; }
.nav ul { position: absolute; display: none; top: 100%; left: -1px; z-index: 99; }
.nav > li { float: left; border-left: 1px solid #e3e3e3; }
.nav li:hover > ul,
.nav li.sfHover > ul { display: block; }
.nav a { display: block; position: relative; }
.nav ul ul { top: -1px; left: 100%; }
/*.nav { float: left; }*/
.nav ul {
	box-shadow: 2px 1px 2px rgba(0,0,0,.12);
	min-width: 13em;
	border-top: 1px solid #dbdbdb;
}
.nav a {
	color: #333;
	border-left: 1px solid #fff;
	border-top: 1px solid #f9f9f9;
	border-top: 1px solid rgba(255,255,255,.8);
	padding: 1.5em 1.666em;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-shadow: 0 1px 0 #fff;
}
.nav ul a {
	color: #555;
	font-size: 11px;
	padding: 0.5em 1em;
}
.nav li {
	background: transparent;
	white-space: nowrap;
	-webkit-transition: background .15s;
	transition: background .15s;
}
.nav ul li {
	background: #eee;
	border-bottom: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
}
.nav li:hover,
.nav li.sfHover {
	background: #eee;
	-webkit-transition: none;
	transition: none;
}
.nav ul li:hover,
.nav ul li.sfHover {
	background: #e8e8e8;
}
.nav > li.current-menu-item, .nav > li.current-menu-ancestor { background: #eee; }
.nav ul li.current-menu-item, .nav ul li.current-menu-ancestor { background: #e8e8e8; }

/* Nav arrows (Superfish) */
.sf-arrows .sf-with-ul { padding-right: 2.5em; }
/* styling for down-facing arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -1px;
	margin-right: 2px;
	height: 0;
	width: 0;
	border: 4px solid transparent;
	border-top-color: #bbb;
	border-top-color: rgba(137,137,137,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: #999; }
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -4px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #aaa;
	border-left-color: rgba(137,137,137,.7);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: #888; }

/* 2.3 Header */
#header {padding:46px 0 32px; clear:both; position:relative}
#header-outer {
	background: #fff url('images/header-outer-bg.jpg') repeat-x left bottom;
	background-image: -webkit-linear-gradient(top, #fff, #eee);
	background-image: linear-gradient(to bottom, #fff, #eee);
}

#logo { background:transparent url('images/siteicon.png') no-repeat left 5px; float:left; padding-left:42px; }
#logo .site-title { color:#000; font-family: 'Engebrechtre-Bold', Georgia, serif; display: block; }
#logo .site-title a { color:#222; font-size:42px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; }
#logo .site-title a:hover { text-decoration:none }
#logo .site-title a span { background-color:#B4BBBF; border-radius:14px; color:#fff; display:inline-block; font-size:28px; height:28px; left:-7px; line-height:23px; padding:0 12px 0; position:relative; top:-3px; text-shadow:1px 1px #585A5B }
#logo .site-title a:hover span {background-color:#868D92}
#logo .site-description, 
#author-box .site-description { color: #808080; font: italic 16px Cambria, Georgia, serif; display: block; margin-top: 4px; text-shadow: 1px 1px #fff; }

#topad {float:right}

p.rss {background:url('images/ico-rss.png') no-repeat left 10px;padding:9px 0 3px 23px;margin-bottom:10px;}
p.rss a {color:#777777;text-decoration:none; font-size:12px; font-weight:bold}
p a.email {background:url('images/ico-email.png') no-repeat left 10px;padding:10px 0 3px 23px;margin-bottom:10px; margin-left:10px;}
.widget p a.email {color:#777777;text-decoration:none; font-size:12px; font-weight:bold; margin-left:0;}

/* 2.4 Featured Content */
#featured-outer {
	background: url("images/featured-bg.png") repeat-x #7D8488;
	background-image: -webkit-linear-gradient(top, #B4BBBF 15px, #7D8488 86%);
	background-image: linear-gradient(to bottom, #B4BBBF 15px, #7D8488 86%);
	border-bottom: 1px solid #585A5B; border-top: 1px solid #777; position: relative;
	box-shadow: 0 2px 0 rgba(119,119,119,.25) inset, 0 -15px 64px -5px rgba(0,0,0,.2) inset;
}
#featured-outer:before { background-color:#777; content:""; display:block; height:1px; opacity:.65; position:absolute; width:100%}
#featured-skyline {background: url('images/featured-skyline-bg.png') repeat-x left bottom, url('images/featured-pattern.png') repeat 0 0 transparent}
#featured { min-height: 250px; padding: 20px 0 }
#featured-main { width: 620px; position: relative }
.archive #featured-main, .full-width #featured-main {width: 940px}
#featured-main > div {border: 2px solid #fff}
#featured-main .featured-map { position: relative; z-index: 2 }
#map-resize-btn { background:transparent; background-color:rgba(0,0,0,.25); border:0 none; border-radius:0 8px 8px 0; color:#fff; display:block; font-size:12px; height:20px; line-height:20px; outline:0 none; padding:0 2px 0; position:absolute; bottom:-12px; right:-13px; text-align:right; width:24px; z-index:1;
	-webkit-appearance: none;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
#map-resize-btn:hover { background-color: rgba(0,0,0,.5); bottom:-13px; right:-14px; }
#featured-content {width: 300px}
#featured-content h2 { margin: 20px 0 10px; color: #585A5B; font: 28px/30px 'Engebrechtre-Bold',sans-serif; text-shadow: 1px 1px #eee; }
#featured-content p { font-size: 16px; line-height: 1.375em; color: #fff; text-shadow: 1px 1px #585A5B; }
#featured-content a {color:#ccc}
#featured-content .entry-custom { margin-bottom: 1.5em }
#featured-content .entry-custom p { font-size: 13px; margin-bottom: 5px; color: #000; text-shadow: 0 0 2px #eee; }
#featured-content .entry-custom p a { color: #e5e5e5; text-shadow: 0 0 2px #585A5B; text-decoration: underline; }
#featured-content .entry-custom p a:hover {color:#fff}
#featured-content p.tags {margin-top: 10px}
#featured-content p.tags a { background-color:#585A5B; border-radius:12px; display:inline-block; line-height:1.25em; margin-bottom:5px; margin-right:5px; padding:3px 10px; text-decoration:none; }
#featured .search-field {width: 135px; border-color:#585A5B #7D8488 #7D8488 #585A5B}
#featured .search-submit {width: 120px}
#featured .featured-directions { font-size: 12px }
#featured .featured-directions table { background: #e1e1e1; background-color: rgba(255,255,255,.65); margin:0 !important; border:0 !important; }
#featured .featured-directions td { border-color: rgba(0,0,0,.15) }
#featured .featured-directions table.adp-placemark { background-color: rgba(255,255,255,.85) }
#featured .featured-directions table.adp-placemark td { font-size: 13px; font-weight: 400; padding: 3px 6px 0; vertical-align: middle; }
#featured .featured-directions .adp-summary { background-color: rgba(255,255,255,.5) }
#featured .featured-directions .adp-legal { color: #eee; font-size: 11px; }

/* 2.5 Content */
#content {
	background: #f8f8f8 url('images/wrapper-bg.png') repeat-y right top;
	background-image: -webkit-linear-gradient(right, #F8F8F8 30px, #EEEEEE 310px, #E7E7E7 310px, #E7E7E7 311px, #F8F8F8 311px);
	background-image: linear-gradient(to left, #F8F8F8 30px, #EEEEEE 310px, #E7E7E7 310px, #E7E7E7 311px, #F8F8F8 311px);
	background-size: 317px 100%;	/* +6px for Chrome rounding bug in hard gradients */
	padding: 20px 0 40px;
}
.full-width #content {background-image:none}
.spacer {display:block; /*height:20px*/}

/* 2.6 Sidebar */
#sidebar {overflow:hidden;}
#sidebar .primary { }
#sidebar .secondary { float:left; margin-right:20px; } 
#sidebar .secondary.last { margin:0; } 

/* 2.7 Footer */
#footer { padding: 20px 0 0;color:#999; text-shadow: 1px 1px #000; border-top: 1px solid #5a5a5a; }
#footer p { color: #fff; font-size: 12px; line-height: inherit; }
#footer abbr {border-bottom: 0 none}
#footer #credit img {vertical-align:middle}
#footer #credit span {display:none}
#footer ul { color: #fff; font-size: 12px; }
#footer li.page_item  { float:left; width: auto; padding: 0 5px; }
#footer li.current_page_item a {color: #fff}


/*----------------------------------------------------------------------------*/
/* 3. POSTS */
/*----------------------------------------------------------------------------*/

.breadcrumbs { font-size: 11px; line-height: 16px; margin-bottom: 16px; margin-top: 3px; }
.breadcrumbs .breadcrumb-trail { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.breadcrumbs .sep { background: url("images/arrow-superfish-right.png") no-repeat left center transparent; display: inline-block; font-weight: bold; height: 16px; margin: 0 3px; text-indent: -999em; width: 5px; }
.breadcrumbs a.trail-begin { background: url("images/home.png") no-repeat center center #999; border-radius: 8px; display: inline-block; height: 16px; text-indent: -999em; width: 24px; }
.breadcrumbs a.trail-begin:hover { background-color: #868D92; }
.archive-header .breadcrumbs { margin-bottom:0; }

.archive-header { margin-bottom:20px; }
.archive-title { color: #bbb; font-size: 22px; line-height: 26px; text-shadow: 1px 1px 0 #fff; }
.archive-title > span { color: #585A5B; }
.archive-header .archive-rss { background: url("images/ico-rss.png") no-repeat 0 0 transparent; display: inline-block; float: right; line-height: 16px; margin-top: 3px; padding-left: 21px; }
.archive-header .archive-rss a { font-size: 11px; font-weight: normal; line-height: 16px; text-decoration: none; }

.post { margin: 0 0 30px; padding-bottom: 20px; border-bottom: 1px solid #e3e3e3; }
#posts_outer, 
.single .post, .page .post, .featured {padding:20px 19px; border: 1px solid #e3e3e3; border-top: 5px solid #B3B3B3; border-bottom: 2px solid #D3D3D3; background-color:#fff}
.single .post, .page .post, .featured {border-top-color:#868D92}

.entry-title { font-weight: bold; font-size: 22px; line-height: 22px; margin: 0; }
.page .entry-title { margin: 0 0 20px 0; }
.entry-title a { color:#222 }
.entry-title, .archive-title { font-family: 'Engebrechtre-Bold', sans-serif; text-transform: uppercase; }
.featured .entry-title { margin-bottom: 10px }
.title-stars { display: inline-block; font-family: 'Roboto',sans-serif; line-height: 0.8em; position: relative; top: -3px; }

.post-meta { margin: 10px 0 20px 0; font-size: 11px; line-height: 11px; }
.single .post-meta { margin-bottom: 13px; }
.post-category { float: right; text-align: right; }
.post-category a { background: url("images/alert-overlay.png") repeat-x left center #888; border-radius: 10px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); color: #fff !important; display: inline-block; font-size: 11px; line-height: 12px; margin-bottom: 4px; margin-left: 6px; padding: 4px 10px 5px; text-decoration: none; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); }
.post-category a:hover { background-color: #868D92; }
.post-category a:active { background: url("images/alert-overlay-active.png") repeat-x left top #777; }
.post-meta .post-category { max-width: 60%; }
.post-meta, .post-meta .post-author a, .post-more { color:#868686; }
.post-more { clear:both; text-transform:uppercase; border:1px solid #e6e6e6; border-width:4px 0 1px; padding:10px 0; font:11px/16px Arial, Helvetica, sans-serif;}
.post-more a, .post-meta a { text-decoration:none; }
.post-more a:hover, .post-meta a:hover { color: #444; }

.featured .more-link, .messageform-link { background: url("images/alert-overlay.png") repeat-x left center #868D92; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); color: #fff; display: inline-block; font-size: 12px; line-height: 26px; padding: 0 10px; text-decoration: none; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); }
.featured .more-link { border-radius: 13px; margin: 2px 0; padding: 0 5px 0 10px; }
.featured .more-link:hover, .messageform-link:hover { background-color: #888; text-decoration: none; }
.featured .more-link:active, .messageform-link:active { background: url("images/alert-overlay-active.png") repeat-x left top #777; }

.more-link .meta-nav { background: url("images/arrow-superfish-right.png") no-repeat center center #eee; border-radius: 8px; display: inline-block; height: 16px; line-height: 16px; margin: 5px 2px; text-indent: -999em; width: 16px; }
.more-link:hover .meta-nav { background-color: #ddd; }
.featured .more-link .meta-nav,
#featured-content .more-link .meta-nav { background-color: rgba(255, 255, 255, 0.5); }
#featured-content .more-link:hover .meta-nav { background-color: rgba(255, 255, 255, 0.7); }

/*.post p.tags {background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;margin-bottom:20px;}*/

.post footer {clear:both}
.featured.post > footer, .type-post.post > footer {
	background: url("images/alert-overlay-active.png") repeat-x 0 -20px #FEFEFE;
	border-top: 1px solid #E3E3E3;
}
.featured.post > footer { border-radius: 18px; padding: 2px 16px 2px 6px; }
.type-post.post > footer { padding: 8px 12px 2px; }

.soc-share {margin-bottom: 15px}
.shortcode-google-plusone {float: left; margin-right: 1em;}
.video iframe {vertical-align: middle}

#messageform { background-color: #fff; padding: 20px; width: 480px; max-width: 80%; }
.messageform-title { border-bottom: 3px solid #B3B3B3; padding-bottom: 3px; }
.messageform-link i { color: rgba(255,255,255,.9); }

/* gmaps InfoWindow content with thumb */
.featured-map .iw-thumb { min-height: 90px; padding-left: 90px; }
/* cluster icons label */
.cluster { text-shadow: 1px 1px 1px rgba(0,0,0,.5) }

.shortcode-tabs.boxed ul.tab_titles.has_title { margin-top: 5px; }
.shortcode-tabs.boxed ul.tab_titles li.nav-tab { background-color: #f8f8f8; }

/* 3.1 Typographic Elements */

.entry h1 { border-bottom:1px solid #e6e6e6; margin-bottom:20px; padding-bottom: 20px; }
.entry h2 { padding-bottom: 20px }
.entry h3 { padding-bottom: 10px }
.entry p { margin: 0 0 20px 0 }
.entry blockquote { background:url('images/blockquote.png') no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444; }
.entry blockquote p {font-style:italic}

.entry ul { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ul ul { margin: 0 }
.entry ul li { list-style-type: circle }
.entry ul ul li { list-style-type: disc }

.entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol { margin: 0 }
.entry ol li { list-style-type: upper-latin }
.entry ol li ol li { list-style-type: lower-latin }

/* 3.2 Images */

/*.entry img, img.thumbnail { background:#F8F8F8; }
img.wp-smiley { padding: 0; border: none; }*/
.featured-image,
.featured-post-thumbnail,
.single-post-thumbnail,
.post-thumbnail {
	width: 100%;
	height: auto;
	display: block;
}
.featured-map .thumbnail {
	width: 80px;
	height: 80px;
	float: left;
	margin: 4px 10px 0 0;
}

.gallery { margin: auto; overflow: auto; padding-bottom: 30px }
.gallery .gallery-item { float: left; margin-top: 10px; text-align: center; width: 33% }
.gallery-columns-4 .gallery-item { width: 25% }
.gallery-columns-5 .gallery-item { width: 20% }
.gallery img { border:1px solid #E3E3E3 !important }
.gallery .gallery-caption { margin-left: 0 }

.alignleft { float: left; height: auto; margin: 4px 15px 6px 0; }
.alignright { float: right; height: auto; margin: 4px 0 6px 15px; }
.aligncenter { text-align: center; margin-bottom: 15px;}
img.aligncenter { margin-left:auto; margin-right:auto; display:block; }

.image-holder {margin: 0 20px 15px 0}
.post .alignright {margin: 0 0 0 20px}
.post .alignleft {margin: 0 20px 0 0}
.post .image-holder {margin-top: 10px}

.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; }
.entry .wp-caption img { margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; }

.post .featured-post-thumbnail,
.post .single-post-thumbnail,
.post .post-thumbnail { margin-bottom: 1em }
.post .post-thumbnail { margin-top: 4px }
/*.image-holder .alignleft,
.image-holder .alignright {margin-left: 0; margin-right: 0} */

/* 3.3 Pagination / WP-Pagenavi / Woo-Pagination */

.nav-entries, .wp-pagenavi, .woo-pagination {font-size:11px}
.nav-entries {margin-top: -10px}
.nav-entries a, .post-entries a { background: url("images/alert-overlay.png") repeat-x scroll 0 0 #F9F9F9; border-color: #DFDFDF #D3D3D3 #ccc; border-radius: 17px; border-style: solid; border-width: 1px; display: block; font-size: 12px; font-weight: bold; line-height: 20px; padding: 6px 16px; text-decoration: none; text-shadow: 1px 1px #fff; }
.nav-entries a:hover, .post-entries a:hover { border-color: #CFCFCF #C3C3C3 #bbb; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; }

.post-entries {margin-bottom: 20px; position: relative; top: -20px}

.wp-pagenavi, .woo-pagination { clear: both; margin: 0; text-align: center; }
.wp-pagenavi a, .wp-pagenavi span, 
.woo-pagination .page-numbers { display: inline; text-decoration: none; background: #EEEEEE; color: #666 !important; margin: 2px; padding: 3px 7px; border: 1px solid #DDDDDD; }
.woo-pagination .page-numbers { margin: 1px }
.wp-pagenavi a:hover, .wp-pagenavi span.current, 
.woo-pagination .page-numbers:hover, .woo-pagination .page-numbers.current { background: #ddd; border:1px solid #bbb; }
.wp-pagenavi span.current, .woo-pagination .page-numbers.current { font-weight: bold }
.wp-pagenavi span.extend, .wp-pagenavi span.pages, .woo-pagination .page-numbers.dots { background: none; border: none; padding: 2px; }
.woo-pagination .page-numbers.dots { margin: 0 }


/*----------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*----------------------------------------------------------------------------*/

/* 4.1 Generic Widgets */

.widget { margin: 0 0 20px 0; font-size:12px; padding:0 0 0 10px; }
.widget h3 { margin: 0 0 20px 0; color: #999999; font-style: italic; }
.widget p { font-size:12px; line-height: 18px; margin-bottom:15px; }

.widget ul { clear:both;}
.widget ul li {}
.widget ul li a {line-height: 18px; text-decoration: none; }
.widget ul li a:hover { text-decoration:underline; }
.widget ul ul { padding: 0 0 0 15px; border-top: none; }

.widget_recent_comments li, #twitter li { line-height: 22px; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */

#sidebar .widget {
	border-bottom: 1px solid #fff;
	padding-bottom: 20px;
	box-shadow: 0 -1px 0 #e3e3e3 inset;
}
#footer-region-outer {
	background: #444444 url('images/footer-widgets-bg.jpg') repeat-x left top;
	background-image: -webkit-linear-gradient(top, #242424 1px, #444444 18px);
	background-image: linear-gradient(to bottom, #242424 1px, #444444 18px);
	padding-bottom: 20px;
}
#footer-region-outer a {color:#C2C6C8}

#footer-widgets { padding:10px 0; text-shadow: 1px 1px #000; color: #aaaaaa; border-bottom: 1px solid #2f2f2f; }
#footer-widgets .block { padding:20px 0 0 20px; width:293px; float:left; }
#footer-widgets h3 {
	font-size: 18px; color: #fff; border-bottom: none; margin-bottom: 10px; font-style: normal; padding: 0;
}

/* 4.2 Specific Widgets */

/* Widget Forms */
.widget input.s { float:left; width: 60%; padding: 7px 0 7px 7px; margin-right:5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
#footer-widgets .widget input.s { width: 55%; }
/*.widget .screen-reader-text { display: none; }*/
.widget input.submit { float:right; display:none}

.search-field {
	width: 170px;
	padding: 5px 10px 5px 25px;
	border-radius:15px;
	color: #555;
	font-weight: normal;
	background: url("images/ico-search.png") no-repeat 8px center #fff;
	background-color: rgba(255,255,255,.6);
}
.search-widget { width: 300px; margin-bottom: 10px }
#header .search-widget { float: right; margin-top: 11px }
.search-widget .search-submit {
	width: 80px;
	border-radius: 15px 15px 15px 15px;
	background: url("images/alert-overlay.png") repeat scroll 0 0 #F9F9F9;
	border: 1px solid #DFDFDF;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	padding: 4px 12px;
	text-shadow: 1px 1px #fff;
	text-transform: none;
	color: #777;
	box-shadow: none;
}
.search-widget .search-submit:hover {color:#333}

/* Flickr */
.widget_woo_flickr h3 {}
.widget_woo_flickr h3 span {color:#0061D8;}
.widget_woo_flickr h3 span span {color:#FF1183;}
.widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; }

.widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; }
.widget_woo_flickr a img { float: left;  margin: 0 0 8px 8px;  display: block; border: #CECFC6 1px solid; padding: 3px;}
.widget_woo_flickr a:hover img { border:#A8AA99 1px solid; }

/* Lifestream */
/*.widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; }
.widget_lifestream ul li a { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta { color: inherit; }*/

/* Calendar */
#wp-calendar {width:95%;margin-bottom:15px;clear:both;padding:0}
#wp-calendar caption {padding:10px}
#wp-calendar th, #wp-calendar td {text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px}
#wp-calendar td {background:transparent}
#wp-calendar td, table#wp-calendar th {padding:3px 0}

/* Blog Category */
.widget_woo_catloop h2 {font-size: 15px; margin-bottom:10px}
.widget_woo_catloop .post {border: none;margin-bottom: 0;padding: 0 0 10px 0; background-color:transparent}
.widget_woo_catloop .post-details {font-size: 11px;margin-bottom: 0px;color: #999; font-weight:bold}
.widget_woo_catloop .widget-post-thumbnail {float: right;padding: 4px;background-color: #fff;border: 1px solid #E3E3E3;margin: 0 0 10px 10px}

/* Twitter */
.widget_woo_twitter li {margin-bottom:10px}

/* Links */
.widget ul.blogroll a img {margin: 0 2px 0 -21px; vertical-align: text-bottom}
.widget ul.blogroll a:after {content: "."; display: block; height: 0; visibility: hidden}

/* 4.3 WooTabs */
#tabs {background:#e6e6e6; height:auto; display:block; padding:5px}
#footer-widgets #tabs {	background:#333; text-shadow: none }
#footer-widgets #tab-tags a {color:#333}
#tabs ul.wooTabs {padding:0px}
#tabs ul.wooTabs li { float:left; display:inline; color:#fff; margin:0px; cursor: pointer}
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover {background:#F8F8F8; text-decoration:none}
#tabs ul.wooTabs li a {	color:#777; display: block;float: left;padding: 8px; text-transform:uppercase; font:11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; }

#tabs .inside {background:#F8F8F8; padding:5px}
#tabs .inside li {background:#fff}
#tabs .inside ul {margin:0; border: 1px solid #e6e6e6; border-width:1px 0 1px 0}
#tabs .inside li {border:1px solid #e6e6e6; border-width:0 1px 1px 1px; padding:10px}
#tabs .inside li a {color:#555; font-size: 12px; font-weight: bold}
#tabs .inside a:hover{}
#tabs .inside li span.meta {display:block; font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#777}
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail {border: 1px solid #ddd; padding: 2px; background-color: #fff; float:left; margin: 0 8px 0 0}

#tabs #tab-tags {padding:10px}
#tab-tags a {
	display: inline-block;
	padding: 3px 9px;
	background: #eee;
	margin-right: 3px;
	margin-bottom: 6px;
	-webkit-border-radius:3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,.2);
	box-shadow: 0px 1px 0px rgba(0,0,0,.2);
	text-decoration: none;
	text-shadow: 1px 1px rgba(255,255,255,.8);
}
#tab-tags a:hover, #tab-tags a:focus { background: #fff; }
#tab-tags a:active { background: #e5e5e5; -webkit-box-shadow: none; box-shadow: none; }
#tab-tags a > i { color: #868686; }

#tabs { -webkit-border-radius:3px; border-radius:3px }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius:3px; border-top-right-radius:3px; border-top-left-radius:3px }


/*----------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*----------------------------------------------------------------------------*/

/* 5.1 Comments */

#comments {position:relative; padding: 0 20px}
#comments h3 {color:#999; font-weight: bold; margin-bottom:30px}
#comments .comment.thread-even {}
#comments .comment {margin-top:20px;width:100%;list-style-type:none}
#comments .comment .comment-container {
	position:relative; padding: 20px;
	background: #fcfcfc url('images/comment-overlay.png') repeat-x left bottom;
	background-image: -webkit-linear-gradient(bottom, rgba(4,4,4,.07) 4px, rgba(0,0,0,.01) 60px, rgba(0,0,0,0) 80px);
	background-image: linear-gradient(to top, rgba(4,4,4,.07) 4px, rgba(0,0,0,.01) 60px, rgba(0,0,0,0) 80px);
	border: 1px solid #e0e0e0; border-radius: 5px;
}
#comments .comment.bypostauthor .comment-container {background-color: #ececec; border: 1px solid #d0d0d0}
#comments .comment-head {margin: 0 0 15px 0}
#comments .avatar {float:left; margin: 0 15px 10px 0; vertical-align:middle; border:1px solid #ddd; padding:3px; background:#fff}
#comments .comment-head .name {margin: 0; font-weight: bold; font-size: 15px}
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma {font-size:11px}
#comments .comment-entry p {margin: 0 0 10px 0}
#comments .reply {padding-top:10px}
#comments .reply a {}
#comments .reply a:hover {}
#comments .children {margin:20px 20px 0 20px; padding:0}
#comments .children li {}
/*#comments .cancel-comment-reply{margin:10px 0;}*/
#comments .navigation {}
#comments .navigation a {display:block; margin: 15px 0 0 0; text-decoration:none}
#comments .navigation a:hover {}
#comments h3#pings {margin-top:25px}
#comments .pingbacks li.pingback {margin:10px 0}
#comments .pingbacks li.pingback .reply {display:none}
#comments .nocomments {color:#999}

/* 5.2 Comments Form */

#respond { margin: 40px 0 0; padding: 20px; border:1px solid #E3E3E3; background-color: #fff; }
#respond h3 { color:#333; font-weight:normal; margin-bottom:20px; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { font-size:11px; color:#777; }
#respond #reply-title small { display: block; font-size: small; margin: 5px 0; }

#commentform {margin:15px 0 0 0}
#commentform label {position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px}
#commentform input.txt, #commentform textarea {color:#666; background: #fcfcfc; font: 12px/14px Arial, Helvetica, sans-serif; border: 1px solid #e3e3e3; padding: 5px 7px}
#commentform input.txt {width: 170px; margin: 0 5px 10px 0}
#commentform textarea {width: 95% !important}
#commentform input.txt:focus, #commentform textarea:focus {border-color:#999}
#commentform p {margin-bottom:10px}
#commentform .comment-form-comment label {display:none}
form .required {color: #CC0000}

#commentform #submit {margin: 15px 0 0 0}

/* 5.3 Pingbacks / Trackbacks */
h3#pings {margin:25px 0 10px 0}
.pinglist li {margin:0 0 0 20px; list-style-type:decimal}
.pinglist li .author {font-weight:bold; font-size:15px}
.pinglist li .date {font-size:11px}
.pinglist li .pingcontent {display:block; margin:10px 0}


/*----------------------------------------------------------------------------*/
/* 6. MISC */
/*----------------------------------------------------------------------------*/

/* 6.1 Buttons */
.button, input[type="submit"], .reply a { background: url('images/alert-overlay.png') repeat-x #555; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; border:none; position: relative; cursor: pointer; }
.button:hover, input[type="submit"]:hover, .reply a:hover { color: #ddd; text-decoration:none; opacity: 0.9; }
.button:active, input[type="submit"]:active, .reply a:active {top:1px}
.small.button, .reply a { font-size: 10px; padding: 0px 6px 1px; text-transform:uppercase}
.button, input[type="submit"], .medium.button { font-size: 13px; font-weight: bold; line-height: normal }
.large.button { font-size: 14px; padding: 8px 14px 9px; }
.button, input[type="submit"], .reply a { -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border: 1px solid rgba(0,0,0,.25); border-bottom-color: rgba(0,0,0,.35); }

/* 6.2 Ratings */
.ratings { margin: 0 0 10px }
.featured .ratings { margin: 7px 0 3px }
.post-ratings { font-size:11px; width:auto !important; float:left; opacity: 1; }
.post-ratings-loading { display: none; height: 16px; text-align: left; }
.post-ratings-image {border:0}
.post-ratings-comment-author { font-weight: normal; font-style: italic; }
.single-ratings .post-ratings {float:none}
.ratings.single-ratings { position: relative; top: 3px; margin: 0; }
.widget .post-ratings-image { height: auto; vertical-align: text-top; width: 10px; }

/* 6.3 Info Boxes */
p.alert, p.download, p.info, p.note, p.tick {margin:10px 0 20px 0; padding:9px 10px 9px 50px}
p.alert {border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url('images/ico-alert.png') no-repeat 20px 13px}
p.download {border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url('images/ico-download.png') no-repeat 20px 13px}
p.tick {border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url('images/ico-tick.png') no-repeat 20px 13px}
p.info {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url('images/ico-info.png') no-repeat 20px 13px}
p.note {border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url('images/ico-note.png') no-repeat 20px 13px}

/* 6.4 Contact Form Page */
#contact-page .screenReader {left:-9999px;position:absolute;top:-9999px}
#contact-page ol.forms {float:left;list-style:none;width:100%;margin:10px 0 0}
#contact-page ol.forms li {clear:both;float:left;margin-bottom:18px;position:relative;width:100%}
#contact-page ol.forms label {cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px}
#contact-page ol.forms input.txt {width:214px}
#contact-page ol.forms input#sendCopy {border:none}
#contact-page ol.forms textarea {height:300px;width:400px}
#contact-page ol.forms li .error {font-size:12px;display:block;margin-left:120px;color:red}
#contact-page ol.forms li.textarea .error {display:block;margin-left:120px}
#contact-page ol.forms li.screenReader {margin-bottom:0}
#contact-page ol.forms li.buttons .submit {margin:15px 0 0 120px}
#contact-page ol.forms li.inline input {width:auto;margin-left:120px}
#contact-page ol.forms li.inline label {display:inline;float:none;width:auto}

/* 6.5 Reusable Patterns */

/* Author box */
#author-box { background-color: #F8F8F8; border-top: 3px solid #999; clear: both; font-size: 12px; line-height: 16px; margin-top: 4em; margin-bottom: 1em; padding-left: 89px; position: relative; width: auto; }
#author-box:after { clear: both; content: ""; display: table; } /* self clearing */
#author-box .box-entry {
	background: url("images/wrapper-bg.png") repeat-y -7px top #F8F8F8;
	background: -webkit-linear-gradient(left, #eee, #F8F8F8 280px) repeat-y 0 0 #F8F8F8;
	background: linear-gradient(to right, #eee, #F8F8F8 280px) repeat-y 0 0 #F8F8F8;
	border-left: 1px solid #E3E3E3; overflow: auto; padding: 5px 0 1px 16px;
}
#author-box .box-title { color: #999; font-size: inherit; font-weight: normal; position: absolute; left: 0; top: -22px; }
#author-box .site-title a { color: #fff; display: block; font-size: 13px; font-weight: bold; line-height: 1.25em; margin-left: -16px; padding: 4px 16px; text-decoration: none;
	/* theme styles */
	background-color: #B4BBBF;
	text-shadow: 1px 1px #222;
}
#author-box .site-title a:hover { text-decoration: none;
	/* theme styles */
	background-color: #868D92;
}
#author-box img { left: 12px; position: absolute; top: 20px; }
#author-box .site-description { font-size: 14px; margin-bottom: 6px; }
#author-box .twocol-one { margin-bottom:0 }
#author-box ul { margin-bottom:1em }


/* Sitelist panel */
#sitelist-panel {
	height: 145px; width: 100%; position: absolute; left: 0; top: -145px; z-index: 999;
	background: #444 repeat-x;
	background-image: -webkit-linear-gradient(top, #444 20%, #242424 80%);
	background-image: linear-gradient(to bottom, #444 20%, #242424 80%);
	-webkit-transition: top 0.4s ease;
	        transition: top 0.4s ease;
}
#sitelist-panel.expanded {top:0}
#sitelist-panel a:hover {text-decoration:none}
#sitelist-panel a:focus {outline:0 none}
#sitelist-panel .site-list-title { border-top: 5px solid #868D92; position: absolute; bottom: -5px; left: 0; width: 100%; }
#sitelist-panel .site-list-title a {
	background-color: #868D92; color: #fff; display: block; position: absolute; left: 70%; top: -5px; font-size: 15px; font-weight: normal; line-height: 1em; padding: 7px 11px 7px 10px;
	border-radius: 0 0 10px 10px; box-shadow: 0 1px 1px rgba(0,0,0,.2); text-shadow: -1px -1px 0 rgba(0,0,0,.25);
	-webkit-transition: padding 0.1s ease;
	        transition: padding 0.1s ease;
}
#sitelist-panel .site-list-title a:hover {padding-top:10px}
#sitelist-panel .site-list {text-align:center; height:inherit}
#sitelist-panel .site-list li {display:inline-block; height:inherit; overflow:hidden}
#sitelist-panel .site-list a { background-color:#444; color:#eee; display:block; font-size:12px; line-height:20px; height:40px; margin:25px 6px 0; padding-top:85px; position:relative; width:125px; }
.chrome #sitelist-panel .site-list a {height:41px} /* show bg color in Chrome */
#sitelist-panel .site-list a img {
	clip: rect(auto,auto,105px,auto); position: absolute; left: 0; top: 0;
	-webkit-transition: top 0.25s ease;
	        transition: top 0.25s ease;
}
#sitelist-panel .site-list a:hover img {top:-20px}
/*.admin-bar #sitelist-panel {margin-top:32px}*/


/* WebDev link */
.wd-link {
	display: inline-block; font-size: inherit; position: relative; overflow: hidden; vertical-align: top;
	height: 32px; width: 32px; margin: -5px 0 0;
}
.wd-link > span {
	display: block; height: 100%; width: 100%; position: absolute; text-indent: -999em;
	-webkit-transition: -webkit-transform 0.6s ease;
	        transition: transform 0.6s ease;
}
.wd-link:hover > span {
	-webkit-transform: rotate(-720deg);
	        transform: rotate(-720deg);
}
.wd-link > span:before, .wd-link > span:after {
	content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0;
	-webkit-transition: opacity 0.6s ease;
	        transition: opacity 0.6s ease;
}
.wd-link > span:before {opacity:0}
.wd-link:hover > span:before {opacity:1}
.wd-link:hover > span:after {opacity:0}
#lop-logo:before {
	/* cross-browser SVG with PNG fallback */
	background: url("//lop.cz/img/siteicon_w32.png") no-repeat center center transparent;
	background-image: linear-gradient(transparent, transparent), url("//lop.cz/img/siteicon.svg#w");
	background-image: -webkit-linear-gradient(transparent, transparent), url("//lop.cz/img/siteicon_w.svg");	/* no SVG fragment in BG for webkit */
}
#lop-logo:after {
	background: url("//lop.cz/img/lop-logotype_w32.png") no-repeat center center transparent;
	background-image: linear-gradient(transparent, transparent), url("//lop.cz/img/lop-logotype.svg#w");
	background-image: -webkit-linear-gradient(transparent, transparent), url("//lop.cz/img/lop-logotype_w.svg");
}
.ie8 .wd-link #lop-logo:before {visibility:hidden}
.ie8 .wd-link:hover #lop-logo:before {visibility:visible}
.ie8 .wd-link:hover #lop-logo:after {visibility:hidden}
.ie9 #lop-logo:before {background-image: url("//lop.cz/img/siteicon.svg#w")}
.ie9 #lop-logo:after {background-image: url("//lop.cz/img/lop-logotype.svg#w")}


/* Font Awesome Icons - subset 3.2.1 */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  /*line-height: 1;*/
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline;
}
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.3333333333333333em;
}
.icon-star:before                 { content: "\f005"; }
.icon-map-marker:before           { content: "\f041"; }
.icon-envelope-alt:before         { content: "\f0e0"; }
.icon-comments:before             { content: "\f086"; }
.icon-comments-alt:before         { content: "\f0e6"; }
.icon-chevron-left:before         { content: "\f053"; }
.icon-chevron-right:before        { content: "\f054"; }
.icon-chevron-up:before           { content: "\f077"; }
.icon-chevron-down:before         { content: "\f078"; }

/* theme special */
.icon-resize:before        { content: "\f054"; }
.icon-resize.expanded:before        { content: "\f053"; }

/* reset for post-meta */
.post-meta [class^="icon-"]:before {
	font-size: 14px;
	vertical-align: -10%;
}
.icon-fixed-width {
	display: inline-block;
  width: 1.2857142857142858em;
  text-align: center;
}

/*----------------------------------------------------------------------------*/
/* 7. PLUGINS */
/*----------------------------------------------------------------------------*/

/* User Switching */
#user_switching_switch_on {
	position: fixed;
	left: 0.5em;
	bottom: 0.5em;
	z-index: 9999;
}

/* Simple Ads Manager (SAM Pro) */
.sam-pro-ad > img {vertical-align:middle}
#sidebar .sam_pro_zone_widget {padding-left:0}
#sidebar .sam_pro_block_widget .sam-pro-block-item {box-shadow: 1px 1px 0 #D3D3D3}
#sidebar .sam_pro_block_widget .sam-pro-block-item:hover {box-shadow: 1px 1px 2px #C3C3C3}
#sidebar .sam_pro_block_widget .widget-title {color: #888; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: 3px; line-height: 16px; margin-bottom: 10px; text-align: center; text-shadow: 1px 1px 0 #fff; text-transform: uppercase}
/* branding ads */
.branding-wrap { min-height: 100px }
.branding-label { position: relative; height: 100%; }
.branding-label span { font-weight: normal; font-size: 11px; line-height: 18px; text-align: center; position: absolute; bottom: 0; left: 50%; margin-left: -27px; padding: 0 7px; background-color: rgba(238,238,238,.7);	border-radius: 4px 4px 0 0; z-index: 2; }
.branding {
	/*position:relative; margin:0 auto; max-width: 1000px*/
	background-position: top center;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	/*flex-direction: row;
	flex-wrap: nowrap;*/
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	text-align: center;
	position: absolute;
	top: 0; left: 0; width: 100%; height: 100%;
	z-index: 1; overflow: hidden;
}
.branding.fixed { position: fixed }
.admin-bar .branding { top:auto }
.branding-right, 
.branding-left {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	height: 100%;
}
.no-flexbox .branding-right, 
.no-flexbox .branding-left {
	display: inline-block;
	min-width: 160px;
	width: calc(50% - 500px);
}
.branding-top {
	-webkit-flex: 0 1 1000px;
	-ms-flex: 0 1 1000px;
	flex: 0 1 1000px;
}
.no-flexbox .branding-top {
	display: inline-block;
	vertical-align: top;
	width: 1000px;
}
.branding-left > a,
.branding-right > a { display: block; min-height: 100vh; height: 100%; }
.branding-left > a { text-align: right; background-position: top right; }
.branding-right > a { text-align: left }
.branding-top > a { display: block; min-height: 100px; }
/* hide on small screens */
@media (max-width: 999px) {
	.branding-wrap {display:none}
}

/* Contact Form 7 [base] */
div.wpcf7 {margin:0; padding:0}
div.wpcf7 .screen-reader-response {position:absolute; overflow:hidden; clip:rect(1px,1px,1px,1px); height:1px; width:1px; margin:0; padding:0; border:0}
div.wpcf7-response-output {margin:2em 0.5em 1em; padding:0.2em 1em; border:2px solid #ff0000}
div.wpcf7-mail-sent-ok {border:2px solid #398f14}
div.wpcf7-mail-sent-ng, div.wpcf7-aborted {border:2px solid #ff0000}
div.wpcf7-spam-blocked {border:2px solid #ffa500}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border:2px solid #f7e700}
span.wpcf7-form-control-wrap {position:relative}
span.wpcf7-not-valid-tip {color:#f00; font-size:1em; font-weight:normal; display:block}
.use-floating-validation-tip span.wpcf7-not-valid-tip {position:absolute; top:20%; left:20%; z-index:100; border:1px solid #ff0000; background:#fff; padding:.2em .8em}
span.wpcf7-list-item {display:inline-block; margin: 0 0 0 1em}
span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after {content:" "}
.wpcf7-display-none {display:none}
div.wpcf7 .ajax-loader {visibility: hidden; display: inline-block; background-image: url('images/ajax-loader.gif'); width: 16px; height: 16px; border: none; padding: 0; margin: 0 0 0 4px; vertical-align: middle}
div.wpcf7 .ajax-loader.is-active {visibility: visible}
div.wpcf7 div.ajax-error {display:none}
div.wpcf7 .placeheld {color:#888}
div.wpcf7 .wpcf7-recaptcha iframe {margin-bottom: 0}
div.wpcf7 input[type="file"] {cursor: pointer}
div.wpcf7 input[type="file"]:disabled {cursor: default}
div.wpcf7 .wpcf7-submit:disabled {cursor: not-allowed}
/* Contact Form 7 [custom] */
div.wpcf7-mail-sent-ok {background-color: #E2F9D7}
div.wpcf7-mail-sent-ng, div.wpcf7-aborted {background-color: #FFE9E9}
div.wpcf7-spam-blocked {background-color: #FFEDCF}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {background-color: #FFFDE0}
span.wpcf7-form-control-wrap {display:inline-block}
span.wpcf7-not-valid-tip { background-color: #CC0000; border-radius: 0 0 3px 3px; bottom: auto; color: #fff; display: block; font-size: 11px; left: 0; line-height: 16px; padding: 0 6px 1px; position: absolute; }
span.wpcf7-list-item.first.last {margin-left:0}
.wpcf7 .wpcf7-not-valid {border-color: #CC0000 !important}
.wpcf7 label { color:#777; position:relative; display:inline-block; }
.wpcf7-list-item-label {vertical-align:top}
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea { color:#666; background: #fcfcfc; font: 12px/15px Arial, Helvetica, sans-serif; border: 1px solid #e3e3e3; padding: 7px; }
.wpcf7 .wpcf7-text:focus, .wpcf7 .wpcf7-textarea:focus {border-color:#999}
.wpcf7 .full-width, .wpcf7 .full-width span.wpcf7-form-control-wrap {width:100%}
.wpcf7 .full-width .wpcf7-text, .wpcf7 .full-width .wpcf7-textarea { margin: 0; width: 95% !important; }
/* Contact Form 7 [message form] */
#messageform .wpcf7 p {margin-bottom:22px}
#messageform .wpcf7 label { vertical-align:top; margin-top:5px; }
#messageform .wpcf7 .wpcf7-text, #messageform .wpcf7 .wpcf7-textarea {padding: 5px 7px}
#messageform .wpcf7 .wpcf7-text {margin-right: 5px}