/*
Theme Name: MarcinGluchowski
Author: Robert N.
Author URI: https://mixedmedia.pl/
Description: 
Version: 1.1
Requires at least: 5.0
Tested up to: 5.7
Requires PHP: 7.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: mixedmedia
Text Domain: MarcinGluchowski

MarcinGluchowski WordPress Theme © 2011-2021 TidyThemes
MarcinGluchowski is distributed under the terms of the GNU GPL
*/
html { font-size:15px; color:#000; font-family:Arial,Verdana; -webkit-font-smoothing: antialiased; }
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,ins,strong,sub,sup,b,u,i,center,ol,ul,li,form,label,table,caption,tbody,tfoot,thead,tr,th,td,article,footer,header,menu,nav{margin:0;padding:0;border:0;vertical-align:baseline}
html{scroll-behavior:smooth}
button{outline:0}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
div { display:block; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
sup { top: -0.5em; position: relative; font-size: 0.6rem; }
 a { color:#999999; text-decoration:none; }
 a:hover { color:#000; }
 a h1 { color:#000; } 
.tytul_projekt { margin:20px 0 100px; }
.tytul_projekt h2 { font-size:19px; }
.opis_projekt { margin-bottom:20px; }
.opis_projekt h2  { font-size:19px; margin-bottom:10px; }
.opis_projekt td { padding-right:20px; line-height: 20px; }
.galerie { width: 100%;text-align: center; }
.galeria { padding-bottom:40px; }
.galeria img { width:100%; }
ul.menu { position:relative; }
ul.menu li { display:inline-block;  }
ul.menu li a { text-transform:uppercase; padding:0 0.4vw; white-space: nowrap; }
ul.menu li.current-menu-item a, .current-menu-parent a { color:black; }
ul.menu li .sub-menu { display:none; position:absolute; left:0; margin-top: 5px; }
ul.menu li.current-menu-parent .sub-menu { display:block; }
ul.menu li.current-menu-parent .sub-menu a { text-transform:lowercase; color:#999999; }
ul.menu li.current-menu-parent .sub-menu a:hover { color:#000; }
ul.menu li.current-menu-parent .sub-menu li.current-menu-item a { color:#000; }
ul.menu li.lang-item a { padding:0 0.05vw; }
ul.menu li.lang-item.lang-item-4 a, ul.menu li.lang-item.lang-item-4 span { padding-left:0.4vw; } 
li.current-lang a { color:#000; }
figure.wp-block-image { margin: 0; }
ol.sroman { list-style: upper-roman; padding-left: 15px; } 
ol.sdecimal { list-style: decimal; padding-left: 25px; margin: 15px 0; } 
#wrapper .projekty { min-height:calc(100vh - 155px); }
#header .head { width:95%; margin: 15px auto 40px; line-height: 20px; }
#header .head nav { float:right;  }
#header .head h1 { display:inline; font-size:20px; font-weight: 400; line-height: 15px; }
footer  { margin-bottom:10px; }
footer .foot { width:95%;; margin:auto; }
#copyright { text-align:right; font-size:0.9rem; }
#copyright a { color:#000; }
#copyright a:hover { color:#999999; }
.topProjekt { padding:0; }
.nawi { max-width:70%; width:100%; margin:0 15%; position:absolute;  bottom:-35px; }
.sl_box { max-width:70%; width:100%; margin:0 auto; position:absolute; bottom: -20px; }
.priceb { margin:10px auto 35px !important; }
.srodek2 { max-width:70%; /*1325px; */ width:100%; margin:0 auto; }
.srodek2 p { padding-bottom:25px; }
.srodek { min-height:calc(100vh - 140px); display:table; max-width:70%; /*1325px; */ width:100%; margin:0 auto; }
.srodek > div, .srodek > article.not-found { display:table-cell; vertical-align:middle; width:100%; }
.srodek p { padding-bottom:25px; }
.srodek.szespol  { margin:-10px auto 0; }
.szespol .wp-block-columns { margin-bottom:7px; }
.projekty { width:100%; float:left; padding-left:8px; margin-bottom: 10px; }
.projekty .projekt { width:calc(25% - 8px); float:left; margin: 0 8px 8px 0; }
.projekty:after { display:table; clear:both; }
.projekty .projekt { position: relative; z-index: 21; }
 .projekty .projekt:hover .maska { background-color: rgba(0,0,0,0.7); z-index:24; display:block;  }
 .projekty .projekt:hover .tytul { display:block; }
.maska { display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0); }
.projekty .projekt img { display: block; z-index: 23; width:100%; }
.tytul { position: absolute; top: 50%; transform:translateY(-50%); display: none; left: 20px; color: #fff; z-index: 26; font-size:1.1rem; }
.topProjekt img.top_img { max-width:100%; width: 100%; }
.type-post .entry-title { margin-bottom:20px; } 
.type-post .entry-title a { font-size:30px; color:#000; }
.type-post .entry-date { float: right; margin-top: -20px; }
.type-post .zajawka { margin:20px 0 50px; }
.wpis { margin-top: 30px; }
.nav-links { margin:40px 0; }
.nav-links .nav-previous { float:left; }
.nav-links .nav-next { float:right; }
.not-found h1 { text-align:center; font-size:25px; margin-bottom:20px; }
.not-found .entry-content  { text-align:center;  }

.back_projekt { text-align: right; margin-bottom: 15px; }

.social a:hover i { fill:red; }

ul.menu > li { height: 12px; }

li.social { padding:0 0.4vw;}
.social a { padding:0 !important; }

.faceb { background: transparent url('/facebook.svg') no-repeat; width: 11px; height: 13px; display: block; background-size: cover; }
.insta { background: transparent url('/instagram.svg') no-repeat; width: 14px; height: 14px; display: block; background-size: cover; }
.youtube { background: transparent url('/youtube.svg') no-repeat; width: 15px; height: 15px; display: block; background-size: cover; }


.faceb:hover { background: transparent url('/facebook_up.svg') no-repeat; width: 11px; height: 13px; display: block; background-size: cover; }
.insta:hover { background: transparent url('/instagram_up.svg') no-repeat; width: 14px; height: 14px; display: block; background-size: cover; }
.youtube:hover { background: transparent url('/youtube_up.svg') no-repeat; width: 15px; height: 15px; display: block; background-size: cover; }


.hometxt { margin-top:170px !important; }
.srodek2 p { text-align:justify; }

.fa-chevron-left { background: transparent url('/chevron-left.svg') no-repeat; width: 60px; height: 60px; display: inline-block; background-size: contain; }
.fa-chevron-right { background: transparent url('/chevron-right.svg') no-repeat; width: 60px; height: 60px; display: inline-block; background-size: contain; }

.rnslide {
    width: 100%;
    position: relative;
    tabindex: 0;
    padding-bottom: 0;
    outline: none;
}
.rnslide .rnslides {
    overflow: hidden;
    position: relative;
    outline: none;
}
.rnslides ul.rns {
    width: 10000%;
    padding: 0;
    outline: none;
	margin:0;
}
.rnslides ul.rns > li {
    width: auto;
    float: left;
    background-size: cover;
    display: block;
    position: relative;
    outline: none;
	overflow: hidden;
}

.rnslides ul.rns > li .caption p { font-size: 18px !important; width:100%; text-align:center; position:relative; }
 .rnslides ul.rns > li .caption .tekst-left p, .rnslides ul.rns > li .caption .tekst-left h3, .rnslides ul.rns > li .caption .tekst-left h2 { text-align:left; }
 
 .rnslides .rn-bg { background: rgb(0,0,0,0.7); display:inline-block; position:absolute; height:100%; width:100%; }
 .nominh .rnslides .rn-bg { position:relative; }
 .nobgd .rnslides .rn-bg { background: transparent; } 
 .rnslide .rn-nav { width: 100%; position: absolute; top: 45%; z-index:30; }
 .rnslide .rn-nav li { display:inline; }
 .rnslide .rn-nav-prev { float:left; padding-left:30px; }
 .rnslide .rn-nav-next { float:right; padding-right:30px; }
 .rnslide .rn-nav li a { color:rgba(255, 255, 255, 0.4); font-size:30px; text-shadow: 1px 1px #000; }
 .rnslide .rn-nav li a:hover { color:rgba(255, 255, 255, 1); }
 .rnslide ul.rn-nav { padding:0; }

.s-portfolio .nominh .rnslides .rn-bg { position:absolute; }
 
.st_box { opacity:0;position: absolute; top: 0; left: 0; font-weight:700; font-size:17px; }
.sl_box { max-width: 70%; width: 100%; margin: 0 15%; position: absolute; } 
.st-activ { opacity:1; }
 
.price_box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  border-top: 1px solid #000;

} 
 
.price_box > div {
  padding: 0;
  text-align: center;
} 
 
.pb_tyt {
  border-bottom: 1px solid #000;
  height: 80px;
  font-size: 25px;
  padding-top: 15px;
} 
 
.pb_price label, .pb_price span { width:100%; text-align:center; display:block; }

.pb_price { border-bottom: 1px solid #000; }
.pb_price label { font-size: 22px; padding-top: 15px; }
 
.pb_price span { padding-top: 5px; }
.pb_price span.pb_br { padding: 20px 0 10px; }
 
.pb_inf { padding: 15px 0; position:relative; } 

.pb_inf ul { margin-left:10% }
.pb_inf li { text-align: left; padding: 5px 0; margin-left: 20px; color:#9a9a9a; } 
.pb_inf li:before { content:"X"; position: absolute; margin-left: -20px; }
.pb_inf li.pbi {  color:#000; }
.pb_inf li.pbi:before { content:"V"; }
 
.rnslide .nawi ol {  
 display: -webkit-box;
display: flex;
flex-wrap: wrap;
position: relative;
background:transparent;
justify-content: end;
line-height: 1.2;
margin: 0;
padding: 0 !important;
z-index: 8;
-webkit-transition: top .2s;
transition: top .2s;

    width: 100%;
    bottom: 0;
    text-align: right;

}
.rnslide .nawi ol { list-style: none; } 

.rnslide .nawi ol li a.active{ background:white; color:white; border-color:#010101; color:white; }
.rnslide .nawi ol li a:hover{ background:white; border-color:#747373; color:white; }
.rnslide .nawi ol li a {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 8px;
    width: 8px;
    border-radius: 31px;
    background: #fff;
	color: #fff;
border: 2px solid #999999;
box-shadow: none !important;
cursor: pointer;
margin: 0 5px;
text-decoration: none;
text-indent: -99999;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
padding: 0;
font-size: 0;
} 
.slider_oft .rnslides li a {
	display:block;
}
.slider_oft .rnslides li img {
    width: calc(100% - 2px);
    margin: 0px;
    padding: 0 1px;
	display:block;
}

.slider_oft .rnslides li:nth-child(even) img {
	padding-top:12%;
} 
 
 
.slide_pict {
	background: url('https://rakowie2.nowa.fun/wp-content/uploads/2020/11/slide-1.jpg'); 
	background-size:cover;
	height: calc(100vw * 0.36);
}

.slider_cont {
	width:1300px;
	height:100%;
	position:absolute;
	top:0;
	margin: 0 calc( (100vw - 1300px) / 2);
}
.slider_box {
	width:100%;
	height:25%;
	position:relative;
	display: table;
	color:#fff;
font-size: 55px;
line-height: 60px;
text-align: center;	
/* bottom:-310px; */
bottom:50px;
position:absolute;
opacity:0;
font-weight: 700;
letter-spacing: 4px;
}

.slider_box h2 {
	color:#fff;
	font-weight:700;
}

.slider_b {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-left: 30%;
	padding-right: 20px;
	color: #fff;
}
 
.slider_b h2 {
color: #fff;
margin-bottom: 35px;
text-transform: uppercase;
font-weight: 600;
} 
 
 .slider_oft {
	 display:flex;
 }
 

.slider_oft { padding-bottom:40px; }
 
.slider_oft .rnslides ul.rns > li {
    min-height: unset;
 }
 
.slider_top .rnslides {
	margin:0;
	width:100%;
	display: block;
}

.slider_top .nav_bl {
	display: block;
	float: left;
	width: 98px;
	margin-top: 8.6%;
	padding: 0 1px;
	position:absolute;
	top: 12vw;
	z-index:21;
	cursor:pointer;
}

.slider_top .rn-prev, .slider_top .rn-next {
	display:table;
	width:100%;
	height:37%;
	background:transparent;
	text-align:center;
	font-size:30px;
}

 .slider_top .nb_left { left:10px; }
 .slider_top .nb_right { right:10px; }

.slider_top .rn-prev i, .slider_top .rn-next i {
	display: table-cell;
	vertical-align: middle;
}

  .price_box .pbox { border-bottom: 1px solid #000; height:100%; }


@media only screen and (max-width : 1366px){
 .tytul_projekt { margin: 20px 0 75px; }
 .type-post .entry-title a { font-size: 20px; } 
 .srodek { max-width:80%; }
 .srodek2 { max-width:90%; }
 .nawi { max-width:90%; margin: 0 5%; }
 .sl_box { max-width:90%; margin: 0 5%; }
 
 
 .tytul { left: 10px; font-size: 0.9rem; } 

 .projekty { width:100%; float:left; padding-left:6.8px; }
 .projekty .projekt { width:calc(25% - 6.8px); float:left; margin: 0 6.8px 6.8px 0; } 

}

@media only screen and (max-width : 1200px){
	
  .pb_tyt { font-size: 20px;}
  
  .price_box { grid-template-columns: repeat(12, 1fr); }

  .price_box .pbox:nth-child(-1n + 3) { grid-column: span 4;  margin-bottom: 15px; }
  .price_box .pbox:nth-last-child(2) { grid-row-start: 2; grid-column: 3 / span 4; }
  .price_box .pbox:nth-last-child(1) { grid-row-start: 2; grid-column: 7 / span 4; }
	
}


@media only screen and (max-width : 960px){
 .tytul_projekt { margin: 20px 0 45px; }
 .type-post .entry-title a { font-size: 20px; } 
 .srodek, .srodek2 { max-width:90%; }
 .nawi { max-width:90%; }
 .sl_box { max-width:90%; }
 .tytul { left: 10px; font-size: 0.9rem; } 
 .projekty .projekt { width: calc(33% - 7px); }
 .szespol figure.wp-block-image { padding-left: 8%; }
 .srodek p { padding-bottom: 10px; }
  .price_box .pbox:nth-last-child(2) { grid-column: 2 / span 5; }
  .price_box .pbox:nth-last-child(1) { grid-column: 7 / span 5; } 
 
}

@media only screen and (max-width : 768px){
 html {font-size:0.9rem; }
 .tytul_projekt { margin: 20px 0 25px; } 
 .tytul { left: 10px; font-size: 0.9rem; } 
 .projekty .projekt { width: calc(50% - 6.6px); }
  .projekty .projekt { margin: 0 6.6px 6.6px 0;  }
 
  .srodek p { padding-bottom: 10px; }
  .szespol figure.wp-block-image { padding-left: 15%; }
  ul.sub-menu > li > a { padding: 0 1.5vw; }
 
  .price_box { grid-template-columns: repeat(2, 1fr); }
 
  .price_box .pbox { grid-row-start: unset !important; grid-column: unset !important; }
  .price_box .pbox:nth-last-child(1) { grid-column: 0 / span 3 !important; } 
}

@media only screen and (max-width : 600px){
 .szespol figure.wp-block-image { padding: 0 15% 20px; }
 .srodek.szespol { margin: 5px auto 0; }
 .szespol .ztytul p { width:50%; float:left; }
}

@media only screen and (max-width : 680px){
	#header .head nav { width:100%; }
	#header .head nav { float: unset; margin-top: 10px; }	
.srodek p { padding-bottom: 10px; }	
 .lang-item-pl { position: absolute; right: 30px; top: -30px; width:unset !important; }
 .lang-item-en { position: absolute; right: 5px; top: -30px;  width:unset !important; }
 .social { position: absolute;  top: -28px;  width:unset !important; }
 nav#menu { text-align: center; position:relative; }
 nav#menu  ul.menu { display:inline-block; width: fit-content; position: unset; }
  ul.menu > li { display: inline-block; /*width: calc(25% - 5px); */ text-align: center; padding: 0 5vw; }
  ul.menu > li:nth-child(1) { padding-left:0 !important;  }
  ul.menu > li:nth-child(4) { padding-right:0 !important;  }
 ul .social.soc_faceb { right:120px; }
 ul .social.soc_insta { right:90px; }
 ul .social.soc_yout { right:60px; }
  
  
ul.sub-menu > li > a { padding: 0 3vw; }
footer {margin-bottom: 15px; margin-top: 15px; }

 .nawi { bottom: -80px; }

.rnslide .nawi ol { justify-content: center; }
.st_box { width: 100%; text-align: center; }


}

@media only screen and (max-width : 480px){
 
ul.menu li.current-menu-parent .sub-menu { margin-left: 10px; } 
 ul.menu > li { /* width:calc(24% - 5px); */ padding: 0 3vw; }
 
 ul.menu > li > a {padding: 0; }
 /*ul.menu > li:nth-child(3) { width:calc(32% - 5px); }
 ul.menu > li:nth-child(4) { width:calc(20% - 5px); } */
 .srodek { min-height:calc(100vh - 230px); }
 
 .price_box { grid-template-columns: 1fr; }
 
}

@media only screen and (max-width : 380px){
	html {font-size:0.8rem; }	
	ul.menu > li { padding: 0 2vw; }
 .lang-item-pl { position: absolute; right: 30px; top: -30px; width:unset !important; }
 .lang-item-en { position: absolute; right: 5px; top: -30px;  width:unset !important; }
 
 #header .head h1 { font-size: 18px; }
 
}

@media only screen and (max-width : 340px){
	html {font-size:0.7rem; }	
}

@media only screen and (min-width : 2550px){
 html { font-size:1.5rem; }	
 #header .head { margin:35px auto 75px; }
 #header .head h1 { display:inline; font-size:1.8rem; line-height:1.8rem; }
 #header .head nav { margin-top: 15px; } 
 ul.menu li .sub-menu { margin-top: 20px; }
 .tytul_projekt { margin:40px 0 150px; }
 .tytul_projekt h2 { font-size:1.7rem; } 
 .type-post .entry-title a { font-size:1.6rem; } 
 .szespol .wp-block-columns { margin-bottom:14px; }
 .srodek { min-height: calc(100vh - 340px); }
.projekty { width:100%; float:left; padding-left:16px; }
.projekty .projekt { width:calc(25% - 16px); float:left; margin: 0 16px 16px 0; } 
.topProjekt { padding:0; }
.opis_projekt { margin-bottom:60px; }
.opis_projekt h2  { font-size:1.7rem; margin-bottom:20px; }
.opis_projekt td { padding-right:1.7rem; line-height: 40px; } 
}

@media only screen and (min-width : 3200px){
 html { font-size:2rem; line-height:2rem; }	
 #header .head { width:95%; margin:35px auto 95px; }
 #header .head h1 { display:inline; font-size:2rem; line-height:2rem; }
 #header .head nav { margin-top: 30px; } 
 ul.menu li .sub-menu { margin-top: 25px; }
.srodek { min-height: calc(100vh - 340px); }
 .type-post .entry-title a { font-size:1.8rem; }
 #wrapper .projekty { min-height: calc(100vh - 330px); } 
 .tytul_projekt { margin:40px 0 200px; }
 .tytul_projekt h2 { font-size:2rem; }
 .opis_projekt h2  { font-size:2rem; }
 .galeria { padding-bottom:80px; }
}