/*
Archivo: Estilos Altramuces Saladitos
Autor: Jesús Morales
Descripción: Mofificaciones en los estilos de la web de Altramuces Saladitos para su óptima maquetación.
*/


/*@font-face {
	font-family: 'Good Vibes';
	src: url('http://saladitos.brandingconpasas.com/wp-content/uploads/fuentes/gvibes.eot');
	src: url('http://saladitos.brandingconpasas.com/wp-content/uploads/fuentes/gvibes.eot') format('embedded-opentype'),
	url('http://saladitos.brandingconpasas.com/wp-content/uploads/fuentes/gvibes.woff') format('woff'),
	url('http://saladitos.brandingconpasas.com/wp-content/uploads/fuentes/gvibes.ttf') format('truetype'),
	url('http://saladitos.brandingconpasas.com/wp-content/uploads/fuentes/gvibes.svg#Good Vibes') format('svg');
}*/

@import url('https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield&display=swap');

html[lang='en-GB'] .branding a img,
html[lang='en-GB'] .mobile-branding a img,
html[lang='fr-FR'] .branding a img,
html[lang='fr-FR'] .mobile-branding a img {
	display: none;
}

html[lang='en-GB'] .branding a:after {
	width: 175px;
	height: 70px;
	position: absolute;
	content: " ";
    background-image: url("https://www.saladitos.com/wp-content/uploads/2019/07/logo-saladitos-en.svg");
	top: 10px;
}

html[lang='en-GB'] .mobile-branding a:after {
	width: 150px;
	height: 60px;
	position: absolute;
	content: " ";
    background-image: url("https://www.saladitos.com/wp-content/uploads/2019/07/logo-saladitos-en.svg");
	top: 12px;
}

html[lang='fr-FR'] .branding a:after {
	width: 175px;
	height: 70px;
	position: absolute;
	content: " ";
    background-image: url("https://www.saladitos.com/wp-content/uploads/2019/07/logo-saladitos-fr.svg");
	top: 10px;
}

html[lang='fr-FR'] .mobile-branding a:after {
	width: 150px;
	height: 60px;
	position: absolute;
	content: " ";
    background-image: url("https://www.saladitos.com/wp-content/uploads/2019/07/logo-saladitos-fr.svg");
	top: 12px;
}


.branding a img, .branding img {
    max-width: 100%;
    height: 75px;
}


/*
1- Generales
*/

.sin-padding-top {
	padding-top: 0 !important;
}


/*
Párrafo
*/
p,
ul li,
ol li {
	text-align: justify;
}

b, strong {
    font-weight: 500;
}


p,
li {
letter-spacing: 0 !important;
}

.blanco,
.blanco h1,
.blanco h2,
.blanco h3,
.blanco h4,
.blanco h5,
.blanco h6 {
	color: #fff !important;
}

.verde {
	color: #31a049 !important;
}

.page-title h1, 
.page-title h1 *, 
.page-title h1 a:hover, 
#page .page-title .entry-title {
	letter-spacing: 2px;
}

.enunciado-seccion {
	margin-bottom: 45px;
}

.enunciado-seccion h4,
.enunciado-seccion p {
	text-align: center;
}

.enunciado-seccion h4 {
	color: #31a049;
    font-weight: 600;
    letter-spacing: 0;
	font-size: 24px;
	line-height: 1.1em;
	margin-bottom: 15px !important;
}

.enunciado-seccion p {
	font-size: 19px;
    line-height: 1.2em;
    color: #111111;
    text-transform: none;
    font-weight: 300;
}

.enunciado-dos-seccion {
	margin-bottom: 15px;
}

.enunciado-dos-seccion h4 {
	color: #31a049;
    font-weight: 600;
    letter-spacing: 0;
	font-size: 20px;
	line-height: 1.1em;
}

.texto-small {
	font-size: 80%;
}


/*
Espacios
*/

.pad-lr-50 {
	padding: 0 150px !important;
}


/*
Cabecera
*/
.cabecera-scroll {
	background-color: #f8cf00;
	height: 110px;
	-webkit-transition: background-color 500ms ease-out;
	-moz-transition: background-color 500ms ease-out;
	-o-transition: background-color 500ms ease-out;
	transition: background-color 500ms ease-out;
}


.polylang_langswitcher li {
	float: left;
	margin-right: 10px;
}


/*
Menu
*/
.main-nav > li > a .menu-text,
.mobile-main-nav li > a .menu-text {
	letter-spacing: -1px !important;
}

.mobile-main-nav > li > a {
    padding: 7px 30px 7px 0;
}

.dt-mobile-header .next-level-button {
    padding: 10px 0;
}


.mobile-main-nav > li:before {
    border-color: rgba(49,160,73,0.0);
}

.mobile-main-nav .sub-nav {
    margin-left: 0;
}

.mobile-main-nav .sub-nav > li > a {
	letter-spacing: 0 !important;
	padding: 5px 0;
}

.dt-mobile-header .mobile-main-nav li .sub-nav > li > a .menu-text {
	color: #fff !important;
}


/*
Section Titlebar
*/

.fancy-header .fancy-title {
	margin-bottom: 10px !important;
	margin-top: 90px !important;
}

.fancy-header .fancy-subtitle {
    width: 100%;
    margin: 0 auto;
	font-weight: 300;
}

.fancy-header .fancy-title span,
h1.entry-title,
h2.entry-title,
.page-title h1 {
	font-family: "M PLUS Rounded 1c", Helvetica, Arial, Verdana, sans-serif !important;
	font-weight: 900 !important;
	font-size: 45px !important;
	text-transform: uppercase !important;
}

.fancy-header .fancy-subtitle span {
	font-family: 'Mrs Saint Delafield', cursive;
	text-transform: lowercase !important;
	font-size: 80px !important;
	line-height: 40px !important;
}

.page-title > .wf-wrap {
	width: 100%;
	padding: 0 30px 0 30px;
}

.titulo-submenu {
	text-transform: uppercase;
	margin: 0;
	padding: 20px 0 10px 0;
	font-size: 40px;
	line-height: 1;
	font-weight: 100;
}

 
/*
3- Pie de página
*/

footer {
	text-align: left;
	z-index: 10000000000000;
}

footer .widget-title {
    margin-bottom: 0px;
	font-size: 90%;
	display: none !important;
}

#footer .textwidget,
#footer a {
	font-size: 90%;
	line-height: 1.5
}

#footer #nav_menu-2 li,
#footer #nav_menu-3 li {
	margin: 0;
	padding: 0;
}

#bottom-bar .wf-container-bottom {
	font-size: 80%;
}

.footer .widget {
	margin-bottom: 10px;
}

#bottom-menu li {
	margin: 0 10px;
}


/*
4- Sidebar
*/
.sidebar-content .widget-title {
	font-size: 20px;
}


/*
5- Contenido
*/
.titulo-seccion {
	margin: 0 0 30px 0;
	padding: 0;
}

.titulo-seccion h3 {
	line-height: 1;
	color: #539223;
	font-size: 42px;
}

.titulo-seccion h3 span.subtitulo {
	font-family: 'Mrs Saint Delafield', cursive;
	text-transform: lowercase !important;
	font-size: 80px;
	display: block;
	line-height: 40px;
	font-weight: 100;
    letter-spacing: 2px;
}

.subtitulo-seccion p {
	font-size: 21px;
	line-height: 1.2;
}


.titulares {
	margin-top: 0;
	margin-bottom: 0;
	padding: 50px 0 30px 0;
}

.titulares  .vc_column-inner {
	padding-top: 0 !important;
}

.titulares .ult-easy-separator-wrapper.ult-bottom-easy-separator {
	bottom: 25px;
}


.titulares .ult-easy-separator-inner-wrapper {
	margin-bottom: 10px;
}


.titulares .ult-easy-separator-inner-wrapper:before {
    content: "";
    position: absolute;
    width: 200px;
    height: 2px;
    background-color: #539223;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*
Sección: Inicio
*/
.fuente-web {
	font-family: "M PLUS Rounded 1c", Helvetica, Arial, Verdana, sans-serif !important;
	letter-spacing: -1px;
}

#fila-mascota {
	background: linear-gradient(rgb(248, 207, 0) 10%, rgba(248, 207, 0, 0.9) 30%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 100%);
	padding: 50px 0;
}

.imagen-propiedades {
	padding: 0 0 10px 0;
}

.imagen-dosvecesbueno {
	margin-top: -100px;
}

#fila-verde {
	background: #7fba2c;
	background: -moz-linear-gradient(top, #7fba2c 0%, #539223 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #7fba2c), color-stop(100%, #539223));
	background: -webkit-linear-gradient(top, #7fba2c 0%, #539223 100%);
	background: -o-linear-gradient(top, #7fba2c 0%, #539223 100%);
	background: -ms-linear-gradient(top, #7fba2c 0%, #539223 100%);
	background: linear-gradient(to bottom, #7fba2c 0%, #539223 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fba2c', endColorstr='#539223', GradientType=0 );
	padding: 20px 0 0 0;
}

.espacio-fila {
	padding: 0 0 25px 25px;
}


#fila-verde li {
	color: #fff;
	font-size: 27px;
	line-height: 1.5;
	font-weight: 700;
}

#fila-verde li:before {
	display: none;
}

#fila-verde li:after {
	content: "\f00c";
	color: #f8d000;
	display: none;
}

.fresco-divertido {
	background-color: #7fba2c;
	min-height: 270px;
    padding: 20px 40px 0 40px;
}

#recetas-home {
	padding: 50px 0;
	background: #7fba2c;
	background: -moz-linear-gradient(top, #7fba2c 0%, #539223 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #7fba2c), color-stop(100%, #539223));
	background: -webkit-linear-gradient(top, #7fba2c 0%, #539223 100%);
	background: -o-linear-gradient(top, #7fba2c 0%, #539223 100%);
	background: -ms-linear-gradient(top, #7fba2c 0%, #539223 100%);
	background: linear-gradient(to bottom, #7fba2c 0%, #539223 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fba2c', endColorstr='#539223', GradientType=0 );
}

.boton-home a {
	padding: 10px 25px !important;
    text-transform: uppercase;
    background-image: none !important;
    font-weight: 900;
    font-size: 19px !important;
}

.boton-home-fresco a {
	padding: 5px 15px !important;
    text-transform: uppercase;
    background-image: none !important;
    font-weight: 900;
    font-size: 15px !important;
}

#home-altramuz {
	margin-top: -10px;
	margin-bottom: -10px;
}

#dos-veces-bueno {
	margin-top: 20px;
	margin-bottom: 0;
	padding: 500px 0 50px;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

.texto-dosveces-descubre p {
	font-size: 25px;
	line-height: 1;
	color: #fff;
}

.texto-carrusel {
	margin: 10px;
}

.texto-carrusel p {
	color: #fff;
	font-size: 20px;
}

#nutricionales {
	margin-top: 15px;
	margin-bottom: 0;
}

#imagen-bodegon {
	padding: 0 0 50px 0;
}

#home-blog {
	padding: 20px 0 0 0;
}

/*
Sección: Historia
*/
#esquema-hitos {
	margin-top: 15px;
	margin-bottom: 0;
	padding: 150px 0;
	background: #f5f5f5;

}

#imagenes-historia {
	margin-top: 0;
	margin-bottom: 15px;
}

#noticias-historia {
	margin-top: 15px;
}

/*
Sección: Cómo hacemos saladitos
*/
.texto-hacer-saladitos {
	margin-bottom: 0;
	text-align: center;
	padding: 0 10px;
}

.texto-hacer-saladitos h5 {
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 14px;
}

.texto-hacer-saladitos p {
	font-size: 85%;
	line-height: 1.2;
}



/*
Sección: Cómo Hacemos saladitos
*/
#proceso {
	margin-top: 35px;
	margin-bottom: 35px;
}

#nuestros-cultivos {
	margin-top: 15px;
	margin-bottom: 35px;
	padding: 150px 0;
	background: #f5f5f5 url(http://placehold.it/1920x1080);
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

.titulo-cultivos { 
	margin: 0;
	padding: 0;
}

.titulo-cultivos p {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 30px;
	line-height: 1.2;
}

#sabor-calidad {
	margin-top: 35px;
	margin-bottom: 0;
}


/*
Sección: Saladitos en el mundo
*/
#mapa-mundo {
	margin-top: 50px;
	margin-bottom: 35px;
}

#marca-lider {
	margin-top: 15px;
	margin-bottom: 35px;
}

#mundo-formatos {
	margin-top: 15px;
	margin-bottom: 0;
	padding: 50px 0;
	background: #f5f5f5;
}


/*
Seccion: Qué es el altramuz
*/
#descripcion-altramuz {
	margin-top: 15px;
	margin-bottom: 15px;
}

.altramuz-mundo {
	padding: 0;
	margin-top: -20px;
}

/*
Sección: Peril Nutricional
*/
#perfil-descubre {
	margin-top: 50px;
}

#atributos-nutricional {
	margin-top: 15px;
	margin-bottom: 15px;
}

#valores-nutricionales {
	margin-top: 15px;
	margin-bottom: 35px;
	padding: 150px 0;
	background: #f5f5f5 url(http://placehold.it/1920x1080);
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

.titulo-nutricional { 
	margin: 0;
	padding: 0;
}

.titulo-nutricional p {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 30px;
	line-height: 1.2;
}


/*
Seccion: Dieta Mediterránea
*/
#dieta-mediterranea {
	margin-top: 50px;
	padding: 150px 0;
}

.titulo-dieta {
	padding: 0;
}

.titulo-dieta p {
	font-weight: 500;
	font-size: 20px;
	line-height: 1.1;
}

#decalogo {
	margin-top: 35px;
}

.decalogo li {
	margin-bottom: 30px;
	text-align: center;
	padding: 0 !important;
	text-transform: uppercase;
	font-size: 18px;
}

.decalogo li:before {
	position: relative;
	display: block;
	left: 50%;
	margin-left: -20px;
	margin-bottom: 10px;
	font-size: 25px;
	width: 40px;
	height: 40px;
	line-height: 40px;
}


/*
Sección: Disfruta Saladitos
*/
#aperitivo {
	margin-top: 50px;
	margin-bottom: 35px;
	padding: 150px 0;
}

.titulo-aperitivo {
	margin: 0;
	padding: 0;
}

.titulo-aperitivo p {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 30px;
	line-height: 1.2;
	color: #fff;
}

.situacion-1 .vc_column-inner > .wpb_wrapper,
.situacion-2 .vc_column-inner > .wpb_wrapper,
.situacion-3 .vc_column-inner > .wpb_wrapper,
.situacion-4 .vc_column-inner > .wpb_wrapper {
	background-position: center center;
	background-size: cover;
	padding: 0 10px 20px 10px;
	margin-top: 0;
	margin-bottom: 0;
}

.situacion-1 .titulos-seccion,
.situacion-2 .titulos-seccion,
.situacion-3 .titulos-seccion {
	margin-bottom: 10px;
}

.situacion-1 .titulos-seccion h3,
.situacion-2 .titulos-seccion h3,
.situacion-3 .titulos-seccion h3 {
	font-size: 18px;
}

.situacion-1 .subtitulo-seccion,
.situacion-2 .subtitulo-seccion,
.situacion-3 .subtitulo-seccion {
	margin-bottom: 0;
}

.situacion-1 .subtitulo-seccion p,
.situacion-2 .subtitulo-seccion p,
.situacion-3 .subtitulo-seccion p {
	font-size: 17px;
	line-height: 1.2;
}

.nombre-situacion {
	margin: 0;
	padding: 0;
}

.nombre-situacion p {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 30px;
	line-height: 1;
}

#disfruta-formatos {
	margin-top: 35px;
	margin-bottom: 35px;
	padding: 50px 0;
	background: #f5f5f5;
}

#disfruta-recetas {
	margin-top: 15px;
}


/*
Sección: Nosotros
*/
#historia,
#calidad,
#que-hacemos,
#mision,
#tradicion {
	padding-top: 80px;
	padding-bottom: 45px;
}

#calidad,
#mision {
	background: #f6f6f6;
}


/*
Sección: Testimonios
*/
#testimonios,
#consulta-testimonios {
	padding-top: 80px;
	padding-bottom: 45px;
}

#consulta-testimonios {
	background: #f6f6f6;
}

#consulta-testimonios .titulo h4 {
	color: #31a049;
    font-weight: 600;
    letter-spacing: 0;
	font-size: 24px;
	line-height: 1.1em;
	margin-bottom: 15px !important;
}

#consulta-testimonios .titulo-form {
	margin-bottom: 15px;
}

#consulta-testimonios .titulo-form p {
	font-size: 20px;
	text-transform: uppercase;
}


/*
Sección: Contacto
*/
#contacto {
	padding-top: 40px;
}


/*Responsive*/
@media (max-width: 1199px) {
	/*Menu*/
	.side-header .header-bar {
		padding: 50px 30px !important;
	}

	.main-nav > li > a .menu-text {
		font: normal bold 32px / 36px "M PLUS Rounded 1c", Helvetica, Arial, Verdana, sans-serif !important;
	}
	
	.main-nav .sub-nav > li > a .menu-text {
		font: 23px / 27px "M PLUS Rounded 1c", Helvetica, Arial, Verdana, sans-serif;
	}
	
	.side-header .header-bar .mini-widgets {
		padding: 50px 0px 0px 0px;
	}
	
	.sub-downwards .next-level-button:before, 
	.sub-downwards.dt-parent-menu-clickable.side-header .next-level-button:before {
		font-size: 15px;
	}


	/*Titulos*/
	.fancy-header .fancy-title span,
	h1.entry-title, 
	h2.entry-title, 
	.page-title h1 {
		font-size: 35px !important;
		line-height: 1 !important;
	}
	
	.fancy-header .fancy-subtitle span {
		font-size: 60px !important;
		line-height: 30px !important;
	}
	
	/*titulos contenido*/
	.titulo-seccion h3 {
		font-size: 30px;
	}
	
	.titulo-seccion h3 span.subtitulo {
		font-size: 60px;
		line-height: 30px;
	}
	
	/*HOme*/
	.situacion-1 .titulos-seccion h3,
	.situacion-2 .titulos-seccion h3, 
	.situacion-3 .titulos-seccion h3 {
		font-size: 18px;
		line-height: 1;
	}
	
	.fresco-divertido {
		min-height: 360px;
		padding: 30px 30px 10px 30px;
	}
	
	.espacio-fila {
		padding: 0 0 0 25px;
	}
	
	
	#fila-verde li {
		font-size: 20px;
	}
	
	#fila-verde li:before {
		display: none;
	}
	
	#fila-verde li:after {
		content: "\f00c";
		color: #f8d000;
		display: none;
	}
}


@media (max-width: 1023px) {
	.mobile-mini-widgets .last {
		/*display: none !important;*/
	}
	
	/*cabecera*/
	.masthead.masthead-mobile-header:not(#phantom) {
		-webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.0);
		box-shadow: 0 0 15px 1px rgba(0,0,0,0.0);
	}
	
	.fancy-header .wf-wrap,
	.page-title > .wf-wrap {
		min-height: 300px !important;
	}

	/*Titulos*/
	.fancy-header .fancy-title {
		margin-top: 20px !important;
	}
	
	.fancy-header .fancy-title span,
	h1.entry-title, 
	h2.entry-title, 
	.page-title h1 {
		font-size: 25px !important;
		line-height: 1 !important;
	}
	
	.fancy-header .fancy-subtitle span {
		font-size: 60px !important;
		line-height: 30px !important;
	}
	
	/*titulos contenido*/
	.titulo-seccion h3 {
		font-size: 25px;
	}
	
	.titulo-seccion h3 span.subtitulo {
		font-size: 60px;
		line-height: 30px;
	}
	
	
	/*Contacto*/
	.mapa-contacto {
		margin-top: 20px;
	}
	
	
	/*Home*/
	.fresco-divertido {
		min-height: inherit !important;
		padding: 20px 40px 0 40px;
	}
}


@media (max-width: 767px) {
	/*Cabecera*/
	#main .wf-wrap, .masthead:not(.side-header):not(.full-width):not(.side-header-v-stroke):not(.side-header-menu-icon), .side-header .mobile-header-bar, #page .masthead.full-width, #page .masthead.mixed-header:not(.side-header-v-stroke) {
		padding: 0 15px;
	}
	
	.masthead:not(.side-header) .mobile-header-bar, .side-header.masthead-mobile-header .mobile-header-bar {
		padding: 0 10px 0 10px;
		box-sizing: border-box;
	}
		
	.mobile-mini-widgets > * {
		margin: 0 !important;
	}
	
	.fancy-header .wf-wrap,
	.page-title > .wf-wrap {
		min-height: 150px !important;
	}
	
	.page-title.solid-bg.bg-img-enabled {
		text-align: center;
	}
	
	.fancy-header .fancy-title span,
	h1.entry-title, 
	h2.entry-title, 
	.page-title h1 {
		font-size: 20px !important;
		line-height: 1 !important;
	}
	
	.fancy-header .fancy-subtitle span {
		font-size: 50px !important;
		line-height: 25px !important;
	}
}

@media screen and (max-width: 1023px) {
	.show-device-logo .branding img.mobile-logo, .show-device-logo .mobile-branding img.mobile-logo {
		height: 50px;
	}
}