@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&family=Nunito:wght@300;400;700;800&display=swap');
@import "bootstrap-starter.css";
/*--------------------------------------------------------------
# CSS Personalizado Toda Letra
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Regras Gerais
--------------------------------------------------------------*/
* {  
  outline: none !important; 
}
body {
  font-family: 'Nunito', sans-serif;
  font-size: 16px;
  color:#394149;
  font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Merriweather', serif;
}
a, a:hover { 
  -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
  }
.navbar-topo a{
  font-size: 18px; 
  font-weight: 300;
  color: #fff !important;
}
@media (min-width: 1200px) {
  .navbar-expand-xl .navbar-nav .nav-link {
      padding-right: 1.5rem;
      padding-left: 1.5rem;
  }
}
.home #content.site-content {
    padding: 0;
    margin-top: 90px;
}
#content.site-content {
    padding: 0;
    padding-top: 90px;
}
.btn {
      padding: .475rem 1.55rem;
}
.btn-primary {
    color: #fff;
    border-radius: 5px;
    background-color: #f79e02;
    border-color: #f79e02;
}
.btn-primary:hover {
    color: #fff;
    border-radius: 5px;
    background-color: #ef8d00;
    border-color: #ef8d00;
}
.btn-secondary {
    color: #fff;
    border-radius: 5px;
    background-color: #0074e1;
    border-color: #0074e1;
}
.btn-secondary:hover {
    color: #fff;
    border-radius: 5px;
    background-color: #0060bb;
    border-color: #0060bb;
}
.btn-light {
    color: #0074e1;
    background-color: #fff;
    border-color: #fff;
}
.btn-light:hover {
    color: #fff;
    background-color: #0074e1;
    border-color: #0074e1;
}

 h1  {
  font-size: 40px;
  font-weight: 800;
 }
 .dropdown-toggle::after {
    display: inline-block;
    margin-left: .55em;
    vertical-align: 0.1em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.dropdown, .dropleft, .dropright, .dropup {
    position: relative;
    outline: none;
}
/*--------------------------------------------------------------
# Topo
--------------------------------------------------------------*/
header#masthead {
    background-color: #202224;
    box-shadow: none;
    padding: 18px;
}
.dropdown-menu .dropdown-item {
    color: #333 !important;
    font-size: 14px;
}
.dropdown-menu .dropdown-item:hover {
    color: #f79e02 !important;
}
/*--------------------------------------------------------------
# Página Inicial
--------------------------------------------------------------*/
.slider-banner-principal .slick-next {
    right: 20px;
}
.slider-banner-principal  .slick-prev {
    left: 20px;
    z-index: 1000;
}
.text-banner-rotativo {
    position: absolute;
    z-index: 10000;
    top: calc(50% - 140px);
}
.text-banner-rotativo h1 {
  font-size: 40px;
  font-weight: 800;
  line-height: 1.25;
  color:#fff;
}
.carousel-o-que-fazemos .slick-next , .carousel-o-que-fazemos .slick-prev {
  display: none !important;
}
.icon-oque-fazemos {
    width: 63px;
    height: 63px;
    border-radius: 63px;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #0074e1;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 40px;
    top: -31px;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
}
.slick-slide:hover .icon-oque-fazemos{
    background-color: #fff;
}
.carousel-o-que-fazemos .slick-slide > div {
  margin: 15px;
    
}

.box-o-que-fazemos {
  position: relative;
  min-height: 380px; 
  border-radius: 5px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
}
.conteudo-single-o-que-fazemos{
    width: calc(100% - 160px);
}
.conteudo-single-o-que-fazemos a {
  color: #0074e1;
  text-decoration: none;
}
.conteudo-single-o-que-fazemos a:hover {
  color: #0059ac;
}

.box-single-o-que-fazemos { 
  border-radius: 5px;
  background-color: #ffffff;
   -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
}
.box-single-o-que-fazemos:hover { 
  border-radius: 5px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;

}
.box-o-que-fazemos h2{
 font-family: Nunito;
}
 
a.btn-oque-fazemos {
    position: absolute;
    bottom: 0px;
    text-align: left;
    display: block;
    width: 100%;
    background-color: #0074e1;
    color: #fff;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding: 15px 15px 15px 40px;
    font-size: 18px;
    font-weight: bold;
    background-image: url(assets/img/Caminho-340-hover.png);
    background-repeat: no-repeat;
    background-position: 90% center;
}
a.btn-oque-fazemos:hover {
  text-decoration: none;
  background-color: #fff;
  color: #0074e1;
  background-image: url(assets/img/Caminho-340.png);
}
.conteudo-o-que-fazemos {
    padding: 40px;
}
.carousel-o-que-fazemos  .slick-list{
  padding-top: 30px!important;
  padding-bottom: 20px!important;
  
}
.carousel-o-que-fazemos .slick-slide{
  opacity: 0.4;
}
.carousel-o-que-fazemos .slick-slide.slick-active {
   opacity: 1;  
}
.slick-dots li button:before {
    opacity: 1;
    color: #8ec5f4;
    font-size: 8px;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #2699fb;
    font-size: 12px;
}
.conteudo-depoimentos h2 {
   font-family: 'Nunito', sans-serif;
   font-size: 20px;
   font-weight: bold;

}
.conteudo-depoimentos h3 {
  font-family: 'Nunito', sans-serif;
  font-size: 14px;
  font-weight: normal;
}
.box-depoimentos {
    position: relative;
    min-height: 380px;
    border-radius: 5px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
}
.conteudo-depoimentos {
    padding: 20px 40px;
}
.carousel-depoimentos .slick-list{
  padding-top: 30px!important;
  padding-bottom: 20px!important;
}
.carousel-depoimentos .slick-slide > div {
  margin: 15px;
    
}

/*--------------------------------------------------------------
# Rodape 
--------------------------------------------------------------*/
.site-footer {
  background-color:  #202224;
  color:#fff;
}
.site-footer a {
    text-decoration: none;
    color: #fff;
    font-weight: 300;
    line-height: 1.97em;
}
.site-footer a:hover{
  color:#c4c4c4;
}
.footer-institucional h3 {
  font-family: Nunito;
  font-size: 10px; 
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
}
.menu-footer ul {
    padding: 0;
    list-style: none;
}
.menu-footer ul a {
  padding: 0;
}
.news-footer h3{
font-weight:  bold;
font-size: 14px;  
  font-family: Nunito;
  color:#fff;
}

/*--------------------------------------------------------------
# Valores 
--------------------------------------------------------------*/
.desc-quem-somos {
  font-size: 20px;
  text-align: center;
}
.box-valores { 
font-size: 16px;
}
.box-valores h2 {
  color: #0074e1;
  font-size: 24px;
  font-family: Nunito; 
  text-align: center;

}
.box-valores .col {
    border-right: 1px solid #c4c7ca;

}
.box-valores .col:last-child {
    border-right: none;
}
.container-valores {
  background-color: #fff;
}
.box-equipes .col-12 {
    position: relative;
    border-radius: 5px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    padding: 0 40px 40px 40px;
}
.box-equipes .col-12  a {
  font-size: 14px; 
  font-weight: bold;
  text-decoration: none;

}
.box-equipes .col-12 img {
  position: relative;
  top: -20px;

}

/*--------------------------------------------------------------
# CURSOS 
--------------------------------------------------------------*/
.box-listagem-cursos > div{
  border-radius: 5px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
}
.box-listagem-cursos > div img{
  -webkit-border-radius: 5px 5px 0 0; 
  border-radius: 5px 5px 0 0;  
}
.box-listagem-cursos h2 {
   font-family: Nunito;
  font-size: 20px;
  font-weight: bold;
}
.text-page-depoimentos {
  min-height: 150px;


}
.box-listagem-agenda .text-page-depoimentos {
    position: relative;
    min-height: 200px;
    padding-bottom: 16px !important;
    padding-top: 0px !important;
}
.box-imagem-cursos {
	position: relative;
	
}
.box-cat-cursos {
    position: absolute;
    bottom: 13px;
    left: 15px;
}
.categoria-listagem-cursos {
    background-color: #fff;
    border-radius: 10px;
    font-size: 10px;
    padding: 2px 14px 0px 14px;
    font-weight: bold;
    color: #899096;
    margin-top: 5px;
    text-align: center;
}
.text-page-depoimentos {
  position: relative;
    min-height: 200px;
    padding-bottom: 56px !important;
}
.carga-listagem-cursos {
    position: absolute;
    right: 15px;
    top: 130px;
    color: #fff;
    font-family: Merriweather;
    font-size: 9px;
    font-weight: 900;
    background-image: url(assets/img/icon-white-clock.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 3px 3px 3px 25px;
}
.autor-listagem-cursos {
  font-size: 12px;
  font-weight: normal;
  color: #899096;
}
.botao-listagem-cursos {
    position: absolute;
    bottom: 0;
    text-align: center;
    display: block;
    width: 100%;
    left: 0;
}
.botao-listagem-cursos a {
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    color: #0074e1;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    padding: 15px 0;
}

.botao-listagem-cursos a:hover{
  background-color: #0074e1;
  color: #fff; 
}
.link-categorias-listagem-cursos a {
  text-decoration: none;
  padding-right: 30px;
  color: #394149;
  opacity: 0.5;
  font-weight: normal;
  font-size: 20px;
}
.link-categorias-listagem-cursos a:hover {
  color: #0074e1;
  font-weight: normal;
  opacity: 1;
}
.bread-cursos {
  font-size: 20px; 
  font-weight: bold;
  color: #899096;
}
.caption-single-curso {
  background-color: #0082e4;
  color: #fff;
}
.caption-single-curso > div > div > div{ 
  
}
.autor-single-curso img {
    border-radius: 70px;
    border: 2px solid #fff;
}
.autor-single-curso { font-family: Nunito;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
}
.autor-single-curso h2 {
font-family: Nunito;
  font-size: 20px;
  font-weight: 800;
  font-stretch: normal;
  color:#fff;
}
.icons-single-cursos {
  font-size: 12px;
}
.icons-single-cursos .col-md-4 {
    border-left: 1px solid rgba(255,255,255,0.3);
}
.descricao-single-curso h3 {
    font-family: Nunito;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal; 
    line-height: 1.36;
    color: #0074e1;
    display: inline-block;
    border-bottom: 1px solid #0074e1;
    padding-bottom: 10px;
}
.relacionados-single-cursos h3 {
   font-family: Nunito;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal; 
    line-height: 1.36;
    color: #0074e1;
    display: inline-block;
    padding-bottom: 30px;
}


.type-post .entry-title a{
  text-decoration: none;

}
.type-post .entry-title a:hover{
  color: #0074e1;
}
.btn-leia-mais {
  font-size: 12px;
  padding: 15px 50px;
}
.byline a, .posted-on a{ color: #899096; font-size:  14px; text-decoration: none; }

.article-secundarios .entry-content {
    height: 70px;
    overflow: hidden;
}
h3.widget-title {
    font-family: Merriweather;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #202224;
    border-bottom: 1px solid #202224;
    padding-bottom: 10px;
    margin-bottom: 40px;
}
.rpwe-block a {
   font-family: Nunito;
  font-size: 14px;
  font-weight: bold;
}
.rpwe-thumb {
    border: none !important;
    box-shadow: none!important;
    margin: 0 10px !important;
    padding: 0 !important;
}
.rpwe-time {
    color: #899096 !important;
    font-size: 14px !important;
    padding-left: 25px;
    background-image: url(assets/img/dataPost.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.widget_categories .nav-link {
    display: block;
    color: #899096;
}
h2.entry-title { border-bottom: none; }
.box-blog-home {
  position: relative;
}
.caption-blog-home {
    background-color: rgba(0,0,0,0.29);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 30px;
    color: #fff;
}
.title-blog-home, .title-blog-home:hover {
  font-size: 20px; 
  text-decoration: none;
}
.caption-blog-home a{
    color: #fff;
}
.redes-sociais-contato a , .redes-sociais-contato a:hover{
  text-decoration:  none;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-bottom: 1px solid #ced4da;
}
.box-cursos-single {
    border-radius: 5px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    padding: 30px;
}
.text-area-cursos {
    height: 100px !important; 
} 
.box-cursos-single h2 {
font-family: Nunito;
  font-size: 20px;
}
.desc-form-cursos {
  font-size: 12px;
  color:#899096; 
}
.preco-curso-single {
  position: relative;
}
.porcentagem-curso-single {
    position: absolute;
    left: -40px;
    top: 0px;
    background-color: #f79e02;
    padding: 3px 10px;
    color: #fff;
    font-family: Merriweather;
    font-size: 17px;
    font-weight: normal;
      z-index: 100;
}
.preco-por-curso-single {
  font-family: Merriweather;
  font-size: 36px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: -2.67px;
  color: #0074e1;
  }
  .preco-de-curso-single {
  font-family: Merriweather;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: normal;
  text-decoration: line-through;
  
  color: #899096;

  }
.curso-single-inclui {
 font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.79;
  letter-spacing: normal;
  text-align: left;
  color: #899096;
  padding: 30px 0 ;
}
.text-black {
    color: #394149;
    display: inline-block;
    margin-bottom: 10px;
}
.text-page-depoimentos .preco-por-curso-single {
  font-size:  21px;
  color: #394149;
  letter-spacing: 0px;
}
.text-page-depoimentos .porcentagem-curso-single {
    
    left: 0px;
    top: -140px;
}
.navbar-expand-xl .navbar-toggler {
    background-color: #fff;
    padding: 10px;
    font-size: 16px;
    font-weight: 900;
}
.img-banner-rotativo {
  background-image: none;
}
.news-footer .form-control{
	border-radius: 5px;
	background-color: transparent;
	border:1px solid #fff;
	color:#fff;
}
.news-footer .btn-secondary {
    background-color: #fff;
    color: #333;
    border: 1px solid #fff;
    padding: 7px 6px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
}
.news-footer .btn-secondary:hover {
	   background-color: #0074e1;
	   border: 1px solid #0074e1;
	   color:#fff;
}
#secondary.widget-area {
    background-color: #fafafa;
}
.current_page_item > a {
    font-weight: bold;
}
.wpd-auth {
    display: none !important;
}
#wpdcom .wpd-form-row .wpdiscuz-item input[type="text"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="email"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="url"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="color"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="date"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime-local"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="month"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="number"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="time"] {
    border: 1px solid #dddddd;
}
#wpdcom .wpd-thread-filter .wpdf-reacted {
    display: none;
}
#wpdcom .wpd-thread-filter .wpdf-hottest {
	display:none;
}
#wpdcom .wpd-thread-head .wpdiscuz-user-settings {
    border-bottom: 2px solid #0074E1;
    display: none;
}
#comments {
    margin: 0px auto;
}
.wpd-form-head {
    display: none !important;
}
.box-listagem-agenda > div img {
    border-radius: 0;
}
.box-listagem-agenda {
    padding-top: 15px;
	-webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
}
.box-listagem-agenda:hover {
    border-radius: 5px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	-webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    background-color: #ffffff;
}
.max-width-agenda {
    width: calc(100% - 360px);
    text-align: justify;
}
.box-listagem-agenda h2 { 
    font-size: 24px;
}
.text-listagem-cursos {
    color: #899096;
    height: 100px;
    overflow: hidden;
}
.data-agenda-col h1 {
	color:#394149
}
.data-agenda-col span {
    font-size: 18px;
    color: #899096;
    text-transform: uppercase;
    font-weight: 500;
    font-family: Nunito;
}
.line-date {
    width: 1px;
    height: calc(100% - 95px);
    margin-left: 50%;
    background-color: #0074e1;
    margin-top: 10px;
}
.row-listagem-agenda:hover .data-agenda-col h1  {
	 color: #0074e1;
	 -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
}
.box-listagem-agenda .text-page-depoimentos h2 a, .box-listagem-agenda .text-page-depoimentos h2 a:hover{
	font-family: Merriweather;
	color:#394149;
	text-decoration:none;
}
.grid-instagram ul li a {
    width: 90%;
    height: 90%;
    background-color: transparent;
    border: 4px solid transparent;
}



@media (min-width: 1600px) {
	.box-o-que-fazemos {
		    min-height: 380px;
	}
}
@media (max-width: 1600px) {
	.box-o-que-fazemos {
		    min-height: 640px;
	}
}
@media (max-width: 1200px) {
	.box-o-que-fazemos {
		    min-height: 750px;
	}
}
@media (max-width: 768px) {
 .img-banner-rotativo {
    height: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .img-banner-rotativo img { 
    display: none; 
  }
  .text-banner-rotativo h1 {
      font-size: 16px;
      font-weight: 800;
      line-height: 1.25;
      color: #fff;
  }
  .text-banner-rotativo {
    top: calc(50% - 97px);
    margin-left: 30px;
  }
  .home #content.site-content {
    margin-top: 88px;
  }
  .carousel-depoimentos .slick-arrow{
    display: none !important;

  }
  .box-o-que-fazemos {
		    min-height: initial;
	}

}