/*
Theme Name: Kayakbeachbar
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Kayakbeachbar
Tags:

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

kayakbeachbar is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

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

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

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

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

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

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

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

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

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

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

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

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

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

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

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

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

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/* ==========================================================================
Custom css
========================================================================== */

.logged-in.menu {
top: 32px;
}

.rbt {
font-family: 'Roboto Condensed', sans-serif;
}
.trans1 {
transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
.trans2 {
transition: opacity 0.25s ease-in-out;
}
@-webkit-keyframes hiddenPlusOpacity {
0% {
 display: none;
 opacity: 0;
}
1% {
 display: block;
 opacity: 0;
}
100% {
 opacity: 1;
}
}
@keyframes hiddenPlusOpacity {
0% {
 display: none;
 opacity: 0;
}
1% {
 display: block;
 opacity: 0;
}
100% {
 opacity: 1;
}
}
/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;

At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
*/
/*
The `retina-sprite` class sets up rules and a media query for a sprite/retina sprite.
It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

@icon-home-group: 'icon-home' @icon-home @icon-home-2x;

.icon-home {
.retina-sprite(@icon-home-group);
}
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS

This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.

.sprites(@spritesheet-sprites);
*/
/*
The `.retina-sprites` mixin generates a CSS rule and media query for retina groups
This yields the same output as CSS retina template but can be overridden in LESS

.retina-sprites(@retina-groups);
*/
/* ==========================================================================
 normalize.css modified for EM.com at 16px
 normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css
========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
pre,
code,
kbd,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 100%;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
code {
border-radius: 3px;
margin: 0;
padding: 0 5px;
background: #eee;
border: 1px solid #eee;
word-wrap: break-word;
font-size: 15px;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
/*
* Addresses margin not present in IE6/7/8/9, S5, O11
*/
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
legend {
border: 0;
padding: 0;
white-space: normal;
*margin-left: -7px;
}
input[type=text],
input[type=password],
textarea {
-webkit-appearance: none;
transition: border 0.25s ease-in-out;
}
button,
input,
select,
textarea {
font-size: 16px;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
border-radius: none;
box-shadow: none;
border-radius: 0;
padding: 8px 8px;
}
button,
input {
line-height: normal;
outline: none;
border: 1px solid #ccc;
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
cursor: pointer;
/* 1 */
-webkit-appearance: button;
/* 2 */
*overflow: visible;
/* 3 */
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0;
*height: 13px;
*width: 13px;
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
label {
cursor: default;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
caption {
caption-side: top;
text-align: left;
}
th {
text-align: left;
}
.left {
float: left;
}
.right {
float: right;
}
.js .jsHide {
display: none;
}
.clear {
height: 0 !important;
font-size: 0;
clear: both;
overflow: hidden;
visibility: hidden;
display: block;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
}
.out {
position: absolute;
left: -999em;
}
.main-row:before,
.main-row:after {
content: '';
display: table;
}
.main-row:after {
clear: both;
}
.img:before,
.img-before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.img {
text-align: center;
}
.img img {
vertical-align: middle;
}
::-webkit-input-placeholder {
color: #ccc;
font-style: normal;
opacity: 1;
}
:-moz-placeholder {
color: #ccc;
font-style: normal;
opacity: 1;
}
::-moz-placeholder {
color: #ccc;
font-style: normal;
opacity: 1;
}
:-ms-input-placeholder {
color: #ccc;
font-style: normal;
opacity: 1;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
color: rgba(0, 0, 0, 0);
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0);
}
input::-ms-clear {
display: none;
}
.reset {
margin: 0;
padding: 0;
background: none;
border: 0;
box-shadow: none;
}
.reset > li,
.reset > dt,
.reset > dd {
float: none;
width: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
box-shadow: none;
list-style: none;
}
.reset > li:before,
.reset > dt:before,
.reset > dd:before {
display: none;
width: auto;
height: auto;
background: none;
border: 0;
border-radius: inherit;
}
.no-svg .reset > li,
.no-svg .reset > dt,
.no-svg .reset > dd {
background: none;
}
.video {
position: relative;
overflow: hidden;
margin: 0 0 15px 0;
padding-bottom: 56.25%;
height: 0;
}
.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hide-svg {
position: absolute;
width: 0;
height: 0;
visibility: hidden;
}
/* ==========================================================================
 LAYOUT
========================================================================== */
body {
color: #666;
font-weight: 300;
font-size: 20px;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
text-rendering: optimizelegibility;
}
.section {
box-sizing: border-box;
width: 100%;
max-width: 1056px;
margin: 0 auto;
padding: 0 10px;
}
.top-anchor {
position: absolute;
top: 0;
left: 0;
}
#header {
position: fixed;
z-index: 5;
top: 0;
left: 0;
width: 100%;
padding: 10px 0;
background: #005772;
color: #fff;
text-align: center;
}
#header .section {
position: relative;
}
.main {
padding: 18px 0;
background: #fff;
}
.main-bg {
position: relative;
z-index: 1;
height: 300px;
padding: 0;
margin: 0 0 20px 0;
background-color: #000;
background-position: 50% 50%;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
-webkit-backface-visibility: hidden;
}
.mobile .main-bg,
.ie8 .main-bg,
.ie9 .main-bg,
.ie10 .main-bg {
background-attachment: inherit;
}
_:-ms-fullscreen,
:root .main-bg {
background-attachment: inherit;
}
.wf-active body {
font-family: 'Roboto Condensed', sans-serif;
}
@media (max-width: 767px) {
body {
 font-size: 17px;
}
}
@media (min-width: 768px) {
.main-bg {
 height: 500px;
 margin-bottom: 40px;
}
}
/* ==========================================================================
 TYPOGRAPHY
========================================================================== */
p {
margin: 0;
padding: 15px 0;
}
strong {
font-weight: 700;
}
a {
transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
color: #005772;
text-decoration: underline;
}
a:hover {
color: #000000;
text-decoration: none;
}
a:focus {
color: #000000;
text-decoration: none;
}
a:active {
color: #000000;
text-decoration: none;
}
a[href^="tel"],
a[href^="sms"] {

}
h1,
h2 {
margin: 0;
padding: 15px 0 16px 0;
line-height: 1;
font-size: 30px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: -1px;
}
h3 {
margin: 0;
padding: 15px 0 13px 0;
line-height: 1;
font-size: 26px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: -1px;
}
h4,
h5,
h6 {
margin: 0;
padding: 15px 0 10px 0;
line-height: 1;
font-size: 22px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: -1px;
}
ul {
margin: 0;
padding: 10px 0;
}
ul li {
position: relative;
margin: 0;
padding: 4px 0 4px 20px;
line-height: 1.2;
list-style: none;
}
ul li:before {
content: '';
position: absolute;
top: 12px;
left: 0;
width: 6px;
height: 6px;
background: #005772;
border-radius: 3px;
}
ul ul {
padding: 7px 0 0 0;
}
ol {
margin: 0;
padding: 10px 0;
counter-reset: li;
}
ol li {
position: relative;
margin: 0;
padding: 4px 0 4px 24px;
line-height: 1.2;
list-style: none;
}
ol > li {
counter-increment: li;
}
ol li:before {
content: counter(li) ".";
position: absolute;
top: 3px;
left: 0;
color: #005772;
font-weight: 400;
}
ol ol {
padding: 7px 0 0 0;
}
dl {
margin: 0;
padding: 11px 0 6px 0;
line-height: 1.3;
}
dt {
margin: 0;
padding: 0 0 6px 0;
color: #005772;
font-weight: 700;
}
dd {
margin: 0;
padding: 0 0 6px 0;
}
table {
margin: 15px 0;
text-align: left;
border: 0px solid #eee;
line-height: 1.3;
min-width: 1003px;
}
table th,
table thead td {
padding: 10px 15px;
background: #eee;
font-weight: 700;
text-align: left;
vertical-align: middle;
}
table td {
padding: 10px 15px;
border: 0px solid #eee;
vertical-align: middle;
min-width: 50px;
}
table p {
padding-bottom: 0;
}
table.width-100 {
width: 100%;
}
table.no-border {
border: 0;
}
cite {
box-sizing: border-box;
float: left;
width: 100%;
clear: both;
margin: 15px 0;
padding: 10px 0 10px 10px;
border-left: 2px solid #005772;
}
blockquote {
position: relative;
margin: 15px 0;
padding: 46px 16px 5px 16px;
background: #eee;
}
blockquote:after {
content: '“';
position: absolute;
top: 28px;
left: 50%;
width: 28px;
height: 19px;
margin-left: -14px;
color: #005772;
font-family: Georgia, serif;
font-size: 56px;
line-height: 38px;
font-weight: bold;
text-align: center;
}
hr {
height: 1px;
padding: 0;
margin: 10px 0;
background: #eee;
border: 0;
}
img {
display: block;
max-width: 100%;
height: auto;
margin: 20px auto 15px auto;
}
img.left {
display: block;
margin: 20px 30px 15px 0;
}
img.right {
display: block;
margin: 20px 0 15px 30px;
}
@media (max-width: 767px) {
p {
 padding: 10px 0;
}
h1,
h2 {
 padding: 10px 0 11px 0;
 font-size: 25px;
}
h3 {
 padding: 10px 0 7px 0;
 font-size: 21px;
}
h4,
h5,
h6 {
 padding: 10px 0 5px 0;
 font-size: 20px;
}
ul {
 padding: 8px 0;
}
ol {
 padding: 8px 0;
}
table {
 margin: 10px 0;
}
table th,
table thead td {
 padding: 5px 10px;
}
table td {
 padding: 5px 10px;
}
cite {
 margin: 10px 0;
}
blockquote {
 margin: 10px 0;
}
hr {
 margin: 5px 0;
}
img.left {
 float: none;
 margin: 15px auto 15px auto;
}
img.right {
 float: none;
 margin: 15px auto 15px auto;
}
}
/* ==========================================================================
 LOGO
========================================================================== */
#logo {
position: relative;
z-index: 7;
display: inline-block;
margin: auto;
padding: 5px;
}
#logo img {
display: block;
margin: 0;
}
@media (max-width: 768px) {
	.menu-home {
		display: none;
	}
#logo {
 float: left;
}
#logo img {
 width: 30px;
}
#sources_wrapper {
 width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
#logo img {
 width: 50px;
}
.document-scrolled .lang a{
 margin-left: 50px;
}
}
@media (min-width: 1024px) {
#logo {
 transition: top 0.75s ease-in-out, padding 0.75s ease-in-out;
 position: absolute;
 top: 10px;
 right: 10px;
 padding: 24px 29px;
}
#logo img {
 transition: width 0.75s ease-in-out, height 0.75s ease-in-out;
}
.document-scrolled #logo {
 top: -4px;
 padding: 5px;
}
.document-scrolled #logo img {
 width: 50px;
}
.document-scrolled .lang a{
 margin-left: 240px;
}
}
/* ==========================================================================
 MAIN NAV
========================================================================== */
.lang-item {
	font-weight: bold;
}

#main-nav {
	z-index: 9999;
}
#main-nav > li {
font-size: 16px;
text-transform: uppercase;
color: #fff;
letter-spacing: -1px;
}
#main-nav > li:before {
content: none;
}
#main-nav a {
color: #fff;
text-decoration: none;
outline: none;
}
#main-nav a:hover {
color: #72deff;
}
.submenu-open ul {
	display: block !important;
}
@media (max-width: 767px) {
#main-nav {
 box-sizing: border-box;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 6;
 width: 100%;
 height: 100%;
 padding: 62px 0 20px 0;
 background: rgba(0, 87, 114, 0.8);
 color: #fff;
 text-align: center;
 display: none;
 opacity: 0;
}
#main-nav ul {
    position: inherit;
    top: auto;
    left: 0;
    width: 100%;
    transform: none;
    text-align: center;
    margin-left: auto;
	background: transparent
}
#main-nav > li {
 padding: 10px 0;
}
.nav-open #main-nav {
 -webkit-animation: hiddenPlusOpacity 0.25s ease-in-out;
         animation: hiddenPlusOpacity 0.25s ease-in-out;
 display: block;
 opacity: 1;
}
}
@media (min-width: 768px) {
#main-nav > li {
 display: inline-block;
 padding: 0 17px;
}
	#header .main-row > a {
		display: none;
	}
}
@media (min-width: 1024px) {
#main-nav {
 padding: 12px 0;
}
#main-nav > li:first-child {
 padding-left: 0;
}
}
/* ==========================================================================
 HERO
========================================================================== */
#hero {
height: 300px;
background-position: 14% 0px;
background-repeat: no-repeat;
background-attachment: fixed;
}
.mobile #hero,
.ie8 #hero,
.ie9 #hero,
.ie10 #hero {
background-attachment: inherit;
}
_:-ms-fullscreen,
:root #hero {
background-attachment: inherit;
}
@media (min-width: 768px) {
#hero {
 height: 434px;
 background-position: center 0;
}
.page-template-page-hero #hero {
 background-position: center 80px;
}
}
/* ==========================================================================
 PROMO
========================================================================== */
.promo {
box-sizing: border-box;
position: relative;
padding: 0 0 20px 0;
}
@media (min-width: 768px) {
.promo {
 min-height: 390px;
 padding-right: 435px;
 padding-bottom: 47px;
}
}
/* ==========================================================================
 FB BOX
========================================================================== */
.fb-box {
box-sizing: border-box;
float: right;
width: 100%;
margin: 15px 0;
min-height: 384px;
padding: 9px;
background: #eee;
}
.fb-box .container {
width: 100%;
max-width: 370px;
margin: auto;
}
.fb-box .head {
padding: 0 10px 10px 10px;
text-transform: uppercase;
letter-spacing: -1px;
font-weight: 700;
}
.fb-box blockquote {
margin: 0;
padding: 0;
background: transparent;
}
.fb-box blockquote:after {
display: none;
}
.fb-box .fb_iframe_widget,
.fb-box .fb_iframe_widget span,
.fb-box .fb_iframe_widget iframe {
width: 100%!important;
}
@media (min-width: 768px) {
.fb-box {
 box-sizing: content-box;
 position: absolute;
 top: 0;
 right: 0;
 width: 370px;
}
}
/* ==========================================================================
 GALLERY
========================================================================== */
.gallery {
width: 100%;
padding: 0 0 20px 0;
}
.gallery .reset {
float: left;
width: 100%;
}
.gallery .item {
float: left;
width: 100%;
padding: 0 0 8px 0;
}
.gallery a {
position: relative;
display: block;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
.gallery a:after {
transition: opacity 0.25s ease-in-out;
content: '';
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #005772;
opacity: 0;
filter: alpha(opacity=0);
}
.gallery a:after {
opacity: .2;
filter: alpha(opacity=20);
}
.gallery a:hover:after {
opacity: .5;
filter: alpha(opacity=50);
}
.gallery .img {
position: relative;
z-index: 1;
display: block;
}
.gallery img {
display: inline-block;
margin: 0;
}
.gallery .txt {
position: absolute;
z-index: 3;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
padding: 10px 20px;
border: 2px solid #fff;
font-weight: 600;
font-size: 20px;
line-height: 1.2;
text-align: center;
white-space: nowrap;
text-shadow: black 1px 1px 10px;
}
@media (min-width: 480px) and (max-width: 767px) {
.gallery .item {
 width: 48%;
 float: left;
}
.gallery .item:nth-child(2n) {
 float: right;
}
.gallery .item:nth-child(2n+1) {
 clear: left;
}
}
@media (min-width: 768px) {
.gallery {
 padding-bottom: 35px;
}
.gallery .item {
 width: 32.8%;
 float: left;
 height: 227px;
 overflow: hidden;
 padding: 0;
}
.gallery .item:nth-child(3n-1) {
 margin-left: 0.8%;
 margin-right: 0.8%;
}
.gallery .item:nth-child(3n+1) {
 clear: left;
}
}
@media (min-width: 1024px) {
.gallery .txt {
 padding: 17px 30px;
 font-size: 24px;
}
}
/* ==========================================================================
 ARTICLE
========================================================================== */
.article {
width: 100%;
max-width: 836px;
margin: 0 auto 20px auto;
text-align: center;
}
@media (min-width: 768px) {
.article {
 margin-bottom: 35px;
}
}
/* ==========================================================================
 GRID LIST
========================================================================== */
.grid-list {
width: 100%;
padding: 0 0 20px 0;
}
.grid-list .reset {
float: left;
width: 100%;
}
.grid-list .item {
box-sizing: border-box;
position: relative;
float: left;
width: 100%;
padding: 10px 4% 75px 4%;
background: #eee;
text-align: center;
font-size: 16px;
}
.grid-list .item p {
padding: 5px 0;
}
.grid-list .item .price p {
padding: 0;
}
.grid-list .item:nth-child(2n) {
background: transparent;
}
.grid-list .price {
position: absolute;
bottom: 15px;
left: 0;
width: 100%;
}
.grid-list .price .btns {
display:block;
margin-top:20px;
}
.grid-list h3 {
padding-bottom: 15px;
font-size: 25px;
}
.grid-list p {
line-height: 1.3;
}
.service-popis {
min-width: 160px;
}

@media (min-width: 768px) {
.grid-list {
 padding: 0 0 40px 0;
}
.grid-list h3 {
 padding-bottom: 22px;
 font-size: 30px;
}
.grid-list .item {
 width: 33.3333%;
 font-size: 20px;
 padding-top: 20px;
}
.grid-list .item:nth-child(3n+1) {
 clear: left;
}
}
/* ==========================================================================
 CONTACT COLS
========================================================================== */
.contact-cols {
width: 100%;
padding: 0 0 20px 0;
margin: 0 auto;
}
.contact-cols .col {
box-sizing: border-box;
position: relative;
float: left;
width: 100%;
padding: 0 4% 10px 4%;
text-align: center;
font-size: 16px;
}
.contact-cols p {
padding: 4px 0;
}
@media (min-width: 768px) {
.contact-cols {
 width: 70%;
 padding: 0 0 20px 0;
 margin: 0 auto;
}
.contact-cols .col {
 width: 50%;
 padding-bottom: 60px;
 font-size: 20px;
}
.contact-cols .col:nth-child(2n+1) {
 clear: left;
}
.contact-cols p {
 padding: 8px 0;
}
}
/* ==========================================================================
 SUB FOOTER
========================================================================== */
.sub-footer {
padding: 20px 0 0 0;
background: #005772;
color: #fff;
}
@media (min-width: 768px) {
.sub-footer {
 padding: 30px 0 10px 0;
}
}
@media (min-width: 1024px) {
.sub-footer {
 padding: 50px 0 30px 0;
}
}
/* ==========================================================================
 LOGO LIST
========================================================================== */
.logo-list {
width: 100%;
}
.logo-list .reset {
float: left;
width: 100%;
text-align: center;
padding-bottom: 20px;
}
.logo-list .item {
box-sizing: border-box;
/*float: left;*/
width: 32%;
padding: 0 10px 20px 10px;
display: inline-block;
}
.logo-list .img {
display: block;
width: 100%;
height: auto;
}
.logo-list img {
display: inline-block;
max-height: 86px;
margin: 0 auto;
}
@media (min-width: 768px) {
.logo-list .item {
 width: 25%;
}
}
@media (min-width: 1024px) {
.logo-list .item {
 width: 24%;
 padding: 0 0 20px 0;
}
}
/* ==========================================================================
 FOOTER
========================================================================== */
#footer {
padding: 20px 0;
background: #313131;
}
@media (min-width: 768px) {
#footer {
 padding: 30px 0;
}
}
@media (min-width: 1024px) {
#footer {
 padding: 35px 0;
}
}
/* ==========================================================================
 HAMBURGER
========================================================================== */
.transHamburger {
transition: all 0.25s ease-in-out;
}
.hamburger {
position: absolute;
z-index: 7;
top: -1px;
right: 5px;
width: 46px;
height: 46px;
text-align: left;
}
.hamburger a {
transition: all 0.25s ease-in-out;
box-sizing: border-box;
position: relative;
display: block;
width: 100%;
height: 46px;
padding: 0 0 0 50px;
line-height: 46px;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
outline: none;
}
.hamburger a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
line-height: 100%;
}
.hamburger .lines {
transition: all 0.25s ease-in-out;
position: absolute;
top: 50%;
left: 15px;
width: 24px;
height: 2px;
margin-top: -1px;
background: #fff;
border-radius: 1px;
}
.hamburger .lines:before {
transition: all 0.25s ease-in-out;
content: '';
position: absolute;
top: -7px;
left: 0;
width: 24px;
height: 2px;
background: #fff;
border-radius: 1px;
}
.hamburger .lines:after {
transition: all 0.25s ease-in-out;
content: '';
position: absolute;
top: 7px;
left: 0;
width: 24px;
height: 2px;
background: #fff;
border-radius: 1px;
}
.nav-open .hamburger .lines {
-webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
       transform: rotate(45deg);
}
.nav-open .hamburger .lines:before {
opacity: 0;
}
.nav-open .hamburger .lines:after {
top: 0;
-webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
       transform: rotate(90deg);
}
@media (min-width: 768px) {
.hamburger {
 display: none;
}
}
/* ==========================================================================
GOOGLE MAP
========================================================================== */
.google-map {
position: relative;
width: 100%;
height: 500px;
background: #e5e3df;
}
.g-map-loader {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
color: #7e7e7e;
text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}
.g-map {
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
line-height: 19px;
}
@media (max-width: 767px) {
.google-map {
 height: 300px;
}
}
/* ==========================================================================
 Magnific Popup 1.0.0 - custom
========================================================================== */
.mfpOverlayOpacity {
opacity: 0.8;
filter: alpha(opacity=80);
}
.galleryArrow {
background: #000;
opacity: .5;
filter: alpha(opacity=50);
}
.mfpSprite {
background-image: url(../images/magnific-popup.png);
background-size: 160px 40px;
background-color: transparent;
}
.mfpSprite-old {
background-image: url(../images/magnific-popup-ie.png);
background-size: inherit;
background-color: transparent;
}
.mfp-bg {
opacity: 0.8;
filter: alpha(opacity=80);
overflow: hidden;
position: fixed;
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
}
.mfp-wrap {
position: fixed;
z-index: 101;
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none!important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
box-sizing: border-box;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
text-align: center;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
z-index: 105;
display: inline-block;
margin: 0 auto;
vertical-align: middle;
text-align: left;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
   user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: hidden;
z-index: 106;
display: block;
padding: 0;
border: 0;
background-color: transparent;
-webkit-appearance: none;
outline: none;
box-shadow: none;
cursor: pointer;
text-align: left;
text-indent: -100px;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
button.mfp-close {
background-image: url(../images/magnific-popup.png);
background-size: 160px 40px;
background-color: transparent;
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
background-position: -40px 0;
}
.no-backgroundsize button.mfp-close {
background-image: url(../images/magnific-popup-ie.png);
background-size: inherit;
background-color: transparent;
}
.mfp-close-btn-in .mfp-close {
background-position: 0 0;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
width: 40px;
}
.mfp-close-btn-in .mfp-image-holder .mfp-close,
.mfp-close-btn-in .mfp-iframe-holder .mfp-close {
margin-right: -12px;
background-position: -40px 0;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #fff;
font-size: 13px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
top: 50%;
width: 90px;
height: 200px;
margin: 0;
margin-top: -100px;
padding: 0;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:before {
background-image: url(../images/magnific-popup.png);
background-size: 160px 40px;
background-color: transparent;
content: '';
position: absolute;
z-index: 2;
top: 50%;
left: 10px;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0 0;
background-position: -80px 0;
}
.no-backgroundsize .mfp-arrow-left:before {
background-image: url(../images/magnific-popup-ie.png);
background-size: inherit;
background-color: transparent;
}
.mfp-arrow-left:after {
content: '';
position: absolute;
z-index: 1;
text-indent: 50%;
left: 10px;
width: 40px;
height: 40px;
margin: -20px 0 0 0;
background: #000;
opacity: .5;
filter: alpha(opacity=50);
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:before {
background-image: url(../images/magnific-popup.png);
background-size: 160px 40px;
background-color: transparent;
content: '';
position: absolute;
z-index: 2;
top: 50%;
right: 10px;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0 0;
background-position: -120px 0;
}
.no-backgroundsize .mfp-arrow-right:before {
background-image: url(../images/magnific-popup-ie.png);
background-size: inherit;
background-color: transparent;
}
.mfp-arrow-right:after {
content: '';
position: absolute;
z-index: 1;
text-indent: 50%;
right: 10px;
width: 40px;
height: 40px;
margin: -20px 0 0 0;
background: #000;
opacity: .5;
filter: alpha(opacity=50);
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
overflow: hidden;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
img.mfp-img {
box-sizing: border-box;
width: auto;
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
padding: 40px 0;
line-height: 0;
}
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
z-index: -1;
right: 0;
left: 0;
top: 40px;
bottom: 40px;
display: block;
width: auto;
height: auto;
background: #444;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.mfp-figure small {
display: block;
color: #bdbdbd;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
position: absolute;
top: 100%;
left: 0;
width: 100%;
margin-top: -36px;
cursor: auto;
}
.mfp-title {
padding-right: 36px;
color: #fff;
font-size: 15px;
line-height: 18px;
text-align: left;
word-wrap: break-word;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
 padding-left: 0;
 padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
 padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
 top: 0;
 bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
 display: inline;
 margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
 box-sizing: border-box;
 position: fixed;
 top: auto;
 bottom: 0;
 margin: 0;
 padding: 3px 5px;
 background: rgba(0, 0, 0, 0.6);
}
.mfp-img-mobile .mfp-bottom-bar:empty {
 padding: 0;
}
.mfp-img-mobile .mfp-counter {
 right: 5px;
 top: 3px;
}
.mfp-img-mobile .mfp-close {
 position: fixed;
 top: 0;
 right: 0;
 width: 35px;
 height: 35px;
 padding: 0;
 background: rgba(0, 0, 0, 0.6);
 line-height: 35px;
 text-align: center;
}
}
@media all and (max-width: 900px) {
.mfp-container {
 padding-left: 6px;
 padding-right: 6px;
}
}
/* ANIMATION
 ========================================================================== */
.mfp-fade.mfp-bg {
opacity: 0;
filter: alpha(opacity=0);
transition: all 0.25s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
filter: alpha(opacity=0);
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
filter: alpha(opacity=0);
transition: all 0.25s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
filter: alpha(opacity=0);
}
/* ==========================================================================
 DIALOG
========================================================================== */
.dialog {
position: relative;
width: auto;
max-width: 500px;
margin: 20px auto;
padding: 20px;
background: #fff;
}

/* ==========================================================================
 Gallerie
========================================================================== */

.gallery-page {
	text-align: center;
}

.foogallery-thumbnail.position-float-left {
	float: none !important;
	display: inline-block;
}

/* ==========================================================================
 Global
========================================================================== */

.anchor:before {
	display: block;
 	content: " ";
  height: 110px;      /* Give height of your fixed element */
  margin-top: -110px; /* Give negative margin of your fixed element */
	visibility: hidden;
}

.single {
	margin-top: 40px;
}

/* wordpress p in il fix */
li>p {
padding: 0;
}

/* ==========================================================================
 Flexbook
========================================================================== */
#flexbook_profile {
float: left;
margin-top: 10px;
padding-left: 10px;
right: 0;
background-color: transparent;
z-index: 1;
border: none;
border-left: 1px solid white;
}

@media (max-width: 1023px) and (min-width: 768px){ 
	#flexbook_profile {
		float: none;
		display: inline-block;
	}
	.menu-hlavni-menu-container,
	#main-nav {
		display: inline-block;
	}
}
@media (max-width: 767px) {
	#flexbook_profile {
		float: none;
		border: none;
		margin-top: 5px;
		padding-bottom: 0;
	}
	div.flb_profile div.flb_profile_fullname_clickable {
		padding-top: 0 !important;
	}
}

/* flbProfile - hide email */
div.flb_profile_fullname span.email { display: none; }

#flexbook_profile_flb_profile_login_prepare,
#flexbook_profile_flb_profile_registrate_prepare {
float: none;
border: none;
text-transform: uppercase;
font: 16px 'Roboto Condensed', sans-serif;
margin-top: 0;
background-color: transparent;
padding: 0 10px 0 0;
font-weight: 300;
transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
#flexbook_profile_flb_profile_login_prepare {
	color: white;
}

#flexbook_profile_flb_profile_login_prepare:hover,
#flexbook_profile_flb_profile_registrate_prepare:hover {
color: #72deff;
}

div.flb_profile_extra {
text-align: left;
color: #666;
font-size: 18px;
}

div.flb_profile div.button,
.flb_output input[type=button] {
margin-top: 0;
}

div.flb_profile div.flb_title {
padding-bottom: 20px;
}

div.flb_profile div.flb_profile_extra {
top: 30px;
width: auto;
}

#flexbook_profile_flb_reservation_list, .flb_profile_extra {
bottom: auto;
}

#flexbook_profile_flb_login>div.button {
margin-top: 10px;
}

#flexbook_profile_flb_registration_email {
height: 10px;
}

div.flb_event_detail div.flb_event_attendee_reservation {
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
max-width: 500px;
}

div.flb_event_detail div.input {
margin-top: 30px;
}

#flexbook_profile_flb_profile_username, input[type="password"] {
height: auto !important;
}

#flexbook_profile_flb_profile_username,
#flexbook_profile_flb_profile_password {
padding: 4px 8px;
}

.flexbook_profile_flb_profile_username_label,
.flexbook_profile_flb_profile_password_label {
line-height: 1.5;
}

#flexbook_profile_flb_profile_extra input[type=button] {
padding: 4px 8px;
}

#flexbook_profile_flb_profile_detail,
#flexbook_profile_flb_password {
margin: 20px auto 0px auto;
}

.flb_profile_advertising_label {
padding-top: 5px;
}

.flb_reservation_detail {
padding-top: 20px;
}

.flb_reservation_detail .button,
.flb_profile_extra_all .button,
#flexbook_profile_flb_registration .button {
padding-top: 20px;
}

.flb_registration_email_value {
min-width: 50px !important;
}

.flb_output.flb_reservation_detail input[type=button] {
margin-right: 0px
}

#flexbook_profile_flb_profile_extra>div.button {
margin-top: 5px;
}

.flb_reservation_detail {
line-height: 1.5;
}

.fc-bgevent {
opacity: .75;
}

@media (max-height: 600px) {
#flexbook_profile_flb_reservation_list, .flb_profile_extra {
bottom: 0px;
}
div.flb_profile div.flb_profile_extra {
top: 0px;
left: 0px;
right: 0px;
overflow: scroll;
}
}

#logo {
z-index: 1;
}

.flexbook-page h1 {
padding-top: 15px;
}

.single {
margin-top: 0;
}

.xdsoft_calendar>table {
min-width: auto;
}

.country-list li:before {
content: none;
}
.intl-tel-input .country-list {
width: 300px;
}

.fc-unthemed .fc-today {
	background-color: transparent;
}
.flb_calendar_legend .fc-today {
	display: none;
}
/* ==========================================================================
 Optimalization 6/18
========================================================================== */

.promo {
	padding: 40px 0 80px 0;
}
.promo h1 {
	color: #333333;
	font-size: 55px;
	text-transform: none;
	font-weight: bold;
	padding-top: 0;
}

.promo .mainsub {
	color: #333333;
	font-size: 20px;
	font-family: roboto condensed;
	font-weight: bold;
	margin-top: -30px;
}

.promo p {
	max-width: 515px;
	font-size: 24px;
}

.h2bold {
	color: #333;
	font-weight: bold;
	letter-spacing: 0;
}
.fb-box {
	margin-top: 40px;
}

.bar {
	padding-bottom: 40px;
}
.bar-popis {
	max-width: 470px;
	text-align: center;
	margin: auto;
}

/* Sub menu */
.menu-item-has-children:after {
	content: '\25BD';
	padding-left: 5px;
	font-size: 0.8em;
}
.menu-item-has-children ul {
	position: absolute;
	background-color: #005772;
	text-align: left;
	padding: 10px 15px 5px 15px;
	margin-left: -15px;
	min-width: 160px;
	display: none;
}

.menu-item-has-children ul li {
	padding: 5px 0 5px 0;
}
.menu-item-has-children ul li:before {
	content: none;
}

.menu-item-has-children:hover ul {
	display: block;
}

/* gallery */
.bwg_title_spun2_0 {
	color: white !important;
	font-size: 32px !important;
	font-family: inherit !important;
	text-transform: uppercase;
	text-shadow: 1px 1px 4px #333;
}
.bwg_back_0 {
	visibility: hidden;
	margin-top: -30px !important;
}
.bwg_back_0:after {
	content:'Další galerie'; 
	visibility: visible;
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	color: #005772;
	letter-spacing: 0px;
	padding-bottom: 20px;
}

/*mobile*/
@media (max-width: 900px) {
	.promo h1 {
		font-size: 55px;
	}
	.promo .mainsub {
		font-size: 24px;
	}
	.promo p {
		font-size: 24px;
		max-width: 360px;
	}
	
}
@media (max-width: 768px) {
	.promo p {
		max-width: 100%;
	}
	.bar-popis, .bar-ikony {
		width: 100%;
	}
	.menu-item-has-children:hover ul {
		display: none;
	}
	#hero {
		background-size: contain;
		height: 200px;
		background-position: 0 60px;
	}
	
}

/* ==========================================================================
 Zimni sezona upravy 9/18
========================================================================== */
#denni-menu table {
	min-width: auto !important;
}
@media (min-width: 768px) {
	#main-nav > li {
		padding: 0 14px;
	}
}

.napojovy-right,
.napojovy-left {
	float:left;
	width: 50% !important;
}
@media (max-width: 768px) {
	.napojovy-right,
	.napojovy-left {
		width: 100% !important;
	}
}

/* ==========================================================================
 Upravy pro PPC 10/18+3/12
========================================================================== */
.page-id-1466 #hero {
	background-position: top;
}

.bar-jidelni table td {
	padding-left: 0;
	padding-right: 0;
}

.section .gallery.main-row:nth-of-type(3) {
	margin-top: -55px;
}

@media (max-width: 768px) {
	.page-id-1466 #hero {
		background-position: center;
	}
	.page-id-1536 #hero {
		background-position: top left;
	}
	.page-id-1546 #hero {
		background-position: center top;
	}
}
table {
	min-width: 100%;
}
/*.bar-uvod {
	max-width: 720px;
	margin: 0 auto;
}
.bar-uvod p {
	max-width: 750px;
}*/

/* akce list */
.section-akce {
	height: 100%;
	display: block;
	padding: 10vh 0;
}

.akce-list {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	position: relative;
	text-align: center;
}

.akce-list img {
	margin: 0;
}
.akce-list:last-child {
	margin-bottom: 60px;
}

.akce-list .akce-after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    color: #FFF;
	line-height: 480px;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
}
.akce-list:hover .akce-after {
    display: block;
	background: rgba(0, 87, 114, .5);
}

@media (max-width: 715px) {
	.akce-list {float: none;}
}

/* akce single */
.single-post #hero {
	display: none;
}

.single-post .content-area {
	margin-top: 86px;
}
.single-post .section > img {
	float: left;
	width: 40%;
	margin-right: 30px;	
	margin-top: 40px;
}

@media (min-width: 768px) and (max-width: 1023px) {
	.single-post article {
		margin-top: 80px;
	}
	.single-post .section > img {
		margin-top: 80px;
	}
}
@media (max-width: 767px) {
	.single-post .content-area {
		margin-top: 16px;
	}
}

@media (max-width: 730px) {
	.single-post .section > img {
		float: none;
		width: auto;
		/*margin-top: -15px;*/
		margin-right: auto;	
	}
}

@media (min-width: 1024px) {
	.single-post #logo {
		top: -4px;
		padding: 5px;
		width: 50px;
	}
}

.wp-show-posts-entry-summary {
	margin-bottom: 0;
}

/* akce list plugin */
.wp-show-posts {
	max-width: 875px;
	padding-bottom: 60px;
}
.wp-show-posts .wp-show-posts-entry-header {
	margin-bottom: 0;
}
.wp-show-posts .wp-show-posts-entry-summary p {
	padding-top: 0;
}

@media (max-width: 767px) {
	.wp-show-posts {
		max-width: 400px;
	}
}

/* strizba */
.postid-1944 #flexbook_1 .flb_event_list_item,
.flexbook-inline #flexbook_1 .flb_event_list_item {
	display: inline;
}
.postid-1944 #flexbook_1 .flb_event_list_item_desc,
.flexbook-inline #flexbook_1 .flb_event_list_item_desc {
	display: none;
}
article .entry-footer {
	display: none;
}

/* mobil optimalizace */
@media (max-width: 768px) {
	.promo {
		padding: 10px 0 40px 0;
	}
	.promo h1 {
		font-size: 42px;
	}
	.promo .mainsub {
		margin-top: -10px;
		line-height: 1.2em;
	}
}

.flb_list_item .flb_event_list_item_desc {
	width:100%;
}
.flb_list_item {
	max-width: 950px;
	width: 100%;
}

#flexbook_profile_flb_profile_fullname {
	color: white;
}

/* upravy leto 2020 */
.grid-list .item .service-image img {
	margin: 0 auto;
}

.page-hero #hero {
	background-position: center 80px !important;
}

/* upravy zima 2020 */
.section-akce-kalendar {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.akce-kalendar {
	flex-basis: 30%;
}

/* cookies */
#cmplz-document {
	max-width: none;
	padding-bottom: 60px;
}
#footer a{
	color: #666;
}
.flb_calendar .fc-title {
	display: none;
}

#flexbook_3_editEvent_form {
	min-height: auto !IMPORTANT;
}
#flexbook_3_editEvent_form fieldset {
	display: none;
}
#flexbook_3_editEvent_form::after {
	content: "Pro informace o Vaší registraci náš prosím kontatkujte.";
}

/* ==========================================================================
 Redesign leto 22
========================================================================== */
/* general style */
@media (min-width: 1024px) {
	.header-22 #logo {
    	top: -4px;
    	padding: 5px;
	}
	.header-22 #logo img {
		width: 50px;
	}
}
.page-content-22 {
	margin-top: 74px;
}
.page-content-22 .wp-block-columns {
	max-width: 1280px;
    margin: 5em auto;
}
.page-content-22 .wp-block-columns:not(.tile) {
	margin: 4em auto;
	padding: 1em;
}
.page-content-22 {
	font-size: 18px;
}
.page-content-22 h1,
.page-content-22 h2,
.page-content-22 h3 {
	line-height: 1.3;
	padding-bottom: 0;
}
.page-content-22 .wp-block-video video {
	height: 100%;
}

.page-content-22 .wp-block-button__link,
.page-content-22 .flb_event_list .flb_button:not(.flb_event_list_item_button_detail) {
	text-transform: uppercase;
	color: #fff;
	background-color: #005772;
	border: 1px solid #005772;
	padding: 0.6em 1em 0.4em 1em;
	border-radius: 3px;
	font-size: 1em;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.page-content-22 .btn-inverted .wp-block-button__link {
	background-color: transparent;
	border: 2px solid #fff;
	font-weight: 400;
}
.page-content-22 .wp-block-button__link:hover,
.page-content-22 .flb_event_list .flb_button:hover {
	background-color: #178fcf;
	box-shadow: 0 7px 14px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);
	border-color: #178fcf;
}
.page-content-22 .flb_event_list .flb_button:not(.flb_event_list_item_button_detail) {
	word-break: normal !important;
	border: none !important;
	box-shadow: none !important;
	border: 1px solid #005772 !important;
}
.page-content-22 .flb_event_list .flb_event_list_item_button_detail {
	word-break: normal !important;
	box-shadow: none !important;
	padding: 0.6em 1em 0.4em 1em;
	border-radius: 3px;
	font-size: 1em;
  	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.page-content-22 ul li {
	padding: initial;
	list-style: inside;
	line-height: 1.7;
}
.page-content-22 ul li:before {
	display: none;
}

/* tile boxes */
.page-content-22 .tile,
.page-content-22 .tile figure {
	margin: -4px 0;
	
}
.page-content-22 .tile {
	max-width: none;
	gap: 0em;
}
.page-content-22 .tile > div {
	flex: 1;
	align-self: stretch;
	display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
}
.page-content-22 .tile > div .wp-block-group {
	padding: 2em 1em;
	max-width: 440px;
}
.page-content-22 .tile figure,
.page-content-22 .tile figure img {
	object-fit: cover;
    height: 100%;
	margin: 0;
}
.page-content-22 .tile-slider {
	align-items: stretch !important;
}
.page-content-22 .wp-block-image .aligncenter {
	margin: 0 auto;
}
.page-content-22 .has-white-color p > a {
	color: white;
	font-weight: bold;
}

.page-content-22 .tile-cenik > div {
	justify-content: space-between;
	align-items: normal;
}
.page-content-22 .tile-cenik h2 {
	padding-top: 1.25em;
}
.page-content-22 .tile-cenik .wp-block-group {
	max-width: 400px;
    margin: 0 auto;
}
.page-id-5021 .page-content-22 .tile figure {
	max-height: 50vh;
}
.page-id-5021 .page-content-22 .tile figure.title-full {
	max-height: none;
}

/* home page */
.page-content-22 .intro-text {
	max-width: 375px !important;
}
.page-content-22 .tile-space {
	margin: 3em;
}
.page-content-22 .tile-space ul li {
	list-style: none;
}
.page-content-22 .wp-block-latest-posts__post-title {
	text-transform: uppercase;
    font-size: 24px;
    text-decoration: none;
    font-weight: 400;
}
.show-mobile {
	display: none !important;
}
.page-content-22 .btn-duo {
	margin-top: -4em;
}

/* reserve page */
.page-content-22 .columns-title {
	margin-bottom: -5em !important;
}
.page-content-22 .flb_calendar_legend {
	float: right;
}
.page-content-22 .flb_calendar_legend .event_reservation,
.page-content-22 .flb_calendar_legend .event_providerEvent {
	display: none;
}
.page-content-22 .fc-toolbar {
	padding-top: 25px !important;
}
.page-content-22 .fc-toolbar h2 {
	padding: 0 !important;
}
.n2-active {
	background-color: #e77e24
}

/* reserve form */  
.page-content-22 .wpcf7 label {
	display: flex;
    justify-content: flex-start;
    align-items: center;
	padding: 3px 0;
}
.page-content-22 .wpcf7 label span {
	min-width: 100px;
	max-width: 100px;
}
.page-content-22 .wpcf7 label span.wpcf7-not-valid-tip {
	width: 230px !important;
    max-width: none !important;
}
.page-content-22 .wpcf7 input,
.page-content-22 .wpcf7 textarea,
.page-content-22 .wpcf7 select {
	max-width: 220px;
	border-radius: 5px !important;
}
.page-content-22 .wpcf7 input[type=submit] {
	float: right;
	max-width: none;
	font-size: 16px;
	text-transform: uppercase;
	padding: 0.8em 1.5em 0.6em 1.5em;
	box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.page-content-22 .wpcf7 input[type=submit]:hover {
	box-shadow: 0 7px 14px rgb(0 0 0 / 25%), 0 5px 5px rgb(0 0 0 / 22%);
}
.page-content-22 .wpcf7 br {
	display: none;
}
.wpcf7 form .wpcf7-response-output {
	font-size: 16px;
	font-weight: bold;
	max-width: 240px;
	border: 2px solid white !important;
}
.wpcf7 form .rezervace-popis {
	position: absolute;
	margin-top: 75px;
	font-style: italic;
}

/* mobile */
@media only screen and (min-width: 1023px) and (max-width: 1511px) {
.page-content-22 .tile-cenik > div:nth-child(1) h2,
.page-content-22 .tile-cenik > div:nth-child(2) h2{
}
}
@media only screen and (max-width: 1023px) {
	.page-content-22 {
		margin-top: 60px;
	}
	.page-content-22 .show-desktop {
		display: none !important;
	}
	.page-content-22 .show-mobile {
		display: flex !important;
	}
	.page-content-22 .tile-beach div:nth-child(1) {
		order: 2;
	}
	.page-content-22 .tile-beach div:nth-child(2) {
		order: 1;
	}
	.page-content-22 .tile-space {
		margin: 0;
		padding: 1em;
	}
	.page-content-22 .wp-block-columns {
    	flex-wrap: wrap!important;
	}
	.page-content-22 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    	flex-basis: 100%!important;
	}
	.page-content-22 .tile-cenik > div > .wp-block-spacer {
		display: none;
	}
}

/* flexbook fix */
.header-22 div.flb_profile div.flb_profile_fullname_clickable {
	padding-top: 0 !important;
}
.page-content-22 .flb_event_reserve_attendee_label, 
.page-content-22 .attendee {
	border-left: none !important;
}
.page-content-22 .flb_event_places {
	height: 32px !important;
}

.display-none {
	display: none;
}

/* figcaption */
.custom-figcaption figcaption{
	text-align: center;
    margin-top: -4em;
    margin-bottom: auto;
    color: white;
    font-size: 1.5em;
    font-weight: 500;
    text-transform: uppercase;
    text-shadow: 1px 1px 5px black;
    background: rgb(0,0,0);
    background: linear-gradient(360deg, rgba(0,0,0,0.49968490814294464) 66%, rgba(0,0,0,0) 100%);
    position: relative;
    padding: 0.5em;
}
.wp-block-separator {
	border-bottom: none;
	border-top: none;
	background: black;
}

/* reservanto */

.reservanto-widget {
	display: block !important;
	text-align: center;
	height: auto !important;
}
.reservanto-widget a {
	text-transform: uppercase;
    color: #fff;
    background-color: #005772 !important;
    border: 1px solid #005772;
    padding: 0.6em 1em 0.4em 1em;
    border-radius: 3px;
    font-size: 1em;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	font-family: inherit;
	font-weight: lighter;
}
.reservanto-widget a:hover {
	background-color: #178fcf !important;
	box-shadow: 0 7px 14px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22) !important;
	border-color: #178fcf;
}


.page-reservanto {
	margin-top: 0;
}
.page-reservanto .reservanto-iframe {
	top: 0;
    left: 0;
	bottom: 0;
	right: 0;
    margin-top: 0;
    margin-left: 0;
    height: 100% !important;
	max-width: 100% !important;
	position: fixed;
}
.no-space1 {
	margin-bottom: 0 !important;
}
.no-space2 {
	margin-top: 0 !important;
}

/* reservanto */
.grecaptcha-badge { 
visibility: hidden; 
}

/* strana akce */
.title-slim {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.page-id-6123 .tile-cenik .wp-block-group {
	max-width: 485px !important;
}
.title-form {
	max-width: 375px !important;
}
.text-center {
	max-width: 750px;
    margin: 0 auto;
}
.menu-home a {
	display: inline-block;
    background-image: url(https://www.kayakbeachbar.cz/wp-content/uploads/2024/01/logo-w.png);
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    margin-bottom: -18px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}