/*
    Theme name: Theme_Coneppa
    Theme URI:
    Author: Luis Herrera
    Author URI: https://www.facebook.com/Luis.HJ.21
    Description: Tema Dise���ado para Coneppa.com
    Version: 1.0
    License: GNU General Puplic License v2 or later
    License URI:http:// www.gnu.org/licenses/gpl-2.0.html
    Text Domain: Coneppa


*/

:root
{
    /** Fuentes **/

    --fuentePrincipal: 'Staatliches',cursive;
    --fuenteTexto:'Open Sans', sans-serif;
    --fuenteSecundaria:'Raleway', sans-serif;
     
   

    /** Colores **/

    --colorPrimario: #d33939; /*#e81058*/
    --grisOscuro:#2f2e2e;
    --grisClaro: #ebebeb;
   
    --black:#000000;


}

html
{
    box-sizing: border-box;
    font-size: 62.5%; /* 10px=1rem */
}

body
{
    
    font-size: .8rem;
    line-height: 1.5;
    font-family: var(--fuenteSecundaria);
}

*,*:before,*::after
{
    box-sizing: inherit;
}


h1,h2,h3,h4,h5
{
    font-family: var(--fuentePrincipal);
    margin: 1rem 0;
    
}

h1
{
   font-size: 6rem;

}

h2
{
    font-size: 4.8rem;
}

h3
{
    font-size: 3.6rem;
}

h4
{
    font-size: 2.8rem;
}

h5
{
    font-size: 1.8rem;
}

/* .contenedor
{
    max-width: 1200px;
    width: 95%;
    margin:0 auto;
} */

.color-primario
{
    color: var(--colorPrimario);
}

.contenido-principal  p
{
    font-family: var(--fuenteTexto);
    font-size: 1.5rem;
}

.text-center2
{
    text-align: center;
} 

.container2
{
    max-width: 2000px !important;
    padding: 3rem;
}

.titulo-noticia
{
    padding: 2rem 0px;
}




/** headings **/

.navbar
{
    min-height: 12rem;
    padding-top: 2rem;
    
}


.navbar-brand
{
    display: flex;
    justify-content: center;
    color: inherit;

    /*padding-left: 20rem;*/
}

ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.aula-virtual
{
    display: none;
    
}

.aula-virtual a
{
    color: #555;
}

.aula-virtual a:hover
{
    color: var(--colorPrimario);
    text-decoration: none;;
}

.navbar
{
    justify-content: center;
}

.contactenos
{
   
    display: none;
    
}

.menu-menu-pricipal-container
{
    display: none;
    
}





@media(min-width: 768px){
    .menu-menu-pricipal-container
    {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .menu-menu-pricipal-container .menu
    {
        display: flex;
        justify-content: space-around;

    }
    .menu-menu-pricipal-container li
    {
        margin-right: 2rem;
    }
    .menu-menu-pricipal-containerr li:last-of-type
    {
        margin-right: 0;
    }

    .contactenos
    {
        font-family: var(--fuentePrincipal);
        color:#555;
        font-size: 2.5rem;
        /* padding-right: 10rem; */
        padding: .5rem 2rem;
        display: block;
        
    }
    .contactenos .p1
    {
        font-size: 2rem;
        font-family: var(--fuentePrincipal);
        padding:0;
        margin: 0;
        
    }

    .contactenos .p2
    {
        font-family: var(--fuentePrincipal);
        font-weight: bold;
        padding:0;
        margin: 0;
    
    }

    .aula-virtual
    {
        font-family: var(--fuentePrincipal);
    
        font-size: 2rem;
        padding: .5rem 2rem;
        display: block;
    }

 }

.contactenos:hover
{
    color: var(--colorPrimario);
}

.menu-menu-pricipal-container a
{
    font-family: var(--fuentePrincipal);
    color:#555;
    font-size: 2rem;
    padding: .5rem 2rem;
    display: block;
}

.menu-menu-pricipal-container a:hover
{
    color: var(--colorPrimario);
    text-decoration: none;
}

header .menu-menu-pricipal-container .current-menu-item a
{
    color:var(--colorPrimario);
}

body.home .site-header
{
    padding-top: 2rem;
    height: auto;
    min-height: 70rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media(min-width: 768px){
    body.home .site-header
    {
        height: 100vh;
        max-height: 900px;


    }

    .header-grid
    {
        height: 100%;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-template-rows: repeat(5,1fr);
    }

    .header-grid .barra-navegacion
    {
        grid-column: 1 / 5;
    }
}


.fixed-top
{
    box-shadow: 0 1px 10px -6px rgba(0,0,0,0.42),0 1px 10px 0 rgba(0,0,0,0.12),0 4px 5px -2px rgba(0,0,0,0.1);
}

.tagline h1
{
    font-size: 5rem;
}


@media(min-width: 768px){

    .tagline
    {
        grid-row: 3/4;
        grid-column: 2/4;
    }
    .tagline h1
    {
        font-size: 6rem;
    }

}

.fixed-top {
    background-color: #fff;
}

@media(min-width: 768px){
    body .ft-activo
    {
        margin-top:3rem;
    }

   

    .fixed-top 
    {
        position: fixed;
        width: 100%;
        top:0;
        left: 0;
        background-color: #fff;
        
        z-index:10000000;
        transition: all .3s ease;
        
    }
    


}





.thumbail
{
    position: relative;
    display: inline-block;
    text-align: center;
    background-size: cover;
    background-position: center center;
    width: 100%;
    max-height: 300px;
    margin-bottom: 6em;
    
    
}

.thumbail p
{
    font-size: 7rem;
    font-family: var(--fuentePrincipal);    
}

.thumbail2
{
    position: relative;
    display: inline-block;
    text-align: center;
    background-size: cover;
    background-position: center center;
    width: 100%;
    max-height: 500px;
    margin-bottom: 6em;
}


.thumbail:before,.thumbail2:before{
	content:'';
	position: absolute;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.6);
}

.thumbail img
{

    width: 100%;
    max-height: 300px;

}

.thumbail2 img
{
    width: 100%;
    max-height: 500px;
}

.text-center
{
    position: absolute;
    top:50%;
    left: 50%;;
    text-align: center;
    transform: translate(-50%,-50%);
    color: #fff;
}

 .text-center3
{
    
    text-align: center;
    
    color: #fff;
}

@media(max-width:768px ){
    .text-center3
    {
        padding-top:50% ;
    }
    
}

.btn-leer
{
    background-color:var(--colorPrimario) ;
    border-radius: 3px;
    padding:15px 33px ;
    
    text-align: center;
    transform: translate(-5%,150%);
    color: #fff !important;
    
   
}




.thumbail2 a
{
    color: #fff !important; 
}



.container 
{
    padding-bottom: 3rem;
}



.contenido-footer
{
    
    padding: .1rem 0;
    
    padding-left:2rem ;
}

.contenido-footer .navbar
{
    display:none;
}

@media(min-width: 768px){
    .contenido-footer
    {
        display: flex;
        
        justify-content: space-between;
    }

    .contenido-footer .navbar
    {
        display: grid;
    }

 }
.site-footer
{
    background-color:#323437;
    

}
 .site-footer .menu-menu-pricipal-container
 {
     display: block;
     

 }

 .site-footer a
 {
     color: #b5b5b5;
     text-align: center;
     font-size: 1.5rem;
     

 }

 .site-footer a:hover
 {
     color: #e3e2e2;
 }


 .copyright
{
    text-align: center;
    font-family: var(--fuentePrincipal);
    font-size: 1.5rem !important;
    /*margin: 2rem 0 0 0;*/
    color: #b5b5b5;
    padding-bottom: 1.5rem;
    padding-top:1.5rem;
    padding-right:6rem ;
    border-top: 1px solid #b5b5b5;

}
@media(min-width: 768px){
    .copyright
    {
        font-size: 2.4rem;
        margin:0;
    }
}

@media(min-width: 768px ){
   
  /*
    * 
    *
    *
    *
    *
  */
}



/* Fromulario de Contacto */

.wpcf7
{
    max-width: 40%;
}



.wpcf7-form label
{
    font-weight: 700;
}

.wpcf7-form .wpcf7-form-control
{
    width: 100%;
    padding: 1rem;
    height: 4rem;
    border:1px solid;
}

.wpcf7-form .wpcf7-textarea
{
    height: 20rem;
}

.wpcf7-form .wpcf7-submit
{
    background-color: var(--colorPrimario) ;
    font-size: 2rem;
    font-family: var(--fuenteSecundaria);
    padding:1.2rem;
    height: auto;
    color: #fff;
    
    max-width: 70%;

}

.wpcf7-form .wpcf7-submit:hover
{
    cursor: pointer;
}

div.wpcf7-validation-errors
{
    background-color: #f7e700;
    text-align: center;
    font-size: 1.2rem;

    max-width: 70%;
    
    
}

div.wpcf7-mail-sent-ng
{
    background-color: #e60101;
    text-align: center;
    font-size: 1.2rem;
    color:#fff;
    max-width: 70%;
}

div.wpcf7-mail-sent-ok
{
    background-color: #398f14;
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    
}

.categoria
{
    padding-top: 5rem;
}



/* Mision y Vision */

.misyvis
{
    display: flex;
    width: 100%;
    height: auto;
    background: var(--colorPrimario);
    padding: 0 5rem;
    margin-top: 4rem;
    
}


.vis,.mis
{
    display: inline-block;
    max-width: 50%;
    min-width:30%;
    padding: 10rem 3rem;
    color: #fff;
}

.vis p,.mis p
{
    padding:2rem 0;
}


/* Cursos */

.lista-cursos
{
    margin-top: 1rem;
}

@media(min-width: 768px){
    .lista-cursos .tarjeta
    {
        flex: 0 0 30%;
        max-width: 30%;
    }
}

.lista-docentes
{
    margin-top: 1rem;
}

@media(min-width: 768px){
    .lista-docentes
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        
    }
}
/* CARD */

 .tarjeta
{
    margin-bottom: 4rem;
}
.tarjeta .btn-detalles
{
    background-color: var(--colorPrimario);
    color:#fff;
}

.btn-detalles
{
    background-color: var(--colorPrimario);
    color:#fff;
}


.tarjeta .tarjeta-titulo p
{
    font-weight: bold;
    font-family: var(--fuentePrincipal);
    font-size: 2rem;
}

.tarjeta .tarjeta-contenido
{
    color:#555;
}

.tarjeta .tarjeta-contenido span
{
    color:var(--colorPrimario);
}






@media(min-width: 768px){
    .tarjeta
    {
        
        margin: 1rem;
        padding: 1rem;
        
    }

    
    
}

.tarjeta img
{
    display: block;
    padding:2rem 1rem 1rem 1rem;
    width: 100%;
}


/*
.curso-card img
{
    display: block;
    
}
.curso-card .contenido
{
    padding:3rem 0;
}

.curso-card .contenido h3
{
    line-height: 1;
    color:var(--colorPrimario);
}

.curso-card .contenido p
{
    font-weight: 700;
    font-size: 2rem;
    margin: 0;
} */

/* .container .row
{
    display: flex;
    justify-content:center;
} */


.container .row .innerblocks-wrap p

{
    margin-top:2rem;
    margin-bottom: 3rem;
    font-weight: bold;
}

.container .row .innerblocks-wrap h4
{
    color: var(--colorPrimario);
}
.container .row .innerblocks-wrap
{
    padding-left:3 rem;
    margin-left: 20%;
    
}

.contendor-curso .container
{
    max-width: 80%;

}

.img-curso
{
    padding-top: 3rem;
    
    width: 100%;
    display: block;
   
}
.img-curso img
{
    width: 100%;
}
.det-curso
{
    width: 100%;
    padding: 5rem 5rem;
    color: #777777;
    text-align: center;
}

.hr
{
    width: 70%;
    padding-bottom: 2rem;
    padding-top:4rem;

}

.contenido-curso,.contenido-curso2
{
    width: 70%;
    color: #777777;
    
}

.contenido-curso ul
{
 list-style-type: circle;

}

.contenido-curso h3,.contenido-curso h5,.contenido-curso h4,.contenido-curso h2,.contenido-curso h1
{
    line-height: 3rem;
    text-align: justify;
}

.contenido-curso ul li
{
    line-height: 2.2rem;
    font-size: 1.6rem;
}
.contenido-curso ul
{
    padding-left: 4rem;
}

.contenido-curso2
{
    
    display: flex;
    justify-content: space-between;
}

.contenido-curso2 .expositor,.contenido-curso2 .general
{
    flex: 0 0 calc(50% - 2rem);
    padding:1rem;

}

.contenido-curso2 .expositor p,.contenido-curso2 .general p
{
    font-size: 1.5rem;
    line-height: 2rem;
    white-space: pre-wrap;
}

.contenido-curso2 .expositor p::first-line,.contenido-curso2 .general p::first-line
{
    font-weight: bold;
   

}


.docentes
{
    padding-top: 5rem;
    /* background-color: #d5d5d5; */
    background-color: #f4f4f4;
}

.cursos-portada
{
    padding-top: 5rem;
    background-color: #fff;
}
.cursos-portada .categoria2
{
    font-size: 1.5rem;
}

.docentes .container/* ,.cursos-portada .container */
{
    max-width: 2000px !important;
}

.docentes .container h2,.cursos-portada .container h2
{
    
    line-height: 5rem;
}

.docentes .container p
{
    font-size: 2rem;
}

.docentes .container>.btn-detalles, .cursos-portada .container>.btn-detalles
{
    
    background-color: var(--colorPrimario);
    color: #fff;
    display: block;
    max-width: 10rem;
    margin-left: auto;
    margin-right: auto;

}


.container .row h1,.container .row h2,.container .row h3,
.container .row h4,.container .row h5,.container .row h6
{
    line-height: 3rem;
    padding: 2rem 0;
}

.container2 .row .col-md-12 h1,.container2 .row .col-md-12 h2,
.container2 .row .col-md-12 h3,.container2 .row .col-md-12 h4,
.container2 .row .col-md-12 h5,.container2 .row .col-md-12 h6
{
    line-height: 3rem;
    padding: 2rem 0;
}




/* Menu Movil */

.slicknav_menu
{
    background-color: var(--colorPrimario);
}

@media(min-width: 768px){

    .slicknav_menu
    {
        display:none;
    }
}

.slicknav_btn
{
    background-color: var(--colorPrimario);
}

.slicknav_nav a
{
    font-size: 2.4rem;
    text-align: center;
    font-family: var(--fuentePrincipal);

}

.slicknav_nav a:hover
{
    background-color: transparent;
    color: #777777;
}

/******************************************/

.cartacuerpo
{
   
 display: flex;
 justify-content: center;
 width: 100% ;
 margin:auto;
 background-color: #f4f4f4;

}

.cartacuerpo .card-inicio-imagen img
{
    width: 100% ;

    max-height: 30rem;
    
}

.cartacuerpo .col-sm-12,.cartacuerpo .col-md-6
{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.cartacuerpo .card-inicio-texto
{
    width: 100%;
    margin-bottom: auto;
    margin-top: 5em;
    padding: 2rem 3rem !important;

    /* margin-top: auto;
    margin-bottom: auto; */
    
}

.card-inicio-texto p::first-line
{
    font-weight: bold;
}



.cartacuerpo .card-inicio-texto p
{
    white-space: pre-wrap;
   
    font-size: 1.3rem;
    line-height: 2.5rem;
}

.cartacuerpo .card-inicio-texto a
{
    text-decoration: none;
    color:#000;
}

.cartacuerpo .card-inicio-texto a:hover
{
    color:var(--colorPrimario);
}

.cartacuerpo .card-inicio-texto p::first-line
{
    font-size: 3rem;
    font-family: var(--fuentePrincipal);
    font-weight: bold;
}

.modal-lg
{
    max-width: 80% !important;
}

.modal-lg textarea
{
    white-space: pre-wrap;
    width: 100%;
    height: 30rem;
    font-size: 1.8rem;
    padding: 2rem 2rem;
    line-height: 3rem;
}


.modal-header h4
{
    padding-left: 2rem;
}


.cursos-portada .lista-cursos .tarjeta .card-text
{
    font-size: 1.4rem;
}

.modal-footer .btn-detalles
{
    background-color: var(--colorPrimario);
    color: #fff;
    font-size: 1.5rem;
}



.pag .page-numbers,.pag a
{
    display: inline-block;
    padding:1rem 1.5rem;
    background-color: var(--colorPrimario);
    color: #fff;
    font-size: 1.4rem;
    text-decoration: none;
    
}

.pag .current
{
    background-color: #da074e ;
    color:#fff;
}

.cursos-portada .container .pag
{
    display: none;
}

/*************************************************/

/* .social-bar
{
    position: fixed;
    left: 0;
    font-size: 20px;
    top:35%;
    z-index: 100;

}

.social-bar ul
{
    list-style: none;
}

.social-bar ul li a
{
    display: inline-block;
    color:#fff;
    
    padding: 10px 15px;
    text-decoration: none;
    -webkit-transition: all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}

.social-bar ul li .icon-facebook
{
    background:#3578e5 ;
}

.social-bar ul li .icon-twitter
{
    background: rgb(29, 161, 242);
}

.social-bar ul li .icon-linkedin2
{
    background: #0073b1;
}

.social-bar ul li a:hover
{
    padding: 10px 30px;
    
} */



.busqueda

{
    display: inline-block !important;
    width: 60% !important;
}

.form-group label
{
    font-size: 2rem;
    margin: 0px;
    padding-right: 1rem;
}

.busqueda
{
    font-size: 2rem;
    margin-bottom: 1rem;
}

.form-group .btn-detalles
{
    font-size: 2rem;
    margin-bottom: 1rem;
}


.nuestros-clientes
{
    padding-top: 5rem;
    background-color: #fff;
}
.nuestros-clientes h2
{
    line-height: 5rem;
}

.nuestros-clientes p
{
    line-height: 4rem;
    font-size: 2.5rem;
}

.nuestros-clientes img
{
    width: 100%;
}

.nuestros-clientes .nuestro-wthasapp
{
    max-height: 250px;
    width: 80%;
}
.envianos
{
    font-size: 2.5rem;
    color: var(--colorPrimario);
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    
}

/* .social ul
{

    text-align: center;
}

 .social ul li
{
    display: inline-block;
    padding: .5rem 4rem;
    background:var(--colorPrimario) ;
    margin-right: 1rem;
    margin-bottom: 1rem;
    font-size: 2rem;
    

}
.social ul li a
{
    color: #fff;
    
    text-decoration: none;
} 

.social ul li a:hover
{
    color:#b5b5b5   
}

.social
{
    margin:0px auto;
} */


.contenido-footer .social ul li
{
    display: inline-block;
    padding: .5rem 1rem;
    background:#323437;
    margin-right: 1rem;
    
    font-size: 1rem;
    border: 1px solid #c9c9cc;
    margin-top: 2rem;
}

.contenido-footer .social ul li a
{
    color: #fff;
    
    text-decoration: none;

    display: inline-block;
    
} 

.social ul
{

    text-align: center;
}

.contenido-footer .social ul .facebook:hover
{
    cursor: pointer;
    background: #3578e5;
}

.contenido-footer .social ul .whatsapp:hover
{
    cursor: pointer;
    background: #05D870;
}

.contenido-footer .social ul .instagram:hover
{
    cursor: pointer;
    background: #FF0CAD;
}

.contenido-footer .social ul .twitter:hover
{
    cursor: pointer;
    background: rgb(29, 161, 242);
}

.contenido-footer .social ul .linkedin:hover
{
    cursor: pointer;
    background: #0073b1
}

.contenido-footer .social
{
    padding-top: 3rem;
    
}

.card-body .card-text
{
    text-transform: uppercase;
}

/* SideBar*/

.contenido-noticias
{
    padding-top: 5rem;
}

 .contenido-sidebar
{
    margin-left: 5rem;
    margin-bottom: 2rem;
    
    
}

.contenido-sidebar2 
{
    margin-right: 5rem;
   
    
}

.contenido-sidebar .sidebar
{
    border: 1px solid #c9c9cc;
    border-radius: 2rem;
    padding: 0px 2rem;
}


.contenido-sidebar .sidebar h2
{
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 3rem;
    line-height: 2.3rem;
    color: var(--colorPrimario);
    
}

.contenido-sidebar .sidebar .classe-widget
{
    padding-bottom: 3rem;

}
.contenido-sidebar .sidebar .classe-widget li
{
    border: 2px solid #b4b4b4;
   text-align: center;
    margin-bottom: 1rem;
    border-radius: 4px;
    padding: 1rem 0px;
}

.contenido-sidebar .sidebar ul li a
{
    font-size: 1.5rem;
    line-height: 2rem;
    color:#555;
}
.contenido-sidebar .sidebar ul li a:hover
{
    cursor: pointer;
}

.listado-noticias .tarjeta img
{
    padding:0px;
    width: 100%;

}
/* .listado-noticias
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
} */
.listado-noticias .tarjeta-titulo
{
    margin-bottom: 1rem;
}
.listado-noticias .tarjeta-titulo span
{
    font-size: 1rem;
    color:#555;
}
.listado-noticias .card-title
{
    margin-bottom: 0px;
}
.noticias,.titulo-noticia
{
    padding-top: 3rem;
    max-width: 1500px !important;
}



.img-noticia
{
    padding-top: 3rem;
    padding-bottom: 3rem;
    width: 70%;
    display: block;
   
}
.img-noticia img
{
    width: 100%;
}

.contenido-noticia{
    text-align: justify;
}

.sidebar-noticia
{
    padding-right: 2rem;
    padding-left: 2rem;
}

.container .img-noticia
{
    width: 80%;
}

.container .contenido-noticia
{
    width: 90%;
} 
/* .calendar_wrap
{
    font-size: 1.8em;
}

.calendar_wrap .wp-calendar-table
{
    width: 60%;
}

.calendar_wrap .wp-calendar-table caption
{
    text-align: center;
} */

/************Formulario de Matricula******************/

 .formulario
{
    width: 100%;
}



.formulario-cuerpo
{
    width: 100%;
    border:3px solid rgba(0, 0, 0, 0.03);
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    padding:1.25rem;
}

.formulario .formulario-header
{
    background-color: rgba(0, 0, 0, 0.03);
    padding:1.25rem;
    border-bottom: 3px solid rgba(0, 0, 0, 0.03);
    color:var(--colorPrimario);
    text-align: center;
}

.formulario .formulario-cuerpo .wpcf7
{
    max-width: 100%;
    
}

.formulario .wpcf7-submit
{
    max-width: 100%;
}

.categoria2 a
{
    color: var(--colorPrimario);
}

.categoria2 a:hover
{
    color: var(--colorsecundario);
    text-decoration: none;
}


.categorias-modulos
{
    
    padding: .5rem;
   
}

.categorias-modulos h2
{
    font-size: 2rem;
    text-align: left;
}

.categorias-modulos li span
{
    font-size: .8rem;
    margin-right: .3rem;
}
.categorias-modulos li
{
    border-bottom:2px solid #b4b4b4;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: left;
}
.categorias-modulos li a
{
    color: var(--colorPrimario);
    font-size: 1.5rem;
}
.categorias-modulos li a:hover
{
    text-decoration: none;
    color: var(--colorsecundario);
}
.categorias-modulos li>ul>li
{
    border-bottom: 0px;
    

}
@media(min-width:768px)
{
    .categorias-modulos li>ul
    {
        display:none;
    }
    
    .categorias-modulos ul>li:hover>ul
    {
        display: block;
        padding-left: 1.3rem;
    }

}





.pag-capacitaciones .container
{
    max-width: 1200px;
}

.innerblocks-wrap a
{
    color:#000;
    text-decoration: none;
}

.innerblocks-wrap a:hover
{
    color:var(--colorPrimario);
}