/*
 Theme Name:   COAATZ
 Theme URI:    http://sumun.net/
 Description:  Tema hijo. Permite personalizar el tema padre sin modificar sus archivos.
 Author:       Fernando
 Author URI:   http://sumun.net
 Template:     twentyseventeen
 Version:      1.0.3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  coaatz
*/
html {
	font-size: initial;
}
body, button, input, select, textarea {
	font-family: 'Roboto';
	font-weight: 300;
	color: #202020;
}
h1, h2, h3 {
	font-weight: 400;
	color: #545454;
}
a:hover img {
	/*opacity: 0.8;*/
}

/**COLOR PERSONALIZADO**/
.bg-light { background-color: #eef5f7; }
.box-destacado { border: 1px dotted lightgray;}
.destacado,
.nav-subtitle,
a, .button,
.con-icono h4,
button:hover, button:focus, 
input[type="button"]:hover, 
input[type="button"]:focus, 
input[type="submit"]:hover, 
input[type="submit"]:focus,
.datos-footer .dashicons,
input[type="text"], input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="number"], 
input[type="tel"], 
input[type="range"], 
input[type="date"], input[type="month"], 
input[type="week"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="color"], textarea,
#noticias a, #noticias .fecha, #noticias h4,
h4.tribe-event-title a,
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
	color: #6695bc;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	font-family: "Roboto", "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	color: #6695bc;
}

:-moz-placeholder {
	font-family: "Roboto", "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	color: #6695bc;
}

::-moz-placeholder {
	font-family: "Roboto", "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	color: #6695bc;
}

:-ms-input-placeholder {
	font-family: "Roboto", "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	color: #6695bc;
}
.social-navigation a {
	background-color: #6695bc;
}
input[type="text"], input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="number"], 
input[type="tel"], 
input[type="range"], 
input[type="date"], input[type="month"], 
input[type="week"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="color"], textarea,
.button.marco {
	border-color: #6695bc;
}
.button.marco:hover {
	border-color: #a7d3f7;
}

.tarjeta, .caja {
    border-bottom-color: #6695bc;
}

.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
    -webkit-box-shadow: inset 0 -1px 0 rgba(102, 149, 188, 1);
    box-shadow: inset 0 -1px 0 rgba(102, 149, 188, 1);
}

.entry-content a img, .widget a img {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.entry-content > .row {
	margin-bottom: 3rem;
}
a:focus, a:hover {
	text-decoration: none;
}
.main-navigation li li:hover, .main-navigation li li.focus {
	background: #6695bc;
}
.navigation-privado {
	border-left: 8px solid #6695bc;
}
/**FIN COLOR**/

.nav-tabs>li>a {
	box-shadow: none;
}
.tab-pane { padding-top: 4rem; }
.caja {
	background-color: #f5f5f5;
	padding: 50px 30px 30px;
	background-size: cover;
	border-bottom-width: 8px;
	border-bottom-style: solid;
}
.mb { margin-bottom: 2rem; }
.mt { margin-top: 2rem; }
.pb { padding-bottom: 2rem; }
.pt { padding-top: 2rem; }
.mb-0 { margin-bottom: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    margin-bottom: 2em;
}
.entry-content :not(.widget) ul, .entry-content > ul:not(.nav-tabs), .entry-content :not(.widget) ol, .entry-content > ol {
    padding: 0 0 0 3em;
}
.entry-content :not(.widget) ul li, .entry-content > ul:not(.nav-tabs) li, .entry-content :not(.widget) ol li, .entry-content > ol li {
	margin-bottom: 6px;
}
button.search-submit {
	background-color: #eeeeee !important;
}
.cover {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	max-width: 1000px;
}
.has-header-image.twentyseventeen-front-page .custom-header, 
.has-header-video.twentyseventeen-front-page .custom-header, 
.has-header-image.home.blog .custom-header, 
.has-header-video.home.blog .custom-header {
	height: auto;
}
.home.has-header-image.twentyseventeen-front-page .site-branding, 
.home.has-header-video.twentyseventeen-front-page .site-branding, 
.home.has-header-image.home.blog .site-branding, 
.home.has-header-video.home.blog .site-branding {
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
    position: absolute;
    top: 0;
    height: auto;
}


#diapositivas .item {
	height:600px;
	background-size: cover;
	background-position: center center;
}
#diapositivas .wrap {
	padding-top: 200px;
	display: table;
}
#diapositivas .slide-content {
    padding: 30px 30px 30px 120px;
    width: 440px;
    height: 220px;
    background-image: url(images/pastilla-slide-colegio.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    background-color: rgba(26, 77, 119, 0.3);
    vertical-align: middle;
    display: table-cell;
}
.slide-content h1, .slide-content h2, .slide-content h3 {text-transform: uppercase;}
.slide-content a {
	margin-left: 20px;
    border-bottom: 1px dotted rgba(255,255,255,0.3);
    padding-top: 6px !important;
    padding-bottom: 4px !important;
    display: inline-block;
}
@media all and (max-width:600px) { #diapositivas .slide-content { width: 310px; height: 155px; padding: 15px 15px 15px 80px;}}
#diapositivas .slide-content * {
	color: #ffffff;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-weight: 100;
}

article#panel3, article#panel-eventos {
    background-color: #f5f5f7;
}
.custom-logo-link img {
	max-height: 120px;
}
body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
	max-width: 120px;
}
.button, .slide-content a {
	text-transform: uppercase;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.button:before, .slide-content a:before {
	content: "\f344";
	font-family: 'dashicons';
	margin-right: 12px;
}
.button.marco {
	border-width: 2px;
	border-radius: 4px;
	border-style: solid;
    padding: 10px 20px 10px 8px;
    display: inline-block;
    margin: 0 1rem 1rem 0;
}
.con-icono {
	padding-left: 60px;
    background-repeat: no-repeat !important;
    background-position: top left;
    background-size: 46px auto;
}
.con-icono h4 {
	text-transform: uppercase;
}
.servicios { background-image: url('./images/icono-servicios.png') !important; }
.tecnico { background-image: url('./images/icono-necesito-tecnico.png') !important; }
.formacion { background-image: url('./images/icono-formacion.png') !important; }
.agenda { background-image: url('./images/icono-agenda.png') !important; }

#comments input[type="submit"], .wpcf7 input[type="submit"], .login-submit input[type="submit"], .uam_login_form input[type="submit"] {
    background-color: transparent;
    color: #202020;
    font-weight: 400;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    text-transform: uppercase;
    padding-left: 30px;
    background-image: url('./images/flecha.png') !important;
    background-repeat: no-repeat !important;
    background-position: center left;
    background-size: 20px auto;
    margin-left: 8px;
}
span.wpcf7-list-item {
    display: block;
}
aside #buscador-colegiados-area select {
	min-width: 20px;
	/*margin-bottom: 16px;*/
	font-size: 0.94em;
}
aside form p {
	margin-bottom: 8px;
}
input[type="submit"][disabled] {
    color: lightgray;
    border: 1px solid lightgray;
    background-image: none !important;
}
input[type="radio"], input[type="checkbox"] {
    float: left;
}
.uam_login_form .input_label {
    margin-top: 1em;
}
.uam_login_form #user_pass {
	margin-bottom: 1em; 
}
.uam_login_form #wp-submit {
	margin-right: 0;
	margin-left: auto;
}
.uam_login_options {
	text-align: right;
	margin-bottom: 2em;
}
button:hover, button:focus, 
input[type="button"]:hover, 
input[type="button"]:focus, 
input[type="submit"]:hover, 
input[type="submit"]:focus {
	background: transparent;
}
.titulo-lateral {
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.social-navigation a {
	-webkit-border-radius: 10px;
    border-radius: 10px;
    margin-right: 0.5em;
}
#menu-menu-legal li.menu-item {
    display: inline-block;
    margin-right: 0.6rem;
}
body:not(.home) .site-footer {
	background-color: #f9f9f9;
}
#footer-legal {
	background-color: #f5f5f7;
	border-top: 1px solid #ddd;
}
.members-access-error #loginform {
	padding: 2em;
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
}



.seccion {
	color: #ffffff;	
}
.seccion .panel-content {
	padding: 3em;
}
.seccion.left {
	background-image: url('./images/fondo-colegiados-home.jpg');
}
.seccion.right {
	background-color: #262626;
}
#noticias a, #noticias .fecha, #noticias h4,
h4 a {
	text-decoration: none !important;
	box-shadow: none !important;
}
#panel-news h4, #panel-news .fecha,
h4.tribe-event-title {
	text-transform: uppercase;
	margin-bottom: 0;
}
.archive .tribe-events-event-image {
    width: 140px;
}
#panel-news .elemento {
	margin-bottom: 1.5em;
	clear: both;
	display: block;
	overflow: hidden;
}
.elemento.colegiado .foto-colegiado {
	width: 100px;
	float: left;
}
.elemento.colegiado .contenido-colegiado.con-foto {
	width: calc( 100% - 120px );
	float: right;
}
.elemento .entry-meta {
	margin-top: 6px;
}
.author .entry-meta {
	padding: 2em 0;
}
.elemento .entry-meta a {
}
.elemento .enlace {
	-webkit-box-shadow: none;
	box-shadow: none;
	display: inline-block;
	margin-right: 6px;
	margin-top: 4px;
}
.elemento .dashicons {
	margin-right: 2px;
}
.bio {
	/*font-size: 0.8em;*/
	padding-top: 1em;
}
#profesionales .bio, .archive:not(.author) .bio {
	/*font-size: 0.9em;*/
	padding-top: 0.3em;
}

#profesionales a, #profesionales h4, #profesionales * {
	color: #ffffff;
}
#profesionales h4 {
	font-weight: 300;
}
#profesionales .link-more { text-align: right; }
.author-search {
	margin-bottom: 2em;
}
#profesionales .elemento.colegiado,
.equipo .elemento {
	margin-bottom: 3em;
}


.widget-home ol.tribe-list-widget {
	list-style: none;
	overflow: hidden;
	padding: 0;
}
.widget-home .type-tribe_events {
	/*width: 23%;*/
	width: 31%;
	margin-right: 2%;
	float: left;
	padding: 0;
}
.tribe-events-list-widget .tribe-event-featured {
	padding: 1rem !important;
	background-color: #6794bb;
}
.type-tribe_events {
	border-bottom: none;
	padding: 0;
}
h4.tribe-event-title:before {
	content: "\f508";
	font-family: 'dashicons';
	color: #545454;
	margin-right: 10px;
}


.banner {
	padding: 40px 0;
	background-size: cover !important;
	min-height: 240px;
}

.archive .post-thumbnail,
.blog .post-thumbnail,
.single-colegiado .post-thumbnail {
	width: 100px;
	float: left;
	/*margin-right: 20px;*/
}
.archive .entry-content,
.blog .entry-content,
.single-colegiado .entry-content {
	width: calc( 97% - 100px );
	float: right;
}
.tarjeta {
    border: 1px solid #e5e5e5;
    padding: 30px 20px;
    border-bottom-width: 8px;
    border-bottom-style: solid;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(102,102,102,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(102,102,102,0.2);
    box-shadow: 0px 0px 10px 0px rgba(102,94,102,0.2);
    margin-bottom: 30px;
}

.navigation-privado {
    border-bottom: 1px solid #eee;
}
.navigation-privado .wrap {
	padding: 0;
}
.navigation-top .sub-menu a {
	font-weight: 300;
}
.destacado-menu a {
	font-weight: bold !important;
}

ul.enlaces li {
    float: left;
    width: 30%;
    margin-right: 1%;
    list-style: none;
    padding: 8px;
    height: 168px;
    display: table;
    text-align: center;
}
ul.enlaces li > a {
	display: table-cell;
	vertical-align: middle;
	box-shadow: none;
}
#colaboradores ul.enlaces li {
	width: 15%;
	margin-right: 1%;
}
#colaboradores { padding-top: 30px; }


/*ICONOS LINKS*/
.icono-candado { height: 18px; width: auto; margin-left: 6px;}
.entry-content a[target="_blank"]:not(.sin-icono),
.entry-content a[href^="mailto"]:not(.sin-icono),
.entry-content a[href$=".pdf"]:not(.sin-icono),
.entry-content a[href$=".doc"]:not(.sin-icono),
.entry-content a[href$=".docx"]:not(.sin-icono),
.entry-content a[href$=".xls"]:not(.sin-icono),
.entry-content a[href$=".xlsx"]:not(.sin-icono),
.entry-content a[href$=".ppt"]:not(.sin-icono),
.entry-content a[href$=".pptx"]:not(.sin-icono),
.entry-content a[href$=".zip"]:not(.sin-icono),
a.link-archivo {
	padding-left: 24px;
	background-size: auto 20px;
	background-repeat: no-repeat;
	background-position: left top;
	webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    margin-left: 3px;
}
.entry-content a[target="_blank"]:not(.sin-icono) { background-image: url('./images/link-externo.png'); }
.entry-content a[href*=".pdf"]:not(.sin-icono) { background-image: url('./images/link-pdf.png'); }
.entry-content a[href*=".zip"]:not(.sin-icono) { background-image: url('./images/link-zip.png'); }
.entry-content a[href*=".txt"]:not(.sin-icono) { background-image: url('./images/link-texto.png'); }
.entry-content a[href*="mailto"]:not(.sin-icono) { background-image: url('./images/link-email.png'); }
.entry-content a[href*=".doc"]:not(.sin-icono), .entry-content a[href*=".docx"]:not(.sin-icono) { background-image: url('./images/link-doc.png'); }
.entry-content a[href*=".xls"]:not(.sin-icono), .entry-content a[href*=".xlsx"]:not(.sin-icono) { background-image: url('./images/link-xls.png'); }
.entry-content a[href*=".ppt"]:not(.sin-icono), .entry-content a[href*=".pptx"]:not(.sin-icono) { background-image: url('./images/link-ppt.png'); }

/*.logos li {
	list-style: none;
	float: left;
	width: 18%;
	margin-right: 2%;
	display: table;
	vertical-align: middle;
	min-height: 180px;
	line-height: 180px;
	text-align: center;
}
.logos li > a, .logos li > img {
	display: inline-block;
}*/
.mr-3 {	margin-right: 30px; }
a.sin-subrayado { text-decoration: none; -webkit-box-shadow:none !important; box-shadow: none !important; }
.contenido-adicional:first-child { margin-top: 0 !important; }
.page-header { margin-top: 0; }

/* Selectores de miembros */
.selectores {display: flex; flex-wrap: wrap;}
.contenedor-selector { margin: 0 0 2em 0; }
.selector {
	height: 30px;
	background-color: #f1f1f1;
	display: inline-block;
	margin-right: 2px;
	margin-bottom: 2px;
	text-align: center;
	padding: 4px 2px 0 2px;
	color: lightgray;
}
.selector-inicial {
	width: 30px;
}
a > .selector {
	background-color: #6695bc;
	color: #fff;
}
a:hover > .selector, a > .selector.active { background-color: #557a98; }
/***/


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: lightgray;
}
::-moz-placeholder { /* Firefox 19+ */
  color: lightgray;
}
:-ms-input-placeholder { /* IE 10+ */
  color: lightgray;
}
:-moz-placeholder { /* Firefox 18- */
  color: lightgray;
}

/** Cookies **/
.cdp-cookies-alerta.cdp-cookies-tema-gris .cdp-cookies-texto { background-color: #6695bc; padding-top: 1rem; border-top-color:#466884; }
.cdp-cookies-alerta.cdp-cookies-textos-izq .cdp-cookies-texto h4, .cdp-cookies-alerta.cdp-cookies-textos-izq .cdp-cookies-texto p {
	max-width: 600px; color: #fff; font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif; font-weight: 300;
	margin-left: auto; margin-right: auto;
}
/***/

@media all and (min-width: 48em) {
	body:not(.has-sidebar):not(.page-one-column) .page-header, 
	body.has-sidebar.error404 #primary .page-header, 
	body.page-two-column:not(.archive) #primary .entry-header, 
	body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
		width: 28%;
	}
	.blog:not(.has-sidebar) #primary article, 
	.archive:not(.page-one-column):not(.has-sidebar) #primary article, 
	.search:not(.has-sidebar) #primary article, 
	.error404:not(.has-sidebar) #primary .page-content, 
	.error404.has-sidebar #primary .page-content, 
	body.page-two-column:not(.archive) #primary .entry-content, 
	body.page-two-column #comments {
	    float: right;
	    width: 66%;
	}
	.home.has-header-image.twentyseventeen-front-page .site-branding, 
	.home.has-header-video.twentyseventeen-front-page .site-branding, 
	.home.has-header-image.home.blog .site-branding, 
	.home.has-header-video.home.blog .site-branding {
		top: 0;
	    margin-top: 20px;
	    bottom: inherit;
	    margin-bottom: 20px !important;
	    padding-bottom: 0;
	    width: auto;
	}
	.home .site-branding .wrap {
		max-width: 100%;
	}
	.has-sidebar:not(.error404) #primary {
		width: 70%;
	}
	.has-sidebar #secondary {
		width: 26%;
	}
	body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: none;
	}
	body, button, input, select, textarea {
		font-size: 0.92rem;
	}

	.twentyseventeen-panel .entry-content {
		width: 100% !important;
	}
	.destacado {
		font-size: 1.1rem;
	}
	.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
	    font-size: 28px;
	    font-size: 1.6rem;
	    font-weight: 100;
	    letter-spacing: 0.08em;
	}
	.titulo-lateral {
	    position: absolute;
	    /*margin-top: 0;*/
	    font-size: 40px;
	    font-weight: 100;
	    -ms-transform: rotate(-90deg);
	    -webkit-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	}
	.con-titulo-lateral.izquierda .titulo-lateral {
	    -ms-transform: rotate(-90deg);
	    -webkit-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	    left: 65px;
	    transform-origin: bottom left;
	    bottom: 10%;
	}
	.con-titulo-lateral.derecha .titulo-lateral {
	    right: 5px;
	    transform-origin: bottom right;
	    top: 0;
	}
	.twentyseventeen-panel#post-2 .titulo-lateral {
		bottom: 40%;
	}
	.social-navigation {
	    float: right;
	    width: 25%;
	    text-align: right;
	}
	.site-footer {
		margin-top: 0;
	}
	.site-footer .widget-column.footer-widget-1 {
		width: 27%;
	}
	.site-footer .widget-column.footer-widget-2 {
		width: 70%;
	}
	.datos-footer {
	    width: 35%;
	    margin-right: 3%;
	    float: left;
	}
	.formulario-footer {
		width: 62%;
		float: right;
	}



	#panel-news {
		display: flex;
	}
	.seccion {
		width: 50%;
	}
	.seccion .panel-content {
		padding: 3em;
		max-width: 500px;

	}
	.seccion.left {
		float: left;
	}
	.seccion.right {
		float: right;
	}
	.seccion.left .panel-content {
		margin: 0 0 0 auto;
	}
	.seccion.right .entry-content {
		float: left !important;
	}


	#area-cabecera {
	    position: absolute;
	    right: 20px;
	    top: 20px;
	    z-index: 100;
	}
	#cabecera-navigation a {
	    padding: 0.5em 1em;
	    background-color: rgba(255,255,255,0.9);
	}
	#area-cabecera .social-navigation {
	    float: right;
	    width: auto;
	    text-align: right;
	    clear: none;
	    margin-left: 12px;
	}
	#area-cabecera .main-navigation {
	    clear: none;
	    float: left;
	}
	.navigation-top:not(.site-navigation-fixed) {
		position: relative;
	}
	.custom-header {
		margin-bottom: 0 !important;
	}
	.navigation-privado .wrap {
	    max-width: 1000px;
	    padding: 0.75em 3.4166666666667em;
	}
	.navigation-privado nav {
	    margin-left: -1.25em;
	}
	.main-navigation a {
		padding: 1em 0.75em;
	}
	.main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon {
	    display: inline;
	    left: 5px;
	    position: relative;
	    top: -1px;
	}
	.main-navigation#privado-navigation a {
	    padding: 0.5em 0.5em;
	    font-size: 0.86em;
	}
	.main-navigation#privado-navigation .menu-item-has-children > a:after, .main-navigation#privado-navigation .page_item_has_children > a:after {
	    font-family: 'dashicons';
	    content: "\f347";
	    margin-left: 5px;
	    display: inline-block;
	    top: 2px;
	    position: relative;
	}
	.label-menu-privado {
		font-size: 0.86em;
		font-weight: bold;
		padding: 0.5em;
	}
}
@media all and (min-width: 48em) and (max-width: 1140px) {
	.con-titulo-lateral.izquierda .entry-content {
		padding-left: 80px;
	}
	.con-titulo-lateral.derecha .entry-content {
		padding-right: 80px;
	}
}
@media screen and (max-width: 47.9em) {
	img.alignright, img.alignleft { float: none; display: block; }
	#privado-navigation .menu-toggle, #cabecera-navigation .menu-toggle { display: none; }
	#area-cabecera .social-navigation {
	    position: absolute;
	    top: 20px;
	    right: 20px;
	    z-index: 100;
	}
}
@media screen and (min-width: 30em) {
	h1 { font-size: 2rem; }
	.page-one-column .panel-content .wrap {	max-width: 1000px; }
	img.alignright { margin-bottom: 2em; }
	select { min-width: 260px; }
}