/* /var/www/vhosts/candleriggs.co.uk/httpdocs/tmp/calcs.css *//* Output file modification time: 1754308173 */ /* CSS file /templates/candleriggs/css/variables.css modification time: 1740590567 */ /* CSS file /templates/candleriggs/css/template.css modification time: 1754308125 */ /* CSS file /templates/candleriggs/css/slider.css modification time: 1740589470 */ /* CSS file /templates/candleriggs/css/blocks/distance.css modification time: 1717486858 */ /* CSS file /templates/candleriggs/css/footer.css modification time: 1718109278 */ /* CSS file /templates/candleriggs/css/header.css modification time: 1742397734 */ /* CSS file /templates/candleriggs/css/form.css modification time: 1746203812 */ /* CSS file /templates/candleriggs/css/blocks/heros.css modification time: 1728378370 */ /* CSS file /templates/candleriggs/css/blocks/blocks.css modification time: 1727964562 */ /* CSS file /templates/candleriggs/css/blocks/faqs.css modification time: 1718815219 */ /* CSS file /templates/candleriggs/css/blocks/multi-image.css modification time: 1744033311 */ /* CSS file /templates/candleriggs/css/fixer.css modification time: 1727791593 */ /* ===== PHP SWAPPED URL PLACEHOLDERS =========== URL is automatically replaced by PHP to the folder, subfolders are automatically detected in the /images/ and /fonts/ folders and the placeholder is created for you. For example, if you have folders like fonts, images/brand, images/shared, images/map the script will generate placeholders like %FONTS%, %IMAGES_BRAND%, %IMAGES_SHARED%, %IMAGES_MAP%, etc. %FONTS% = /templates/%SITE%/fonts %IMAGES_BRAND% = /templates/%SITE%/images/brand %IMAGES_SHARED% = /templates/%SITE%/images/shared %IMAGES_MAP% = /templates/%SITE%/images/map ================================================= */ @charset 'UTF-8'; :root { --n1px: calc(var(--ss)*-1vw); --n6px: calc(var(--ss)*-6vw); --n8px: calc(var(--ss)*-8vw); --n15px: calc(var(--ss)*-15vw); --n20px: calc(var(--ss)*-20vw); --n22px: calc(var(--ss)*-22vw); --n23px: calc(var(--ss)*-23vw); --n28px: calc(var(--ss)*-28vw); --n30px: calc(var(--ss)*-30vw); --n53px: calc(var(--ss)*-53vw); --n54px: calc(var(--ss)*-54vw); --n58px: calc(var(--ss)*-58vw); --n60px: calc(var(--ss)*-60vw); --n80px: calc(var(--ss)*-80vw); --n100px: calc(var(--ss)*-100vw); --n120px: calc(var(--ss)*-120vw); --n138px: calc(var(--ss)*-138vw); --n180px: calc(var(--ss)*-180vw); --0px: calc(var(--ss)*0vw); --1px: calc(var(--ss)*1vw); --2px: calc(var(--ss)*2vw); --4px: calc(var(--ss)*4vw); --5px: calc(var(--ss)*5vw); --6px: calc(var(--ss)*6vw); --8px: calc(var(--ss)*8vw); --9px: calc(var(--ss)*9vw); --10px: calc(var(--ss)*10vw); --11px: calc(var(--ss)*11vw); --12px: calc(var(--ss)*12vw); --13px: calc(var(--ss)*13vw); --14px: calc(var(--ss)*14vw); --15px: calc(var(--ss)*15vw); --16px: calc(var(--ss)*16vw); --17px: calc(var(--ss)*17vw); --18px: calc(var(--ss)*18vw); --19px: calc(var(--ss)*19vw); --20px: calc(var(--ss)*20vw); --21px: calc(var(--ss)*21vw); --22px: calc(var(--ss)*22vw); --23px: calc(var(--ss)*23vw); --24px: calc(var(--ss)*24vw); --25px: calc(var(--ss)*25vw); --26px: calc(var(--ss)*26vw); --27px: calc(var(--ss)*27vw); --28px: calc(var(--ss)*28vw); --29px: calc(var(--ss)*29vw); --30px: calc(var(--ss)*30vw); --31px: calc(var(--ss)*31vw); --32px: calc(var(--ss)*32vw); --33px: calc(var(--ss)*33vw); --34px: calc(var(--ss)*34vw); --35px: calc(var(--ss)*35vw); --36px: calc(var(--ss)*36vw); --37px: calc(var(--ss)*37vw); --38px: calc(var(--ss)*38vw); --39px: calc(var(--ss)*39vw); --40px: calc(var(--ss)*40vw); --42px: calc(var(--ss)*42vw); --43px: calc(var(--ss)*43vw); --44px: calc(var(--ss)*44vw); --45px: calc(var(--ss)*45vw); --46px: calc(var(--ss)*46vw); --47px: calc(var(--ss)*47vw); --48px: calc(var(--ss)*48vw); --49px: calc(var(--ss)*49vw); --50px: calc(var(--ss)*50vw); --51px: calc(var(--ss)*51vw); --52px: calc(var(--ss)*52vw); --53px: calc(var(--ss)*53vw); --54px: calc(var(--ss)*54vw); --55px: calc(var(--ss)*55vw); --56px: calc(var(--ss)*56vw); --57px: calc(var(--ss)*57vw); --58px: calc(var(--ss)*58vw); --59px: calc(var(--ss)*59vw); --60px: calc(var(--ss)*60vw); --62px: calc(var(--ss)*62vw); --63px: calc(var(--ss)*63vw); --64px: calc(var(--ss)*64vw); --65px: calc(var(--ss)*65vw); --66px: calc(var(--ss)*66vw); --67px: calc(var(--ss)*67vw); --68px: calc(var(--ss)*68vw); --69px: calc(var(--ss)*69vw); --70px: calc(var(--ss)*70vw); --71px: calc(var(--ss)*71vw); --72px: calc(var(--ss)*72vw); --75px: calc(var(--ss)*75vw); --80px: calc(var(--ss)*80vw); --83px: calc(var(--ss)*83vw); --84px: calc(var(--ss)*84vw); --85px: calc(var(--ss)*85vw); --86px: calc(var(--ss)*86vw); --88px: calc(var(--ss)*88vw); --89px: calc(var(--ss)*89vw); --90px: calc(var(--ss)*90vw); --93px: calc(var(--ss)*93vw); --97px: calc(var(--ss)*97vw); --98px: calc(var(--ss)*98vw); --100px: calc(var(--ss)*100vw); --101px: calc(var(--ss)*101vw); --102px: calc(var(--ss)*102vw); --103px: calc(var(--ss)*103vw); --105px: calc(var(--ss)*105vw); --108px: calc(var(--ss)*108vw); --110px: calc(var(--ss)*110vw); --113px: calc(var(--ss)*113vw); --116px: calc(var(--ss)*116vw); --120px: calc(var(--ss)*120vw); --127px: calc(var(--ss)*127vw); --128px: calc(var(--ss)*128vw); --129px: calc(var(--ss)*129vw); --130px: calc(var(--ss)*130vw); --135px: calc(var(--ss)*135vw); --138px: calc(var(--ss)*138vw); --140px: calc(var(--ss)*140vw); --142px: calc(var(--ss)*142vw); --145px: calc(var(--ss)*145vw); --157px: calc(var(--ss)*157vw); --158px: calc(var(--ss)*158vw); --160px: calc(var(--ss)*160vw); --161px: calc(var(--ss)*161vw); --164px: calc(var(--ss)*164vw); --165px: calc(var(--ss)*165vw); --168px: calc(var(--ss)*168vw); --172px: calc(var(--ss)*172vw); --175px: calc(var(--ss)*175vw); --180px: calc(var(--ss)*180vw); --183px: calc(var(--ss)*183vw); --190px: calc(var(--ss)*190vw); --196px: calc(var(--ss)*196vw); --197px: calc(var(--ss)*197vw); --200px: calc(var(--ss)*200vw); --208px: calc(var(--ss)*208vw); --214px: calc(var(--ss)*214vw); --216px: calc(var(--ss)*216vw); --217px: calc(var(--ss)*217vw); --218px: calc(var(--ss)*218vw); --230px: calc(var(--ss)*230vw); --234px: calc(var(--ss)*234vw); --249px: calc(var(--ss)*249vw); --250px: calc(var(--ss)*250vw); --255px: calc(var(--ss)*255vw); --258px: calc(var(--ss)*258vw); --262px: calc(var(--ss)*262vw); --274px: calc(var(--ss)*274vw); --275px: calc(var(--ss)*275vw); --278px: calc(var(--ss)*278vw); --280px: calc(var(--ss)*280vw); --285px: calc(var(--ss)*285vw); --288px: calc(var(--ss)*288vw); --294px: calc(var(--ss)*294vw); --300px: calc(var(--ss)*300vw); --302px: calc(var(--ss)*302vw); --310px: calc(var(--ss)*310vw); --315px: calc(var(--ss)*315vw); --317px: calc(var(--ss)*317vw); --321px: calc(var(--ss)*321vw); --330px: calc(var(--ss)*330vw); --331px: calc(var(--ss)*331vw); --333px: calc(var(--ss)*333vw); --340px: calc(var(--ss)*340vw); --343px: calc(var(--ss)*343vw); --352px: calc(var(--ss)*352vw); --354px: calc(var(--ss)*354vw); --362px: calc(var(--ss)*362vw); --375px: calc(var(--ss)*375vw); --377px: calc(var(--ss)*377vw); --385px: calc(var(--ss)*385vw); --386px: calc(var(--ss)*386vw); --389px: calc(var(--ss)*389vw); --408px: calc(var(--ss)*408vw); --409px: calc(var(--ss)*409vw); --411px: calc(var(--ss)*411vw); --420px: calc(var(--ss)*420vw); --426px: calc(var(--ss)*426vw); --443px: calc(var(--ss)*443vw); --444px: calc(var(--ss)*444vw); --449px: calc(var(--ss)*449vw); --450px: calc(var(--ss)*450vw); --458px: calc(var(--ss)*458vw); --461px: calc(var(--ss)*461vw); --463px: calc(var(--ss)*463vw); --468px: calc(var(--ss)*468vw); --469px: calc(var(--ss)*469vw); --470px: calc(var(--ss)*470vw); --475px: calc(var(--ss)*475vw); --477px: calc(var(--ss)*477vw); --480px: calc(var(--ss)*480vw); --486px: calc(var(--ss)*486vw); --514px: calc(var(--ss)*514vw); --538px: calc(var(--ss)*538vw); --555px: calc(var(--ss)*555vw); --561px: calc(var(--ss)*561vw); --567px: calc(var(--ss)*567vw); --568px: calc(var(--ss)*568vw); --570px: calc(var(--ss)*570vw); --582px: calc(var(--ss)*582vw); --590px: calc(var(--ss)*590vw); --620px: calc(var(--ss)*620vw); --621px: calc(var(--ss)*621vw); --622px: calc(var(--ss)*622vw); --629px: calc(var(--ss)*629vw); --634px: calc(var(--ss)*634vw); --636px: calc(var(--ss)*636vw); --660px: calc(var(--ss)*660vw); --673px: calc(var(--ss)*673vw); --674px: calc(var(--ss)*674vw); --700px: calc(var(--ss)*700vw); --728px: calc(var(--ss)*728vw); --744px: calc(var(--ss)*744vw); --758px: calc(var(--ss)*758vw); --768px: calc(var(--ss)*768vw); --820px: calc(var(--ss)*820vw); --856px: calc(var(--ss)*856vw); --860px: calc(var(--ss)*860vw); --1080px: calc(var(--ss)*1080vw); --1255px: calc(var(--ss)*1255vw); } /* #|==============================================================| #|=== VARIABLES.CSS ============================================| #|==============================================================| */ @font-face { font-family: "acumin-pro-semi-condensed"; font-weight: 400; font-stretch: semi-condensed; } @font-face { font-family: "acumin-pro-semi-condensed"; font-weight: 600; font-stretch: semi-condensed; } @font-face { font-family: "acumin-pro-semi-condensed"; font-weight: 800; font-stretch: semi-condensed; } @font-face { font-family: "MrBanks-ExtraBold"; font-weight: 800; font-style: normal; src: url('/templates/candleriggs/fonts/MrBanks-ExtraBold.woff') format('woff'); } @font-face { font-family: "GoodSans-Regular"; font-weight: 400; font-style: normal; src: url('/templates/candleriggs/fonts/GoodSans-Regular.woff') format('woff'), url('/templates/candleriggs/fonts/GoodSans-Regular.woff2') format('woff2'); } :root { /* Sizing */ --ss: 100/1366; /* Colors */ --orange: #FFA346; --red: #FF8E6C; --blue: #A8C0C4; --cream: #EFE0D2; --white: #FFFFFF; --black: #0F1E1E; /* Font Colors */ --fc1: var(--black); /* Backgrounds */ --bg: var(--white); --cover: center / cover no-repeat; --contain: center / contain no-repeat; /* Font Weights */ --n4: normal 400; --n6: normal 600; --n8: normal 800; /* Font Families */ --hff: "MrBanks-ExtraBold"; --sff: "acumin-pro-semi-condensed"; --bff: "GoodSans-Regular"; /* Fonts */ --h1: var(--n8) var(--50px) / var(--52px) var(--hff); --h3: var(--n4) var(--24px) / var(--30px) var(--bff); --h4: var(--n6) var(--20px) / var(--28px) var(--sff); --p1: var(--n4) var(--20px) / var(--28px) var(--bff); --p2: var(--n6) var(--16px) / var(--22px) var(--sff); --p3: var(--n4) var(--12px) / var(--17px) var(--bff); --small: var(--n4) var(--15px) / var(--20px) var(--bff); --tiny: var(--n4) var(--12px) / var(--17px) var(--bff); --textWidth: var(--469px); --bodyFont: var(--p1); --nav: var(--n6) var(--15px) / var(--21px) var(--sff); --buttonFont: var(--n6) var(--15px) / var(--15px) var(--sff); /* Paddings */ --sidePadding: var(--hpad); --sidesChange: var(--216px); --contentWidth: calc(100% - ((var(--hpad) * 2) / var(--divide, 1))); --sidePaddingDouble: calc(var(--108px) * 2); --widthMinusPadding: calc(100% - var(--sidePadding)); --widthMinusPadding2: calc(100% - var(--sidePaddingDouble)); --negativeHalf: var(--n54px); /* Borders */ --border: var(--1px) solid var(--black); --buttonBG: var(--cream); --buttonWidth: var(--196px); /* Misc */ --vpad: var(--50px); --hpad: var(--108px); --timing: 0.3s; --logo: url(/templates/candleriggs/images/brand/logo.svg) var(--contain); --fh: var(--1080px); --letterSpacing: -0.01em; --video_max-width: 100%; } @media (min-width: 769px) { :root { --half: 50%; --fullHeight: var(--768px); } /*.home { --video_max-width: var(--1255px); }*/ } @media (max-width: 768px) { :root { --ss: 100/375; --unset: unset; --baseHeight: var(--275px); --paddedWidth: var(--330px); --sidesChange: var(--44px); --s_margin-bottom: var(--32px); --m_margin-bottom: var(--46px); --l_margin-bottom: var(--60px); --baseMobilePadding: var(--50px) var(--22px); --row_direction: column; --p_margin-bottom: var(--35px); --logodesktop: url(/templates/candleriggs/images/brand/logo.svg) var(--contain); --logo: url(/templates/candleriggs/images/brand/logo-mobile.svg) var(--contain); /* Fonts */ --h1: var(--n8) var(--36px) / var(--38px) var(--hff); --h3: var(--n4) var(--20px) / var(--30px) var(--bff); --h4: var(--n6) var(--15px) / var(--20px) var(--sff); --p1: var(--n4) var(--15px) / var(--20px) var(--bff); --p2: var(--n6) var(--16px) / var(--22px) var(--sff); --p3: var(--n4) var(--12px) / var(--17px) var(--bff); --l1: var(--n4) var(--20px) / var(--25px) var(--bff); --btn: var(--n4) var(--c12) / var(--c12) var(--bff); --nav: var(--n6) var(--15px) / var(--21px) var(--sff); --small: var(--n4) var(--15px) / var(--20px) var(--bff); --smaller: var(--n4) var(--10px) / var(--20px) var(--bff); --tiny: var(--n4) var(--12px) / var(--17px) var(--bff); --h2_margin-bottom: var(--43px); --buttonWidth: var(--274px); --vpad: var(--54px); --hpad: var(--50px); --hpad2: var(--22px); --fh: var(--362px); --dt1em: 0; --video_max-width: 100%; --homeVideoHeight: var(--570px); } .row { --flexFlow: column; } .reverse, .row.reverse { --flexFlow: column-reverse; } } .row { --flexFlow: row nowrap; } .reverse, .row.reverse { --flexFlow: row-reverse; } .video, .hero-video { width: 100%; height: 100%; min-height: var(--fullHeight, var(--baseHeight)); max-width: var(--video_max-width, 100%); } .video > iframe { width: 100%; height: 100%; max-width: var(--video_max-width, 100%); } @media (min-width: 769px) { .home .hero-video .video > iframe, .home .hero-video .video { height: var(--homeVideoHeight, 100%); } .home .hero-video .video { overflow: hidden; } } @media (max-width: 768px) { /*.home .hero-video .video > iframe { transform: scale(2.2); } .home .hero-video::before {position: absolute;content:'';top:var(--80px);width:100%;background:var(--logodesktop);height: var(--38px);} .home .hero-video .video { max-width: var(--330px); position: relative; margin: auto; padding-bottom: var(--26px); padding-top: 3em; }*/ } /* #|==============================================================| #|=== TEMPLATE.CSS =============================================| #|==============================================================| */ /* RESET ======================================================= */ hero, half {display: flex;} html {font-size: var(--16px);} button {border:0;outline:0;} * {margin:0;padding:0;border:0;box-sizing: border-box; outline:none; text-decoration:none;} /*section[style*="z-index:"] {-webkit-transform: translate3d(0,0,0);}*/ a {color:inherit;} a, button {transition:.3s ease;cursor:pointer;} main section a[href*="faq"] {text-decoration:underline;} section#page {overflow: clip;} img {max-width:100%;} 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;} .center { text-align: center; } .left { text-align: left; } .hide {display:none;} iframe {position: absolute; border:0; outline: none;} /* FONT ASSIGNMENT ======================================================= */ body {text-align:left;color:var(--fc1);background:var(--bg);overflow-x:hidden;font: var(--p1);} h1, h2, h3, h4 {letter-spacing:0;} h1, h2 {margin-bottom:var(--60px);} h2 {margin-bottom:var(--46px);} h1, .h1 {font:var(--h1);} h2, .h2 {font:var(--h2, var(--h1));} h3, .h3 {font:var(--h3, var(--h2));} p, .p1 {font:var(--p1);letter-spacing:var(--letterSpacing);margin-bottom:1em;} .p2 {font:var(--p2);} .tiny {font:var(--tiny);} b, strong {font-weight:700;} .hero .hero-content h1 {--marginBottomStages:var(--46px);} .block:not(.a) {display:block;} .nav {font:var(--nav);} span.p1 {display:inline-block;} p.subtext {font:var(--p1);} .getText small {font:var(--nav);} @media (max-width:768px) and (orientation:portrait) { section * p:not(.a) {margin-bottom:var(--p_margin-bottom);} h2 br {display: none;} h2 {max-width: 115%;} p {margin-bottom: var(--35px);} a.btn {margin-bottom: var(--38px);} a.btn.mb1 {margin-bottom: var(--15px);} } /* COLOURING IN ======================================================= */ .orange-bg, .orange-bg .anim::before, .orange-bg .anim::after { background-color: var(--orange); } .cream-bg, .cream-bg .anim::before, .cream-bg .anim::after { background-color: var(--cream); } .white-bg, .white-bg .anim::before, .white-bg .anim::after { background-color: var(--white); } .blue-bg, .blue-bg .anim::before, .blue-bg .anim::after { background-color: var(--blue); } div[class$="-bg"] *, section[class$="-bg"] * { color: var(--fc1); } @media (min-width:769px) { section * p:last-child { margin-bottom: 0; } } /* SNAP ======================================================= */ .anim {position:relative;overflow:hidden;} .anim::before, .anim::after {transition:1.5s ease;content:'';position:absolute;width:100%;height:100%;top:0;} .anim::before {left:0%;transform-origin:left;display:none;} .anim::after {right:0;transform-origin:right;} .anim.revealed::before, .anim.revealed::after {width:0;} @keyframes revealAnimation { 0% { width: 0; transform: translateX(0%); } 100% { width: 100%; transform: translateX(100%); } } .anim.i2::before, .anim.i2::after {transition-delay:.2s;} .anim.i3::before, .anim.i3::after {transition-delay:.4s;} .anim.i4::before, .anim.i4::after {transition-delay:.6s;} @media (max-width:768px) { .item-1 {order:1 !important;} .item-2 {order:2 !important;} .item-3 {order:3 !important;} .item-4 {order:4 !important;} .item-5 {order:5 !important;} .item-6 {order:6 !important;} .item-7 {order:7 !important;} .item-8 {order:8 !important;} } main .fade-up-effect, div[class*="-slider"]:not(.slick-initialized):not(.mob-slider-arrows), .revealus {transform:translateY(15px);transition:transform .45s cubic-bezier(.39, .575, .565, 1), opacity .45s cubic-bezier(.47, 0, .745, .715);opacity:0;} body.iOS main .fade-up-effect, body.iOS div[class*="-slider"]:not(.slick-initialized):not(.mob-slider-arrows), body.iOS .revealus {opacity:1;transform:translateY(0px);} main .fade-up-effect, div[class*="-slider"]:not(.slick-initialized) {transition-delay:.1s;} main .fade-in, main .fade-in.slick-initialized, body.loaded .revealus {opacity:1;transform:translateY(0px);} /* STRUCTURE ======================================================= */ @media (min-width:769px) { section.slider-block {padding:0;padding-bottom:var(--vpad);} hero + section > div {padding:var(--25px) var(--hpad) var(--vpad);} section > div {padding:0 var(--hpad) var(--vpad);} hero {margin-bottom:var(--vpad);} hero.overlap120up {margin-bottom:var(--n80px);} } .reverse > div, section.reverse:not(a) > div {flex-flow:row-reverse wrap;} .rows > div {display:flex;justify-content:center;align-items:center;position:relative;flex-flow:var(--flexFlow);} section.wrap > div {flex-wrap:wrap;} section.p0 > div {padding:0;} section.pt0 > div {padding-top:0;} section.pb0 > div {padding-bottom:0;} section.pr0 > div {padding-right:0;} section.pl0 > div {padding-left:0;} section.fh > div {min-height:var(--fh);} .rows .half {width:var(--half, 100%);flex-basis:var(--half, 100%);flex-flow:column;} a.anchor {display:block;position:relative;visibility:hidden;z-index:-1;} .row {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:relative;} .col {display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;} a.btn, button#register_submit, button.btn {display:flex;align-items:center;justify-content:center;width:100%;max-width:var(--280px);padding:var(--8px);padding-top:var(--6px);font:var(--buttonFont);border:var(--border);border-radius:var(--15px);background:var(--buttonBG);text-align:center;text-transform:uppercase;cursor:pointer;} a.btn:hover, button#register_submit, button.btn:hover {background: var(--orange);} @media (max-width:768px) and (orientation:portrait) { .rows .half {width:inherit;flex-basis:unset;} div.half:not(.a) {width:100%;} main *:not([class*="slick"], a, button) {max-width:100%;} .basic-block h2 {text-align:left;} .row:not(.a), hero > div:not(.a) {flex-flow:column;flex-direction:column;width:100%;} a.btn:not(.a) {max-width:var(--274px);margin-left:auto;margin-right:auto;} } .border-bottom {border-bottom:var(--border);} /* SEENEXT BUTTONS ======================================================= */ #seeNext {background:url('/templates/candleriggs/images/brand/pink-bg.jpg') var(--cover);text-align:center;padding:var(--padding, var(--paddingFallback));} #seeNext .row {justify-content:var(--justify-content, center);width:100%;flex-flow:var(--flex-flow, column);} #seeNext h2 {margin-bottom:1.2em;} #seeNext a {margin:var(--a_margin, var(--8px));} @media (max-width:768px) { .landscapeImg > img {max-width:var(--375px);max-height:var(--275px);object-fit:cover;width:100%;} } @media (min-width:769px) { #seeNext {--padding:var(--65px) var(--160px) var(--90px);--h2mb:var(--largeMarginBottom);--justify-content:space-between;--flex-flow:row nowrap;--a_margin:0;} #seeNext .row {gap:var(--16px);} } #seeNext {--paddingFallback:var(--55px) var(--40px);} span.asterix { font-size:0; background:url('/templates/candleriggs/images/brand/asterix.svg') center / contain no-repeat; width: var(--28px); height: var(--28px); display: inline-block; position: relative; transform:translateY(var(--n15px)) translateX(12%); } .small > span.asterix { width: var(--15px); height: var(--15px); transform: translateY(var(--n8px)) translateX(-7%); } /* UTILITY CLASSES ======================================================= */ .uc {text-transform:uppercase;} .tdu, .underline, .ul {text-decoration: underline;} .bold:not(.a) {font-weight:bold;} .fit {width:fit-content;} .row.c6 > *:not(.nocs) {width:var(--12x6);flex-basis:var(--12x6);} .row, .w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11 { --12x1:calc(8.3333% * 1); --12x2:calc(8.3333% * 2); --12x3:calc(25% * 1); --12x4:calc(33.3333% * 1); --12x5:calc(8.3333% * 5); --12x6:calc(25% * 2); --12x7:calc(8.3333% * 7); --12x8:calc(33.3333% * 2); --12x9:calc(25% * 3); --12x10:calc(8.3333% * 10); --12x11:calc(8.3333% * 11); } .row.r1 > *:not(.nocs), .row > .c1, .w1:not(.a) {width:var(--12x1);flex-basis:var(--12x1);} .row.r2 > *:not(.nocs), .row > .c2, .w2:not(.a) {width:var(--12x2);flex-basis:var(--12x2);} .row.r3 > *:not(.nocs), .row > .c3, .w3:not(.a) {width:var(--12x3);flex-basis:var(--12x3);} .row.r4 > *:not(.nocs), .row > .c4, .w4:not(.a) {width:var(--12x4);flex-basis:var(--12x4);} .row.r5 > *:not(.nocs), .row > .c5, .w5:not(.a) {width:var(--12x5);flex-basis:var(--12x5);} .row.r6 > *:not(.nocs), .row > .c6, .w6:not(.a) {width:var(--12x6);flex-basis:var(--12x6);} .row.r7 > *:not(.nocs), .row > .c7, .w7:not(.a) {width:var(--12x7);flex-basis:var(--12x7);} .row.r8 > *:not(.nocs), .row > .c8, .w8:not(.a) {width:var(--12x8);flex-basis:var(--12x8);} .row.r9 > *:not(.nocs), .row > .c9, .w9:not(.a) {width:var(--12x9);flex-basis:var(--12x9);} .row.r10 > *:not(.nocs), .row > .c10, .w10:not(.a) {width:var(--12x10);flex-basis:var(--12x10);} .row.r11 > *:not(.nocs), .row > .c11, .w11:not(.a) {width:var(--12x11);flex-basis:var(--12x11);} .w12:not(.a) {width:100%;flex-basis:100%;} .row.cs12 > *:not(.nocs), .row > .ics12 {width:100%;flex-basis:100%;} @media (max-width:768px) and (orientation:portrait) { .fdcm {flex-direction:column;} .w1:not(.kw):not([class$='mw']), .w2:not(.kw):not([class$='mw']), .w3:not(.kw):not([class$='mw']), .w4:not(.kw):not([class$='mw']), .w5:not(.kw):not([class$='mw']), .w6:not(.kw):not([class$='mw']), .w7:not(.kw):not([class$='mw']), .w8:not(.kw):not([class$='mw']), .w9:not(.kw):not([class$='mw']), .w10:not(.kw):not([class$='mw']), .w11:not(.kw):not([class$='mw']), /*.row:not(.keep-row):not([class^='mw']) > * {width:100%;flex-basis:100%;}*/ .mw3:not(.a) {width:var(--12x3);flex-basis:var(--12x3);} .mw4:not(.a) {width:var(--12x4);flex-basis:var(--12x4);} .mw6:not(.a) {width:var(--12x6);flex-basis:var(--12x6);} } @media(min-width:769px) { .mobile:not(.a) {display:none !important;} } .faqs .faqG {opacity:1;transform:translateY(0%);pointer-events: auto;transition: .5s ease;height:auto;} .faqs .faqG.hidden {opacity:0;pointer-events: none;transform:translateY(50%);height:0;padding: 0;} .pt:not(.a) {padding-top: var(--vpad);} .pb:not(.a) {padding-bottom: var(--vpad);} .pr:not(.a) {padding-right: var(--hpad);} .pl:not(.a) {padding-left: var(--hpad);} a.nobreak br {display:none;} .rel:not(.a) {position:relative;} .click:not(.a) {pointer-events:auto;} .noclick:not(.a) {pointer-events:none;} .fx1 {display:flex;flex-wrap: wrap;} .fx1 > div {flex:1 var(--300px);} .asc {align-self: center;} .ls:not(.a) {letter-spacing: var(--ls);margin-right: calc(0em - var(--ls));} .sticky:not(.a) {position:sticky;top:0;} .hide:not(.a) { display:none; visibility: hidden; } .wrap:not(.a) {flex-wrap: wrap;} .nowrap:not(.a) {flex-wrap: nowrap;} .fxi:not(.a) {display:flex !important;} .hide {display:none !important;} .di:not(.a) {display:inherit;} .fxr:not(.a) {display:flex;flex-direction:row;} .fxc:not(.a) {display:flex;flex-direction:column;} .fxcc:not(.a) {display:flex;flex-direction:column;align-items:center;justify-content:center;} .fxrc:not(.a) {display:flex;flex-direction:row;align-items:center;justify-content:center;} .fxrr:not(.a) {display:flex;flex-direction:row-reverse;} .fxcr:not(.a) {display:flex;flex-direction:column-reverse;} .ass:not(.a) {align-self: start;} .aic:not(.a) {display:flex;align-items:center;} .aife:not(.a) {display:flex;align-items:flex-end;} .aifs:not(.a) {display:flex;align-items:flex-start;} .ais:not(.a) {display:flex;align-items:stretch;} .aibl:not(.a) {display:flex;align-items:baseline;} .aii:not(.a) {display:flex;align-items:inherit;} .jcc:not(.a) {display:flex;justify-content:center;} .jcfs:not(.a) {display:flex;justify-content:flex-start;} .jcfe:not(.a) {display:flex;justify-content:flex-end;} .jcse:not(.a) {display:flex;justify-content:space-evenly;} .jcsb:not(.a) {display:flex;justify-content:space-between;} .jcsa:not(.a) {display:flex;justify-content:space-around;} section > div.nopad:not(.a) {padding:0;} .normalcase:not(.a) {text-transform: none !important;} .ul {text-decoration:underline;} .tac {text-align:center;} .tal {text-align:left;} .tar {text-align:right;} .mah, .auto, .ma {margin-left:auto;margin-right:auto;} .mal {margin-left:auto;} .mar {margin-right:auto;} .m0 {margin:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;} @media (max-width:768px) and (orientation:portrait) { .aclm:not(.a) {align-items: flex-start;} } .pad1:not(.a) {padding:1em;} .pad2:not(.a) {padding:2em;} .pad3:not(.a) {padding:3em;} .pad4:not(.a) {padding:4em;} .pad5:not(.a) {padding:5em;} .gap:not(.a) {gap:var(--gap);} .gap2:not(.a) {gap:var(--gap2);} .gap3:not(.a) {gap:var(--gap3);} .mb0:not(.a) {margin-bottom:0;} .pt0i {padding-top:0 !important;} @media (max-width:768px) { .fwt:not(.a) {width:100% !important;flex-basis:100% !important;} } @media (max-width:768px) { .revmob {flex-direction:column-reverse !important;} .wrapm {flex-wrap:wrap;} *.fxrm {display:flex;} *.fxrrm {display:flex;flex-direction:row-reverse;} *.fxcm {display:flex;flex-direction:column !important;} *.fxcrm {display:flex;flex-direction:column-reverse !important;} *.aicm {align-items:center;align-self: center;} *.aifem {align-items:flex-end;} *.aifsm {align-items:flex-start;} *.aism {align-items:stretch;} *.aiblm {align-items:baseline;} *.aiim {align-items:inherit;} *.jccm {justify-content:center;} *.jcfsm {justify-content:flex-start;} *.jcfem {justify-content:flex-end;} *.jcsem {justify-content:space-evenly;} *.jcsbm {justify-content:space-between;} *.jcsam {justify-content:space-around;} *.tacm {text-align:center;} *.talm {text-align:left;} *.tarm {text-align:right;} *.desktop,.dt {display:none !important;} *.mobile {display:inherit;} *.mobile-flex {display:flex;} *.mobile-inline {display:inline;} .mam {margin-left:auto;margin-right:auto;} .mbr br {display:initial;} *.mob-nowrap {white-space:nowrap;} } .faqA a { text-decoration: underline; } @media (min-width:769px) { .banner p:not(:first-child){display:none;} } .banner{padding:0 !important; height:var(--42px); display:flex; justify-content:center; align-items:center; overflow:hidden;} .banner p{font:var(--buttonFont); text-transform: uppercase; display:flex; margin-bottom:0 !important;} .banner .asterix{width:var(--16px); height:var(--16px); margin: 0 var(--24px); transform: unset} .sticker{position:fixed; right:var(--105px); bottom:var(--84px); width:var(--145px); height:var(--145px); padding:0 !important; z-index: 10000} .sticker img{position: absolute; top:0; left:0; width:100%; height:100%; transition:opacity 0.3s;} .sticker img.hover{opacity: 0;} .sticker:hover img.hover{opacity:1} .sticker:hover img.no-hover{opacity:0} @media (max-width:768px) { .sticker{ right:var(--50px); bottom:var(--43px); width:var(--98px); height:var(--98px); padding:0 !important; z-index: 10000} .banner{justify-content: flex-start;} .banner > div{width:fit-content; display:flex; transform:translatex(0); transition: transform 70s linear} .banner p{width: fit-content; min-width: max-content; margin: 0 var(--22px);} .loaded .banner > div{transform:translateX(calc(-100% + 100vw));} } hero#eventsHero .hero-content h1{text-transform:none;} #partnershipsAndDiscounts > div{padding:var(--80px) var(--hpad);} #partnershipsAndDiscounts h2{margin-bottom:var(--23px);} #partnershipsAndDiscounts h2 + p{margin-bottom: 0;} #partnershipsAndDiscounts .partnerships{margin:var(--60px) 0 var(--70px); display:flex; gap:var(--16px);} #partnershipsAndDiscounts .partners {width:var(--354px);} #partnershipsAndDiscounts .partners h4{text-transform: uppercase; padding-bottom: var(--8px); border-bottom:var(--1px) solid var(--orange); margin-bottom: var(--15px);} #partnershipsAndDiscounts .partners ul li{margin-bottom: var(--13px);} #partnershipsAndDiscounts .partners ul > li:last-child{margin-bottom: 0;} #partnershipsAndDiscounts .getText > p:last-child{margin-bottom: 0;} @media (max-width:768px) { #partnershipsAndDiscounts > div{padding:var(--63px) var(--37px) var(--71px);} #partnershipsAndDiscounts h2{margin-bottom:var(--40px);} /* #partnershipsAndDiscounts h2 + p{margin-bottom: 0;}*/ #partnershipsAndDiscounts * {text-align: center;} #partnershipsAndDiscounts .partnerships{margin:var(--40px) 0 var(--35px); flex-direction:column; gap:0;} #partnershipsAndDiscounts .partners {width:100%; margin-bottom: var(--40px);} #partnershipsAndDiscounts .partnerships > .partners:last-child{margin-bottom: 0;} #partnershipsAndDiscounts .partners h4{padding-bottom:0; border-bottom:none; margin-bottom: var(--20px);} } #eventsImages > div{padding:var(--67px) var(--161px) var(--86px);} #eventsImages *{text-align: center;} #eventsImages .img-cols{display:flex; justify-content: space-between;} #eventsImages .col{width:var(--249px); display:flex; flex-direction: column; justify-content: flex-start} #eventsImages .col.col-1{width:var(--315px); align-items: flex-end;} #eventsImages .img-wrap{display:flex; flex-direction: column; align-items: center;} #eventsImages .caption{margin-top: var(--17px); text-transform: uppercase; font: var(--p2);} #eventsImages .col-1 .img-wrap{margin-bottom:var(--75px);} #eventsImages .col-2 .img-wrap{margin-bottom:var(--62px);} #eventsImages .col-3 .img-wrap{margin-bottom:var(--108px);} #eventsImages .col > .img-wrap:last-child{margin-bottom: 0;} #eventsImages .iframe-wrap{position: relative; overflow:hidden; } #eventsImages .col-1 .iframe-wrap{width:var(--249px); height:var(--449px);} #eventsImages .col-3 .iframe-wrap{width:var(--249px); height:var(--443px);} #eventsImages .iframe-wrap iframe{height:100%; width:100%; position:absolute; top:0; left: 0; } #eventsImages .iframe-wrap iframe{height:100%; aspect-ratio: 1920 / 1080; width:auto; position:absolute; top:0; left: 50%; transform:translateX(-50%); max-width:none;} #eventsImages .col-1, #eventsImages .col-3{padding-top:var(--75px);} @media (max-width:768px) { #eventsImages > div{padding:var(--48px) var(--21px) var(--66px);} #eventsImages .img-cols{flex-direction: column;} #eventsImages .col{width:100% !important; padding-top: 0 !important;} #eventsImages .col > .img-wrap{width:var(--218px) !important; margin-bottom: var(--40px) !important;} #eventsImages .col-1 .img-wrap:first-child{align-self: center;} #eventsImages .col-2{align-items: flex-end;} #eventsImages .col-2 .img-wrap{margin-right: var(--31px);} #eventsImages .col-2 .img-wrap:first-child, #eventsImages .col-2 .img-wrap:last-child{align-self: flex-start;} #eventsImages .col-3 .img-wrap:first-child{align-self: flex-end; margin-right:var(--31px);} #eventsImages .col-3 .img-wrap:last-child{align-self: flex-start; margin-left:var(--31px);} #eventsImages .col-1 .iframe-wrap{width:var(--216px); height:var(--386px);} #eventsImages .col-3 .iframe-wrap{width:var(--218px); height:var(--389px);} } .events section.image-text-columns{display:block; padding:var(--89px) var(--hpad) var(--97px);} .events section.image-text-columns > div{padding:0 !important} .events section.image-text-columns h2{text-align: center;} .events section.image-text-columns .image-text-left{display:flex; flex-direction: column; justify-content:center; align-items: flex-start} #eventsLocalLegends > div, #eventsPersonalTrainer > div{flex-direction: row-reverse;} .events section.image-text-columns#eventsLocalLegends .image-text-left, .events section.image-text-columns#eventsPersonalTrainer .image-text-left{align-items: flex-end;} .events section.image-text-columns .video{position: relative; overflow:hidden;} .events section.image-text-columns iframe{height:100%; aspect-ratio: 1920 / 1080; width:auto; position:absolute; top:0; left: 50%; transform:translateX(-50%); max-width:none;} .events section.image-text-columns div.getText > p:last-child{margin-bottom: 0;} @media (max-width:768px) { .events section.image-text-columns{display:block; padding:var(--60px) var(--21px) var(--71px);} .events section.image-text-columns > div{flex-direction: column-reverse !important; } .events section.image-text-columns * {text-align: center;} .events section.image-text-columns div.getText:not(.a){padding:var(--35px) 0 0;} .events section.image-text-columns .image-text-right img { max-height: var(--409px);} .events section.image-text-columns .video{ height: var(--411px);} } #eventsKarlasTestimonial .getText > p:first-of-type:before{content:''; display:block; margin:0 auto var(--51px); width:var(--49px); height:var(--27px); background: url('/templates/candleriggs/images/shared/quotes.svg') center / contain no-repeat;} @media (max-width:768px) { #eventsKarlasTestimonial .getText > p:first-of-type:before{ margin:0 auto var(--32px);} } .banner-link-block{text-align: center; background:var(--orange) url('/templates/candleriggs/images/shared/banner-bg.jpg') center / cover no-repeat;margin-bottom:var(--113px);} .banner-link-block > div{padding:var(--36px) var(--hpad) var(--49px);} .banner-link-block > div .btn{padding-right:var(--25px);padding-left:var(--25px);width:fit-content;margin-bottom:0;} .banner-link-block h1{margin-bottom:var(--24px);} @media (max-width:768px) { .banner-link-block{background:var(--orange) url('/templates/candleriggs/images/shared/banner-bg-mob.jpg') center / cover no-repeat;margin-bottom:0;} .banner-link-block > div{padding:var(--53px) var(--hpad);} .banner-link-block > div .btn{padding-right:var(--25px);padding-left:var(--25px);width:100%;} } #flatfair, #flatfair *{opacity:1 !important; transform :none !important;} #flatfair{text-align:center;} #flatfair > div{padding:var(--101px) var(--hpad) var(--86px);} #flatfair .copy{max-width:var(--820px); margin:0 auto;} #flatfair .h4{margin-top:var(--45px); margin-bottom:var(--32px);} #flatfair li{font:var(--small);margin-bottom:var(--20px);} #flatfair ul{margin-bottom:var(--17px);} #flatfair p.info{font:var(--small);font-weight:600;margin-bottom:var(--47px);} .flatfair-logo img{width:var(--175px); height:var(--53px)} #flatfair .btn{text-decoration: none !important;} @media (min-width: 769px) { #flatfair .row { gap: var(--35px); margin-bottom:var(--47px);} } @media (max-width:768px) { #flatfair > div{padding:var(--47px) var(--hpad) var(--57px);} #flatfair .copy{max-width:100%;} #flatfair li{margin-bottom:var(--30px);} #flatfair ul{margin-bottom:var(--27px);} #flatfair p.info{margin-bottom:var(--36px);} #flatfair .btn { margin-bottom:var(--15px);} #flatfair .row { margin-bottom:var(--43px);} .flatfair-logo img{width:var(--158px); height:var(--48px)} } .privacy table, .privacy th, .privacy td{border:1px solid #000;} .privacy th, .privacy td{padding:var(--2px) var(--5px);} /* Book a tour ======================================================= */ .yardi-calendar{ --fc-bg-event-color: var(--cream); --fc-today-bg-color: var(--cream) } /*.yardi-calendar *{color:var(--fc1);}*/ .fc-view-harness *{color:var(--fc1) !important;} .full-calendar{margin-bottom:calc(var(--ss)*28vw);} .yardi-form .fc-scrollgrid-sync-table{height:auto !important;} .yardi-form .fc-scrollgrid-sync-table tbody td{height:calc(var(--ss)*60vw) !important;} .yardi-calendar th{height:calc(var(--ss)*28vw) !important} .yardi-calendar .fc-view-harness{min-height:calc(var(--ss)*393vw); border:calc(var(--ss)*2vw) solid var(--fc1);} .yardi-calendar table.fc-scrollgrid{background:#fff;} .yardi-calendar > div{display: flex; flex-direction: column; align-items: center; padding: calc(var(--ss)*150vw) var(--hpad) calc(var(--ss)*180vw);} .yardi-calendar h1{ margin-top:0; margin-bottom:calc(var(--ss)*12vw);} .yardi-calendar > div > div{max-width:calc(var(--ss)*740vw); width:100%;} .yardi-calendar .date-selected{background-color:var(--orange) !important} .yardi-calendar .date-selected{ --fc-bg-event-opacity:0; } .fc-event-start {cursor: pointer;} .yardi-calendar .btn{margin-top:0;} .yardi-calendar .inner{width:100%; padding-bottom:calc(var(--ss)*100vw)} .yardi-calendar #times{padding-left:calc(var(--ss)*28vw); padding-top:calc(var(--ss)*47vw)} .yardi-calendar .rows > div{align-items: flex-start; padding-top:calc(var(--ss)*28vw);} .yardi-calendar .time-list .btn{margin-right:calc(var(--ss)*15vw); margin-top:calc(var(--ss)*15vw); border: 1px solid var(--fc1); background:var(--cream); padding:0; display:flex; align-items: center; justify-content: center; transition: 0.3s all; cursor:pointer; line-height:1em;height:calc(var(--ss)*33vw); padding:0 calc(var(--ss)*15vw); width:fit-content;color:var(--fc1); } .yardi-calendar .time-list{display:flex; margin-bottom:calc(var(--ss)*35vw); flex-wrap:wrap;} .yardi-calendar .time-group h4{margin-bottom:0; margin-top:0; font:var(--buttonFont); text-transform: uppercase; text-align: left;} .yardi-calendar .time-list .btn.time-option.selected{background:var(--orange); color:var(--fc1); border-color:var(--fc1);} .yardi-calendar .time-list .btn:not(.selected):hover{ border-color:var(--orange) !important; color:var(--orange) !important} .yardi-calendar .fc .fc-toolbar-title, .yardi-calendar .fc .fc-col-header-cell-cushion{ font:var(--buttonFont) !important; text-transform: uppercase;} .yardi-calendar .full-calendar > div > div{width:50%;} .yardi-calendar .date-selected {background-color: var(--orange) !important;} .yardi-calendar .full-calendar{height:fit-content; max-height:0; overflow:hidden;transition:0.3s height;} .yardi-calendar .full-calendar.active{ max-height:100%;} .yardi-calendar .add-message{display: none;} .yardi-calendar .fc .fc-button-primary{background:var(--orange);border-color:var(--orange);} .yardi-calendar .fc .fc-button-primary.fc-button .fc-icon{color:var(--white);} .yardi-calendar .chronoforms .ui.form .btn {max-width:100%} #yardi-booking.ui.form{ padding:0;} #segment_book_a_tour > div{margin-bottom: 0} .yardi-calendar .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { display: none;} @media(max-width:768px){ .yardi-form .fc-scrollgrid-sync-table{height:auto !important;} .yardi-form .fc-scrollgrid-sync-table tbody td{height:calc(var(--ss)*45vw) !important} .yardi-calendar th{height:calc(var(--ss)*18vw) !important} .yardi-calendar .fc-view-harness{min-height:calc(var(--ss)*294vw)} .yardi-calendar > div{padding: calc(var(--ss)*100vw) var(--hpad) calc(var(--ss)*50vw);} .yardi-calendar .btn-group .btn, .yardi-calendar .time-list .btn{margin-right:calc(var(--ss)*10vw); margin-top:calc(var(--ss)*10vw); height:calc(var(--ss)*30vw); padding:0 calc(var(--ss)*10vw); min-width:calc(var(--ss)*115vw); } .yardi-calendar #register-new_start_page{padding-left:0; padding-right: 0;} .yardi-calendar #register-new_start_page{padding-left:0; padding-right: 0;} .yardi-calendar .full-calendar > div > div{width:100%;} .yardi-calendar .rows > div{flex-wrap: wrap;} .yardi-calendar #times{padding-left:0; padding-top:calc(var(--ss)*20vw)} } /* #|==============================================================| #|=== SLIDER.CSS ===============================================| #|==============================================================| */ /* SHARED ========================================================== */ :root { --chev-prev:url('/templates/candleriggs/images/shared/chev-prev.svg') var(--contain); --chev-next:url('/templates/candleriggs/images/shared/chev-next.svg') var(--contain); --chev-size:var(--34px); --insetColWidth:var(--getWidth, var(--paddedWidth, 100%)); --arrowsCalc:calc(var(--chev-size) + var(--30px)); --arrowsBottom:calc(0px - var(--arrowsCalc)); --paddingBottom:var(--arrowsCalc); --flexFlow:row nowrap; } @media(min-width:769px) { :root { --getWidth: var(--461px); --testimonialsPadding: var(--16px) var(--50px) var(--16px); --paddingBottom:var(--arrowsCalc); } } @media(min-width: 769px) { .slider-block { --caption_transform: translateY(-120%); } } @media(max-width:768px) { .icons-wrap:not(.slick-initialized) .icon:not(:first-child) {display:none;} :root { --chev-size:var(--22px); --flexFlow:column nowrap; --imgMaxWidth:var(--330px); } .vw-slider { --imgMaxWidth:100vw; /*100%;*/ } } /* TEMPLATE ========================================================== */ .slick-track { display: flex;} .slick-slider { overflow: hidden; padding-bottom: var(--paddingBottom); position: relative; } /* ARROWS */ button.slick-arrow { padding:0; position:absolute; transition:.333s; z-index:99;text-indent:-9999px;overflow:hidden;width:var(--chev-size); height:var(--chev-size); bottom:0;} button.slick-prev { background: var(--chev-prev); left: auto; /*transform: var(--leftCenter);*/ } button.slick-next { background: var(--chev-next); right: 0; /*transform: var(--rightCenter);*/} /* LOADING CONDITIONS */ div[class*='-slider']:not(.slick-initialized) .slide-wrap:not(:first-child) {opacity:0;} .caption-container {position: relative;pointer-events: none;} @media(min-width:769px) { :root { --getWidth: var(--461px); --testimonialsPadding: var(--16px) var(--50px) var(--16px); --paddingBottom:var(--arrowsCalc); } .vw-slider { --imgHeight: var(--555px); --translateX: var(--108px); --paddingTop: var(--72px); --paddingRight: var(--16px); --padding-bottom: var(--128px); } .vw-slider > div {padding-right: 0 !important;} .vw-slider > .slider {width:var(--sliderWidth, 100%);margin-left:auto;position: relative;padding-bottom: var(--paddingBottom);} .vw-slider .slick-slide {margin-right: var(--paddingRight, 0);} .vw-slider button.slick-next {right: calc(var(--translateX, 0));} section.floorplan-slider { --imgMaxWidth: var(--856px); --imgHeight: var(--461px); } section.floorplan-slider p {font:var(--p2);text-align: center;} section.floorplan-slider p.caption {text-transform: uppercase;text-align: center;} section.floorplan-slider h2 {text-align: center;} section.floorplan-slider > .slider {padding: 0;padding-bottom: var(--60px);padding-top: 0;} } section.floorplan-slider h2 {margin-bottom: var(--20px);} section.floorplan-slider .getText p {margin-bottom: var(--25px);} section.floorplan-slider .getText, section#floorplanSlider .getText {padding-bottom: 0;padding-top:var(--42px);} .gold-bg {background: url('/templates/candleriggs/images/brand/gold-img-bg.jpg') var(--cover);padding: var(--padding);} @media(max-width: 768px) { .slider-block .slick-slide {height: var(--baseHeight);} .vw-slider { --imgHeight: var(--275px); --translateX: var(--22px); --paddingTop: var(--20px); --paddingRight: var(--16px); --padding-bottom: var(--25px); } button.slick-next { right: var(--22px); } .location button.slick-next { right: var(--44px); } .vw-slider .slider {padding: var(--20px) var(--0px) var(--40px) var(--22px);} hero + .vw-slider .slider {padding-top: var(--50px);} .vw-slider > div > .slider {width:100%;} .vw-slider .slick-slide { margin-right: var(--6px); } section.floorplan-slider { --imgMaxWidth: var(--331px); --imgHeight: var(--294px); --background:#FFF; } section#floorplanSlider .getText {padding-top: 0;} section.floorplan-slider .getText {padding-bottom: 0;display: none;} section.floorplan-slider * {text-align:center;} section.floorplan-slider > div {padding: var(--40px) var(--22px) var(--60px);} section.floorplan-slider .slick-slide, section.floorplan-slider .slick-list {overflow: hidden;} section.floorplan-slider button.slick-prev {left: var(--22px);} section.floorplan-slider > .slider {padding: 0;padding-bottom: var(--26px);padding-top: var(--26px);} } .floorplan-slider img {object-fit: cover;max-height: var(--imgHeight);height: 100%;} section.floorplan-slider > .slider {width: var(--imgMaxWidth);position: relative;margin: 0 auto;} .slick-list {overflow: hidden;max-width: var(--imgMaxWidth);height: var(--imgHeight);} .slider-block {padding-top: var(--paddingTop);padding-bottom: var(--padding-bottom);} .slider-block img {max-height: var(--imgHeight, 100%);max-width: var(--imgMaxWidth, 100vw);width: 100%;object-fit: cover;} .slider-block .video {height: var(--imgHeight, 100%); min-height: var(--imgHeight, 100%); width:auto;} .slick-track[class*="first-slide-"] > .slick-cloned:nth-child(2), .slick-slide { transition: .5s ease; opacity: 1;max-height: var(--imgHeight);}} .slick-slide img + p {text-align:center;} .slick-track > div img {opacity:1;transition: .5s ease !important;} .slick-track > div:first-child img {opacity:0;} .vw-slider img{height: 100%;} .sliderColumn .caption, .slider-block .caption {padding: 0;text-transform: uppercase;font: var(--p2);text-align: center; transform: var(--caption_transform, translateY(-110%));} /*#columns .sliderColumn { opacity: 1; padding: var(--60px) 0; width: calc(100% - var(--columnWidth)); margin: auto;justify-content: space-between; display: flex; } #columns .sliderColumn {display:flex;flex-flow:var(--flexFlow);flex-wrap:nowrap;flex:1;} #columns .sliderColumn .slick-slide {width:var(--imgWidth, 100%);} #columns .sliderColumn img {width:var(--imgWidth, 100%);height:var(--imgHeight);object-fit:cover;} #columns .sliderColumn p {text-align:center;} #columns .slideWrapper {width:var(--half, 100%);overflow:hidden;position: relative;} #columns .slick-slider, #columns .slick-list {height:calc(var(--imgHeight) + var(--64px));} #columns .reverse .sliderColumn {flex-flow:var(--flexFlow);} #columns .sliderColumn .textContent {width:var(--half, 100%);text-align:center;display: flex;flex-flow: column nowrap;align-items: center;justify-content: center;transform: translateY(-4%);} #columns .sliderColumn .textContent h3 {font:var(--h3);margin-bottom: var(--46px);} #columns .sliderColumn .textContent p {font: var(--p1);width: 100%;max-width: var(--maxWidth);text-align:center;} #columns .sliderColumn button.slick-arrow {bottom: 0;}*/ .sliderColumn .textContent {text-align:center;display: flex;align-items: center;flex-direction: column;justify-content: center;} .sliderColumn .textContent > * {max-width: var(--450px);} .sliderColumn h3 {font:var(--h3);margin-bottom: var(--46px);} .sister-slider .textContent {text-align:center;display: flex;align-items: center;flex-direction: column;justify-content: center;} .sister-slider .textContent > * {max-width: var(--450px);} .sister-slider h3 {font:var(--h3);margin-bottom: var(--46px);} @media(min-width:769px) { .column-sliders .reverse > div {flex-wrap: nowrap;} .column-sliders .slideWrapper {max-width: var(--567px);margin-bottom:var(--n22px);} .sliderColumn {display: flex;flex-wrap: nowrap;width: 100%;justify-content: space-between;padding: var(--vpad) var(--hpad);} .sliderColumn .textContent {transform: translateY(var(--n20px))} .sliderColumn .caption {transform: translateY(-120%);} .sister-slider .sister-slider-text {padding-bottom: 0;} .sister-slider > div > div {width: 50%;} .sister-slider .slideWrapper {max-width: var(--567px);align-items: center;width: 100%;} .sister-slider > div {display: flex;flex-wrap: nowrap;width: 100%;justify-content: space-between;padding: var(--vpad) var(--hpad);} .sister-slider .textContent {/*transform: translateY(var(--n20px));*/transform: translateX(var(--34px));} .sister-slider .caption {transform: translateY(-120%);text-align: center;font: var(--nav);text-transform: uppercase;} .sister-slider .slick-slide img, .sister-slider .slick-list {max-width: var(--567px);max-height: var(--377px);object-fit: cover;height: 100%; width: 100%;} .sister-slider .slider {max-width: var(--567px);padding-bottom: var(--60px);} } @media(max-width: 768px) { .column-sliders div.sliderColumn {flex-direction: column-reverse;display: flex;} .sliderColumn .textContent:not(.a) {text-align: left;padding: var(--45px) var(--hpad) 0;align-items: flex-start;} .sliderColumn .slideWrapper .slider {transform: translateX(var(--22px));} .sliderColumn .slick-list {max-width: 100%;} .sliderColumn .slick-slide {max-height: var(--275px);} .sliderColumn .slick-slide img {height: var(--275px);object-fit: cover;} .sister-slider > div > div {width: 100%;} .sister-slider .slideWrapper {max-width: var(--330px);align-items: center;width: 100%;} .sister-slider > div {display: flex;flex-direction: column; width: 100%;padding: var(--vpad) var(--22px);} .sister-slider .textContent p {max-width: var(--278px);margin: 0 auto;} .sister-slider .caption {display: none;} .sister-slider .slick-slide img, .sister-slider .slick-list {max-width: var(--567px);max-height: var(--377px);object-fit: cover;height: 100%; width: 100%;} .sister-slider {background: transparent;} .sister-slider .slider {max-width: var(--330px);padding-bottom: var(--60px);} .sister-slider button.slick-next { right: 0; } .sister-slider-text {max-width: var(--330px);width: 100%;} .sister-slider-text button.slick-prev {left: 0;} } /* FLOORPLAN SLIDER ========================================================== */ section.floorplan-slider .slick-slide {background: var(--background, transparent);} /*section.floorplan-slider h2, section.floorplan-slider .getText {display: var(--displayText, block);}*/ body:not(.loaded) .slick-loading > div {visibility: hidden;} .slick-loading > div {opacity:0;transition:2s;transition-delay:1s;} body.loaded .slick-loading > div:not(.a) {opacity:1;} @media(min-width:769px) { :root { --getWidth: var(--461px); --testimonialsPadding: var(--16px) var(--50px) var(--16px); --paddingBottom:var(--arrowsCalc); } #instagram { --instaSize: calc(var(--insetColWidth) / 2); --instaSlider: var(--insetColWidth); --textWidth: var(--insetColWidth); } #testimonials { --testimonialWidth: var(--insetColWidth); --testimonialHeight: var(--317px); --arrowsBottom: 0; --translateX: var(--108px); } } /* TESTIMONALS INSTAGRAM FOOTER SLIDERS ========================================================== */ #reviewBlock {background: var(--cream);padding-top: var(--84px);padding-bottom: var(--86px);} #reviewBlock > div {display: flex; flex-flow:var(--flexFlow, row wrap);padding: 0;} #testimonials, #instagram {flex-basis:var(--half, 100%);width:var(--half, 100%);} #testimonials {border-right:var(--border);--textWidth: var(--468px);} #testimonials h3 {letter-spacing: var(--letterSpacing);font:var(--h3);text-align: center;margin-bottom: var(--28px);width: 78%;} #testimonials div.slick-list {width: var(--testimonialWidth);min-height: var(--testimonialHeight);object-fit: cover;overflow: hidden;} #testimonials p {font: var(--p1);} #testimonials p:last-child {text-transform: uppercase;} #testimonials > div {position: relative;} #testimonials .slide > img:first-of-type {width: var(--48px);margin-bottom: var(--31px);} #testimonials .slide p {margin-bottom: var(--26px);} #testimonials .slide p + p {margin-bottom: var(--30px);} #testimonials .slick-slide {background: var(--white); padding: var(--testimonialsPadding, var(--baseMobilePadding)); text-align: center;} #testimonials .caption-container {font: var(--nav);transform: translateY(var(--n30px));text-align: center;} #instagram a {display: block;} #instafeed {width: var(--instaSlider);height: var(--instaSlider);overflow: hidden;} #instagram > p {margin-bottom: var(--25px);} @media(min-width: 769px) { #instafeed { --instaSize:var(--230px); } } @media(max-width:768px) { #instagram > p {margin-bottom: var(--25px);} #instafeed { --instaSize:var(--165px); } #instagram > div, #testimonials > div {width: var(--330px);} #testimonials h3 {font-size:var(--20px);} } #instafeed .slick-track .instagram-image, #instafeed .slick-track a {max-width:var(--instaSize) !important; width:var(--instaSize) !important;height:var(--instaSize) !important; object-fit: cover;} .location #columnSliders .sliderColumn img{height:100%; width:100%; object-fit: cover;} .location #columnSliders > div > div, #distanceCalculator{margin-top: var(--n1px);} @media(min-width:769px) { .location #columnSliders .sliderColumn{ --imgHeight:var(--377px); } } @media(max-width:768px) { .location #columnSliders .sliderColumn .slick-slide{height:var(--274px); width:var(--274px); margin-left:var(--6px);} .location #columnSliders .sliderColumn .textContent:not(.a){text-align: center;} .location #columnSliders .sliderColumn .textContent h2{width:100%;} } .location #columnSliders .columnItem {padding: var(--35px) var(--55px) var(--70px); text-align: center;} .location #columnSliders .columnItem .places-wrap{display:flex;} .location #columnSliders .columnItem .places{width:50%;} .location #columnSliders .columnItem .places.w-100{width:100%;} .location #columnSliders .columnItem .place{margin-bottom: 1.4em;} .location #columnSliders .columnItem .place h4{text-transform: uppercase; font:var(--h4); letter-spacing: -0.01em;} .location #columnSliders .columnItem .place a{display:inline-block; text-decoration: underline; margin-bottom: var(--4px);} .location #columnSliders .columnItem .place p{font:var(--small)} .location #columnSliders .columnItem > div:not(.textContent){flex-direction: column; align-items: center;} .columnItem .caption{margin-top: var(--32px); text-transform: uppercase; font:var(--p2)} @media(max-width:768px) { .location #columnSliders .columnItem {padding: var(--35px) var(--32px) var(--85px); flex-direction:column-reverse;} .location #columnSliders .columnItem > div{padding:0} .location #columnSliders .columnItem .places-wrap{flex-direction: column;} .location #columnSliders .columnItem .places{width:100%;} .location #columnSliders .columnItem > div:not(.textContent){padding:0 var(--18px);} .location #columnSliders .columnItem h2{margin-bottom:var(--38px);} .location #columnSliders .columnItem .place a{margin-bottom: var(--2px);} .location #columnSliders .columnItem .place p{font:var(--smaller)} .columnItem .caption{margin-top: var(--20px); text-transform: uppercase; font:var(--p2)} } /* #|==============================================================| #|=== DISTANCE.CSS =============================================| #|==============================================================| */ #distanceCalculator { --dc-unit__font: var(--h1); } /* DISTANCE ========================================================== */ #distanceCalculator > div {padding: var(--75px) var(--214px) var(--102px);} .hidden {display: none;} .dc-form {width:100%;padding-top: 2%;} .dc-form .dist-search::placeholder {color:var(--cream);opacity:1;} .dc-form input.dist-search {font:var(--p1);border-radius:0;border:0;outline:0;padding: 0 0 .5em;color: var(--cream);} .dc-title {font:var(--h2);margin-bottom:1rem;} .distance-form > div * {display: inline;} .distance-form button {background:var(--cream);display: inline;max-width: var(--196px);} .distance-form input.search-bar {width: 100%;max-width: var(--728px);} .dc-methods {display:flex;align-items: center;justify-content: flex-start;gap: 3rem;width: 100%;margin: 5rem auto 0;} .dc-methods > div {flex:1 0 120px !important;} .dc-method .dc-time {font:var(--dc-unit__font);font-size: var(--50px);} .dc-method h3 {font: var(--p1);margin-bottom: 1em;} @media (max-width:768px) { .dc-methods {flex-wrap: wrap;} .dc-method .dc-time {font:var(--dc-unit__font);font-size: var(--36px);} .dc-method h3 {font: var(--p1);margin-bottom: 1.5em;} .distance-form button {max-width: var(--274px);} .distance-form > div {display: flex;flex-direction: column;justify-content: center;align-items: center;text-align:center;} .distance-form input.search-bar {text-align:center;padding:0;} #distanceCalculator > div {padding: var(--49px) var(--22px) var(--72px);} #distanceCalculator h2 {width: 90%;} } body.iOS section[id^="dist-calc-"]{display:none;} /* #|==============================================================| #|=== FOOTER.CSS ===============================================| #|==============================================================| */ footer { --logoWidth:var(--321px); --logoFlex:var(--477px); --padding: var(--62px) var(--54px); background: url(/templates/candleriggs/images/brand/footer.jpg) var(--cover); font:var(--p1); } #rentingRight { --padding: 0 var(--55px); --firstChildWidth: var(--567px); --firstChildheight: var(--674px); --lastChildWidth: var(--620px); --lastChildheight: var(--621px); --firstChildSize: var(--744px); --lastChildSize: var(--620px); --listMaxWidth: var(--514px); --topHeight:var(--590px); } @media(max-width: 768px) { } @media(min-width: 769px) { footer { --laG_width:var(--208px); } footer .lower-footer > div {transform: translateY(45%);} footer .lower-footer > nav {transform: translateY(60%);} #rentingRight { --flex: 1; --padding: var(--116px) var(--55px) var(--103px); --bottom_paddingTop:var(--197px); --firstChildWidth: var(--567px); --firstChildheight: var(--674px); --lastChildWidth: var(--620px); --lastChildheight: var(--621px); --firstChildSize: var(--744px); --lastChildSize: var(--620px); --listMaxWidth: var(--514px); --top_marginBottom:var(--n180px); --text_maxWidth:var(--480px); --bottomText_margin-bottom: var(--59px); } #rentingRight ul > li {font-size:var(--40px);line-height: var(--42px);} } @media (max-width:768px) { footer { --padding: var(--56px) var(--12px) var(--29px); --logoWidth:var(--352px); --logoFlex:1; --LaG_height: var(--84px); --LaG_margin-top: var(--23px); --LaG_margin-bottom: var(--32px); } footer > div:first-child .address + .col {flex-direction:row;} #rentingRight { --padding: 0 var(--22px); --firstChildWidth: var(--paddingWidth); --firstChildheight: var(--baseHeight); --lastChildWidth: auto; --lastChildheight: var(--baseHeight); --firstChildSize: var(--mobileWidth); --lastChildSize: var(--mobileWidth); --listMaxWidth: auto; } section.image-text-columns > div { flex-flow:column; } footer nav:not(.a), footer div.address:not(.a) { width: 50%; } footer > div:first-child > .col, footer > div:first-child, footer .lower-footer {display: flex;} footer > .topRow { --padding-bottom: var(--60px); --col_height: var(--164px); --col_flex-direction: column; --col_justify-content: space-between; --col_align-items: flex-end; } } footer {padding: var(--padding);} footer .logo {max-width: var(--477px);width: 100%;} footer .logo img {width: var(--logoWidth);} footer > div {display:flex;flex-flow: row wrap;align-items: flex-start;justify-content: flex-start;width: 100%;} footer nav, footer .address, footer > div:first-child > .col {max-width: var(--249px);width: 100%;} footer .first-row.desktop .address + .col {gap:var(--110px);align-items: flex-end;justify-content: space-between;margin-left: auto;} footer .desktop .backToTop, footer .desktop .social {display:flex;flex-flow: row;align-items: center;justify-content: flex-end;width: var(--172px);} footer .backToTop img, footer .backToTop span {font:var(--nav);cursor: pointer;} footer .backToTop img {margin-right: 1em;} footer .desktop .social a:first-child {transform: translateX(-0.85em) translateY(.2em)} footer .first-row {padding-bottom: var(--60px);} footer .lower-footer {margin-bottom: var(--31px);padding:var(--22px) 0 var(--28px);justify-content: flex-start} footer .copyright {max-width: var(--477px);width: 100%;} footer .header-only {display:none;} footer .desktop .LaG {margin-left: auto;} footer .LaG {width: var(--laG_width, var(--157px)) !important;height: var(--LaG_height);object-fit: contain;margin-top: var(--LaG_margin-top);margin-bottom: var(--LaG_margin-bottom);} footer .LaG img {width: var(--laG_width, var(--157px) );} footer .legal-links > a:first-child {margin-right:1.25em;} footer > .topRow {padding-bottom: var(--padding-bottom);} footer > .topRow > .col {height: var(--col_height, auto);display: flex;justify-content: var(--col_justify-content, center); flex-direction: var(--col_flex-direction, row); align-items: var(--col_align-items, center);} footer > .topRow > .col img {margin-right:.5em;} footer .backToTop img {width: var(--34px);height: var(--34px);} footer .social img {width: var(--25px);height: var(--25px);} @media (max-width:768px) { footer .mobile .row {width: 100%;flex:unset;flex-direction:row;display: flex;} footer .mobile .row > * {width: 50%;flex:unset;} footer .links-address {padding-left: var(--10px);padding-right:var(--10px);align-items: flex-start;} footer .mobile .address {align-items: flex-start;transform: translateX(var(--20px));margin-bottom: var(--20px);} footer .copyright {font-size:var(--12px);} footer .logo {padding-bottom: var(--50px);} footer .legal-links > a:first-child {margin-right:.2em;} footer .legal-links {text-align:right;width: 33% !important;} footer .lower-footer .row.a {justify-content: space-between;} footer .row > .row.uc > a {white-space: nowrap; width: 100% !important;} footer .mobile .social {margin-top: var(--20px);} footer .backToTop {display: flex;justify-content: center;align-items: center;} footer .mobile .social img {width: var(--16px);height: var(--16px);transform: translateY(var(--4px));} img.LaG {margin-bottom: 0;margin-top: 0;} } @media(min-width: 769px) { footer .desktop .social { transform: translateY(var(--n6px)); } } /*#rentingRight > div > div {padding: var(--padding);}*/ #rentingRight .half:first-child img {max-width: var(--firstChildWidth);max-height: var(--firstChildheight);object-fit: cover;} #rentingRight .half:last-child img {max-width: var(--lastChildWidth);max-height: var(--lastChildheight);object-fit: cover;} #rentingRight .top-row {margin-bottom: var(--top_marginBottom, 0); z-index: 9; } #rentingRight .top-row div:first-child {flex: var(--firstChildSize);width: var(--firstChildSize);} #rentingRight .top-row div:last-child {flex: var(--lastChildSize);width: var(--lastChildSize); height: var(--470px); justify-content: space-between; display: flex; flex-direction: column;} #rentingRight .top-row div:last-child > *:not(a) {max-width: var(--408px);} #rentingRight .top-row h2 {margin-bottom: .5em;} #rentingRight .top-row p {font:var(--p1);} #rentingRight .top-row small {display: block;font:var(--nav);font-size: var(--16px);margin-bottom: 1em;} #rentingRight .bottom-row > div {width: var(--half, 100%);} #rentingRight .bottom-row {text-align: center;padding-top: var(--bottom_paddingTop, inherit); } #rentingRight .bottom-row small {display: block;margin-bottom: var(--24px);} #rentingRight .bottom-row small.extra-small {font-size: var(--11px);} #rentingRight .bottomRowText > div {max-width: var(--text_maxWidth, 100%);} #rentingRight .bottomRowText p {margin-bottom: var(--bottomText_margin-bottom, 1em);} @media (min-width:769px) { #rentingRight .top-row, #rentingRight .bottom-row {flex-wrap: nowrap;} #rentingRight .bottom-row {padding-left: var(--hpad);} #rentingRight .top-row div:last-child {transform: translateY(-25%);} } @media (max-width:768px) { #rentingRight .overlapTop {margin-top: var(--n138px);} #rentingRight .overlapTop img {max-height: var(--baseHeight);} #rentingRight .top-row {padding-bottom: var(--138px);} #rentingRight .top-row div:last-child {height: auto;padding: var(--55px) var(--50px) 0; } #rentingRight .top-row div:last-child small {display: none;} #rentingRight .overlapTop {margin-bottom: var(--42px);} #rentingRight .overlapTop + p {margin-bottom: var(--35px);} #rentingRight > div > div {padding: 0 var(--20px);} } /* #|==============================================================| #|=== HEADER.CSS =================================================| #|==============================================================| */ body.home { --headerBG:var(--orange); } body[class*="apartments"] { --headerBG:var(--cream); } header { --logoWidth:var(--302px); --padding:var(--32px) var(--50px); --menuWidth:var(--660px); --font:var(--nav); } header #bookingButton { --padding: var(--6px) var(--4px) var(--8px); --width: var(--140px); } header #iconMenu { --size:var(--25px); } @media (max-width:768px) { header nav > ul {display:none;} header { --logoWidth:var(--50px); --padding:var(--17px) var(--22px) var(--17px); } } body { --footerBG: url(/templates/candleriggs/images/brand/footer.jpg) var(--cover); } header {display: flex;padding: var(--padding);position: relative;background: var(--headerBG, transparent);} header .logo img {width: var(--logoWidth);} header nav {font:var(--font);text-transform: uppercase;display: flex;} header nav ul a {font:var(--font);} header nav > ul {display: flex;width: var(--menuWidth);justify-content: space-around;align-items: center;margin-left:var(--25px);} header nav > ul li li.active {background: var(--red);} header nav > ul > li.active > a {font-weight: 800;} header #iconMenu img {width: var(--size);height: var(--size);} header #iconMenu {display: flex;width: var(--250px);align-items: center;justify-content: space-between;} header #iconMenu a {display: flex;justify-content: center;align-items: center;} header #bookingButton {text-transform: uppercase;font:var(--font);padding: var(--padding);width: var(--width);border-radius: var(--20px);border: var(--border);background:var(--cream);display: flex;align-items: center;justify-content: center;} header .footer-only {display:none;} header .mod-menu__sub {position: absolute;display:flex;flex-flow: row wrap;align-items: center;justify-content: space-between;width: 100%;left: 0;opacity:0;transform: translateY(-10%);transition: 1s;z-index: 9;pointer-events: none;} header .mod-menu__sub li {display:flex;align-items: center;justify-content: center;width: 20%;flex:1;height: var(--38px);background: var(--white);border: var(--border);} body.submenu-open .mod-menu__sub {opacity:1;transform: translateY(100%);pointer-events: auto;} body.submenu-open .mod-menu__sub a {pointer-events: auto;} body.contact header {position: absolute;z-index: 99;} body.has-banner.mega-open header .logo.mobile{transform: translateY(calc(var(--ss)*-40vw));} @media (min-width:769px) { /* body.menu-fixed .mod-menu__sub {opacity:1 !important;transform: translateY(100%) !important;} body.menu-fixed .mod-menu__sub a {pointer-events: auto !important;} */ #hamburger {display:none;} } @media (max-width:768px) { header #iconMenu a[href^="https://wa.me/"]{display:none;} } /* BURGER MENU ====================================================== */ #hamburger { background:url(/templates/candleriggs/images/shared/close-menu.svg) var(--contain); width: var(--35px);height: var(--35px); padding:0; top: var(--25px); right: var(--22px); transition:0.3s top; } body.has-banner.very-top:not(.mega-open) #hamburger{top: var(--67px);} #hamburger > img {width: 100%;height: 100%;object-fit: contain;} @media (max-width:768px) { header nav > ul {display:none;} header #iconMenu {width: var(--230px);transform: translateX(var(--10px));} } /*#hamburger span:nth-child(even) { --left:var(--width); } #hamburger span:nth-child(odd){ --left:var(--span-left); } #hamburger .hb1, #hamburger .hb2 { --top: var(--top-1); } #hamburger .hb3, #hamburger .hb4 { --top: var(--top-2); } #hamburger .hb5, #hamburger .hb6 { --top: var(--top-3); } body.mega-open #hamburger span{ --bg-color:var(--white); } body.mega-open #hamburger .hb1,body.mega-open #hamburger .hb6{ --rotate:45deg; } body.mega-open #hamburger .hb2,body.mega-open #hamburger .hb5 { --rotate:-45deg; } body.mega-open #hamburger .hb1 { --left: 0; --top: var(--top-open-1); } body.mega-open #hamburger .hb2 { --left: var(--left-open); --top: var(--top-open-1); } body.mega-open #hamburger .hb3 { --left: -50%; --opacity: 0; } body.mega-open #hamburger .hb4 { --left: 100%; --opacity: 0; } body.mega-open #hamburger .hb5 { --left: 0; --top: var(--top-open-2); } body.mega-open #hamburger .hb6 { --left:var(--left-open); --top: var(--top-open-2); }*/ #body.mega-open { overflow: hidden; height: 100vh; } #mobileMenu {padding: var(--48px) var(--48px) 0;background: var(--footerBG);top: 0;height: 100vh;right: 0;bottom: 0;position: fixed;display:flex;flex-direction:column;align-items: center;justify-content: space-between;width: 100%;min-height: fit-content; left: 0;opacity:0;transition: 1s;z-index: 999;pointer-events: none;} #mobileMenu .inner {padding-top:var(--40px); padding-bottom: var(--108px);} #mobileMenu ul {display:flex;flex-direction:column;align-items: flex-start;justify-content: flex-start;max-width: var(--280px); } #mobileMenu ul.mod-menu {margin-bottom:var(--60px);} #mobileMenu ul > li > a {font:var(--h1);text-align: left;font-size:var(--26px);white-space: nowrap;} #mobileMenu ul > li {border-bottom: var(--border);width: 100%;padding-bottom: .75em;} #mobileMenu ul > li.parent.header-only {border-bottom: 0;padding-bottom: 0;} body.mega-open #mobileMenu {opacity:1;/*transform: translateY(0);*/pointer-events: auto; overflow:hidden;} body.mega-open #mobileMenu a {pointer-events: auto;} #mobileMenu .header-only > .header-only {display: none;} #mobileMenuIcons a {display: flex;width: 100%;margin-bottom: 1em;align-items: center;} #mobileMenuIcons a img{width:calc(var(--ss)*24vw); height:calc(var(--ss)*24vw);} #mobileMenuIcons a span {margin-left: 1em;} #hamburger > img {opacity:1;transition:1.25s ease-in;} body.mega-open header {position: relative;z-index: 9999;} body.mega-open header .logo.mobile {z-index: 99;position: fixed; } body.mega-open header #iconMenu {display:none} /* Hide scrollbar for Chrome, Safari and Opera */ body.mega-open .mobileMenu::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ body.mega-open .mobileMenu { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ overflow: scroll; height:calc(100vh - var(--48px)); } #hamburger{transition: .5s ease-in-out;z-index:555;pointer-events:all;z-index:100003;position: fixed; top:var(--25px); right:var(--22px);} @media (max-width:768px) { body.mega-open #hamburger > img {opacity:0;transform:rotate(145deg) scale(.25);} header {position: absolute;background: transparent;z-index: 99;width: 100%;} } #hamburger span {display: block;height: var(--span-height);width:var(--width);background:var(--bg-color);opacity:var(--opacity);transform: rotate(var(--rotate));transition:.25s ease-in-out;top:var(--top);left:var(--left);position: absolute} /* #|==============================================================| #|=== FORM.CSS =================================================| #|==============================================================| */ #getInTouch { --section__padding:var(--70px) var(--33px) var(--40px); --h1__margin-bottom:var(--40px); --copy__margin:0 0 var(--50px); --p__text-align:center; --p__font:var(--p3); --form__transition:background-color 0.6s ease, color 0.6s ease; --form__font:var(--small); --form__sub-font:var(--p3); --form__border:var(--2px) solid var(--black); --form__text-color:var(--black); --form__max-width:var(--636px); --form-field__height:var(--45px); --form-textarea__height:var(--103px); --form-input__padding: 0 var(--18px); --form-cols__gap:var(--28px); --form-cols__margin-bottom:var(--28px); --form-cols__width:calc(50% - var(--15px)); --form-checkbox__size:var(--15px); --form-checkbox__padding-top:0; --form-textarea__padding:var(--14px) var(--18px); --form-select__padding:var(--10px) var(--18px); --form-select-menu__background:var(--cream); --form-comments__margin-bottom:var(--28px); --form-terms__margin-bottom:var(--19px); --form-checkboxes__width:var(--310px); background: url(/templates/candleriggs/images/brand/footer.jpg) var(--cover); } form #register_submit { --btn__border:var(--2px) solid var(--black); --btn__color:var(--black); --btn__text-align:center; --btn__font:var(--n4) var(--30px) / var(--42px) var(--hff); --btn__background:var(--orange); --btn__justify-content:center; --btn__padding: 0 var(--30px); --btn__height:var(--48px); --btn-hover__color:var(--black); --btn-hover__background:transparent; --btn__text-transform:capitalize; font: var(--n4) var(--20px) / var(--28px) var(--hff); border-radius: 0; padding-top: var(--12px); } .ui.message.success{ padding-top:var(--100px);opacity:1;transform: translateY(0px); } .ui.message.success .btn{ --btn__margin:var(--65px) auto 0; --btn-hover__color:var(--cream); --btn-hover__background:var(--orange); --btn__cursor:auto; } @media(max-width:768px) { #getInTouch { --section__padding:var(--60px) var(--23px) var(--65px); --h1__margin-bottom:var(--50px); --form-comments__margin-bottom:var(--18px); --form-cols__width:100%; --form-cols__gap:0; --form-cols__margin-bottom:0; --form-col__margin-bottom:var(--27px); --form-checkbox-label__height:var(--32px); --form-textarea__height:var(--45px); --form-input__padding: 0 var(--15px); --form-textarea__padding:var(--11px) var(--15px); --form-select__padding:var(--11px) var(--15px); --form-checkbox__max-width:100%; --form-checkboxes__width:100% } form #register_submit { --btn__font:var(--n6) var(--25px) / normal var(--hff); --btn__height:var(--48px); --btn__width:100%; --btn__margin:var(--38px) auto 0; } #submitcontainer .mainfield.field{width:100%;} } #getInTouch + #seeNext {display: none;} #getInTouch > div {/*width: var(--contentWidth);*/margin: 0 auto;text-align:center;padding-top: var(--200px);padding-bottom: var(--129px);} /*form.form.ui {display:flex; flex-flow:row wrap; justify-content:space-between;}*/ #getInTouch div[data-uid="65"] p {font:var(--nav);text-transform: uppercase;padding-top: var(--40px);padding-bottom: var(--10px);} form.form.ui {width:100%; /*max-width:var(--form__max-width, 100%);*/margin:0 auto;} form.form.ui div:not(.checkbox) > label {display:none;} form.form.ui p.left {font:var(--form__sub-font);color:var(--form__color);margin-bottom:var(--form-input__margin-bottom)} form.form.ui div > textarea,form.form.ui div > textarea:focus {padding:var(--form-textarea__padding); height:var(--form-textarea__height);} .mainfield {line-height:1;} #register_submit {margin: auto;} /* PLACEHOLDERS :-( ========================================================== */ form.form.ui input::-webkit-input-placeholder { opacity:1; color:var(--form__color) !important; font:var(--form__font);letter-spacing:var(--letter-spacing);} form.form.ui input::-moz-placeholder { opacity:1; color:var(--form__color) !important; font:var(--form__font);letter-spacing:var(--letter-spacing); padding:inherit; border-radius:inherit;} form.form.ui input:-ms-input-placeholder { opacity:1; color:var(--form__color) !important; font:var(--form__font);letter-spacing:var(--letter-spacing); padding:inherit; border-radius:inherit;} form.form.ui input:-moz-placeholder { opacity:1; color:var(--form__color) !important; font:var(--form__font);letter-spacing:var(--letter-spacing); padding:inherit; border-radius:inherit;} form.form.ui textarea::-webkit-input-placeholder {opacity:1; color:var(--form__color) !important; font:var(--form__font);letter-spacing:var(--letter-spacing); padding:0;} form.form.ui textarea::-moz-placeholder {opacity:1; color:var(--form__color) !important; font:var(--form__font);letter-spacing:var(--letter-spacing); padding:0; border-radius:inherit;} form.form.ui textarea:-ms-input-placeholder {opacity:1; color:var(--form__color) !important; font:var(--form__font);letter-spacing:var(--letter-spacing); padding:0; border-radius:inherit;} form.form.ui textarea:-moz-placeholder {opacity:1; color:var(--form__color) !important; font:var(--form__font);letter-spacing:var(--letter-spacing); padding:0; border-radius:inherit;} /* SELECT DROPDOWN OVERRIDES ========================================================== */ form.form.ui div > .selection.dropdown, form.form.ui div > .ui.selection.dropdown {position:relative; color:var(--form-highlight__color); height:var(--form-field__height); padding:var(--form-select__padding, unset);} form.form.ui .ui.selection.dropdown:not(.button) > .default.text {color:var(--form__color)} form.form.ui .ui.selection.dropdown > .dropdown.icon {height:var(--19px); width:var(--19px); background:url('/templates/candleriggs/images/shared/plus.svg?c=1') center / contain no-repeat;padding:0;margin:0;} form.form.ui .ui.selection.dropdown.active > .dropdown.icon {background:url('/templates/candleriggs/images/shared/minus.svg?c=1') center / contain no-repeat;} form.form.ui .ui.selection.dropdown > .dropdown.icon:before {display:none} form.form.ui .ui.selection.dropdown.active:hover {border:var(--form__border);} .default.dropdown:not(.button) > .text, .dropdown:not(.button) > .default.text:not(.a) {color:var(--form__color)} .dropdown > input:not(.search):first-child, .dropdown > select {display:none !important;} .selection .menu {display:none;} /*.selection.dropdown .menu {overflow-x:hidden; overflow-y:auto; position:absolute; width:var(--form-select__width); max-width:101%; background:var(--form-select__background); padding:0; border:0; max-height:var(--form-select__max-height); top:var(--form-select__top); left:var(--form-select__left);}*/ form.form.ui .ui.selection.dropdown .menu {top:100%;margin: 0 0 0 calc(var(--ss)*-1.8vw);min-width: calc(100% + calc(var(--ss)*3.5vw));width: calc(100% + calc(var(--ss)*3.5vw));} form.form.ui .ui.selection.dropdown.active .menu {background:var(--form-select-menu__background); border:var(--form__border);max-height:var(--300px);border-radius:0;border-top-width:var(--2px) !important;} form.form.ui .ui.selection.dropdown .menu > .item {border-top:none;padding-left:var(--18px) !important;} /* COL 1 SPECIFICS ========================================================== */ form.form.ui #cols_1 {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; gap:var(--form-cols__gap); margin-bottom:var(--form-cols__margin-bottom);} form.form.ui #cols_1 > div {width:var(--form-cols__width);margin-bottom:var(--form-col__margin-bottom,0);} form.form.ui #cols_1 label {display:none;} form.form.ui #cols_1 > div input, form.form.ui div > textarea, form.ui.form textarea:focus, form.form.ui div > .selection.dropdown {width:100%; min-height:var(--form-field__height); background:var(--form-input__background, transparent); border:var(--form__border); color:var(--fc2); border-radius:0; padding:var(--form-input__padding); margin-bottom:var(--form-input__margin-bottom, 0); border-radius:var(--form-input__border-radius, 0); color:var(--form__main-color); font:var(--form__font);} form.form.ui div > textarea {padding:var(--form-textarea__padding);} /* RADIO/CHECKBOXES - BEDS & BUDGET ========================================================== */ form.form.ui .checkboxes-container {width:var(--form-checkboxes__width, 100%)} form.form.ui .beds .inline .field, form.form.ui .budget .inline .field {margin-bottom:var(--form-beds__margin);} form.form.ui .beds .inline .field:nth-child(odd), form.form.ui .budget .inline .field:nth-child(odd) {margin-left:calc(var(--form-beds__margin)/2);} form.form.ui .beds .inline .field:nth-child(even), form.form.ui .budget .inline .field:nth-child(even) {margin-right:calc(var(--form-beds__margin)/2);} form.form.ui .beds .inline .checkbox.radio label, form.form.ui .budget .inline .checkbox.radio label { /*border:var(--form__border);*/ /* font:var(--form__font);*/ width:100%; height:var(--form-checkbox-label__height); text-align:center; background-color:var(--cream); transition:var(--form__transition); display:flex; justify-content:center; align-items:center; /*padding-left:0;*/ } form.form.ui .beds .inline .checkbox.radio.checked label, form.form.ui .budget .inline .checkbox.radio.checked label, form.form.ui .beds .inline .checkbox.radio:hover label, form.form.ui .budget .inline .checkbox.radio:hover label {background-color:var(--orange); color:#000 !important;} form.form.ui .checkbox:not(.radio) {height:var(--form-checkbox__size)} form.form.ui .checkbox label {cursor:pointer;} form.form.ui .checkbox label a {position:relative;text-decoration: underline;} .terms > .field > .checkbox label + input, .newsletter > .field > .checkbox label + input {opacity:0; position:absolute; width:0px; height:0;} .contains-checkbox > .field { text-align: left; } form.form.ui .ui.checkbox:not(.radio) input:focus ~ label, .terms > .field > .checkbox label, .terms > .field > .checkbox label a, .newsletter > .field > .checkbox label, .terms > .field > .checkbox label:hover, .newsletter > .field > .checkbox label:hover {position:relative; font:var(--form__sub-font); left:var(--23px, unset); display:inline-block; padding-top:var(--form-checkbox__padding-top);color:var(--form__color);max-width:var(--form-checkbox__max-width, unset)} .terms > .field > .checkbox label::before, .newsletter > .field > .checkbox label::before, .terms > .field > .checkbox label:hover::before, .newsletter > .field > .checkbox label:hover::before {position:absolute; top:var(--2px); left:var(--n23px); width:var(--form-checkbox__size); height:var(--form-checkbox__size); content:''; background:var(--form-input__background); border-radius:var(--form-input__border-radius); border:var(--form__border); transition:var(--form__transition);} .terms > .field input[type="checkbox"]:checked:focus + label::before, .newsletter > .field input[type="checkbox"]:checked:focus + label::before, .terms > .field input[type="checkbox"]:checked + label::before, .newsletter > .field input[type="checkbox"]:checked + label::before {background-color:var(--orange);} .terms, .newsletter {letter-spacing:0;} form.form.ui p.max-budget {width:var(--form-cols__width);} form.ui.form .ui.radio.checkbox label::before, form.ui.form .ui.radio.checkbox label::after, form.ui.form .required.field > .checkbox::after, form.ui.form .ui.checkbox input:checked ~ label::after, form.ui.form .beds .inline.fields > label, form.ui.form .mainfield > label { display:none;} form.ui.form .ui.radio.checkbox {width:100%;} form.ui.form .beds .inline.fields > label, form.ui.form .budget .inline.fields > label {display:none} form.ui.form .ui.checkbox:not(.radio) input.hidden + label {padding-left:0;} #submitcontainer {width:100%;display: flex;justify-content: space-between;flex-wrap: wrap} /* BEDS ========================================================== */ /*form.form.ui .beds {position:relative; display:flex; flex-flow:row wrap; justify-content:space-between; width:100%; margin-bottom:var(--form-cols__margin-bottom);} form.form.ui .beds > div {width:var(--form-cols__width); display:flex; flex-flow:row wrap; gap:var(--form-beds__gap);} form.form.ui .beds > div > div {width:calc(50% - var(--9px)); height:var(--form-checkbox-label__height);}*/ /*form.form.ui > div[data-uid="23"], form #area_container_40 {width:100%;} form.form.ui > div[data-uid="23"] {margin-bottom:var(--form-comments__margin-bottom)} form.form.ui #newsletter { margin-bottom:var(--22px)} form.form.ui #terms {margin-bottom:var(--form-terms__margin-bottom)}*/ #contact-concessionary h3{display: none;} .contact h1 {margin-bottom: 1em;} /* hiding free edition warnings*/ #enquire h3, .ui.text.red.field.quti.block{display:none !important;} form.form.ui div[data-uid="76"] .selection.ui.dropdown{margin-bottom: 1em;} form.form.ui .inline.fields {display:flex;align-items:center;justify-content:center;gap:var(--16px);width: 100%;} form.form.ui .inline.fields .field label { display:flex;align-items:center;justify-content:center;width:100%;max-width:var(--196px);padding:var(--8px);padding-top:var(--6px);font:var(--buttonFont);border:var(--border);border-radius:var(--15px);background:var(--buttonBG);text-align:center;text-transform:uppercase;cursor:pointer;} form.form.ui .field[data-vtype="radios"] { width:100%; margin:0 0 var(--form-cols__margin-bottom) 0; padding:0; gap: 2%; } form.form.ui .add-margin-bottom { margin-bottom: var(--form-cols__margin-bottom); } .ui.radio .hidden, .ui.checkbox .hidden { width:0; height:0; } #max_budget .field input {width: 100%;min-height: var(--form-field__height);background: var(--form-input__background, transparent);border: var(--form__border);color: var(--fc2);border-radius: 0; padding: var(--form-input__padding);margin-bottom: var(--form-input__margin-bottom, 0);border-radius: var(--form-input__border-radius, 0);color: var(--form__main-color);font: var(--form__font);margin-bottom: 1em;} @media(min-width: 769px) { form.form.ui .field[data-vtype="radios"] > .field { flex: 0 1 auto; flex-basis: auto; padding-left: 0; padding-right: 0; flex-basis: 18%;text-align: center; } } @media(max-width:768px) { form.form.ui .field[data-vtype="radios"] > .field { flex: 0 1 auto; flex-basis: auto; padding-left: 0; padding-right: 0; flex-basis: 100%;text-align: center; margin-bottom:0.5em; } form.form.ui .field[data-vtype="radios"] > .field label { max-width:unset; } form.form.ui .field[data-vtype="radios"], form.form.ui .add-margin-bottom { margin-bottom: var(--form-col__margin-bottom); } #getInTouch .getText {padding:0;margin: 0;width: 100%;} } @media(max-width:768px) { #getInTouch div[data-uid="65"] p {padding-left:0 !important; padding-right: 0 !important;} #register-new_start_page{padding-left: var(--hpad2); padding-right: var(--hpad2);} form.form.ui div[data-uid="76"] .selection.ui.dropdown{height:calc(var(--ss)*68vw)} } /* #|==============================================================| #|=== HEROS.CSS ================================================| #|==============================================================| */ main.apartment-page { --heroBG:var(--cream); --heroWidth: var(--widthMinusPadding); } body[class*="apartments-"] hero { --hero_font:var(--n4) var(--20px) / var(--25px) var(--bff); --hero_h3:var(--n6) var(--h3Size, var(--16px)) / var(--22px) var(--sff); } @media(min-width:769px) { hero { --sideImgWidth:var(--622px); --sideImgheight:var(--629px); --heroContent:var(--700px); --h1Width:var(--514px); --h1MarginBottom:var(--70px); --lastChildFlex:var(--622px); --lastChildWidth:100%; --fullscreen_padding: var(--43px) var(--50px); --hero_h3:var(--n6) var(--20px) / var(--22px) var(--sff); justify-content: space-between; --h3Size:var(--20px); --lastChild_margin-bottom:var(--50px); --h1_margin-bottom:var(--46px); --h3_margin-bottom:var(--20px); --padding-top:var(--60px); } .apartment-page hero { --padding-top:var(--98px); } .location .hero-video {transform: translateY(-12.5%);} } hero { background:var(--heroBG, transparent); } .apartment-page hero { --h1Width: auto; } @media(max-width:768px) { hero { --sideImgWidth:var(--375px); --sideImgheight:var(--275px); --heroContent:calc(var(--375px) - (var(--hpad) * 2)); --h1Width:var(--255px); --h1MarginBottom:var(--52px); --lastChildFlex:100%; --lastChildWidth:100%; --hero-image__margin:var(--34px); } .location hero .hero-image img {max-height:none;} .location hero .hero-image {height: 100%;} } hero{overflow: hidden;} @media (max-aspect-ratio: 177.778/56.25) { body:not(.home) hero .hero-fullscreen iframe{transform:scale(1.2);} } hero > div {display: flex;justify-content: space-between;align-items: center;width: var(--heroWidth, auto);} hero .hero-fullscreen {padding: var(--fullscreen_padding, 0);padding-top: 0; width:100%;} hero .hero-image img {width:var(--sideImgWidth);height:100%;object-fit: cover;} hero .hero-fullscreen img {width: 100%;} hero.reverse {flex-flow:row-reverse wrap;} hero h3 {font:var(--nav);text-transform: uppercase;} hero ul li {font:var(--small);} hero .apartments-hero, hero .two-columns-hero {margin-left:auto;} hero .apartments-hero > div:first-child, hero .two-columns-hero div:first-child {flex: var(--heroContent);width: var(--heroContent);margin: auto;} hero .apartments-hero > div:last-child, hero .two-columns-hero div:last-child {flex: var(--lastChildFlex);width: var(--lastChildWidth);height: 100%;} hero .two-columns-hero h1 {width: var(--h1Width, auto);margin-bottom: var(--h1MarginBottom);} hero .two-columns-hero p {max-width: var(--463px);} hero .two-columns-hero {--heroWidth: var(--widthMinusPadding);} hero.has-video {max-height: var(--768px);} .home hero.has-video {max-height: var(--758px);} hero .hero-content {padding-top: var(--padding-top, var(--44px));} hero .hero-content p {font:var(--hero_font, var(--p1));} hero .hero-content h1 ~ p:not(.a) {margin-bottom: 0;} hero .hero-content h1 ~ p:last-of-type:not(.a) {margin-bottom: var(--lastChild_margin-bottom, var(--46px));} hero .hero-content h3 { font: var(--hero_h3, var(--h3)); margin-bottom: var(--h3_margin-bottom, 1em);} hero .hero-content h1 { text-transform: lowercase; margin-bottom: var(--h1_margin-bottom, var(--52px));} hero .hero-content h1::first-letter { text-transform: capitalize;} hero .hero-content ul > li {margin-bottom: .75em;} hero .hero-content ul {padding-bottom: var(--35px);} .apartments-penthouses hero .hero-fullscreen {padding: 0;} .hero-video-wrap.video {position: fixed; width:100vw !important; height:100vh !important; top:0; left:0; background:rgba(0,0,0,0.8); z-index:1000; display:flex; justify-content:center; align-items: center; overflow: hidden; transition: opacity 0.3s, height 0.3s, width 0.3s; } .hero-video-wrap.video iframe {height: auto;aspect-ratio: 16 / 9;width: 80%;position: absolute;top: var(--40px);border: 0;} .hero-video-wrap.video .hero-image {height:calc(100% - var(--hero-image__margin)); margin-top:var(--hero-image__margin); cursor: pointer;} .hero-video-wrap.video .close {width:var(--30px); height:var(--30px); position: absolute; top:var(--38px); right:var(--70px); background:transparent url('/templates/candleriggs/images/shared/close-menu.svg') center / contain no-repeat;} .two-columns-hero .hero-video.popup {position:relative;cursor:pointer} .two-columns-hero .hero-video.popup:after {position:absolute; content:''; display:block; top:50%; left:50%; transform:translate(-50%, -50%); width:var(--28px); height:var(--24px); background:url('/templates/candleriggs/images/shared/play.svg') center / contain no-repeat;} #heroHome .hero-video{width:100%; height:auto; aspect-ratio: 1722 / 996;} hero .hero-video iframe{width:100%; max-width:calc(100vw - var(--100px)); aspect-ratio: 1722 / 996} /* 100% wasnt working */ @media(min-width:769px) { hero .apartments-hero {flex-wrap: nowrap;} .home .hero-video {min-height:auto;} } .play-button::before { content: ''; width: var(--100px); height: var(--60px); background-color: #ff8e6ce6; border-radius: var(--15px); display: flex; justify-content: center; align-items: center; position: absolute; cursor: pointer; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0.65); z-index:999; } .play-button::after { content: ''; width: 0; height: 0; border-left: var(--25px) solid white; border-top: var(--15px) solid transparent; border-bottom: var(--15px) solid transparent; position: absolute; cursor: pointer; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0.65); z-index:999; } @media(max-width:768px) { hero .hero-content {padding-top: var(--100px);} /* .apartments-penthouses hero .hero-video {transform: scale(1.35);}*/ .apartments-hero { flex-flow: column; width: 100%; } .home hero{height:100vh;} .home hero.has-video{max-height:100vh;} .apartments-1-bedroom-apartments hero.has-video, .apartments-2-bedroom-apartments hero.has-video, .apartments-3-bedroom-apartments hero.has-video, .apartments-studio-apartments hero.has-video {max-height:fit-content;} hero .two-columns-hero .hero-video.popup img{height:var(--275px);} .hero-video-wrap.video iframe {height:auto; aspect-ratio:16 / 9; width:100%; position:initial; border:var(--border);} .home .hero-video { max-width: var(--330px); position: relative; margin: 0 var(--22px); /*padding-bottom: var(--26px); padding-top: 3em;*/ height:calc(100vh - var(--168px)) !important; max-height:calc(100vh - var(--168px)) !important; aspect-ratio: unset; overflow:hidden; } .hero-video-wrap.video .close {top:var(--27px); right:var(--24px);} .home .hero-fullscreen{position:relative;} .home .hero-fullscreen::before {position: absolute;content:'';top:var(--88px);width:100%;background:var(--logodesktop);height: var(--38px);} .home .hero-video .hero-image img { max-height:var(--444px) !important; height:var(--444px); } hero div{height:100%; width:100%;} body:not(.home) hero .hero-video iframe { width: 100%; max-width: 100%; height:100%; aspect-ratio: unset; transform: scale(3); } body:not(.home) hero .hero-fullscreen .hero-video iframe { width: auto; max-width: unset; height: 100%; aspect-ratio: 1722 / 984; transform: translateX(-50%); left:50%; } .home hero .hero-video iframe { width: auto; max-width: unset; height: 100%; transform: translateX(-50%); left:50%; } /* .home .hero-video { min-height:100vh !important; } */ .home hero .hero-video { transform: translateY(var(--142px)); } .home .play-button::before {top: 60%;} .home .play-button::after {top: 60%;} } .hero-block .hero-video.iframe{overflow:hidden; position:relative} .hero-block .hero-video.iframe iframe{ transform:translateX(-26%); height:100%; width:auto; max-width:none;} @media(max-width:768px) { .hero-block .hero-video.iframe{height:var(--275px);} .hero-block .hero-video.iframe iframe{ transform:translateX(-11%); width:auto; max-width:none;} .hero-block.has-video.object-fit{max-height:fit-content;} } /* HERO + VIDEO ========================================================== */ /* section.hero-block > div {height:var(--hero__height);max-height:var(--hero__max-height,unset);padding:var(--hero__padding, 0 0 var(--18px));} section.hero-block .hero-slider, .hero-slider .slick-list, .hero-slider .slick-track{height:100%;} .hero-block.has-video{position: relative;} .hero-block.has-video h1, .hero-block.has-video h2{position: relative;z-index: 2} .hero-block .video {position: absolute; width: 100%; height: var(--hero-video__height);display:flex; justify-content: center; align-items: center;overflow:hidden;z-index:1;top:0;left:0;bottom:0;right:0} .hero-block iframe {width: 100%; height: 100%; transform:scale(var(--hero-video__scale)); opacity:0; transition:opacity 1s ease;} .loaded .hero-block iframe {opacity:1;} .hero-block .video::before {transition: 1s ease; transition-delay: 1.5s; content: '';position: absolute; background: var(--play-button); width:var(--180px); height:var(--180px);z-index: 99;cursor: pointer;} .loaded .hero-block .video::before {opacity:0;}*/ /* #|==============================================================| #|=== BLOCKS.CSS ===============================================| #|==============================================================| */ /* IMAGE TEXT COLUMNS ========================================================== */ .double-image img, .image-text-right img {width: 100%;height: 100%; object-fit: cover;} section.image-text-columns {width:100%;height:100%;display:flex;align-items: center;justify-content: center;} section.image-text-columns > div {width:100%;height:100%;display:flex;justify-content: space-between;} section.image-text-columns .getText {width: var(--426px)} .image-text-left {display: flex;align-items: center;flex-direction: column;} @media(max-width:768px) { .image-text-columns div.getText:not(.a) {padding: var(--vpad) var(--hpad) var(--10px);} .columnItem > div {width: 100%;padding: 0 var(--50px);} .image-text-columns.mobile-reverse > div {flex-direction: column-reverse;} .image-text-right img {max-height:var(--275px);} } @media(min-width: 769px) { #introducing .getText {align-self: flex-start;} } /* DOUBLE IMAGES ========================================================== */ .half {width: 50%;} .double-image.overlap {z-index: 9;} .double-image > div {display: flex;flex-direction: row;flex-wrap: nowrap;} .double-image .half {display: flex;justify-content: center;align-items: center;} .double-image-left img[src*=".jpg"] {max-width: var(--408px);height: var(--458px);object-fit: cover;} .double-image-right img[src*=".jpg"] {max-width: var(--461px);height: var(--582px);object-fit: cover;} @media(max-width:768px) { .double-image > div {flex-direction: column-reverse;padding-top: 0;} .double-image-left img[src*=".jpg"] {max-width: var(--274px);height: var(--340px);margin-bottom: var(--50px);} .double-image-right img[src*=".jpg"] {max-width: var(--330px);height: var(--190px);margin-bottom: var(--35px);} .double-image.overlap > div {padding-bottom:var(--180px)} } @media(min-width: 769px) { .double-image {position: relative;z-index: 1;} .double-image > div {padding-top: 0;padding-bottom: 0;margin-bottom: var(--n120px);} .double-image-left {transform: translateY(var(--60px)) translateX(var(--n28px));} } /* PLENTY OF PERKS ======================================================= */ @media(min-width: 769px) { #plentyOfPerks img {max-width:var(--567px);max-height: var(--538px);transform: translateX(var(--n58px));} #plentyOfPerks p {margin-bottom: var(--83px);} #plentyOfPerks a.btn {margin-right:auto;margin-left: var(--58px);} #plentyOfPerks .getText {margin-left: -2em;} #plentyOfPerks > div {padding-bottom: 0;} } @media(max-width:768px) { #plentyOfPerks img {max-height: var(--262px);} } /* LOWER COLUMN IMAGES ======================================================= */ #lowerColumnImages .image-text-left {align-items: center;justify-content: center;} ul.large-list.h2 {margin-bottom: var(--50px);} @media(min-width: 769px) { ul.large-list.h2 > li {font-size:var(--40px);line-height: var(--42px); } #lowerColumnImages > div {padding-top: var(--180px);} } #lowerColumnImages .image-text-right {width: 100%;max-width: var(--620px);max-height: var(--582px);} #lowerColumnImages .image-text-right img {max-width: var(--620px);max-height: var(--582px);} @media(max-width:768px) { ul.large-list.h2 > li {font-size: calc(100/365*33.33vw); letter-spacing: -1px;} #lowerColumnImages > div {flex-direction: column-reverse;padding-top: var(--20px);} #lowerColumnImages > div .image-text-right {margin-top: var(--n180px);} #lowerColumnImages .image-text-right {padding: 0 var(--22px);} #lowerColumnImages div.getText:not(.a) {padding-left: var(--20px);padding-right: var(--20px);} } /* OUR NEIGHBOURHOOD ======================================================= */ #ourNeighbourhood > #multiImages {padding-top: var(--100px);padding-bottom: var(--26px);} @media(max-width:768px) { #ourNeighbourhood .mobile .left-image img {object-position: 40% 90%;} /*#ourNeighbourhood .mobile .right-image img {width: var(--275px);height: var(--340px);}*/ #ourNeighbourhood div.getText:not(.a) {padding: var(--vpad) var(--40px) var(--10px) var(--hpad);} } /* LEGAL AND GENERAL ======================================================= */ #legalGeneral .image-text-left {align-items: flex-start;} small {margin-bottom: var(--46px);display: block;} /* COLUMNS BLOCK ======================================================= */ .columnItem {display: flex;justify-content: space-between;align-items: center;} .reverse .columnItem > div:first-child {justify-content: flex-end;display: flex;} .columnItem > div {width: 50%;} .columnItem .textContent {max-width: var(--514px);} @media(max-width:768px) { .columnItem {flex-direction: column;} .columnItem > div {width: 100%;padding: 0 var(--50px);} .column1 > div:first-child {padding-top: var(--50px);} .full-width-mobile img {width: 100%;} .columnItem .landscape img {max-width: var(--275px);max-height: var(--190px);object-fit: cover;width: 100%;} .columnItem .mobile.shift-left.landscape {transform: translateX(var(--n28px));} .columnItem .mobile.shift-right.landscape {transform: translateX(var(--28px));} } /* COLUMN SLIDERS ======================================================= */ .column-sliders > div {padding: 0;} /* IMAGE ROW ======================================================= */ #imageRow > div {padding: 0 var(--55px) var(--67px);text-align:center;} #imageRow p {text-transform: uppercase;font: var(--nav);} div.image-row {justify-content: space-between;margin-bottom: var(--30px);} .image-row img { width: var(--385px); height: var(--217px); } /* LANDLORD COLUMNS ======================================================= */ @media(max-width:768px) { .landlordColumns .column1 img {width: 115%;max-width: var(--302px);height: var(--190px);margin-bottom: var(--35px);} .landlordColumns .column2 img {margin-bottom: var(--45px);transform: translateX(var(--n28px))} .landlordColumns .column1 .columnItem {flex-direction: column-reverse;} } @media(min-width: 769px) { .landlordColumns .column1 img {width: 115%;max-width: var(--620px);height: var(--514px);transform: translateX(var(--n58px));} .landlordColumns .column2 img {margin-bottom: var(--45px);max-width: var(--514px);height: var(--634px);} .landlordColumns .columnItem p {max-width: var(--475px);} .landlordColumns .column1 p {padding-left: var(--34px);} } /* PENTHOUSE COLUMNS ======================================================= */ @media(max-width: 768px) { .apartments-penthouses .column1 .mobile-topImg {transform: translateX(var(--n28px));} .apartments-penthouses .column1 .mobile-bottomImg {transform: translateX(var(--28px));} .mobile-topImg {margin-bottom: var(--35px);} .mobile-bottomImg {margin-bottom: var(--35px);} .apartments-penthouses .column3 .textContent{padding: var(--50px);} } @media(min-width: 769px) { .apartments-penthouses .column1 img {width: var(--514px);height: var(--620px);} .apartments-penthouses .column2 img {width: var(--620px);height: var(--514px);} .apartments-penthouses .column3 img {width: var(--620px);height: var(--620px);} .apartments-penthouses .btn {margin-bottom: var(--25px);} } .apartments-penthouses .hide-penthouse, .show-penthouse {display:none;} .apartments-penthouses .show-penthouse {display:inherit;} .apartments-penthouses .accordion {margin-bottom: 0;} .apartments-penthouses .column3 .accordion {max-width: var(--420px);} /*.apartments-penthouses .textContent p {max-width: var(--408px);}*/ /* PERKS FLOORPLAN ======================================================= */ .default-block img.perks-floorplan {max-width:var(--860px);max-height:var(--463px);object-fit: cover;width: 100%;} .perks-floorplan h2 {margin-bottom: var(--30px);} /* HOME PAGE CUSTOM ======================================================= */ @media(max-width:768px) { /*#introducing .image-text-left {padding:var(--10px) var(--hpad);}*/ #introducing > div {padding-top: 0;} #introducing .image-text-right {display: none} } /* LOCATION INTRO ======================================================= */ @media(max-width: 768px) { #locationIntro .bottom-image {height: var(--275px);} #locationIntro div.getText:not(.a) { padding: var(--50px) var(--hpad) 0; } #locationIntro .mobile {padding-bottom: var(--135px);} } @media(min-width: 769px) { #multiImages ~ a {display: none;} } /* ACCORDION ========================================================== */ .accordion {margin-bottom: var(--50px);} .accordion h3 {font:var(--large-text);letter-spacing: var(--ls2);font-weight:600;margin-bottom: 1em;transition: 1s;text-decoration: none;} .accordion__item > div {display: flex;flex-wrap: wrap;} .accordion__content > div {width: 25%;} .accordion p {font:var(--large-text);letter-spacing: var(--ls2);} .accordion p:first-child {text-decoration: underline;margin-bottom: 0;} .accordion p:last-child {margin-bottom: var(--58px);} .accordion__plus {display:inline-block;cursor:pointer;font-size:24px;transition:transform 0.3s ease-in-out;position:relative;width:24px;height:24px;} .accordion__plus::before, .accordion__plus::after {content:'';position:absolute;width:100%;height:2px;background-color:var(--orange);top:50%;left:0;transform-origin:center;transition:transform 0.3s ease-in-out;} .accordion__plus::after {transform:rotate(90deg);} .accordion__input:checked ~ div .accordion__plus::after {transform:rotate(0deg);} .accordion h3 {font:var(--large-text);letter-spacing:var(--ls2);font-weight:600;margin-bottom:1em;transition:1s;} .accordion__item > div {display:flex;flex-wrap:wrap;} .accordion__item > input {width:100%;position:absolute;opacity:0;z-index:999;height:var(--50px);top:0;left:0;cursor: pointer;} .accordion__content > div {width:100%;} .accordion p {font:var(--p1);letter-spacing:var(--ls2);} .accordion p:first-child {text-decoration:none;margin-bottom:0;} .accordion p:last-child {margin-bottom:var(--30px);} .accordion__item {border-top:1px solid var(--orange);margin-bottom:var(--15px);padding:1em 0;position: relative;} .accordion__title {position:relative;display:flex;align-items:center;cursor:pointer;font:var(--nav);} .accordion__plus {position:absolute;right:0;transition:.5s;} .accordion__content {visibility:hidden;opacity:0;height:0;overflow:hidden;transition:visibility 0.1s, opacity 0.3s, height 0.3s;} .accordion__input:checked ~ .accordion__content {visibility:visible;opacity:1;height: var(--180px);} @media(min-width: 769px) { .accordion__input:not(:checked) + .accordion__title h3 {margin-bottom:0;} } @media(max-width: 768px) { .accordion__plus {display: none;} .accordion__input ~ .accordion__content {visibility:visible;opacity:1 !important;} .accordion__input ~ .accordion__content {min-height: var(--80px) !important;max-height: var(--138px) !important;height: fit-content;} .accordion__item {margin-bottom: 0; padding: 1em 0 0;} } #furnitureText { --p_width:var(--620px); } @media(max-width: 768px) { furnitureText { --block_width:calc(100% - var(--100px)); } #furnitureText .moduletable .accordion {display: none;} /*#furnitureText h2 ~ p {display: none;}*/ #furnitureText .getText {padding: var(--0px) var(--50px);} } @media(min-width: 769px) { #furnitureText > div {padding-top: 0;padding-bottom: 0;} #furnitureText .moduletable .accordion {display: none;} #furnitureText .getText {text-align:center;margin: 0 auto;} #furnitureText p {margin: 0 auto 1em;} } #furnitureText .getText {width: 100%;} #furnitureText p {max-width: var(--620px);} .perks .slider-block {padding-bottom: 0;padding-top: 0;} .perks .columnItem p {max-width: var(--408px);margin-bottom: var(--35px);} .perks .columnItem h3 {margin-bottom: var(--25px);} body:not(.perks) .show-perks {display: none;} body.perks .hide-perks {display: none !important;} /*#rentingRight .bottom-row {transform: translateY(var(--n100px));}*/ #rentingRight .bottomRowText {padding-top: 0;} @media(min-width: 769px) { .perks .column1 img {max-width: var(--673px);max-height: var(--486px);transform: translateX(var(--n58px));} .perks .column2 img {max-width: var(--673px);max-height: var(--486px);transform: translateX(var(--58px));} .perks .column3 img {max-width: var(--620px);max-height: var(--674px);transform: translateX(var(--n58px));} .perks .column1 .textContent {padding-left:var(--90px);width: 100%;} .perks .column3 .textContent {padding-left:var(--52px);width: 100%;} .perks .column1, .perks .column2 {min-height: var(--561px);} .perks .column3 {min-height: var(--674px);} /*.perks #rentingRight > .top-row, .perks #rentingRight .full-size-img {display: none;} .perks #rentingRight, .perks #rentingRight .bottom-row {padding: 0;} .perks #rentingRight .bottom-row > div {width: 100%;} .perks #rentingRight .bottomRowText > div {max-width: 100%;width: 100%;display: flex;} .perks #rentingRight .bottomRowText p {width: 50%;padding: var(--50px);}*/ .perks .show-perks {display: flex;align-items: center;/*padding: var(--60px) var(--60px) var(--60px) var(--160px) !important;*/} /*#rentingRight {margin-bottom: var(--n100px);}*/ /*.perks .perks-pad {padding: var(--105px) var(--128px) var(--60px) var(--60px);}*/ #rentingRight .top-row img {transform: translateX(var(--n58px));} .perks #rentingRight .top-row div:last-child {justify-content: space-evenly;} } @media(max-width:768px) { .perks .columnItem {padding-bottom: var(--50px);} .perks .column3 .columnItem > div {padding: 0 var(--50px);} /*.perks .column1 img, .perks .column2 img {max-width: var(--673px);max-height: var(--486px);} .perks .column3 img {max-width: var(--620px);max-height: var(--674px);}*/ .perks #floorplanSlider > div {padding: var(--42px) var(--22px) var(--34px);} .perks #rentingRight .top-row > div > * {display: none;} #rentingRight .bottomRowText p {font: var(--l1);margin-bottom: var(--45px);} .home .half a.btn {margin-bottom: var(--45px);} } @media(max-width: 768px) { .factsheet-buttons > a.btn:first-child {margin-bottom: var(--15px);} } @media(min-width: 769px) { .factsheet-buttons {display: flex;gap:var(--16px);margin-bottom: var(--60px);} } /* #|==============================================================| #|=== FAQS.CSS =================================================| #|==============================================================| */ #faqs, distanceCalculator { --faq_width: var(--contentWidth); --section__margin-bottom: var(--180px); --faq_font: var(--p1); --faq_headingFont: var(--p2); --faq_position: relative; --faq_border: var(--border); --faq_padding: var(--27px) 0; --faq_textAlign: left; --h1_marginBottom:1.1em; } #faqs, #distanceCalculator { --search-bar_border: 0; --search-bar_icon: url('/templates/candleriggs/images/shared/search-icon.svg') left center / var(--15px) no-repeat; --search-bar_font:var(--small); --search-bar_border-radius: 0; --search-bar_max-width: 100%; --search-bar_width: 100%; --search-bar_border: var(--border); --search-bar_padding-left: var(--26px); --search-bar_height: var(--39px); --search-bar_margin-bottom: var(--22px); /*--btn__border: var(--border-light); --btn__color: var(--brown); --btn__font: var(--copy); --btn__margin: 0 0 0 var(--16px); --btn__background: var(--white); --btn__height: var(--52px); --btn__padding: 0 var(--22px); --btn__display:flex; --btn__align-items:center; --btn__text-transform:none; --btn-hover__background: var(--brown); --btn-hover__color: var(--white); --btn__width: var(--288px);*/ } /*.faq-a ul{ --ul__list-stlye: initial; --ul__margin: 0 0 1em 1em; --ul-li__display:list-item; }*/ #faqs > div {width: 100%;margin:0 auto;padding-top: var(--127px);} @media (max-width:768px) { #faqs > div { padding: var(--127px) var(--50px); } .faqContainer > div:first-child + .fagG {border-top:0 !important;} /* .faqs-block { --section__padding: var(--140px) var(--hpad) var(--vpad); --search-bar__font: var(--tm); --section__margin-bottom: var(--vpad); --search-bar__padding-left: var(--27px); --faq-g__padding: var(--15px) 0; --search-bar__margin-bottom: var(--14px); --search-bar__height: var(--32px); --faq-container-div-first-child__flex-flow:column; --faq-container-div-first-child__margin-bottom:var(--40px); --search-bar__background: url('/templates/candleriggs/images/shared/search.svg') 0% 50% / var(--15px) no-repeat ; } .faq-search + button.uc{ --btn__font: var(--copy); --btn__margin: 0; --btn__height: var(--32px); --btn__padding: 0 var(--12px); --btn__width: var(--108px); }*/ } #faqs strong {font-weight: 600 !important;} #faqs h1 {margin-bottom: var(--h1_marginBottom);} input.search-bar {font: var(--search-bar_font);letter-spacing: var(--letterSpacing);border:0;max-width: var(--search-bar_max-width);padding-left: var(--search-bar_padding-left); width: var(--search-bar_width); background: var(--search-bar_icon); border-bottom:var(--search-bar_border); border-radius: var(--search-bar_border-radius); margin-bottom: var(--search-bar_margin-bottom); height: var(--search-bar_height);} #faqs button.btn {background: var(--cream);} .faqQ strong {text-transform: uppercase;} .faqG { position: var(--faq_position, relative); border-top: var(--faq_border, 1px solid #000); padding: var(--faq_padding, var(--vpad) var(--hpad)); text-align: var(--faq_textAlign, left); padding-bottom: var(--55px);} #faqs .faqG ul > li {margin-bottom: .5em;} #faqs .faqG ul {margin-bottom: 1em;} #faqs > div small {font-family: var(--sff);} .faqSearchButton {margin-bottom: var(--65px);} .faqG .faqQ {width: var(--faq_width, 100%); cursor: pointer; position: var(--faq_position, relative); font:var(--faq_headingFont);font-size: var(--19px);margin-bottom: var(--32px);} input.search-bar::placeholder{opacity:0.5;} #faqs ul{list-style: disc; list-style-position: inside;} #faqs ul li{display: list-item;} #faqs ul li ul{margin-left: 1em; margin-top: 0.3em;} @media (min-width:769px) { .faqSearchButton {margin-bottom: var(--130px);} .faqG {min-height:var(--183px);} .faq-container > div:first-child::before{position:absolute;content:'SEARCH HERE:';display:block;top:var(--15px);left:0px;} } /* #|==============================================================| #|=== MULTI-IMAGE.CSS ==========================================| #|==============================================================| */ body.location #multiImages { padding-top: var(--93px); padding-bottom:var(--69px); } .multi-image-block img {width: 100%;height: 100%; object-fit: cover;} @media(min-width:769px) { #multiImages { --bottomImageWidth:var(--568px); --bottomImageHeight:var(--333px); margin: 0 auto; --h2_margin-bottom: var(--60px); padding-bottom: 0; } .apt-btns { --flex-flow: row nowrap; --a_padding: var(--8px); --a_max-width: var(--buttonWidth); --a_margin:0; } /* #apartments .bottom-image {margin-top: 0;}*/ .bottom-image {margin-top: var(--86px);} #multiImages + .hide-next {display: none;} } @media(max-width:768px) { #multiImages .col {padding-top: var(--47px);} #multiImages {padding: 0;} .home #multiImages .getText, .home #multiImages .sideImage {display: none;} .home #apartments .getText p {margin-bottom: var(--22px);} .home #apartments .getText {text-align: left;margin: 0 auto;padding: 0;padding: var(--45px) var(--hpad) var(--10px);} .home #apartments .copy {text-align: center;} .home #apartments{display:flex; flex-direction: column;} .home #apartments > div:not(.apt-btns){display:block; } .home #apartments > div{order:2} .home #apartments .getText, .home #apartments > a{order:1;} .home #apartments .apt-btns{order:3} .home #apartments .bottom-image.hide-next{order:4; margin-bottom:var(--50px);} .home #apartments img{object-position: bottom} } #multiImages img {object-fit: cover;} #multiImages > div {display:flex;flex-flow: row wrap;align-items: center;justify-content: space-between;width: 100%;} #multiImages h2 {margin-bottom: var(--h2_margin-bottom);} #multiImages p:last-child {margin-bottom: var(--66px);} #multiImages .sideImage {align-self: flex-start;} #multiImages .sideImage:last-child {transform: translateY(var(--60px))} #multiImages .sideImage > img {width: var(--249px); height: var(--343px);} #multiImages .col {width: var(--bottomImageWidth);text-align: center;} #multiImages .col img {width: var(--bottomImageWidth);height: var(--bottomImageHeight, var(--285px));} .apt-btns {display:flex;flex-flow: var(--flex-flow, column nowrap);align-items: center;justify-content: center;width: 100%;margin: 0 auto;gap:var(--16px);} .apt-btns a {margin: var(--a_margin, var(--8px) 0) !important;display: flex; align-items: center; justify-content: center; width: 100%;max-width: var(--a_max-width, var(--buttonWidth));padding: var(--a_padding, var(--9px));font: var(--buttonFont);border: var(--border);border-radius: var(--15px);text-align: center;text-transform: uppercase;} #videoBlock.overlap120up .video iframe { transform: translateY(var(--n120px)); } /* LOCATION MULTI IMAGE ========================================================== */ #locationIntro #multiImages .bottom-image {margin-top: 0;margin-bottom: 0;} #locationIntro #multiImages .bottom-image img {max-width: var(--352px);max-height: var(--234px);} @media(max-width:768px) { .full-width-mobile img {height: var(--275px);width: 100%;} .multi-image-block .mobile-topImg img, .columns-block .columnItem .mobile-topImg img {width: var(--302px);height: var(--190px);} .multi-image-block .mobile-topImg {margin-bottom: var(--40px);} .multi-image-block .mobile-bottomImg img, .columns-block .columnItem .mobile-bottomImg img {width: var(--274px);height: var(--340px);margin-left: auto;} .column3 .columnItem > div {padding: 0;} .multi-image-block .mobile-bottomImg, .mobile-bottomImg {display: flex;} .multi-image-block > .mobile {padding: 0 var(--22px);} .apt-btns {gap:0;margin-bottom: var(--65px);} .apt-btns > a:not(.a) {margin-bottom: var(--15px);} #videoBlock.overlap120up .video iframe { transform: translateY(0); } #videoBlock.overlap120up .hero-video { max-width: var(--330px);width: 100%;max-height: var(--258px);overflow: hidden;position: relative;transform: translateY(var(--n120px)); } #videoBlock.overlap120up .video {transform: scale(1.5)} #videoBlock.overlap120up > div {margin-bottom: var(--n60px);} #locationIntro.multi-image-block .mobile-bottomImg {margin-bottom: 0;} #locationIntro .mobile{padding-bottom:var(--70px) !important;} } /*.reverse > div, section.reverse:not(a) > div { flex-flow: column-reverse wrap; }*/ #furnitureSlider .caption > span:last-child {display: none;} .landlord hero .hero-content h1 { text-transform: none;} @media(min-width: 769px) { .shift-right img { position: relative; transform: translateX(var(--53px)); } .shift-left img { position: relative; transform: translateX(var(--n53px)); } .home hero + section > div { padding-top: var(--80px); padding-bottom: var(--120px); } .apt-btns { padding-top: var(--50px); padding-bottom: var(--120px); } #ourNeighbourhood, #legalGeneral { padding-bottom: var(--50px); } #ourNeighbourhood { padding-bottom: var(--63px); } #iconMenu { align-self: flex-end; transform: translateX(var(--18px)); } #rentingRight {padding-top: var(--100px);} #furnitureText {padding-bottom: var(--80px);} #floorplanSlider.slider-block {padding-bottom:var(--28px);} .location hero.has-video, .location hero.has-video * {position: relative;} .location hero.has-video .video {width: 92.75vw;} .perks .column1 .columnItem {align-items: flex-start;padding-top: var(--56px);} .perks .column2 .columnItem {padding-top: var(--20px);} .perks .column3 .columnItem {padding-top: var(--24px);} .perks-floorplan h2 {margin-bottom: var(--20px);} .perks-floorplan p {margin-bottom: var(--25px);} .perks-floorplan p + br {display: none} } @media(max-width:768px) { body.home #doubleImage .double-image-left { margin-top: var(--68px); } .faqContainer > div:first-child + .faqG { border-top: 0 !important; } #reviewBlock { padding-top: var(--60px); padding-bottom: 0; } #testimonials { border: 0; } #instagram a { margin-bottom: 0; } #instagram .border-top { border-top: 1px solid; padding-top: 1em; } #testimonials button.slick-next { right: 0; } hero .hero-image img { max-height:var(--275px); transform: translateY(1.2%); } hero + .vw-slider .slider { padding-top: var(--20px); } #legalGeneral .half.image-text-right {max-height: var(--275px);} footer .lower-footer .row.a { justify-content: space-around; } footer .perks-and-amenities {white-space: nowrap;} footer .links-address {padding-left: 0;} footer .backToTop:not(.b) {width: 48%;justify-content: flex-start;margin-left: var(--10px);} }