/*  
Theme Name: Clínica Cuevas Queipo
Theme URI: http://www.factorn.com
Version: 1.0.0
Author: factor ñ
Author URI: http://www.factorn.com
*/



/************************************ RESET ************************************************/
* {margin: 0; padding: 0; border: 0; outline: 0; list-style: none; box-sizing: border-box;}
header, nav, section, article, aside, footer {display: block;}
img {max-width: 100%; height: auto;}
.clear:after {content: " "; display: table; clear: both;}




/************************************ STRUCTURE ************************************************/
html {scroll-behavior: smooth;}
body {margin: 0 auto; scroll-behavior: smooth;}
header {display: block; height: 160px; margin: 0 auto; position: relative;}
nav {max-width: 1200px; display: block; height: 50px; margin: 0 auto;}
section {max-width: 1200px; display: block; margin: 50px auto; position: relative;} .home section {margin-top: 0;}
aside {display: block; width: 26%; float: left;}
article {display: block; width: 68%; float: right;}
article.full {width: 100%; float: none;}
footer {display: block; clear: both; margin-top: 180px;}




/************************************* COLUMNAS *************************************/
.doble {-moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px; column-count: 2; column-gap: 30px;}
.doble p {display: table; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin: 0; padding-bottom: 20px;}
.doble img {width: 100%;}

.columnas {display: flex; flex-wrap: wrap; align-items: stretch; margin: 0 -15px; position: relative;}
.columnas:after {content: " "; display: table; clear: both;}
.columnas img {width: 100%; float: left;}

.columna {float: left; padding: 0 15px; position: relative;}
.columna_75 {width: 75%}
.columna_50 {width: 50%}
.columna_33 {width: 33.33%}
.columna_25 {width: 25%}
.columna_20 {width: 20%}

.estrechas {margin: 0 -2.5px;}
.estrechas .columna {padding: 0 2.5px 5px 2.5px;}

@media all and (max-width: 1000px){
	.columna_75 {width: 66.66%}
	.columna_50 {width: 50%}
	.columna_33 {width: 50%}
	.columna_25 {width: 33.33%}
	.columna_20 {width: 25%}	
}
@media all and (max-width: 800px){
	.columna_75 {width: 50%}
	.columna_50 {width: 50%}
	.columna_33 {width: 50%}
	.columna_25 {width: 50%}
	.columna_20 {width: 33.33%}	
}
@media all and (max-width: 600px){
	.columna_75 {width: 100%}
	.columna_50 {width: 100%}
	.columna_33 {width: 50%}
	.columna_25 {width: 50%}
	.columna_20 {width: 50%}
}
@media all and (max-width: 400px){
	.columna_50 {width: 100%}
	.columna_33 {width: 100%}
	.columna_25 {width: 100%}
	.columna_20 {width: 100%}	
}




/************************************* FUENTES *************************************/
@font-face {
	font-family: 'DIN';
	src: url('fonts/din-bold-webfont.eot');
	src: url('fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/din-bold-webfont.woff') format('woff'), url('fonts/din-bold-webfont.ttf') format('truetype'), url('fonts/din-bold-webfont.svg#DINBold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'DIN';
	src: url('fonts/din-regular-webfont.eot');
	src: url('fonts/din-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/din-regular-webfont.woff') format('woff'), url('fonts/din-regular-webfont.ttf') format('truetype'), url('fonts/din-regular-webfont.svg#DINRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}




/************************************ GENERAL STYLE ************************************************/
html {background: url('images/background.png') repeat-x 0 160px; border-top: 5px solid #07B8C2;}
body {font-family: DIN, Arial, Helvetica, sans-serif; font-size: 105%; color: #858b96;}

h1 {font-size: 190%; font-weight: normal; letter-spacing: -0.04em; margin: -8px 0 25px 0; line-height: 1.1em; color: #07b8c2;}
h2 {font-size: 125%; padding-top: 15px; margin: 120px 0 20px 0; color: #07b8c2; border-top: 2px solid;} .home h2 {border: 0; margin: 30px 0; padding: 0; font-size: 175%; font-weight: normal; text-align: center;}
h3 {font-size: 115%; line-height: 1.3em;}
h4 {font-size: 100%;}
hr {margin: 50px 0 30px 0; border-top: 1px solid #ccc;}
p, ul, ol {margin: 0 0 20px 0; padding: 0;}
small {font-size: 12px;}
article li {list-style: disc; margin-left: 20px;}

a {color: #07b8c2; text-decoration: none; outline: none;}
a:hover {color: #0094aa; text-decoration: none;}

h2 img {width: 100%;}




/************************************ HEADER ************************************************/
header {
	background: #fff;
	text-align: center;
}
header section {
	margin-top: 0;	
}
header .logo {
	padding-top: 30px;
	display: inline-block;
	margin: 0 auto;
}
header div {
	float: right;
	padding-top: 10px;
	position: absolute;
	right: 0;
	z-index: 1;
	text-align: left;
}

header div:first-child {left: 0;}
header div img {opacity: .4; vertical-align: middle; height: 24px;}
header div a:hover img {opacity: 1;}

header input {background: url('images/ico_search.png') no-repeat 0 center; padding-left: 35px; color: #4b5c64; opacity: .4;}
header input:focus {background: url('images/ico_search.png') no-repeat 0 center; opacity: 1;}

.lang {display: inline-block; position: absolute; top: 10px; right: 105px; width: 60px; height: 26px; overflow: hidden; background: url('images/ico_lang.png') no-repeat 0 center; background-size: 26px 26px; opacity: .4;}
.lang:hover {overflow: visible; opacity: 1;}
.lang a {display: block; height: 22px; line-height: 20px; padding-left: 30px; color: #4b5c64; font-size: 20px;}
.lang a:hover {font-weight: bold;}




/************************************ NAV ************************************************/
nav {background: #07b8c2; position: relative;}
nav ul {display: flex; width: 100%;}
nav li {display: block; flex: 1 1 auto; line-height: 50px;}
nav li a {display: block; color: #fff; border-right: 1px solid rgba(255,255,255,.25); text-align: center; white-space: nowrap;}
nav li.menu-item-863 a {background: #374A59; border-right: 0;}
nav li:hover a {color: #fff; background: #0098a9;}

nav li ul {display: block; width: auto; padding: 0px; position: absolute; z-index: 100000; opacity: 0; height: 0; overflow: hidden;}
nav li:hover ul {height: 600px; opacity: .97;}
nav li ul li {display: block; float: none; background: none;}
nav li ul li:first-child {border-top: 0;}
nav li ul li a {padding: 6px 15px; line-height: normal; border: 0; text-align: left; font-size: 90%; background: #374A59; border-top: 1px solid rgba(255,255,255,.2);}
nav li ul li a:hover {background: #374A59;}

.responsiveMenuSelect {height: 50px; margin: 0; line-height: 50px; position: absolute; top: 0; background: #07b8c2; color: #fff;}
.responsiveMenuSelect:focus {background: #07b8c2;}
.responsiveMenuSelect option {background: #374A59; border-bottom: 1px solid #fff; padding: 4px 8px;}




/************************************ FRONT PAGE ************************************************/
.home_video {background: #374A59; margin: 0; line-height: 1.2em;}
.home_video .columna {padding: 0;}
.home_video .columna_25 {padding: 40px 25px 0 25px;}
.home_video .columna_25 h1 {color: #fff; text-transform: uppercase; font-family: 'Oswald'; font-size: 1.8rem; line-height: 1.25em; letter-spacing: .2px; font-weight: 400; margin-bottom: 10px; border: 0;}
.home_video .columna_25 a {font-weight: bold; display: block; width: 100%; padding: 5px 0; color: #858b96; border-bottom: 1px solid #858b96;}
.home_video .columna_25 a:hover {color: #fff;}
.home_video .arve-wrapper, .home_video p {margin-bottom: 0 !important;}
.home_video .wp-block-embed {margin-bottom: 0 !important;}

.descubra_la_clinica {margin-bottom: 30px;}
.animacion_aseguradoras {background: url('images/aseguradoras.gif') no-repeat center center;}




/************************************ ARTICLE ************************************************/
article {line-height: 1.4em;}

.highlight {background: #374A59; padding: 5%; margin: 50px 0;}
.highlight h2 {padding-top: 0; border: 0; margin-top: 0;}

blockquote {background: #07B8C2; color: #fff; padding: 35px 40px; margin: 0 0 60px 0;}
blockquote * {color: #fff;}

.post_date {margin: -10px 0 30px 0; padding: 5px 0; border: 1px solid #ddd; border-left: 0; border-right: 0; font-size: small; text-transform: uppercase;}
.attachment-large {width: 100%; margin-bottom: 20px;}

/*.arve-wrapper {background: #374A59 !important; padding: 4% 12%; margin-bottom: 20px;}
.arve-embed-container {background: #000000; -webkit-box-shadow: 10px 10px 15px -5px rgba(0,0,0,.75); box-shadow: 10px 10px 15px -5px rgba(0,0,0,.75);}*/
.arve-wrapper {margin-bottom: 30px !important;}
article .epyt-gallery-subscribe a.epyt-gallery-subbutton {background-color: #374A59 !important; padding: 10px 25px !important;}

.videos a {display: block; padding: 10px; border-bottom: 1px solid #f0f0f0;}

.profesional {font-size: small; line-height: normal;}
.profesional img {margin-bottom: 15px;}
.profesional h3 {margin-top: 0;}
.profesional .curriculum {position: relative; top: -20px;}

.logos:after {content: " "; display: table; clear: both;}
.logos img {float: left; width: 90px; margin: 5px;}

.tratamiento {display: block; height: 100%; border-bottom: 30px solid transparent;}
.tratamiento img {display: block; width: 100%; margin: 0 0 15px 0;}
.tratamiento p {font-size: 90%; line-height: normal; margin: 0;}
.tratamiento h3 {margin: 0 0 10px 0;}

.tratamientos_home a {display: block; height: 100%; padding: 15px 30px; color: #858b96; background: #f0f0f0; font-size: inherit; line-height: 1.2em; font-weight: normal; text-align: center;}
.tratamientos_home a:hover {color: #444;}

.facilidades {background: #f0f0f0; padding: 20px; height: 100%;}
.facilidades img {display: block; float: left; margin-bottom: 20px;}
.facilidades p {margin: 20px 0 0 0; font-size: 90%; line-height: normal;}

.gallery-item {margin: 0 !important;}
.gallery-item img {float: left; border: 0 !important; border-right: 5px solid rgba(0,0,0,0) !important; border-bottom: 5px solid rgba(0,0,0,0) !important;}
.gallery-item a:hover {opacity: .8;}

table {width: 100%; margin-bottom: 50px;}
td, th {background: #f0f0f0; padding: 10px 15px;}




/************************************ NOTICIAS ************************************************/
.noticia h3 {margin: 0 0 10px 0; font-size: 90%; line-height: normal;}
.noticia p {margin: 0 0 40px 0; font-size: 90%; line-height: normal;}
.noticia img {width: 100%; margin-bottom: 15px;}

.home .noticia p {margin-bottom: 20px;}

.foto_noticia {width: 33.33%; min-width: 200px; max-width: 100%;}
.foto_noticia img {width: 100%;}

.post img {display: block; margin: 0 auto 30px auto;}




/************************************ PAGE NAVIGATION ************************************************/
.pagination {clear: both; text-align: center; margin-top: 30px;}
.pagination .page-numbers {margin: 0 1px;}
.pagination .current {font-weight: bold;}




/************************************ SIDEBAR ************************************************/
aside {}
aside img {display: block; width: 100%; margin-bottom: 4px;}

.widget {margin-bottom: 30px;}
.widget h4 {margin-bottom: 10px; color: #07b8c2; border-bottom: 2px solid #07b8c2; padding: 6px 0 10px 0; margin: 0; font-size: medium; text-transform: uppercase; }
.widget a {display: block; padding: 6px 0; border-bottom: 1px solid #ddd; color: #858b96; line-height: normal;}
.widget a:hover {color: #444;}

.widget .current_page_item a {color: #444; font-weight: bold;}

.widget_tag_cloud a {display: inline; border: 0; line-height: .8;}
.widget_tag_cloud h2 {display: none;}




/************************************ FORM ************************************************/
article form, aside form {background: #858B96; padding: 5%; color: #fff;}
article form h2 {color: inherit; border: 0; padding: 0; margin: 0; text-transform: uppercase; font-size: x-large;}
label {display: inline-block; margin-top: 5px;}
fieldset {width: 50%; float: left;}
input, textarea, select, .button {max-width: 100%; font-size: 100%; font-family: inherit; margin-top: 2px;}
input, textarea, select {background: #eee; padding: 5px 10px;}
textarea {width: 100%; resize: none; height: 150px;}
input:focus, textarea:focus, select:focus {background: rgba(255,255,255,.6);}
form hr {border-top: 1px solid rgba(255,255,255,.2); clear: both; margin: 40px 0 20px 0;}
.columnas select, .columnas input {width: 100%;}
form a {color: #fff; font-weight: bold;}
form a:hover {color: #f0f0f0;}

input[type=submit], .button {
	display: inline-block;
	width: auto;
	padding: 10px 25px;
	margin-bottom: 2px;
	background: rgba(255,255,255,.2);
	color: #fff;
	cursor: pointer;
	font-size: medium;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
}
input[type=submit]:hover, .button:hover {
	color: #fff;
	background: rgba(255,255,255,.4);
}

.button {background: #07b8c2;}
.button:hover {background: #0094aa;}
.button.small {font-size: x-small; padding: 5px 10px;}
.button.big {font-size: large; padding: 15px 30px;}

.wpcf7-not-valid {outline: 2px solid red; outline-offset: -1px;}
.wpcf7-not-valid-tip {display: none !important;}
.div.wpcf7-response-output {margin: 0 !important;}
.wpcf7-captcha-captcha {height: 32px; width: auto; margin: 2px 5px 0 0; float: left;}
.ref {display: none;}




/************************************ TE LLAMAMOS ************************************************/
aside form {background: #374A59; border-radius: 0 20px;}

.tellamamos {padding: 10px 15px 0; width: 100%;}
.tellamamos img {width: auto;}
.tellamamos h3 {font-size: 160%; margin-bottom: 15px;}
.tellamamos p {margin: 10px 0 20px 0;}
.tellamamos p:last-of-type {margin: 0;}
.tellamamos input {width: 75%; float: left; padding: 10px; margin: 0; font-size: big; height: 40px;}
.tellamamos input[type=submit] {width: 25%;}

.home form {padding: 0; background: none;}
.home .tellamamos {padding: 0;}
.home .tellamamos p {padding: 0; margin-bottom: 15px !important;}




/************************************ TELÉFONO DE URGENCIAS ************************************************/
.urgencias {padding: 5px 20px 10px; background: #07b8c2; color: #fff; text-align: center;}
.urgencias a {color: #fff; font-weight: bold;}




/************************************ FOOTER ************************************************/
footer {display: block; background: #374A59; font-size: 90%; color: #858B96;}
footer h3 {margin: 0; font-size: 120%; border-bottom: 1px solid #858B96; padding-bottom: 10px; margin-bottom: 10px;}
footer .columnas {padding: 20px 0;}
footer .columna {margin-bottom: 30px;}
footer .columna:last-child {float: right;}
footer img {height: 70px; margin: 15px;}
footer li a {color: #858B96;}
footer li a:hover {color: #07b8c2;}

.prefooter {padding: 20px; border: 0; margin: 0 0 30px 0; color: #fff; text-align: center; font-size: 160%; font-weight: 300; background: rgba(255,255,255,.2);}




/************************************ PÁGINA DE UNIDADE ESPECIALIZADA ************************************************/
.unidad_especializada header {display: none !important;}
.unidad_especializada nav {display: none !important;}
.unidad_especializada section {margin-top: 0 !important;}

.big_video {padding: 50px 150px; margin-bottom: 50px; background: rgba(0,0,0,.3); position: relative;}
.big_video div {position: relative; padding-bottom: 52%; padding-top: 25px; margin: 0 auto; height: 0;}
.big_video div iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.cabecera_unidad .logo {margin: 30px 0;}
.cabecera_unidad span {float: right; border-top: 5px solid #07b8c2; padding-top: 20px;}
.cabecera_unidad span a {font-size: 120%; color: #c7d1d9;}
.cabecera_unidad span .button {color: #fff; font-size: small;}




/************************************ WORDPRESS FORMATTING ************************************************/
.alignleft {float: left; margin: 0 30px 30px 0;}
.alignright {float: right; margin: 0 0 30px 30px;}
.aligncenter {display: block; margin: 0 0 30px 0; text-align: center;}
.wp-caption {text-align: center; margin-bottom: 30px; max-width: 100%;}
.wp-caption-text {margin: 6px 0;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.textleft {text-align: left;}
.textright {text-align: right;}
.textcenter {text-align: center;}




/************************************ POPUP ************************************************/
.popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; padding: 15px; display: flex; flex-direction: column; justify-content: center; background: rgba(200,200,200,.8);}
.popup div {width: 450px; max-width: 100%; background: white; margin: 0 auto;}
.popup img {display: block; float: none;}
.popup h2 {margin-top: 0;}
.popup div div {padding: 30px;}
.popup p {margin-bottom: 20px !important;}
.popup .button:nth-of-type(2) {margin-left: 2px; background: #ccc;}
.popup .button:nth-of-type(2):hover {margin-left: 2px; background: #bbb;}




/************************************ COVID ************************************************/
.menu-item-2393 {display: none !important;}
.menu-item-3341 a {background: #eb622d;}
.menu-item-3341 a:hover {background: #ca5427;}




/************************************ TRANSITIONS ************************************************/
a, a img, input, nav li ul {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}




/************************************ MEDIA QUERIES ************************************************/
@media all and (max-width: 1240px){
	header, nav, section {margin-left: 40px; margin-right: 40px;}
	.descubra_la_clinica {display: none;}
}
@media all and (max-width: 1000px){
	.home_video .columna {width: 100%;}
	.home_video .columna_25 {display: none;}
}
@media all and (max-width: 800px){
	article, aside {width: inherit; float: none; margin: 0 0 40px 0;}
	aside {display: none;}
}
@media all and (max-width: 800px){
	.doble {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
}
@media all and (max-width: 600px){
	html {background-position: 0 200px;}
	header {height: 200px;}
	header .logo {float: none; display: block; margin: 0 auto; padding-top: 60px;}
	.home .noticia {width: 100%;}
}
@media all and (max-width: 500px){
	header, nav, section {margin-left: 15px; margin-right: 15px;}
	.alignleft, .alignright {display: block; margin-left: 0; margin-right: 0; float: none; margin: 0 auto;}
}
.wpcf7 form div.visible-only-if-sent {
	display: none;
}
.wpcf7 form.invalid div.visible-only-if-sent {
}