/*body.wide .container:not(.inner-container){
padding-left: 0 !important;
padding-right: 0 !important;
}
.row > *, .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{
padding-left: 0 !important;
padding-right: 0 !important;
}*/
.header-wrapper{
z-index: 10;
}
.banner-container{
margin-top: -87px;
}
.container{
max-width: 1440px !important;
}
.container-fluid .vc_section[data-vc-stretch-content="true"].not-full-big-screen{
max-width: 1440px !important;
}
.container .container, .porto-wrap-container .container{
padding-left: 10px !important;
padding-right: 10px !important;
}
#header .header-main{
padding-top: 0;
padding-bottom: 0;
}
/* hide empty p automatically added */
.header-main p {
display: none;
}
#header.header-builder-p .header-main .container > div{
min-height: 60px;
}
/* adjust main logo */
#header .header-main .logo.me-auto{
padding: 0;
margin: 0;
background: none;
}
#header .header-main.sticky.change-logo .logo-column{
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* align main menu to right */
#header .header-main .main-menu-column .vc_column-inner{
justify-content: end;
}
/* align header last column content to right */
#header .header-main #column_header_right_button .vc_column-inner{
justify-content: right;
}
/* set content max-width to 1200px */
/*.container, .header-wrapper .container, .vc_section .container, #row_footer_emerald .container {
max-width: 1200px;
}*/
/* remove empty space from main-container */
.container .main-content-wrap .main-content{
padding-top: 0;
padding-bottom: 0;
}
/* set custom box-shadow property on images */
.wpb_single_image .wpb_wrapper .vc_single_image-wrapper.vc_box_shadow img{
box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}
/* change hover color of cards */
.porto-ultimate-content-box-container.custom-card .porto-ultimate-content-box:hover::before{
background-color: var(--porto-secondary-color);
}
/* adjust hover color of revolution slider button */
rs-layer-wrap .btn.btn-primary.btn-borders:hover{
background-color: var(--porto-secondary-color) !important;
color: #ffffff !important;
border-color: var(--porto-secondary-color) !important;
}
/* adjust carousel problem on page load */
.porto-carousel-wrapper .slick-dotted .slick-arrow{
top: calc((100% - 35px) * 0.5);
}
.porto-carousel-wrapper.carousel-spazio-design .slick-dotted .slick-arrow{
top: calc((100% - 82px) * 0.5);
}
/* add alpha layer */
.section_with_alpha_layer{
position: relative;
}
.section_with_alpha_layer:before{
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: #333333;
opacity: 0.7;
}
.section_with_alpha_layer_green{
position: relative;
}
.section_with_alpha_layer_green:before{
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: var(--porto-secondary-color);
opacity: 0.8;
}
/* link style */
body a, body a:visited, body a:active, body a:hover{
color: var(--porto-secondary-color);
text-decoration: none;
}
/* form style */
.wpcf7-form .form-group p{
margin-bottom: 0;
}
.wpcf7-form input.wpcf7-text{
padding-top: 1.2rem;
padding-bottom: 1.2rem;
background-color: #F7F2E4;
font-size: 16px;
line-height: 18px;
}
.wpcf7-form textarea.wpcf7-textarea{
padding-top: 1.2rem;
padding-bottom: 1.2rem;
font-size: 16px;
line-height: 18px;
}
.wpcf7-form input.btn.btn-borders{
background-color: var(--porto-secondary-color);
border: 1px solid var(--porto-secondary-color);
color: #ffffff;
text-transform: none;
font-size: 16px;
line-height: 22px;
letter-spacing: 0;
font-weight: 700;
padding: 0.483rem 1.0625rem;
}
.wpcf7-form input.btn.btn-borders:hover{
background-color: #ffffff;
color: var(--porto-secondary-color);
}
.wpcf7 form .wpcf7-response-output{
padding: 1em;
}
.wpcf7 form.sent .wpcf7-response-output{
background-color: var(--porto-secondary-color);
color: #ffffff;
border: none;
}
.wpcf7 form.invalid .wpcf7-response-output{
background-color: #A21232;
color: #ffffff;
border: none;
}
.wpcf7 form .wpcf7-form-control-wrap{
display: block;
width: 100%;
}
/* apartments grid style */
.porto-posts-grid.emerald-apartments-grid .post-item{
position: relative;
}
.porto-posts-grid.emerald-apartments-grid .post-item .post-excerpt, .porto-posts-grid.emerald-apartments-grid .post-item .post-meta {
display: none;
}
.porto-posts-grid.emerald-apartments-grid .post-item .porto-post-title{
position: absolute;
left: 0;
bottom: 25px;
background: rgba(37,94,90,0.8);
color: #ffffff;
padding: 15px 30px 15px 17px;
z-index: 1;
margin-left: 15px;
}
.porto-posts-grid.emerald-apartments-grid .post-item .porto-post-title a, .porto-posts-grid.emerald-apartments-grid .post-item .porto-post-title a:visited, .porto-posts-grid.emerald-apartments-grid .post-item .porto-post-title:focus{
color: #ffffff;
font-size: 28px;
line-height: 38px;
letter-spacing: 0;
}
/* related apartments grid style */
.vc_grid-container.emerald-related-apartments-grid .vc_grid-item-mini{
position: relative;
}
.vc_grid-container.emerald-related-apartments-grid .vc_grid-item-mini .vc_gitem-zone-c .vc_custom_heading.vc_gitem-post-data-source-post_excerpt, .vc_grid-container.emerald-related-apartments-grid .vc_grid-item-mini .vc_gitem-zone-c .vc_btn3-container {
display: none;
}
.vc_grid-container.emerald-related-apartments-grid .vc_grid-item-mini .vc_gitem-zone-c .vc_gitem-col {
padding: 0;
}
.vc_grid-container.emerald-related-apartments-grid .vc_grid-item-mini .vc_gitem-zone-c{
position: absolute;
left: 0;
bottom: 25px;
background: rgba(37,94,90,0.8) !important;
color: #ffffff;
padding: 15px 30px 15px 17px;
z-index: 1;
}
.vc_grid-container.emerald-related-apartments-grid .vc_grid-item-mini .vc_gitem-zone-c .vc_custom_heading.vc_gitem-post-data-source-post_title, .vc_grid-container.emerald-related-apartments-grid .vc_grid-item-mini .vc_gitem-zone-c .vc_custom_heading.vc_gitem-post-data-source-post_title h4 {
color: #ffffff !important;
font-size: 28px !important;
line-height: 38px !important;
letter-spacing: 0 !important;
margin-bottom: 0 !important;
}
/* adjust single apartment images gallery */
.galleria-immagini-appartamento .wpb_image_grid .wpb_image_grid_ul .isotope-item{
margin-right: 10px;
margin-left: 0;
}
.galleria-immagini-appartamento .wpb_image_grid .wpb_image_grid_ul .isotope-item:last-child{
margin-right: 0;
}
/* adjust active menu style */
#header .main-menu .menu-item a.current, .post-type-archive-apartment #header .main-menu .menu-item.menu-appartamenti a, .single-apartment #header .main-menu .menu-item.menu-appartamenti a{
font-weight: 700;
position: relative;
}
#header .main-menu .menu-item a.current:before, .post-type-archive-apartment #header .main-menu .menu-item.menu-appartamenti a:before, .single-apartment #header .main-menu .menu-item.menu-appartamenti a:before{
content: "";
position: absolute;
width: calc(100% - 28px);
left: 50%;
margin-left: calc(calc(100% - 28px) * -0.5);
bottom: 15px;
border-bottom: 1px solid #ffffff;
}
/* adjust mobile menu style */
#nav-panel .mobile-nav-wrap .mobile-menu .menu-item a, #nav-panel .mobile-nav-wrap .mobile-menu .menu-item a:visited, #nav-panel .mobile-nav-wrap .mobile-menu .menu-item a:focus {
color: var(--porto-secondary-color);
font-size: 16px;
transition: none;
text-transform: none;
}
#nav-panel .mobile-nav-wrap .mobile-menu .menu-item {
border-bottom-color: #F7F2E4;
}
/* hide recaptcha badge */
.grecaptcha-badge{
display: none !important;
}
/* hide iubenda badge */
.iubenda-cs-brand-badge{
display: none !important;
}
/* project carousel style */
.carousel-progetto .thumb-info-caption-text h5{
font-size: 24px;
line-height: 33px;
color: #B28242;
}
.carousel-progetto .thumb-info-caption-text p{
line-height: 26px;
}
.mfp-bottom-bar{
display: none;
}
/*.carousel-progetto .slick-track, .carousel-progetto .slick-track .slick-slide, .carousel-progetto .slick-track .slick-slide .img-responsive{
max-height: 375px !important;
overflow-y: hidden;
}
.carousel-progetto .thumb-info-bottom-info:not(.thumb-info-bottom-info-dark) .thumb-info-wrapper .thumb-info-title{
background: transparent linear-gradient(180deg, #3330 0%, #363636 100%) 0% 0% no-repeat padding-box;
letter-spacing: 0;
padding-top: 50px;
}
.carousel-progetto .thumb-info-bottom-info:not(.thumb-info-bottom-info-dark) .thumb-info-caption{
position: absolute;
bottom: 0;
width: 100%;
padding: 15px 15px 45px 15px;
background: transparent linear-gradient(180deg, #3330 0%, #363636 100%) 0% 0% no-repeat padding-box;
}
.carousel-progetto .thumb-info-bottom-info:not(.thumb-info-bottom-info-dark) .thumb-info-caption .thumb-info-caption-text{
margin-bottom: 10px;
}
.carousel-progetto .thumb-info-bottom-info:not(.thumb-info-bottom-info-dark) .thumb-info-caption .thumb-info-caption-text p{
font-size: 22px;
font-weight: 600;
line-height: 30px;
color: #ffffff;
letter-spacing: 0;
}
.carousel-progetto .thumb-info-bottom-info:not(.thumb-info-bottom-info-dark):hover .thumb-info-caption{
background: transparent;
}
.carousel-progetto .thumb-info-bottom-info:not(.thumb-info-bottom-info-dark) .thumb-info-wrapper .thumb-info-title .thumb-info-type{
text-transform: none;
font-size: 12px;
line-height: 18px;
}
.carousel-progetto .porto-image-frame{
border: 1px solid #F7F2E4;
}
.carousel-progetto .thumb-info-bottom-info:not(.thumb-info-bottom-info-dark) .thumb-info-wrapper .thumb-info-title .thumb-info-inner{
color: #ffffff;
font-size: 22px;
line-height: 30px;
letter-spacing: 0px;
}
.carousel-progetto .thumb-info-bottom-info:not(.thumb-info-bottom-info-dark) .thumb-info-wrapper .thumb-info-title .thumb-info-type{
color: #ffffff;
letter-spacing: 0px;
}*/
/* remove map bottom margin */
.porto-map-section .map-content .porto-map-wrapper.porto-adjust-bottom-margin.contacts-google-maps{
margin-bottom: 0;
}
/* customize contact form in apartment pages */
.sezione-form-contatto-appartamenti .wpcf7-form{
padding: 0 125px;
}
/*.wpcf7-form .form-group-row-half{
display: flex;
column-gap: 20px;
}
.wpcf7-form .form-group-row-half .form-group{
flex-basis: 100%;
}*/
.wpcf7-form .wpcf7-form-control.wpcf7-text, .wpcf7-form .wpcf7-form-control.wpcf7-textarea{
background-color: #ffffff;
}
/* adjust home - near services blocks height */
#services .porto-carousel .porto-ultimate-content-box-container .porto-ultimate-content-box{
min-height: 330px;
}
/* adjust home buttons margins */
#row_project_home .porto-btn-ctn-left, #row-apartments-home .porto-btn-ctn-left, #row-design-home .porto-btn-ctn-left{
margin-bottom: 0;
}
/* adjust home counters alignment */
#row-project-counters{
justify-content: space-between;
}
#row-project-counters .vc_column_container.col-lg-3{
width: auto;
}
/* remove carousel's margins */
.porto-gallery.owl-carousel, .porto-gallery.owl-carousel figure{
margin-bottom: 0;
}
/* adjust carousel dots navigation style */
.porto-gallery.owl-carousel .owl-dots .owl-dot span, .porto-carousel.owl-carousel .owl-dots .owl-dot span{
width: 13px;
height: 13px;
background: #ffffff;
border: 1px solid var(--porto-secondary-color);
}
.porto-gallery.owl-carousel .owl-dots .owl-dot.active span, .porto-carousel.owl-carousel .owl-dots .owl-dot.active span{
width: 13px;
height: 13px;
background: var(--porto-secondary-color);
}
.porto-carousel-wrapper .porto-ultimate-carousel.slick-dotted .slick-dots li i{
opacity: 1;
background: #ffffff;
color: var(--porto-secondary-color) !important;
}
.porto-carousel-wrapper .porto-ultimate-carousel.slick-dotted .slick-dots li i:hover{
color: var(--porto-secondary-color) !important;
}
.porto-carousel-wrapper .porto-ultimate-carousel.slick-dotted .slick-dots li i:before{
border-radius: 50%;
border: none;
font-size: 13px;
background: #ffffff;
}
.porto-carousel-wrapper .porto-ultimate-carousel.slick-dotted .slick-dots li.slick-active i:before{
background: var(--porto-secondary-color) !important;
}
/* adjust font size of text block */
.blocco-testo-info-contatto .porto-sicon-description{
padding-left: 52px;
}
/* style of fixed badges */
.wwa-whatsapp-badge-fixed-right-container{
position: fixed;
right: 0;
width: 67px;
height: 53px;
top: 50%;
margin-top: 5px;
background-color: var(--porto-secondary-color);
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
}
.wwa-email-badge-fixed-right-container{
position: fixed;
right: 0;
width: 67px;
height: 53px;
top: 50%;
margin-top: -58px;
background-color: #B28242;
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
}
/* adjust whatsapp icon */
.wwa-whatsapp-badge i.fa-whatsapp{
font-size: 32px;
line-height: 32px;
}
/* adjust footer column alignment */
.footer-column-whatsapp-icon{
text-align: right;
}
/* custom visibility */
.show-only-mobile, .porto-sicon-box .show-only-mobile{
display: none !important;
}
/* button with arrow */
.wwa-arrow-button .btn{
line-height: 40px !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.wwa-arrow-button .btn i{
vertical-align: middle;
}
.fixed-max-width{
max-width: 412px;
}
/* scroll bottom arrow */
section.scroll-down-arrow-section{
position: relative;
}
.arrow-scroll-down:before{
content: "";
width: 20px;
height: 20px;
border: 2px solid #ffffff;
border-left: none;
border-top: none;
cursor: pointer;
display: inline-block;
position: absolute;
bottom: 50px;
left: 0;
right: 0;
z-index: 8;
rotate: 45deg;
margin: 0 auto;
}
@media (min-width: 1921px){
.container-fluid .vc_section[data-vc-stretch-content="true"].not-full-big-screen{
width: 100% !important;
left: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
.container-fluid .vc_section[data-vc-stretch-content="true"].not-full-big-screen .row{
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 1920px){
.container-fluid .vc_section[data-vc-stretch-content="true"]{
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 1200px){
.fixed-max-width{
max-width: 100%;
}
}
@media (min-width: 1440px){
/* set content max-width to 1440px */
.container, .header-wrapper .container, .vc_section .container, #row_footer_emerald .container {
max-width: 1440px;
}
#main.main-boxed, .container, .container-sm, .container-md, .container-lg{
max-width: 1440px !important;
}
.carousel-progetto .slick-track .slick-slide{
margin: 0 1% !important;
}
}
@media (min-width: 769px) and (max-width: 1459px){
/*.carousel-progetto .thumb-info-bottom-info:not(.thumb-info-bottom-info-dark) .thumb-info-caption{
padding: 15px 15px 10px 15px;
}
.carousel-progetto .thumb-info-bottom-info:not(.thumb-info-bottom-info-dark) .thumb-info-wrapper .thumb-info-title .thumb-info-type{
line-height: 20px !important;
}*/
.carousel-progetto .thumb-info-bottom-info .thumb-info-caption{
padding: 15px 15px 10px 15px;
}
#main.main-boxed, .container, .container-sm, .container-md, .container-lg{
max-width: 100% !important;
}
}
@media (min-width: 992px){
.menu-item-contatti{
display: none !important;
}
}
@media (max-width: 991px){
.menu-item-contatti{
text-align: left;
padding: 5px 8px 0 8px !important;
}
.menu-item-contatti a{
font-size: 14px;
line-height: 19px;
font-weight: 700;
border: 1px solid var(--porto-secondary-color);
background-color: var(--porto-secondary-color);
color: #ffffff !important;
padding: 15px 30px;
display: inline-block !important;
}
.menu-item-contatti a:hover{
background-color: #ffffff;
color: var(--porto-secondary-color) !important;
}
.header-button-contattaci{
display: none !important;
}
#header .header-main:not(.sticky).mobile-header-background-menu{
background-color: var(--porto-tertiary-color);
}
#header .porto-wrap-container.container{
padding-left: 0;
}
/* customize contact form in apartment pages */
.sezione-form-contatto-appartamenti .wpcf7-form .form-group-row-half {
display: block;
}
/* adjust home block apartments alignment */
#row-apartments-home #colonna-home-appartamenti-testo{
order: 2;
}
.row .wwa-sezione-tablet-margin-top{
margin-top: 30px !important;
}
.vc_column_container.wwa-column-padding-tablet, .vc_row.wwa-column-padding-tablet, section.wwa-column-padding-tablet{
padding: 5px !important;
}
.vc_column_container.wwa-remove-tablet-padding{
padding-left: 10px !important;
padding-right: 10px !important;
}
/* adjust footer column alignment */
.footer-column-whatsapp-icon{
text-align: center;
}
#row_project_home .colonna-spazio-design, #row_design-spazi-verdi .colonna-spazi-verdi{
order: 2;
}
.carousel-progetto .thumb-info-bottom-info:not(.thumb-info-bottom-info-dark) .thumb-info-caption .thumb-info-caption-text{
margin-bottom: 25px;
}
.porto-posts-grid.emerald-apartments-grid .post-item{
width: 50%;
}
#row-apartments-home .container, #row-design-home .container{
padding-left: 0;
padding-right: 0;
}
#colonna-home-appartamenti-testo, #colonna-home-design-testo{
padding-left: 30px !important;
padding-right: 30px !important;
}
.colonna-home-image{
order: 1;
}
.colonna-home-text{
order: 2;
}
/* apartments plus icons */
.titolo-plus-appartamento{
margin-bottom: 0 !important;
}
.vc_row.seconda-riga-icone-plus{
margin-top: 0 !important;
padding-top: 0 !important;
}
#initiative > div {
width: 100%;
float:none;
clear: both !important;
margin: 0 !important;
box-sizing: border-box;
}
}
@media (min-width: 768px){
.onlydesktop {
display:block !important;
}
}
@media (max-width: 767px){
.onlymobile {
display:block !important;
}
/* customize contact form in apartment pages */
.sezione-form-contatto-appartamenti .wpcf7-form{
padding: 0 20px;
}
#home-block-images .wpb_single_image .vc_single_image-wrapper,
#home-block-images .wpb_single_image .vc_single_image-img {
width: 100%;
}
#home-block-images .wpb_single_image #images-column .vc_single_image-img:first-child {
margin-top: 15px;
}
/* adjust home - near services blocks height */
#services .porto-carousel .porto-ultimate-content-box-container .porto-ultimate-content-box{
min-height: 300px;
}
.row .wwa-sezione-mobile-margin-top{
margin-top: 30px !important;
}
.row .wwa-sezione-mobile-margin-top-home-progetto{
margin-top: 80px !important;
}
.vc_column_container.wwa-column-padding-mobile{
padding: 20px !important;
}
.vc_column_container.pre-footer-logo-column{
border-left: none !important;
border-right: none !important;
border-top: 1px solid #222222 !important;
border-bottom: 1px solid #222222 !important;
}
.wpcf7-form .form-group-row-half{
display: block;
}
/* custom visibility */
.show-only-mobile, .porto-sicon-box .show-only-mobile{
display: flex !important;
}
/* apartments plus icons */
.vc_row.prima-riga-icone-plus{
padding-bottom: 0 !important;
}
#welcome {
font-size: 70px !important;
line-height: 70px !important;
}
.customlist {
margin-top: 50px !important;
margin-bottom: 50px !important;
padding-left: 20px!important;
padding-right: 20px!important;
}
.customlist-top {
margin-top: 50px !important;
padding-left: 20px!important;
padding-right: 20px!important;
}
.customlist-bottom {
margin-bottom: 50px !important;
padding-left: 20px!important;
padding-right: 20px!important;
}
.text-boxed {
padding-left: 40px!important;
padding-right: 40px!important;
}
#initiative > .contacts img {
height:80px !important;
width: auto;
margin: 15px auto 15px auto;
display: block;
clear: both;
}
#initiative > .contacts *,
#initiative > .person * {
text-align: left!important;
}
#initiative > .person img {
margin:10px auto !important;
}
.person-contacts{
display: block;
clear: both;
width: 100%;
}
#initiative > .person {
flex-direction: column;
}
#oraora.text-boxed {
padding-left: 0 !important;
}
#towerimage img{
margin-top:30px !important;
}
}
@media (max-width: 460px){
/* customize contact form in apartment pages */
.sezione-form-contatto-appartamenti .wpcf7-form{
padding: 0;
}
/* adjust home counters alignment */
#row-project-counters .vc_column_container.col-lg-3{
width: 50%;
}
#row-project-counters .vc_column_container.col-lg-3 .stats-block{
margin-bottom: 20px !important;
}
.porto-posts-grid.emerald-apartments-grid .post-item{
width: 100%;
}
footer * {
text-align: center!important;
}
.spaced-list {
margin-bottom: 0 !important;
}
.vc_custom_1706197469687 {
padding-right: 0 !important;
}
}
@media (max-width: 320px){
/* customize contact form in apartment pages */
.sezione-form-contatto-appartamenti .wpcf7-form{
padding: 0;
}
/* adjust home counters alignment */
#row-project-counters .vc_column_container.col-lg-3{
width: 100%;
}
}