/*
Theme Name: Bitergia
*/

a img { border:0;}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}




/* =Global
----------------------------------------------- */
/* Images */
.entry-content img,
.comment-content img,
.widget img {

}
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {

}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}

p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {}
.wp-caption img {}
.wp-caption .wp-caption-text,
.gallery-caption {
	color:#b7b7b7;
	font-style:italic;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 0;
	position: relative;
}
.wp-caption .wp-caption-text:before {}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */

}

a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */

}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}

/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
	margin: 1.625em 0 0;
}
.post-password-required input[type=password] {
	margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
	background: #f7f7f7;
}





/* Singular content styles for Posts and Pages */

.singular .entry-title,
.singular .entry-header .entry-meta {
	padding-right: 0;
}
blockquote.pull {
	font-size: 21px;
	font-weight: bold;
	line-height: 1.6125em;
	margin: 0 0 1.625em;
	text-align: center;
}
.singular blockquote.pull {
	margin: 0 -22.25% 1.625em;
}
.pull.alignleft {
	margin: 0 1.625em 0 0;
	text-align: right;
	width: 33%;
}
.singular .pull.alignleft {
	margin: 0 1.625em 0 -22.25%;
}
.pull.alignright {
	margin: 0 0 0 1.625em;
	text-align: left;
	width: 33%;
}
.singular .pull.alignright {
	margin: 0 -22.25% 0 1.625em;
}
.singular blockquote.pull.alignleft,
.singular blockquote.pull.alignright {
	width: 33%;
}




/* =Gallery
----------------------------------------------- */

.format-gallery .gallery-thumb {
	float: left;
	display: block;
	margin: .375em 1.625em 0 0;
}




/* =Quote
----------------------------------------------- */

.format-quote blockquote {
	color: #555;
	font-size: 17px;
	margin: 0;
}


/* =Image
----------------------------------------------- */

.indexed.format-image .entry-header {
	min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
}
.indexed.format-image .entry-content {
	padding-top: 0.5em;
}
.indexed.format-image p,
.indexed.format-image p img {
	margin-bottom: 0;
}
.indexed.format-image footer.entry-meta {
	background: #ddd;
	margin-top: -7px;
	padding: 20px 30px;
	overflow: hidden;
}
.indexed.format-image div.entry-meta {
	display: inline-block;
	float: left;
	width: 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
	float: none;
	width: 65%;
}
.indexed.format-image .entry-meta span.cat-links,
.indexed.format-image .entry-meta span.tag-links,
.indexed.format-image .entry-meta span.comments-link {
	display: block;
}
.indexed.format-image footer.entry-meta a {
	color: #444;
}
.indexed.format-image footer.entry-meta a:hover {
	color: #fff;
}
#content .indexed.format-image img {
	border: none;
	max-width: 100%;
	padding: 0;
}
.indexed.format-image .wp-caption {
	background: #111;
	margin-bottom: 0;
	max-width: 96%;
	padding: 11px;
}
.indexed.format-image .wp-caption .wp-caption-text {
	color: #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
	color: #444;
}
.indexed.format-image a:hover img {
	opacity: 0.8;
}






/* =Attachments
----------------------------------------------- */

.image-attachment div.attachment {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 1.625em 0;
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto 1.625em;
	max-width: 100%;
}
.image-attachment div.attachment a img {
	border-color: #f9f9f9;
}
.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
	border-color: #ddd;
	background: #fff;
}
.image-attachment .entry-caption p {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}




/* =Widgets
----------------------------------------------- */
/*
.widget-area {
	font-size: 12px;
}
.widget {
	clear: both;
	margin: 0 0 2.2em;
}
.widget-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.widget ul {
	font-size: 15px;
	margin: 0;
}
.widget ul ul {
	margin-left: 1.5em;
}
.widget ul li {
	color: #777;
	font-size: 13px;
}
.widget a {
	font-weight: bold;
	text-decoration: none;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
}*/

/* Search Widget */
.widget_search form {
	margin: 0 0 1.625em;
}
.widget_search #s {
	width: 77%;
}
.widget_search #searchsubmit {
	background: #ddd;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	color: #888;
	font-size: 13px;
	line-height: 25px;
	position: relative;
	top: -2px;
}
.widget_search #searchsubmit:active {
	background: #1982d1;
	border-color: #0861a5;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	color: #bfddf3;
}



/* Twitter */
.widget_twitter li {
	list-style-type: none;
	margin-bottom: 14px;
}
.widget_twitter .timesince {
	display: block;
	font-size: 11px;
	margin-right: -10px;
	text-align: right;
}

/* Widget Image */
.widget_image img {
	height: auto;
	max-width: 100%;
}






/* =Print
----------------------------------------------- */

@media print {



}



/* =bitergia Styles
----------------------------------------------- */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { margin:0; padding:0; font:1em/1 'Gentium Basic'; font-weight:400; color:#333; text-align:center;}

header { position:relative; padding:.4em 0 .5em 4em; background:#454545;}
	header a { display:block; width:100%; height:100%; color:#fff; text-decoration:none;}
	header .site-title { position:absolute; left:0; top:-2.9em; z-index:1; display:block; margin:0; padding:0; width:10em; height:5em; background:url(img/bitergia.png) no-repeat 0 0; text-indent:-9999em;}
	header .site-description { display:inline-block; margin:0; padding:0; font-weight:normal; font-size:1.250em; color:#fb0;}
	header hgroup { display:inline-block;}
	header .main-navigation	{ display:inline-block; float:right;}
		header .menu-toggle, header .assistive-text { display:none;}

		header .menu { display:inline-block; margin:0; padding:.1em 0 0 0; list-style:none;}
			header .menu li { display:inline-block; padding:0 1.3em 0 1.3em; border-left:1px solid #fff; line-height:.6;}
			header .menu li:first-child { border-left:0;}
	
	header:after { content:" "; display:block; clear:both; height:0; visibility:hidden;}
	
	#page { width:68.250em; min-height:40em; margin:1em auto 0 auto; padding:5em 0 0 0; text-align:left;}
	#page:after { content:" "; display:block; clear:both; height:0; visibility:hidden;}
	
	.colA { display:inline; float:left; width:43.688em; margin-right:5px; padding-right:4em; text-align:justify;}
	.colB { width:24.250em; float:right;}
	.colAB { width:100%;}

	.page.colB, .single.colB, .single.colA { margin-top:2em;}
	
	.single { line-height:1.3;}
	
	h2 { margin:0; padding:0; font-size:1.875em; color:#454545; font-weight:normal;}
	a { color:#04f; text-decoration: none;}
	a:hover { text-decoration:underline;}
	
	.readMore { display:inline-block; margin:0; padding:0; background:#fb0;}
		.readMore a { display:inline-block; padding:.2em .3em .3em .3em; color:#454545; text-decoration:none; transition:.2s all;}
		.readMore a:hover { text-decoration:underline; background:#fa0;}

        h3 {border-bottom: thin solid #454545;}
	 
	/**** slider ****/
	.slider { height:22em; margin-top:23px; margin-bottom:30px;}
		.slider ul { position:relative; width:100%; height:21.5em; overflow:hidden; margin:0; padding:0; list-style:none; background:#fb0;}
			.slider li { position:absolute; top:0; left:0; z-index:0; opacity:0; width:100%;}
			.slider li:after { content:" "; display:block; clear:both; height:0; visibility:hidden;}
			.slider img { width:43.688em; min-height:21.688em; border-right:5px solid #fff;}
			
			.slider .colA { margin-right:0;}
			.slider .colB { background:#fb0; min-height:21.688em; text-align:center;}
			.slider .wysiwyg { padding:2em 1.5em 0 1.5em; font-size:1.875em; text-align:left; line-height:1.4;}
				.slider .wysiwyg strong { font-size:2em; font-weight:normal;}
			
			.slider li.sel { z-index:1;}
	
	
	/**** welcome ***/
	.welcome { margin-bottom:2em; line-height:1.3;}	
	
	/*** news ****/
	.news { margin-bottom:2em; padding:1em; background:#f6f6f6; line-height:1;}
		.news .widget-title { margin:0; font-size:1.875em; color:#454545;}
		.news .widget-title .rsswidget { color:#454545; text-decoration:none; font-weight:normal;}
			.news .widget-title .rsswidget img { display:none;}
		.news ul { margin:.5em 0 1em 0; padding:0 1em; list-style:none;}
			.news li { border-bottom:1px solid #e9e9e9;}
			.news li a { display:block; margin:0; padding:0.5em 0; color:#454545; text-decoration:none; font-size:.9em; font-weight:normal;}
			.news li a:hover { text-decoration:underline;}
		.news .readMore { float:right;}
	.news:after { content:" "; display:block; clear:both; visibility:hidden; height:0;}
	
	/*** social ****/
	.social { margin-bottom:2em; padding:1em; background:#f6f6f6;}
		.social h2 { color:#454545;}
		.social ul { margin:.5em 0 1em 0; padding:0 1em; list-style:none;}
			.social li { display:inline-block;}
				.social li a { display:block; max-width:4em; max-height:4em;}
				.social li img { max-width:100%; height:auto; margin:.5em;}
	.social:after { content:" "; display:block; clear:both; visibility:hidden; height:0;}
	
	
	/*** customers ****/
	.customers { margin-top:2em; vertical-align:bottom;}
		.customers ul { display:inline-block; margin:1em 0 0 0; padding:0; list-style:none; vertical-align:bottom; text-align:left;}
			.customers li { display:inline-block; margin:0 0.3em 0.5em 0; border:2px solid #fb0; vertical-align:top; }
			.customers li a { position:relative; display:inline-block;}
			.customers li a:after { content:" "; position:absolute; left:0; top:0; display:block; height:100%; width:100%; box-shadow:inset 0 0 3px rgba(0,0,0,0.2);}
				.customers li img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ max-width:12em; width:auto; max-height:3.5em; height:auto; padding:.5em;}
			
				.customers li a:hover img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%);}		
		.customers .readMore { margin-top:1em;}
		
	/** page listado **/
	.page.listado { margin-top:2em;}
	.page.listado ul { display:block; margin:1em 0 0 0; padding:0; list-style:none; vertical-align:bottom;}
	.page.listado li { display:block; border:1px solid #f6f6f6; background:#f9f9f9; margin:0 0 1em 0; vertical-aling:middle;}
		.page.listado li:after { display:none;}
		.page.listado li img { filter:none; -webkit-filter:none;}
		.page.listado li h3 { padding-left:1em;}
		.page.listado li p { display:table-cell; margin:0; padding:1em; line-height:1.3; vertical-align:middle;}
		.page.listado li div > a { display:table-cell;  padding:1em 0 1em 1em; vertical-align:middle;}

		.page.listado.blog p, .page.listado.blog a { display:block; padding:0 1em 1em 1em;}
	
	/** post **/
	.post { padding-right:4em; line-height:1.3;}
		.post h2 { margin-top:2em;}
		.post img { display:inline-block; padding:1em; border:1px solid #f6f6f6; background:#f9f9f9; margin:0 1em 0 0; vertical-align:middle;}

	/** about us ***/
	.aboutUs { list-style:none; margin:0; padding:1em; border:1px solid #f6f6f6; background:#f9f9f9;}
		.aboutUs li { display:inline-block; margin:0 1em;}
	
	/** contact us **/
	div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 div.ajax-error {
	display: none;
}

div.wpcf7 .placeheld {
	color: #888;
}

	div.wpcf7 input, div.wpcf7 textarea { margin:.3em 0;}
	div.wpcf7 input[type=submit] { border:0; background:#f1c448; padding:.2em .3em .3em .3em; color:#454545; font:1em Georgia; cursor:pointer;}

	/**** footer ****/
	footer { position:relative; clear:both; margin-top:2em; background:#f6f6f6;}
		.menu-footer-container { width:68.250em; margin:0 auto; text-align:left;}
			.menu-footer-container ul { margin:0; padding:0; list-style:none;}
				.menu-footer-container li { display:inline-block; padding:.5em;}
					.menu-footer-container li a { display:inline-block; border-left:1px solid #454545; padding-left:1em; line-height:.8; color:#454545; text-decoration:none; font-size:0.875em;}
					.menu-footer-container li a:hover { text-decoration:underline;}
					.menu-footer-container li:first-child a { border-left:0; padding-left:0;}


@media only screen and (max-width: 70em){
	
	#page {
		max-width:90%;
	}

	.menu-footer-container { width:100%;}
	
	.colA { width:66%;}
	.colB { width:33.3%;}
	
	.slider { height:auto;}
	.slider .colA { padding-right:0;}	
	.slider .colB { font-size:1em;}
	.slider img { max-width:100%;}
	.slider .wysiwyg { padding-top:1em;}
	.slider ul {font-size: 0.88em;}
	
	.readMore { margin:1em 0 0 0;}
}
@media only screen and (max-width: 50em){
	
	#page {
		max-width:45em;
	}

	header .site-description { font-size:1em;}
	header .menu {font-size: 0.9em;}

	.slider ul { height:16.5em;}
	.slider img { height:auto; min-height:16.5em;}
	.slider .wysiwyg { font-size:1.4em;}

	.page.listado li div > a { display:block;}
}

@media only screen and (max-width: 40em){
	
	#page {
		max-width:95%;
	}
	
	header .site-title { height:3.5em;}
	header .menu {font-size: 1em; margin: 1em 0 0.5em;}

	.colA { width:65%; padding-right:1em;}

	.slider ul { height:26em;}
	.slider .colA { float:none; width:100%;}
	.slider .colB { float:none; width:100%; height:auto; min-height:auto;}
	.slider .wysiwyg { padding-top:.3em; font-size:1em;}
	.slider img { border-right:0;}
	
}

@media only screen and (max-width: 30em){
	
	#page {
		max-width:100%;
	}

	header .main-navigation { float:none; display:block; margin-left:-4em;}
	header .menu li { padding:0 1em;}

	.colA, .colB { float:none; width:100%; display:block;}
	.colA { padding-left:1em; padding-right:1em;}

	.readMore { margin-bottom:1em;}
	
	.slider ul { height:23em;}
	.slider .colA, .slider .colB { padding:0;}
	
}

@media only screen and (max-width: 20em){

	header .menu li { padding:0 .8em;}
	
	.slider ul { height:18em;}
	.slider img { min-height:13.5em}
	.slider p { margin-top:.3em;}
	
	.menu-footer-container li { padding:0.5em .2em;}
}