/*
 Theme Name:   terastudio Child
 Theme URI:    
 Description:  terastudio Child Theme
 Author:       Terastudio.pt
 Author URI:   
 Template:     terastudio
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  terastudiochild
*/

:root {
  --main-yellow: #ffc20e;
  --basic-light-border: 1px solid white;
  --basic-dark-border: 1px solid black;
  --basic-yellow-border: 1px solid #ffc20e;
  --title-font: "Bebas Neue", sans-serif;
  --base-font: "Jura", sans-serif;
}

*,
*::before,
*::after {
  position: relative;
  box-sizing: border-box;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  background: black;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--main-yellow);
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: hsl(45, 100%, 33%);
}

body {
  background: black;
  color: white;
  font-family: "Jura", sans-serif;
  font-size: 1em;
}

h1,
h2,
h3,
h4 {
  font-family: "Bebas Neue", sans-serif;
  margin-bottom: 2rem;
}

h1,
h2,
h3,
h4,
h1 strong,
h2 strong,
h3 strong,
h4 strong {
  font-weight: normal;
}

h1 {
  font-size: 4.75em;
  text-align: center;
}

h1 small {
  color: white;
  display: block;
  text-align: left;
  font-size: 1.5rem;
}

h3,
h4 {
  font-size: 1.625em;
  color: var(--main-yellow);
}

h4 {
  margin-bottom: 1rem;
}

h2 + h3,
h3 + ul {
  margin-top: 0;
}

h1 + p,
h2 + p {
  margin-top: -1.5rem;
}

h3 + p,
h4 + p {
  margin-top: 0;
}

h1 + .intro-p,
h2 + .intro-p,
h3 + .intro-p,
h4 + .intro-p {
  margin-top: -2rem;
}

p {
  max-width: 480px;
}
strong {
  font-weight: 700;
}
a {
  color: white;
  text-decoration: none;
}
.perma-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.screen-readers-only {
  font-size: 0;
  margin: 0;
  padding: 0;
}
.full-width-p p {
  max-width: 100%;
}

ul {
  list-style-type: square;
  padding-left: 2rem;
  max-width: 820px;
  margin-inline: auto;
}

ul li {
  padding-block: 1rem;
  border-bottom: var(--basic-yellow-border);
}

ul ::marker,
ol ::marker {
  color: var(--main-yellow);
  font-size: 2em;
  line-height: 0;
}

ul h3 {
  color: white;
  margin-top: 0;
}

ul h3 + p {
  margin-top: -2rem;
}

img {
  width: auto;
  height: auto;
}

/* - FORMS - */
form {
  text-align: center;
  max-width: 820px;
  margin-inline: auto;
}

form input,
form textarea {
  font-family: var(--base-font);
  font-size: 1em;
}

form input {
  margin-bottom: 1rem;
}

form *::placeholder {
  color: white;
}

form input:not([type="submit"]),
form textarea {
  background: none;
  border: var(--basic-light-border);
  padding: 1rem;
  color: white;
  width: 100%;
}

input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

input[type="submit"],
.box-link {
  min-width: 180px;
  display: inline-block;
  margin: 1.25em;
  padding: 1.25em;
  text-transform: uppercase;
  font-weight: 700;
  background: var(--main-yellow);
  color: black;
  text-decoration: none;
}

input[type="submit"] {
  border: none;
  margin-inline: auto;
}

.vc_btn3-container.box-link > a {
  background: none;
  padding: 0;
  font-weight: 700;
}

.wpcf7-spinner {
  position: absolute;
}

.wpcf7-not-valid-tip {
  margin-bottom: 1rem;
}

.my-rgpd {
  margin-block: 1rem;
}

.my-rgpd .wpcf7-list-item {
  margin-left: 0;
}
.my-rgpd input[type="checkbox"] {
  width: 1rem;
  height: 1rem;
}

.my-captcha > p {
  display: flex;
  justify-content: center;
  align-items: center;
}

.my-captcha img.wpcf7-captchac {
  width: auto;
  height: auto;
  background-color: white;
  padding: 0.9rem;
  position: relative;
  top: -0.5em;
}
/* - end FORMS - */
.nav-links {
  margin-top: 50px;
}
.nav-links p {
  margin: 0;
}
.nav-links .post-title {
  flex-direction: column;
  align-items: flex-start;
}
.nav-next .post-title {
  align-items: flex-end;
  text-align: right;
}
article h3 small {
  display: block;
  font-size: 50%;
  top: -0.5rem;
}
.framed-img.wpb_single_image figure.vc_figure {
  width: calc(100% - 2rem);
  height: 100%;
  max-height: 200px;
  display: flex;
  align-items: center;
}

.framed-img figure::before {
  content: "";
  width: 100%;
  height: 100%;
  border: var(--basic-yellow-border);
  border-width: 0.5rem;
  position: absolute;
  top: 2rem;
  left: 2rem;
}

.framed-img.wpb_single_image .vc_single_image-wrapper {
  max-height: 200px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.rel-pos {
  z-index: 333;
}

.bottom-bg {
  background-position-y: bottom;
  background-size: 100%;
  background-repeat: no-repeat;
}

.wpb_content_element.title-block {
  margin-bottom: 1rem;
}

.title-block .wpb_wrapper {
  display: flex;
  justify-content: center;
}

.title-block h2,
h2 {
  color: white;
  display: inline-block;
  margin-inline: auto;
}
.title-block strong,
h2 strong {
  color: var(--main-yellow);
  display: block;
  font-size: 4.75rem;
  line-height: 1;
}

.intro-p {
  font-family: var(--title-font);
  text-transform: uppercase;
  font-size: 1.625em;
}
.big-nums {
  width: 90vw;
  max-width: 1350px;
  margin: 1rem auto;
  counter-reset: item;
  list-style: none;
  padding-left: 4.5rem;
}

.big-nums li {
  counter-increment: item;
}

.big-nums li::before {
  content: counter(item, decimal-leading-zero) " ";
  font-size: 4.75rem;
  font-family: var(--title-font);
  color: var(--main-yellow);
  position: absolute;
  left: -4.5rem;
  top: -1rem;
}

.big-nums h3 {
  margin-block: 2rem 1rem;
  line-height: 1;
}

header#masthead {
  position: fixed;
  z-index: 999;
  width: 100%;
  top: 0;
  padding-block: 2rem 0;
}

header#masthead div.my-container {
  max-width: unset;
}

header.fixed {
  background: black;
}

.breadcrumb {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 350px;
  overflow: hidden;
}

.breadcrumb::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0 0 0 / 0.3);
}

.entry-header {
  height: 100%;
  min-height: 350px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 0;
}

header.entry-header .post-thumbnail {
  display: none;
}

.entry-header h1 {
  margin-bottom: -1rem;
  line-height: 1;
  color: var(--main-yellow);
}

#content {
  top: 0;
  padding: 0;
}

/*header#masthead.fixed + *, .jump-fix {
    margin-top: 228.6px !important;
}*/

header .header {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  padding-bottom: 2rem;
}

.header > section:not(#nav_menu-2) {
  width: 100%;
  display: flex;
  max-width: 450px;
}

.header > section:first-of-type {
  margin-left: 5vw;
}

.header #icl_lang_sel_widget-2 ul {
  text-align: center;
}

.header > section:nth-of-type(3) {
  margin-right: 5vw;
}

.header > section:nth-of-type(3) p {
  margin: 0;
}

.header #icl_lang_sel_widget-2 > ul {
  text-align: center;
}

.header > section > *:not(.menu-primary-menu-container) {
  width: 100%;
  max-width: 675px;
}

header .logo-img,
#icl_lang_sel_widget-2,
.nav__toggle,
#menu-primary-menu {
  z-index: 999;
}

#icl_lang_sel_widget-2 .wpml-ls-legacy-list-horizontal {
  padding: 0;
}

#icl_lang_sel_widget-2 .wpml-ls-legacy-list-horizontal li {
  /*border-bottom: none;*/
  border: 1px solid var(--main-yellow);
}

.logo-img {
  margin: 0;
}

html:not([lang="pt-pt"]) #masthead #block-13 {
  display: none;
}

html[lang="pt-pt"] #masthead #block-21 {
  display: none;
}

#masthead #block-21 {
  padding-inline: 25px;
}

.logo-img img {
  width: 100%;
  max-width: 220px;
  height: auto;
}

header #block-17 {
  top: -2em;
  text-align: right;
}

header #block-17 .nav__toggle {
  padding: 0;
  border: 0;
  cursor: pointer;
  height: 50px;
  width: 50px;
  background: black;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 25px;
}

.hamburger,
.hamburger::before,
.hamburger::after {
  width: 2em;
  height: 3px;
  transition: transform 350ms ease-in-out, opacity 200ms linear;
  background-color: var(--main-yellow);
  display: block;
}

.hamburger::before,
.hamburger::after {
  content: "";
  position: absolute;
  left: 0;
}

.hamburger::before {
  bottom: 6px;
}

.hamburger::after {
  top: 7px;
}

header #block-17 .nav__toggle.open .hamburger {
  transform: rotate(-45deg);
}

header #block-17 .nav__toggle.open .hamburger::before {
  opacity: 0;
}

header #block-17 .nav__toggle.open .hamburger::after {
  transform: rotate(90deg) translate(-6px);
}

#nav_menu-2 {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: calc(100vh + 2rem);
  padding-top: 80px;
  right: 0;
  top: -2rem;
  z-index: 666;
  transform: translateY(-100%) translateY(-2rem);
  overflow-y: auto;
}

#nav_menu-2.open {
  transform: translateY(0);
}

#nav_menu-2 nav {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: 220px;
}

#menu-primary-menu {
  width: auto;
  display: inline-block;
  padding-left: 0;
  margin-top: 50px;
}

#menu-primary-menu li {
  border-bottom: 0;
}

#menu-primary-menu .wpml-ls-menu-item {
  list-style: none;
  display: flex;
}

#menu-primary-menu .wpml-ls-menu-item > a,
#icl_lang_sel_widget-2 .wpml-ls-item > a {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--main-yellow);
  color: black;
  text-transform: uppercase;
  font-family: var(--title-font);
}

#menu-primary-menu ul.sub-menu .wpml-ls-menu-item > a,
#icl_lang_sel_widget-2 .wpml-ls-item:not(.wpml-ls-current-language) > a {
  background: black;
  color: var(--main-yellow);
}

#menu-primary-menu .wpml-ls-menu-item ul {
  padding-left: 0;
  margin-inline: 0;
  display: flex;
}

#menu-primary-menu .wpml-ls-menu-item ul li {
  padding-block: 0;
}

#menu-primary-menu .wpml-ls-menu-item .sub-menu-toggle {
  display: none;
}

#menu-primary-menu a {
  color: white;
  font-family: var(--title-font);
  font-size: 1.625em;
  text-decoration: none;
}

/* MATERIAL ICONS */
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: "liga";
}
/* END MATERIAL ICONS */
.top-link {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 1em;
  background: var(--main-yellow);
  text-align: center;
  border-top: var(--basic-dark-border);
  z-index: 666;
  opacity: 1;
}
.top-link svg {
  fill: white;
  width: 1em;
}

.top-link.show {
  opacity: 1;
}

.top-link.hide {
  opacity: 0;
}

.vc_row.wpb_row.vc_row-fluid + .vc_row.wpb_row.vc_row-fluid.yellow-block {
  margin-top: 4rem;
}

.socialLinks-box {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

/* post grid pagination */

.vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination-color-black {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  max-width: unset;
}

.vc_grid-pagination li + li,
.portfolio-row .vc_grid-pagination li + li {
  margin-left: 1rem;
}

.vc_grid-pagination
  .vc_grid-pagination-list.vc_grid-pagination-color-black
  > li,
.portfolio-row
  .vc_grid-pagination
  .vc_grid-pagination-list.vc_grid-pagination-color-black
  > li {
  background-color: black !important;
  border: var(--basic-light-border) !important;
  width: 100%;
  max-width: 50px;
  max-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vc_grid-pagination
  .vc_grid-pagination-list.vc_grid-pagination-color-black
  > li
  > a,
.noticias-page
  .vc_grid-pagination
  .vc_grid-pagination-list.vc_grid-pagination-color-black
  > li
  > a,
.vc_grid-pagination
  .vc_grid-pagination-list.vc_grid-pagination-color-black
  > li
  > span,
.portfolio-row
  .vc_grid-pagination
  .vc_grid-pagination-list.vc_grid-pagination-color-black
  > li
  > a,
.portfolio-row
  .noticias-page
  .vc_grid-pagination
  .vc_grid-pagination-list.vc_grid-pagination-color-black
  > li
  > a,
.portfolio-row
  .vc_grid-pagination
  .vc_grid-pagination-list.vc_grid-pagination-color-black
  > li
  > span {
  font-size: 1em;
  background: none !important;
  border: none !important;
  color: white !important;
  opacity: 1;
}

.vc_grid-pagination
  .vc_grid-pagination-list.vc_grid-pagination-color-black
  > li.vc_grid-active,
.portfolio-row
  .vc_grid-pagination
  .vc_grid-pagination-list.vc_grid-pagination-color-black
  > li.vc_grid-active {
  background-color: var(--main-yellow) !important;
  border: var(--basic-yellow-border) !important;
}

.vc_grid-pagination
  .vc_grid-pagination-list.vc_grid-pagination-color-black
  > li.vc_grid-active
  > a,
.portfolio-row
  .vc_grid-pagination
  .vc_grid-pagination-list.vc_grid-pagination-color-black
  > li.vc_grid-active
  > a {
  color: black !important;
  font-weight: 700;
}

/* end post grid pagination */

.yellow-block {
  background: var(--main-yellow);
  color: black;
  padding-block: 3rem;
}

.yellow-block ::marker,
.yellow-block h3 {
  color: black;
}

.yellow-block h2 {
  color: var(--main-yellow);
  position: relative;
  top: -6rem;
  margin-bottom: -6rem !important;
}
.yellow-block h2 strong {
  color: black;
}

.contactos-list {
  list-style: none;
  padding-left: 1.5em;
}

.contactos-list li::before {
  font-family: "Material Icons Outlined";
  position: absolute;
  left: -1.5em;
  color: var(--main-yellow);
}

.contactos-list a {
  color: white;
  text-decoration: none;
}

.morada::before {
  content: "\e0c8";
}

.tel::before {
  content: "\e325";
}

.email::before {
  content: "\e0be";
  top: 1.2em;
}
.linkedin::before {
  content: "";
  background-image: url("https://steelbe.pt/wp-content/uploads/2022/01/LI-In-Bug.png");
  background-color: white;
  background-size: 24px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  border-radius: 2px;
}

/** -- PRELOADER --**/

#full-white-before-load {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  position: fixed;
  background: white;
  top: 0;
  margin: 0;
  padding: 0;
}

.loader {
  width: 200px;
  height: 200px;
  background: url(https://steelbe.pt/wp-content/themes/terastudio-child/loader_steelbe.gif);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/** -- end PRELOADER --**/

/** -- HOMEPAGE -- **/
.home .video-block {
  max-height: 100vh;
  overflow: hidden;
}
.home .video-block .intro-video,
.video-block div[id^="n2-ss-"] .n2-ss-slide-limiter,
div#n2-ss-3 .n-uc-Q6AsG4oT72cP,
div#n2-ss-4 .n-uc-Q6AsG4oT72cP {
  width: 100%;
  max-width: unset !important;
}

.home .video-block .n2-ss-slider .n2_ss_video_player iframe {
  top: -2rem;
}
#intro-block {
  padding-bottom: 2rem;
}
#expectativas-block {
  width: 100%;
  margin: 0;
}
#expectativas-block p {
  text-align: center;
}

.areas-projecto {
  padding-left: 0;
  text-align: center;
  list-style: none;
  margin-inline: auto;
  max-width: 940px;
}

.areas-projecto li {
  padding: 0;
}

.areas-projecto li + li {
  margin-top: 1rem;
}

.areas-projecto img {
  margin-bottom: 1rem;
  width: 100%;
  max-width: 248px;
}
#cat-produtos {
  margin-top: 100px;
}
#cat-produtos .vc_grid-filter-select {
  display: none;
}
#cat-produtos .vc_grid-filter {
  display: flex !important;
  margin-left: auto;
  overflow: auto;
}
#cat-produtos .vc_grid-filter::-webkit-scrollbar {
  height: 0.5rem;
}
#cat-produtos .vc_grid-filter span {
  white-space: nowrap;
}
#cat-produtos .vc_grid-filter.vc_grid-filter-default > .vc_grid-filter-item {
  border: 0;
  border-radius: 0;
  background: none;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.625em;
}
#cat-produtos
  .vc_grid-filter.vc_grid-filter-default
  > .vc_grid-filter-item.vc_active
  > span {
  color: var(--main-yellow);
}
#cat-produtos .vc_grid-owl-dots {
  margin-top: 25px;
}
#cat-produtos .vc_grid-owl-dot span {
  border-radius: 0;
  border: var(--basic-yellow-border) !important;
}
#cat-produtos .vc_grid-owl-dot.active span,
#cat-produtos .vc_grid-owl-dot:hover span {
  background-color: var(--main-yellow) !important;
}
#cat-produtos .vc_btn3-container {
  margin-top: 25px;
  font-weight: 700;
}

#fazemos-block .wpb_wrapper {
  flex-direction: column;
}

.noticias-grid.vc_grid-item {
  margin-block: 1rem;
}

.noticias-grid .vc_gitem-animated-block {
  max-height: 230px;
}

.noticias-grid .vc_gitem_row .vc_gitem-col {
  padding: 0;
}

.noticias-grid .vc_gitem-post-data {
  margin: 1rem;
}

.noticias-grid h3 {
  margin-bottom: 1rem;
  color: black;
}

.noticias-grid .vc_gitem-post-data-source-post_date,
.noticias-grid .vc_btn3-container a {
  font-weight: 700;
}

.noticias-grid .vc_gitem-post-data-source-post_date {
  margin-bottom: 2rem;
}

.noticias-grid .vc_btn3-container a {
  background: none;
  padding: 1rem;
}
footer {
  border-top: var(--basic-yellow-border);
  border-bottom: var(--basic-light-border);
}

.footer h3 {
  margin-bottom: 0;
}
.footer,
.powered-by {
  width: 90vw;
  max-width: 1350px;
  margin-inline: auto;
}
.footer {
  flex-wrap: wrap;
}
.footer > section {
  width: 100%;
}

footer ul li {
  border-bottom: 0;
  padding-bottom: 0;
}

.powered-by {
  padding: 1rem;
  font-size: 80%;
}

.powered-by .tagline p {
  text-align: center;
}

.powered-by img {
  margin: 1rem;
  max-width: 140px;
}

.powered-by a {
  color: var(--main-yellow);
}
/** -- HOMEPAGE -- **/

/** -- PÁGINA QUEM SOMOS -- **/
.about-page .rel-pos {
  bottom: 100px;
  margin-bottom: 0;
}
.about-page .big-nums {
  flex-direction: column;
}
.about-page .icones-valores figure {
  width: calc(100% - 4rem);
  max-width: 660px;
}
.light-list li {
  border-bottom: var(--basic-light-border);
}
.light-list ::marker {
  color: white;
}
/** -- END PÁGINA QUEM SOMOS -- **/

/** -- PÁGINA O QUE FAZEMOS -- **/

.v-bottom-img.wpb_single_image .vc_single_image-wrapper {
  align-items: flex-end;
}

/** -- PÁGINA O QUE FAZEMOS -- **/

/** -- PÁGINA ARCHIVE -- **/
body.archive:not([class*="post-type-archive-wp"]) main#main {
  margin-bottom: 35px;
}
/** -- end PÁGINA ARCHIVE -- **/

/** -- PÁGINA PORTFÓLIO -- **/
.post-type-archive-wpprojetos .project-details,
.post-type-archive-wpprodutos .post-categories {
  font-size: 1.625em;
}
/* - PÁGINA PROJETO SINGLE - */
.project-slider .owl-stage {
  display: flex;
  align-items: center;
}
.project-slider .owl-item {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.project-slider .owl-item img {
  max-height: 640px;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain;
}
.project-slider .owl-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 25px;
}
.project-slider .owl-dots span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: var(--basic-yellow-border);
}
.project-slider .owl-dot.active span {
  background-color: var(--main-yellow);
}
.project-details {
  list-style: none;
  padding: 0;
  display: flex;
  font-family: var(--title-font);
}
.project-details li {
  border: 0;
  padding: 0;
}
.project-details li + li::before {
  content: ", ";
}

.single-wpprojetos .project-details {
  margin: 0;
}
.single-wpprojetos .links-box {
  justify-content: flex-end !important;
}

/** -- END PÁGINA PORTFÓLIO -- **/

/** -- PÁGINA PRODUTOS -- **/
body[class*="post-type-archive-wp"] #content,
.page-id-933 #content,
.page-id-935 #content {
  max-width: 100%;
}
body[class*="post-type-archive-wp"] .entry-header,
.page-id-933 .entry-header,
.page-id-935 .entry-header,
body[class*="post-type-archive-wp"] .intro-block > div,
.page-id-933 .intro-block > div,
.page-id-935 .intro-block > div,
body[class*="post-type-archive-wp"] .archive-block > div,
.page-id-933 .archive-block > div,
.page-id-935 .archive-block > div {
  max-width: 1350px;
  margin-inline: auto;
}
body[class*="post-type-archive-wp"] .yellow-block,
.page-id-933 .yellow-block,
.page-id-935 .yellow-block {
  margin-inline: -5vw;
  padding-inline: 5vw;
}
body[class*="post-type-archive-wp"] .archive-block,
.page-id-933 .archive-block,
.page-id-935 .archive-block {
  margin-top: 100px;
  padding-bottom: 100px;
}
body[class*="post-type-archive-wp"] .archive-block:first-child {
  border-top: var(--basic-yellow-border);
  border-width: 0.6rem;
  padding-top: 100px;
  margin-top: 0;
}
.archive-block .title-block,
.archive-block .contact-block {
  display: flex;
  flex-flow: column wrap;
  align-content: center;
}
.archive-block .title-block p {
  text-align: center;
  max-width: 100%;
}
.archive-block .title-block p a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.archive-block .title-block p a,
.archive-block .title-block p a > * {
  color: var(--main-yellow);
}
.archive-block nav {
  width: 100%;
  text-align: center;
}
.archive-block nav,
.archive-block nav button {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.625em;
}
.archive-block nav ul {
  list-style: none;
  padding: 0;
}
.archive-block nav button {
  font-size: 1em;
  padding: 0;
  background: none;
  border: 0;
  color: white;
  cursor: pointer;
}
.archive-block nav button.active,
.archive-block nav button:hover {
  color: var(--main-yellow);
}
.grid-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.grid-block article {
  display: block;
  border: 0px solid var(--main-yellow);
}
.grid-block article:not(.active) {
  display: none;
}
.grid-block article .img-box {
  aspect-ratio: 1;
  overflow: hidden;
  border: 0px solid var(--main-yellow);
}
.grid-block article .img-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--main-yellow);
  mix-blend-mode: color;
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}
.grid-block article:hover .img-box::after {
  opacity: 1;
}
.grid-block article:hover {
  border-width: 0.5rem;
}
.grid-block article .img-box img {
  height: 100% !important;
  max-width: unset !important;
  object-fit: cover;
}
.grid-block article .text-block {
  position: absolute;
  padding: 1rem;
  inset: 0;
  font-family: "Bebas Neue", sans-serif;
  text-transform: uppercase;
  opacity: 0;
}
.grid-block article:hover .text-block {
  opacity: 1;
}
.grid-block article .text-block h3 {
  margin: 0;
  color: white;
  font-size: 2.25em;
  line-height: 1;
}
.grid-block article .text-block h3 small {
  margin-top: 0.5rem;
}
.grid-block .post-categories {
  list-style: none;
  padding: 0;
}
.grid-block .post-categories li {
  border: 0;
  padding: 0;
  display: inline-block;
}
.grid-block article .perma-link {
  display: flex;
  align-items: flex-end;
}
.grid-block article .perma-link .box-link {
  text-align: center;
  background: black;
  color: white;
  min-width: auto;
  opacity: 0;
}
.archive-block .contact-block {
  margin-top: 100px;
}
.archive-block .contact-block p,
.archive-block .contact-block .box-link {
  text-align: center;
}
.archive-block .contact-block p {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.625em;
}

/* - PRODUTO SINGLE - */
body[class*="single-wp"] #content {
  margin-bottom: 100px;
}
body[class*="single-wp"] .breadcrumb {
  position: relative;
  height: 350px;
  overflow: hidden;
  align-items: flex-end;
  margin-bottom: 50px;
  border-bottom: var(--basic-yellow-border);
  border-width: 0.5rem;
}
body[class*="single-wp"] .breadcrumb::before {
  content: none;
}
body[class*="single-wp"] .breadcrumb::before,
body[class*="single-wp"] .breadcrumb > img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: 0.7;
}
body[class*="single-wp"] .breadcrumb > img {
  filter: grayscale(1);
  opacity: 0.4;
}
body[class*="single-wp"] .breadcrumb h2 {
  color: var(--main-yellow);
  font-size: 3.75em;
  margin-bottom: -1.4rem;
}
body[class*="single-wp"] .content-block {
  max-width: 850px;
  margin-inline: auto;
}
body[class*="single-wp"] .img-box {
  margin-bottom: 50px;
}
body[class*="single-wp"] .entry-header {
  min-height: auto;
}
body[class*="single-wp"] h1 {
  margin: 0;
  text-align: left;
  font-size: 1.625em;
  color: var(--main-yellow);
}
body[class*="single-wp"] h1 small {
  font-size: 0.8em;
}
body[class*="single-wp"] h1 + p {
  margin-top: 50px;
}
body[class*="single-wp"] .text-box p {
  max-width: 100%;
}
body[class*="single-wp"] .links-box {
  width: 100%;
  margin-top: 50px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
body[class*="single-wp"] .links-box * {
  color: var(--main-yellow);
}
body[class*="single-wp"] .links-box a {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.pag-nav {
  margin-top: 100px;
}
.pag-nav ol {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
  counter-reset: pag-counter;
  align-items: stretch;
  overflow-x: scroll;
}
.pag-nav ol::-webkit-scrollbar {
  height: 0.5rem;
}
.pag-nav ol li {
  counter-increment: pag-counter;
  display: flex;
  min-width: 50px;
  min-height: 50px;
  justify-content: center;
  align-items: center;
  color: white;
  border: 1px solid white;
  margin-bottom: 1rem;
}
.pag-nav ol li.active {
  border-color: var(--main-yellow);
  background-color: var(--main-yellow);
}
.pag-nav ol li.active * {
  color: black;
  font-weight: bold;
}
.pag-nav ol li span {
  display: none;
}
.pag-nav ol li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pag-nav ol li a::before {
  content: counter(pag-counter);
}
/* - end PRODUTO SINGLE - */
/** -- end PÁGINA PRODUTOS -- **/

/** -- PÁGINA NOTÍCIAS -- **/

.noticias-page {
  border-top: var(--basic-yellow-border);
  border-width: 0.6rem;
  padding-top: 1rem;
  color: black;
}

.noticias-page .noticias-grid:first-of-type.vc_grid-item:first-of-type {
  margin-top: 0.4rem;
}

/** -- END PÁGINA NOTÍCIAS -- **/

/** -- PÁGINA CONTACTOS -- **/

#contact-map-block.vc_column_container > .vc_column-inner {
  padding-left: 0;
  padding-right: 0;
  max-width: 1350px;
  margin-inline: auto;
}

.contactos-page:not(.yellow-block) {
  background: rgba(255 255 255 /0.25);
}

.contactos-page.yellow-block {
  padding-block: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0;
  border-top: 0.6rem solid var(--main-yellow);
}

.contactos-page.yellow-block .wpb_gmaps_widget {
  margin-bottom: 0;
}

.vc_row.contactos-page {
  margin-left: -2rem;
  margin-right: -2rem;
}

.vc_row.contactos-page.contactos-info-block {
  max-width: calc(1350px + 6rem);
  margin-left: -3rem;
  margin-right: -3rem;
  padding: 0 3rem;
}

.contactos-page.contactos-info-block > .vc_column_container > .vc_column-inner {
  padding-left: 0;
  padding-right: 0;
}

.contactos-page ul {
  list-style: none;
  width: fit-content;
  margin: 0 auto;
  padding-left: 0;
}

.contactos-page ul li {
  border-bottom: 0;
}

.contactos-page li::before {
  position: absolute;
  font-family: "Material Icons Outlined";
}

.contactos-page li.morada::before {
  content: "\e0c8";
}

.contactos-page li.tel::before {
  content: "\e325";
}

.contactos-page li.email::before {
  content: "\e0be";
}

.contactos-page a {
  color: white;
  text-decoration: none;
}

/** -- end PÁGINA CONTACTOS -- **/

/** -- Template Plain -- **/
.page-template-page-plain .entry-content {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  margin-bottom: 4em;
}

.page-template-page-plain h2 {
  color: var(--main-yellow);
  margin-top: 1.6rem;
  font-size: 1.625em;
}

.page-template-page-plain h3,
.page-template-page-plain h4 {
  color: white;
  margin-bottom: 1rem;
}

.page-template-page-plain h4 {
  font-size: 1.313em;
}

.page-template-page-plain p {
  max-width: 100%;
}
.page-template-page-plain ol li {
  border-bottom: 0;
  padding-block: 1rem;
}
.page-template-page-plain ol ::marker {
  font-size: 1em;
}

/** -- PÁGINAS 404 e RESULTADOS DE PESQUISA  -- **/

.error404 header.page-header,
.search-results header.page-header {
  position: relative;
  z-index: unset;
  width: 100%;
  max-width: 1350px;
  padding-top: 0;
}
.error404 #content,
.search-results #content {
  margin-top: 250px;
}

.error404 #content p {
  margin-inline: auto;
}

.error404 #content label {
  font-family: "Bebas Neue", sans-serif;
  margin-bottom: 1rem;
  font-size: 1.625em;
}

.search-results .search-result-count {
  text-align: center;
}
.search-results .site-main > article .entry-header {
  min-height: unset;
}

.search-results .navigation.pagination {
  clear: both;
  padding-block: 4rem;
}

.search-results a {
  color: var(--main-yellow);
}

.search-results .next.page-numbers,
.search-results .prev.page-numbers {
  display: flex;
}

/** -- END PÁGINAS 404 -- **/

/*  FIXES   */
.vc_row[data-vc-full-width] {
  overflow: unset !important;
}
.vc_grid.vc_grid-owl-theme
  .vc_grid-owl-dots.vc_grid-square_dots
  .vc_grid-owl-dot
  span {
  border-width: 1px !important;
  width: 1rem;
  height: 1rem;
}

.vc_responsive .portfolio-row .vc_grid-filter-select {
  display: none !important;
}

.noticias-page .owl-item {
  margin-right: 0 !important;
}

#comments {
  display: none;
}

.post-navigation .nav-links a {
  color: var(--main-yellow);
}

.nav-links .meta-nav {
  gap: 5px;
}

.nav-previous .meta-nav {
  border-right: var(--basic-yellow-border);
}

.nav-next .meta-nav {
  border-left: var(--basic-yellow-border);
}

.nav-previous .meta-nav,
.nav-next .meta-nav {
  border-color: white;
  color: white;
}
.nav-previous .post-title,
.nav-next .meta-nav {
  padding-left: 10px;
}
.nav-next .post-title,
.nav-previous .meta-nav {
  padding-right: 10px;
}

.single-post #content {
  margin-bottom: 100px;
}
.single-post .entry-content > .vc_row {
  padding-top: 2rem;
}

.otgs-development-site-front-end {
  display: none;
}

/* ------ MEDIA QUERIES ------ */

@media screen and (max-width: 759px) {
  .nav-links {
    gap: 50px;
  }
  .nav-previous > *,
  .nav-next > * {
    flex-direction: column;
  }
  .nav-previous > * {
    align-items: flex-start;
  }
  .nav-next > * {
    align-items: flex-end;
  }
  .header #icl_lang_sel_widget-2 {
    position: absolute;
    top: -1000%;
  }

  #fazemos-block p {
    margin-inline: auto;
  }

  .powered-by {
    margin-bottom: 3rem;
  }
}

@media screen and (min-width: 760px) {
  #menu-primary-menu > .wpml-ls-menu-item {
    display: none;
  }
  .big-nums,
  .col-to-row,
  .col-to-row > .vc_column_container > .vc_column-inner > .wpb_wrapper,
  .contactos-form-block form > div.col-to-row > p {
    display: flex;
  }

  .col-to-row:not(#fazemos-block):not(.about-page) > li + li {
    margin-top: 0;
    margin-left: 1rem;
  }
  .contactos-form-block form > div > p {
    max-width: 100%;
  }

  .big-nums li + li {
    margin-left: 4.5rem;
  }

  .big-nums li::before {
    top: 0.8rem;
  }

  .reversed-row,
  .reversed-row > .vc_column_container > .vc_column-inner > .wpb_wrapper {
    flex-direction: row-reverse;
  }

  #expectativas-block .vc_column-inner {
    padding: 0;
  }

  #expectativas-block.col-to-row
    > .vc_column_container
    > .vc_column-inner
    > .wpb_wrapper {
    align-items: center;
    justify-content: space-around;
  }

  #expectativas-block.col-to-row
    > .vc_column_container
    > .vc_column-inner
    > .wpb_wrapper
    > .vc_row {
    width: 50%;
  }

  #expectativas-block.col-to-row
    > .vc_column_container
    > .vc_column-inner
    > .wpb_wrapper
    > .vc_row:nth-of-type(2) {
    padding-right: 1rem;
  }

  #expectativas-block p {
    text-align: left;
  }

  #expectativas-block .title-block h2,
  #expectativas-block a {
    margin-left: 0;
  }

  .areas-projecto {
    justify-content: space-between;
  }

  form .col-to-row label + label {
    margin-left: 1rem;
  }

  .top-link {
    width: auto;
    margin: 1rem;
    border: var(--basic-dark-border);
  }

  .home .noticias-grid > .vc_grid-item-mini {
    display: flex;
    align-items: stretch;
  }

  .home .noticias-grid > .vc_grid-item-mini > div {
    width: 50%;
    max-height: unset;
    max-height: 320px;
  }

  .home
    .noticias-grid
    > .vc_grid-item-mini
    > .vc_gitem-animated-block
    > .vc_gitem-zone {
    height: 100%;
  }

  .about-page .big-nums {
    margin-left: 0;
  }

  .about-page .valores-block {
    padding-block: 2rem;
  }

  .about-page .icones-valores {
    position: absolute;
    bottom: -2rem;
    right: -220%;
  }

  .about-page .rel-pos {
    bottom: 200px;
  }

  .footer {
    display: block;
  }

  .footer > section:not(:first-of-type) {
    display: inline-block;
    width: calc(50% - 2rem);
    float: left;
  }

  .powered-by {
    clear: both;
  }

  .powered-by > div {
    justify-content: space-between;
  }

  .powered-by p {
    text-align: left;
  }

  .powered-by img {
    margin-bottom: 0;
  }

  /**  - SOBRE NÓS -- **/
  .about-page > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display: flex;
    justify-content: space-between;
  }

  .about-page .title-block .wpb_wrapper {
    justify-content: flex-start;
  }
  .about-page .title-block h2 {
    margin-inline: 0;
  }

  .about-page .big-nums {
    width: 100%;
    max-width: 420px;
  }

  .about-page.col-to-row li + li {
    margin-left: 0;
  }

  .about-page .framed-img figure.vc_figure,
  .about-page .framed-img.wpb_single_image .vc_single_image-wrapper {
    max-height: 860px;
    max-width: 480px;
  }

  /**  -- end SOBRE NÓS -- **/

  /**  -- SERVIÇOS -- **/

  .servicos-page.intro-block h1 {
    margin-top: 2rem;
    text-align: left;
  }

  .servicos-page .reversed-row > .wpb_column:first-of-type {
    justify-content: flex-end;
  }

  .servicos-page .reversed-row > .wpb_column:first-of-type {
    justify-content: flex-end;
  }

  .servicos-page .vc_row:not(:last-of-type) > .wpb_column > .vc_column-inner {
    max-width: 680px;
  }

  .servicos-page .reversed-row > .wpb_column:first-of-type > .vc_column-inner {
    max-width: 480px;
  }

  /**  -- end SERVIÇOS -- **/

  /** -- PORTFÓLIO -- **/

  .vc_responsive .portfolio-row .vc_grid-filter {
    display: block !important;
  }

  .portfolio-row .vc_grid-item {
    margin-top: 2rem;
    width: calc(50% - 1rem);
  }

  .portfolio-row .vc_grid-item:nth-of-type(even) {
    margin-left: 2rem;
  }

  /** -- end PORTFÓLIO -- **/

  /** -- PRODUTOS -- **/
  body[class*="post-type-archive-wp"] .archive-block,
  .page-id-933 .archive-block {
    background: url("https://steelbe.pt/wp-content/uploads/2021/12/bg-contactos.jpg")
      no-repeat bottom center;
    margin-inline: -5vw;
    padding-inline: 5vw;
  }

  .grid-block article:hover .perma-link .box-link {
    opacity: 1;
  }
  .grid-block {
    grid-template-columns: repeat(3, 1fr);
  }
  /* - PRODUTO SINGLE - */

  body[class*="single-wp"] .breadcrumb h2 {
    font-size: 4.75em;
    margin-bottom: -1.8rem;
  }
  body[class*="single-wp"] .content-block.portrait-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
  }
  body[class*="single-wp"] .portrait-block .img-box {
    aspect-ratio: 1;
    overflow: hidden;
    margin-bottom: 0;
  }
  body[class*="single-wp"] .portrait-block .img-box img {
    max-width: 100% !important;
    object-fit: cover;
  }
  body[class*="single-wp"] .text-box {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
  }
  body[class*="single-wp"] .portrait-block .text-box {
    flex-direction: column;
    justify-content: center;
  }
  body[class*="single-wp"] .content-block:not(.portrait-block) .text-box > * {
    width: 50%;
  }
  body[class*="single-wp"] .content-block:not(.portrait-block) .text-box {
    justify-content: flex-end;
  }
  .single-wpprodutos
    .content-block:not(.portrait-block)
    .text-box
    div
    *:first-of-type {
    margin-top: 0;
  }
  /* - end PRODUTO SINGLE - */
  /** -- end PRODUTOS -- **/

  /** -- NOTÍCIAS -- **/

  .noticias-page .noticias-grid {
    margin: 0.4rem 1rem 1rem;
    width: calc(33% - 1.3rem);
  }

  .noticias-page .noticias-grid:nth-of-type(n + 3) {
    margin-right: 0;
  }

  .noticias-page .noticias-grid:nth-of-type(1),
  .noticias-page .noticias-grid:nth-of-type(n + 4) {
    margin-left: 0;
  }

  /** -- end NOTÍCIAS -- **/

  /** -- CONTACTOS -- **/

  .contactos-page ul {
    gap: 2rem;
    justify-content: center;
  }
  .contactos-page ul li {
    margin: 0 !important;
  }

  /** -- CONTACTOS -- **/

  /** -- PÁGINAS 404 e RESULTADOS DE PESQUISA  -- **/

  .search-results .site-main > article {
    width: 50%;
    float: left;
  }
  .search-results .site-main > article + article {
    width: calc(50% - 1rem);
    margin-left: 1rem;
  }

  /** -- end PÁGINAS 404 e RESULTADOS DE PESQUISA  -- **/
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .archive-block .grid-block .text-block h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .archive-block .grid-block .text-block .post-categories,
  .archive-block .grid-block .text-block small {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .framed-img.wpb_single_image figure.vc_figure,
  .framed-img.wpb_single_image .vc_single_image-wrapper {
    max-height: 430px;
  }

  #fazemos-block .reversed-row {
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 4rem;
  }

  #fazemos-block .col-to-row .wpb_wrapper > * {
    width: 100%;
  }

  #fazemos-block .col-to-row .wpb_wrapper > * > * {
    max-width: 580px;
  }

  .about-page.intro-block > div {
    width: 50%;
    padding-right: 2rem;
  }

  .about-page.intro-block h1 {
    text-align: left;
  }

  /** -- PORTFÓLIO -- **/

  .portfolio-row .vc_grid-item {
    width: calc(32% - 1rem);
    height: 500px;
  }

  .portfolio-row .vc_grid-item,
  .portfolio-row .vc_grid-item:nth-of-type(even) {
    margin-inline: 1rem;
  }

  .portfolio-meta .vc_gitem-zone-mini {
    transform: translateY(100%) translateY(1px);
  }

  .portfolio-meta:hover .vc_gitem-zone-mini {
    transform: translateY(0%);
  }

  /** -- end PORTFÓLIO -- **/

  /** -- PRODUTOS -- **/
  .archive-block nav ul {
    display: flex;
    justify-content: center;
    gap: 2rem;
  }
  .archive-block nav ul li {
    border-bottom: 0;
  }
  /** -- end PRODUTOS -- **/

  /** -- CONTACTOS -- **/

  .contactos-page.yellow-block .wpb_gmaps_widget,
  .vc_row.contactos-page.contactos-info-block {
    top: 130px;
    z-index: 333;
  }

  .contactos-form-block {
    margin-top: 130px;
  }
  /** -- end CONTACTOS -- **/
  .powered-by > div > div {
    width: calc(100% / 3 - 1rem);
  }
}

@media screen and (min-width: 1200px) {
  .footer {
    flex-flow: row nowrap;
    justify-content: space-between;
    column-gap: 50px;
  }

  .footer h3 {
    margin-top: 0;
  }

  .footer > section,
  .footer > section:not(:first-of-type) {
    width: 100%;
    float: unset;
    display: unset;
  }

  .footer > section:not(:first-of-type) {
    display: flex;
    justify-content: flex-end;
  }
  .home .noticias-grid + .noticias-grid {
    width: calc(50% - 1.6rem);
    margin-left: 1.6rem;
  }

  .home .noticias-grid .vc_gitem-post-data-source-post_excerpt::after {
    content: "\02026";
    position: absolute;
    right: 0;
    bottom: 0;
    background: white;
    padding-left: 1rem;
  }

  .home .noticias-grid p {
    -webkit-line-clamp: 6; /* number of lines to show */
    -webkit-box-orient: vertical;
    max-height: 92px;
    overflow: hidden;
    margin-block: 0;
  }
}

@media screen and (min-width: 1350px) {
  .header > section:first-of-type {
    margin-left: 0;
  }
  .header > section:nth-of-type(3) {
    margin-right: 0;
  }

  .vc_row.contactos-page.contactos-info-block {
    margin-inline: auto;
  }

  .portfolio-row .vc_grid-item {
    height: 650px;
  }

  .footer {
    width: 100%;
  }
}

@media screen and (min-width: 1400px) {
  #masthead #block-21 {
    padding-inline-start: 0;
  }
  header #block-17 .nav__toggle {
    right: 0;
  }
}

@media screen and (min-width: 1500px) {
  .about-page.intro-block {
    padding-bottom: 440px;
  }

  .about-page .vc_row:first-child {
    bottom: 340px;
    margin-bottom: -340px;
  }

  .about-page .framed-img figure.vc_figure,
  .about-page .framed-img.wpb_single_image .vc_single_image-wrapper {
    max-height: 1024px;
    max-width: 680px;
  }
}


body.home #cat-produtos .vc_grid-filter li:first-child{
  display: none;
}
body.home #cat-produtos .vc_grid-filter{
  max-width: 90%;
}

#block-11 > div > div ul > li:nth-child(3){
  display: none;
}