/* Skip to content */
.skip-link {
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  color: #fff;
  padding: 8px 16px;
  z-index: 1000;
  text-decoration: none;
  transform: translateY(-100%);
  transition: transform 0.2s ease;
}

.skip-link:focus {
  transform: translateY(0);
}

.visually-hidden-focusable:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/* Remove Nav buttons when disabled */
.owl-nav.disabled button.owl-prev,
.owl-nav.disabled button.owl-next{
    display: none;
    visibility: hidden;
}

/* Borda botões navegação */
.content-pagination .nav-links {
    --button-border-width: 2px;
}

#mega-menu-wrap-main #mega-menu-main > li.mega-menu-item {
    margin: 0 7px 0 0;
}

@media only screen and (min-width: 992px) {
    .footer-type-1 .footer-widgets > .widget:nth-child(3n+1) {
        width: calc(100% - 30px);
    }
}

.error-404-container .error-404-text {
    -webkit-text-stroke: 2px #ffffff;
    text-stroke: 1px #ffffff;
}

@media only screen and (min-width: 992px) {
    .content-wrapper {
        max-width: 1250px;
        padding: 0 20px;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
        margin: 80px auto;
    }
}

/*pages that dont use elementor*/

@media only screen and (min-width: 1441px) {
    .content-wrapper:not(:has(.content-inner .elementor)) {
        max-width: 1340px;
			  padding: 0;
    }
	
			.content-wrapper:not(:has(.content-inner .elementor)) .content {
				margin: 0;
				width: 100%;
	}
}

/* Medium screens (up to 1440px) */
@media only screen and (max-width: 1440px) {
    .content-wrapper:not(:has(.content-inner .elementor)) {
        max-width: 1110px;
				padding: 0;
    }
	
		.content-wrapper:not(:has(.content-inner .elementor)) .content {
			margin: 0;
			width: 100%;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1111px) {
    .content-wrapper:not(:has(.content-inner .elementor)) {
        padding: 0 40px;
    }
}

@media only screen and (min-width: 1111px) and (max-width: 1190px) {
    .content-wrapper:not(:has(.content-inner .elementor)) {
        padding: 0 40px;
        margin: 80px 0px;
        max-width: 100%;
    }
}

/* Tablets (up to 991px) */
@media only screen and (max-width: 991px) {
    .content-wrapper:not(:has(.content-inner .elementor)) {
        max-width: 1024px;
			  padding: 0 40px;
    }

}

/* Mobile (up to 575px) */
@media only screen and (max-width: 575px) {
    .content-wrapper:not(:has(.content-inner .elementor)) {
        max-width: 767px;
			  padding: 0 20px;
    }
	
	.content-wrapper:not(:has(.content-inner .elementor)) .content {
		width: 100%;
		margin: 0;
	}
}

/* post Sidebar */

.post-template-default .sidebar {
    margin: 0 0 20px 80px;
}

/* Margens botão get in touch */
.header-icons-container .header-button-container .hiinteractive-button {
    padding: 10px 0px 10px 0px;
    min-width: 130px;
    font-weight: 500;
    --button-border-width: 2px;
}

/* Margem alterada single post margin */
@media (max-width: 575px) {
.content-wrapper {
    margin-top: 24px;
    margin-bottom: 90px;
    max-width: 1200px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
}

/* Plugin para mostar foto autor blog */
.saboxplugin-wrap {
	border-radius: 20px;
}

.saboxplugin-wrap .saboxplugin-gravatar img {
    border-radius: 20px;
	  max-width: 80px;
}

.saboxplugin-wrap .saboxplugin-socials {
    padding: 5px 5px 5px 20px;
}

/* Removi links da data do post e autor */
.saboxplugin-wrap a.vcard.author,
.post-meta-header .post-meta-item-date a{
  pointer-events: none;
}

/* Espaçamento links footer */
.footer-additional-menu li {
    padding: 4px;
}

/* Footer content */

.footer__content {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.footer__content .footer__content-proj {
    gap: 24px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

/* Sombra no sticky menu */
.header.sticky-header.sticky-active .header-row {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.20);
		border-radius: 25px;
}

/* Sombra no sticky menu mobile */
.mobile-header.sticky-header.sticky-active .mobile-header-row .mobile-header {
	    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.20);
	border-radius: 25px;
}

/* Corrige timeline about */
html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}

/* Widget Gallery só mostrava título quando se faz hover, coloquei sempre a aparecer. Opacity de 0 para 100 */
.gallery-wrapper .gallery-item-wrapper .gallery-item-content-wrapper {
    opacity: 100;
}

/* Passa border dos filter buttons do widget gallery de 1px para 2px - Página Work */
.filter-control-wrapper .dots {
    --button-border-width: 2px;
}

/* Espaçamento entre os filtros e o conteúdo de 50px para 56px - Página Work */
.filter-control-wrapper {
    margin: 0 auto 56px;
}

/* Border radius 25px nos videos - Página Work */
.elementor-widget-video .e-hosted-video .elementor-video {
    border-radius: 25px;
}

/* Border radius 25px nas imagens post blog */
.post-content img,
.entry-content img {
    border-radius: 25px;
}

/* Tamanho títulos posts blog */
.single-post h1 {
    font-size: 40px;
}

.single-post h2 {
    font-size: 32px;
}

.single-post h3 {
    font-size: 24px;
}

.single-post h4 {
    font-size: 18px;
}

.single-post h5 {
    font-size: 14px;
}

/* Distância titulos posts blog */
.single-post .post-media-wrapper {
    margin-top: 32px;
}

@media screen and (min-width: 992px) {
    .single-post .post-content:not(:first-child) {
        margin: 48px 0 0;
    }
}

/* Distância logo Hi animado */
@media (min-width: 1365px) {
  .logo-container {
    position: relative;
    top: 6px;
  }
}

/* Scroll Bar */
::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar {
width: 8px;
}
  
::-webkit-scrollbar-track {
background: #121212;
border:0px solid #ccc;
}
  
::-webkit-scrollbar-thumb {
background: #ED002F;
border:0px solid #fff;
height:100px;
border-radius:25px;
}
  
::-webkit-scrollbar-thumb:hover {
background: #CC0028;
}

/* Background Page Loader */
.page-loader-container {
    background: #121212;
}

input[type="file" i]::-webkit-file-upload-button {
  background-color: #fff;
  color: #2C2C2C;
  padding: 10px 24px;
  border-radius: 25px;
  box-shadow: none;
  border: unset;
  font-weight: 500;
}

input[type="file"] {
    font-size: 14px;
}

/* Popup wpforms */
.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-label-inline, 
.wpforms-container.wpforms-container-full .wpforms-form input[type="date"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="datetime"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="datetime-local"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="email"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="month"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="number"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="password"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="search"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="tel"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="text"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="time"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="url"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="week"],
.wpforms-container.wpforms-container-full .wpforms-form select,
.wpforms-container.wpforms-container-full .wpforms-form textarea,
.pum-content .wpforms-container-full input[type=email]:focus:invalid {
    color: var( --e-global-color-text );
}

.wpforms-container.wpforms-container-full .wpforms-form input[type="radio"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="checkbox"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="date"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="datetime"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="datetime-local"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="email"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="month"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="number"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="password"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="search"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="tel"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="text"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="time"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="url"],
.wpforms-container.wpforms-container-full .wpforms-form input[type="week"],
.wpforms-container.wpforms-container-full .wpforms-form select,
.wpforms-container.wpforms-container-full .wpforms-form textarea {
    border-color: var( --e-global-color-3832cf3 );
}

.wpforms-container-full .wpforms-form .wpforms-field-label {
    color: var( --e-global-color-text );
    font-size: 14px;
}

.wpforms-container.wpforms-container-full .wpforms-form input[type="submit"]:hover,
.wpforms-container.wpforms-container-full .wpforms-form button[type="submit"]:hover,
.wpforms-container.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
    --wpforms-button-background-color-alt: var( --e-global-color-accent );
    background-color: var( --e-global-color-accent );
}

button.pum-close.popmake-close:hover {
    color: var(--e-a-color-txt-hover);
}

.pum-content div.wpforms-container-full select>option.placeholder, div.wpforms-container-full select>option[disabled],
.pum-content .wp-core-ui div.wpforms-container-full select>option.placeholder,
.pum-content .wp-core-ui div.wpforms-container-full select>option[disabled],
.pum-content div.wpforms-container-full select>option,
.pum-content .wp-core-ui div.wpforms-container-full select>option {
  color: var( --e-global-color-text );
}

.pum-content div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select {
  padding-inline-start: 0;
}

.pum-content .wpforms-field-label {
  color: var(--e-global-color-text);
  font-size: 14px;
}

.pum-content div.wpforms-container-full input[type="file" i]::-webkit-file-upload-button {
  background-color: #2C2C2C;
  color: var(--wpforms-button-text-color);
  padding: 10px 24px;
  border-radius: 25px;
  box-shadow: none;
  border: unset;
}

.pum-content div.wpforms-container-full input[type="file"] {
    font-size: 14px;
}

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select + .floating-placeholder {
    display: none;
}

div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-description {
  font-weight: 500;
  line-height: inherit;
  color: #848484;
}

/* Carousel Extra text */

.content-slider-home {
	pointer-events: none;
}

.content-slider-home .content-slider-item-heading-extra {
    font-size: 25px;
    color: #fff;
    margin-top: 16px;
}

@media (max-width: 575px) {
	.content-slider-home .content-slider-item-heading-extra {
		margin-top: 32px;
		font-size: 20px;
	}
}

input,
textarea,
button,
select,
a {
    -webkit-tap-highlight-color: transparent;
}

.hiinteractive-button:focus,
.load-more-knowledge-btn:focus,
.wpforms-submit:focus
{
    outline-style: solid !important;
    outline-width: 3px !important;
    outline-color: #109cde !important;
    outline-offset: -3px !important;
}

.pum-content + .pum-close.popmake-close:focus-visible {
    outline: 2px solid #ed002f;
}

@media only screen and (max-width: 1364px) {
  #mega-menu-wrap-main #mega-menu-main > li.mega-menu-item > a.mega-menu-link {
    height: 100%;
    min-height: 56px;
    font-size: clamp(24px, 1.1vw, 30px);
  }
}

/* BASE RESET */
h1.hiinteractive-heading,
h2.hiinteractive-heading,
h3.hiinteractive-heading,
h4.hiinteractive-heading,
h5.hiinteractive-heading,
h6.hiinteractive-heading {
    font-weight: 400;
    letter-spacing: -0.05em;
    word-spacing: 0;
}

/* =========================
   H1
========================= */
@media only screen and (min-width: 576px) {
    h1.hiinteractive-heading {
        font-size: 60px !important;
        line-height: 1.125em !important;
    }
}

@media only screen and (min-width: 992px) {
    h1.hiinteractive-heading {
        font-size: 80px !important;
        line-height: 1.125em !important;
    }
}

/* =========================
   H2
========================= */
@media only screen and (min-width: 768px) {
    h2.hiinteractive-heading {
        font-size: 35px !important;
        line-height: 1.16666em !important;
    }
}

@media only screen and (min-width: 992px) {
    h2.hiinteractive-heading {
        font-size: 60px !important;
        line-height: 1.16666em !important;
    }
}

/* =========================
   H3
========================= */
@media only screen and (min-width: 768px) {
    h3.hiinteractive-heading {
        font-size: 30px !important;
        line-height: 1.25em !important;
    }
}

@media only screen and (min-width: 992px) {
    h3.hiinteractive-heading {
        font-size: 40px !important;
        line-height: 1.25em !important;
    }
}

/* =========================
   H4
========================= */
@media only screen and (min-width: 768px) {
    h4.hiinteractive-heading {
        font-size: 25px !important;
        line-height: 1.3333em !important;
    }
}

@media only screen and (min-width: 992px) {
    h4.hiinteractive-heading {
        font-size: 30px !important;
        line-height: 1.3333em !important;
    }
}

/* =========================
   H5
========================= */
@media only screen and (min-width: 768px) {
    h5.hiinteractive-heading {
        font-size: 20px !important;
        line-height: 1.4em !important;
    }
}

@media only screen and (min-width: 992px) {
    h5.hiinteractive-heading {
        font-size: 25px !important;
        line-height: 1.4em !important;
    }
}

/* =========================
   H6
========================= */
@media only screen and (min-width: 768px) {
    h6.hiinteractive-heading {
        font-size: 18px !important;
        line-height: 1.5em !important;
    }
}

@media only screen and (min-width: 992px) {
    h6.hiinteractive-heading {
        font-size: 20px !important;
        line-height: 1.5em !important;
    }
}

/* ≥768px */
@media (min-width: 768px) {
    .content-slider-home h1.hiinteractive-heading {
        font-size: 45px !important;
        line-height: 1.1666em;
    }
}

/* ≥992px */
@media (min-width: 992px) {
    .content-slider-home h1.hiinteractive-heading {
        font-size: 40px !important;
        line-height: 1.1666em;
    }
}

/* ≥1200px */
@media (min-width: 1200px) {
    .content-slider-home h1.hiinteractive-heading {
        font-size: 60px !important;
        line-height: 1.1666em;
    }
}