/*======================================
Theme Name: METROpallets Theme
Theme URI: http://www.c14.tv
Description: METROpallets Theme by C14
Version: 1.0
Author: Carbono 14
Author URI: http://www.c14.tv
Template: Divi
======================================*/

/* INSERTE CSS AQUÍ */

/* navigation */
@media only screen and (min-width: 981px) {
	body.et_header_style_left #et-top-navigation,
	body.et_header_style_split #et-top-navigation {
		padding: 49px 0 0 0;
	}
}
li#menu-item-152,
li#menu-item-153,
li#menu-item-154,
li#menu-item-321 {
    padding-right: 0;
    position: relative;
    top: 2px;
}
li#menu-item-152 a,
li#menu-item-153 a,
li#menu-item-154 a,
li#menu-item-321 a {
	font-size: 0 !important;
}
li#menu-item-152 a:before,
li#menu-item-153 a:before,
li#menu-item-154 a:before,
li#menu-item-321 a:before {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    font-size: 21px;
}
li#menu-item-152 a:before {
    content: "\f082";
}
li#menu-item-153 a:before {
    content: "\f081";
}
li#menu-item-154 a:before {
    content: "\f16d";
}
li#menu-item-321 a:before {
    content: "\f167";
}
#main-header ul#mobile_menu {
    background-color: #fff;
}
#main-header ul#mobile_menu a {
    color: #000;
}

/* section-slider-inicio */
.section-slider-inicio .et_pb_slide_content {
    text-align: left;
}
.section-slider-inicio h2 {
	font-size: 3em;
    line-height: 1.2em;
    background-color: #fce700;
    color: #000 !important;
    display: inline;
    text-shadow: none;
}
.section-slider-inicio h2:before {
    content: "";
    display: inline-block;
    width: 242px;
    height: 212px;
    position: absolute;
    margin-top: -212px;
}
.section-slider-inicio .et_pb_slide_0 h2:before {
    background: url(images/decoration-slide-00.png);
}
.section-slider-inicio .et_pb_slide_1 h2:before {
    background: url(images/decoration-slide-01.png);
}
.section-slider-inicio .et_pb_slide_2 h2:before {
    background: url(images/decoration-slide-02.png);
}
.section-slider-inicio .et_pb_slide_description:after {
    content: "";
    display: inline-block;
    background: url(images/empresa-b.png);
    width: 123px;
    height: 173px;
    position: absolute;
    bottom: 0;
    left: 8%;
}

/* section-quienes-somos */
.section-quienes-somos .contador-arboles {
    border-left: solid 7px #00763a;
    padding-left: 17px;
    padding-bottom: 25px;
}
.section-quienes-somos .contador-arboles .percent {
    margin-bottom: 0;
    height: 60px;
}
.section-quienes-somos .contador-arboles .percent:before {
    content: "Ya logramos salvar";
    position: absolute;
    font-size: 30px;
    color: #00763a;
    font-weight: 800;
    top: -19px;
}
.section-quienes-somos .contador-arboles .title {
	display: inline-block;
	position: relative;
}
.section-quienes-somos .contador-arboles .title:after {
	content: "";
    display: inline-block;
    width: 120px;
    height: 88px;
    background: url(images/arboles-contador.png);
    position: absolute;
	bottom: 6px;
    right: -147px;
}

/* Contador árboles V2 */
.count-wrapper {
    border-left: solid 7px #00763a;
    padding-left: 17px;
    padding-bottom: 25px;
	position: relative;
}
.count-wrapper:after {
	content: "";
    display: inline-block;
    width: 120px;
    height: 88px;
    background: url(images/arboles-contador.png);
    position: absolute;
    bottom: 25px;
    left: 185px;
}
.count-wrapper .wowcountdown-1 {
	padding: 12px 0;
	font-size: inherit;
	min-height: 55px;
	display: inline-block;
}
.count-txt {
    color: #00763a;
	width: 100%;
    display: inline-block;
	font-weight: 800;
}
.count-txt.count-txt-1 {
    font-size: 30px;
}
.count-txt.count-txt-2 {
    font-size: 40px;
	min-height: 55px;
	display: inline-block;
}
.count-txt.count-txt-3 {
    font-size: 36px;
}

/* section-productos-servicios */
.section-productos-servicios .et_pb_blurb_content {
    margin-left: 5px;
}
.section-productos-servicios .et_pb_blurb_position_left .et_pb_main_blurb_image,
.section-productos-servicios .et_pb_blurb_position_right .et_pb_main_blurb_image {
    width: 85px;
}
.section-productos-servicios .productos-hogar.et_pb_blurb_position_left .et_pb_main_blurb_image {
    position: relative;
    top: 15px;
}
.section-productos-servicios .et_pb_blurb_description {
    padding-top: 30px;
    padding-left: 20px;
}
.section-productos-servicios .et_pb_blurb_description h3 {
    font-size: 25px;
}
.section-productos-servicios li {
    border-bottom: solid 1px #eaeaea;
    padding: 10px 0;
    line-height: 1.3em;
}

/* section-vender-pallets */
.section-vender-pallets:after {
	content:"";
    width: 860px;
    height: 646px;
    display: inline-block;
    background: url(images/img-vender-pallets.png);
    position: absolute;
    bottom: 0;
    right: 0;
}

/* section-contacto */
.section-contacto .column-contacto-left .et_pb_module {
    max-width: 540px;
    float: right;
    width: 100%;
}
.section-contacto ul {
    padding-left: 0;
}
.section-contacto li {
    border-bottom: solid 1px #eaeaea;
    padding: 10px 0;
    line-height: 1.3em;
}
.section-contacto:after {
    content: "";
    display: inline-block;
    width: 110px;
    height: 110px;
    background: url(images/logo-circulo-footer.png);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -55px;
    z-index: 9;
}
.section-contacto .boton-copiar {
    text-indent: -9999px;
    overflow: hidden;
    border: 0;
    background: url(images/icon-copiar.png);
    background-color: transparent;
    width: 20px;
    height: 20px;
    margin-left: 1px;
	cursor: pointer;
}

/* footer */
.footer-widget h4.title {
    color: #fff;
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 300;
}
#footer-widgets .footer-widget #menu-footer-metropallets li {
    padding-left: 0;
    border-bottom: solid 1px #484848;
    margin: 0;
    padding: 5px 50px 5px 0;
}
#footer-widgets .footer-widget #menu-footer-metropallets li:before {
	display: none;
}

/* small mobile styles */
@media only screen and ( max-width: 358px ) {
	.section-quienes-somos .contador-arboles .percent:before {
		font-size: 22px !important;
	}
	.section-quienes-somos .contador-arboles .title {
		font-size: 33px !important;
	}
	.section-quienes-somos .contador-arboles .title:after {
		bottom: -33px;
		right: -131px;
	}
}

/* mobile styles */
@media only screen and ( max-width: 479px ) {
	body .et_pb_slides .et_pb_slider_container_inner {
		vertical-align: bottom;
	}
	.section-slider-inicio h2 {
    	font-size: 2em;
	}
	.section-slider-inicio .et_pb_slide_description:after {
		width: 40px;
		height: 56px;
		background-size: cover;
		right: 0;
		left: auto;
	}
	.section-slider-inicio h2:before {
		width: 97px;
		height: 85px;
		background-size: cover !important;
		margin-top: -85px;
	}
	body div.et_pb_section.section-quienes-somos {
		background-image: none !important;
	}
	div.et_pb_section.section-quienes-somos .et_pb_column {
		margin-bottom: 0;
	}
	.section-quienes-somos .contador-arboles .percent:before {
		font-size: 26px;
	}
	.section-quienes-somos .et_pb_text_1 {
		column-count: 1;
	}
	.section-vender-pallets:after {
		width: 479px;
		height: 360px;
		background-size: cover;
	}
	#contacto .et_pb_row.et_pb_row_10.et_pb_gutters3 .et_pb_column_26 {
		width: 80% !important;
		margin: 0 auto;
		float: none;
	}
	#contacto .et_pb_row.et_pb_row_10.et_pb_gutters3 .et_pb_column_27 {
		margin-top: 30px;
	}
	.section-contacto:after {
		margin-left: -55px;
		margin-top: -26px;
	}
	.et_pb_column.column-contacto-left {
		width: 80% !important;
		float: unset;
		margin: 0 auto;
		padding-bottom: 30px;
	}
	#contacto h2 {
		font-size: 33px;
	}
	.single-post .entry-title {
		top: 30% !important;
		font-size: 30px;
		padding: 0 20px;
	}
}
/* tablet styles */
@media only screen and ( min-width: 480px ) and ( max-width: 980px ) {
	body .et_pb_slides .et_pb_slider_container_inner {
		vertical-align: bottom;
	}
	.section-slider-inicio .et_pb_slide_description {
		padding-right: 135px;
	}
	.section-slider-inicio .et_pb_slide_description:after {
		right: 0;
		left: auto;
	}
	body div.et_pb_section.section-quienes-somos {
		background-image: none !important;
	}
	.section-vender-pallets:after {
		width: 479px;
		height: 360px;
		background-size: cover;
	}
	.et_pb_column.column-contacto-left {
		float: unset;
		margin: 0 auto;
		width: 80%;
		display: inline-block;
	}
	.section-contacto:after {
		margin-left: -55px;
	}
}