/*
Theme Name: InsidecContent
Theme URI: http://www.insidecontent.pl/
Author: InsideContent
Author URI: http://www.insidecontent.pl/
*/

/* This is a small security for too long strings titles */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700|Source+Sans+Pro:300,400,700&subset=cyrillic,cyrillic-ext,latin-ext')

body {
	word-wrap: break-word;
	font-family: 'Cormorant', 'Source Sans Pro', 'Roboto', sans-serif;
}

.footer_wrap .footer_menu_wrap ul li a {
	font-size: 18px !important; 
}

.container-fluid {
padding: 0!important;
}
.main-content .container-fluid {
padding: 20px 0!important;
}

/* ####################################### */

.navbar .container-fluid {
padding: 0;
}
.navbar {
background: rgba(61, 12, 2,0.85);
box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
z-index: 999;
position: fixed;
width: 100%;
height: 70px;
}

.small .navbar {
background: -moz-linear-gradient(top, rgba(61, 12, 2,1) 0%, rgba(61, 12, 2,0) 100%);
background: -webkit-linear-gradient(top, rgba(61, 12, 2,1) 0%,rgba(61, 12, 2,0) 100%);
background: linear-gradient(to bottom, rgba(61, 12, 2,1) 0%,rgba(61, 12, 2,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d0c02', endColorstr='#3d0c02',GradientType=0 );
box-shadow: none;
border: 0!important;
}


#navbar1 {
left: 0;
}

#navbar1,
#navbar2 {
width: calc(50% - 100px);
margin: 0!important;
padding: 0;
float: left;
position: absolute;
}

#navbar2 {
right: 0;
}


.navbar-collapse ul li a {height: 80px;padding: 20px;}

header#masthead .navbar-brand {
float: left;
width: 200px;
height: 175px;
position: absolute;
top: 0;
left: calc(50% - 100px);
background-color: #3D0C02;
background-size: contain;
background-repeat: no-repeat;
background-position: center 50%;
margin: 0;
padding: 0;
border-bottom: solid 3px #fff;
z-index: 5;
}

#headerRez {
display: block;
align-items: center;
width: 200px;
height: 85px;
float: left;
width: 200px;
height: 45px;
position: absolute;
top: 82px;
left: calc(50% - 100px);
background-color: #D60015;
margin: 0;
padding: 10px;
text-align: center;
padding-left: 50px;
text-decoration: none;
text-transform: uppercase;
font-size: 20px;
}

#headerRez:hover {
background-color: red;
}

.page-template-template-rezerwacja #headerRez {
display: none;
}

.navbar-collapse ul li.active a,
.navbar-collapse ul li:hover a {
	color: #fff;
	padding-top: 30px;
}

.navbar-collapse ul li.active a,
.navbar-collapse ul li:hover a
{
	color: #fff;
	background: #3d0c02;
	border-bottom: solid 3px #ddcca5;
	margin-bottom: -5px;

}

.navbar-collapse ul li:hover a,
.navbar-collapse ul li.active a
{
	color: #fff;
}

/* ####################################### */



a.soc {
	width: 100%;
	height: 35px;
	margin-bottom: 3px;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center 50%;
}

a.soc.facebook{background-image: url('img/facebook.png');}
a.soc.ta{background-image: url('img/ta.jpg');}


.social {
	width: 35px;
	margin: 0 auto;
	position: fixed;
	top: 10px;
	right: 0;
	z-index: 999999;
}
.social div {position: absolute; top: 0; right: 0; z-index: 0;}
.social ul {list-style: none; float: left; margin-bottom: 183px; padding: 0;}
.social ul li {display: block; padding: 0 3px; text-transform: uppercase;}
.social ul li a {text-decoration: none; font-size: 0.75em; padding: 3px 5px; border: 0; opacity: 0.5;}
.social ul li.current-lang a {border-bottom: 0; opacity: 1;}
.social ul li img {height:auto; width: 15px; max-width: 15px;}

.social div a:hover {opacity:0.5;}
.social a {float: left;}

@media (max-width: 1199px) {

#headerRez {
display: none;
}

  header#masthead .nav > li > a:hover {
	padding: 10px 0!important;
	}

  header#masthead .nav > li > a:hover:before {
  content: '';
  width: 100%;
  display: block;
  margin-top: 0!important;
	}


.navbar {
background: transparent!important;
box-shadow: none!important;
}

    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
		-webkit-box-shadow: inset none;
		box-shadow: none;


    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none!important;
        margin: 0;
		background: transparent;
		display: block;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }



#navbar1, #navbar2 {
width:100%;
position: relative;
margin-top:-1px!important;
}

.navbar-nav li:last-child {
position: relative;
white-space: nowrap!important;
}
.navbar-nav li:last-child a {
margin-left: 0;
}

.navbar-nav li:last-child:focus,
.navbar-nav li:last-child:hover {
	background-color: transparent!important;
}

.navbar-collapse ul li a {
height: auto;
padding: 10px 0;
margin: 0!important;
}


  header#masthead .nav > li > a,
  header#masthead .nav > li > a:hover {
/*  margin: 10px 0!important;*/

  }

  header#masthead .nav > li > a:after {
  margin: 0!important;;
	}

  header#masthead .nav > li > a:hover:after {
  content: '';
  width: 100%;
  display: block;
  margin: 0!important;;
  border-bottom: 0;
	}

  header#masthead .nav > li > a,
  header#masthead .nav > li > a:hover {
  margin: 10px 0!important;;

  }

#navbar2 li:last-child,
#navbar2 li:last-child a,
#navbar2 li:last-child a:hover {
padding: 5px!important;
}


}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

.navbar-toggle {
	z-index: 99999;
	margin-top:60px;
}
/*
.small .navbar-toggle {
	z-index: 99999;
	margin-top:27px;
}

.small .social div {display: none;}
*/
.icon-bar {
	background: #fff;
}
/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

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


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.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-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 */
}


/* Content */
.hentry {
	margin: 0 0 1.5em;
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}


/* Clearing add Boostrap reset*/
.clear {
	clear: both;
}

.container {
	padding-bottom: 0px;
}

#masthead .navbar {
	margin-bottom: 0;
}

.slick-slide {
    text-align: center;
}

.slick-slide::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.slick-slide img {
    vertical-align: middle;
    display: inline-block;
}

/* Navigation */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

	.navbar-collapse {
		font-weight: 300;
	}

/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

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

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

/**
* Some WP Theme Repository requirements
*/

.sticky {
}

.gallery-caption {

}

.bypostauthor {

}

.entry-meta {
	clear: both;
}

/* XS */
@media(max-width:767px) {

.social div {top: 0; left: 0;}


	.navbar-brand {
	/*	display: none !important;*/
	}
	.collapse {
		display: none !important;
	}
	.collapse.in {
		display: block !important;
	}
	.navbar-nav>li {
		text-align: center;
	}
	.navbar-left, 
	.navbar-right {
		margin: 0;
	}
	.navbar-collapse {
/*		margin-top: 20px;*/
	}
	#menu-menu-footer {
	    -webkit-columns: 1; 
	    -moz-columns: 1;
	    columns: 1; 
	}
	.footer_wrap .footer_menu_wrap ul li {
		display:block !important;
	}
}

/*SM*/
@media(min-width:768px) {
	.collapse {
		display: none !important;
	}
	.collapse.in {
		display: block !important;
	}
	.navbar-nav>li {
		text-align: center;
	}
	.navbar-nav>li>a {
		padding: 10px 10px;
	}

	.navbar-left, 
	.navbar-right {
		margin: 0;
	}
	.navbar-collapse {
		margin-top: 20px;
	}
	#menu-menu-footer {
	    -webkit-columns: 3; 
	    -moz-columns: 3;
	    columns: 3; 
	}
	.footer_wrap .footer_menu_wrap ul li {
		display:block !important;
	}
}

/*MD*/
@media(max-width:1200px) {
.navbar-collapse.in {
height: 100vh;
background: #3d0c02;
z-index: 555;
position: absolute;
width: 100%;
padding: 0;
margin: 0;
}

}
@media(min-width:1200px) {

.collapse {
		display: none !important;
	}
	.collapse.in {
		display: block !important;
	}
	#menu-menu-footer {
	    -webkit-columns: 3; 
	    -moz-columns: 3;
	    columns: 3; 
	}

/*
	.small .navbar-collapse {
		margin-top: 20px!important;
		margin-left: 100px!important;
	}
*/
	.footer_wrap .footer_menu_wrap ul li {
		display:inline-block !important;
	}
}

/* LG */
@media(min-width:1000px) {
.collapse {
		display: none !important;
	}
	.collapse.in {
		display: block !important;
	}
	.navbar-collapse {
		margin-top: /*0px*/ 18px;
	}
	.footer_wrap .footer_menu_wrap ul li {
		display:inline-block !important;
	}
}

/* LG */
@media(min-width:1400px) {
.collapse {
		display: none !important;
	}
	.collapse.in {
		display: block !important;
	}
	.navbar-collapse {
		margin-top: 0px;
	}
	.footer_wrap .footer_menu_wrap ul li {
		display:inline-block !important;
	}
}


div.newsletter {width: 33px; height: 150px; float: right; overflow: hidden; display: block;border: solid 1px #9A8A64; position: absolute; right: 0; background: #fff; z-index: 1999999;}
div.newsletter:hover {width: 300px;}
div.newsletter h3 {font-size: 12px; font-weight: 300; color: #603C21; float: left;text-align: left; margin: 9px 0;}
div.newsletter .hs-widget {clear: none;}
div.newsletter .hs-booking-widget.iframe-loaded {min-height: 40px !important; height: 40px;}

div.newsletter .newscontent {width: 250px; float: right;margin-top: -60px; line-height: 200%;}



.newsletter .newstitle{
z-index: 999;
/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

background: #9A8A64;
width: 151px;
text-align: center;
margin-top: 57px;
margin-left: -60px;
color: #fff;
text-transform: uppercase;
font-size: 16px;
height: 37px;
line-height: 37px;
}

.newsletterBtn { position:absolute; right:-47px; top: calc(30% + 130px); width: 130px !important; height: 35px; border-color:#3A383C; background:rgba(58, 56, 60, 0.5); border: solid 1px #fff;
	 -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg); margin-top:30px; }		

.newsletterBtn.fbBtn {top: 78px; background: rgba(59, 89, 152, 0.5);}
.newsletterBtn.fbBtn:hover {background: rgba(59, 89, 152, 1);}

.footer_nasze_obiekty {text-align: center;margin: 50px 0;}
.footer_nasze_obiekty h3 {font-size: 14px;padding: 10px 0;}
.footer_nasze_obiekty a {padding: 0 20px; opacity: 1;}
.footer_nasze_obiekty a img {margin: 20px 0;}
.footer_nasze_obiekty a:hover {padding: 0 20px; opacity: 0.5;}