/*
Theme Name: Total_Sedu
Theme URI: https://www.webmusica.cl
Author: webmusica,
Author URI: https://www.webmusica.cl
Description:  Un theme adaptado a cursos y coach, Todos los derechos reservados a TOTAL SEDUCCIÓN CHILE, 
Version: 1.0
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
T
*/


@import url('https://fonts.googleapis.com/css?family=Sarabun&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');

html {
  min-height: 100%;
  height: 100%;
  box-sizing: border-box; 
}


body {
  overflow-x: hidden;
  font-family: 'Raleway';
  text-decoration: none;
  background: #fcc300;
  min-width: 320px;
  margin: 0;
  height:100%;
}


.content{min-height:100%; }

* {
        margin:0px;
        padding:0px;
       
 }

p {
  line-height: 1.75;
  font-family: "Raleway";
}

a {
  color: red;
  text-decoration: none;

}

a:hover {
  color: red;
  text-decoration: none;
}

a:visited {
  color: #fff;
  text-decoration: none;
}

.text-primary {
  color: #ff3300 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
   font-family: "Raleway";

}

li{
   list-style:none;
}

section {
  padding: 30px 10px 20px 30px;
  font-family: "Sarabun";
}

div {

  font-family: "Sarabun";

}
section h2.section-heading {
  font-size: 40px;
  margin-top: 0;
  margin-bottom: 15px;
}


/** **/




@media (min-width: 768px) {
  section {
    padding: 50px;
  }
}

.btn {
  font-weight: 700;
  background: #ff3300;


}



.btn-danger {
  background: #ff3300;
  border-color: #ff3300;
}




.btn-danger:active, .btn-danger:focus, .btn-danger:hover .btn-ajuste-curso {
  background-color: #ffc300 !important;
  border-color: #ffc300 !important;
  color: white;
}
@media (max-width: 780px) {
.btn-ajuste-curso {

    font-size: 2.5vw;

  }
}

.btn-danger:active, .btn-danger:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(256, 256, 256, 0.5) !important;
  box-shadow: 0 0 0 0.2rem rgba(256, 256, 256, 0.5) !important;
}

::-moz-selection {
  background: white;
  text-shadow: none;
}

::selection {
  background: white;
  text-shadow: none;
}

img::-moz-selection {
  background: transparent;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}


/** NAV **/

.show {
    background: rgb(0,0,0, 0.7);
           -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
    transition: padding-top 0.3s, padding-bottom 0.3s;
}




/**   **/
/* Sub menus */
.menu-item-has-children {
  position: relative;


}
  .menu-item-has-children .sub-menu {
    display: none;
    position: absolute;
    z-index: 10;
    padding: 0;
    min-width: 120px;
    text-align: left;
    background-color:rgb(9,9,9,0.9);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;

    box-shadow: 0 3px 3px rgba(0,0,0,.5);
    left: -8px;


  }

    .menu-item-has-children .sub-menu li {
      padding: 5px 10px;
       -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
    transition: padding-top 0.3s, padding-bottom 0.3s;
    }

    .menu-item-has-children:hover .sub-menu {
      display: block;
    }

    .menu-item-has-children > a::after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px 5px 0 5px;
      border-color: #000000 transparent transparent transparent;
      position: relative;
      top: 13px;
      margin-left: 9px;
    }

      .menu-item-has-children > a:hover::after {
        border-color: #fff transparent transparent transparent;
      }


/**nav**/

        .color{
      background: rgb(0,0,0, 0.5);
      margin-left: 40%;
      margin-top: 60px;
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      border-radius: 40px;
      display:block;
      position: absolute;

        }

@media (max-width:1200px) {
    
        .color{

      background: rgb(0,0,0, 0.5);
      margin-left: 40%;
      margin-top: 50px;
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      border-radius: 40px;
      display:block;
      position: absolute;
     
        }

}

@media (max-width:1000px) {
    
        .color{

      background: rgb(0,0,0, 0.7);
      width: 90%;
      margin-left: 0px;
      position: absolute;
      left: 0;
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      border-radius: 40px;

     
        }

}



/** ---------------------------------- **/
.btn-amarillo {
  background: #fed136;
}

.logo {
      
  color:#fff;
  margin-left: 5px;
   margin-top: 20px;
  font-weight: 200;
  text-transform: none;
   font-family: "Raleway";
  }

.info_sitio{
  display: block;
  color: #fff;
  margin-left: 10px;
  margin-top: 15px;
}

@media (max-width: 980px) {
              .logo {
              
               color:#fff;
               margin-left: 5px;
               margin-top: 10px;
              font-weight: 200;
              text-transform: none;
               font-family: "Raleway";
               font-size: 3vw;
              }
}
      
.img_logo {

  padding-top: 10px;
  padding-left: 10px;
}


@media(max-width: 720px){
    .img_logo {

    padding-top: 2px;
    padding-left: 2px;
  }


    .info_sitio{
      display: none;
    }


}
            
.nav-link{ 

 color: rgb(256,256,256, 0.8);
 text-decoration: none;
-webkit-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease; 
            
}
            
            .nav-link:hover{
                color: #fed136;
               
            }

/*btn llamar**/
    .llamar{
       display: none; 
    }
    
    .iremail{
       display: none;
      

    
    }
@media (max-width: 720px) {
    .llamar{
       display: inline;
    }
    .iremail{
       display: inline;
       position: fixed;
       right: 0;
       padding-top: .5rem;
       padding-bottom: .5rem;
     
    }

    .btn-outline-dark, .btn-dark{
          background: #000;
          color: #fff;
    }
}


.wp-barra-color{ 
 
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease; 
      font-size: 1em;
}

.f_color_amarillo{

        background: #FFC300;
      -webkit-transform: scale(1.0);
      -ms-transform: scale(1.0);
      transform: scale(1.0);
      -webkit-border-bottom-right-radius: 50px;
      -webkit-border-bottom-left-radius: 50px;
      -moz-border-radius-bottomright: 50px;
      -moz-border-radius-bottomleft: 50px;
      border-bottom-right-radius: 50px;
      border-bottom-left-radius: 50px;

}

.wp-barra-color:hover
{ 
      background: #FFC300;
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
      text-decoration: none;
     -webkit-transition:all 500ms ease;
     -o-transition:all 500ms ease;
     transition:all 500ms ease; 

}

.wp-barra-color a p{

  
  color: #fff;
  font-family: "Sarabun";


}

@media (max-width: 780px) {
    .wp-barra-color{ 
     
        -webkit-transition:all 500ms ease;
        -o-transition:all 500ms ease;
        transition:all 500ms ease; 
          font-size: 0.9em;
    }
}









section h3.section-subheading {
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 75px;
  text-transform: none;
  
}

        
@media (min-width: 780px) {
    .col-center{
        float: none;
        margin: 0px;
        padding: 0px;
    }
}

.col-center{
    float: none;
    margin: 0 auto;
  
}

.btn-danger{ background: #ff3300; }


::-moz-selection {
  background: #ffc300;
  text-shadow: none;
}

::selection {
  background: #ffc300;
  text-shadow: none;
}

img::-moz-selection {
  background: transparent;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}



/* Barra Social */
.social {
  position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
  right: 0; /* Establecemos la barra en la izquierda */
  top: 200px; /* Bajamos la barra 200px de arriba a abajo */
  z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
  .social ul {
    list-style: none;

  }
 
  .social ul li a {
    display: inline-block;
    color:#fff;
    background: #000;
    padding: 10px;


    text-decoration: none;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease; 
  }
 
  .social ul li .fa-facebook {background:#3b5998; padding-right: 15px;} /* Establecemos los colores de cada red social, aprovechando su class */
  .social ul li .fa-instagram {background: brown;}
  .social ul li .fa-youtube {background: #d95232;}

 
  .social ul li a:hover {
    background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
    padding-bottom: 20px;
    padding-top: 20px;
     /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
    
  }
                        /**------------------------------CAMBIAR NOMBRE A masthead------------------------------------------**/




header.masthead {
  margin-top: 0px;
} 

.intro-text {
  padding-bottom: 100px;
 
}

.cuarru_sedu {  /**slider letras**/
   height: 600px;
   padding-bottom: 200px;

}

.cuarru_btn {  /**slider letras**/
   height: 100px;
   padding-bottom: 230px;

}


.cuarru_ol {  /**slider letras**/
   height: 100px;
   padding-bottom: 270px;

}


@media (max-width: 400px) {
  header.masthead {
    padding-top: 1%;
 
  }


  header.masthead .intro-text .intro-heading {
    font-size: 75px;
    font-weight: 700;
    line-height: 75px;
    margin-bottom: 50px;
  }
}



.cortar{
  height: 30px;
}
/** Slider header letras **/


.carousel-inner img {
    width: 100%;
    max-height: 460px;
}

.carruselbtn {     
    
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}


/**titulo_primera**/
#titulo_primera {

    font-color: #fff;
    background: #FFC300;
    font-family: "Indie Flower";
  }


/**titulo_Segundo celular**/
#titulo_seg_cel {
    display: none;
  }
  
  #titulo_seg_cel {
    display: block;
    font-color: #fff;
    background: #000;
    font-family: "Indie Flower";
  }

/**suscripcion_1**/

.suscripcion{
   background: #000;
    height: 80%;
    font-size: 40px;
    font-color: #fff;
    background: #000;
    line-height: 2px;
    margin-bottom: 2px;
}


/**  Services **/
.service-heading {
  margin: 15px 0;
  text-transform: none;
}


/**  Cursos **/

/**#cursos en header **/

.uno_curso {

  background-color: rgb(31,31,31, 0.9);
}




.cinta_ {

  background-color: yellow;
  background-image: url("img/celda.jpg");
  font-size: 1.2em;

}
 /*background-image: url("../img/celda.jpg");*/

.curso_divisor{ padding-left: 3px; }

.img-border
{
  border: solid 5px;
  border-color: red;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  margin-top: 5px;

  background-color: rgb(256,256,256, 0.6);
 


}



.thumbnail_sedu{

    width: 100%;
    height: 90%;



}

.cinta_down {
  background-color:rgb(255,255,255 0.6);
  filter:alpha(opacity=50); /* IE < 9.0 */
  opacity:0.7; /* Opacidad 60% */
  background: #fff;
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;


 }



/** noticias  **/

#entrevistas {
  background: #000;
  padding-bottom: 30px;
  padding-top: 30px;

}
.img-thumbnail{

  width: 80%;
}
.img-thumbnail_border_a {

  border: #FFC300 solid 5px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  background: #fff;
  margin-top: 10px;
}


.img-noti{
 width: 200px;
 height: 300px;

}

@media (max-width: 1024px){
    .img-noti{
      width: 100%;
      height: 80%;
  }
}

/** suscripcion_2 **/

#suscripcion_2 {

   height: 80%;
    font-size: 40px;
    font-color: #fff;
    background: #000;
    line-height: 2px;
    margin-bottom: 2px;
  }


/** **//**  Galería  **/
.my-3 {
          width: 270px;
          height: 200px;
      }




@media (max-width: 570px) {
      .my-3 {
          width: 290px;
          height: 200px;
          padding-left: 70px;
      }
}
/**  Team  **/

.color_sedu {

  color: #FFC300 ;
}
.team-member {
  margin-bottom: 50px;
  text-align: center;
}

.team-member img {
  width: 225px;
  height: 225px;
  border: 7px solid #fff;
}

.team-member h4 {
  margin-top: 25px;
  margin-bottom: 0;
  text-transform: none;
}

.team-member p {
  margin-top: 0;
}

/** BLOG **/

.bg-blog {

 background-image: url("img/fondo-libro.jpg");


}

.blog_img {
    width:65%; 
    align-items: center;
    text-align: center;
}

/**  Contacto **/

section#contacto {
  background-color: #000;
}

section#contacto .section-heading {
  color: #FFC300;
}

section#contacto .form-group {
  margin-bottom: 25px;
}

section#contacto .form-group input,
section#contacto .form-group textarea {
  padding: 20px;
  background: #ff3300;
  border-color: #ff3300 ;
  color: #fff;
}

section#contacto .form-group input.form-control {
  height: auto;
  color: #fff;
  font-weight: bold;

}

section#contacto .form-group textarea.form-control {
  height: 248px;
  background: #ff3300 ;

}

section#contacto .form-control:focus {
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;

}

section#contacto ::-webkit-input-placeholder {
  font-weight: 700;
  color: #fff ;
}

section#contacto :-moz-placeholder {
  font-weight: 700;
  color: #fff;
}

section#contacto ::-moz-placeholder {
  font-weight: 700;
  color: #fff;
}

section#contacto :-ms-input-placeholder {
  font-weight: 700;
  color: #fff;
}
.center_cont {
    margin: 0 auto;
    width: 100%;
}



/**   **/

footer {
  padding: 25px 0;
  text-align: center;
  background: #696969;
     font-family: "Sarabun";
}

footer h6 {
  color: #DCDCDC;
  font-size: 90%;
  line-height: 40px;
  text-transform: none;
     font-family: "Sarabun";
}

footer h5 {

  color: #DCDCDC;
  font-size: 90%;
  line-height: 40px;
  margin-bottom: 0;
  text-transform: none;
  font-family: "Sarabun";
}

ul.social-buttons {
  margin-bottom: 0;

}

ul.social-buttons li a {
  font-size: 20px;
  line-height: 50px;
  display: block;
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: white;
  border-radius: 100%;
  outline: none;
  background-color: #212529;
  
}

ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
  background-color: yellow;
}



/**/


/* All pages */
.page-content{
  height: 100px;
  transition: height 1s;
}

/* PAGES */ 
h1.entry-title {
    margin: 30px 0;
}

.entry-content {
  margin: 10px;

}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
  margin: 40px 0 20px;
}

/* WordPress classes */
.alignright {
  float: right;
  margin: 20px 0 20px 20px;
}

.alignleft {
  float: right;
  margin: 20px 20px 20px 0;
}

img {
  max-width: 100%;
  height: auto;
}

/** CURSO GRUPAL **/
.cabeza_curso {
height:100%; /*Siempre es necesario cuando trabajamos con alturas*/
background-image: url("img/fondo.jpg");
background-repeat: no-repeat;
background-color: #cccccc;
background-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover; /* Resize the background image to cover the entire container */
}

.texto_grupal {
background: rgb(256,256,256, 0.7);
 text-indent: 0.2cm; 
margin-top:50px;
padding-bottom: 10px;
       -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;

}
/**de seccion lin_roja_titulo **/
.linea_roja {
 border-bottom: medium solid red;
}

.flecha_roja { 
color: #FF5733;
position:relative; /*El div será ubicado con relación a la pantalla*/
left:50%; /*A la derecha deje un espacio de 0px*/
right:0px; /*A la izquierda deje un espacio de 0px*/
bottom: 0%; /*Abajo deje un espacio de 0px*/
z-index:0;
 }

 .two_btns { 
color: #fff;
position:relative; /*El div será ubicado con relación a la pantalla*/
left:70%; /*A la derecha deje un espacio de 0px*/
right:0%; /*A la izquierda deje un espacio de 0px*/
bottom: 0%; /*Abajo deje un espacio de 0px*/
z-index:0;
margin-top: 20px;

 }
 @media(max-width: 1000px){
     .two_btns { 
    color: #fff;
    position:relative; /*El div será ubicado con relación a la pantalla*/
    left:10%; /*A la derecha deje un espacio de 0px*/
    right:0%; /*A la izquierda deje un espacio de 0px*/
    bottom: 0%; /*Abajo deje un espacio de 0px*/
    z-index:0;
    margin-left: 10px;
    margin-bottom: 20px;
     }
 }

.t_underline { 
  margin: 1em 10; float: left; clear: left; text-decoration: none;
 
 border-bottom: medium solid #FFC300;}



 .entry-content { padding-left: 5px; }

.txtbk-w-port {
      color:#FFC300; font-weight: bold; background: rgb(256,256,256, 0.9); padding: 7px; 
       -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      border-radius: 40px;
}


.col-xs-6ths {

  width: 39%;
  float: left;
  position: relative;
  min-height: 1px;

}

.col-xs-6gal {

  width: 39%;
  float:left;
  position: relative;
  min-height: 1px;
 
}

#displaycelu{
    display: none;
  }
#titulos_cuatrolink{

  display: none;
}

#circulos_3img{

  display: none;

  }

@media (max-width: 700px){


        #displaycelu{
          display: inline;
        }
        #titulos_cuatrolink{
        
         display: block;
        background-color: #000;

      }
        #circulos_3img{
        display: block;
        background-color: #ff3300;
        color: #fff;
        font-family: "Raleway";
       }

       .circulito{
        width: 80px;
        height: 80px;
        -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      border-radius: 100px;

      }

      .esp{
        display: flex;
        padding-bottom: 20px;

      }


}
/**slider testimonio**/

.bk-blanc {
  background-color: #fff;
}

/*Testimonio Adaptación **/

#Testimonios-md{
  display: none;
}
#Testimonios-xs{
  display: none;
}

@media (max-width: 1024px){
  #Testimonios-md{
  display: block;
 }
 #Testimonios{
  display: none;
 }
 #Testimonios-xs{
  display: none;
}

}

/*scroll */

#scrollUp{
    margin-bottom:100px;
    margin-right:20px;
}

@media(max-width: 800px){
  #Testimonios{
  display: none;
 }
  #Testimonios-md{
  display: none;
 }
 #Testimonios-xs{
  display: block;
}

}