/*
Theme Name: Escola Bosque Verde
Description: Escola privada de ensino Infantil e Primário
Author: BigData
Author URI: https://bigdata.co.mz
Template: skole
Version: 1.4
*/

/*------------------------------------------------------------------*\  
   BASE STYLE                                                                                                              
\*------------------------------------------------------------------*/

p {
  margin: 0 0 0.5em 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
  color: var(--vamtam-accent-color-3);
}

.title-color,
.stg {
  background-color: var(--vamtam-accent-color-1);
  display: inline-block;
  padding: 4px 5px 0;
  color: #fff !important;
}

.stg {
  padding: 0px 5px 0;
  margin-bottom: 10px;
  margin-top: 5px;
}

ol,
ul:not(.wp-block-gallery) {
  margin: 0 0 0.5em 0.9em;
}

.video .btn a {
  line-height: 0;
  font-size: 85;
  color: var(--vamtam-accent-color-5);
  background-color: transparent;
}

.testemunhos .elementor-testimonial__content {
  background-color: var(--vamtam-accent-color-4) !important;
  border-radius: 24px;
}

.testemunhos .elementor-testimonial__content::after {
  background-color: var(--vamtam-accent-color-4) !important;
}

.testemunhos .elementor-testimonial__text {
  font-size: 1.2em !important;
  font-style: italic;
  line-height: 1.5;
}

.testemunhos
  .elementor-widget-testimonial-carousel.elementor-pagination-type-bullets
  .swiper {
  padding-bottom: 20px;
}

.formulario input[type="text"],
.formulario input[type="date"],
.formulario input[type="email"],
.formulario input[type="tel"] {
  background-color: #ffffff;
  border-color: var(--e-global-color-vamtam_accent_1);
  border-radius: 3px 3px 3px 3px;
  padding: 5px 14px;
}

.formulario select {
  border-color: var(--e-global-color-vamtam_accent_1) !important;
  height: 42px;
}

.formulario textarea {
  border-color: var(--e-global-color-vamtam_accent_1) !important;
}

.formulario option:first-child {
  display: none;
}

.formulario input[type="radio"] {
  margin-right: 5px;
}

.formulario .elementor-field-group {
  margin-bottom: 15px !important;
}

.formulario button[type="submit"] {
  background-color: var(--e-global-color-vamtam_accent_7);
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
}

.formulario button[type="submit"]:hover {
  background-color: var(--e-global-color-vamtam_accent_3);
}

.formulario .contact button[type="submit"] {
  background-color: var(--e-global-color-vamtam_accent_3) !important;
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
}

.formulario .contact button[type="submit"]:hover {
  background-color: var(--e-global-color-vamtam_accent_7);
}

.formulario input#form-field-field_55234fe {
  background-color: white;
  height: 42px;
  line-height: 27px;
  border: solid 1px #a4c33d;
  border-radius: 3px 3px 3px 3px;
  padding: 5px 14px;
}

.formulario span.elementor-field-option {
  font-size: 16px;
  display: flex;
  align-content: center;
}

.flatpickr-calendar.arrowTop::before {
  display: none !important;
}

.flatpickr-calendar.arrowTop::after {
  display: none !important;
}

.flatpickr-calendar {
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0px !important;
  box-shadow: 0px !important;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 35px !important;
  border-top: 0 !important;
}

.flatpickr-time {
  line-height: 35px !important;
  max-height: 35px !important;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
  padding: 0 20px;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
  padding: 0 20px;
}

.flatpickr-time .numInputWrapper {
  width: 40%;
  height: 35px !important;
}

.none {
  display: none !important;
}

/*
.formulario span.elementor-field-option {
  display: flex;
}

.formulario span.elementor-field-option label {
  font-size: 15px;
}*/

#scroll-to-top {
  position: fixed;
  z-index: 200;
  opacity: 0;
  bottom: 30px;
  right: 20px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin-left: 0;
  background: #ffab01;
  fill: var(--vamtam-accent-color-5);
  border-radius: 50px;
}

/*------------------------------------------------------------------*\  
   HEADER                                                                                                              
\*------------------------------------------------------------------*/
.header .logo img,
.header .logo-trans img {
  width: 100%;
  max-width: 172px;
}

.header .logo-trans {
  filter: brightness(0) invert(1);
}

.header .menu .elementor-nav-menu--main .elementor-nav-menu--dropdown {
  padding: 12px 0;
}

.header .wpml-ls-legacy-list-horizontal {
  border: 0px solid transparent;
  padding: 0px;
}

.header .wpml-ls-legacy-list-horizontal a {
  padding: 0;
}

.header .wpml-ls-legacy-list-horizontal a span {
  vertical-align: middle;
  font-weight: 500;
  border: 1px solid #0a303a;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  transition: all 0.3s;
  display: inline-block;
}

.header .wpml-trans .wpml-ls-legacy-list-horizontal a span {
  border: 1px solid #fff !important;
}

.header .wpml-ls-legacy-list-horizontal a span:hover {
  background-color: #0a303a;
  color: #fff;
}

.header #wpml-pt .wpml-ls-legacy-list-horizontal .wpml-ls-item:last-child {
  display: none;
}

.header #wpml-en .wpml-ls-legacy-list-horizontal .wpml-ls-item:first-child {
  display: none;
}

.header .btn {
  margin-left: 15px;
}

.header .btn a {
  background-color: #ffab01;
  border-radius: 20px;
  font-weight: 700;
}

.header .btn a:hover {
  background-color: #0a303a;
}

/*sub-header*/
#sub-header {
  border-top: 1px solid #ededed;
  border-bottom: 0px solid #ededed;
}

.meta-header {
  background: #a4c33d url(./images/meta-header-bg.jpg) center no-repeat;
  background-size: cover;
  border-bottom: 0;
}

.meta-header::before {
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0.7;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}

.meta-header .meta-header-inside {
  padding: 40px 15px 40px 15px;
  min-height: 150px;
}

.meta-header .meta-header-inside .vamtam-meta-tax {
  display: none;
}

.page-header h1 {
  color: #fff !important;
  text-shadow: rgba(0, 0, 0, 0.25) 2px 2px 0px;
}

#header-404 {
  padding: 80px 20px 100px 20px !important;
  max-width: 860px;
  color: var(--vamtam-accent-color-4);
  text-align: center !important;
  background: transparent !important;
}

#header-404 .line-1 {
  padding-left: 0px !important;
}

#header-404 .line-4 {
  display: none !important;
}

.page-404 .searchform {
  display: none !important;
}

.page-404 input[name="s"] {
  display: none !important;
}

/*------------------------------------------------------------------*\  
   BASE STYLE                                                                                                              
\*------------------------------------------------------------------*/
/* home slider */
.home-slider {
  min-height: 100vh;
}

.home-slider .shape-bottom {
  fill: #fff;
}

.home-slider .title-t1 h1,
.home-slider .title-t2 h1 {
  color: #ffab01;
  font-family: "Bangers", Sans-serif;
  font-size: 90px;
  font-weight: 400;
  line-height: 90px;
  letter-spacing: 2px;
  text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.3);
}

.home-slider .title-t2 h1 {
  color: #fff;
  font-size: 130px;
}

.home-slider .home-text {
  margin: 15px 50px 0 0;
}

.home-slider .home-text p {
  color: #fff;
  font-family: "Poppins", Sans-serif;
  font-size: 18px;
  line-height: 1.4em;
}

.home-slider .btn {
  margin-top: 10px;
  margin-bottom: 30px;
}

.home-slider .btn a {
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: var(--vamtam-accent-color-3);
  border-radius: 24px;
  min-height: 40px;
}

.extra .content div.e-con-inner {
  box-shadow: -0px 1px 0px 1px rgba(0, 0, 0, 0.2);
  border-radius: 24px;
}

.extra .content .e-con.e-flex > .e-con-inner {
  box-shadow: none;
  border-radius: 0;
}

.extra .title-t1 h2 {
  color: #ffab01;
  font-family: "Bangers", Sans-serif;
  font-size: 46px;
  font-weight: 400;
  line-height: 50px;
  letter-spacing: 2px;
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.3);
}

.general-contacts h3 {
  margin-top: 0.3em;
  margin-bottom: 0.2em;
}

.general-contacts .social-contact span {
  font-weight: 500;
  margin-right: 30px;
}

.general-contacts .social-contact span:hover {
  color: var(--vamtam-accent-color-1);
}

/*
.extra .title-t1 h2 {
  font-size: 36px;
}*/

/* footer banner */
.footer-banner {
  background: #ffab01 url(./images/footer-banner-2.jpg) center no-repeat;
  background-size: cover;
}

.footer-banner .btn a {
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: var(--e-global-color-vamtam_accent_8);
  border: solid 2px #fff;
}

.footer-banner-contact {
  background: #ffab01 url(./images/footer-banner-1.jpg) center no-repeat;
  background-size: cover;
}

.footer-banner-contact .btn a {
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: var(--e-global-color-vamtam_accent_3);
  border: solid 2px #fff;
}

/*------------------------------------------------------------------*\  
  POSTS NEWS / SINGLE POST NEWS                                                                                                           
\*------------------------------------------------------------------*/
.posts-news .posts-cards .elementor-post__card {
  background-color: #f4f1ea !important;
  border-width: 0px;
  border-radius: 24px;
  padding-top: 0px;
  padding-bottom: 20px !important;
}

.posts-news
  .posts-cards
  .elementor-posts
  .elementor-post__card
  .elementor-post__meta-data {
  border-top: 0px !important;
}

.posts-news .posts-cards span.elementor-post-date {
  background-color: #a4c33d;
  border-radius: 24px;
  padding: 0 15px;
}

.posts-news .posts-cards .elementor-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  border-top: 0px;
  padding-top: 0px;
}

.posts-news .posts-cards .elementor-pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  width: 45px;
  height: 45px;
  font-size: 25px;
  font-weight: 400;
  transition: all 500ms ease;
  border-radius: 10px;
  color: #0a303a;
  border: 1px solid #0a303a;
  margin-left: 10px;
}

.posts-news .posts-cards .elementor-pagination .page-numbers:hover {
  background-color: #ffab01;
  color: #fff;
  border: 1px solid #ffab01;
}

.posts-news .posts-cards span.page-numbers.current {
  background-color: #ffab01;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  width: 45px;
  height: 45px;
  font-size: 25px;
  font-weight: 400;
  transition: all 500ms ease;
  border-radius: 10px;
  border: 1px solid #ffab01;
  color: #fff;
}

.single-post
  .post-info
  span.elementor-icon-list-text.elementor-post-info__item.elementor-post-info__item--type-date {
  background-color: var(--e-global-color-vamtam_accent_1);
  border-radius: 24px;
  padding: 0 15px;
}

.single-post .post-content h3 {
  margin-top: 0.9em;
  margin-bottom: 0.4em;
}

.single-post .sidebar-posts h3.elementor-post__title {
  margin-bottom: 5px !important;
}

.single-post .sidebar-posts .elementor-post__meta-data {
  border-top: 0px !important;
  border-bottom: 0px solid #eaeaea;
  margin-bottom: 0px !important;
  padding: 5px 0 5px 0 !important;
}

.sidebar-posts .sidebar-posts:last-child .elementor-post__meta-data:last-child {
  border-bottom: 0px solid #eaeaea;
}

/*------------------------------------------------------------------*\  
  FOOTER                                                                                                             
\*------------------------------------------------------------------*/
.footer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAUCAYAAAAKlDZOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzRjk2RjkyNTYwRDExRUU4QUQyRDc1NEExMUM1MEY5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIzRjk2RjkzNTYwRDExRUU4QUQyRDc1NEExMUM1MEY5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjNGOTZGOTA1NjBEMTFFRThBRDJENzU0QTExQzUwRjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjNGOTZGOTE1NjBEMTFFRThBRDJENzU0QTExQzUwRjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7sxkrkAAABBklEQVR42uyaYQqCQBBG2+i/ewO3G3iF7v9HT5DdwE5QG8zEMESYsa3Ye/Cx6AqCPsYd2XDL7AAqsecRAAICAgIgICAgAAICAgIgICAgAAICAgKU4JBzyokSJcnYyqjzyc0DeMacyeUqo84/rw1f7EWwMj7S5BxFWj0XeR+bEkvluuScZVTJRiPZbELhzTBaOTsRUwXtqKKrYzKSqWCDnO9L3TRU3o2VjJydkRU5y9GLVIORbHSfxp8RVrodMBo5GyNlQs7FkhWtZFsTcE7ltGmNtHHDkvr1ll+LVatk/ybgJ+vP6Boi3+H7rj69abiWLt5fSeSPfac4ueNxiy+J/4BQlbsAAwCp3lVPETL8MwAAAABJRU5ErkJggg==);
  background-position: bottom left;
  display: none;
}

.footer-top .directions a {
  background-color: #a4c33d;
  color: #fff;
  font-weight: bold;
  padding: 0px 10px;
  position: relative;
  top: 0px;
  transition: 0.3s;
  border-radius: 3px;
}

.footer-top .directions a:hover {
  background-color: #ffab01;
}

.footer-bottom a {
  color: #fff;
  font-weight: 600;
}

.footer-bottom a:hover {
  color: #ffab01;
}

.footer-bottom .footer-left a {
  color: fff;
}

.footer-bottom .footer-right a {
  color: #fff;
}

/*------------------------------------------------------------------*\  
   RESPONSIVE                                                                                                              
\*------------------------------------------------------------------*/

@media screen and (max-width: 1300px) {
  .page-header {
    align-items: center;
  }
}

@media (min-width: 1026px) and (max-width: 1300px) {
  .vamtam-box-outer-padding,
  .limit-wrapper {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (max-width: 1025px) {
  .vamtam-box-outer-padding,
  .limit-wrapper {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media screen and (max-width: 1024px) {
  .meta-header .meta-header-inside {
    min-height: 135px;
  }

  ul.instal li {
    padding-bottom: 5px;
  }
}

/* Estilos para telas entre 1249px e 1025px (inclusive) */
@media screen and (max-width: 1249px) and (min-width: 1025px) {
  .footer-logo-container {
    display: none; /* ou qualquer outra propriedade de exibição desejada para ocultar */
  }
}

@media screen and (max-width: 1163px) {
  .menu-btn-home {
    display: none !important;
  }

  .home-slider .home-text {
    margin: 10px 0 0 0;
  }
}

@media screen and (max-width: 1078px) {
  .menu-btn-about {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .menu-btn-home,
  .menu-btn-about {
    display: inherit !important;
  }

  .header .elementor-widget-nav-menu ul.elementor-nav-menu li {
    border-bottom: 1px solid #f2f2f2;
  }

  .header .elementor-nav-menu--dropdown .elementor-item:focus {
    background-color: #ffab01;
  }
}

@media screen and (max-width: 887px) {
  .footer-banner .btn a {
    background-color: var(--e-global-color-vamtam_accent_1);
  }
}

@media screen and (max-width: 767px) {
  .header .btn {
    display: none;
  }

  .meta-header .meta-header-inside {
    min-height: 120px;
  }

  .home-slider {
    min-height: 450px;
  }

  .home-slider .shape-bottom {
    display: none;
  }
}

/* Estilos para telas entre 767px e 580px (inclusive) */
@media screen and (max-width: 767px) and (min-width: 580px) {
  .home-slider .btn {
    padding-bottom: 65px;
  }

  .home-slider .home-img {
    display: none; /* ou qualquer outra propriedade de exibição desejada para ocultar */
  }
}

@media screen and (max-width: 579px) {
  .home-slider .btn {
    padding-bottom: 65px;
  }

  .home-slider .home-img {
    display: none; /* ou qualquer outra propriedade de exibição desejada para ocultar */
  }

  .extra .title-t1 h2 {
    font-size: 35px;
    line-height: 40px;
  }

  .formulario span.elementor-field-option {
    font-size: 14px;
  }

  .general-contacts .social-contact span {
    margin-right: 15px;
  }
}

@media screen and (max-width: 410px) {
  .formulario span.elementor-field-option {
    font-size: 10px;
  }
  .footer-bottom-year {
    display: none;
  }
}