/*
Theme Name:     		Herodek
Description:    		Motyw potomny szablonu Moon
Author:         		Anna Mazur
Modification and Amendments: 	Szymon Żylski
Template:      			moon
Version:        		1.0+Z
*/

@import url("../moon/style.css");
@media screen and (max-width: 1024px) {
	.wrapper #primary-menu {
		height: 0;
		width: 250px;
	}
	
	.is-visible #primary-menu {
		height: 50vw;
	}
	
	.wrapper.is-visible #primary-menu {
		left: -140px;
		top: 47px;
	}

	.contactform>.mit_widget-area {
		height:100% !important;
}

.ivycat-post{
		
		width:100% !important;
		height:100% !important;
		clear:left !important;
		margin-left:0 !important;
		
}

}

.post-author {display:none;}
.navigation.post-navigation {margin-bottom:5vh;}


.w_wrapper>.site-content>.container {
    width: 100%;
	max-width: 100%;
	padding:0;
}

.entry-thumbnail{
	background-color:#2b2b2b;
	display:block;
	height: auto;
	width: 100%;
	height:100%;
}

.pagethumbnailwrapper{
	position: relative;
	max-width:100%;
	margin:0 auto;
	display:block;
	z-index:3;
	height: auto;
	width: 100%;
	height:220px;
}

.pagethumbnailimg{
	max-width:100%;
	margin:0 auto;
	position: absolute;
	z-index:3;
	display:block;
	height: inherit;
	width: 100%;
	overflow: hidden;
}
.pagethumbnailimg img{
	max-width:100%; //1170px;
	margin:0 auto;
	display:block;
	height:auto;
	width: 100%;
	position: relative;
	z-index:3;

}

.pagethumbnailtxt  {
	max-width:730px;
	max-height: 250px;
	color:white;
	margin:0 auto;
	position: relative;
	z-index:4;
	font: 200 1.1em 'PT Serif', serif;
	line-height: 1.2em;
	padding-top:80px;
	padding-bottom:80px;
	display:block;
	text-align:center;
	overflow:hidden;
	margin-top:-50px;
}


.site-main article {
	max-width:75%;
	margin:0 auto;
}
.home .site-main article {
	max-width: 100%;
	margin:0 auto;
}
.post-author {
	max-width: 770px;
	margin:0 auto;
}

.entry-header>.entry-title {
		margin-bottom:0;
}

.entry-utility {
		visibility:hidden;
}


/*
czcionki
*/

body, button, input, select, textarea{
		font-family: 'Open Sans', sans-serif !important;
}

.site-main {
		font-family: 'Open Sans', sans-serif !important;
}

h1, h2, h4 {
		font-family: 'PT Serif', serif !important;
		font-weight: bold;
}


a {
    color: #868686;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
a:hover, a:focus, a:active {
    color: #000;
    outline: medium none;
    text-decoration: none !important;
}


/*
header
*/
.site-header {
    background-image: url("images/paneltop1.png") !important;
    background-repeat: repeat-x;
	/*border-style: solid;
    border-width: 0 0 4px 0;*/

}

.topwrapper {
    background-image: url("images/paneltop1.png") !important;
    background-repeat: repeat-x;
    height: 99px;
    width: 100%;
    margin: 0 auto;
		}

.topwrapper:after {
        content:'';
        display:block;
        clear:both;
      }

.topwrapper .site-branding  {
        	float:left;
		height: 100%;
        	width:28%;
		padding: 12px 0;
      }

.topwrapper .site-navigation  {
        float:left;
	height: 100%;
        width:60%;
        background-color:transparent;

      }
	  
.topwrapper .site-navigation .container  {
		padding-top: 30px;
		width: auto !important;
		margin:0 auto;
		float:left;
		left:50%;
		position:relative;
}
	  
.site-navigation .sub-menu {
    background: #D54A27 none repeat scroll 0 0 !important;
}

#primary-menu {
    position: relative;
    float:left;
    left: -50% ;
    width: auto;

		
}


#primary-menu ul {
		background: #D54A27 none repeat scroll 0 0;
		width: 120px;
		float:left;
		
}
#primary-menu li a {
		padding: 7px 10px;
		text-transform: lowercase;
		font-size:13px;
		font-weight: 400;
}

	  
#primary-menu {
		margin: 0 auto;
		padding: 0;

      }

/*
usuwanie wartości zerowej ul
*/  
#primary-menu:after {
		content:'';
		display:block;
		clear:both;
}
	  
#primary-menu >li {
		float:left;
}	  

#primary-menu >li>a {

}	  

	  
.topwrapper .header_widget-area {
        	float:left;
		height: 100%;
        	width:12%;
		background-color: transparent !important;
      }
.widget.acx-smw-social-icon-desc{
		background-color: transparent;
		float: right;
		margin: 15px 0 ;
}

.simple-social-icons ul li.social-facebook{
		margin: 12px 6px !important;
		opacity: 50%;

}

.simple-social-icons>ul>li.social-facebook>a{
		background-color: #7c3423 !important;
		color: #d54a27 !important;

}

	

/*
content
*/

.hentry, .widget, .post-author, .comments-area, .error404 .content-area {
       		background-color: tranparent !important ;
		box-shadow: 0 0 0 rgba(0, 0, 1, 0.1);
}

h1.entry-title {
		padding-bottom: 35px;
		text-align: center;
		color: #D54A27;
		font-size: 1.7em;
		
}

header .entry-title{display:none;}

.site-content {
		padding-bottom:0;
		
}


/*
galeria
*/

.page>.w_wrapper>.site-content>.container>.widget-area {
   		 padding-left: 50px;
}
.page.home>.w_wrapper>.site-content>.container>.widget-area {
   		 padding-left: 0;
}
.page.home>.w_wrapper>.site-content>.container>.content-area>.site-main>article {
		 padding:0;
}
.page.page-id-53>.w_wrapper>.site-content>.container>.content-area>.site-main>article {
		width:100%;
		max-width: 880px;
}

.ngg-galleryoverview>.ngg-gallery-thumbnail-box{
		margin-bottom: 50px;
		width:33%;

}
.ngg-galleryoverview>.ngg-gallery-thumbnail-box.firstImage{
		margin-right: 77px;
		max-width: 477px !important;
}


.ngg-galleryoverview>.ngg-gallery-thumbnail-box>.ngg-gallery-thumbnail {
		border: 0px solid #a9a9a9 !important;
		margin: 0;
	   	max-height: 100% ;
		position: relative;
		z-index: 2;
}

.ngg-galleryoverview>.ngg-gallery-thumbnail-box>.ngg-gallery-thumbnail > div{
		position: absolute;
		z-index: 2;
		top: 0;
		width: 100%;
		background-color: white;
}

.ngg-galleryoverview>.ngg-gallery-thumbnail-box>.ngg-gallery-thumbnail a {
		margin: 0;
		max-width:200px;

}

.ngg-galleryoverview>.ngg-gallery-thumbnail-box>.ngg-gallery-thumbnail a img{
		opacity: 1;
		filter: alpha(opacity=50);
		-webkit-transition: opacity 1s linear;


}

.ngg-galleryoverview>.ngg-gallery-thumbnail-box>.ngg-gallery-thumbnail  .thumbnail-image:hover{
		opacity: 0.3;
		filter: alpha(opacity=100);
		-webkit-transition: opacity 1s linear;		

}

.ngg-galleryoverview>.ngg-gallery-thumbnail-box>.ngg-gallery-thumbnail  .thumbnail-image{
		z-index:4;
}

.ngg-galleryoverview>.ngg-gallery-thumbnail-box>.ngg-gallery-thumbnail .thumbnail-hover {
		background-color: white;
		color: black;
		display: block;
		position: relative;
		z-index: 2;	
		top:0;	

}


.ngg-galleryoverview>.ngg-gallery-thumbnail-box>.ngg-gallery-thumbnail .thumbnail-hover div:nth-child(2) {
		font-size: 4vw;
		border-bottom: thin solid black;
		margin:0;
		height:15vw;
		max-height: 150px;
		width:15vw;
		max-width:180px;
		margin:0 10px;	
		padding-top:30px;
		font-family: 'PT Serif', serif !important;
		font-weight: bold;
		

}

.ngg-galleryoverview>.ngg-gallery-thumbnail-box>.ngg-gallery-thumbnail .thumbnail-hover div:nth-child(3) {
		font-size: 1.3vw;
		height:15vw;
		max-height: 150px;
		width:15vw;
		max-width:180px;
		margin:0 10px;
		padding-top:20px;

}

.ngg-galleryoverview>.ngg-gallery-thumbnail-box.firstImage>.ngg-gallery-thumbnail>.thumbnail-hover {
		width: 40vw;
		max-width: 477px;		
		height: 10vw;
		max-height: 120px;
		top:-120px;
		overflow: initial;
		/* Fallback for web browsers that don't support RGBa */
		background-color: rgb(255, 255, 255);
		/* RGBa with 0.6 opacity */
		background-color: rgba(255, 255, 255, 0.6);
		/* For IE 5.5 - 7*/
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
		/* For IE 8*/
}

.ngg-galleryoverview>.ngg-gallery-thumbnail-box.firstImage>.ngg-gallery-thumbnail>.thumbnail-hover div:nth-child(1) {
		display:none;
}

.ngg-galleryoverview>.ngg-gallery-thumbnail-box.firstImage>.ngg-gallery-thumbnail>.thumbnail-hover div:nth-child(2) {
		font-size: 4vw;
		border-right: thin solid black;
		border-bottom:0;
		bottom: 0;
		margin:20px 0;
		height:10vw;
		max-height: 80px;
		width:13vw;
		max-width: 177px; 
		padding: 0 20px;
		position: absolute;
		z-index: 4;
		background-color: transparent;

}
.ngg-galleryoverview>.ngg-gallery-thumbnail-box.firstImage>.ngg-gallery-thumbnail>.thumbnail-hover div:nth-child(3) {
		bottom: 0;
		left:13vw;
		font-size: 1.3vw;
		height:10vw;
		max-height: 80px;
		width:27vw;
		max-width: 300px; 
		margin:20px 0 ;
		padding: 20px;
		position: absolute;
		z-index: 4;
		background-color: transparent;
		text-align: left;
		
}

.ngg-galleryoverview>.ngg-gallery-thumbnail-box.firstImage>.ngg-gallery-thumbnail {
		width: 50vw;
		max-width: 477px;		
		height: 60wv;
		max-height: 650px;
		overflow: hidden;

}

.ngg-galleryoverview>.ngg-gallery-thumbnail-box.firstImage>.ngg-gallery-thumbnail>.thumbnail-image {
		position: relative;
		z-index: 2;
}

#gallery  .ngg-galleryoverview>.ngg-gallery-thumbnail-box.firstImage {
		width: 50vw;
		max-width: 477px;		
		height: 60wv;
		max-height: 650px;
		overflow: hidden;
		

}
#gallery  .ngg-galleryoverview>div.firstImage img {
		width: 100%;
		height: 100%;
}		
		
		
#gallery  .ngg-galleryoverview>div.firstImage a {		
		width: 50vw;
		max-width: 477px;		
		height: 60wv;
		max-height: 650px;

}


.ngg-navigation {
		margin-top: 30px;
}

#fancybox-outer{
		padding:30px 200px 30px 30px;
}

#fancybox-title{
		position:absolute;
		right:0;
		top:20%;
		width:190px !important;
}

#fancybox-overlay {
		background-color: rgb(230, 230, 230) !important;
		opacity: 0.8 !important;			
}
.fancybox-title-inside p { 
		margin-bottom:0px;
		margin-left:10px;
		margin-right:10px;
}	
.fancybox-title-inside p:nth-child(1) { 
		font-size:30px;
		font-weight: 600;
		border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.fancybox-title-inside p:nth-child(2){ 
		font-size:16px;
		border-bottom: 1px solid black;
		border-top: 1px solid black;
		padding:10px;
		margin-bottom:15px;
		margin-top:15px;
		font-weight:bold;

}
.fancybox-title-inside p:nth-child(3) { 
		font-size:12px;

}
/*
home page gallery
/nggallery/custom.css
*/



/*
primary sidebar
*/

.widget.widget_nav_menu h4 {
		background-color: white;
		color: black;
		font-size: 20px;
		text-transform: capitalize;
		font-weight: 600;
		margin-top: 40px;
}

.home #primary{
		height: 75vh;
		overflow:hidden;
}


/*
secondary sidebar
*/


.home #secondary{
		background-color: #333333;
		color: white;
		height:100%;
		display:block;

		/*border: 5px solid #333333;*/
		//border-bottom:0;
		//border-top:0;
		//overflow:hidden;
}



.home #secondary>.widget.widget_text {
		background-color: #333333;
		color: white;
		padding:0;
		//overflow:hidden;
		margin-bottom:0;
		
}


.home #secondary>.widget.widget_text#text-36{
		font-family: 'PT Serif', serif;
		//font-weight: bold;
		font-size: 2.6vmin;
		height: 100%;
		padding:10px 15px 10px 15px;
}

.home #secondary>.widget.widget_text#text-31{
		//font-style: italic;
		font-size: 2.4vmin;
		height: 100%;
		padding:8px 15px 8px 15px;
}

.home #secondary>.widget.widget_text#text-32{
		height: 90%;
		padding:8px 15px 8px 15px;
		
}

.home #secondary>.widget.widget_text#text-34 img{
		height:100%;
}

.home #secondary>.widget.widget_text#text-32{
		padding-top:8px;
		height: 100%;

}

.home #secondary>.widget.widget_text#text-32>.textwidget{

		height:100%;
		width:auto;
		max-width:initial;
		position: relative;
		overflow: hidden;
}
/*
.home #secondary>.widget.widget_text#text-32>.textwidget>a>img {

		height:100%;
		width:auto;
		max-width:initial;
		position: absolute;
		top: -9999px;
		bottom: -9999px;
		left: -9999px;
		right: -9999px;
		margin: auto;
		
}*/

.home #content.site-content {
		padding-top:0;
}

 
#bio{
		width:100%;
		height:auto;
		margin-bottom:-1px;
}



/*
contactform
*/

.contactform >.contactform_widget-area{
		width: 100%;
		background-color:#ACAFB0;
		position:relative;
		z-index:1;
		margin: 0 auto;
		padding-bottom:10vh;
}

.contactform >.contactform_widget-area>.widget {
		background-color: transparent !important ;
		text-align: center;
		color: white;
		margin-bottom:0;
}
.contactform  .formtitle {
		font-size: 2.2em;
		margin-top:20px;
		padding: 10px 0;
		font-family: 'PT Serif', serif !important;
		font-weight: bold;
}
.contactform  .formtekst {
		font-size: 0.5em;
		padding: 10px 0;
		font-family: 'PT Serif', serif !important;
		//font-weight: bold;
}

.contactform  .formmail {
		width: 300px;
		margin: 0 auto;
}
.contactform  .formmail input{
		background-color: #f9f9f9;
}
.contactform  .formmessage {
		width: 300px;
		margin: 0 auto;
}
		
.contactform  .formmessage textarea{		
		background-color: #f9f9f9;
}
.contactform .formcontainer {
		width: 300px;
		margin: 0 auto;
}
.contactform  .formcontainer:after {
       		content: '';
        	display: block;
        	clear: both;
}
.contactform  .formfile {
        	float: left;
        	width: 100%;
		color: white;

}

.contactform  .formfile .wpcf7-file {
        	float: left;
		color: white !important;
		font-size: 0.8em;

}

.contactform  .formbutton {
        	float: left;
        	width: 100%;

}

.contactform  .formbutton  img{
		display:none;
}

.contactform  .formbutton>label {
		width: 100%;
		margin-bottom:60px;
}

.contactform  .formbutton>label>.wpcf7-submit {
    	background: #f9f9f9 none repeat scroll 0 0;
    	border: 1px solid #dadada;
    	border-radius: 2px;
    	color: #000;
   	font-family: Roboto,helvetica,arial,sans-serif;
    	font-size: 14px;
    	font-weight: 400;
    	line-height: 17px;
	letter-spacing: 0;
	text-transform: capitalize;
	width: 100%;
   	height: 60px;
    	padding: 0 20px;
    	transition: all 0.3s ease 0s;
}


.g-recaptcha {
		width: 300px;
		margin:0 auto;
}
.g-recaptcha>div {
		margin-top:25px;

}


/*
maps widget
*/

.contactform>.maps_widget-area>#text-11.widget {
		margin: 0;
		padding: 0;
		height: 500px;
}

.contactform>.maps_widget-area>#text-11.widget>.textwidget {
		height: 500px;
		border-width: 0px;
}

.contactform>.maps_widget-area>#text-11.widget>.textwidget  iframe{
		border: 0;
}

/*
partners widget
*/
.contactform>.partners_widget-area {
		background-color: #4e4f53;
		height: 280px;
		width: 100%;
		//overflow:hidden;
		//border-top: 5px solid black;
}

.contactform>.partners_widget-area>.widget {
		background-image: url("images/partners.jpg");
		background-repeat: no-repeat;
		margin: 0 auto;
		padding: 0;
		height: 280px;
		width: 1170px;
}
.contactform>.partners_widget-area>.widget>.textwidget {
		color: white;
		text-align: center;
}
.lgx-carousel-wrapper {
		padding-top:50px;
}

/*
mit widget
*/


.contactform>.mit_widget-area {
		background: #6ea3a9 none repeat scroll 0 0;
		padding-bottom:20px;
		width:100%;
		height:181px;
		margin-top:-180px;
		text-align:center;
		padding: 4.5vh 0 1vh 0;
		


}

@media screen and (min-width: 1500px max-width: 2000px) {
  .contactform>.mit_widget-area {
		background: #6ea3a9 none repeat scroll 0 0;
		padding-bottom:20px;
		width:100%;
		height:181px;
		margin-top:-180px;
		text-align:center;
		padding: 4.5vh 0 1vh 49;
		z-index:3;
		posiotion: absolute;
		


}

.textwidth{
    z-index: 4;
    position: relative;
}

}


.contactform>.mit_widget-area>.widget.widget_text {
		background: #6ea3a9 none repeat scroll 0 0;
		text-align: center;
		margin:0;
		padding:0;
}

.contactform>.mit_widget-area>.widget.widget_text#text-19 {
		color: white;
		font-size: 28px; //4vh;
		font-family: 'PT Serif', serif;
		
}

.contactform>.mit_widget-area>.widget.widget_text#text-62 {
		color: white;
		font-size: 28px; //4vh;
		font-family: 'PT Serif', serif;
		
}

.contactform>.mit_widget-area>.widget.widget_text#text-40 {
		font-size: 14px; //1.8vh;
		font-weight: bold;
		font-family: 'PT Serif', serif;
		padding-bottom: 1vh;

}

.contactform>.mit_widget-area>.widget.widget_text#text-54 {
		font-size: 14px; //1.8vh;
		font-weight: bold;
		font-family: 'PT Serif', serif;
		padding-bottom: 1vh;

}

.contactform>.mit_widget-area>.widget.widget_text#text-41>.textwidget a {
		color: white;
		border: 1px solid white;
		width: 10vw;
		margin:0 auto;
		padding: 0.5vh 1vh;
		text-transform: uppercase;
		font-size:10px; //1.2vh;
}

.contactform>.mit_widget-area>.widget.widget_text#text-58>.textwidget a {
		color: white;
		border: 1px solid white;
		width: 10vw;
		margin:0 auto;
		padding: 0.5vh 1vh;
		text-transform: uppercase;
		font-size:10px; //1.2vh;
}


/*
footer
*/


#colophon.site-footer {
		height: 400px;
		padding: 10px 0;
		background-image: url("images/panelbottom1.png") !important;
		background-repeat: repeat-x;
		color: #ffffff;
}
#colophon.site-footer>.container>.footer-widget-1 {
		margin: 15px 0;
}

#colophon.site-footer>.container>.footer-widget-1 >.col-1>.widget{
		margin: 0;
		background-color: transparent !important ;
		text-align: center;
        	font-size:0.8em;	
		font-style:italic;
		padding: 22px 0;
}
#colophon.site-footer>.container>.site-info-1 >.site-info-col-1>.widget{
		background-color: transparent !important ;
		padding: 0;
		margin: 0;
}	

#colophon.site-footer>.container>.footer-widget-1 >.col-1>.widget#text-22{
		border-top:1px solid rgba(255, 255, 255, 0.15);
}

#colophon.site-footer>.container>.site-info-1 >.site-info-col-2>.widget{
		background-color: transparent !important ;
		padding: 0;
		margin: 0;
}

.site-info-1{
		background-color: tranparent !important ;
		border-top:1px solid rgba(255, 255, 255, 0.15);
        	font-size:11px;
		padding-top:10px;
}

.site-info-1:after {
        content:'';
        display:block;
        clear:both;
}

.site-info-col-1 {
        float:left;
        width:50%;
        color:white;
}
.site-info-1 a {
        color:white !important;
}

.site-info-col-2{
        float:left;
        width:50%;
        color:white;
	text-align:right;
}

.elastislide-carousel li a {
		position: relative;
		z-index:1;
}
.elastislide-carousel li .number {
		position: relative;
		z-index: 2;
		margin-top: -100px;
		display:box;
		font-size: 60px;
		background-color: white;
		opacity:0.8;
		
}


.ivycat-post{
		border:1px solid gray;
		height:400px;
		width:45%; //440px;
		font-size:15px;
		padding:30px;
		margin-left:30px;
		margin-right:15px;
		margin-bottom:45px;
		float:left;
		
}

.ivycat-post .entry-title{
		padding-bottom:30px;
}

#post-267, #post-225{
		padding-bottom:10%;
		
}

#post-33{
	width:60%;
}

.page.home>.w_wrapper>.site-content>.container>.content-area{
	padding-top:20px;
	padding-bottom:50px;
}



.author{
	padding-bottom:10px;
	font-weight:bold;
}

.read{
	margin-top:-21px;
	
}

.number{
	left:-13vw !important;
	top:-20vw !important;
}
	
.mit_widget-area{
	position: relative !important;
	z-index:2 !important;
}

.homepagetekst{
	width:57vh !important;
}
.homepagegallery{
	z-index:1 !important;
	position:relative !important;
	margin-left:33vh !important;
}

.textwidget{
	z-index:3;
	position:relative;
}

#fancybox-left-ico{
	margin-left:-37px;
}

#fancybox-right-ico{
	margin-right:-37px;
}