/*
Theme Name: Sylwia Rusin - przewodnik Beskidy
Theme URI: lontia.pl
Description: Theme for przewodnikbeskidy.pl
Version: 1.0
Author: lontia.pl

*/



html>body #content {

}

body{
	padding: 0px;
	margin: 0px;
	font: 62.5% 'Lora', serif; /* Resets 1em to 10px */
	overflow-y: scroll;	
	
}


#wrap {
    text-align:left;
    margin:0px auto;
}


/************************************************
*	Header, Headings, etc.									*
************************************************/

#head{
        height: 170px;
		max-width: 999px;
        padding: 0px;
        margin: 0px;
}

#menu {
		width: 300px;
		height: 100%;
		background-color: #5c8d64;
		display: block;
		text-align: center;
		float: left;
		position: fixed;
		transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-webkit-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		overflow-y: auto;
		margin-left: -300px;
		}
#menu.sub-page {margin-left: 0;}
#content.sub-page{padding-left: 300px;}

@media (max-height : 600px) {
	#menu {
			overflow-y: scroll;
	}	
}

#menu-show.sub-page{
	margin-left: -300px;
}
#menu-show, #menu-show-mob {
	position: fixed;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	margin-left: 0px;
	display: block;

	background: url(images/menu.png) no-repeat;	

	transition: all 200ms ease 0s;
	-webkit-transition: all 200ms ease 0s;	
	-moz-transition: all 200ms ease 0s;	
	-o-transition: all 200ms ease 0s;	
	cursor: pointer;
	}
	
	

#menu-hide.sub-page {
	margin-left: 280px;
}


#menu-hide, #menu-hide-mob {
	background-color: #392a3d;
	position: fixed;
	top: 0;
	left: 0;
	margin-left: -280px;	
	width: 44px;
	height: 44px;
	display: block;

	background: url(images/menu-back.png) no-repeat;
	transition: all 200ms ease 0s;
	-webkit-transition: all 200ms ease 0s;	
	-moz-transition: all 200ms ease 0s;	
	-o-transition: all 200ms ease 0s;	
	cursor: pointer;
	}

#menu-show-mob, #menu-hide-mob {display: none;}	
	
#menu-hide:hover{
		transform: rotate(90deg) scale(.8);
		-webkit-transform: rotate(90deg) scale(.8);
		-moz-transform: rotate(90deg) scale(.8);
		-o-transform: rotate(90deg) scale(.8);
}

#menu-show:hover{
		transform: scale(.8);
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-o-transform: scale(.8);
}

@media(max-width: 650px){
		#menu {
				margin-left: -300px !important;
				-moz-transition: all 200ms ease;
				transition: all 200ms ease;
				-webkit-transition: all 200ms ease;
				-o-transition: all 200ms ease;
				}
		#menu-show-mob {margin-left: 0 !important;}
		#menu-hide-mob {margin-left: -300px !important;}
		#menu-show-mob, #menu-hide-mob {display: block;}	
		#menu-show, #menu-hide {display: none;}	
		#content.sub-page{padding-left: 50px !important;}
		body {background: url(images/bg-home.jpg) no-repeat center center fixed;background-size: cover;}
		#fwbslider {display: none;}
}

.wysun {
		margin-left: 0 !important;
		transition: all 400ms ease 0s;
		-webkit-transition: all 400ms ease 0s;
}


.logo-menu {margin-top: 50px;}		

#menu ul {
		margin: 20px 0 0 0;
		padding: 0;
		}
#menu ul.sub-menu   {
		margin: 0 0 0 0;
				font-size: .8em;
				opacity: .8;
}

#menu ul.sub-menu  li {padding: 0;}
#menu ul.sub-menu  li a{
		width: 250px;
		padding: 5px 0 5px 50px;
		line-height: 1.1em;
}

#menu ul.sub-menu  ul li a{
		width: 220px;
		padding: 5px 15px 5px 70px;
		line-height: 1.1em;
		font-size: 2em;
}



#menu li {
		list-style: none; 
		text-align: left;
		overflow: hidden;

		}
#menu li a{
		font-size: 1.6em;
		line-height: 2.0em;
		font-weight: 500;
		color: #fff;
		text-transform: uppercase;
		width: 260px;
		display: block;
		padding: 0 10px 0 30px;
		
		transition: opacity 400ms ease;
		-webkit-transition: opacity 400ms ease;
		-moz-transition: opacity 400ms ease;
		-o-transition: opacity 400ms ease;
		
		}

#menu li a:hover{
		background-color: #7ea784;
		color: #fff;
		transition: 400ms ease;
		-webkit-transition: 400ms ease;
		-moz-transition: 400ms ease;
		-o-transition: 400ms ease;
		}
#menu li.current-menu-item a {
		background-color: #6d9974;
}		

		
		
/************************************************
*	Links and Headings									*
************************************************/


a img,:link img,:visited img { border:none }    



a, a:link {
	color: #333333;
	text-decoration: none;
}



h1 {
        font-size: 1.4em;
	line-height: 1.2em;
	color: #5c8d64;
	font-weight: normal;
        margin: 0px;
}

h1 a {color: #5c8d64 !important;}

h2 {
	font-size: 2em;
	line-height: 1.2em;
	color: #5c8d64;
	font-weight: normal;
}


h5 {
	color: #000000;
        margin: 8px 0px 0px 0px;
	padding: 0px;
        font-size: 1.3em;
        font-variant: small-caps;
	font-weight: normal;
}

a:hover {
	color: #9c9c9c;
	text-decoration: none;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
}

/************************************************
*	Main Content									*
************************************************/

#main {
}

#content {
	max-width: 850px;
	padding-left: 0px;
	margin: 0 auto;
	transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
}

.main-title, .main-title-mob {cursor:pointer;}
.main-title-mob {display: none;}

@media(max-width: 600px){
	.main-title-mob {display: inherit;}
	.main-title {display: none;}
	.main-title-mob img{width: 100%; height: auto;}
	.main-title-mob {margin-top: 20%;}
	
	
}

.item {
        color: #333333;  
        font-size: 1.5em;
        line-height: 1.5em;	
		border-radius: 0 0 10px 10px;
		padding: 20px;
		text-align: justify;
}

.no-radius {border-radius: 10px;
			padding-bottom: 0;
			margin: 0;
			}

			
@media(max-width: 650px){
	#content {
			padding-left: 0px;
			transition: all 200ms ease;
			-moz-transition: all 200ms ease;
			-webkit-transition: all 200ms ease;
			-o-transition: all 200ms ease;
			}
	.item {padding: 0;}
	.item.sub-page {padding: 20px;}
}



.item.sub-page {
			background: rgba(255,255,255,.85);
			transition: all 200ms ease;
			-moz-transition: all 200ms ease;
			-webkit-transition: all 200ms ease;
			-o-transition: all 200ms ease;			
			
			}
.item.sub-page.no-radius:hover {
		background: rgba(255,255,255,.9);
					transition: all 200ms ease;
			-moz-transition: all 200ms ease;
			-webkit-transition: all 200ms ease;
			-o-transition: all 200ms ease;
		
		}

.alignleft {
			float: left;
			margin-right: 20px;
			}
.alignright {
			float: right;
			margin-left: 20px;
			}
.aligncenter {
			display: block;
			text-align: center;
			margin: 0 auto !important;
			}
.item p {
	padding: 5px 0;
}

.item p a{
	text-decoration: underline;
	color: #5c8d64;
}

.item p a:hover{
	color: #9c9c9c;
}

.item img {
	margin: 5px;
}

@media(max-width:500px) {
	.item img {width: 100%; float: none; height: auto;}
	
}

.item ul {
	list-style-type: disc;
	padding-left: 10px;
	margin: 10px 0px 10px 15px;
}

.item ol{
	list-style-type: decimal;
	padding-left: 10px;
	margin: 10px 0px 10px 15px;
}

.itemhead{
	padding-top: 5px;
	padding-bottom: 7px;
        margin-bottom: 18px;
}

.itemhead h3{
	display: inline;
}

.date{
	display: inline;
	text-align: right;
	font-size: .9em;
    margin-bottom: 20px;
	color: #5c8d64;
}

input{
	font-size: 100%;
}

.metadata{
	font-size: 90%;
        line-height: 220%;
        margin-top: 20px;
        font-style: italic;
}

.metadata a:link {
	color: #333333;
}

.metadata a:hover, .metadata a:visited{
	color: #9c9c9c;
}


/************************************************
*	Sidebar									*
************************************************/

#primary{
}



#l_sidebar {
	}
	
#l_sidebar p{
	}
	
#l_sidebar ul {
}

#l_sidebar li {
}
#l_sidebar ul li {
}
	
#l_sidebar ul li a {
}

#l_sidebar ul li a:hover {

}

#l_sidebar ul ul {
}

#l_sidebar ul ul li{
}

#l_sidebar ul ul ul{
}

#l_sidebar ul ul ul li{

}

#secondary{
        width: 200px;
	padding: 0px;
	float: right;
}

#r_sidebar {
	padding: 30px 15px 20px 4px;
        font-size: 1.3em;
	line-height: 1.4em;
	}

#r_sidebar ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
        list-style-type: disc;
        list-style-position: outside;
        color: #333333;
}

#r_sidebar li {
        margin: 0px;
	padding: 0px;
        color: #333333;
}
#r_sidebar ul li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
	
#r_sidebar ul li a {
	color: #333333;
	text-decoration: none;
}

#r_sidebar ul li a:hover {
	color:#9c9c9c; 
}

#r_sidebar ul ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	padding: 0px 0px 0px 14px;
        list-style-type: disc;
        list-style-position: outside;
        color: #333333;
}

#r_sidebar ul ul li{
	margin: 0px;
}

#r_sidebar ul ul ul{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
        list-style-type: disc;
        list-style-position: outside;
        color: #333333;
}

#r_sidebar ul ul ul li{
	margin: 0px;
}
	
#r_sidebar p{
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
        color: #333333;
	}
	

li .categories, li .linkcat, li .pagenav {
	margin: 0px;
	padding: 0px;
}

.sidebarSearch{
	clear: both;
        margin-top: 10px;	
        margin-bottom: 10px;
	margin-left: 5px;
}

.feedarea  {
	height: 30px;
	padding-left:20px;
}

.feedarea  a {
       color: #333333;
}


/************************************************
*	Footer									*
************************************************/


#foot {
        height: 40px;	
        text-align: center;
	padding-top: 20px;
}

.weblogo {display: block; float: right; width: 100px; height: 30px; background: url(images/24-7logo.png) no-repeat; margin-bottom: 20px;}


/************************************************
*	Contact form 7								*
************************************************/				
div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {border: none !important; color: #ff0000;}				

.wpcf7-submit {
				border: none !important;
				background-color: #ffd002;
				color: #000;
				padding: 5px 10px;
				cursor: pointer;
				}
				

/************************************************
*	Lightbox-gallery							*
************************************************/	
.gallery img {
				border: none !important;
				padding: 10px 10px 35px 10px;
				background: url(images/image-bg.jpg) bottom center #5c8d64;
				box-shadow: 0 0 3px #9a9a9a;
				transform: scale(1) rotate(0deg);
				transition: all 200ms ease 0s;
				}				
.gallery img:hover {
				transform: scale(1.1) rotate(2deg);
				transition: all 200ms ease 0s;
				box-shadow: 0 0 10px #616161;
				}
#cboxOverlay {background: url(images/gallery-bg.png) !important; opacity: 1 !important}	

#wpadminbar {display: none;}

.fwb_fromthis{display: none;}
.more-link{
		padding: 5px 10px;
		border-radius: 10px;
		background-color: #5c8d64;
		color: #fff;
		float: right;
		opacity: 1;
		transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-webkit-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		
}
.more-link:hover{
		opacity: .7;
		transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-webkit-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		}
a.more-link {
		color: #fff !important;
		font-size: 2em;
		text-decoration: none !important;
}

.navigation a{
		padding: 5px 10px;
		border-radius: 10px;
		background-color: #5c8d64;
		color: #fff;
		font-size: 1.3em;
		opacity: 1;
		transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-webkit-transition: all 200ms ease;
		-o-transition: all 200ms ease;
}


.navigation a:hover{

		opacity: .7;
		transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-webkit-transition: all 200ms ease;
		-o-transition: all 200ms ease;
}




hr {
		border: 0;
		height: 1px;
		
		 background-image: linear-gradient(to right, rgba(92, 141, 100, 0), rgba(92, 141, 100, 0.75), rgba(92, 141, 100, 0));
		
}
input.sow-submit:hover  {
		opacity: .7;
		transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-webkit-transition: all 200ms ease;
		-o-transition: all 200ms ease;		
		
}
input.sow-submit  {
		background-color: #5c8d64;
		color: #fff;
		border: none !important;
		padding: 5px 10px;
		border-radius: 5px;
		cursor: pointer;
		transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-webkit-transition: all 200ms ease;
		-o-transition: all 200ms ease;		
		}
input.sow-form-field{
		background:rgb(255,255,255,.5) !important;
}

#catapult-cookie-bar {
		background: rgba(0,0,0, .5) !important;
}
button#catapultCookie {
		padding: 2px 5px !important;
		background: rgba(255,255,255, .5) !important;
		float: right;
		}