@layer base,
utils,
extra;
@import url(//staging.primacasa.it/wp-content/themes/justhome-child/ns_inc/_helpers.css) layer(utils);
.wpcf7 {
--primary-color: var(--primary);
--border-radius: 0;
--padding: 10px;
--text: #1f2124;
--border: #000000;
--border-radius: 0;
--background: #fff;
--padding: 1.5rem;
accent-color: var(--primary-color); ::placeholder {
color: var(--border);
}
p {
display: contents;
}
p:has(.wpcf7-submit) {
display: block;
} input[type='text'],
input[type='tel'],
input[type='email'],
input[type='url'],
input[type='password'],
select,
textarea {
&.form-control {
display: block;
width: 100%;
font-family: inherit;
font-size: var(--text-size); outline: none;
vertical-align: middle; border-radius: var(--border-radius);
box-shadow: none;
padding: 0 var(--padding);
margin: 0;
box-sizing: border-box;
line-height: 1.4;
border-width: 0;
border-bottom: 1px solid var(--border);
color: var(--text);
flex-grow: 1;
flex-basis: 100%;
max-width: 100%;
margin-top: 1.5rem;
padding: 0.85rem 0;
font-size: var(--text-size);
&::placeholder {
color: var(--border);
transition: opacity 0.5s ease;
}
&:focus::placeholder {
opacity: 0.5;
}
}
}
textarea.form-control {
height: auto !important;
}
.wpcf7-form-control-wrap,
.form-control-wrap {
width: 100%;
input[tyoe='text'],
input[type='email'],
input[type='tel'],
input[type='url'],
input[type='password'],
textarea {
width: 100%;
}
.wpcf7-not-valid-tip:not(:first-of-type) {
display: none;
}
}
.wpcf7-not-valid {
border-color: var(--error-color) !important;
}
input[type='submit'] {
font-size: var(--text-16-22);
font-weight: 600;
padding: 6px 30px;
color: var(--primary-color);
text-transform: none;
margin-top: 2rem;
}
.submitting {
opacity: 0.65;
pointer-events: none;
user-select: none;
.wpcf7-spinner {
display: none !important;
}
}
.wpcf7-not-valid-tip {
font-size: 12px !important;
margin-top: 0.25em;
margin-bottom: 1.5rem;
font-family: sans-serif;
}
.wpcf7-textarea {
min-height: calc(2lh + 2 * var(--padding));
max-height: calc(4lh + 2 * var(--padding));
field-sizing: content;
line-height: 1.5;
padding: var(--padding);
padding-inline: calc(var(--padding) + calc((1lh - 1ex) / 2));
margin-bottom: 10px !important;
} .wpcf7-acceptance {
margin: 15px 5px 0 0 !important;
color: var(--text);
a {
color: var(--primary) !important;
}
.wpcf7-list-item {
margin: 0 !important;
label {
display: flex;
align-items: center;
gap: 0.5em;
font-size: var(--text-xs);
line-height: 1.1em;
a {
font-size: var(--text-xs);
}
}
}
}
.wpcf7-form-control-wrap[data-name='privacy'] .wpcf7-not-valid-tip { }
.wpcf7-list-item,
input[type='checkbox'] {
margin-left: 0 !important;
vertical-align: middle;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
select,
textarea,
input {
font-size: 16px;
}
} input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0) inset !important;
}
}
.wpcf7 .wpcf7-response-output,
.alert {
margin: 1.5rem 0 1.5rem !important;
padding: 1.5em 1em !important;
border: none;
border-radius: var(--radius) !important;
border: 0 !important;
text-align: center;
text-wrap: balance;
user-select: none;
font-size: var(--text-sm) !important;
line-height: 1.2em;
&:empty {
display: none !important;
}
}
.alert.alert-success,
.wpcf7 form.sent .wpcf7-response-output {
background-color: var(--success-color) !important;
color: white !important;
}
.alert.alert-warning,
.alert.alert-info,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
background-color: #aaa !important;
color: white;
}
.alert.alert-danger,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7form.unaccepted .wpcf7-response-output {
background-color: #aaa;
color: white;
}
.grecaptcha-badge {
opacity: 0;
display: none !important;
}
@view-transition {
navigation: auto;
}
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
:root { --primary-color: hsl(151, 91%, 22%);
--primary: var(--primary-color); --primary-dark: oklch(from hsl(151, 91%, 17%) calc(l - 0.05) c h);
--secondary: hsl(54, 98%, 48%);
--secondary-color: var(--secondary); --secondary-dark: oklch(from hsl(54, 98%, 48%) calc(l - 0.05) c h);
--secondary-light: oklch(from hsl(54, 98%, 48%) calc(l + 0.05) c h);
--secondary-lighter: oklch(from hsl(54, 98%, 48%) calc(l + 0.1) c h);
--justhome-theme-hover-color: var(--secondary-dark) !important;
--gray: #e8e8e8;
--gray-dark: #c6c6c6;
--gray-darker: #6a6a6a;
--gray-light: #ededed;
--gray-lighter: #f9f9f9;
--light-gray: var(--gray-light);
--dark-gray: var(--gray-dark);
--base-font-size: 16px;
--base-font-family: 'Figtree', sans-serif; --text-color: #000000;
--text-12-14: clamp(12px, 10px + 0.3125vw, 14px);
--text-12-16: clamp(12px, 11px + 0.3125vw, 16px);
--text-14-18: clamp(14px, 12.75px + 0.39vw, 18px);
--text-16-20: clamp(16px, 15px + 0.3125vw, 20px);
--text-16-22: clamp(16px, 14.5px + 0.4688vw, 22px);
--text-20-28: clamp(20px, 18px + 0.625vw, 28px);
--text-24-32: clamp(24px, 22px + 0.625vw, 32px);
--text-28-39: clamp(28px, 25px + 0.9375vw, 39px);
--text-32-48: clamp(32px, 28px + 1.25vw, 48px);
--text-38-56: clamp(38px, 33.5px + 1.4vw, 56px);
--text-40-56: clamp(40px, 36px + 1.25vw, 56px);
--text-31-47: clamp(31px, 27px + 1.25vw, 47px);
--text-size: var(--text-14-18);
--text-xs: var(--text-12-14);
--text-sm: var(--text-12-16);
--text-base: var(--text-size);
--text-lg: var(--text-16-22);
--text-xl: var(--text-24-32);
--text-2xl: var(--text-31-47);
--text-xxl: var(--text-2xl);
--text-3xl: var(--text-40-56);
--title-large: var(--text-31-47);
--title-xlarge: var(--text-40-56); --leading-none: 1;
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-normal: 1.5;
--leading-relaxed: 1.625;
--leading-loose: 2; --spacer-15: clamp(10px, 8.75px + 0.3906vw, 15px);
--spacer-25: clamp(15px, 12.5px + 0.7813vw, 25px);
--spacer-50: clamp(25px, 18.75px + 1.9531vw, 50px);
--spacer-65: clamp(30px, 24.375px + 2.5381vw, 65px);
--spacer-100: clamp(50px, 37.5px + 3.9063vw, 100px);
--spacer-150: clamp(75px, 56.25px + 5.8594vw, 150px);
--space-1: var(--spacer-25);
--space-2: var(--spacer-50);
--space-3: var(--spacer-100);
--space-4: var(--spacer-150); --radius-sm: 4px;
--radius-lg: 9px;
--radius-xl: 17px;
--radius: var(--radius-lg); --container-width: 1580px;
--container-inner-width: 1550px;
--container-default-padding-left: 15px;
--container-default-padding-right: 15px; --swiper-theme-color: var(--primary-color) !important;
--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; --sm: 640px;
--md: 768px;
--lg: 1024px;
--xl: 1280px;
--xxl: 1536px; --success-color: var(--primary-color);
--error-color: #c91d1d;
--warning-color: var(--secondary);
} .sticky-top {
top: 125px !important;
}
.rounded.e-con-boxed {
border-radius: var(--radius-xl) !important;
}
span.select2-container--default .select2-dropdown {
border-radius: var(--radius-lg) !important;
border-color: var(--gray-dark) !important;
}
.elementor-video {
border-radius: var(--radius-xl) !important;
}
.bg-gray {
background-color: var(--gray-lighter) !important;
}
.m-0 {
margin: 0 !important;
}
.mt-sm {
margin-top: 1rem;
}
@media (width>767px) {
.m-0 .e-con-inner {
margin: 0 !important;
}
}
@layer base {
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
display: revert;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
* {
transition-behavior: allow-discrete;
}
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
scroll-padding-top: 250px;
scroll-behavior: smooth;
}
a {
color: var(--primary-color);
}
a,
button {
cursor: revert;
}
a[href^='tel'],
a[href^='mailto'] {
color: inherit;
text-decoration: none;
}
.btn,
button {
width: fit-content;
outline-color: transparent;
}
ol,
ul,
menu,
summary {
list-style: none;
}
img {
max-inline-size: 100%;
max-block-size: 100%;
}
table {
border-collapse: collapse;
}
input,
textarea {
-webkit-user-select: auto;
field-sizing: content;
caret-color: var(--primary);
caret-shape: bar;
}
textarea {
white-space: revert;
}
meter {
-webkit-appearance: revert;
appearance: revert;
}
:where(pre) {
all: revert;
box-sizing: border-box;
}
::placeholder {
color: unset;
}
:where([hidden]) {
display: none;
}
:where([contenteditable]:not([contenteditable='false'])) {
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
overflow-wrap: break-word;
-webkit-line-break: after-white-space;
-webkit-user-select: auto;
}
:where([draggable='true']) {
-webkit-user-drag: element;
}
:where(dialog:modal) {
all: revert;
box-sizing: border-box;
}
::-webkit-details-marker {
display: none;
}
small {
display: block;
line-height: 1;
} @media (hover: hover) {
a:hover {}
} @media (hover: none) {} label:has(input) {
display: flex;
align-items: center;
gap: var(--spacer-s);
} textarea {
--padding: var(--spacer-m);
min-height: calc(2lh + 2 * var(--padding));
max-height: calc(4lh + 2 * var(--padding));
field-sizing: content;
line-height: 1.5;
padding: var(--padding);
padding-inline: calc(var(--padding) + calc((1lh - 1ex) / 2));
} @media screen and (-webkit-min-device-pixel-ratio: 0) {
select,
textarea,
input {
font-size: 16px;
}
}
.container {
width: min(90%, 800px);
}
.e-con > .e-con-inner:has(.container-inner),
.container-inner {
--content-width: 1550px;
.e-con > .e-con-inner {
max-width: max(100%, 1580px) !important;
}
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.box {
display: grid;
place-items: center;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-block-start: 0;
margin-block-end: 0;
font-family: inherit;
font-weight: 600;
line-height: 1.2;
color: inherit;
}
p {
display: contents;
max-width: 100ch;
}
.elementor-heading-title,
[class^='title-'] {
text-wrap: balance;
}
} html {
font-size: var(--base-font-size);
font-family: var(--base-font-family);
}
body {
accent-color: var(--primary-color); color: var(--text-color);
overflow-x: hidden;
scrollbar-gutter: stable both-edges;
padding: 0 !important;
&.past-top {}
}
p {
font-size: var(--text-base);
color: var(--text-color);
}
.mt- {
margin-top: -1rem;
}
.mt-- {
margin-top: -2.5rem;
}
.mt {
margin-top: 2.5rem;
}
.page-template-default .container {
width: min(100%, 1580px) !important;
max-width: unset !important;
@media (width<768px) {
&#main-container {
margin-bottom: 25px;
}
}
@media (width>1024px) {
&#main-container {
margin-bottom: 100px;
}
}
}
.elementor-lightbox .elementor-lightbox-image,
.swiper-zoom-container img {
border-radius: var(--radius-xl) !important;
} .elementor-button {
border-radius: var(--radius-lg);
padding: 1.25em 1.5em;
&,
& .elementor-button-text {
font-size: var(--text-base);
font-weight: 700;
text-transform: uppercase;
text-decoration: none !important;
}
&:is(:hover, :active, :focus) {
background-color: var(--primary-dark);
}
}
.w-100 .elementor-button-wrapper > .elementor-button {
width: 100%;
}
.btn:has(.elementor-button) {
padding: 0 !important;
}
.btn {
font-size: var(--text-16-22) !important;
font-weight: 600 !important;
color: var(--primary-color);
text-transform: none;
padding: 0.5rem clamp(0.5rem, -2.5rem + 12vw, 2rem) !important;
max-width: 100%;
svg,
.elementor-button-icon .e-font-icon-svg {
fill: var(--primary-color);
height: 1em;
}
@media (width<=420px) {
width: 100%;
}
}
.btn.btn-secondary {
font-size: var(--text-16-22) !important;
font-weight: 600 !important;
color: var(--primary-color);
text-transform: none;
padding: 0.5rem clamp(0.5rem, -2.5rem + 12vw, 2rem) !important;
background: #fff;
border: solid 2px var(--primary-color);
border-radius: var(--radius) !important;
&:is(:focus, :hover, :active) {
background-color: var(--primary-dark) !important;
color: #fff !important;
border-color: var(--primary-dark) !important;
svg,
.elementor-button-icon .e-font-icon-svg {
fill: #fff;
}
}
}
.btn.btn-link {
padding-left: 0 !important;
padding-right: 0 !important;
}
.btn .elementor-button {
padding: 0.85rem clamp(0.5rem, -2.5rem + 12vw, 2rem);
background-color: var(--secondary-color) !important;
border-radius: var(--radius) !important;
&,
& .elementor-button-text {
font-size: var(--text-16-22);
font-weight: 600;
color: var(--primary-color);
text-transform: none;
}
&:is(:focus, :hover, :active) {
background-color: var(--secondary-dark) !important;
}
}
.elementor-widget-container .elementor-button-wrapper .elementor-button {
&:is(:focus, :hover, :active) {
background-color: inherit !important;
}
}
.btn:has(.elementor-button) {
border: none;
}
.btn.btn-secondary .elementor-button {
background-color: white !important;
border: solid 2px var(--primary-color);
&,
& .elementor-button-text {
color: var(--primary-color);
text-transform: none;
}
&:is(:focus, :hover, :active) {
background-color: var(--primary-dark) !important;
color: #fff !important;
border-color: var(--primary-dark) !important;
.elementor-button-text {
color: #fff !important;
}
}
}
.btn-theme .elementor-button {
background: transparent !important;
}
.btn-theme:is(:focus, :hover, :active) {
background-color: var(--secondary-dark) !important;
.elementor-button {
background: transparent !important;
}
}
.btn-sm {
padding: 0.25em 1.75em !important;
font-size: var(--text-base) !important;
font-weight: 550 !important;
}
@media (width>1400px) {
.btn-wide {
padding: 0.5em 2.5em !important;
min-width: 15rem;
}
}
{
.btn-wide {}
} .btn.ns-btn-nav {
color: var(--gray-darker);
display: inline-flex;
align-items: center;
font-size: var(--text-14-18) !important;
&.next {
padding-right: 0 !important;
padding-left: 0.5rem !important;
&:after {
content: '';
display: inline-block;
width: 2.5em;
height: 2.5em;
border-radius: 50%;
background-color: var(--gray-light);
margin-left: 0.5em;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' class='e-font-icon-svg e-fas-chevron-right' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 25%;
transition: all 0.5s;
}
}
&.prev {
padding-left: 0 !important;
padding-right: 0.5rem !important;
&:before {
content: '';
margin-right: 0.5em;
display: inline-block;
width: 2.5em;
height: 2.5em;
border-radius: 50%;
background-color: var(--gray-light);
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 25%;
transition: all 0.5s;
}
}
&.disabled {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
&:is(:hover, :focus, :active) {
color: #000;
&:before,
&:after {
background-color: var(--gray-dark);
}
}
}
@media (width<768px) {
.ns-prev-next-navigation {
display: flex;
flex-direction: row;
.btn.ns-btn-nav {
width: 50svw;
&.next {
justify-content: flex-end;
}
}
}
}
@media (width<=320px) {
.ns-prev-next-navigation {
display: none;
}
} .title-related-properties,
.title-big,
.title-large {
&,
& * {
font-size: var(--title-large) !important;
font-weight: 600 !important;
line-height: 1.2em !important;
text-wrap: balance;
}
}
.title-bigger,
.title-xlarge,
.title-profile {
&,
& *,
.detail-heading-title {
font-size: var(--title-xlarge) !important;
font-weight: 700 !important;
line-height: 1.2em !important;
text-wrap: balance;
text-align: left;
}
}
#apus-breadscrumb > div > div > div > div > h1,
.wrapper-breads .wrapper-breads-inner .breadscrumb-inner .bread-title,
.title-bigger .elementor-heading-title {
font-size: var(--text-3xl);
font-weight: 700 !important; }
.apus-breadscrumb.show-title .breadscrumb-inner {
margin-bottom: 2rem;
}
.title-big .elementor-heading-title {
font-size: var(--text-2xl);
font-weight: 600;
color: var(--primary); }
.title-med .elementor-heading-title {
font-size: var(--text-28-39);
font-weight: 600;
color: var(--primary); }
.title,
.title .elementor-heading-title {
font-size: var(--text-lg); font-weight: 600;
color: var(--primary); }
.text,
[class*='text'] {
&,
& p {
line-height: 1.25em;
font-size: var(--text-base);
}
p {
display: block;
&:last-of-type {
margin-bottom: 0;
}
}
}
.text-med {
&,
& * {
font-size: var(--text-20-28) !important;
text-wrap: balance;
font-weight: 550;
}
}
.text-xl {
&,
& * {
font-size: var(--text-xl) !important;
}
}
.text-big {
&,
& * {
font-size: var(--text-2xl) !important;
text-wrap: balance;
}
}
.text-bigger {
&,
& * {
font-size: var(--text-3xl) !important;
text-wrap: balance;
}
}
.elementor-icon-box-title > span {
color: var(--primary-color);
}
hr:not([size]) {
height: 25px !important;
} .check-list ul {
list-style: none;
margin: 0 !important;
padding: 0 !important;
li {
display: flex;
align-items: flex-start;
align-items: center;
margin-bottom: 20px;
font-size: 22px;
line-height: 1.3;
&:before {
content: '';
display: inline-block;
width: 22px;
height: 22px;
margin-right: 15px;
background: center / contain no-repeat url(//staging.primacasa.it/wp-content/uploads/li.png);
flex-shrink: 0;
}
}
}
.elementor-icon-box-description {
line-height: 1.25em;
display: block;
} .breadcrumb {
* {
font-size: 15px !important;
}
.active {
color: var(--primary-color) !important;
}
}
.wrapper-breads {
ol.breadcrumb {
justify-content: flex-start;
li {
span.active {
font-weight: bold;
}
a {
color: var(--primary-color) !important;
}
&:not(:last-of-type) {
&:after {
content: '>';
margin-inline: 0.5em;
color: var(--primary);
display: inline-block;
}
}
}
}
}
body.search-results .wrapper-breads {
ol.breadcrumb {
margin-top: 50px;
}
}
.apus-breadscrumb a {
color: var(--primary-color) !important;
}
body:not(.home) #apus-header {
@media (min-width: 1400px) {
position: sticky;
top: 0;
z-index: 25;
}
}
#apus-header .e-con.e-parent {
--content-width: 1550px !important;
}
#primary-menu > li {
user-select: none;
& > a {
font-size: var(--text-size) !important;
font-weight: 550 !important;
}
.fas {
border-radius: 50%;
overflow: hidden;
margin-right: 0.5em;
vertical-align: middle;
}
&:has(a > img) {
& > a {
img {
margin-left: 0;
vertical-align: middle;
filter: brightness(100) saturate(0) grayscale(1) contrast(100);
}
}
}
}
body:not(.home) {
.main-menu {
li:has(.fa-user) {
a {
color: var(--primary) !important;
}
&:before {
background-color: var(--primary) !important;
}
}
}
#primary-menu > li {
&:has(a > img) {
& > a {
color: var(--primary-color) !important;
img {
margin-left: 0;
vertical-align: middle;
filter: none;
}
}
&:before {
background-color: var(--primary-color) !important;
}
}
}
}
body.home .home-hero {
position: relative;
max-height: calc(100svh - 80px);
min-height: unset;
& > .e-con-inner {
max-height: calc(85svh - 80px);
@media (width>=1400px) {
margin-top: 100px;
}
}
.e-con-inner {
h1 {
font-size: var(--text-3xl) !important;
@media (height<720px),
(width<1200px) {
font-size: var(--text-2xl) !important;
}
}
h2 {
font-size: var(--text-2xl) !important;
@media (height<720px),
(width<1200px) {
font-size: var(--text-xl) !important;
}
}
.tab-list {
ul.nav-tabs > li > label > span {
font-size: var(--text-16-22) !important;
&:before {
background-color: var(--secondary-color) !important;
height: 3px !important;
transform: translateY(-5px);
}
}
}
&:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent linear-gradient(180deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
}
}
.form-search {
.btn-submit {
font-weight: bold !important;
font-size: var(--text-base) !important;
padding: 15px 30px !important;
@media (width>767px) {
min-width: 160px !important;
}
text-align: center;
i {
display: none !important;
}
}
}
} .card-servizi {
border: solid 1px var(--gray);
border-radius: var(--radius-lg) !important;
overflow: hidden !important;
padding: 0;
margin-inline: 15px !important;
@media (width<768px) {
margin-left: 0 !important;
}
.card-img {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: min(15vw, 240px) !important;
max-height: 240px !important;
@media (width<=1024px) {
height: max(240px, 40vw) !important;
}
border-radius: 0 !important;
margin-bottom: 2rem !important;
}
.card-content {
padding: 0 1.5rem 4rem !important;
.card-title .elementor-heading-title {
font-size: var(--text-xl) !important;
font-weight: 600 !important;
color: var(--primary) !important;
margin-bottom: 0.5em !important;
display: block;
}
.card-description {
font-size: var(--text-base) !important;
color: var(--text-color) !important;
}
}
&.card-with-arrow {
cursor: pointer;
position: relative;
&:after {
content: '';
position: absolute;
bottom: 1rem;
right: 1.5rem;
width: 40px;
height: 40px;
background-color: transparent;
background-image: url(//staging.primacasa.it/wp-content/uploads/freccia-br.png);
background-repeat: no-repeat;
background-position: center;
background-size: 50% auto;
border-radius: 50%;
transition: background-color 0.25s ease-in-out;
}
&:is(:hover, :focus, :active):after {
background-color: #f2da00;
border-radius: 50%;
}
}
}
.box {
border-radius: var(--radius-xl) !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
overflow: hidden !important;
padding: 4rem 2rem !important;
min-height: min(80vw, 20rem);
justify-content: center !important;
&.primary {
background: var(--primary-color);
&,
.text,
[class*='text'] p {
color: #fff !important;
}
}
&.secondary {
background: var(--secondary-color);
&,
.text,
[class*='text'] p {
color: var(--primary-color) !important;
}
} }
.full-box {
background: var(--secondary-color);
border-radius: var(--radius-xl) !important;
&.large-padding,
&.p-xl {
padding-block: var(--spacer-50);
.e-con-inner > div {
padding-inline: var(--spacer-65) !important;
}
}
}
@media (width<=767px) {
.e-con-full:has(> .full-box) {
margin-left: 15px;
width: calc(100% - 30px) !important;
.e-con-inner > div {
padding-block: 25px !important;
}
}
}
#wp-realestate-popup-message {
.bg-info {
background-color: var(--primary-color) !important;
color: #fff !important;
}
.alert {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
min-width: 15vw;
}
}
.home-agenzia-boxes {
display: grid !important;
grid-template-columns: 1fr 1fr 2fr;
grid-template-rows: 1fr 1fr;
grid-column-gap: 30px !important;
grid-row-gap: 30px !important;
max-width: min(100%, var(--container-width)) !important;
margin: 0 auto !important;
& > .e-con-inner {
display: contents !important;
}
.box.img-large {
grid-area: 1 / 1 / 2 / 3;
}
.box.txt-large {
grid-area: 1 / 3 / 3 / 4;
}
.box.txt-small {
grid-area: 2 / 1 / 3 / 2;
}
.box-img-small {
grid-area: 2 / 2 / 3 / 3;
}
@media (width<1200px) {
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(4, 1fr);
.box.img-large {
grid-area: 1 / 1 / 2 / 3;
}
.box.txt-small {
grid-area: 2 / 1 / 3 / 2;
}
.box-img-small {
grid-area: 2 / 2 / 3 / 3;
}
.box.txt-large {
grid-area: 3 / 1 / 5 / 3;
}
}
@media (width<600px) {
grid-template-columns: 1fr;
grid-template-rows: repeat(4, min-content);
.box {
min-height: min(400px, 80vw) !important;
}
.box.img-large {
grid-area: 1 / 1 / 2 / 2;
}
.box.txt-small {
grid-area: 2 / 1 / 3 / 2;
}
.box-img-small {
grid-area: 3 / 1 / 4 / 2;
}
.box.txt-large {
grid-area: 4 / 1 / 5 / 2;
}
}
}
.slick-slide { .agency {
position: relative;
.agency-logo.agency-thumbnail {
width: 100%;
height: 25rem;
&::before {
content: '';
position: absolute;
inset: 0;
background: transparent linear-gradient(180deg, #000000d1 0%, #00000000 85%) 0% 0% no-repeat padding-box;
}
a {
height: 100%;
display: block;
.image-wrapper {
height: 100%;
img {
width: 100%;
min-height: 100%;
object-fit: cover;
object-position: center;
}
}
}
}
.agency-hover-arrow {
z-index: 25;
cursor: pointer;
}
.agency-information-bottom {
position: absolute;
top: 2rem;
left: 1.5rem;
&,
& a {
color: #fff !important;
}
.agency-title {
font-size: var(--text-20-28) !important;
font-weight: 500 !important;
}
}
}
.property-title {
padding-right: 1rem;
}
} @media (max-width: 1024px) {
.action-show-filters.d-inline-block {
display: none !important;
}
.action-show-filters + .filter-listing-form {
display: block !important;
}
}
@media (max-height: 940px) and (orientation: landscape) {
.elementor-widget-apus_element_realestate_search_form {
zoom: 0.95;
}
}
@media (max-height: 880px) and (orientation: landscape) {
.elementor-widget-apus_element_realestate_search_form {
zoom: 0.85;
}
}
.select2-result-provincia,
.select2-result-regione,
.select2-result-comune,
.select2-result-zona {
background: url(//staging.primacasa.it/wp-content/uploads/pin.svg) no-repeat left center / contain;
padding-left: 1.5rem;
.level-label {
font-size: 85%;
}
.level-label,
.separator {
color: var(--gray-darker);
}
}
.select2-result-zona {
background-image: url(//staging.primacasa.it/wp-content/uploads/zone.svg);
margin-left: -3px;
margin-right: 3px;
} .home .form-search {
ul.nav-tabs {
user-select: none;
}
.row.list-fileds {
background: #fff;
padding: 15px;
border-radius: var(--radius-lg);
width: min(100%, 1200px);
margin-inline: auto;
& > div {
display: contents !important;
}
.select2 {
border: solid 1px var(--dark-gray);
border-radius: var(--radius-lg);
margin-right: 15px !important;
}
.select2-selection--single {
padding-right: 2rem !important;
}
.select2-selection__arrow {
line-height: 1 !important;
}
select,
.select2-selection--single,
.select2.select2-container--default.select2-container .select2-selection--single {
padding: 10px 15px !important;
.select2-selection__arrow {
top: 16px;
}
.select2-selection__clear {
transform: translateX(20px);
}
}
.btn-submit {
border-radius: var(--radius-lg) !important;
padding: 10px 30px !important;
}
} @media (orientation: landscape) {
.location-hierarchy-wrapper {
margin: 0 !important;
.field-group {
display: flex;
}
}
.form-group,
.field-group > div {
margin-right: 15px;
}
.row.list-fileds {
flex-wrap: nowrap;
}
.location-level {
margin-bottom: 0 !important;
}
.location-hierarchy-wrapper,
.ns-location-transformed,
.location-regione,
.location-provincia,
.location-comune {
display: inline-block !important;
}
.tax-select-field {
min-width: 260px;
}
.location-level {
width: 232px;
}
.btn-submit {
height: 58px;
margin-left: 5px;
}
} @media (orientation: portrait) {
.row.list-fileds {
padding: 25px clamp(15px, 11.3636px + 1.1364vw, 25px) !important;
.tax-select-field {
width: 100%;
max-width: 100%;
margin-bottom: 15px;
}
.select2 {
margin-inline: 0 !important;
}
}
.d-md-flex:has(.btn-submit) {
display: block !important;
margin-inline: auto;
width: 280px;
}
.btn-submit {
width: 280px;
}
}
@media (width<1200px) {
.row.list-fileds {
.select2.select2-container--default.select2-container .select2-selection--single .select2-selection__arrow {
top: 10px;
}
}
}
@media (width<600px) {
.d-md-flex:has(.btn-submit),
.btn-submit {
width: 100%;
}
}
} .post-type-archive.post-type-archive-property .elementor-heading-title {
text-wrap: balance;
text-align: center;
}
.agencies-ordering {
display: none;
}
.action-location .leaflet-geocode-container {
ul li,
span {
font-size: var(--justhome-main-font-size) !important;
}
span {
&.highlight {
color: var(--primary);
font-weight: 600;
}
}
}
aside label,
.form-search.filter-listing-form .heading-label,
.form-search.filter-listing-form .field-label,
.apus-mfp-zoom-in .heading-label {
font-size: 1rem !important;
margin: 0 0 12px;
color: var(--justhome-heading-color);
font-weight: 600 !important;
display: block;
user-select: none;
}
.form-group-location .heading-label {
margin-bottom: -10px !important;
margin-top: 10px !important;
} .select2-container--default .select2-dropdown:has(ul[id*='location-results']) { padding: 15px;
border: none !important;
margin-top: 22px;
@media (width<375px) {
margin-top: 26px;
}
.select2-search--dropdown {
padding: 0 !important;
}
.select2-search__field {
padding-inline: 20px;
transition: none !important;
}
.select2-results__option.select2-results__message {
padding: 0 10px 10px 0 !important;
transition: none !important;
}
@media (width>=1200px) {
.select2-search__field {
height: calc(var(--text-14-18) + 40px);
}
}
@media (width<1200px) {
.select2-search__field {
height: calc(var(--text-14-18) + 34px);
}
}
@media (width<800px) {
.select2-search__field {
height: calc(var(--text-14-18) + 33px);
}
}
@media (width<420px) { .select2-search__field {
height: calc(var(--text-14-18) + 33px);
}
}
@media (width<375px) { .select2-search__field {
height: calc(var(--text-14-18) + 33px);
}
} }
.home .select2-container--default .select2-dropdown:has(ul[id*='location-results']) {
margin-top: 10px !important;
.select2-results__option.select2-results__message { padding-block: 15px;
}
} .zone-filter-group {
margin-top: -15px;
margin-bottom: 30px !important;
.zone-autocomplete-wrapper {
position: relative;
input {
width: 100%;
}
}
.zone-suggestions {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
border: 1px solid #ddd;
border-top: none;
border-radius: 0 0 4px 4px;
max-height: 200px;
overflow-y: auto;
z-index: 999;
display: none;
li {
padding: 8px 12px;
cursor: pointer;
font-size: 13px;
list-style: none;
&:hover {
background: var(--primary-color, #f5f5f5);
color: #fff;
}
}
.wpcf7-not-valid-tip {
font-size: 12px;
margin-top: 0.25em;
font-family: sans-serif;
}
}
.zone-pills {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 15px;
min-height: 0;
padding-left: 10px;
.zone-pill {
display: inline-flex;
align-items: center;
gap: 5px;
background: var(--primary-color, #333);
color: #fff;
border-radius: 20px;
padding: 4px 10px;
font-size: var(--text-12-14);
line-height: 1.4;
.zone-pill-remove {
cursor: pointer;
font-style: normal;
font-size: var(--text-14-18);
line-height: 1;
margin-right: -5px;
opacity: 0.8;
&:hover {
opacity: 1;
}
}
@media (pointer: coarse) {
padding: 10px 16px;
font-size: var(--text-14-18);
.zone-pill-remove {
font-size: 1.5rem;
margin-left: 15px;
}
}
}
}
} .form-search.filter-listing-form:not(:has(.tab-list)) {
.form-group,
[class*='form-group-'] {
width: 100%;
margin-bottom: 20px;
}
.form-groupg-agency-filter {
border: solid 1px #e9e9e9;
border-radius: var(--radius-lg);
padding: 10px 15px !important;
label {
margin-bottom: 5px !important;
}
select,
.select2-selection--single,
.select2.select2-container--default.select2-container .select2-selection--single {
border-bottom: none;
}
}
}
.form-search.filter-listing-form {
.row > * {
padding: 0 !important;
}
.form-group-location {
flex-direction: column;
}
.search-form-inner {
padding: 0 15px !important;
background-color: unset !important;
border: none !important;
}
.col-md-1 {
display: contents;
} .select2-container {
max-width: 100%;
width: 100% !important; }
.select2-results .select2-results__option {
padding-left: 10px !important;
}
.location-level:not(:last-of-type) {
margin-bottom: 20px;
}
select,
.select2-selection--single,
.select2.select2-container--default.select2-container .select2-selection--single {
border-top: none;
border-left: none;
border-right: none;
border-bottom: solid 1px #000;
border-radius: 0 !important;
height: auto !important;
padding: 10px 15px 15px 10px !important;
span,
&.ns-location-select {
color: #000;
font-size: var(--text-14-18) !important;
font-weight: 600 !important;
line-height: 1.25 !important;
} .select2-selection__clear {
display: none;
}
}
.form-group-inner.field-region.field-region1 {
display: none;
}
.location-level.loading {
opacity: 0.5;
pointer-events: none;
}
.from-to-text-wrapper .price-input-wrapper {
width: 100%;
padding: 15px;
border-radius: var(--radius-lg);
background-color: var(--gray);
} &.vertical {
select,
.select2-selection--single,
.select2.select2-container--default.select2-container .select2-selection--single {
span {
padding: 0 !important;
}
}
}
.select2-container--disabled .select2-selection--single {
background-color: unset !important;
opacity: 0.5;
}
.location-selects-wrapper {
flex-direction: column;
margin-top: 15px;
}
}
.post-type-archive-agency {
.form-search.filter-listing-form {  .ns-regione-select,
.ns-location-field:has(.ns-regione-select) {
display: none !important;
}
.form-group.form-group-title label {
display: none;
}
}
}
.agency-detail-properties a.btn-readmore {
font-size: var(--text-base) !important;
font-weight: 550 !important;
-webkit-appearance: button;
display: inline-block;
text-align: center;
vertical-align: middle;
user-select: none;
border-radius: 8px;
white-space: nowrap;
text-decoration: none !important;
outline: none !important;
transition: all 0.1s ease-in-out 0s;
box-sizing: border-box;
padding: 10px 20px !important;
line-height: 1 !important;
cursor: pointer;
color: var(--primary-color);
text-transform: none;
background-color: var(--secondary-color) !important;
border: none;
span.next:after {
content: '';
display: inline-block;
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23056b3a' d='M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
transform: rotate(225deg);
vertical-align: middle;
}
}
@media (width<=480px) {
.ms-auto:has(a.btn-readmore) {
display: contents;
a.btn-readmore {
width: 100%;
}
}
}
@media (min-width: 1200px) {
.from-to-text-wrapper {
height: auto !important;
}
}
.select2-results .select2-results__option {
line-height: 1.2em !important;
padding-block: 10px !important;
}
form.form-search {
.advance-search-btn {
span.text {
font-size: 0.95rem !important;
}
}
}
.btn-saved-search.btn-secondary.disabled {
color: #6c757d;
border-color: #6c757d;
background-color: #fff;
pointer-events: unset;
&,
&:hover,
&:focus {
color: #6c757d;
border-color: #6c757d;
background-color: #fff;
}
}
.advance-search-wrapper .from-to-text-wrapper .price-input-wrapper {
width: 100%;
background-color: var(--gray);
padding: 10px;
border-radius: var(--radius-lg);
}
.close-advance-popup {
cursor: pointer;
} .saved-search-form-wrapper {
padding: 0 !important;
.form-group:not(:first-of-type) {
margin-top: 2rem;
}
label {
font-size: 1rem !important;
margin: 0 0 12px;
color: var(--justhome-heading-color);
font-weight: 600 !important;
display: block;
}
.mfp-close {
transform: translate(50%, -50%);
}
}  .comuni_vicini {
&:not(:has(.comune-link)) {
display: none;
}
.ns-comuni-vicini {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
column-gap: 45px;
row-gap: 30px;
a.comune-link {
background: #fbf6cf; border-radius: var(--radius);
border: solid 2px #fbf6cf;
padding: 0.35rem 3rem 0.35rem 1.2rem;
font-size: var(--text-16-20);
color: var(--text-color);
font-weight: 550;
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
&:is(:active, :focus, :hover) {
background: #fff;
border-color: var(--primary-color);
color: var(--primary-color);
}
&:after {
content: '';
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' class='e-font-icon-svg e-fas-arrow-left' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg' style='transform: rotate(225deg);'%3E%3Cpath d='M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z'%3E%3C/path%3E%3C/svg%3E");
width: 0.95em;
height: 0.95em;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
}
}
}
} .property-item .property-thumbnail-wrapper .action-item:has(> .btn-added-property-favorite) {
opacity: 1;
&:not(:hover) .flaticon-heart:before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%23FFFFFF"><path d="M8 1.314C12.438-3.248 23.534 4.735 8 15 -7.534 4.736 3.562-3.248 8 1.314z"/></svg>') no-repeat center/contain;
}
}
.property-image .image-wrapper img {
min-width: 100%;
}
.property-grid.property-item {
.price-text,
.property-price {
font-size: var(--text-16-20) !important;
}
.property-metas {
.property-meta.with-icon > i {
display: none;
}
}
@media not print {
&.property_status-affitto:not([data-availability='available']) .property-image::after,
&.property_status-vendita:not([data-availability='available']) .property-image::after {
z-index: 10;
position: absolute;
inset: 0;
background: rgba(5, 107, 58, 0.5);
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
font-weight: bold;
letter-spacing: 0.1em;
color: #fff;
}
&.property_status-affitto:not([data-availability='available']) .property-image::after {
content: 'AFFITTATO';
letter-spacing: 0.05em;
}
&.property_status-vendita:not([data-availability='available']) .property-image::after {
content: 'VENDUTO';
}
}
&.is_new {
.property-thumbnail-wrapper .property-image img {
border: solid 4px var(--secondary-color);
border-radius: var(--radius-xl);
overflow: hidden;
min-width: calc(100% - 4px);
max-width: calc(100% - 4px);
}
&:after {
content: 'NUOVO';
position: absolute;
top: 10px;
right: 15px;
background: var(--secondary-color);
color: var(--primary-color);
padding: 5px 10px;
font-size: var(--text-12-16);
font-weight: 600;
border-radius: var(--radius);
}
}
}
.property-item {
border: 0 !important;
padding: 0 !important;
}
.property-information,
.agency-information {
.property-location {
font-size: var(--text-14-18) !important;
&::first-letter {
text-transform: uppercase;
}
}
}
.member-list .metas .type-show-all .inner {
padding-left: 0;
.with-title {
margin-bottom: 0;
}
}
.single-property {
.main_property_content {
container-name: main_property_content;
container-type: inline-size;
}
@container main_property_content (max-width: 1000px) {
.top_infos_title {
.property-detail-title h1 {
font-size: var(--title-large) !important;
}
}
}
.property-detail-description ul {
font-size: var(--text-base);
list-style: square;
list-style-position: inside;
list-style-color: var(--primary-color);
padding-left: 0.5em;
::marker {
color: var(--primary-color);
}
}
.elementor-widget-apus_element_detail_property_favorite_button {
max-width: fit-content !important;
}
.property-detail-favorite.action-item {
padding: 0 !important;
a {
display: flex;
align-items: center;
padding: 0.45rem 1.65rem;
border: none; border-radius: var(--radius) !important;
&.btn-add-property-favorite {
background: var(--secondary-color);
span,
i:before {
color: var(--primary-color);
}
}
&.btn-added-property-favorite {
background: var(--primary-color);
span,
i:before {
color: #fff;
}
}
span {
font-size: var(--text-16-22);
font-weight: 600;
text-transform: none;
}
i {
border: none;
&:before {
font-size: 1.5rem;
content: '\f10b';
}
}
&:is(:hover, :active, :focus) {
background: var(--secondary-dark);
i {
background: rgba(255, 255, 255, 0) !important;
&:before {
font-size: 1.5rem;
}
}
i:before,
span {
color: var(--primary-color);
}
}
}
}
.avg-price {
display: none;
}
.property-price,
.price-text {
font-weight: bold;
font-size: var(--text-24-32);
}
.property-detail-detail {
.value * {
font-size: var(--text-size) !important;
}
.content-value {
line-height: 1em;
display: inline-block;
}
.field-title {
display: block;
font-weight: bold;
line-height: 1.2em;
}
ul.list-overview li:has(.content-value:empty) {
display: none !important;
}
@media (width<480px) {
.list-overview li {
width: 100%;
}
}
}
.title:is(h2, h3, h4) {
font-size: var(--title-large) !important;
font-weight: 600 !important;
} .property-amenities {
container-name: amenities-list;
.columns-gap li {
padding-left: 0;
color: var(--text-color);
font-size: var(--base-font-size);
display: flex;
align-items: center;
gap: 10px;
i.fas {
font-size: 1.65em;
font-weight: 900;
&.fa-check {
color: var(--secondary-color);
}
}
&:before {
display: none;
}
span::first-letter {
text-transform: uppercase;
}
}
@media (min-width: 1200px) {
.columns-gap li {
width: 33.33333%;
}
}
@media (max-width: 580px) {
.columns-gap li {
width: 100%;
margin-bottom: 0;
}
}
}
.property-detail-energy {
.energy-inner-top + .energy-inner {
margin-top: 50px !important;
}
ul.list {
display: grid;
grid-template-columns: 1fr 1fr;
li {
flex-direction: column;
text-align: left;
align-items: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
justify-content: flex-start;
div.value,
div.text {
line-height: 1;
color: var(--text-color);
font-size: var(--text-base);
margin-left: 0;
}
div.text {
font-weight: 600;
margin-bottom: 0.5em;
}
}
} .energy-a4 {
background: #1b5e20;
color: white;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.energy-a3 {
background: #2e7d32;
color: white;
}
.energy-a2 {
background: #43a047;
color: white;
}
.energy-a1 {
background: #66bb6a;
color: white;
}
.energy-g {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.active {
font-weight: bolder;
}
.grayscale { background: var(--gray-dark);
}
@media screen and (max-width: 1200px) {
.energy-inner-top {
margin-bottom: 75px;
}
}
@media (width<420px) {
.energy-inner-top {
margin-bottom: 10px;
}
.energy-inner-top > ul {
grid-template-columns: 1fr;
row-gap: 15px;
* {
font-size: 16px !important;
}
}
.energy-inner {
display: none !important;
}
}
.energy-inner:not(:has(.energy-group.active)) {
display: none !important;
}
}
.video-container {
flex-wrap: nowrap !important;
&:not(:has(iframe)) {
display: none !important;
}
.video-embed-wrapper + .video-embed-wrapper {
margin-top: clamp(1.563rem, calc(0.919rem + 2.451vw), 3.125rem); ;
}
}
#annunci-simili {
.slick-carousel .slick-arrow {
top: calc(50% - 100px) !important;
}
.slick-dots {
padding-top: 0;
margin-top: -1.5rem;
}
.property-item .slick-carousel-gallery-properties {
width: unset;
height: unset;
top: unset;
left: unset;
}
} .property-detail-gallery.v5 {
.slick-carousel {
.slick-slide {
aspect-ratio: 4/3 !important;
}
}
.p-popup-image:before {
opacity: 0 !important;
}
}
@media (max-width: 767px) {
.property-detail-gallery .row.row-10 {
row-gap: 10px;
}
} .elementor-widget-apus_element_detail_property_location:not(:has(.single-property-map)),
:not(:has(.property-detail-description)) .descrizione-title,
:not(:has(.property-amenities ul li)) .caratteristiche-title,
:not(:has(.detail-gallery img)) .immagini-title,
:not(:has(.property-attachments)) .documenti-title,
:not(:has(.property-detail-floor-plans .floor-item .tab-content)) .planimetria-title,
:not(:has(.property-detail-energy .energy-inner-top)) .classeenergetica-title {
display: none;
}
.elementor-widget-apus_element_detail_property_location:has(#single-property-google-maps[data-latitude='']) {
display: none;
}
.bottom_nav {
display: grid;
align-items: center;
& > div:has(.ns-social-share-widget) {
text-align: center;
align-content: center;
align-self: center;
.ns-social-share-widget {
justify-content: center;
}
}
@media (width<1400px) {
grid-template-columns: 1fr 1fr !important;
row-gap: 30px;
& > div:nth-child(3) {
grid-area: 2 / 1 / 3 / 3 !important;
justify-content: end !important;
button {
display: block;
margin-left: auto;
}
}
}
@media (min-width: 600px) and (max-width: 1399.98px) {
.ns-social-share-widget {
justify-content: end !important;
}
}
@media (width<640px) {
grid-template-columns: 1fr !important;
grid-template-rows: auto auto auto !important;
& > div:nth-child(3) {
grid-area: 3 / 1 / 4 / 2 !important;
}
}
}
@media not print {
&:not([data-availability='available']) .elementor-widget-apus_element_detail_property_gallery {
.view-more-gallery {
display: none
}
&:first-of-type::after {
z-index: 10;
position: absolute;
inset: 0;
background: rgba(5, 107, 58, 0.5);
display: flex;
align-items: center;
justify-content: center;
font-size: clamp(2.5rem, 1.875rem + 3.125vw, 5rem);
font-weight: bold;
letter-spacing: 0.1em;
color: #fff;
border-radius: var(--radius-lg);
}
@media(orientation: portrait) {
max-height: 350px;
overflow: hidden;
border-radius: var(--radius-lg);
}
}
&.status-affitto:not([data-availability='available']) .elementor-widget-apus_element_detail_property_gallery:first-of-type::after {
content: 'AFFITTATO';
letter-spacing: calc(0.05em + 1vw);
}
&.status-vendita:not([data-availability='available']) .elementor-widget-apus_element_detail_property_gallery:first-of-type::after {
content: 'VENDUTO';
letter-spacing: 1vw;
}
&:not([data-availability='available']) .btn-add-property-favorite {
pointer-events: none;
display: none !important;
}
}
} @media print {
@page {
margin-top: 0.5cm;
margin-bottom: 0.5cm;
}
.main_property_content {
--text-base: 12px;
--text-size: 12px;
}
.property-detail-detail .list-detail {
.content-value {
font-size: 12px !important;
}
}
.list-detail li {
border-bottom: none !important
}
.property-location {
font-size: 12px !important
}
.elementor-widget {
break-inside: avoid;
page-break-inside: avoid;
}
.single-property {
--text-size: 12px;
--text-base: 12px;
--base-font-size: 12px;
--title-xlarge: 32px;
--title-large: 20px;
--text-2xl: 32px;
.print_id {
display: block !important;
top: 15px;
right: 0;
color: #666;
font-size: 10px;
font-weight: bold;
position: absolute;
z-index: 150;
}
.menu_container,
.property_top_nav,
.top-wrapper-menu,
.btn-showmenu,
.top-property-navigation,
.elementor-element:has(> .agency-contact-form),
#annunci-simili,
.bottom_nav,
#apus-footer,
.iubenda-tp-btn.iubenda-cs-preferences-link,
.view-more-gallery,
.ns-print-btn,
.immagini-title,
.detail-gallery:has(.slick-carousel),
.documenti-title,
.property-attachments,
.energy-inner,
.nav-tabs-floor,
.btn.property-detail-favorite,
.elementor-hidden-tablet,
.elementor-hidden-desktop,
.top_infos_after_title,
.property-detail-energy .energy-inner-top + .energy-inner,
.title-big.documenti-title,
.title-big.immagini-title,
.video-container {
display: none !important;
height: 0 !important;
}
.logo img {
height: 1cm;
}
.e-con-full.main_property_content {
gap: 15px !important;
}
.e-con-inner:has(.top_infos_title) {
padding-top: 0 !important;
margin-top: -25px;
}
.elementor-element:has(.elementor-widget-container>.elementor-heading-title) {
page-break-after: avoid;
}
.property-detail-detail:has(.list-overview) {
margin-bottom: -15px;
}
.energy-inner-top,
.elementor-widget-apus_element_detail_property_details {
margin-bottom: -35px !important;
}
.main_property_content {
width: 100% !important;
}
.e-con-inner {
max-width: 100% !important;
}
.elementor-invisible {
visibility: visible !important;
}
.elementor-element[data-element_type='widget'] {
opacity: 1 !important;
transition-duration: 0s !important;
transition-delay: 0s !important;
}
.list-overview .icon + .details {
padding-left: 0;
}
.list-overview li {
font-size: 12px;
width: calc(25% - 8px) !important;
padding: 0 !important;
height: auto;
outline: none;
}
.property-detail-description {
line-height: 1.2em;
font-size: 12px;
}
.property-detail-description p {
font-size: 12px;
line-height: 1.2em;
}
.property-detail-floor-plans .tab-content {
&:after {
display: table;
content: '';
clear: both;
}
.tab-pane {
display: block !important;
opacity: 1 !important;
&:not(:first-of-type) {
margin-top: 2rem;
border-top: solid 1px var(--gray-dark);
}
.content {
font-size: var(--base-font-size);
}
}
}
.metas-floor > div {
font-size: var(--base-font-size);
}
.detail-heading-title {
color: 000;
}
.property-section.property-amenities {
page-break-inside: avoid;
.columns-gap {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.columns-gap li {
padding-bottom: 0;
width: 100%;
margin-bottom: 0;
}
label {
white-space: nowrap;
}
}
.property-detail-location {
.property-location.with-icon {
text-transform: capitalize;
.flaticon-location-pin {
display: none;
}
}
}
.leaflet-control-container {
display: none;
}
}
}
.action-item [class*='btn'][class*='added']:hover i,
.action-item [class*='btn'][class*='remove']:hover i {
background: var(--error-color) !important;
border-color: var(--error-color) !important;
}
.single-property .detail-gallery .property-detail-gallery:has(.col-sm-6.c2:not(:has(img))) {
.col-sm-6.c1 {
flex: 0 0 100% !important;
max-width: 100% !important;
}
}
.property-detail-gallery {
.row-10.wrapper {
margin-bottom: 0 !important; }
.gallery-property-main-detail,
.p-popup-image,
.image-wrapper,
img {
height: 100% !important;
width: 100% !important;
object-fit: cover;
object-position: center;
}
.property-detail-gallery {
border-radius: 0;
}
.p-popup-image {
border-radius: var(--radius-lg) !important;
}
@media (width>767px) {
.row-10 {
.col-6 {
&:nth-child(1),
&:nth-child(2) {
margin-bottom: 15px;
}
&:nth-child(3),
&:nth-child(4) {
margin-top: 15px;
}
}
}
}
.row-10 > * {
padding-left: 10px;
padding-right: 10px;
}
.gallery-metas {
display: none !important;
}
}
.property-item .property-thumbnail-wrapper {
aspect-ratio: 4/3;
.image-thumbnail,
.property-image,
.image-wrapper {
height: 100%;
img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
}
}
.property-item .property-thumbnail-wrapper .top-label {
padding: 10px 15px !important;
top: unset !important;
bottom: 0 !important;
}
.ns-property-location {
display: flex;
align-items: center;
span {
font-size: var(--text-16-22);
font-weight: 550;
text-transform: capitalize;
}
.location-icon {
width: 1.5rem;
height: 1.5rem;
margin-right: 10px;
}
&:has(i.ns) {
display: none;
}
}
.property-grid.property-item {
margin-bottom: clamp(15px, 2.2727px + 3.9773vw, 50px);
container-name: property-grid-item;
.status-property-label,
.label-property-label,
.featured-property {
border-radius: var(--radius-xl);
}
.property-id-tag {
line-height: 33px;
display: inline-block;
padding: 0 15px;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
background: #f2da00;
color: var(--text-color) !important;
border-radius: var(--radius-xl);
white-space: nowrap;
font-weight: 700;
}
.status-property-label,
.label-property-label,
.featured-property {
font-weight: 700 !important;
}
}
@container property-grid-item (max-width: 480px) {
.property-grid.property-item {
.property-metas .property-link {
width: 100%;
margin-top: 15px;
.btn {
width: auto;
}
}
}
}
.property-information {
.property-title,
.property-location {
&,
& > a {
color: var(--text-color) !important;
font-size: var(--text-16-20);
}
&::first-letter {
text-transform: uppercase;
}
}
.property-title {
padding-right: 1em;
height: 2lh;
text-overflow: ellipsis;
overflow: hidden;
}
.property-price {
color: var(--primary-color) !important;
}
.property-agency {
font-size: var(--text-14-18);
font-weight: 500;
}
.property-metas {
font-size: var(--text-14-18);
.property-link {
flex-grow: 1;
text-align: end;
.btn {
width: auto !important;
svg {
height: 0.8em;
margin-left: 5px;
}
&:is(:hover, :active, :focus) {
svg {
fill: var(--primary-dark) !important;
}
}
}
}
}
@media (width>767px) {
.property-agency {
min-height: 34px;
}
&:not(:has(.property-agency)) {
.property-location {
margin-top: 34px;
}
}
}
} .search-properties-saved-search-form > form > .input-group,
.search-properties-favorite-form > form > .input-group {
width: 440px;
max-width: 100%;
@media (width<768px) {
margin-bottom: 2rem;
width: 100%;
}
@media (width<600px) {
.btn {
width: auto;
min-height: unset;
}
}
}
.property-item-favorite {
.information-top {
position: relative;
.btn-action-icon {
display: none;
}
@media (width<768px) {
.btn-action-icon {
display: flex;
}
}
}
.top-label {
zoom: 0.85;
span {
display: none;
}
}
.btn-action-icon {
background: none !important;
border-radius: 0;
color: var(--primary-color) !important;
svg {
width: 1.25rem;
}
&:is(:hover, :active, :focus) {
color: var(--error-color) !important;
}
@media (width<768px) {
&.hidden-mob {
display: none;
}
}
}
.property-item {
.property-metas {
margin-top: 1.5rem;
margin-bottom: 1rem;
font-size: var(--text-12-14);
.property-meta.with-icon i {
display: none;
}
}
.btn-remove-property-favorite {
margin: 0;
top: 10px;
right: 0;
}
@media (width<768px) {
.property-link {
margin-top: 0.5rem;
margin-bottom: 2rem;
}
}
}
@media (min-width: 1200px) and (max-width: 1499px) {
width: 100% !important;
padding-right: calc(var(--bs-gutter-x));
}
.property-location,
.property-metas {
margin-top: 10px !important;
margin-bottom: 0 !important;
}
} .wrapper-save-search {
.table-responsive table.property-table {
tr:nth-child(even) {
background-color: hsl(0, 0%, 99%);
}
thead tr td {
font-weight: 600;
font-size: var(--text-14-18);
}
tbody tr td {
&.property-table-info-content-title {
padding-right: 2.5rem;
& > strong {
display: flex;
align-items: center;
}
.new-properties-badge {
display: inline-block;
background-color: var(--primary-color);
color: white;
padding: 2px 8px;
font-size: 10px !important;
font-weight: bold;
border-radius: 10px;
margin-left: 8px;
vertical-align: middle;
}
}
&:has(> .btn-remove-saved-search) {
padding: 0;
}
p,
span,
div,
a {
font-size: var(--text-12-16) !important;
}
& > strong > a {
font-size: var(--text-14-18) !important;
}
.alert-query {
container-name: alert-query;
ul.list {
line-height: 1.25em;
li * {
font-size: var(--text-12-14) !important;
}
}
}
@container alert-query (min-width: 420px) {
ul.list:has(li:nth-child(2)) {
column-count: 2;
}
}
}
}
} aside.widget .wp-block-group .wp-block-categories-list .current-cat a {
font-weight: 800 !important;
color: var(--primary-color) !important;
}
.single-post .elementor-widget-theme-post-featured-image img {
border-radius: var(--radius-lg) !important;
@media(width<=1024px) {
margin-bottom: 25px;
width: 100%;
}
}
#news {
.image-wrapper {
object-fit: cover;
aspect-ratio: 4/3;
img {
width: 100% !important;
height: 100%;
object-fit: cover;
}
}
.slick-slide,
.slick-slide > article {
height: 100%;
}
.col-content {
text-align: left !important;
padding: 1rem 1.5rem 2rem !important;
.top-detail-info {
display: none !important;
}
.entry-title > a {
color: var(--text-color) !important;
font-size: var(--text-lg);
}
.readmore {
text-align: right !important;
margin-top: 1.5rem !important;
a {
font-weight: 700 !important;
}
svg {
display: none !important;
}
}
}
} .elementor-widget-container:has(.property-agency-info) {}
@media (width>767px) {
.elementor-widget-container:has(.property-agency-info) {
container-name: agency-side-form;
container-type: inline-size;
}
}
.agency-contact-form {
gap: 15px !important;
.property-agency-info {
margin-bottom: 0;
overflow: hidden;
display: grid;
grid-template-columns: 150px 1fr;
gap: 30px;
align-items: center;
.agency-image img {
border-radius: 50%;
max-width: 100%;
height: auto;
display: block;
aspect-ratio: 1 / 1;
}
.agency-details {
overflow: hidden;
p:not(:last-child) {
margin-bottom: 0.2em;
}
h4,p {
text-wrap:pretty;
display: block;;
}
}
.agency-name {
margin-top: 0;
margin-bottom: 0.5em;
font-size: var(--text-16-22);
color: var(--primary-color);
font-weight: 600;
a {
color: var(--primary-color);
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
p {
margin: 0;
display: block;
line-height: 1.25em;
font-size: var(--text-12-14);
&:not(:last-of-type) {
margin-bottom: 0.25em;
}
}
i {
width: 20px;
margin-right: 5px;
text-align: center;
color: var(--text-color);
}
.agency-phone a,
.agency-email a {
color: var(--text-color);
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
.agency-address {
color: var(--text-color);
}
.agency-locations {
margin-top: 15px;
padding-top: 15px; font-size: var(--text-12-16);
color: var(--text-color);
}
&:not(:has(img)) {
grid-template-columns: 1fr !important;
}
}
} .elementor-widget-apus_element_detail_agency_contact_form,
.agency-contact-form {
&:has(.property-agency-info) { @media (height<580px) {
position: relative !important;
top: unset !important;
}
}
&:not(:has(.property-agency-info)) { @media (height<420px) {
position: relative !important;
top: unset !important;
}
}
}
@container agency-side-form (max-width:360px) {
.property-agency-info {
grid-template-columns: 1fr !important;
.agency-image {
display: none;
img {
max-width: 100% !important;
margin-inline: auto !important;
}
}
}
}
@media (width<=1024px) {
.property-agency-info {
grid-template-columns: calc(90px + 2vw) 1fr !important;
.agency-image {
img {
width: calc(90px + 2.5vw);
height: calc(90px + 2.5vw);
}
}
}
}
@media (width<420px) {
.property-agency-info {
grid-template-columns: 1fr !important;
.agency-image {
display: none;
img {
max-width: 100% !important;
margin-inline: auto !important;
}
}
}
}
@media (orientation: landscape) and (max-height: 1250px) {
:is(.agency-detail-contact-form, .agency-contact-form) .wpcf7 .wpcf7-form-control.form-control {
margin-top: 0.8rem;
font-size: 16px;
}
}
@media (orientation: landscape) and (max-height: 1000px) {
:is(.agency-detail-contact-form, .agency-contact-form) .wpcf7 .wpcf7-form-control.form-control {
margin-top: 0.5rem;
font-size: 16px;
}
} .ns-agency-popup-btn {
width: 100%;
margin-top: 15px;
padding: 12px 20px;
font-size: 16px;
font-weight: 600;
}
#nsAgencyModal .modal-dialog {
display: flex;
align-items: center;
min-height: calc(100vh - 1rem);
margin: 0.5rem auto;
.modal-content {
background-color: #f9f9f9;
.wpcf7-response-output {
margin: 0 !important;
}
}
}
#nsAgencyModal.modal.show {
display: flex !important;
align-items: center;
justify-content: center;
}
#nsAgencyModal .modal-title {
font-size: var(--text-xl) !important;
margin-top: 0 !important;
}
#nsAgencyModal .modal-body {
padding: 30px;
form > div:nth-child(3),
form > div:nth-child(4) {
.col-12 {
flex: 0 0 auto;
width: 50%;
}
}
.wpcf7-textarea {
background: transparent;
}
}
#nsAgencyModal .property-detail-contact-form {
margin: 0;
input:not(.wpcf7-submit) {
background-color: rgba(255, 255, 255, 0);
}
}
@media (width<1025px) {
.ns-agency-popup-btn {
display: none !important;
}
} .with-title {
font-weight: 600 !important;
display: block !important;
line-height: 1 !important;
}
.agency-detail-author-info {
font-size: var(--text-14-18);
.social-wrapper {
flex-direction: column;
.with-title {
margin-bottom: 0.5em;
}
.with-title + * {
margin-left: 0;
}
@media (pointer: coarse) {
span.with-title {
margin-bottom: 1rem;
}
i.fab {
font-size: 1.5rem;
margin-right: 1rem;
}
}
&:not(:has(li)) {
display: none;
}
}
.phone-mail-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
line-height: 1;
margin-top: 1.5rem;
margin-bottom: 1rem;
container-name: agency-phone-mail;
& > div {
display: flex;
align-items: center;
margin-bottom: 0.5em;
}
}
@container agency-phone-mail (max-width: 400px) {
.phone-mail-wrapper {
grid-template-columns: 1fr;
gap: 0.5em;
}
}
}
.member-detail-user .social-wrapper a {
font-size: var(--text-16-20) !important;
}
.member-detail-user > div {
align-items: flex-start !important;
a,
span {
line-height: 1;
}
& + div {
border-top: none !important;
margin-top: 1rem !important;
}
}
.with-icon {
display: flex;
align-items: center;
margin-right: 10px;
.flaticon-phone,
.flaticon-tools-and-utensils,
.ti-email,
.flaticon-location-pin {
width: 16px !important;
height: 18px !important;
margin-right: 0.5em !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center;
&:before {
content: '' !important;
}
}
.flaticon-phone {
background-image: url(//staging.primacasa.it/wp-content/uploads/icon-phone.svg);
}
.flaticon-tools-and-utensils {
background-image: url(//staging.primacasa.it/wp-content/uploads/icon-fax.svg);
}
.ti-email {
background-image: url(//staging.primacasa.it/wp-content/uploads/icon-mail.svg);
}
.flaticon-location-pin {
background: url(//staging.primacasa.it/wp-content/uploads/pin.svg) no-repeat center center / contain;
}
& + .inner {
font-size: var(--text-14-18);
color: var(--text-color);
.with-title {
margin-bottom: 0.5em;
}
}
} @layer extra {
@media (max-width: 1200px) {
.swiper-pagination:has(.swiper-pagination-bullet:nth-child(6)) .swiper-pagination-bullet {
--swiper-pagination-bullet-width: calc(var(--swiper-pagination-bullet-width) * 0.65);
}
} ul.slick-dots:only-child,
ul.slick-dots li:only-child,
ul.slick-dots:has(li:only-child) {
display: none !important;
}
.slick-slide .property-item {
padding: 0 !important;
background: transparent !important;
border: none !important;
}
.slick-carousel .slick-dots li {
border-color: transparent !important;
padding: 2px !important;
&:before {
border: none !important;
}
button {
background-color: var(--gray);
width: 12px !important;
height: 12px !important;
}
&.slick-active button {
background-color: var(--primary-color) !important;
}
&:is(:hover, :active, :focus) button {
background-color: var(--primary-dark) !important;
}
}
}
@media (min-width: 1200px) {
.main-menu .megamenu > li {
margin-right: 30px;
}
}
.main-menu .megamenu > li img {
margin-right: 10px;
}
.agency-hover-arrow {
position: absolute;
bottom: 15px;
right: 15px;
width: 35px;
height: 35px;
background: white;
border-radius: 50%;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease;
z-index: 10;
}
.agency-hover-arrow img {
width: 35px;
height: 35px;
}
.member-grid {
position: relative;
}
.member-grid:hover .agency-hover-arrow {
opacity: 1;
}
@media (max-width: 768px) {
.slick-slide .agency .agency-information-bottom .agency-title {
font-size: 2rem !important;
}
.agency-name,
.agency-phone {
font-size: 1.5rem;
}
.footer-builder-wrapper {
padding: 0 !important;
}
} #recensioni:not(:has(.recensione-item)) {
display: none;
}
.recensione-item {
background: var(--gray-lighter);
border-radius: var(--radius-lg);
padding: 2.5rem 2rem;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
strong {
font-weight: 700;
display: block;
margin-bottom: 0.5rem;
font-size: 1rem;
}
.stelle img {
width: 28px;
margin-right: 3px;
margin-top: 4px;
}
.nome {
font-size: var(--text-lg);
font-weight: 550;
}
.titolo-recensione {
font-size: var(--text-size);
font-weight: 700;
margin-top: 0.5em;
display: block;
}
.content-recensione {
font-size: var(--text-14-18);
font-weight: 400;
color: #000;
line-height: var(--leading-tight);
}
}
.recensioni-swiper .swiper-wrapper {
padding-bottom: 2rem;
}
.swiper-pagination {
position: relative;
margin-top: 2rem;
text-align: center;
}
.swiper-pagination-bullet {
width: 12px !important;
height: 12px !important;
background: #d4d4d4;
opacity: 1;
margin: 0 4px;
transition: all 0.3s ease;
aspect-ratio: 1;
border-radius: 50% !important;
}
.swiper-pagination-bullet-active {
background: #1f9d55;
}
.swiper-backface-hidden .swiper-slide {
margin-bottom: 20px;
}
.swiper-initialized.swiper-horizontal.elementor-slideshow--fullscreen-mode .swiper-zoom-container img {
object-fit: contain !important;
width: 100% !important;
height: 100% !important;
} .mobile-sidebar-btn.d-inline-block.d-lg-none {
display: none !important;
}
.header-mobile > .container {
width: 100% !important;
max-width: unset !important;
}
.btn-showmenu .vertical-icon:is(:focus, :active, :hover) {
&:before,
&:after {
background-color: var(--primary-dark) !important;
height: 3px;
}
}
#apus-header-mobile,
#apus-header {
@media (min-width: 1200px) {
&.d-xl-block {
display: none !important;
}
&.d-xl-none {
display: block !important;
}
}
@media (min-width: 1400px) {
&.d-xl-block {
display: block !important;
}
&.d-xl-none {
display: none !important;
}
}
}
@media (width<=767px) {
.home-hero .form-search .content-main-inner {
.col-2 {
width: 90px !important;
}
.col-10 {
width: calc(100% - 90px) !important;
}
}
.slick-carousel .property-item .property-image img,
.slick-slide img {
width: 100% !important;
}
}
.mm-menu .mm-title {
display: none;
} #form-contatti {
scroll-margin-top: max(250px, 20vh);
}
.elementor-element.agency-contact-form,
.agent-detail-element.agency-detail-contact-form {
padding: 30px;
}
@media (width<=767px) {
.elementor-element.agency-contact-form,
.agent-detail-element.agency-detail-contact-form {
padding: 30px 15px;
}
}
.agency-detail-contact-form,
.agency-contact-form {
border: none !important;
.title,
.elementor.heading-title {
font-size: var(--text-xl) !important;
font-weight: 600 !important;
color: var(--primary-color) !important;
margin-bottom: 1rem !important;
}
.wpcf7-response-output {
background-color: #aaa !important;
}
.wpcf7-form {
input,
textarea {
background: transparent !important;
height: min-content;
max-height: 100px !important;
}
.form-control {
background: transparent !important;
background-color: none !important;
padding-left: 10px;
}
.wpcf7-submit {
width: 100%;
margin-top: 3.5rem;
background-color: var(--secondary-color) !important;
border: none;
&:is(:hover, :active:focus) {
background-color: var(--secondary-dark) !important;
}
}
}
.btn {
padding: 10px 20px !important;
line-height: 1 !important;
height: 3rem;
}
.btn.btn-theme.btn-phone,
.btn.btn-theme.btn-whatsapp {
padding: 6px 30px;
background-color: var(--primary-color);
border: none;
color: #fff;
text-transform: none;
&:is(:hover, :active:focus) {
background-color: var(--primary-dark);
}
span.text {
font-size: var(--text-16-22) !important;
font-weight: 600;
}
i {
display: none;
}
}
} form.wpcf7-form {
.file-field {
position: relative;
width: 100%;
max-width: 800px;
font-family: Arial, sans-serif;
border-bottom: solid 1px black;
p {
margin-top: 0.5rem;
position: relative;
min-height: 60px;
display: flex;
align-items: flex-end;
justify-content: space-between;
padding: 0.85rem 0;
cursor: pointer;
}
p::before {
content: 'Allega CV';
}
.file-name-display {
display: flex;
height: 100%;
vertical-align: middle;
align-items: flex-end;
padding-bottom: 0.85rem;
}
&:has(.file-name-display:not(:empty)) {
p::before {
content: '';
}
}
p::after {
content: 'Scegli file';
background: var(--gray);
color: var(--primary-color);
text-transform: none;
padding: 0.25em 1.75em !important;
font-size: var(--text-base) !important;
font-weight: 550 !important;
border-radius: var(--radius);
}
p:hover::after {
background: var(--secondary-color);
}
input[type='file'] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
z-index: 2;
}
.wpcf7-form-control-wrap {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
label {
display: none;
}
}
textarea.text-area-messaggio {
height: 60px;
width: 100%;
max-height: 300px;
min-height: 60px;
}
}
.form-control:disabled,
.form-control[readonly] {
background-color: transparent !important;
color: var(--text-color) !important;
} .page-id-7948 form.wpcf7-form textarea.form-control {
min-height: 6lh !important;
max-height: 10lh !important;
}  .apus-breadscrumb .wrapper-breads {
padding-bottom: 0 !important;
}
.widget-breadcrumbs.widget {
margin-bottom: 0 !important;
}
.elementor-widget-breadcrumbs {
margin-bottom: 25px;
p {
font-size: 15px;
color: var(--primary-color);
span {
margin-inline: 5px;
&:first-of-type {
margin-left: 0;
}
&.breadcrumb_last {
font-weight: bold;
}
}
}
}
@media (min-width: 1200px) {
.apus-breadscrumb .wrapper-breads {
padding: 75px 0 !important;
}
}
.widget-breadcrumbs .breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0.5rem 0;
margin-bottom: 1rem;
list-style: none;
background-color: #fff;
}
.elementor-element .widget-breadcrumbs .breadcrumb {
display: flex;
margin: 0;
}
.widget-breadcrumbs .breadcrumb-item {
display: flex;
align-items: center;
}
.widget-breadcrumbs .breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem;
}
.breadcrumb > a + li:before,
.breadcrumb > li + a:before,
.breadcrumb > li + li:before {
display: none !important;
}
.breadcrumb-separator {
margin-inline: 0.5em;
color: var(--primary);
}
.widget-breadcrumbs .breadcrumb-item.active {
color: var(--primary);
font-weight: bold;
}
.widget-breadcrumbs .breadcrumb a {
text-decoration: none;
}
.widget-breadcrumbs .breadcrumb a:hover {
text-decoration: underline;
}
.elementor-widget-ns_seo_breadcrumbs[data-element_type='ns_seo_breadcrumbs.default'] .elementor-widget-container {
display: flex;
}
.elementor-widget-ns_seo_breadcrumbs[data-element_type='ns_seo_breadcrumbs.default'] .elementor-widget-container .widget-breadcrumbs {
width: 100%;
}
.elementor-widget-ns_seo_breadcrumbs .breadcrumb[style*='justify-content: center'] {
justify-content: center !important;
}
.elementor-widget-ns_seo_breadcrumbs .breadcrumb[style*='justify-content: right'] {
justify-content: flex-end !important;
}
.elementor-widget-ns_seo_breadcrumbs .breadcrumb[style*='justify-content: left'] {
justify-content: flex-start !important;
}
.elementor-widget-apus_element_breadcrumbs ol.breadcrumb {
li:not(:last-of-type) {
&:after {
content: '>';
margin-inline: 0.5em;
color: var(--primary);
display: inline-block;
}
}
li:last-of-type {
font-weight: bold;
}
} .location-selects-wrapper {
display: flex;
gap: 10px;
}
.form-group-province,
.form-group-comune {
flex: 1;
position: relative;
}
.icon-form {
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
pointer-events: none;
}
.form-group-province .form-control,
.form-group-comune .form-control {
padding-left: 45px;
}
@media (max-width: 768px) {
.location-selects-wrapper {
flex-direction: column;
gap: 15px;
}
} .location-selects-wrapper ~ .location-hierarchy-wrapper,
.location-selects-wrapper ~ .ns-location-transformed {
display: none !important;
}
.element-agencies-listing-wrapper {
@media (min-width: 1200px) {
.member-list .member-thumbnail-wrapper {
width: 200px;
height: 200px;
object-fit: cover;
}
}
.agency-thumbnail,
.agency-thumbnail > a,
.image-wrapper {
width: 100% !important;
height: 100%;
display: block;
}
.member-list .member-thumbnail-wrapper.img-agency {
border: none;
* {
height: 100%;
width: auto;
max-width: unset;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.member-list.agency-item.member-item {
.agency-title {
font-size: var(--text-24-32);
font-weight: 600;
margin-bottom: 0.5rem;
}
.metas {
font-size: var(--text-14-18);
margin-top: 2rem !important;
& > div {
align-items: flex-start;
}
.with-title {
display: block;
font-weight: 600;
}
.with-icon {
padding: 0;
background: none;
line-height: var(--text-14-18);
width: 1.5rem;
i {
width: 100%;
height: 18px;
background-position: top left;
background-repeat: no-repeat;
background-size: contain;
color: var(--secondary-color);
&::before {
display: none;
}
}
}
}
.agency-socials {
background-color: var(--gray-lighter);
border-radius: var(--radius);
padding: 5px 1.5rem;
font-size: var(--text-16-22);
font-weight: 600;
color: var(--primary-color);
&:not(:has(i)) {
display: none;
}
a {
margin-left: 0.8rem;
.fa-facebook-f:before {
font-size: 96%;
}
&:is(:hover, :active, :focus) i {
color: var(--secondary-color);
}
}
}
.info-bottom {
border-top: none;
margin-top: 0.5rem;
@media (width<600px) {
.ms-auto {
display: none;
}
}
}
@media (width<420px) {
.agency-socials {
width: 100%;
text-align: center;
a {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
span {
display: none;
}
}
}
}
} .single-agency {
.agency_title:not(:has(img)) {
grid-template-columns: 1fr;
& > div:nth-child(1) {
order: 2;
}
& > div:nth-child(2) {
order: 1;
}
}
.agency-related-properties .property-agency {
display: none;
}
.agency-logo.agency-thumbnail a {
cursor: default;
pointer-events: none;
}
.agent-detail-element {
&.agency-detail-author-info {
border: 0;
padding: 0;
background: transparent;
@media (width<=1024px) {
.agency-thumbnail .image-wrapper {
height: 600px;
max-height: 80vh;
img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
}
}
}
.user-thumbnail.img-agency {
border: 0;
border-radius: var(--radius);
img {
border-radius: var(--radius-lg);
}
}
}
.member-detail-user.agency-detail-user {}
.agency-related-properties .property-agency {
display: none;
}
} .pagination > span,
.pagination > a,
.pagination-links > span,
.pagination-links > a,
.apus-pagination > span,
.apus-pagination > a,
.pagination li > span,
.pagination li > a,
.pagination-links li > span,
.pagination-links li > a,
.apus-pagination li > span,
.apus-pagination li > a {
font-weight: bold !important;
font-size: var(--text-size) !important;
}
.pagination li > span.current,
.pagination li > a.current,
.pagination-links li > span.current,
.pagination-links li > a.current,
.apus-pagination li > span.current,
.apus-pagination li > a.current,
.pagination > span.current,
.pagination > a.current,
.pagination-links > span.current,
.pagination-links > a.current,
.apus-pagination > span.current,
.apus-pagination > a.current {
background-color: var(--secondary-color) !important;
color: var(--primary-color) !important;
}
.pagination,
.pagination-links,
.apus-pagination {
margin-bottom: 0 !important;
} .apus-footer {
a:not([class]) {
color: #fff !important;
text-decoration: none !important;
&:is(:focus, :hover, :active) {
text-decoration: underline !important;
}
}
.apus-footer-inner {
border-radius: var(--radius);
overflow: hidden;
a {
color: #fff !important;
text-decoration: none !important;
&:is(:focus, :hover, :active) {
text-decoration: underline !important;
}
}
@media (width<=1024px) {
.e-flex > .e-con-inner:not(:has(.elementor-widget-spacer)):not(:has(.logo)) {
max-width: calc(100% - 40px) !important;
margin-inline: auto;
padding-top: 0;
.e-child:first-of-type:not(:has(.m-0)) {
padding-left: 0 !important;
}
.e-child:not(:first-of-type) {
padding-left: 0;
padding-right: 15px;
}
ul.menu li {
a {
line-height: 1.25em;
font-size: var(--text-base) !important;
}
}
&:has(.elementor-widget-apus_element_social_links) {
padding-bottom: 0 !important;
}
}
.e-flex.footer-copy > .e-con-inner {
gap: 0;
.e-child {
margin: 0;
}
}
.e-con-boxed.e-flex:has(.elementor-widget-spacer) {
padding: 0;
}
}
@media (width<600px) {
.e-flex > .e-con-inner:has(.elementor-widget-apus_element_social_links) {
flex-direction: column;
}
}
}
@media (min-width: 320px) and (max-width: 767px) {
#menu-footer-menu {
columns: 2;
}
}
}
.ns-property-locations {
.subtype-filters {
padding-bottom: 0;
}
.ns-property-locations-links {
padding-top: 1rem;
}
.elementor-widget-container {
padding-right: 1rem;
}
}
.properties-locations-links {
.e-con-inner {
max-width: 1550px;
}
}
.footer-builder-wrapper {
padding: 0 20px 20px 20px;
&,
.widget-nav-menu .menu li {
font-size: clamp(14px, 12.75px + 0.39vw, 18px);
line-height: 1;
}
p,
.widget-title,
.elementor-widget-heading .elementor-heading-title {
color: #fff !important;
display: block;
}
.widget-socials.special {
transform: none;
ul {
display: flex;
gap: 0.4rem;
li a {
&:is(:hover, :active, :focus) {
background-color: var(--primary-color) !important;
svg {
fill: var(--secondary-color);
}
}
svg {
height: 1.5rem;
fill: #fff;
}
}
}
> * {
padding: 0;
}
}
.footer-copy {
margin-bottom: 2rem;
p {
margin-bottom: 0;
}
}
div.elementor-element.elementor-element-5af21d3 {
padding-left: 0;
}
@media (max-width: 1680px) {
div.elementor-element.elementor-element-5af21d3 {
padding-left: 30px;
}
}
}
.footer-locations-links {
.ns-property-locations {
width: 100%;
}
.nav.tabs-theme > li > a {
color: #000;
font-size: 18px;
padding-inline: 15px;
}
.ns-property-locations-links {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
@media (width>=600px) {
display: flex;
column-gap: 1rem;
row-gap: 2rem;
flex-wrap: wrap;
padding-inline: 15px;
& > div.elementor-element {
flex: 0 1 130px;
&.wide {
flex: 0 1 280px;
ul {
columns: 2;
}
}
}
&:has(> div.elementor-element:nth-child(4):last-child),
&:has(> div.elementor-element:nth-child(3):last-child),
&:has(> div.elementor-element:nth-child(2):last-child),
&:has(> div.elementor-element:nth-child(1):last-child) {
& > div.elementor-element {
flex: 0 1 22%;
}
}
}
}
.subtype-filters {
margin-bottom: 0;
margin-top: 1rem;
padding: 15px;
background: #f8f9fa;
border-radius: 8px;
display: flex;
flex-wrap: wrap;
column-gap: 2rem;
}
.subtype-filter {
display: flex;
align-items: center;
gap: 0.5em;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
user-select: none;
}
.subtype-filter:hover {
color: var(--e-global-color-primary);
}
.subtype-filter input[type='checkbox'],
.subtype-filter input[type='radio'] {
appearance: none;
-webkit-appearance: none;
border-radius: 50%;
width: 1em;
height: 1em;
border: 1px solid var(--primary-color);
background-color: white;
vertical-align: middle;
margin-right: 5px;
margin: 0;
accent-color: var(--e-global-color-primary);
}
.subtype-filter input[type='radio']:checked,
.subtype-filter input[type='checkbox']:checked {
background-color: var(--e-global-color-primary);
border-color: var(--e-global-color-primary);
}
.subtype-filter input[type='radio']:checked + span,
.subtype-filter input[type='checkbox']:checked + span {
color: var(--e-global-color-primary);
font-weight: 600;
}
.elementor-element.e-con-full.e-flex.e-con.e-parent {
display: contents !important;
}
.elementor-icon-list-items {
list-style: none;
padding: 0;
margin: 0;
display: block;
line-height: 1;
}
.region-title {
margin-bottom: 0.6em;
font-weight: 600;
line-height: 1.1;
display: block;
height: 2rem;
display: flex;
align-items: flex-end;
}
.elementor-icon-list-item {
break-inside: avoid;
margin-bottom: 0.4em;
}
@media (max-height: 1200px) and (orientation: landscape) {
.elementor-icon-list-item {
margin-bottom: 0 !important;
}
}
.elementor-icon-list-item a {
text-decoration: none;
color: #333;
transition: color 0.3s ease;
}
.elementor-icon-list-item a:hover {
color: var(--e-global-color-primary);
}
.elementor-icon-list-text {
font-size: 14px;
line-height: 1.4;
}
@media (max-width: 768px) {
.subtype-filters {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
margin-bottom: 2rem;
}
.elementor-widget-n-tabs .e-n-tabs-heading {
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
}
.ns-property-locations-links {
column-count: 1;
column-gap: 2rem;
display: block;
}
}
@media (min-width: 420px) and (max-width: 768px) {
.ns-property-locations-links {
column-count: 2;
column-gap: 2rem;
display: block;
}
}
@media (max-width: 480px) {
.subtype-filters {
grid-template-columns: 1fr;
}
}
} @media (width<600px) {
.elementor-button,
.btn {
width: 100%;
min-height: 44px;
}
.select2-container--default .select2-dropdown { }
}
@media (pointer: coarse) {
.select2-results .select2-results__option {
padding: 15px 5px !important;
}
}
@media (width<420px) {
html {
zoom: 0.95;
}
}
@media (width<375px) {
html {
zoom: 0.9;
}
}
.mm-menu {
border-top-right-radius: var(--radius-lg) !important;
border-bottom-right-radius: var(--radius-lg) !important;
overflow: hidden !important;
max-width: 400px !important;
.mm-panel {
background-color: var(--gray-lighter) !important;
.mm-navbar {
background: url(//staging.primacasa.it/wp-content/uploads/2024/02/logo.svg) no-repeat 40px 100% / 150px auto !important; }
.mm-listview { > li > a {
color: var(--primary-color) !important;
font-size: 18px !important;
font-weight: 600 !important;
}
}
}
}
@media (width<375px) {
.mm-menu.mm-offcanvas {
width: 85% !important; }
}
@media (width<=280px) {
.mm-menu.mm-offcanvas {
zoom: 0.8;
}
}
@media (width>1024px) {
.row > .main-page {
padding-left: 0;
padding-right: 0;
}
}
@media (width<=767px) {
.row > .main-page {
padding-left: 0;
padding-right: 0;
}
.row:has(> .main-page) {
margin-right: calc(var(--bs-gutter-x) * -0.5);
margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.elementor-element > .elementor-widget-container > img.attachment-large {
width: 100dvw !important;
}
}
@media (min-width: 460px) and (max-width: 767px) { #numbers {
& > div {
width: 50%;
padding-top: 30px !important;
}
}
}
@media (max-width: 485px) { #icons {
grid-template-columns: 1fr;
}
} .elementor-widget-n-accordion {
--n-accordion-border-style: none !important;
--n-accordion-padding: 25px 25px !important;
--n-accordion-icon-normal-color: var(--primary-color) !important;
--n-accordion-icon-active-color: var(--primary-color) !important;
}
.e-n-accordion {
.e-n-accordion-item {
.e-n-accordion-item-title {
border-top-left-radius: var(--radius-xl);
border-top-right-radius: var(--radius-xl);
.e-n-accordion-item-title-text {
font-size: var(--text-16-22);
color: var(--primary-color);
font-weight: 600;
}
&[aria-expanded='true'] {
background-color: var(--gray-lighter) !important;
}
}
.e-child {
background: var(--gray-lighter);
border-bottom-left-radius: var(--radius-xl);
border-bottom-right-radius: var(--radius-xl);
.elementor-widget-text-editor .elementor-widget-container {
padding: 0 50px 25px 25px !important;
}
}
&:is(:hover, :focus, :active) {
.e-n-accordion-item-title[aria-expanded='false'] .e-n-accordion-item-title-text {
color: var(--text-color) !important;
}
}
}
} .single.single-post {
.detail-title {
font-size: var(--text-31-47);
}
.top-detail-info * {
font-size: var(--text-base);
font-weight: 600;
color: var(--text-color) !important;
}
#apus-main-content {
.e-con > .e-con-inner {
--content-width: 1580px !important;
}
}
.entry-thumb-header {
img {
border-radius: var(--radius-xl) !important;
}
}
.news-pdf-documents {
.titolo-allegato {
font-weight: bold;
margin-bottom: 8px;
font-size: 16px;
&::first-letter {
text-transform: uppercase;
}
}
}
}
.layout-posts-list {
container-name: news-list;
}
@media (width<768px) {
.e-con-inner:has(> .news-container) {
& > div {
display: grid !important;
}
}
}
.blog-posts {
container-name: news-grid;
}
.layout-posts-list {
div.top-image {
.entry-thumb,
.entry-thumb .image-wrapper {
height: 100%;
}
}
figure > a > div > img {
height: 100%;
}
@media (width>=768px) {
.post-list-item .col-content {
padding-bottom: 0;
}
}
}
.post-layout,
.post .list-inner,
.post-list-item {
.entry-title {
font-size: var(--text-20-28) !important;
font-weight: 600 !important;
line-height: 1em !important;
height: 2.25lh;
text-overflow: ellipsis;
overflow: hidden;
@media(width>=1200px) {
height: 3.5lh;
}
}
.top-detail-info {
margin-bottom: 15px;
.date,
a {
font-size: var(--text-base);
font-weight: 600;
color: var(--text-color) !important;
}
}
.description {
font-size: var(--text-14-18);
line-height: 1.2em;
color: var(--text-color);
}
.btn.readmore {
float: right;
margin-block: 15px;
padding: 0;
margin-left: auto;
display: inline-block;
a.btn-readmore {
font-size: var(--text-base);
font-weight: 600;
}
svg {
transform: rotate(45deg);
transition: all 0.25s ease;
}
}
}
.blog-posts {
.post {
@media (width>1024px) {
margin-bottom: 65px;
}
.list-inner {
.image-wrapper {
height: 380px;
max-height: 65vw;
overflow: hidden;
img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
}
}
}
}
.post,
article {
&:is(:hover, :active, :focus) {
.btn.readmore {
svg {
transform: rotate(0);
scale: 1.25;
}
}
}
}
@container news-grid (min-width:800px) {
.blog-posts {
& > .row {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: clamp(0px, -53.3333px + 5.2083vw, 30px);
}
.post .list-inner .image-wrapper {
height: 240px;
max-height: 65vw;
}
}
}
@container news-list (max-width:720px) {
.post {
margin-bottom: 25px !important;
.d-flex {
flex-direction: column;
border-radius: 12px !important;
.top-image,
.image-wrapper {
width: 100%;
height: 380px;
max-height: 65vw;
overflow: hidden;
img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
}
}
}
.post-list-item .top-image + .col-content {
border-width: 0 1px 1px 1px !important;
border-radius: 0 0 12px 12px !important;
}
}
@media (height>1400px) {
.blog-posts .post .list-inner .image-wrapper {
height: 280px;
max-height: 70vw;
}
}
.blog-single-navigation nav.navigation.post-navigation {
@media (width<=1024px) {
margin-bottom: 50px;
}
.nav-links {
background: none;
.link_info {
.navi {
font-weight: 600;
font-size: var(--text-14-18) !important;
color: var(--gray-darker);
}
.title-direct {
font-weight: 600;
font-size: var(--text-16-22) !important;
color: var(--primary-color);
line-height: 1.25em;
}
}
.title-direct {
max-width: 98%;
}
.nav-previous,
.nav-next {
a > div {
align-items: center;
i {
width: 2.5rem;
height: 2.5rem;
aspect-ratio: 1/1;
background-color: var(--gray-lighter);
border-color: var(--gray-lighter);
color: var(--text-color);
font-weight: bold;
}
}
&:is(:hover, :focus, :active) {
a > div i {
color: var(--primary-color);
border-color: var(--primary-color);
}
}
}
@media (width<480px) {
.nav-previous {
display: none !important;
}
.nav-next {
width: 100%;
}
}
}
} aside.widget {
border: none !important;
background: var(--gray-lighter) !important;
&.widget_apus_search,
&.widget_search {
background: none !important;
padding: 0 !important;
border-radius: 0 !important;
.btn.btn-search {
padding-right: 0 !important;
i {
color: var(--text-color);
font-size: var(--text-14-18);
}
}
}
.wp-block-group__inner-container > :is(h2, h3, h4, h5, h6),
.widget-title,
.wp-block-heading {
font-size: var(--text-24-32);
margin-bottom: 25px;
}
&.widget_search .wp-block-search__inside-wrapper .wp-block-search__input,
.widget-search .apus-search.form-control {
height: auto !important;
padding: 10px 10px 15px 10px !important;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid rgb(0, 0, 0);
border-radius: 0 !important;
font-size: var(--text-14-18) !important;
color: var(--text-color) !important;
font-weight: 600 !important;
line-height: 1.25 !important;
&::placeholder {
color: var(--text-color) !important;
font-weight: 600 !important;
}
}
.wp-block-categories {
li.cat-item a {
color: var(--text-color) !important;
font-size: var(--text-14-18) !important;
font-weight: 600 !important;
}
}
}
@media (min-width: 1200px) {
aside.widget {
border-radius: var(--radius-xl) !important;
margin-bottom: 25px !important;
}
} .e-con-inner:has(.map) {
margin: 0 !important;
width: 100% !important;
max-width: 100% !important;
.map {
width: 100%;
height: 680px;
border-radius: var(--radius-xl);
overflow: hidden;
iframe {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
}
}
.map-boxes {
.e-con-inner {
padding-inline: clamp(0px, -230.7692px + 30.0481vw, 250px) !important;
gap: 50px !important;
.box {
border: solid 1px var(--gray);
background: #fff;
border-radius: var(--radius-xl);
p,
a,
span {
font-size: var(--text-16-22);
font-weight: 550;
}
.elementor-heading-title {
margin-bottom: 2rem;
}
img {
width: 70px;
height: 70px;
margin-bottom: 2rem;
}
@media (width<600px) {
zoom: 0.9;
}
@media (width<480px) {
zoom: 0.85;
}
}
@media (width<1025px) {
gap: clamp(15px, -20.7143px + 4.4643vw, 25px) !important;
.box {
padding-block: 20px !important;
padding-inline: 15px !important;
.e-con-inner > div {
padding-inline: 15px !important;
}
}
}
}
}
@media (width>=1200px) {
.map-boxes {
transform: translateY(-45%) !important;
margin-bottom: -300px !important;
}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
.map-boxes {
margin-top: 50px !important;
.e-con-inner {
padding-inline: 0 !important;
}
}
}
@media (width<1025px) {
.map-boxes {
.e-con-inner .box {
.elementor-heading-title {
margin-bottom: 15px;
}
img {
margin-bottom: 15px;
width: 60px;
height: 60px;
}
}
}
}
@media (width<=767px) {
.e-con-full.map {
margin-inline: 15px;
width: calc(100% - 30px) !important;
&,
iframe {
height: 400px;
max-height: 120vw;
}
}
} .elementor-widget.elementor-widget-counter .elementor-widget-container .elementor-counter {
.elementor-counter-title {
font-size: var(--text-14-18) !important;
}
.elementor-counter-number-wrapper {
font-size: var(--text-24-32) !important;
}
} .e-con-inner:has(.approve-user-wrapper):has(.alert > h3:empty) {
max-height: 50px;
overflow: hidden;
}
.approve-user-wrapper .alert > h3:not(:empty) {
font-size: var(--text-14-18);
font-weight: 500;
background-color: var(--primary-color);
color: #fff;
border-radius: var(--radius);
padding: 2.5em 1em;
}
.hide_if_no_alert {
&:not(:has(.alert)) {
display: none;
}
}
.page-id-3811 .hide_if_no_alert .alert {
margin-top: 0 !important;
padding-top: 0 !important;
}
.elementor-widget-apus_element_realestate_agenciessearch_form form,
form.change-password-form,
form.change-profile-form,
form.login-form,
form.register-form,
form.forgotpassword-form {
input.form-control,
select.form-control {
display: block;
width: 100%;
font-family: inherit;
font-size: var(--text-size);
outline: none;
vertical-align: middle;
border-radius: 0;
box-shadow: none;
box-sizing: border-box;
line-height: 1.4;
border-width: 0;
border-bottom: 1px solid #000;
color: var(--text-color);
flex-grow: 1;
flex-basis: 100%;
max-width: 100%;
margin: 1.5rem 0 0 0;
padding: 0.85rem 0;
&:placeholder {
color: #000;
}
}
label {
user-select: none;
}
}
form.login-form,
form.register-form,
form.forgotpassword-form {
input.form-control,
select.form-control {
background-color: rgba(255, 255, 255, 0) !important;
&.has-value + .for-control,
&:focus + .for-control {
@media (prefers-reduced-motion: no-preference) {
opacity: 0;
}
}
}
& > .alert {
margin-top: 0 !important;
margin-bottom: 3rem !important;
}
&.loading:before {
background-color: var(--gray-lighter) !important;
background-image: url(//staging.primacasa.it/wp-content/uploads/loading.svg) !important;
background-size: 6rem 6rem !important;
}
.form-group .for-control {
padding-left: 0;
left: 0;
font-size: var(--text-size);
color: var(--text-color);
background-color: rgba(255, 255, 255, 0) !important;
}
}
.login-form-wrapper .lostpassword-link .back-link,
.register-form-wrapper .lostpassword-link .back-link {
color: var(--primary-color) !important;
}
label:has(#register-terms-and-conditions),
label:has(#user-remember-field) {
display: flex;
align-items: center;
gap: 0.5em;
font-size: var(--text-xs);
line-height: 1.1em;
}
.page-template-page-dashboard {
background-color: #fff !important;
.container {
width: min(100%, 1580px) !important;
max-width: min(100%, 1580px) !important;
&#main-container {
padding-block: 50px;
.row.first-row {
align-items: stretch;
.sidebar-wrapper,
#main-content {
flex: 0 0 auto;
}
@media (width>=992px) {
#main-content {
width: calc(100% - 240px);
}
.sidebar-wrapper {
width: 240px;
}
}
@media (width>=1430px) {
#main-content {
width: calc(100% - 270px);
}
.sidebar-wrapper {
width: 270px;
}
}
}
}
aside.sidebar {
background-color: var(--secondary-color) !important;
border-radius: var(--radius-lg) !important;
height: 100%;
ul.menu-dashboard {
padding: 25px 15px !important;
li {
border-radius: var(--radius);
& > a {
white-space: normal;
line-height: 1.2em;
font-weight: 700;
font-size: var(--text-base);
padding-inline: 10px;
}
&.active,
&:is(:hover, :focus, :active) {
background-color: var(--secondary-light) !important;
& > a {
background-color: var(--secondary-light) !important;
}
}
}
}
}
}
.box-white-dashboard {
border: none;
padding: 0;
}
.top-dashboard-search {
gap: 30px;
.widget-search {
flex-grow: 2;
input[type='text'].form-control {
display: block;
width: 100%;
font-family: inherit;
font-size: var(--text-size);
outline: none;
vertical-align: middle;
border-radius: 0 !important;
box-shadow: none;
margin: 0;
box-sizing: border-box;
line-height: 1.4;
border-width: 0;
border-bottom: 1px solid #000 !important;
color: var(--text);
flex-grow: 1;
flex-basis: 100%;
max-width: 100%;
padding: 0.85rem 0 !important;
font-size: var(--text-size);
}
.btn-search {
color: #000;
bottom: 5px;
right: 0;
transform: none;
top: unset;
padding-right: 10px !important;
}
}
}
form {
input.form-control,
select.form-control {
&::placeholder {
text-align: left;
font-weight: 400;
font-family: inherit;
font-size: var(--text-size);
opacity: 1;
color: var(--text-color);
transition: opacity 0.5s ease;
display: block !important;
}
}
label[for='change-profile-form-provincia'],
label[for='change-profile-form-comune'] {
transform: translateY(0) !important;
}
}
.form-theme .form-group .for-control,
.comment-form .form-group .for-control {
left: 0;
padding-left: 0;
}  .comune-suggestions {
position: absolute;
z-index: 1000;
background: white;
border: 1px solid #ccc;
border-top: none;
max-height: 200px;
overflow-y: auto;
width: 100%;
display: none;
}
.suggestion-item {
padding: 8px 10px;
cursor: pointer;
&:hover {
background-color: #f0f0f0;
}
}
}
.alert > * {
line-height: 1.2em;
display: block;
font-size: var(--text-sm);
}
@media (min-width: 1025px),
(max-width: 767px) {
.login-forms {
max-width: calc(100% - 30px) !important;
}
}
.login-forms:not(:has(input.form-control)) {
display: none !important;
} .apus-mortgage-inner {
container-name: mortage-calculator;
container-type: inline-size;
.mortgage-calculator-chart {
border: solid 2px var(--gray-dark);
border-radius: var(--radius-lg);
padding: 0;
background-color: var(--gray-lighter);
}
.apus_mortgage_results {
display: flex;
justify-content: center;
gap: 50px;
}
div.monthly-requency {
white-space: nowrap;
color: var(--text-color);
}
.monthly-payment-wrap {
color: var(--primary-color);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.monthly-payment-val span {
font-size: var(--text-24-32);
font-weight: 700;
}
}
form {
margin: 0;
input {
field-sizing: fixed !important;
}
label.for-control {
padding-left: 20px !important;
}
}
}
@container mortage-calculator (max-width:680px) {
.mortgage-calculator-chart-wrapper {
width: 100%;
max-width: unset !important;
}
.mortgage-calculator-chart {
aspect-ratio: unset;
height: 120px;
max-height: 120px;
width: 100%;
}
.apus_mortgage_results {
flex-direction: column-reverse;
}
} #iubenda_policy .iub_content {
padding: 0 15px !important; hr {
height: 1px !important;
padding-top: 0;
}
} body.error404 {
height: 100dvh;
overflow: hidden;
section.page-404 {
background-size: cover;
height: calc(100svh - 180px);
margin-inline: auto;
}
} .select2-dropdown .select2-search {
margin-bottom: 1rem;
}
.select2-results .select2-results__option {
padding-left: 0;
}
@media (max-width: 1200px) {
.slick-carousel { }
}  @media (width<1600px) {
.slick-carousel.slick-dotted .slick-dots {
& li {
display: none !important;
margin: 0 0.2rem;
pointer-events: none;
transition: all 0.3s ease;
}
& li.slick-active {
display: flex !important;
font-size: 16px;
opacity: 1;
pointer-events: auto;
}
& li:has(+ li.slick-active),
& li.slick-active + li {
display: flex !important;
font-size: 12px;
opacity: 0.7;
pointer-events: auto;
}
& li:has(+ li:has(+ li.slick-active)),
& li.slick-active + li + li {
display: flex !important;
font-size: 8px;
opacity: 0.4;
pointer-events: auto;
}
}
}
.post.no-results.not-found .widget-search {
margin-top: 50px;
} body > button.iubenda-tp-btn.iubenda-cs-preferences-link[data-tp-float='bottom-right'] {
transform: translate(-15px, -15px) !important;
border: none !important;
border-radius: 12px !important;
transition: opacity 0.5s ease !important;
&:not(:hover, :focus, :active) {
opacity: 0.65 !important;
}
}
body:not(.past-top) > button.iubenda-tp-btn.iubenda-cs-preferences-link,
body.dialog-lightbox-body .iubenda-tp-btn {
display: none !important;
opacity: 0 !important;
}
@media print {
body > button.iubenda-tp-btn.iubenda-cs-preferences-link[data-tp-float="bottom-right"],
.iubenda-tp-btn.iubenda-cs-preferences-link {
opacity: 0 !important;
right: -200vw !important;
display: none !important;
}
}
@media(height<950px) {
.saved-search-form-wrapper {
label {
margin-bottom: 0;
}
form button.w-100 {
margin-top: 15px;
}
.form-group:not(:first-of-type) {
margin-top: 15px;
}
}
}
@media(height<850px) {
.saved-search-form-wrapper {
zoom: 0.9;
p.pb-2 {
display: none
}
}
.inner-search-advance {
zoom: 0.9;
}
}
@media(height<720px) {
.inner-search-advance {
zoom: 0.8;
}
}