/*!
Theme Name: EcomAcademy
Theme URI: https://www.ecommerceacademy.pe/
Author: CAPECE
Author URI: https://www.ecommerceacademy.pe/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ecomacademy 
*/


@font-face {
    font-family: 'ChakraPetch-Bold';
    src: url('https://ecommerceacademy.lat/ecommerceacademy/wp-content/themes/ecomacademy/css/fonts/ChakraPetch-Bold.woff2') format('woff2'),
        url('https://ecommerceacademy.lat/ecommerceacademy/wp-content/themes/ecomacademy/css/fonts/ChakraPetch-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ChakraPetch-Medium';
    src: url('https://ecommerceacademy.lat/ecommerceacademy/wp-content/themes/ecomacademy/css/fonts/ChakraPetch-Medium.woff2') format('woff2'),
        url('https://ecommerceacademy.lat/ecommerceacademy/wp-content/themes/ecomacademy/css/fonts/ChakraPetch-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ChakraPetch-Regular';
    src: url('https://ecommerceacademy.lat/ecommerceacademy/wp-content/themes/ecomacademy/css/fonts/ChakraPetch-Regular.woff2') format('woff2'),
        url('https://ecommerceacademy.lat/ecommerceacademy/wp-content/themes/ecomacademy/css/fonts/ChakraPetch-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
  --negro1: #151515;
  --naranja: #EB8224;
  --blanco: #FFFFFF;
  --gris: #CCCCCC;
  --amarillo1: #EAC715;
  --amarillo2: #FFF200;
  --celeste: #AEFFFF;
  --gris2: #595959;
  --gris3: #FAFAFE;
  --azul1: #223E70;
  --azul2: #334570;
  --negro2: #333333;
  --amarillo3: #D8B354;
  --menu-link-size: 12px;
}

/* Colores */
.color-lightblue{
    color:var(--celeste);
}
/*Cabecera*/
.site-header{
    background-color: #1e1e1c;
}
.navbar-brand{
    max-width:25%;
    width:25%;
}
div.navbar-brand{
    margin-right:70px;
}
.navbar-brand .custom-logo{
    width: 280px;
    height: auto;
}
.site-title {
    width: 280px;
}
.menu-item{
    text-align:center;
}
.nav-link span {
    color: var(--blanco);
    font-weight: 400;
    font-size: 24px;
    font-family: 'Nunito', sans-serif;
}
.capece-logo.navbar-brand.pull-right {
    margin-right: 0px;
    margin-left: 70px;
    text-align: right;
}
.capece-logo > img{
    width:245px;
}
.navbar-light .navbar-toggler-icon{
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none !important;
}
.navbar-expand-lg .navbar-collapse {
    display: contents!important;
}


@media (max-width: 1024px){

    .site-header .container {
        max-width: calc(100% - 40px) !important;
        margin: 0 20px;
    }

    div.navbar-brand {
        margin-right: 20px;
    }
    .navbar-brand .custom-logo {
        width: 100%;
    }
    .nav-link span {
        font-size: 20px;
    }
    .capece-logo.navbar-brand.pull-right {
        margin-left: 20px;
    }
    .capece-logo > img {
        width: 100%;
    }
}

@media (min-width: 1025px){
   #menu-primary > .menu-item > .nav-link {
     /*   padding-left: 35px;*/
        padding-right: 35px;
        line-height: 13px;
    }
    .capece-logo.navbar-brand.pull-right {
    /* display: block; */
    }
}

/* fin de cabecera */
/* miscelanea*/
html,body{
    overflow-x: hidden;
    background:#fff;
}
input:focus{
    outline: none;
}
a{
    text-decoration:none !important;
}
.contenedor{
    padding-top:75px;
}
.titulos{
    color: var(--naranja);
    font-size:30px;
    text-align:center;
    line-height: 30px;
    margin-bottom: 65px;
}
.titulos > span.dark{
    font-size:22px;
    color: var(--gris2);
}
.titulos > span.light{
    font-size:22px;
    color: #F5F7FC;
}
h2.titulos:after {
    content: '';
    display: flex; 
    width: 200px; 
    text-align: center;
    margin: 0 auto;
    height: 2px;
    background-color: var(--naranja);
    margin-top: 15px;
}
.botones,
a.botones{
    font-family: 'ChakraPetch-Bold', 'Nunito', sans-serif;
    background-color: #fca601;
    color: #fff;
    font-weight: bold;
    display: block;
    text-align: center;
    text-decoration: none;
    border-radius:15px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;   
    transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
}

.botones:hover,a.botones:hover{
    background-color: #ff5703;
    color: #fff;
}

footer {
  color: #BEBEBE;
  background-color: #0a0a0a;
    background-image: url("https://ecommerceacademy.lat/ecommerceacademy/wp-content/uploads/2024/09/fondo-pie.png");
}
footer .container{
    padding-top: 40px;
}
footer::before {
    display: block;
    content: '';
    position: relative;
    background-color: #f6e383;
    width: 101%;
    height: 2px;
}
.site-footer .contact-ul {
    list-style: none;
    padding-left: 0px;
}
.site-footer .contact-ul li {
    font-family: 'ChakraPetch-Regular', 'Nunito', sans-serif;
    color: #ffffff;
    background-repeat: no-repeat;
    background-position-x: 0px;
    background-position-y: center;
    padding: 2px 0;
    padding-left: 20px;
}
.contact-ul .icono-1 {
    background-image: url("https://ecommerceacademy.lat/ecommerceacademy/wp-content/uploads/2024/09/pie-conersamos-icono-1.png");
}
.contact-ul .icono-2 {
    background-image: url("https://ecommerceacademy.lat/ecommerceacademy/wp-content/uploads/2024/09/pie-conersamos-icono-2.png");
}
.contact-ul .icono-3 {
    background-image: url("https://ecommerceacademy.lat/ecommerceacademy/wp-content/uploads/2024/09/pie-conersamos-icono-3.png");
}
.contact-ul .icono-4 {
    background-image: url("https://ecommerceacademy.lat/ecommerceacademy/wp-content/uploads/2024/09/pie-conersamos-icono-4.png");
}
.contact-ul .icono-5 {
    background-image: url("https://ecommerceacademy.lat/ecommerceacademy/wp-content/uploads/2024/09/pie-conersamos-icono-5.png");
}
/*
footer ul {
  list-style: none;
  padding-left: 0px;
}
footer .cft ul li::before {
  content: "\2022";  
  color: #D8B354;  
  font-weight: bold;  
  display: inline-block;  
  width: 1em;  
  margin-left: -1em; 
} */

 h5{ 
    color: #F9F9F9; 
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}
footer h5:after {
    display: block;
    content: '';
    position: relative;
    background-color: #d78131;
    width: 101%;
    height: 1px;
}
.site-footer h5 {
    font-family: 'ChakraPetch-Bold', 'Nunito', sans-serif;
    min-height: 50px;
}
.site-footer .row>h5 {
    font-family: 'ChakraPetch-Bold', 'Nunito', sans-serif;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 34px;
}
.site-footer .row>h5:after {
    margin-top: 40px;
}

.logo-pie {
    margin-bottom: 20px;
}
.site-footer .texto {
    font-family: 'ChakraPetch-Bold', 'Nunito', sans-serif;
    font-size: 17px;
    line-height: 21px;
}
.logos-footer{
    display: flex;
    list-style: none;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
    padding-bottom: 10px;
}
.logos-footer li {
    margin: 0 auto;
}
.logo-confianza {
    width: 130px;
}
.logo-confianza a {
    position: relative;
}
.logo-confianza img {
    position: absolute;
    z-index: 1;
    text-align: center;
    top: -80px;
}
/**/

/* blog*/
.box-image {
    max-height: 207px;
    overflow: hidden;
}
.wp-post-image {
    max-width: 250px;
    height: 100%;
    object-fit: cover;
}
.blog-entry h2 {
    font-size: 1.1em; 
}
.blog-entry .mb-1.text-muted {
    margin-top: 10px;
}
.card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;
}

.flex-auto {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
}
.h-250 { height: 250px; }

@media (min-width: 768px) {
    .h-md-250 {
        height: 250px;
    }
}

.blog-title {
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 400;
    }
.blog-description {
    font-size: 1.1rem;
    color: #999;
}

@media (min-width: 40em) {
    .blog-title {
        font-size: 3.5rem;
    }
} 
.blog-entry a.botones{
    width: 120px;
}

.box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .05);
}
.blog-pagination {
  margin-bottom: 4rem;
}
.blog-pagination > .btn {
  border-radius: 2rem;
}
.nav-links div {
    display: inline-block;
    margin: 5px;
}
.nav-previous a{
        color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
}
.nav-next a{
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
}
 .nav-previous a:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.nav-links div a {
     display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid  ;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 2rem;
        text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 }
.blog-post {
  margin-bottom: 4rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #999;
}

 
.blog-footer {
  padding: 2.5rem 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: .05rem solid #e5e5e5;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}

h2.widget-title {
    font-size: 1em;
}
aside a {
    font-size: 0.8rem;
}
.widget li {
    list-style: none;
    line-height: 2.1rem;
}
/* fin blog*/
/* inicio */
/* buscador*/

form.searchandfilter {
    
    width: 100%;
}
.home_slider form.searchandfilter {
    position: absolute;
    top: 40em; 
}

@media (min-width: 780px){
    .home_slider form.searchandfilter {
        top: 28em;
    }
    .metaslider .caption-wrap{
    	top:10px;
    }
}


.searchandfilter ul { 
  position: relative;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 750px;
}
.home_slider.searchandfilter ul {
    position: absolute;
      top: 50%;
}
.searchandfilter li{
    width: 100%;
}
.searchandfilter input[type="text"] {
    width: 100%;
    height: 50px;
    padding: 10px 20px;
    line-height: 16px;
    color: #7F7F7F;
    font-size: 16px;
    border-radius: 40px;
    box-sizing: border-box;
    border: 5px solid #CECECE;
}
.searchandfilter input[type="submit"] {
     background: url(https://www.ecommerceacademy.pe/2021/wp-content/uploads/2021/01/search-05.svg);
    background-repeat: no-repeat;
    border: none;
    background-size: contain;
    width: 40px;
    position: absolute;
   right:30px;
    top: 12px;
}
/* fin buscador*/
/* slider */
.home_slider{
    height: 620px;
    
}
.slides {
    height: 620px; 
    overflow: hidden;
}
.slides .nivoSlider {
    height: 620px;  
    overflow: hidden;
    height: 100%;
    vertical-align: middle;
    text-align: center;
} 
.slides img {
    width: 100%;  
    height: 100%;
    display: inline-block;
    vertical-align: middle;
 /*   transform: translateY(-22%); */
}
.metaslider .caption-wrap{
    opacity: 1 !important;
    background: none !important;
    top: 10vh;
    left: 50% !important;
    transform: translatex(-50%)!important;
    max-width: 810px;
    text-align: center;
}
.metaslider .caption h3 {
    font-family: 'ChakraPetch-Bold', 'Nunito', sans-serif;
    padding: 5px 10px;
    word-wrap: break-word;
    position: relative;
    color: #EAC715; 
    text-align: center;
    font-weight: bold;
    font-size: 35px;
    line-height: 38px;
}
.metaslider .caption div,
.metaslider .caption span {
    font-family: 'ChakraPetch-Medium', 'Nunito', sans-serif;
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    line-height: 20px;
}
/*
@media (min-width: 1225px){
    .slides img {
        transform: translateY(-20%);
    }
}
@media (min-width: 1600px){
    .slides img {
        transform: translateY(-35%);
    }
}
 */
@media (max-width: 600px){
    .metaslider img{
        max-height: 650px;
        width: auto !important;
        transform: translate(-28%,-64px);
    }
    .metaslider .caption {
        font-size: 20px;
    }
    .metaslider .caption-wrap { 
        top: 31px;
        text-align: center;
    }
    form.searchandfilter { 
        top: 33em;
    }
    .metaslider .caption h3 { 
        font-size: 20px;
    }
}

@media (max-width: 780px){
    form.searchandfilter {
        top: 33em;
    }
}
.metaslider .rslides_tabs {
    margin: 0 0 0 !important;
}
/*fin slider*/

/* home banner*/
.home_banner{
    background:url('https://ecommerceacademy.lat/ecommerceacademy/wp-content/uploads/2021/01/banner_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
	padding: 5px;
}
.banner{
        display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
   
}
.banner img{
   width: auto;
    max-height: 140px;
}
.banner h3{
    font-size:24px;
    color:#fff;
    text-align:center; 
}
.banner span{
    font-size:60px;
}
.banner-boton{
    background-color:var(--amarillo2);
    width:315px;
    border-radius:10px;
    font-size:20px;
    font-weight:600;
    color: #0D0D0D;
    padding: 8px;
    text-align: center;
    text-decoration: none;
       transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
}
a.banner-boton:hover {
    background-color: #ffd028;
    color: #ffffff; 
}
/* fin home banner**/

/*home programas*/
.home_programas{
    background-color:#fff;
    padding-bottom:60px;
}
.programa{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center; 
    align-content: center;
    min-height:450px;
    margin-bottom: 30px;
} 
.programa h3{
    color:var(--naranja);
    font-size:16px;
    text-transform: uppercase;
    text-align:center;
    margin-top:30px;
    margin-bottom:20px;
}
.programa p{
    color:var(--gris2);
    font-size:16px;
    line-height:20px;
    
}
.programa ul {
    list-style: none;
    padding-left: 0;
    display: block;
}
.programa .botones{
    width:200px;
    margin: 0 auto;
    padding: 3px;
    margin-top:auto;
}
/* fin home programas*/
/* home profesores */

.home_profesores{
    background:var(--gris3);
}
.profesores{
    padding-bottom: 150px;
}
.profesor{
    text-align:center;
    outline:none;
}
.profesor img{
  margin:0 auto;
  
}
.profesor > img {
    border-radius: 50%;
    max-width: 160px;
    max-height: 160px;
    height: 160px;
    width: 160px;
}
.profesor__detalle {
    display: flex;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    min-height: 130px;
    margin-top: 10px;
}
.profesor__detalle h4{
    color:var(--naranja);
    font-size:17px;
    margin-bottom: 0;
}
.profesor__detalle span{
    color:#000000;
    flex-grow: 1;
}
.profesor__detalle img{
    margin-top: auto;
    max-height: 40px;
}
/* fin profesores*/

/* lanzamientos*/
.home_lanzamientos{
    background-color:var(--azul1);
    padding-bottom:90px;
}
.curso.card {
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px;
}
.curso .card-title{
    color:var(--naranja);
    font-size:19px;
    font-weight:600;
    display:inline-block;
}
.curso .card-body{
    color:#606060;
    font-size:16px;
    padding: 2rem;
}
.curso .card-title a{
    color: var(--naranja);
}
.ch2-dialog-content:before {
    background-image: url("https://www.ecommercenews.pe/wp-content/uploads/2021/07/cookie.jpg");
    display: block;
    position: relative;
    width: 105px;
    height: 80px;
    background-size: cover;
    content: '';
    float: left;
    background-repeat: no-repeat;
    margin-right: 6px;
}
.curso .botones{
    width:150px; 
    margin-left:auto;
}
.curso img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.curso_info{
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
.curso_info ul{ 
    list-style: none;
    padding: 0;
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: flex-start;
	width:100%;
}
.curso_info li{
    margin-right:15px;
}
.curso_info img{
    width:20px;
    margin: 3px;
}
@media (max-width: 400px){
    .curso p.card-text {
        margin-top: 30px;
    }
}
/* fin lanzamientos*/

/* becas */
.home_becas{
    background-color:var(--gris3);
    padding-bottom:65px;
}
.beca .card{
    border-radius: 1rem;
    overflow: hidden;
    min-height:450px;
    border: none;
    height:100%;
}
.beca .card-header{
    font-size:28px;
    font-weight:bold;
    text-align:center;
}
.card-title {
    margin-bottom: 1rem;
}
.beca .card-title{
    font-size:80px;
    color:#334570;
    text-align:center;
    margin-bottom: 65px;
    display: inline-block;
    height:50px;
}
.beca .card-title span{ 
    color:#AFAFAF;
}
.beca .card-body{
   background: #fff;
    color: #606060;
    font-size: 17px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 1rem 2rem;
    border: 2px solid #DBDBDB;
}
.beca .botones{
    width: 237px;
    margin: 0 auto;
    margin-top: auto;
    margin-bottom: 20px;
    font-size: 20px;
    padding: 3px;
}
/* fin becas*/

/* testimonios*/
.home_testimonios{
    background-color:#fff;
    padding-bottom: 150px;

}
.testimonio{
    overflow:hidden;
    padding: 35px;
}
.testimonio iframe{
    width:100%;
        min-height: 310px;
}
@media (max-width: 360px){
    .testimonio iframe{
        max-width: 350px;
        height: auto;
    }
}
/* fin tetimonnios*/

/* home galeria*/
.home_galeria{
    background-color:var(--gris3);
}
/* fin galeria*/
/* fin inicio */

/* formulario calendario*/
.formulario-calendario{
    border:none;
    max-width:450px;
    width:100%;
}
.formulario-calendario input,.formulario-calendario   select {
    border-radius: 10px;
    height: 45px;
    padding: 5px 20px;
    color: #7F7F7F;
    border: none;
    width: 100%;
    margin:0 auto;
        
}
input.wpcf7-form-control.wpcf7-submit{
    background: #FFF200;
    border: none;
    border-radius: 10px;
    width: 100%;
    height: 45px;
    color: #0D0D0D;
    font-weight: 600;
    font-size: 24px;
}

/**/

/***/
 p.terminos {
    font-size: 10.5px;
    color: #ffffff; 
    padding-bottom: 0px;
    margin: 0 0 10px 0;
}
/**/

.vacante {
    background: #e42127;
    display: inline-block;
    position: relative;
    max-width: 210px;
    padding: 2px 7px;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    margin-right: 0;
    font-size: 13px;
    margin-left:20px;
}

.slick-slide {
    text-align: center;
}

footer ul a,
footer ul a:hover {
    color: #fff;
}
footer ul a:hover {
    text-decoration: underline !important;
}