/*
 Theme Name:     Twenty Twelve Child
 Theme URI:      //example.com/twenty-twelve-child/
 Description:    Twenty Twelve Child Theme
 Author:         Krs Och
 Author URI:     //bigbitestudio.co.uk
 Template:       twentytwelve
 Version:        1.0.0
*/

@import url("../twentytwelve/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

.right {float:right;}
.left {float:left;}
.clear {clear:both;} 

a, 
a:link {color: #a34127; font-weight:normal; text-decoration:underline;}
a:visited {color: #a34127;}
a:hover {text-decoration:none;}
a:active {}

p {font-family:Verdana, Geneva, sans-serif;}
@font-face {
    font-family: 'plantagenet_cherokeeregular';
    src: url('font-face_plantagenet/plantagenet_cherokee-webfont.eot');
    src: url('font-face_plantagenet/plantagenet_cherokee-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face_plantagenet/plantagenet_cherokee-webfont.woff') format('woff'),
         url('font-face_plantagenet/plantagenet_cherokee-webfont.ttf') format('truetype'),
         url('font-face_plantagenet/plantagenet_cherokee-webfont.svg#plantagenet_cherokeeregular') format('svg');
    font-weight: normal;
    font-style: normal;}


/*******************************site title**************************/
div#page {margin-top:0;  position: relative; border-radius:5px; margin-bottom:45px;}
body .site { background-color: #fff; padding: 0;}
body .site-header { background:url(images/header-bckg.jpg) no-repeat -20px 2px; margin: 0 2px; padding: 0}
body .site-header h1 {text-indent: -5000px; height: 100px;}
body .site-header h2 {text-indent: -5000px;}


#content .entry-header {	margin-bottom: 2px;}
#content h1		{padding:10px; display:block; font-family: 'plantagenet_cherokeeregular', Helvetica, Arial, sans-serif; text-transform:uppercase;  color: #957b74; font-weight:normal; font-size:22px; background-color: #eee; border-top: solid 1px #ccc;}
#content header.entry-header h1					{ }
#content header.entry-header h1.entry-title a,
#content header.archive-header h1.archive-title span,
#content header.page-header h1.page-title span 	/*search results*/			{color: #a34127; }

#content header.archive-header,
#content header.page-header 					/*search results*/			{border: none; margin-bottom:10px;}

#content header.archive-header h1.archive-title,
#content header.page-header h1.page-title 		/*search results*/			{padding:5px 20px; font-size:17px; /*text-align: center; */line-height:20px; border-bottom:solid thin #ccc; border-top:solid thin #ccc;  background-color: #eee; }


#content .entry-content h2 									{padding: 5px 10px; margin: 0 0 10px 0; 	text-transform:uppercase;   background-color: #eee; font-weight:normal; font-family:Verdana, Geneva, sans-serif; color: #957b74; font-size:15px;}
#content .entry-content h2.blue-bckg 						{padding: 3px 10px;	margin: 0 0 10px 0; 	text-transform:none; 		background-color: #F7F9F9; border-bottom: solid 1px #eee; display:block;   }
#content .entry-content p 									{margin: 12px 4%;}
#content .entry-content img 								{margin-left: 2%; margin-right: 2%; max-width:96%; height:auto;  }
#content .entry-content a img.size-thumbnail				{}
#content .entry-content div.testbox	a img.size-thumbnail	{max-width:100%;width:inherit; margin:5px;}


#comments {padding: 0 10px;}
#comments .commentlist .children {margin-left:20px;}
#comments h2.comments-title,
#comments h3#reply-title 	{padding: 5px 10px; margin:15px 0; font-family:Verdana, Geneva, sans-serif; font-size:15px; color: #957b74; text-transform:uppercase;  background-color: #eee; font-weight:normal; }
#comments header.comment-meta {background-color: #F7F9F9; padding: 10px 20px; margin-bottom: 20px;}


.site-content {/*margin-top: 15px;*/}
.site-content article {/*border: none; margin-bottom: 0px; padding-bottom: 5px;*/}

p#breadcrumbs {display:none;}

/**********************************navigation**********************/
.main-menu2 ul {display: block;  margin: 0; padding:5px 0 5px 5px; background:url(images/transparency_60.png) repeat; /*background-color:#f0f5f5;*/
	border-bottom: 1px solid #ededed; border-top: 1px solid #ededed;  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15)}
.main-menu2 ul li {display: inline-block;text-transform:uppercase;  }
.main-menu2 ul li a {display: inline-block; padding: 1px 15px; margin: 3px 0; color: #5e5e5e; text-decoration:none; border-right: solid thin #ccc; line-height:1em; font-weight:normal; }
.main-menu2 ul li ul {display: none; visibility: hidden;}
.main-menu2 .current-menu-item > a,
.main-menu2 .current-menu-ancestor > a,
.main-menu2 .current_page_item > a,
.main-menu2 .current_page_ancestor > a {font-weight: bold;}

.wp-caption {padding: 0px;}

/******************************'previous post' / 'next post' navigation*************************************************************/
#nav-above.navigation {padding:0; margin-bottom: 25px;}
#nav-below.navigation {margin-bottom: 50px;}
#nav-above a,
#nav-below a, .nav-single a {font-family: 'plantagenet_cherokeeregular', Helvetica, Arial, sans-serif; font-size:17px; text-decoration:none; color:#a34127; background-color: #F7F9F9; padding:10px;margin:5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 200px;
  resize: horizontal }
#nav-above a:hover,
#nav-below a:hover, .nav-single a:hover {text-decoration:underline; color:#5e5e5e;}
div.nav-previous a, span.nav-previous a { margin:5px;}

/********************footer of each post on front page*************/

footer.entry-meta {background-color:#fff; padding: 0 5px 0 10px; display:block; margin-left: 0px; border-bottom: 1px solid #eee; /*margin-top:40px*/}
/*readmore in the post's footer*/
.entry-meta a {text-decoration: none; color: #957b74; font-weight:normal; font-size:13px; line-height:21px;}
.entry-meta a:hover {text-decoration: underline; color:#636363;}
.entry-meta .readmore {text-transform: uppercase; padding:  1px; font-weight: normal; font-size:13px; float:right; display: block;}
/*hides read more in the body of post*/
.entry-content .hide {display: none;}
.single .entry-meta {display:none;}

footer#colophon {background-color: #F7F9F9; margin: 80px 0 20px 0; border: none; max-width:none; padding: 10px 40px;}

hr 				{background-color: #f7f9f9;	height: 5px; }
hr.up	 		{margin: 0; border-top:solid thin #eee;}
hr.down 		{margin: 0px 0px 80px 0; 	border-bottom: solid thin #ccc;}


.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {border-radius: 3px; box-shadow: none /*0 1px 4px rgba(0, 0, 0, 0.2)*/}



/*.display-posts-listing.image-left .listing-item {
	overflow: hidden; 
	margin-bottom: 32px;
	width: 100%;}

.display-posts-listing.image-left .image {
	float: left;
	margin: 0 16px 0 0;}

.display-posts-listing.image-left .title {
	display: block;}

.display-posts-listing.image-left .excerpt-dash { 
	display: none; 
}*/

.display-posts-listing.grid {
	display: grid;
	grid-gap: 16px;
}

.display-posts-listing.grid .title {
	display: block;
}

.display-posts-listing.grid img { 
	display: block; 
	max-width: 100%; 
	height: auto; 
}
/**woocommerce*/
section.related.products h2  {padding: 5px 25px; margin: 5px 0 20px 0; text-transform:uppercase; line-height:1.6;  font-weight:normal; color: #957b74; font-size: 15px;}
div#content h2.woocommerce-loop-product__title {line-height:1; /*border-bottom: solid 1px #dedede;*/ margin-bottom:20px; background:none; padding: 5px 0;  color: #a34127; line-height:1.1; font-weight: normal; }

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {/*border-top: solid 1px #dedede;*/ text-align:center;}
.woocommerce ul.products li.product a img {margin: 0.25em 0; border-top: solid 1px #dedede; border-bottom: solid 1px #dedede; padding: .33em 0;}

#content .entry-content .woocommerce form p.form-row {margin: 12px 0;} /*ustawia w jednym rzedzie input forms in the checkout*/

@media (min-width: 600px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}

/*@media (min-width: 1024px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 3, 1fr );}}*/
	

/*no featured image in post at front posts page, maja zostac tylko jako thumbnails for a grid in static page*/
img.wp-post-image {display:none;}
#see-me img.wp-post-image {border:none; display:block; margin:0 0 10px 0;}
.bbs-block-image  {margin-bottom:0;  max-width: 100%;}
/****************************widgets********************************************/
.widget-area .widget { margin-bottom: 70px; padding:0 1.5%;}
.widget-area .widget p {font-size: 13px; line-height: 20px; padding: 5px 10px; margin-bottom: 10px;}
.widget-area .widget ul {margin-left:15px;}
.widget-area .widget li,
.widget-area .widget .textwidget {font-size: 13px; line-height: 20px; padding:10px auto;}
.widget-area .widget h3.widget-title {margin-bottom: 10px; font-family: 'plantagenet_cherokeeregular', Helvetica, Arial, sans-serif;
font-weight:normal; font-size:17px; text-align:center; padding:2px 5px; border-top: solid thin #ccc; color:#957b74; background-color: #eee;}
.widget-area .widget input[type="submit"]{margin: 0 0 5px 10px;}
.widget-area .widget #s {width: 50%; }
.widget-area .widget  div#update {width:100%}
.widget-area .widget  div#update p { width:auto;/*float:left; */display:block; line-height:15px;}
.widget-area .widget  div#update input#window {/*width:95%; */display:inline-block;width:90%; height:auto;}
.widget-area .textwidget img {margin:0 5%;}


/******************************woocommerce********************************************************/
mark.count {background:none;}
header.woocommerce-products-header div.term-description p {line-height: 20px; margin:15px 0px 15px 50px; }
p.woocommerce-result-count {display: none;}
hr.woocommerce	 		{margin: 20px 0px 0px 40px; border-top: solid 1px #eee;}
div#content.twentytwelve header.woocommerce-products-header { margin-bottom: 30px; } 
div#content.twentytwelve header.woocommerce-products-header h1.page-title {line-height:31px; border-top: solid 1px #ccc;  padding:5px 25px; background-color: #eee; } 
div#content.twentytwelve div.summary.entry-summary h1.product_title.entry-title { font-size:16px; line-height:22px; text-transform:none;padding:10px 20px;font-family:"Open Sans", Helvetica, Arial, sans-serif; font-weight:bold;}
div#content.twentytwelve div.summary.entry-summary p.price{margin: 35px auto 30px auto;}

div#content.twentytwelve div.summary.entry-summary div.woocommerce-product-details__short-description p{margin-bottom: 50px;}
div#content.twentytwelve div.summary.entry-summary div.woocommerce-product-details__short-description p.red {background-color:#957b74; color:#fff; padding: 0 20px 2px 20px; margin-bottom:50px;}
div#content.twentytwelve div.woocommerce-tabs.wc-tabs-wrapper div#tab-description p.red{background-color:#957b74; color:#fff; padding: 5px 35px; margin: 40px auto;}

div#content.twentytwelve div.woocommerce-tabs.wc-tabs-wrapper div#tab-description h2{background-color: #F7F9F9; border-top: solid 1px #dedede; margin-bottom:3px; margin-top:30px;}

div#content.twentytwelve div.woocommerce-tabs.wc-tabs-wrapper div#tab-description h1 {margin-top:0; border-top:none; border-bottom: solid 1px #ccc;}

div#content.twentytwelve div.summary.entry-summary /*form.variations_form.cart div.single_variation_wrap */ button.single_add_to_cart_button.button.alt {background-color: #a34127;}

.woocommerce  div.product div.summary, .woocommerce-page div.product div.summary {width: 50%; }
.woocommerce  div.product div.summary p, .woocommerce-page div.product div.summary p {font-family:"Open Sans", Helvetica, Arial, sans-serif;}
.woocommerce div.product .woocommerce-tabs ul.tabs {display:none;}

div.flex-viewport {margin-bottom:10px; border: solid thin #eee; border-radius: 3px; /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);*/}
div.woocommerce-product-gallery {}

div#content div.entry-content div.description { margin-bottom:30px;}
div#content div.entry-content div.description p {margin: 15px 0 15px 50px; line-height: 20px; }
div#content div.entry-content div.description hr {margin: 20px 0px 0px 40px; border-top: solid 1px #eee;}

div#content  h2.woocommerce-loop-product__title {text-transform:none}

.tagcloud ul li { display:block}

/* Minimum width of 600 pixels. */ @media screen and (min-width: 600px) {
/*******************************site title**************************/
div#page {margin-top:10px;}
body .site {box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); max-width: 1040px; overflow: hidden;  }
body .site-header {background:url(images/header-bckg.jpg) no-repeat; margin: 5px;}

#content {padding-left: 2.5%;}
#content h1					{padding:5px 25px;  font-size: 26px; background-color: #eee; border-top: solid 1px #ccc;}
#content header.entry-header h1.entry-title a 	{}
#content header.entry-header h1.entry-title a:hover {color: #957b74; }

#content header.archive-header 					{margin-bottom: 10px;}
#content header.archive-header h1				{font-size:17px;  text-align:right; padding:5px 25px;}


#content .entry-content {}
#content .entry-content h2 						{padding:5px 25px;	margin: 5px 0 20px 0;}
#content .entry-content h2.blue-bckg 			{padding:5px 25px; margin-top:0px; margin-bottom:10px ;}
#content .entry-content p 						{/*margin: 12px 4%;*/}
#content .entry-content img 					{margin-right: 0; max-width:96%;}
#content .entry-content div.margin				{/*background-color: yellow; */width:88%; margin:auto;}
#content .entry-content div.testbox				{margin-top: 10px;}
#content .entry-content a img.size-thumbnail	{width:inherit;}
#content .entry-content div.testbox a img.size-thumbnail 	{width:inherit; margin: 0 5px;}
#content .entry-content div.margin_plus			{width:93%; margin:auto;}


div#primary.site-content,
section#primary.site-content {float: left; width: 72%; border-right: solid thin #eee; padding-right:1.25%; margin-top:10px;}
.site-content article {margin-bottom: 25px; }

div#tutorials-container a p {}
div#tutorials-container a {text-decoration:none; margin-bottom:20px;}
div#tutorials-container a h2  {color: #a34127; margin-top:-60px;  z-index:10; position:relative; }
div#tutorials-container a:hover h2 {color:#957b74; text-decoration:underline; }
div#tutorials-container a img {}

p#breadcrumbs {padding:5px 40px; margin-top:10px; font-size:11px; color: #666; display:inline-block;}
p#breadcrumbs a {color: #666;}
p#breadcrumbs a:hover {color: #999;}
/*************************************search results*****************************************************************/
#content header.page-header {/*border:none;*/}
#content header.page-header h1.page-title {padding: 5px 25px; font-size:17px; text-align:right; line-height:20px; border-bottom:solid thin #ccc;}

.entry-summary p {padding-left:20px}
/**********************************navigation**********************/
.main-menu2 {margin-top:40px; z-index:10;}
.main-menu2 ul {text-align: left; padding:0 0 0 20px; margin: 0; }
.main-menu2 ul li { position: relative;}
.main-menu2 ul li a {line-height:2em; border: none;}
.main-menu2 ul li a:hover {color: #769d9d; background-color:#f0f5f5;}

.main-menu2 ul li ul {position: absolute; padding: 0; top: 36px; left: 0; width: 200px; display: none; visibility: hidden; opacity: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.main-menu2 ul li ul li {  background: #fff; display: block;  }
.main-menu2 ul li ul li a {color: #5e5e5e;}
.main-menu2 ul li ul li:hover { background: #F7F9F9; }
.main-menu2 ul li ul li a:hover { color: #5e5e5e;}
.main-menu2 ul li:hover ul {display: block; opacity: 1; visibility: visible; z-index:100; }
nav#site-navigation.main-menu2 .current-menu-item > a,
nav#site-navigation.main-menu2 .current-menu-ancestor > a,
nav#site-navigation.main-menu2 .current_page_item > a,
nav#site-navigation.main-menu2 .current_page_ancestor > a {font-weight: bold;}

/******************************'previous post' / 'next post' navigation*************************************************************/
#nav-above.navigation {/*padding:0; margin-bottom: 25px;*/}
#nav-above a,
#nav-below a, .nav-single a {font-size:25px;}
#nav-above a:hover,
#nav-below a:hover, .nav-single a:hover {/*text-decoration:underline; color:#5e5e5e*/;}
div.nav-previous a, span.nav-previous a {margin-left: 20px;}

/********************footer of each post on front page*************/

footer.entry-meta {padding-left: 20px;  margin-bottom:75px;}
hr.up	 		{margin: 20px 20px 0px 20px; border-top: solid 1px #eee;}
hr.down 		{margin: 0px 0px 80px 20px; border-bottom: none; height: 1px;}

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {}


/************************main footer**************************************************************/

/*footer#colophon {background-color: #F7F9F9; margin: 80px 0 20px 0; border: none; max-width:none; padding: 10px 40px;}*/

/***********************sidebar / widgets**************************/
div#secondary {/*background-color:red; margin-right:2.6%px; margin-top: 22px;*//* padding: 0 5%; border-left: solid thin #ccc;*/}
div#secondary.widget-area {width: 26.6%; margin-top: 10px;}


.widget-area .widget { margin:0 5%; margin-bottom: 70px; padding:0;}
.widget-area .widget p {font-size: 13px; line-height: 20px; padding: 5px 10px; margin-bottom: 10px;}
.widget-area .widget li,
.widget-area .widget .textwidget {font-size: 13px; line-height: 20px; padding:10px auto;}
.widget-area .widget h3.widget-title {margin-bottom: 10px; font-family: 'plantagenet_cherokeeregular', Helvetica, Arial, sans-serif;
font-weight:normal; font-size:17px; text-align:center; padding:2px 5px; border-top: solid thin #ccc; color:#957b74; background-color: #eee;}
.widget-area .widget input[type="submit"]{/*margin: 0 0 5px 10px;*/}
.widget-area  ul {margin: 15px 0 24px 15px;}
.widget-area  li {/*text-align:center;  margin-left: 10px;*/}
.widget-area .widget a {color: #757575; font-weight: normal; text-decoration: none;}
.widget-area .widget a:hover {color: #21759b; text-decoration: underline;}
.widget-area .widget a:visited {color: #757575;}
.widget-area .textwidget img {/*margin:0 5%;*/}

/*************************************comments*****************************************************************/
#comments {padding:0 0 0 20px;}

#comments h2.comments-title,
#comments h3#reply-title {padding: 5px 20px; margin:5px 0 5px -20px; }
/*#comments header.comment-meta {background-color: #F7F9F9; padding: 10px; margin-bottom: 20px;}
#comments ol.commentlist li ol.children{border-bottom: solid thin black;}*/

/******************************woocommerce********************************************************/
.woocommerce div.product div.images .flex-control-thumbs li {width:24%; margin:0.5%;}





}