/*
Theme Name: biplast
Theme URI: http://www.x-project.it
Author: X-Project Communication
Author URI: http://www.x-project.it/
Description: Custom Theme from X-Project
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: xproject

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/



/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline;}
body {line-height:1; text-rendering:optimizeLegibility;}
ol,
ul {list-style:none;}
blockquote,
q {quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
caption,
th,
td {font-weight:normal; text-align:left;}
html {overflow-y:scroll; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
a {outline:none;}
/*a:focus {outline:thin dotted;}*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {display:block;}
audio,
canvas,
video {display:inline-block;}
audio:not([controls]) {display:none;}
del {color:#333;}
ins {background:#fff9c0; 	text-decoration:none;}
hr {background-color:#ccc; border:0; height:1px; margin:24px; margin-bottom:1.714285714rem;}
sub,
sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
small {font-size:smaller;}
img {border:0; -ms-interpolation-mode:bicubic;}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {clear:both;}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {display:table; content:"";}


/* =Repeatable patterns
-------------------------------------------------------------- */


/* Form fields, general styles first */
button,
input,
textarea {border:1px solid #ccc; border-radius:3px; font-family:inherit; padding:6px; padding:0.428571429rem;}
button,
input {line-height:normal;}
textarea {font-size:100%; overflow:auto; vertical-align:top;}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {border:0; border-radius:0; padding:0;}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
li.bypostauthor cite span {padding:6px 10px; padding:0.428571429rem 0.714285714rem; font-size:11px; font-size:0.785714286rem; line-height:1.428571429; font-weight:normal; color:#7c7c7c;background-color:#e6e6e6; background-repeat:repeat-x; background-image:-moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image:-ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image:-webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image:-o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image:linear-gradient(top, #f4f4f4, #e6e6e6); border:1px solid #d2d2d2; border-radius:3px; box-shadow:0 1px 2px rgba(64, 64, 64, 0.1);}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {cursor:pointer;}
button[disabled],
input[disabled] {cursor:default;}
.menu-toggle:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {/*color:#5e5e5e; background-color:#ebebeb; background-repeat:repeat-x; background-image:-moz-linear-gradient(top, #f9f9f9, #ebebeb); background-image:-ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image:-webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image:-o-linear-gradient(top, #f9f9f9, #ebebeb); background-image:linear-gradient(top, #f9f9f9, #ebebeb);*/}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {/*color:#757575; background-color:#e1e1e1; background-repeat:repeat-x;	background-image:-moz-linear-gradient(top, #ebebeb, #e1e1e1); background-image:-ms-linear-gradient(top, #ebebeb, #e1e1e1); background-image:-webkit-linear-gradient(top, #ebebeb, #e1e1e1); background-image:-o-linear-gradient(top, #ebebeb, #e1e1e1); background-image:linear-gradient(top, #ebebeb, #e1e1e1); box-shadow:inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; border:none;*/}
li.bypostauthor cite span {color:#fff; background-color:#21759b; background-image:none; border:1px solid #1f6f93; border-radius:2px; box-shadow:none; padding:0;}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {max-width:100%; /* Fluid images for posts, comments, and widgets */}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {height:auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {max-width:100%; height:auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {max-width:100%;}
.entry-content .twitter-tweet-rendered {max-width:100% !important; /* Override the Twitter embed fixed width */}

/* Images */
.alignleft {float:left;}
.alignright {float:right;}
.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius:3px; box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);}
.wp-caption {max-width:100%; /* Keep wide captions from overflowing their container. */ padding:4px;}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {font-style:italic; font-size:12px; font-size:0.857142857rem; line-height:2; 	color:#757575;}
img.wp-smiley,
.rsswidget img {border:0; border-radius:0; box-shadow:none; margin-bottom:0;	margin-top:0;	padding:0;}
.entry-content dl.gallery-item {margin:0;}
.gallery-item a,
.gallery-caption {width:90%;}
.gallery-item a {display:block;}
.gallery-caption a {display:inline;}
.gallery-columns-1 .gallery-item a {max-width:100%; width:auto;}
.gallery .gallery-icon img {height:auto; max-width:90%; padding:5%;}
.gallery-columns-1 .gallery-icon img {padding:3%;}




/* Navigation */
.site-content nav {clear:both; line-height:2; overflow:hidden;}
#nav-above {padding:24px 0; padding:1.714285714rem 0;}
#nav-above {display:none;}
.paged #nav-above {display:block;}
.nav-previous,
.previous-image {float:left; width:50%;}
.nav-next,
.next-image {float:right; text-align:right; width:50%;}
.nav-single + .comments-area,
#comment-nav-above {margin:48px 0; margin:3.428571429rem 0;}



/* Assistive text */
.assistive-text,
.site .screen-reader-text {position:absolute !important; clip:rect(1px, 1px, 1px, 1px);}
.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {background:#fff; border:2px solid #333; border-radius:3px; clip:auto !important; color:#000; display:block; font-size:12px; padding:12px; position:absolute; top:5px; left:5px; z-index:100000; /* Above WP toolbar */}



.assistive-text,
.site .screen-reader-text {#clip: rect(1px 1px 1px 1px);}


/* MOBILE Minimum width of 600 pixels.  */
@media screen and (min-width:600px) {
	/*
	.author-avatar {float:left; margin-top:8px; margin-top:0.571428571rem;}
	.author-description {float:right; width:80%;	}
	.site {margin:0 auto; max-width:960px; max-width:68.571428571rem; overflow:hidden;}
	.site-content {float:left; width:65.104166667%;}
	body.template-front-page .site-content,
	body.single-attachment .site-content,
	body.full-width .site-content {width:100%;}
	.widget-area {float:right; width:26.041666667%;}
	.site-header h1,
	.site-header h2 {text-align:left;}
	.site-header h1 {font-size:26px; font-size:1.857142857rem; line-height:1.846153846;	margin-bottom:0;}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {border-bottom:1px solid #ededed; border-top:1px solid #ededed; display:inline-block !important; text-align:left; width:100%;}
	.main-navigation ul {margin:0; text-indent:0;}
	.main-navigation li a,
	.main-navigation li {display:inline-block; text-decoration:none;}
	.main-navigation li a {border-bottom:0; color:#6a6a6a; line-height:3.692307692; 	text-transform:uppercase; white-space:nowrap;}
	.main-navigation li a:hover {color:#000;}
	.main-navigation li {margin:0 40px 0 0; margin:0 2.857142857rem 0 0; position:relative;}
	.main-navigation li ul {display:none; margin:0; padding:0; position:absolute; top:100%; 	z-index:1;}
	.main-navigation li ul ul {top:0; left:100%;}
	.main-navigation ul li:hover > ul {border-left:0; display:block;}
	.main-navigation li ul li a {background:#efefef; border-bottom:1px solid #ededed; display:block; font-size:11px; font-size:0.785714286rem; line-height:2.181818182; padding:8px 10px; padding:0.571428571rem 0.714285714rem; width:180px; width:12.85714286rem; 	white-space:normal;}
	.main-navigation li ul li a:hover {background:#e3e3e3; color:#444;}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {color:#636363; font-weight:bold;}
	.menu-toggle {display:none;}
	.entry-header .entry-title {font-size:22px; font-size:1.571428571rem;	}
	#respond form input[type="text"] {width:46.333333333%;}
	#respond form textarea.blog-textarea {width:79.666666667%;}
	.template-front-page .site-content,
	.template-front-page article {overflow:hidden;}
	.template-front-page.has-post-thumbnail article {float:left; width:47.916666667%;	}
	.entry-page-image {float:right; margin-bottom:0; width:47.916666667%;}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {float:left; width:51.875%; margin-bottom:24px; margin-bottom:1.714285714rem;}
	.template-front-page .widget-area .widget:nth-child(odd) {clear:right;}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {float:right; width:39.0625%;	margin:0 0 24px; margin:0 0 1.714285714rem;}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {float:none; width:auto;}
	.commentlist .children {margin-left:48px; margin-left:3.428571429rem;}
	*/
}

/* Minimum width of 960 pixels. */
@media screen and (min-width:960px) {
	/*
	body {background-color:#e6e6e6;}
	body .site {padding:0 40px; padding:0 2.857142857rem; margin-top:48px; margin-top:3.428571429rem; margin-bottom:48px; margin-bottom:3.428571429rem; box-shadow:0 2px 6px rgba(100, 100, 100, 0.3);}
	body.custom-background-empty {background-color:#fff;}
	body.custom-background-empty .site,
	body.custom-background-white .site {padding:0; margin-top:0; margin-bottom:0;	box-shadow:none;}
	*/
}


/* PRINT */
@media print {
	/*
	body {background:none !important; color:#000; font-size:10pt;}
	footer a[rel=bookmark]:link:after,
	footer a[rel=bookmark]:visited:after {content:" [" attr(href) "] ";}
	a {text-decoration:none;}
	.entry-content img,
	.comment-content img,
	.author-avatar img,
	img.wp-post-image {border-radius:0; box-shadow:none;	}
	.site {clear:both !important; display:block !important; float:none !important; 	max-width:100%; position:relative !important;}
	.site-header {margin-bottom:72px; margin-bottom:5.142857143rem; text-align:left;	}
	.site-header h1 {font-size:21pt; line-height:1; text-align:left;}
	.site-header h2 {color:#000; font-size:10pt; text-align:left;}
	.site-header h1 a,
	.site-header h2 a {color:#000;}
	.author-avatar,
	#colophon,
	#respond,
	.commentlist .comment-edit-link,
	.commentlist .reply,
	.entry-header .comments-link,
	.entry-meta .edit-link a,
	.page-link,
	.site-content nav,
	.widget-area,
	img.header-image,
	.main-navigation {display:none;}
	.wrapper {border-top:none; box-shadow:none;}
	.site-content {margin:0; width:auto;}
	.singular .entry-header .entry-meta {position:static;}
	.singular .site-content,
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular .comments-title {margin:0; width:100%;	}
	.entry-header .entry-title,
	.entry-title,
	.singular .entry-title {font-size:21pt;}
	footer.entry-meta,
	footer.entry-meta a {color:#444; font-size:10pt;}
	.author-description {float:none; width:auto;}
	.commentlist > li.comment {background:none; position:relative; width:auto;}
	.commentlist .avatar {height:39px; left:2.2em; top:2.2em; width:39px;}
	.comments-area article header cite,
	.comments-area article header time {margin-left:50px; margin-left:3.57142857rem;}
	*/
}