/* Theme Name: Avenia Aventura Description: Developped by ADV Web Design Version: 1.0 Author: AdvancedCreation Author URI: https://adv.design */ /*= RESET -----------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; vertical-align: top; font-weight: 500; } /*= FONT -----------------------------------------*/ @font-face { font-family: 'Canela'; src: url('fonts/CanelaText-Light-Web.woff2') format('woff2'), url('fonts/CanelaText-Light-Web.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham'; src: url('fonts/Gotham-Book.woff2') format('woff2'), url('fonts/Gotham-Book.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham'; src: url('fonts/Gotham-Light.woff2') format('woff2'), url('fonts/Gotham-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } .spectral-light { font-family: "Spectral", serif; font-weight: 300; font-style: normal; } /*= STRUCTURE -----------------------------------------*/ section { margin: 0 auto; width : 100%; } html, body { min-height: 100%; } body { font: 1.375em futura-pt, sans-serif; font-weight: 400; color: #31261D; margin: 0; width: 100%; background-color:#FFF; } #main { overflow: hidden;} /*= GRID -----------------------------------------*/ .padTopHeader { padding-top:280px } .padTop01 { padding:0 0 25px;} .padTop02 { padding:75px 0 50px;} .pad01 {padding:0 85px } .pad02 { padding:0 170px;} .max485 { max-width: 485px;} .max800 { max-width: 800px;} .section .noColumn, .section .column { /*overflow:hidden;*/} .container, .container_narrow, .container_contact, .container_large { width: 100%; max-width: 1280px; padding-left: 45px; padding-right: 45px; box-sizing: border-box; position: relative;} .container {padding-left: 90px; padding-right: 90px;} .container_narrow { max-width:720px;} .container_large { max-width: 1370px;} .container.noPadding, .container_narrow.noPadding, .container_contact.noPadding { padding-left: 0; padding-right: 0;} .section.has_bg_image { background-repeat: no-repeat; background-size: auto auto; } /* .section.float_layout { padding: 0; overflow: auto; z-index: 2; transform: translateY(-50%); position: absolute !important} */ .section-banner-hero { margin-bottom: 90px;} .section-featured-amenities, .section-gallery, .section-text-image, .section-simple-banner, .section-information, .section-text-image, .section-building { margin:90px 0;} /*= ANIMATION -----------------------------------------*/ .animation-up, .animation-down { opacity:0; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease;} .animation-up { margin-top: 200px;} .animation-up.animating, .animation-down.animating { margin-top:inherit; opacity: 1;} .hoverImage .bg { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .hoverImage .bg:hover { top:-5% !important; bottom:-5%!important; left: -5%!important; right: -5%!important; } /*= GENERAL -----------------------------------------*/ body * { line-height: 1.5em;} .margAuto { margin:0 auto; } p { margin-bottom:22px;} p:last-child { margin-bottom:0; } p strong { font-weight:600; } p em { font-style:italic; } p a { color:#31261D;} footer p a { color:#fff;} .defaultPage p a, .defaultPage li a { color:#31261D;} p > img.aligncenter { display: block; margin:0 auto;} .upper, .upper p { text-transform: uppercase;} .half { width:50%; box-sizing: border-box;} .relative { position:relative; } .transi, .transi > a, #header .menu a { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .afterClear:after { content:''; display:block; clear:both; } .linkImg > img { display:block; width:100%; height:auto;} .text-center { text-align: center;} .text-right { text-align: right;} .flex { display: flex; flex-wrap: wrap; width: 100%; box-sizing: border-box;} .theText { display: flex; align-items: flex-start; line-height: 1em; } .theText strong { display: inline-block; margin-right: 10px; line-height: 1em;} ol { list-style-type: auto; margin-left: 20px;} ol li { margin-bottom: 20px;} ::-webkit-input-placeholder { color:#FFF; opacity: 1 !important; } :-moz-placeholder { color:#FFF; opacity: 1 !important; } ::-moz-placeholder { color:#FFF; opacity: 1 !important; } /*= ACCESSIBILITY FOR SCREEN READERS -----------------------------------------*/ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important;} .screen-reader-text:focus { background-color: #f1f1f1; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /*= BUTTONS -----------------------------------------*/ .readmore {-webkit-appearance: none; } /*= HEADER -----------------------------------------*/ #header { background-color: #31261D; position: relative; width: 100%;} #header.absolute { position: absolute; z-index: 100; top:0; left: 0; right:0; background-color:transparent; } #header .row-logo { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 68px;} #header #logo { display: inline-block; width: 266px;} #header #logo svg { display: block; width:100%;} #header.sticky { position: sticky; top:0;} #header.absolute.sticky { position: fixed; top:0; background-color: rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 1px rgb(0, 0, 0);} #header.sticky.padTop01 { padding: 0; } /*= BANNER HERO -----------------------------------------*/ .section-banner-hero { overflow: hidden; position: relative;} .section-banner-hero .bg { position: absolute; top:0; bottom:0; left: 0; right: 0; z-index: 1; background-size: cover; background-repeat: no-repeat;} .section-banner-hero .bg:after { content:""; position: absolute;z-index: 2; top:0; bottom:0; left: 0; right: 0; background:rgba(0,0,0,0.05); } .section-banner-hero .contentAnime { position: relative; z-index: 2;} .section-banner-hero .content { margin-bottom: 80px;} .section-banner-hero .form { padding-bottom: 80px;} .section-banner-hero .form h2 { font-weight: 700; font-size: 26px; line-height: 1.84em; text-transform: uppercase; letter-spacing: 0.15em;} .section-banner-hero .form .gform_description{ font-family:"Canela", sans-serif; font-weight: 300; font-size: 19px; line-height: 1.375em; letter-spacing: 0.01em; margin-bottom: 20px;} .section-banner-hero .form .gform_wrapper.gravity-theme input, .section-banner-hero .form .gform_wrapper.gravity-theme select { background-color: transparent; color:#FFF; border-radius: 0; font-family: inherit; font-weight: 400; border:1px solid #FFF; padding: 14px 20px !important; box-shadow: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; } .section-banner-hero .form .gform_wrapper.gravity-theme select option { background-color: #FFF; color:#31261D; border-radius: 0;} .section-banner-hero .form .gform_wrapper.gravity-theme input[type="submit"] { text-transform: uppercase; font-weight: 700; font-size: 20px; letter-spacing: 0.15em; padding:8px 65px; border-width: 2px; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .section-banner-hero .form .gform_wrapper.gravity-theme input[type="submit"]:hover { border-color: #31261D; background-color: #31261D;} .section-banner-hero .form .gform_wrapper.gravity-theme input:focus { background-color:rgba(0,0,0,0.2);} .section-banner-hero .gform_wrapper.gravity-theme .gform_validation_errors, .section-banner-hero .gform_wrapper.gravity-theme .gfield_validation_message, .section-banner-hero .gform_wrapper.gravity-theme .validation_message { border-color: #31261D; background: transparent;} .section-banner-hero .gform_wrapper.gravity-theme .gfield_validation_message, .section-banner-hero .gform_wrapper.gravity-theme .validation_message { padding:0px 20px; background-color: rgba(255,255,255,0.5);} /*= FEATURED AMENITIES -----------------------------------------*/ .section-featured-amenities .flex { justify-content: center; align-items: center;} .section-featured-amenities .item { padding:0 50px; position: relative; width: 25%; text-align: center; box-sizing: border-box; line-height: 1em;} .section-featured-amenities .item::after { content: ''; width: 1px; height: 70%; transform:translateY(-50%); top:50%; right: 0; background-color: #31261D; display: inline-block; position: absolute;} .section-featured-amenities .item:last-child::after {display: none;} .section-featured-amenities .item p { line-height: 0.3em; margin-left: 25px; font-weight: 700;} .section-featured-amenities .item p strong { line-height: 1em;} /*= TITLE AND DESCRIPTION -----------------------------------------*/ .section-title-description { margin:45px 0 85px;} .section-title-description .flex { justify-content: center;} .section-title-description .item { box-sizing: border-box; padding:0 25px; box-sizing: border-box;} .section-title-description .item.title { padding-left: 75px;} .section-title-description .item.title strong:nth-child(1) { margin-left: -75px;} .section-title-description .item.description {align-self: flex-end; max-width: 590px;} /*= GALLERY -----------------------------------------*/ .section-gallery .items { width: 20%; counter-increment: inst;} .section-gallery .item { position: relative; width:100%;} .section-gallery .items:nth-of-type(even) { flex-direction: column-reverse;} .section-gallery .item::after { content:''; display: block; padding-bottom: 100%; width: 100%;} .section-gallery .item.title::before, .section-gallery .item.title span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; } .section-gallery .item.title::before { content:counter(inst); line-height: 1em; display: inline-block; color:rgba(0,0,0,0.3); font-style: italic; } .section-gallery .item.title span { z-index: 2; font-weight: 700; text-transform: uppercase; font-size: 30px; line-height: 1em;} .section-gallery .item.image { overflow: hidden; position: relative;} .section-gallery .item.image .bg { position: absolute; top:0; bottom:0; left: 0; right: 0; z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: center; } /*= BUILDING -----------------------------------------*/ .section-building { box-sizing: border-box; width: 100%;} .section-building .margTop50, .section-building.margTop50 { margin-top: 50px !important;} .section-building .margTopm75, .section-building.margTopm75 { margin-top: -75px !important;} .section-building .margTopm150, .section-building.margTopm150 { margin-top: -150px !important;} .section-building h2 { position: relative; z-index: 2;} .section-building.image-right h2, .section-building.image-right .text { padding-left: 150px; box-sizing: border-box;} .section-building.image-right .building { flex-direction: row-reverse;} .section-building .building .image { width: 50%; box-sizing: border-box;} .section-building .building .image h3 { margin-top: -75px; position: relative; z-index: 2;} .section-building.image-left .building .image { width: 50%; } .section-building.image-right .text, .section-building.image-left .building .image { padding-right:75px; width: 50%;} .section-building .text { margin-top: 150px; width: 50%; box-sizing: border-box;} .section-building .text h3 {margin-bottom: 22px;} .section-building .text p { font-size: 20px; font-weight: 500; max-width: 465px;} .section-building .text h4 { border-top: 1px solid #31261D; padding-top: 12px; padding-bottom: 10px; font-weight: 700; letter-spacing: 0.15em; margin-top:30px;} .list .item { width: 100%; font-weight: 400; font-size: 22px; line-height: 1.9em;} .section-building .text .extra_image { margin:78px 0 50px;} .section-building.image-left .text { padding-right: 150px; } .section-building.image-left .text p { max-width: 530px;} /*= TEXT & IMAGE -----------------------------------------*/ .section-text-image h2 { line-height: 1em; text-align: center; display: inline-block;} .section-text-image h3 { font-weight: 700; margin:20px 0 50px;} .section-text-image .item { width: 50%; box-sizing: border-box;} .section-text-image .item:first-child { padding-right: 25px;} .section-text-image .item:last-child { padding-left: 25px;} /*= INFORMATION -----------------------------------------*/ .section-information .flex { justify-content: space-around;} .section-information .item { padding:0 25px; box-sizing: border-box; font-weight: 500;} .section-information .item li { letter-spacing: 0.05em;} .section-information .item li span { margin-left: 5px;} .section-information .item.logo { width: 165px; box-sizing: content-box;} /*= FOOTER -----------------------------------------*/ footer { background-color: #fff; color:#31261D; padding:120px 0 55px;} footer h5 { line-height: 1em; margin-bottom: 80px} footer .subTitle { font-weight: 300; margin-bottom: 20px; } footer .description { margin-bottom: 40px;} footer .email { margin-bottom: 74px; width: 225px; border: 2px solid #31261D; padding: 16px 20px; border-radius: 10px; background-color: transparent; text-transform: uppercase; font-size: 15px; font-weight: 500; letter-spacing: 0.05em; font-family: inherit; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } footer .email:hover {border-color: #31261D; background-color: #E6D5AB; box-shadow: 0px 0px 10px 2px #FFFFFF25; color: #31261D;} footer .location { justify-content: space-around; margin-bottom: 35px;} footer .location .address { padding:0 35px;} footer .location .address p { font-family: "Gotham", sans-serif; font-size: 24px; line-height: 1.75em;} footer .copyright { font-family: futura-pt, sans-serif; font-size: 9px; font-weight: 400; margin-left: 40px;} /*= DEFAULT PAGE -----------------------------------------*/ .defaultPage h1 { font-size: 48px; margin-bottom: 25px;} .defaultPage h2, .defaultPage h3 { font-size: 36px; margin-bottom: 15px;} .defaultPage h4, .defaultPage h5 { font-size: 32px; margin-bottom: 10px; } /*= FONTS &TITLES -----------------------------------------*/ .title12 { font-size: 12px;} .title14 { font-size: 14px;} .title18 { font-size: 18px;} .title20 { font-size: 20px;} .title150 { font-size: 150px;} .titleStrong { font-weight: 600; /*font-weight: 700;*/} .n_15 { font-size: 15px;} .n_16 { font-size: 16px;} .n_17 { font-size: 17px;} .n_20 { font-size: 20px;} .n_22 { font-size: 22px;} .n_24 { font-size: 24px;} .n_26 { font-size: 26px;} .n_34 { font-size: 34px;} .n_36 { font-size: 36px;} .n_40 { font-size: 40px;} .n_41 { font-size: 41px;} .n_48 { font-size: 48px;} .n_60 { font-size: 60px;} .n_64 { font-size: 64px;} .canela { font-family:"Canela", sans-serif; font-weight: 400;} .gotham { font-family:"Gotham", sans-serif; font-weight: 300;} .futura { font-family:futura-pt, sans-serif; font-weight: 400;} /*= COLOR -----------------------------------------*/ .whiteColor { color:#FFF} /*= PRESS ARTICLE -----------------------------------------*/ section.article-content { margin-left: 0;} .section-article { background-color: #F9F3EA; background-image:url(img/bg-article.png); background-position: bottom left; background-size:55% auto; background-repeat: no-repeat;} .section-article .contentReg > .section:first-child { padding-top: 0;} .single-press .section-banner-post > img, .section-article .contentReg .wp-caption img, .single-elle_selects .section-banner-post > img, .single-elle_selects .contentReg .wp-caption img { display: block; width:100%; height: auto;} .section-article .contentReg .wp-caption.aligncenter, .single-elle_selects .contentReg .wp-caption.aligncenter { margin-left: auto !important; margin-right: auto !important;} .section-article .flex { align-items: flex-start;} .section-article .breadcrumb { flex-basis: 100%; padding:25px 0; margin-bottom: 75px;} .section-article .breadcrumb, .section-article .tags p { font-family:futura-pt, sans-serif; color:#31261D; font-weight: 400; font-size: 22px; letter-spacing: 0.05em; line-height:1.9em; text-transform: uppercase; text-decoration: none;} .section-article .breadcrumb a { color:#31261D; text-decoration: none;} .section-article .breadcrumb span { display: inline-block; border-bottom: 2px solid #31261D;} .section-article .tags { width: 250px; padding: 10px 25px 25px 0; box-sizing: border-box; position: sticky; top:0; } .section-article .contentReg { width: 100%; margin-bottom: 50px;} .section-article:not(.elle_articles) .contentReg { width: calc(100% - 250px); box-sizing: border-box;} .section-article .contentReg h1 { margin-bottom: 20px; } .section-article .contentReg h2 { margin-bottom: 40px;} .section-article .contentReg ul { list-style: outside;} .section-article .contentReg p, .section-article .contentReg li { font-size: 20px; line-height: 1.4em; font-weight: 400; letter-spacing: 0.02em;} .section-article .contentReg .wp-caption { margin:50px 0; max-width: 100%;} .section-article .contentReg .wp-caption .wp-caption-text { font-size: 16px; line-height: 1.38em; color:#828282; margin:15px 0;} section.quote { margin-left: 0; margin-right: 0;} .quote .text { margin-bottom: 25px;} .quote .name { letter-spacing: 0.05em; font-weight: 400;} .quote .text::before { content:&ldquo} .quote .text::after { content:&rdquo} .quote .name::before { content:"—"} .contentReg .quote, .contentReg .article-content { margin-bottom: 50px} .section-where { margin-bottom: 50px;} .where_to {margin-top:75px;} .content_where { border-top:1px solid #31261D;} .content_where .title { letter-spacing: 0.15em; margin: 15px 0;} .where_to .image { padding:0 50px;} .btn.rectangularBtn { display: inline-block; padding:15px 70px; background-color: transparent; color:#31261D; border-radius: 5px; letter-spacing: 0.05em; text-decoration: none; border:2px solid #31261D;} .btn.rectangularBtn:hover { background-color: #E6D5AB;} .section_elle_selects { padding-top:100px; padding-bottom: 75px; background-color: #FFF; position: relative; z-index: 2;} .section_elle_selects .theText { padding:65px 0; border-top:1px solid #31261D; } .section_articles .image, .section-featured-in .image { overflow: hidden; position: relative;} .section_articles .image .bg, .section-featured-in .image .bg { position: absolute; top:0; bottom:0; left: 0; right: 0; z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: center; } .section_articles .image::after, .section-featured-in .image::after { content:''; display: block; padding-bottom: 72.6%; width: 100%;} .section_elle_selects .items { display:flex; flex-wrap: wrap; margin:0 -9px;} .section_elle_selects .item { width: 33.33%; box-sizing: border-box; padding:0 9px;} .section_elle_selects h5, .section_articles .readmore { letter-spacing: 0.15em; position: relative;} .section_articles .readmore::after { content:""; position: absolute; bottom:-5px; width:100%; height: 1px; background-color:#31261D; left:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .section_articles .readmore:hover::after { bottom:-1px;} .section_articles a { text-decoration: none; color:#31261D; letter-spacing: 0.05em; line-height: 1.18em;} .section_elle_selects h5 { margin-bottom: 10px; margin-top: 20px;} .section_articles .content p { margin-bottom: 0;} .slick-dots { margin-top: 40px;} .slick-dots li { display: inline-block; line-height: 10px; margin:0 5px;} .slick-dots li button { -webkit-appearance: none; padding:0; width:10px; height: 10px; text-indent: -9999px; border-radius: 50%; background-color:transparent; border:1px solid #FFF; box-shadow: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor:pointer;} .slick-dots li.slick-active button, .slick-dots li:not(.slick-active):hover button { background-color:#FFF; } .slick-dots li:not(.slick-active):hover button { cursor: pointer; } .section-featured-in .wp_grid { padding:90px 0 20px;} .section-featured-in .wp_grid > p { font-family: 'Canela'; font-size: 26px; text-align: center; margin-bottom: 100px; max-width: 1100px; margin-left: auto; margin-right: auto;} /*= MODIFY HERO BANNER FOR OTHER PAGES -----------------------------------------*/ .section-banner-hero.simple-banner { margin-bottom: 65px;} .section-banner-hero.simple-banner.padTopHeader { padding-top: 0 !important;} .section-banner-hero.simple-banner::before { content:""; padding-bottom: 45%; display: block; width: 100%; } .section-banner-hero.simple-banner .wpContentAnime { position: absolute; z-index: 2; bottom: 0; box-sizing: border-box; width: 100%; } .section-banner-hero.simple-banner .contentAnime { padding:50px 0 75px; } /*= JOURNAL PAGE -----------------------------------------*/ .overflow { overflow: hidden;} .section-press-articles { padding-top: 100px; } .section-press-articles.by_five .wp_grid { border-top:1px solid #000; padding-top: 60px;} .section-featured-in .title { margin-bottom: 70px;} .section-press-articles.by_three { margin-bottom: 90px;} .section-press-articles .title, .section-featured-in:not(.have_text) .title { margin-bottom: 120px;} .section-press-articles.by_three .items > .item { flex-basis:31.9%; } .section-press-articles .items, .section-featured-in .items { justify-content: space-between;} .section-press-articles .items > .item:not(.by-one), .section-featured-in .items > .item:not(.by-one) { padding-bottom: 50px; } .section-press-articles .items > .item, .section-press-articles .items > .item.by-one .wp_image, .section-press-articles .items > .item.by-one .content, .section-featured-in .items > .item, .section-featured-in .items > .item.by-one .wp_image, .section-featured-in .items > .item.by-one .content { box-sizing: border-box; flex-basis: 46%; position: relative;} .section-press-articles .items > .item.by-one, .section-featured-in .items > .item.by-one { flex-basis: 100%; justify-content: space-between;} .section-featured-in .items > .item.by-one {flex-direction: row-reverse; } .section-press-articles .item, .section-featured-in .item{ margin-bottom:70px;} .section-press-articles .item .image, .section-featured-in .item .image{ margin-bottom: 60px;} .section-press-articles .item .title, .section-featured-in .item .title { margin:0 0 40px;} .section-press-articles .item p, .section-featured-in .item p, .section-press-articles.section_articles .item p:last-of-type, .section-featured-in .item p:last-of-type { margin-bottom: 39px; font-size: 22px; line-height: 1.9em} .section-press-articles.section_articles .image, .section-featured-in .image { position: relative;} .section-press-articles.section_articles .image::after, .section-featured-in .image::after {padding-bottom: 63%;} .section-press-articles.section_articles.by_three .image::after {padding-bottom: 84%; } /*----------------------------------------- = NEW WEBSITE STYLING -----------------------------------------*/ /*= GENERAL SECTIONS -----------------------------------------*/ .animation-down { margin-top: -40vh; opacity: 1;} .animeContentTop .contentAnime, .animation-collage .item { -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; } .animeContentTop.animating .contentAnime { transform:translateY(-50%); } .section-banner-video.firstSection.animeContentTop.animating .contentAnime { transform:translateY(-25%);} .section { padding-top:90px} .section.relative { position: relative;} .section.noMarginTop { padding-top:0;} .section:last-child { padding-bottom:90px;} .section.add_more_padding_bottom { padding-bottom:175px;} .section.remove_all_padding, .section.remove_all_padding .container { padding:0 !important; box-sizing: border-box;} .section.negative_top_margin .container { margin-top:-110px;} .onlyMobile { display: none;} .container_contact { max-width:1012px;} .pad03 { padding:0 80px;} .title125 { font-size: 125px;} .title50 { font-size: 50px;} .d_28 { font-size: 28px;} .n_60 { font-size: 60px;} .d_36 strong { font-size: 36px; text-transform: uppercase; display: block; line-height: 1em;} .btn.link { letter-spacing: 0.05em; position: relative; text-decoration: none; color:#31261D; } .btn.link, .btn.link::after, .btn.link::before {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .btn.link:not(.rectangularBtn)::after { content:""; position: absolute; bottom:-5px; width:100%; height: 1px; background-color:#31261D; left:0; } .btn.link:hover::after { bottom:-1px;} .btn.link:not(.rectangularBtn)::before { content:""; position: absolute; right: -25px; width: 10px; height: 10px; border-right: 2px solid #31261D; border-top: 2px solid #31261D; transform: rotate(45deg) translateY(-55%); top:50%;} .btn.link:hover::before { right: -20px;} .btn.rectangularBtn { text-decoration: none;} .section_link .btn.link:not(.rectangularBtn)::before { display: none;} .section_link a + a { margin-left: 25px;} .section_link { margin-bottom: 25px;} .font-light { color:#F9F3EA;} .font-light .btn.link, .font-light .btn.rectangularBtn { color:#F9F3EA; border-color: #F9F3EA;} .font-light .btn.rectangularBtn:hover, .font-light .btn.link:hover { color: #31261D; border-color: #31261D;} .border-top { border-color:#31261D;} .font-light .border-top { border-color:#F9F3EA;} #header .top_element { background-color: #F9F3EA} #header .top_element > .flex { justify-content: space-between;} #header #menu-phone.menu a, #header .menu_dropdow > span { color:#31261D; text-decoration: none; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; position: relative; display:inline-block; padding:14px; background-color:#F9F3EA; cursor: pointer} #header .menu li { display: inline-block; margin:0 2px;} #header.sticky #logo { width: 90px;} #header.sticky .row-logo, .page-template-default #header .row-logo { position: fixed; top: 8px; left: 50%; transform: translateX(-50%); margin-top: 0; transition: margin-top 0.5s ease;} #header #menu-phone.menu a:hover { background-color: #CC9F26} #header.sticky .row-logo svg path, .page-template-default #header .row-logo svg path { fill:#31261D !important;} .page-template-default #header.padTop01 { padding:0;} .page-template-default #header #menu-phone.menu a, .page-template-default #header .menu_dropdow > span { padding:24px 14px;} .page-template-default #header #logo { width: 135px;} #header .menu_dropdow .menu-header-container { position: absolute; padding-top:10px; margin-left:-6px;} #header .menu_dropdow .menu-header-container > ul { padding:20px 45px 20px 20px; background-color:#63866C; border-top-right-radius:20px; display: none;} #header .menu_dropdow .menu-header-container > ul > li { display:block; margin:0;} #header .menu_dropdow .menu-header-container > ul > li > a { font-family: 'Canela'; font-weight: 300; font-size: 16px; line-height: 1.2em; color:#31261D; text-decoration: none; position: relative;} #header .menu_dropdow .menu-header-container > ul > li:hover > a::after, #header .menu_dropdow .menu-header-container > ul > li.current-menu-item > a::after {content:'';position: absolute; bottom:-2px; left:0; width: 100%; height: 1px; background-color:#31261D;} @keyframes bounceToggleMenuTop { 0% { top:0} 50% { top:5px} 100% { top:0} } @keyframes bounceToggleMenuBottom { 0% { bottom:0} 50% { bottom:5px} 100% { bottom:0} } #header #menu:not(.animation) .toggle_menu:hover .top { animation-name:bounceToggleMenuTop; animation-duration:1s; animation-iteration-count: infinite; } #header #menu:not(.animation) .toggle_menu:hover .bottom { animation-name:bounceToggleMenuBottom; animation-duration:1s; animation-iteration-count: infinite; } #header #menu.active .toggle_menu .top { top:50%; transform:translateY(-50%) rotate(45deg); } #header #menu.active .toggle_menu .center { opacity: 0;} #header #menu.active .toggle_menu .bottom { bottom:inherit; top:50%; transform:translateY(-50%) rotate(-45deg); } /*= SECTION BANNER VIDEO -----------------------------------------*/ .section-banner-video { z-index: 1;} .section-banner-video.firstSection .content { margin-top: 296px;} .section-banner-video .image { width: 100vw; height: 40.625vw; background-size: cover; background-blend-mode: multiply; max-width: 100%;} .section-banner-video .content { position: absolute; z-index: 3; top:0; left:0; bottom: 0; right: 0; box-sizing: border-box;} .section-banner-video .content .title { margin:25px 0;} .section-banner-video .content .contentAnime { position: relative; top:50%; text-align: center; transform: translateY(-50%);} .section-banner-video.firstSection .content .contentAnime { top:10%; transform: translateY(-5%);} .section-banner-video video { width:100%; height: auto; display: block; } .section-banner-video .bgScreen { z-index: 2; position: absolute; top:0; bottom: 0; left: 0; right: 0;} .section-banner-video .content p { color:#FFF; margin-bottom: 40px; font-size: 64px; line-height: 1.2em; text-align: center;} .section-banner-video .btn.rectangularBtn { border-color:#31261D; color:#31261D;} .section-banner-video .btn.rectangularBtn:hover { background-color:#E6D5AB; box-shadow: 0px 0px 10px 2px #FFFFFF25;} .section-banner-video .anchor-link { position:absolute; bottom:50px; left:50%; transform: translateX(-50%); } .anchor-link { cursor:pointer;} /*= GENERAL SECTION -----------------------------------------*/ .general-section { z-index: 2;} .general-section .column { width: 50%; box-sizing: border-box;} .general-section .column.col1 { padding-right: 30px;} .general-section .column.col2 { padding-left: 30px;} .general-section .sub_section { flex-basis: 100%;} .general-section .sub_section.futura { line-height: 1.9em} .general-section .full_grid .sub_section_title, .general-section .full_grid .sub_section_paragraph, .general-section .full_grid .sub_section_list, .general-section .full_grid .sub_section_link { padding-left:165px; } .general-section .column .sub_section.notImage:nth-of-type(n), .general-section .noColumn .sub_section.notImage:nth-of-type(n) { margin-bottom: 30px;} .general-section .column .sub_section_title + .sub_section_title, .general-section .noColumn .sub_section_title + .sub_section_title { margin-top:-30px;} .general-section .column .sub_section:not(.notImage):nth-of-type(n) { margin-top: 55px; margin-bottom: 55px;} .general-section .column .sub_section:last-child, .general-section .noColumn .sub_section:last-child { margin-bottom: 0 !important;} .general-section .column .sub_section:first-child { margin-top: 0 !important;} .general-section .column .sub_section:last-child { margin-bottom: 0 !important;} .section.font-light { color:#F9F3EA} .general-section .column .sub_section_image.wider { width: 120%;} .general-section .column.col2 .sub_section_image.wider { margin-left:-20%;} .logo_fendi { position: absolute; width: 164px; height: auto;} .logo_fendi svg { display: block; width: 100%;} .logo_fendi.topleft { top:0; left:0;} .logo_fendi.topright { top:0; right:0;} .logo_fendi.bottomleft { bottom:0; left:0;} .logo_fendi.bottomright { bottom:0; right:0;} .general-section .column .sub_section_image.double_image { position: absolute; margin:0 !important; z-index: 2; width: 50%;} .general-section .column .sub_section_image.double_image.right-top {top:0; transform: translateY(-34%);right: -5%; } .general-section .column .sub_section_image.double_image.right-center {top: 50%; transform: translateY(-50%);right: -5%; } .general-section .column .sub_section_image.double_image.right-bottom {bottom:0; transform: translateY(34%);right: -5%; } .general-section .column .sub_section_image.double_image.left-top {top:0; transform: translateY(-34%);left:-25%; } .general-section .found_double_image .column .sub_section_image:not(.double_image) { padding-right: 20%;} .general-section .found_double_image .col1 .sub_section_title, .general-section .found_double_image .col1 .sub_section_paragraph { margin-right: 17%;} .general-section .found_double_image .col2 .sub_section_paragraph, .general-section .found_double_image .col2 .sub_section_title { margin-left: 10%; margin-right: 12%;} /*= SUB SECTIONS -----------------------------------------*/ .sub_section_title.line_separation::before { content:""; display: block; width: 125px; height: 2px; background-color:#31261D; margin-bottom: 45px; margin-top: 70px;} .sub_section_title .ellenova { margin-bottom: 20px; line-height: 1em;} .sub_section_title .inline strong { display: inline-block; vertical-align: top;} .sub_section_title .inline strong + span, .sub_section_title .inline span + strong { margin-left: 15px;} .sub_section_title .inline strong { margin-top: 10px;} .sub_section_image .shadow > img {box-shadow: 0px 0px 10px 2px #31261D00026; } .sub_section_image h3 { position: absolute; bottom: 0; transform:translateY(60%);} .sub_section_image .bottomMargin { margin-bottom: 50px;} .sub_section_image.animation-slide .image { position: relative; overflow: hidden;} .col1 .sub_section_image.animation-slide .image > img { left:-100%;} .col2 .sub_section_image.animation-slide .image > img { right:-100%;} .sub_section_image.animation-slide .image > img { position: relative; z-index: 2; opacity: 0; top:0; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease;} .sub_section_image.animation-slide.animating .image > img { opacity: 1; } .col1 .sub_section_image.animation-slide.animating .image > img { left:0;} .col2 .sub_section_image.animation-slide.animating .image > img { right:0;} .sub_section_link { margin: 35px 0;} /*.sub_section_paragraph { max-width: 460px; width: 80%;}*/ .sub_section_paragraph.canela p { font-size: 26px;} .sub_section_paragraph.text-center { margin-left: auto; margin-right: auto;} .noColumn .sub_section_paragraph { max-width: 850px;} .noColumn .sub_section_paragraph.max_700, .sub_section_citation.max_700 { max-width: 700px;} .noColumn .sub_section_paragraph.max_900, .sub_section_citation.max_900 { max-width: 900px;} .noColumn .sub_section_paragraph.max_950, .sub_section_citation.max_950 { max-width: 950px;} .noColumn .sub_section_paragraph.max_1100, .sub_section_citation.max_1100 { max-width: 1100px;} .noColumn .sub_section_title { max-width: 100%; width: 100%;} .sub_section_list .title { font-weight: 300; margin-bottom: 30px;} .sub_section_collage { padding:45px 0;} .sub_section_collage .items { width: 100%;} .sub_section_collage .item { position: absolute;} .sub_section_collage .item.item-1 { position:relative; top:0; left:0; z-index: 1;} .sub_section_collage .item.item-2 { top:0; right:0; z-index: 2;} .sub_section_collage .item.item-3 { bottom:0%; right:-8%; z-index: 3;} .sub_section_collage:not(.animating) .item { opacity: 0; } .sub_section_collage:not(.animating) .item.item-1 { top:-25% !important;} .sub_section_collage:not(.animating) .item.item-2 { top:50% !important; right:-50%!important; } .sub_section_collage:not(.animating) .item.item-3 { bottom:-50% !important;} .sub_section_team .items { margin-top:75px; } .noColumn .sub_section_team .items.by-3, .noColumn .sub_section_team .items.by-4 { justify-content: space-between;} .sub_section_team .items.by-1, .sub_section_team .items.by-2, .sub_section_team .items.by-3, .sub_section_team .items.by-4 { justify-content:center; } .sub_section_team .items .item { padding:0 25px; box-sizing: border-box;} .sub_section_team .items.by-1 .item, .sub_section_team .items.by-2 .item { padding:0 50px;} .sub_section_team .items .item .title { letter-spacing: 0.1em;} .sub_section_team .items .item .team_logo { margin-top:15px; } .sub_section_citation { margin-top:50px; max-width: 80%;} .citation { line-height:1.25em;} .citation::before { content:"“"; position: absolute;margin-left: -35px; font-size: 90px; line-height:0.8em; } .citation::after { content:"”"; position: absolute;margin-right: -35px; font-size: 90px; line-height:0.8em; } .sub_section_citation .name { display: block; margin-top: 10px;} .section .sub_section_title.border-top, .section-collage .border-top { padding-top:40px; border-top-width: 1px; border-style: solid;} /*= COLLAGE SECTION -----------------------------------------*/ .section-collage .items { position:relative; width:100%; height: 100vw;} .section-collage .title { margin-bottom: 50px; } .section-collage .item { display: inline-block; position: absolute; opacity: 1;} .section-collage .item .image { display: inline-block; height: auto;} .section-collage .item .image.boxshadow, .sub_section_collage .item .image.boxshadow { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15)} .section-collage .item .image > img { display: block; width: 100%; height: auto;} .section-collage .item.item-1 { z-index: 7; width:35%; top:5%; left:0 ;} .section-collage .item.item-2 { z-index: 6; width:31%; top:0%; left:40%;} .section-collage .item.item-3 { z-index: 5; width:23%; top:5%; right:0} .section-collage .item.item-4 { z-index: 4; width:54.7%; top:30%; left:0;} .section-collage .item.item-5 { z-index: 3; width:38%; top:22%; right:0;} .section-collage .item.item-6 { z-index: 5; width:38%; top:64%; left:28%;} .section-collage .item.item-7 { z-index: 6; width:27.3%;top:56%; right:0;} .section-collage:not(.animating) .item.item-1 { top:-25% !important; left:-25% !important} .section-collage:not(.animating) .item.item-2 { top:-25% !important; left:25% !important} .section-collage:not(.animating) .item.item-3 { top:-25% !important; right:-25% !important} .section-collage:not(.animating) .item.item-4 { top:25% !important; left:-50% !important} .section-collage:not(.animating) .item.item-5 { top:17% !important; right:-25% !important} .section-collage:not(.animating) .item.item-6 { top:100% !important; left:28% !important;} .section-collage:not(.animating) .item.item-7 { top:100% !important; right:-25% !important;} .section-collage:not(.animating) .item { opacity: 0;} /*= FORM SECTION -----------------------------------------*/ .section > .border-top { padding-top:60px; border-top-width: 1px; border-style: solid;} .section-form-contact .content .title { margin-bottom: 30px;} .section-form-contact .content p { font-size: 22px; margin: 0 auto 45px;} .section-form-contact .gform_fields { display: flex; justify-content: space-between;} .section-form-contact .gform_fields .gfield { width: 48%; width: calc(50% - 11px);} .section-form-contact .gform_fields .gfield .ginput_container, .section-form-contact .gform_fields .gfield.message { width: 100%;} .section-form-contact .gform_fields .gfield .ginput_container > input, .section-form-contact .gform_fields .gfield .ginput_complex input, .section-form-contact .gform_wrapper.gravity-theme .gform_button { color:#31261D; border:1px solid #31261D; padding:20px; border-radius:10px;} .section-form-contact .gform_wrapper.gravity-theme .gform_button { padding:15px 60px; } .section-form-contact .gform_fields .gfield .ginput_container > select { border:1px solid #31261D; padding-left: 16px; padding-right: 16px;} .section-form-contact .gform_fields .radio-choices .gfield_radio {display: flex; flex-wrap: wrap; justify-content: space-between;} .section-form-contact .gform_fields .radio-choices .gchoice { width:49%; width: calc(50% - 4.5px); border:1px solid #31261D; padding:13px 20px; font-weight: 400; flex-direction: row-reverse; justify-content: space-between;} .section-form-contact .gform_fields .radio-choices .gchoice label { margin-left: 0; font-size: 15px; line-height: 1em; letter-spacing: 0.05em} .section-form-contact .gform_fields legend.gfield_label { font-size: 15px;} .section-form-contact .gform_fields .gfield.radio_with_label { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; border:1px solid #31261D; border-radius: 10px;} .section-form-contact .gform_fields .gfield.radio_with_label.radio-choices .gchoice {width: fit-content; border:none; min-width: 25%; } .section-form-contact .gform_fields .gfield.radio_with_label.radio-choices .gfield_radio {justify-content: flex-end; } .section-form-contact .gform_fields .gfield.radio_with_label .ginput_container { width: 85%;} .section-form-contact .gform_fields legend.gfield_label { float:left; margin-bottom: 0; padding-left:20px; font-weight: 400;} .section-form-contact .gform_fields .radio_with_label.radio-choices .gchoice label { white-space: nowrap; margin-right: 15px;} .section-form-contact .gform_fields .gchoice {display: flex; align-items: center;} .section-form-contact .gform_fields .gfield .gfield_select { text-transform: uppercase;} .section-form-contact .gform_fields .gfield .ginput_container > input, .section-form-contact .gform_fields .gfield .ginput_complex input, .section-form-contact .gform_fields .gfield .ginput_container > select, .section-form-contact .gform_fields .gchoice, .section-form-contact .gform_fields .gfield .ginput_container_consent { height: 55px; font-family: inherit; letter-spacing: 0.05em; font-size: 15px; font-weight: 400; background-color: transparent; border-radius: 10px; display: flex; flex-wrap: wrap; align-items: center; text-align: left} .section-form-contact .gform_fields .gchoice { font-size: 12px; font-weight: 500;} .section-form-contact .gform_fields .gfield .ginput_container > select option { font-family: inherit; letter-spacing: 0.05em; font-size: 15px;} .section-form-contact .gform_fields .gchoice .gfield-choice-input, .section-form-contact .gform_fields .gfield .ginput_container_consent input { appearance: radio; border: 1px solid #31261D; border-radius: 100%;width: 30px; height: 30px; display: inline-block; background-color: #F9F3EA; margin: -2px 0 0 -2px; padding:0; accent-color: #31261D; mix-blend-mode:multiply;} .section-form-contact .gform_fields .gfield .ginput_container_consent label { padding-left:11px; font-size: 12px; font-weight: 500; box-sizing: border-box;} .section-form-contact .gform_wrapper.gravity-theme .gform_fields, .section-form-contact .gform_fields .gfield .ginput_container_consent { display: flex; flex-wrap: wrap; } .section-form-contact .gform_fields .gfield .ginput_container_consent { align-items: center; padding:16px 20px;} .section-form-contact .gform_fields .gfield .ginput_container_consent .gfield_required { display: none;} .section-form-contact .gform_wrapper.gravity-theme .gform_button {border-width: 2px; background-color: transparent; text-transform: uppercase; font-size: 15px; font-weight: 500; letter-spacing: 0.05em; font-family: inherit; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .section-form-contact .gform_wrapper.gravity-theme .gform_button:hover { border-color: #31261D; background-color: #E6D5AB; box-shadow: 0px 0px 10px 2px #FFFFFF25; color:#31261D;} .section-form-contact .gform_wrapper.gravity-theme .gfield_validation_message, .section-form-contact .gform_wrapper.gravity-theme .validation_message {padding: 5px 24px; background-color:transparent; border-color:transparent; margin-block-start: 0px; } .section-form-contact .gform_fields .gfield.gfield_error input, .section-form-contact .gform_fields .gfield.gfield_error select { background-color:#fff9f9; } .gform_wrapper.gravity-theme #field_submit, .gform_wrapper.gravity-theme .gform_footer { justify-content: center;} .section-form-contact ::-webkit-input-placeholder { color:#31261D; opacity: 1 !important; } .section-form-contact :-moz-placeholder { color:#31261D; opacity: 1 !important; } .section-form-contact ::-moz-placeholder { color:#31261D; opacity: 1 !important; } /*= CAROUSEL -----------------------------------------*/ .slick-arrow { position: absolute; top:50%; transform:translateY(-50%); background:none; border:none; cursor: pointer;} .slick-arrow.arrow-prev { left:-50px} .slick-arrow.arrow-next { right:-50px} .section-carousel .slick-dots { margin-top: 0; text-align: right; right: 75px; z-index: 2; position: absolute; bottom: 0;} .section-carousel .caption { position: absolute; bottom: 0; left:0; right: 0; padding: 12px 170px 12px 90px; color: #fff; background-color: rgba(230,213,171,0.6); font-size: 15px; line-height:1.33em; } /*= MAP -----------------------------------------*/ .section-map.has_bg_image { background-size: contain;} .section-map .locations {padding:75px 0 300px; position: relative; z-index: 2; column-count: 3; column-gap: 5em; counter-reset: nblocations;} .section-map .locations .lists { box-sizing: border-box; margin-bottom: 50px;} .section-map .locations .item { counter-increment: nblocations; position: relative;} .section-map .locations .item::before { content:counter(nblocations, decimal-leading-zero)"."; position: absolute; left: -40px;} .section-map .locations .lists .title::before { content:""; width:55px; background-color:#000; height: 2px; display: block; margin-bottom: 50px;} .section-map .locations .lists .title { padding-top:12px; margin-bottom:12px; } .section-map .locations .lists:first-child .list:first-child .item { max-width: 230px;} /*= CAROUSEL POSTERS -----------------------------------------*/ .section-carousel-posters { overflow: hidden} .section-carousel-posters .items { margin:0 -100px; display: flex; flex-wrap: wrap;} .section-carousel-posters .items .item { flex-basis: 20%; box-sizing: border-box; padding:0 25px; margin-bottom: 10px;} /*= TEAM -----------------------------------------*/ .section-team .items { margin:0 -40px; align-items: stretch;} .section-team .items .item { flex-basis: 33.33%; box-sizing: border-box; padding:150px 40px 100px;} .section-team .line_separation::before { content:""; display: block; width: 125px; height: 2px; background-color:#31261D; margin-bottom: 38px;} .section-team .title { position: absolute; top: 0;} .section-team .items .item .image { padding-right: 25px;} .section-team .description { margin-top:25px; margin-bottom: 45px;} .section-team .logoTeam { position: absolute; bottom: 0;} .section-team .logoTeam img { max-width: 100%; display: block; height: auto;} /*= SELECT & PRESS -----------------------------------------*/ .section-banner-post { margin-bottom: 60px;} .section_articles .content p:last-of-type, .section-featured-in .content p:last-of-type { margin-bottom: 20px;} /*= POPUP CONTROL -----------------------------------------*/ body.pop { overflow: hidden;} body.pop #popup_control { display: block !important; } body.pop #popup_control #layerOp { opacity: 1;} body.pop #popup_control .popup { bottom: 45px;} #popup_control #layerOp {opacity:0; position: fixed; top:0; left:0; bottom: 0; right: 0; z-index: 100; background-color:rgba(0,0,0,0.3); } #popup_control .popup { position: fixed; bottom: -100%; right: 45px; z-index: 101; padding:35px 180px 35px 35px; width: 500px; max-width: 80%; border-top-left-radius: 35px; box-sizing: border-box; max-height: 100%; } #popup_control .popup p { font-family: 'Canela'; color: #31261D; font-size: 22px; line-height: 1.36em; margin-bottom: 60px; box-sizing: border-box;} #popup_control .popup p > a { display: inline-block; text-decoration: none; position: relative;} #popup_control .popup p > a:after { content:''; position: absolute; bottom:-10px; left: 0; width: 100%; height: 1px; background-color:#31261D; transition: all 2s ease; } #popup_control .popup p > a:hover:after {bottom:-5px; } #popup_control .popup_logo { position: absolute; top:40px; right: 35px; z-index: 4; width: 125px} #popup_control .popup_logo svg { width: 100%; display: block;} #popup_control .popup_logo svg path { fill:#31261D !important;} #popup_control .popup .acknowledge p { font-size: 12px; padding-right: 45px; margin-bottom: 0;} #popup_control .popup .popup_button { position: absolute; display: inline-block; bottom: 35px; right: 35px; font-size: 10px; letter-spacing: 0.05em; font-weight: 600; padding:13px 35px; border-radius: 5px; border: 1px solid #31261D; cursor:pointer; background-color:transparent; text-decoration: none; color:#31261D} #popup_control .popup .popup_button:hover, #popup_control .popup .popup_button:active, #popup_control .popup .popup_button:focus { background-color: #E6D5AB; box-shadow: 0px 0px 10px 2px #FFFFFF25; } footer .legal_text p { font-size: 12px;} footer .legal_text p:first-child::before { content:""; background-image: url(img/house-50.png); background-repeat: no-repeat; width: 13px; height: 14px;background-size: cover; margin-right: 3px; vertical-align: bottom; margin-bottom: 3px; display: inline-block;} @media all and (max-width: 1600px) { /* and (min-width: 1371px) */ .section-banner-video .anchor-link { bottom:25px;} .section-collage .item.item-4 { top:31%;} .section-collage .item.item-5 {top:20%;} .section-collage .items { height: 110vw;} } @media all and (max-width: 1370px) { /* and (min-width: 1024px) - 70%*/ body {font-size: 1.1em;} .padTopHeader { padding-top:200px } .pad01, .pad02 { padding:0 75px 0 75px;} .padTop01 { padding: 0 0 25px; } .section-banner-hero { margin-bottom: 70px;} .section-featured-amenities, .section-gallery, .section-text-image, .section-simple-banner, .section-information, .section-text-image, .section-building { margin:70px 0;} p { margin-bottom:16px;} #header #logo { width: 187px;} .section-banner-hero .content { margin-bottom: 55px;} .section-banner-hero .form { padding-bottom: 60px;} .section-banner-hero .form h2 { font-size: 20px;} .section-banner-hero .form .gform_description{ font-size: 17px; margin-bottom: 16px;} .section-banner-hero .form .gform_wrapper.gravity-theme input, .section-banner-hero .form .gform_wrapper.gravity-theme select { padding: 12px 16px !important; } .section-banner-hero .form .gform_wrapper.gravity-theme input[type="submit"] { font-size: 16px; padding:6px 45px; } .section-featured-amenities .item { padding:0 35px;} .section-featured-amenities .item p { margin-left: 20px; } .section-featured-amenities .item p strong { margin-left: -20px;} .section-title-description { margin:35px 0 60px;} .section-title-description .item { padding:0 20px;} .section-title-description .item.title { padding-left: 55px;} .section-title-description .item.title strong:nth-child(1) { margin-left: -55px;} .section-title-description .item.description { max-width: 450px;} .section-gallery .item.title span { font-size: 24px;} .section-building .margTop50, .section-building.margTop50 { margin-top: 35px !important;} .section-building .margTopm75, .section-building.margTopm75 { margin-top: -55px !important;} .section-building .margTopm150, .section-building.margTopm150 { margin-top: -110px !important;} .section-building.image-right h2, .section-building.image-right .text { padding-left: 110px;} .section-building .building .image h3 { margin-top: -55px;} .section-building.image-right .text, .section-building.image-left .building .image { padding-right:55px;} .section-building .text { margin-top: 110px; } .section-building .text h3 {margin-bottom: 20px;} .section-building .text p { font-size: 16px; max-width: 350px;} .section-building .text h4 { padding-top: 10px; padding-bottom: 8px; margin-top:22px;} .list.by_two { column-gap:25px; } .section-building .text .extra_image { margin:55px 0 35px;} .section-building.image-left .text { padding-right: 110px; } .section-building.image-left .text p { max-width: 390px;} .section-text-image .flex { align-items: center;} .section-text-image h3 { margin:16px 0 35px;} .section-text-image .item:first-child { padding-right: 20px;} .section-text-image .item:last-child { padding-left: 20px;} .section-information .item { padding:0 15px;} .section-information .item.logo { width: 110px;} footer { padding:80px 0 38px;} footer .subTitle { margin-bottom: 30px; } footer .email { margin-bottom: 35px;} footer .location { padding-top: 25px; margin-bottom: 15px;} footer .location .address { padding:0 25px; } footer .nav_footer .menu li { padding:0 5px; } footer .nav_footer .menu li > a { font-size: 13px; padding-bottom: 4px;} .defaultPage h1 { font-size: 38px; margin-bottom: 20px;} .defaultPage h2, .defaultPage h3 { font-size: 26px; margin-bottom: 12px;} .defaultPage h4, .defaultPage h5 { font-size: 22px; margin-bottom: 8px; } .title12 { font-size: 10px;} .title14 { font-size: 12px;} .title18 { font-size: 14px;} .title20 { font-size: 16px;} .title150 { font-size: 110px;} .n_15 { font-size: 13px;} .n_16, .n_17 { font-size: 14px;} .n_20 { font-size: 16px;} .n_22, .n_24, .list .item { font-size: 17px;} .n_26 { font-size: 20px;} .n_36 { font-size: 26px;} .n_41 { font-size: 30px;} .n_64, .section-banner-video .content p { font-size: 45px;} .n_34 { font-size: 24px;} .n_40 { font-size: 30px;} .n_48 { font-size: 34px;} .n_60 { font-size: 44px;} .before_b_140::before {font-size: 100px; } .section-article .breadcrumb { padding:20px 0; margin-bottom: 55px;} .section-article .breadcrumb, .section-article .tags p { font-size: 16px;} .section-article .tags { width: 175px; padding: 9px 18px 18px 0; } .section-article .contentReg {margin-bottom: 35px;} .section-article:not(.elle_articles) .contentReg { width: calc(100% - 175px);} .section-article .contentReg h1 { margin-bottom: 14px; } .section-article .contentReg h2 { margin-bottom: 28px;} .section-article .contentReg p, .section-article .contentReg li { font-size:14px; } .section-article .contentReg .wp-caption { margin:35px 0;} .section-article .contentReg .wp-caption .wp-caption-text { font-size: 12px; margin:10px 0;} .quote .text { margin-bottom: 18px;} .contentReg .quote, .contentReg .article-content, .section-where { margin-bottom: 35px;} .where_to {margin-top:55px;} .content_where .title { margin: 12px 0;} .where_to .image { padding:0 35px;} .btn.rectangularBtn { padding:11px 50px; border:2px solid #31261D; } .section_elle_selects { padding-top:70px; padding-bottom: 55px; } .section_elle_selects .theText { padding:45px 0; } .section_elle_selects h5 { margin-bottom: 8px; margin-top: 14px;} .slick-dots { margin-top: 28px;} .slick-dots li { line-height: 10px; margin:0 5px;} .slick-dots li button { width:10px; height: 10px; } .section-banner-hero.simple-banner { margin-bottom: 45px;} .section-banner-hero.simple-banner .contentAnime { padding:35px 0 55px; } .section-press-articles, .section-featured-in { margin: 50px 0;} .section-press-articles.by_three { margin-bottom: 65px;} .section-press-articles .title, .section-featured-in .title { margin-bottom: 85px;} .section-press-articles .items > .item:not(.by-one), .section-featured-in .items > .item:not(.by-one){ padding-bottom: 35px; } .section-press-articles .item, .section-featured-in .item { margin-bottom:50px;} .section-press-articles .item .image, .section-featured-in .item .image { margin-bottom: 42px;} .section-press-articles .item .title, .section-featured-in .item .title { margin:0 0 28px;} .section-press-articles .item p, .section-press-articles.section_articles .item p:last-of-type, .section-featured-in .item p, .section-featured-in .item p:last-of-type { margin-bottom: 28px; font-size: 16px; } .section-press-articles .items > .item.by-one .wp_image, .section-featured-in .items > .item.by-one .wp_image { padding-left:0; padding-right:8px;} .container { padding-left: 70px; padding-right: 70px; } .container_narrow, .container_contact, .container_large { padding-left: 35px; padding-right: 35px;} /*----------------------------------------- = NEW WEBSITE STYLING -----------------------------------------*/ /*= GENERAL SECTIONS -----------------------------------------*/ .section { padding-top:65px} .section:last-child { padding-bottom:65px;} .section.add_more_padding_bottom { padding-bottom:125px;} .pad03 { padding:0 56px;} .title125 { font-size: 88px;} .title50 { font-size: 35px;} .d_28 { font-size: 20px;} .n_60 { font-size: 42px;} .d_36 strong { font-size: 26px;} .btn.link:not(.rectangularBtn)::after { bottom:-4px; } .btn.link:not(.rectangularBtn)::before { right: -18px; width: 8px; height: 8px; } .btn.link:hover::before { right: -14px;} #header #menu {min-width:350px; margin-top: -21px;} #header #menu .top_element { padding:20px 20px 20px 25px;} #header #menu a.inquire::after { bottom:-4px;} #header #menu .toggle_menu { width: 35px; height: 28px;} #header #menu .toggle_menu .center, #header #menu .toggle_menu .top, #header #menu .toggle_menu .bottom { width:35px; } #header #menu .navigation { padding: 92px 20px 20px;} #header #menu .navigation a {margin: 6px 0; padding: 4px 0; } #header.sticky #logo, .page-template-default #header #logo { width: 120px;} .section-banner-video.firstSection .content { margin-top: 198px;} /*= SECTION BANNER VIDEO -----------------------------------------*/ .section-banner-video.firstSection content { padding-top: 145px;/*modify with header height*/;} .section-banner-video .content p { margin-bottom: 28px;} .section-banner-video .content .title { margin:20px 0;} /*= GENERAL SECTION -----------------------------------------*/ .general-section .full_grid .sub_section_title, .general-section .full_grid .sub_section_paragraph, .general-section .full_grid .sub_section_list, .general-section .full_grid .sub_section_link { padding-left:115px; } /*= SUB SECTIONS -----------------------------------------*/ .sub_section_title.line_separation::before { width: 88px; margin-bottom: 32px; margin-top: 50px;} .sub_section_title .ellenova { margin-bottom: 14px; } .sub_section_title .inline strong + span, .sub_section_title .inline span + strong { margin-left: 11px;} .sub_section_title .inline strong { margin-top: 7px;} .sub_section_image .shadow > img {box-shadow: 0px 0px 7px 2px #31261D00026; } .sub_section_image .bottomMargin { margin-bottom: 35px;} .sub_section_link { margin: 25px 0;} .sub_section_paragraph { max-width: 360px; } .sub_section_list .title, .general-section .column .sub_section.notImage:nth-of-type(n), .general-section .noColumn .sub_section.notImage:nth-of-type(n) { margin-bottom: 22px;} .general-section .column .sub_section_title + .sub_section_title, .general-section .noColumn .sub_section_title + .sub_section_title { margin-top:-22px;} .general-section .column .sub_section:not(.notImage):nth-of-type(n) { margin-top: 45px; margin-bottom: 45px;} .general-section .column .sub_section:first-child { margin-top: 0;} .general-section .column .sub_section:last-child { margin-bottom: 0;} .sub_section_paragraph.canela p { font-size: 19px;} /*= COLLAGE SECTION -----------------------------------------*/ .section-collage .title { margin-bottom: 35px;} .section-collage .item .image.boxshadow { box-shadow: 0px 0px 7px 0px #31261D00026;} /*= FORM SECTION -----------------------------------------*/ .section > .border-top { padding-top:40px;} .section-form-contact .content .title { margin-bottom: 21px;} .section-form-contact .content p { font-size: 16px; margin: 0 auto 32px;} .section-form-contact .gform_fields .gfield { width: calc(50% - 10px);} .section-form-contact .gform_fields .gfield .ginput_container > input, .section-form-contact .gform_fields .gfield .ginput_complex input { padding:14px;} .section-form-contact .gform_wrapper.gravity-theme .gform_button { padding:12px 45px;} .section-form-contact .gform_fields .gfield .ginput_container > select { padding-left: 14px; padding-right: 14px;} .section-form-contact .gform_fields .radio-choices .gchoice { width: calc(50% - 3.5px); padding:11px 14px; } .section-form-contact .gform_fields .radio-choices .gchoice label, .section-form-contact .gform_fields legend.gfield_label { font-size: 12px;} .section-form-contact .gform_fields .gfield .ginput_container > input, .section-form-contact .gform_fields .gfield .ginput_complex input, .section-form-contact .gform_fields .gfield .ginput_container > select, .section-form-contact .gform_fields .gchoice, .section-form-contact .gform_fields .gfield .ginput_container_consent { height: 40px; font-size: 12px; } .section-form-contact .gform_fields .gchoice { font-size: 9px; } .section-form-contact .gform_fields .gfield .ginput_container > select option { font-size: 12px;} .section-form-contact .gform_fields .gchoice .gfield-choice-input, .section-form-contact .gform_fields .gfield .ginput_container_consent input { width: 21px; height: 21px;} .section-form-contact .gform_fields .gfield .ginput_container_consent label { padding-left:8px; font-size: 12px; width: calc(100% - 21px); } .section-form-contact .gform_fields .gfield .ginput_container_consent { padding:12px 14px;} .section-form-contact .gform_wrapper.gravity-theme .gform_button { font-size: 13px; } .section-form-contact .gform_wrapper.gravity-theme .gform_button:hover { box-shadow: 0px 0px 7px 2px #FFFFFF25; } .section-form-contact .gform_wrapper.gravity-theme .gfield_validation_message, .section-form-contact .gform_wrapper.gravity-theme .validation_message {padding: 4px 17px; } /*= CAROUSEL -----------------------------------------*/ .section-carousel .caption { padding: 9px 120px 9px 60px; font-size: 12px } /*= MAP -----------------------------------------*/ .section-map .locations {padding:55px 30px 210px;} .section-map .locations .lists { margin-bottom: 35px;} .section-map .locations .item::before { left: -28px;} .section-map .locations .lists .title::before { margin-bottom: 35px;} .section-map .locations .lists .title { padding-top:10px; margin-bottom:10px; } /*= CAROUSEL POSTERS -----------------------------------------*/ .section-carousel-posters .items { margin:0 -70px;} .section-carousel-posters .items .item { padding:0 7px; margin-bottom: 7px;} /*= TEAM -----------------------------------------*/ .section-team .items { margin:0 -28px; } .section-team .items .item { flex-basis: 33.33%; box-sizing: border-box; padding:105px 28px 80px;} .section-team .line_separation::before { width: 88px; margin-bottom: 27px;} .section-team .items .item .image { padding-right: 18px;} .section-team .description { margin-top:18px; margin-bottom: 32px;} .section-team .logoTeam img { max-width: 80%;} /*= PRESS -----------------------------------------*/ .section-banner-post { margin-bottom: 42px;} .section_articles .content p:last-of-type, .section-featured-in .content p:last-of-type { margin-bottom: 14px;} .container.noPadding, .container_narrow.noPadding {padding-left: 50px; padding-right: 50px;} #header .row-logo { margin-top: 25px;} .section-form-contact .gform_fields legend.gfield_label { padding-left:14px;} .sub_section_team .items { margin-top:55px; } .sub_section_team .items .item .team_logo { margin-top:12px; } .section.negative_top_margin .container { margin-top:-75px;} #header #menu-phone.menu a { font-size: 12px;padding:12px 13px;} .page-template-default #header #menu-phone.menu a, .page-template-default #header .menu_dropdow > span { padding:22px 13px;} .section-carousel .slick-dots { right: 55px; } .section-press-articles { padding-top: 70px;} .section-press-articles.by_five .wp_grid, .section-featured-in .wp_grid { padding-top: 70px; margin-top: 42px;} .section-featured-in .wp_grid { padding:63px 0 16px;} .section-featured-in .wp_grid > p { margin-bottom: 70px; font-size:18px; } footer h5 { margin-bottom: 56px} #header.sticky #logo { width: 100px;} .page-template-default #header.sticky #logo { width: 120px;} #header #menu-phone.menu a { padding-top:15px; padding-bottom: 15px;} .section-banner-video.firstSection .content { margin-top:180px;} .general-section .column .sub_section_image.double_image { max-width: 60%;} .logo_fendi { width: 115px;} footer .location .address p { font-size: 18px;} .sub_section_collage { padding:32px 0;} } @media all and (max-width: 1023px) { /* and (min-width: 800px) - 80%*/ body {font-size: 1em;} .padTopHeader { padding-top:160px } .pad01, .pad02 { padding:0 60px;} .padTop01 { padding: 0 0 22px; } .section-banner-hero { margin-bottom: 60px;} .section-featured-amenities, .section-gallery, .section-text-image, .section-simple-banner, .section-information, .section-text-image, .section-building { margin:60px 0;} p { margin-bottom:15px;} #header #logo { width: 148px;} .section-banner-hero .content { margin-bottom: 45px;} .section-banner-hero .form { padding-bottom: 50px;} .section-banner-hero .form h2 { font-size: 16px;} .section-banner-hero .form .gform_description{ font-size: 14px; margin-bottom: 14px;} .section-banner-hero .form .gform_wrapper.gravity-theme input, .section-banner-hero .form .gform_wrapper.gravity-theme select { padding: 10px 14px !important; } .section-banner-hero .form .gform_wrapper.gravity-theme input[type="submit"] { font-size: 14px; padding:5px 36px; } .section-featured-amenities .item { padding:0 25px;} .section-featured-amenities .item p, .section-featured-amenities .item p strong { margin-left: 0;} .section-title-description { margin:30px 0 50px;} .section-title-description .item { padding:0 16px;} .section-title-description .item.title { padding-left: 45px;} .section-title-description .item.title strong:nth-child(1) { margin-left: -45px;} .section-title-description .item.description { max-width: 360px;} .section-gallery .item.title span { font-size: 20px;} .section-building .margTop50, .section-building.margTop50 { margin-top: 30px !important;} .section-building .margTopm75, .section-building.margTopm75 { margin-top: -45px !important;} .section-building .margTopm150, .section-building.margTopm150 { margin-top: -90px !important;} .section-building.image-right h2, .section-building.image-right .text { padding-left: 60px;} .section-building .building .image h3 { margin-top: -45px;} .section-building.image-right .text, .section-building.image-left .building .image { padding-right:45px;} .section-building .text { margin-top: 90px; } .section-building .text h3 {margin-bottom: 16px;} .section-building .text p { font-size: 14px; max-width: 300px;} .section-building .text h4 { padding-top: 8px; padding-bottom: 7px; margin-top:18px;} .list.by_two { column-gap:20px; } .section-building .text .extra_image { margin:45px 0 30px;} .section-building.image-left .text { padding-right: 60px; } .section-building.image-left .text p { max-width: 280px;} .section-text-image h3 { margin:14px 0 28px;} .section-text-image .item:first-child { padding-right: 16px;} .section-text-image .item:last-child { padding-left: 16px;} .section-information .flex { justify-content: center;} .section-information .item { padding:0 14px; width: 50%; box-sizing: border-box; margin-bottom: 10px; text-align: center;} .section-information .item.logo { width: 90px;} footer { padding:64px 0 30px;} footer .subTitle { margin-bottom: 26px; } footer .description { max-width: 250px; margin-bottom: 18px;} footer .email { margin-bottom: 28px;} footer .location { padding-top: 28px;} footer .location .address { padding:0 20px; } footer .nav_footer .menu li { padding:0 4px; } footer .nav_footer .menu li > a { font-size: 12px; padding-bottom: 4px;} .defaultPage h1 { font-size: 32px; margin-bottom: 15px;} .defaultPage h2, .defaultPage h3 { font-size: 22px; margin-bottom: 10px;} .defaultPage h4, .defaultPage h5 { font-size: 18px; margin-bottom: 7px; } .title12 { font-size: 9px;} .title14 { font-size: 10px;} .title18 { font-size: 12px;} .title20, .n_20 { font-size: 14px;} .title150 { font-size: 90px;} .n_15, .n_16, .n_17 { font-size: 12px;} .n_22, .list .item { font-size: 16px;} .n_24 { font-size: 17px;} .n_26 { font-size: 18px;} .n_36, .n_34 { font-size: 22px;} .n_41, .n_40 { font-size: 24px;} .n_64, .section-banner-video .content p, .n_60 { font-size: 36px;} .n_48 { font-size: 28px;} .before_b_140::before {font-size: 80px; } .section-article .breadcrumb { padding:16px 0; margin-bottom: 45px;} .section-article .breadcrumb, .section-article .tags p { font-size: 13px;} .section-article .tags { width: 140px; padding: 8px 15px 15px 0; } .section-article .contentReg {margin-bottom: 30px;} .section-article:not(.elle_articles) .contentReg { width: calc(100% - 140px);} .section-article .contentReg h1 { margin-bottom: 12px; } .section-article .contentReg h2 { margin-bottom: 24px;} .section-article .contentReg p, .section-article .contentReg li { font-size:12px; } .section-article .contentReg .wp-caption { margin:28px 0;} .quote .text { margin-bottom: 15px;} .contentReg .quote, .contentReg .article-content, .section-where { margin-bottom: 28px;} .where_to {margin-top:45px;} .content_where .title { margin: 10px 0;} .where_to .image { padding:0 28px;} .btn.rectangularBtn { padding:9px 64px; border-width:1px;} .section_elle_selects { padding-top:55px; padding-bottom: 45px; } .section_elle_selects .theText { padding:36px 0; } .section_elle_selects h5 { margin-bottom: 7px; margin-top: 12px;} .slick-dots { margin-top: 23px;} .slick-dots li { line-height: 8px; margin:0 4px;} .slick-dots li button { width:8px; height: 8px; } .section-banner-hero.simple-banner { margin-bottom: 36px;} .section-banner-hero.simple-banner .contentAnime { padding:28px 0 45px; } .section-press-articles, .section-featured-in { margin: 40px 0;} .section-press-articles.by_three { margin-bottom: 50px;} .section-press-articles .title, .section-featured-in .title, .section-featured-in:not(.have_text) .title { margin-bottom: 50px;} .section-press-articles .items > .item:not(.by-one), .section-featured-in .items > .item:not(.by-one) { padding-bottom: 28px; } .section-press-articles .item, .section-featured-in .item { margin-bottom:40px;} .section-press-articles .item .image, .section-featured-in .item .image{ margin-bottom: 34px;} .section-press-articles .item .title, .section-featured-in .item .title { margin:0 0 22px;} .section-press-articles .item p, .section-featured-in .item p .section-press-articles.section_articles .item p:last-of-type, .section-featured-in .item p:last-of-type { margin-bottom: 23px; font-size: 13px; } .section-press-articles .items > .item.by-one .wp_image, .section-featured-in .items > .item.by-one .wp_image { padding-left:0; padding-right:7px;} .container { padding-left: 50px; padding-right: 50px; } .container_narrow, .container_contact, .container_large { padding-left: 25px; padding-right: 25px;} /*----------------------------------------- = NEW WEBSITE STYLING -----------------------------------------*/ /*= GENERAL SECTIONS -----------------------------------------*/ .section { padding-top:50px} .section:last-child { padding-bottom:50px;} .section.add_more_padding_bottom { padding-bottom:100px;} .pad03 { padding:0 45px;} .title125 { font-size: 70px;} .title50 { font-size: 28px;} .d_28 { font-size: 16px;} .n_60 { font-size: 34px;} .d_36 strong { font-size: 21px;} .btn.link:not(.rectangularBtn)::after { bottom:-3px; } .btn.link:not(.rectangularBtn)::before { right: -15px; width: 7px; height: 7px; } .btn.link:hover::before { right: -12px;} #header #menu {min-width:300px; margin-top: -17px;} #header #menu .top_element { padding:16px 16px 16px 25px;} #header #menu a.inquire::after { bottom:-3px;} #header #menu .toggle_menu { width: 28px; height: 23px;} #header #menu .toggle_menu .center, #header #menu .toggle_menu .top, #header #menu .toggle_menu .bottom { width:28px; } #header #menu .navigation { padding: 74px 16px 16px;} #header #menu .navigation a {margin: 5px 0; padding: 3px 0; } #header.sticky #logo { width: 90px;} .page-template-default #header #logo { width:120px; } /*= SECTION BANNER VIDEO -----------------------------------------*/ .section-banner-video.firstSection content { padding-top: 128px;/*modify with header height*/;} .section-banner-video .content p { margin-bottom: 23px;} .section-banner-video .content .title { margin:16px 0;} .section-banner-video .btn.rectangularBtn:hover { box-shadow: 0px 0px 6px 2px #FFFFFF25;} /*= GENERAL SECTION -----------------------------------------*/ .general-section .full_grid .sub_section_title, .general-section .full_grid .sub_section_paragraph, .general-section .full_grid .sub_section_list, .general-section .full_grid .sub_section_link { padding-left:90px; } .general-section .flex { align-items: center !important;} .sub_section_list .title, .general-section .column .sub_section.notImage:nth-of-type(n), .general-section .noColumn .sub_section.notImage:nth-of-type(n) { margin-bottom: 18px;} .general-section .column .sub_section_title + .sub_section_title, .general-section .noColumn .sub_section_title + .sub_section_title { margin-top:-18px;} .general-section .column .sub_section:not(.notImage):nth-of-type(n) { margin-top: 36px; margin-bottom: 36px;} /*= SUB SECTIONS -----------------------------------------*/ .sub_section_title.line_separation::before { width: 70px; margin-bottom: 26px; margin-top: 40px;} .sub_section_title .ellenova { margin-bottom: 12px; } .sub_section_title .inline strong + span, .sub_section_title .inline span + strong { margin-left: 9px;} .sub_section_title .inline strong { margin-top: 6px;} .sub_section_image .shadow > img {box-shadow: 0px 0px 6px 2px #31261D00026; } .sub_section_image .bottomMargin { margin-bottom: 28px;} .sub_section_link { margin: 20px 0;} .sub_section_list { margin-top:20px;} .sub_section_paragraph.canela p { font-size: 16px;} /*= COLLAGE SECTION -----------------------------------------*/ .section-collage .title { margin-bottom: 30px;} .section-collage .item .image.boxshadow { box-shadow: 0px 0px 6px 0px #31261D00026;} /*= FORM SECTION -----------------------------------------*/ .section > .border-top { padding-top:35px;} .section-form-contact .content .title { margin-bottom: 16px;} .section-form-contact .content p { font-size: 14px; margin: 0 auto 26px;} .section-form-contact .gform_fields .gfield, .section-form-contact .gform_wrapper.gravity-theme .gform_button { width:100%;} .section-form-contact .gform_fields .gfield .ginput_container > input, .section-form-contact .gform_fields .gfield .ginput_complex input { padding:10px 12px;} .section-form-contact .gform_wrapper.gravity-theme .gform_button {padding:10px 36px;} .section-form-contact .gform_fields .gfield .ginput_container > select { padding-left: 12px; padding-right: 12px;} .section-form-contact .gform_fields .radio-choices .gchoice { width: calc(50% - 3.5px); padding:10px 12px; } .section-form-contact .gform_fields .gfield .ginput_container > input, .section-form-contact .gform_fields .gfield .ginput_complex input, .section-form-contact .gform_fields .gfield .ginput_container > select, .section-form-contact .gform_fields .gchoice, .section-form-contact .gform_fields .gfield .ginput_container_consent { height: 35px; font-size: 12px; } .section-form-contact .gform_fields .gchoice { font-size: 9px; } .section-form-contact .gform_fields .gfield .ginput_container > select option { font-size: 12px;} .section-form-contact .gform_fields .gchoice .gfield-choice-input, .section-form-contact .gform_fields .gfield .ginput_container_consent input { width: 17px; height: 17px;} .section-form-contact .gform_fields .gfield .ginput_container_consent label { padding-left:5px; font-size: 9px; } .section-form-contact .gform_fields .gfield .ginput_container_consent { padding:10px 12px;} .section-form-contact .gform_wrapper.gravity-theme .gform_button { font-size: 12px; } .section-form-contact .gform_wrapper.gravity-theme .gform_button:hover { box-shadow: 0px 0px 6px 2px #FFFFFF25; } .section-form-contact .gform_wrapper.gravity-theme .gfield_validation_message, .section-form-contact .gform_wrapper.gravity-theme .validation_message {padding: 4px 14px; } /*= CAROUSEL -----------------------------------------*/ .section-carousel .caption { padding: 8px 100px 8px 50px; font-size: 10px } /*= MAP -----------------------------------------*/ .section-map .locations {padding:45px 25px 170px;} .section-map .locations .lists { margin-bottom: 30px;} .section-map .locations .item::before { left: -25px;} .section-map .locations .lists .title::before { margin-bottom: 30px;} /*= CAROUSEL POSTERS -----------------------------------------*/ .section-carousel-posters .items { margin:0 -56px;} .section-carousel-posters .items .item { padding:0 6px; margin-bottom: 6px;} /*= TEAM -----------------------------------------*/ .section-team .items { margin:0 -24px; justify-content: center;} .section-team .items .item { padding:85px 24px 80px; margin-bottom: 50px; flex-basis: 50%;} .section-team .line_separation::before { width: 70px; margin-bottom: 22px;} .section-team .items .item .image { padding-right: 15px;} .section-team .description { margin-top:15px; margin-bottom: 26px;} /*= Journal & PRESS -----------------------------------------*/ .section-banner-post { margin-bottom: 34px;} .section_articles .content p:last-of-type { margin-bottom: 12px;} .container.noPadding, .container_narrow.noPadding {padding-left: 35px; padding-right: 35px;} .section-banner-video.firstSection .content { margin-top: 150px;} #header .row-logo { margin-top: 20px;} .section-banner-video .anchor-link { bottom: 15px} .section-form-contact .gform_fields legend.gfield_label { padding-left: 12px;} .section-form-contact .gform_fields .gfield.radio_with_label .ginput_container { width:80%;} .sub_section_team .items { margin-top:45px; } .sub_section_team .items .item .team_logo { margin-top:10px; } .noColumn .sub_section_team .items.by-3, .noColumn .sub_section_team .items.by-4 { justify-content: center;} .section.negative_top_margin .container { margin-top:-60px;} .section.remove_all_padding, .section.remove_all_padding .container { padding:0 25px !important} .sub_section_team .items .item .team_logo { max-width: 180px;} #header #menu-phone.menu a { font-size: 11px;padding:16px 12px;} .page-template-default #header #menu-phone.menu a, .page-template-default #header .menu_dropdow > span { padding:20px 12px;} #header.sticky .row-logo { top: 6px; } .section-carousel .slick-dots { right: 45px; } body.pop #popup_control .popup { bottom: 25px;} #popup_control .popup { right: 25px; } .section-press-articles { padding-top: 56px;} .section-press-articles.by_five .wp_grid, .section-featured-in .wp_grid { padding-top: 56px; margin-top: 32px;} .section-featured-in .wp_grid { padding:50px 0 13px;} .section-featured-in .wp_grid > p { margin-bottom: 56px; font-size:15px;} footer h5 { margin-bottom: 25px} .logo_fendi { width: 92px;} .logo_fendi.topleft, .logo_fendi.bottomleft { left:20px;} .logo_fendi.topright, .logo_fendi.bottomright { right:20px;} .section-collage .item.item-1 { font-size: 15px;} .section-collage .item.item-3 { font-size: 13px;} .section > .flex.border-top { border:none; padding-top:0} .section-banner-video.firstSection .content .contentAnime { margin-top: 0; position: absolute; top: 50%; transform: translateY(-50%); bottom: inherit; left:0; right: 0;} .section-banner-video.firstSection .content .contentAnime p:last-child { margin-bottom: 0;} footer .location .address p { font-size: 15px;} .general-section .found_double_image .column .sub_section_image:not(.double_image) { padding-right:0;} .general-section .found_double_image .col1 .sub_section_title, .general-section .found_double_image .col1 .sub_section_paragraph { margin-right: 0;} .general-section .found_double_image .col2 .sub_section_paragraph, .general-section .found_double_image .col2 .sub_section_title { margin-left: 0; margin-right: 0;} .general-section .column .sub_section_image.double_image {display: none;} .sub_section_collage { padding:25px 0;} .general-section .column .sub_section_image.wider { width: 100%;} .section-map .locations {column-count: 2; column-gap: 4em; } .section-map .locations .lists:first-child .list:first-child .item { max-width: 200px;} } @media all and (max-width: 799px) { /* and (min-width: 768px) */ .title150 { font-size: 80px;} } @media all and (max-width: 767px) { /* and (min-width: 600px) */ .title150 { font-size: 60px;} .pad01, .pad02, .pad03 { padding: 0 35px; } .padTopHeader { padding-top: 150px; } .section-banner-hero { text-align: center;} .section-banner-hero .half { width: 80%; margin:0 auto;} .section-banner-hero .content { margin-bottom: 35px;} .section-banner-hero .form .gform_wrapper.gravity-theme input, .section-banner-hero .form .gform_wrapper.gravity-theme select { font-size: 14px; padding: 10px 14px !important; line-height: 1em !important} .section-banner-hero { margin-bottom: 50px;} .section-featured-amenities, .section-gallery, .section-text-image, .section-simple-banner, .section-information, .section-title-description, .section-text-image, .section-building { margin: 50px 0;} .section-featured-amenities .item {width: 50%; text-align: center; margin-bottom: 25px; } .section-title-description .item, .section-text-image .item { width: 100%; box-sizing: border-box; text-align: center; margin-bottom: 15px; } .section-building.image-right h2, .section-building.image-right .text, .section-building.image-right .text, .section-building.image-left .building .image, .section-building h2 { padding-left: 0; text-align: center; padding-right: 0;} .section-building .building .image { width: 60%;} .section-building .building .image h3 { text-align: center; margin-top: -35px;} .section-building.image-right .text, .section-building.image-left .text { padding: 0; width: 100%; padding:0 45px;} .section-building .flex, .section-building .text h3 { justify-content: center;} .section-building .text p { margin: 0 auto; max-width: 400px;} .section-building .margTopm150, .section-building .margTop50, .section-building .margTopm75 { margin-top:0 !important;} .section-building.margTop50, .section-building.margTopm75, .section-building.margTopm150, .section-building .building { margin-top:-30px !important;} .section-building .building .text { margin-top: 35px !important; text-align: center; } .section-building { margin-bottom: 25px;} .section-information .item li { margin-bottom: 10px;} .section-information .item li span { display: block;} .gform_wrapper.gravity-theme #field_submit, .gform_wrapper.gravity-theme .gform_footer { justify-content: center;} .section-text-image .item:first-child { padding-right: 0;} .section-text-image .item:last-child { padding-left: 0;} .container, .container_narrow, .container_contact, .container_large { padding-left: 20px; padding-right: 20px;} .section-banner-video .content .title { text-align: center;} .inverse_mobile { flex-direction: column-reverse;} .sub_section_paragraph, .general-section .column {width: 100%; text-align: center; } .general-section .column.col1 { padding-right: 22px;} .general-section .column.col2 { padding-left: 22px;} .general-section .column.col1, .general-section .inverse_mobile .col2 { margin-bottom: 25px; } .general-section .inverse_mobile .col1 { margin-bottom: 0;} .col1 .sub_section_title, .col1 .sub_section_paragraph, .col1 .sub_section_link, .col1 .sub_section_list{ padding:0;} .general-section .full_grid .sub_section_title, .general-section .full_grid .sub_section_paragraph, .general-section .full_grid .sub_section_list, .general-section .full_grid .sub_section_link { padding:0 25px; box-sizing: border-box;} .sub_section_list, .sub_section_paragraph { max-width: 100%;} .sub_section_title.line_separation::before { margin-left: auto; margin-right: auto;} .section-featured-amenities .item:nth-of-type(2n)::after { display: none} .section-collage .title { position: relative; left: inherit; text-align: center;} .section-collage .items::after { content:""; clear: both; display: block;} .section-collage .collage-link {left:inherit !important; text-align: center; display: block;} .section-form-contact .gform_fields .radio-choices .gchoice { padding: 9px 12px;} .section-form-contact .gform_fields .gfield .ginput_container_consent { padding:5px 12px } .slick-arrow.arrow-prev { left: -35px;} .slick-arrow.arrow-next { right: -35px;} .slick-arrow { width: 30px;} .slick-arrow svg { display: block; width: 100%; height: auto;} .general-section .column.col1 { padding-right: 0;} .general-section .column.col2 { padding-left: 0;} .general-section .noColumn { text-align: center; width: 100%;} .noColumn .sub_section_title .title, .noColumn .sub_section_paragraph p { margin-left: auto; margin-right: auto;} .section_elle_selects .item { width: 50%; text-align: center} .container.noPadding, .container_narrow.noPadding {padding-left: 25px; padding-right: 25px;} footer { padding:45px 0 20px;} .sub_section_team .items { margin-top:35px; } .section.negative_top_margin .container { margin-top:-40px;} .sub_section_team .items .item .team_logo { max-width: 150px;} #header #menu-phone.menu a { font-size: 10px;padding:19px 12px; line-height: 1em;} .page-template-default #header #menu-phone.menu a, .page-template-default #header .menu_dropdow > span { padding:18px 12px;} .onlyMobile { display: block;} .onlyDesktop { display: none} .section-banner-video .image { height: 80vh;} .general-section .column .sub_section:last-child, .general-section .noColumn .sub_section:last-child { margin-bottom: 35px !important;} .section { padding-top:35px} .sub_section_team .items .item { width: 50%; margin-bottom: 20px;} .gform_wrapper.gravity-theme .ginput_complex span { margin-bottom: 15px;} .gform_wrapper.gravity-theme .ginput_complex span:last-child { margin-bottom: 0;} .section-carousel .slick-dots { right: 35px; } .page-template-default #header #logo { width: 100px;} .general-section .noColumn .sub_section_citation { text-align: left; padding-left:20px; } .section-press-articles .items {justify-content: center } .section-press-articles.by_three .items > .item, .section-press-articles .items > .item:not(.by-one) { flex-basis: 50%; padding: 15px;} .logo_fendi.bottomleft, .logo_fendi.bottomright { bottom:-20px;} .section-collage .item.item-5 {top:27%;} .section-collage .item.item-1 { font-size: 12px;} .section-press-articles, .section-featured-in { margin:25px 0;} .section.add_more_padding_bottom { padding-bottom:75px;} footer .legal_text p { font-size: 9px;} footer .legal_text p, footer .legal_text p b { line-height: 1.2em} footer .legal_text p:first-child::before { width: 9px; height: 9px;} } @media all and (max-width: 599px) { /* and (min-width: 428px) */ .pad01, .pad02, .pad03 { padding: 0 20px;} .title150 { line-height: 1em; font-size: 50px;} .section-banner-hero h1 { margin-bottom: 20px;} .section-featured-amenities .item { width: 100%;} .section-banner-hero { margin-bottom: 35px;} .section-featured-amenities, .section-gallery, .section-text-image, .section-simple-banner, .section-information, .section-title-description, .section-text-image, .section-building { margin:35px 0;} .section-gallery .items { width: 100%;} .section-gallery .item { width: 50%;} .section-gallery .items:nth-of-type(2n) { flex-direction: row-reverse;} .section-building.margTop50, .section-building.margTopm75, .section-building.margTopm150, .section-building .building { margin-top:-15px !important;} .section-building .building .image h3 { margin-top: -20px;} footer .location .address { width: 100%; margin-bottom: 15px;} footer .strongCanela p { line-height: 1.5em;} ol li { margin-bottom: 15px;} .animation-up { margin-top:100px;} .section-article .breadcrumb, .section-article .tags { margin-bottom: 25px} .section-article .tags { padding:0; position: relative;} .section-article:not(.elle_articles) .contentReg, .section-article .tags { width: 100%;} .section-article .breadcrumb, .section-article .tags, .section-article:not(.elle_articles) .contentReg, .section_elle_selects .item, .section_elle_selects .theText, .section-press-articles .items, .section-featured-in .items{ text-align: center;} .slick-dots { margin:23px auto 0 } .section_elle_selects .theText { display: block;} .section_elle_selects .theText strong { transform: translateY(-10px); } .section-article .breadcrumb {margin-bottom: 30px;} .section-article .contentReg {margin-bottom: 20px;} .section-article .contentReg .wp-caption { margin:20px 0;} .quote .text { margin-bottom: 12px;} .contentReg .quote, .contentReg .article-content, .section-where { margin-bottom: 20px;} .where_to {margin-top:35px;} .where_to .image { padding:0 20px;} .section_elle_selects { padding-top:35px; padding-bottom: 30px; } .section_elle_selects .theText { padding:30px 0; } .slick-dots { margin-top: 20px;} .section-banner-hero.simple-banner { margin-bottom: 30px;} .section-banner-hero.simple-banner .contentAnime { padding:20px 0 35px; } .section-press-articles, .section-featured-in { margin: 30px 0;} .section-press-articles .title, .section-featured-in .title, .section-featured-in:not(.have_text) .title{ margin-bottom: 28px;} .section-press-articles .items > .item:not(.by-one), .section-featured-in .items > .item:not(.by-one) { padding-bottom: 0; } .section-press-articles .item, .section-featured-in .item { margin-bottom:30px;} .section-press-articles .item .image, .section-featured-in .item .image { margin-bottom: 26px;} .container, .container_narrow, .container_contact, .container_large { padding-left: 15px; padding-right: 15px;} .section-featured-amenities .item::after { display: none;} .section-banner-video:not(.firstSection) .title {font-size: 40px; margin: 10px 0;} .section-banner-video:not(.firstSection) .content p { margin-bottom: 10px; font-size: 13px;} .slick-arrow { display: none;} .section_elle_selects .item { width: 100%;} .section-team .items .item { flex-basis: 100%; text-align: center; margin-bottom: 25px;} .section-team .logoTeam { left: 50%; transform: translateX(-50%);} .section-team .logoTeam img { max-width: 100%;} .section-team .items .item .image { padding-right: 0;} .section-press-articles .items > .item, .section-press-articles .items > .item.by-one .wp_image, .section-press-articles .items > .item.by-one .content, .section-featured-in .items > .item, .section-featured-in > .item.by-one .wp_image, .section-featured-in > .item.by-one .content { flex-basis: 100%;} #header #menu .top_element { padding: 16px 16px 16px 30px;} .container_contact .gform_wrapper.gravity-theme .ginput_complex span { margin-bottom: 16px;} .gform_wrapper.gravity-theme .ginput_complex span:last-child { margin-bottom: 0;} #header #menu-phone.menu a { padding:8px;} .page-template-default #header #menu-phone.menu a, .page-template-default #header .menu_dropdow > span { padding:16px 8px;} .section-form-contact .gform_fields .gfield.radio_with_label .ginput_container { width: 100%;} .section-carousel .slick-dots { right: 25px; } .section-banner-video.firstSection .content .contentAnime { top: 40%;} #popup_control .popup { padding:35px; padding-top:90px; display: flex; flex-wrap: wrap; justify-content: center; max-width: 100%;} #popup_control .popup_logo { right: 50%; transform: translateX(50%); top: 30px;} #popup_control .popup p { text-align: center; font-size: 19px; margin-bottom: 25px;} #popup_control .popup .popup_button { position: initial; bottom: inherit; right: inherit; margin-bottom: 25px;} #popup_control .popup .acknowledge p { padding-right: 0;} .sub_section_team .items { margin-top:25px;} #header #menu-phone.menu a { padding:19px 5px;} .pad01 { padding:0 15px;} #header .menu li { margin:0;} .general-section .noColumn .sub_section.sub_section_team:last-child { margin-bottom: 0 !important;} .section-press-articles.by_three .items > .item, .section-press-articles .items > .item:not(.by-one), .section-press-articles .items > .item, .section-press-articles .items > .item.by-one .wp_image, .section-press-articles .items > .item.by-one .content, .section-featured-in .items > .item, .section-featured-in .items > .item.by-one .wp_image, .section-featured-in .items > .item.by-one .content { flex-basis: 100%; } .general-section .noColumn .sub_section_citation { text-align: center;} #header.sticky .row-logo { top:8px;} .menu-phone-container { display: flex; flex-wrap: wrap; align-items: center;} .section-collage .item.item-1, .section-collage .item.item-3 { background-color:rgba(0,0,0,0.35); padding:10px; } .section-collage .item.item-1 { top:-3%;} .general-section .column .sub_section:last-child, .general-section .noColumn .sub_section:last-child, .general-section .flex:not(.inverse_mobile) .column:last-child, .general-section .flex.inverse_mobile .column:first-child { margin-bottom: 0 !important} .general-section .flex .column { margin-bottom:25px !important;} .sub_section_collage .item { position: relative; width: 100% !important; margin-bottom: 25px;} .sub_section_citation {max-width: 100%; margin: 25px 0; padding: 0;} .sub_section_collage .item.item-3 { right:0;} .sub_section_collage .item:last-child { margin-bottom: 0;} .section:last-child, .section.add_more_padding_bottom { padding-bottom: 25px;} .section.negative_top_margin .container { margin-top:0;} .general-section .has_fendi { padding-bottom: 40px;} .section-map .locations { padding:45px 25px 110px;} } @media all and (max-width: 427px) { /* and (min-width: 375px) */ .section-map .locations { column-count: 1; column-gap: 2em;} } @media all and (max-height: 500px) { /* and (min-height: 400px) */ } @media all and (max-height: 399px and min-width:600px) { /* and (min-height: 250px) */ #popup_control .popup { right:0; } body.pop #popup_control .popup { bottom: 0;} } @media all and (max-height: 399px and max-width:599px) { /* and (min-height: 250px) */ #popup_control .popup { right:0; padding:20px; padding-top:80px; } body.pop #popup_control .popup { bottom: 0;} #popup_control .popup_logo { top:20px;} #popup_control .popup p { font-size: 16px;} #popup_control .popup .popup_button { margin-bottom: 20px;} }