* { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
html, body { width: 100%; height: 100%; margin: 0; padding: 0; font: 300 18px/25px 'brandon-grotesque'; color: #000; }
.center { width: 100%; max-width: 1400px; height: 100%; margin: auto; padding: 0 50px; box-sizing: border-box; position: relative; }
.container { padding-top: 100px; height: 100%; box-sizing: border-box; }
.cover, .nav-cover { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(84,86,89,.7); z-index: 10000; display: none; }
.nav-cover { position:absolute; }
.nav-header { width:100%; max-width:400px; height:100%; background:#FFF; position:absolute; top:0; right:-400px; transition:.3s; z-index:20000; box-shadow: 0 2px 2px rgba(0,0,0,.05), 0 1px 0 rgba(0,0,0,.05); }
body.dropped .nav-header { right:0; }
a { text-decoration: none; }
.button { padding: 0 22px; font: 14px/46px 'brandon-grotesque'; text-transform: uppercase; letter-spacing: 1px; display: inline-block; box-sizing: border-box; transition: .2s; }
.button svg { width: 17px; margin: 0 -1px -3px 12px; color: #ca765d; fill: #ca765d; transition: .2s; }
.button.button-outline { color: #ca765d; border: 1px solid #ca765d; line-height: 44px; }
.button.button-outline svg { color: #ca765d; fill: #ca765d; }
.button.button-solid { color: #FFF; background: #ca765d; border: none; cursor: pointer; }
.button.button-solid svg { color: #FFF; fill: #FFF; }
.button.button-outline:hover { color: #FFF; background: #ca765d; box-shadow: 0 5px 10px rgba(0 0 0 / .15); }
.button.button-outline:hover svg, body.scroll-book .book-button .button svg { color: #FFF; fill: #FFF; }
.button.button-solid:hover { box-shadow: 0 5px 10px rgba(0 0 0 / .15); }
body.home .container { padding-top: 0; }
@media (max-width:1400px) {
.container { padding-top: 80px; }
}
@media (max-width:1150px) {
body.home:not(.scroll) .nav-cover { display: none !important; }
}
@media (max-width:700px) {
.center { padding: 0 30px; }
}
/* Header */
header { width: 100%; height: 100px; background: #FFF; position: fixed; top: 0; left: 0; box-shadow: 0 3px 3px rgb(0 0 0 / 5%), 0 1px 0 rgb(0 0 0 / 5%); z-index: 99999; transition: .3s; }
header .center { height: 100%; }
header .logo { position: absolute; top: calc(50% + 1px); left: 50px; transform: translate(0,-50%); }
header .logo img { width: 58px; height: auto; }
header .book-button { position: absolute; top: 50%; right: 50px; transform: translateY(-50%); }
header .book-button .button { line-height: 42px; }
header .book-nav { display: none; }
nav { position: absolute; top: 50%; left: 130px; transform: translateY(-50%); }
nav ul { margin: 0; padding: 0; list-style: none; }
nav li { margin: 0; padding: 0; float: left; }
nav li a { padding: 0 7px; font: 12px/40px 'brandon-grotesque'; letter-spacing: 2px; text-transform: uppercase; display: block; color: #3a375a; transition: .2s; }
nav li.current-menu-item a { color: #ca765d; }
nav li a:hover { color: #ca765d; }
body.home header { height: 130px; background: none; box-shadow: none; }
body.home.scroll header { height: 100px; background: #FFF; box-shadow: 0 3px 3px rgb(0 0 0 / 5%), 0 1px 0 rgb(0 0 0 / 5%); }
body.scroll-book .book-button .button { color: #FFF; background: #ca765d; }
@media (max-width:1400px) {
body.home header { height: 110px; }
header, body.home.scroll header { height: 80px; }
}
@media (max-width:1150px) {
header .book-button { right: 100px; }
header .book-button span { display: none; }
body.home header { height: 80px; }
body.dropped { overflow:hidden; }
body.dropped nav { right:0; }
body.dropped .book-nav { right:-30px; opacity:1; }
nav { width:100%; max-width:400px; position:fixed; top:80px; left: auto; right:-400px; background:#FFF; height:calc(100% - 80px); overflow-y:scroll; -webkit-overflow-scrolling: touch; z-index:200; transform: none; }
nav > ul { margin: 0; display:block; }
nav > ul > li { float: none; text-align:center; border-bottom:1px solid #E5E5E5; }
nav > ul > li > a { height: auto; border:none; font-size: 20px; line-height:70px; }
nav li > ul { position:relative; top:0 !important; left: auto; opacity:1; transform: none; display:block !important; opacity: 1 !important; border-radius: 0; background: none; }
nav li > ul:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .15; }
nav li > ul:after { opacity: .15; }
nav li > ul li { margin: 0; padding:0; float:none; position: relative; }
nav li > ul li a { font:15px/50px 'circular' !important; color:#222; letter-spacing: 0; background:none !important; border-bottom:1px solid rgba(0,0,0,.07); }
nav li > ul li a:after { content:'\f054'; font-family:'Font Awesome 5 Pro'; font-size:10px; font-weight: normal; position:absolute; top:0; right:30px; color: #222 !important; }
nav li > ul li.has-children > a { font-weight: 900 !important; font-size: 16px !important; }
nav li > ul li.has-children > a:after { content:'\f054'; font-family:'Font Awesome 5 Pro'; font-size:10px; font-weight: normal; position:absolute; top:0; right:30px; color: #222 !important; }
nav li > ul li ul { left:0; }
nav li > ul li ul:before { display: none; }
nav li > ul li ul li a { border-bottom:1px solid rgba(0,0,0,.07) !important; background:none !important; }
nav li > ul li ul li a, .hover nav li > ul li:hover ul li a { background:none !important; }
nav li > ul li ul { border-left: none; border-bottom:1px solid rgba(0,0,0,.07); }
nav li > ul li:first-child { border-radius: 0; }
nav li > ul li:last-child { border-radius: 0; }
nav li > ul li a.active, .hover nav li > ul li:hover a, .hover nav li > ul li:hover ul li a:hover { background:none !important; }
nav li.current-menu-item a { background: #fcf5ef; }
header .book-nav { width:100%; max-width:400px; height:80px; position:fixed; top:17px; right:-430px; z-index:30000; opacity:0; display: block; }
header .book-nav .button { margin-right: 15px; float:left; }
header .book-nav .phone { width:42px; height:42px; margin:0 0 0 10px; line-height:43px; text-align: center; float:left; background:#F5F5F5; color:#FFF; cursor:pointer; border-radius:3px; }
header .book-nav .phone a { color: #FFF; }
header .book-nav .phone span { display:none; }
header .book-nav a.icon { width:42px; height:42px; margin:0 0 0 2px; font-size: 16px; text-align: center; line-height:43px; float:left; background:#F5F5F5; color:#AAA; cursor:pointer; border-radius:3px; }
}
@media (max-width:700px) {
header .logo img { width: 140px; }
header .book-button { display: none; }
}
@media (max-width:640px) {
nav { width:100%; }
}
@media (max-width:480px) {
nav, .nav-header { right:-100%; }
}
/* Mobile */
.hamburger { position: absolute; top: 15px; right: 30px; overflow: hidden; margin: 0; padding: 0; width: 39px; height: 50px; font-size: 0; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.2s; display: none; z-index:50000; -webkit-user-select: none; }
.hamburger:focus {outline: none;}
.hamburger span { display: block; position: absolute; top: 24px; left: 10px; right: 10px; height: 3px; background: #ca765d; }
.hamburger span::before, .hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 3px; content: ""; }
.hamburger span::before {top: -6px;}
.hamburger span::after {bottom: -6px;}
.hamburger span {transition: background 0.2s 0s;}
.hamburger span::before, .hamburger span::after { background: #ca765d; transition-duration: 0.2s, 0.2s; transition-delay: 0.2s, 0s; }
.hamburger span::before {transition-property: top, transform;}
.hamburger span::after {transition-property: bottom, transform;}
.hamburger.is-active span {background: #FFF;}
.hamburger.is-active span::before { top: 0; transform: rotate(45deg); }
.hamburger.is-active span::after { bottom: 0; transform: rotate(-45deg); }
.hamburger.is-active span::before, .hamburger.is-active span::after {transition-delay: 0s, 0.2s;}
@media (max-width:1150px) {
.hamburger { display: block; }
}
@media (max-width:1150px) and (min-width:768px) {
.hamburger { width: 42px; }
.hamburger span::before {top: -7px;}
.hamburger span::after {bottom: -7px;}
}
@media (max-width:480px) {
.hamburger { right: 20px; }
}
/* Hero */
.hero { width: 100%; height: 90%; max-height: 1000px; min-height: 500px; background: #FFF; position: relative; overflow: hidden; }
.slider img, .slider picture { width: 100%; height: 100%; position: absolute !important; top: 0 !important; left: 0 !important; object-fit: cover; object-position: center; outline: none; }
/*.hero:before { content: ''; width: 100%; height: 40%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); z-index: 9999; pointer-events: none; }*/
.slick-arrow { width: 100px; height: 100%; position: absolute; top:0; z-index: 9999; cursor: pointer; }
.slick-arrow.slick-prev { left: 0; }
.slick-arrow.slick-prev:before, .slick-arrow.slick-next:before { content: ''; width: 30px; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); filter: drop-shadow(0 0 5px rgba(0 0 0 / 1)); background-position: center; background-repeat: no-repeat; outline: none; }
.slick-arrow.slick-prev:before { background-image: url("data:image/svg+xml;utf8,"); }
.slick-arrow.slick-next:before { background-image: url("data:image/svg+xml;utf8,"); }
.slick-arrow.slick-next { right: 0; }
button.slick-arrow { background: none; border: none; font-size: 0; }
.slick-dots { margin: 0; padding: 0; position: absolute; bottom: 20px; left: 50%; z-index: 9999; }
.slick-dots li { width: 12px; text-align: center; float: left; margin-bottom: 0; padding: 0; color: #FFF; opacity: .5; transition: .2s; }
.slick-dots li.slick-active { opacity: 1; }
.slick-dots li button { display: none; }
@media (max-width:1150px) {
.hero { height: 75%; }
.slick-arrow { width: 80px; }
.slick-arrow svg {width: 20px; }
}
@media (max-width:700px) {
.slick-arrow { width: 50px; }
.slick-arrow.slick-prev:before, .slick-arrow.slick-next:before { width: 25px; }
.slick-dots { bottom: 15px; }
}
/* Title */
.title { width: 100%; padding: 8% 5%; margin-bottom: 100px; text-align: center; background: #ca765d url(images/back.jpg); background-size: cover; background-position: center; box-sizing: border-box; }
h1, .title h1, .h1 { margin: 0; padding: 0; font: bold 70px/80px 'change'; color: #3a375a !important; }
.title h1 { color: #FFF !important; font-weight: 400 !important; }
.title-button { display: none; }
.title-button .button { width: 100%; line-height: 56px; text-align: center; background: #305A5E; position: relative; }
.title-button .button svg { position: absolute; right: 42px; top: 50%; transform: translateY(-50%); }
.title h1 span, h2 span { font-family: 'hanesy'; }
@media (min-width:1151px) {
.home .title { padding-bottom: calc(8% + 90px); }
}
@media (max-width:1150px) {
.title { padding: 10% 5%; }
.title h1 { font: 100 38px/48px 'brandon-grotesque'; }
.title-button { display: block; }
}
@media (max-width:700px) {
.title { padding: 14% 10%; }
.title h1 { font: 100 32px/42px 'brandon-grotesque'; }
.title h1 br { display: none; }
}
/* Content */
.section { width: 100%; float: left; margin-bottom: 150px; }
.content { box-sizing: border-box; position: relative; }
.content h2, .content p { margin: 0 0 25px; padding: 0; }
.content.content-property { padding: 100px 0 0; margin-bottom: 90px; }
.content.content-property:after { content: ''; clear: both; width: 100%; }
.content .twocol { width: 50%; padding-right: 70px; float: left; box-sizing: border-box; }
.h1 { color: #ca765d; }
h2 { font: 500 36px/40px 'brandon-grotesque'; }
h3 { font: 500 26px/32px 'brandon-grotesque'; }
@media (max-width:1400px) {
.section { margin-bottom: 120px; }
.content { padding-top: 120px; }
}
@media (max-width:700px) {
.section { margin-bottom: 80px; }
h2 { font: 500 30px/35px 'brandon-grotesque'; }
h3 { font: 500 24px/29px 'brandon-grotesque'; }
}
/* Icons */
.icons { margin: 25px 0 30px; white-space: nowrap; }
.icons:after { content: ''; clear: both; display: block; }
.icons .icon { display: inline-block; margin: 0 15px; font: 300 15px/22px 'brandon-grotesque'; text-align: center; }
.icons .icon img { width: auto; height: 30px; margin: 0 auto 5px; display: block; }
.icons .icon .size { height: 30px; margin: 0 auto 5px; font-size: 20px; line-height: 35px; display: block; font-weight: 300; }
.icons .icon .size span { font-size: 16px; font-weight: 300; }
.icons .icon .size sup { font-size: 10px; font-weight: 300; }
.icons .icon a { color: #444; font-weight: 400; border-bottom: 1px solid #EEE; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; }
.button-float { position: absolute; top: 53px; left: calc((100% - 1300px) / 2); z-index: 1; }
@media (max-width:1400px) {
.icons { top: 33px; }
.button-float { top: 39px; left: 50px; }
}
@media (max-width:1150px) {
.button-float { display: none; }
}
@media (max-width:700px) {
.icons { transform: translateX(-50%) scale(0.8); }
.icons .icon { margin: 0 7px; }
}
/* Side Box */
.side-box-container { width: 100%; height: 100%; }
.side-box { width: 100%; height: 130%; min-height: 700px; max-height: 800px; position: relative; }
.side-box .slider { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.side-box .text { width: 25%; padding-right: 50px; padding-top: 25px; position: absolute; top: 50%; left: 50px; transform: translateY(-50%); box-sizing: border-box; }
.side-box .image { width: calc(((100% - 1400px) / 2) + (1300px / 4 * 3)); height: 100%; background: #444; position: absolute; top: 0; right: 0; background-size: cover; background-position: center; z-index: 1; overflow: hidden; }
.side-box:nth-child(even) .text { padding: 0 0 0 50px; left: auto; right: 50px; }
.side-box:nth-child(even) .image { left: 0; right: auto; }
.side-box.side-box-content { height: auto; min-height: 0; max-height: none; margin-top: -85px; }
.side-box.side-box-content .center { max-width: 1200px; }
.side-box.side-box-content .text { width: 50%; padding-top: 105px; padding-right: 50px; position: relative; top: auto; left: auto; transform: none; }
.side-box.side-box-content .image { width: calc(50% - 100px); height: calc(100% + 160px); top: -160px; right: 50px; background-size: cover; background-position: center; z-index: 1; }
.side-box.side-box-content .icons { top: 10px; left: -15px; transform: none; }
.side-box-feature { background: #fcf5ef; }
.side-box-feature .h1 { font-size: 40px; line-height: 48px; }
.side-box.box-hero { height: 100%; max-height: 900px; min-height: 600px; }
.side-box.box-hero .text { width: 48%; padding-right: 50px; padding-top: 80px; position: absolute; top: 50%; left: 50px; transform: translateY(-50%); box-sizing: border-box; }
.side-box.box-hero .image { width: 52%; }
.side-box.box-hero .image:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: -1px; background: url(images/hero-snow.png) top left no-repeat; background-size: auto 100%; z-index: 9999; }
.side-box.box-hero.side-box-feature { background: #FFF; }
.side-box.box-hero .button { margin-top: 16px; }
.side-box.box-intro .text { width: 50%; padding-left: 100px; font-size: 20px; line-height: 27px; }
.side-box.box-intro .image { width: 50%; background: #fcf5ef; }
.side-box.box-intro .image img { width: calc(100% - 100px); height: auto; padding: 0 50px; position: absolute; top: 50%; transform: translateY(-50%); }
@media (max-width:1400px) {
.side-box.side-box-content .image { height: calc(100% + 130px); top: -130px; }
.side-box.side-box-content .icons { top: 25px; }
}
@media (max-width:1150px) {
.side-box .text { width: 30%; }
.side-box .image { width: calc(((100% - 1400px) / 2) + (1300px / 3 * 1.95)); }
.side-box.side-box-content .text { padding-right: 25px; }
.side-box.side-box-content .image { width: calc(50% - 25px); height: calc(100% - 30px); top:30px; right: 0; background-size: cover; background-position: center; z-index: 1; }
.side-box.side-box-content .icons { transform: scale(0.8) !important; left: -45px !important; }
.side-box.side-box-content .icons .icon { margin: 0 7px; }
}
@media (max-width:800px) {
.side-box { min-height: 0; max-height: 500px; }
.side-box .text { width: 45%; }
.side-box .image { width: calc(((100% - 1400px) / 2) + (1300px / 1.88)); }
}
@media (max-width:700px) {
.side-box { height: auto; max-height: none; margin-bottom: 55px; }
.side-box .text { width: 100%; padding: 0 !important; position: relative; top: 0; left: auto !important; right: auto !important; transform: none; }
.side-box .image { width: 100%; height: 400px; margin-bottom: 80px; position: relative; }
.side-box-feature { margin-bottom: 80px; }
.side-box-feature .text { padding: 0 0 60px !important; }
.side-box-feature .h1 { font-size: 30px; line-height: 35px; }
.side-box-feature .button { margin: auto; display: table; }
.side-box.side-box-content { margin-bottom: 100px; }
.side-box.side-box-content .text { width: 100%; padding-top: 65px !important; }
.side-box.side-box-content .image { width: 100%; height: 400px; top:40px; }
.side-box.side-box-content .icons { transform: translateX(-50%) scale(0.8) !important; left: 50% !important; top: -2px; }
}
/* Text */
.text-center { text-align: center; }
.text-button { margin: -80px 0 90px; }
@media (max-width:1400px) {
.text-button { margin: -70px 0 75px; }
}
/* Boxes */
.boxes { margin-bottom: 20px; display: block; padding-bottom:80px; }
.boxes .center { padding: 0 25px; display: flex; flex-wrap: wrap; }
.boxes .center:after { content: ''; clear: both; display: block; }
.boxes .item { width: calc(33.33% - 50px); margin: 0 25px 50px; box-sizing: border-box; float: left; display: flex; }
.boxes .item-container { width: 100%; position: relative; }
.boxes .item a { color: #444; display: block; border-bottom: 3px solid #ca765d; position: relative; opacity: 1; transition: .2s; }
.boxes .item a:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: .2s; }
.boxes .item .thumb { position: relative; }
.boxes .item .thumb img { width: 100%; height: auto; display: block; transition: .2s; }
.boxes .item .details { padding: 28px 0 0; position: relative; transition: .2s; }
.boxes .item .details h3 { margin:0 0 5px; font: bold 30px/40px 'change'; color: #3a375a; }
.boxes .item .price { font-size: 18px; font-weight: 500; position: absolute; bottom: 5px; right: 0; }
.boxes .item .title { font: 400 18px/25px 'Montserrat'; overflow: hidden; }
.boxes .item .sub-title { font: 400 13px/18px 'Montserrat'; color: #999; }
.boxes .item .sub-title span { margin: 0 2px; }
.boxes .featured { padding: 0 15px; font: 600 13px/40px 'Montserrat'; color: #FFF; letter-spacing: .5px; position: absolute; bottom: 0; left: 0; }
.boxes .item.col-2 { width: calc(50% - 40px); }
.post-date { min-width: 48px; padding: 6px; text-align: center; border-radius: 3px; color: #FFF; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); z-index: 3; cursor: default; opacity: 0; transition: .2s; pointer-events: none; }
.post-date .month { margin-bottom: 2px; font: 900 12px/18px 'Montserrat'; letter-spacing: 1px; }
.post-date .day { font: 300 25px/25px 'Montserrat'; }
.copy .copy-main .boxes { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; }
.boxes .item:hover a { opacity: 0.9; transform: scale(1.03); }
/* Responsive */
@media (max-width:1150px) {
.boxes .center { padding: 0 35px; }
.boxes .item { width: calc(50% - 40px); margin: 0 20px 50px; }
.item .post-date { bottom: -10px !important; opacity: 1; }
.boxes .item .save { opacity: 1; }
.boxes .item .save-info.add:before { content: 'Saved'; }
.boxes .item .save-info.remove:before { content: 'Removed'; }
.boxes .item .title { height: auto; }
.boxes .item.placeholder:nth-child(3), body.page-id-224 .boxes .item:nth-child(3), body.single-apartment .boxes .item:nth-child(3) { display: none; }
}
@media (max-width:768px) {
.boxes .center { padding: 0 50px; }
.boxes .item { width: 100% !important; margin: 0 auto 50px; float:none; display: block; }
.boxes .item.placeholder:nth-child(2) { display: none; }
}
@media (max-width:480px) {
.boxes .center { padding: 0 30px 40px; display: block; }
.boxes .item:last-child { margin-bottom:0; }
.navigation ul { margin: 10px auto 50px; }
.navigation li { margin: 0 2px; font: 400 15px/27px 'Montserrat'; }
.navigation a { min-width: 35px; padding: 5px 5px; }
.navigation li i { font-size: 16px; }
.boxes .item .price span.outside-range { display: none; }
}
@media (max-width:480px), (max-height:400px) {
.boxes { margin-bottom: 10px; }
.boxes .item { margin: 0 auto 40px; }
}
/* Full Image */
.fullimage { width: 100%; height: 80%; max-height: 600px; margin-bottom: 0; padding-bottom: 0; background-attachment: fixed; background-size: cover; position: relative; }
/* Testimonial */
.testimonial .quote-mark { width: 95px; margin: auto; fill: #ca765d; }
.testimonial .item { width: 100%; max-width: 680px; margin: auto; text-align: center; }
.testimonial .quote { font: italic 26px/30px 'brandon-grotesque'; }
.testimonial-button { margin-bottom: 80px; text-align: center; display: none; }
.testimonial-button a { width: 100%; }
@media (max-width:700px) {
.testimonial .quote-mark { width: 80px; }
.testimonial .quote { font: italic 22px/26px 'brandon-grotesque'; }
.testimonial-button { display: block; }
}
/* Gallery */
.gallery { width: calc(100% + 20px); margin-left:-10px; margin-top:-60px; box-sizing: border-box; }
.gallery.section-full { padding: 60px; }
.gallery figure { margin: 0; border: 10px solid transparent; box-sizing:border-box; position:relative; }
.gallery figure a { width:100%; height:100%; position:absolute; overflow:hidden; background:#F5F5F5; transition:.2s ease; }
.gallery figure img { width:115%; margin-left: -7%; height:auto; display:block; transition-timing-function:ease; }
.gallery figure .img:before { content:""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(50,50,50,.2); opacity: 0; transition: .2s; }
.gallery span { width:100%; padding:25px 18px 18px; font:bold 14px/18px 'brandon-grotesque'; letter-spacing:.3px; color:#FFF; text-shadow:1px 1px 0 rgba(0,0,0,.1); position:absolute; bottom:-20px; left:0; box-sizing:border-box; background:-webkit-gradient( linear, left bottom, left top, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0)) ); background:-moz-linear-gradient(bottom, rgba(0,0,0,0.6), rgba(0,0,0,0) ); background:linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0) ); opacity:0; z-index:10; transition:.2s ease-out; }
/* Hovers */
.gallery figure a:hover .img:before { opacity:1; }
/* Responsive */
@media (max-width:700px) {
.content-gallery .center { padding: 0 20px; }
.gallery.section-full { padding: 20px; }
}
@media (max-width:480px) {
.gallery { margin-bottom: 50px; }
}
@media (max-width:400px) {
.gallery figure { border: 5px solid transparent; }
}
/* Lightbox */
.featherlight { padding: 0 70px; background:transparent; cursor:pointer; display:none; font-family:'brandon-grotesque',Helvetica,Arial,sans-serif; position:fixed; top:0; right:0; bottom:0; left:0; text-align:center; white-space:nowrap; z-index:2147483647; box-sizing: border-box; }
.featherlight * { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box }
.featherlight:last-of-type { background:rgba(50,50,50,.8); }
.featherlight:before { content:""; display:inline-block; height:100%; margin-right:-.25em; vertical-align:middle }
.featherlight .featherlight-content { border:0; cursor:auto; display:inline-block; max-height:80%; max-width:100%; box-sizing: border-box; min-width:inherit; overflow:visible; position:relative; text-align:left; vertical-align:middle; white-space:normal; overflow: auto; }
.featherlight-content .featherlight-image { transform:scale(.95); transition:.3s ease }
.featherlight-content.lightbox-pop .featherlight-image { transform:scale(1) }
.featherlight .featherlight-inner { display:block }
.featherlight .featherlight-close-icon { display: none; }
.featherlight .featherlight-image { max-width:100% }
.featherlight iframe { border:0 }
[data-featherlight] { cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in }
.featherlight-iframe .featherlight-content { border-bottom:0; padding:0 }
.featherlight-content .caption { color:#fff; font-size:16px; font-weight:lighter; max-width:100%; overflow:hidden; position:absolute; text-align:left; text-overflow:ellipsis; white-space:nowrap }
.featherlight-content .caption:hover,.featherlight-content .caption:focus { overflow:visible; white-space:normal }
.featherlight-loading .featherlight-content { -webkit-animation:featherlightLoader 1s infinite linear; animation:featherlightLoader 1s infinite linear; background:transparent; border:4px solid transparent; border-left-color:#fff; font-size:10px }
.featherlight-loading .featherlight-content,.featherlight-loading .featherlight-content:after { -webkit-border-radius:50%; border-radius:50%; height:40px; width:40px }
.featherlight-loading .featherlight-close,.featherlight-loading .featherlight-inner { display:none }
.featherlight-next,.featherlight-previous { background-repeat:no-repeat; -webkit-background-size:100% auto; background-size:100% auto; cursor:pointer; display:block; height:60px; margin-top:-30px; position:fixed; top:50%; text-indent:100%; -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none; white-space:nowrap; width:50px; transition:.3s ease; }
.featherlight-next span,.featherlight-previous span { display:none }
.featherlight-next { right:0; }
.featherlight-next:before { content:''; width: 20px; height: 60px; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: center; text-indent:0; position:absolute; top:0; right:15px; transition: .2s; }
.featherlight-previous { left:0; }
.featherlight-previous:before { content:''; width: 20px; height: 60px; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: center; text-indent:0; position:absolute; top:0; left:15px; transition: .2s; }
.featherlight-next:hover:before,.featherlight-next:focus:before,.featherlight-previous:hover:before,.featherlight-previous:focus:before { color:#444 }
.featherlight-next:hover,.featherlight-next:focus,.featherlight-previous:hover,.featherlight-previous:focus { background:#333 }
.featherlight-loading .featherlight-previous,.featherlight-loading .featherlight-next { display:none }
@-webkit-keyframes featherlightLoader { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) }}
@keyframes featherlightLoader { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) }}
.lightbox-hide { display: none; }
.lightbox-info { width: 100%; max-width: 800px; padding: 40px; font: 400 15px/20px 'brandon-grotesque'; color: #444; background: #FFF; }
.lightbox-info img { width: auto; height: 200px; margin-left: 40px; float: right; }
.lightbox-info p:last-child { margin: 0; }
#csv .lightbox-info { max-width: 500px; min-height: 280px; }
/* Responsive */
@media (min-width: 980px) {
.featherlight .featherlight-content { max-height:90% }
}
@media (max-width:640px) {
.featherlight { padding: 0 30px; }
.featherlight-next, .featherlight-previous { width: 30px; }
.featherlight-loading .featherlight-content,.featherlight-loading .featherlight-content:after { width: 30px; }
.featherlight-next:before { right:5px; }
.featherlight-previous:before { left:5px; }
}
@media (max-width:480px) {
.lightbox-info { padding: 30px; }
.lightbox-info img { height: 130px; margin: 0 0 20px 30px; }
}
/* Footer */
footer { width: 100%; margin-top: 110px; padding: 0 0 195px; background: #3a375a; float: left; position: relative; }
.footer-gallery { width: 100%; max-width: 1200px; margin: -140px auto 135px; padding: 0 50px; box-sizing: border-box; position: relative; }
.footer-gallery a { display: block; transition: .3s; }
.footer-gallery a:after { content: ''; clear: both; display: block; }
.footer-gallery .item { width: 25%; padding: 0 1px; box-sizing: border-box; float: left; }
.footer-gallery .item img { width: 100%; height: auto; display: block; }
.footer-gallery .button { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #ca765d !important; background: #FFF !important; border: none; box-shadow: 0 5px 10px rgba(0 0 0 / .3) !important; opacity: 0; white-space: nowrap; }
.footer-gallery a:hover { transform: scale(1.02); box-shadow: 0 5px 10px rgba(0 0 0 / .15); }
.footer-gallery a:hover .button { opacity: 1; transform: translate(-50%,-50%) scale(0.98); }
.subscribe { width: 100%; max-width: 620px; margin: auto; text-align: center; }
.subscribe h2 { margin-bottom: 20px; font: 300 30px/40px 'brandon-grotesque'; color: #ca765d; }
.subscribe form { width: 100%; height: 70px; padding: 15px 15px 15px 20px; background: #FFF; border: 1px solid #ccdcd6; box-shadow: 0 5px 10px rgba(0 0 0 / .07); box-sizing: border-box; }
.subscribe form input { width: 60%; font: 20px/36px 'brandon-grotesque'; border: none; outline: none !important; float: left; }
.subscribe form button { padding: 0 15px; font-size: 13px; line-height: 38px; float: right; cursor: pointer; }
.footer-links { width: 100%; font-size: 17px; color: #FFF; position: absolute; left: 0; bottom: 80px; text-align: center; z-index: 1; }
.footer-links a { margin-left: 15px; color: #FFF; }
.footer-links a.km img { width: auto; height: 11px; }
@media (max-width:1150px) {
.footer-gallery .button { opacity: 1; }
}
@media (max-width:800px) {
.footer-gallery .item { width: 50%; padding: 1px; }
}
@media (max-width:700px) {
footer { padding: 0 0 160px; }
.footer-gallery { margin: -130px auto 95px; padding: 0 30px; }
.subscribe h2 { font: 300 22px/32px 'brandon-grotesque'; }
.subscribe form input { font-size: 18px; }
.footer-links { font-size: 15px; }
.footer-links a { margin-left: 12px; }
.footer-links span { display: none; }
.footer-links a.km img { height: 9px; }
}