/*
 Theme Name:   Metacom Child Theme
 Theme URI:    https://metacom.es
 Description:  Metacom
 Version:      6.0
 Author:       Metacom
 Author URI:   https://metacom.es
 Template:     osmosis
*/
/*TAMAÑOS SEGÚN DISPOSITIVO*/
/* XS - Extra Small */ 
@media only screen and (min-width : 350px) and (max-width : 767px){
  	/*OCULTAR*/
	.no_xs{
    display:none!important;
  }
}/* END XS - Extra Small */ 
/* SM - Small*/
@media only screen and (min-width : 768px) and (max-width : 991px) {
  	/*OCULTAR*/
	.no_sm{
    display:none!important;
  }
}/* END SM - Small*/

/* MD - Medium*/
@media only screen and (min-width : 992px) and (max-width : 1200px) {
  	/*OCULTAR*/
	.no_md{
    display:none!important;
  	}
	
	.cta_kroma p{
	padding-left:300px!important;
	padding-right: 300px!important;
	}
}/* END MD - Medium*/

/* LG - Large*/
@media only screen and (min-width : 1200px) {
  	/*OCULTAR*/
	.no_lg{
    display:none!important;
  	}
	
	.cta_kroma p{
	padding-left:300px!important;
	padding-right: 300px!important;
	}
}/* END LG - Large*/



/*FONDO OSCURO*/
.bg_dark {
	background-color:#454545!important;
}

/*CTA KROMA*/
.cta_kroma {
	background-color:#454545!important;
	padding-bottom: 30px!important;
	padding-top: 15px!important;
}
.cta_kroma h2{
	color:white!important;
}
.cta_kroma h4{
	color:#90A4AE!important;
}
.cta_kroma p{
	color:#A1887F!important;
	font-size:16px!important;
	padding-top: 10px!important;
}


/*IMG BOX*/
.img_box{
	padding-top: 15px!important;
}

/*TEXTO P*/
.page-id-5803 .vc_custom_1543569678591 p{
	padding-bottom: 10px!important;
	color:white!important;
}
/*COLOR TIT BOX*/
.page-id-5803 .grve-box-title{
	color: #ffa400!important;
}

/*TAMAÑO CHECKS*/
.check{
	font-size: 30px!important;
}

/*BOLD*/
.bold{
	 font-weight: bold!important;
}

/*MI BOTON*/
.my_btn{
	border: 2px solid #ffa400!important;
	-webkit-border-radius: 6px;
    border-radius: 6px;
}
.my_btn:hover{
	border: 2px solid #ffa400!important;
	background-color:#222222!important;
	-webkit-border-radius: 6px;
    border-radius: 6px;
}


/*3 VIDEOS*/
.vid_3 p {
	color:white!important;
}

/*COLOR FONDO*/
.bg_21{
	background-color: #212121!important;
}

/*Nº CONTADOR*/
.page-id-5801 .grve-counter-item, .page-id-6281 .grve-counter-item {
    color: black!important;
}
/*TEXTO CONTADOR*/
.page-id-5801 .grve-counter-title *, .page-id-6281 .grve-counter-title * {
    color: #78909C!important;	
	line-height: 1.7!important;
}

/*QUITAR LINEA DERECHA IMAGEN*/
.wpb_column.grve-column.grve-bookmark.grve-column-1-2.vc_custom_1542716382300 {
    margin-right: -1px!important;
}

/*TAMAÑO FUENTE*/
.f_20{
	font-size: 20px!important;
}

/*MARGEN NEGATIVO EN EL CTA*/
.page-id-5776 #come-on-board, .page-id-6482 #come-on-board {
    margin-bottom: -40px!important; 
}

/*COLOR CORPORATIVO*/
.col_cor{
	color: #ffa400!important;
}

/*ESPACIOS TITULO*/
.page-id-5780 .grve-feature-header, .page-id-5786 .grve-feature-header, .page-id-5789 .grve-feature-header, .page-id-5782 .grve-feature-header, .page-id-5792 .grve-feature-header, .page-id-6979 .grve-feature-header{
    padding: 50px!important;
}


.page-id-5780 .grve-section.grve-light.grve-flex-row.grve-middle-content,  .page-id-5786 .grve-section.grve-light.grve-flex-row.grve-middle-content,  .page-id-5789 .grve-section.grve-light.grve-flex-row.grve-middle-content,  .page-id-5782 .grve-section.grve-light.grve-flex-row.grve-middle-content,  .page-id-5792 .grve-section.grve-light.grve-flex-row.grve-middle-content,   .page-id-6979 .grve-section.grve-light.grve-flex-row.grve-middle-content{
    margin-bottom: -40px!important;
}

.pad_50{
   	padding-top: 50px!important;
	padding-bottom: 50px!important;
}

/*SOMBRA TEXTO BLANCO*/
.text-shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1)!important;
}

/*ALL DEVICE*/
@media (min-width:1px) and (max-width:1920px){

}


/*SOMBRA MENÚ*/
#grve-header.grve-dark #grve-inner-header, #grve-header.grve-light[data-sticky-header='shrink'] {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)!important;
}
/*QUITAR SOMBRA CUANDO ESTÉ STICKY*/
#grve-header.grve-default.grve-header-sticky #grve-inner-header, #grve-header.grve-light.grve-header-sticky #grve-inner-header, #grve-header.grve-dark.grve-header-sticky #grve-inner-header{
	    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0)!important;
}

/*TEXTO CONTADORES*/
.txt_count{
	color: #ffa400!important;
	font-size: 16px!important;
	font-weight: bold!important;
}

.sub{
	 text-decoration: underline!important;
}

.c_orange .grve-counter-title {
color: #ffa400!important;
}


.c_orange {
color: #ffa400!important;
}

/*COLOR TXT CTA MINIMAL*/
#page-6275 .grve-callout-wrapper > h5{
	color:white!important;
}

/*PADDING 0*/
.padding_0{
	padding:0px!important;
}

/*CAMBIOS CSS METACOM*/
/*COLOR BOTONES PRIMARY-1*/
a.grve-btn.grve-btn-extralarge.grve-round.grve-bg-primary-1 {
    background-color: #ffa400!important;
}

/*SOMBRA EN LOS TITULOS DEL HEADER PONIENDO H3 Y CLASE sombra_header*/
.sombra_header h1, .sombra_header h2, .sombra_header h3, .sombra_header h4, .sombra_header h5, .sombra_header h6, .sombra_header .grve-description{
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); 
}

/*letras header más pequeñas*/

.grve-title span{
	font-size: 30px !important;
}

.grve-description{
	font-size: 18px !important;
	/*max-width: 60% !important;*/
}

/*Iconos Portfolio con max-width 190px */

.galeria_clientes .grve-isotope-item {
    max-width: 190px;
}

/*Tamaño letras pricing list*/
h6.grve-pricing-title {
	font-size: 30px !important;
}

.boton_gris {
	background-color: #8D8174 !important;
}
.boton_gris:hover {
    background-color: #454545 !important;
    border-color: #454545 !important;
    color: #ffffff !important;
}

h4.grve-price {
    font-size: 40px;
}

/*.grve-pricing-table ul *{
	font-size:13px !important;
}*/

/*Espacios pricing list más pequeños en SOCIAL MEDIA*/

.page-id-6991 .grve-pricing-table ul li {
    padding: 8px 10px !important;
	    font-size: 13px !important;
  
}
/*Ancho columnas Diseño web, mantenimiento y seguridad*/
.ancho_col {
	max-width: 500px !important;
}

.estrellas{
	position: relative !important;
	top: -4px !important;
}

.interlineado_simple{
	line-height: normal !important;
}

.single_add_to_cart_button{
	background-color: #ffa400 !important;
	/*color: black !important;*/
}

.destacat {
    text-align: center;
    padding: 20px 25px !important;
    background: #555 !important;
    border: 1px solid grey !important;
    border-radius: 5px !important;
    color: #fff !important;
}

/*Quitamos icono de newsletter del header y menu nav lateral*/
.grve-open-button {
	display: none !important;
}

.grve-icon-envelope {
	display: none !important;
}

.video_youtube {
	width:100%;
	max-width:600px
}

/*Reducir cabecera de nombre de producto*/
#grve-product-title,#grve-product-title-content,div#grve-page-title,div#grve-page-title-content, #grve-portfolio-title, #grve-portfolio-title-content{
	height: 120px !important;
	/*display: none !important;*/
}
h1.grve-title.grve-light {
    padding-bottom: 15px;
}

/*Que no nos muestre el SKU del artículo*/

span.sku_wrapper {
    display: none;
}

/*Color Callout footer*/
#come-on-board {
	background-color: #ffe8c4 !important;
}


/*FORMULARIO CONTACTO CHECKBOX LOPD*/
span.gfield_required {
    display: none !important;
}

li#field_1_13 {
    margin-top: -40px !important;
}

li#field_1_14 {
    margin-top: -40px !important;
}

/*TELEFONO Y EMAIL BAJADOS PARA ALINEAR CON ICONO*/
.grve-box-content p {
    margin-top: 5px !important;
}

/*Foto artículos de Woocommerce de 500x600 px*/

.postid-4639 .wp-post-image {
    max-width: 500px;
    max-height: 600px;
}

/*Google Partners mas pequeño*/
.partner{
    max-width: 400px;
}

/*Sombra Letra cabecera

.sombra_header {
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 1); 

}*/

/*Fotos de los Testimonials más grande*/
img.attachment-thumbnail.size-thumbnail.wp-post-image {
    width: 80px !important;
    max-width: 500px !important;
    height: 80px;
}

/*Caja de Opt-In Panda con botones*/
button.onp-sl-button.onp-sl-form-button.onp-sl-submit.onp-sl-button-primary {
    background-color: #ffa400;
    color: #ffffff;
}

/*Formulario Recibido margin top contenido*/
div#page-5142 {
    margin-top: -100px;
}


#come-on-board{
	margin-bottom: -160px!important;
}

/*Margen superior de marketing digital*/
.top_margin_marketing_digital {
	margin-top: -30px !important;
}

/*Margen superior de tarifas*/
.top_margin_tarifas {
	margin-top: -70px !important;
}

/*lista checks rojos marketing digital*/
.interlineado_checkbox p{

	margin-bottom: 10px !important;
	padding-left: 30px !important;
}


/*Sombra del apartado casos de éxito*/
.sombra_hover {
	box-shadow: 2px 2px 10px #666;   
}


/*Iconos redondos seccion marketing*/

.page-id-5169 img.attachment-medium.size-medium {
    width: 100px !important;
    margin-bottom: 10px !important;
}

/*Color del contador final de marketing*/

.page-id-5169 h5.grve-counter-title {
    color: #ffffff !important;
}

/*margen inferior contador de cafes que cuadre con footer*/
.office_bk{
	margin-bottom: -72px !important;
}

.startup_hover:hover{
	background: url(https://barcelona.metacom.es/wp-content/uploads/2018/07/startup800x600.png);
  /*height: 370px;
  width: 278px;*/
}


/*Hacer desaparecer right sidebar en categoría "Diseño Gráfico" en Woocommerce
 * quito la clase "grve-right-sidebar" de Osmosis padre en includes/grve-layout-functions.php
 * le pongo un display none al rightsidebar
.grve-sidebar {
	display:none !important;
}*/

/*Margen superior precios meta webs*/

.page-id-5445 #grve-main-content .grve-container {
	margin-top: -30px !important;
}

.page-id-5458 #grve-main-content .grve-container {
	margin-top: -30px !important;
}

.page-id-5470 #grve-main-content .grve-container {
	margin-top: -30px !important;
}

.page-id-5572 #grve-content-area {
	margin-top: -30px !important;
}

/*Desactivamos el subtítulo de la cabecera negra top bar*/
.page-id-5386 .grve-description.grve-light {
    display: none;
}

.page-id-5386 #grve-main-content .grve-container {
	margin-top: -30px !important;
}

/*Pantallas mac home +arriba*/

.pantallas{
	margin-top: -50px !important;
}

/*fotos miami y bcn redondas*/
.foto-redonda{
	border-radius: 100% !important;
}

/*5iconos en SEM seccion video de fondo*/

#margen_izq {
	margin-left:-20% !important;
}

/*Color del contador home*/

.page-id-4394 h5.grve-counter-title {
    color: #ffffff !important;
}

.page-id-4394 .grve-section {
    margin-bottom: 0px !important;
}


.page-id-5805 img.attachment-medium.size-medium {
    max-width: 110px !important;
}

/*MAIN MENU RE-JUSTIFICADO PARA QUE QUEPA EN UNA LÍNEA SOLO*/
.menu-item.menu-item-type-custom.menu-item-object-custom{
    padding-left: 7px !important;
    padding-right: 7px !important;
}