/*
Theme Name:     Ecologico Child Theme
Theme URI:      http://www.ecologico.com
Description:    Child theme for the Flatco
Author:         Héctor Navas
Author URI:     http://www.navas.ec
Template:       flatco                             
Version:        1.1
*/

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

/* Enter below your Customization CSS */

#page-title {
	background: none repeat scroll 0% 0% / cover #666 !important;
}

#featured-image {
	height: 490px;
}

/************************************/
/*! Product Pages */
/************************************/
#product-header div.row-fluid{
	width: 70%;
	margin: 0 auto;
}
.content-image-only {
	padding-top: 70px;
}
.table-column-left {
    width: 62%;
    float: left;
    text-align: center;
}
.table-column-right {
    width: 37%;
    float: right;
    text-align: center;
    border-left: solid 2px #406324;
}
.table-column-left span,
.table-column-right span {
	width: 100%;
	display: block;
	font-weight: bold;
	color: white;
	background: #406324;
}
.graph-square-color {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-left: 20px;
    margin-right: 5px;
    position: relative;
    /* top: 5px; */
}
.graph-square-color.yellow {
	background-color: #FEBF0E;
}
.graph-square-color.orange {
	background-color: #F89C1B;
}
.graph-square-color.green {
	background-color: #406324;
}
ul.tw-list > li > i {
    margin-left: -20px;
    margin-right: 5px;
}


/************************************/
/*! Charts */
/************************************/
#chart-banano,
#chart-cacao,
#chart-brocoli,
#chart-arroz,
#chart-soya,
#chart-maiz {
	margin: 0;
}


/************************************/
/*! Tables */
/************************************/
.table {
	display: table;
	width: 100%;
	text-align: center;
}
.table .custom-row {
	display: table;
	width: 100%;
	height: 45px;
	border-bottom: #F89C1B 1px solid;
}
.table .custom-row:last-child,
.table.composition .custom-row:last-child {
	border-bottom: none;
}
.table .custom-row .grid {
	display: table-cell;
	line-height: 1.2em;
	padding: 5px 0;
	border-right: #F89C1B 1px solid;
	vertical-align: middle;
}
.table .custom-row .grid:last-child,
.table.composition .custom-row .grid:last-child {
	border-right: none;
}
.table .custom-row .grid span {
	font-size: 0.75em;
}
.table .header {
	font-weight: bold;
	color: #F89C1B;
}
.table > .custom-row > .yellow,
.table > .custom-row > .orange,
.table > .custom-row > .green {
	font-weight: bold;
	color: white;
}
.table > .custom-row > .yellow {
	background: #FEBF0E;
}
.table > .custom-row > .orange {
	background: #F89C1B;
}
.table > .custom-row > .green {
	background: #406324;
}
.col-one-fourth {
	width: 25%;
}
.col-two-fourth {
	width: 50%;
}
.col-one-sixth {
	width: 16%;
}
.col-one-eighth {
	width: 12.5%;
}
.table.composition .custom-row {
	border-bottom: #406324 1px solid; 
}
.table.composition .custom-row .grid {
	border-right: #406324 1px solid;
}
.table.composition .custom-row.header .grid:first-child {
	border-right: white 1px solid;
}



.eco-table {
	display: table;
	width: 100%;
	text-align: center;
	font-size: 0.75em;
}
.eco-table > .eco-row {
	display: table;
	width: 100%;
	min-height: 45px;
	border-bottom: #F89C1B 1px solid;
}
.eco-table > .eco-row:last-child {
	border-bottom: none;
}
.eco-table > .eco-row > .eco-grid {
	display: table-cell;
	padding: 5px;
	border-right: #F89C1B 1px solid;
	vertical-align: middle;
}
.eco-table > .eco-row > .eco-grid:last-child {
	border-right: none;
}
.eco-table > .header-row {
	font-weight: bold;
	color: #F89C1B;
}
.eco-table > .eco-row > .yellow-row {
	background: #FEBF0E;
	color: white;
}
.eco-table > .eco-row > .orange-row {
	background: #F89C1B;
	color: white;
}
.eco-table > .eco-row > .green-row {
	background: #406324;
	color: white;
}
.eco-table > .eco-row > .yellow-row a,
.eco-table > .eco-row > .orange-row a,
.eco-table > .eco-row > .green-row a {
	color: white !important;
	text-decoration: none !important;
	cursor: pointer !important;
}
.eco-table .col-one-sixth {
	width: 16%;
}
.eco-table .col-two-sixth {
	width: 34%;
}
.eco-table .col-three-sixth {
	width: 48%;
}
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px){
	/*--- iPhone only CSS here ---*/
	.chart-caption {
		font-size: 0.7em;
	}
	.eco-table {
		font-size: 0.5em;
	}
	.eco-table img {
		width: 85%;
		height: auto;
	}
	#vigrad-arroz-table > .eco-row > .eco-grid .large-text,
	#ecosisxxi2-resultados-laboratorio > .eco-row > .eco-grid .large-text {
		display: none;
	}
	#vigrad-arroz-table > .header-row > div:nth-child(1):after {
		content: "Tratam.";
	}
	#vigrad-arroz-table > .header-row > div:nth-child(2):after {
		content: "Producc. en sacos 205 lbs / ha";
	}
	#vigrad-arroz-table > .header-row > div:nth-child(3):after {
		content: "% de increm. de prod.";
	}
	#vigrad-arroz-table > .header-row > div:nth-child(4):after {
		content: "Precio saco 205 lbs en dólares";
	}
	#vigrad-arroz-table > .header-row > div:nth-child(6):after {
		content: "Increm. Utilidad Bruta en $ / ha";
	}
	#ecosisxxi2-resultados-laboratorio > .header-row > div:nth-child(3):after {
		content: "% de increm. al día 28 respecto al día 0";
	}
}
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px){
	/*--- iPhone only CSS here ---*/
	.eco-table {
		font-size: 0.7em;
	}
	.eco-table img {
		width: 85%;
		height: auto;
	}
}






/************************************/
/*! Contact Form */
/************************************/
.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap textarea {
    width: 100%;
}