/*
Theme Name: Lavande
Author: Delab
Author URI: http://www.delab.cz/
Description: Vytvořeno pro potřeby webu restaurace Lavande
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: lavande
Domain Path: /translations
*/

/* CSS Document */


/* ___| set |_____________________ */


@font-face {
    font-family: 'skolacek';
    src: url('assets/css/font/skolacek-ce-webfont.eot');
    src: url('assets/css/font/skolacek-ce-webfont.eot#iefix') format('embedded-opentype'), url('assets/css/font/skolacek-ce-webfont.woff') format('woff'), url('assets/css/font/skolacek-ce-webfont.ttf') format('truetype'), url('assets/css/font/skolacek-ce-webfont.svg') format('svg');
    font-weight: normal; font-style: normal;
}

.t-left { text-align: left !important; } .t-center { text-align: center !important; } .t-right { text-align: right !important; }
.clear  { margin: 0; padding: 0; height: 0; overflow: hidden; clear: both; }
.f-left { float: left !important; } .f-right { float: right !important; }
.nom    { margin: 0 !important; } .nomb { margin-bottom: 0 !important; }
.none { display: none; }


/* ___| document |_____________________ */


html, body { min-height: 1200px; }
html { background-color: #0e0c0a; background-image: url("assets/img/bg.jpg"); background-repeat: no-repeat; background-position: center top; }
body { font-family: Tahoma, sans-serif; font-weight: 400; font-size: 13px; color: #fff; background: url("assets/img/bg-strip.jpg") repeat-x center 633px; }

h1 { margin-bottom: 18px; font-family: 'Didact Gothic', sans-serif; font-size: 42px; color: #fff; }
h2 { margin-bottom: 14px; font-family: 'Didact Gothic', sans-serif; font-size: 36px; color: #996eac; }
h3 { margin-bottom: 10px; font-family: Tahoma, sans-serif; font-size: 15px; font-weight: bold; color: #996eac; }
p { margin-bottom: 16px; line-height: 20px; }

strong { font-weight: 700; }
em { font-style: italic; }
a { color: #fff; text-decoration: underline; transition: .25s; }
a:hover { text-decoration: none; }

table { margin: 0 0 10px 0; width: 100%; border-collapse: collapse; }
table td { padding: 9px 6px; text-align: left; color: #fff; vertical-align: middle; font-size: 18px; border: none; }
table td.flag { /*padding: 0;*/ white-space: nowrap; }


/* ___| wrapper |_____________________ */


.wrapper { margin: 0 auto; width: 1023px; position: relative; }
.main { width: 100%; min-height: 772px; background: url("assets/img/bg-board.jpg") no-repeat center 42px; }


/* ___| header |_____________________ */


.header { width: 100%; height: 174px; position: relative; }

.logo { position: absolute; top: 0; left: 50%; padding: 0; margin-left: -143px; background: none; z-index: 200; }
.logo a { width: 287px; height: 156px; display: block; background: url("assets/img/logo.jpg") no-repeat 0 0; text-indent: -2000px; overflow: hidden; }


/* ___| navigation |_____________________ */


.nav { margin: 0 -54px; position: absolute; top: 52px; left: 0; z-index: 100; width: 1130px; height: 85px; background: url("assets/img/bg-menu.png") no-repeat 0 0; }
.nav ul { margin: 20px 0 0 66px; }
.nav ul li { font-size: 14px; font-weight: 700; list-style: none; float: left; }
.nav ul li:nth-of-type(5) { margin-left: 320px; }
.nav ul li a { margin: 0; padding: 0 13px; display: inline-block; line-height: 66px; vertical-align: middle; color: #fff; text-decoration: none; transition: .25s; text-shadow: 1px 1px 0 rgba(0,0,0,.75); }
.nav ul li a:hover, .nav ul li.current_page_item a { color: #ffdaa9; }

.lang { position: absolute; top: 2px; right: 280px; }
.lang li { font-weight: bold; font-size: 14px; list-style: none; float: left; }
.lang li a { padding: 12px 11px; display: inline-block; color: #fff; text-decoration: none; font-weight: bold; font-size: 14px; list-style: none; text-shadow: 1px 1px 0 rgba(0,0,0,.75); }
.lang li a:hover, .lang li.curr a { color: #ffdaa9; }

.ifb, #TA_socialButtonIcon829, .zomato-min { padding: 2px 0 0 30px; display: block; color: #fff; height: 20px; text-decoration: none; position: absolute; font-weight: bold; top: 13px; right: 20px; background: url("assets/img/ico-fb-blue.png") no-repeat 0 0; }
.zomato-min { z-index: 100; background: url("assets/img/ico-zomato-min.png") no-repeat 0 0; right: 230px; } 
.ifb:hover, #TA_socialButtonIcon829:hover { color: #658de1; }
#TA_socialButtonIcon829 { background: none; right: 210px; top: 11px; }
#TA_socialButtonIcon829 ul li { list-style: none; }


/* ___| content |_____________________ */


#content { padding: 25px 90px; height: 550px; }

.cont { width: 100%; padding-right: 2%; height: 500px; overflow: auto; float: none; }
.cont.noscroll { padding-right: 0; overflow: visible; }
.col-left { margin: -10px 0 0 -25px; width: 274px; float: left; }
.col-right { margin: 0; width: 530px; float: right; }

.cont h1 { font-size: 38px; margin: /*-22px*/0 0 22px 0; }
.cont.col-right h1 { font-size: 42px; margin: -12px 0 18px 0; }

.description { color: #cba576; line-height: 32px; }
.description span { margin: 0 20px 0 10px; display: inline-block; line-height: 32px; vertical-align: top; }

.date { color: #996eac; margin: -10px 0 30px 0; font-size: 11px !important; font-weight: bold; } 

.pages { margin-top: 10px; text-align: center; color: #555; float: left; clear: both; width: 100%; }
.pages a { padding: 0 7px; font-weight: bold; text-decoration: none; }
.pages .current, .pages a:hover { color: #c69bd7; font-weight: bold; }
.pages .next, .pages .prev { display: inline-block; width: 8px; height: 10px; text-indent: -2000px; overflow: hidden; }
.pages .prev { background: url("assets/img/arrl.png") no-repeat center 0; }
.pages .next { background: url("assets/img/arrr.png") no-repeat center 0; }

.album { display: none; }

.grid { margin: 10px 16px 10px 0; float: left; width: 264px; color: #fff; text-decoration: none; }
.grid:hover { color: #996eac; }
.grid img { margin-bottom: 12px; width: 100%; height: 163px !important; float: left; clear: both; }
.grid span { display: block; text-align: center; font-weight: bold; }
.grid:nth-of-type(3n+3) { margin-right: 0; }

.select { margin: 4px 0 0 0; display: inline-block; float: right; }
.select li { width: 203px; list-style: none; position: relative; background: url("assets/img/bg-select.png") no-repeat 0 0; cursor: pointer; }
.select li a { padding: 0 40px 0 12px; line-height: 31px; height: 31px; display: block; color: #fff; text-decoration: none; overflow: hidden; }
.select li ul { padding: 8px 0; width: 100%; display: none; position: absolute; top: 30px; left: 0; z-index: 100; background: #202527; border: 1px solid #373d40; border-radius: 5px; box-shadow: 0 0 14px rgba(0,0,0,.9); }
.select li ul li { width: auto; list-style: none; position: relative; background: none; border: none; border-radius: 0; }
.select li ul .vybrane { display: none; }
.select li ul li a { display: block; padding: 0 16px; }
.select li ul li a:hover { color: #996eac; background: #2e3437; }

.menu { display: none; }
.menu.zobrazene { display: block; }

.frm { margin-top: 30px; }
.frm legend { display: none; }
.frm p { margin: 0 0 6px 0; }
.frm label { display: inline-block; width: 140px; }
.frm input, .frm select { margin-right: 32px; padding: 7px 10px; width: 220px; background: #fff; border: none; font-family: Tahoma, sans-serif; font-size: 13px; color: #444; }
.frm select { width: 160px; }
.frm span select { margin-left: -4px; }
.frm input.narr { width: 30px; }
.frm select.narr { width: 100px; }
.frm label.narr { width: 50px; }
.frm input[type='submit'], .btn-buy { margin: 20px 0 0 0; padding: 9px 40px 9px 14px; background: #391952 url("assets/img/arr-r.png") no-repeat right center; color: #fff; width: auto; font-size: 14px; cursor: pointer; transition: .25s; }
.frm input[type='submit']:hover, .btn-buy:hover { opacity: .7; }
.btn-buy { padding-right: 43px; margin-top: 20px; text-decoration: none; display: block; float: left; clear: both; background: #391952 url("assets/img/ico-buy.png") no-repeat right 13px center; }
.frm input#datum { width: 140px; background: #fff url("assets/img/ico-date.png") no-repeat 134px center; }

.zprava p { font-weight: bold; color: #996eac; }

.alignright { margin: 0 0 10px 20px; float: right; } 

.uvod, .uvod body { min-height: inherit !important; }
.uvod body { background: url("assets/img/bg-strip-uvod.jpg") repeat-x center 633px; }
.uvod #news { display: none; }
.uvod article.post { width: 100%; margin-right: 0; } 
.uvod .pages { text-align: left; }
.uvod .next { text-indent: 0; overflow: visible; width: auto; height: auto; background-position: right center; padding-right: 15px; } 
.uvod .footer { padding-top: 35px; }
.uvod .copy { margin-top: 58px; }
.uvod .fb { top: 132px; }


/* ___| column left |_____________________ */


.col-left p { color: #d3d3d3; line-height: 19px; }

.btn-side { margin: 0 0 14px -80px; padding: 23px 0 0 75px; display: block; font-weight: bold; line-height: 18px; width: 273px; height: 52px; text-shadow: 1px 1px 1px rgba(0,0,0,.75); background: url("assets/img/btn-side.png") no-repeat 0 0; color: #fff; text-decoration: none; transition: .25s; }
.btn-side strong { font-size: 15px; color: #ffdaa9; display: block; text-transform: uppercase; }
.btn-side:hover { color: #ffdaa9; }

#slides, .map, #events .image { margin: 0 0 10px -67px; width: 308px; height: 292px; display: none; background: #fff; border: 14px solid #fff; box-shadow: 0 0 38px rgba(0,0,0,.65); position: relative; }
.map { display: block; }
.imgl { width: 308px; height: 294px; float: left; z-index: 0; }


/* ___| footer news |_____________________ */


#news { padding: 30px 0 0 0; height: 330px; background: url("assets/img/bg-strip.jpg") no-repeat center -141px; }
#news h2 { margin: 0 10px 0 0; color: #fff; font-size: 49px; font-family: 'Didact Gothic', sans-serif; text-align: center; }

.news-box { margin: 57px 0 0 10px; background: rgba(0,0,0,.5); clear: both; float: left; padding: 30px 35px 0 35px; width: 933px; }
.post { margin: 0 35px 0 0; width: 440px; float: left; }
.post:nth-of-type(2n+2) { margin-right: 0; }
.post time { margin: 0 0 0 0; padding: 0 30px 48px 0; line-height: 36px; min-height: 86px; width: 100px; float: left; font-family: 'Didact Gothic', sans-serif; font-size: 21px; color: #996eac; text-align: right; }
.post time span { display: block; color: #fff; font-size: 39px; }
.post h3 { margin: 0 0 12px 0; font-size: 20px; font-weight: bold; color: #996eac; }
.post h3 a { text-decoration: none; color: #996eac; transition: .25s; }
.post h3 a:hover { color: #fff; }
.post p { line-height: 19px; }
.news-box p.t-center { margin: 0; }
.btn-more { background: #43295f; color: #fff; text-decoration: none; padding: 3px 16px; display: inline-block; font-size: 12px; }
.btn-more:hover { opacity: .7; }

.cont .post { margin-top: 10px; margin-bottom: 15px; width: 395px; }


/* ___| footer |_____________________ */


.footer { margin: 0; padding-bottom: 40px; color: #9d877e; position: relative; }

.footer #open { margin: 34px 0 20px 34px; font-size: 17px; width: 820px; float: left; }
.footer #open h4 { font-weight: bold; margin: 0 0 18px 0; }
.footer #open p { line-height: 23px; width: 300px; float: left; }
.footer #open p:nth-of-type(1) { width: 200px; }
.footer #open p:nth-of-type(2) { width: 310px; }
.footer #open p:nth-of-type(3) { width: 240px; }
.footer #open p strong { display: inline-block; width: 70px; }
.footer #open p a { color: #9d877e; }

.fb, #TA_socialButtonIcon98, .zomato { position: absolute; top: 92px; right: 34px; text-indent: -2000px; overflow: hidden; width: 24px; height: 24px; display: block; background: url("assets/img/ico-fb.png") no-repeat 0 0; transition: .25s; }
.zomato { background: url("assets/img/ico-zomato.png") no-repeat 0 0; right: 105px; }
.uvod .zomato { top: 132px; }
.fb:hover, #TA_socialButtonIcon98:hover, .zomato:hover { opacity: .7; } 
.uvod #TA_socialButtonIcon98 { top: 132px; }
#TA_socialButtonIcon98 { background: none; right: 70px; text-indent: 0; top: 92px; }
#TA_socialButtonIcon98 img { width: 24px; height: 24px; }

.copy { margin: 38px 34px 20px 0; float: right; }



#open { position: relative; }
.wifi { width: 94px; height: 36px; background: url("assets/img/wifi-header.png") no-repeat 0 0; position: absolute; top: 0; left: 250px; }
.wifi-footer { position: absolute; bottom: 0; right: -10px; width: 115px !important; height: 44px; background: url("assets/img/wifi-footer.png") no-repeat 0 0; }  

.uvod .menu { position: absolute; top: 150px; right: 60px; width: 140px; } 
.uvod .menu li { list-style: none; }
.uvod .menu li a { display: block; margin-bottom: 1px; padding: 4px 13px; background: #3a4043; color: #fff; text-decoration: none; font-family: 'Didact Gothic', sans-serif; font-size: 17px; } 
.uvod .menu li a:hover { text-decoration: none; background: #5c3d7e; }

.uvod-news h2 { margin-bottom: 40px; text-align: center; color: #fff; font-size: 37px; line-height: 37px; background: url("assets/img/bg-tit.png") no-repeat center center; }
.uvod-news .news-box { margin: 0; padding: 0; float: left; width: auto; }
.uvod-news .news-box .post { margin-top: 10px; margin-bottom: 0; padding-right: 25px; width: 385px; float: left; } 
.uvod-news .news-box .post time { padding-bottom: 0; }

#events { margin: 10px 0 30px 0; float: left; clear: both; width: 100%; }
#events h2 { margin: 20px 0 15px 0; color: #fff; font-size: 37px;  line-height: 42px; padding-right: 130px; }
#events p { font-size: 16px; line-height: 24px; }
#events .image { margin: 0 40px 10px 0; display: block; width: 300px; height: 200px; overflow: hidden; float: left; }
#events .image img { display: block; width: 100%; }

.wp-smiley { width: auto !important; height: auto !important; }

.highlight { background: rgba(92, 34, 111, .4); padding: 4px 8px; border-radius: 4px; }