/*
Theme Name: 1550lincoln
Theme URI: https://1550lincoln.com
Template: generatepress
Author: Luca Ottolini
Author URI: https://lucaottolini.com
Description: Welcome to 1550 Lincoln, an exquisite haven of elegance and comfort nestled in the heart of Santa Monica, California. Our premier apartment building offers an unparalleled blend of sophistication, convenience, and style. From our distinctively designed building exterior, to our thoughtfully designed interiors and our picturesque amenities featuring a Sky Deck with rooftop pool and spa, various lounges and fire pits, every detail at 1550 Lincoln is crafted to provide residents with an extraordinary living experience.
Version: 1.0.1774514152
Updated: 2026-03-26 08:35:52
*/

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
    font-family: 'North Carossela';
	src: url('fonts/north_carossela-webfont.woff2') format('woff2'),
    url('fonts/north_carossela-webfont.woff') format('woff');    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body, html{
	overflow-x:hidden;
}

ul.am_features {
    padding-top: 4.2vw;
	margin:0 0 40px 0;
}

ul.am_features li {
    color: #303941;
    text-transform: uppercase;
	list-style-type:none;
}

header{
	margin-bottom:6px;
}

.inside-navigation.grid-container{
	max-width:100%;
}

.main-navigation .main-nav>ul{
	justify-content:flex-end;
}

.gform_button{
	font-family:'North Carossela'!important;
	font-size:24px!important;
	font-weight:700!important;
	padding:14px 23px 13px 23px!important;
	border:2px solid var(--accent)!important;
}

.gform_button:hover{
	color:var(--accent)!important;
	background-color:white!important;
}

#page{
	text-align:center;
}

h1{
	text-transform: uppercase;
	padding-bottom: 1.3vw;
	margin-bottom: 4.4vw;
	position: relative;
	display: inline-block;
	letter-spacing: 0.1vw;
}

h1,
.view_availability{
	position:relative;
}

.view_availability{
	margin:40px auto;
	display:inline-block;
}

h1:after,
.view_availability:after{
	height: 1px;
	background-color: #303941;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	content:'';
}

.gform-footer{
	display:flex!important;
	justify-content:center!important;
}

form{
	padding:20px!important;
}

form input{
	text-align:left!important;
	text-transform:uppercase!important;
}

form input,
form select{
	border-radius:0!important;
	border-top:0!important;
	border-left:0!important;
	border-right:0!important;
	box-shadow:none!important;
}

form *:focus{
	 outline: none!important;
}

@media only screen and (min-width: 1025px) {
	h1{
		font-size: 40px;
	}
	
	header{
		padding-top:calc((11.7vw / 2) - 70px );
		padding-bottom:calc(11.7vw / 2 - 70px );
	}

	.site-header .header-image{
		width:15vw;
	}
	
	body.full-width-content h1{
		margin-top:80px;
	}

	ul.am_features li {
		font-size: 1.1vw;
	}

	.main-nav a{
		position:relative;
	}

	.main-nav a:after{
		content: '';
		width:calc(100% - 40px);
		position: absolute;
		bottom: 5%;
		left: 0;
		right:0;
		margin:auto;
		transform:scaleX(0);
		height: 1px;
		transition: transform .35s ease;
		background-color: #F4F4F5;
	}

	.main-nav a:hover:after,
	.main-nav .current-menu-item a:after{
		transform:scaleX(100%);
	}
	
	form #field_1_7{
		margin:auto;
		width:calc(50% - 60px);
	}
	
	.gform-theme--foundation .gform_fields,
	.gform-theme--foundation .gform-grid-row{
		column-gap:60px!important;
	}
	
	ul.am_features li {
		display: inline;
	}
	
	ul.am_features li:not(:last-of-type):after{
		content:' | '
	}
}

@media only screen and (max-width: 768px) {
	.site-logo{
		max-width:60%;
	}
}

/* =============================================
   Leasing Popup
   ============================================= */

.leasing-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
}

.leasing-popup-overlay.is-visible {
    opacity: 1;
    pointer-events: auto;
}

.leasing-popup {
    display: flex;
    width: 100%;
    max-width: 780px;
    max-height: 90vh;
    background: #f5f0e8;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.leasing-popup-image {
    flex: 0 0 45%;
    overflow: hidden;
}

.leasing-popup-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.leasing-popup-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 40px;
    text-align: center;
    position: relative;
    background: #f5f0e8;
}

.leasing-popup-close {
    position: absolute;
    top: 14px;
    right: 16px;
    background: none;
    border: 1px solid #aaa;
    color: #555;
    font-size: 14px;
    width: 28px;
    height: 28px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: border-color 0.2s, color 0.2s;
}

.leasing-popup-close:hover {
    border-color: #303941;
    color: #303941;
}

.leasing-popup-title,
.leasing-stripe-title{
    font-family: 'North Carossela', serif;
    font-size: 38px;
    color: #2d3f5c;
    margin: 0 0 18px 0;
    padding: 0;
    text-transform: none;
    letter-spacing: 0;
    border: none;
}

.leasing-popup-title::after {
    display: none;
}

.leasing-popup-text,
.leasing-stripe-text{
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height: 1.7;
    color: #303941;
    margin-bottom: 28px;
}

.leasing-popup-text p {
    margin: 0 0 6px 0;
}

.leasing-popup-cta,
.leasing-stripe-cta{
    display: inline-block;
    font-family: 'North Carossela', serif;
    font-size: 22px;
    color: #303941;
    border: 1.5px solid #303941;
    border-radius: 50px;
    padding: 10px 36px 8px;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
	font-weight:400!important;
}

.leasing-popup-cta:hover,
.leasing-stripe-cta:hover{
    background: #303941;
    color: #f5f0e8;
}


.leasing-stripe { display: none; }

@media (min-width: 1024px) {
    .leasing-stripe {
        display: block;
        background: #your-color;
        padding: 12px 20px;
    }
    .leasing-stripe-inner {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        max-width: 1200px;
        margin: 0 auto;
    }
    .leasing-stripe-image { height: 40px; width: auto; }
    .leasing-popup-overlay { display: none !important; }
}

@media (max-width: 600px) {
    .leasing-popup {
        flex-direction: column;
        max-height: 92vh;
        overflow-y: auto;
    }

    .leasing-popup-image {
        flex: 0 0 200px;
        height: 200px;
    }

    .leasing-popup-content {
        padding: 36px 24px;
    }

    .leasing-popup-title {
        font-size: 30px;
    }
}