/*
Theme Name: Dibot
Version: 1
*/

@import url(http://fonts.googleapis.com/css?family=Sanchez);
@import url(http://fonts.googleapis.com/css?family=Cousine);
@import url(http://fonts.googleapis.com/css?family=Montserrat);

body{
  font-family: Montserrat, sans-serif !important;
  color:#333;
  background-image: url("/wp-content/themes/white-paper-child/images/milimetrado.png");
  background-repeat: repeat;
}

h1, h2, h3, h4, h5, h6,label,.btn, .navbar, .logo, .logofooter, .breadcrumb  {
  --font-family:Sanchez, serif !important;
      font-family: Courier, serif !important;

  font-weight: bold;
  color:#333;
  -webkit-font-smoothing: antialiased;
}

/* ==========================================================================
Hero
========================================================================== */
.hero {
    position: relative;
    padding: 60px 0 60px 0;
    --min-height: 800px;
    --background: rgb(40, 70, 102) url('/wp-content/themes/white-paper-child/images/inicio1.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 4px #FFF;
    font-size: 4em;
}
.fondo-slick{
  z-index: -1000;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
.hero a,a:hover,a:active {
  text-decoration: none;
  color: #000 !important;
}
.hero a:hover {
  text-decoration: none;
  color: #000 !important;
}
.hero h1 {
    margin: 200px 0 0px 0;
    color: #000;
    font-family: Courier, serif !important;
    font-style: normal !important;
    font-weight: normal !important;
        text-shadow: 0px 0px 0px transparent;
        line-height: 0.6em;


}
.hero p {
    font-size: 0.5em;
            text-shadow: 0px 0px 0px transparent;
        font-weight: normal !important;


}
.hero {
    --width: 100%;
    --height: 100%;
}

.servicios .container-fluid{
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
/* ==========================================================================
Servicios
========================================================================== */
.servicios {
  margin-top: 10em;
  --margin-left: 20em;
  --margin-right: 20em;
}
.servicios .row{
    background-color: rgba(255,255,255,0.6);
}
.servicios  a{
  text-decoration: none;
  color:#333;
}
.servicios  .piefoto{
  position: relative;
  top: -40px;
}
.servicios  h3{
  --position: relative;
  --top: -40px;
  margin: 0px;
  font-size: 1.2em;
}
.servicios  p{
  --position: relative;
  --top: -40px;
  margin: 0px;
}
.servicios .servicios-option{
  padding-top: 1em;
  min-height:365px;
}
.categoria .container-fluid{
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
/* ==========================================================================
Categoria
========================================================================== */
.categoria {
  margin-top: 10em;
  --margin-left: 20em;
  --margin-right: 20em;
}
.categoria .row{
  background-color: rgba(255,255,255,0.6);
  padding-top:1em;
  padding-bottom: 2em;
}
.categoria .post{
  margin-top: 1em;
}
.categoria  a, a:hover{
  text-decoration: none;
  color: #333 !important;
}
.categoria  a:hover{
  text-decoration: none;
  color: #333 !important;
}
.categoria  h2{
  position: relative;
  margin: 0px;
  text-align: center;
  --text-transform: uppercase;
}
.categoria  h3{
  font-size: 1.5em;
}
.categoria .descripcion{
  text-align: center !important;
}
.categoria p{
  padding-left: 2em;
  padding-right: 2em;
  text-align: center;
    font-size: 1em;

}
.descripcion p{
  text-align: center !important;
}


.categoria .breadcrumb{
  background-color: transparent;
}

.categoria .piefotocategoria{
  min-height: 50px;
}
.single .container-fluid{
  --max-width: 800px;
  --margin-left: auto;
  --margin-right: auto;
}

.single p{
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
/* ==========================================================================
Single
========================================================================== */
.single {
  --margin-top: 10em;
  height: 80%;

}
.single .row{
  --background-color: rgba(255,255,255,0.6);
  background-color: rgb(0,0,0);
  padding-top:1em;
  padding-bottom: 2em;
  --margin-left: 19em;
  --margin-right: 19em;
}
.single  a{
  text-decoration: none;
  color: #FFF;
}
.single a:hover{
  text-decoration: none;
  color: #FFF ;
}
.single  h2{
  position: relative;
  margin: 0px;
  text-align: center;
  --text-transform: uppercase;
}
.single p{
  padding-left: 1em;
  padding-right: 1em;
  color: #FFF;
}
.single .btn{
  background-color:transparent !important;
  color: #FFF;
}
.single a:hover{
  color: #FFF !important;
}
.single .breadcrumb{
  background-color: transparent;
  padding-bottom: 0;
  margin-bottom: 0;
}
.single .logo a{
  color:#FFF;
}

.content .container-fluid{
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.ficha-for{
  --z-index: -1000;
  --position: fixed;
  --top: 0;
  --left: 0;
  --max-height:400px;
  width: 70%;
}
.ficha-nav{
  --z-index: -1000;
  --position: fixed;
  --top: 0;
  --left: 0;
  --max-height:400px;
  --height: 60px;
}
.ficha-nav img{
  width: 30%;
}
/* ==========================================================================
content
========================================================================== */
.content{
  margin-top: 10em;

}
.content .row{
  background-color: rgba(255,255,255,0.6);
  padding-top:1em;
  padding-bottom: 2em;
  --margin-left: 13em;
  --margin-right: 13em;
}
.content  a{
  text-decoration: none;
  color: #333;
}
.content a:hover{
  text-decoration: none;
  color: #333 ;
}
.content  h2{
  position: relative;
  margin: 0px;
  text-align: center;
  text-transform: uppercase;
}
.content p{
  padding-left: 1em;
  padding-right: 1em;
}

.content .breadcrumb{
  background-color: transparent;
}
.breadcrumb{
  padding-left: 6em;
}
/* ==========================================================================
footer
========================================================================== */
footer {
    padding: 2em 0;
    background-color: #000;
    color: #FFF !important;
  font-family:Courier, serif !important;
  margin-top:2em;
}
footer .row{
    background-color: #000 !important;
      padding-top: 1em;
  padding-bottom: 2em;
  margin-left: 0em !important;
  margin-right: 0em !important;

}
footer h1{
  color: #FFF !important;
}
footer a{
  color: #FFF !important;
  text-decoration: none;
}
footer a:hover{
  color: #FFF !important;
  text-decoration: none;
}
footer ul {
    margin-top: 30px}
footer li {
    float: left;
    margin-right: 15%;
    list-style: none;
    text-transform: uppercase;
}
footer li a {
    color: #FFF;
}
footer li:last-child {
    margin-right: 0
}
footer p{
    text-transform: uppercase;
}
footer span{
  margin-right: 1em;
}
/* ==========================================================================
Misc
========================================================================== */

.curled {
  border: 1px solid #efefef;
  -moz-border-radius: 0 0 120px 120px / 0 0 12px 12px;
  border-radius: 0 0 120px 120px / 0 0 12px 12px;
}
.drop-shadow {
  position: relative;
  float: left;
  width: 100%;
  padding: 1em;
  --margin: 2em 10px 4em;
  --margin: 2em;
  margin: 0em;
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.logo{
  position: fixed; 
  top: 0; 
  right: 0;
  padding: 0.6em 1em 0em 0em;
  font-size: 3em;
  line-height:0.7em;
  text-align: center;
    font-family: Courier, serif !important;
    font-style: normal !important;
    font-weight: normal !important;
        text-shadow: 0px 0px 0px transparent;
}
.logo span{
  font-size: 0.4em;
}
.logo p{
  font-size: 0.4em;
  margin: 0;
    font-weight: bold !important;
}
.logo a{
  color:#333;
}

.fondo-slick {
  position: fixed; 
  top: 0; 
  left: 0; 
  
  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
}

.lista-servicios{
 text-align: center; 
 font-size: 0.9em;
}
.lista-servicios h3{
  color:#FFF;
  padding-bottom: 0;
  margin: 0;
  margin-top: 1em;
  font-size: 1.4em;
}
.lista-servicios a{
  padding-top: 0;
  margin: 0;
  color:#FFF;
}
.lista-servicios a:hover{
  color:#FFF !important;
}
/* MENU VERTICAL */
/* General styles for all menus */

.cbp-spmenu {
  background: #000;
  position: fixed;
}

.cbp-spmenu h3 {
  color: #FFF;
  font-size: 1.9em;
  padding: 20px;
  margin: 0;
  font-weight: 300;
  background: #000;
}

.cbp-spmenu a {
  display: block;
  color: #fff;
  --font-size: 1.1em;
  --font-weight: 300;
}

.cbp-spmenu a:hover {
  background: #000;
  color:#FFF !important;
}

.cbp-spmenu a:active {
  background: #000;
  color: #FFF;
}

.search-submit{
  background-color: transparent;
  color: #FFF;
  border: 1px solid #FFF;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
  width: 340px;
  height: 100%;
  top: 0;
  z-index: 1000;
}

.cbp-spmenu-vertical a {
  border-bottom: 0px solid #258ecd;
  padding: 0.1em;
}

.cbp-spmenu-horizontal {
  width: 100%;
  height: 150px;
  left: 0;
  z-index: 1000;
  overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
  height: 100%;
  width: 20%;
  float: left;
}

.cbp-spmenu-horizontal a {
  float: left;
  width: 20%;
  padding: 0.8em;
  border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
  left: -340px;
}

.cbp-spmenu-right {
  right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
  left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
  right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
  top: -150px;
}

.cbp-spmenu-bottom {
  bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
  top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
  bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
}

.cbp-spmenu-push-toright {
  left: 240px;
}

.cbp-spmenu-push-toleft {
  left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

  .cbp-spmenu-horizontal {
    font-size: 75%;
    height: 110px;
  }

  .cbp-spmenu-top {
    top: -110px;
  }

  .cbp-spmenu-bottom {
    bottom: -110px;
  }

}

@media screen and (max-height: 26.375em){

  .cbp-spmenu-vertical {
    font-size: 90%;
    width: 190px;
  }

  .cbp-spmenu-left,
  .cbp-spmenu-push-toleft {
    left: -190px;
  }

  .cbp-spmenu-right {
    right: -190px;
  }

  .cbp-spmenu-push-toright {
    left: 190px;
  }
}

#showLeft{
margin:1em;
background-color: #000;
color:#FFF;
border: 0px;
font-size: 1.5em;
position: fixed;
top:0;
left: 0;
padding: 10px;
z-index: 1000;
}
#showLeft2{
margin:1em;
background-color: transparent;
border: 0px;
color:#FFF;
}

@media (max-width: 767px){
   .servicios,.categoria,.content,.single {
      margin-left: 0;
      margin-right: 0;
      margin-top: 6em;
    } 
    .hero{
      min-height: 400px;
    }
    .hero h1 {
    margin: 100px 0 0px 0;
    }
    .cbp-spmenu-vertical {
    width: 340px;
    }
    .cbp-spmenu-left {
    left: -340px;
    }
}

.logoblanco{
  font-size: 3em;
  line-height:0.7em;
  text-align: left;
    font-family: Courier, serif !important;
    font-style: normal !important;
    font-weight: normal !important;
        text-shadow: 0px 0px 0px transparent;
}
.logoblanco span{
  font-size: 0.4em;
}
.logoblanco p{
  font-size: 0.4em;
  margin: 0;
    font-weight: bold !important;
}
.logoblanco a{
  color:#333;
}

.gallery{
  background-color: #000;
  padding-top: 3em;
}
.gallery img{
  border: 0px !important;
}
.gallery dd{
  color:#FFF;
}

.jp-carousel-info{
  //display:none;
}
.jp-carousel{
  width:100% !important;
  height:auto !important;
}
.jp-carousel-slide{
  //width:100% !important;
  height:auto !important;

}
.selected img{
  //width:98% !important;
  //height:auto !important;
}

#cookieChoiceInfo {
  font-size: 0.7em;
}