@font-face {
font-family: 'Heebo';
src: url(//bereciartu.com/wp-content/themes/bereciartu/assets/fonts/heebo-var.woff2) format('woff2');
font-weight: 300 800;
font-style: normal;
font-display: swap;
}
:root {
--bc-primary: #008de1;
--bc-primary-dark: #045f95;
--bc-primary-darker: #03486f;
--bc-slate: #3e4756;
--bc-text: #62707f;
--bc-heading: #3e4756;
--bc-light: #e8e8e8;
--bc-pale: #dbf2ff;
--bc-pale-2: #f2faff;
--bc-white: #ffffff;
--bc-black: #000000;
--bc-success: #5abc8e;
--bc-warning: #f5c161;
--bc-border: #e8e8e8;
--bc-container: 1280px;
--bc-radius: 6px;
--bc-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
--bc-font: 'Heebo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
} *,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
font-family: var(--bc-font);
font-size: 16px;
line-height: 1.65;
color: var(--bc-text);
background: var(--bc-white);
-webkit-font-smoothing: antialiased;
}
body.admin-bar .bc-header {
top: 32px;
}
img,
svg,
video {
max-width: 100%;
height: auto;
display: block;
}
a {
color: var(--bc-primary);
text-decoration: none;
transition: color 0.2s ease, opacity 0.2s ease;
}
a:hover {
color: var(--bc-primary-dark);
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 0.6em;
color: var(--bc-heading);
font-weight: 700;
line-height: 1.2;
}
h1 {
font-size: clamp(2.25rem, 4.5vw, 3.5rem);
}
h2 {
font-size: clamp(1.75rem, 3vw, 2.375rem);
line-height: 1.3;
}
h3 {
font-size: clamp(1.15rem, 1.6vw, 1.4rem);
line-height: 1.4;
}
p {
margin: 0 0 1em;
}
ul,
ol {
margin: 0 0 1em;
padding-left: 1.2em;
}
table {
border-collapse: collapse;
width: 100%;
}
::selection {
background: var(--bc-primary);
color: var(--bc-white);
}
.bc-container {
width: 100%;
max-width: var(--bc-container);
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
} .bc-container .bc-container {
max-width: none;
padding-left: 0;
padding-right: 0;
}
.bc-container--narrow {
max-width: 900px;
}
.bc-section {
padding: 70px 0;
}
.bc-section--small {
padding: 44px 0;
}
.bc-section--pale {
background: var(--bc-pale-2);
}
.bc-section--blue {
background: var(--bc-primary);
color: var(--bc-white);
}
.bc-section--slate {
background: var(--bc-slate);
color: var(--bc-white);
}
.bc-section--blue h1,
.bc-section--blue h2,
.bc-section--blue h3,
.bc-section--slate h1,
.bc-section--slate h2,
.bc-section--slate h3 {
color: var(--bc-white);
}
.bc-section-title {
font-size: clamp(1.75rem, 3vw, 2.375rem);
font-weight: 700;
line-height: 1.3;
margin-bottom: 20px;
}
.bc-section-title--white {
color: var(--bc-white);
}
.bc-sr-only {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} .bc-btn,
.bc-btn:visited {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 0 30px;
border-radius: 500px;
border: 1px solid transparent;
font-family: var(--bc-font);
font-size: 1rem;
font-weight: 600;
line-height: 42px;
cursor: pointer;
transition: all 0.2s ease;
}
.bc-btn--primary,
.bc-btn--primary:visited {
background: var(--bc-primary);
color: var(--bc-white);
}
.bc-btn--primary:hover {
background: var(--bc-primary-dark);
color: var(--bc-white);
}
.bc-btn--white,
.bc-btn--white:visited {
background: var(--bc-white);
color: var(--bc-primary);
}
.bc-btn--white:hover {
background: var(--bc-pale);
color: var(--bc-primary-dark);
}
.bc-btn--outline,
.bc-btn--outline:visited {
background: transparent;
border: 2px solid var(--bc-white);
color: var(--bc-white);
}
.bc-btn--outline:hover {
background: var(--bc-white);
border-color: var(--bc-white);
color: var(--bc-primary);
}
.bc-btn--outline-blue,
.bc-btn--outline-blue:visited {
background: transparent;
border-color: var(--bc-primary);
color: var(--bc-primary);
}
.bc-btn--outline-blue:hover {
background: var(--bc-primary);
color: var(--bc-white);
}
.bc-btn--small {
padding: 0 15px;
font-size: 0.8125rem;
line-height: 32px;
}
.bc-btn--large {
padding: 0 40px;
font-size: 1.0625rem;
line-height: 52px;
} .bc-topbar {
background: var(--bc-black);
color: var(--bc-white);
font-size: 0.875rem;
}
.bc-topbar__inner {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 30px;
min-height: 45px;
}
.bc-topbar__nav {
display: flex;
align-items: center;
gap: 15px;
}
.bc-topbar__nav ul {
display: flex;
align-items: center;
gap: 15px;
margin: 0;
padding: 0;
list-style: none;
}
.bc-topbar__nav a {
color: rgba(255, 255, 255, 0.7);
font-size: 0.875rem;
font-weight: 600;
}
.bc-topbar__nav a:hover,
.bc-topbar__nav .current-menu-item > a {
color: var(--bc-white);
}
.bc-lang {
display: flex;
align-items: center;
gap: 15px;
}
.bc-lang ul {
display: flex;
align-items: center;
gap: 15px;
margin: 0;
padding: 0;
list-style: none;
}
.bc-lang img {
width: 20px !important;
height: 14px !important;
max-width: 20px !important;
max-height: 14px !important;
object-fit: cover;
border-radius: 1px;
}
.bc-lang--topbar a {
width: 20px;
height: 14px;
overflow: hidden;
}
.bc-lang a {
display: inline-flex;
opacity: 0.9;
}
.bc-lang a:hover,
.bc-lang .current-lang a {
opacity: 1;
}
.bc-header {
position: sticky;
top: 0;
z-index: 120;
background: var(--bc-primary);
color: var(--bc-white);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
transition: box-shadow 0.2s ease;
}
.bc-header.is-scrolled {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
}
.bc-header__inner {
display: flex;
align-items: center;
gap: 45px;
min-height: 81px;
}
.bc-logo {
display: inline-flex;
flex: 0 0 auto;
}
.bc-logo img {
width: 180px;
height: auto;
}
.bc-nav {
margin-left: auto;
}
.bc-nav > ul {
display: flex;
align-items: center;
gap: clamp(20px, 3.125vw, 45px);
margin: 0;
padding: 0;
list-style: none;
}
.bc-nav > ul > li {
position: relative;
}
.bc-nav > ul > li > a {
display: inline-flex;
align-items: center;
padding: 10px 0;
color: var(--bc-white);
font-size: 1rem;
font-weight: 400;
line-height: 28px;
white-space: nowrap;
}
.bc-nav > ul > li > a:hover {
color: var(--bc-white);
opacity: 0.75;
}
.bc-nav > ul > li.current-menu-item > a,
.bc-nav > ul > li.current-menu-ancestor > a {
color: var(--bc-primary-dark);
}
.bc-nav .sub-menu {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%) translateY(8px);
min-width: 220px;
margin: 0;
padding: 10px 0;
list-style: none;
background: var(--bc-white);
border-radius: var(--bc-radius);
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.18);
opacity: 0;
visibility: hidden;
transition: all 0.18s ease;
z-index: 50;
}
.bc-nav li:hover > .sub-menu,
.bc-nav li:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
.bc-nav .sub-menu a {
display: block;
padding: 8px 22px;
color: var(--bc-heading);
font-size: 0.88rem;
}
.bc-nav .sub-menu a:hover {
background: var(--bc-pale-2);
color: var(--bc-primary);
}
.bc-social {
display: flex;
align-items: center;
gap: 15px;
}
.bc-social a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
color: var(--bc-white);
}
.bc-social a:hover {
opacity: 0.7;
color: var(--bc-white);
}
.bc-social svg {
width: 20px;
height: 20px;
fill: currentColor;
}
.bc-menu-toggle {
display: none;
margin-left: auto;
width: 42px;
height: 42px;
padding: 0;
border: 0;
background: transparent;
color: var(--bc-white);
cursor: pointer;
}
.bc-menu-toggle span {
display: block;
width: 24px;
height: 2px;
margin: 5px auto;
background: currentColor;
transition: transform 0.2s ease, opacity 0.2s ease;
}
.bc-menu-toggle[aria-expanded="true"] span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.bc-menu-toggle[aria-expanded="true"] span:nth-child(2) {
opacity: 0;
}
.bc-menu-toggle[aria-expanded="true"] span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
} .bc-mobile-menu {
display: none;
position: fixed;
inset: 80px 0 0;
z-index: 110;
background: var(--bc-primary-dark);
color: var(--bc-white);
padding: 26px 30px 40px;
overflow-y: auto;
}
.bc-mobile-menu.is-open {
display: block;
}
.bc-mobile-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.bc-mobile-menu > ul > li {
border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}
.bc-mobile-menu a {
display: block;
padding: 13px 0;
color: var(--bc-white);
font-size: 1.05rem;
}
.bc-mobile-menu .sub-menu {
padding-left: 18px;
}
.bc-mobile-menu .sub-menu a {
font-size: 0.92rem;
opacity: 0.85;
}
.bc-mobile-menu__footer {
margin-top: 28px;
display: flex;
flex-direction: column;
gap: 18px;
}
.bc-mobile-menu__footer .bc-lang {
flex-wrap: wrap;
}
.bc-mobile-menu__footer .bc-lang ul {
flex-wrap: wrap;
gap: 14px;
}
.bc-mobile-menu__footer .bc-lang a {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 0;
font-size: 0.9rem;
} .bc-hero {
position: relative;
min-height: 450px;
overflow: hidden;
background: var(--bc-slate);
}
.bc-hero__slides {
position: relative;
min-height: inherit;
}
.bc-hero__slide {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
background-position: center;
opacity: 0;
transition: opacity 0.8s ease;
}
.bc-hero__slide.is-active {
opacity: 1;
}
.bc-hero__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.14);
}
.bc-hero__content {
position: relative;
z-index: 2;
text-align: center;
}
.bc-hero__title {
margin: 0;
color: var(--bc-white);
font-size: clamp(2rem, 3.9vw, 3.5rem);
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
text-shadow: 0 2px 30px rgba(0, 0, 0, 0.25);
}
.bc-hero__title span {
color: var(--bc-primary);
}
.bc-hero__nav {
position: absolute;
top: 50%;
z-index: 3;
transform: translateY(-50%);
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
padding: 10px;
border: 0;
border-radius: 50%;
background: rgba(4, 95, 149, 0.07);
color: var(--bc-white);
cursor: pointer;
opacity: 0.85;
}
.bc-hero__nav:hover {
opacity: 1;
}
.bc-hero__nav--prev {
left: 0;
}
.bc-hero__nav--next {
right: 0;
}
.bc-hero__nav svg {
width: 22px;
height: 22px;
fill: none;
stroke: currentColor;
stroke-width: 1;
}
.bc-hero__dots {
display: none;
}
.bc-hero__dot {
width: 8px;
height: 8px;
padding: 0;
border: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.45);
cursor: pointer;
}
.bc-hero__dot.is-active {
background: var(--bc-white);
} .bc-page-head {
padding: 40px 0 20px;
background: var(--bc-white);
}
.bc-page-title {
margin: 0;
color: var(--bc-heading);
font-size: clamp(2.25rem, 4.5vw, 3.5rem);
font-weight: 700;
line-height: 1.2;
}
.bc-page-head--center {
text-align: center;
}
.bc-page-head--center .bc-page-title {
text-align: center;
} .bc-page-hero {
position: relative;
overflow: hidden;
padding: 70px 0 0;
background: var(--bc-white);
}
.bc-page-hero--steel {
overflow: visible;
} .bc-page-hero--steel::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 600px;
height: 800px;
background: var(--bc-primary);
opacity: 0.85;
-webkit-mask: url(//bereciartu.com/wp-content/themes/bereciartu/assets/img/logo-blanco.svg) no-repeat left top / contain;
mask: url(//bereciartu.com/wp-content/themes/bereciartu/assets/img/logo-blanco.svg) no-repeat left top / contain;
transform: scaleX(-1);
transform-origin: 300px 0;
pointer-events: none;
}
.bc-page-hero--steel + .bc-section {
position: relative;
}
.bc-page-hero__inner {
position: relative;
z-index: 1;
}
.bc-page-hero__title {
margin: 0 0 18px;
color: var(--bc-heading);
font-size: clamp(2.25rem, 4.5vw, 3.5rem);
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
}
.bc-page-hero__title span {
color: var(--bc-primary);
}
.bc-page-hero__lead {
max-width: 600px;
margin: 0;
color: var(--bc-text);
font-size: 1.3333rem;
line-height: 1.75;
} .bc-intro {
position: relative;
display: flex;
align-items: center;
min-height: 720px;
overflow: hidden;
padding: 70px 0;
background: var(--bc-slate);
color: var(--bc-white);
}
.bc-intro::after {
content: '';
position: absolute;
right: -30px;
bottom: -100px;
width: 600px;
height: 800px;
background: url(//bereciartu.com/wp-content/themes/bereciartu/assets/img/logo-blanco.svg) no-repeat right bottom / contain;
opacity: 0.92;
pointer-events: none;
}
.bc-intro__inner {
position: relative;
z-index: 1;
max-width: 600px;
}
.bc-intro__title {
margin: 0 0 20px;
color: var(--bc-white);
font-size: clamp(1.75rem, 3vw, 2.375rem);
font-weight: 700;
line-height: 1.3;
text-transform: uppercase;
}
.bc-intro__title span {
color: var(--bc-primary);
}
.bc-intro__text {
max-width: 600px;
margin-bottom: 20px;
color: var(--bc-white);
font-size: 1.3333rem;
line-height: 1.75;
}
.bc-intro__text p {
margin: 0 0 20px;
}
.bc-intro__text p:last-child {
margin-bottom: 0;
}
.bc-material-icons {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
align-items: center;
gap: 0;
margin: 0 0 30px;
}
.bc-material-icons img {
width: 83px;
height: 83px;
object-fit: contain;
padding: 14px;
border: 1px solid rgba(255, 255, 255, 0.35);
border-radius: 50%;
background: rgba(0, 141, 225, 0.15);
}
.bc-materials-table {
width: auto;
margin: 0 0 30px;
font-size: 0.875rem;
line-height: 1.5;
}
.wp-block-table.bc-materials-table table {
width: auto;
}
.wp-block-table.bc-materials-table th,
.wp-block-table.bc-materials-table td {
width: 150px;
padding: 0 12px;
border: 0;
color: var(--bc-white);
font-weight: 400;
text-align: left;
vertical-align: top;
}
.bc-intro .bc-btn--outline,
.bc-intro .bc-btn--outline:visited {
border-color: var(--bc-primary);
background: var(--bc-primary);
color: var(--bc-white);
}
.bc-intro .bc-btn--outline:hover {
border-color: var(--bc-primary-dark);
background: var(--bc-primary-dark);
color: var(--bc-white);
}
.bc-intro .bc-btn::after {
content: '\00BB';
font-weight: 400;
}
.bc-materials-table td:first-child {
white-space: nowrap;
color: var(--bc-white);
font-weight: 400;
} .bc-services-section .bc-section-title {
color: var(--bc-primary);
}
.bc-services {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 15px;
}
.bc-service-card {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
aspect-ratio: 1;
margin: 0;
padding: 15px;
overflow: hidden;
border-radius: 0;
background-color: var(--bc-primary);
background-image: linear-gradient(180deg, rgba(0, 141, 225, 0.86), rgba(0, 95, 149, 0.88)), var(--bc-card-image);
background-size: cover;
background-position: center;
color: var(--bc-white);
transition: background-image 0.3s ease, transform 0.3s ease;
}
.bc-service-card:hover {
background-image: linear-gradient(180deg, rgba(0, 141, 225, 0.45), rgba(0, 95, 149, 0.55)), var(--bc-card-hover);
transform: translateY(-2px);
}
.bc-service-card__num {
display: block;
margin: 0;
color: var(--bc-white);
font-size: 2rem;
font-weight: 700;
line-height: 1.4;
}
.bc-service-card__body h3 {
margin: 0 0 8px;
color: var(--bc-white);
font-size: 1rem;
font-weight: 500;
line-height: 1.4;
}
.bc-service-card__body p {
margin: 0;
color: var(--bc-white);
font-size: 0.875rem;
line-height: 1.5;
} .bc-tabs__nav {
display: flex;
flex-wrap: wrap;
gap: 0 5px;
margin-bottom: 20px;
}
.bc-tabs__btn {
position: relative;
padding: 10px 15px;
border: 0;
background: transparent;
color: rgba(255, 255, 255, 0.7);
font-family: var(--bc-font);
font-size: 1rem;
font-weight: 600;
line-height: 28px;
cursor: pointer;
}
.bc-tabs__btn::after {
content: '';
position: absolute;
left: 15px;
right: 15px;
bottom: 0;
height: 2px;
background: transparent;
transition: background 0.2s ease;
}
.bc-tabs__btn:hover {
color: var(--bc-white);
}
.bc-tabs__btn.is-active {
color: var(--bc-white);
}
.bc-tabs__btn.is-active::after {
background: var(--bc-white);
}
.bc-tab-panel {
display: none;
grid-template-columns: minmax(0, 1.58fr) minmax(0, 1fr);
gap: 50px;
align-items: stretch;
}
.bc-tab-panel.is-active {
display: grid;
}
.bc-tab-panel__media {
min-height: 297px;
overflow: hidden;
}
.bc-tab-panel__media img {
width: 100%;
height: 100%;
min-height: 297px;
object-fit: cover;
}
.bc-tab-panel__content {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 20px 0 0;
}
.bc-tab-panel__content h3 {
margin: 0 0 20px;
color: var(--bc-white);
font-size: 2rem;
font-weight: 700;
line-height: 1.4;
}
.bc-tab-panel__content p {
max-width: 416px;
margin: 0 0 20px;
color: var(--bc-white);
font-size: 0.875rem;
line-height: 1.5;
} .bc-clients {
padding: 40px 0;
background: var(--bc-white);
}
.bc-clients__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 40px;
align-items: center;
}
.bc-clients__grid img {
width: 100%;
max-height: 105px;
object-fit: contain;
filter: grayscale(0);
opacity: 0.9;
}
.bc-blog {
background: var(--bc-primary-dark);
}
.bc-posts-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 30px;
}
.bc-post-card {
display: flex;
flex-direction: column;
color: var(--bc-white);
}
.bc-post-card__media {
aspect-ratio: 1 / 1;
overflow: hidden;
background: var(--bc-primary-dark);
}
.bc-post-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.35s ease;
}
.bc-post-card:hover .bc-post-card__media img {
transform: scale(1.04);
}
.bc-post-card h3 {
margin: 10px 0 0;
color: var(--bc-white);
font-size: 1rem;
font-weight: 500;
line-height: 1.4;
}
.bc-post-card:hover h3 {
color: var(--bc-white);
text-decoration: underline;
} .bc-footer-cta {
position: relative;
padding: 70px 0 30px;
background: var(--bc-primary-dark);
color: var(--bc-white);
} .bc-footer-cta::before {
content: '';
position: absolute;
inset: 204px 0 163px;
background: url(//bereciartu.com/wp-content/themes/bereciartu/assets/img/footer-bg.jpg) no-repeat center / cover;
}
.bc-footer-cta__inner {
position: relative;
z-index: 1;
display: flex;
align-items: flex-start;
}
.bc-form-card {
width: 100%;
max-width: 373px;
padding: 40px;
background: var(--bc-primary);
color: var(--bc-white);
}
.bc-form-card h2 {
margin: 0 0 20px;
color: var(--bc-white);
font-size: 1.25rem;
font-weight: 700;
line-height: 1.5;
}
.bc-form-card__intro {
margin: 0 0 40px;
color: rgba(255, 255, 255, 0.7);
font-size: 0.875rem;
}
.bc-form-card--light {
background: var(--bc-white);
color: var(--bc-text);
box-shadow: var(--bc-shadow);
}
.bc-form-card--light h2 {
color: var(--bc-heading);
}
.bc-form-card--light .bc-form-card__intro {
color: var(--bc-text);
}
.bc-form-card .wpcf7 {
margin: 0;
}
.bc-form-card .wpcf7-form p {
margin: 0 0 20px;
}
.bc-form-card .wpcf7-form label {
display: block;
margin-bottom: 0;
color: var(--bc-white);
font-size: 0.8125rem;
font-weight: 800;
letter-spacing: 2px;
}
.bc-form-card--light .wpcf7-form label {
color: var(--bc-heading);
}
.bc-form-card .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):not(.wpcf7-list-item-label) {
width: 100%;
height: 44px;
padding: 0 20px;
border: 1px solid transparent;
border-radius: 500px;
background: rgba(255, 255, 255, 0.15);
color: var(--bc-white);
font-family: var(--bc-font);
font-size: 1.125rem;
font-weight: 400;
letter-spacing: normal;
line-height: 1.4;
outline: none;
transition: border-color 0.2s ease, background 0.2s ease;
}
.bc-form-card .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):not(.wpcf7-list-item-label):focus {
border-color: var(--bc-white);
background: rgba(255, 255, 255, 0.2);
}
.bc-form-card--light .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):not(.wpcf7-list-item-label) {
border-color: transparent;
background: var(--bc-pale);
color: var(--bc-text);
}
.bc-form-card--light .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):not(.wpcf7-list-item-label):focus {
border-color: var(--bc-primary);
background: var(--bc-white);
}
.bc-form-card ::placeholder {
color: rgba(255, 255, 255, 0.7);
opacity: 1;
}
.bc-form-card--light ::placeholder {
color: var(--bc-text);
opacity: 1;
}
.bc-form-card select.wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):not(.wpcf7-list-item-label) {
appearance: none;
background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%;
background-size: 5px 5px, 5px 5px;
background-repeat: no-repeat;
padding-right: 34px;
}
.bc-form-card textarea.wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):not(.wpcf7-list-item-label) {
height: 175px;
min-height: 0;
padding: 12px 20px;
border-radius: 0;
resize: vertical;
}
.bc-form-card .wpcf7-submit {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 0;
padding: 0 30px;
border: 1px solid transparent;
border-radius: 500px;
background: var(--bc-white);
color: var(--bc-heading);
font-family: var(--bc-font);
font-size: 1rem;
font-weight: 600;
line-height: 42px;
cursor: pointer;
transition: all 0.2s ease;
}
.bc-form-card .wpcf7-submit:hover {
background: var(--bc-pale);
}
.bc-form-card--light .wpcf7-submit {
background: var(--bc-primary);
color: var(--bc-white);
}
.bc-form-card--light .wpcf7-submit:hover {
background: var(--bc-primary-dark);
}
.bc-form-card .wpcf7-acceptance {
display: flex;
align-items: flex-start;
gap: 8px;
color: rgba(255, 255, 255, 0.85);
font-size: 1rem;
line-height: 1.5;
}
.bc-form-card--light .wpcf7-acceptance {
color: var(--bc-text);
}
.bc-form-card .wpcf7-acceptance label {
font-size: inherit;
font-weight: 400;
letter-spacing: normal;
}
.bc-form-card .wpcf7-acceptance input {
width: 16px;
height: 16px;
margin-top: 4px;
accent-color: var(--bc-primary-dark);
}
.bc-form-card .wpcf7-not-valid-tip {
margin-top: 6px;
color: var(--bc-white);
font-size: 0.875rem;
font-weight: 400;
letter-spacing: normal;
}
.bc-form-card--light .wpcf7-not-valid-tip {
color: #d63c3c;
}
.bc-form-card .wpcf7-list-item {
margin: 0;
}
.bc-form-card .wpcf7-response-output {
margin: 10px 0 0;
padding: 10px 12px;
border: 1px solid rgba(255, 255, 255, 0.35);
border-radius: 4px;
color: var(--bc-white);
font-size: 0.8rem;
}
.bc-form-card--light .wpcf7-response-output {
border-color: var(--bc-primary);
color: var(--bc-heading);
}
.bc-form-card .wpcf7-spinner {
margin: 0 0 0 8px;
}
.bc-form-card input[type='file'].wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):not(.wpcf7-list-item-label) {
height: auto;
padding: 10px 20px;
font-size: 0.875rem;
}
.bc-form-card input[type='file']::file-selector-button {
margin-right: 10px;
padding: 7px 12px;
border: 0;
border-radius: 4px;
background: rgba(255, 255, 255, 0.9);
color: var(--bc-primary-dark);
font-family: var(--bc-font);
font-size: 0.76rem;
cursor: pointer;
} .bc-eu {
padding: 20px 0 0;
background: var(--bc-primary-dark);
}
.bc-eu img {
width: 100%;
height: auto;
margin: 0 auto;
}
.bc-footer {
padding: 70px 0 30px;
background: var(--bc-primary-dark);
color: var(--bc-white);
}
.bc-footer__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.bc-footer__brand .bc-logo img {
width: 200px;
}
.bc-footer__brand .bc-social {
margin: 20px 0 0;
gap: 10px;
}
.bc-footer__brand .bc-social a {
width: 36px;
height: 36px;
border: 1px solid var(--bc-white);
border-radius: 50%;
}
.bc-footer__brand .bc-social svg {
width: 16px;
height: 16px;
}
.bc-footer__contact h3 {
margin: 0 0 20px;
color: var(--bc-white);
font-size: 1rem;
font-weight: 500;
}
.bc-footer__contact p {
display: flex;
align-items: flex-start;
gap: 15px;
margin: 0 0 24px;
color: var(--bc-white);
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
}
.bc-footer__contact a {
color: var(--bc-white);
}
.bc-footer__contact a:hover {
color: var(--bc-white);
text-decoration: underline;
}
.bc-footer__contact .bc-icon {
flex: 0 0 20px;
width: 20px;
height: 20px;
margin-top: 2px;
color: var(--bc-white);
}
.bc-footer__totop {
display: flex;
justify-content: flex-end;
}
.bc-legal {
padding: 20px 0;
background: var(--bc-pale);
color: #999999;
font-size: 0.875rem;
}
.bc-legal__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.bc-legal a {
color: var(--bc-primary);
}
.bc-legal a:hover {
color: var(--bc-primary-dark);
text-decoration: underline;
}
.bc-legal__links {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.bc-legal-menu {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
}
.bc-legal-menu li + li::before,
.bc-legal-menu + a::before {
content: '\00B7';
display: inline-block;
margin: 0 5px;
color: var(--bc-text);
}
.bc-to-top {
display: inline-flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border: 0;
border-radius: 50%;
background: var(--bc-white);
color: var(--bc-slate);
cursor: pointer;
transition: transform 0.2s ease;
}
.bc-to-top:hover {
transform: translateY(-2px);
} .bc-steel-grid {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
align-items: stretch;
}
.bc-materials-card {
padding: 40px;
background: var(--bc-pale);
}
.bc-characteristics-card {
padding: 40px;
background: var(--bc-primary-dark);
color: var(--bc-white);
}
.bc-materials-card h2,
.bc-characteristics-card h2 {
margin: 0 0 20px;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.5;
}
.bc-materials-card h2 {
color: var(--bc-heading);
}
.bc-characteristics-card h2 {
color: var(--bc-white);
}
.bc-materials-table--light {
width: 100%;
margin: 0 0 20px;
font-size: 0.875rem;
line-height: 1.5;
}
.wp-block-table.bc-materials-table--light th,
.wp-block-table.bc-materials-table--light td {
padding: 10px 12px;
border: 0;
border-bottom: 1px solid rgba(62, 71, 86, 0.16);
color: var(--bc-black);
font-weight: 400;
text-align: left;
vertical-align: top;
}
.wp-block-table.bc-materials-table--light tr:last-child th,
.wp-block-table.bc-materials-table--light tr:last-child td {
border-bottom: 0;
}
.wp-block-table.bc-materials-table--light td:first-child {
white-space: nowrap;
}
.bc-materials-note {
margin: 0 0 20px;
color: var(--bc-heading);
font-size: 0.875rem;
}
.bc-materials-card .bc-btn--small {
padding: 0 30px;
border-width: 1px;
font-size: 1rem;
line-height: 42px;
}
.bc-characteristics {
display: flex;
flex-direction: column;
gap: 0;
}
.bc-characteristics__row {
display: grid;
grid-template-columns: 126px minmax(0, 1fr);
gap: 24px;
padding: 10px 12px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.bc-characteristics__label {
margin: 0;
color: var(--bc-white);
font-size: 0.875rem;
line-height: 1.5;
}
.bc-characteristics__value {
color: var(--bc-white);
font-size: 0.875rem;
line-height: 1.5;
}
.bc-characteristics__value p {
margin: 0;
}
.bc-characteristics__note {
margin: 20px 0 0;
color: var(--bc-white);
font-size: 0.875rem;
} .bc-phases {
background: var(--bc-pale);
}
.bc-phases__intro {
max-width: none;
margin-bottom: 40px;
color: var(--bc-heading);
font-size: 0.875rem;
line-height: 1.5;
}
.bc-phases__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start;
}
.bc-phases__media img {
width: 100%;
height: auto;
}
.bc-accordion details {
border-bottom: 1px solid rgba(62, 71, 86, 0.16);
}
.bc-accordion details:first-child summary {
padding-top: 0;
}
.bc-accordion summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 25px 0;
color: var(--bc-heading);
font-size: 1.0667rem;
font-weight: 800;
line-height: 1.2;
text-transform: uppercase;
cursor: pointer;
list-style: none;
}
.bc-accordion summary::-webkit-details-marker {
display: none;
}
.bc-accordion summary::after {
content: '+';
flex: 0 0 auto;
color: var(--bc-primary);
font-size: 1.4rem;
font-weight: 300;
line-height: 1;
}
.bc-accordion details[open] summary::after {
content: '−';
}
.bc-accordion__body {
padding: 0 0 25px;
color: var(--bc-text);
font-size: 0.875rem;
}
.bc-accordion__body p:last-child {
margin-bottom: 0;
} .bc-innovation-hero {
padding: 70px 0;
background: var(--bc-slate);
color: var(--bc-white);
}
.bc-innovation-hero h1 {
margin: 0 0 70px;
color: var(--bc-white);
font-size: clamp(2.25rem, 4.5vw, 3.5rem);
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
}
.bc-innovation-hero h1 span {
color: var(--bc-primary);
}
.bc-innovation-hero h2 {
margin: 0 0 20px;
color: var(--bc-white);
font-size: clamp(1.75rem, 3vw, 2.375rem);
font-weight: 700;
line-height: 1.3;
}
.bc-innovation-hero ul {
margin: 0;
padding-left: 30px;
color: var(--bc-white);
font-size: 1rem;
font-weight: 500;
line-height: 1.4;
}
.bc-innovation-hero li::marker {
color: var(--bc-primary);
}
.bc-innovation-hero__certs {
display: flex;
justify-content: center;
margin-top: 26px;
}
.bc-innovation-hero__certs img {
max-height: 46px;
width: auto;
}
.bc-rd {
padding: 70px 0;
background: var(--bc-white);
}
.bc-rd__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
}
.bc-rd__media img {
width: 100%;
height: auto;
}
.bc-rd__content h2 {
margin-bottom: 20px;
font-size: clamp(1.75rem, 3vw, 2.375rem);
}
.bc-rd__content p {
font-size: 0.875rem;
line-height: 1.5;
}
.bc-rd__logos {
display: flex;
align-items: center;
gap: 26px;
margin-top: 22px;
}
.bc-rd__logos img {
max-height: 50px;
width: auto;
}
.bc-manufacturing {
padding: 70px 0;
background: var(--bc-pale);
}
.bc-tech-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 46px;
align-items: center;
margin-bottom: 46px;
}
.bc-tech-row:last-child {
margin-bottom: 0;
}
.bc-tech-row--reverse .bc-tech-card {
order: 2;
}
.bc-tech-row--reverse .bc-tech-media {
order: 1;
}
.bc-tech-card {
padding: 40px;
}
.bc-tech-card--blue {
background: var(--bc-primary);
color: var(--bc-white);
}
.bc-tech-card--white {
background: var(--bc-white);
color: var(--bc-text);
box-shadow: var(--bc-shadow);
}
.bc-tech-card h3 {
margin: 0 0 20px;
color: inherit;
font-size: 2rem;
font-weight: 700;
line-height: 1.4;
} .bc-tech-card .bc-tech-sub {
float: left;
margin: 0 0.3em 0 0;
color: inherit;
font-size: 2rem;
font-weight: 700;
line-height: 1.4;
}
.bc-tech-card > .bc-tech-sub + * {
margin-block-start: 0;
}
.bc-tech-card table {
font-size: 0.875rem;
}
.bc-tech-card th,
.bc-tech-card td {
padding: 16px 12px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
color: inherit;
text-align: left;
vertical-align: top;
}
.bc-tech-card--white h3,
.bc-tech-card--white .bc-tech-sub {
color: var(--bc-heading);
}
.bc-tech-card .wp-block-table th,
.bc-tech-card .wp-block-table td {
border: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.bc-tech-card--white .wp-block-table th,
.bc-tech-card--white .wp-block-table td {
border-bottom-color: rgba(62, 71, 86, 0.14);
}
.bc-tech-card th {
width: 38%;
font-weight: 500;
opacity: 0.8;
}
.bc-tech-card p {
margin: 0 0 10px;
font-size: 0.875rem;
line-height: 1.5;
}
.bc-tech-media img {
width: 100%;
height: 250px;
object-fit: cover;
} .bc-company-intro {
padding: 70px 0;
background: var(--bc-white);
}
.bc-company-intro__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
align-items: start;
}
.bc-company-intro__title {
margin: 0 0 20px;
color: var(--bc-primary);
font-size: clamp(2.25rem, 4.5vw, 3.5rem);
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
}
.bc-company-intro__text {
font-size: 0.875rem;
line-height: 1.5;
}
.bc-company-intro__text p {
margin: 0 0 20px;
}
.bc-company-intro__media img {
width: 100%;
height: auto;
}
.bc-stats {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 42px;
margin-top: 40px;
}
.bc-stat {
padding: 20px;
border: 1px solid var(--bc-border);
background: var(--bc-white);
}
.bc-stat__label {
margin: 0 0 20px;
color: var(--bc-heading);
font-size: 0.875rem;
font-weight: 700;
line-height: 1.5;
}
.bc-stat__value {
margin: 0;
color: var(--bc-primary);
font-size: 1.25rem;
font-weight: 400;
line-height: 1.5;
}
.bc-history {
padding: 70px 0;
background: var(--bc-white);
}
.bc-history h2 {
margin-bottom: 60px;
font-size: clamp(1.75rem, 3vw, 2.375rem);
} .bc-timeline {
position: relative;
display: block;
}
.bc-timeline::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 4px;
margin-left: -2px;
background: var(--bc-primary);
}
.bc-timeline__item {
position: relative;
display: block;
width: calc(50% - 70px);
margin: 0;
padding: 0 0 20px;
}
.bc-timeline__item:nth-child(even) {
margin-left: calc(50% + 70px);
}
.bc-timeline__item::before {
content: '';
position: absolute;
top: 0;
right: -80px;
width: 20px;
height: 20px;
border: 4px solid var(--bc-primary);
border-radius: 50%;
background: var(--bc-white);
}
.bc-timeline__item:nth-child(even)::before {
right: auto;
left: -80px;
}
.bc-timeline__year {
margin: 0 0 10px;
color: var(--bc-heading);
font-size: clamp(1.75rem, 3vw, 2.375rem);
font-weight: 700;
line-height: 1.3;
}
.bc-timeline__text {
color: var(--bc-text);
font-size: 0.875rem;
line-height: 1.5;
} .bc-sector-intro {
display: grid;
grid-template-columns: minmax(0, 2.04fr) minmax(0, 1fr);
gap: 15px;
margin-bottom: 40px;
}
.bc-sector-intro--reverse {
grid-template-columns: minmax(0, 1fr) minmax(0, 2.04fr);
}
.bc-sector-intro__media img {
width: 100%;
height: 100%;
min-height: 336px;
object-fit: cover;
}
.bc-sector-intro__box {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 40px;
background: var(--bc-primary);
color: var(--bc-white);
}
.bc-sector-intro__box h2 {
margin: 0 0 10px;
color: var(--bc-white);
font-size: 1.25rem;
font-weight: 700;
line-height: 1.5;
}
.bc-sector-intro__box p {
margin: 0 0 20px;
color: rgba(255, 255, 255, 0.85);
font-size: 0.875rem;
line-height: 1.5;
}
.bc-sector-intro__box p:last-child {
margin-bottom: 0;
}
.bc-products-title {
margin: 0 0 40px;
font-size: clamp(1.75rem, 3vw, 2.375rem);
font-weight: 700;
line-height: 1.3;
}
.bc-products {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 40px;
margin-bottom: 52px;
}
.bc-products--three {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bc-products--two {
grid-template-columns: repeat(2, minmax(0, 1fr));
max-width: 760px;
}
.bc-product {
position: relative;
margin: 0;
text-align: center;
}
.bc-product__media {
display: flex;
align-items: center;
justify-content: center;
height: 160px;
padding: 12px;
background: var(--bc-white);
}
.bc-product__media img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
transition: transform 0.3s ease;
}
.bc-product:hover .bc-product__media img {
transform: scale(1.04);
}
.bc-product__plus {
position: absolute;
right: 18px;
bottom: 14px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
border: 0;
border-radius: 50%;
background: var(--bc-primary);
color: var(--bc-white);
font-size: 1rem;
line-height: 1;
cursor: pointer;
}
.bc-product__name {
margin: 10px 0 0;
color: var(--bc-text);
font-size: 0.875rem;
line-height: 1.5;
}
.bc-sector-row {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 2.04fr);
gap: 15px;
margin: 40px 0;
}
.bc-sector-row--reverse {
grid-template-columns: minmax(0, 2.04fr) minmax(0, 1fr);
}
.bc-sector-row__box {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 40px;
background: var(--bc-primary);
color: var(--bc-white);
}
.bc-sector-row__box h2 {
margin: 0 0 10px;
color: var(--bc-white);
font-size: 1.25rem;
font-weight: 700;
line-height: 1.5;
}
.bc-sector-row__box p {
margin: 0 0 20px;
color: rgba(255, 255, 255, 0.85);
font-size: 0.875rem;
line-height: 1.5;
}
.bc-sector-row__media img {
width: 100%;
height: 100%;
min-height: 336px;
object-fit: cover;
} .bc-sector-cards {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 26px;
margin-top: 34px;
}
.bc-sector-card {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 230px;
background: var(--bc-pale-2);
}
.bc-sector-card__media img {
width: 100%;
height: 100%;
min-height: 230px;
object-fit: cover;
}
.bc-sector-card__body {
display: flex;
flex-direction: column;
justify-content: center;
padding: 24px;
}
.bc-sector-card__body h3 {
margin: 0 0 10px;
font-size: 1.15rem;
}
.bc-sector-card__body p {
font-size: 0.8rem;
margin-bottom: 14px;
} .bc-contact {
padding: 20px 0 70px;
}
.bc-contact__info {
display: flex;
flex-wrap: wrap;
gap: 20px 60px;
margin-bottom: 20px;
}
.bc-contact__item {
display: flex;
align-items: center;
gap: 10px;
color: var(--bc-text);
font-size: 0.875rem;
line-height: 1.5;
} .bc-contact__item svg {
flex: 0 0 40px;
width: 40px;
height: 40px;
margin-top: 0;
fill: none;
stroke: var(--bc-primary);
stroke-width: 0.9;
}
.bc-contact__item a {
color: var(--bc-primary);
}
.bc-contact__item a:hover {
color: var(--bc-primary);
}
.bc-contact__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 374px;
gap: 16px;
align-items: stretch;
}
.bc-map {
min-height: 480px;
background: var(--bc-pale-2);
}
.bc-map__consent {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 480px;
padding: 30px;
text-align: center;
}
.bc-map__consent p {
max-width: 420px;
margin: 0 0 16px;
color: var(--bc-text);
}
.bc-video {
position: relative;
margin: 0 0 44px;
aspect-ratio: 16 / 9;
background: var(--bc-slate);
}
.bc-video iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
}
.bc-video__play {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 14px;
border: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.25));
color: var(--bc-white);
font-family: var(--bc-font);
font-size: 0.95rem;
letter-spacing: 0.04em;
text-transform: uppercase;
cursor: pointer;
}
.bc-video__icon {
width: 74px;
height: 74px;
border-radius: 50%;
background: var(--bc-primary);
position: relative;
}
.bc-video__icon::after {
content: '';
position: absolute;
top: 50%;
left: 52%;
transform: translate(-50%, -50%);
border-style: solid;
border-width: 12px 0 12px 20px;
border-color: transparent transparent transparent var(--bc-white);
}
.bc-map iframe {
display: block;
width: 100%;
height: 100%;
min-height: 480px;
border: 0;
}
.bc-contact__form {
height: 100%;
}
.bc-contact__form .bc-form-card {
max-width: none;
height: 100%;
}
.bc-contact__form .bc-form-card h2 {
font-size: 2rem;
line-height: 1.4;
}
.bc-contact__form .bc-form-card__intro {
font-size: 1.3333rem;
line-height: 1.75;
}
.bc-work-hero {
position: relative;
padding: 70px 0;
background-color: var(--bc-slate);
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.42) 60%, rgba(0, 0, 0, 0.3) 100%), url(//bereciartu.com/wp-content/themes/bereciartu/assets/img/work-bg.jpg);
background-size: cover;
background-position: center;
color: var(--bc-white);
}
.bc-work-hero h1 {
max-width: 640px;
margin: 0 0 20px;
color: var(--bc-white);
font-size: clamp(1.75rem, 3vw, 2.375rem);
font-weight: 700;
line-height: 1.3;
}
.bc-work-hero p {
max-width: 580px;
margin: 0 0 70px;
color: var(--bc-white);
font-size: 1.3333rem;
line-height: 1.75;
}
.bc-work-features {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 15px;
max-width: none;
}
.bc-work-feature {
display: flex;
align-items: center;
gap: 30px;
padding: 20px;
background: var(--bc-white);
color: var(--bc-primary);
font-size: 1.25rem;
font-weight: 700;
line-height: 1.5;
}
.bc-work-feature svg {
flex: 0 0 65px;
width: 65px;
height: 65px;
fill: var(--bc-primary);
}
.bc-work-feature p {
margin: 0;
color: var(--bc-primary);
font-size: inherit;
line-height: inherit;
}
.bc-work-form__content .bc-form-card .wpcf7-form p {
color: var(--bc-heading);
}
.bc-work-form {
padding: 70px 0;
}
.bc-work-form__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start;
}
.bc-work-form__media img {
width: 100%;
height: auto;
}
.bc-work-form__content h2 {
margin: 0 0 20px;
font-size: 2rem;
font-weight: 700;
line-height: 1.4;
}
.bc-work-form__content > p {
margin-bottom: 20px;
color: var(--bc-text);
font-size: 1.3333rem;
line-height: 1.75;
}
.bc-work-form__content .bc-form-card {
max-width: none;
padding: 0;
background: transparent;
box-shadow: none;
}
.bc-work-form__content .bc-form-card h2,
.bc-work-form__content .bc-form-card__intro {
display: none;
} .bc-archive {
padding: 10px 0 70px;
}
.bc-archive .bc-posts-grid {
gap: 30px 25px;
}
.bc-archive .bc-post-card h3 {
color: var(--bc-primary);
font-size: 1rem;
font-weight: 500;
}
.bc-pagination {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 46px;
}
.bc-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 38px;
height: 38px;
padding: 0 10px;
border: 1px solid var(--bc-border);
border-radius: 4px;
color: var(--bc-heading);
font-size: 0.84rem;
}
.bc-pagination .page-numbers.current,
.bc-pagination .page-numbers:hover {
border-color: var(--bc-primary);
background: var(--bc-primary);
color: var(--bc-white);
}
.bc-single {
padding: 70px 0;
}
.bc-single__title {
max-width: 750px;
margin: 0 auto 70px;
color: var(--bc-heading);
font-size: clamp(2.25rem, 4.5vw, 3.5rem);
font-weight: 700;
line-height: 1.2;
text-align: center;
}
.bc-single__media {
max-width: none;
margin: 0 0 70px;
}
.bc-single__media img {
width: 100%;
height: auto;
}
.bc-single__content {
max-width: none;
margin: 0;
color: var(--bc-text);
font-size: 1.3333rem;
line-height: 1.75;
}
.bc-single__content p {
margin: 0 0 20px;
}
.bc-single__content h2,
.bc-single__content h3 {
margin-top: 1.4em;
}
.bc-single__content img {
margin: 20px auto;
}
.bc-related {
margin-top: 70px;
}
.bc-related h2 {
margin: 0 0 20px;
font-size: 2rem;
line-height: 1.4;
}
.bc-related .bc-posts-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.bc-related .bc-post-card h3 {
color: var(--bc-primary);
font-size: 1rem;
font-weight: 500;
}
.bc-legal-page {
padding: 10px 0 64px;
}
.bc-legal-page__content {
max-width: 900px;
color: var(--bc-text);
font-size: 0.92rem;
}
.bc-legal-page__content h2,
.bc-legal-page__content h3 {
margin-top: 1.4em;
}
.bc-search-form {
display: flex;
gap: 8px;
max-width: 520px;
margin: 20px 0 34px;
}
.bc-search-form input[type='search'] {
flex: 1;
padding: 12px 16px;
border: 1px solid var(--bc-border);
border-radius: 4px;
font-family: var(--bc-font);
font-size: 0.92rem;
}
.bc-empty {
padding: 40px 0;
color: var(--bc-text);
} .bc-content > * {
margin-top: 0;
}
.bc-content > * + * {
margin-top: 1em;
}
.wp-block-image img {
height: auto;
}
.wp-block-table table {
border-collapse: collapse;
}
.wp-block-table td,
.wp-block-table th {
border: 1px solid var(--bc-border);
padding: 8px 12px;
}
.wp-block-buttons .wp-block-button__link {
padding: 0 30px;
border-radius: 500px;
font-family: var(--bc-font);
font-size: 1rem;
font-weight: 600;
line-height: 42px;
}
.wp-block-cover .wp-block-cover__inner-container {
width: 100%;
}
.is-style-bc-container {
max-width: var(--bc-container);
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
} @media (max-width: 1180px) {
.bc-nav > ul {
gap: 20px;
}
.bc-nav > ul > li > a {
font-size: 0.9375rem;
}
.bc-services {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.bc-posts-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
}
@media (max-width: 1024px) {
.bc-container,
.is-style-bc-container {
padding-left: 30px;
padding-right: 30px;
}
.bc-container .bc-container {
padding-left: 0;
padding-right: 0;
}
.bc-topbar {
display: none;
}
.bc-header__inner {
min-height: 70px;
}
.bc-nav,
.bc-header .bc-social {
display: none;
}
.bc-menu-toggle {
display: block;
}
.bc-mobile-menu {
inset: 70px 0 0;
}
.bc-hero {
min-height: 380px;
}
.bc-page-hero--steel::before {
display: none;
}
.bc-services {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bc-tab-panel {
grid-template-columns: 1.3fr 1fr;
gap: 22px;
}
.bc-steel-grid,
.bc-phases__grid,
.bc-rd__grid,
.bc-company-intro__grid,
.bc-work-form__grid {
grid-template-columns: 1fr;
gap: 30px;
}
.bc-sector-intro,
.bc-sector-row,
.bc-sector-row--reverse {
grid-template-columns: 1fr;
}
.bc-sector-intro__box,
.bc-sector-row__box {
padding: 26px 24px;
}
.bc-contact__grid {
grid-template-columns: 1fr;
}
.bc-map,
.bc-map iframe {
min-height: 360px;
}
.bc-company-intro__grid {
gap: 28px;
}
.bc-stats {
max-width: 520px;
}
}
@media (max-width: 760px) {
body {
font-size: 15px;
}
.bc-section {
padding: 50px 0;
}
.bc-container,
.is-style-bc-container {
padding-left: 20px;
padding-right: 20px;
}
.bc-container .bc-container {
padding-left: 0;
padding-right: 0;
}
.bc-header__inner {
min-height: 64px;
}
.bc-mobile-menu {
inset: 64px 0 0;
}
.bc-logo img {
width: 150px;
}
.bc-hero {
min-height: 300px;
}
.bc-hero__nav {
width: 36px;
height: 36px;
}
.bc-hero__nav--prev {
left: 8px;
}
.bc-hero__nav--next {
right: 8px;
}
.bc-hero__nav svg {
width: 22px;
height: 22px;
}
.bc-page-head {
padding: 32px 0 16px;
}
.bc-intro {
padding: 46px 0 50px;
}
.bc-intro::after {
width: 480px;
height: 480px;
right: -140px;
bottom: -170px;
opacity: 0.55;
}
.bc-intro__inner {
max-width: 100%;
}
.bc-material-icons {
gap: 10px;
}
.bc-material-icons img {
width: 64px;
height: 64px;
padding: 10px;
}
.wp-block-table.bc-materials-table th,
.wp-block-table.bc-materials-table td {
width: auto;
}
.bc-services {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.bc-service-card {
padding: 12px;
}
.bc-service-card__num {
font-size: 1.75rem;
}
.bc-service-card__body h3 {
font-size: 0.9375rem;
}
.bc-service-card__body p {
font-size: 0.8125rem;
}
.bc-tabs__nav {
gap: 0;
}
.bc-tabs__btn {
padding: 8px 12px;
font-size: 0.9375rem;
}
.bc-tab-panel,
.bc-tab-panel.is-active {
grid-template-columns: 1fr;
gap: 0;
}
.bc-tab-panel__media,
.bc-tab-panel__media img {
min-height: 180px;
}
.bc-tab-panel__content {
padding: 20px 0 0;
}
.bc-clients__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px 28px;
}
.bc-clients__grid img {
max-height: 70px;
}
.bc-posts-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.bc-post-card h3 {
font-size: 0.9375rem;
}
.bc-footer-cta {
padding: 40px 0;
}
.bc-footer-cta::before {
display: none;
}
.bc-footer-cta__inner {
justify-content: center;
}
.bc-form-card {
max-width: 100%;
padding: 30px 20px;
}
.bc-footer__grid {
grid-template-columns: 1fr;
gap: 30px;
}
.bc-footer__brand {
text-align: center;
}
.bc-footer__brand .bc-social {
justify-content: center;
}
.bc-legal__inner {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.bc-steel-grid {
gap: 14px;
}
.bc-materials-card,
.bc-characteristics-card {
padding: 24px 20px;
}
.bc-characteristics__row {
grid-template-columns: 1fr;
gap: 4px;
}
.bc-phases__grid {
gap: 24px;
}
.bc-tech-row,
.bc-tech-row--reverse {
grid-template-columns: 1fr;
gap: 16px;
}
.bc-tech-row--reverse .bc-tech-card,
.bc-tech-row--reverse .bc-tech-media {
order: initial;
}
.bc-tech-media img {
height: 200px;
}
.bc-tech-card {
padding: 30px 20px;
}
.bc-tech-card h3,
.bc-tech-card .bc-tech-sub {
font-size: 1.5rem;
}
.bc-products {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.bc-products--three {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bc-product__media {
height: 120px;
}
.bc-sector-cards {
grid-template-columns: 1fr;
}
.bc-sector-card {
grid-template-columns: 1fr;
}
.bc-sector-card__media img {
min-height: 180px;
max-height: 220px;
}
.bc-timeline::before {
left: 10px;
}
.bc-timeline__item,
.bc-timeline__item:nth-child(even) {
width: auto;
margin-left: 50px;
}
.bc-timeline__item::before,
.bc-timeline__item:nth-child(even)::before {
right: auto;
left: -50px;
}
.bc-contact__info {
flex-direction: column;
gap: 12px;
}
.bc-work-features {
grid-template-columns: 1fr;
}
.bc-work-feature {
font-size: 1.1rem;
}
.bc-sector-intro__media img,
.bc-sector-row__media img {
min-height: 220px;
}
.bc-work-hero {
padding: 46px 0 40px;
}
.bc-stats {
grid-template-columns: 1fr;
}
.bc-single__title {
text-align: left;
}
.bc-related .bc-posts-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 420px) {
.bc-services {
grid-template-columns: 1fr 1fr;
}
.bc-service-card {
min-height: 170px;
}
.bc-products {
grid-template-columns: 1fr;
}
.bc-products--three {
grid-template-columns: 1fr;
}
} .bc-main {
min-height: 40vh;
}
.bc-post-card > a {
display: flex;
flex-direction: column;
color: inherit;
}
.bc-post-card > a:hover {
color: inherit;
}
.bc-sr-only:focus {
position: fixed !important;
top: 8px;
left: 8px;
z-index: 9999;
width: auto;
height: auto;
padding: 10px 16px;
clip: auto;
background: var(--bc-white);
color: var(--bc-primary);
font-size: 0.85rem;
border-radius: 4px;
box-shadow: var(--bc-shadow);
}
.bc-legal__links ul {
display: flex;
flex-wrap: wrap;
gap: 0;
margin: 0;
padding: 0;
list-style: none;
}
.bc-legal__links li {
margin: 0;
}
.bc-lightbox {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
background: rgba(0, 0, 0, 0.86);
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s ease;
}
.bc-lightbox.is-open {
opacity: 1;
visibility: visible;
}
.bc-lightbox__figure {
max-width: min(900px, 90vw);
max-height: 85vh;
margin: 0;
text-align: center;
}
.bc-lightbox__figure img {
max-width: 100%;
max-height: 78vh;
width: auto;
height: auto;
margin: 0 auto;
background: var(--bc-white);
}
.bc-lightbox__figure figcaption {
margin-top: 12px;
color: var(--bc-white);
font-size: 0.86rem;
}
.bc-lightbox__close {
position: absolute;
top: 20px;
right: 24px;
width: 44px;
height: 44px;
border: 0;
background: transparent;
color: var(--bc-white);
font-size: 2.2rem;
line-height: 1;
cursor: pointer;
}
body.admin-bar .bc-mobile-menu {
top: 102px;
}
@media (max-width: 782px) {
body.admin-bar .bc-header {
top: 46px;
}
body.admin-bar .bc-mobile-menu {
top: 110px;
}
} .bc-hero__slide::before {
content: '';
position: absolute;
inset: 0;
z-index: 0;
background: rgba(0, 0, 0, 0.14);
pointer-events: none;
}
.bc-hero__slide > *,
.bc-service-card > *,
.bc-sector-tile > * {
position: relative;
z-index: 1;
margin-block-start: 0;
}
.bc-service-card {
background-image: none;
}
.bc-service-card::before {
content: '';
position: absolute;
inset: 0;
z-index: 0;
background: linear-gradient(180deg, rgba(0, 141, 225, 0.86), rgba(0, 95, 149, 0.88));
transition: background 0.3s ease;
}
.bc-service-card:hover {
background-image: none;
transform: translateY(-2px);
}
.bc-service-card:hover::before {
background: linear-gradient(180deg, rgba(0, 141, 225, 0.45), rgba(0, 95, 149, 0.55));
}
.bc-services--detail {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 15px 23px;
}
.bc-services--detail .bc-service-card {
padding: 30px;
}
.bc-services--detail .bc-service-card__body {
margin-top: 40px;
}
.bc-services--detail .bc-service-card__body h3 {
margin: 0 0 20px;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.5;
}
.bc-services--detail .bc-service-card__body p {
color: var(--bc-white);
font-size: 0.875rem;
line-height: 1.5;
} .bc-services > *,
.bc-tab-panel > *,
.bc-sector-intro > *,
.bc-sector-row > *,
.bc-sector-cards > *,
.bc-sector-card > *,
.bc-products > *,
.bc-contact__grid > *,
.bc-work-features > *,
.bc-work-form__grid > *,
.bc-company-intro__grid > *,
.bc-steel-grid > *,
.bc-phases__grid > *,
.bc-rd__grid > *,
.bc-tech-row > *,
.bc-stats > *,
.bc-clients__grid > *,
.bc-footer-cta__inner > *,
.bc-legal__inner > *,
.bc-hero__slide > *,
.bc-service-card > *,
.bc-intro__inner > *,
.bc-sector-grid > *,
.bc-material-icons > *,
.bc-characteristics > *,
.bc-characteristics__row > * {
margin-block-start: 0;
margin-block-end: 0;
}
.bc-intro__inner > .bc-intro__title {
margin-bottom: 20px;
}
.bc-intro__inner > .bc-intro__text {
margin-bottom: 20px;
}
.bc-intro__inner > .bc-material-icons,
.bc-intro__inner > .bc-materials-table {
margin-bottom: 30px;
}
.bc-tab-panel__media,
.bc-sector-intro__media,
.bc-sector-row__media,
.bc-sector-card__media,
.bc-product__media,
.bc-rd__media,
.bc-tech-media,
.bc-company-intro__media,
.bc-work-form__media {
margin: 0;
}
.bc-tab-panel__media .wp-block-image,
.bc-sector-intro__media .wp-block-image,
.bc-sector-row__media .wp-block-image,
.bc-sector-card__media .wp-block-image,
.bc-product__media .wp-block-image,
.bc-rd__media .wp-block-image,
.bc-tech-media .wp-block-image,
.bc-company-intro__media .wp-block-image,
.bc-work-form__media .wp-block-image {
height: 100%;
margin: 0;
}
.bc-tab-panel__media img,
.bc-sector-intro__media img,
.bc-sector-row__media img,
.bc-sector-card__media img,
.bc-product__media img,
.bc-rd__media img,
.bc-tech-media img,
.bc-company-intro__media img,
.bc-work-form__media img {
display: block;
} .bc-sector-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 40px;
}
.bc-sector-tile {
position: relative;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1;
min-height: 0;
overflow: hidden;
background-color: var(--bc-primary-dark);
background-size: cover;
background-position: center;
text-align: center;
text-decoration: none;
}
.bc-sector-tile::before {
content: '';
position: absolute;
inset: 0;
z-index: 0;
background: rgba(0, 0, 0, 0.15);
transition: background 0.25s ease;
}
.bc-sector-tile:hover::before {
background: rgba(4, 95, 149, 0.45);
}
.bc-sector-tile h2,
.bc-sector-tile h3 {
position: relative;
z-index: 1;
margin: 0;
padding: 20px;
color: var(--bc-white);
font-size: 1.25rem;
font-weight: 600;
line-height: 1.4;
} .bc-sector-tile a,
.bc-sector-tile a:hover,
.bc-sector-tile:hover h2,
.bc-sector-tile:hover h3 {
color: var(--bc-white);
} .bc-sector-cards > * {
min-width: 0;
}
.bc-sector-card__body a {
color: var(--bc-primary);
} .bc-product__plus {
z-index: 2;
}
.bc-product__name {
position: relative;
z-index: 1;
} .bc-blog-query .wp-block-post-template {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 30px;
margin: 0;
padding: 0;
list-style: none;
}
.bc-blog-query .wp-block-post {
display: flex;
flex-direction: column;
min-width: 0;
margin: 0;
}
.bc-blog-query .wp-block-post-featured-image {
aspect-ratio: 1 / 1;
margin: 0;
overflow: hidden;
background: var(--bc-primary-dark);
}
.bc-blog-query .wp-block-post-featured-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.35s ease;
}
.bc-blog-query .wp-block-post:hover .wp-block-post-featured-image img {
transform: scale(1.04);
}
.bc-blog-query .wp-block-post-title {
margin: 10px 0 0;
color: var(--bc-white);
font-size: 1rem;
font-weight: 500;
line-height: 1.4;
}
.bc-blog-query .wp-block-post-title a {
color: var(--bc-white);
}
.bc-blog-query .wp-block-post-title a:hover {
text-decoration: underline;
}
.bc-blog-query .wp-block-post-date {
margin: 6px 0 0;
color: rgba(255, 255, 255, 0.72);
font-size: 0.7rem;
} .bc-contact__item svg {
flex: 0 0 40px;
}
.bc-work-feature img {
flex: 0 0 65px;
width: 65px;
height: 65px;
object-fit: contain;
}
.bc-work-form__content .bc-form-card .wpcf7-form label {
color: var(--bc-heading);
}
.bc-work-form__content .bc-form-card .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):not(.wpcf7-list-item-label) {
border: 1px solid transparent;
background-color: var(--bc-pale);
color: var(--bc-text);
}
.bc-work-form__content .bc-form-card ::placeholder {
color: var(--bc-text);
opacity: 1;
}
.bc-work-form__content .bc-form-card .wpcf7-acceptance {
color: var(--bc-text);
}
.bc-work-form__content .bc-form-card .wpcf7-submit {
background: var(--bc-primary);
color: var(--bc-white);
}
.bc-work-form__content .bc-form-card .wpcf7-submit:hover {
background: var(--bc-primary-dark);
} .bc-simple-hero {
padding: 70px 0 20px;
background: var(--bc-white);
}
.bc-simple-hero h1 {
margin: 0;
color: var(--bc-heading);
font-size: clamp(2.25rem, 4.5vw, 3.5rem);
font-weight: 700;
line-height: 1.2;
}
.bc-simple-hero p {
max-width: 680px;
margin: 20px 0 0;
color: var(--bc-text);
font-size: 1rem;
}
@media (max-width: 1024px) {
.bc-services--detail {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bc-sector-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bc-blog-query .wp-block-post-template {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 760px) {
.bc-services--detail {
grid-template-columns: 1fr;
}
.bc-services--detail .bc-service-card {
aspect-ratio: auto;
min-height: 230px;
}
.bc-sector-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
} .bc-blog-query .wp-block-post-template.wp-block-post-template-is-layout-grid[class*='columns-'] {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.bc-sector-tile h2,
.bc-sector-tile h3 {
font-size: 1rem;
}
} @media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}