/* Theme Name: My Template
Author: Solutions Media

www.solutionsmedia.pl
*/

body {
     font-family: 'Open Sans', sans-serif;
     font-size:15px;
}

body.home,
body.category {
  background: repeating-linear-gradient(
    45deg,
    rgba(216, 219, 0, 0.5),
    rgba(216, 219, 0, 0.5) 70px,
    rgba(0, 0, 0, 0.7) 70px,
    rgba(0, 0, 0, 0.7) 140px
  ),
  url('img/stains-bg.jpg');
  
  min-height:100vh;
}

a:link, a:visited, a:active {text-decoration:none;color:#999;}
a:hover {text-decoration:none;color:#000;}

h1, h2, h3, h4, h5, h6 {font-weight:600;}

/*----------NAVIGATION -------------------*/
/* navbar */
.navbar-default {
    background-color: #fff;
    border:0;
    border-radius:0;
     -webkit-box-shadow: 3px 3px 5px 0px rgba(180, 180, 180, 0.5);
     -moz-box-shadow:    3px 3px 5px 0px rgba(180, 180, 180, 0.5);
     box-shadow:         3px 3px 5px 0px rgba(180, 180, 180, 0.5);
     margin:20px 0;    
}


/* link */
.navbar-default .navbar-nav > li > a {
    color: #777;
    font-weight:700;
    text-transform:uppercase;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus,
.parent-pageid-9 li.menu-item-34 a,
.single li.menu-item-36 a {
    color: #000;
    background-color: yellow;
}
.navbar-default .navbar-nav > li.menu-item-166 > a,
.navbar-default .navbar-nav > li.menu-item-166 > a:hover,
.navbar-default .navbar-nav > li.menu-item-166 > a:focus{
     color:red;
}


/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}

@media (min-width: 768px) {
.collapse {padding:0;}

}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}
/*-------------------------/NAVIGATION-------------------*/

/*---------------------SECTIONS -------------------------*/
hr {border-bottom: 3px solid yellow;}

div#front {padding-bottom:40px;}

div#front .easingslider-slide {background-size:contain;} 

/*---------------------------------------*/
div#top-box {
background: #4c4c4c;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzJjMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #4c4c4c 0%, #000000 14%, #595959 53%, #2c2c2c 56%, #131313 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(14%,#000000), color-stop(53%,#595959), color-stop(56%,#2c2c2c), color-stop(100%,#131313));
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#000000 14%,#595959 53%,#2c2c2c 56%,#131313 100%);
background: -o-linear-gradient(top,  #4c4c4c 0%,#000000 14%,#595959 53%,#2c2c2c 56%,#131313 100%);
background: -ms-linear-gradient(top,  #4c4c4c 0%,#000000 14%,#595959 53%,#2c2c2c 56%,#131313 100%);
background: linear-gradient(to bottom,  #4c4c4c 0%,#000000 14%,#595959 53%,#2c2c2c 56%,#131313 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );
text-align:center;
}

.home #top-box {border-bottom: 3px solid yellow;}

div#top-box .logo {
     float:left;
     max-width:200px;
     height:200px;
}

div#top-box .logo img {max-width:100%;height:auto;}

div#top-box .right {
     float:right;    
}

/* search */
div#top-box .right form#searchform {
     float:right;
     margin-top:30px;
}
div#top-box .right form#searchform .screen-reader-text {display:none;}

div#top-box .right form#searchform input[type=text] {
     background:#000;
     border:1px solid #999;
     color:#999;
}

div#top-box .right form#searchform input[type=submit] {
     background:#000;
     color: #999;
     border:1px solid #999;
     padding:0 10px;
    font-weight:600;
    text-transform:uppercase;     
}

div#top-box img.napis-top {
    max-width:100%;
    height:auto;
}
/*------------------*/
div.title {
     width:100%;
     background:yellow;
     padding:20px 0;
}

div.title h1 {margin:0;text-transform:uppercase;font-size:30px;}


.wrap {padding:20px 0 60px 0;min-height:490px;}

div.data-entry img {max-width:100%;height:auto;}

div.data-entry img.ajax-loader {width:auto;}

.page-id-89 .data-entry {min-height:200px;}


/******************** oferta sidebar menu ********************************************************************/

div.sidebar-menu ul {
     margin:0 auto;padding:0;width:100%;
     list-style-type: none;
     
     background: #fefcea;
     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZlZmNlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iI2ZlZWYzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
     background: -moz-linear-gradient(-45deg,  #fefcea 25%, #feef3c 73%);
     background: -webkit-gradient(linear, left top, right bottom, color-stop(25%,#fefcea), color-stop(73%,#feef3c));
     background: -webkit-linear-gradient(-45deg,  #fefcea 25%,#feef3c 73%);
     background: -o-linear-gradient(-45deg,  #fefcea 25%,#feef3c 73%);
     background: -ms-linear-gradient(-45deg,  #fefcea 25%,#feef3c 73%);
     background: linear-gradient(135deg,  #fefcea 25%,#feef3c 73%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#feef3c',GradientType=1 );

     -webkit-box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.7);
     -moz-box-shadow:    5px 5px 8px 0px rgba(0, 0, 0, 0.7);
     box-shadow:         5px 5px 8px 0px rgba(0, 0, 0, 0.7);
}

div.sidebar-menu ul li a {
          display:block;
          width:100%;
          color:#000;
          font-weight:600;
          text-transform:uppercase;
          padding:15px;
          }
     
div.sidebar-menu ul li {
          border-bottom:1px solid rgba(0,0,0,0.1);
          border-top:1px solid rgba(255,255,255,0.1);
     }

div.sidebar-menu ul li:first-child {border-top:0;}
div.sidebar-menu ul li:last-child {border-bottom:0;}

div.sidebar-menu ul a:before {
display: inline-block;
	font-family: 'icomoon';
	content: "\e600";
	margin:0 15px 0 0;
	color: red;    
}

div.sidebar-menu ul a:hover:before{
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    transition-duration:600ms;
}

div.sidebar-menu ul li.current-menu-item a:before {color:#f00;}

div.sidebar-menu ul li:hover, div.sidebar-menu ul li.current-menu-item {
     background-color:#000;
     border-top:1px solid rgba(0,0,0,0.2);
     border-bottom:1px solid rgba(0,0,0,0.2);
}

div.sidebar-menu ul li:hover a, div.sidebar-menu ul li.current-menu-item a {color:yellow;}

div.sidebar-menu ul li:first-child:hover, div.sidebar-menu ul li:first-child.current-menu-item {
     border-top:0;
}

div.sidebar-menu ul li:last-child:hover, div.sidebar-menu ul li:last-child.current-menu-item {
     border-bottom:0;
}


div#bottom-sidebar {
     background:#1d1c1c;
     color:#ccc;
     padding:30px 0 70px 0;
}

div#bottom-sidebar a {color:#ccc;}
div#bottom-sidebar a:hover {color:yellow;}


/******************************************* category *************************************************/

.category h2 > a {color:#000;}

.category h2 > a:hover {color:#888;}


a.show-item {
     display:block;
     color:black;
}

a.show-item:hover {
     color:yellow;
}

div.single-thumb {
     text-align:center;
     max-width:100%;
     height:auto;
}

div.centering-box {
     height:200px;
     display:table-cell;
     vertical-align: middle;
     text-align:center;
}


div.centering-box p.p1 {color:#32c423;}

div.centering-box p.p2 a {font-weight:700;color:#c42323;}

div.centering-box p.p3 {color:#000;font-weight:700;}

div.centering-box p.p4 {color:red;font-weight:700;font-style:italic;}      


div.menu-promocje-container,
div.menu-nowosci-container {
     text-align:center;
     margin-bottom: 30px;
}

.menu-promocje-container > ul > li,
.menu-nowosci-container > ul > li {
     display:inline-block;
     margin:8px;
     background:rgb(240,240,240);
     border: 2px solid transparent;
}

.menu-promocje-container > ul,
.menu-nowosci-container > ul {
     list-style-type:none;
     margin:0;
     padding:0;
}

.menu-promocje-container > ul > li > a,
.menu-nowosci-container > ul > li > a {
     font-weight:700;
     color:#000;
     display:inline-block;
     padding: 12px;
}

.menu-promocje-container > ul > li:hover,
.menu-nowosci-container > ul > li:hover {
     border: 2px solid black;
}

.menu-promocje-container > ul > li:hover > a,
.menu-nowosci-container > ul > li:hover > a {
     color:red;
}

div.menu-promocje-container > ul > li.current-menu-item,
div.menu-nowosci-container > ul > li.current-menu-item {border: 2px solid black;}

div.menu-promocje-container > ul > li.current-menu-item > a,
div.menu-nowosci-container > ul > li.current-menu-item > a {color:red;}



a.single-back {display:block;color:#000 !important;font-weight:700;margin:20px 0;font-size:1.2em;}

a.single-back:hover {color:#999 !important;}

.single .wrap {padding-top: 20px;}

h2.single {margin-top:0;}

div.single-margin {margin-bottom:40px;}
/*-kontakt------------*/

.hexa-kontakt {
     /*background-image:url('img/kontakt-hexa.png');*/
     background-image:url('img/kontakt-hexb.png');
     background-repeat: no-repeat;
     background-size:contain;
     background-position: center center;
     height:300px;
     padding-top:60px;
}
/*-------------grid-----------------*/
.grid {
     background:yellow;
     padding:15px;
     border: 3px solid #fff;
     transition-duration:800ms;
     margin-bottom:20px;
}

.grid a {display:block;}

.grid:hover {border:3px solid #000;transition-duration:1200ms;}

.grid h2 {text-align:center;color:#000;}

.grid .bg {height:200px;width:100%;}

.grid p.price {
     text-align:center;
     color:red;
     font-size:18px;
     font-weight:700;
     margin-top:8px;
}


/*-----------------------------*/
ul.tick {list-style-type: none;}

ul.tick li {line-height: 1.8em;}
ul.tick li:before {    
	font-family: 'icomoon';
	content: "\e600";
	margin:0 5px 0 -15px;
	color: #f00;
}
/*--------------------FOOTER------------------------------*/
footer {text-align:center;background:#000;padding:7px 0;}

.home footer {display:none;}

footer a {display:inline-block;}

footer p {color:#ccc;font-size:0.9em;margin:0;}

footer img {height:30px;width:auto;}

/*--------------------PLUGINS-----------------------------*/

/* scroll to top */
.scrollToTop{
     width:90px;
     height:90px;
	text-align:center; 
	position:fixed;
	bottom:25px;
	right:25px;
	display:none;
	background: yellow;
	z-index: 999;
     padding-top:10px;
     border: 3px solid #000;
}
.scrollToTop:hover{
	text-decoration:none;
     background: #e3e121;
}

.scrollToTop img {
     transform:rotate(-90deg);
     height: 30px;
}

.scrollToTop p {
     margin:5px 0 0 0 ;
     padding:0;
     color:#000;
     font-size:13px;
     font-weight:700;
}


.wc-gallery img:hover {
	border: 6px solid yellow;
	opacity: 0.8;	
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}

.mfp-close:hover {cursor:pointer !important;}
.mfp-container:hover {cursor:default;}
.mfp-bottom-bar {display:none;}


/* contact form 7*/
input.wpcf7-text[type="text"], input.wpcf7-text[type="email"], textarea.wpcf7-textarea {width:100%;}
textarea.wpcf7-textarea {resize: none;}


.easingslider-slide {background-color:transparent !important;}
/*-------------------EXTRA ADD-ONS------------------------*/


/* WORDPRESS */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
/*------------------MEDIA QUERIES-------------------------*/


/*--square -----*/

a.square-show-item {
     display:block;
     padding: 10px;
     background:#000;
     width:100%;
     max-width:360px;
     margin: 0 auto 40px auto;
}



a.square-show-item:hover {
     background: yellow;
     transition-duration:200ms;
}

.under-thumb {background:#000;}

.square {
     width:100%;
     height:250px;
     border: 2px solid yellow;
     background-size:cover;
     background-position: center center;
     margin:0 auto 10px auto;
     transition-duration: 200ms;
}

a.square-show-item .square::before {
     content: url('img/plus.png');
     display:block;
     width:50px;
     height:50px;
     position:relative;
     margin:0 auto;
     top: 105px;
     opacity:0;
}

a.square-show-item:hover .square::before {
     opacity:1;
     transition-duration:200ms;
}

a.square-show-item > .desc {
     background: #fff;
     color:#000;
     padding:15px;
     height: 160px; 
}

a.square-show-item > .desc h2 {font-size:16px;margin-top:0;}

a.square-show-item > .desc p {margin:0;padding:0;}

a.square-show-item:hover .square {opacity:.8;}

/* pagination */
.nav-links {
	margin: 20px 0;	
	width: 100%;
     background: yellow;
     overflow:hidden;
     padding:15px;
}

.nav-links > .nav-previous,
.nav-links > .nav-pages,
.nav-links > .nav-next {
     width:33%;float:left;
}

.nav-links > .nav-pages {text-align: center;padding-top:6px;}

.nav-links > .nav-next {text-align: right;}

.nav-links .page-numbers {text-align:center;}


.nav-links a {
	font-size: 18px;
	font-weight: 300;
     color:#000;
}

.nav-links .current {
     font-size: 18px;
     font-weight:700;
}



@media all and (min-width:768px) and (max-width: 1200px) {
     div#top-box > div.container {
          width:100%;
     }
}

@media all and (max-width: 1079px) {
     div#top-box .logo {
         float: none;
         max-width:100%;
         text-align:center;
     }   
     
     div#top-box .right {
         float: none;
         width:100%;
     }     
}

@media all and (max-width: 991px) {
     div.centering-box {
         height: 100%;
         display: block;
         margin: 20px 0;
         border: 1px solid #888;
         background:#fafafa;
         padding:20px;
     }

}

@media all and (max-width:767px) {
     div#top-box .right form#searchform,
     img.napis-top {
          display:none;
     }
     
     div#top-box .logo img {
         max-width: auto;
         height: 150px;
     }
     
     div#top-box .logo {
          height:auto;
     } 
     
     .navbar-default {margin-top:0;}   
     
     div#sidebar {margin: 20px 0;} 
     
     div#bottom-sidebar {display:none;}
     
     div.menu-oferta-container::before {
          content: "Oferta:";
          font-weight:600;
          font-size:23px;
          display:block;
          margin:20px 0;
     }

}