/*
 Theme Name:   Divi-Child
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  Divi Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     Divi
 Version:      3.0.28
 Text Domain:  Divi-child
*/

@import url("../Divi/style.css");

/* =Aquí empieza la personalización de tu tema
-------------------------------------------------------------- */
@media only screen and (min-width: 981px)
  #logo {
      max-height: 70%;
  }
}
#main-content{background: #222222 !important;} /*-- Color de fondo del tema --*/

.et_pb_widget_area_left{padding-right: 30px; border-right: 1px solid #111111 !important;}

.et_pb_widget_area_right{padding-left: 30px; border-left: 1px solid #111111 !important;}

#main-content .container:before {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #111111;
    content: "";
} /*-- Cambiar color del borde de la barra lateral --*/

.et_pb_widget a {
    color: #cccccc;
    text-decoration: none;
} /*-- Color de los links widgets, reposo --*/


#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}

#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 30%;
 background: #ff5700; /*** COLOR OF THE LINE ***/
 height: 3px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 0.7 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}

/*-- Menú superior Fin --*/

#top-menu-nav{padding-top: 15px !important;} /*-- Relleno del menú superior --*/

#footer-info{width: 100%; text-align: center !important;} /*-- Centrar datos al pie --*/

#main-header{border-bottom: 1px solid #fafafd;} /*-- Agregar borde al encabezado --*/

#subscribe-email input{padding: 10px; width: 100%; background: #cccccc; font-family: 'Open Sans' !important; font-size: 14px !important;} /*-- Campo de suscripción --*/

input{-webkit-appearance: none; background-color: #111111; color: #ff5700; font-size: 20px; font-family: 'Satisfy' !important; padding: 10px 15px 10px 15px; border: 1px solid #ff5700; border-radius: 3px; cursor: pointer;} /*-- Botones --*/

.jetpack_subscription_widget{text-align: center !important;} /*-- centrar suscripción jetpack --*/

.div-iconos-pie{float: left; width: auto;}

.div-iconos-pie-datos{float: left; width: auto; padding: 10px 0px 0px 10px;}

.div-iconos-redes{float: left; width: auto; padding: 10px 10px 0px 0px;}

.wdi_load_more{background-color: #000000;}

.et_overlay{border: none !important;}

.sd-title{font-size: 20px !important; font-weight: normal;}

.author{color: #ff5700 !important;}

.widgettitle{color: #ff5700 !important;}

.widget_search input#searchsubmit{
background-color: #111111; color: #ff5700; border: 1px solid #ff5700;}

.et_pb_scroll_top{background: #ff5700 !important;}

/* --Formulario Contact Form-- */

.wpcf7-form{
	color: #f2f2f2 !important;
	font-family: 'Open Sans' !important;
}

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar{
font-family: 'Open Sans' !important;
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #333333 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.wpcf7-submit{
color: #ff5700 !important;
margin: 8px auto 0;
cursor: pointer;
font-family: 'Satisfy' !important;
font-size: 18px;
font-weight: 500;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: #222222;
border: 2px solid #ff5700;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

.wpcf7-submit:hover{
background-color: #000000;
border-color: #ff5700;
padding: 6px 20px !important;
}

.custome_title{
  color: #ff5700!important;
  font-family: 'Kaushan Script';
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  padding-bottom: 20px;
}

.comment_anchor_content{

}
.cuadro_voto_numero{
  font-size: 12px;
}
@media only screen and (min-width: 981px){
  .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
      padding: 20px 0 0 0 !important;
  }
  #logo {
    max-height: 85% !important;
  }
  .et_hide_fixed_logo #main-header.et-fixed-header .logo_container, .et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container {
    height: 100% !important;
    opacity: 1 !important;
  }
  .cc_container {
    padding: 22px 30px 22px !important;
    width: 24%;
    bottom: 50px !important;
    left: 10px !important;
    background: #ffffff30 !important;
  }
}

.page-id-2 h1, .page-id-40 h1, .page-id-279 h1{
  font-size: 50px;
  margin-bottom: 10px;
}
.page-id-279 h1, .page-id-40 h1{
  color: #ff5700 !important;
}

.page-id-2 h2, .page-id-40 h2, .page-id-279 h2{
  font-size: 35px !important;
}
.page-id-40 h2, .page-id-279 h2{
  text-align: center;
  color: #ff5700 !important;
}
.page-id-40 h3{

}
.page-id-2 h3, .page-id-40 h3{
  font-size: 25px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.page-id-2 p{
  text-align: center;
}
.page-id-2 p a{}
.page-id-2  .et_pb_row_0.et_pb_row {
  padding: 40px 0 !important;
}
.page-id-2 .et_pb_blurb_content{
  padding-top: 30px;
  padding-bottom: 30px;
}
.grecaptcha-badge{
  display: none !important;
}
.margin_top_30{
  margin-top: 30px;
}
.margin_bottom_20{
  margin-bottom: 20px;
}
.page-id-40 p, .page-id-279 p{
  margin-bottom: 30px;
}
.block_tatuajes_1 h2{
  margin-bottom: 30px;
}
.block_tatuajes_1 h3{
  display: inline-block;
  width: 30%;
  text-align: center;
  margin: 5px 0;
  font-size: 20px;
}
.block_tatuajes_2 h2{
  margin-bottom: 30px;
}
.block_tatuajes_2 h3{
  display: inline-block;
  width: 30%;
  text-align: center;
  margin: 5px 0;
  font-size: 20px;
}

.block_tatuajes_3 h2{
  margin-bottom: 30px;
}
.block_tatuajes_3 h3{
  display: inline-block;
  width: 30%;
  text-align: center;
  margin: 5px 0;
  font-size: 20px;
}
.block_piercing_1 h2{
  margin-bottom: 30px;
}
.block_piercing_1 h3{
  display: inline-block;
  width: 30%;
  text-align: center;
  margin: 5px 0;
  font-size: 20px;
}
.block_superior h2 strong{
  font-weight: normal !important;
}
.block_superior #cuadro_voto_numero h3{
  font-size: 12px !important;
  font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif !important;
  text-transform: inherit !important;
}
.block_superior #cuadro_voto_numero h3 strong{
  font-weight: normal !important;
}

strong{
  font-weight: normal !important;
}

@media only screen and (max-width: 768px) {
  #logo {
    max-height: 90% !important;
    max-width: 100% !important;
  }
  .mobile_menu_bar:before{
    color: #fff !important;
  }
  #main-header .et_mobile_menu{
    background: #000 !important;
  }
  .page-id-2 h1, .page-id-40 h1, .page-id-279 h1 {
    font-size: 28px !important;
  }
  .page-id-2 h2, .page-id-40 h2, .page-id-279 h2 {
    font-size: 20px !important;
  }
  .custome_title {
    font-size: 22px !important;
  }
  .cc_container {
    bottom: 80px !important;
  }
  .page-id-40 h3 {
    font-size: 14px !important;
    line-height: 27px;
  }
  .block_tatuajes_1 h3 {
    display: inline-block;
    width: 48% !important;
  }
  .block_tatuajes_2 h3 {
    display: inline-block;
    width: 48% !important;
  }
  .block_tatuajes_3 h3 {
    display: inline-block;
    width: 49% !important;
  }
  .et_parallax_bg {
    background-size: 100%;
    background-color: #000;
  }
  .et_pb_text_3, .et_pb_text_4, .et_pb_text_5 {
    padding: 10% 0 !important;
  }
}


.page-id-2 .et_pb_text_3, .page-id-2 .et_pb_text_4, .page-id-2 .et_pb_text_5  {
  padding: 40% 0;
}

.et_pb_text_3 h3, .et_pb_text_4 h3, .et_pb_text_5 h3 {
  background: #0000008a;
  padding: 10px;
}

.et_pb_text_inner {
    position: relative;
    line-height: 33px;
}

.button_works {
  background: white;
    padding: 10px 30px;
    display: inline-block;
    width: auto;
    margin: 30px 0;
    color: #000;
    font-size: 20px;
    text-transform: lowercase;
    text-decoration: underline;
}