/* 01. Custom CSS WILD WILD WEB
 --------------------------------------------------------------------------------*/

html, body {
  overflow-x: clip; /* o hidden como parche */
}

*, *::before, *::after {
  box-sizing: border-box;
}



/* SOBRE LA RED
 -------------------------------------*/

.page-node-29 div#content,
.path-eventos div#content {
	padding: 0 !important;
}


.page-node-29 #main-container .container {
	max-width: 100%;
}

.page-node-29 #block-foundry-content {
	background: url(/themes/custom/foundry/img/fondo-red.png) no-repeat center;
	background-size: cover;
	margin: -60px 0 0 0;
	padding: 60px 0 60px 0;
}

.page-node-29 #block-foundry-content .block-inner {
	max-width: 1320px;
	margin: 0 auto;
	width: 90%;
}

.page-node-29 div#block-foundry-faqs {
    max-width: 1320px;
    width: 90%;
    margin: 0 auto;
}

a.btn.btn-negro.px-5.alade {
	padding-top: 3px;
}

/* HOVERS BOTONES
 -------------------------------------*/

#block-foundry-main-menu a[data-drupal-link-system-path="user/login"], #block-foundry-main-menu a[data-drupal-link-system-path="user"], 
a.btn.btn-negro.px-5.alade {
	&:hover {
		background: #00AE42;
	}
}

/* EVENTOS
 -------------------------------------*/
.page-view-proximos-eventos #main-container .container {
	max-width: 100%;
}

.page-view-proximos-eventos #block-foundry-content .view-header,
.page-view-proximos-eventos #block-foundry-content .view-filters {
	max-width: 1320px;
	margin: 0 auto;
	width: 90%;
}

.page-view-proximos-eventos #block-foundry-content .view-proximos-eventos .view-content {
	background: #E3E3E3;
}

.page-view-proximos-eventos #block-foundry-content .view-proximos-eventos .view-content .views-view-responsive-grid {
    max-width: 1320px;
    width: 90%;
    margin: 0 auto;
	padding: 60px 0;
}

.path-eventos {
    .view-id-proximos_eventos {
        margin-bottom: 0px; 
    }
}

.path-eventos .views-view-responsive-grid__item {
	    margin-bottom: 40px;
}

@media (max-width: 768px) {
.path-eventos .view-proximos-eventos .view-filters {
	display: block !important;
	legend {
		 text-align: left;
	        }
	}
}

@media (max-width: 768px) {
    .path-eventos {
        input#edit-field-fecha-value-min, input#edit-field-fecha-value-max {
            width: 160px;
        }
    }
}

.path-eventos {
    & .js-form-item.js-form-type-date.form-type-date.js-form-item-field-fecha-value-min, & .js-form-item.js-form-type-date.form-type-date.js-form-item-field-fecha-value-max {
        label {
            display: none !important;
        }
    }
}



/* 550
 -------------------------------------*/

@media (max-width: 550px) {
  .path-not-frontpage.path-espacios .view-coworking .views-view-responsive-grid__item,
  .path-not-frontpage.path-espacioss .view-coworking .views-view-responsive-grid__item{
  	  float: left;
  	  width: 48%;
  	  margin: 0 0 5% 0;
		
		&:nth-child(2n) {
			float:right;
		}
	}
		
		
  .path-not-frontpage.path-espacios .views-view-responsive-grid--horizontal,
  .path-not-frontpage.path-espacioss .views-view-responsive-grid--horizontal {
			display: block;
		}
		
  .path-not-frontpage.path-espacios .coworking-card,
  .path-not-frontpage.path-espacioss .coworking-card {
	  width: 100%;
	  padding: 0;
  }

  .path-frontpage .js-form-item.js-form-type-entity-autocomplete.mb-3,
  .path-frontpage #views-exposed-form-espacios-page-1 .form-control, #views-exposed-form-espacios-page-1 .form-select {
    margin-bottom: 0 !important;
  }
  
  .path-frontpage .form-item-field-localidad-target-id::before, 
  .path-frontpage .form-item-field-comarca-target-id::before,
  .path-frontpage .form-item-field-tipo-de-puesto-que-ofrece-value::before {
	  top: 48%;
	}

}


