/******************************************************************************************************************************************/
/*                                                          VARIABLES                                                                      /
/******************************************************************************************************************************************/

/********************  CORES  *******************/






/* Background */



/* Títulos */



/* Textos */



/* Inputs */
 /*  */
 /*  */

/***************  FONTES  **************/



body {
  background: rgba(255,255,255,1)!important;
}

.mockup,
.cta {
  transition: all .3s ease-in-out;
  text-align: center;
  margin: 15px 0 0;
}
.mockup a,
.cta a {
  cursor: pointer;
}
.mockup a img,
.cta a img {
  transition: all .3s ease-in-out;
}
.cta a:hover img {
  transform: translateY(-2px) scale(1.03);
  filter: grayscale(.4);
  box-shadow: 5px 5px 3px #222;
}
.mockup a:hover img {
  transform: translateY(-2px) scale(1.03);
  filter: brightness(1.05) drop-shadow(5px 5px 3px #777);
}

#hs_cos_wrapper_module_16923269507301014 input[type="email"]{
padding-bottom: 12px !important;
    padding-left: 16px !important;
    padding-right: 30% !important;
    padding-top: 12px !important;
}
}
#hs_cos_wrapper_module_16923269507301014 input[type="submit"]{
    padding-bottom: 12px !important;
   padding-left: 30% !important;
    padding-right: 30% !important;
    padding-top: 12px !important;
}


/*-------------------------*/
/*-------- Desktop --------*/
/*-------------------------*/
/* Menu */
.menu {
  background-color: rgba(255,255,255,1);
}
@media only screen and (min-width: 1000px) {
  .menu .menu__container {
    grid-template-columns: 270px 1fr!important;
  }
}

/* Banner */
.banner {
  position: relative;
  background: url(https://2961239.fs1.hubspotusercontent-na1.net/hubfs/2961239/%5BLP-TP%5D%20Newsletter%202023/BG-blog%202.png) no-repeat;
  background-position: center;
  background-size: cover;
  height: 880px;
  min-height: 300px;
  z-index: 999999;
}
.banner > .row-fluid-wrapper,
.banner > .row-fluid-wrapper > .row-fluid {
  height: 100%;
}
.banner > .row-fluid-wrapper > .row-fluid > .banner__container {
  display: grid;
/*   grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr; */
  align-items: center;
  justify-items: center;
  height: 100%;
}
.banner > .row-fluid-wrapper > .row-fluid > .banner__container > .row-fluid-wrapper > .row-fluid > .banner__left {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  align-items: flex-start;
  justify-items: flex-start;
  grid-gap: 10px;
}
.banner > .row-fluid-wrapper > .row-fluid > .banner__container > .row-fluid-wrapper > .row-fluid > .banner__left > .row-fluid-wrapper {
  margin: 0;
  width: 100%;
}
.banner > .row-fluid-wrapper > .row-fluid > .banner__container > .row-fluid-wrapper > .row-fluid > .banner__left > .row-fluid-wrapper > .row-fluid > .title h1 {
  font: bold normal 3rem/115% 'Poppins', sans-serif!important;
  color: rgba(255,255,255,1)!important;
  max-width: 330px;
}


/* Blog */
.blog .blog__container .title {
  text-align: center;
}
.blog .blog__container .title h2 {
  font: normal bold 2.5rem/115% 'Poppins', sans-serif!important;
  color: rgba(100,0,110,1)!important;
  max-width: 600px;
  margin: 0 auto;
}


/* Acompanhe */ 
.acompanhe {
  padding: 0 0 80px;
}
.acompanhe .acompanhe__container .title {
  text-align: center;
}
.acompanhe .acompanhe__container .title h2 {
  font: normal bold 2.5rem/115% 'Poppins', sans-serif!important;
  color: rgba(100,0,110,1)!important;
  max-width: 600px;
  margin: 0 auto 1.5rem;
}
.acompanhe .acompanhe__container .title p {
  font: normal normal 1.3rem/115% 'Poppins', sans-serif!important;
  color: rgba(35, 31, 32, 1)!important;
  max-width: 700px;
  margin: 0 auto;
}
.acompanhe .acompanhe__container .mockup__container {
  margin: 4rem auto 3rem;
}
.acompanhe .acompanhe__container .mockup__container > .row-fluid-wrapper > .row-fluid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  align-items: center;
  justify-items: center;
  grid-gap: 50px;
}
.acompanhe .acompanhe__container .mockup__container > .row-fluid-wrapper > .row-fluid > .widget-span,
.acompanhe .acompanhe__container .mockup__container div.oembed_container .iframe_wrapper{
  margin: 0;
  padding: 0;
  width: 100%;
}
.acompanhe .acompanhe__container .mockup__container div.oembed_container,
.acompanhe .acompanhe__container .mockup__container div.oembed_container iframe.oembed_container_iframe{
  width: 100%!important;
}



/* Newsletter */
.newsletter {
  background: linear-gradient(101.45deg, #64006E 0%, #C20077 100%)!important;
}
.newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: 1fr;
  align-items: center;
  justify-items: center;
  grid-gap: 100px;
}
.newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid > .widget-span {
  margin: 0;
  width: 100%;
}
/* Newsletter - Image */
.newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid > .widget-span.image__container {
  text-align: center;
}
/* Newsletter - Text - Title */
.newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid > .widget-span.text__container .title {
  margin: 0 0 2rem;
}
.newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid > .widget-span.text__container .title h2,
.newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid > .widget-span.text__container .title p {
  color: rgba(255,255,255,1)!important;
}
.newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid > .widget-span.text__container .title h2 {
  font: bold normal 2.5rem/115% 'Poppins', sans-serif!important;
  max-width: 500px;
  margin: 0 0 1rem;
}
.newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid > .widget-span.text__container .title p {
  font: normal normal 1rem/150% 'Poppins', sans-serif!important;
  max-width: 550px;
  margin: 0;
}
/* Newsletter - Text - Form */
.newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid > .widget-span.text__container .form__container {
  padding: 0;
}
.newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid > .widget-span.text__container .form__container .form-title,
.newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid > .widget-span.text__container .form__container form .hs-form-field label span {
  font: 700 normal 1rem/100% 'Poppins', sans-serif!important;
  margin-bottom: .5rem;
}
.newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid > .widget-span.text__container .form__container form .hs-form-field input, 
.newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid > .widget-span.text__container .form__container form .hs-form-field select, 
.newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid > .widget-span.text__container .form__container form .hs-form-field textarea,
.newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid > .widget-span.text__container .form__container form .actions .hs-button,
.newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid > .widget-span.text__container .form__container form div.hs_email {
  border-radius: 0;
  margin: 0!important;
}
.newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid > .widget-span.text__container .form__container form {
  display: grid;
  grid-template-columns: repeat(2, minmax(280px, auto));
  grid-template-rows: 1fr;
  align-items: center;
  justify-items: center;
  grid-gap: 15px;
}
.newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid > .widget-span.text__container .form__container form div.hs_submit {
  width: 100%;
}
.newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid > .widget-span.text__container .form__container form .actions .hs-button {
  background: rgba(35, 31, 32, 1)!important;
  border-radius: 0;
  font: 700 normal 1rem/115% 'Poppins', sans-serif!important;
}


/* ---------------------- */
/* ----- Responsivo ----- */
/* --------------------- */
@media only screen and (max-width: 800px) {
  .banner > .row-fluid-wrapper > .row-fluid > .banner__container{
    display: block;
      padding-top: 30% !important;
  }
  .banner{
  height: 900px;
  }
  p{
  font-size: 34px !important;
  }
  .blogCta__container {
    grid-template-columns: 1fr;
    grid-template-areas: "cta";
  }
  .blogCta__container a img {
    max-width: 300px!important;
  }
  .recPosts__container {
    grid-template-columns: 1fr;
  }

  .acompanhe .acompanhe__container .mockup__container>.row-fluid-wrapper>.row-fluid {
    grid-template-columns: 1fr;
  }
  .acompanhe .acompanhe__container .mockup__container div.oembed_container, .acompanhe .acompanhe__container .mockup__container div.oembed_container iframe.oembed_container_iframe {
    height: 300px!important;
  }

  .newsletter .newsletter__container>.row-fluid-wrapper>.row-fluid {
    grid-gap: 30px 0;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid > .widget-span.image__container {
    text-align: left;
  }
}

@media only screen and (max-width: 500px) {
  /*   .banner {
  background: url(https://www.mkt4edu.com/hubfs/%5BSITE%5D%20-%204Revops%202022/Images/banner_home_4revops.png) no-repeat;
} */
  .banner>.row-fluid-wrapper>.row-fluid>.banner__container {
    grid-template-columns: 1fr;
  }
  .banner>.row-fluid-wrapper>.row-fluid>.banner__container > .row-fluid-wrapper {
    max-width: 265px;
    width: 100%;
    margin: 0 auto;
  }
  .banner>.row-fluid-wrapper>.row-fluid>.banner__container > .row-fluid-wrapper .banner__left {
    text-align: center;
  }

  .newsletter .newsletter__container > .row-fluid-wrapper > .row-fluid > .widget-span.text__container .form__container form {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-gap: 10px;
  }
}

@media only screen and (max-width: 320px) {}