/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@media only screen and (min-width: 768px) {
.ac-header-wrap .menu .menu__wrapper .menu__item--depth-1 {
  padding: 0px 20px;
}
}


@media only screen and (min-width: 768px) {
.menu__link {
  display: inline-block;
	padding: 20px 0px;
}
}

@media (min-width: 767px) {
.ac-footer__link-wrap .menu__link {
  padding: 0px;
}
}

.footer .menu__link:hover {
  color: #cccccc;
}

blockquote {
  font-size: 24px;
  font-weight: bold;
  font-style: italic;
}

blockquote:before {
  background-image: url(https://api.hubspot.com/designmanager/v1/raw-assets/stream/by-path/Academia%20x%20Nvolve/Images/Icons/blockquote.png?portalId=1934505&buffer=true&updated=1709820285266);
  width: 53px;
  left: -9px;
  top: 28px;
}
      }

@media only screen and (min-width: 768px) {
.blog-post__header {
 padding-top: 0;
}
}

.blog-post__featured-img {
  margin: 0 0 24px 0;
  background-attachment: inherit;
}