/*
	Theme Name: OSPZ
	Description: Sablona pro ospz.cz
	Version: 0.1
	Author: loopin
*/

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}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}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/** FLATICON **/

.fi:before {
 display:inline-block;
 font-family:"Flaticon";
 font-style:normal;
 font-weight:normal;
 font-variant:normal;
 line-height:1;
 text-decoration:inherit;
 text-rendering:optimizeLegibility;
 text-transform:none;
 -moz-osx-font-smoothing:grayscale;
 -webkit-font-smoothing:antialiased;
 font-smoothing:antialiased;
 color: #fff;
}
.flaticon-lake:before {
 content:"\f100"
}
.flaticon-pinterest-logo:before {
 content:"\f101"
}
.flaticon-envelope-of-white-paper:before {
 content:"\f102"
}
.flaticon-facebook-logo:before {
 content:"\f103"
}
.flaticon-mark-as-favorite-star:before {
 content:"\f104"
}
.flaticon-drop-down-arrow:before {
 content:"\f105"
}
.flaticon-down-arrow:before {
 content:"\f106"
}
.flaticon-arrows-1:before {
 content:"\f107"
}
.flaticon-arrows:before {
 content:"\f108"
}
.flaticon-cell-phone:before {
 content:"\f109"
}
.flaticon-chef:before {
 content:"\f10a"
}
.flaticon-sauna:before {
 content:"\f10b"
}
.flaticon-instagram:before {
 content:"\f10c"
}
.flaticon-up-arrow:before {
 content:"\f10d"
}
.flaticon-small-calendar:before {
 content:"\f10e"
}
.flaticon-holidays:before {
 content:"\f10f"
}
.flaticon-double-bed:before {
 content:"\f110"
}
.flaticon-360-degrees:before {
 content:"\f111"
}
.flaticon-home:before {
 content:"\f112"
}
.flaticon-beach:before {
 content:"\f113"
}
.flaticon-fountain:before {
 content:"\f114"
}
.flaticon-brickwall:before {
 content:"\f115"
}
.flaticon-war:before {
 content:"\f116"
}
.flaticon-church-1:before {
 content:"\f117"
}
.flaticon-search:before {
 content:"\f118"
}
.flaticon-youtube:before {
 content:"\f119"
}
.flaticon-church:before {
 content:"\f11a"
}
.flaticon-road:before {
 content:"\f11b"
}
.flaticon-kryptonita:before {
 content:"\f11c"
}

@font-face {
    font-family: 'KohinoorLatin';
    src: url('./fonts/KohinoorLatin-Black.woff2') format('woff2'),
        url('./fonts/KohinoorLatin-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'KohinoorLatin';
    src: url('./fonts/KohinoorLatin-BlackItalic.woff2') format('woff2'),
        url('./fonts/KohinoorLatin-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'KohinoorLatin';
    src: url('./fonts/KohinoorLatin-Light.woff2') format('woff2'),
        url('./fonts/KohinoorLatin-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: './fonts/KohinoorLatin-Demi';
    src: url('./fonts/KohinoorLatin-Demi.woff2') format('woff2'),
        url('./fonts/KohinoorLatin-Demi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'KohinoorLatin';
    src: url('./fonts/KohinoorLatin-BoldItalic.woff2') format('woff2'),
        url('./fonts/KohinoorLatin-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'KohinoorLatin';
    src: url('./fonts/KohinoorLatin-Bold.woff2') format('woff2'),
        url('./fonts/KohinoorLatin-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: './fonts/KohinoorLatin-BookItalic';
    src: url('./fonts/KohinoorLatin-BookItalic.woff2') format('woff2'),
        url('./fonts/KohinoorLatin-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: './fonts/KohinoorLatin-Book';
    src: url('./fonts/KohinoorLatin-Book.woff2') format('woff2'),
        url('./fonts/KohinoorLatin-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: './fonts/KohinoorLatin-DemiItalic';
    src: url('./fonts/KohinoorLatin-DemiItalic.woff2') format('woff2'),
        url('./fonts/KohinoorLatin-DemiItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'KohinoorLatin';
    src: url('./fonts/KohinoorLatin-Medium.woff2') format('woff2'),
        url('./fonts/KohinoorLatin-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'KohinoorLatin';
    src: url('./fonts/KohinoorLatin-MediumItalic.woff2') format('woff2'),
        url('./fonts/KohinoorLatin-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'KohinoorLatin';
    src: url('./fonts/KohinoorLatin-LightItalic.woff2') format('woff2'),
        url('./fonts/KohinoorLatin-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}


/** OSPZ **/


html {font-family: 'KohinoorLatin', 'Roboto', Courier, monospace;}
body {font-family: 'KohinoorLatin', 'Roboto', Courier, monospace; font-size: 16px;}

h1, h2, h3, h4, h5 {font-family: 'KohinoorLatin', 'Roboto', Courier, monospace;}

.uk-navbar-nav > li > a {font-family: 'KohinoorLatin', 'Roboto', Courier, monospace;}

p, ul, li {color: #231f20; font-weight: 300;}

.uk-button {margin-top: 20px;}


header .desktop-menu {position: absolute; top: 60px; left: 60px; background: #000; text-align: center;}
header .desktop-menu hr {margin-top: 12px;border-top: 1px solid #666;margin: 10px 20px 20px; }

header .desktop-menu ul {padding-left: 0; list-style: none;}
header .desktop-menu li {}
header .desktop-menu li a {color: #fff; ont-family: Courier, monospace; font-size: 18px; letter-spacing: 1px; text-align: center; font-weight: 100; line-height: 36px;}

footer div.logo {text-decoration:none; white-space:nowrap; text-align: center;}
footer div.logo a {text-decoration: none; color: #fff;}
footer div.logo img {height: 80px;}


img.aligncenter {display: block; clear: both; margin: 0 auto;}

li#menu-item-118 {background: #e74e0e;}
li#menu-item-118 a {color: #fff;}

/** HEADER **/

#mobile-header {background: #fff; margin: 10px 0;}
#mobile-header .logo {text-decoration:none;white-space:nowrap; margin: 0 20px;}
#mobile-header .logo img {height: 160px; }
#mobile-header .logo a {text-decoration: none; color: #fff;}
.uk-navbar-toggle {color: #231f20;}
.uk-offcanvas-bar {background-color: #fff;}

#page-header {margin: 0 40px;}

.mobile-bottom-border a {padding-top: 10px !important; margin-top: 10px !important; display: inline-block !important;}
.mobile-top-margin a {margin-top: 10px !important;}
.mobile-bottom-margin a {margin-bottom: 10px !important;}

.uk-panel a {padding: 2px 0; color: #231f20 !important;}
.uk-panel a:hover { opacity:0.8; }

.uk-offcanvas-overlay::before {background: #e74e0ecc;}


main .logo {height: 120px; margin: 20px 0 40px 10px;}
main .logo img {height: 120px;}

.page-general {margin-bottom: 20px; margin-top: 20px;}




.about-us {padding: 40px;}
.about-us-1 {padding-top: 40px;}



.dot {color: #0400ff;}

.expertise {padding: 0 40px 40px 40px; margin-top: 0px !important;}
.expertise-general {margin-top: 40px !important;}

.expertise h3 {
  font-family: 'KohinoorLatin', 'Roboto', Courier, monospace;
  font-size: 18px;
  display: inline-block;
  background-image: linear-gradient(to right, #4a90e2 0%, #1e67d2 100%);
  color: #fff;
  padding: 10px 18px;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-top: 0px;
  font-weight: normal;
}

.expertise p {margin-top: 0px; font-size: 18px; padding-left: 5px;}

.expertise-block {margin-top: 20px; margin-bottom: 20px;}


.partners {padding: 0 40px;}
.partners h3 {font-size: 22px; margin-top: 40px;}


/** FOOTER **/


footer {padding: 40px 80px; margin: 0 40px 40px 40px !important;}
footer h1 {color: #fff; font-size: 50px; max-width: 80%;}
footer p, footer a, footer h4 {color: #fff;}
footer a:hover {color: #fff;}
footer ul {list-style: none; padding-left: 0;}

.first-footer {padding-left: 0px;}

.footer-copyright, .footer-copyright p { padding: 0; margin: 0; }
.footer-copyright p { text-align: center; padding: 60px 0 20px 0; color: #FFF; opacity: 0.7; }



#contact { background: #1c1c1c; padding: 80px 0; }
#contact h2 { color: #fff; }
#contact p { color: #fff; }
#contact .contact-types {margin-top: 80px;}
#contact .contact-detail {margin-bottom: 40px; color: #fff;}
#contact .contact-detail a {color: #fff; text-decoration: underline;}
#contact .contact-title {color: #fff; text-transform: uppercase;}


#section-kontakt input, #section-kontakt textarea {background-color:
whitesmoke;
border: none;
height: 40px;
display: block;
width: 100%;
box-sizing: border-box;
padding: 0 15px;
outline: none;
font-family: 'KohinoorLatin', Courier, monospace;
font-weight: "normal";
font-size: 16px;}

#section-kontakt textarea {height: initial; padding: 15px;}

#section-kontakt .wpcf7-submit {display: inline-block;
background-color: black;
color:
#fff;

font-size: 14px;
text-transform: uppercase;
text-decoration: none;
padding: 20px 30px;
transition: all 0.2s;
cursor: pointer;
outline: none;
border: none;
line-height: 0;}

.fb-box {text-align: right;}


/* UI KIT */

.uk-button {border-radius: 5px; text-transform: none; font-size: 18px; }
.uk-button-primary, .uk-button-primary:hover, .uk-button-primary:focus, .uk-button-primary:active {background: #e84c4c;}
.uk-button-default, .uk-button-default:hover, .uk-button-default:focus, .uk-button-default:active {border: 1px solid #231f20;}



/** HOMEPAGE **/
.intro-container {margin: 80px auto 0 auto;}

#intro img {}
#intro img.intro-1 {margin-bottom: 40px;}
#intro h2 {margin-top: 20px;}

#intro .intro-desc {padding: 10px 40px;}

#intro2 {margin-bottom: 80px;}


#actual-pad {height: 80px; background: rgba(0, 0, 0, 0) url("https://restaurant-kourim.cz/wp-content/themes/kourim-2/img/groovepaper.png") repeat scroll 0% 0%; }
#actual {background-color: #d99058; background-image: linear-gradient(315deg, #442c12 0%, #b68653 74%); padding: 80px 20px;}
#actual h3 { font-family: 'KohinoorLatin', Courier, monospace; color: #fff; text-align: right; text-transform: uppercase; font-weight: bold;}
#actual p {color:#fff; padding: 6px 40px;}

.background {background: rgba(0, 0, 0, 0) url("https://www.toptal.com/designers/subtlepatterns/uploads/dot-grid.png") repeat scroll 0% 0%;}
.menu-container {}
#menu {background: #fff; padding: 40px; margin: 0;}
#menu h2 {letter-spacing: 1px;}
#menu span.right {float:right;}
#menu .menu-intro { margin: 40px 0;}
#menu .menu-category { display: inline-block; margin-bottom: 40px; width: 100%; }
#menu .menu-category h4 {border-bottom: 3px solid #cccccc5e; padding-bottom: 5px;}
#menu .menu-category p {margin: 0 0 20px 0; line-height: 20px;}
#menu .menu-category p .left {display: inline-block; max-width: 80%;}
#menu .menu-category p .menu-desc {margin-left: 5px; color: #999; font-size: 10px;}
#menu .menu-button {float: right;}

ul.uk-nav-sub li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: blue; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1px; /* Also needed for space (tweak if needed) */
  margin-left: -1px; /* Also needed for space (tweak if needed) */
}

ul.uk-nav-sub li a {display: inline; margin-left: 15px;}

#open {background-color: #b18153; background-image: linear-gradient(315deg, #e0d4ae 0%, #a38560 74%); padding: 80px 40px;}
#open h2 { color: #fff; margin: 0; letter-spacing: 1px; margin-bottom: 40px;}
#open p {color:#fff; margin-top: 0; margin-bottom: 40px;}
#open table {color: #fff;}
#open table td {padding: 0;}
#open a {color: #fff; text-decoration: underline;}

.bonus-container {}
#bonus {margin: 80px 0 40px 0;}
#bonus .uk-card-default {margin: 0; padding: 0;}
#bonus .uk-card-default h3 { font-size: 45px; line-height: 55px; }
#bonus .uk-cover {padding: 20px;}

#salonek, #ubytovani {margin-bottom: 40px !important;}

#region {text-align: center; padding: 80px 40px;}
#region h2 { margin-bottom: 40px; }
#region p {margin-top: 0; margin-bottom: 40px;}

.reviews-container {}
.reviews {background: #fff; padding: 40px; margin: 80px 0;}
.reviews h2 {margin-bottom: 40px;}

.map {background: #fff; margin: 80px 0;}

.wp-gr.wpac a.wp-google-name {color: #000 !important; text-transform: uppercase !important;}
.wp-gr .wp-google-time {display: none !important;}
.wp-google-url {display: none !important;}
.wp-gr .wp-google-review { margin-bottom: 40px; }

/** PAGE **/

main a {color: #333232; line-height: 26px; text-decoration: underline; }
main a:hover { color: #333232; opacity: 0.8; }


/** PAGE - SALON **/
body.page-template-template-salon h1 {margin-bottom: 0px;}
body.page-template-template-salon h4 {font-size: 25px; letter-spacing: -1px; line-height: 25px; margin-top: 0px; margin-bottom: 40px;}
body.page-template-template-salon .action {margin-top: 40px; margin-bottom: 40px;}
body.page-template-template-salon .action-card img {height: 180px; width: 100%;}
body.page-template-template-salon h5 {margin-top: 20px; font-size: 20px; }
body.page-template-template-salon main ul {padding-left: 15px;}
body.page-template-template-salon main li {margin-bottom: 5px;}


/** PAGE - CONTACT **/
body.page-template-template-contact #contact {display: none;}
body.page-template-template-contact h1 {margin-bottom: 0px;}

body.page-template-template-contact .contacts {margin-top: 40px;}

.contact-info img {width: 30px; margin-bottom: 15px;}
.contact-info .no-margin-p p {margin: 0;}
.contact-info .single-contact {margin-bottom: 60px;}
.contact-info h3 {margin-top:0; margin-bottom: 0; font-size: 35px;}

.contact-info .uk-table td {padding: 6px;}
.contact-legal p {font-size: 14px; line-height: 22px; margin-top: 0px;}
.contact-legal a {text-decoration: underline;}
.contact-legal a:hover {color: #ff9d21; text-decoration: underline; }

.contact-info .uk-form-label { font-family: 'KohinoorLatin', 'Roboto', sans-serif; font-size: 18px;}
.contact-info div {margin-top: 20px;}
.contact-info .uk-form-controls {margin-top: 0px;}
.contact-info .uk-form-large {font-size: 18px; border-radius: 4px;}




/** RESPONSIVE **/

@media (min-width: 1600px) {
#bonus .uk-cover {padding: 0;}
}


@media (max-width: 1159px) {
.center-footer {text-align: center; padding-left: 0;}
footer div.logo .restaurant {text-align: center;}
}

@media (max-width: 959px) {
#actual h3 {text-align: left;}	
#actual p {padding: 6px 0;}
#menu .menu-button {float: left;}

.reviews {margin: 40px 0;}

.page-general {margin-bottom: 20px;}
}

@media (max-width: 639px) {
h1 {font-size: 26px; line-height: 1.5; margin-bottom: 20px;}	
h2 {font-size: 26px; line-height: 1.5; margin-bottom: 20px;}



.intro-container {margin: 40px 0;}
#intro h2 {margin-top: 0;}
#intro .intro-desc {padding: 10px 0px 10px 20px;}

.uk-grid {padding-left: 20px;}


#mobile-header .logo img {height: 60px;}
#menu {padding: 20px 10px; margin: 20px 0;}

#actual-pad {height:20px;}
#actual {padding: 40px 20px;}



#menu .menu-category p .left {max-width: 100%; float: left; clear: both; font-weight: bold;}
#menu .menu-category p .menu-desc {margin-left: 0; float: left; clear: both;}
#menu span.right {float: left; clear: both; margin-bottom: 15px; margin-top: 5px;}

#open {padding: 40px 20px;}
#bonus {margin: 20px 0;}

#salonek, #ubytovani {margin-bottom: 0px !important;}

#region {padding: 40px 10px;}


footer {margin: 0 0 20px 0 !important}
}






/** MOBILNI MENU **/


/** HOMEPAGE **/
.intro-desc img {width: 300px;}


/** NL **/

.menu-intro-text {padding: 20px 40px 60px 40px; border: 1px solid #000;}

.cep {background: #0e1111; color: #FBF7F5; font-family: 'KohinoorLatin', 'Sedgwick Ave', cursive; padding: 40px 40px 60px 40px;}
.cep-cislo{padding: 17px 15px;display: inline-block;
border: 3px solid #FBF7F5;
border-radius: 50%;
line-height: 10px;
margin: 20px auto;
font-size: 30px;
font-weight: bold;}

.cep-price {margin-top: 25px !important; text-align: center; font-size: 25px;}
.cep-qty {text-align: center;}

.cep p {margin: 0; color: #FBF7F5;}

.cep-title {font-size: 26px; margin-top: 15px !important;}

#cep {padding: 60px 0 0 40px;}
.cep h2 {color: #FBF7F5; font-family: 'Sedgwick Ave', cursive; font-size: 50px; letter-spacing: 3px;}

.pivo {height:  100px; align-items: center;}

.ostatni {padding: 40px; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;}
#ostatni {border-bottom: none; padding-bottom: 0; padding-top: 80px;}

/** PSYCHOSOCIALNI PROFIL **/
body.page-id-320 .wpcf7-list-item {display: block;}
body.page-id-320 h2 {margin: 20px 0 20px 0;}
body.page-id-320 h6 {margin: 0 0 40px 0; width: 100%;}
body.page-id-320 .uk-form-large {font-size: 14px;}
body.page-id-320 input.wpcf7-file {background: #ccc;}
body.page-id-320 input.wpcf7-submit {background: #000; margin-bottom: 20px;}

/** GALLERY **/

#gallery {margin-top: 40px;}


/** FOOTER **/
.footer-soc img {width: 40px; height: 40px;}


/** RESPONSIVE **/

@media (max-width: 639px) {

.cep-cislo{display: none;}

.cep-price {font-size: 15px;}
.cep-qty {}

.cep p {}

.cep-title {font-size: 15px; }

#cep {padding: 60px 0 0 40px;}
.pivo {height:  100px; align-items: center;}
.pivo-desc {padding-left: 30px;}

.contact-form {padding: 0 20px 0 40px;}

}

@media (max-width: 959px) {
.footer-soc {display: inline-block; float: none;}
    
}