/*
 Theme Name:     Mundohostel
 Theme URI:      http://mundohostel.eu
 Description:    Mundohostel theme made with love to Mundo
 Author:         Lech Dulian & Lukasz Podolak
 Author URI:     http://weirdgentleman.com
 Version:        1.0.0
*/

@font-face {
    font-family: 'corehumanistsansregularRg';
    src: url('corehumanistsans-regular-webfont.eot');
    src: url('corehumanistsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('corehumanistsans-regular-webfont.woff') format('woff'),
         url('corehumanistsans-regular-webfont.ttf') format('truetype'),
         url('corehumanistsans-regular-webfont.svg#corehumanistsansregularRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

#wrapper * {box-sizing:border-box;font-family:'corehumanistsansregularRg';}

/*home*/


.homepanel {
	position:relative;
	bottom:0;
	left:0;
	background:#FFF;
	z-index:10;
	
}

.homepanel h2 {
	margin:40px 0 8px 8px;
	font-size:18px;
	text-align:left;
	text-transform:uppercase;
}

.homepanel h2 span, h2 span {
	/* border-bottom:2px solid #000; */
	text-decoration:underline;
	text-transform:uppercase;
	line-height:1.3;
}

#about h2 {
	font-size: 23px;
	line-height: 1.5;
	min-height:68px;
	margin-bottom:30px;
	margin-top:25px;
}

#about h2 span {
	padding-bottom:3px;
}

#main {margin-top:0;}

.panel {
    width: 16.666666666666664%;
	z-index:30;
	border:none;
}

.menu-link-panel, .about-link-panel {
	position:fixed;
	bottom:0;
	left:0;
	z-index:999;
	width:16.666666666666664%;
}
.menu-link, .about-link { background: url('img/hide.png') no-repeat right center #fff;display: block;
height: 40px;width:35px;float:right;}
.menu-link.on, .about-link.on {background-position: left center;}
.main-sep {width:100%;border-color:#818181;margin-top:0;margin-bottom:0;}


#gallery, #gallery-about {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
   background:url('img/status.gif') no-repeat center center #FFF;
}

#gallery ul, #gallery-about ul {
   font-size: 0;
   white-space: nowrap;
   position: absolute;
   top: 0;
   left: -100%;
   margin: 0; padding: 0;
   width:100%;
   height:100%;
}

#gallery li, #gallery-about li {
   display: inline-block;
   vertical-align: top;
   width: 100%;
   height: 100%;
   white-space: normal;
   background-position:left bottom;
	background-size:cover;
	background-repeat:no-repeat;
}

#prev, #next {position:absolute;background:url('img/slide-arr.png') no-repeat #fff;border: none;width: 30px;height: 35px;margin-top:-17px;transition:width .2s;font-size:12px;white-space:nowrap;}
#prev:focus, #next:focus {outline:none;}
#prev span, #next span {display:none;}
#next {right:0; top:50%; z-index:50;background-position: -110px -7px;text-align:left;}
#prev {left:0; top:50%; z-index: 20;background-position: -11px -7px;text-align:right;}
#prev:hover, #next:hover {width:100px;color:#000;}
#prev:hover span, #next:hover span {display:block;}
#next:hover {background-position: -41px -7px;}
#single-close, #single-close-fullscreen {display:block;position:absolute;top:0;right:0;width:30px;height:30px;background:url('img/s-close.png') center center no-repeat #FFF;z-index:1;cursor:pointer;}

#about-scrolled, #contact-scrolled {
	padding-left:9px;
	padding-right:9px;
	position:relative;
	font-family:'corehumanistsansregularRg';
}

#contact-scrolled {padding-left:2px;}

#about-container, #contact-container {
	overflow:hidden;
}

#contact-container {
	height:96%;
	margin-top:4px;
	font-weight:normal;
	font-size:13px;
}

#przewijak-g, #przewijak-g-kontakt {position:absolute;bottom:10px;left:40px;cursor:pointer;}
#przewijak-d, #przewijak-d-kontakt {position:absolute;bottom:10px;left:11px;cursor:pointer;}
#przewijak-g-kontakt{left:25px;}

.item {
	width:19.66666667%;
	height:auto;
	padding:10px;
	cursor:pointer;
}

.item-container {border-bottom:1px solid #000; padding-bottom:20px;}
.item-image {margin-top:6px;position:relative;-webkit-transition: opacity .3s;-moz-transition: opacity .3s;transition: opacity .3s;}
.item-image img {width:100%;height:auto;}
.item h2 {margin:6px 0 7px;text-transform:uppercase; font-size:24px;}
.item-type {margin:10px 0 0 0; font-size:12px;}
.item-desc {background:#E3E7EA;font-size:12px;width:75%;padding:2px 5px;font-weight:normal;}
.price {float:right;}
.item-container:hover .item-image { opacity:.65; } 

#rooms {}
#rooms{margin-top:19px;}
#contact {margin-top:12px;overflow:hidden;padding-right:4px;}
#rooms-menu, .single-room-panel ul, .single-about-panel ul {padding:0;list-style:none;}
#rooms-menu li{ cursor:pointer;padding: 3px 0;font-size: 13px;font-weight: normal;}
#rooms-menu li:hover, #rooms-menu li.f-active { color:#c0cf19;}
.single-room-panel, .single-about-panel { 
	padding:0 10px; 
}
.single-room-panel li, .single-about-panel li {padding:2px 0;font-size:12px;}
.single-room-panel .item-desc { margin:0 0 20px 0; width:80%;}
.single-room-panel .menu-link-panel { bottom: 4px; }
.single-about-panel .about-link-panel {bottom:0;height:50px;}

p.big-sep {font-size: 12px; padding: 5px 0;}
.room-bookme {list-style:none;padding:0;float:left;width:100%;}
.room-bookme li a {display:block;width:100%;background:#DBDAD8;color:#000;text-decoration:none;margin: 5px 0; padding: 3px 15px;max-width:100%;text-align:left;}
.room-bookme li:first-child a {background:#c0cf19;}
.room-bookme li a:hover {background:#E6E7E9; color:#FFF;}
.room-bookme li:first-child a:hover {background:#88D10E; color:#FFF;}

#menu.panel { padding:62px 10px 0 11px; }
#menu h2, #single-about-panel h2 {
	text-transform:uppercase;
	padding: 5px 0;
	line-height: 1.6;
	margin: 0 0 20px 0;
	font-size: 27px;
}

.bread {margin:-16px 0 0 0; font-size:12px;visibility:hidden;}
.single-room-panel .bread {margin-top:4px;}

/* menu */
div.collapse.navbar-collapse {background:#fff;}
#nav-menu {height:34px;width:100%;position:fixed;z-index:8000;top:0;}
#mundomainmenu {background:#fff;}
#mundomainmenu li a {font-size:12px;font-weight:normal;}
.navbar-fixed-top {border:none!important;min-height:34px!important;background:transparent!important;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: #000!important;
background-color: #fff!important;
}
.navbar-default .navbar-nav>li>a {
color: #000!important;
}
.navbar-default {}
.navbar-nav>li>a {
	padding:9px 0 0!important;
	line-height:19px!important;
}

.navbar-nav>li.current>a {
	padding:6px 0 8px 0!important;
	border-top:3px solid #000;
}

.navbar-nav>li {
	padding:0 15px!important;
}
#logo {	
	position: absolute;
	background: #fff;
	padding: 2px 5px 0 12px;
	top: 0;
	left: 0;
	height:33px;
	-moz-transition: height 0.4s;
	-o-transition: height 0.4s;
	-webkit-transition: height 0.4s;
	transition: height 0.4s;
}

304

.modal-content, .mundo-modal {
	min-height: 100.01%;
	width:100%;
	border: none;
	border-radius: 0!important;
	box-shadow: none!important;
	background-clip:initial!important;
	font-family:'corehumanistsansregularRg';
}

.modal-body {position:relative;}
.single-room-panel, .single-about-panel {
	width: 16.666666666666664%;
	height:100%;
	position:fixed;
	bottom:0;
	left:0;
	background:#FFF;
	z-index:30;
}

/*new room panel */

#new-room-panel, #new-about-panel{
	height:100%;
	bottom:0;
	left:0;
	background:#FFF;
	z-index:30;
	padding:25px 8px;
	font-size:13px;
	font-weight:normal;
}

.slidecontent {
	background:#FFF;
	padding: 5px 9px 20px 9px;
	font-size:13px;
	font-weight:normal;
}

.slidecontent .sep {
	margin-top:20px;
}

#new-about-panel {
	padding:0;
}

#new-room-panel h2, #new-about-panel h2 {
	text-transform:uppercase;
	margin:11px 0;
	font-family: 'corehumanistsansregularRg';
	margin-bottom:25px;
	line-height:1.3;
}


#new-room-panel .main-details, .slidecontent .main-details {
	margin-bottom:20px;
	margin-top:17px;
}

.main-details p {
	padding:3px 15px;
	background:#DBDAD8;
	float:left;
	width:100%;
	margin-bottom:20px!important;
}

.main-details p span.left {float:left;}
.main-details p span.right {float:right;}

.main-details:first-child {
	margin-top:0;
}

span.arrow { display:block;padding-left:15px; background:url('img/punktor.jpg') left 6px no-repeat;}

#new-room-panel .other-details, .slidecontent .other-details {
	padding-bottom:22px;
	margin-bottom:25px;
	border-bottom:1px solid #000;
	float:left;
}

#new-room-panel .main-details p, #new-room-panel .other-details p, .slidecontent .main-details p, .slidecontent .other-details p {
	margin-bottom:0;
}


#hero {
	margin-top:0;
	padding-top:32px;
	padding-right:0px;
}

#maphero {
	margin-top:20px;
}

.text {font-size:12px;}
#prices-include {
	margin-bottom:80px;
	float:left;
} 
.text ul {
	list-style:none;
	padding:0;
}

.text ul li {
	padding:0 0 12px 0;
	float:left;
	width:100%;
}

.text ul.arrowed li{
	padding:0 0 12px 28px!important;
}

.what {
	float:left;
	max-width:45%;
}
.howmuch {
	float:right;
	max-width:55%;
}

.room-desc li, .arrowed li {
	background:url('img/punktor.jpg') left 4px no-repeat;
	padding:0 0 0 28px;
}

#about {
	margin-top:0;
}

#map_canvas {width:100%;height:100%;min-height:500px;}

#preloader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #FFF;
	z-index: 9999;
	background-image: url(img/status.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.showcase li {
	cursor:pointer;
}

#big-image {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: #FFF;
	z-index: 9999;
	top: 0;
	left: 0;
	overflow:hidden;
	display:none;
	background-size:cover;
	cursor:pointer;
}

hr.sep {
	margin:10px 0;
	border-color:#000;
}

#contact-aside { overflow:hidden; position:relative;margin:21px 0 0 0; padding-right:15px; }
#contact-aside p {
	font-size:12px;
	margin:0;
}
#contact-aside .icon-lu {width:30%;height:auto;float:left;}

.name_text {
	text-transform: uppercase;
	font-size: 27px;
	position: relative;
	left: 10px;
}

/*oferta*/
.oferta-table {margin-top:-10px;float:left;padding-right:8px;font-size:13px;font-weight:normal;}
.oferta-table tr{height:50px;vertical-align:middle;}
.oferta-table td{height:40px;vertical-align:middle;}
.oferta-table .oferta-pic img{width:80%;}
.oferta-table .oferta-item {padding-left:15px;padding-right:15px;}
.oferta-table .oferta-item span {font-size:13px;}

.price-slider-container {padding-right:20px!important;}
#polecane-row {margin-left:-22px;margin-right:-22px;}
#polecane-row h2 {padding-left: 22px;width: 100%;border-bottom: 1px solid #000;margin-top:45px;}
#polecane-row h2 span {text-decoration:none;}

.polecamy-item {display:block;padding-right:22px!important;padding-left:22px!important; margin-top:30px;margin-bottom:45px;position:relative;}
.polecamy-item img {width:100%;}
.polecamy-caption {position:absolute;bottom:0;left:0;float:left;background:#fff;margin:0;padding:2px 5px;min-width:50%;font-size:13px;font-weight:normal;}
.polecamy-caption, .polecamy-item {color:#000;}
.polecamy-item:hover {opacity:.8;}

.room-legend {margin:-30px 0 50px 0;height:60px;position:relative;z-index:999;width:100%;font-size:12px;}
p.special-price {
clear: both;
float: left;
width: 84%;
margin-top: 7px;
font-size: 13px;
background: #DBDAD8;
padding: 2px 8px;
}

.room-type {line-height:30px;white-space:nowrap;height:30px;vertical-align:middle;background:#FFF;color:#000;float:left;min-width:74%;max-width:100%;overflow:hidden;padding-left:10px;margin:0;font-size:12px;padding-right:5px;}
.room-price {line-height:30px;white-space:nowrap;height:30px;vertical-align:middle;float:left;width:37%;background:#000;color:#FFF;padding-left:10px;margin:0;}
.room-reserve {display:block;line-height:30px;white-space:nowrap;height:30px;vertical-align:middle;float:left;width:47%;background:#c0cf19;color:#000;text-align:center;}
.room-reserve:hover {text-decoration:none;color:#fff;}


/* rezerwacje */
#rez-mail .item-container h2 { background: #DBDAD8;}
#rez-online .item-container h2 { background:#c0cf19;}
#rez-online .item-container h2:hover, #rez-mail .item-container h2:hover { color:#FFF;}
#rez-mail .item-container h2, #rez-online .item-container h2 { padding:10px;}
#rez-mail a, #rez-online a {color:#000;text-decoration:none;}
#rez-mail a:hover, #rez-online a:hover {color:#000;text-decoration:none;}
#book {
	margin-top:25px;
}


#book-panel {padding-left:0;margin-top:10px;}
#book-overview .item-bs {
	height: auto;
	padding: 10px;
	cursor: pointer;
}

.parentheight {overflow:hidden;}
.book-form {padding:15px 10px; font-size:12px;font-weight:normal; }
#book h2 { line-height:1.3; margin:5px 0 35px 0; font-size:28px;}
#book-overview h2 { margin-left:10px; margin-bottom:10px;}
#book-overview .item-container h2 {margin-left:0;}
.book-form-online {background:#c0cf19}
.book-form-mail {background:#E5E6E8;min-height:500px;}
a.book-out { display:block; width:100%; text-align:center; font-size:24px; text-transform:uppercase;color:#c0cf19; background:#FFF;padding:3px 0;}
a.book-out:hover { text-decoration:none;color:#E5E6E8;background:#000; }

#bookit label {width:37%;margin-right:2%;font-weight:normal;margin-bottom:10px;padding-top:2px;}
#bookit input, #bookit textarea, #bookit select {width:60%;border:none;margin-bottom:10px;vertical-align:top;padding:2px 4px;}
#bookit input:focus, #bookit textarea:focus {outline:2px solid #c0cf19;}
#bookit textarea {resize:none;}
#bookit #price {background:#E5E6E8;text-align:right;}
#book-submit {background: #c0cf19;border:none;padding: 5px 50px;margin-left:40%;font-size:20px;text-transform:uppercase;margin-top:10px;}
#book-submit:hover {color:#fff;}

.form-errors, .form-success {
	font-size: 15px;
	font-weight: normal;
	margin-left: 40%;
	display:none;
}
.form-success{ 
	color: #c0cf19;
}

.form-errors {
	color:red;
}

.fb-link {margin-top:-1px;width:14px;}
.modal-open .modal {overflow-y:hidden!important;}

/*******about modal */
.about-scrollbar {font-size:12px;padding-bottom:300px;width:15%;overflow:hidden;}

/* */
.modal-content {
	border:none!important;
	border-radius: 0!important;
	-webkit-box-shadow: 0!important;
	box-shadow: 0!important;
}
#hero-about {padding-right:0;}

@media (min-width: 992px){
	.md-affix { position:fixed;}
}

#about p.big-sep {padding-top:0;}

.modal-body {
	padding: 3px 0 0 0!important;
}
/*** datepicker ***/

/*
 * jQuery UI Datepicker 1.9.0
 *
 * Copyright 2012-10-11, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/datepicker/
 */
.ui-datepicker { width: 16.5em; padding: .2em .2em 0; display: none; background:#fff;border:1px solid #c0cf19;}
.ui-datepicker a {color:#c0cf19;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; border:0px; font-weight: normal; width: 100%; padding: 4px 0; background-color: #fff; color: #000; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { /*top: 1px;*/ }
.ui-datepicker .ui-datepicker-prev { left:2px;cursor:pointer; }
.ui-datepicker .ui-datepicker-next { right:20px;cursor:pointer; }

.ui-datepicker .ui-datepicker-prev-hover { /*left:1px;*/ }
.ui-datepicker .ui-datepicker-next-hover { /*right:1px;*/ }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: normal; color:#000; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }


.homepanel {margin-top:15px;}
#bread {
	font-size: 11px;
	line-height: 29px;
	vertical-align:middle;
	margin: 0;
	padding-left: 9px;
	text-transform: uppercase;
	visibility:hidden;
}

#bread a {
	color:#000;
}

a:active { outline: none!important; }


@media (min-width: 992px){
	#logo.logo-low {top:26px;}
	.homepanel {padding-top:90px;}
	.homepanel h2 {font-size:27px;margin-bottom:20px;}
	#menu.panel  {padding-top:120px;}
	#new-about-panel {padding-top:90px;}
	#contact-aside {padding-top:100px;}
	#contact-container, #about-container {height:75%;}
	#new-room-panel {padding-top:90px;}
	.price-slider-container {padding-right:20px!important;}
	
}

@media (max-width: 992px){
	#hero {padding-top:0;}
	#hero-about {height:260px;}
	#rooms {margin-top:50px;}
	.homepanel {width:40%;}
	.item {width:33.33333333%;}
	.panel, .menu-link-panel, .about-link-panel {width:33.33333333%;}
	.about-scrollbar {font-size:12px;padding-bottom:200px;width:100%;overflow:hidden;}
	.single-about-panel {width:100%;position:static;}
	.navbar-header {background:#fff;}
	.modal-body {overflow-y:scroll;}
	#new-room-panel, #new-about-panel {height:auto;padding-top:30px;}
	#about {padding-top:10px;}
	#przewijak-d-kontakt, #przewijak-g-kontakt {display:none;}
	#contact-aside {margin-top:35px;}
	.navbar-nav>li { padding: 0 6px!important; }
	.navbar-nav>li.current>a { padding: 9px 0 0!important;line-height: 19px!important; border-top:none!important;color:#c0cf19!important;}
	div.collapse.navbar-collapse {
		border-bottom:2px solid #eee;
	}
}

@media (min-width: 1350px){
	#logo.logo-low {width: 16.33333%;height: auto;}
	#logo.logo-high {height: 34px;}
	#mundomainmenu li a {font-size:15px;}
	#bread, #bread a {font-size:13px;}
}


@media (max-width: 769px){
	.fb-link {margin-top:-30px;}
	.navbar-nav>li.current>a {
		padding: 10px 0 15px 0!important;
		border-top: none;
		color:#c0cf19!important;
	}
	
}

@media (max-width: 390px){
	.homepanel {width:100%;}
	.item {width:100%;}
	.panel , .menu-link-panel, .about-link-panel, .single-about-panel{width:100%;}
	#menu.panel, .menu-link-panel, .about-link-panel {display:none;}
	#book-submit {margin-left:0;}
	#bookit input, #bookit textarea, #bookit select {width:100%;}
	
}

body.admin-bar #hero {padding-top:0;}

body.admin-bar {
        margin-top: -28px!important;
    }
    #wpadminbar {
        top: auto !important;
        bottom: 0!important;
    }
    #wpadminbar .quicklinks>ul>li {
        position:relative!important;
    }
    #wpadminbar .ab-top-menu>.menupop>.ab-sub-wrapper {
        bottom:28px!important;
    }

#migration {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95); z-index:9999;}
#migration h2 {position:fixed;width:80%;text-align:center;top:30%;color:#c0cf19;font-family:'corehumanistsansregularRg';margin-left:10%;}
#migration h3 {position:fixed;width:80%;text-align:center;top:60%;color:#c0cf19;font-family:'corehumanistsansregularRg';margin-left:10%;}