.slick-slider
{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}@view-transition {
navigation: auto;
}
:root {
--bg-darker: #131313;
--bg-dark: #222222;
--bg-dark-lighter: #292929;
--text-darker: #1b1b1b;
--text-dark: #393939;
--gray: #8b8b8b;
--light-gray: #dcdcdc;
--gray-light: var(--light-gray);
--gray-lighter: #f7f7f7;
--red: #fe171c;
--red-dark: #d60005;
--primary: #fe171c;
--text-line-height: 1.65em;
--title-line-height: 1.2em;
--text-font-weight: 300;
--card-border-color: var(--light-gray);
--text-12-14: clamp(0.75rem, 0.6875rem + 0.3125vw, 0.875rem);
--text-14-18: clamp(0.875rem, 0.8125rem + 0.3125vw, 1.125rem);
--text-form: clamp(16px, 0.8125rem + 0.3125vw, 1.125rem);
--text-16-20: clamp(1rem, 0.9375rem + 0.3125vw, 1.25rem);
--text-18-25: clamp(18px, 16.25px + 0.5469vw, 25px);
--text-21-28: clamp(1.3125rem, 1.2031rem + 0.5469vw, 1.75rem);
--text-22-34: clamp(1.375rem, 1.1023rem + 0.8523vw, 2.125rem);
--text-25-45: clamp(1.5625rem, 1.25rem + 1.5625vw, 2.8125rem);
--spacer-20: clamp(15px, 13.75px + 0.3906vw, 20px);
--spacer-40: clamp(25px, 21.25px + 1.1719vw, 40px);
--spacer-60: clamp(35px, 28.75px + 1.9531vw, 60px);
--spacer-100: clamp(50px, 30px + 2vw, 100px);
--spacer-50-130: clamp(3.125rem, 1.875rem + 6.25vw, 8.125rem);
--swiper-theme-color: var(--primary);
--swiper-pagination-bullet-inactive-color: var(--gray);
--swiper-pagination-bullet-inactive-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 0.4rem;
--swiper-pagination-bullet-width: 1.4rem;
--swiper-pagination-bullet-height: 0.6rem;
--swiper-pagination-bullet-border-radius: 5px;
--swiper-pagination-bottom: 0;
--mobile-breakpoint: 768px;
}
@media (width < 768px) {
:root {
--needed-top-space: 80px;
}
}
@media (min-width: 768px) and (max-width: 1023.98px) {
:root {
--needed-top-space: 180px;
}
}
@media (width>=1024px) {
:root {
--needed-top-space: 100px;
}
}
@media (width<1200px) {
:root {
--swiper-pagination-bottom: -5vw;
}
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-size: 16px;
}
html:not(.js) {
[data-vc-full-width='true'][data-vc-full-width-init='false'] {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
& > .wpb_column {
padding-inline: calc((100% - 1596px) / 2); }
}
}
body {
font-weight: 400;
font-size-adjust: none;
color: #000;
overflow-x: hidden !important;
margin: 0;
padding: 0;
background: #fff;
accent-color {
color: var(--primary);
}
scroll-padding-top: 250px;
}
* {
box-sizing: border-box;
}
.mobile-only {
display: block;
}
.desktop-only {
display: none !important;
}
@media (width>=768px) {
.mobile-only {
display: none !important;
}
.desktop-only {
display: inline-block !important;
}
}
:focus {
outline: none;
}
.clr {
clear: both;
}
a {
text-decoration: none;
&:active,
&:hover,
&:focus {
outline: 0;
text-decoration: none;
}
}  .single article .article-content p,
p,
.post-excerpt,
ul,
ul.pilon-list,
ol,
th,
td,
dt,
dd,
address,
input,
textarea {
font-family: 'Poppins', sans-serif;
}
.balance,
[class^='titolo'] {
text-wrap: balance;
}
.titolo {
margin-bottom: var(--spacer-40);
}
.titolo,
.titolo * {
font-size: var(--text-25-45) !important;
line-height: var(--title-line-height) !important;
font-weight: 600;
color: var(--text-dark);
text-wrap: balance;
&:has(strong) {
font-weight: var(--text-font-weight);
strong {
font-weight: 600;
text-align: inherit;
}
}
}
.titolo-smaller,
.titolo-smaller * {
text-transform: uppercase;
font-size: var(--text-14-18);
font-weight: 400;
}
.titolo-small,
.titolo-small * {
font-size: var(--text-21-28);
}
@media (width<768px) {
.titolo,
.titolo-smaller,
.titolo-small {
&.text-center {
text-align: left !important;
}
} }
.titolo-hero {
color: #fff !important;
text-align: left !important;
strong {
display: inline-block;
text-align: inherit;
margin-block: 0.1em !important;
}
h1 {
text-transform: uppercase;
}
}
@media (width>=1000px) {
.titolo-hero,
.banner-section .titolo {
.wpb_wrapper {
width: min(1000px, 55vw);
position: relative;
h1 {
max-width: 100%;
text-wrap: balance;
}
}
}
}
.lead-text p { font-size: clamp(1rem, 0.95rem + 0.85vw, 2.125rem);
width: min(100%, 1200px);
}
.lead-text-md p {
font-size: clamp(0.875rem, 0.85rem + 0.65vw, 1.6rem);
width: 100%;
}
.lead-text-md p,
.lead-text p {
color: var(--text-darker);
line-height: 1.4em;
text-wrap: balance;
text-wrap: pretty;
text-align: left !important;
u {
position: relative;
display: inline-block;
text-decoration: none;
}
i {
font-style: normal;
text-decoration: underline;
text-decoration-line: underline;
text-decoration-thickness: 6px;
text-decoration-style: solid;
text-decoration-color: var(--primary);
text-underline-offset: -0.065em;
text-decoration-skip-ink: none;
font-weight: 600;
}
u::after {
content: '';
position: absolute;
left: -2px;
right: -2px;
bottom: -5px;
height: 12px;
background-image: url(//www.arcossrl.com/en//wp-content/uploads/lead-underscore.png);
background-position: top center;
background-repeat: no-repeat;
background-size: contain;
}
&:not(:first-of-type) {
margin-top: 0.5em;
}
} body.error404 {
max-height: 100dvh;
overflow: hidden;
background-color: var(--bg-dark);
.footer-top {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 999;
.footer-row-1 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
}
@media (height<1200px), (orientation: portrait) {
.footer-top .footer-row-1 {
display: none;
}
}
}
.h-100 {
min-height: 60vh;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
.wpb_wrapper {
padding-top: 0;
}
}
body {
h1,
h2,
h3,
h4,
h5,
h6,
.titolo p,
.titolo-smaller p,
.titolo-small p { line-height: var(--title-line-height) !important;
&.titolo {
font-size: var(--text-25-45) !important;
font-weight: 600;
}
&.titolo-smaller {
text-transform: uppercase;
font-size: var(--text-14-18) !important;
font-weight: 400;
}
&.titolo-small {
font-size: var(--text-21-28) !important;
}
}
}
.hidden,
.edit-link {
display: none !important;
} .btn,
.btn-link,
.btn-lg,
a.button {
margin: 1rem 0 0 0;
display: inline-block;
}
.btn,
.btn-lg,
.vc_general.vc_btn3,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern,
input[type='submit'],
input.wpcf7-form-control.wpcf7-submit,
button:not(.navbar-toggle):not(.mfp-close):not(.cmplz-btn):not(.mfp-arrow) {
min-width: 11.625rem;
font-size: var(--text-14-18) !important;
font-weight: 600 !important;
text-transform: uppercase;
border-radius: 10px !important;
padding: 1em 2.5em !important;
border: none;
color: #fff;
background-color: var(--primary);
background: var(--primary);
overflow: hidden;
&:hover,
&:active,
&:focus {
background-color: var(--red-dark);
background: var(--red-dark);
color: #fff; border: 0 !important;
}
&:before,
&:after {
content: '';
display: none;
}
&.btn-black a {
background-color: var(--bg-dark);
background: var(--bg-dark);
&:hover,
&:active,
&:focus {
background-color: var(--bg-dark-lighter);
background: var(--bg-dark-lighter);
color: #fff !important;
border: 0 !important;
}
}
}
.large > .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
@media (width>=768px) {
min-width: 17.375rem;
}
max-width: 100%;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: var(--primary);
&,
&:is(:hover, :active, :focus) {
background: transparent !important;
}
}
.mt_thumbnails_custom_content_link_content a.button,
.thumbnail .caption a.btn-custom-content,
.btn-link {
font-size: var(--text-16-20) !important;
padding-left: 0 !important;
padding-right: 0 !important;
color: var(--primary) !important;
background: none !important;
border-radius: 0;
min-width: 11.625rem;
text-transform: uppercase;
margin-top: 1rem;
font-weight: 600 !important;
&:before,
&:after {
display: none !important;
content: '';
}
&:is(:hover, :focus, :active) {
text-decoration: underline;
text-decoration-thickness: 2px;
text-decoration-style: solid;
background: none !important;
color: var(--red-dark) !important;
box-shadow: none;
}
}
.button-w-right-line {
position: relative;
width: 100%;
}
a.rev-btn {
text-transform: uppercase !important;
}
.video .mt_video {
height: 480px;
max-height: 80vw;
border-radius: 0;
width: 100%;
& > div {
height: 100%;
align-content: center;
background-size: cover !important;
background-position: center !important;
}
}
.block {
display: block !important;
width: 100%;
}
.vc_btn3-container {
margin-bottom: 0;
}
.vc_btn3-container.btn {
padding: 0 !important;
}
.btn-black button.vc_general.vc_btn3,
.button-black button.vc_general.vc_btn3 {
background-color: #151515 !important;
}
.btn-black button.vc_general.vc_btn3::after,
.button-black button.vc_general.vc_btn3::after {
background-color: var(--primary) !important;
}
.vc_btn3-container a.vc_btn3,
.prettyPhoto_btn a.vc_btn3 {
position: relative;
z-index: 1;
}
.vc_btn3-container a.vc_btn3,
.vc_btn3-container a.vc_btn3::after,
.prettyPhoto_btn a.vc_btn3,
.prettyPhoto_btn a.vc_btn3::after {
transition: all 0.2s ease-in-out;
}
.vc_btn3-container a.vc_btn3::after,
.prettyPhoto_btn a.vc_btn3::after {
height: 100%;
left: 0;
top: 0;
width: 0;
color: #ffffff !important;
}
.vc_btn3-container a.vc_btn3:hover::after,
.prettyPhoto_btn a.vc_btn3:hover:after {
width: 100%;
}
.btn-red a.vc_general.vc_btn3 {
font-weight: 400;
z-index: 1;
}
.blog-list-wrapper a.vc_general.vc_btn3 {
z-index: 1;
} .text,
.text_p,
& > p {
font-size: var(--text-14-18) !important;
line-height: var(--text-line-height) !important;
font-weight: var(--text-font-weight);
}
.blogloop-v1.list-view .post-details .post-excerpt p,
p {
font-size: var(--text-14-18);
line-height: var(--text-line-height) !important;
font-weight: var(--text-font-weight);
color: var(--text-dark);
margin: 0 0 20px 0;
margin-block-start: 0;
margin-block-end: 0;
strong {
font-weight: 600;
}
&:last-child {
margin-bottom: 0;
}
}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
&,
& * {
font-family: 'Poppins', sans-serif;
line-height: var(--title-line-height); }
}
.rounded {
&,
& > figure {
border-radius: 10px !important;
overflow: hidden;
}
}
.wpb_single_image > figure {
border-radius: 10px;
overflow: hidden;
}
.square {
width: 100%;
max-width: 640px;
height: auto;
max-height: 600px;
aspect-ratio: 1/1;
object-fit: cover;
figure,
img {
height: 100%;
width: auto;
}
.vc_single_image-wrapper {
display: contents;
}
&.vc_align_right {
float: right;
}
@media (width<1200px) {
& {
max-width: 100%;
height: auto;
figure,
img {
width: 100% !important;
}
}
}
}
.centered,
.mx-auto {
margin-inline: auto;
}
.centered:has(> .vc_btn3) {
width: 100%;
text-align: center;
background: transparent !important;
.vc_btn3 {
width: auto;
}
@media (width<600px) {
margin-inline: initial;
margin-right: auto;
text-align: left;
}
} .pt-0 {
padding-top: 0 !important;
}
.py-130,
.py-large {
padding-top: var(--spacer-50-130) !important;
padding-bottom: var(--spacer-50-130) !important;
}
.pb-130,
.pb-large {
padding-bottom: var(--spacer-50-130) !important;
}
.pt-130,
.pt-large {
padding-top: var(--spacer-50-130) !important;
}
.pt-40 {
padding-top: var(--spacer-40) !important;
}
.pt-60 {
padding-top: var(--spacer-60) !important;
}
.pb-40 {
padding-bottom: var(--spacer-40) !important;
}
.py-60 {
padding-top: var(--spacer-60) !important;
padding-bottom: var(--spacer-60) !important;
}
.my,
.my-40,
.mt,
.mt-40 {
margin-top: var(--spacer-40) !important;
}
.py-40 {
padding-top: var(--spacer-40) !important;
padding-bottom: var(--spacer-40) !important;
}
.mt-60 {
margin-top: var(--spacer-60) !important;
}
.mt-sm,
.mt-small,
.mt-30 {
margin-top: var(--spacer-20) !important;
}
.pt-100 {
padding-top: var(--spacer-100) !important;
}
.pb-100 {
padding-bottom: var(--spacer-100) !important;
}
.py-100 {
padding-top: var(--spacer-100) !important;
padding-bottom: var(--spacer-100) !important;
}
@media (width>=1200px) {
.pl-lg {
margin-left: max(var(--spacer-20), 5vw) !important;
}
}
.my-lg,
.my-large,
.my-60,
.mt-lg,
.mt-large,
.mt-60 {
margin-top: var(--spacer-60) !important;
}
.my,
.my-40,
.mb,
.mb-40 {
margin-bottom: var(--spacer-40) !important;
}
.mb-sm,
.mb-small,
.mb-30 {
margin-bottom: var(--spacer-20) !important;
}
.pb-60 {
padding-bottom: var(--spacer-60) !important;
}
.my-lg,
.my-large,
my-60,
mb-lg,
mb-large,
mb-60 {
margin-bottom: var(--spacer-60) !important;
}
.py-40 {
padding-top: var(--spacer-40) !important;
padding-bottom: var(--spacer-40) !important;
}
.py-80 {
padding-top: calc(var(--spacer-40) * 2) !important;
padding-bottom: calc(var(--spacer-40) * 2) !important;
}
.spacer-20 {
height: var(--spacer-20);
display: block;
}
@media (width<1200px) {
.mb-md {
margin-bottom: clamp(30px, 21.25px + 2.7344vw, 65px);
}
.mt-md {
margin-top: clamp(30px, 21.25px + 2.7344vw, 65px);
}
.wpb_single_image.center-md {
text-align: center !important;
img {
width: min(100%, 600px);
}
}
.pt-md-0 {
padding-top: var(--spacer-20) !important;
}
}
@media (width<992px) {
.mb-sm {
margin-bottom: clamp(30px, 21.25px + 2.7344vw, 65px) !important;
}
.mt-sm {
margin-top: clamp(30px, 21.25px + 2.7344vw, 65px) !important;
}
}
@media (width<768px) {
.mb-xs {
margin-bottom: clamp(30px, 21.25px + 2.7344vw, 65px) !important;
}
.mt-xs {
margin-top: clamp(30px, 21.25px + 2.7344vw, 65px) !important;
}
} button {
overflow: visible;
}
button,
select {
text-transform: none;
}
select:focus {
outline: 0;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
appearance: button;
cursor: pointer;
outline: none;
transition: all 0.3s ease 0s;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
transition: all 0.3s ease 0s;
}
a {
transition: all 0.3s ease 0s;
}
li {
color: var(--text-dark);
font-size: var(--text-14-18);
font-weight: var(--text-font-weight);
line-height: var(--text-line-height);
}
input {
line-height: normal;
box-shadow: none;
}
input:hover,
input:focus,
textarea:hover,
input[type='text']:hover,
textarea:active,
input[type='text']:active,
textarea:focus,
input[type='text']:focus,
button:focus,
button:active,
button:hover {
outline: 0;
appearance: none;
-moz-appearance: none; -webkit-appearance: none; box-shadow: none;
}
input[type='submit'],
input[type='reset'],
input[type='text'],
input[type='button'],
input[type='search'],
input[type='url'],
input[type='tel'],
input[type='email'],
input[type='password'],
textarea,
button {
appearance: none;
-moz-appearance: none; -webkit-appearance: none; box-shadow: none;
border-radius: 0;
border: none;
}
select {
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
border-radius: 0;
}
input {
font-size: 16px;
border-radius: 0;
box-shadow: none;
}
textarea,
input[type='text'],
input[type='button'],
input[type='submit'] {
appearance: none;
-moz-appearance: none; -webkit-appearance: none; }
input[type='text']:focus,
textarea:focus,
input[type='text']:hover,
textarea:hover {
outline: 0;
}
ul {
list-style: none;
margin-block-start: 0;
margin-block-end: 0;
padding-inline-start: 0px;
} .bg-primary {
background-color: var(--primary);
--swiper-theme-color: #000 !important;
--swiper-pagination-bullet-inactive-color: #eee;
&.dotted {
background-image: url(//www.arcossrl.com/en//wp-content/uploads/dotted-tl-white.png),
url(//www.arcossrl.com/en//wp-content/uploads/dotted-br-white.png);
background-size: 630px 400px, 630px 400px;
}
}
.bg-dark {
background-color: var(--bg-dark);
}
.bg-darker {
background-color: var(--bg-darker);
}
.bg-gray-light {
background-color: var(--light-gray);
}
.bg-gray-lighter {
background-color: var(--gray-lighter);
}
.bg-gray-light,
.bg-gray-lighter {
.text-white,
.text-white *,
h3.case-study-title:is(h3) {
color: var(--text-dark) !important;
}
}
.bg-picture {
background-color: var(--light-gray);
background-position: center;
background-size: cover;
&:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(
180deg,
rgba(0, 0, 0, 0.65) 0%,
rgba(0, 0, 0, 0.2) 100%
);
}
p {
color: #fff !important;
}
}
.bg-dark,
.bg-darker {
.titolo,
.titolo-small,
.titolo-smaller,
.text {
&,
:is(p, span) {
color: #fff;
}
}
}
.bg-half-white-gray {
background: linear-gradient(
180deg,
#ffffff 0%,
#ffffff 50%,
var(--light-gray) 50%,
var(--light-gray) 100%
);
}
.bg-half-white-gray-lighter {
background: linear-gradient(
180deg,
#ffffff 0%,
#ffffff 50%,
var(--gray-lighter) 50%,
var(--gray-lighter) 100%
);
}
.text-primary {
&,
& * {
color: var(--primary) !important;
}
}
.text-gray {
&,
& * {
color: var(--gray) !important;
}
}
.text-dark {
&,
& * {
color: var(--text-dark) !important;
}
}
.text-white {
&,
& * {
color: #fff !important;
}
}
.text,
.text_p {
&,
& p {
line-height: var(--text-line-height) !important;
font-weight: var(--text-font-weight);
text-align: left;
text-justify: unset;
}
}
.text_p {
p:not(:last-of-type) {
margin-bottom: 1.5rem;
}
}
.dotted {
background-image: url(//www.arcossrl.com/en//wp-content/uploads/dotted-tl.png),
url(//www.arcossrl.com/en//wp-content/uploads/dotted-br.png);
background-position: top left, bottom right;
background-size: max(30vw, 500px) max(30vw, 500px),
max(32vw, 630px) max(20vw, 400px);
background-repeat: no-repeat, no-repeat;
}
@media (width>=768px) {
.text-center {
text-align: center !important;
}
}
.container {
width: 100%;
max-width: 1650px;
padding: 0 35px;
}
@media (width<768px) {
.container {
padding: 0 25px;
}
}
.col-space {
@media (width>=1200px) {
.vc_col-lg-6:first-child {
padding-right: 2rem;
}
.vc_col-lg-6:last-child {
padding-left: 2rem;
}
}
}
@media (width>=1200px) {
.sticky {
position: sticky;
top: 200px;
}
} .t-white :is(h2, h3, p) {
color: #ffffff;
}
.t-light p {
color: var(--gray);
}
.t-red :is(h2, h3, p) {
color: var(--primary);
}
.t-red :is(h1, .h1) {
color: #000000;
strong {
color: var(--primary);
}
}
h1 span.t-black {
color: #000000;
} h1 strong span {
font-weight: 700;
}
.lg-strong h1 strong {
font-size: 81px;
}
.two-line-title h2 {
line-height: 74px;
}
.fs-40 h3 {
font-size: 40px;
} .red-overlay,
.red-overlay-faded,
.black-overlay-faded {
position: relative;
}
.red-overlay::before,
.red-overlay-faded::before,
.black-overlay-faded::before {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
content: '';
height: 100%;
width: 100%;
background-color: var(--primary);
opacity: 1;
z-index: -1;
}
.red-overlay-faded::before {
opacity: 0.59;
z-index: 0;
}
.black-overlay-faded::before {
background-color: #000000;
opacity: 0.66;
z-index: 0;
} .vc_row {
margin-left: -8px;
margin-right: -8px;
}
.vc_column_container > .vc_column-inner {
padding-left: 8px;
padding-right: 8px;
}
.vc_row-has-fill
+ .vc_row-full-width
+ .vc_row
> .vc_column_container
> .vc_column-inner,
.vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
.vc_row-has-fill > .vc_column_container > .vc_column-inner {
padding-top: 0;
} .theme_header_slider {
background: var(--bg-dark) !important;
}
.header-video {
width: 100%;
min-height: 580px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: row;
align-content: center;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
}
@media (min-width: 1400px) and (orientation: landscape) {
.header-video {
min-height: 85vh;
}
}
.header-video {
position: relative;
width: 100%;
padding-top: 56.25%;
height: 0;
iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (max-width: 768px) {
body .theme_header_slider,
.header-video {
min-height: 380px;
}
}
@media (max-width: 500px) {
body .theme_header_slider,
.header-video {
min-height: 400px;
}
}
#modeltheme-main-head {
box-shadow: none !important;
}
header,
.navbar-default {
position: fixed;
z-index: 50;
width: 100%;
nav {
background-color: #222;
}
color: white;
transition: background-color 1s ease;
}
.home:not(.past-top) header {
background-color: transparent;
nav {
background: transparent linear-gradient(180deg, #222222 0%, #22222200 100%)
0% 0% no-repeat padding-box;
}
}
header.header1 .sticky-wrapper {
height: auto !important;
}
.header1 #navbar {
border-right: none;
padding-left: 37px;
padding-right: 37px;
}
header.header1 .navbar .search-top {
display: none;
}
header.header1 .navbar > .row {
display: flex;
align-items: center;
justify-content: space-between;
}
header.header1 .navbar > .row::after,
header.header1 .navbar > .row::before {
display: none;
}
header.header1 .navbar-header {
width: auto;
height: 116px;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
flex: 0 0 auto;
user-select: none;
}
.vc_row.int-page-header {
padding-top: calc(var(--spacer-50-130) + var(--spacer-60));
padding-bottom: var(--spacer-50-130);
&.bg-dark.dotted {
background-image: url(//www.arcossrl.com/en//wp-content/uploads/dotted-tl.png);
background-position: 0 120px !important;
background-size: 600px 600px !important;
background-repeat: no-repeat !important;
}
}
.header-title-breadcrumb-overlay {
padding-top: calc(var(--spacer-50-130) + var(--spacer-60));
padding-bottom: var(--spacer-50-130);
h1,
.h1 {
font-weight: var(--text-font-weight);
margin-bottom: 0;
text-transform: uppercase;
font-size: var(--text-25-45) !important;
font-weight: 600;
text-align: left;
}
}
:not(.home) .site-main,
:not(.home) .site > .container {
padding-top: var(--needed-top-space);
}
.home .site-main {
padding-top: 0 !important;
}
body.archive.author {
.col-md-12.main-content {
padding-inline: 15px;
&:before {
display: none;
}
}
}
@media (width>=768px) {
#navbar .sub-menu,
.navbar ul li ul.sub-menu {
background: #222 !important;
padding-block: 1rem;
border-radius: 7px;
&:not(:has(.wpml-ls-menu-item)) {
li.menu-item a {
text-transform: lowercase;
&::first-letter {
text-transform: uppercase;
}
}
}
}
#navbar .sub-menu,
.navbar ul li ul.sub-menu {
padding-block: 1rem !important;
}
}
@media (width>=1024px) {
header.header1 .navbar-header.header-custom {
padding-left: 30px;
margin: 0;
width: auto !important;
}
.navbar-collapse {
padding-right: 30px;
}
}
@media (width>1600px) {
header.header1 .navbar-header.header-custom {
padding-left: calc((100% - 1580px) / 2);
margin: 0;
}
.navbar-collapse {
padding-right: calc((100% - 1580px) / 2) !important;
}
}
header.header1 .navbar-header h1.logo {
margin: 0 !important;
}
header.header1 #navbar {
width: auto;
margin-top: 0;
}
header.header1 #navbar > .contract {
display: none;
}
header.header1 #navbar .nav .menu-item {
margin-top: 0;
a {
color: #fff;
font-size: 18px;
font-weight: 400;
line-height: 42px;
padding: 37px 21px;
cursor: pointer;
}
}
header.header1 #navbar .nav .menu-item.current-menu-ancestor > a,
header.header1 #navbar .nav .menu-item.current-menu-parent > a,
header.header1 #navbar .nav .menu-item a:hover {
color: var(--primary);
}
#navbar .sub-menu,
.navbar ul li ul.sub-menu {
padding: 8px;
}
#navbar .sub-menu .menu-item > a,
.navbar ul li > ul.sub-menu .menu-item > a {
padding: 0.5em 10px !important;
line-height: 1.2em !important;
white-space: nowrap;
font-size: 14px;
}
.wpml-ls-item a {
color: #fff !important;
}
@media (max-width: 1023.98px) and (min-width: 768px) {
#navbar {
width: 100% !important;
ul {
justify-content: space-evenly;
align-items: center;
li.wpml-ls-first-item {
margin: 0 !important;
a > span.wpml-ls-display {
margin-left: 2vw !important;
}
}
}
}
}
@media (min-width: 1200px) {
#navbar .menu-item > a {
font-size: clamp(14px, 6px + 0.6667vw, 18px) !important;
}
}
@media (width>767px) {
header.header1
#navbar
.nav
.menu-item.wpml-ls-current-language
> a
> span.wpml-ls-display {
position: relative;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
border-radius: 7px;
padding: 8px 35px 8px 20px;
margin-left: 2rem;
&:hover,
&.active,
&:focus {
border: 1px solid #fff !important;
}
}
}
header.header1
#navbar
.nav
.menu-item.wpml-ls-current-language
> a
> span.wpml-ls-display::after {
font-family: FontAwesome;
content: '\f107';
font-size: 18px;
line-height: 1;
position: absolute;
top: 50%;
right: 18px;
transform: translateY(-50%);
}
header.header1 #navbar .nav .menu-item.wpml-ls-current-language > a {
color: var(--primary);
text-transform: uppercase;
padding-right: 0;
padding-left: 20px;
} header.header1 #navbar .nav .menu-item.wpml-ls-current-language .sub-menu {
width: 84px;
margin-left: 30px;
}
header.header1
#navbar
.nav
.menu-item.wpml-ls-current-language
.sub-menu
.menu-item.wpml-ls-item
> a {
padding: 0;
text-align: center;
text-transform: uppercase;
padding: 6px 0 !important;
}
header.header1 .top-header {
padding: 0 16px;
max-width: 1612px;
margin: 0 auto !important;
display: flex;
flex-wrap: wrap;
}
header.header1 .top-header .col-md-8,
header.header1 .top-header .col-md-4 {
width: 50%;
}
.navbar-header.header-custom {
background: transparent !important;
}
header.header1 .top-header .header-info-group p {
line-height: 72px;
font-size: 15px;
font-weight: 400;
}
header.header1 .top-header .header-info-group p a i {
display: none;
}
header.header1 .top-header .header-info-group p.header_text_title {
font-weight: 700;
}
header.header1 .top-header .header-nav-actions {
height: 72px;
}
header.header1 .top-header .header-nav-actions .header-map-marker {
line-height: 72px;
padding: 20px;
background-color: var(--primary);
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 912px) {
header.header1 .top-header .header-nav-actions .header-map-marker {
height: 52px;
}
}
header.header1 .top-header .header-nav-actions .working_hr {
display: none;
}
header.header1 .top-header .header-nav-actions .header-map-marker p {
font-size: 18px;
font-weight: 700;
line-height: 1;
color: #ffffff;
margin: 0;
display: flex;
align-items: center;
}
header.header1 .top-header .header-nav-actions .header-map-marker p i {
font-size: 30px;
margin-right: 6px;
}
header.header1 .top-header .header-nav-actions .social-links {
height: 72px;
margin: 0;
padding-right: 20px;
}
header.header1 .top-header .header-nav-actions .social-links ul {
height: 72px;
margin: 0;
display: flex;
align-items: center;
}
header.header1 .top-header .header-nav-actions .social-links ul li {
margin: 0;
line-height: 72px;
padding-left: 10px;
display: flex;
}
header.header1 .social-links i {
font-size: 28px;
}
header.sticky-header.hidden,
header.sticky-header {
transition: all 0.6s ease;
} .banner-section {
padding: 130px 0;
background-size: cover;
background-position: center;
height: 550px;
position: relative;
* {
color: white;
}
&::before {
content: '';
position: absolute;
display: block !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(
90deg,
rgba(0, 0, 0, 0.65) 0%,
rgba(0, 0, 0, 0.2) 100%
);
}
@media (width>=1000px) {
&.with_rectangle {
position: relative !important;
& > .wpb_column::after {
position: absolute;
content: '';
border-color: var(--primary);
border-width: 0.5rem;
border-style: solid;
height: 135%;
aspect-ratio: 3.5/4;
right: 10vw;
bottom: -5rem;
z-index: 5;
}
}
}
.titolo-smaller {
:is(p, strong) {
font-weight: 400 !important;
}
}
&.mt-top-header .titolo {
text-transform: uppercase;
}
}
.sentence-case {
text-transform: lowercase;
&::first-letter {
text-transform: uppercase;
}
}
.section-padding {
padding: 65px 0 70px;
}
.inner-page-section-padding {
padding: 65px 0 70px;
}
.colored-section {
padding: 100px 0 130px;
}
.wpb_text_column {
margin-bottom: 0;
} #home-page-video-slider iframe {
top: 0 !important;
}
.vc_row:has(.home-header) {
margin-bottom: -1px;
}
.home-header {
position: relative;
min-height: min(125vw, 65vh);
@media (orientation: landscape) and (min-width: 1600px) {
height: 100dvh;
}
.vc_video-bg.vc_hidden-xs {
display: block !important;
}
}
.home .header-video {
pointer-events: none !important;
}
.slider-btn-section {
position: absolute;
top: -80px;
z-index: 99999;
left: 50%;
transform: translateX(-50%);
}
.mt_thumbnails_custom_content_link:empty {
display: none !important;
} .mt_thumbnails_custom_content_link_content {
box-shadow: none !important;
position: relative;
img {
}
a.button {
margin-top: 1em !important;
margin-bottom: 1.5rem !important;
}
&:has(a.button) {
.caption { }
a.button {
position: relative;
left: unset;
display: block;
margin-bottom: 0 !important;
margin-top: 2rem !important;
}
}
} .home .counter-section { padding-block: var(--spacer-50-130);
}
@media (width>=1200px) {
.wpb_wrapper .vc_row {
.vc_col-lg-6 {
width: 31% !important;
}
.vc_col-lg-2 {
width: 23% !important;
}
}
}
.stats-block {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
background-color: var(--bg-dark-lighter);
border-radius: 10px;
padding: 2rem 2.5rem;
.stats-img {
img {
width: auto;
height: 3rem;
position: unset;
opacity: 1;
margin-bottom: 1.5rem;
display: block;
}
}
.stats-content {
&.percentage {
box-shadow: none !important;
background: none !important;
padding: 0 !important;
p {
text-align: left;
font-size: var(--text-21-28) !important;
font-weight: 600;
color: #fff !important;
line-height: 1.1em !important;
}
.skill-count {
font-family: 'Poppins', sans-serif !important;
text-align: left !important;
font-size: var(--text-25-45);
line-height: 1em;
}
.counter_num {
font-family: 'Poppins', sans-serif;
font-size: var(--text-25-45);
font-weight: 700;
transform: none;
color: #fff;
}
.skill-count,
.counter_num {
&:after {
content: ' +';
display: inline-block;
background: none;
}
}
}
}
} .caption.custom_content {
margin-top: unset !important;
}
.wpb_wrapper:has(> .card) {
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.one-col .wpb_wrapper:has(> .card) {
grid-template-columns: 1fr !important;
}
@media (width<768px) {
.wpb_wrapper:has(> .card) {
grid-template-columns: 1fr;
}
}
.mt_thumbnails_custom_content_link_content,
.project-section .slider_tecnologia .swiper-wrapper .thumbnail {
border-radius: 10px !important;
background-color: transparent;
.image_container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
}
&:has(.image_container) {
.caption.custom_content {
margin-top: -10px !important;
p:empty {
display: none;
}
p {
margin-top: 1rem;
text-transform: lowercase;
line-height: var(--text-line-height);
&::first-letter {
text-transform: uppercase;
}
}
p:has(.btn) {
display: contents;
margin-bottom: -2rem;
}
@media (max-width: 767px) {
.btn.btn-custom-content {
margin-left: 30px;
}
}
@media (max-width: 500px) {
.btn.btn-custom-content {
width: 100%;
margin: 0;
text-align: center !important;
margin-inline: auto;
display: block;
}
}
}
}
}
.mt_thumbnails_custom_content_link_content,
.project-section .slider_tecnologia .swiper-wrapper .thumbnail {
&.mt_thumbnails_custom_content_link_content,
.caption.custom_content {
background: #fff !important;
width: 100%;
height: 100%;
border-radius: 10px;
border: solid 1px var(--card-border-color);
padding: 2.5rem 2.5rem 1.5rem;
@media (width<768px) {
padding: 2rem 15px 1.5rem !important;
}
&:not(:has(.card)) {
@media (width<768px) {
padding: 2rem 0 !important;
}
}
box-shadow: none !important;
h3 {
color: var(--text-dark);
font-size: var(--text-21-28);
text-transform: uppercase;
border-bottom: solid 1px var(--light-gray);
padding-bottom: var(--spacer-20);
margin-bottom: var(--spacer-20);
}
p {
font-size: var(--text-14-18);
line-height: var(--text-line-height);
font-weight: var(--text-font-weight);
color: var(--text-dark);
}
}
}
.project-section {
.slider_tecnologia {
padding-bottom: var(--spacer-60);
padding-top: var(--spacer-40);
overflow-x: hidden;
.swiper-wrapper { }
.swiper-pagination {
margin-block: 3.5rem;
}
&:has(.swiper-pagination) {
padding-bottom: calc(var(--spacer-60) * 1.5);
}
}
@media (width<768px) {
padding-left: 20px !important;
padding-right: 20px !important;
}
} .two-column-full-section,
.two-column-full-section-grid {
display: flex;
flex-wrap: wrap;
}
.two-column-full-section::after,
.two-column-full-section::before,
.two-column-full-section-grid::before,
.two-column-full-section-grid::after {
display: none;
}
.two-column-full-section > .vc_column_container,
.two-column-full-section-grid > .vc_column_container {
height: 100%;
width: 50%;
}
.two-column-full-section > .vc_column_container .vc_btn3-container {
margin-top: 20px;
}
.two-column-full-section .left-side-red-bg > .vc_column-inner,
.two-column-full-section .right-side-black-bg > .vc_column-inner,
.two-column-full-section .left-side-black-bg > .vc_column-inner,
.two-column-full-section .right-side-red-bg > .vc_column-inner {
height: 100%;
position: relative;
padding: 166px 115px 166px 45px !important;
background-size: cover;
background-position: right center;
display: flex;
align-items: flex-end;
}
.two-column-full-section .right-side-black-bg > .vc_column-inner,
.two-column-full-section .right-side-red-bg > .vc_column-inner {
background-position: left center;
}
.two-column-full-section .right-side-black-bg > .vc_column-inner,
.two-column-full-section .right-side-red-bg > .vc_column-inner {
padding: 166px 45px 166px 115px !important;
}
.two-column-full-section .left-side-red-bg > .vc_column-inner::after,
.two-column-full-section .right-side-red-bg > .vc_column-inner::after {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: '';
height: 100%;
width: calc(100% + 1px);
background-color: var(--primary);
opacity: 0.85;
}
.two-column-full-section .left-side-black-bg > .vc_column-inner::after,
.two-column-full-section .right-side-black-bg > .vc_column-inner::after {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: '';
height: 100%;
width: calc(100% + 1px);
background-color: #000000;
opacity: 0.65;
}
.two-column-full-section .left-side-red-bg > .vc_column-inner > .wpb_wrapper,
.two-column-full-section .right-side-black-bg > .vc_column-inner > .wpb_wrapper,
.two-column-full-section .left-side-black-bg > .vc_column-inner > .wpb_wrapper,
.two-column-full-section .right-side-red-bg > .vc_column-inner > .wpb_wrapper {
position: relative;
z-index: 1;
max-width: 580px;
}
.two-column-full-section .left-side-red-bg > .vc_column-inner > .wpb_wrapper,
.two-column-full-section .left-side-black-bg > .vc_column-inner > .wpb_wrapper {
margin-left: auto;
}
.two-column-full-section .right-side-black-bg > .vc_column-inner > .wpb_wrapper,
.two-column-full-section .right-side-red-bg > .vc_column-inner > .wpb_wrapper {
margin-right: auto;
}
.two-column-full-section .wpb_content_element h3 {
font-size: 67px;
line-height: 74px;
font-weight: 300;
text-transform: none;
}
.two-column-full-section .wpb_content_element h3 strong {
font-weight: 700;
}
.two-column-full-section .slick-prev,
.two-column-full-section .slick-next,
.img-w-title-overlap-section .slick-prev,
.img-w-title-overlap-section .slick-next,
.img-w-title-overlap-section-gallery .slick-prev,
.img-w-title-overlap-section-gallery .slick-next,
.client-logo-wrapper .slick-prev,
.client-logo-wrapper .slick-next {
position: absolute;
bottom: 78px;
left: 20px;
background-image: url(//www.arcossrl.com/en//arcos/wp-content/themes/pilon-child/img/black-arrow-left-mobile.png);
background-color: transparent;
background-repeat: no-repeat;
width: 56px;
height: 29px;
font-size: 0;
text-indent: -999999px;
}
.client-logo-wrapper .slick-prev,
.client-logo-wrapper .slick-next {
background-image: url(//www.arcossrl.com/en//arcos/wp-content/themes/pilon-child/img/arrow-left-mobile.png);
bottom: -49px;
}
.two-column-full-section .slick-next,
.img-w-title-overlap-section .slick-next,
.img-w-title-overlap-section-gallery .slick-next,
.client-logo-wrapper .slick-next {
left: auto;
right: 20px;
transform: rotate(180deg);
}
.img-w-title-overlap-section .slick-prev,
.img-w-title-overlap-section .slick-next,
.img-w-title-overlap-section-gallery .slick-prev,
.img-w-title-overlap-section-gallery .slick-next {
bottom: 89px;
}
.two-column-full-section .slick-prev::after,
.two-column-full-section .slick-next::after,
.img-w-title-overlap-section .slick-prev::after,
.img-w-title-overlap-section .slick-next::after,
.img-w-title-overlap-section-gallery .slick-prev::after,
.img-w-title-overlap-section-gallery .slick-next::after,
.client-logo-wrapper .slick-prev::after,
.client-logo-wrapper .slick-next::after {
display: none;
}
.img-w-title-overlap-section .img-w-title-overlap-wrapper,
.img-w-title-overlap-section-gallery {
display: flex;
flex-wrap: wrap;
padding-bottom: 63px;
align-items: flex-end;
}
.img-w-title-overlap-section .img-w-title-overlap-wrapper::before,
.img-w-title-overlap-section .img-w-title-overlap-wrapper::after,
.img-w-title-overlap-section-gallery::before,
.img-w-title-overlap-section-gallery::after {
display: none;
}
.img-w-title-overlap-section .img-w-title-overlap-wrapper .content-side,
.img-w-title-overlap-section-gallery .content-side {
width: 66.5%;
}
.img-w-title-overlap-section .img-w-title-overlap-wrapper .img-side,
.img-w-title-overlap-section-gallery .img-side {
width: 33.5%;
}
.img-w-title-overlap-section
.img-w-title-overlap-wrapper
.content-side
> .vc_column-inner,
.img-w-title-overlap-section-gallery .content-side > .vc_column-inner {
padding-left: 46px;
}
.img-w-title-overlap-section
.img-w-title-overlap-wrapper
.content-side
.vc_btn3-container {
margin-top: 35px;
}
.img-w-title-overlap-section
.img-w-title-overlap-wrapper
.img-side
> .vc_column-inner {
padding-left: 8px;
}
.img-w-title-overlap-section
.img-w-title-overlap-wrapper
.img-side
.vc_column-inner,
.img-w-title-overlap-section
.img-w-title-overlap-wrapper
.img-side
.wpb_wrapper,
.img-w-title-overlap-section
.img-w-title-overlap-wrapper
.img-side
.wpb_single_image,
.img-w-title-overlap-section
.img-w-title-overlap-wrapper
.img-side
.vc_single_image-wrapper,
.img-w-title-overlap-section
.img-w-title-overlap-wrapper
.img-side
.vc_single_image-wrapper
img,
.img-w-title-overlap-section-gallery .img-side .vc_column-inner,
.img-w-title-overlap-section-gallery .img-side .wpb_wrapper,
.img-w-title-overlap-section-gallery .img-side .wpb_single_image,
.img-w-title-overlap-section-gallery .img-side .vc_single_image-wrapper,
.img-w-title-overlap-section-gallery .img-side .vc_single_image-wrapper img {
height: 100%;
}
.img-w-title-overlap-section
.img-w-title-overlap-wrapper
.img-side
.vc_single_image-wrapper
img,
.img-w-title-overlap-section-gallery .img-side .vc_single_image-wrapper img {
object-fit: cover;
}
.img-w-title-overlap-section
.img-w-title-overlap-wrapper
.img-side
.wpb_single_image.wpb_content_element,
.img-w-title-overlap-section-gallery
.img-side
.wpb_single_image.wpb_content_element {
margin-bottom: 0;
}
.img-w-title-overlap-wrapper .content-side .title,
.img-w-title-overlap-section-gallery .content-side .title {
padding: 35px 47px;
display: inline-block;
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.16);
background-color: #ffffff;
margin-left: -144px;
margin-top: 72px;
margin-bottom: 53px;
}
.img-w-title-overlap-wrapper .content-side .title h3,
.img-w-title-overlap-section-gallery .content-side .title h3 {
font-size: 40px;
font-weight: 700;
line-height: 45px;
}
.img-w-title-overlap-section-gallery .content-side .btn-gallery-wrapper,
.img-w-title-overlap-section-gallery .content-side .btn-text-popup-wrapper {
margin: 0;
margin-top: 35px;
display: inline-block;
} body div.btn-text-popup-wrapper .wpb_text_column.text-popup-block {
display: none;
}
.mfp-bg {
height: 100% !important;
}
.mfp-wrap {
top: 0 !important;
position: fixed !important;
}
.mfp-content .text-popup-block {
max-width: 70%;
max-width: 70vw;
max-height: 600px;
max-height: 82vh;
overflow-y: auto;
background: #fff;
margin: 0 auto;
padding: 40px;
position: relative;
}
.mfp-content .text-popup-block .mfp-close {
position: absolute;
bottom: 100%;
right: 0;
top: auto;
color: #fff;
}
.img-w-title-overlap-section .owl-theme .owl-controls,
.project-section .owl-theme .owl-controls {
top: 100%;
margin-top: -124px;
}
.project-section .owl-theme .owl-controls {
margin-top: -117px;
}
.img-w-title-overlap-section .owl-theme .owl-controls .owl-pagination,
.project-section .owl-theme .owl-controls .owl-pagination {
display: none;
}
.img-w-title-overlap-section .owl-theme .owl-controls .owl-buttons div,
.project-section .owl-theme .owl-controls .owl-buttons div {
opacity: 1;
}
.img-w-title-overlap-section .owl-theme .owl-controls .owl-buttons .owl-prev {
margin-left: -24px;
}
.img-w-title-overlap-section .owl-theme .owl-controls .owl-buttons .owl-next,
.project-section .owl-theme .owl-controls .owl-buttons .owl-next {
margin-right: -24px;
transform: rotate(180deg);
} #gdpr {
height: fit-content;
padding: 0;
margin-top: 0;
margin-right: 10px;
appearance: auto;
}
.home-form-wrapper {
padding-top: var(--spacer-40);
padding-bottom: clamp(3.125rem, 1.875rem + 6.25vw, 8.125rem);
background: linear-gradient(
180deg,
var(--bg-dark) 0%,
var(--bg-dark) 50%,
rgba(255, 255, 255, 1) 50%,
rgba(255, 255, 255, 1) 100%
);
&.bg-primary {
background: linear-gradient(
180deg,
var(--bg-dark) 0%,
var(--bg-dark) 50%,
var(--primary) 50%,
var(--primary) 5100%
);
}
&.inv {
padding-bottom: var(--spacer-40);
padding-top: clamp(3.125rem, 1.875rem + 6.25vw, 8.125rem);
background: linear-gradient(
180deg,
var(--gray-lighter) 0%,
var(--gray-lighter) 50%,
var(--bg-dark) 50%,
var(--bg-dark) 100%
);
&.gray-light {
background: linear-gradient(
180deg,
var(--gray-light) 0%,
var(--gray-light) 50%,
var(--bg-dark) 50%,
var(--bg-dark) 100%
);
}
&.bg-primary {
background: linear-gradient(
180deg,
var(--primary) 0%,
var(--primary) 50%,
var(--bg-dark) 50%,
var(--bg-dark) 100%
);
}
&.bg-white {
background: linear-gradient(
180deg,
#ffffff 0%,
#ffffff 50%,
var(--bg-dark) 50%,
var(--bg-dark) 100%
);
.wpb_wrapper {
background: var(--gray-lighter) !important;
}
}
}
}
.wpb_wrapper:has(rs-fullwidth-wrap) {
background: var(--bg-dark);
}
.home-form-wrapper > .vc_column_container > .vc_column-inner {
padding: 0 !important;
& > .wpb_wrapper {
background: #fff;
box-shadow: 0px 0px 6px #00000029; width: min(calc(100% - 60px), 1580px);
padding: 4rem 2.5rem;
margin: 0 auto;
@media (width<768px) {
width: calc(100% - 30px);
}
}
@media (width>=1200px) {
& > .wpb_wrapper {
position: relative;
&:before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
background-size: cover;
background-position: center;
background-image: url(//www.arcossrl.com/en//wp-content/uploads/2024/12/footer_form.jpg);
}
}
}
@media (width>=1200px) {
& > .wpb_wrapper {
padding-left: 30rem;
&:before {
width: calc(30rem - 2.5rem);
}
}
}
@media (width>=1600px) {
& > .wpb_wrapper {
padding-left: max(40rem, 25vw);
&:before {
width: calc(max(40rem, 25vw) - 2.5rem);
}
}
}
}
.home-form-wrapper .form-wrapper {
display: flex;
flex-wrap: wrap;
margin: 0 -8px;
margin-top: var(--spacer-20);
}
.home-form-wrapper .form-wrapper > p {
width: 50%;
}
.home-form-wrapper .form-wrapper > p > span.wpcf7-form-control-wrap {
padding: 0 8px 0;
display: block;
}
.home-form-wrapper
.form-wrapper
> p
input:not([type='submit']):not([type='checkbox']),
.home-form-wrapper .form-wrapper > p textarea {
background-color: #fff;
padding: 20px 32px;
color: var(--text-dark);
font-size: var(--text-form);
font-weight: 400;
border: solid 1px var(--card-border-color);
border-radius: 6px;
caret-color: var(--primary);
caret-shape: bar;
&::placeholder {
color: var(--gray);
font-weight: var(--text-font-weight);
transition: opacity 0.5s ease;
}
&:focus::placeholder {
opacity: 0.5;
}
}
@media (width<600px) {
.home-form-wrapper
.form-wrapper
> p
input:not([type='submit']):not([type='checkbox']),
.home-form-wrapper .form-wrapper > p textarea {
padding: 15px;
}
}
.home-form-wrapper .form-wrapper > p input::placeholder,
.home-form-wrapper .form-wrapper > p textarea::placeholder {
color: var(--gray);
font-weight: 400;
}
.home-form-wrapper .form-wrapper > p textarea {
height: auto;
max-height: 12lh;
min-height: 6lh;
resize: vertical;
margin-block: 18px;
}
.wpcf7-form-control.wpcf7-acceptance {
font-size: 14px;
.wpcf7-list-item {
margin-left: 0;
}
label {
font-weight: var(--text-font-weight);
color: var(--gray);
display: flex;
gap: 5px;
align-items: center;
cursor: pointer;
}
}
.home-form-wrapper .form-wrapper > p.form-msg,
.home-form-wrapper .form-wrapper > p.form-gdpr {
width: 100%;
}
@media (width<600px) {
.home-form-wrapper .form-wrapper > p.submit-btn {
&,
& .wpcf7-submit {
width: calc(100% - 8px);
}
}
}
.wpcf7 {
--success-color: #5db530;
--error-color: #c91d1d;
--warning-color: #e8a530;
.submitting {
opacity: 0.65;
pointer-events: none;
user-select: none;
}
.wpcf7-not-valid-tip {
font-size: 14px !important;
margin-top: 0;
margin-bottom: 12px;
font-family: sans-serif;
color: var(--error-color) !important;
}
textarea + .wpcf7-not-valid-tip {
margin-top: 2px;
}
.wpcf7-submit {
width: auto;
margin-top: -2rem !important;
margin-left: 8px;
}
.wpcf7-response-output {
margin: 5em 0 0 !important;
padding: 2.5em 1em !important;
border: none !important;
border-radius: 12px;
text-align: center !important;
text-wrap: balance;
font-size: var(--text-14-18) !important;
color: #fff !important;
&:empty {
display: none !important;
}
}
form.sent .wpcf7-response-output {
background-color: var(--success-color);
}
form.failed .wpcf7-response-output,
form.aborted .wpcf7-response-output,
form.spam .wpcf7-response-output {
background-color: var(--error-color);
}
form.invalid .wpcf7-response-output,
form.unaccepted .wpcf7-response-output {
background-color: var(--warning-color);
}
.wpcf7-list-item-label {
margin-top: 3px;
}
input[type='checkbox'],
input#gdpr {
aspect-ratio: 1/1;
width: 24px;
height: 24px;
border: 1px solid var(--card-border-color);
border-radius: 50%;
appearance: none;
-webkit-appearance: none;
outline: none;
cursor: pointer;
&:focus {
border-color: var(--card-border-color) !important;
}
&:checked {
background-color: var(--primary);
border-color: var(--primary) !important;
color: white;
position: relative;
&::after {
content: '✔';
color: white;
font-size: 1.5rem;
position: absolute;
top: -5px;
left: 1px;
}
}
}
.submit-btn {
margin-top: 1rem;
}
} .three-icon-box-wrapper,
#cards-formazione {
.wpb_wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
justify-content: space-between;
@media (width<860px) {
grid-template-columns: 1fr;
.mt_thumbnails_custom_content_link
> .mt_thumbnails_custom_content_link_content {
padding: 2rem 1.5rem 1.5rem !important;
}
.mt_thumbnails_custom_content_link_content img {
max-height: 70px;
}
}
}
} .four-icon-box-wrapper {
& > .vc_column_container > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: space-around;
}
.mt_thumbnails_custom_content_link {
flex-basis: 20%;
flex-grow: 1;
}
@media (width<1080px) {
.custom-link-four-icon .vc_column-inner .wpb_wrapper {
gap: 0;
}
.mt_thumbnails_custom_content_link {
flex-basis: 45%;
& > .mt_thumbnails_custom_content_link_content:not(:first-of-type) {
margin-top: -2.5rem !important;
}
}
}
@media (width<620px) {
.mt_thumbnails_custom_content_link {
flex-basis: 85%;
.mt_thumbnails_custom_content_link_content img {
height: 3.5rem;
margin-bottom: -1rem;
}
}
}
.custom-link-four-icon .mt_thumbnails_custom_content_link {
cursor: text;
}
.mt_thumbnails_custom_content_link
> .mt_thumbnails_custom_content_link_content {
box-shadow: none;
background: transparent;
border: none !important;
padding: 2.5rem 0 !important;
img {
display: block;
margin-right: auto; }
.caption {
text-align: left;
h3 {
color: var(--primary) !important;
text-transform: none !important;
border-bottom: none !important;
padding-bottom: 0 !important;
}
p {
line-height: 1.4em;
}
}
}
}
#mt_posts_carousel_big_centered.owl-theme .owl-controls { position: static;
} #mt_posts_carousel_small .mt-post-title a:hover,
#mt_posts_carousel_big_centered .mt-post-title a:hover {
text-decoration: none !important;
color: #000 !important;
}
.blog-slider-section {
padding-top: var(--spacer-50-130);
padding-bottom: var(--spacer-50-130);
background: var(--gray-lighter) !important;
position: relative;
#mt_posts_carousel_big_centered {
width: calc(100% + 40px);
margin-left: -20px;
.owl-wrapper-outer {
.owl-item {
background: transparent !important;
height: 100%;
.mt-carousel-post {
display: flex;
flex-direction: column;
}
.mt-content-post,
.mt-post-image {
width: 100% !important;
padding: 0 20px;
}
.mt-content-post {
.mt-post-date {
font-size: 98%;
color: var(--gray);
}
.mt-post-title,
.mt-post-title :is(> p, > a) {
font-size: var(--text-18-25);
color: var(--text-dark);
line-height: var(--title-line-height) !important;
}
.post-excerpt,
.post-excerpt > p {
font-size: var(--text-14-18);
color: var(--text-dark);
font-weight: 400;
line-height: var(--text-line-height) !important;
}
.btn-link {
margin-top: 0;
}
}
.mt-post-image {
aspect-ratio: 4/3;
border-radius: 10px;
overflow: hidden;
margin-bottom: var(--spacer-20);
img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 10px;
overflow: hidden;
}
}
}
}
}
#mt_posts_carousel_big_centered.owl-theme
.owl-controls
.owl-buttons
.owl-prev,
#mt_posts_carousel_big_centered.owl-theme
.owl-controls
.owl-buttons
.owl-next {
top: 50%;
transform: translateY(-50%);
}
#mt_posts_carousel_big_centered.owl-theme
.owl-controls
.owl-buttons
.owl-prev
i,
#mt_posts_carousel_big_centered.owl-theme
.owl-controls
.owl-buttons
.owl-next
i {
display: none;
}
#mt_posts_carousel_big_centered.owl-theme
.owl-controls
.owl-buttons
.owl-prev,
#mt_posts_carousel_big_centered.owl-theme
.owl-controls
.owl-buttons
.owl-next {
padding: 0;
width: 105px;
height: 53px;
background-size: 100%;
margin: 0 !important;
background-position: center;
background: url(//www.arcossrl.com/wp-content/themes/pilon-child/img/Icon_feather-arrow-left.png);
}
#mt_posts_carousel_big_centered.owl-theme
.owl-controls
.owl-buttons
.owl-next {
margin-right: -105px !important;
}
#mt_posts_carousel_big_centered.owl-theme
.owl-controls
.owl-buttons
.owl-prev {
margin-left: -105px !important;
transform: translateY(-50%) rotate(180deg);
}
}
rs-arrow.tparrows,
rs-arrow.custom.tparrows {
background: none !important;
font-size: 4rem !important;
&:after,
&:before {
font-size: 4rem !important;
}
} #rete .wpb_content_element.wpb_raw_html {
background: #fff !important;
width: 100%;
height: 100%;
border-radius: 10px;
border: solid 1px var(--primary);
padding: 2.5rem 2.5rem 1.5rem;
@media (width<768px) {
padding: 2rem 15px 1.5rem !important;
}
box-shadow: none !important;
h3 {
color: var(--primary);
font-size: var(--text-21-28);
text-transform: uppercase;
border-bottom: solid 1px var(--primary);
padding-bottom: var(--spacer-20);
margin-bottom: var(--spacer-20);
height: auto !important;
i {
display: none;
}
}
p {
font-size: var(--text-14-18);
line-height: var(--text-line-height);
font-weight: var(--text-font-weight);
color: var(--text-dark);
i {
display: none;
}
&:first-of-type:not(:has(.label)) > :is(span, a, strong) {
text-transform: uppercase;
margin-bottom: 0.25em;
}
strong.label {
font-weight: 600 !important;
text-transform: uppercase !important;
margin-right: 0.25rem !important;
font-size: inherit !important;
line-height: inherit !important;
color: inherit !important;
padding: 0;
&:after {
content: ':';
display: inline;
}
}
}
}  .icon-w-title-wrapper {
margin: 20px 0;
}
.icon-w-title-wrapper > .vc_column_container > .vc_column-inner > .wpb_wrapper {
display: flex;
align-items: center;
}
.icon-w-title-wrapper .wpb_single_image {
margin-bottom: 0;
width: 100px;
margin-right: 20px;
flex: 0 0 100px;
}
.icon-w-title-wrapper .wpb_text_column {
margin-bottom: 0;
}
.icon-w-title-wrapper .wpb_text_column h3 {
line-height: 40px;
}
img.testimonial-member-img {
max-width: 131px;
margin-right: 15px;
border-radius: 50%;
}
h4.testimonial02_title {
font-size: 34px;
font-weight: 700;
line-height: 38px;
}
p.testimonial02_position {
font-size: 27px !important;
font-weight: 500;
line-height: 38px;
}
.testimonials-container-2.owl-carousel .owl-wrapper-outer {
margin-left: 8px;
}
.testimonials-container-2
.testimonials_all_holder
.testimonial02-content
.testimonial02_text {
width: calc(100% - 16px);
position: relative;
padding: 46px 28px 10px 38px;
}
.testimonials-container-2
.testimonials_all_holder
.testimonial02-content
.testimonial02_text::before {
position: absolute;
content: '';
top: 46px;
right: 29px;
width: 193px;
height: 249px;
background-size: 100%;
background-image: url(//www.arcossrl.com/wp-content/themes/pilon-child/img/testimonial_block_quote_icon.png);
}
.testimonial02_text_content p {
color: var(--gray);
}
.mt_video.video_style_v2 .popup-play-video {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 30%;
}  footer {
overflow: hidden;
p {
color: #fff;
font-weight: 200;
line-height: 1.4em;
font-size: var(--text-14-18);
text-wrap: balance;
}
.footer-div-parent {
display: none;
}
.row:has(> .footer-row-2) {
display: none;
}
.footer-top {
& > .container > .row {
margin: 0;
}
@media (width<768px) {
.container {
padding: 0 10px !important;
}
}
& .footer-row-1 {
padding: calc(var(--spacer-40) * 1.75) 0 calc(var(--spacer-60) * 1.75);
background-color: #222222;
& > .row {
margin: 0;
display: flex; & .col-md-3.sidebar-1 {
width: 30%;
img {
width: 10rem;
@media (width<1200px) {
width: min(120px, 35vw);
}
}
}
& .col-md-3.sidebar-2 {
width: 70%;
display: flex;
justify-content: center;
align-items: center;
.widget_custom_html:first-of-type {
width: 60%;
margin-bottom: 0;
.textwidget.custom-html-widget {
display: flex;
flex-direction: row;
flex-flow: nowrap;
gap: 30px;
justify-content: center;
align-items: center;
& > div {
width: 50%;
}
strong {
font-weight: 700;
margin-bottom: 1em;
line-height: 1.4em;
display: block;
}
}
}
.widget_custom_html:last-of-type {
width: 40%;
margin-bottom: 0;
}
#hustle_module_widget-4 {
.hustle-ui .hustle-field .hustle-input {
border-radius: 4px 0 0 4px;
line-height: 1em;
border-color: rgba(255, 255, 255, 0.42) !important;
}
.hustle-ui .hustle-form button.hustle-button-submit {
height: 39px !important;
border-radius: 0 4px 4px 0 !important;
line-height: 1em;
padding: 0 2em !important;
}
.hustle-ui .hustle-optin .hustle-layout .hustle-error-message {
margin-top: 0;
padding-left: 0;
color: #fff !important;
}
}
}
span {
color: #ffffff;
font-size: var(--text-14-18);
font-weight: 400;
line-height: 1.4em;
a {
color: #ffffff;
}
}
@media (width<1200px) {
& .col-md-3.sidebar-1 {
width: 40%;
align-items: flex-start;
img {
}
}
& .col-md-3.sidebar-2 {
width: 60%;
flex-direction: column;
align-items: flex-end;
.widget_custom_html {
width: 100% !important;
.custom-html-widget .contact-details:first-child {
flex-grow: 1;
}
}
#custom_html-2 {
margin-bottom: 50px;
}
.widget_hustle_module_widget {
width: 100% !important;
.hustle-layout-form,
.widget-title {
padding-left: 0 !important;
}
}
}
}
@media (width<820px) {
flex-direction: column;
.col-md-3.sidebar-1 {
text-align: left;
margin-bottom: 65px;
width: 100%;
}
.col-md-3.sidebar-2 {
width: 100%;
.widget.widget_hustle_module_widget {
width: 100% !important;
}
}
}
@media (width<600px) {
.col-md-3.sidebar-2 {
#custom_html-2 .textwidget.custom-html-widget {
flex-direction: column;
.contact-details {
width: 100%;
}
}
}
}
@media (width<480px) {
.col-md-3.sidebar-2 {
#hustle_module_widget-4 {
.hustle-ui.module_id_7
.hustle-form
button.hustle-button.hustle-button-submit {
width: 100% !important;
border-radius: 0 0 4px 4px !important;
}
}
}
}
}
}
.row:has(.footer-row-3) {
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
}
& .footer-row-3 {
background-color: #131313;
margin-bottom: 0;
border: none !important;
padding-top: 1.5em;
padding-bottom: 1.5em;
.textwidget.custom-html-widget {
width: 100%;
text-align: center;
justify-content: center !important;
}
p {
color: rgba(255, 255, 255, 0.42);
width: 100%;
text-align: center;
margin: 0 auto;
width: 100%;
font-size: 14px;
a {
color: rgba(255, 255, 255, 0.42);
font-weight: 200;
}
}
}
.col-md-3 .widget_custom_html .social-links {
p {
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
padding-right: 40px;
}
ul li i {
color: #ffffff;
}
ul li a:hover i {
color: var(--primary);
}
}
} ul.wp-block-social-links {
margin-left: -4.5px;
li.wp-social-link {
background: none !important;
svg {
fill: rgba(255, 255, 255, 0.65) !important;
}
&:is(:hover, :active, :focus) {
background: #141414 !important;
svg {
fill: rgba(255, 255, 255, 1) !important;
}
}
}
}
}   .img-w-content-row::before {
display: none;
}
.img-w-content-row {
position: relative;
display: flex;
flex-wrap: wrap;
}
.img-w-content-row::after {
position: absolute;
left: 8px;
right: 8px;
top: 100%;
height: 2px;
width: calc(100% - 16px);
content: '';
background-color: #949494;
}
.img-w-content-row .img-side {
width: 36%;
box-sizing: border-box;
}
.img-w-content-row .img-side .wpb_single_image {
margin-bottom: 0;
height: 100%;
}
.img-w-content-row .content-side {
width: 64%;
box-sizing: border-box;
padding-top: 55px;
padding-bottom: 30px;
}
.img-w-content-row .content-side h3 {
font-size: 49px;
font-weight: 700;
line-height: 49px;
text-transform: uppercase;
margin-bottom: 20px;
}
.img-w-content-row .content-side .vc_btn3-container {
margin-top: 20px;
}  .macchina-page-slider-section {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.macchina-page-slider-section::after,
.macchina-page-slider-section::before {
display: none;
}
.macchina-page-slider-section .content-side {
width: 30%;
}
.macchina-page-slider-section .slider-side {
width: 70%;
}
.macchina-page-slider-section .content-side > .vc_column-inner,
.macchina-page-slider-section .slider-side > .vc_column-inner {
padding-top: 0 !important;
}
.macchina-page-slider-section .content-side > .vc_column-inner h2 {
padding-bottom: 114px;
font-size: 64px;
line-height: 70px;
text-transform: none;
}
.macchina-page-slider-section .slick-slider-wrapper .wpb_single_image {
margin-bottom: 26px;
text-align: right;
}
.macchina-page-slider-section .slick-thumb .slick-track {
margin-left: auto;
width: 100% !important;
transform: translate3d(0, 0, 0) !important;
}
.macchina-page-slider-section .slick-thumb .slick-slide {
float: right;
padding-left: 24px;
}
.macchina-page-slider-section .slick-thumb .wpb_single_image {
margin-bottom: 0;
text-align: right;
}
.macchina-page-slider-section .wpb_single_image.red-bordered-frame {
position: absolute;
bottom: 0;
left: 0;
bottom: 70px;
left: 25px;
margin: 0;
width: auto !important;
z-index: 9;
}
.macchina-list-wrapper ul li {
position: relative;
margin-top: 0;
font-size: var(--text-14-18) !important;
padding-left: 115px;
break-inside: avoid;
}
.macchina-list-wrapper ul li::before {
position: absolute;
left: 0;
top: 0;
width: 99px;
height: 37px;
content: '';
background-color: #000;
}
.macchina-list-wrapper.small-icon-txt-lg ul li {
padding-left: 115px;
text-transform: uppercase;
font-size: 31px;
line-height: 36px;
margin-bottom: 75px !important;
}
.macchina-list-wrapper.small-icon-txt-lg ul li::before {
width: 74px;
height: 37px;
}
.macchina-list-wrapper.red-icon ul li::before {
background-color: var(--primary);
}
.macchina-page-slider-section
.slick-thumb
.wpb_single_image.slick-active
figure {
position: relative;
border: none;
}
.macchina-page-slider-section
.slick-thumb
.wpb_single_image.slick-active
figure::after {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
content: '';
border: 5px solid var(--primary);
}  .two-column-full-section-grid .content-side {
width: 60%;
}
.two-column-full-section-grid .bg-img-side {
width: 40%;
position: absolute;
right: 0;
}
.two-column-full-section-grid .content-side > .vc_column-inner {
padding-top: 0;
}
.two-column-full-section-grid .content-side > .vc_column-inner > .wpb_wrapper { padding: 70px 35px 60px;
padding-left: 0;
margin-left: auto;
}
.two-column-full-section-grid .content-side h3 {
font-size: 40px;
font-weight: 700;
line-height: 33px;
text-transform: uppercase;
padding-bottom: 30px;
}
.two-column-full-section-grid .bg-img-side > .vc_column-inner {
height: 100%;
}
#main,
#intro {
.wpb_images_carousel {
.vc_slide.vc_images_carousel {
max-width: 100% !important;
} .vc_slide,
.vc_slide img {
width: 100% !important;
} }
.wpb_text_column .wpb_wrapper > p {
line-height: var(--text-line-height);
}
}
#materiali {
.materials-grid > .vc_column-inner > .wpb_wrapper {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
&:not(:has(.material-wrapper:nth-child(5))) {
grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
}
}
.material-wrapper {
width: 100%;
margin: 0;
box-sizing: border-box;
margin-bottom: 0;
.material > .vc_column-inner > .wpb_wrapper {
display: flex;
align-items: center;
align-content: center;
justify-content: flex-start;
gap: 1rem;
height: 100%;
margin-bottom: 2rem;
.vc_column-inner {
padding: 0;
}
}
.vc_single_image-wrapper {
height: 100%;
}
.wpb_single_image {
margin: 0;
display: inline-block;
width: 4rem;
border-radius: 100%;
overflow: hidden;
aspect-ratio: 1/1;
height: 100%;
flex-shrink: 0;
}
.wpb_text_column p {
font-size: var(--text-14-18);
font-weight: 400;
line-height: 1.2em !important;
padding-right: 0.5rem;
}
}
.material-sample-wrapper
> .vc_column_container
> .vc_column-inner
> .wpb_wrapper {
display: flex;
flex-wrap: wrap;
}
.material-sample-wrapper
.vc_row
> .vc_column_container
> .vc_column-inner
> .wpb_wrapper {
display: flex;
align-items: center;
}
@media (width<620px) {
.titolo {
margin-bottom: 35px !important;
}
}
}
.solutoin-page-list-section {
padding: 80px 0 50px;
}
.solutoin-page-list-section h3 {
padding-bottom: 88px;
}  .client-logo-section {
padding: 145px 0 147px;
}
.client-logo-wrapper > .vc_column_container > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-wrap: wrap;
margin: 0 -8px;
padding-top: 130px;
}
.client-logo-wrapper .wpb_single_image {
width: 25%;
padding: 0 8px 16px;
box-sizing: border-box;
margin-bottom: 0;
text-align: center;
} .blogloop-v1 .post-name {
font-size: var(--text-16-20);
font-weight: 500;
color: var(--text-dark);
line-height: var(--text-line-height);
}
.filter-wrap-blog {
padding-top: 51px;
position: relative;
z-index: 1;
}
.filter-wrap-blog .container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.filter-wrap-blog .container::after,
.filter-wrap-blog .container::before {
display: none;
}
.filter-wrap-blog .cont-search-box {
border: 2px solid var(--primary);
padding-left: 80px;
margin: 0 8px 20px;
position: relative;
}
.filter-wrap-blog .cont-search-box input {
height: 100%;
font-size: 22px;
font-style: normal;
}
.filter-wrap-blog .cont-search-box .searchbtn {
position: absolute;
left: 0;
height: 100%;
width: 70px;
padding: 0 !important;
min-width: auto;
}
.filter-wrap-blog .cont-search-box .searchbtn span.fa {
font-size: 30px;
} .filter-wrap-blog .order-select-wrapper,
.filter-wrap-blog .order-select-wrapper div.field-title {
color: #000000;
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 29px;
line-height: 33px;
text-transform: uppercase;
position: relative;
}
.filter-wrap-blog .order-select-wrapper div.field-title {
padding-right: 10px;
}
.filter-wrap-blog .category label,
.filter-wrap-blog .order-select-wrapper label {
margin-bottom: 0;
position: static; display: flex;
}
.filter-wrap-blog .parent-ul {
list-style: none;
position: static;
}
.filter-wrap-blog .parent-li {
position: relative;
cursor: pointer;
border: 2px solid var(--primary);
padding: 22px 46px 21px 47px;
margin: 0 8px 20px;
font-size: 29px;
font-weight: 700;
line-height: 33px;
color: #fe161b;
appearance: none;
display: flex;
align-items: center;
}
.filter-wrap-blog .parent-li::after {
font-family: FontAwesome;
content: '\f107';
font-size: 26px;
line-height: 1;
color: #fe161b;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.filter-wrap-blog .parent-li .sub-ul {
list-style: none;
margin-top: 2px;
position: absolute;
top: 150%;
left: 0;
left: -2px;
width: 100%;
width: calc(100% + 4px);
background-color: #fff;
box-shadow: 0 10px 10px rgba(37, 37, 37, 0.12);
opacity: 0;
visibility: hidden;
transition: all 250ms ease-in-out;
}
.filter-wrap-blog .parent-li .sub-ul > li {
padding: 10px 18px;
cursor: pointer;
margin: 0;
}
.filter-wrap-blog .parent-li .sub-ul > li.active,
.filter-wrap-blog .parent-li .sub-ul > li:hover {
background-color: var(--primary);
color: #ffffff;
}
.filter-wrap-blog .parent-li:hover .sub-ul {
top: 100%;
opacity: 1;
visibility: visible;
transition: all 250ms ease-in-out;
} .modeltheme-pagination-holder {
margin-top: 2.5rem;
}
.pagination .page-numbers {
font-size: var(--text-16-20);
border-radius: 10px;
min-width: 60px;
overflow: hidden;
user-select: none;
&.next,
&.prev {
text-transform: uppercase;
font-weight: 400;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
}
@media (width<800px) {
.pagination .page-numbers:not(:is(.next, .prev)) {
display: none;
}
}
.prettyPhoto_btn_img_gallery {
}
.btn-gallery-wrapper .wpb_gallery,
.img-gallery-popup,
.img-gallery-popup2 {
display: none;
}
.mfp-gallery .mfp-arrow {
background-color: transparent;
height: 80px;
width: 50px;
}
.mfp-gallery .mfp-arrow.mfp-arrow-right::before,
.mfp-gallery .mfp-arrow.mfp-arrow-left::before {
border: none;
font-family: FontAwesome;
content: '\f104';
font-size: 28px;
line-height: 1;
height: 40px;
margin: 0;
width: 40px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.mfp-gallery .mfp-arrow.mfp-arrow-right::before {
content: '\f105';
}
.mfp-gallery .mfp-arrow::after {
display: none;
}
.filtered-posts {
padding-top: 56px;
}
.filtered-posts ul > li {
margin-bottom: 40px;
margin-top: 0;
display: flex;
.featured-img {
width: 445px;
flex: 0 0 445px;
img {
height: 445px;
object-fit: cover;
width: 445px;
}
}
}
.filtered-posts ul > li .content {
width: auto;
padding-top: 10px;
padding-left: 22px;
display: flex;
flex-direction: column;
box-orient: vertical;
justify-content: space-between;
}
.filtered-posts ul > li .content .vc_btn3-container {
padding-top: 20px;
}
.filtered-posts ul > li .content h2 {
color: #000;
font-size: 40px !important;
line-height: 45px !important;
font-weight: 700;
}
.filtered-posts ul > li .content span {
font-size: 29px;
font-weight: 700;
line-height: 33px;
text-transform: uppercase;
color: #fe161b;
padding-bottom: 10px;
display: inline-block;
}
.filtered-posts ul > li .content p {
font-size: 24px;
font-weight: 400;
line-height: 38px;
}
.blog-list-wrapper .vc_grid-item .vc_grid-item-mini .vc_gitem-animated-block {
width: 30%;
}
.blog-list-wrapper .vc_grid-item .vc_grid-item-mini .vc_gitem-zone {
width: 70%;
}
.blog-list-wrapper
.vc_grid-item
.vc_grid-item-mini
.vc_gitem-zone
.vc_custom_heading
h4 {
font-size: 40px;
font-weight: 700;
line-height: 45px;
}  .blog-detail-ul {
padding: 14px 0 30px;
}
.blog-detail-ul ul li {
padding-left: 133px;
position: relative;
font-size: 24px;
font-weight: 400;
line-height: 38px;
margin-top: 0;
margin-bottom: 20px !important;
}
.blog-detail-ul li::before {
position: absolute;
left: 0;
top: 0;
content: '';
width: 100px;
height: 103px;
background-color: var(--primary);
}
.single-post:not(:has(.wpcf7-form)) #main {
padding-bottom: 120px;
}
.blog-detail-banner-section {
padding: 119px 0;
}
.single-post > .vc_column_container > .vc_column-inner,
.blog-detail-banner-section > .vc_column_container > .vc_column-inner,
.single-post-title-section > .vc_column_container > .vc_column-inner {
padding-top: 0 !important;
}
.single-post-title-section {
padding: 74px 0 50px;
h4 {
margin-top: 11px;
color: #fe161b;
font-size: 29px;
font-weight: 700;
line-height: 33px;
text-transform: uppercase;
}
}
.single-post {
article,
article .article-content {
padding: 0 !important;
}
.wpb_gallery {
margin-block: 3rem;
.wpb_image_grid_ul {
display: flex;
flex-wrap: wrap;
height: auto !important;
margin: 0 -10px; li {
position: unset !important;
width: 50%;
box-sizing: border-box;
padding: 0 10px 10px;
margin: 2rem 0 0;
img {
height: 100%;
object-fit: cover;
}
}
}
}
.content img {
border-radius: 10px;
width: 100%;
}
}
.article-details {
text-align: center;
margin-top: 50px;
margin-bottom: 50px;
aspect-ratio: 2560/1709;
width: 100% !important;
border-radius: 10px;
overflow: hidden;
} footer .textwidget.custom-html-widget {
display: flex;
flex-flow: wrap row; align-items: flex-start;
}
footer .textwidget.custom-html-widget .social-links {
padding-left: 170px;
}
footer .textwidget.custom-html-widget .social-links p {
width: 100%;
}
.small-button-s a.vc_general.vc_btn3 {
padding: 28px 0px !important;
max-width: 260px;
}
.button-w-right-line.small-button-s::after {
height: 0.2px;
} @media (min-width: 1024px) {
#custom_html-3 {
padding-left: 0;
}
}
@media (max-width: 1628px) {
.header1 #navbar {
padding-right: 34px;
padding-left: 0;
}
}
@media (max-width: 1600px) {
.header1 #navbar {
padding-left: 0;
}
} @media (max-width: 1367px) and (min-width: 1024px) {
header.header1 .top-header {
display: block;
}
}
@media (max-width: 1490px) {
.header1 #navbar {
padding-left: 30px;
padding-right: 30px;
}
.material-sample-wrapper .vc_row .wpb_text_column p {
font-size: 32px;
margin-left: 36px;
}
}
@media (max-width: 1490px) {
header.header1 #navbar > .nav > .menu-item > a {
padding: 37px 15px;
}
}
@media (max-width: 1400px) {
header.header1 .navbar-header {
width: 232px;
}
}
@media (max-width: 1250px) {
.material-sample-wrapper .vc_row .wpb_text_column p {
font-size: 28px;
margin-left: 20px;
}
header.header1 .top-header .header-info-group p {
font-size: 13px;
}
}
@media (max-width: 1200px) {
header.header1 .navbar-header {
width: 205px;
}
}
@media (min-width: 1200px) and (max-width: 1550px) {
.logo img,
.navbar-header .logo img {
max-width: 98px !important;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.logo img,
.navbar-header .logo img {
max-width: 98px !important;
}
}
@media (max-width: 1150px) {
.header1 #navbar {
padding-left: 10px;
padding-right: 10px;
} .header-infos .header-info-labels {
padding-right: 28px;
}
}
@media (max-width: 1100px) {
.material-sample-wrapper .vc_row {
width: 50%;
margin-bottom: 20px;
}
header.header1 .top-header .col-md-8 {
width: 53%;
}
header.header1 .top-header .col-md-4 {
width: 47%;
}
header.header1 .navbar-header {
width: 190px;
} }
@media (max-width: 1075px) {
header.header1 .navbar-header {
width: 170px;
height: 100px;
}
.header1 #navbar {
padding-left: 0;
padding-right: 30px;
} header.header1 .social-links i {
font-size: 20px;
}
.header-infos .header-info-labels {
padding-right: 25px;
}
header.header1 .top-header .header-info-group p {
font-size: 12px;
}
header.header1 .top-header .header-nav-actions .social-links ul li {
padding-left: 8px;
}
header.header1 .top-header .header-nav-actions .social-links ul li > a {
margin-right: 12px;
}
header.header1 #navbar .nav .menu-item.wpml-ls-current-language > a {
padding-left: 18px;
}
footer .textwidget.custom-html-widget .social-links {
padding-left: 0;
}
}
@media (max-width: 1023.98px) {
header.header1 .navbar-header { height: 70px;
padding-top: 10px;
padding-bottom: 10px;
}
header.header1 .navbar > .row {
flex-wrap: wrap;
justify-content: center;
}
.logo img,
.navbar-header .logo img {
max-width: 80px;
}
header.header1 #navbar {
padding: 0;
} .macchina-page-slider-section .wpb_single_image.red-bordered-frame {
display: none;
}
}
@media (max-width: 1023px) and (min-width: 768px) {
.vc_row-has-fill
+ .vc_row-full-width
+ .vc_row.two-column-full-section
> .vc_column_container
> .vc_column-inner,
.vc_row-has-fill
+ .vc_row-full-width
+ .vc_row.two-column-full-section-grid
> .vc_column_container
> .vc_column-inner {
padding-top: 100px !important;
}
}
@media (max-width: 992px) {
header.header1 .top-header .header-info-group p a i {
display: block;
}
header.header1 .top-header .header-info-group p a > span,
header.header1 .top-header .header-nav-actions .header-map-marker p > span {
display: none;
}
header.header1 .top-header {
padding: 0;
border: none;
flex-wrap: nowrap;
justify-content: space-between;
height: 52px;
}
header .header-infos .header-info-icon {
display: none;
}
header.header1 .top-header .header-info-group p {
margin-right: 0 !important;
}
header.header1 .top-header .col-md-8 {
width: 100%;
padding: 0;
}
header.header1 .top-header .col-md-4 {
width: auto;
padding: 0;
}
header.header1 .top-header .col-md-8 {
background-color: #000000;
height: fit-content;
}
header.header1 .top-header .col-md-8 > .header-infos {
display: flex;
justify-content: flex-start;
padding-left: 20px !important;
padding-right: 25px;
}
header.header1 .top-header .header-info-group p a i,
header.header1 .social-links i {
font-size: 28px;
}
header.header1 .top-header .header-info-group p a i {
width: auto;
padding-right: 20px;
display: flex;
justify-content: center;
align-items: center;
}
header.header1 .top-header .header-nav-actions .social-links ul li {
padding-left: 0;
}
header.header1 .top-header .header-nav-actions .social-links {
padding-right: 0;
}
header .header-infos .header-info-labels {
height: 52px;
display: flex;
align-items: center;
}
.two-column-full-section .left-side-red-bg > .vc_column-inner,
.two-column-full-section .right-side-black-bg > .vc_column-inner,
.two-column-full-section .left-side-black-bg > .vc_column-inner,
.two-column-full-section .right-side-red-bg > .vc_column-inner {
padding: 100px 75px 100px 35px !important;
}
.img-w-title-overlap-section .img-w-title-overlap-wrapper .img-side,
.img-w-title-overlap-section .img-w-title-overlap-wrapper .content-side,
.img-w-title-overlap-section-gallery .img-side,
.img-w-title-overlap-section-gallery .content-side {
width: 100%;
}
.img-w-title-overlap-section
.img-w-title-overlap-wrapper
.content-side
> .vc_column-inner,
.img-w-title-overlap-section-gallery .content-side > .vc_column-inner {
padding-left: 8px;
text-align: center;
}
.img-w-title-overlap-section
.img-w-title-overlap-wrapper
.content-side
.wpb_text_column,
.img-w-title-overlap-section-gallery .content-side .wpb_text_column {
text-align: left;
display: block;
}
.img-w-title-overlap-wrapper .content-side .title,
.img-w-title-overlap-section-gallery .content-side .title {
margin: 0;
padding: 20px 0 10px;
box-shadow: none;
background-color: transparent;
}
.four-icon-box-section-w-img-home > .vc_column_container:nth-child(1) {
width: 100%;
}
.four-icon-box-section-w-img-home
> .vc_column_container:nth-child(1)
> .vc_column-inner {
padding-right: 8px;
}
.colored-section {
padding: 50px 0 80px;
}
.img-w-content-row .img-side,
.img-w-content-row .content-side {
width: 100%;
}
.img-w-content-row .img-side {
order: 1;
}
.img-w-content-row .content-side {
order: 2;
}
.img-w-content-row .img-side .wpb_single_image {
text-align: left;
}
.macchina-page-slider-section .content-side,
.macchina-page-slider-section .slider-side,
.macchina-list-wrapper > .vc_column_container {
width: 100%;
}
.macchina-page-slider-section {
padding-bottom: 30px;
}
.macchina-page-slider-section .content-side {
order: 2;
padding-top: 50px;
}
.macchina-page-slider-section .slider-side {
order: 1;
}
.macchina-list-wrapper ul li::before {
width: 46px;
height: 37px;
}
.macchina-list-wrapper ul li {
padding-left: 80px;
}
.macchina-list-wrapper.small-icon-txt-lg ul li {
padding-left: 88px;
margin-bottom: 50px !important;
}
.macchina-list-wrapper.small-icon-txt-lg ul li::before {
width: 41px;
height: 37px;
}
.filtered-posts ul > li {
flex-wrap: wrap;
margin-bottom: 53px;
}
.filtered-posts ul > li .content {
width: 100%;
padding-left: 0;
padding-top: 20px;
}
.filtered-posts ul > li .featured-img {
width: 100%;
flex: 0 0 auto;
max-width: 100%;
height: auto;
}
.filtered-posts ul > li .featured-img img {
width: 100%;
}
} @media (max-width: 767px) {
header.header1 #navbar {
overflow-y: auto;
}
header.header1
#navbar
.nav
.menu-item.wpml-ls-current-language
.sub-menu
.menu-item.wpml-ls-item
> a {
text-align: left;
padding-left: 0 !important;
}
header.header1
#navbar
.nav
.menu-item.wpml-ls-current-language
> a
> span.wpml-ls-display {
padding: 0;
border: none;
}
header.header1
#navbar
.nav
.menu-item.wpml-ls-current-language
> a
> span.wpml-ls-display::after {
display: none;
}
.slider-btn-section {
top: -79px;
} .banner-section {
padding: 110px 0;
}
header.header1 .top-header .col-md-4 {
display: block;
visibility: visible;
}
.navbar-default > .row {
padding-block: 0.65rem;
}
.navbar-header.header-custom {
background: var(--bg-dark) !important;
}
header.header1 .navbar-header {
width: 100% !important;
justify-content: space-between;
height: 70px;
padding-top: 8px;
padding-bottom: 8px;
.logo {
padding-left: 0.5rem !important;
}
&::before {
display: none;
} .navbar-toggle {
order: 2;
border: none;
padding-right: 15px;
&::before,
&::after {
display: none;
}
.icon-bar {
right: 0;
width: 32px;
height: 2px;
margin-top: 6px;
background-color: #ffffff;
border-radius: 10px;
margin-left: auto;
transition: all 0.3s ease 0s;
&:nth-child(2),
&:nth-child(4) {
width: 32px;
}
&:nth-child(2) {
transform: translate3d(0px, 7px, 0) rotate(45deg);
}
&:nth-child(3) {
opacity: 0;
}
&:nth-child(4) {
transform: translate3d(0px, -10px, 0) rotate(-45deg);
}
}
&.collapsed {
.icon-bar {
&:nth-child(2),
&:nth-child(4) {
transform: none;
}
&:nth-child(2) {
width: 23px;
}
&:nth-child(3) {
opacity: 1;
width: 40px;
}
}
}
&:active .icon-bar {
width: 48px !important;
transition: all 0.3s ease 0s;
}
}
}
header.header1 .navbar > .row,
.navbar-collapse {
width: 100svw !important;
}
header.header1 #navbar,
.navbar-collapse {
height: calc(100svh - 70px) !important;
max-height: unset;
border: none;
}
header.header1 #navbar .nav > .menu-item > a {
font-size: clamp(16px, 14.5714px + 0.4464vw, 18px) !important;
}
body:has(.navbar-collapse.collapse.in) {
overflow: hidden;
}
header #navbar .sub-menu {
display: none;
}
header.header1
#navbar
.nav
.menu-item.wpml-ls-current-language
> a
> span.wpml-ls-display {
border: none;
}
body header #navbar .menu-item:not(.wpml-ls-item) > a {
padding: 0.5em 15px 0.5em 0 !important;
line-height: 1.2em;
}
body header #navbar .nav > .menu-item:not(.wpml-ls-item) {
.sub-menu {
padding-block: 0.75rem;
a {
color: #bdbdbd !important;
font-size: 15px !important;
}
.ns-submenu-toggle {
height: 38px;
}
.menu-item {
&:not(:last-child) {
border-bottom: solid 1px var(--gray);
}
& .sub-menu {
padding-block: 0.25rem;
.menu-item a {
padding-left: calc(1em + 1.5vw) !important;
font-weight: 200;
font-size: 13px !important;
}
}
}
}
& > a {
border-bottom: solid 1px var(--gray);
}
}
ul.menu.nav.navbar-nav.nav-menu {
flex-direction: column;
height: 100% !important;
padding-inline: 25px;
padding-top: 1rem;
background: var(--bg-dark) url(//www.arcossrl.com/en//wp-content/uploads/dotted-br.png) bottom
right;
background-size: 80vw;
background-repeat: no-repeat; li.wpml-ls-item {
position: fixed;
flex-grow: 2;
justify-content: flex-end;
align-items: flex-end;
max-height: unset;
padding-bottom: 0.5rem;
bottom: 0;
left: 10px;
.wpml-ls-display {
border: 0 !important;
margin-left: 0.85rem !important;
}
ul.sub-menu {
display: inline-flex !important;
flex-direction: row;
margin-left: 0 !important;
width: 200px !important;
background: none !important;
gap: 2rem !important;
li {
padding-right: 10px;
}
}
&.wpml-ls-current-language {
padding-left: 20px;
& > a {
display: contents !important;
& > span {
color: var(--primary);
font-size: 13px;
font-weight: 500;
}
}
}
}
}
.logo img,
.navbar-header .logo img {
max-height: 4rem !important;
width: auto;
padding-bottom: 0.25rem;
}
.thumbnail .caption .custom_content_title {
padding: 20px 30px;
height: auto !important;
}
.button-w-right-line button,
.thumbnail .caption .btn-custom-content {
font-size: 22px !important;
font-weight: 700;
line-height: 23px !important;
padding: 22px 10px !important;
width: auto;
}
.button-w-right-line {
text-align: center;
}
.button-w-right-line::after {
display: none;
}
.four-icon-box-wrapper
> .vc_column_container
> .vc_column-inner
> .wpb_wrapper {
margin: 0;
}
.thumbnail .caption {
padding: 0 !important;
margin-right: 0;
width: auto;
}
.thumbnail .caption > p {
display: flex;
justify-content: flex-start;
padding: 0 30px;
}
.thumbnail .caption .btn-custom-content {
min-width: 219px;
}
.two-column-full-section > .vc_column_container,
.two-column-full-section-grid > .vc_column_container {
height: auto !important;
width: 100%;
}
.two-column-full-section-grid {
flex-direction: column;
box-orient: vertical;
}
.two-column-full-section-grid
.content-side
> .vc_column-inner
> .wpb_wrapper {
padding-right: 0;
}
.two-column-full-section-grid .bg-img-side {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.two-column-full-section .owl-pagination {
display: none;
}
.two-column-full-section .owl-controls,
.two-column-full-section .owl-controls .owl-buttons .owl-prev,
.two-column-full-section .owl-controls .owl-buttons .owl-next {
top: auto !important;
bottom: 0 !important;
opacity: 1;
margin-bottom: 37px;
}
.two-column-full-section .owl-controls .owl-buttons .owl-next {
transform: rotate(180deg);
}
.wpb_text_column.wpb_content_element.t-white,
.wpb_text_column.wpb_content_element.t-black {
margin-bottom: 0;
}
.two-column-full-section .owl-wrapper .owl-item {
width: 100vw !important;
}
.two-column-full-section .left-side-red-bg > .vc_column-inner,
.two-column-full-section .right-side-black-bg > .vc_column-inner,
.two-column-full-section .left-side-black-bg > .vc_column-inner,
.two-column-full-section .right-side-red-bg > .vc_column-inner {
padding: 70px 35px 55px !important;
}
.vc_row-has-fill
+ .vc_row-full-width
+ .two-column-full-section.vc_row
> .vc_column_container
> .vc_column-inner,
.vc_row-has-fill
+ .vc_row-full-width
+ .two-column-full-section-grid.vc_row
> .vc_column_container
> .vc_column-inner {
padding-top: 100px !important;
}
.two-column-full-section .left-side-red-bg > .vc_column-inner > .wpb_wrapper,
.two-column-full-section
.right-side-black-bg
> .vc_column-inner
> .wpb_wrapper,
.two-column-full-section
.left-side-black-bg
> .vc_column-inner
> .wpb_wrapper,
.two-column-full-section
.right-side-red-bg
> .vc_column-inner
> .wpb_wrapper {
max-width: 100%;
}
.two-column-full-section .vc_btn3-container.vc_btn3-inline,
.two-column-full-section-grid .vc_btn3-container.vc_btn3-inline {
padding-top: 30px;
}
.two-column-full-section .wpb_content_element h3,
.two-column-full-section-grid .wpb_content_element h3 {
padding-bottom: 20px;
}
.home-form-wrapper .form-wrapper {
br {
display: contents;
}
& > p {
width: 100%;
margin-top: 10px;
textarea {
margin-top: 0;
}
}
}
.home-form-wrapper .form-wrapper > p input:not([type='submit']),
.home-form-wrapper .form-wrapper > p textarea {
padding: 1rem;
}
.four-icon-box-wrapper .mt_thumbnails_custom_content_link {
width: 100%;
}
.four-icon-box-wrapper
.mt_thumbnails_custom_content_link
.mt_thumbnails_custom_content_link_content {
padding: 0 0 40px;
text-align: center !important;
}
.counter-section .vc_row > .wpb_column:nth-child(3) .stats-block.statistics {
margin-bottom: 0;
}
.four-icon-box-section-w-img-home
.block-content-wrapper
.mt_thumbnails_custom_content_link
.mt_thumbnails_custom_content_link_content {
padding: 45px 20px 15px 20px;
}
.mt_thumbnails_custom_content_link_content img {
max-height: 100px;
}
.wpb_content_element.wpb_text_column {
margin-bottom: 0;
}
.two-column-full-section .vc_btn3-container,
.img-w-title-overlap-section
.img-w-title-overlap-wrapper
.content-side
.vc_btn3-container {
margin-top: 10px;
margin-bottom: 20px;
}
.two-column-full-section .vc_btn3-container {
display: block;
text-align: center;
}
.four-icon-box-section-w-img-home h2,
.img-w-title-overlap-section h2 {
padding-bottom: 30px;
}
.vc_row.wpb_row.vc_inner.vc_row-fluid.btn-text-popup-wrapper {
margin-top: 10px;
margin-bottom: 20px;
}
.four-icon-box-section-w-img-home .wpb_text_column p {
padding-bottom: 30px;
font-size: 18px;
line-height: 25px;
}
#mt_posts_carousel_big_centered .post-excerpt {
display: block;
}
#mt_posts_carousel_big_centered .post-excerpt p {
font-size: 1em;
line-height: 1.4em;
}
.mt_thumbnails_custom_content_link_content {
.mt_thumbnails_custom_content_link.card img {
max-height: 4rem;
}
}
footer .footer-top .footer-row-1 > .row .col-md-3 .widget_media_image,
footer .footer-top .footer-row-1 > .row .col-md-3 .widget_custom_html {
width: 100%;
padding: 0;
}
footer .footer-top .footer-row-1 > .row .col-md-3 {
justify-content: flex-start;
}
footer .footer-top .footer-row-1 > .row .col-md-3 .widget_custom_html span {
text-align: left;
}
footer .footer-top .footer-row-1 > .row .col-md-3 .widget_media_image,
footer .footer-top .footer-row-1 > .row .col-md-3 .widget_media_image a {
text-align: left;
justify-self: flex-start;
}
footer .contact-details,
footer .social-links {
text-align: left;
}
footer .footer-top h3.widget-title,
footer .footer-top .widget-title {
text-align: left;
padding-left: 0 !important;
}
footer .widget_hustle_module_widget .hustle-layout .hustle-layout-form {
padding: 20px 0 !important;
}
footer .footer-top .col-md-3 .widget_custom_html .social-links p {
padding-right: 0;
padding-top: 20px;
width: 100%;
}
#custom_html-7 > div > div > p {
font-size: 12px;
}
rs-arrow.custom.tparrows {
background-image: url(//www.arcossrl.com/wp-content/themes/pilon-child/img/arrow-left-mobile.png) !important;
width: 56px !important;
height: 29px !important;
top: auto !important;
bottom: 50px !important;
}
rs-arrow.custom.tparrows.tp-leftarrow {
transform: rotate(0deg) !important;
margin-left: 30px !important;
}
rs-arrow.custom.tparrows.tp-rightarrow {
margin-left: -30px !important;
transform: translate(-56px, 0) rotate(180deg) skew(360deg, 0deg) !important;
}
.blog-slider-section #mt_posts_carousel_big_centered .owl-controls {
display: block !important;
position: relative;
}
.blog-slider-section
#mt_posts_carousel_big_centered.owl-theme
.owl-controls
.owl-buttons
.owl-prev {
margin-left: 0 !important;
z-index: 999;
margin-top: 60px !important;
}
.blog-slider-section
#mt_posts_carousel_big_centered.owl-theme
.owl-controls
.owl-buttons
.owl-next {
margin-right: 0 !important;
margin-top: 60px !important;
z-index: 999;
}
.testimonials-container-2
.testimonials_all_holder
.testimonial02-content
.testimonial02_text {
width: 100% !important;
margin-left: 0;
padding: 45px 10px 50px 13px;
}
.testimonials-container-2
.testimonials_all_holder
.testimonial02-content
.testimonial02_text::before {
width: 156px;
height: 202px;
right: 14px;
}
.testimonials-container-2.owl-carousel .owl-wrapper-outer {
margin-left: 0;
overflow: hidden;
}
.testimonials-container-2.owl-carousel .owl-controls {
top: 100%;
}
.testimonials-container-2.owl-carousel .owl-controls .owl-buttons {
display: block;
}
.testimonials-container-2.owl-carousel .owl-controls .owl-buttons .owl-prev,
.testimonials-container-2.owl-carousel .owl-controls .owl-buttons .owl-next {
opacity: 1;
padding: 0;
height: 29px;
}
.testimonials-container-2.owl-carousel .owl-controls .owl-buttons .owl-next {
transform: rotate(180deg);
}
.testimonials-container-2.owl-carousel .owl-controls .owl-buttons .owl-prev i,
.testimonials-container-2.owl-carousel
.owl-controls
.owl-buttons
.owl-next
i {
font-size: 0;
width: 56px;
position: absolute;
height: 29px;
background-image: url(//www.arcossrl.com/en//arcos/wp-content/themes/pilon-child/img/black-arrow-left-mobile.png);
background-size: 100%;
}
.mt_video.video_style_v2,
.mt_video.video_style_v2 > div,
.mt_video.video_style_v2 > div > img {
height: auto;
}
.img-w-content-row .content-side h3 {
font-size: 34px !important;
line-height: 49px !important;
}
.img-w-title-overlap-section .img-w-title-overlap-wrapper .content-side {
padding: 0 35px;
}
.img-w-title-overlap-section-gallery .content-side {
padding-top: 20px;
}
.img-w-title-overlap-section-gallery .content-side > .vc_column-inner {
padding: 0;
}
.macchina-page-slider-section .slick-thumb .slick-slide {
padding-left: 11px;
width: 93px;
}
.macchina-page-slider-section .content-side > .vc_column-inner h2 {
padding-bottom: 0;
}
.solutoin-page-list-section {
padding: 70px 0 50px;
}
.solutoin-page-list-section h3 {
padding-bottom: 50px;
}
.two-column-full-section-grid .bg-img-side > .vc_column-inner {
height: 521px;
}
.mobile-contact-detail-wrapper .wpb_raw_code {
width: 100%;
}
.mobile-contact-detail-wrapper h3 {
font-size: 24px !important;
font-weight: 700;
line-height: 20px !important;
}
.mobile-contact-detail-wrapper p {
font-size: 18px;
font-weight: 400;
line-height: 30px;
padding-left: 0px;
margin-bottom: 20px;
}
.mobile-contact-detail-wrapper p i {
font-size: 24px;
padding-right: 15px;
flex-shrink: 0;
flex-basis: 40px;
padding-top: 3px;
}
.client-logo-section {
padding: 60px 0 116px;
}
.client-logo-wrapper
> .vc_column_container
> .vc_column-inner
> .wpb_wrapper {
padding-top: 77px;
}
.single-post-title-section h4 {
font-size: 29px !important;
line-height: 33px !important;
text-align: left !important;
margin-top: 22px;
}
.blog-detail-banner-section {
padding: 134px 0;
}
.single-post-title-section {
padding: 74px 0 40px;
}
.single-post-title-section h2 {
text-transform: none;
}
.blog-detail-ul {
padding: 0 0 50px;
}
.blog-detail-ul ul li {
padding-left: 90px;
}
.blog-detail-ul li::before {
width: 78px;
height: 77px;
}
.single-post .wpb_gallery .wpb_image_grid_ul li {
padding-bottom: 30px;
width: 100%;
}
.single-post .wpb_gallery {
padding-bottom: 30px;
}
.filter-wrap-blog {
padding-top: 26px;
}
.filtered-posts {
padding-top: 53px;
}
.filter-wrap-blog .container {
justify-content: flex-start;
}
.filter-wrap-blog .order-select-wrapper {
padding: 0;
border: none;
}
.filter-wrap-blog .order-select-wrapper > div,
.filter-wrap-blog .order-select-wrapper select {
font-size: 16px;
line-height: 19px;
}
.filter-wrap-blog .category label::after,
.filter-wrap-blog .order-select-wrapper label::after {
font-size: 16px;
}
.filter-wrap-blog .order-select-wrapper {
margin-bottom: 0;
margin-left: 0;
}
.filter-wrap-blog .category {
display: none;
} .social-links {
display: none;
}
.made-net {
width: 100% !important;
}
.made-net a {
margin: 0;
}
}
@media (max-width: 600px) {
.logo img,
.navbar-header .logo {
img {
max-height: 3.5rem !important;
}
}
.text-left-sm.vc_btn3-container {
text-align: left;
}
.slider-btn-section {
position: absolute;
top: -79px;
z-index: 99999;
left: -20px;
width: 100vw;
margin: 0;
height: 76px;
transform: none;
}
.slider-btn-section .vc_column-inner {
padding: 0;
}
.slider-btn-section .vc_column-inner .vc_btn3 {
width: 100%;
}
.full-w-sm.vc_btn3-container,
.full-w-sm.vc_btn3-container button {
width: 100%;
}
.four-icon-box-section-w-img-home
.block-content-wrapper
.mt_thumbnails_custom_content_link {
width: 100%;
padding-bottom: 34px;
}
.four-icon-box-section-w-img-home
.block-content-wrapper
.mt_thumbnails_custom_content_link:last-child {
padding-bottom: 0;
}
.icon-w-title-wrapper
> .vc_column_container
> .vc_column-inner
> .wpb_wrapper {
flex-wrap: wrap;
}
.icon-w-title-wrapper .wpb_content_element.wpb_text_column {
margin-top: 30px;
}
.img-w-content-row .content-side {
padding: 55px 36px 70px;
}
.img-w-content-row .content-side h3 {
font-size: 34px !important;
line-height: 49px !important;
}
.img-w-title-overlap-section > .vc_column_container > .vc_column-inner {
padding: 0;
}
.img-w-title-overlap-section .img-w-title-overlap-wrapper,
.img-w-title-overlap-section-gallery {
margin: 0;
padding-bottom: 0;
}
.img-w-title-overlap-section .slick-prev,
.img-w-title-overlap-section .slick-next {
bottom: 25px;
}
.img-w-title-overlap-section
.img-w-title-overlap-wrapper
.img-side
.vc_column-inner,
.img-w-title-overlap-section-gallery .img-side .vc_column-inner {
padding: 0;
}
.material-sample-wrapper {
padding-bottom: 57px;
}
.material-sample-wrapper .vc_row {
width: 100%;
margin-bottom: 67px;
}
.filter-wrap-blog .parent-li {
border: none;
padding: 0;
margin: 0 0 20px;
font-size: 18px;
line-height: 24px;
}
.filter-wrap-blog .order-select-wrapper div.field-title {
font-size: 18px;
line-height: 24px;
}
.filter-wrap-blog .cont-search-box {
margin: 0 0 20px;
padding-left: 60px;
}
.filter-wrap-blog .cont-search-box input {
padding: 5px 5px 5px 10px;
font-size: 20px;
}
.filter-wrap-blog .cont-search-box .searchbtn {
width: 50px;
}
.filter-wrap-blog .cont-search-box .searchbtn span.fa {
font-size: 20px;
}
.filter-wrap-blog .parent-li::after {
right: -30px;
}
}
@media (max-width: 375px) {
.wpml-ls-display {
display: none;
}
ul.menu.nav.navbar-nav.nav-menu {
& li.wpml-ls-item {
ul.sub-menu {
width: 100px !important;
gap: 5px !important;
margin-left: 10px;
li,
a {
padding: 0 !important;
}
}
}
}
.img-w-content-row .content-side h3 {
font-size: 29px !important;
}
}
@media (min-width: 768px) {
#navbar .menu-item:hover .sub-menu .menu-item:hover .sub-menu {
left: 100%;
}
}
@media (max-width: 767px) {
#navbar.navbar-collapse.collapse.in {
position: relative;
}
@keyframes arrow_down {
0% {
top: 0;
opacity: 1;
}
100% {
top: 100px;
opacity: 0;
}
}
}
#navbar .sub-menu:not(:has(.wpml-ls-menu-item)),
.navbar ul li:not(.wpml-ls-item) ul.sub-menu {
padding: 0;
width: auto !important;
min-width: 200px !important;
li {
padding-right: 1rem !important;
}
}
.navbar ul li ul.sub-menu {
li {
padding: 0 8px;
}
& > li > a {
padding-block: 0.25em;
}
}
.article-content #ez-toc-container {
display: none;
}
.single.single-post {
.main-content {
background: #fff;
}
.post-title {
&,
& * {
font-size: var(--text-25-45) !important;
font-weight: 600;
color: var(--text-darker);
text-wrap: balance;
text-align: left;
margin-bottom: 2rem;
span {
font-weight: 600 !important;
}
}
}
#ez-toc-container {
margin-top: 0;
margin-bottom: var(--spacer-60);
border: none;
box-shadow: none;
-webkit-box-shadow: none;
.ez-toc-title {
font-size: var(--text-21-28) !important;
font-weight: 600;
line-height: var(--title-line-height) !important;
margin-bottom: 2.5rem !important;
display: block;
}
.ez-toc-list {
border-top: solid 1px var(--light-gray);
font-size: clamp(0.875rem, 0.8rem + 0.31vw, 1rem); & > li {
border-bottom: solid 1px var(--light-gray);
padding-block: calc(0.5rem + 0.4vw);
padding-right: 1em;
.ez-toc-link {
font-size: clamp(0.875rem, 0.8rem + 0.31vw, 1rem) !important;
line-height: var(--text-line-height) !important;
font-weight: 300;
text-decoration: none !important;
letter-spacing: -0.1pt;
}
ul {
margin-top: 0.25rem;
}
}
}
}
@media (width>=1200px) {
#ez-toc-container {
margin-top: var(--spacer-40);
}
div:has(> #ez-toc-container) {
position: sticky;
top: 120px;
}
.ez-toc-title-container {
width: calc (100% - 2vw);
}
.ez-toc-list {
margin-right: 2vw;
margin-left: -15px;
li {
padding-left: 15px;
}
}
}
}
.post-category-comment-date {
display: inline-block;
background: var(--light-gray);
border-radius: 7px;
padding: 5px;
margin-bottom: 1rem;
a,
span {
color: var(--text-darker) !important;
font-size: var(--text-12-14);
text-transform: uppercase !important;
font-weight: 400;
}
& > a.name,
& > .post-categories {
padding-inline: 10px;
display: inline-block;
&:not(:last-child) {
border-right: solid 1px var(--text-dark);
}
&:nth-child(n + 4) {
display: none;
}
}
.post-separator {
display: none;
}
}
.single article .article-content :is(p, li),
body .filtered-posts ul > li .content p,
body.single-post .article-content .post-content {
&:is(p, li, p > span) {
font-size: var(--text-14-18) !important;
line-height: var(--text-line-height) !important;
font-weight: var(--text-font-weight) !important;
color: var(--text-darker) !important;
}
h2,
h3 {
&,
& * {
font-size: var(--text-22-34);
color: var(--text-dark);
font-weight: 600;
text-align: left !important;
margin-bottom: 1.5rem;
span {
font-weight: 600 !important;
}
}
}
h4,
h5,
h6 {
&,
& * {
font-size: var(--text-21-28);
color: var(--text-dark);
font-weight: 600;
text-align: left;
margin-bottom: 1rem;
span {
font-weight: 600 !important;
}
}
}
@media (width<768px) {
:is(h2, h3, h4, h5, h6) {
text-align: left !important;
}
}
li {
list-style: disc;
margin-left: 25px;
&.isotope-item {
margin: 0;
}
}
}
.page-title {
font-size: 50px;
line-height: 49px;
font-weight: 300;
text-transform: uppercase;
margin: 0 0 20px 0;
}
@media (max-width: 500px) {
.small-button-s a.vc_general.vc_btn3 {
margin: 0 auto;
}
.slick-track {
display: flex;
flex-flow: wrap row;
justify-content: center;
align-items: stretch;
}
.slick-slide {
height: unset;
}
.blog-slider-section
#mt_posts_carousel_big_centered.owl-theme
.owl-controls
.owl-buttons
.owl-next,
.blog-slider-section
#mt_posts_carousel_big_centered.owl-theme
.owl-controls
.owl-buttons
.owl-prev {
max-width: 55px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin: 60px 5px 0 !important;
}
h1 > strong,
h2 > strong {
text-align: center;
display: block;
}
.pr45 .vc_column-inner,
.pl45 .vc_column-inner,
.wpb_column .vc_column-inner {
padding: 0 8px !important;
}
.icon-w-title-wrapper {
height: unset !important;
}
.img-w-title-overlap-section .img-w-title-overlap-wrapper .content-side {
padding: 0;
}
.material-sample-wrapper[data-show] {
display: block;
}
.material-sample-wrapper > .wpb_column > .vc_column-inner > .wpb_wrapper {
h3 {
margin-bottom: 50px !important;
}
max-height: max(220px, 50vh);
overflow: hidden;
}
.material-sample-wrapper
> .wpb_column
> .vc_column-inner
> .wpb_wrapper:after {
content: '';
width: 100%;
height: 50px;
background: linear-gradient(0deg, white, transparent);
bottom: 0;
left: 0;
position: absolute;
}
.material-sample-wrapper .vc_row {
margin-bottom: 20px;
}
.material-sample-wrapper:after {
content: attr(data-show);
text-align: center;
width: auto; background: var(--primary);
color: white;
min-width: 11.625rem;
font-size: var(--text-14-18) !important;
font-weight: 600 !important;
text-transform: uppercase;
border-radius: 10px !important;
padding: 1em 2.5em !important;
cursor: pointer;
}
.material-sample-wrapper[data-status='open'] {
&:after {
color: var(--primary);
background: white;
margin-top: -2rem;
padding-left: 8px !important;
text-align: left;
}
}
.tipo-oggetto .wpb_column {
max-height: max(220px, 50vh);
overflow: hidden;
position: relative;
}
.tipo-oggetto .wpb_column:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
background: linear-gradient(0deg, whitesmoke, transparent);
content: '';
}
.tipo-oggetto:after {
content: attr(data-show);
text-align: center;
width: 100%;
background: var(--primary);
color: white;
padding: 10px;
}
}
@media screen and (min-width: 768px) {
.space-mobile {
display: none;
}
}
ul#blog-list-cat-select [data-val='all'] {
display: none;
} #dynamicMap {
margin: 0 auto;
padding-inline: 5vw;
display: block;
width: calc(100% - 30px);
position: relative;
z-index: 1;
@media (width<1200px) {
width: 100%;
}
svg {
margin-right: 1vw;
}
.dialog,
.dialog * {
color: #fff;
}
.dialog {
position: absolute;
background: var(--primary);
padding: 2rem;
border-radius: 21px;
transform: translate(-50%, -100%);
max-width: 100%;
width: fit-content;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
overflow: hidden;
font-size: var(--text-14-18);
width: min(45vw, 460px);
.dialog-title {
color: #fff;
font-size: var(--text-21-28);
margin: 0 0 1rem 0;
padding-bottom: 1rem;
border-bottom: solid 1px white;
width: 100%;
text-transform: uppercase;
font-weight: 500;
}
&.bottom {
transform: translate(-30%, 0%);
}
.dialog-image {
background: green;
padding: 20px;
display: flex;
flex-flow: wrap row;
justify-content: center;
align-items: c;
}
.dialog-content {
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 10px;
color: #fff;
p {
white-space: wrap;
line-height: 1.2em;
}
}
@media (min-width: 1400px) and (min-height: 800px) {
.dialog-content {
padding-bottom: 80px;
background-image: url(//www.arcossrl.com/en//wp-content/uploads/2023/09/arcos_logo_-OK.png);
background-position: bottom right;
background-repeat: no-repeat;
background-size: 99px 64px;
&:before {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 160px;
height: 98px;
background-color: rgba(254, 23, 28, 0.6);
}
}
}
.dialog-address,
.dialog-tel {
display: flex;
flex-flow: nowrap row;
justify-content: space-between;
align-items: flex-start;
text-align: right;
}
@media (width<600px) {
.dialog-address,
.dialog-tel {
flex-direction: column;
}
}
.dialog-address span,
.dialog-tel span {
text-transform: uppercase;
font-weight: 600;
margin-right: 1rem;
}
svg.dialog_svg {
position: absolute;
bottom: 5px;
left: 5px;
width: 70px;
height: auto;
z-index: -1;
}
@media (width<680px) {
padding: 1rem;
.dialog-title {
font-size: 18px;
}
.dialog-address,
.dialog-tel {
flex-direction: column !important;
}
}
}
}
g[data-animate] {
transition: 0.2s ease;
cursor: pointer;
}
g[data-animate]:hover {
fill: var(--primary);
}
g[data-animate] g path {
transition: 0.2s ease;
cursor: pointer;
}
g[data-animate]:hover g path {
fill: #000000;
}
g[data-animate] {
animation: 2.5s colors linear infinite alternate;
}
@keyframes colors {
0% {
fill: var(--primary);
}
33% {
fill: #efcc00;
}
66% {
fill: grey;
}
100% {
fill: black;
}
}
.dialog-tel span {
text-align: right;
padding-right: 10px;
}
.dialog-tel a {
font-size: 16px;
line-height: 27px;
}
.wpb_video_widget .wpb_video_wrapper > div {
padding: 0 !important;
}
@media screen and (max-width: 768px) {
#dynamicMap .dialog {
flex-flow: wrap column;
}
} .container404 {
display: flex;
flex-flow: nowrap row;
justify-content: space-between;
align-items: center;
padding: 100px 0;
}
.grid404 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
grid-auto-rows: 1fr;
}
.error404 .title404 {
font-weight: 700;
text-align: center;
margin: 20px 0 30px;
position: relative;
display: block;
font-size: 1.9em;
}
.category404 {
background: var(--primary);
position: relative;
display: flex;
-ms-flex-flow: wrap row;
flex-flow: wrap row;
justify-content: center;
align-items: stretch;
}
.category404-link {
display: block;
width: 100%;
color: white !important;
text-align: center;
font-size: 24px;
font-weight: 700;
line-height: 24px;
padding: 28px 35px;
border-radius: 0;
text-transform: uppercase;
position: relative;
z-index: 1;
display: flex;
flex-flow: wrap row;
justify-content: center;
align-items: center;
}
.category404::before,
.category404::after {
background: #151515 !important;
content: '';
position: absolute;
}
.category404::after {
width: 0;
content: '';
position: absolute;
height: 100%;
left: 0;
top: 0;
transition: all 0.3s;
}
.category404:hover::after {
background-color: #000;
width: 100%;
transition: all 0.3s;
}
@media screen and (max-width: 1379px) {
.container404 {
flex-flow: wrap column;
justify-content: center;
align-items: center;
}
}
@media screen and (max-width: 678px) {
.grid404 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.wpb_video_wrapper {
overflow: hidden;
} .lp-title {
font-weight: 900;
line-height: 1.3em;
font-size: 40px;
}
.lp-form_title {
font-weight: 900;
line-height: 1.3em;
font-size: 35px;
text-transform: none;
}
.lp-heading_text * {
font-weight: 500;
font-size: 22px;
line-height: 1.3em;
}
.lp-heading_text.white * {
color: white;
}
.lp-heading_form {
background: white;
padding: 50px !important; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 50%);
}
.lp-heading_form form.wpcf7-form .form-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
justify-content: flex-start;
align-items: flex-start;
gap: 15px;
}
.lp-heading_form form.wpcf7-form .form-wrapper > p {
width: calc((100% - 15px) / 2);
}
.lp-heading_form form.wpcf7-form .form-wrapper > p.form-msg,
.lp-heading_form form.wpcf7-form .form-wrapper > p.form-gdpr,
.lp-heading_form form.wpcf7-form .form-wrapper > p.submit-btn {
width: 100%;
}
.lp-heading_form form.wpcf7-form .form-wrapper > p input,
.lp-heading_form form.wpcf7-form .form-wrapper > p textarea {
border-bottom: 1px solid black;
padding: 10px 4px;
color: black;
font-weight: 500;
}
.lp-heading_form form.wpcf7-form .form-wrapper > p input::placeholder,
.lp-heading_form form.wpcf7-form .form-wrapper > p textarea::placeholder {
color: var(--gray);
font-weight: 300;
opacity: 0.9;
}
.lp-heading_form span.wpcf7-list-item {
margin: 0;
width: 100%;
}
.lp-heading_form #gdpr {
margin-right: 5px;
}
.lp-heading_form .wpcf7-list-item-label {
font-weight: 300;
font-size: 13px;
}
.lp-heading_form form.wpcf7-form .form-wrapper > p input[type='submit'] {
width: 200px;
color: white;
margin: 0 auto;
display: block;
background: var(--primary);
border: unset;
font-size: 25px;
padding: 5px;
}
.lp-heading_form form.wpcf7-form .form-wrapper > p input[type='submit']:hover {
background: black;
}
.lp-custom_title .title-subtile-holder .section-title {
text-transform: unset;
line-height: 1.3em;
max-width: 650px;
margin: auto;
text-align: center !important;
}
.lp-custom_title .title-subtile-holder .section-title:not(.absolute) {
position: relative;
z-index: 1;
}
.lp-custom_title .title-subtile-holder .section-title.absolute {
line-height: 1;
top: 15px;
max-width: unset;
font-size: 60px;
color: black;
opacity: 0.5;
z-index: 0;
line-height: 1;
transform: translateY(-50%);
}
.lp-text p,
.lp-text ul li {
margin-bottom: 1.25em;
color: black;
font-size: 22px;
font-weight: 400;
line-height: 1.3em;
}
.lp-text p strong,
.lp-text ul li strong {
font-weight: 700;
}
.lp-text ul {
padding-left: 40px;
list-style: disc;
}
.lp-text ul li {
margin-bottom: 0.7em;
}
.lp-text h3 {
text-transform: unset;
font-size: 26px;
}
.lp-button a.vc_general {
width: fit-content;
margin: auto;
}
.lp-icons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
justify-content: flex-start;
align-items: stretch;
gap: 30px;
}
.lp-icons > .lp-icon_wrapper {
background: white;
padding: 30px 0 0;
text-align: center;
width: calc((100% - 90px) / 4);
box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 50%);
}
.lp-icons:before,
.lp-icons:after {
display: none;
}
.lp-icons > .lp-icon_wrapper .lp-icon_title {
text-transform: unset;
line-height: 1.3em;
font-size: 24px;
}
.lp-icons > .lp-icon_wrapper img {
width: 100%;
height: 100px;
object-fit: contain;
margin: auto;
}
.lp-icons > .lp-icon_wrapper .vc_single_image-wrapper {
display: block;
text-align: center;
width: fit-content;
margin: auto;
}
.lp-icons > .lp-icon_wrapper .vc_figure {
margin: auto;
display: block;
}
.lp-footer_icons_wrapper .widget_social_icons ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 50px;
}
.lp-footer_icons_wrapper .widget_social_icons i {
font-size: 30px;
}
.lp-footer_column p,
.lp-footer_column a {
color: white;
margin-bottom: 1em;
font-size: 18px;
font-weight: 400;
line-height: 1.3em;
}
.lp-footer_icons_wrapper img {
max-width: 200px;
width: 100%;
}
.lp-footer_icons_wrapper .vc_single_image-wrapper {
width: 100%;
display: block;
}
.lp-footer_icons_wrapper .vc_figure {
width: 100%;
}
.lp-footer_map .vc_figure {
display: block;
width: 100%;
}
.lp-footer_map .vc_figure img {
width: 100%;
display: block;
}
.lp-footer_map .vc_figure .vc_single_image-wrapper {
width: 100%;
}
.lp-footer {
background: linear-gradient(60deg, var(--primary), #68181a);
}
.lp-row {
padding: calc(((100% - min(1300px, 100vw)) / 2) + 6%);
}
.lp-row_extended {
padding: 0 6%;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.lp-row-extended-right {
padding-right: 6%;
}
.lp-row-extended-left {
padding-left: 6%;
}
@media (min-width: 768px) {
.lp-footer_column:nth-child(2),
.lp-footer_column:nth-child(3) {
margin-top: 45px;
}
}
@media (max-width: 767px) {
.lp-footer_column {
margin-bottom: 50px;
text-align: center;
}
.lp-footer_icons_wrapper img {
margin: auto;
display: block;
}
.lp-footer_icons_wrapper .widget_social_icons ul {
justify-content: center;
}
.lp-row_extended .vc_column_container:not(:last-of-type),
.lp-row .vc_column_container:not(:last-of-type) {
margin-bottom: 50px;
}
.lp-icons > .lp-icon_wrapper {
width: 100%;
margin: 0 !important;
}
.lp-header_logo .vc_figure {
width: fit-content;
display: block;
margin: 0 auto;
}
.lp-title,
.lp-heading_text {
text-align: center !important;
}
.lp-heading_text p {
font-size: 20px;
}
.lp-text p,
.lp-text ul li {
font-size: 18px;
}
.lp-footer_column p,
.lp-footer_column a {
font-size: 18px;
}
.lp-heading_form .lp-form_title {
font-size: 30px !important;
text-align: center !important;
}
.lp-side_img .vc_figure {
width: fit-content;
display: block;
margin: auto;
}
}
.objects ul {
columns: 2;
list-style: disc;
}
.objects ul li {
margin-left: 15px;
}
@media (max-width: 767px) {
.objects ul {
columns: 1;
}
}
@media (max-width: 500px) {
.lp-row,
.lp-row_extended {
padding: 0 20px;
}
.lp-heading_form form.wpcf7-form .form-wrapper > p {
width: 100%;
}
}
.brochure-form {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: flex-start;
align-items: stretch;
gap: 20px;
max-width: 700px;
margin: 50px auto 0;
}
.brochure-form-row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: flex-start;
align-items: stretch;
gap: 20px;
}
.brochure-form-col {
flex: 1;
}
.brochure-form-row .wpcf7-form-control-wrap {
width: 100%;
}
.brochure-form-row .brochure-input {
width: 100%;
background: white;
border: 1px solid;
padding: 15px 10px;
}
.wpcf7-form .brochure-form-row label {
line-height: 1em;
font-weight: 300;
font-size: 13px;
padding: 0;
margin: 0;
}
.brochure-form-row .wpcf7-list-item {
margin: 0;
}
.brochure-form-row .wpcf7-list-item input {
margin: 0 5px 0 0 !important;
}
.brochure-form-row input.wpcf7-submit {
width: 200px;
color: white;
margin: 0 auto;
display: block;
background: var(--primary);
border: unset;
font-size: 25px;
padding: 5px;
cursor: pointer;
}
.lp-header-column {
padding: 0 50px 0 0;
}
.lp-header-column > .vc_column-inner > .wpb_wrapper > * {
z-index: 1;
position: relative;
}
.lp-header-machine {
position: absolute !important;
left: 0;
margin: 0;
overflow: hidden;
top: -120px;
transform: translateX(-38%);
bottom: 0;
z-index: 0 !important;
}
@media (min-width: 1440px) {
.lp-header-column {
padding: 0 150px 0 200px;
position: static;
}
}
@media (max-width: 1440px) {
.lp-header-machine {
top: unset;
bottom: -100px;
}
}
.lp-header-machine img {
height: 100%;
object-fit: contain;
object-position: left;
width: 100%;
}
.lp-header-machine figure,
.lp-header-machine div {
height: 100%;
}
.no-desktop {
display: none;
}
@media (max-width: 768px) {
.no-mobile {
display: none;
}
.no-desktop {
display: block;
}
.lp-header-machine {
top: 0;
bottom: unset;
}
.lp-header-column {
position: static;
}
.lp-header-column {
padding: 0;
}
.lp-heading_form {
padding: 50px 20px !important;
}
.lp-heading_text * {
font-size: 17px;
text-align-last: center;
}
}
@media (max-width: 500px) {
.lp-header_logo img {
max-width: 110px;
margin-top: 15px;
margin-bottom: 20px;
}
.lp-header-machine {
transform: unset;
right: 0;
left: -16%;
}
.page-id-7558 .lp-header-machine {
left: -26%;
}
}
.page-id-7935 .lp-header-machine {
transform: translateX(-45%);
top: 70px;
}
.page-id-7943 .lp-header-machine {
transform: translateX(0);
height: 60%;
top: 0;
}
.page-id-7949 .lp-header-machine {
transform: translateX(-66%);
top: 50px;
}
.page-id-7957 .lp-header-machine {
transform: translateX(-15%);
top: 0;
}
@media (max-width: 767px) {
.page-id-7935 .lp-header-machine {
transform: translateX(-10%);
height: 300px;
top: 0;
left: 0;
}
.page-id-7943 .lp-header-machine {
transform: translateX(-10%);
height: 300px;
left: 0;
top: 0;
}
.page-id-7949 .lp-header-machine {
transform: translateX(-50%);
height: 270px;
left: 0;
top: 0;
}
.page-id-7957 .lp-header-machine {
transform: translateX(0);
height: 270px;
left: 0;
top: 0;
}
} @media (min-width: 768px) {
.ul--2col ul,
.ul--3col ul {
columns: 2;
max-width: 720px;
}
}
@media (min-width: 1200px) {
.ul--3col ul {
columns: 3;
max-width: 1040px;
}
.ul--2col ul {
columns: 2;
max-width: 620px;
}
}
.macchina-list-wrapper:not(.left) ul {
margin-inline: auto;
}
.macchina-list-wrapper.cross-icon li {
padding-bottom: 1.5rem;
font-weight: 500;
line-height: 1.25em !important;
}
.macchina-list-wrapper.cross-icon li::before {
background-color: transparent !important;
height: 1em;
width: 1em;
content: '+';
color: var(--primary);
font-weight: 600;
font-size: 2rem;
top: unset;
}
.bg-primary {
.macchina-list-wrapper.cross-icon li {
&,
&::before {
color: white;
}
}
}
.macchina-list-wrapper.tipo-oggetto ul li::before {
display: none;
}
.macchina-list-wrapper.tipo-oggetto ul li {
list-style-image: url(//www.arcossrl.com/en//wp-content/themes/pilon-child/css/icona-arcos.svg);
margin: 0 0 15px 43px !important;
padding: 0 0 0 10px;
}
.macchina-list-wrapper.tipo-oggetto ul li::marker {
font-size: 60px;
}
.macchina-list-wrapper.red-icon ul li::before {
aspect-ratio: 1;
width: 20px;
height: unset;
top: 8px;
}
.macchina-list-wrapper ul li {
padding: 0 0 0 35px;
}
a.vc_general.vc_btn3[href='#info-form'] {
margin-left: 20px;
}
@media (max-width: 722px) {
a.vc_general.vc_btn3[href='#info-form'] {
margin: 20px 20px;
}
}
body footer .footer-top .footer-row-1 > .row .sidebar-1 {
width: 20%;
}
body footer .footer-top .footer-row-1 > .row .sidebar-2 {
width: 80%;
}
body
footer
.footer-top
.footer-row-1
> .row
.sidebar-2
.widget_hustle_module_widget {
width: 50%;
float: right;
clear: unset;
}
body footer .footer-top .footer-row-1 > .row .col-md-3 .widget_media_image {
width: 100%;
}
body .hustle-ui .hustle-layout .hustle-layout-form {
width: 100%;
}
footer .widget_hustle_module_widget .widget-title {
color: white !important;
text-transform: uppercase;
margin: 0 0 -30px;
padding: 10px 0 0 20px;
font-weight: 600 !important;
font-size: 20px !important;
}
footer .widget_hustle_module_widget .hustle-layout .hustle-layout-form {
padding-bottom: 20px !important;
}
footer .textwidget.custom-html-widget .social-links {
padding-left: 0;
}
@media (max-width: 991px) {
body footer .footer-top .footer-row-1 > .row .col-md-3 {
width: 100%;
}
.widget_hustle_module_widget .widget-title {
margin: 0;
}
.back-to-top {
display: none;
}
}
@media (max-width: 767px) {
body footer .footer-top .footer-row-1 > .row .sidebar-2 > aside {
width: 100% !important;
text-align: center;
}
footer .textwidget.custom-html-widget {
justify-content: center;
}
footer .textwidget.custom-html-widget .social-links {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
text-align: center;
}
footer .footer-top .col-md-3 .widget_custom_html .social-links p {
text-align: center;
}
}
.blog_custom {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: stretch;
}
article.single-post img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
article.single-post a {
width: 100%;
height: 100%;
position: relative;
}
.list-view .post-details .post-excerpt .more-link {
width: fit-content;
margin-top: 20px;
background: var(--primary);
text-transform: uppercase;
}
.list-view .post-details .post-excerpt .more-link:hover {
color: white !important;
background: black;
}
@media (width<992px) {
.list-view .post-thumbnail {
aspect-ratio: 8/5;
height: auto !important;
}
.navigation.pagination {
zoom: 0.65;
}
}
.list-view .post-details .post-category-comment-date .post-date a {
font-size: 15px;
line-height: 1em;
}
.author_block {
margin-top: 100px;
border-radius: 10px;
background: white;
overflow: hidden;
border: solid 1px var(--card-border-color); }
.author-heading {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
background: white;
padding: 1rem 2.5rem;
border-bottom: 1px solid #ddd;
.author--name {
font-size: 40px;
font-weight: 600;
line-height: 1;
margin: 0;
}
.author--socials {
display: flex;
gap: 15px;
}
}
.author-content {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: flex-start;
align-items: center;
padding: 2rem 2.5rem;
gap: 30px;
img {
max-height: 126px;
width: auto !important;
}
}
.author-content .author--image {
object-fit: cover;
user-select: none;
pointer-events: none;
border-radius: 100%;
aspect-ratio: 1;
width: 160px;
}
.author-content .author--content {
flex: 1;
font-size: var(--text-14-18);
font-weight: var(--text-font-weight);
line-height: 1.4em;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.article-details .main-featured-image {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 767px) {
.author_block {
margin-top: 50px;
}
.author-content {
display: block;
}
.author-content .author--image {
float: left;
margin-right: 20px;
}
.author-heading {
flex-direction: column;
.author--name {
margin-bottom: 1.5rem;
text-align: center;
}
}
.hustle-ui.module_id_6 .hustle-layout .hustle-image {
height: 100px;
}
}
@media (max-width: 480px) {
.author-heading {
.author--name {
font-size: 20px !important;
margin-bottom: 1rem;
}
}
.author-content {
.author--image {
max-width: 120px;
float: unset;
margin: auto auto 20px;
display: block;
}
}
}
.lp-row_heading .lp-header-column {
padding-left: 0;
}
@media (min-width: 1440px) {
.lp-row_heading .lp-header-column {
padding-right: 300px;
}
}
.lp-row_heading .lp-header-column img {
width: 127px;
}
.lp-row_heading:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
display: block;
z-index: 0;
background-image: radial-gradient(
circle at 100% 100%,
transparent,
var(--primary)
);
}
.lp-row_heading > * {
z-index: 1;
}
@media (max-width: 767px) {
.lp-title {
font-size: 30px !important;
line-height: var(--title-line-height) !important;
}
}
@media (min-width: 768px) {
#navbar .menu .menu-item .sub-menu .menu-item .sub-menu {
position: static;
box-shadow: none;
padding: 0 0 5px 15px;
margin-top: -0.65rem;
margin-bottom: 0.5rem;
transform: unset;
opacity: 1 !important;
visibility: visible !important;
}
#navbar .menu .menu-item .sub-menu .menu-item .sub-menu a {
font-weight: 200;
font-size: 0.95em !important;
}
}
@media (max-width: 767px) {
#navbar .menu .menu-item .sub-menu .menu-item .sub-menu a {
font-weight: 500;
padding-block: 1em !important;
}
}
@media (min-width: 768px) {
#navbar .sub-menu {
pointer-events: none;
}
#navbar .menu:hover .sub-menu {
pointer-events: all;
}
}
.header-video iframe {
width: 100%;
}
.blog-description:empty {
margin: 0;
display: none;
}
@media (width<768px) {
.blog-description {
text-align: left !important;
width: calc(100% - 50px) !important;
h2,
h3 {
text-align: left !important;
}
}
}
.col-md-12:has(.blog-description) {
padding: 0;
background-color: #8b8b8b1f;
@media (width>=992px) {
margin-bottom: 50px;
}
}
.blog-description {
text-align: center;
padding-block: var(--spacer-50-130);
width: min(85%, 1200px);
text-wrap: balance;
margin-inline: auto;
&,
& p {
font-size: var(--text-16-20);
line-height: 1.4em;
color: var(--text-darker);
&:not(:last-child) {
margin-bottom: 1.5rem;
}
}
p:has(> strong:only-child) {
strong {
display: block;
line-height: 1.2em;
margin-bottom: 1rem;
font-size: var(--text-25-45) !important;
font-weight: 600;
color: var(--text-dark);
text-wrap: balance;
margin-top: 0;
}
}
h2,
h3 {
font-size: var(--text-25-45) !important;
font-weight: 600;
line-height: 1.2em;
color: var(--text-dark);
text-wrap: balance;
margin-bottom: 1rem;
margin-top: 0;
&::first-letter {
text-transform: uppercase;
}
&:empty {
display: none;
}
}
}
.middle-red-section .vc_column-inner > .wpb_wrapper {
padding: 48px 50px 39px;
}
.middle-red-section .vc_column-inner > .wpb_wrapper .wpb_content_element p {
color: white;
}
.middle-red-section .vc_column-inner > .wpb_wrapper .wpb_content_element ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 20px;
max-width: 700px;
margin: auto;
margin-top: 50px;
}
.middle-red-section
.vc_column-inner
> .wpb_wrapper
.wpb_content_element
ul
li
a {
display: block;
padding: 2px 20px;
background-color: white;
font-size: 19px;
border: 1px solid white;
}
.middle-red-section .vc_column-inner > .wpb_wrapper .wpb_content_element ul li {
margin: 0;
}
.middle-red-section
.vc_column-inner
> .wpb_wrapper
.wpb_content_element
ul
li
a:hover {
color: white;
background-color: transparent;
}
.middle-red-section .button-red .vc_btn3 {
margin: auto !important;
border: 3px solid #ffffff !important;
background-color: var(--primary) !important;
padding-top: 14px !important;
padding-bottom: 14px !important;
font-size: 19px !important;
display: block;
width: fit-content;
}
.middle-red-section .button-red {
width: 100%;
margin-top: 78px;
}
.vc_custom_heading.title-v2 {
font-family: 'Poppins', sans-serif !important;
font-weight: 600 !important;
font-size: 36px;
line-height: 55px;
color: var(--primary);
position: relative;
padding-bottom: 5px;
}
.vc_custom_heading.title-v2.black {
color: black;
}
h1.vc_custom_heading.title-v2 {
line-height: 40px;
}
h1.vc_custom_heading.title-v2:after {
position: absolute;
bottom: 0;
left: 0;
height: 2px;
background-color: red;
width: 25%;
content: '';
}
.image-with-caption .wpb_single_image {
margin: 0;
}
.image-with-caption .wpb_text_column {
background: #f0edec;
max-width: calc(100% - 30px);
margin: auto;
margin-top: -30px;
z-index: 1;
position: relative;
padding: 5px;
}
.image-with-caption .wpb_text_column p {
text-align: center;
line-height: 32px;
font-size: 25px;
}
.r1-c2-v2.wpb_column {
padding-left: 100px;
}
.image-with-caption .wpb_single_image figure,
.image-with-caption .wpb_single_image .vc_single_image-wrapper,
.image-with-caption .wpb_single_image img {
width: 100%;
margin-inline: auto;
}
.r1-c2-v2 .wpb_text_column li {
font-size: 19px;
line-height: 36px;
position: relative;
margin-left: 25px;
}
.r1-c2-v2 .wpb_text_column li:before {
content: '';
width: 13px;
height: 12px;
background-color: var(--primary);
position: absolute;
right: calc(100% + 12px);
top: 12px;
clip-path: polygon(0 0, 0 100%, 100% 50%);
}
.button-red.button-center a.vc_general.vc_btn3[href='#info-form'] {
margin: auto;
width: fit-content;
margin-top: 30px;
}
.form-red-bg .form-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 38px 16px;
margin-top: 45px;
width: 100%;
overflow: hidden;
}
.form-red-bg .form-wrapper > [class^='form-'] {
flex-basis: 45%;
flex-grow: 1;
flex-shrink: 0;
}
.form-red-bg .form-wrapper > .form-msg,
.form-red-bg .form-wrapper > .form-gdpr {
flex: unset;
width: 100%;
}
.form-red-bg .form-wrapper textarea.wpcf7-form-control,
.form-red-bg .form-wrapper input.wpcf7-form-control {
border-bottom: 1px solid black;
font-size: 19px;
line-height: 29px;
padding: 3px 0;
}
.form-red-bg .form-wrapper .wpcf7-list-item label {
text-align: left;
}
.form-red-bg .form-wrapper input + .wpcf7-list-item-label {
font-weight: normal;
text-align: left;
}
.form-red-bg .form-wrapper .wpcf7-acceptance #gdpr {
width: 23px;
height: 23px;
border-radius: 0;
margin-top: 0;
margin-right: 5px;
}
.form-red-bg .form-wrapper .wpcf7-acceptance .wpcf7-list-item {
margin: 0;
}
.form-red-bg .form-wrapper input.wpcf7-form-control[type='submit'] {
background-color: var(--primary);
color: white;
border: none;
margin: auto;
display: block;
margin-top: 30px;
font-size: 20px;
font-weight: 400;
text-transform: unset;
width: fit-content;
padding: 12px 50px;
}
.form-red-bg .form-wrapper input.wpcf7-form-control[type='submit']:hover {
background-color: black;
}
.form-red-bg .form-wrapper .submit-btn {
display: block;
width: 100%;
}
.form-red-bg h2,
.form-red-bg h2 strong {
text-transform: unset;
font-weight: 600;
font-size: 27px;
line-height: 40px;
}
@media (max-width: 1023px) {
.vc_row-has-fill
+ .vc_row-full-width
+ .vc_row.form-red-bg
> .vc_column_container
> .vc_column-inner {
padding-top: 72px !important;
}
}
@media (min-width: 1200px) {
.vc_row:has(.youtube_slider):after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 50%;
background: inherit;
display: block;
}
}
@media (max-width: 1199px) {
.youtube_slider {
margin-top: 50px;
}
}
@media (max-width: 767px) {
h1.vc_custom_heading.title-v2 {
font-size: 35px !important;
line-height: 45px !important;
}
.vc_custom_heading.title-v2 {
font-size: 30px !important;
line-height: 45px !important;
}
.vc_custom_heading.title-v2[style*='text-align: center;'] {
text-align: center !important;
}
.r1-c2-v2.wpb_column {
padding: 0;
}
.image-with-caption .wpb_text_column {
margin-bottom: 50px;
}
.image-with-caption + .image-with-caption .wpb_text_column {
margin-bottom: 0;
}
.form-red-bg .form-wrapper > [class^='form-'] {
flex: unset;
width: 100%;
}
.page-v2-first-section {
display: flex;
flex-direction: column-reverse;
gap: 50px;
}
.page-v2-first-section::before,
.page-v2-first-section::after {
display: none;
}
.youtube_slider--item svg {
transform: translate(-50%, -50%) scale(0.5);
}
.youtube_slider--item .youtube_slider--item-title {
width: 100%;
font-size: 18px;
line-height: 25px;
}
.youtube_slider--item .youtube_slider--item-description {
font-size: 16px;
}
}
@media (max-width: 767px) and (min-width: 550px) {
.image-with-caption.wpb_column {
width: 50%;
}
}
@media (max-width: 550px) {
.vc_row-has-fill
+ .vc_row-full-width
+ .vc_row.form-red-bg
> .vc_column_container
> .vc_column-inner {
padding: 50px 25px !important;
}
.middle-red-section .vc_column-inner > .wpb_wrapper {
padding: 50px 25px;
}
.youtube_slider--item {
grid-template-rows: auto 1fr auto;
}
.youtube_slider--item svg {
transform: unset;
width: 30px;
height: 30px;
position: relative;
left: 0;
top: 0;
}
}
.article-content {
#contattaci {
margin-top: var(--spacer-50-130);
h2 {
text-transform: lowercase;
margin-top: 0 !important;
&::first-letter {
text-transform: uppercase;
}
}
}
.post-content h2 {
font-weight: bold;
margin-top: 50px;
}
}
.cta-more {
display: -webkit-inline-box;
background: var(--primary);
color: #ffffff;
font-weight: 600;
border-style: none;
padding: 15px 45px;
position: relative;
z-index: 1;
&:hover {
background-color: #fff;
border: 2px solid var(--primary);
}
} .img-w-content-row .img-side .vc_column-inner,
.img-w-content-row .img-side .wpb_wrapper,
.img-w-content-row .img-side .wpb_wrapper {
height: 100% !important;
}
.img-side .wpb_single_image .vc_single_image-wrapper,
.img-w-content-row .img-side .wpb_single_image .vc_figure,
.img-side .wpb_single_image img {
height: 100% !important;
width: 100% !important;
}
@media (width>=768px) {
.wpml-ls-menu-item .wpml-ls-display {
display: none;
}
#navbar ul.nav > li.wpml-ls-item {
padding-left: 1.25rem !important;
ul.sub-menu {
margin-left: 0 !important;
}
}
} #case-studies-slider {
opacity: 1;
visibility: visible;
transition: opacity 0.5s ease, visibility 0.5s ease;
}
.ns-case-studies-slider {
padding: 20px 0;
--swiper-pagination-bottom: 0 !important;
.swiper-container {
overflow-x: hidden;
.swiper-pagination {
margin-bottom: calc(var(--spacer-40) * (-1));
}
}
.swiper-container:not(:has(.swiper-pagination-lock)) .swiper-wrapper {
margin-bottom: var(--spacer-40);
}
.swiper-container:has(.swiper-pagination-lock) .swiper-wrapper {
margin-bottom: 0;
}
.swiper-slide {
height: 100%;
.case-study-item {
padding: 0;
background: transparent;
box-shadow: none;
width: 100% !important;
height: 100% !important;
.case-study-image {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
border-radius: 10px;
img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 16/9;
}
}
h3.case-study-title:is(h3) {
margin: var(--spacer-40) 0 var(--spacer-20);
font-size: var(--text-18-25) !important;
color: #fff;
font-weight: 600;
}
.case-study-description {
font-size: var(--text-14-18) !important;
margin-bottom: 15px; }
.case-study-links {
display: flex;
flex-direction: column;
gap: 0.5em;
margin-top: var(--spacer-40);
.case-study-link {
display: block;
text-decoration: none;
margin: 0;
}
}
.case-study-video-link,
.case-study-gallery-link {
position: absolute;
bottom: 0;
right: 0;
z-index: 5;
padding: 2em 2.15em !important;
@media (width<1200px) {
padding: 1em !important;
}
}
}
}
.swiper-pagination {
bottom: 0 !important;
margin-bottom: 0 !important;
} &:not(:has(.swiper-initialized)) {
opacity: 0;
visibility: hidden;
height: 1px;
}
}
@media (width<465px) {
body .navbar-header .logo {
padding-left: 0;
}
header.header1 .navbar-header .navbar-toggle {
padding-right: 10px;
}
} footer {
&,
.footer-top {
background: var(--bg-dark) !important;
color: #fff;
}
}
#cmplz-manage-consent {
display: none;
}
.grecaptcha-badge {
display: none !important;
} .vc_tta.vc_tta-accordion {
margin-top: calc(var(--spacer-20) * 2);
--border-color: var(--light-gray);
.vc_tta-panel {
margin-bottom: 0 !important;
border-top: solid 1px var(--border-color) !important;
}
.vc_tta-panel-heading {
background: transparent !important;
border: 0 !important;
}
.vc_tta-panel:not(.vc_active) .vc_tta-panel-heading {
border-bottom: solid 1px var(--border-color) !important;
}
.vc_tta-panel-body {
background: transparent !important;
border-left: 0 !important;
border-right: 0 !important;
border-top: 0 !important;
border-bottom: solid 1px var(--border-color) !important;
margin-bottom: -1px !important;
padding-left: 0 !important;
p {
font-weight: var(--text-font-weight);
line-height: 1.3em;
margin-bottom: clamp(1rem, 0.6522rem + 1.7391vw, 2rem);
}
}
.vc_tta-panel-title > a {
background: transparent !important;
padding: 15px 30px 15px 0 !important;
font-size: var(--text-21-28) !important;
color: var(--text-dark) !important;
border: none !important;
}
.vc_tta-controls-icon-position-left .vc_tta-controls-icon {
left: unset !important;
right: 1rem !important;
color: var(--text-dark) !important;
}
}
.bg-dark .vc_tta.vc_tta-accordion {
--border-color: var(--gray);
* {
color: #fff;
}
}
.bg-primary:has(.img-overflow-top) {
padding-top: var(--spacer-50-130);
overflow: visible;
@media (width>=992px) {
margin-top: calc(var(--spacer-50-130) * 1.75) !important;
padding-top: 0 !important;
}
}
.img-overflow-top {
padding-bottom: var(--spacer-40);
display: flex;
gap: 20px;
@media (width<680px) {
flex-direction: column;
gap: 0;
}
&:before,
&:after {
display: none;
}
@media (width>=992px) {
padding-bottom: 0;
& > .wpb_column.vc_col-lg-6 {
width: 50% !important;
figure {
aspect-ratio: 8/5;
width: 100%;
margin-bottom: -25%;
display: contents;
.vc_single_image-wrapper {
display: contents;
img {
width: 100%;
height: 100%;
object-fit: cover;
transform: translateY(-50%);
border-radius: 10px;
}
}
}
}
& + .vc_row {
margin-top: calc(-100px - 1vw);
}
}
}
@media (max-width: 1200px) {
.swiper-pagination:has(.swiper-pagination-bullet:nth-child(6))
.swiper-pagination-bullet {
--swiper-pagination-bullet-width: 0.8rem;
}
} .vc_toggle {
.vc_toggle_title {
padding-left: 0 !important;
padding-right: 2.5rem !important;
& > p {
font-size: var(--text-14-18);
font-weight: 500;
line-height: var(--title-line-height) !important;
color: var(--text-dark);
}
.vc_toggle_icon {
left: unset !important;
right: 1rem !important;
background: none !important;
&:before,
&:after {
background-color: var(--text-dark) !important;
}
}
}
.vc_toggle_content {
padding: 1rem 2.5rem 1rem 0 !important;
*,
p,
span {
font-size: var(--text-14-18) !important;
line-height: var(--text-line-height) !important;
font-weight: 300 !important;
color: var(--gray) !important;
}
ul {
margin-left: 1rem;
margin-top: 0.5rem;
li {
margin-bottom: 0.5rem;
}
li:before {
content: '';
width: 0.65rem;
height: 0.65rem;
background-color: var(--primary);
border-radius: 100%;
display: inline-block;
margin-right: 0.65rem;
margin-bottom: 0.25em;
vertical-align: middle;
}
li:has(ul) {
margin-bottom: 0;
}
ul li {
margin-bottom: 0.5rem;
}
}
}
} body.blog,
body.category {
@media (width>=1200px) {
.col-lg-4.sticky-lg {
position: sticky;
top: 200px;
}
}
@media (width<1200px) {
.col-lg-4.sticky-lg {
margin-bottom: 5rem;
}
}
}
.blog-posts,
.blog-single {
.titolo-small {
font-weight: 600;
@media (width>1200px) {
max-width: 20ch;
text-wrap: pretty;
}
}
.blog-category {
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
padding-bottom: 0;
padding-top: 2.5rem;
@media (width<992px) {
padding-bottom: 2.5rem;
}
a.link {
text-align: left;
font-size: var(--text-16-20) !important;
display: block;
transition: all 300ms ease 0s;
color: var(--text-dark);
font-weight: 300 !important;
text-transform: uppercase;
font-weight: 600;
padding: 0 !important;
background: none !important;
&:hover,
&:focus,
&:active {
color: var(--text-dark) !important;
text-decoration: underline;
box-shadow: none !important;
}
&.active {
color: var(--primary) !important;
text-decoration: underline;
box-shadow: none !important;
}
}
}
&:has(.col-lg-4:nth-child(2)) {
.col-lg-4.sticky-lg {
display: none;
}
}
}
html[lang='pl-PL'] .blog-category {
font-family: sans-serif !important;
} @media (width>= 768px) {
.blog .header-title-breadcrumb-overlay,
.archive:has(.container.blog-posts) .header-title-breadcrumb-overlay {
padding-top: 250px !important;
}
.single .header-title-breadcrumb-overlay {
padding-top: 100px !important;
}
}
@media (width<768px) {
.blog .header-title-breadcrumb-overlay,
.archive:has(.container.blog-posts) .header-title-breadcrumb-overlay {
padding-top: 150px !important;
padding-bottom: 50px !important;
}
.single .header-title-breadcrumb-overlay {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
ol.breadcrumb {
font-size: var(--text-14-18);
font-weight: 400;
text-transform: uppercase;
color: #fff;
line-height: 1;
text-align: left !important;
margin-top: 1rem;
li {
margin-top: 0;
}
}
.blog-posts {
.main-content {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 1.5rem;
row-gap: 3rem;
padding: 0;
@media (width<=640px) {
grid-template-columns: 1fr;
}
@media (width>=1200px) { }
.single-post.list-view {
padding: 0;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: space-between;
.blog_custom {
display: contents;
} flex-direction: column;
border-radius: 10px;
overflow: hidden;
border: solid 1px var(--card-border-color);
border-bottom: solid 1px var(--card-border-color) !important;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color: #fff;
.col-md-6 {
width: 100%;
}
.post-thumbnail {
height: 300px;
width: calc(100% + 2px);
margin-left: -1px;
margin-top: -1px;
position: relative;
@media (width>640px) {
max-height: 20vw;
}
.category-pills {
background: var(--bg-darker);
position: absolute;
z-index: 5;
top: 10px;
left: 10px;
border-radius: 7px;
color: #fff;
font-size: var(--text-12-14);
text-transform: uppercase;
font-weight: 400;
padding: 5px;
.category-pill {
padding-inline: 10px;
display: inline-block;
&:not(:last-of-type) {
border-right: solid 1px var(--light-gray);
}
&:nth-child(n + 4) {
display: none;
}
}
}
}
.post-details {
padding: 1rem 2.5rem !important;
border: none;
flex-grow: 2;
.post-excerpt {
margin-bottom: 0;
}
}
.post-link {
padding: 1rem 2.5rem !important;
border: none;
.btn {
width: auto;
margin-bottom: 1.5rem;
}
} }
}
} .menu-item-has-children,
.menu-item-has-toggle {
position: relative;
}
.submenu-toggle {
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 40px;
cursor: pointer;
z-index: 1;
}
.submenu-toggle::before,
.submenu-toggle::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 2px;
background-color: #333;
transition: transform 0.3s ease;
}
.submenu-toggle::before {
transform: translate(-50%, -50%);
}
.submenu-toggle::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.submenu-checkbox {
position: absolute;
opacity: 0;
pointer-events: none;
}
.submenu-checkbox:checked + a + .submenu-toggle::after {
transform: translate(-50%, -50%) rotate(0);
}
.submenu-checkbox:checked ~ .sub-menu {
display: block;
max-height: 1000px;
opacity: 1;
visibility: visible;
}
@media (min-width: 992px) {
.submenu-toggle {
display: none;
}
.submenu-checkbox {
display: none;
}
.menu li .sub-menu {
display: block;
max-height: none;
opacity: 1;
visibility: visible;
}
}
.two-pics-row {
figure,
figure .vc_single_image-wrapper {
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
object-position: center;
img {
width: 100%;
height: 100%;
}
}
} #brochure-downloads {
.vc_tta-panels {
.vc_tta-panel {
&[class*='flag-'] {
.vc_tta-panel-title {
padding-left: calc(83px + 1rem);
background-size: 83px 48px;
background-position: left center;
background-repeat: no-repeat;
}
}
&.flag-ita .vc_tta-panel-title {
background-image: url(//www.arcossrl.com/en//wp-content/uploads/2020/09/italia.jpg);
}
&.flag-eng .vc_tta-panel-title {
background-image: url(//www.arcossrl.com/en//wp-content/uploads/2020/09/inglese.jpeg);
}
&.flag-esp .vc_tta-panel-title {
background-image: url(//www.arcossrl.com/en//wp-content/uploads/2020/09/spagnolo.png);
}
&.flag-deu .vc_tta-panel-title {
background-image: url(//www.arcossrl.com/en//wp-content/uploads/2020/09/tedesco.jpg);
}
&.flag-rus {
.vc_tta-panel-title {
background-image: url(//www.arcossrl.com/en//wp-content/uploads/2020/09/russo.png);
}
.vc_tta-panel-body :is(p, .vc_btn3),
.vc_tta-title-text {
font-family: sans-serif;
}
.vc_tta-title-text {
font-weight: 500;
}
}
&.vc_active .vc_tta-panel-body {
padding-bottom: 2rem;
.vc_btn3.vc_btn3-size-md {
padding: 10px 45px !important;
}
}
}
}
}
@media (width<768px) {
.home-form-wrapper > .vc_column_container > .vc_column-inner > .wpb_wrapper {
padding: 4rem 35px !important;
}
}
@media (width<400px) {
.home-form-wrapper > .vc_column_container > .vc_column-inner {
& > .wpb_wrapper {
width: 100%;
}
}
} a.mt_thumbnails_custom_content_link[href=''],
a.mt_thumbnails_custom_content_link:not([href]),
a.mt_thumbnails_custom_content_link[href='#'] {
pointer-events: none;
cursor: default;
text-decoration: none;
color: inherit;
opacity: 1;
}
.no-js .owl-carousel {
display: block !important;
.mt-carousel-post {
.mt-post-image {
display: none;
}
}
}
@media (width>=1200px) {
.two-cols-gap {
.vc_col-lg-6 {
&:first-of-type {
padding-right: 50px;
}
&:last-of-type {
padding-left: 50px;
}
}
}
} .wppopups-whole {
.spu-box {
background-color: var(--bg-dark-lighter) !important;
background-image: url(https://www.arcossrl.com/wp-content/uploads/dotted-br.png);
background-position: 160% 0;
background-repeat: no-repeat;
background-size: contain;
border-radius: 10px !important;
margin: max(10px, 1vw) !important;
padding: 5px 15px 10px;
box-shadow: 0px 0px 6px #00000029 !important;
color: var(--text-dark);
border: solid 1px #141414;
.ns_popup_slide-content {
display: grid;
grid-template-columns: 15fr 20fr;
grid-template-rows: min-content auto;
gap: 30px;
align-items: center;
h2 {
grid-area: 1 / 1 / 2 / 3;
color: #fff;
font-family: 'Poppins', sans-serif !important;
font-size: var(--text-18-25) !important;
margin-top: 0;
text-align: center;
font-weight: 600;
}
p {
font-size: var(--text-12-14);
grid-area: 2 / 2 / 3 / 3;
color: #fff;
text-align: left;
text-wrap: balance;
line-height: 1.25em !important;
display: block;
&:has(img) {
grid-area: 2 / 1 / 3 / 2;
text-align: center;
}
}
img {
max-height: 200px;
border-radius: 10px;
}
.ns_popup_slide-content--inner {
color: #fff !important;
font-size: var(--text-14-18);
line-height: 1.75em;
user-select: none;
}
}
.spu-close {
text-shadow: none !important;
color: var(--light-gray) !important;
top: 12px !important;
right: 8px !important;
&:is(:focus, :hover, :active) {
color: var(--primary) !important;
}
}
}
}
@media (max-width: 480px) {
.wppopups-whole {
.spu-box {
.ns_popup_slide-content {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center !important;
}
}
}
}
@media (max-height: 850px) {
.wppopups-whole {
.spu-box {
.ns_popup_slide-content {
p:has(img) {
display: none !important;
}
}
}
}
}
@media (width<1400px) {
.tparrows {
display: none !important;
}
}