@charset "utf-8";

/*
 Theme Name:   Museo Canario
 Theme URI:    http://coduxe.com/
 Description:  Tema desarrollado por Coduxe para el museo canario
 Author:       Coduxe
 Author URI:   http://coduxe.com/
 Template:     ozeum
 Version:      1.0
 Text Domain:  ozeum
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

* { box-sizing: border-box; }
a { transition: opacity 0.5s; }
a:hover { opacity: 0.8; }
p { clear: both; }
hr { border-top: 2px solid #eee; margin: 25px 0 !important; }
figcaption { display: none !important; }

.sc_googlemap > iframe { filter: grayscale(1); } /* Googlemap gray */
.metaslider .flexslider { margin-bottom: 0 !important; } /* Flexslider container */
.metaslider .flex-control-nav { position: absolute; bottom: 25px !important; } /* Flexslider dots */
.widget_contacts .contacts_info > * { font-family: "Metropolis", sans-serif; font-size: 16px; } /* Ext footer typo */
.logo_image { padding: 15px !important; } /* Logo image padding */
.sc_layouts_title_content { max-width: 80%; margin: 5% auto; } /* Space out header title on page */

/* Menu */
.menu-item { font-size: 10px; padding: 0px !important; } /* Menu item fits in header */
.menu-item a { padding: 15px 10px !important; } /* Resize padding */
.menu-item ul { top: 49px !important; padding: 0 !important; } /* Fix submenu pos */

@media (max-width: 767px) {
  .sc_layouts_row.sc_layouts_row_fixed_on.sc_layouts_row_fixed_always .custom-logo-link img,
  .sc_layouts_row.sc_layouts_row_fixed_on.sc_layouts_row_fixed_always .sc_layouts_logo img {
    max-height: 75px !important;
  }
}

.nav-links .page-numbers { width: auto; } /* Fix width issue on pagination links */

/* Form helpers */

.flex-row { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; }
.flex-row > label { box-sizing: border-box; padding: 10px; }
.flex-item-10pc { width: 10% }
.flex-item-20pc { width: 20% }
.flex-item-25pc { width: 25% }
.flex-item-30pc { width: 30% }
.flex-item-40pc { width: 40% }
.flex-item-50pc { width: 50% }
.flex-item-60pc { width: 60% }
.flex-item-70pc { width: 70% }
.flex-item-80pc { width: 80% }
.flex-item-90pc { width: 90% }
.flex-item-100pc { width: 100% }

/* Input type date fix */

input[type=date] {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	font-family: inherit;
	margin: 0;
	vertical-align: baseline;
	border: 1px solid #ddd;
	transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
	border-radius: 40px;
	-webkit-appearance: none;
	outline: none;
	resize: none;
	font-weight: 400;
	font-style: normal;
	line-height: 1.5em;
	text-decoration: none;
	text-transform: none;
	padding: 0.726em 1.4em;
	font-size: 15px;
	color: #6d6d65;
	border-color: #c9c8bf;
	background-color: #f7f6ec;
	box-sizing: border-box;
	margin-bottom: 20px;
	width: 100%;
}

.scheme_default li a,
.scheme_default [class*="color_style_"] li a {
  color: #CF4520;
}

#search-page {}
#search-page h4 { margin-top: 0; margin-bottom: 10px; }
#search-page .desc { font-size: 16px; font-weight: bold; }
#search-page label { display: block; margin-bottom: 15px; }
#search-page select, #search-page input { display: block; margin-bottom: 15px; width: 100%; }

.d-block { display: block; }
.mb-1 { margin-bottom: 5px; }
.mb-2 { margin-bottom: 10px; }
.mb-3 { margin-bottom: 15px; }
.mb-4 { margin-bottom: 20px; }
.mb-5 { margin-bottom: 25px; }

.flex-row { display: flex; -webkit-display: flex; }
.flex-row > * { box-sizing: border-box; padding: 10px; }
.flex-item-1 { flex: 1; }
.flex-item-0-1 { flex: 0.1; }
.flex-item-0-2 { flex: 0.2; }
.flex-item-0-3 { flex: 0.3; }
.flex-item-0-4 { flex: 0.4; }
.flex-item-0-5 { flex: 0.5; }
.flex-item-0-6 { flex: 0.6; }
.flex-item-0-7 { flex: 0.7; }
.flex-item-0-8 { flex: 0.8; }
.flex-item-0-9 { flex: 0.9; }

@media (max-width: 500px) {
  .flex-row { display: block; }
  .flex-row > * { box-sizing: border-box; width: 100%; }
}

.arhive-archivo-single { border-bottom: 1px dotted #ccc; padding: 30px 25px; margin-bottom: 15px; background-color: rgba(255, 255, 255, 0.5); }
.arhive-archivo-single .title { padding: 0; margin: 0; margin-bottom: 20px; }
.arhive-archivo-single .meta-content img { padding: 0 20px; width: 100%; }

/* Dealing with previoues Joomla galls */
.holder { display: flex; flex-wrap: wrap; }
.holder .gallery-item2 { width: 33%; box-sizing: border-box; text-align: center; margin-bottom: 15px; }
.holder .gallery-item2 img { max-width: 100%; display: block; margin: 0 auto; }

.content img {
  margin-top: 15px;
  margin-bottom: 15px;
}