/*
Theme Name: Luotian
Author URI: http://www.davidalegria.com
Description: Un tema desarrollado en exclusiva por David Alegria para Luotian
Author: David Alegria S.L.
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Copyright: (c) 2021 David Alegria S.L.
*/

@font-face { font-family: 'basier_squarebold'; src: url('fonts/basiersquare-bold-webfont.eot'); src: url('fonts/basiersquare-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiersquare-bold-webfont.woff2') format('woff2'), url('fonts/basiersquare-bold-webfont.woff') format('woff'), url('fonts/basiersquare-bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;} 
@font-face { font-family: 'basier_squareregular'; src: url('fonts/basiersquare-regular-webfont.eot'); src: url('fonts/basiersquare-regular-webfont.eot?#iefix') format('embedded-opentype'), url('basiersquare-regular-webfont.woff2') format('woff2'), url('fonts/basiersquare-regular-webfont.woff') format('woff'), url('fonts/basiersquare-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'basier_squareregular_italic'; src: url('fonts/basiersquare-regularitalic-webfont.eot'); src: url('fonts/basiersquare-regularitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiersquare-regularitalic-webfont.woff2') format('woff2'), url('fonts/basiersquare-regularitalic-webfont.woff') format('woff'), url('fonts/basiersquare-regularitalic-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face{font-family:'basier_square_monomedium';src:url('fonts/basiersquaremono-medium-webfont.eot');src:url('fonts/basiersquaremono-medium-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/basiersquaremono-medium-webfont.woff2') format('woff2'),url('fonts/basiersquaremono-medium-webfont.woff') format('woff'),url('fonts/basiersquaremono-medium-webfont.ttf') format('truetype');font-weight:normal;font-style:normal;}
/*
@font-face { font-family: 'basier_squarebold_italic'; src: url('fonts/basiersquare-bolditalic-webfont.eot'); src: url('fonts/basiersquare-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiersquare-bolditalic-webfont.woff2') format('woff2'), url('fonts/basiersquare-bolditalic-webfont.woff') format('woff'), url('fonts/basiersquare-bolditalic-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face{font-family:'basier_square_monoMdIt';src:url('fonts/basiersquaremono-mediumitalic-webfont.eot');src:url('fonts/basiersquaremono-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/basiersquaremono-mediumitalic-webfont.woff2') format('woff2'),url('fonts/basiersquaremono-mediumitalic-webfont.woff') format('woff'),url('fonts/basiersquaremono-mediumitalic-webfont.ttf') format('truetype');font-weight:normal;font-style:normal;}
*/
:root {--blue: #897e65;}
body {font-family: 'basier_squareregular', sans-serif;color:#897e65;font-size:18px;line-height: 1.3;background:#f5f5f5;}
p {padding:0; margin:0 0 10px 0;}
a {color:inherit; text-decoration: none; outline: none;}
a.destacado {text-decoration:none !important;background-color:#d99100;}
a:hover, a:focus, .btn-link:hover {color:#897e65; text-decoration: none;}
a.destacado:hover {color:#f5f5f5;} 
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {color:#222;font-family: 'basier_squarebold', sans-serif;font-weight:normal;line-height:1.1;}
h1 {font-size:2.5rem;margin-bottom:1.5rem;line-height:1;}
h1 span.title {border-bottom:solid 7px #897e65;}
h1.title {font-weight:normal;color:#d99100;margin-bottom: 1rem;}
h5 {text-transform:uppercase;letter-spacing:3px;font-size: 1rem;}
h1.title a {text-decoration:none;color:#897e65 !important}
h2 {}
h3 {margin-bottom:1rem;color:#222;}
h4 {line-height: 1;color:#897e65;}
h5 {}
blockquote {padding-left: 30px; margin-left: 30px; border-left: solid 6px #897e65; color: #897e65; font-size: 1.25rem; line-height: 1.5rem;}
.alignright, .alignleft  {float: none; margin: 15px 0 15px 0;width:100%;height:auto}
.alignnone {float: none; margin: 15px 0 15px 0;width:100%;height:auto}
.block-img {width:100%;height:auto;margin-bottom:15px;}
.elcolor {color:#897e65;}
hr {border-top: 1px solid #897e65;}
body.home .navbar-light .navbar-nav .nav-link {color:#f5f5f5}
.navbar-light .navbar-nav .nav-link {color:#897e65}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #222;}
.wp-block-image img {border-radius: .25rem !important;}
.wp-caption-text {font-size:.8rem;margin-top:5px;}

.btn-primary { color: #f5f5f5; background-color: #d99100; border-color: #d99100;}
.btn-outline-primary { color: #d99100; border-color: #d99100;}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-primary:hover, .btn-primary:focus {background-color: #b77a00; border-color: #b77a00;}
.bg-light {background-color:#e8edf2 !important}
.bg-primary {background-color:#897e65 !important}
.btn-link {padding:0;color:#222;font-size: 1.5rem;border-bottom: 1px solid #897e65;border-radius: 0;}
.toogle-content {margin:-15px 0 50px 0;}
.toogle-content p {margin-bottom:5px;}

.navbar-brand {position: absolute; right: 20px;}
p.logo {margin:0 -15px 0 0;height:60px;width:95px;background-image:url('img/logo.png');background-position:center center;background-repeat:no-repeat;padding:0;background-size: contain;}
body.home p.logo {background-image:url('img/logo-w.png');}
p.logo span {color:#f5f5f5}

.error {border:solid red 2px}
.success-message {display:none;color:green;}

/*** NAV ***/

.menu-pri {position: relative;z-index: 999;border-top: 6px solid #222; border-bottom: 6px solid #222; padding: 6px 0;}
body.home .menu-pri {border-top: 6px solid #f5f5f5; border-bottom: 6px solid #f5f5f5;}

.navbar-brand {margin-right:0;z-index:999;}
.navbar-toggler {border:none;font-size: 1.5rem;padding:0}
.navbar-nav {margin-top: 15px;}
.nav-link {text-transform: uppercase; font-size: 1.2rem; padding: 0 1rem;}
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem; padding-left: 0; }
.dropdown-menu { margin: .125rem 0 0; padding: .35rem 0; font-size: 1rem; background-color: #222; border: none; border-radius: 0; }

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link, .menu_nav:hover {color:#d99100}
.menu_nav:focus {color:#222}
.menu_nav_on i {color:#222}
	
.menu_ken {}
.menu_ken li {}	
.menu_ken li a {color:#f5f5f5}
/*.menu_ken li a:hover, .menu_ken li a:focus {text-decoration: none;color:#222;}*/
.navbar-light .navbar-nav li.current-menu-item .nav-link, .navbar-light .navbar-nav li.current_page_ancestor .nav-link, .navbar-light .navbar-nav li.current_page_parent .nav-link {color:#d99100;}

.menu_ken_sec, .menu_ken_top {margin:0;padding:0}
.menu_ken_sec li, .menu_ken_top li {list-style:none;display:inline-block;line-height:1.1rem;margin-right:10px}	
.menu_ken_sec li a, .menu_ken_top li a {color:#897e65}	
.menu_ken_sec li a:hover, .menu_ken_sec li a:focus, .menu_ken_top li a:hover, .menu_ken_top li a:focus {text-decoration: none;color:#222;}
.menu_ken_sec li.current-menu-item a, .menu_ken_sec li.current_page_ancestor a, .menu_ken_sec li.current_page_parent a,
.menu_ken_top li.current-menu-item a, .menu_ken_top li.current_page_ancestor a, .menu_ken_top li.current_page_parent a, li.current_page_item a,
.current-page-ancestor a {color:#222;}

/*** MAIN ***/

.containter_da {background:#f5f5f5;}
.containter_da ul li {list-style:square}
.containter_da p a, .containter_da a {text-decoration: underline;}
.containter_da p.noticia-date a, .containter_da a.btn, .containter_da p a.btn, .noticia h3 a, .containter_da h5 a, .containter_da h2 a, .servicio a, .containter_da .pagination li a {text-decoration: none;}
.containter_da ul, .containter_da ol {padding-left:15px}
.containter_da .embed-responsive {margin:15px 0}
.container_padding {padding-bottom:20px}
.noticia-date {margin-top:0;text-transform:uppercase;letter-spacing:1px}
.containter_da .pagination li {list-style:none}
.containter_da ul.pagination {padding:0}
.card-da {height:100%}
h6.date {text-transform:uppercase;font-size:1rem;color:#897e65}

/*** HOME ***/

body.home .menu_ken_top li a {color:#f5f5f5;}
body.home .menu_ken_top li a:hover {color:#222;}
body.home .containter_da {margin-top:0;}

/*** Slideshow ***/

#show_home {z-index:0; position: relative;margin-top:-175px;height:-moz-calc(70vh);height:-webkit-calc(70vh);height:calc(70vh);}
.cycle-slideshow-home {position: absolute; top:0; left:0; right:0; bottom:0;}
#show_home .cycle-slideshow-home .slide_home {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;background-position:center center;width:100%;height: 100%;z-index:-1;background-color: #222;}
#show_home .cycle-slideshow-home .slide_home .frase_slide_home {position:relative;margin-top:250px;color:#f5f5f5;z-index:999;}
#show_home .cycle-slideshow-home .slide_home .frase_slide_home h1,
#show_home .cycle-slideshow-home .slide_home .frase_slide_home h2,
#show_home .cycle-slideshow-home .slide_home .frase_slide_home h4,
#show_home .cycle-slideshow-home .slide_home .frase_slide_home p {color:#f5f5f5;text-transform:none;max-width:100%;padding: 10px 15px;background-color: rgba(217,145,0,0.5);margin: 0;}

#prevslide, #nextslide {position:absolute; transform: translateY(-50%);transform: translateY(-50%);top:50%; right:0; margin:0; z-index:111; width: 60px; height: 100px; cursor:pointer;opacity:0.3;}
#nextslide {background: url('img/next_home_w.png') 0 0 no-repeat;}
#prevslide {left:0; background: url('img/prev_home_w.png') 0 0 no-repeat;}
#nextslide:hover {background: url('img/next_home_k.png') 0 0 no-repeat;opacity:0.8;}
#prevslide:hover { background: url('img/prev_home_k.png') 0 0 no-repeat;opacity:0.8;}

#show_home #prevslide, #show_home #nextslide {display:none;}

.slider {position:relative;}

.pager {background:rgba(0,0,0,0);top: 0; left:0; padding:0 10px; overflow: hidden; position: absolute; text-align: left; z-index: 99;}
.pager span {color: #eee; cursor: pointer; display: inline-block; font-size: 1em; line-height:100%; margin:0 3px;}
.pager span.cycle-pager-active {color: #d99100;}

.slidenav_container {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;position:relative; padding:8px; z-index:150; color:#f5f5f5; float:left; clear:both; height:auto; text-align:center; width:100%; margin:0;}
.slidenav, #custom-caption {float:left; width:auto; margin:0; }
.slidenav a {text-decoration:none;color:#f5f5f5;}
#custom-caption {float:right;}

/*** SECCIONES ***/

.col-seccion {margin-bottom:30px;}
.seccion {position:relative;}
.seccion .thumbnail {border:none;}
.seccion:hover {cursor:pointer }
.seccion h4.big_seccion {z-index:11;position:absolute;top:10px;left:20px;z-index:999;color:#f5f5f5;text-transform:uppercase;}
.velo_front {z-index:10;position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,0.5);}
.seccion .front, .seccion .back {margin:0; padding: 0;display: block;height: 100%;}
.seccion .front img, .seccion .back img {z-index:5;width:100%;margin:0 auto; max-width:100%;}
.seccion .front h4.big_seccion {font-family: 'basier_square_monomedium', sans-serif;font-weight:700;margin-top:10px; font-size:1.8em; line-height: 1;}
.seccion .back p {margin-top:10px; color: #eee;font-size:1em; }
.seccion .ficha_seccion {position:absolute;top:20px;left:20px;right:20px;bottom:20px;color:#f5f5f5;}
.seccion .ficha_seccion p {font-family: 'basier_squarebold', sans-serif;font-weight:normal;margin-top:0; font-size:1.3em; line-height: 1.1;}
.btn-act {position:absolute;bottom:0;left:0px;}
.page-header-actividades h1 {margin-top:0 }
.seccion .front .glyphicon-ok {position:absolute;top:15px;right:15px;color:#f79100;font-size:24px;z-index:99 }
.etiq_col {position:absolute;top:4px;right:4px;padding:3px 5px;background:#222;text-transform:uppercase;letter-spacing:1px;font-size:0.65em}

/*** TECHNOLOGIES ***/
.contenido .btns-portadas {list-style:none;margin:0;padding:0}
.contenido .btn-portada-velo {position:absolute;top:0;left:15px;right:15px;bottom:30px;background:rgba(0,0,0,0.8)}
.contenido .btn-portada {font-size:2em;font-weight:200;line-height:110%;color:#eee;background:#f79100;margin:0 0 30px 0;padding: 20px;height:calc( 75vh - 200px );height:-o-calc( 75vh - 200px );height:-moz-calc( 75vh - 200px );height:-webkit-calc( 75vh - 200px );display:block;text-decoration:none;}
.contenido .btn-portada:hover {background:#f79100;cursor:pointer;text-decoration:none;color:#eee;}
.contenido .page_item table {position:relative;z-index:99;}
.contenido .btn-portada:hover table {background:#f79100}
.contenido .page_item .btn-portada {background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-position:center center;}

/*** MAP ***/

#map_contact {width:100%;height:500px;}

/*** FOOTER ***/


/*** MOBILE ***/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	p.logo {height:60px;width:95px;margin:0 0 0 0;}
	body.home .containter_da {margin-top:30px;}
	#show_home {margin-top:-185px;}
	#show_home .cycle-slideshow .slide_home .frase_slide_home h1,
	#show_home .cycle-slideshow .slide_home .frase_slide_home h2 {max-width:70%;}
	#show_home .cycle-slideshow .slide_home .frase_slide_home h4,
	#show_home .cycle-slideshow .slide_home .frase_slide_home p {max-width:50%;}
	.seccion .ficha_seccion p { color:#f5f5f5;font-size:1.3rem; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	
	.alignright {float: right; margin: 0 0 10px 15px;width:auto;max-width:50%;height:auto}
	.alignleft {float: left; margin: 0 15px 10px 0;width:auto;max-width:50%;height:auto}
	h1 {font-size:3.5rem;}
	.block-textos h4 {font-size:1.15rem;}
	#show_home {height:-moz-calc(70vh);height:-webkit-calc(70vh);height:calc(70vh);}
	#show_home #prevslide, #show_home #nextslide {display:block;}
	.seccion .front h4.big_seccion, .seccion .back h4.big_seccion_2 { font-size:2.5em; line-height: 1; }
	.seccion .ficha_seccion p { color:#f5f5f5;font-size:1.5rem; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	#show_home .cycle-slideshow .slide_home .frase_slide_home h1,
	#show_home .cycle-slideshow .slide_home .frase_slide_home h2 {max-width:60%;}
	#show_home .cycle-slideshow .slide_home .frase_slide_home h4,
	#show_home .cycle-slideshow .slide_home .frase_slide_home p {max-width:40%;}
	.seccion .ficha_seccion p { color:#f5f5f5;font-size:1.75rem; }
 }