/* ===== ESTILOS SEGUN DISPOSITIVO ==== 
  -- @media screen
	Table of Contents
	=================
	-- General HTML Elements
	----- Headings
	----- Form Elements
	-- Global Classes
	-- Navigation
	----- Pagination
	-- Header
	-- Footer
	-- Content
	-- Home
	-- Items
	-- Search
	----- Advanced Search
	-- Files
	-- Collections
	-- ExhibitBuilder
	-- Simple Pages
	-- Other Plugin Styles
	-- Winter Styles
	-- Spring Styles
	-- Summer Styles
	-- Autumn Styles
	-- Night Styles

  -- @media screen and (min-width: 768px)
    Table of Contents
	=================
	-- Header
	-- Navigation
	----- Pagination
	-- Search
	-- Content
	-- Home
	-- Items
	-- Collections
	-- ExhibitBuilder
*/

@media screen {
  /* Table of Contents
  ==================================================
	-- General HTML Elements
	----- Headings
	----- Form Elements
	-- Global Classes
	-- Navigation
	----- Pagination
	-- Header
	-- Footer
	-- Content
	-- Home
	-- Items
	-- Search
	----- Advanced Search
	-- Files
	-- Collections
	-- ExhibitBuilder
	-- Simple Pages
	-- Delwende Styles
		
  */
  
  
  /* !---------- General HTML Elements ---------- */
  
	/* !---------- Headings ---------- */
	h4,
	p, ol, ul {
		margin-bottom: 1em;
	}
  
	/* !---------- Form Elements ---------- */
  
	/* !---------- Tables ---------- */
 
  /* !---------- Global classes ---------- */
  .hide-class {
	  display: none;
  }

  /* !---------- Navigation ---------- */
  .secondary-nav {
	  display: inline-block;
  }
  .sub-nav {
	  font-size: 16px;
	  line-height: 15px;
  }
  
	/* !---------- Pagination ---------- */
	.navigation-up {
		margin: -0.5em 0 0 0;
	}
	.navigation-down {
		display: flex;
		justify-content: center;
	}
	#next-item {
		margin-left: 0.3em;
	}
	
		/* ---- De momento quitamos la paginación de items hasta que podamos delimitarlo a los tipos de item ---- */

		.item-pagination {
			display: none;
		}

		
  /* !---------- Header ---------- */
  #site-title {
    padding-bottom: 0.15em;
  }
  /* !---------- Footer ---------- */
  footer {
	  margin-top: 0;
	  padding-top: 0.8em;
	  padding-bottom: 0.8em;
	  vertical-align: bottom;
	  font-weight: 400;
  }
/*
  footer .left {
	  width: 45%;
	  float: left; 
	  margin-top: -1.5em;
  }
*/
  footer .right {
/*	  width: 25%; */
	  float: right;
	  text-align: left;
  }
  footer p {
	  padding-bottom: 0;
  }
  #custom-footer-text img {
	  opacity: 0.8;
  }
  .icono {
	  font-weight: 300;
	  font-size: 20px;
  }

  /* !---------- Content ---------- */
  #content .element-set div {
	  padding-bottom: 0;
  }

  .center {
	  text-align: center;
  }
  #content .view-items-link {
    margin: 2em 0 0 -16px !important;
    clear: none;
  }
  #content #item-filters {
	  margin-right: 1.5em;
  }
  /* !---------- Home ---------- */
  #home #content div h3 {
	  font-weight: 500;
  }
  #featured-collection a.image,
  #recent-items a.image {
	  height: 10.5em;
  }
  #recent-items .image img {
	  margin: 0;
  }

  /* !---------- Items ---------- */
  .item-browse h2 {
	  margin: 0.4em 0;
  }
  .item-browse p {
	  margin: 0.5em 0;
  }
  .items.show h3 {
	  margin: 0.4em 0 0.1em 0;
  }
  /* --- Ocultar la etiqueta de trajes --- */
  li[title="Etiquetas: Trajes"]	{
	  display: none;
  }

  .item img {
	  margin: 0.3em 0.75em 0.2em 0;
	  height: 10.5em;
  }
  .item.Zapatos img,
  .item.Zapato img {
	  height: 8.5em;
  }
 
   /* --- Endentar campos --- */
  .element-text {
	  margin-left: 1.3em;
  }
  
  /* --- Tabla de dimensiones --- */
  .dimensiones {
	  text-align:center;
	  border-collapse:collapse;
	  width: 80%;
	  margin: 0.5em;
  }
  .dimensiones thead th {
	  text-transform: uppercase;
  }
  .dimensiones th, .dimensiones td {
		  padding:5px;
		  border-bottom-width: 0.0625em;
		  text-align: center;
  }
  .dimensiones tbody th {
	  text-align: left;
  }

  /* --- Referencias: bajamos un poco el tamaño de fuente --- */
  #item-references {
	font-size: 15px;
  }
 
  /* --- en Epocas > Separar modistos relevantes y referencias --- */
  #epoca-item-type-metadata-participants,
  #epoca-item-type-metadata-bibliography {
	  margin-top: 30px;
  }
  /* --- Galeria de imagenes --- */
  .items.show #itemfiles #item-images > div {
	  margin-bottom: 2%;
  }
  .items.show #itemfiles #item-images > div:nth-of-type(3n) {
    margin-right: 0;
  }
  .items.show #itemfiles #item-images > div:nth-of-type(4n) {
    margin-right: 3%;
  }
  .items.show #itemfiles #item-images > div {
	width: 31.3%;
  }
  .items.show #itemfiles.modisto #item-images > div {
	margin-right: 0;
	width: 100%;
  }
  .items.show #itemfiles.modisto #item-images > img {
	width: 100%;
  }

  /* --- Para imagenes de GettyImages --- */
  div.getty {
	  height: auto;
  }

  /* !---------- Search ---------- */

	/* !---------- Advanced Search ---------- */

  /* !---------- File Pages ---------- */

  /* !---------- Collections ---------- */
  .collections #content .element-set .element {
	  margin-bottom: 0;
  } 
  .collections #content .element-set h3 {
	  margin: 8px 0 0 2px;
  }

  .collection .img-browse .image {
	  margin: 0.3em 0.75em 0.2em 0;
	  height: 10.5em;
  }

  .collections #collection-items .hentry h3 { 
	  margin-top: 0.2em !important;
  }

  /* .collection .collection-contributors {
	  display: none;
  } */
 
  /* !---------- ExhibitBuilder ---------- */
  .exhibits.browse #content .navigation {
	  float: left;
  }
  
  .exhibits.show #content .exhibit-item {
	  vertical-align: middle;
  } 
  .exhibit .image {
	  margin: 0.3em 0.75em 0.2em 0;
	  height: 10.5em;
  }
 
   /* Para exposiciones en agrupacion de exposiciones */
   .exhibit .image img {
	  width: auto;
	  height: 100%;
  }
 
  .exhibit_img {
	  margin: 5px 15px 5px 5px;
	  float: left;
  }
  .exhibit .exhibit_img {
	  height: 170px;
  }
  .exhibit-block .exhibit_img {
	  height: 350px;
	  width: auto;
  }
  /* Para Moviles */
  @media screen and (max-width: 768px) {
	.exhibit-block .exhibit_img {
		height: auto;
		width: 100%;
	}
  }
  /* FIN Para Moviles */
  
  .exhibit-item .exhibit-item-link img {
	  width: auto;
/*	  max-width: 100%;
	  max-height: 400px; 
	  height: 24em; */
  }

  #exhibit-pages ul li a {
    text-transform: uppercase;
    font-size: 19px;
    font-weight: bold;
  }


/* Para Videos de Exposiciones */
.exhibits .mmvideos {
	width: 800px;
	max-width: 100%;
	/* margin: auto; */
}

  .exhibits .mmvideos {
	  margin: auto;
  }
/* El contenedor con el padding-top crea el tamaño del vídeo */
.exhibits .mmvideos-contenedor{
    height:0px;
    width:100%;
    padding-top:56.25%; /* Relación: 16/9 = 56.25% */
    position:relative;
}
/* El iframe se adapta al tamaño del contenedor */
.exhibits .mmvideos-contenedor iframe{
    position:absolute;
    height:100%;
    width:100%;
    top:0px;
    left:0px;
}


  /* !---------- Simple Pages ---------- */
  .simple-page img {
	  max-width: 100%;
  }
  .simple-page .principal {
	border-style: solid !important;
	border-color: rgba(0, 0, 0, 0.15) !important;
    border-width: 0 3px 0 0 !important;
  }
  
  /* !---------- Other Plugin Styles ---------- */
  /* --- Ocultamos UniversalViewer de final de item pero mostramos el de aside --- */
  .items.show .uv {
	  display: none;
  }
  .items.show #itemfiles .uv {
	  display: block !important;
  }

  /* --- Ocultamos ItemRelations de final de item --- */
  #primary #item-relations-display-item-relations {
	  display: none;
  }
  #item-relations-display-item-relations table {
	  margin: 0 1em;
  }
  #item-relations-display-item-relations table td {
	  border-bottom: hidden;
	  padding-top: 0.15em;
	  padding-bottom: 0.15em; 
  }
  #item-relations-display-item-relations table tr>tr td {
	  border-top: solid; 
  }

  /* !---------- Spring Styles ---------- */
  .delwende body {
/*    background-color: #6FAA41; */
/*	background-color: #F9FFEC; */
    color: #333;
/*	background-image: url(/files/personalizar/base-noise_amarillo.jpg); */
  }
  .delwende h1, .delwende #site-title a {
    color: #6FAA41;
  }
  .delwende input[type=submit], .delwende button, .delwende .button, .delwende .show-advanced.button {
    background-color: #E2A31A;
  }
  .delwende input[type=text], .delwende input[type=password], .delwende textarea {
    background-color: #fff;
    border: 1px solid #e8e8e8;
  }
  .delwende a:link {
    color: #E2A31A;
  }
  .delwende a:visited {
    color: #DBCC00;
  }
  .delwende footer a:link,
  .delwende footer a:visited {
    color: #333;
	font-weight: 500;
  }
  .delwende a:hover, .delwende a:active, .delwende a:focus {
    color: #E2A31A;
  }
  .delwende footer a:hover {
    color: #DBCC00;
  }
  .delwende header {
/*    background-color: #F1FFBA; */
  }
  .delwende nav.top {
    background-color: #6FAA41;
	font-size: 18px;
	font-weight: 500;
  }
  .delwende nav.top a:link, .delwende nav.top a:visited {
    color: #F1FFBA;
  }
  .delwende nav.top a:active, .delwende nav.top a:hover, .delwende nav.top a:focus {
    color: #F9FFEC;
  }
  .delwende nav.top li.active {
	background-color: rgba(0, 0, 0, 0.15);
	text-transform: uppercase;
  }
  .delwende nav.top .sub-nav {
    background-color: #6FAA41;
  }
  .delwende nav.top .sub-nav li > a:link, .delwende nav.top .sub-nav li > a:visited {
    color: #F1FFBA;
  }
  .delwende nav.top .sub-nav li > a:hover, .delwende nav.top .sub-nav li > a:focus {
    color: #fff;
  }
  .delwende #intro {
    color: #E2A31A;
  }
  .delwende #content,
  .delwende #secondary-nav .current a,
  .delwende #secondary-nav a.current,
  .delwende .secondary-nav .current a,
  .delwende .secondary-nav a.current,
  .delwende .exhibit-section-nav .current a {
/*    background-color: #F9FFEC; */
    background-color: rgba(249, 255, 236, 0.5);
  }
  .delwende #home #content > div {
    border-color: #f89406;
  }
  .delwende #content > h1 {
    color: #E2A31A;
  }
  .delwende #content h2 {
    border-color: #e8e8e8;
  }
  .delwende #content > div, .delwende #content #primary > div, .delwende #content #sidebar > div,
  .delwende #content #advanced-search-form > div, .delwende #content #exhibit-pages {
    border-color: #f89406;
  }
  .delwende #content #primary > div, .delwende #content #sidebar > div {
    background-color: #fff;
  }
  .delwende #content .pagination_previous a, .delwende #content .pagination_next a {
    background-color: #6FAA41;
  }
  .delwende #content .pagination a:link, .delwende #content .pagination a:visited {
    color: #F1FFBA;
  }
  .delwende #content .pagination a:hover, .delwende #content .pagination a:active {
    color: #fff;
  }
  .delwende #content .pagination input[type=text] {
    border-color: #F1FFBA;
  }
  .delwende #content nav .pagination_list {
    background-color: #6FAA41;
  }
  .delwende #content .items-nav a:link, .delwende #content .items-nav a:visited {
    color: #6FAA41;
  }
  .delwende #content .items-nav a:active, .delwende #content .items-nav a:hover {
    color: #ACBB00;
  }
  .delwende #content .item-img {
    border-color: #e8e8e8;
  }
  .delwende #content div.hTagcloud {
    border: 0;
    background-color: transparent;
    -moz-box-shadow: transparent 0 0 0;
    -webkit-box-shadow: transparent 0 0 0;
    box-shadow: transparent 0 0 0;
  }
  .delwende #search-results th {
    background-color: #E2A31A;
  }
  .delwende #search-filters li, .delwende #item-filters li {
    background-color: #FFED00;
  }
  .delwende .page #content {
    border-color: #E2A31A;
  }
  .delwende footer {
    background-color: #6FAA41;
  }
  .delwende footer p {
    color: #000;
  }
  .delwende .exhibit-page-nav {
    background-color: #E2A31A;
  }
  .delwende .exhibit-page-nav .current, .delwende .exhibit-child-nav .current {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .delwende .exhibit-page-nav a:link, .delwende .exhibit-page-nav a:visited {
    color: #FFED00;
  }
  .delwende .exhibit-page-nav a:hover, .delwende .exhibit-page-nav a:active {
    color: #fff;
  }
  .delwende #exhibit-page-navigation a, .delwende #exhibit-page-navigation span {
    background-color: #fff;
  }
}  /* fin @media screen */
@media screen and (min-width: 768px) {
  /*
  Table of Contents
  =================
  -- Header
  -- Navigation
  ----- Pagination
  -- Search
  -- Content
  -- Footer
  -- Home
  -- Items
  -- Collections
  -- ExhibitBuilder
  -- Simple Pages
  */
  /* !---------- Header ---------- */
  /* !---------- Content --------- */
  
  /* !---------- Footer ---------- */
  footer .left {
/*	  width: 45%;
	  float: left; */
	  margin-top: -1.5em;
  }

  /* !---------- Home ---------- */
  #home #content #featured-item,
  #home #content #featured-collection {
    width: 49.15%;
    float: left;
  }
  #home #content > div {
    width: 49.15%;
  }
  
  /* !---------- ExhibitBuilder ---------- */
 	/* Para Videos de Exposiciones
  .exhibits .mmvideos {
    width: 568px;
    float: left;
  } /*
 
  /* !---------- Simple Pages ---------- */
  .simple-page #primary {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .simple-page .principal {
    width: 61.53846%;
    float: left;
    padding-right: 2%;
    display: inline;
  }
  .simple-page .lateral {
    width: 35.89744%;
    float: right;
    margin-right: 0;
    display: inline;
  }  
  .simple-page .lateral h2 {
    padding-left: 0.5em;
	margin-bottom: 0.5em;
  }  
  .simple-page .lateral p {
	margin-bottom: 0.3em;
	margin-top: 0.3em;
  }  
  .simple-page .lateral img {
	  width: 15%;
  }

}  /* fin @media screen and (min-width: 768px) */