html, body {
}
BODY{
background-color: #FFFFFF;
color:#ffffff;
font-family: "Noto Sans", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
}
H1,
H2,
H3{
font-family: "PT Serif", serif;
font-weight: 700;
font-style: normal;
}
H4,
H5{
font-family: "PT Serif", serif;
font-style: normal;
font-weight: 400;
}
H1{
font-size: 3.45em;
margin-bottom: 30px;
font-weight: 900;
}
H2{
font-size: 5em;
text-transform: uppercase;
margin-bottom: 30px;
}
H3{
font-size: 1.85em;
margin-bottom: 50px;
color: #FFFFFF;
letter-spacing: 20px;
}
H4{
font-size: 1.85em;
line-height: 1.5em;
margin-bottom: 30px;
color: #FFFFFF;
font-family: "Noto Sans", sans-serif;
}
P{
/*font-family: 'facto', sans-serif;*/
font-family: "PT Serif", serif;
font-style: normal;
font-weight: 100;
font-size: 18px;
}
a{
color: #089ea9;
text-decoration: underline;
font-weight: 400;
}
a:hover{
color: #089ea9;
font-weight: 200;
}
label,
.label{
font-family: "PT Serif", serif;
font-size: 18px;
}
.uppercase{
text-transform: uppercase !important;
}
.bold{
font-weight: bold;
}
.no-gutter{
padding-right: 0 !important;
padding-left: 0 !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
IMG.img-50{
width: 50%;
height: 50%;
}
.form-control{
font-family: "PT Serif", serif;
font-size: 1.25rem;
}
.btn.btn-primary,
.rsvp-btn{
background-color: #FFFFFF;
color: #6F8E86;
border-color: #6F8E86;
border-radius: 50px;
border-width: 1px;
padding: 15px 40px;
margin: 10px 0 30px 0;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
}
.btn.btn-primary:hover{
background-color: #E8E8E8;
color: #4C615C;
border-color: #4C615C;
padding: 15px 40px;
margin: 10px 0 30px 0;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
}
.btn.btn-secondary{
background-color: transparent;
color: #D1E0D7;
border-color: #D1E0D7;
border-radius: 50px;
border-width: 1px;
padding: 10px 60px;
margin: 10px 0 30px 0;
text-transform: uppercase;
text-decoration: none;
}
.btn.btn-primary:hover{
background-color: #D1E0D7;
color: #4E6A63;
border-color: #4E6A63;
}
.logo-bar{
padding: 30px;
margin-bottom: 30px;
}
.main-title h4{
padding:15px;
border: 1px solid #089EA9;
color: #089EA9;
}
.community-logo{
max-width: 50%;
max-height: 50%;
padding: 30px 0 ;
}
.brown-bar{
background-color: #3D3935;
padding: 30px;
}
.content-box{
padding: 30px;
/*border: 1px solid #089EA9;*/
margin-top: 30px;
margin-bottom: 30px;
background-color: rgba(0,0,0,0.5);
}
/* Header-bar */
.header-bar{
background-color: #243e55;
background-image: url('../img/Nostalgia Townlet-180.jpg');
background-size: cover;
background-position: bottom;
min-height: 600px;
padding-bottom: 500px;
}
.header-bar .jayman-logo-box{
width: 282px;
padding: 30px 30px 0 30px;
background-image: url('../img/jayman-logo-box-bg.png');
background-size: cover;
background-position: bottom;
min-height: 180px;
margin: 0 auto;
}
.main-logo{
height: auto;
width: 50%;
display: block;
margin: 0 auto;
padding: 50px 0 0 0;
}
.tagline{
font-size: 3rem;
font-weight: 700;
margin-bottom: 60px;
}
.overlay{
background-image: url('../img/hero-bar-overlay.png');
background-size: cover;
background-position: bottom;
min-height: 100px;
margin-bottom: 60px;
}
.hero-bar{
background-color: #243e55;
background-image: url('../img/hero-bar-bg.png');
background-size: cover;
background-position: bottom;
min-height: 600px;
}
.hero-bar .bg-main-image{
}
.hero-bar .hero-bar-content{
padding: 100px 150px;
}
/* hero-scroller-container */
.hero-scroller-container{
padding: 100px 0;
}
.hero-scroller-container H2{
color: #6F8E86;
font-size: 1.5rem;
}
.hero-scroller-container H1{
color: #05394E;
font-size: 8rem;
font-family: sans-serif;
font-weight: normal;
}
.hero-scroller-container p{
color: #05394E;
fontt-size: 1.85rem;
}
.hero-scroller-container .hero-scroller-item{
margin-right: 30px;
}
.hero-scroller-container .hero-scroller-item .main-img{
}
.hero-scroller-container .hero-scroller-item .scroller-btn{
position: relative;
margin-top: -15px;
margin-right: 30px;
background-color: #ffffff;
}
/* main-video */
.main-video{
margin-top: -500px;
margin-bottom: 100px;
}
/* Countdown */
.countdown{
background-color: #05394E;
}
.countdown .countdown-title{
color: #6F8E86;
text-transform: none;
font-size: 50px;
font-weight: 400;
font-family: "Noto Sans", sans-serif;
}
#days h2,
#hours h2,
#minutes h2,
#seconds h2{
font-size: 115px;
margin-bottom: 0px;
font-weight: 500;
}
#days P,
#hours P,
#minutes P,
#seconds P{
color: #D1E0D7;
font-weight: 500;
font-family: "Noto Sans", sans-serif;
}
.modal {
padding: 5% !important;
}
.modal .modal-dialog {
width: 100%;
max-width: none;
height: 100%;
margin: 0;
}
.modal .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal .modal-body {
}
/* */
.main-cta-bar{
background-color: #6F8E86;
padding: 100px 0;
/*background-image: url('../img/main-cta-bg-element.png');
background-position: left center;
background-repeat: no-repeat;*/
}
.main-cta-bar p.hero{
font-size: 50px;
line-height: 60px;
font-weight: 500;
margin-bottom: -40px;
position: relative;
z-index: 1000;
font-family: "Noto Sans", sans-serif;
}
.main-cta-bar .main-cta-hero-image{
position: relative;
z-index: 999;
}
.main-cta-bar .main-cta-content{
margin-top: 60px;
}
.main-cta-bar p{
font-size: 18px;
}
/* homes-for-all */
.homes-for-all{
background-color: #ffffff;
color: #05394E;
padding: 150px 0;
background-image: url('../img/homes-for-all-bg-element.png');
background-position: left bottom;
background-repeat: no-repeat;
}
.homes-for-all p{
margin-bottom: 60px;
}
.homes-for-all .home-icons-bar{
margin-bottom: 30px;
}
.homes-for-all .home-icon{
margin-right: 30px;
}
/* slick dots styles */
.appenddots{
margin: 0;
padding: 0 60px 60px 0;
padding-right: 15%;
}
.slick-dots{
text-align:right;
position: inherit;
}
.slick-track,
.slick-list{
max-height: 1000px;
}
.legacy-slider{
margin-bottom: 0 !important;
}
/* legacy of */
.legacy-bar-outer{
background-color: #A9A68F;
padding: 50px 0;
/*background-image: url('../img/main-cta-bg-element.png');
background-position: right top;
background-repeat: no-repeat;*/
overflow: hidden;
}
.legacy-bar-mid{
background-color: #07394F;
}
.legacy-bar-inner{
color: #FFFFFF;
padding: 100px 0;
margin-left: 5%;
margin-right: 5%;
}
.legacy-bar-inner H2{
font-size: 3.5rem;
text-transform: none;
font-weight: 500;
font-family: "Noto Sans", sans-serif;
}
.legacy-bar-inner H3{
margin-top: 60px;
margin-bottom: 10px;
font-size: 2.5rem;
letter-spacing: normal;
text-transform: uppercase;
font-weight: 500;
}
.legacy-bar-inner H4{
margin-top: 30px;
font-size: 1.85rem;
letter-spacing: normal;
text-transform: uppercase;
}
.legacy-bar-inner p{
margin-bottom: 30px;
font-size: 1.5rem;
}
.legacy-bar-inner .legacy-image-left{
display: block;
position: absolute;
left: -10%;
z-index: 500;
}
.legacy-bar-inner .legacy-image-right{
display: block;
position: absolute;
right: -10%;
z-index: 500;
}
.legacy-slide-container{
background-color: #6F8E86;
padding: 60px;
}
.legacy-slide-container-inner{
border: 1px solid #FAF9F4;
padding: 60px;
color: #05394E;
}
/* location-amenities */
.location-amenities{
margin: 150px 0;
}
.homes-gallery{
padding-top: 100px;
}
/* Email List Form */
.email-list{
background-color: #05394E;
}
.email-list-form{
background-color: #6F8E86;
min-height: 400px;
margin: 150px 0;
}
.email-list-form-inner{
border: 2px solid #FAF9F4;
margin: 50px 30px;
padding: 60px;
}
.alt-form{
background-color: #D1E0D7;
color: #05394E;
}
.alt-form H4{
color: #05394E;
}
.alt-form .form-container .form-control {
background-color: #bbcec4;
color: #05394E !important;
padding: 30px;
border: none;
border-radius: 0px;
}
.alt-form .btn.btn-secondary {
background-color: transparent;
color: #05394E !important;
border: 1px solid #05394E;
border-radius: 100px;
}
.alt-form ::placeholder {
color: #05394E !important;
}
.form-container{
}
.form-container .form-control{
background-color: #4E6A63;
color: #D1E0D7;
padding: 30px;
border: none;
border-radius: 0px;
}
.form-container .form-control::placeholder{
color: #E5EDE9;
}
.footer-form{
margin-top: -300px;
}
.footer-form-container{
background-color: #05394E;
}
/* footer-bar-images */
.footer-bar-images{
background-color: #05394E;
padding-top: 100px;
}
/* footer-bar-overlay */
.footer-bar-overlay{
padding: 60px 0;
background-color: #05394E;
}
/* footer-bar */
.footer-bar{
background-color: #05394E;
padding: 0 60px 60px 60px;
}
.footer-bar .for-more-info p{
font-size: 24px;
}
p.copyright{
color: #D1E0D7;
font-size: 12px;
}
.footer-jayman-logo{
max-width: 250px;
}
.map-bar{
min-height: 500px;
margin: 50px 0 150px 0;
padding-bottom: 200px;
}
.map-bar iframe{
display: block; /* iframes are inline by default */
border: none; /* Reset default border */
height: 500px; /* Viewport-relative units */
}
.copyright-bar{
border-top: 1px solid #3b4757;
padding-top: 30px;
padding-bottom: 100px;
color: #3b4757;
}
.copyright-bar P,
.copyright-bar a{
color: #3b4757;
}
.pad-content{
padding: 0px 85px;
}
.white{
color: #ffffff !important;
}
.black{
color: #000000 !important;
}
@media only screen and (max-width: 1330px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1199.98px) and (min-width: 992px) {
}
@media only screen and (max-width: 991.98px) {
H2{
font-size: 3em;
}
.header-bar .jayman-logo-box{
width: 282px;
padding: 25px;
background-image: url('../img/jayman-logo-box-bg.png');
background-size: cover;
background-position: bottom;
min-height: 150px;
margin: 0 auto;
float:none;
}
.main-logo{
height: auto;
width: 100%;
padding: 0 30px;
margin: 60px 0;
}
.tagline{
font-size: 1.5rem;
}
.hero-scroller-container H1{
font-size: 4rem;
}
.email-list-form-inner{
padding: 15px;
margin: 30px 15px;
}
.main-cta-bar p.hero{
font-size: 30px;
line-height: 40px;
margin-bottom: -20px;
}
.countdown .countdown-title{
padding-top: 60px;
font-size: 30px;
}
#days h2,
#hours h2,
#minutes h2,
#seconds h2{
font-size: 50px;
margin-bottom: 0px;
font-weight: 500;
}
#days P,
#hours P,
#minutes P,
#seconds P{
font-size: 12px;
}
.legacy-bar-inner p{
font-size: 18px;
}
.slick-track,
.slick-list{
max-height: inherit;
}
.legacy-slide-container{
padding: 20px;
}
}
@media only screen and (max-width: 759.98px) {
}