@import url('css/reset.css');

/*
Theme Name: Que calooorrr!
Theme URI: http://www.espacio199.com
Author: LuiGG
Author URI: http://www.espacio199.com
Description: Tema personalizado
Version: 1.0
License: GNU General Public License
*/
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');


/* styles
-------------------------------------------------------------- */
html,body
 {
  padding: 0;
  margin: 0;
  background: #ffffff;
 font-family: 'Space Grotesk', 'sans-serif';font-weight:400;color:#666;
  line-height: 1.5;
  font-size: 100%;
 /* border-top:20px solid #000;*/
}



/* typography
-------------------------------------------------------------- */
/* Headings */
h1.info{font-size:8px;position:absolute;top:10px;right:10px;color:red;z-index:100;display:none}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-weight: normal;
    line-height: 1;
    margin-bottom: 1em !important;  
    font-weight:700; color:#444;
}
h1 {  font-size: 40px;}
h2 {  font-size: 34px;}
h3 {  font-size: 35px;      }
h4 {  font-size: 25px;     }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
/* Text elements */
* p {
font-size:1rem;margin:0 0 1.5em 0;
}
* p:first-child{

}
b,
strong {
  
}
dfn,
cite,
i {
  font-style: italic;
}
blockquote {
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 0.7em;
  line-height: 1.5em;
  margin-bottom: 1.6em;
  padding: 1.6em;
  overflow: auto;
  max-width: 100%;
  box-shadow: 0 3px 5px #ddd inset;
}
/* Links */
a {
  color: #000;
 }
main a{
text-decoration: underline;background-color: #eee;padding:0 4px;
 }
a:hover,
a:focus,
a:active{  
    text-decoration: underline;
}

a img,* img{width:100%;transition: width 0.2s ease-in-out; height:auto}

.zoom{
    transition:transform 0.6s ease;transform-origin: center;display:block;background-color:transparent;color:#000;
}
.zoom:hover{transform:scale(1.02,1.02);text-decoration: none}

/*
Clases muy generales*/
.noveo{
    display:none
}

/* Header
-------------------------------------------------------------- */
header{position:absolute;height:200px;top:0;width:90%;max-width:1200px;left:50%;transform:translateX(-50%);z-index:100}
header hgroup{height:150px;}

header figure#branding {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25%;}
header figure#branding svg{width:100%}
header figure#branding a{display:block}

header.menuscroll{position:fixed;top:-110px;background-color: rgba(255, 255, 255, 0.95);height:90px;width:100%;max-width:100%;border-bottom:1px solid #444}
header.menuscroll figure#branding {position:relative;width:100%;top: calc(50% - 20px);}
header.menuscroll figure#branding img{left:0;width:180px;}
header.menuscroll nav#menuses{position:relative;top:-110px;left:250px;}
header.menuscroll nav#menuses #menutop, header.menuscroll nav#menuses #menuredes{display:none}
header.menuscroll nav#menuses #menupral{margin:0 !important;display:inline-block !important}


#titulo,#descripcion,#menumovil{display:none}



.separaarriba{height:200px;}
.separaabajo{}
.fuelle{height:70px;display:none}


main{
    padding-bottom:118px !important; 

}
/*BUSCAR*/

form#searchform {
    width: calc(90% - 30px);
    max-width: 1170px;
    margin: 20px auto;
    border:2px solid #000;padding:0;
 background-color: transparent;position:relative;border-radius: 0;
}

form#searchform input {
    border:0;outline: 0;
    margin: 0;padding:1em;
    width: calc(100% - 30px);display:block; background-color: transparent;border-radius: 0;
 }
 form#searchform input:hover,form#searchform input::focus {
  
    background-color: #a14595;color:#fff
   }
form#searchform button{
padding:0;margin:0;background-color: transparent;color:#000;position:absolute;top:50%;right:10px;transform: translateY(-50%);border:0;font-size:24px
}
/*Archive*/
hgroup#hcat h2{
   margin:20px 0 0 0;
    }
hgroup#hcat p{
line-height: 1.5;font-weight:300;flex:0 0 100%;padding:0 15px;
}


/* Slider LuisGG
-------------------------------------------------------------- 
*/
.slider-normal{
    overflow: hidden;
}
.diapo{
    background-color:#a1459580;margin-top:40px;
}

.diapo .cajanormal{
    position:relative;
}
.diapo figure,.diapo article {
    position:relative;
    }
.diapo figure.centro {
    width:100%;top:-40px;
    background-repeat:no-repeat ;background-size: cover;background-position: center;
   }
   .diapo figure.centro picture{
   position:absolute;top:50%;left:50%;width:80%;transform: translate(-50%,-50%);text-align:center;background-color: rgba(0, 0, 0, .5); padding:10px;

   }
.diapo figure.centro img {
 width:50%;position:relative;top:10px;left:50%;transform: translateX(-50%);margin-bottom:10px;
 filter: invert(0.4) sepia(1) hue-rotate(250deg) saturate(1000%) brightness(100);
   }
.diapo figure.centro figcaption {
  font-size:1.6em;color:#fff;font-weight:700;line-height:1.1

      }
.page .diapo figure.centro figcaption {
       font-size:3em;

            }
.diapo figure img {
 position:relative;top:-30px;right:-25px;z-index:99;width:calc(100% - 25px)
}

.diapo article hgroup{
border:#a14595 2px solid;margin:30px 15px 30px 0; padding:15px;z-index:99;
}


.diapo h3{
    font-size:30px; font-weight: 600;
  
}
.diapo h4{
    font-size:18px; font-weight: 300;
  
}
.diapo a{
    background-color: #000;
    color: #fff;
    display: block;
    line-height: 1.4;
    width: 50%;
    padding: 15px !important;
    text-align: center;

}



/* Slider LuisGG
-------------------------------------------------------------- 
*/
.slick-prev,
.slick-next
{
z-index: 99 !important;
}
.slick-prev{left:-10px;}
.slick-next{right:-10px;}

.slider .slick-prev{left:20px;}
.slider .slick-next{right:40px;}

#comentarios .slick-next {
    left: 50%;bottom:-120px !important;transform: rotate(90deg);height:auto;
}
.slick-prev::before, .slick-next::before {
     font-size: 36px;
    opacity: 1;
    color: #aaa;
   transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before {
   color: #000;
    border-width:0;}

button.slick-prev:hover,button.slick-next:hover{box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;-moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
}

.slick-dots li button:before {
    font-size: 16px;
    line-height: 0px;
    top: 10px;
    left: 0;
    width: 30px;
    height: 30px;
    opacity: .25;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/*MENUs*/

nav#menuses{padding: 5px 0;}
nav#menuses>ul{padding: 0 !important;margin:0;}
nav#menuses a{text-decoration:none;}
ul#menupral{
    margin: 0 auto !important;display:flex;
}
ul#menutop{
    position:absolute;top:7px;left:0;
}
ul#menuredes{
    position:absolute;top:5px;right:0;
}

ul#menupral>li,ul#menutop>li,ul#menuredes>li,ul#pie>li{
    display:inline-block;margin:0;
}
ul#menutop>li{
    padding:0  10px 0 0;position:relative
}
ul#menuredes>li{
    padding:0  0 0 10px;
}
ul#menupral>li{
    margin:0 5px;;flex:1 0 auto;
    background-color:transparent;text-align: center;
   }
   ul#menupral>li.abrebuscar{
    flex-basis:20px ;
   }
ul#menupral>li.menu-item-has-children {
  position:relative;
    }
ul#menupral>li.menu-item-has-children::before {
     position:absolute;right:2px;top:2px;font-family: "Font Awesome\ 5 Free";color:#a14595;content: "\f309";font-weight:900;
          }
ul#menupral>li.parriba::before {
          content: "\f30c";
                 }
ul#menuredes>li{
    padding:0  10 0 0;
}

ul#menupral li i:nth-child(2){
    color:#a14595;
}
ul#menupral li:hover i:nth-child(2){
    color:#fff;
}
ul#menupral>li.current-menu-item a,a[aria-current="page"] {
    border-bottom:3px solid #a14595;
   }
ul#menupral li a{
    font-size:1rem;text-transform: uppercase;font-weight:600;display:block;padding:2px 20px;border-bottom:3px solid #fff; transition: color 0.2s, border-bottom 0.2s;
}
ul#menupral li a:hover{
    border-bottom:3px solid #a14595; color:#a14595
}
ul#menuredes li a{
    font-size:1.1rem;color:#fff
}
ul#menutop li a{
    font-size:0.8rem;color:#fff
}




ul.sub-menu{ display:none;margin:0;padding:0;position:absolute;left:0;top:52px;width:300px;background-color:#fff;border:1px solid #a14595;}
ul.sub-menu li{padding:5px;}
    ul.sub-menu li:first-child{}
    ul.sub-menu li a{}

ul.sub-menu li{
    display:block;float:none
    
}



/*FORMULARIO*/
form {
	background-color:rgba( 0, 162, 236, 0.15); 
	border-radius: 0px;
	padding: 5px 5px 5px 20px;
	margin: 0;
}
form p {
		margin: 10px 0 ;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    font-size:14px;padding:3px 20px;background-color: #000;color:#fff;border:2px solid #000;
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
   background-color:#fff;color:#000;
}
input[type=text], input[type=email], textarea {
    border: 1px solid #666;width:calc(100% - 42px);
    border-radius: 0px;padding:3px 13px;
}
input[type=text]:hover, input[type=email]:hover, textarea:hover {
    border: 1px solid #000;
    border-radius: 0px;
}
input[type=text]:focus, input[type=email]:focus, textarea:focus {
    border: 1px solid #000;
    border-radius: 0px;
}
.wpcfs-search-preset{
    display:none;position:absolute;top:30px;left:0;width:300px;
}
.wpcfs-search-preset form{
    width:94%;padding: 5px 3% 5px 3%;
}
.wpcfs-search-preset form input{
   display:inline;
}
.wpcfs-search-preset form label{
   display:none;
}
.wpcfs-input-submit input{
    width: 100%;
    
    }


    .wpcf7-file::-webkit-file-upload-button {
        visibility: hidden;width:20px;
      }
      .wpcf7-file::before {
        content: 'Select file';
        display: inline-block;
        background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
        border: 1px solid #999;
        border-radius: 3px;
        padding: 5px 8px;
        outline: none;
        white-space: nowrap;
        -webkit-user-select: none;
        cursor: pointer;
        text-shadow: 1px 1px #fff;
        font-weight: 700;
        font-size: 10pt;
      }
      .wpcf7-file:hover::before {
        border-color: black;
      }
      .wpcf7-file:active::before {
        background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
      }

/* ===================== pagenavi ===================== */
.paginas {
	text-align:left;
	height:0px;
	line-height:24px;
	padding-top: 25px;
	padding-bottom: 20px;
}
.paginas li{
	display:inline
}
.paginas a {
	padding: 5px 14px 5px 14px;
	margin: 2px;
    text-decoration: none;
	color: #fff;
    line-height:24px;
	background-color: #000;
}
.paginas span {
	padding: 5px 14px 5px 14px;
    margin-right: 10px;
	text-decoration: none;
	color: #444;
	line-height:24px;
	background-color: #ccc;
}
.paginas a:hover, .paginas span.current {
	color:#fff;
	background-color: #a14595;
	text-decoration: none;
}
.paginas span.current {
	padding: 5px 14px 5px 14px;
	margin: 2px;
	line-height:25px;
	color: #333;
    background-color: #eee;
}
/*Perspnas*/
#personas, #newsletters{
    margin:30px 0 0 0;
}
.rol, .fecha{
    background-color:#ccc;color:#fff;width:45%; padding:0 10px;
}
.fecha{
    background-color:#a14595aa;
}
.cadapersona{
   display:flex;flex-wrap: wrap;width:100%;padding-bottom:10px;border-top:1px solid #ccc;
}
.nombre{
    display:block;margin:3px 0;
    font-size:1.2em;
}
.email{
    display:block;margin:3px 0;
}
.email:before{
    font-family: "Font Awesome\ 5 Free";content: "\f0e0  ";font-weight:900;
}
.cadapdf{
    display:flex;flex-wrap: wrap;width:100%;padding-bottom:10px;border-bottom:1px solid #a1459580;font-size:1.1em;
}
.noboa{
    display:none;
 }
 .noboa + .cadapersona {
border-top:0px solid #ccc;
 }

.cadapersona>*{
    padding:0 10px;
}
.cadapdf>*{
    padding:0;margin:0 10px;
}

.cadapersona .datos, .cadapdf .datos{
    flex-grow:13;
}
.cadapdf .datos a{
    display:block;background-color: transparent;text-decoration: underline;
}
.cadapdf .datos a:before{
    font-family: "Font Awesome\ 5 Free";content: "\f019  ";font-weight:900;
}
.cadapersona figure, .cadapdf figure{
    flex-grow:1;max-width:100px;
}
/*BLOG*/

article.entrada h4{margin:0 !important;font-size:1.3em}
article.entrada{margin:30px 0 0 0;}
article.entrada figcaption{position:relative;top:-60px;width:80%;margin:0  auto;background-color:#fff;padding:10px 10px 0 10px;}
.autor,.categorias{    font-size:0.8em; font-weight:500;margin:1em 0;text-transform:uppercase;}
.categorias a{    color:#a14595}
article.entrada a.entrada:hover{text-decoration:none;}
article.entrada a.entrada:hover h4{color:#a14595}
/*SINGLE*/
h3.the_title {  font-size: 60px;margin-bottom:0 !important;      }
h4.the_excerpt {  font-size: 30px !important;font-weight:300  ;    }
h5.info {  font-size: 20px; }
.single article p{font-size:1.2em}
.single article figure{margin-bottom:20px;width:100%}
.single article figcaption{font-size:0.9em;font-weight:600;border-bottom:1px solid #444}
/*Sidebar*/
aside.home{
    margin:30px 0 0 15px; background-color: #a14595;color:#fff;
}
aside.home div{
    margin: 15px;padding:0;
}
aside ul{margin:0;padding:0;}
aside ul li{margin:0 0 5px 0;padding:0;height:90px;line-height:1.2;font-size:18px;font-weight:600}
aside ul li a{}
aside ul li a figure{float:left;margin:0 15px 0 0;width:80px;height:80px;}
aside ul li a figure img{width:100%;}

/*PIE*/
footer#pie{
   height:100px;background-color: #000;color:#fff;padding-top:20px;
}
footer#pie a{
    color:#fff;
 }
#copyright{
    position: relative;margin-top:20px;
    }
#copyright nav{
position: absolute;right:0;
}
#copyright p{
    position: absolute;left:0;
    }
#copyright nav ul {
    margin:0;
        }
    
#copyright nav li{
    display:inline-block;margin-left:15px;
    }

/*Botón ir arriba, ver cursos*/
a.scroll-top {
	color: #000;
	width: 30px;
	height: 30px;
	font-size: 20px;
	background-color: #ccc;
	border-radius: 50% !important;
	text-align: center;
    z-index:99;
    position: fixed;
	bottom: 50px;
	right: 30px;
    display: none;
 }
a.scroll-top:hover i{
transform: translateY(-15%)
}

@media (max-width: 1300px) {
    
}


@media (max-width: 800px) {

html,body{
border-top:0px solid #000;
   }    
header{
    position:static;transform: none;height:100px;
}
    
header figure#branding {margin:20px auto;width:200px; position:static;transform: none;}

h3 {  font-size: 25px;  }
    
button#menumovil{display:block;position:absolute;right:-5px;z-index:100;top:5px;border-width:0;background-color: transparent;color:#000;font-size:40px;}
button#menumovil i{    display:block;line-height:1}
button#menumovil i:nth-child(2){    color:#a14595;position:relative;top:-8px;font-size:25px;}

nav#menuses{
    height:100%;width:calc(100% - 75px);background-color:rgba(0,0,0,0.95);
    position:fixed;display:none;
    top:0;z-index: 150;
      left:-600px;
}
nav#menuses>ul{border-bottom:1px solid #fff;margin-top:20px;}
ul#menupral,ul#menutop,ul#menuredes{
   position: static;display: block !important;
}
ul#menupral>li,ul#menutop>li,ul#menuredes>li{
    padding:5px 0;background-color:transparent
}
ul#menupral li a,ul#menutop li a,ul#menuredes li a{
    border-bottom:0px solid #fff;
    display:block;margin:0 30px 20px 30px;text-transform: uppercase;
    color:#fff;font-size:1.3rem;padding: 2px 20px;
}
ul#menupral>li:hover {
    background-color: transparent;

}
nav#menuses>ul#menuredes{padding-left:40px !important;}
ul#menuredes li{margin:10px;}
ul#menuredes li a {margin-left:0px;margin-right:0px;}
ul#menuredes li a i{font-size:25px;}

.diapo figure.centro figcaption {
  display:none
  
        }



form#searchform input {
   background-color: #fff;
 }

.separaarriba{height:auto;}
 .fuelle{height:0px;}

.visible{
        display:block;
    }
    .diapo figcaption{ left:50%;transform:translateX(-50%);width:60% }

    .diapo h3{ text-align:left;font-size:30px; }
  

ul.sub-menu{
margin:0;padding:0;position:static;

    width: auto;
    background-color: transparent;
    border: 0px solid #a14595;
}
  }
ul.sub-menu li{
    display:block;
    
}

#copyright{
    position: relative;margin-top:20px;
    }
#copyright nav,#copyright p{
position: static;text-align:center
}

#copyright nav ul {
    margin:0;
        }
    
#copyright nav li{
    display:block;margin-left:0;

}

}