html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, hgroup, menu, nav, section, video {
display: block; }
/* ol, ul {
list-style: none; } */
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
body {
background: #ffffff;
font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #444;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
}
.faq-padd {
padding: 2em;
}
@media only screen and (max-width: 480px) {
.faq-padd {
padding: .5em;
}
}
.float-center-pagination {
display: flex;
align-items: center;
justify-content: center;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size:18px;
}
/* .box .cell-footer-nav .footer-list {
display: block;
} */
/* .product-button-label .myButton-prod a {
color: #ffffff;
} */
/* .product-category .product-cat-list ul li a */
ul.product-navigation li.active a {
list-style: none;
font-family: TradeGothicProBold;
font-style: normal;
font-size: 32px;
letter-spacing: 0px;
line-height: 101%;
padding: 40px 0px 0px 0px;
margin: 0px;
text-indent: -5px;
text-align: center;
text-decoration: none;
white-space: nowrap;
text-transform: uppercase;
border-bottom: 3px solid #D82622;
color: #D82622;
}
.product-category ul li a {
/* list-style: none;
font-family: TradeGothicProBold;
font-style: normal;
font-size: 32px;
letter-spacing: 0px;
line-height: 101%;
padding: 40px 0px 70px 0px;
margin: 0px;
text-indent: -5px;
text-align: center;
text-decoration: none;
white-space: nowrap;
text-transform: uppercase; */
/* color: #000000; */
}
.product-category ul {
display: inline-block;
/* margin-right: 30px; */
margin: 25px;
/* color:#000000; */
padding-bottom: 20px;
padding-left: 5px;
/* padding-right: 5px; */
}
li.menu-item.current-menu-item a:active {
border-bottom: 3px solid #D82622;
color: #D82622;
}
.span_1_of_2_content-column .product-cat-list ul li {
color: #000000;
}
.span_1_of_2_content-column .wp-element-button {
background-color: #0071dc;
color: #ffffff;
}
#storepoint-container #storepoint-brand img {
visibility: hidden;
display: none;
}
div.a2a_full_footer {
visibility: hidden;
display: none;
}
.st-logo {
visibility: hidden;
display: none;
}
.span_1_of_2_content-column .ticker-top p {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size:18px;
letter-spacing: .1px;
line-height: 250%;
padding: 5px 0px 22px 0px; /* top right bottom left */
color:#D82622;
text-align: center;
}
.recipes-row-spacer {
height: 70px;
width: 100%;
}
.hc-product-container {
display: flex;
flex-direction: row;
justify-content: center;
overflow: hidden;
flex-wrap: wrap;
}
@media only screen and (max-width: 480px) {
.hc-product-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
overflow: hidden;
flex-wrap: wrap;
}
}
.hc-product-container img {
/* max-height: 500px; */
max-width: 399px;
width: 100%;
height: auto;
margin: 1em;
cursor:pointer;
}
@media only screen and (max-width: 480px) {
.hc-product-container img {
/* max-height: 500px; */
max-width: 320px;
/* width: 100%; */
height: auto;
margin: 2em;
cursor:pointer;
}
}
.hc-product-container img a {
/* max-height: 300px; */
cursor:pointer;
}
.hc-product-container h6 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:20px;
line-height: 0em;
letter-spacing: .1px;
padding: 10px 0px 15px 0px; /* top right bottom left */
margin: 0;
color:#000000;
text-align: center;
vertical-align: bottom;
text-transform: uppercase;
}
/* RECIPE CONTAINER */
.hc-recipe-container {
/* display: flex;
flex-direction: row;
justify-content: center;
overflow: hidden; */
/* display: flex;
flex-wrap: wrap; */
}
@media only screen and (max-width: 480px) {
.hc-recipe-container {
/* display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
overflow: hidden;
flex-wrap: wrap; */
}
}
/* .hc-recipe-container img {
max-width: 399px;
width: 100%;
height: auto;
margin: 1em;
cursor:pointer;
} */
@media only screen and (max-width: 480px) {
/* .hc-recipe-container img {
max-width: 320px;
height: auto;
margin: 2em;
cursor:pointer;
} */
}
/* .hc-recipe-container img a {
cursor:pointer;
} */
.hc-recipe-container h6 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:20px;
line-height: 101%;
letter-spacing: .1px;
padding: 10px 0px 15px 0px; /* top right bottom left */
margin: 0;
color:#000000;
text-align: center;
vertical-align: bottom;
text-transform: uppercase;
}
.col-3box-recs a {
text-decoration: none;
}
/* .span_1_of_2_content-column .hc-recipe-container h6 a {
text-decoration: none;
} */
/* END RECIPE CONTAINER */
/* LANDING PAGE CONTAINER */
.hc-landing-page-container {
}
/* .span_1_of_2_content-column */
.hc-landing-page-container h3 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:32px;
line-height: 101%;
letter-spacing: .1px;
padding: 10px 0px 15px 0px; /* top right bottom left */
margin: 0;
color:#000000;
text-align: center;
vertical-align: bottom;
}
.hc-landing-page-container p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 16px;
letter-spacing: .1px;
line-height: 120%;
padding: 20px 0px 22px 0px;
color: #000000;
text-align: left;
}
.hc-landing-page-container img {
/* padding: 20px 60px 60px 60px; */
/* top right bottom left */
max-width: 1200px;
width: 100%;
height: auto;
/* width: 1200px;
height: 635px; */
}
.hc-landing-page-container ul {
padding: 0px 0px 0px 10px; /* top right bottom left */
text-indent: 0px;
color:#000000;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:16px;
letter-spacing: .1px;
line-height: 120%;
padding: 5px 0px 5px 20px; /* top right bottom left */
color:#000000;
text-align: left;
margin-left: 20px;
}
.hc-landing-page-container ul li {
margin: 5px;
}
/* END LANDING PAGE CONTAINER */
.container-hc-p {
position: relative;
}
.container-hc-p a {
text-decoration: none;
}
.upper-image-hc-p {
position: absolute;
top: 0;
left: 0;
transition: opacity .25s;
opacity: 0;
}
.upper-image-hc-p:hover {
opacity: 1;
cursor:pointer;
}
/* .transmission {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
} */
/* .fade-in-image { animation: fadeIn 5s; } */
.box-recipe-content ul {
padding: 0px 0px 0px 10px; /* top right bottom left */
text-indent: 0px;
color:#000000;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:16px;
letter-spacing: .1px;
line-height: 120%;
padding: 5px 0px 5px 20px; /* top right bottom left */
color:#000000;
text-align: left;
margin-left: 20px;
}
.box-recipe-content ul li {
margin: 5px;
}
/* .box-recipe-content ul.thelists-hc {
padding: 0px 0px 0px 10px;
text-indent: 0px;
color:#000000;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:16px;
letter-spacing: .1px;
line-height: 120%;
padding: 5px 0px 5px 20px;
color:#000000;
text-align: left;
margin-left: 20px;
}
.box-recipe-content ul.thelists-hc li {
margin: 5px;
} */
.input-icons button i {
font-size: 24px;
}
.input-icons button {
position: absolute;
right: 245px;
cursor:pointer;
background-color: transparent;
border-width: 0;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
line-height: inherit;
padding: 0;
}
.input-icons {
width: 100%;
margin-bottom: 10px;
}
.icon {
padding: 10px;
min-width: 40px;
}
.input-field {
width: 100%;
padding: 10px;
text-align: left;
}
@media only screen and (max-width: 480px) {
.input-icons button i {
font-size: 24px;
}
.input-icons button {
position: absolute;
right: 200px;
cursor:pointer;
background-color: transparent;
border-width: 0;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
line-height: inherit;
padding: 0;
}
.input-icons {
width: 100px;
margin-bottom: 10px;
}
.icon {
padding: 10px;
min-width: 40px;
}
.input-field {
width: 100%;
padding: 10px;
text-align: left;
}
}
.site-search-button-container {
}
input.search {
width: 260px;
height: 44px;
border: 1px solid #555;
display: block;
padding: 9px 4px 9px 40px; /* top right bottom left */
border-radius: 30px;
font-size: 18px;
/* position: relative; */
/* background: transparent url("../img/magnifying-glass-regular.svg") no-repeat 13px; */
}
.mag-glassy {
/* position: absolute; */
}
.search-page-margin {
/* margin-top: 150px; */
padding-top: 75px
}
.hc-searchpage a {
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size:18px;
letter-spacing: .1px;
line-height: 120%;
padding: 10px 0px 10px 65px; /* top right bottom left */
text-align: left;
}
.hc-searchpage p {
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size:18px;
letter-spacing: .1px;
line-height: 120%;
padding: 10px 0px 10px 65px; /* top right bottom left */
text-align: left;
}
/* FAQ */
.container-faq-hc {
width: 99%;
}
@media only screen and (max-width: 480px) {
width: 300px;
}
.container-faq-hc h1{
color: #000;
text-align: center;
cursor:pointer;
}
details{
background-color: #ffffff;
color: #000;
font-size: 1.5rem;
cursor:pointer;
}
summary {
padding: .5em 1.3rem;
list-style: none;
display: flex;
justify-content: space-between;
transition: height 1s ease;
}
summary::-webkit-details-marker {
display: none;
}
summary:after{
content: "\002B";
cursor:pointer;
}
details[open] summary {
border-bottom: 1px solid #aaa;
margin-bottom: .5em;
cursor:pointer;
color: #D82622;
}
details[open] summary:after{
content: "\00D7";
cursor:pointer;
}
details[open] div{
padding: .5em 1em;
line-height: 105%;
background: #D9D9D9;
background-color: #D9D9D9;
}
/* END FAQ */
/* FFAAQQ */
.hc-faq-header h1 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:32px;
letter-spacing: 0px;
line-height: 105%;
padding: 20px 0px 10px 0px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
color:#ffffff;
text-align: left;
vertical-align: middle;
}
@media only screen and (max-width: 480px) {
.hc-faq-header h1 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:32px;
letter-spacing: 0px;
line-height: 105%;
padding: 20px 0px 10px 20px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
color:#ffffff;
text-align: left;
vertical-align: middle;
}
}
.contact-top h3 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:32px;
letter-spacing: normal;
line-height: 88%;
padding: 36px 0px 10px 20px; /* top right bottom left */
color:#000000;
text-align: left;
/* white-space: nowrap; */
}
.hc-tc-header {
/* height: 90px; */
height: auto;
/* padding-top: 10px;
padding-bottom: 20px;
padding-left: 20px; */
/* margin: 1em; */
background-color:#A6192E;
width: 100%;
}
.hc-faq-header {
/* height: 90px;
margin-top: 120px;
padding-top: 0px;
padding-left: 0px;
background-color:#A6192E;
width: 100%; */
display: flex;
align-items: center;
justify-content: center;
background-color:#A6192E;
}
@media only screen and (max-width: 480px) {
.hc-faq-header {
/* height: 90px;
padding-top: 20px;
padding-left: 0px;
background-color:#A6192E;
width: 100%; */
}
}
/* FFAAQQ */
.hc-contact-header h1 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:32px;
letter-spacing: 0px;
line-height: 105%;
padding: 0px 0px 10px 0px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
color:#000000;
text-align: left;
}
.hc-contact-header {
height: 150px;
padding-top: 40px;
padding-left: 20px;
background-color:#A6192E;
width: 100%;
}
@media only screen and (max-width: 480px) {
.hc-contact-header {
height: 90px;
padding-top: 20px;
padding-left: 0px;
background-color:#A6192E;
width: 100%;
}
}
.contact-top {
margin-top: 75px;
}
@media only screen and (max-width: 480px) {
.contact-top {
margin-top: 55px;
}
}
.box-explore-content .box-about-hist {
display: flex;
align-content: center;
align-items: center;
text-align: center;
/* flex-direction: row;
gap: 20px; */
/* border: 1px solid red; */
}
.box-explore-content .box-about-hist img {
width: 150px;
/* width: 100%; */
height: auto;
}
.box-explore-content .row-about-history {
text-align: center;
}
.box-explore-content .row-about-history2 {
text-align: center;
}
.recipe-box-temp {
display: flex;
align-content: center;
align-items: center;
flex-direction: row;
gap: 20px;
white-space: nowrap;
}
.recipe-row-temp {
text-align: center;
}
.recipe-row-time {
text-align: center;
}
.fa-heat {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:32px;
letter-spacing: .1px;
line-height: 120%;
padding: 10px 0px 10px 0px; /* top right bottom left */
color:#ffffff;
text-align: left;
}
.fa-alarm-clock {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:32px;
letter-spacing: .1px;
line-height: 120%;
padding: 10px 0px 10px 0px; /* top right bottom left */
color:#ffffff;
text-align: left;
}
.product-button-container {
/* display: inline-block;
margin: 0 20px; */
display: flex;
align-content: center;
align-items: center;
flex-direction: row;
gap: 20px;
white-space: nowrap;
}
@media only screen and (max-width: 480px) {
.product-button-container {
/* display: inline-block;
margin: 0 20px; */
display: flex;
align-content: center;
align-items: center;
flex-direction: column;
gap: 20px;
white-space: nowrap;
}
}
.myButton-prod {
/* background-color:#E0E1E2; */
background-color:#D82622;
border-radius:30px;
border:3px solid #D82622;
display:inline-block;
cursor:pointer;
/* color:#676868; */
color: #D82622;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size:21px;
letter-spacing: 1px;
padding: 10px 50px 14px 40px; /* top right bottom left */
text-decoration:none;
white-space: nowrap;
}
.myButton-prod-amazon {
/* background-color:#E0E1E2; */
background-color:#FF9900;
border-radius:30px;
border:3px solid #FF9900;
display:inline-block;
cursor:pointer;
/* color:#676868; */
/* color: #D82622; */
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size:21px;
letter-spacing: 1px;
padding: 10px 50px 14px 40px; /* top right bottom left */
text-decoration:none;
white-space: nowrap;
}
.myButton-prod-walmart {
/* background-color:#E0E1E2; */
background-color:#0071dc;
border-radius:30px;
border:3px solid #0071dc;
display:inline-block;
cursor:pointer;
/* color:#676868; */
/* color: #D82622; */
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size:21px;
letter-spacing: 1px;
padding: 10px 50px 14px 40px; /* top right bottom left */
text-decoration:none;
white-space: nowrap;
}
.myButton-exp {
/* background-color:#E0E1E2; */
background-color:#ffffff;
border-radius:30px;
border:3px solid #ffffff;
display:inline-block;
cursor:pointer;
/* color:#676868; */
/* color: #D82622; */
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size:21px;
letter-spacing: 1px;
padding: 12px 50px 12px 40px; /* top right bottom left */
text-decoration:none;
white-space: nowrap;
}
.span_1_of_2_content-column .product-description a {
color: #ffffff;
/* white-space: nowrap; */
}
/* .span_1_of_2_content-column .product-button-label-share a {
color: #D82622;
white-space: nowrap;
} */
.span_1_of_2_content-column .product-description a.product-button-label-share {
color: #D82622;
white-space: nowrap;
}
.span_1_of_2_content-column .product-description a.explore-button-label-share {
color: #ffffff;
white-space: nowrap;
}
.span_1_of_2_content-column .product-description a.product-button-label-experience {
color: #000000;
white-space: nowrap;
}
.myButton-prod:hover {
/* background-color:#C5C5C6; */
background-color:#A6192E;
}
.myButton-prod:active {
position:relative;
top:1px;
}
.myButton-exp:hover {
/* background-color:#C5C5C6; */
background-color:#ffffff;
}
.myButton-exp:active {
position:relative;
top:1px;
}
.myButton-prod-outline {
/* background-color:#E0E1E2; */
/* background-color:#D82622; */
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-radius:30px;
border:3px solid #D82622;
display:inline-block;
cursor:pointer;
/* color:#676868; */
/* color: #D82622; */
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size:21px;
letter-spacing: 1px;
padding: 12px 50px 12px 40px; /* top right bottom left */
text-decoration:none;
white-space: nowrap;
}
.myButton-prod-outline:hover {
/* background-color:#C5C5C6; */
background-color:#A6192E;
}
.myButton-prod-outline:active {
position:relative;
top:1px;
}
.myButton-where-outline {
/* background-color:#E0E1E2; */
/* background-color:#D82622; */
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-radius:30px;
border:3px solid #D82622;
display:inline-block;
cursor:pointer;
/* color:#676868; */
/* color: #D82622; */
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size:21px;
letter-spacing: 1px;
padding: 12px 50px 12px 40px; /* top right bottom left */
text-decoration:none;
white-space: nowrap;
}
.myButton-where-outline:hover {
/* background-color:#C5C5C6; */
background-color:#37474F;
}
.myButton-where-outline:active {
position:relative;
top:1px;
}
.myButton-explore-outline {
/* background-color:#E0E1E2; */
/* background-color:#D82622; */
color: #ffffff;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-radius:30px;
border:3px solid #ffffff;
display:inline-block;
cursor:pointer;
/* color:#676868; */
/* color: #D82622; */
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size:21px;
letter-spacing: 1px;
padding: 12px 50px 12px 40px; /* top right bottom left */
text-decoration:none;
white-space: nowrap;
}
.myButton-explore-outline:hover {
/* background-color:#C5C5C6; */
background-color:#A6192E;
}
.myButton-explore-outline:active {
position:relative;
top:1px;
}
.myButton-explore-product-outline {
/* background-color:#E0E1E2; */
/* background-color:#D82622; */
color: #ffffff;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-radius:30px;
border:3px solid #ffffff;
display:inline-block;
cursor:pointer;
/* color:#676868; */
/* color: #D82622; */
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size:21px;
letter-spacing: 1px;
padding: 12px 50px 12px 40px; /* top right bottom left */
text-decoration:none;
white-space: nowrap;
}
.myButton-explore-product-outline:hover {
/* background-color:#C5C5C6; */
/* background-color:#424242; */
background-color:#424242;
}
.myButton-explore-product-outline:active {
position:relative;
top:1px;
}
/* .product-navigation-pad {
padding-right: 30px;
} */
ul.product-navigation {
list-style: none;
font-family: TradeGothicProBold;
font-style: normal;
font-size:32px;
letter-spacing: 0px;
line-height: 0em;
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px;
text-indent: -5px;
color:#000000;
color: #ffffff;
text-align: center;
text-decoration: none;
}
@media only screen and (max-width: 480px) {
ul.product-navigation {
list-style: none;
font-family: TradeGothicProBold;
font-style: normal;
font-size:20px;
letter-spacing: 0px;
line-height: 0em;
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
color:#000000;
text-align: center;
text-decoration: none;
}
ul.product-navigation li {
display: inline-block;
/* margin-right: 30px; */
margin: 0px;
/* margin: 5px; */
color:#000000;
padding-bottom: 0px;
/* padding-bottom: 20px; */
padding-left: 0px;
/* padding-right: 5px; */
}
}
ul.product-navigation li {
display: inline-block;
/* margin-right: 30px; */
margin: 25px;
/* color:#000000; */
color: #ffffff;
padding-bottom: 20px;
padding-left: 5px;
/* padding-right: 5px; */
}
/* Category navigation styling */
ul.product-navigation li a {
list-style: none;
font-family: TradeGothicProBold;
font-style: normal;
font-size: 32px;
letter-spacing: 0px;
line-height: 101%;
padding: 0px 0px 0px 0px;
margin: 0px;
text-indent: -5px;
text-align: center;
text-decoration: none;
white-space: nowrap;
text-transform: uppercase;
color: #000000;
}
/* ul.product-navigation a.selected {
border-bottom: 3px solid #D82622; !important;
} */
ul.product-navigation li.selected {
border-bottom: 3px solid #D82622;
color: #D82622;
}
/* ul.product-navigation li a {
margin-right: 30px;
color:#000000;
}
ul.product-navigation li a:hover {
color:#ffffff;
}
*/
.span_1_of_2_content-column .col-3box h6 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:20px;
line-height: 0em;
letter-spacing: .1px;
padding: 30px 0px 0px 0px; /* top right bottom left */
margin: 0;
color:#000000;
text-align: center;
vertical-align: bottom;
}
@media only screen and (max-width: 480px) {
.span_1_of_2_content-column .col-3box h6 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:18px;
line-height: 0em;
letter-spacing: .1px;
padding: 20px 0px 0px 0px; /* top right bottom left */
margin: 0;
color:#000000;
text-align: center;
vertical-align: bottom;
}
}
.span_1_of_2_content-column .col-3box-recs h6 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:20px;
line-height: 105%;
letter-spacing: .1px;
padding: 30px 0px 0px 0px; /* top right bottom left */
margin: 0;
color:#000000;
text-align: center;
vertical-align: bottom;
}
@media only screen and (max-width: 480px) {
.span_1_of_2_content-column .col-3box-recs h6 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:18px;
line-height: 102%;
letter-spacing: .1px;
padding: 20px 0px 0px 0px; /* top right bottom left */
margin: 0;
color:#000000;
text-align: center;
vertical-align: bottom;
}
}
/* .span_1_of_2_content-column .col-3box img a:hover {
transform: scale(1.1);
transition: .25s;
} */
.hc-product-flip {
position: relative;
/* padding-right: 120px; */
}
.upper-image {
position: absolute;
top: 0;
left: 0;
transition: opacity .5s;
opacity: 0;
/* margin-left: 20px; */
/* bottom: -25px; */
/* left: 55px; */
/* border: 1px solid red; */
}
.upper-image:hover {
opacity: 1;
}
/* .col-3box img:hover {
transform: scale(1.05);
transition: transform .5s ease;
} */
.col-3box-recs img {
transition: all .2s ease-in-out;
width: 403px;
height: 504px;
}
.col-3box-recs img {
/* transform: scale(1.1); */
/* transition: .25s; */
transition: all .2s ease-in-out;
/* transition: transform .5s ease; */
/* transition: transform .5s ease; */
}
.col-3box-recs img:hover {
transform: scale(1.05);
/* transition: .25s; */
transition: transform .5s ease;
/* transition: transform .5s ease; */
}
/* .col-3box img:hover {
transform: scale(1.05);
transition: transform .5s ease;
} */
@media only screen and (max-width: 480px) {
.hc-product-flip {
width: 322px;
height: 402px;
position: relative;
display: inline-block;
}
.hc-product-flip .img-top {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99;
}
.hc-product-flip:hover .img-top {
display: inline;
opacity: 1;
}
.col-3box img {
/* transition: all .2s ease-in-out; */
width: 322px;
height: 402px;
}
.col-3box img:hover {
transform: scale(1.05);
transition: transform .5s ease;
}
.col-3box-recs img {
/* transition: all .2s ease-in-out; */
width: 322px;
height: 402px;
}
.col-3box-recs img:hover {
transform: scale(1.05);
transition: transform .5s ease;
}
}
.topnav a.selected {
border-bottom: 3px solid #D82622;
color: #D82622;
}
.ticker-top {
margin-top: 150px;
}
.social-footer-pad {
padding-right: 60px;
}
@media only screen and (max-width: 480px) {
.social-footer-pad {
padding-right: 0px;
margin-left: 15px;
}
}
.hc-footer-column {
-moz-column-count: 2; /* For FireFox */
-webkit-column-count: 2; /* For Safari/Chrome */
column-count: 2; /* For when the standard gets fully supported */
}
ul.footer-list {
/* display: inline; */
/* display: block; */
padding-left: 60px;
padding-top: 30px;
list-style: none;
}
ul.footer-list li {
font-family: TradeGothicProBold;
font-style: normal;
/* text-transform: uppercase; */
font-size:21px;
/* font-size:4vw; */
letter-spacing: .1px;
line-height: 95%;
/* line-height: 105%; */
/* padding: 0px 0px 0px 0px; */
padding: .3em;
color:#ffffff;
text-align: left;
/* opacity: .50; */
white-space: nowrap;
}
ul.footer-list a {
text-decoration: none;
}
@media only screen and (max-width: 480px) {
ul.footer-list {
/* display: inline; */
/* display: block; */
padding-left: 15px;
padding-top: 30px;
list-style: none;
}
ul.footer-list li {
font-family: TradeGothicProBold;
font-style: normal;
/* text-transform: uppercase; */
font-size:21px;
/* font-size:4vw; */
letter-spacing: .1px;
line-height: 95%;
/* line-height: 105%; */
/* padding: 0px 0px 0px 0px; */
padding: .4em;
color:#ffffff;
text-align: left;
/* opacity: .50; */
white-space: nowrap;
}
ul.footer-list a {
text-decoration: none;
}
}
.hc-thintext .span_1_of_2_content-column p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:18px;
letter-spacing: .1px;
line-height: 105%;
padding: 5px 0px 22px 0px; /* top right bottom left */
color:#ffffff;
text-align: center;
}
.hc-spacer {
/* background: #787878; */
width: 100%;
padding: 0px;
margin: 0px;
height: 300px;
display:inline-block;
}
.hc-button-spacer-1 {
/* background: #787878; */
width: 100%;
padding: 0px;
margin: 0px;
height: 100px;
display:inline-block;
}
.hc-button-spacer-2 {
/* background: #787878; */
width: 100%;
padding: 0px;
margin: 0px;
height: 35px;
display:inline-block;
}
.hc-button-spacer-explore {
/* background: #787878; */
width: 100%;
padding: 0px;
margin: 0px;
height: 40px;
display:inline-block;
}
.hc-button-spacer-explore-h1 {
/* background: #787878; */
width: 100%;
padding: 0px;
margin: 0px;
height: 20px;
display:inline-block;
}
.kaleidosheading {
font-family: Kaleidos;
font-size:68px;
/* font-size:4vw; */
/* letter-spacing: 1px; */
line-height: 1.5em;
padding: 0px 0px 0px 0px; /* top right bottom left */
/* color:#333333; */
/* margin-bottom: 20px; */
color: #D82622;
text-align: center;
/* opacity: .80; */
white-space: nowrap;
/* display:inline-block; */
/* display: block; */
}
@media only screen and (max-width: 480px) {
.kaleidosheading {
font-family: Kaleidos;
font-size:42px;
/* font-size:4vw; */
/* letter-spacing: 1px; */
line-height: 1.5em;
padding: 0px 0px 0px 0px; /* top right bottom left */
/* color:#333333; */
/* margin-bottom: 20px; */
color: #D82622;
text-align: center;
/* opacity: .80; */
white-space: nowrap;
/* display:inline-block; */
/* display: block; */
}
}
.kaleidosheading-new-recipes {
font-family: Kaleidos;
font-size:62px;
/* line-height: 0em; */
line-height: 120%;
padding: 0px 0px 40px 0px; /* top right bottom left */
margin-bottom: 40px;
color: #D82622;
text-align: center;
/* white-space: nowrap; */
/* font-family: Kaleidos;
font-size:68px;
line-height: 1.5em;
padding: 0px 0px 0px 0px;
color: #D82622;
text-align: center;
white-space: nowrap; */
}
@media only screen and (max-width: 480px) {
.kaleidosheading-new-recipes {
font-family: Kaleidos;
font-size:42px;
/* font-size:4vw; */
/* letter-spacing: 1px; */
line-height: 1.5em;
padding: 0px 0px 0px 0px; /* top right bottom left */
/* color:#333333; */
/* margin-bottom: 20px; */
color: #D82622;
text-align: center;
/* opacity: .80; */
white-space: nowrap;
/* display:inline-block; */
/* display: block; */
}
}
.kaleidosheading-dark {
font-family: Kaleidos;
font-size:52px;
/* font-size:4vw; */
/* letter-spacing: 1px; */
line-height: 1.5em;
padding: 30px 0px 0px 0px; /* top right bottom left */
/* color:#333333; */
/* margin-bottom: 20px; */
color: #A6192E;
text-align: center;
/* opacity: .80; */
/* white-space: nowrap; */
margin: 0;
/* display:inline-block; */
/* display: block; */
}
.kaleidosheading-white {
font-family: Kaleidos;
font-size:62px;
/* font-size:4vw; */
/* letter-spacing: 1px; */
line-height: 1.5em;
padding: 0px 0px 0px 0px; /* top right bottom left */
/* color:#333333; */
/* margin-bottom: 20px; */
color: #ffffff;
text-align: center;
/* opacity: .80; */
white-space: nowrap;
/* display:inline-block; */
/* display: block; */
}
.hc-contact-header .kaleidosheading-white {
font-family: Kaleidos;
font-size:52px;
/* font-size:4vw; */
/* letter-spacing: 1px; */
line-height: 100%;
padding: 20px 0px 0px 20px; /* top right bottom left */
/* color:#333333; */
/* margin-bottom: 20px; */
color: #ffffff;
text-align: left;
/* opacity: .80; */
/* white-space: nowrap; */
/* display:inline-block; */
/* display: block; */
}
@media only screen and (max-width: 480px) {
.hc-contact-header .kaleidosheading-white {
font-family: Kaleidos;
font-size:38px;
/* font-size:4vw; */
/* letter-spacing: 1px; */
line-height: 100%;
padding: 5px 0px 0px 5px; /* top right bottom left */
/* color:#333333; */
/* margin-bottom: 20px; */
color: #ffffff;
text-align: left;
/* opacity: .80; */
/* white-space: nowrap; */
/* display:inline-block; */
/* display: block; */
}
}
.hc-tc-header .kaleidosheading-white {
font-family: Kaleidos;
font-size:62px;
/* font-size:4vw; */
/* letter-spacing: 1px; */
line-height: 1.5em;
padding: 20px 0px 0px 20px; /* top right bottom left */
/* color:#333333; */
/* margin-bottom: 20px; */
color: #ffffff;
text-align: center;
/* opacity: .80; */
white-space: nowrap;
/* display:inline-block; */
/* display: block; */
}
@media only screen and (max-width: 480px) {
.hc-tc-header .kaleidosheading-white {
font-family: Kaleidos;
font-size:38px;
/* font-size:4vw; */
/* letter-spacing: 1px; */
line-height: 1.5em;
padding: 5px 0px 0px 5px; /* top right bottom left */
/* color:#333333; */
/* margin-bottom: 20px; */
color: #ffffff;
text-align: center;
/* opacity: .80; */
white-space: nowrap;
/* display:inline-block; */
/* display: block; */
}
}
.kaleidosheading-black {
font-family: Kaleidos;
font-size:62px;
/* font-size:4vw; */
/* letter-spacing: 1px; */
line-height: 1.5em;
padding: 0px 0px 0px 0px; /* top right bottom left */
/* color:#333333; */
/* margin-bottom: 20px; */
color: #000000;
text-align: left;
/* opacity: .80; */
white-space: nowrap;
/* display:inline-block; */
/* display: block; */
}
/* TICKER */
/* Animation */
@-webkit-keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-2535px * 2));
}
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-2535px * 2));
}
}
/* Styling */
.ticker-container .ticker-tape {
height: auto;
margin: auto;
overflow: hidden;
position: relative;
width: 100%;
}
.ticker-container .ticker-tape:before, .ticker-container .ticker-tape:after {
/* background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); */
content: "";
height: 100px;
position: absolute;
width: 200px;
z-index: 2;
}
.ticker-container .ticker-tape:after {
right: 0;
top: 0;
transform: rotateZ(180deg);
}
.ticker-container .ticker-tape:before {
left: 0;
top: 0;
}
.ticker-container .slide-track {
-webkit-animation: scroll 40s linear infinite;
animation: scroll 40s linear infinite;
display: flex;
width: calc(2535px * 10);
}
/* .ticker-container .slide-track {
-webkit-animation: scroll 40s linear infinite;
animation: scroll 40s linear infinite;
display: flex;
width: calc(250px * 14);
} */
.ticker-container div.slide {
/* padding: 0 12px; */
padding: 0 0px;
display: flex;
flex-direction: column;
justify-content: center;
}
/* END TICKER */
.product-top {
width: 100%;
background-color: #000000;
}
.explore-top {
width: 100%;
background-color: #D82622;
}
.recipe-top {
width: 100%;
background-color: #A6192E;
}
/* SIDE BY SIDE */
.box {
height: auto;
padding: 0px;
/* background-color: red; */
}
.box-product {
height: auto;
padding: 0px;
width: 100%;
/* background-color: #000000; */
margin-top: 75px;
/* background-color: #000000; */
/* border: 1px solid red; */
}
.linooo {
/* border: 1px solid red; */
justify-content: center;
justify-items: center;
text-align: center;
padding-top: 30px;
}
.row-explore-content {
/* border: 1px solid red; */
justify-content: center;
justify-items: center;
text-align: center;
max-width: 1200px;
}
.row-about-content {
/* border: 1px solid red; */
justify-content: center;
justify-items: center;
text-align: center;
max-width: 1200px;
}
.row-recipe-content {
/* border: 1px solid red; */
/* justify-content: left;
justify-items: left;
text-align: left; */
max-width: 1200px;
/* width: 1200px; */
}
.product-description {
max-width: 700px;
margin-right: 60px;
/* border: 1px solid red; */
}
@media only screen and (max-width: 480px) {
.product-description {
max-width: 400px;
margin-right: 0px;
/* border: 1px solid red; */
}
}
.box-product2 {
height: auto;
padding: 0px;
width: 100%;
/* background-color: #000000; */
margin-top: 75px;
/* background-color: #000000; */
display: flex;
flex-direction: row;
justify-content: center;
/* border: 1px solid red; */
}
/* .box-product2 img {
padding: 20px 60px 60px 60px;
width: 398px;
height: 504px;
} */
.box-explore {
height: auto;
padding: 0px;
width: 100%;
/* background-color: #000000; */
margin-top: 75px;
/* background-color: #000000; */
display: flex;
flex-direction: row;
justify-content: center;
/* border: 1px solid red; */
}
.box-explore .recipe-hero {
padding: 20px 60px 60px 60px;
width: 398px;
height: 504px;
}
.box-product2 .product-hero {
padding: 20px 60px 60px 60px;
width: 398px;
height: 504px;
}
/* share */
.box-explore .share-button {
cursor:pointer;
width: 246px;
height: 61px;
}
.box-product2 .share-button {
cursor:pointer;
width: 219px;
height: 52px;
}
@media only screen and (max-width: 480px) {
.box-explore .recipe-hero {
padding: 5px 5px 5px 5px;
width: 320px;
height: 405px;
}
.box-product2 .product-hero {
padding: 5px 5px 5px 5px;
width: 320px;
height: 405px;
}
.box-explore .share-button {
cursor:pointer;
width: 246px;
height: 61px;
}
.box-product2 .share-button {
cursor:pointer;
width: 219px;
height: 52px;
}
}
.box-explore-content {
height: auto;
padding: 0px;
width: 100%;
/* background-color: #000000; */
margin-top: 45px;
/* background-color: #000000; */
display: flex;
flex-direction: row;
justify-content: center;
/* border: 1px solid red; */
}
.box-about-content {
height: auto;
padding: 0px;
width: 100%;
/* background-color: #000000; */
margin-top: 45px;
/* background-color: #000000; */
display: flex;
flex-direction: row;
justify-content: center;
/* border: 1px solid red; */
}
.box-recipe-content {
height: auto;
padding: 0px;
width: 100%;
/* background-color: #000000; */
margin-top: 45px;
/* background-color: #000000; */
display: flex;
flex-direction: row;
justify-content: center;
/* border: 1px solid red; */
}
.box-explore-content img {
/* padding: 20px 60px 60px 60px; */
/* top right bottom left */
max-width: 1200px;
width: 100%;
height: auto;
/* width: 1200px;
height: 635px; */
}
.box-about-content img {
/* padding: 20px 60px 60px 60px; */
/* top right bottom left */
max-width: 450px;
width: 100%;
height: auto;
margin: 3em;
/* width: 1200px;
height: 635px; */
}
@media only screen and (max-width: 480px) {
.box-about-content img {
/* padding: 20px 60px 60px 60px; */
/* top right bottom left */
max-width: 300px;
width: 100%;
height: auto;
margin: 1em;
/* width: 1200px;
height: 635px; */
}
}
.box-explore-content h1 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:32px;
letter-spacing: 0px;
line-height: 105%;
padding: 0px 0px 10px 0px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
color:#000000;
text-align: left;
}
.span_1_of_2_content-column .box-recipe-content h3 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:32px;
letter-spacing: 0px;
line-height: 105%;
padding: 10px 0px 10px 0px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
color:#000000;
text-align: left;
text-transform: uppercase;
}
.span_1_of_2_content-column .box-recipe-content h4 {
/* font-family: TradeGothicProBold;
font-style: normal; */
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-size:28px;
letter-spacing: 0px;
line-height: 120%;
padding: 0px 0px 10px 0px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
color:#000000;
text-align: left;
}
.span_1_of_2_content-column .box-recipe-content h5 {
font-family: Kaleidos;
font-size:52px;
line-height: 120%;
padding: 0px 0px 0px 0px; /* top right bottom left */
color: #000000;
text-align: left;
/* text-shadow: #222222 1px 0 30px; */
/* background: inherit;
background-clip: text; */
/* color: transparent; */
/* filter: invert(1); */
/* mix-blend-mode: difference; */
/* white-space: nowrap; */
}
.span_1_of_2_content-column .box-recipe-content h6 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:32px;
letter-spacing: 0px;
line-height: 105%;
padding: 10px 0px 10px 0px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
color:#000000;
text-align: center;
text-transform: uppercase;
}
.box-explore-content ul {
padding: 0px 0px 0px 10px; /* top right bottom left */
text-indent: 0px;
color:#000000;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:16px;
letter-spacing: .1px;
line-height: 120%;
padding: 5px 0px 5px 20px; /* top right bottom left */
color:#000000;
text-align: left;
margin-left: 20px;
}
.box-explore-content ul li {
margin: 5px;
}
/* .box-explore-content img {
padding: 20px 60px 60px 60px;
width: 398px;
height: 504px;
} */
@media only screen and (max-width: 480px) {
/* .box-product2 img {
padding: 5px 5px 5px 5px;
width: 320px;
height: 405px;
} */
}
.box-product2 h1 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:48px;
letter-spacing: 0px;
line-height: 105%;
padding: 80px 0px 10px 0px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
color:#ffffff;
text-align: left;
text-transform: uppercase;
}
.box-explore h1 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:32px;
letter-spacing: 0px;
line-height: 105%;
padding: 57px 0px 10px 0px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
color:#ffffff;
text-align: left;
text-transform: uppercase;
}
.span_1_of_2_content-column .box-explore h5 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:22px;
letter-spacing: 0px;
line-height: 105%;
padding: 20px 0px 20px 0px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
color:#ffffff;
text-align: left;
}
@media only screen and (max-width: 480px) {
.box-product2 h1 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:48px;
letter-spacing: 0px;
line-height: 102%;
padding: 60px 0px 10px 0px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
color:#ffffff;
text-align: center;
}
.box-explore h1 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:32px;
letter-spacing: 0px;
line-height: 105%;
padding: 10px 0px 10px 0px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
color:#ffffff;
text-align: left;
}
}
.span_1_of_2_content-column .box-product2 h2 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:32px;
letter-spacing: 0px;
/* line-height: 0em; */
line-height: 100%;
padding: 10px 0px 20px 0px; /* top right bottom left */
margin: 0px;
/* text-indent: 0px; */
color:#ffffff;
text-align: left;
text-transform: uppercase;
}
.span_1_of_2_content-column .box-explore h2 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:32px;
letter-spacing: 0px;
line-height: 0em;
padding: 40px 0px 10px 0px; /* top right bottom left */
margin: 0px;
/* text-indent: 0px; */
color:#ffffff;
text-align: left;
}
@media only screen and (max-width: 480px) {
.span_1_of_2_content-column .box-product2 h2 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:32px;
letter-spacing: 0px;
/* line-height: 0em; */
line-height: 100%;
padding: 40px 0px 10px 0px; /* top right bottom left */
margin: 0px;
/* text-indent: 0px; */
color:#ffffff;
text-align: center;
}
.span_1_of_2_content-column .box-explore h2 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:32px;
letter-spacing: 0px;
line-height: 0em;
padding: 40px 0px 10px 0px; /* top right bottom left */
margin: 0px;
/* text-indent: 0px; */
color:#ffffff;
text-align: left;
}
}
.span_1_of_2_content-column .box-product2 p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:16px;
letter-spacing: .1px;
line-height: 120%;
padding: 20px 0px 40px 0px; /* top right bottom left */
color:#ffffff;
text-align: left;
}
.span_1_of_2_content-column .box-explore-content p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:16px;
letter-spacing: .1px;
line-height: 120%;
padding: 20px 0px 22px 0px; /* top right bottom left */
color:#000000;
text-align: left;
}
.span_1_of_2_content-column .box-about-content p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:16px;
letter-spacing: .1px;
line-height: 120%;
padding: 20px 0px 22px 0px; /* top right bottom left */
color:#000000;
text-align: left;
}
.span_1_of_2_content-column .box-recipe-content p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:16px;
letter-spacing: .1px;
line-height: 120%;
padding: 5px 0px 15px 0px; /* top right bottom left */
color:#000000;
text-align: left;
}
.span_1_of_2_content-column .box-recipe-content b {
font-weight: bold;
color: #A6192E;
}
.span_1_of_2_content-column .box-recipe-content strong {
font-weight: bold;
color: #A6192E;
}
.span_1_of_2_content-column .box-explore p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:16px;
letter-spacing: .1px;
line-height: 130%;
padding: 5px 0px 5px 0px; /* top right bottom left */
color:#ffffff;
text-align: left;
}
@media only screen and (max-width: 480px) {
.box-product2 {
height: auto;
padding: 0px;
width: 100%;
/* background-color: #000000; */
margin-top: 40px;
/* background-color: #000000; */
display: flex;
flex-direction: column;
justify-content: center;
/* border: 1px solid red; */
}
.box-explore {
height: auto;
padding: 0px;
width: 100%;
/* background-color: #000000; */
margin-top: 40px;
/* background-color: #000000; */
display: flex;
flex-direction: column;
justify-content: center;
/* border: 1px solid red; */
}
.span_1_of_2_content-column .box-product2 p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:18px;
letter-spacing: .1px;
line-height: 120%;
padding: 10px 0px 20px 0px; /* top right bottom left */
color:#ffffff;
text-align: center;
}
.span_1_of_2_content-column .box-explore p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:16px;
letter-spacing: .1px;
line-height: 120%;
padding: 10px 0px 10px 0px; /* top right bottom left */
color:#ffffff;
text-align: left;
}
}
.row-recipe-rec {
display: flex;
flex-direction: row;
align-content: flex-end;
height: auto;
}
@media only screen and (max-width: 480px) {
.row-recipe-rec {
display: flex;
flex-direction: column;
/* align-content: flex-end; */
align-content: center;
height: auto;
}
}
.row-recipe-rec .kaleidosheading {
font-family: Kaleidos;
font-size:52px;
/* font-size:4vw; */
/* letter-spacing: 1px; */
line-height: 1.5em;
padding: 0px 0px 0px 20px; /* top right bottom left */
margin: 0;
/* color:#333333; */
/* margin-bottom: 20px; */
color: #D82622;
/* text-align: left; */
/* opacity: .80; */
white-space: nowrap;
vertical-align: bottom;
/* display:inline-block; */
/* display: block; */
/* border: 1px solid red; */
}
.row-recipe-rec .tradegothicheading {
font-family: TradeGothicProBold;
font-style: normal;
/* text-transform: uppercase; */
font-size:28px;
line-height: 1.5em;
/* font-size:4vw; */
letter-spacing: .1px;
/* line-height: 95%; */
/* line-height: 105%; */
padding: 30px 0px 0px 20px; /* top right bottom left */
margin: 0;
color:#000000;
vertical-align: bottom;
/* text-align: left; */
/* opacity: .50; */
white-space: nowrap;
/* border: 1px solid red; */
}
.row-recipe-rec h3 {
font-family: TradeGothicProBold;
font-style: normal;
/* text-transform: uppercase; */
font-size:52px;
/* font-size:4vw; */
letter-spacing: .1px;
/* line-height: 95%; */
/* line-height: 105%; */
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0;
color:#000000;
text-align: left;
/* opacity: .50; */
white-space: nowrap;
}
@media only screen and (max-width: 480px) {
.row-recipe-rec .kaleidosheading {
font-family: Kaleidos;
font-size:42px;
/* font-size:4vw; */
/* letter-spacing: 1px; */
line-height: 1.5em;
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0;
/* color:#333333; */
/* margin-bottom: 20px; */
color: #D82622;
/* text-align: left; */
/* opacity: .80; */
white-space: nowrap;
text-align: center;
vertical-align: bottom;
/* display:inline-block; */
/* display: block; */
/* border: 1px solid red; */
}
.row-recipe-rec .tradegothicheading {
font-family: TradeGothicProBold;
font-style: normal;
/* text-transform: uppercase; */
font-size:21px;
line-height: 1.5em;
/* font-size:4vw; */
letter-spacing: .1px;
/* line-height: 95%; */
/* line-height: 105%; */
padding: 10px 0px 0px 0px; /* top right bottom left */
margin: 0;
color:#000000;
vertical-align: bottom;
text-align: center;
/* text-align: left; */
/* opacity: .50; */
white-space: nowrap;
/* border: 1px solid red; */
}
.row-recipe-rec h3 {
font-family: TradeGothicProBold;
font-style: normal;
/* text-transform: uppercase; */
font-size:52px;
/* font-size:4vw; */
letter-spacing: .1px;
/* line-height: 95%; */
/* line-height: 105%; */
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0;
color:#000000;
text-align: left;
/* opacity: .50; */
white-space: nowrap;
}
}
.row {
display: flex;
flex-wrap:wrap;
align-items: center;
/* justify-content: center; */
/* background-color: #D82622; */
background-color: #D82622;
}
.row-white {
display: flex;
flex-wrap:wrap;
align-items: center;
/* justify-content: center; */
/* background-color: #D82622; */
/* background-color: #D82622; */
}
.row-footer {
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: #000000;
/* border: 1px solid red; */
}
.row-product {
display: flex;
flex-direction: row;
/* justify-content: space-between; */
justify-content: center;
justify-items: center;
background-color: #000000;
max-width: 800px;
border: 1px solid red;
}
@media only screen and (max-width: 480px) {
.row-footer {
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: #000000;
/* border: 1px solid red; */
}
.row-product {
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: #000000;
/* border: 1px solid red; */
}
}
/* .row-footer > div {
} */
.row-red {
display: flex;
flex-wrap:wrap;
align-items: center;
flex-direction: row;
/* justify-content: center; */
/* background-color: #D82622; */
background-color: #D82622;
}
@media only screen and (max-width: 480px) {
.row-red {
display: flex;
flex-wrap:wrap;
align-items: center;
flex-direction: column;
/* justify-content: center; */
/* background-color: #D82622; */
background-color: #D82622;
}
}
.row-red-dark {
display: flex;
flex-wrap:wrap;
flex-direction: row;
align-items: center;
background-color: #A6192E;
}
@media only screen and (max-width: 480px) {
.row-red-dark {
display: flex;
flex-wrap:wrap;
flex-direction: column;
align-items: center;
background-color: #A6192E;
}
}
.row-red-white {
display: flex;
flex-wrap:wrap;
/* align-items: center; */
align-items: flex-start;
/* justify-content: center; */
/* background-color: #D82622; */
background-color: #ffffff;
}
.row-product {
display: flex;
flex-wrap:wrap;
align-items: center;
/* justify-content: center; */
/* background-color: #D82622; */
background-color: #000000;
}
.row-black {
display: flex;
flex-wrap:wrap;
align-items: center;
/* justify-content: center; */
/* background-color: #D82622; */
background-color: #000000;
}
.row-gold {
display: flex;
flex-wrap:wrap;
align-items: center;
/* justify-content: center; */
/* background-color: #D82622; */
background-color: #BA9D74;
}
@media only screen and (max-width: 480px) {
.row-gold {
display: flex;
/* flex-wrap:wrap; */
flex-direction: column;
align-items: center;
/* justify-content: center; */
/* background-color: #D82622; */
background-color: #BA9D74;
}
}
.cell {
flex: 1 1 200px;
/* align-items: center;
justify-content: center; */
/* align-self: center; */
/* height: 50px; */
height: auto;
text-align: center;
/* display: table-cell; */
/* border:1px solid black; */
/* background-color: #D82622; */
}
@media only screen and (max-width: 480px) {
.cell {
flex: 1 1 200px;
/* align-items: center;
justify-content: center; */
/* align-self: center; */
/* height: 50px; */
height: auto;
text-align: center;
padding-top: 60px;
padding-bottom: 60px;
/* display: table-cell; */
/* border:1px solid black; */
/* background-color: #D82622; */
}
}
.cell-hc-contact {
/* flex: 1 1 200px; */
/* align-items: center;
justify-content: center; */
/* align-self: center; */
/* height: 50px; */
height: auto;
text-align: center;
width: 40%;
/* width: 200px; */
/* display: table-cell; */
/* border:1px solid black; */
/* background-color: #D82622; */
}
.cell-hc-contact h3 {
font-family: TradeGothicProBold;
font-style: normal;
/* text-transform: uppercase; */
font-size:32px;
letter-spacing: .1px;
line-height: 95%;
/* line-height: 105%; */
padding: 65px 0px 30px 40px; /* top right bottom left */
color:#000000;
text-align: left;
/* opacity: .50; */
/* white-space: normal; */
}
@media only screen and (max-width: 480px) {
.cell-hc-contact h3 {
font-family: TradeGothicProBold;
font-style: normal;
/* text-transform: uppercase; */
font-size:32px;
letter-spacing: .1px;
line-height: 95%;
/* line-height: 105%; */
padding: 0px 0px 30px 40px; /* top right bottom left */
color:#000000;
text-align: left;
/* opacity: .50; */
/* white-space: normal; */
}
}
.span_1_of_2_content-column .cell-hc-contact h4 {
font-family: TradeGothicProBold;
font-style: normal;
/* text-transform: uppercase; */
font-size:22px;
/* font-size:4vw; */
letter-spacing: .1px;
line-height: 95%;
/* line-height: 105%; */
padding: 5px 0px 5px 40px; /* top right bottom left */
color:#000000;
text-align: left;
/* opacity: .50; */
/* white-space: normal; */
}
.span_1_of_2_content-column .cell-hc-contact h5 {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
/* text-transform: uppercase; */
font-size:22px;
/* font-size:4vw; */
letter-spacing: .1px;
line-height: 95%;
/* line-height: 105%; */
padding: 5px 0px 5px 40px; /* top right bottom left */
color:#000000;
text-align: left;
/* opacity: .50; */
/* white-space: normal; */
}
@media only screen and (max-width: 480px) {
.cell-hc-contact {
flex: 1 1 200px;
/* align-items: center;
justify-content: center; */
/* align-self: center; */
/* height: 50px; */
height: auto;
text-align: center;
padding-top: 60px;
padding-bottom: 60px;
/* display: table-cell; */
/* border:1px solid black; */
/* background-color: #D82622; */
}
}
/* RECIPE RECOMMENDATIONS */
.recipe-rec-1 {
/* background-image: url("../img/home2.png"); */
/* background-image: url("../img/home_hero.png"); */
background-image: url("../img/recipe1.png");
/* background-image: url("../img/home_hero.jpg"); */
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
/* height: auto; */
margin-top: 70px;
}
@media only screen and (max-width: 480px) {
.recipe-rec-1 {
/* background-image: url("../img/home2.png"); */
/* background-image: url("../img/home_hero.png"); */
background-image: url("../img/recipe1.png");
/* background-image: url("../img/home_hero.jpg"); */
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 300px;
/* height: auto; */
margin-top: 70px;
}
}
.recipe-rec-2 {
/* background-image: url("../img/home2.png"); */
/* background-image: url("../img/home_hero.png"); */
background-image: url("../img/recipe2.png");
/* background-image: url("../img/home_hero.jpg"); */
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
/* height: auto; */
margin-top: 70px;
}
@media only screen and (max-width: 480px) {
.recipe-rec-2 {
/* background-image: url("../img/home2.png"); */
/* background-image: url("../img/home_hero.png"); */
background-image: url("../img/recipe2.png");
/* background-image: url("../img/home_hero.jpg"); */
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 300px;
/* height: auto; */
margin-top: 70px;
}
}
.recipe-rec-3 {
/* background-image: url("../img/home2.png"); */
/* background-image: url("../img/home_hero.png"); */
background-image: url("../img/recipe3.png");
/* background-image: url("../img/home_hero.jpg"); */
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
/* height: auto; */
margin-top: 70px;
}
@media only screen and (max-width: 480px) {
.recipe-rec-3 {
/* background-image: url("../img/home2.png"); */
/* background-image: url("../img/home_hero.png"); */
background-image: url("../img/recipe3.png");
/* background-image: url("../img/home_hero.jpg"); */
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 300px;
/* height: auto; */
margin-top: 70px;
}
}
/* END RECIPE RECOMMENDATIONS */
/* PRODUCT RECOMMENDATIONS */
.product-rec-1 {
/* background-image: url("../img/home2.png"); */
/* background-image: url("../img/home_hero.png"); */
background-image: url("../img/product1.png");
/* background-image: url("../img/home_hero.jpg"); */
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
/* height: auto; */
margin-top: 70px;
}
@media only screen and (max-width: 480px) {
.product-rec-1 {
background-image: url("../img/product1.png");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
/* height: 300px; */
/* height: auto; */
/* margin-top: 70px; */
}
}
.product-rec-2 {
/* background-image: url("../img/home2.png"); */
/* background-image: url("../img/home_hero.png"); */
background-image: url("../img/product2.png");
/* background-image: url("../img/home_hero.jpg"); */
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
/* height: auto; */
margin-top: 70px;
}
@media only screen and (max-width: 480px) {
.product-rec-2 {
/* background-image: url("../img/home2.png"); */
/* background-image: url("../img/home_hero.png"); */
background-image: url("../img/product2.png");
/* background-image: url("../img/home_hero.jpg"); */
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 300px;
/* height: auto; */
margin-top: 70px;
}
}
.product-rec-3 {
/* background-image: url("../img/home2.png"); */
/* background-image: url("../img/home_hero.png"); */
background-image: url("../img/product3.png");
/* background-image: url("../img/home_hero.jpg"); */
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
/* height: auto; */
margin-top: 70px;
}
@media only screen and (max-width: 480px) {
.product-rec-3 {
/* background-image: url("../img/home2.png"); */
/* background-image: url("../img/home_hero.png"); */
background-image: url("../img/product3.png");
/* background-image: url("../img/home_hero.jpg"); */
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 300px;
/* height: auto; */
margin-top: 70px;
}
}
/* END PRODUCT RECOMMENDATIONS */
.sub-footer-left {
padding-left: 68px;
padding-top: 30px;
}
.product-right {
padding-left: 68px;
padding-top: 30px;
}
@media only screen and (max-width: 480px) {
.sub-footer-left {
padding-left: 0px;
padding-top: 30px;
}
.product-right {
padding-left: 68px;
padding-top: 30px;
text-align: center;
}
}
.sub-footer-right {
padding-right: 60px;
padding-top: 30px;
color: #ffffff;
}
.sub-footer-right a {
color: #ffffff;
text-decoration: none;
}
@media only screen and (max-width: 480px) {
.sub-footer-right {
padding-right: 0px;
padding-top: 30px;
}
}
.sub-footer-left p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:12px;
letter-spacing: .1px;
line-height: 250%;
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#ffffff;
text-align: center;
}
.sub-footer-right p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:12px;
letter-spacing: .1px;
line-height: 250%;
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#ffffff;
text-align: center;
}
.social-icon-padding {
padding-right: 60px;
}
.cell-footer-nav {
/* border: 1px solid red; */
padding-left: 0px;
}
@media only screen and (max-width: 480px) {
.cell-footer-nav {
/* border: 1px solid red; */
padding-left: 5px;
}
}
.cell-footer-nav img {
/* flex: 1 1 30px; */
/* width: 200px; */
/* flex: 1 1 200px; */
/* align-items: center;
justify-content: center; */
/* align-self: center; */
/* height: 50px; */
/* height: auto;
display: block; */
/* text-align: center; */
/* display: table-cell; */
/* border:1px solid black; */
/* background-color: #D82622; */
margin: .5em;
}
.cell-footer-nav-2 {
/* flex: 1 1 30px; */
/* width: 200px; */
/* flex: 1 1 200px; */
/* align-items: center;
justify-content: center; */
/* align-self: center; */
/* height: 50px; */
height: auto;
/* text-align: center; */
/* display: table-cell; */
/* border:1px solid black; */
/* background-color: #D82622; */
}
.cell-social {
flex: 1 1 175px;
/* padding-left: 35px; */
/* align-items: center;
justify-content: center; */
/* align-self: center; */
/* height: 50px; */
height: auto;
text-align: center;
/* display: table-cell; */
/* border:1px solid black; */
/* background-color: #D82622; */
}
.cell2 {
/* flex: 1 200px; */
flex: 1 1 200px;
margin: 0;
padding: 0;
/* height: 50px; */
height: auto;
/* display: table-cell; */
/* border:1px solid black; */
/* background-color: blue; */
background-color: #D82622;
}
.cell2 img {
display: block;
}
.cell2-contact {
/* flex: 1 200px; */
flex: 1 1 200px;
margin: 0;
padding: 0;
/* height: 50px; */
height: auto;
/* display: table-cell; */
border-left:1px solid black;
/* background-color: blue; */
background-color: #ffffff;
}
.cell2-contact img {
display: block;
}
@media only screen and (max-width: 480px) {
.cell2-contact {
/* flex: 1 200px; */
flex: 1 1 200px;
margin: 0;
padding: 0;
/* height: 50px; */
height: auto;
/* display: table-cell; */
border-left:0px solid black;
/* background-color: blue; */
background-color: #ffffff;
}
.cell2-contact img {
display: block;
}
}
.cell-product {
/* flex: 1 200px; */
flex: 1 1 200px;
margin: 0;
padding: 0;
/* height: 50px; */
height: auto;
/* display: table-cell; */
/* border:1px solid black; */
/* background-color: blue; */
background-color: #000000;
}
.cell-product img {
padding: 5em;
display: block;
}
.cell-recipe {
flex: 1 1 200px;
/* height: 50px; */
height: auto;
/* display: table-cell; */
/* border:1px solid black; */
/* background-color: blue; */
background-color: #BA9D74;
}
.cell3 {
flex: 1 1 200px;
height: 50px;
/* height: auto; */
/* border:1px solid black; */
background-color: blue;
/* background-color: #D82622; */
}
.cell4 {
flex: 1 1 200px;
height: 50px;
/* height: auto; */
/* border:1px solid black; */
background-color: orange;
/* background-color: #D82622; */
}
/* .cell h1 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
font-size:78px;
letter-spacing: -1px;
line-height: 105%;
padding: 0px 0px 0px 0px;
color: #ffffff;
text-align: center;
white-space: nowrap;
} */
.cell h1 {
font-family: Kaleidos;
font-size:68px;
/* font-size:4vw; */
/* letter-spacing: 1px; */
line-height: 0em;
padding: 0px 0px 0px 0px; /* top right bottom left */
/* color:#333333; */
color: #A6192E;
text-align: center;
/* opacity: .80; */
white-space: nowrap;
}
.cell-social h1 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
/* text-transform: uppercase; */
font-size:62px;
/* font-size:4vw; */
letter-spacing: -1px;
line-height: 105%;
padding: 0px 0px 0px 0px; /* top right bottom left */
/* color:#333333; */
color: #000000;
text-align: center;
/* opacity: .80; */
white-space: nowrap;
}
.cell-social h3 {
font-family: TradeGothicProBold;
font-style: normal;
/* text-transform: uppercase; */
font-size:72px;
/* font-size:4vw; */
letter-spacing: .1px;
line-height: 95%;
/* line-height: 105%; */
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#000000;
text-align: center;
/* opacity: .50; */
white-space: nowrap;
}
.cell-social img {
padding: 1em;
}
@media only screen and (max-width: 480px) {
.cell-social h3 {
font-family: TradeGothicProBold;
font-style: normal;
/* text-transform: uppercase; */
font-size:32px;
/* font-size:4vw; */
letter-spacing: .1px;
line-height: 95%;
/* line-height: 105%; */
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#000000;
text-align: center;
/* opacity: .50; */
white-space: nowrap;
}
}
.cell h2 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
/* text-transform: uppercase; */
font-size:28px;
/* font-size:4vw; */
letter-spacing: -1px;
line-height: 105%;
padding: 0px 0px 0px 0px; /* top right bottom left */
/* color:#333333; */
color: #ffffff;
text-align: left;
/* opacity: .80; */
white-space: nowrap;
}
.cell-footer-nav h2 {
font-family: TradeGothicProBold;
font-style: normal;
/* text-transform: uppercase; */
font-size:21px;
/* font-size:4vw; */
letter-spacing: .1px;
line-height: 95%;
/* line-height: 105%; */
/* padding: 0px 0px 0px 0px; */
/* padding: .3em; */
/* padding-right: 60px; */
padding-left: 20px;
padding-top: 30px;
padding-bottom: 30px;
color:#ffffff;
text-align: left;
/* opacity: .50; */
white-space: nowrap;
}
/* END SIDE BY SIDE */
/* SEARCHBOX */
/* setting the color palette */
html {
--dark-gray: rgb(90, 90, 90);
--light-gray: rgb(148, 148, 148);
--focus-blue: rgb(69, 159, 189);
}
.searchbox {
--target-size: 48px; /* https://web.dev/accessible-tap-targets/ */
--box-height: var(--target-size);
--border-radius: calc(var(--box-height) / 2);
--border-width: 2px;
--icon-size: calc(var(--box-height) * 3/4 );
--side-margin: calc(var(--border-radius) / 2);
--icon-vertical-margin: calc( ( var(--box-height) - var(--icon-size) ) / 2 );
z-index: 100000;
/* margin-bottom: 65px; */
}
/* shaping the box */
.searchbox {
height: var(--box-height);
max-width: 561px; /* to follow the search box of google.com */
}
@media only screen and (max-width: 480px) {
.searchbox {
height: var(--box-height);
width: 200px; /* to follow the search box of google.com */
}
}
.searchbox input[type="search"] {
border: var(--border-width) solid var(--dark-gray);
border-radius: var(--border-radius);
height: 100%;
width: 100%;
}
/* Styling each component */
.searchbox svg {
fill: var(--dark-gray);
height: var(--icon-size);
width: var(--icon-size);
}
.searchbox input[type="search"] {
-webkit-appearance: none; /* to prevent Safari from ignoring font-size */
color: var(--dark-gray);
font-family: 'Noto Sans', Verdana, sans-serif;
font-size: 1rem;
}
.searchbox input[type="search"]::placeholder {
color: var(--light-gray);
opacity: 1; /* to override the default of Firefox */
}
/* positioning inner elements */
.searchbox {
position: relative;
}
.searchbox svg {
position: absolute;
left: var(--side-margin);
top: var(--icon-vertical-margin);
bottom: var(--icon-vertical-margin);
}
.searchbox input[type="search"] {
padding-left: calc( var(--side-margin) + var(--icon-size) + 4px);
padding-right: var(--side-margin);
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; /* Remove the left padding inside the box for Safari; see https://github.com/filipelinhares/ress/blob/master/ress.css */
}
/* Ensuring that tapping the icon focuses the search box */
.searchbox svg {
z-index: -1;
}
.searchbox input[type="search"] {
background: transparent;
}
/* Styling focus state */
.searchbox input[type="search"]:focus {
border-color: var(--focus-blue);
box-shadow: 0px 0px 5px var(--focus-blue);
outline: 1px solid transparent; /* fallback for forced color modes; see https://www.sarasoueidan.com/blog/focus-indicators/#tips-for-styling-focus-indicators */
/* it also removes the default focus ring imposed by browsers */
}
/* Custom-style the delete button that appears once the user enters text (Chrome and Safari only); see https://css-tricks.com/webkit-html5-search-inputs/#aa-styling-search-graphical-widgets */
.searchbox input[type="search"]::-webkit-search-cancel-button {
/* Remove default */
-webkit-appearance: none;
/* Now your own custom styles */
/* background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgb(148, 148, 148)' %3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z' /%3E%3C/svg%3E%0A"); */
height: calc(var(--box-height) / 2);
width: calc(var(--box-height) / 2);
}
input[type="search"] {
-webkit-tap-highlight-color: transparent; /* Otherwise, tapping will show a flash of grey background on iOS Safari; see https://twitter.com/masa_kudamatsu/status/1429387005658468356 */
}
/* Positioning the search box */
body .searchbox {
/* width: 90%; */
/* margin: 0 auto; */
top: 0px;
}
/* END SEARCHBOX */
.span_1_of_2_content-column .col-5box h3 {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size:21px;
padding: 20px 10px 20px 10px; /* top right bottom left */
text-align: center;
text-decoration: none;
}
iframe {
width: 100%;
/* height: 100%; */
overflow: hidden;
border: none;
}
/* .tenant-dropdown {
position: relative;
display: inline-block;
}
.tenant-dropdown-content {
display: none;
position: absolute;
right: 20px;
top: 20px;
background-color: #333333;
min-width: 160px;
height: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 12px 16px;
z-index: 9000000000;
}
.tenant-dropdown:hover .tenant-dropdown-content {
display: block;
} */
.span_1_of_2_content-column .icon-hover:hover {
opacity: 0.5;
}
.realtor-form-container {
max-width: 1024px;
display: block;
margin-left: auto;
margin-right: auto;
width: 75%;
}
.anchor-div-services {
width: 100%;
height: 60px;
display: inline-block;
}
@media only screen and (max-width: 480px) {
.realtor-form-container {
max-width: 1024px;
display: block;
margin-left: auto;
margin-right: auto;
width: 90%;
}
.anchor-div-services {
width: 100%;
height: 10px;
display: inline-block;
}
}
.anchor-div {
width: 100%;
height: 60px;
display: inline-block;
}
.anchor-div-big {
width: 100%;
height: 90px;
display: inline-block;
}
.nav-underline {
border-bottom: 3px solid #333333;
}
.anchor-padding-services {
/* padding: 30px; */
margin-top: 30px;
}
.service-wrapper {
background-color: #F8F8F8;
padding-top: 30px;
}
.service-wrapper-white {
background-color: #ffffff;
padding-top: 30px;
}
.service-background-propertyevaluation {
background-image: url("../img/service-watermark.png");
/* background-position: top center; */
background-repeat: no-repeat;
background-size: cover;
background-size: 800px;
background-position: 40% 0%;
z-index: 0;
}
.service-background-makeready {
background-image: url("../img/makeready.png");
/* background-position: top center; */
background-repeat: no-repeat;
background-size: cover;
background-size: 800px;
background-position: 40% 0%;
z-index: 0;
}
.service-background-marketingandadvertising {
background-image: url("../img/marketingandadvertising.png");
/* background-position: top center; */
background-repeat: no-repeat;
background-size: cover;
background-size: 800px;
background-position: 40% 0%;
z-index: 0;
}
.service-background-tenantscreening {
background-image: url("../img/tenantscreening-wm.png");
/* background-position: top center; */
background-repeat: no-repeat;
background-size: cover;
background-size: 800px;
background-position: 40% 0%;
z-index: 0;
}
.service-background-lease-execution-management-and-renewal {
background-image: url("../img/leasemanagement-wm.png");
/* background-position: top center; */
background-repeat: no-repeat;
background-size: cover;
background-size: 800px;
background-position: 40% 0%;
z-index: 0;
}
.service-background-rent-collection {
background-image: url("../img/rentcollection-wm.png");
/* background-position: top center; */
background-repeat: no-repeat;
background-size: cover;
background-size: 800px;
background-position: 40% 0%;
z-index: 0;
}
.service-background-eviction-services{
background-image: url("../img/evictionservices-wm.png");
/* background-position: top center; */
background-repeat: no-repeat;
background-size: cover;
background-size: 800px;
background-position: 40% 0%;
z-index: 0;
}
.service-background-property-inspections{
background-image: url("../img/propertyinspection-wm.png");
/* background-position: top center; */
background-repeat: no-repeat;
background-size: cover;
background-size: 800px;
background-position: 40% 0%;
z-index: 0;
}
.service-background-maintenance{
background-image: url("../img/maintenance-wm.png");
/* background-position: top center; */
background-repeat: no-repeat;
background-size: cover;
background-size: 800px;
background-position: 40% 0%;
z-index: 0;
}
.service-background-accounting-and-financial-reporting{
background-image: url("../img/accountingfinancialreporting-wm.png");
/* background-position: top center; */
background-repeat: no-repeat;
background-size: cover;
background-size: 800px;
background-position: 40% 0%;
z-index: 0;
}
.img-center-services {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
.img-right-services {
float: right;
}
.row-2box {
display: flex; /* equal height of the children */
}
.col-2box {
flex: 1; /* additionally, equal width */
padding: 1em;
border: .5px solid #333333;
margin: 10px;
/* background-color: #ffffff;
opacity: 0.5; */
background: rgba(255, 255, 255, 1);
}
.row-2box-contact {
display: flex; /* equal height of the children */
}
.col-2box-contact {
flex: 1; /* additionally, equal width */
padding: 1em;
/* border: .5px solid #333333; */
margin: 10px;
/* background-color: #ffffff;
opacity: 0.5; */
background: rgba(255, 255, 255, 1);
}
.row-3box {
display: flex; /* equal height of the children */
/* border: 1px solid red; */
}
.row-3box-recipe {
display: flex; /* equal height of the children */
flex-wrap: wrap;
/* border: 1px solid red; */
}
.col-3box {
flex: 1; /* additionally, equal width */
align-items: center;
justify-content: center;
text-align: center;
padding: 2em;
margin: 6px;
/* CHANGED */
/* background-color: #ffffff;
opacity: 0.5; */
/* background: rgba(255, 255, 255, 1); */
/* border: .5px solid #333333; */
/* border: 1px solid red; */
}
.col-3box img {
width: 403px;
height: 504px;
}
.col-3box-recs {
flex: 1; /* additionally, equal width */
align-items: center;
justify-content: center;
text-align: center;
padding: 1em;
/* border: solid; */
margin: 5px;
/* flex-wrap: wrap;
height: auto; */
/* CHANGED */
/* background-color: #ffffff;
opacity: 0.5; */
/* background: rgba(255, 255, 255, 1); */
/* border: .5px solid #333333; */
}
.col-3box-caption {
flex: 1;
/* additionally, equal width */
flex-wrap: wrap;
height: auto;
padding: 1em;
/* border: solid; */
margin: 10px;
background: white;
/* background-color: #ffffff;
opacity: 0.5; */
/* background: rgba(255, 255, 255, 1); */
/* border: .5px solid #333333; */
}
.services-pad {
padding-top: 30px;
}
.row-5box {
display: flex; /* equal height of the children */
/* flex-direction: column; */
/* align-content: center;
align-items:center; */
/* border: 1px solid red; */
}
.col-5box {
flex: 1; /* additionally, equal width */
/* border: 1px solid red; */
padding: 1em;
/* border: solid; */
/* margin: 10px; */
/* background-color: #ffffff;
opacity: 0.5; */
background: rgba(255, 255, 255, 1);
/* align-content: center;
align-items:center; */
}
@media only screen and (max-width: 480px) {
.row-2box-contact {
display: flex; /* equal height of the children */
flex-direction: column;
}
.col-2box-contact {
flex: 1; /* additionally, equal width */
padding: 1em;
/* border: .5px solid #333333; */
margin: 10px;
/* background-color: #ffffff;
opacity: 0.5; */
background: rgba(255, 255, 255, 1);
}
.row-5box {
display: flex; /* equal height of the children */
flex-direction: column;
/* align-content: center;
align-items:center; */
/* border: 1px solid red; */
}
.col-5box {
flex: 1; /* additionally, equal width */
/* border: 1px solid red; */
padding: 1em;
/* border: solid; */
/* margin: 10px; */
/* background-color: #ffffff;
opacity: 0.5; */
background: rgba(255, 255, 255, 1);
/* align-content: center;
align-items:center; */
}
.row-3box {
display: flex; /* equal height of the children */
flex-direction: column;
}
.col-3box {
flex: 1; /* additionally, equal width */
padding: 1em;
/* border: solid; */
margin: 10px;
/* background-color: #ffffff;
opacity: 0.5; */
background: rgba(255, 255, 255, 1);
/* border: 1px solid red; */
}
.col-3box-recs {
flex: 1; /* additionally, equal width */
padding: 1em;
/* border: solid; */
margin: 10px;
/* background-color: #ffffff;
opacity: 0.5; */
background: rgba(255, 255, 255, 1);
/* border: 1px solid red; */
}
.row-2box {
display: flex; /* equal height of the children */
flex-direction: column;
}
.col-2box {
flex: 1; /* additionally, equal width */
padding: 1em;
border: .5px solid #333333;
margin: 10px;
/* background-color: #ffffff;
opacity: 0.5; */
background: rgba(255, 255, 255, 1);
}
}
/* .row-5box h2 {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size:21px;
} */
/* .columnn {
float: left;
width: 30%;
display: table;
}
.roww:after {
content: "";
display: table;
clear: both;
} */
.img-background {
background-image: url("../img/white_bricks.jpg");
/* background-repeat: no-repeat; */
background-repeat: repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
/* width: 100%; */
/* max-width: 200px; */
z-index: 0;
/* height: 400px; */
background-position: right bottom 15px;
}
.myButton-small {
/* background-color:#E0E1E2; */
background-color:#333333;
border-radius:0px;
border:1px solid #333333;
display:inline-block;
cursor:pointer;
/* color:#676868; */
color: #ffffff;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size:21px;
letter-spacing: 1px;
padding: 12px 15px 10px 15px; /* top right bottom left */
text-decoration:none;
}
.myButton-small:hover {
/* background-color:#C5C5C6; */
background-color:#595959;
}
.myButton-small:active {
position:relative;
top:1px;
}
.button-bottom-padding {
padding-bottom: 40px;
}
.myButton-small-white {
/* background-color:#E0E1E2; */
background-color:#ffffff;
border-radius:0px;
border:1px solid #ffffff;
display:inline-block;
cursor:pointer;
/* color:#676868; */
color: #333333;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size:21px;
letter-spacing: 1px;
padding: 12px 15px 10px 15px; /* top right bottom left */
text-decoration:none;
}
.myButton-small-white:hover {
/* background-color:#C5C5C6; */
background-color:#E0E1E2;
}
.myButton-small-white:active {
position:relative;
top:1px;
}
.button-bottom-padding {
padding-bottom: 40px;
}
.hero-header-currenttenants {
position: absolute;
top: 35%;
/* padding-left: 550px; */
/* left: 18%; */
transform: translate(30px, -50%);
/* transform: translate(-50%, -50%); */
color: white;
text-align: left;
z-index: 0;
/* border: 1px solid red; */
}
.hero-header-currenttenants h1 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
/* text-transform: uppercase; */
font-size:62px;
/* font-size:4vw; */
letter-spacing: -1px;
line-height: 105%;
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#ffffff;
text-align: left;
/* opacity: .80; */
white-space: nowrap;
}
.hero-header-about {
position: absolute;
top: 16%;
/* padding-left: 550px; */
/* left: 18%; */
transform: translate(30px, -50%);
/* transform: translate(-50%, -50%); */
color: #ffffff;
text-align: left;
z-index: 0;
/* border: 1px solid red; */
}
.hero-header-about h1 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
/* text-transform: uppercase; */
font-size:62px;
/* font-size:4vw; */
letter-spacing: -1px;
line-height: 105%;
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#ffffff;
text-align: left;
/* opacity: .80; */
white-space: nowrap;
}
.hero-header-contact {
position: absolute;
top: 30%;
/* padding-left: 550px; */
/* left: 18%; */
transform: translate(30px, -50%);
/* transform: translate(-50%, -50%); */
color: #333333;
text-align: left;
z-index: 0;
/* border: 1px solid red; */
}
.hero-header-contact h1 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
/* text-transform: uppercase; */
font-size:62px;
/* font-size:4vw; */
letter-spacing: -1px;
line-height: 105%;
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#333333;
text-align: left;
/* opacity: .80; */
white-space: nowrap;
}
.hero-header-services {
position: absolute;
top: 30%;
/* padding-left: 550px; */
/* left: 18%; */
transform: translate(30px, -50%);
/* transform: translate(-50%, -50%); */
color: white;
text-align: left;
z-index: 0;
/* border: 1px solid red; */
}
.hero-header-services h1 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
/* text-transform: uppercase; */
font-size:62px;
/* font-size:4vw; */
letter-spacing: -1px;
line-height: 105%;
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#333333;
text-align: left;
/* opacity: .80; */
white-space: nowrap;
}
.hero-header-ownersinvestors {
position: absolute;
top: 30%;
/* padding-left: 550px; */
/* left: 18%; */
transform: translate(30px, -50%);
/* transform: translate(-50%, -50%); */
color: white;
text-align: left;
z-index: 0;
/* border: 1px solid red; */
}
.hero-header-ownersinvestors h1 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
/* text-transform: uppercase; */
font-size:62px;
/* font-size:4vw; */
letter-spacing: -1px;
line-height: 105%;
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#333333;
text-align: left;
/* opacity: .80; */
white-space: nowrap;
}
.hero-header-prospectivetenants {
position: absolute;
top: 35%;
/* padding-left: 550px; */
/* left: 18%; */
transform: translate(30px, -50%);
/* transform: translate(-50%, -50%); */
color: white;
text-align: left;
z-index: 0;
/* border: 1px solid red; */
}
.hero-header-prospectivetenants h1 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
/* text-transform: uppercase; */
font-size:62px;
/* font-size:4vw; */
letter-spacing: -1px;
line-height: 105%;
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#333333;
text-align: left;
/* opacity: .80; */
white-space: nowrap;
}
.hero-header-realtorreferral {
position: absolute;
top: 35%;
/* padding-left: 550px; */
/* left: 18%; */
transform: translate(30px, -50%);
/* transform: translate(-50%, -50%); */
color: white;
text-align: left;
z-index: 0;
/* border: 1px solid red; */
}
.hero-header-realtorreferral h1 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
/* text-transform: uppercase; */
font-size:62px;
/* font-size:4vw; */
letter-spacing: -1px;
line-height: 105%;
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#333333;
text-align: left;
/* opacity: .80; */
white-space: nowrap;
}
.sub-header {
/* position: absolute;
top: 160px;
right: 65px; */
/* top: 30%; */
/* left: 75%; */
/* padding-left: 550px; */
/* left: 18%; */
/* transform: translate(30px, -50%); */
/* transform: translate(30px, -50%); */
/* flex: 1 1 200px;
height: auto; */
/* transform: translate(-50%, -50%); */
/* padding-top: 120px; */
/* align-self: center; */
color: white;
text-align: center;
z-index: 0;
/* border: 1px solid red; */
}
.sub-header h1 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
/* text-transform: uppercase; */
font-size:62px;
/* font-size:4vw; */
letter-spacing: -1px;
line-height: 105%;
padding: 0px 0px 0px 0px; /* top right bottom left */
/* color:#333333; */
color: #ffffff;
text-align: center;
/* opacity: .80; */
white-space: nowrap;
}
.sub-header h2 {
font-family: jubilat, serif;
font-weight: 600;
font-style: normal;
/* text-transform: uppercase; */
font-size:30px;
/* font-size:4vw; */
letter-spacing: .1px;
line-height: 105%;
padding: 50px 0px 0px 0px; /* top right bottom left */
color:#6B6767;
text-align: left;
/* opacity: .50; */
white-space: nowrap;
}
.hero-header {
position: absolute;
top: 230px;
/* top: 260px; */
right: 90px;
/* top: 30%; */
/* left: 75%; */
/* padding-left: 550px; */
/* left: 18%; */
transform: translate(30px, -50%);
/* transform: translate(30px, -50%); */
/* transform: translate(-50%, -50%); */
color: white;
text-align: center;
z-index: 0;
/* border: 1px solid red; */
}
.hero-header h1 {
font-family: Kaleidos;
font-size:62px;
line-height: 0em;
padding: 0px 0px 0px 0px; /* top right bottom left */
color: #D82622;
text-align: center;
text-shadow: #222222 1px 0 30px;
/* background: inherit;
background-clip: text; */
/* color: transparent; */
/* filter: invert(1); */
/* mix-blend-mode: difference; */
white-space: nowrap;
}
.hero-header h2 {
/* font-family: jubilat, serif;
font-weight: 600; */
font-family: TradeGothicProBold;
font-style: normal;
/* text-transform: uppercase; */
font-size:48px;
/* font-size:4vw; */
letter-spacing: normal;
line-height: 90%;
/* line-height: 88%; */
padding: 36px 0px 10px 0px; /* top right bottom left */
color:#ffffff;
text-align: left;
/* opacity: .50; */
white-space: nowrap;
}
/* .hero-header h2 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:68px;
letter-spacing: .1px;
line-height: 105%;
padding: 40px 0px 10px 0px;
color:#ffffff;
text-align: left;
white-space: nowrap;
} */
.cell h3 {
/* font-family: TradeGothicProBold;
font-style: normal;
font-size:72px;
letter-spacing: .1px;
line-height: 95%;
padding: 0px 0px 0px 0px;
color:#ffffff;
text-align: center; */
font-family: TradeGothicProBold;
font-style: normal;
font-size:48px;
letter-spacing: normal;
line-height: 90%;
padding: 0px 0px 0px 0px;
color:#ffffff;
text-align: center;
/* white-space: nowrap; */
}
.row-red .cell h3 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:72px;
letter-spacing: .1px;
line-height: 95%;
padding: 0px 0px 0px 0px;
color:#ffffff;
text-align: center;
/* font-family: TradeGothicProBold;
font-style: normal;
font-size:48px;
letter-spacing: normal;
line-height: 90%;
padding: 0px 0px 0px 0px;
color:#ffffff;
text-align: center; */
}
@media only screen and (max-width: 480px) {
.row-red .cell h3 {
font-family: TradeGothicProBold;
font-style: normal;
font-size:32px;
letter-spacing: .1px;
line-height: 95%;
padding: 30px 0px 0px 0px;
color:#ffffff;
text-align: center;
/* font-family: TradeGothicProBold;
font-style: normal;
font-size:48px;
letter-spacing: normal;
line-height: 90%;
padding: 0px 0px 0px 0px;
color:#ffffff;
text-align: center; */
}
.hero-header {
position: absolute;
top: 40px;
right: 40px;
/* top: 30%; */
/* left: 75%; */
/* padding-left: 550px; */
/* left: 18%; */
transform: translate(30px, -50%);
/* transform: translate(30px, -50%); */
/* transform: translate(-50%, -50%); */
color: white;
text-align: center;
z-index: 0;
/* border: 1px solid red; */
}
.hero-header h1 {
font-family: Kaleidos;
font-size:42px;
/* font-size:28px; */
line-height: 0em;
padding: 30px 0px 0px 0px;
color: #D82622;
text-align: center;
margin-top: 120px;
/* text-shadow: #fff 1px 0 30px; */
white-space: nowrap;
}
.hero-header h2 {
/* font-family: jubilat, serif;
font-weight: 600; */
font-family: TradeGothicProBold;
font-style: normal;
/* text-transform: uppercase; */
font-size:28px;
/* font-size:4vw; */
letter-spacing: .1px;
line-height: 105%;
padding: 25px 0px 10px 0px; /* top right bottom left */
color:#ffffff;
text-align: center;
/* opacity: .50; */
white-space: nowrap;
}
.cell h3 {
font-family: TradeGothicProBold;
font-style: normal;
/* text-transform: uppercase; */
font-size:32px;
/* font-size:4vw; */
letter-spacing: .1px;
line-height: 95%;
/* line-height: 105%; */
padding: 30px 0px 0px 0px; /* top right bottom left */
color:#ffffff;
text-align: center;
/* opacity: .50; */
white-space: nowrap;
}
}
.hero-header-properties2 {
position: absolute;
top: 30%;
/* padding-left: 550px; */
/* left: 18%; */
transform: translate(30px, -50%);
/* transform: translate(-50%, -50%); */
color: white;
text-align: left;
z-index: 0;
/* border: 1px solid red; */
}
.hero-header-properties2 h1 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
/* text-transform: uppercase; */
font-size:62px;
/* font-size:4vw; */
letter-spacing: -1px;
line-height: 105%;
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#333333;
text-align: left;
/* opacity: .80; */
white-space: nowrap;
}
.hero-header-contact {
position: absolute;
top: 30%;
/* padding-left: 550px; */
/* left: 18%; */
transform: translate(30px, -50%);
/* transform: translate(-50%, -50%); */
color: white;
text-align: left;
z-index: 0;
/* border: 1px solid red; */
}
.hero-header-contact h1 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
/* text-transform: uppercase; */
font-size:62px;
/* font-size:4vw; */
letter-spacing: -1px;
line-height: 105%;
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#333333;
text-align: left;
/* opacity: .80; */
white-space: nowrap;
}
@media only screen and (max-width: 480px) {
.hero-header-properties2 {
position: absolute;
top: 23%;
/* padding-left: 550px; */
/* left: 18%; */
transform: translate(10px, -50%);
/* transform: translate(-50%, -50%); */
color: white;
text-align: left;
z-index: 0;
/* border: 1px solid red; */
}
.hero-header-properties2 h1 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
/* text-transform: uppercase; */
font-size:28px;
/* font-size:4vw; */
letter-spacing: -1px;
line-height: 100%;
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#333333;
text-align: left;
/* opacity: .80; */
white-space: nowrap;
}
.hero-header-prospectivetenants {
position: absolute;
top: 23%;
/* padding-left: 550px; */
/* left: 18%; */
transform: translate(10px, -50%);
/* transform: translate(-50%, -50%); */
color: white;
text-align: left;
z-index: 0;
/* border: 1px solid red; */
}
.hero-header-prospectivetenants h1 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
/* text-transform: uppercase; */
font-size:28px;
/* font-size:4vw; */
letter-spacing: -1px;
line-height: 100%;
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#333333;
text-align: left;
/* opacity: .80; */
white-space: nowrap;
}
.hero-header-ownersinvestors {
position: absolute;
top: 25%;
/* padding-left: 550px; */
/* left: 18%; */
transform: translate(10px, -50%);
/* transform: translate(-50%, -50%); */
color: white;
text-align: left;
z-index: 0;
/* border: 1px solid red; */
}
.hero-header-ownersinvestors h1 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
/* text-transform: uppercase; */
font-size:28px;
/* font-size:4vw; */
letter-spacing: -1px;
line-height: 100%;
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#333333;
text-align: left;
/* opacity: .80; */
white-space: nowrap;
}
.hero-header-realtorreferral {
position: absolute;
top: 22%;
/* padding-left: 550px; */
/* left: 18%; */
transform: translate(10px, -50%);
/* transform: translate(-50%, -50%); */
color: white;
text-align: left;
z-index: 0;
/* border: 1px solid red; */
}
.hero-header-realtorreferral h1 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
/* text-transform: uppercase; */
font-size:28px;
/* font-size:4vw; */
letter-spacing: -1px;
line-height: 105%;
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#333333;
text-align: left;
/* opacity: .80; */
white-space: nowrap;
}
.hero-header-services {
position: absolute;
top: 21%;
/* padding-left: 550px; */
/* left: 18%; */
/* transform: translate(30px, -50%); */
transform: translate(10px, -50%);
/* transform: translate(-50%, -50%); */
color: white;
text-align: left;
z-index: 0;
/* border: 1px solid red; */
}
.hero-header-services h1 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
/* text-transform: uppercase; */
font-size:28px;
/* font-size:4vw; */
letter-spacing: -1px;
line-height: 105%;
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#333333;
text-align: left;
/* opacity: .80; */
white-space: nowrap;
}
/* REMOVED HERO HEADER Nov 14 */
.hero-header-about {
position: absolute;
top: 22%;
/* padding-left: 550px; */
/* left: 18%; */
transform: translate(10px, -50%);
/*
top: 25%;
left: 55%;
transform: translate(-50%, -50%); */
color: white;
text-align: center;
}
.hero-header-about h1 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
/* text-transform: uppercase; */
font-size:28px;
/* font-size:4vw; */
letter-spacing: -1px;
line-height: 105%;
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#ffffff;
text-align: left;
/* opacity: .80; */
white-space: nowrap;
}
.hero-header-contact {
position: absolute;
top: 24%;
/* padding-left: 550px; */
/* left: 18%; */
transform: translate(10px, -50%);
/*
top: 25%;
left: 55%;
transform: translate(-50%, -50%); */
color: white;
text-align: center;
}
.hero-header-contact h1 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
/* text-transform: uppercase; */
font-size:28px;
/* font-size:4vw; */
letter-spacing: -1px;
line-height: 105%;
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#333333;
text-align: left;
/* opacity: .80; */
white-space: nowrap;
}
.hero-header-currenttenants {
position: absolute;
top: 22%;
/* padding-left: 550px; */
/* left: 18%; */
transform: translate(10px, -50%);
/*
top: 25%;
left: 55%;
transform: translate(-50%, -50%); */
color: white;
text-align: center;
}
.hero-header-currenttenants h1 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
/* text-transform: uppercase; */
font-size:28px;
/* font-size:4vw; */
letter-spacing: -1px;
line-height: 105%;
padding: 0px 0px 0px 0px; /* top right bottom left */
color:#ffffff;
text-align: left;
/* opacity: .80; */
white-space: nowrap;
}
}
.fourwalls-content-container {
background-color: #ffffff;
padding: 30px 30px 30px 30px; /* top right bottom left */
max-width: 800px;
}
/* .arrow-form {
float: right;
height: 20px;
text-align: right;
margin-bottom: 120px;
} */
/* #mc_embed_signup {
background: #f1f1f1;
} */
.span_1_of_2_content-column .citation-small {
font-size: 11px;
}
.readpadding {
padding-left: 10px;
padding-top: 30px;
}
/* .wp-img-wdth {
width: 50%;
}
@media only screen and (max-width: 480px) {
.wp-img-wdth {
width: 100%;
}
} */
.colspace {
/* padding-top: 10px; */
height: 25px;
}
.colspace-none {
/* padding-top: 10px; */
height: 0px;
}
.hi {
height: auto;
vertical-align: top;
}
.disclaimer-square {
border: 1px solid black;
padding: 20px;
margin-bottom: 30px;
}
/* Styles for the caption overlays */
/* Standard Box: Top Center */
.box-flex {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: center;
padding: .5rem;
text-align: center;
font-size: 1.2rem;
background-color: #333333;
color: #d9d9d9;
}
/* Box: Center Center */
.box-flex-center {
align-items: center;
}
/* Box: Bottom Center */
.box-flex-bottom {
align-items: flex-end;
}
/* Box: Top Right */
.box-flex-top-right {
justify-content: flex-end;
}
/* Box: Center Left */
.box-flex-center-left {
align-items: center;
justify-content: flex-start;
}
/* Box: Bottom Right */
.box-flex-bottom-right {
align-items: flex-end;
justify-content: flex-end;
}
.box-img {
transition: -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
}
.box-img:hover {
-webkit-transform: scale(1.07);
transform: scale(1.07);
}
.box-caption {
position: absolute;
max-width: 200px;
margin: 0;
padding: .5rem;
word-break: break-word;
font-size: 1.25rem;
background-color: rgba(0,0,0,.3);
color: #f2f2f2;
}
.box-caption:hover {
background-color: rgba(0,0,0,.5);
color: #e6e6e6;
transition: all ease .5s;
}
/* Styles for multiple caption overlays */
/* align-self: flex-start */
.align-start {
align-self: flex-start;
}
/* align-self: center */
.align-center {
-ms-grid-row-align: center;
align-self: center;
}
/* align-self: flex-end */
.align-end {
align-self: flex-end;
}
.copy-container-fixed-small-us h2 {
font-family: 'Roboto', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size:26px;
letter-spacing: .6px;
line-height: 150%;
padding: 30px 10px 20px 10px; /* top right bottom left */
color:#888181;
text-align: left;
}
.copy-container-fixed-small-us p {
text-align: left;
padding: 10px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
letter-spacing: 1px;
line-height: 1.9;
margin: 0px;
text-indent: 0px;
color:#58595b;
}
.form-box {
background-color: #E3DCE0;
}
.nophotoback {
margin-top: 150px;
}
/* @media only screen and (max-width: 480px) {
.nophotoback {
margin-top: 150px;
}
} */
.vcard {
text-align: left;
/* padding-left: 10px; */
padding: 10px;
background-color: #F2F1F1;
border: 1px solid #C9C7C7;
}
.vcard a {
color:#888181;
}
.hire-us-phone a {
color:#888181;
}
.hire-us-phone h2 {
font-family: 'Roboto', sans-serif;
font-weight: bold;
text-transform: uppercase;
/* font-weight: 500; */
font-size:28px;
letter-spacing: .5px;
line-height: 185%;
padding: 20px 10px 0px 0px; /* top right bottom left */
color:#888181;
/* text-align: left; */
text-align: center;
}
@media only screen and (max-width: 480px) {
.hire-us-phone h2 {
/* font-family: 'Roboto Condensed', sans-serif; */
/* font-family: ITCBlair-Medium; */
/* font-family: 'Crimson Text', serif; */
font-family: 'Roboto', sans-serif;
font-weight: bold;
text-transform: uppercase;
/* font-weight: 500; */
font-size:28px;
letter-spacing: .5px;
line-height: 125%;
padding: 20px 10px 20px 0px; /* top right bottom left */
color:#888181;
/* text-align: left; */
text-align: center;
}
}
/* .footer-nav-pad {
height: 5px;
padding-bottom: 5px;
} */
/* .footer-site-nav span {
margin-bottom: 50px;
} */
/*
.footer-site-nav {
display: block;
} */
.footer-nav-list a {
list-style-type: none;
padding-bottom: 8px;
padding: 0px;
margin: 0px;
}
.footer-site-nav a {
color: #FFFFFF;
}
.footer-site-nav a:hover {
color: #E3DCE0;
}
/* -----------------------------------------
Shared Styles
----------------------------------------- */
/* .button {
background-color: #78b657;
} */
.nf-form-content button, .nf-form-content input[type=button], input[type=submit], input[type=reset] {
background-color: #333333;
/* border: none; */
border-radius: 0px;
color: white;
padding: 10px 32px;
text-decoration: none;
margin: 4px 2px;
cursor: pointer;
float: left !important;
/* border: 1px solid #979797; */
-webkit-appearance: none;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size:18px;
letter-spacing: 1px;
-webkit-transition: background 200ms ease;
transition: background 200ms ease;
transition-property: background;
transition-duration: 200ms;
transition-timing-function: ease;
transition-delay: 0s;
}
/* .nf-form-content button:hover {
background-color: #5f9d3e;
} */
.nf-form-content input[type="button"]:hover {
background-color: #979797;
}
.nf-form-content input[type="button"]:active {
background-color: #333333;
}
div.nf-form-cont {
padding: 20px;
}
@media only screen and (max-width: 480px) {
div.nf-form-cont {
padding: 10px;
}
}
/* FORM SHIT */
input[type=text], input[type=email], input[type=tel] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size:18px;
border: 1px solid #aaa;
}
.textarea-container textarea {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 18px;
padding: 20px;
}
span.ninja-forms-req-symbol {
display: none;
visibility: hidden;
}
/* SELECT STUFF */
/* select {
background-color: #ffffff;
} */
.fourwalls-drop {
background-color: #ffffff;
}
/* .select-css:before option {
font-weight: 700;
} */
.select-css {
display: block;
font-size: 16px;
font-family: sans-serif;
font-weight: 700;
color: #AEACAC;
line-height: 1.3;
padding: .6em 1.4em .5em .8em;
width: 100%;
max-width: 100%;
box-sizing: border-box;
background-color: #ffffff;
background: #ffffff;
margin: 0;
border: 1px solid #AEACAC;
/* box-shadow: 0 1px 0 1px rgba(0,0,0,.04); */
/* border-radius: .5em; */
border-radius: 0px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url("../img/downarrow5.png");
background-repeat: no-repeat;
background-size: 15px;
background-position: calc(99% - 3px) center;
/* background-color: #fff;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMTQuNDk2IDUuOTc1bC0uMDAxIDE0LjI4Ny02LjM2Ni02LjM2N0w2IDE2LjAyMWwxMC4wMDMgMTAuMDA0TDI2IDE2LjAyOSAyMy44NzEgMTMuOWwtNi4zNjYgNi4zNjhWNS45Nzd6Ii8+PC9zdmc+'),
linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
background-repeat: no-repeat, repeat;
background-position: right .7em top 50%, 0 0;
background-size: .95em auto, 100%; */
}
.select-css::-ms-expand {
display: none;
}
.select-css:hover {
/* border-color: #888; */
}
.select-css:focus {
background-color: #ffffff;
/* border-color: #aaa;
box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
box-shadow: 0 0 0 3px -moz-mac-focusring;
color: #222;
outline: none; */
}
.select-css option {
font-weight:normal;
}
/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
background-position: left .7em top 50%, 0 0;
padding: .6em .8em .5em 1.4em;
}
/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
/* color: graytext;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); */
}
.select-css:disabled:hover, .select-css[aria-disabled=true] {
border-color: #aaa;
}
/* END SELECT STUFF */
/* button, input, select, textarea {
-webkit-appearance: none;
font-family: inherit;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size:18px;
color: #787878;
} */
/* .form select {
-webkit-appearance: none;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size:18px;
} */
.nf-form-fields-required {
display: none;
visibility: hidden;
}
/* BUTTON REMOVED FROM HERE YO */
.field-wrap label {
color: rgba(120, 120, 120, 0.3);
}
.ninja-forms-field {
/* color: rgba(204, 204, 204, 0.3); */
}
.nf-form-title {
Display: none;
}
.nf-form-wrap {
color: rgba(120, 120, 120, 0.3);
}
.nf-field-label {
color: rgba(120, 120, 120, 0.3);
}
#nf-field-5-wrap {
color: rgba(120, 120, 120, 0.3);
}
.nf-field-6 {
color: rgba(120, 120, 120, 0.3);
}
.nf-field-7 {
color: rgba(120, 120, 120, 0.3);
}
div.nf-response-msg p {
width: 100%;
/* padding: 12px 20px; */
margin: 8px 0;
box-sizing: border-box;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size:22px;
/* border: 1px solid #aaa; */
color: #333333;
padding-top: 10px;
padding-bottom: 40px;
}
/* Normal sendbuttons ---------------------- */
.wp-block-file {
/* width: 100%; */
font-family: 'Roboto', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size:17px;
letter-spacing: .5px;
line-height: 175%;
padding: 30px 10px 5px 10px; /* top right bottom left */
/* 30 */
color:#888181;
text-align: left;
overflow: hidden;
}
.wp-block-file a {
/* width: 100%; */
font-family: 'Roboto', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size:17px;
letter-spacing: .5px;
line-height: 175%;
color:#888181;
text-align: left;
overflow: hidden;
}
.team-heading {
font-size: 28px;
font-family: 'Crimson Text', serif;
font-weight: bold;
text-transform: uppercase;
line-height: 155%;
padding: 20px;
color: #888181;
}
/* DROPDOWN BEGIN */
li a, .dropbtn {
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover, .dropdown:hover .dropbtn {
/* background-color: red; */
/* background-color: #ddd; */
}
/* Navigation hover background color */
li.dropdown {
display: inline-block;
}
/* .flex-container-nav {
display: flex;
}
.flex-child {
flex: 1;
}
.flex-child:first-child {
margin-right: 20px;
} */
.dropdown-content {
display: none;
position: fixed;
/* overflow-y: scroll;
height: 100%; */
/* bottom: 0%;
top: 0%; */
background-color: #f9f9f9;
width: 270px;
/* min-width: 160px; */
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
/* .dropdown-content a:hover {background-color: #f1f1f1;} */
.dropdown-content a:hover {
/* border-bottom: 1px solid #ffffff; */
/* background-color: #f1f1f1; */
}
.dropdown:hover .dropdown-content {
overflow-x: hidden;
overflow-y: auto;
display: block;
}
@media (max-height: 810px) {
.dropdown-content {
display: none;
position: fixed;
overflow-y: scroll;
/* height: 275px; */
background-color: #f9f9f9;
/* min-width: 160px; */
width: 270px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
/* .dropdown-content::-webkit-scrollbar {
-webkit-appearance: none;
width: 10px;
}
.dropdown-content::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
} */
}
/* INSIGHTS */
.dropdown ::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
.dropdown ::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.dropdown-content-insights {
/* display: none;
position: fixed; */
height: 375px;
/* background-color: #f9f9f9;
width: 270px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1; */
}
.dropdown-content-insights a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content-insights a:hover {background-color: #f1f1f1;}
.dropdown:hover .dropdown-content-insights {
overflow-x: hidden;
overflow-y: scroll;
display: block;
}
/* END INSIGHTS */
/* ::-webkit-scrollbar {
-webkit-appearance: none;
width: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
} */
/* DROPDOWN END */
/* .dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 12px 16px;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
} */
.us-container {
max-width: 1024px;
display: flex;
/* max-width: 800px; */
/* padding: 0px;
margin: 0px; */
text-align: center;
/* border: 1px solid red; */
/* background: #E3DCE0; */
}
@media only screen and (max-width: 480px) {
.us-container {
/* max-width: 800px; */
width: 100%
display: flex;
padding: 0px;
margin: 0px;
text-align: center;
/* background: #E3DCE0; */
}
}
.break {
flex-basis: 100%;
height: 0;
}
.newsletter-container {
/* max-width: 1200px; */
display: flex;
/* max-width: 800px; */
/* padding: 0px;
margin: 0px; */
/* text-align: left; */
/* border: 1px solid red; */
/* background: #E3DCE0; */
}
@media only screen and (max-width: 480px) {
.newsletter-container {
/* max-width: 800px; */
width: 100%
display: flex;
padding: 0px;
margin: 0px;
/* text-align: left; */
/* background: #E3DCE0; */
}
}
.thing {
display: flex;
flex-wrap: wrap;
}
.thing a {
color: color(srgb 0 0.218 1)
}
.copy-container-fixed-small-us p a {
color: color(srgb 0 0.218 1)
}
/* aside { width: 20vw} */
aside {
width: 175px;
padding: 10px 0px 0px 10px; /* top right bottom left */
justify-content: center;
}
main {
flex: 1
/* flex-wrap: nowrap; */
}
@media only screen and (max-width: 480px) {
main {
flex: 1
flex-wrap: wrap;
}
aside {
/* width: 325px; */
width: 100%;
padding: 10px 5px 0px 5px; /* top right bottom left */
justify-content: center;
}
}
main p {
text-align: left;
padding: 10px 10px 0px 10px; /* top right bottom left */
}
main h3 {
font-family: 'Roboto', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size:17px;
letter-spacing: .5px;
line-height: 175%;
padding: 10px 0px 0px 10px; /* top right bottom left */
color:#888181;
text-align: left;
}
.flex-container-experience h3 {
/* width: 450px; */
width: 100%;
font-family: 'Roboto', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size:17px;
letter-spacing: .5px;
line-height: 175%;
padding: 30px 10px 30px 10px; /* top right bottom left */
color:#888181;
text-align: left;
}
.flex-container-experience a {
color: #0068d1;
}
.liney {
max-width: 1024px;
}
.footer-nav-list {
list-style: none;
line-height: 145%;
}
.footer-nav-list a {
}
.flyover-container {
/* width: 100%; */
/* max-width: 1024px;
padding-top: 7px; */
/* text-align: center; */
/* border: 1px solid red; */
}
.flex-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
/* max-width: 1024px; */
/* border: 1px solid red; */
padding: 10px 0px 5px 0px; /* top right bottom left */
}
.flex-container > div {
width: 450px;
padding: 10px;
/* width: 100%; */
/* margin: 10px;
text-align: center;
line-height: 75px;
font-size: 30px; */
}
.flex-container-template {
display: flex;
flex-wrap: wrap;
justify-content: center;
/* max-width: 1024px; */
/* border: 1px solid red; */
padding: 30px 0px 30px 0px; /* top right bottom left */
}
.flex-container-template > div {
width: 450px;
padding: 10px;
/* width: 100%; */
/* margin: 10px;
text-align: center;
line-height: 75px;
font-size: 30px; */
}
.flex-container-hireus {
display: flex;
flex-wrap: wrap;
justify-content: center;
/* max-width: 1024px; */
/* border: 1px solid red; */
padding: 10px 0px 60px 160px; /* top right bottom left */
}
.hire-us-address h3 {
font-family: 'Roboto', sans-serif;
font-weight: bold;
text-transform: uppercase;
/* font-weight: 500; */
font-size:18px;
letter-spacing: .5px;
line-height: 185%;
padding: 20px 10px 0px 0px; /* top right bottom left */
color:#888181;
/* text-align: left; */
text-align: left;
}
.flex-container-hireus > div {
width: 450px;
padding: 10px;
/* width: 100%; */
/* margin: 10px;
text-align: center;
line-height: 75px;
font-size: 30px; */
}
.flex-container-partners {
display: flex;
flex-wrap: wrap;
justify-content: center;
/* max-width: 1024px; */
/* border: 1px solid red; */
padding: 10px 0px 5px 0px; /* top right bottom left */
}
.flex-container-partners > div {
width: 350px;
padding: 10px;
/* width: 100%; */
/* margin: 10px;
text-align: center;
line-height: 75px;
font-size: 30px; */
}
.flex-container-experience {
display: flex;
flex-wrap: wrap;
justify-content: center;
/* max-width: 1024px; */
/* border: 1px solid red; */
padding: 0px 0px 0px 0px; /* top right bottom left */
}
.flex-container-experience > div {
width: 350px;
padding: 20px;
/* border: 1px solid red; */
/* margin-right: 30px; */
/* width: 100%; */
/* margin: 10px;
text-align: center;
line-height: 75px;
font-size: 30px; */
}
.flex-container-us {
display: flex;
flex-wrap: wrap;
justify-content: left;
/* max-width: 1024px; */
/* border: 1px solid red; */
padding: 10px 0px 5px 0px; /* top right bottom left */
}
.flex-container-us > div {
width: 250px;
padding: 10px;
/* width: 100%; */
/* margin: 10px;
text-align: center;
line-height: 75px;
font-size: 30px; */
}
/* .flex-container-us > p {
width: 100%;
} */
@media only screen and (max-width: 1024px) {
.flex-container > div {
width: 100%;
/* width: 100%; */
/* margin: 10px; */
/* text-align: center;
line-height: 75px;
font-size: 30px; */
}
.flex-container-experience > div {
width: 100%;
/* width: 100%; */
/* margin: 10px; */
/* text-align: center;
line-height: 75px;
font-size: 30px; */
}
.flex-container-us > div {
/* width: 450px;
padding: 10px; */
width: 100%;
/* margin: 10px;
text-align: center;
line-height: 75px;
font-size: 30px; */
}
.flex-container-partners > div {
/* width: 450px;
padding: 10px; */
width: 100%;
/* margin: 10px;
text-align: center;
line-height: 75px;
font-size: 30px; */
}
}
/* Three image containers (use 25% for four, and 50% for two, etc) */
/* .column {
float: left;
width: 40.2%;
padding: 20px;
} */
/* Clear floats after image containers */
/* * {
box-sizing: border-box;
} */
.row {
display: flex;
flex-wrap: wrap;
/* float: left; */
}
/* .row::after {
content: "";
clear: both;
display: table;
} */
/* Create three equal columns that sits next to each other */
.column {
flex: 50%;
padding: 5px;
}
/* .flyover-container img {
} */
.bullet-section-background {
/* background: #FFFFFF; */
background: #E3DCE0;
}
.bullet-section-background-challenge {
background: #FFFFFF;
/* background: #E3DCE0; */
}
.phone-header {
position: fixed;
/* top: 4%; */
top: 40px;
/* left: 93%; */
right: 20px;
/* right: 0; */
/* transform: translate(-50%, -50%); */
/* color: white; */
/* width: 100%; */
width: 200px;
text-align: right;
z-index: 1000000;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 17px;
letter-spacing: 1.5px;
color: #555454;
/* border: 1px solid red; */
}
.phone-header a {
color: #555454;
text-decoration: none;
}
.phone-icon-header {
position: fixed;
top: 21px;
/* top: 2%; */
/* left: 93%; */
right: 138px;
/* right: 0; */
/* transform: translate(-50%, -50%); */
color: white;
/* width: 100%; */
width: 50px;
text-align: right;
z-index: 1000000;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 17px;
letter-spacing: 1.5px;
color: #555454;
/* border: 1px solid red; */
}
.phone-header p {
}
/* .fill-height-or-more {
min-height: 100%;
display: flex;
flex-direction: column;
}
.fill-height-or-more > div {
flex:1;
display:flex;
flex-direction:column;
} */
/* VIDEO STYLES */
/* Default hide the video on all devices */
/* #videoDiv {width: 100%; height: 360px; position: relative;}
#videoBlock {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;} */
/* #video2{display:none}
#videosubstitute{display:block;width:100%;height:auto;max-width:100%} */
/* @media only screen and (min-width : 992px) {
#video2{display:block;}
#videosubstitute{display:none}
} */
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
max-width: 1440px;
padding: 0;
margin: 0;
}
@media only screen and (max-width: 480px) {
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
/* margin: 0; */
margin-top: 60px;
}
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
.imgspacing {
max-width: 100%;
height: auto;
display:block;
}
.imgspacing-home {
max-width: 100%;
height: auto;
display:block;
margin-top: 125px;
}
.imgspacing-icon-services {
/* max-width: 100%;
height: auto;
display:block; */
/* margin-top: 125px; */
/* text-align: center; */
}
.imgspacing-expertise {
max-width: 100%;
height: auto;
display:block;
margin-top: 155px;
}
.video-holder {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
height: 0;
}
.video-holder iframe {
height: 100% !important;
width: 100% !important;
position: absolute;
top: 0; left: 0;
/* top: 0; left: 0; clip-path: inset(4px 4px); */
}
.video-container {
overflow: hidden;
position: relative;
width:100%;
}
.video-container::after {
padding-top: 56.25%;
display: block;
content: '';
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* .videoBlock2 {
margin-bottom: 0px;
padding-bottom: 0px;
}
#videoDiv2 {
width: 100%;
max-width:1024px;
margin:auto;
display:block;
position: relative;
height:567px;
}
@media only screen and (max-width: 480px) {
#videoDiv2 {
width: 100%;
max-width:1024px;
margin:auto;
display:block;
position: relative;
height: auto;
}
} */
.videoBlock2 {
margin-bottom: 0px;
padding-bottom: 0px;
/* display:block; */
/* height: 0; */
}
#videoDiv2 {
width: 100%;
max-width:1024px;
margin:auto;
display:block;
position: relative;
height: auto;
/* height:567px; */
}
@media only screen and (max-width: 480px) {
#videoDiv2 {
width: 100%;
max-width:1024px;
margin:auto;
display:block;
position: relative;
height: auto;
}
}
#video2{width: 100%; }
.videoClick2 {text-align:center}
.videoClick2 a{color:white;background-color:rgba(241, 241, 241, 0.25);font-size: 1.7em;cursor:pointer;cursor:hand}
/* END VIDEO STYLES */
.davenport-container {
max-width: 1024px;
background-color: #E1DDD6;
text-align: center;
padding-left: 10px;
padding-right: 10px;
margin-top: 0px;
}
.davenport-container-nobackground {
max-width: 1024px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
margin-top: 0px;
}
@media only screen and (max-width: 1024px) {
.davenport-container {
max-width: 1024px;
background-color: #E1DDD6;
text-align: center;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
}
.davenport-container-nobackground {
max-width: 1024px;
text-align: center;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
}
}
.full-width {
width: 100%;
background-color: #E1DDD6;
}
.full-width-nobackground {
width: 100%;
/* background-color: #E1DDD6; */
}
.fade-in {
animation: fadeIn ease .5s;
-webkit-animation: fadeIn ease .5s;
-moz-animation: fadeIn ease .5s;
-o-animation: fadeIn ease .5s;
-ms-animation: fadeIn ease .5s;
}
@keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-o-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-ms-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
.col-container-copy {
display: table;
width: 100%;
}
.col-container-copy .the-column-copy {
display: table-cell;
/* background-color: #E1DDD6; */
/* background-color: red; */
max-width: 300px;
/* padding: 16px; */
}
.col-container-copy-soi {
display: table;
width: 100%;
}
.col-container-copy-soi .the-column-copy-soi {
display: table-cell;
/* background-color: #E1DDD6; */
/* background-color: red; */
max-width: 300px;
/* padding: 16px; */
}
/* MODAL */
/* The Modal (background) */
.modal, .modal2, .modal3, .modal4, .modal5, .modal6, .modal1m, .modal2m, .modal3m, .modal4m, .modal5m, .modal6m {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
z-index: 10000;
}
/* Modal Content/Box */
.modal-content, .modal-content2, .modal-content3, .modal-content4, .modal-content5, .modal-content6, .modal-content1m, .modal-content2m, .modal-content3m, .modal-content4m, .modal-content5m, .modal-content6m {
background-color: #fefefe;
margin: 15% auto; /* 15% from the top and centered */
padding: 20px;
border: 1px solid #888;
border-radius: 18px;
/* width: 80%; */
max-width: 1200px;
/* height: 90%; */
/* JP JUST change WIDTH */
z-index: 10000;
}
/* The Close Button */
.close, .close2, .close3, .close4, .close5, .close6, .close1m, .close2m, .close3m, .close4m, .close5m, .close6m {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.close2:hover,
.close2:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.close3:hover,
.close3:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.close4:hover,
.close4:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.close5:hover,
.close5:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.close6:hover,
.close6:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.close1m:hover,
.close1m:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.close2m:hover,
.close2m:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.close3m:hover,
.close3m:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.close4m:hover,
.close4m:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.close5m:hover,
.close5m:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.close6m:hover,
.close6m:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.buttonborder {
border: 1px solid #F0EEEA; /* Green */
/* background-color: #fefefe; */
background: #F0EEEA;
cursor: pointer;
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-size:18px;
color: #787878;
}
/* END MODAL */
/* FLOOR PLANS */
.fp-width {
max-width: 500px;
padding-left: 10px;
padding-right: 10px;
}
@media only screen and (max-width: 480px) {
.fp-width {
max-width: 800px;
padding-left: 10px;
padding-right: 10px;
/* padding-top: 60px; */
}
}
.container-fp {
max-width: 1104px;
margin:0 auto
}
.tdbackground1 {
background-image: url("../img/a-m.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
/* width: 100%; */
max-width: 200px;
z-index: 0;
height: 400px;
background-position: right bottom 15px;
}
.tdbackground2 {
background-image: url("../img/b-m.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
/* width: 100%; */
max-width: 200px;
z-index: 0;
height: 400px;
background-position: right bottom 15px;
}
.tdbackground3 {
background-image: url("../img/c-m.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
/* width: 100%; */
max-width: 200px;
z-index: 0;
height: 400px;
background-position: right bottom 15px;
}
.tdbackground4 {
background-image: url("../img/d-m.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
/* width: 100%; */
max-width: 200px;
z-index: 0;
height: 400px;
background-position: right bottom 15px;
}
.tdbackground5 {
background-image: url("../img/e-m.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
/* width: 100%; */
max-width: 200px;
z-index: 0;
height: 400px;
background-position: right bottom 15px;
}
.tdbackground6 {
background-image: url("../img/f-m.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
/* width: 100%; */
max-width: 200px;
z-index: 0;
height: 400px;
background-position: right bottom 15px;
}
/* .table-fp {
border: 1px solid black;
} */
/* .th-fp {
border-left: 1px solid black;
max-width: 184px;
}
.tr-fp {
border-left: 1px solid black;
} */
/* .td-fp td {
height: 606px;
} */
.table-fp tr:nth-last-child(1) {
background: #F0EEEA;
/* font-family: 'Roboto', sans-serif;
font-size: 14px; */
/* text-transform: uppercase; */
text-align: center;
padding: 0;
margin: 0;
}
/* .table-fp tr:nth-last-child(2) {
background-image: url("../img/a-m.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
z-index: 0;
height: 400px;
background-position: right bottom 20px;
} */
.fp-img {
display: block;
}
.table-fp {
/* border: 1px solid black; */
/* padding:0 5.5rem */
}
.table-fp .text-left {
text-align:left !important
}
.table-fp table {
/* border: 1px solid black; */
width:100%
}
.table-fp thead {
border-top:0 none
}
.table-fp tbody {
border-bottom:0 none
}
.table-fp th {
font-family: 'Roboto', sans-serif;
font-weight: 700;
/* text-transform: uppercase; */
text-align: center;
border-right: 0.1rem solid #978E8E;
border-left: 0.1rem solid #978E8E;
font-size: 24px;
padding: 20px;
background-color:#F0EEEA;
}
.table-fp td {
font-family: 'Roboto', sans-serif;
vertical-align: top;
text-align: center;
border-right: 0.1rem solid #978E8E;
border-left: 0.1rem solid #978E8E;
font-size: 16px;
letter-spacing: 0;
border-top: none;
padding:1rem
}
.table-fp td h3 {
/* font-family: 'Roboto', sans-serif; */
font-family: 'Roboto Condensed', sans-serif;
text-transform: capitalize;
line-height: 1.2;
font-weight: 700;
vertical-align: top;
text-align: left;
font-size: 22px;
letter-spacing: 0;
padding:1rem
}
/* .table-fp td:first-child .table__label {
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
padding-top: 1rem;
padding-bottom: 0;
text-align: left;
font-size: 20px;
display: none;
color:#000
} */
/* .table-fp td:first-child .table__text {
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
display: inline-block;
padding-bottom: 0;
text-align: left;
font-size: 20px;
color:#000
} */
/* .table-fp .table__button {
font-family: 'Roboto', sans-serif;
text-decoration: underline;
letter-spacing: 0.2rem;
display: inline-block;
font-size: 20px;
border-radius: 0;
line-height: 1;
color: #000;
width:100%
} */
/* @media screen and (max-width: 992px) {
.table-fp {
}
.table-fp tr:nth-last-child(2) {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
z-index: 0;
height: 400px;
background-position: right bottom 20px;
}
} */
/* FP MOBILE */
/* @media (min-width: 320px){ */
/* @media (min-width: 320px) and (max-width: 1200px) { */
/* @media only screen and (max-width: 480px) { */
/* @media only screen and (max-width: 414px) { */
/* END FLOORPLANS */
/* END FP MOBILE */
.span_2_of_2_fp {
width: 100%;
}
.span_1_of_2_fp {
width: 49.2%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_2_of_2_fp {
width: 100%;
}
.span_1_of_2_fp {
width: 100%;
}
}
textarea {
padding: 12px 20px;
margin: 8px 0;
width: 100%;
box-sizing: border-box;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size:18px;
-webkit-appearance: none:
/* border: 1px solid #aaa; */
}
input:focus {
color: #AEACAC;
}
input[type=text], input[type=email], input[type=tel] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size:18px;
border: 1px solid #aaa;
color: #AEACAC;
}
.nf-response-msg p {
width: 100%;
/* padding: 12px 20px; */
margin: 8px 0;
box-sizing: border-box;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size:18px;
/* border: 1px solid #aaa; */
color: #AEACAC;
padding-top: 10px;
padding-bottom: 40px;
}
/* REMOVED SELECT STUFF */
.nf-form-fields-required {
display: none;
visibility: hidden;
}
input[type=button], input[type=submit], input[type=reset] {
background-color: #A6192E;
border: none;
color: white;
padding: 16px 32px;
text-decoration: none;
margin: 4px 2px;
cursor: pointer;
float: left !important;
border: 1px solid #979797;
-webkit-appearance: none;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size:18px;
}
.field-wrap label {
color: rgba(120, 120, 120, 0.3);
}
.ninja-forms-field {
/* color: rgba(204, 204, 204, 0.3); */
}
.nf-form-title {
Display: none;
}
.nf-form-wrap {
color: rgba(120, 120, 120, 0.3);
}
.nf-field-label {
color: rgba(120, 120, 120, 0.3);
}
#nf-field-5-wrap {
color: rgba(120, 120, 120, 0.3);
}
.nf-field-6 {
color: rgba(120, 120, 120, 0.3);
}
.nf-field-7 {
color: rgba(120, 120, 120, 0.3);
}
.map-responsive{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
.contact-width {
max-width: 800px;
padding-left: 10px;
padding-right: 10px;
}
@media only screen and (max-width: 480px) {
.contact-width {
max-width: 800px;
padding-left: 10px;
padding-right: 10px;
padding-top: 60px;
}
}
/* ADDED FOR RESIDENCES */
.span_2_of_2_content-column ul.thelists {
/* list-style-type: circle; */
list-style-position: outside;
text-align: left;
line-height: 1.5;
padding-left: 30px;
padding-right: 10px;
list-style-type: disc;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.1;
padding: 5px 10px 10px 30px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#58595b;
text-align: left;
/* page-break-inside: avoid; */
}
.span_2_of_2_content-column ul.thelists-soi li a {
/* list-style-type: none; */
padding: 0px 0px 5px 12px; /* top right bottom left */
text-align: left;
}
.span_2_of_2_content-column ul.thelists-soi {
/* list-style-type: circle; */
list-style-type: none;
/* list-style-position: inside; */
text-align: left;
/* line-height: .8; */
padding-left: 0px;
padding-right: 10px;
/* list-style-type: disc; */
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.1;
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px;
text-indent: -5px;
/* color:#888181; */
color:#58595b;
/* text-align: left; */
/* page-break-inside: avoid; */
}
/* ADDED FOR SOI */
.soi-spacer {
/* background: #787878; */
width: 100%;
padding: 0px;
margin: 0px;
height: 40px;
display:inline-block;
}
.topic-spacer {
padding-top: 40px;
/* background: #787878; */
/* width: 100%;
padding: 0px;
margin: 0px;
height: 40px;
display:inline-block; */
}
.span_2_of_2_content-column-soi ul.thelists-soi li a {
/* list-style-type: none; */
padding: 0px 0px 5px 12px; /* top right bottom left */
text-align: left;
}
.span_2_of_2_content-column-soi ul.thelists-soi {
/* list-style-type: circle; */
list-style-type: none;
/* list-style-position: inside; */
text-align: left;
/* line-height: .8; */
padding-left: 0px;
padding-right: 10px;
/* list-style-type: disc; */
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.1;
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px;
text-indent: -5px;
/* color:#888181; */
color:#58595b;
text-align: left;
/* page-break-inside: avoid; */
}
@media only screen and (max-width: 1020px) {
.span_2_of_2_content-column-soi ul.thelists-soi {
/* list-style-type: circle; */
list-style-type: none;
/* list-style-position: inside; */
text-align: left;
/* line-height: .8; */
padding-left: 0px;
padding-right: 10px;
/* list-style-type: disc; */
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:14px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.1;
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px;
text-indent: -5px;
/* color:#888181; */
color:#58595b;
text-align: left;
/* page-break-inside: avoid; */
}
}
.span_2_of_2_content-column-soi {
width: 20%;
/* border: 1px solid red; */
margin-top: 0;
padding-left: 17px;
padding-right: 20px;
/* padding-top: 22px; */
padding-bottom: 22px;
/* width: 34.2%; */
display: table-cell;
}
@media only screen and (max-width: 480px) {
.span_2_of_2_content-column-soi {
width: 90%;
border: 0px solid #E1DDD6;
}
.span_1_of_2_content-column-soi {
width: 90%;
/* background-color: #E1DDD6; */
/* width: 54.2%; */
/* margin-top: 0;
padding-left: 0px;
padding-right: 0px;
padding-top: 22px;
padding-bottom: 22px;
display: table-cell; */
/* background-color: #E1DDD6; */
}
}
.span_2_of_2_content-column-soi a {
/* color: #78b657; */
color: #6B6767;
}
.span_2_of_2_content-column-soi:hover {
/* color: #78b657; */
color: #6B6767;
background-color:#ffffff;
}
.span_2_of_2_content-column-soi ul.thelists-soi li a:hover {
color: #6B6767;
background-color:#ffffff;
font-weight: bold;
}
/* .span_2_of_2_content-column-soi a {
color: #78b657;
} */
.span_1_of_2_content-column-soi p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.1;
padding: 5px 10px 10px 10px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#58595b;
text-align: left;
/* page-break-inside: avoid; */
}
.span_2_of_2_content-column-soi h3 {
font-family: 'Roboto', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size:22px;
letter-spacing: .6px;
line-height: 150%;
/* margin-top: 90px; */
padding: 30px 10px 20px 0px; /* top right bottom left */
color:#888181;
text-align: left;
}
.span_2_of_2_content-column-soi .form-box h3 {
font-family: 'Roboto', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size:22px;
letter-spacing: .6px;
line-height: 150%;
padding: 30px 10px 20px 20px; /* top right bottom left */
color:#888181;
text-align: left;
}
.span_2_of_2_content-column-soi h4 {
font-family: 'Roboto', sans-serif;
display: inline;
font-weight: bold;
text-transform: uppercase;
font-size:22px;
letter-spacing: .6px;
line-height: 150%;
/* padding: 30px 10px 20px 10px; */
/* top right bottom left */
padding-right: 10px;
/* color:#78b657; */
text-align: left;
}
.span_2_of_2_content-column-soi p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:14px;
/* opacity: 0.8; */
letter-spacing: .5px;
line-height: 178%;
padding: 0px 10px 10px 10px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#423E3E;
text-align: left;
}
/* ADDED FOR SOI */
/* STORIES OF IMPACT GRID STYLES */
.storiesofimpact {
/* padding: 2rem; */
}
.storiesofimpact > ul {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
/* grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); */
/* grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); */
grid-gap: 1rem;
}
.storiesofimpact > ul > li {
border: 1px solid #E2E2E2;
border-radius: .5rem;
list-style-type: none;
}
.storiesofimpact > ul > li > figure {
/* max-height: 220px; */
max-height: 220px;
overflow: hidden;
border-top-left-radius: .5rem;
border-top-right-radius: .5rem;
position: relative;
}
.storiesofimpact > ul > li > figure > img {
width: 100%;
}
.storiesofimpact > ul > li > figure > figcaption {
position: absolute;
bottom: 0;
background-color: rgba(0,0,0,.7);
width: 100%;
}
.storiesofimpact > ul > li > figure > figcaption > h3 {
color: white;
padding: .75rem;
/* font-size: 1.25rem; */
/* font-size: 1.12rem; */
font-size: 1rem;
/* JP CHANGE SAT */
}
.storiesofimpact > ul > li > p {
font-size: 1rem;
/* font-size: 1rem; */
/* font-size: .75rem; */
line-height: 1.5;
padding: 1rem .75rem;
color: #666666;
}
/* .soi-small-headline > ul > li > figure > figcaption > h3 {
font-size: .8rem;
} */
.storiesofimpact > ul > li > a {
padding: .5rem 1rem;
margin: .5rem;
}
@media only screen and (max-width: 480px) {
.storiesofimpact > ul {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
/* grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); */
grid-gap: 1rem;
}
}
/* DELETE THESE */
ul.thelists-neighborhood {
/* list-style-type: circle; */
list-style-position: outside;
text-align: left;
line-height: 150%;
padding-left: 60px;
padding-right: 10px;
}
ul.thelists-residences {
/* list-style-type: circle; */
list-style-position: outside;
text-align: left;
line-height: 150%;
padding-left: 30px;
padding-right: 0px;
}
ul.thelists-endurance {
/* list-style-type: circle; */
list-style-position: outside;
text-align: left;
line-height: 150%;
padding-left: 30px;
padding-right: 0px;
padding-bottom: 0px;
}
ul.thelists-endurance ul {
/* list-style-type: circle; */
list-style-position: outside;
text-align: left;
line-height: 150%;
padding-left: 40px;
padding-right: 0px;
padding-top: 20px;
}
/* BULLET WRAP LINE HEIGHT AND BOTTOM PADDING */
ul.thelists-endurance li {
line-height: 150%;
padding-bottom: 15px;
}
.container-slideshow {
width: 100%;
height: 676px;
position: relative;
margin: 0;
padding: 0;
overflow: hidden;
}
.container-slideshow .other-content {
position: absolute;
top: 150px;
left: 0;
width: 100%;
text-align: center;
z-index: 2;
padding: 0px;
font-size: 50px;
color: white;
}
.container-slideshow .other-content h1 {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size:36px;
letter-spacing: .5px;
color: #ffffff;
}
.container-slideshow .other-content-heading-large {
position: absolute;
top: 150px;
left: 0;
width: 100%;
text-align: center;
z-index: 2;
padding: 0px;
font-size: 50px;
color: white;
}
.container-slideshow .other-content-heading-large h1 {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size:36px;
letter-spacing: .5px;
color: #ffffff;
}
.container-slideshow .other-content-heading-small {
position: absolute;
top: 100px;
left: 0;
width: 100%;
text-align: center;
z-index: 2;
padding: 0px;
font-size: 50px;
color: white;
}
.container-slideshow .other-content-heading-small h1 {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size:36px;
letter-spacing: .5px;
color: #ffffff;
}
.other-content-button-small2 {
position: absolute;
top: 195px;
left: 0;
width: 100%;
text-align: center;
z-index: 200;
padding: 0px;
font-size: 50px;
color: white;
}
.other-content-button-small2-exp {
position: absolute;
top: 195px;
left: 0;
width: 100%;
text-align: center;
z-index: 200;
padding: 0px;
font-size: 50px;
color: white;
}
.other-content-button-large2 {
position: absolute;
/* top: 111px; */
top: 175px;
left: -40px;
width: 100%;
text-align: right;
z-index: 200;
padding: 0px 40px 0px 0px; /* top right bottom left */
font-size: 50px;
color: white;
}
@media only screen and (max-width: 1200px) {
.other-content-button-large2 {
position: absolute;
top: 175px;
left: -40px;
width: 100%;
text-align: right;
z-index: 200;
padding: 0px 40px 0px 0px; /* top right bottom left */
font-size: 50px;
color: white;
}
}
.container-slideshow .other-content-button-small {
position: absolute;
top: 140px;
left: 0;
width: 100%;
text-align: center;
z-index: 2;
padding: 0px;
font-size: 50px;
color: white;
}
.other-content-button-large {
position: absolute;
top: 111px;
left: -40px;
width: 100%;
text-align: right;
z-index: 2;
padding: 0px 40px 0px 0px; /* top right bottom left */
font-size: 50px;
color: white;
}
@media only screen and (max-width: 1200px) {
.other-content-button-large {
position: absolute;
top: 111px;
left: -40px;
width: 100%;
text-align: right;
z-index: 2;
padding: 0px 40px 0px 0px; /* top right bottom left */
font-size: 50px;
color: white;
}
}
.container-slideshow .slide {
z-index: 1;
position: absolute;
width: 100%;
top: 80px;
left: 0;
height: 100%;
transition: opacity 3s ease-in-out;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
opacity: 0;
}
.container-slideshow .slide.show {
opacity: 1;
}
.heading_container_large-slideshow {
position: absolute;
padding: 30px 0px 0px 40px; /* top right bottom left */
margin: 0px;
z-index: 2;
}
.heading_container_large-slideshow h1 {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size:36px;
letter-spacing: .5px;
padding: 20px 10px 0px 10px; /* top right bottom left */
color: #787878;
text-align: left;
z-index: 2;
}
/* END ADDED FOR RESIDENCES */
.building-stuff {
max-width: 100%;
height: auto;
}
.copy-container-fixed {
/* max-width: 600px; */
max-width: 1920px;
/* max-width: 1024px; */
padding: 0px;
margin: 0px;
/* border: 1px solid red; */
/* margin-right: 120px; */
}
/* FOUR COLUMNS */
.span_4_of_4 {
width: 100%;
}
.span_3_of_4 {
width: 74.6%;
}
.span_2_of_4 {
width: 49.2%;
}
.span_1_of_4 {
width: 23.8%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_4_of_4 {
width: 100%;
}
.span_3_of_4 {
width: 100%;
}
.span_2_of_4 {
width: 100%;
}
.span_1_of_4 {
width: 100%;
}
}
#section1 {
}
#section2 {
}
/* ANCHOR HEIGHT */
@media only screen and (max-width: 480px) {
#section2 {
/* height: 100px; */
/* background-color: yellow; */
display: block;
position: relative;
top: -65px;
visibility: hidden;
}
}
.floorplan_title {
font-family: 'Roboto', sans-serif;
/* text-transform: uppercase; */
letter-spacing: 0.4rem;
font-size: 2.2rem;
line-height: 1.5;
color:#000
}
/* .parallax {
background-image: url("../img/building.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
background-attachment: fixed;
width: 100%;
z-index: 0;
min-height: 500px;
margin-bottom: 0px;
overflow: hidden;
} */
.parallax {
background-image: url("../img/new-building-7.png");
/* background-image: url("../img/building.png"); */
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
/* position: relative; */
background-attachment: fixed;
width: 100%;
z-index: 0;
/* min-height: 500px; */
min-height: 800px;
margin-top: 10px;
}
.no-parallax {
background-image: url("../img/building.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
/* background-attachment: fixed; */
width: 100%;
z-index: 0;
min-height: 500px;
margin-bottom: 0px;
overflow: hidden;
}
.no-parallax2 {
background-image: url("../img/building.png");
min-height: 300px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax2 {
background-image: url("../img/building.png");
min-height: 300px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* JP REMOVED */
/* a {
color: #ffffff;
text-decoration: none;
} */
.bottom-div {
/* background: #787878; */
background: red;
width: 100%;
}
.signatures {
max-width: 100%;
height: auto;
}
.floorplans {
max-width: 100%;
height: 700px ;
/* height: auto; */
}
.buiding-stuff {
max-width: 100%;
height: auto;
}
.span_1_of_2_bullets h3 {
/* font-family: 'Roboto Condensed', sans-serif; */
/* font-family: ITCBlair-Medium; */
font-family: 'Roboto', sans-serif;
/* font-weight: 600; */
font-weight: bold;
text-transform: uppercase;
/* font-weight: 500; */
font-size:16px;
letter-spacing: .5px;
line-height: 175%;
padding: 30px 10px 40px 10px; /* top right bottom left */
color:#888181;
/* text-align: left; */
text-align: left;
}
.span_1_of_2_bullets a {
color: blue;
}
/* .span_1_of_2_bullets h3 {
font-family: ITCBlair-Medium;
font-weight: bold;
text-transform: uppercase;
font-size:17px;
letter-spacing: .5px;
line-height: 185%;
padding: 20px 10px 0px 10px;
color:#888181;
text-align: left;
} */
/* .span_1_of_2_bullets h3::after {
content: "";
background: #CA5F36;
height: 3px;
display: block;
width: 15rem;
margin-top: 10px;
} */
.textback-home {
max-width: 1024px;
padding: 0px;
margin: 0px;
/* border: 1px solid red; */
/* 1 */
}
.textback-home h1 {
/* font-family: 'Crimson Text', serif;
font-weight: bold;
text-transform: uppercase;
font-size:28px;
letter-spacing: .5px;
line-height: 185%;
padding: 5px 10px 20px 0px;
color:#888181;
text-align: center; */
font-family: 'Roboto', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size:26px;
letter-spacing: .6px;
line-height: 150%;
padding: 10px 10px 40px 10px; /* top right bottom left */
color:#888181;
text-align: left;
}
@media only screen and (max-width: 480px) {
.textback-home h1 {
/* font-family: 'Crimson Text', serif;
font-weight: bold;
text-transform: uppercase;
font-size:25px;
letter-spacing: .5px;
line-height: 125%;
padding: 5px 20px 20px 20px;
color:#888181;
text-align: center; */
font-family: 'Roboto', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size:22px;
letter-spacing: .6px;
line-height: 150%;
padding: 30px 10px 20px 10px; /* top right bottom left */
color:#888181;
text-align: left;
}
}
.textback-home p {
/* font-family: 'Crimson Text', serif;
font-weight: bold;
text-transform: uppercase;
font-size:28px;
letter-spacing: .5px;
line-height: 185%;
padding: 5px 10px 20px 0px;
color:#888181;
text-align: center; */
font-family: 'Roboto', sans-serif;
/* font-weight: bold; */
/* text-transform: uppercase; */
font-size:18px;
letter-spacing: .6px;
line-height: 150%;
padding: 10px 10px 10px 10px; /* top right bottom left */
color:#888181;
text-align: left;
}
@media only screen and (max-width: 480px) {
.textback-home p {
/* font-family: 'Crimson Text', serif;
font-weight: bold;
text-transform: uppercase;
font-size:25px;
letter-spacing: .5px;
line-height: 125%;
padding: 5px 20px 20px 20px;
color:#888181;
text-align: center; */
font-family: 'Roboto', sans-serif;
font-weight: bold;
/* text-transform: uppercase; */
font-size:14px;
letter-spacing: .6px;
line-height: 150%;
padding: 30px 10px 20px 10px; /* top right bottom left */
color:#888181;
text-align: left;
}
}
.textback-home p b {
/* font-family: 'Crimson Text', serif;
font-weight: bold;
text-transform: uppercase;
font-size:28px;
letter-spacing: .5px;
line-height: 185%;
padding: 5px 10px 20px 0px;
color:#888181;
text-align: center; */
font-family: 'Roboto', sans-serif;
font-weight: bold;
/* text-transform: uppercase; */
font-size:18px;
letter-spacing: .6px;
line-height: 150%;
padding: 10px 10px 10px 0px; /* top right bottom left */
color:#888181;
text-align: left;
}
@media only screen and (max-width: 480px) {
.textback-home p b {
/* font-family: 'Crimson Text', serif;
font-weight: bold;
text-transform: uppercase;
font-size:25px;
letter-spacing: .5px;
line-height: 125%;
padding: 5px 20px 20px 20px;
color:#888181;
text-align: center; */
font-family: 'Roboto', sans-serif;
font-weight: bold;
/* text-transform: uppercase; */
font-size:18px;
letter-spacing: .6px;
line-height: 150%;
padding: 30px 10px 5px 0px; /* top right bottom left */
color:#888181;
text-align: left;
}
}
.textback h1 {
font-family: TradeGothicProBold;
font-style: normal;
text-transform: uppercase;
font-size:28px;
letter-spacing: .5px;
line-height: 185%;
padding: 5px 10px 20px 0px;
color:#888181;
text-align: center;
/* font-family: 'Roboto', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size:22px;
letter-spacing: .6px;
line-height: 150%;
padding: 10px 10px 40px 10px;
color:#888181;
text-align: center; */
}
@media only screen and (max-width: 480px) {
.textback h1 {
font-family: TradeGothicProBold;
font-style: normal;
text-transform: uppercase;
font-size:25px;
letter-spacing: .5px;
line-height: 125%;
padding: 5px 20px 20px 20px;
color:#888181;
text-align: center;
/* font-family: 'Roboto', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size:22px;
letter-spacing: .6px;
line-height: 150%;
padding: 30px 10px 20px 10px;
color:#888181;
text-align: center; */
}
}
.textback-us h1 {
/* font-family: 'Roboto Condensed', sans-serif; */
/* font-family: ITCBlair-Medium; */
font-family: 'Crimson Text', serif;
font-weight: bold;
text-transform: uppercase;
/* font-weight: 500; */
font-size:28px;
letter-spacing: .5px;
line-height: 185%;
padding: 20px 10px 20px 0px; /* top right bottom left */
color:#888181;
/* text-align: left; */
text-align: center;
}
@media only screen and (max-width: 480px) {
.textback-us h1 {
/* font-family: 'Roboto Condensed', sans-serif; */
/* font-family: ITCBlair-Medium; */
font-family: 'Crimson Text', serif;
font-weight: bold;
text-transform: uppercase;
/* font-weight: 500; */
font-size:28px;
letter-spacing: .5px;
line-height: 125%;
padding: 20px 10px 20px 0px; /* top right bottom left */
color:#888181;
/* text-align: left; */
text-align: center;
}
}
.textback-us-main h1 {
/* font-family: 'Roboto Condensed', sans-serif; */
/* font-family: ITCBlair-Medium; */
font-family: 'Crimson Text', serif;
font-weight: bold;
text-transform: uppercase;
/* font-weight: 500; */
font-size:28px;
letter-spacing: .5px;
line-height: 185%;
padding: 20px 10px 20px 0px; /* top right bottom left */
color:#888181;
/* text-align: left; */
text-align: center;
}
@media only screen and (max-width: 480px) {
.textback-us-main h1 {
/* font-family: 'Roboto Condensed', sans-serif; */
/* font-family: ITCBlair-Medium; */
font-family: 'Crimson Text', serif;
font-weight: bold;
text-transform: uppercase;
/* font-weight: 500; */
font-size:28px;
letter-spacing: .5px;
line-height: 125%;
padding: 20px 10px 20px 0px; /* top right bottom left */
color:#888181;
/* text-align: left; */
text-align: center;
}
}
.textback-hire-us h1 {
/* font-family: 'Roboto Condensed', sans-serif; */
/* font-family: ITCBlair-Medium; */
font-family: 'Crimson Text', serif;
font-weight: bold;
text-transform: uppercase;
/* font-weight: 500; */
font-size:28px;
letter-spacing: .5px;
line-height: 185%;
padding: 20px 10px 20px 0px; /* top right bottom left */
color:#888181;
/* text-align: left; */
text-align: center;
}
@media only screen and (max-width: 480px) {
.textback-hire-us h1 {
/* font-family: 'Roboto Condensed', sans-serif; */
/* font-family: ITCBlair-Medium; */
font-family: 'Crimson Text', serif;
font-weight: bold;
text-transform: uppercase;
/* font-weight: 500; */
font-size:28px;
letter-spacing: .5px;
line-height: 125%;
padding: 20px 10px 20px 0px; /* top right bottom left */
color:#888181;
/* text-align: left; */
text-align: center;
}
}
.textback h2 {
/* font-family: 'Roboto Condensed', sans-serif; */
/* font-family: ITCBlair-Medium; */
font-family: 'Crimson Text', serif;
font-weight: bold;
/* font-weight: bold; */
text-transform: uppercase;
/* font-weight: 500; */
font-size:22px;
letter-spacing: .5px;
line-height: 145%;
padding: 0px 10px 0px 10px; /* top right bottom left */
color:#888181;
/* text-align: left; */
text-align: center;
}
.textback h3 {
/* font-family: 'Roboto Condensed', sans-serif; */
/* font-family: ITCBlair-Medium; */
font-family: 'Roboto', sans-serif;
/* font-weight: 600; */
font-weight: bold;
text-transform: uppercase;
/* font-weight: 500; */
font-size:16px;
letter-spacing: .5px;
line-height: 120%;
padding: 30px 10px 40px 10px; /* top right bottom left */
color:#888181;
/* text-align: left; */
text-align: center;
}
.subhead h2 {
/* font-family: 'Roboto Condensed', sans-serif; */
/* font-family: ITCBlair-Medium; */
font-family: 'Roboto', sans-serif;
/* font-weight: 600; */
font-weight: bold;
text-transform: uppercase;
/* font-weight: 500; */
font-size:18px;
letter-spacing: .6px;
line-height: 120%;
padding: 30px 10px 0px 10px; /* top right bottom left */
color:#888181;
/* text-align: left; */
text-align: center;
}
.subhead h3 a {
/* font-family: 'Roboto Condensed', sans-serif; */
/* font-family: ITCBlair-Medium; */
font-family: 'Roboto', sans-serif;
/* font-weight: 600; */
font-weight: bold;
text-transform: uppercase;
/* font-weight: 500; */
font-size:18px;
letter-spacing: .6px;
line-height: 120%;
padding: 30px 10px 0px 10px; /* top right bottom left */
/* color:#888181; */
/* color: #78b657; */
color: #0068d1;
/* text-align: left; */
text-align: center;
}
.subhead p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:18px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 120%;
/* padding: 5px 10px 10px 30px; */
/* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#58595b;
text-align: center;
padding: 0px 0px 0px 0px; /* top right bottom left */
}
.subhead b {
font-size: 18px;
}
.scroll-large {
position: relative;
height: 0px;
width: auto;
/* border: 3px solid #8AC007; */
padding: 0px 0px 0px 0px;
margin: 0px;
bottom: 60px;
}
.scroll-small {
position: relative;
height: 0px;
width: auto;
/* border: 3px solid #8AC007; */
padding: 0px 0px 0px 0px;
margin: 0px;
bottom: 110px;
}
.arrow ul {
margin: 1.5em 2em 1em;
text-align: center;
list-style: none;
}
.arrow ul + ul {
margin-top: -1em;
}
.arrow ul li {
display: inline-block;
margin: 40px;
}
.arrow {
display: inline-block;
width: 15px;
height: 15px;
border-top: 2px solid #000;
border-right: 2px solid #000;
}
.arrow-top {
transform: rotate(-45deg);
}
.arrow-right {
transform: rotate(45deg);
}
.arrow-bottom {
transform: rotate(135deg);
}
.arrow-left {
transform: rotate(-135deg);
}
.arrow-top-narrow {
transform: rotate(-45deg) skew(-15deg, -15deg);
}
.arrow-top-wide {
transform: rotate(-45deg) skew(7deg, 7deg);
}
.arrow-top-left {
transform: rotate(-90deg) skew(-10deg, -10deg);
}
.arrow-top-right {
transform: rotate(0) skew(-10deg, -10deg);
}
.arrow-bottom-left {
transform: rotate(180deg) skew(-10deg, -10deg);
}
.arrow-bottom-right {
transform: rotate(90deg) skew(-10deg, -10deg);
}
/* end arrows */
.hero img {
max-width: 100%;
height: auto;
}
.outer-div {
width: 100%;
text-align: center;
background: #E1DDD6;
}
.outer-div-soi {
width: 100%;
text-align: center;
background: #E1DDD6;
}
.outer-div-footer {
width: 100%;
text-align: center;
}
.footer-background {
width: 100%;
background: #333333;
padding-top: 60px;
/* JP FOOTER CHANGE */
/* border: 1px solid red; */
}
.inner-div {
display: inline-block;
margin: 0 auto;
padding: 3px;
}
.inner-div-footer {
display: inline-block;
margin: 0 auto;
padding: 3px;
background: #333333;
}
.inner-div-contact {
display: inline-block;
margin: 0 auto;
padding: 3px;
/* background: #787878; */
}
/* div.watermark-new-footer { */
.footer-water {
height: auto;
/* height: 500px; */
/* background:url("../img/wootermrk2.png"); */
background:url("../img/watermark-bigger-smaller.png");
background-repeat:no-repeat;
/* background-position:center; */
/* background-attachment:fixed; */
background-position:center bottom;
opacity: 0.8;
/* z-index: 50000; */
/* border: 1px solid red; */
z-index: 1000000000;
/* position: relative; */
}
.footerwater-back {
height: auto;
/* height: 500px; */
background: #787878;
/* position: relative; */
}
.footer-water2 {
/* background-image: url("../img/entertainment.png"); */
background:url("../img/watermark-bigger-smaller.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
z-index: 0;
height: 676px;
margin-bottom: 0px;
background: #787878;
}
div.watermark-home {
/* height:225px; */
/* Custom Height Per Section */
height: auto;
/* background:url("../img/wootermrk2.png"); */
/* background:url("../img/watermark-bigger-smaller.png"); */
background-repeat:no-repeat;
/* background-position:center; */
/* background-attachment:fixed; */
background-position:center bottom;
opacity: 0.8;
/* border: 1px solid red; */
}
@media only screen and (max-width: 480px) {
div.watermark-home {
/* height:355px; */
/* Custom Height Per Section */
height: auto;
/* background:url("../img/watermark-bigger-smaller.png"); */
background-repeat:no-repeat;
/* background-position:center; */
background-position:center bottom;
opacity: 0.8;
}
}
div.watermark-neighborhood {
height:360px; /* Custom Height Per Section */
/* background:url("../img/watermark_242_233.png"); */
background-repeat:no-repeat;
background-position:center;
}
@media only screen and (max-width: 480px) {
div.watermark-neighborhood {
height:660px; /* Custom Height Per Section */
/* background:url("../img/watermark_242_233.png"); */
background-repeat:no-repeat;
background-position:center;
}
}
div.watermark-residences {
height:280px; /* Custom Height Per Section */
/* background:url("../img/watermark_242_233.png"); */
background-repeat:no-repeat;
background-position:center;
}
@media only screen and (max-width: 480px) {
div.watermark-residences {
height:480px; /* Custom Height Per Section */
/* background:url("../img/watermark_242_233.png"); */
background-repeat:no-repeat;
background-position:center;
}
}
/* GRIDUTILITYTHINGS */
.colutility {
display: block;
float:left;
/* margin: 1% 0 1% 1.6%; removed spaces */
/* margin: 0 0 0 0; removed spaces */
}
.colutility:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
/* REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
.colutility {
/* margin: 10% 0 10% 0%; */
}
}
/* GRIDUTILITYTHINGS */
/* FOOTER THINGS */
.span_1_of_1_utilityfooter {
width: 100%;
/* background: #E1DDD6; */
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px 0px 0px 0px; /* top right bottom left */
/* border: 1px solid green; */
}
.outer-divutilityfooter {
width: 100%;
text-align: center;
/* background: #E1DDD6; */
background: #787878;
}
.outer-divfounders {
width: 100%;
text-align: center;
/* background: #E1DDD6; */
/* background: #787878; */
}
.footerutilitytextback {
max-width: 80%;
/* max-width: 1024px; */
padding: 0px;
margin: 0px;
}
.footerutilitytextback p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:12px;
opacity: 0.9;
letter-spacing: .5px;
/* line-height: 160%; */
padding: 10px 10px 0px 0px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
color:#ffffff;
/* color:#888181; */
text-align: left;
}
.footerutilitytextback h6 {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 500;
font-size:17px;
letter-spacing: .5px;
/* line-height: 160%; */
padding: 20px 10px 0px 0px; /* top right bottom left */
/* color:#888181; */
color: #ffffff;
text-align: left;
}
@media (min-width: 320px) and (max-width: 1200px) {
.footerutilitytextback {
/* max-width: 1024px; */
width: 80%;
padding: 0px;
margin: 0px;
}
.footerutilitytextback p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:12px;
opacity: 0.9;
letter-spacing: .5px;
/* line-height: 160%; */
padding: 10px 10px 0px 0px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
color:#ffffff;
/* color:#888181; */
text-align: left;
}
.footerutilitytextback h6 {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 500;
font-size:17px;
letter-spacing: .5px;
/* line-height: 160%; */
padding: 20px 0px 0px 0px; /* top right bottom left */
/* color:#888181; */
color: #ffffff;
text-align: left;
}
}
/* .footerutilitytextback p {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 100;
font-size:12px;
opacity: 0.8;
letter-spacing: .5px;
padding: 10px 10px 0px 10px;
margin: 0px;
text-indent: 0px;
color:#ffffff;
text-align: left;
} */
.foundersutilitytextback {
/* max-width: 1024px; */
width: 80%;
padding: 0px;
margin: 0px;
}
.foundersutilitytextback h6 {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 500;
font-size:17px;
letter-spacing: .5px;
/* line-height: 160%; */
padding: 20px 10px 0px 10px; /* top right bottom left */
/* color:#888181; */
color: #ffffff;
text-align: left;
}
.foundersutilitytextback p {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 100;
font-size:10px;
opacity: 0.8;
letter-spacing: .5px;
/* line-height: 160%; */
padding: 10px 10px 0px 10px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
color:#000000;
/* color:#888181; */
text-align: left;
}
.inner-divutilitybar {
display: inline-block;
margin: 0 auto;
padding: 3px;
}
/* div.footerutilitybar { */
.footerutilitybar {
/* height:200px; */
/* background-repeat:no-repeat;
background-position:center; */
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size:16px;
/* border: 1px solid red; */
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0 auto;
width: 100%;
/* float: left !important; */
}
/* END FOOTER THINGS */
div.nowatermark-home {
height:450px; /* Custom Height Per Section */
background-repeat:no-repeat;
background-position:center;
/* border: 1px solid red; */
}
@media only screen and (max-width: 480px) {
div.nowatermark-home {
height:700px; /* Custom Height Per Section */
background-repeat:no-repeat;
background-position:center;
}
}
div.nowatermark-vision {
/* height:222px; */
/* Custom Height Per Section */
background-repeat:no-repeat;
background-position:center;
}
@media only screen and (max-width: 480px) {
div.nowatermark-vision {
/* height:100px; */
/* Custom Height Per Section */
background-repeat:no-repeat;
background-position:center;
}
}
div.nowatermark-neighborhood {
height:200px; /* Custom Height Per Section */
background-repeat:no-repeat;
background-position:center;
}
@media only screen and (max-width: 480px) {
div.nowatermark-neighborhood {
height:550px; /* Custom Height Per Section */
background-repeat:no-repeat;
background-position:center;
}
}
div.nowatermark-building {
height:350px; /* Custom Height Per Section */
background-repeat:no-repeat;
background-position:center;
/* border: 1px solid red; */
}
@media only screen and (max-width: 480px) {
div.nowatermark-building {
height:630px; /* Custom Height Per Section */
background-repeat:no-repeat;
background-position:center;
}
}
div.footer-dav {
height:425px; /* Custom Height Per Section */
}
@media only screen and (max-width: 480px) {
div.footer-dav {
height:550px; /* Custom Height Per Section */
}
}
/* FOOTER ICON STYLES */
div.icon-footer-align a {
}
div.icon-footer-align {
display:flex;
}
div.icon-footer-align * {
margin-top:auto;
margin-bottom:auto;
}
div.icon-footer-align img {
padding: 0px 9px 0px 0px; /* top right bottom left */
}
/* END FOOTER ICON STYLES */
/* FLOORPLANS ICON STYLES */
div.icon-fp-align {
display:flex;
}
div.icon-fp-align * {
margin-top:auto;
margin-bottom:auto;
}
div.icon-fp-align img {
padding: 0px 30px 0px 20px; /* top right bottom left */
cursor: pointer;
}
div.icon-fp-align span {
color: black;
}
/* END FLOORPLANS ICON STYLES */
/* OTHER ICON STYLES */
div.icon-other-align {
display:flex;
justify-content: center;
width: 100%;
}
div.icon-other-align * {
margin-top:auto;
margin-bottom:auto;
}
div.icon-other-align img {
padding: 0px 9px 0px 0px; /* top right bottom left */
}
div.icon-other-align a {
color:#ffffff;
}
.button-padding-horizontal {
margin-right: 100px;
padding-right: 90px;
padding-left: 90px;
}
@media only screen and (max-width: 480px) {
/* div.icon-other-align {
display:flex;
justify-content: left;
width: 100%;
} */
.button-padding-horizontal {
/* margin-right: 100px; */
/* padding-right: 90px;
padding-left: 90px; */
}
}
/* END OTHER ICON STYLES */
img.icon-button {
padding: 0px 0px 0px 0px; /* top right bottom left */
}
.icon-align-text {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 100;
font-size:16px;
opacity: 0.8;
letter-spacing: .5px;
line-height: 0%;
padding: 0px 15px 0px 10px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
color:#888181;
text-align: left;
}
.icon-align-text-footer {
font-family: 'Roboto Condensed', sans-serif;
font-size: 17px;
font-weight: 700;
letter-spacing: .5px;
text-align: left;
color: #ffffff;
padding: 0px 10px 0px 10px; /* top right bottom left */
margin: 0px;
}
div.icon-align-div {
padding: 0px 0px 0px 0px; /* top right bottom left */
vertical-align: middle;
}
div.icon-align-div-footer {
display:flex;
align-items:middle;
padding: 0px 0px 0px 0px; /* top right bottom left */
border: 3px solid #8AC007;
}
div.icon-footer-align {
display:flex;
}
div.icon-footer-align * {
margin-top:auto;
margin-bottom:auto;
}
div.icon-footer-align img {
padding: 0px 9px 0px 0px; /* top right bottom left */
}
/* buttons */
.button_container_large {
padding-top: 40px;
padding-right: 40px;
margin: 0px;
}
@media only screen and (max-width: 1200px) {
.button_container_large {
padding-right: 40px;
padding-top: 40px;
margin: 0px;
}
}
.button_container_large_home {
/* padding-top: 320px;
padding-left: 40px; */
padding-right: 200px;
transform: translate(30px, 320px);
/* transform: translate(30px, 320px); */
margin: 0px;
}
.button_container_large_about {
/* padding-top: 320px;
padding-left: 40px; */
transform: translate(30px, 185px);
margin: 0px;
}
.button_container_large_contactus {
/* padding-top: 320px;
padding-left: 40px; */
transform: translate(30px, 275px);
margin: 0px;
}
.button_container_large_services {
/* padding-top: 320px;
padding-left: 40px; */
transform: translate(30px, 275px);
margin: 0px;
}
/* @media only screen and (max-width: 1200px) {
.button_container_large_home {
padding-right: 40px;
padding-top: 120px;
margin: 0px;
}
} */
.button_container_small_hero {
padding: 150px 0px 0px 0px; /* top right bottom left */
margin: 0px;
}
.button_container_small_hero2 {
top: 36%;
left: 33%;
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px;
z-index: 2;
position: absolute;
}
.button_container_small_hero_impact {
top: 32%;
left: 20%;
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px;
z-index: 2;
position: absolute;
}
.button_container_small_hero2_home {
/* top: 36%;
left: 27%; */
transform: translate(12px, 220px);
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px;
z-index: 2;
position: absolute;
}
.image_container_small_hero2_home {
/* top: 36%;
left: 27%; */
/* transform: translate(12px, 220px); */
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px;
z-index: 2;
position: absolute;
}
.button_container_small_hero2_home2 {
/* top: 36%;
left: 27%; */
transform: translate(12px, 175px);
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px;
z-index: 2;
position: absolute;
}
.button_container_small_hero2_prop {
/* top: 36%;
left: 27%; */
transform: translate(12px, 220px);
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px;
z-index: 2;
position: absolute;
}
.button_container_small_hero2_about {
/* top: 36%;
left: 27%; */
transform: translate(12px, 185px);
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px;
z-index: 2;
position: absolute;
}
.button_container_small_hero2_currenttenants {
/* top: 36%;
left: 27%; */
transform: translate(12px, 200px);
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px;
z-index: 2;
position: absolute;
}
.button_container_small_hero2_prospectivetenants {
/* top: 36%;
left: 27%; */
transform: translate(12px, 200px);
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px;
z-index: 2;
position: absolute;
}
.button_container_small_hero2_realtorreferral {
/* top: 36%;
left: 27%; */
transform: translate(12px, 200px);
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px;
z-index: 2;
}
.button_container_small_hero2_ownersinvestors {
/* top: 36%;
left: 27%; */
transform: translate(12px, 240px);
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px;
z-index: 2;
}
.button_container_small_home {
padding: 150px 0px 0px 0px; /* top right bottom left */
margin: 0px;
}
.heading_container_large {
padding: 30px 0px 0px 40px; /* top right bottom left */
margin: 0px;
}
/* WAS H7 */
.heading_container_large h1 {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size:36px;
color: #787878;
letter-spacing: .5px;
/* line-height: 160%; */
padding: 20px 10px 0px 10px; /* top right bottom left */
/* color:#888181; */
color: #787878;
text-align: left;
}
.heading_container_small {
padding: 80px 0px 0px 0px; /* top right bottom left */
margin: 0px;
display:inline-block;
}
/* WAS H7 */
.heading_container_small h1 {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size:36px;
letter-spacing: .5px;
/* line-height: 160%; */
padding: 20px 10px 0px 10px; /* top right bottom left */
/* color: #787878; */
color: #ffffff;
text-align: left;
}
.heading_container_small-building {
padding: 80px 0px 0px 0px; /* top right bottom left */
margin: 0px;
display:inline-block;
}
/* WAS H7 */
.heading_container_small-building h1 {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size:36px;
letter-spacing: .5px;
/* line-height: 160%; */
padding: 20px 10px 0px 10px; /* top right bottom left */
color: #787878;
/* color: #ffffff; */
text-align: left;
}
.button_container_small {
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px;
/* border: 1px solid red; */
}
.button_container_small_height {
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px;
/* height: 200px;
background: #E1DDD6; */
/* border: 1px solid red; */
}
.button_container_small_footer {
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px;
}
.myButton {
background-color:#E0E1E2;
border-radius:0px;
border:1px solid #ffffff;
display:inline-block;
cursor:pointer;
color:#676868;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size:15px;
letter-spacing: 1px;
padding: 7px 25px 5px 25px; /* top right bottom left */
text-decoration:none;
}
.myButton:hover {
background-color:#C5C5C6;
}
.myButton:active {
position:relative;
top:1px;
}
.myButton2 {
/* background-color:#E0E1E2; */
background-color:#FFFFFF;
border-radius:30px;
border:0px solid #333333;
display:inline-block;
cursor:pointer;
/* color:#676868; */
color: #333333;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size:21px;
letter-spacing: 1px;
padding: 15px 30px 14px 30px; /* top right bottom left */
text-decoration:none;
}
.myButton2:hover {
/* background-color:#C5C5C6; */
background-color:#E0E1E2;
}
.myButton2:active {
position:relative;
top:1px;
}
.cell .myButton2 {
/* background-color:#E0E1E2; */
background-color:#FFFFFF;
border-radius:30px;
border:0px solid #333333;
display:inline-block;
cursor:pointer;
/* color:#676868; */
color: #333333;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size:21px;
letter-spacing: 1px;
padding: 15px 30px 14px 30px; /* top right bottom left */
text-decoration:none;
}
.cell .myButton2:hover {
/* background-color:#C5C5C6; */
background-color:#E0E1E2;
}
.cell .myButton2:active {
position:relative;
top:1px;
}
.cell .myButton3 {
/* background-color:#E0E1E2; */
background-color:#D82622;
border-radius:30px;
border:0px solid #D82622;
display:inline-block;
cursor:pointer;
/* color:#676868; */
color: #ffffffff;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size:21px;
letter-spacing: 1px;
padding: 15px 30px 14px 30px; /* top right bottom left */
text-decoration:none;
}
.cell .myButton3:hover {
/* background-color:#C5C5C6; */
background-color:#A6192E;
}
.cell .myButton3:active {
position:relative;
top:1px;
}
.myButton3 {
/* background-color:#E0E1E2; */
background-color:#D82622;
border-radius:30px;
border:0px solid #D82622;
display:inline-block;
cursor:pointer;
/* color:#676868; */
color: #ffffffff;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size:21px;
letter-spacing: 1px;
padding: 15px 30px 14px 30px; /* top right bottom left */
text-decoration:none;
}
.myButton3:hover {
/* background-color:#C5C5C6; */
background-color:#A6192E;
}
.myButton3:active {
position:relative;
top:1px;
}
.textback {
max-width: 1024px;
padding: 0px;
margin: 0px;
/* border: 1px solid red; */
/* 1 */
}
.textback-us {
max-width: 1024px;
padding: 0px;
/* margin: 0px; */
/* margin-top: 130px; */
margin-top: 130px;
/* border: 1px solid red; */
/* 1 */
}
.textback-us-main {
max-width: 1024px;
padding: 0px;
/* margin: 0px; */
/* margin-top: 130px; */
margin-top: 0px;
/* border: 1px solid red; */
/* 1 */
}
.textback-hire-us {
max-width: 1024px;
padding: 0px;
/* margin: 0px; */
margin-top: 130px;
/* border: 1px solid red; */
/* 1 */
}
.textback-partners {
max-width: 1024px;
padding: 0px;
/* margin: 0px; */
margin-top: 130px;
/* border: 1px solid red; */
/* 1 */
}
.textback-partners h1 {
/* font-family: 'Roboto Condensed', sans-serif; */
/* font-family: ITCBlair-Medium; */
font-family: 'Crimson Text', serif;
font-weight: bold;
text-transform: uppercase;
/* font-weight: 500; */
font-size:28px;
letter-spacing: .5px;
line-height: 185%;
padding: 20px 10px 20px 0px; /* top right bottom left */
color:#888181;
/* text-align: left; */
text-align: center;
}
@media only screen and (max-width: 480px) {
.textback-partners h1 {
/* font-family: 'Roboto Condensed', sans-serif; */
/* font-family: ITCBlair-Medium; */
font-family: 'Crimson Text', serif;
font-weight: bold;
text-transform: uppercase;
/* font-weight: 500; */
font-size:28px;
letter-spacing: .5px;
line-height: 125%;
padding: 20px 10px 20px 0px; /* top right bottom left */
color:#888181;
/* text-align: left; */
text-align: center;
}
}
.footerback {
max-width: 512px;
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px 0px 0px 0px; /* top right bottom left */
/* background: #787878; */
/* JP FOOTER CHANGE */
font-family: 'Roboto Condensed', sans-serif;
font-size: 18px;
font-weight: 700;
letter-spacing: .5px;
text-align: left;
color: #ffffff;
/* border: 1px solid red; */
}
.footerback p {
max-width: 512px;
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px 0px 0px 0px; /* top right bottom left */
background: #333333;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:14px;
letter-spacing: .5px;
text-align: left;
color: #ffffff;
/* border: 1px solid red; */
}
.footerback a {
color: #ffffff;
text-decoration: none;
}
.button_container_small_footer a {
color: #676868;
}
@media (min-width: 320px) and (max-width: 1200px) {
/* @media (min-width: 414px) and (max-width: 1200px) { */
.footerback {
/* max-width: 600px; */
/* width: 450px; */
width: 80%;
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px 0px 0px 0px; /* top right bottom left */
background: #333333;
font-family: 'Roboto Condensed', sans-serif;
font-size: 17px;
font-weight: 700;
letter-spacing: .5px;
text-align: left;
color: #ffffff;
/* border: 1px solid red; */
}
}
.contactback {
max-width: 512px;
padding: 10px 0px 0px 0px; /* top right bottom left */
margin: 0px 0px 0px 0px; /* top right bottom left */
/* background: #787878; */
font-family: 'Roboto Condensed', sans-serif;
font-size: 18px;
font-weight: 100;
letter-spacing: .9px;
text-align: left;
color: #787878;
/* border: 1px solid red; */
float: left !important;
}
.contactback a {
color: #787878;
}
.contactback p {
max-width: 512px;
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px 0px 0px 0px; /* top right bottom left */
/* background: #787878; */
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:14px;
letter-spacing: .5px;
text-align: left;
/* color: #ffffff; */
/* border: 1px solid red; */
}
.contactback .thin {
font-weight: 100;
}
.contactback .thick-contact {
font-weight: 700;
}
@media (min-width: 320px) and (max-width: 1200px) {
/* @media (min-width: 414px) and (max-width: 1200px) { */
.contactback {
/* max-width: 600px; */
/* width: 450px; */
width: 80%;
padding: 0px 0px 0px 0px; /* top right bottom left */
margin: 0px 0px 0px 0px; /* top right bottom left */
/* background: #787878; */
font-family: 'Roboto Condensed', sans-serif;
font-size: 17px;
font-weight: 700;
letter-spacing: .5px;
text-align: left;
color: #787878;
/* border: 1px solid red; */
}
}
/* .heroback {
background-image: url("../img/home2.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
z-index: 0;
height: 676px;
margin-bottom: 0px;
margin-top: 5px;
} */
.heroback2 {
/* background-image: url("../img/headcountry-hero2f.jpg"); */
/* background-image: url("../img/headcountry-hero2c.jpg"); */
/* background-image: url("../img/hc-hero.jpg"); */
/* background-image: url("../img/headcountry-hero1.jpg"); */
/* background-image: url("../img/home2.png"); */
/* background-image: url("../img/home_hero.png"); */
/* background-image: url("../img/headcountry-hero1.jpg"); */
/* background-image: url("../img/home_hero.jpg"); */
/* background-position: top center; */
background-position: 0px 60px;
/* background-position: 0px 50px; */
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
/* height: auto; */
margin-top: 70px;
}
@media only screen and (max-width: 480px) {
.heroback2 {
/* background-image: url("../img/headcountry-hero2f-2.jpg"); */
/* background-image: url("../img/home2.png"); */
/* background-image: url("../img/home_hero.png"); */
/* background-image: url("../img/headcountry-hero2c.jpg"); */
/* background-image: url("../img/home_hero.jpg"); */
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 300px;
/* height: auto; */
margin-top: 70px;
}
}
.heroback {
/* background-image: url("../img/home2.png"); */
background-image: url("../img/headcountry-hero2f.jpg");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 70px;
}
.heroback-realtor-referral {
/* background-image: url("../img/home2.png"); */
background-image: url("../img/realtor-referral-hero.jpg");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 70px;
}
.heroback-ourservices {
/* background-image: url("../img/home2.png"); */
background-image: url("../img/our-services-hero.jpg");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 70px;
}
.heroback-prospective-tenants {
/* background-image: url("../img/home2.png"); */
background-image: url("../img/prospective-tenants.jpg");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 70px;
}
.heroback-current-tenants {
/* background-image: url("../img/home2.png"); */
background-image: url("../img/current-tenants.jpg");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 70px;
}
.heroback-properties {
/* background-image: url("../img/home2.png"); */
background-image: url("../img/properties-hero.jpg");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 70px;
}
.heroback-about-fourwalls {
/* background-image: url("../img/home2.png"); */
background-image: url("../img/aboutus-hero.jpg");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 70px;
}
.heroback-contact-fourwalls {
/* background-image: url("../img/home2.png"); */
background-image: url("../img/contactus-hero.jpg");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 70px;
}
.linebacker {
/* height: 4907px; */
height: 1794px;
width: 1024px;
/* width: 1024px; */
background-image: url("../img/Framesm7.png");
/* background-image: url("../img/framxshiftedleft.png"); */
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
/* position: absolute; */
/* margin-right: 60px; */
/* border: 1px solid red; */
background-origin: content-box;
}
.span_1_of_2_content-column.linebacker p {
padding-left: 80px;
/* padding-top: 100px; */
margin-top: -60px;
}
.linebacker2 {
/* height: 1794px;
width: 1024px;
background-image: url("../img/Framesm7.png");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
background-origin: content-box; */
}
.span_1_of_2_content-column.linebacker2 p {
/* padding-left: 80px; */
padding-left: 60px;
/* padding-top: 100px; */
margin-top: -60px;
}
.linebacker-prospective {
/* height: 4907px; */
height: 700px;
width: 1024px;
/* width: 1024px; */
background-image: url("../img/prospectiveclientsline8.png");
/* background-image: url("../img/framxshiftedleft.png"); */
background-position: top center;
background-repeat: no-repeat;
/* background-size: cover; */
/* position: absolute; */
/* margin-right: 60px; */
/* border: 1px solid red; */
background-origin: content-box;
}
.span_1_of_2_content-column.linebacker-prospective p {
padding-left: 80px;
/* padding-top: 100px; */
margin-top: -60px;
}
.linebacker2-prospective {
/* height: 1794px;
width: 1024px;
background-image: url("../img/Framesm7.png");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
background-origin: content-box; */
}
.span_1_of_2_content-column.linebacker2-prospective p {
/* padding-left: 80px; */
padding-left: 60px;
/* padding-top: 100px; */
margin-top: -60px;
}
/* Realtor Referral */
.linebacker-realtor-referral {
/* height: 4907px; */
height: 825px;
width: 1024px;
/* width: 1024px; */
/* width: 1024px; */
background-image: url("../img/Framesm7k.png");
/* background-image: url("../img/prospectiveclientsline8.png"); */
/* background-image: url("../img/framxshiftedleft.png"); */
background-position: top center;
background-repeat: no-repeat;
/* background-size: cover; */
/* position: absolute; */
/* margin-right: 60px; */
/* border: 1px solid red; */
background-origin: content-box;
}
.span_1_of_2_content-column.linebacker-realtor-referral p {
padding-left: 80px;
/* padding-top: 100px; */
margin-top: -60px;
}
.linebacker2-realtor-referral {
/* height: 1794px;
width: 1024px;
background-image: url("../img/Framesm7.png");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
background-origin: content-box; */
}
.span_1_of_2_content-column.linebacker2-realtor-referral p {
/* padding-left: 80px; */
padding-left: 60px;
/* padding-top: 100px; */
margin-top: -60px;
}
/* END REALTOR REFERRAL */
.note-prospective {
padding-top: 100px;
}
.challengeback {
/* background-image: url("../img/home2.png"); */
background-image: url("../img/yourbusinesschallenge.png");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 150px;
}
.endurance-container {
margin-top: 10em;
/* max-width: 2400px; */
}
.endurance-container img {
width: 100%;
height: 100%;
display:block;
}
.tacticalprocessesback {
/* background-image: url("../img/home2.png"); */
/* background-image: url("../img/tacticalprocesses.png"); */
/* background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 10px; */
}
.innovationdigitizationback {
/* background-image: url("../img/home2.png"); */
background-image: url("../img/innovationdigitization.png");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 10px;
}
.riskmanagementback {
/* background-image: url("../img/home2.png"); */
background-image: url("../img/riskmanagement.png");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 10px;
}
.creditriskback {
/* background-image: url("../img/home2.png"); */
background-image: url("../img/creditrisk.png");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 10px;
}
.debtrestructuringback {
/* background-image: url("../img/home2.png"); */
background-image: url("../img/debtrestructuring.png");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 10px;
}
.mortgagebankingback {
/* background-image: url("../img/home2.png"); */
background-image: url("../img/mortgagebanking.png");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 10px;
}
.interimleadershipback {
/* background-image: url("../img/home2.png"); */
background-image: url("../img/interimleadership.png");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 10px;
}
.mergersacquisitionsback {
/* background-image: url("../img/home2.png"); */
background-image: url("../img/mergersacquisitions.png");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 10px;
}
.ourexpertiseback {
background-image: url("../img/expertise-large.png");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 150px;
}
.experienceback {
/* background-image: url("../img/home2.png"); */
background-image: url("../img/experience-lg.png");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 150px;
}
.storiesofimpactback {
/* background-image: url("../img/home2.png"); */
background-image: url("../img/home_mountain.png");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
/* height: 730px; */
height: 300px;
margin-top: 150px;
}
.topmargin {
margin-top: 300px;
}
.storiesofimpactback h1 {
padding-top: 55px;
font-family: 'Crimson Text', serif;
font-weight: bold;
text-transform: uppercase;
font-size: 42px;
letter-spacing: .9px;
line-height: 185%;
/* padding: 5px 10px 20px 0px; */
color: #ffffff;
text-align: center;
}
.button_container_small_hero_impact h1 {
padding-top: 0px;
font-family: 'Crimson Text', serif;
font-weight: bold;
text-transform: uppercase;
font-size: 24px;
letter-spacing: .9px;
/* line-height: 185%; */
/* padding: 5px 10px 20px 0px; */
color: #ffffff;
text-align: center;
}
.moremargin {
margin-top: 300px;
}
.tablewidth {
width: 600px;
}
@media only screen and (max-width: 480px) {
.tablewidth {
width: 100%;
}
}
.storiesofimpactback-none {
/* background-image: url("../img/home2.png"); */
/* background-image: url("../img/home_mountain.png"); */
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
/* z-index: 0; */
/* height: 730px; */
/* height: 300px; */
margin-top: 150px;
}
@media only screen and (max-width: 480px) {
.storiesofimpactback-none {
/* background-image: url("../img/home2.png"); */
/* background-image: url("../img/home_mountain.png"); */
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
/* z-index: 0; */
/* height: 730px; */
/* height: 300px; */
margin-top: 150px;
}
}
.storiesofimpactback-none-newsletter {
/* background-image: url("../img/home2.png"); */
/* background-image: url("../img/home_mountain.png"); */
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
/* height: 730px; */
/* height: 300px; */
margin-top: 150px;
}
@media only screen and (max-width: 480px) {
.storiesofimpactback-none-newsletter {
/* background-image: url("../img/home2.png"); */
/* background-image: url("../img/home_mountain.png"); */
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
/* height: 730px; */
/* height: 300px; */
margin-top: 150px;
}
}
/* .center-soi {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
} */
div.center-soi {
display: flex;
justify-content: center;
}
.center-soi img {
margin-top: 20px;
/* width: 60%; */
}
@media only screen and (max-width: 480px) {
.center-soi img {
margin-top: 0px;
/* width: 60%; */
}
}
.right-arrow {
/* padding-top: 30px; */
position: relative;
padding-left: 10px;
vertical-align: middle;
opacity: 50%;
}
.right-arrow-small {
/* padding-top: 30px; */
position: relative;
padding-left: 10px;
vertical-align: middle;
opacity: 50%;
}
h3.bottom-pad {
}
.topmargin {
margin-top: 300px;
}
.storiesofimpactback-none h1 {
padding-top: 55px;
font-family: 'Crimson Text', serif;
font-weight: bold;
text-transform: uppercase;
font-size: 42px;
letter-spacing: .9px;
line-height: 185%;
/* padding: 5px 10px 20px 0px; */
color: #ffffff;
text-align: center;
}
.soi-nav {
list-style-position: outside;
list-style-type: none;
text-align: left;
/* line-height: 150%; */
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 0px;
/* word-spacing: 70px; */
}
.soi-nav li {
display:inline-block;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size:18px;
padding-left: 10px;
padding-right: 10px;
/* word-spacing: 120px; */
}
.soi-nav li a {
color: #6B6767;
}
.soi-nav li a:hover {
/* color: #6B6767; */
font-weight: bold;
}
.soi-nav-v {
list-style-position: outside;
list-style-type: none;
text-align: left;
/* line-height: 150%; */
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 0px;
/* word-spacing: 70px; */
color: #000000;
}
.soi-nav-v li a {
/* display:inline-block; */
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size:18px;
color: #000000;
/* word-spacing: 120px; */
}
.usback {
/* background-image: url("../img/home2.png"); */
/* background-image: url("../img/experience2.png");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 10px; */
}
.contactusback {
/* background-image: url("../img/home2.png"); */
/* background-image: url("../img/challenge2.png"); */
/* background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 730px;
margin-top: 10px; */
}
.residencesback {
background-image: url("../img/video2.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
z-index: 0;
height: 676px;
margin-bottom: 0px;
}
.neighborhoodback {
background-image: url("../img/neighborhood.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
z-index: 0;
height: 676px;
margin-bottom: 0px;
}
/* .visionback {
background-image: url("../img/vision.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
z-index: 0;
height: 1025px;
margin-bottom: 0px;
overflow: hidden;
} */
.visionback {
background-image: url("../img/vision.png");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
z-index: 0;
height: 1025px;
margin-top: 10px;
}
.vision-back {
background-image: url("../img/vision.png");
background-repeat:no-repeat;
background-size: cover;
background-position: top center;
position: relative;
height: 1025px;
width: 100%;
max-width:100%;
/* margin-top: 60px; */
}
@media only screen and (max-width: 480px) {
.vision-back {
background-image: url("../img/vision.png");
background-repeat:no-repeat;
background-size: cover;
background-position: top center;
position: relative;
height: 420px;
width: 100%;
max-width:100%;
margin-top: 60px;
}
}
.videoback {
background-image: url("../img/video2.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
z-index: 0;
height: 676px;
margin-top: 0px;
margin-bottom: 0px;
}
.restaurantback {
background-image: url("../img/foodtrucks.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
z-index: 0;
height: 676px;
margin-bottom: 0px;
}
.residencesnewback {
background-image: url("../img/image-5.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
z-index: 0;
height: 676px;
margin-bottom: 0px;
}
.museumback {
background-image: url("../img/guthrie2.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
z-index: 0;
height: 676px;
margin-bottom: 0px;
}
.shoppingback {
background-image: url("../img/newidared.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
z-index: 0;
height: 676px;
margin-bottom: 0px;
}
.musicback {
background-image: url("../img/entertainment4.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
z-index: 0;
height: 676px;
margin-bottom: 0px;
}
.amenities {
background-image: url("../img/amenities-building.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
z-index: 0;
height: 589px;
margin-bottom: 0px;
}
.rooftop {
background-image: url("../img/rooftop.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
z-index: 0;
height: 589px;
margin-bottom: 0px;
}
.sayhello {
background-image: url("../img/sayhellox.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
z-index: 0;
height: 589px;
margin-bottom: 0px;
}
.building-bottom-render {
background-image: url("../img/new-building-3.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
z-index: 0;
height: 1028px;
margin-bottom: 0px;
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-center {
display: block;
margin-right: auto;
margin-left: auto;
}
.header {
width: 100%;
padding: 0px;
overflow: hidden;
/* border: 1px solid red; */
}
.logo {
padding-left: 20px;
padding-top: 30px;
padding-bottom: 25px;
width: 144px;
height: 86px;
}
@media only screen and (max-width: 480px) {
.logo {
padding-left: 5px;
padding-top: 20px;
padding-bottom: 20px;
width: 72px;
height: 43px;
}
}
.iconheader {
/* padding-left: 20px; */
padding-right: 40px;
/* padding-top: -300px; */
margin-top: -57px;
/* padding-bottom: 60px; */
/* margin-bottom: 60px; */
}
.topnav .iconheader a:hover {
border-bottom: 0px solid #333333;
}
/* .topnav .fourwalls-icon a:hover {
border-bottom: 0px solid #333333;
} */
@media only screen and (max-width: 480px) {
.iconheader {
padding-left: 5px;
padding-top: 0px;
padding-bottom: 30px;
margin-top: -57px;
}
}
.col { background: #ffffff; padding:1em 0; text-align:center;
}
.header_span {
width: 100%;
padding: 0px;
margin: 0px;
/* border: 1px solid red; */
}
.span_1_of_1 {
width: 100%;
padding: 0px;
margin: 0px;
}
/* WHERE ALL IS THIS USED? */
.span_1_of_1_background {
width: 100%;
/* height: 225px; */
/* height: auto; */
/* JP ADDED HEIGHT */
background: #E3DCE0;
padding: 20px 0px 0px 0px; /* top right bottom left */
/* JP REMOVED 20PX padding from bottom */
margin: 0px 0px 0px 0px; /* top right bottom left */
}
/* WHERE ALL IS THIS USED? */
.span_1_of_1_background-soi {
width: 100%;
/* height: 225px; */
/* height: auto; */
/* JP ADDED HEIGHT */
background: #E3DCE0;
padding: 20px 0px 0px 0px; /* top right bottom left */
/* JP REMOVED 20PX padding from bottom */
margin: 0px 0px 0px 0px; /* top right bottom left */
}
.span_1_of_1_vision {
width: 100%;
background: #ffffff;
padding: 20px 0px 20px 0px; /* top right bottom left */
margin: 0px 0px 0px 0px; /* top right bottom left */
}
.span_1_of_1_footer {
width: 100%;
background: #787878;
padding: 20px 0px 20px 0px; /* top right bottom left */
margin: 0px 0px 0px 0px; /* top right bottom left */
}
.span_2_of_2 {
width: 100%;
}
.span_1_of_2 {
/* width: 49.2%; */
width: 50%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_2_of_2 {
width: 100%;
}
.span_1_of_2 {
width: 100%;
}
}
/* SIDE BY SIDE CONTENT */
.span_2_of_2_content-column {
width: 44.2%;
margin-top: 0;
padding-left: 17px;
padding-right: 20px;
padding-top: 22px;
padding-bottom: 22px;
/* width: 34.2%; */
display: table-cell;
/* width: 49.2%; */
/* border: 1px solid #979797; */
/* border: 1px solid #E1DDD6; */
/* border-right: 1px solid #E1DDD6; */
}
/* PRIVACY */
b {
font-weight: bold;
}
ul.thelists-privacy {
/* list-style-type: circle; */
list-style-position: outside;
text-align: left;
line-height: 150%;
padding-left: 30px;
padding-right: 0px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.1;
padding: 5px 10px 20px 40px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#58595b;
text-align: left;
/* page-break-inside: avoid; */
}
.span_1_of_2_privacy-column {
/* display: flex;
flex-direction: column; */
/* width: 64.2%; */
width: 54.2%;
margin-top: 0;
padding-left: 17px;
padding-right: 20px;
padding-top: 22px;
padding-bottom: 22px;
display: table-cell;
/* background-color: #E1DDD6; */
}
.span_1_of_2_privacy-column a {
color: red;
}
@media only screen and (max-width: 480px) {
.span_2_of_2_privacy-column {
width: 100%;
border: 0px solid #E1DDD6;
}
.span_1_of_2_privacy-column {
width: 90%;
/* background-color: #E1DDD6; */
}
}
.span_1_of_2_privacy-column h1 {
font-family: ITCBlair-Medium;
font-weight: bold;
text-transform: uppercase;
font-size:24px;
letter-spacing: .5px;
padding: 0px 10px 12px 10px;
/* margin: 0px; */
margin-top: 100px;
color: #787878;
text-transform: uppercase;
text-align: left;
}
.span_1_of_2_privacy-column h2 {
font-family: ITCBlair-Medium;
font-weight: bold;
text-transform: uppercase;
font-size:18px;
letter-spacing: .5px;
padding: 30px 10px 12px 10px;
margin: 0px;
color: #787878;
text-transform: uppercase;
text-align: left;
}
.span_1_of_2_privacy-column p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.1;
padding: 5px 10px 10px 10px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#58595b;
text-align: left;
/* page-break-inside: avoid; */
}
/* END PRIVACY */
/* LEGAL */
.span_1_of_2_legal-column {
/* display: flex;
flex-direction: column; */
/* width: 64.2%; */
width: 54.2%;
margin-top: 0;
padding-left: 17px;
padding-right: 20px;
padding-top: 22px;
padding-bottom: 22px;
display: table-cell;
/* background-color: #E1DDD6; */
}
.span_1_of_2_legal-column a {
color: red;
}
@media only screen and (max-width: 480px) {
.span_2_of_2_legal-column {
width: 100%;
border: 0px solid #E1DDD6;
}
.span_1_of_2_legal-column {
width: 90%;
/* background-color: #E1DDD6; */
}
}
.span_1_of_2_legal-column h1 {
font-family: ITCBlair-Medium;
font-weight: bold;
text-transform: uppercase;
font-size:24px;
letter-spacing: .5px;
padding: 0px 10px 12px 10px;
/* margin: 0px; */
margin-top: 100px;
color: #787878;
text-transform: uppercase;
text-align: left;
}
.span_1_of_2_legal-column h2 {
font-family: ITCBlair-Medium;
font-weight: bold;
text-transform: uppercase;
font-size:18px;
letter-spacing: .5px;
padding: 30px 10px 12px 10px;
margin: 0px;
color: #787878;
text-transform: uppercase;
text-align: left;
}
.span_1_of_2_legal-column p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.1;
padding: 5px 10px 10px 10px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#58595b;
text-align: left;
/* page-break-inside: avoid; */
}
/* END LEGAL */
/* THREE COLUMNS */
.span_1_of_3_content-column {
/* display: flex;
flex-direction: column; */
/* width: 64.2%; */
width: 54.2%;
margin-top: 0;
padding-left: 17px;
padding-right: 20px;
padding-top: 22px;
padding-bottom: 22px;
display: table-cell;
background-color: #E1DDD6;
}
.span_11_of_3_content-column {
/* display: flex;
flex-direction: column; */
/* width: 64.2%; */
width: 54.2%;
margin-top: 0;
padding-left: 17px;
padding-right: 20px;
padding-top: 22px;
padding-bottom: 22px;
display: table-cell;
/* background-color: #E1DDD6; */
border-right: 1px solid #E1DDD6;
}
.span_2_of_3_content-column {
width: 22.2%;
margin-top: 0;
padding-left: 17px;
padding-right: 20px;
padding-top: 22px;
padding-bottom: 22px;
/* width: 34.2%; */
display: table-cell;
/* width: 49.2%; */
/* border: 1px solid #979797; */
/* border: 1px solid #E1DDD6; */
/* border-right: 1px solid #E1DDD6; */
}
.span_3_of_3_content-column {
width: 22.2%;
margin-top: 0;
padding-left: 17px;
padding-right: 20px;
padding-top: 22px;
padding-bottom: 22px;
/* width: 34.2%; */
display: table-cell;
/* width: 49.2%; */
/* border: 1px solid #979797; */
/* border: 1px solid #E1DDD6; */
/* border-right: 1px solid #E1DDD6; */
}
.span_2_of_3_content-column ul.thelists {
/* list-style-type: circle; */
list-style-position: outside;
text-align: left;
line-height: 1.5;
padding-left: 30px;
padding-right: 10px;
list-style-type: disc;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:14px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.0;
padding: 5px 10px 10px 30px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#58595b;
text-align: left;
/* page-break-inside: avoid; */
}
.span_3_of_3_content-column ul.thelists {
/* list-style-type: circle; */
list-style-position: outside;
text-align: left;
line-height: 1.5;
padding-left: 30px;
padding-right: 10px;
list-style-type: disc;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:14px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.0;
padding: 5px 10px 10px 30px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#58595b;
text-align: left;
/* page-break-inside: avoid; */
}
@media only screen and (max-width: 480px) {
.span_11_of_3_content-column {
width: 90%;
margin-top: 0;
padding-left: 17px;
padding-right: 20px;
padding-top: 22px;
padding-bottom: 22px;
display: table-cell;
/* background-color: #E1DDD6; */
border-right: 0px solid #E1DDD6;
}
.span_3_of_3_content-column {
width: 90%;
border: 0px solid #E1DDD6;
}
.span_2_of_3_content-column {
width: 90%;
border: 0px solid #E1DDD6;
}
.span_1_of_3_content-column {
width: 90%;
background-color: #E1DDD6;
}
}
.span_1_of_3_content-column h3 {
font-family: ITCBlair-Medium;
font-weight: bold;
text-transform: uppercase;
font-size:18px;
letter-spacing: .5px;
padding: 0px 10px 12px 10px;
margin: 0px;
color: #787878;
text-transform: uppercase;
text-align: left;
}
.span_1_of_3_content-column p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.1;
padding: 5px 10px 10px 10px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#58595b;
text-align: left;
/* page-break-inside: avoid; */
}
.span_2_of_3_content-column h3 {
font-family: ITCBlair-Medium;
font-weight: bold;
text-transform: uppercase;
font-size:18px;
letter-spacing: .5px;
padding: 0px 10px 12px 10px;
margin: 0px;
color: #787878;
text-transform: uppercase;
text-align: left;
}
.span_2_of_3_content-column p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:14px;
/* opacity: 0.8; */
letter-spacing: .5px;
line-height: 178%;
padding: 0px 10px 10px 10px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#423E3E;
text-align: left;
}
.span_3_of_3_content-column h3 {
font-family: ITCBlair-Medium;
font-weight: bold;
text-transform: uppercase;
font-size:18px;
letter-spacing: .5px;
padding: 0px 10px 12px 10px;
margin: 0px;
color: #787878;
text-transform: uppercase;
text-align: left;
}
.span_3_of_3_content-column p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:14px;
/* opacity: 0.8; */
letter-spacing: .5px;
line-height: 178%;
padding: 0px 10px 10px 10px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#423E3E;
text-align: left;
}
.black-background {
background-color: #333333;
}
/* END THREE COLUMNS */
.span_1_of_2_content-column {
/* display: flex;
flex-direction: column; */
/* width: 64.2%; */
width: 54.2%;
margin-top: 0;
/* padding-left: 17px;
padding-right: 20px; */
/* JP CHANGED FRI AUG 5 */
/* padding-top: 20px; */
/* padding-bottom: 20px; */
/* padding-bottom: 22px; */
display: table-cell;
/* background-color: #E1DDD6; */
}
.hc-pad {
padding-top: 20px;
}
.hc-pad-products {
padding-top: 75px;
}
.hc-faq-padd {
padding-top: 120px;
}
.hc-pad-product {
margin-top: 75px;
}
.hc-pad2 {
padding-top: 75px;
}
.hc-pad2b {
padding-top: 55px;
}
.hc-social-pad {
padding-top: 40px;
}
.hc-product-pad {
padding-top: 10px;
}
.ticker-pad {
padding-top: 5px;
}
@media only screen and (max-width: 480px) {
.span_2_of_2_content-column {
width: 90%;
border: 0px solid #E1DDD6;
}
.span_1_of_2_content-column {
width: 95%;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
/* padding-left: 5px;
padding-right: 5px; */
/* background-color: #E1DDD6; */
/* width: 54.2%; */
/* margin-top: 0;
padding-left: 0px;
padding-right: 0px;
padding-top: 22px;
padding-bottom: 22px;
display: table-cell; */
/* background-color: #E1DDD6; */
}
}
/* top right bottom left */
.span_1_of_2_content-column a {
color: #333333;
}
/* REMOVEd span_1_of_2_content-column h3 */
Removed nov 9 2023
/* .span_1_of_2_content-column a:link {
text-decoration: none;
} */
.span_1_of_2_content-column a:hover {
text-decoration: none;
/* font-weight: 700; */
}
.span_1_of_2_content-column h2 {
/* font-family: 'Roboto', sans-serif;
font-weight: bold;
text-transform: uppercase; */
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
font-size:32px;
letter-spacing: .1px;
line-height: 250%;
/* line-height: 150%; */
padding: 5px 0px 22px 0px; /* top right bottom left */
color:#333333;
text-align: center;
/* vertical-align: middle; */
}
.span_1_of_2_content-column .realtor-form-container h2 {
font-family: 'Roboto', sans-serif;
/* font-weight: bold;
text-transform: uppercase; */
/* font-family: franklin-gothic-urw-cond, sans-serif; */
font-weight: 700;
/* font-style: normal; */
font-size:22px;
letter-spacing: 100%;
/* line-height: 250%; */
/* line-height: 150%; */
padding: 5px 0px 5px 0px; /* top right bottom left */
color:#333333;
text-align: left;
/* vertical-align: middle; */
}
@media only screen and (max-width: 480px) {
.span_1_of_2_content-column h2 {
/* font-family: 'Roboto', sans-serif;
font-weight: bold;
text-transform: uppercase; */
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
font-size:32px;
letter-spacing: .1px;
line-height: 100%;
/* line-height: 150%; */
padding: 5px 0px 22px 0px; /* top right bottom left */
color:#333333;
text-align: center;
/* vertical-align: middle; */
}
}
/* .span_1_of_2_content-column h4 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
font-size:32px;
letter-spacing: .1px;
line-height: 100%;
padding: 5px 0px 22px 0px;
color:#333333;
text-align: left;
} */
/* .span_1_of_2_content-column h6 {
font-family: franklin-gothic-urw-cond, sans-serif;
font-weight: 700;
font-style: normal;
font-size:32px;
letter-spacing: .1px;
line-height: 100%;
padding: 20px 0px 25px 0px;
color:#ffffff;
text-align: center;
} */
/* .span_1_of_2_content-column h5 {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 100%;
text-align: center;
color:#ffffff;
padding: 20px 0px 45px 0px;
} */
.span_2_of_2_content-column h2 a {
color: #78b657;
}
/* .span_1_of_2_content-column i {
font-style: italic;
} */
.span_1_of_2_content-column i {
/* font-style: italic; */
margin-right: 5px;
}
.span_2_of_2_content-column a {
color: #78b657;
}
.black-background .span_1_of_2_content-column a {
color: #333333;
}
.black-background .span_1_of_2_content-column p {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size:18px;
/* opacity: 0.8; */
letter-spacing: .1px;
line-height: 1.8;
padding: 0px 0px 35px 0px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#ffffff;
text-align: left;
/* page-break-inside: avoid; */
}
/* .span_1_of_2_content-column span strong {
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 24px;
line-height: .1px;
text-align: center;
} */
.span_1_of_2_content-column .centerit {
text-align: center;
}
.span_1_of_2_content-column .sig {
font-family: swister,sans-serif;
font-weight: 500;
font-style: normal;
font-size: 38px;
text-align: center;
}
.span_1_of_2_content-column p {
/* font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size:18px;
letter-spacing: .1px;
line-height: 1.8;
padding: 0px 0px 35px 0px;
margin: 0px;
text-indent: 0px;
color:#333333;
text-align: left; */
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:18px;
letter-spacing: .1px;
line-height: 105%;
padding: 5px 0px 22px 0px; /* top right bottom left */
color:#ffffff;
text-align: center;
}
.span_1_of_2_content-column .cell-social p {
/* font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size:18px;
letter-spacing: .1px;
line-height: 1.8;
padding: 0px 0px 35px 0px;
margin: 0px;
text-indent: 0px;
color:#333333;
text-align: left; */
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:18px;
letter-spacing: .1px;
line-height: 250%;
padding: 5px 0px 22px 0px; /* top right bottom left */
color:#000000;
text-align: center;
}
@media only screen and (max-width: 480px) {
.black-background .span_1_of_2_content-column p {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size:18px;
/* opacity: 0.8; */
letter-spacing: .1px;
line-height: 1.8;
padding: 0px 0px 35px 10px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#ffffff;
text-align: left;
/* page-break-inside: avoid; */
}
.span_1_of_2_content-column p {
/* font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size:18px;
letter-spacing: .1px;
line-height: 1.8;
padding: 0px 0px 35px 10px;
margin: 0px;
text-indent: 0px;
color:#333333;
text-align: left; */
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:18px;
letter-spacing: .1px;
line-height: 105%;
padding: 5px 0px 22px 0px; /* top right bottom left */
color:#ffffff;
text-align: center;
}
}
p.breadcrumb-soi {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:13px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.1;
padding: 5px 10px 10px 10px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#58595b;
text-align: left;
/* page-break-inside: avoid; */
}
.span_2_of_2_content-column h3 {
font-family: 'Roboto', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size:22px;
letter-spacing: .6px;
line-height: 150%;
padding: 30px 10px 20px 0px; /* top right bottom left */
color:#888181;
text-align: left;
}
.span_2_of_2_content-column .form-box h3 {
font-family: 'Roboto', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size:22px;
letter-spacing: .6px;
line-height: 150%;
padding: 30px 10px 20px 20px; /* top right bottom left */
color:#888181;
text-align: left;
}
.span_2_of_2_content-column h4 {
font-family: 'Roboto', sans-serif;
display: inline;
font-weight: bold;
text-transform: uppercase;
font-size:22px;
letter-spacing: .6px;
line-height: 150%;
/* padding: 30px 10px 20px 10px; */
/* top right bottom left */
padding-right: 10px;
/* color:#78b657; */
text-align: left;
}
.span_2_of_2_content-column p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:14px;
/* opacity: 0.8; */
letter-spacing: .5px;
line-height: 178%;
padding: 0px 10px 10px 10px; /* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#423E3E;
text-align: left;
}
span.thick {
font-weight: bold;
color:#423E3E;
}
span.privacy-thick {
font-weight: bold;
color:#423E3E;
padding-left: 40px;
}
.owner-resources-bground {
background-color: #F8F8F8;
}
.owner-resources-bground a {
color: #316FDA;
text-decoration: none;
}
.copy-container-fixed-small {
max-width: 920px;
/* max-width: 800px; */
/* padding: 0px;
margin: 0px; */
text-align: center;
/* border: 1px solid red; */
/* background: #E3DCE0; */
}
@media only screen and (max-width: 480px) {
.copy-container-fixed-small {
/* max-width: 800px; */
width: 100%
padding: 0px;
margin: 0px;
text-align: center;
/* background: #E3DCE0; */
}
}
.copy-container-fixed-small-us {
max-width: 1024px;
/* margin-top: 120px; */
/* max-width: 800px; */
/* padding: 0px;
margin: 0px; */
text-align: center;
/* border: 1px solid red; */
/* background: #E3DCE0; */
}
@media only screen and (max-width: 480px) {
.copy-container-fixed-small-us {
/* max-width: 800px; */
width: 100%
padding: 0px;
margin: 0px;
text-align: center;
/* background: #E3DCE0; */
}
}
.copy-container-fixed-small-us p {
text-align: left;
padding: 10px;
}
.copy-container-fixed-small-contact {
max-width: 800px;
/* padding: 0px;
margin: 0px; */
text-align: center;
padding-left: 10px;
padding-right: 10px;
}
@media only screen and (max-width: 480px) {
.copy-container-fixed-small-contact {
/* max-width: 800px; */
width: 100%
padding: 0px;
margin: 0px;
text-align: center;
}
}
.copy-container-fixed-small-insta {
max-width: 1100px;
/* padding: 0px;
margin: 0px; */
text-align: center;
padding-left: 10px;
padding-right: 10px;
}
@media only screen and (max-width: 480px) {
.copy-container-fixed-small-insta {
/* max-width: 800px; */
width: 100%
padding: 0px;
margin: 0px;
text-align: center;
}
}
.copy-container-fixed-small-fp {
max-width: 1100px;
/* padding: 0px;
margin: 0px; */
text-align: center;
padding-left: 10px;
padding-right: 10px;
}
@media only screen and (max-width: 480px) {
.copy-container-fixed-small-fp {
/* max-width: 800px; */
width: 100%
padding: 0px;
margin: 0px;
text-align: center;
}
}
.span_1_of_2_bullets ul.thelists-residences {
/* list-style-type: circle; */
list-style-position: outside;
text-align: left;
line-height: 1.5;
padding-left: 30px;
padding-right: 10px;
list-style-type: disc;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.1;
/* padding: 5px 10px 10px 30px; */
/* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#58595b;
text-align: left;
/* page-break-inside: avoid; */
/* background: #E3DCE0; */
}
.span_1_of_2_bullets ul.thelists-endurance {
/* list-style-type: circle; */
list-style-position: outside;
text-align: left;
line-height: 1.5;
padding-left: 30px;
padding-right: 10px;
list-style-type: disc;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.1;
/* padding: 5px 10px 10px 30px; */
/* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#58595b;
text-align: left;
/* page-break-inside: avoid; */
/* background: #E3DCE0; */
}
.black-background ul.thelists-fourwalls {
/* list-style-type: circle; */
list-style-position: outside;
text-align: left;
line-height: 1.5;
padding-left: 30px;
padding-right: 10px;
padding-bottom: 30px;
list-style-type: disc;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.1;
/* padding: 5px 10px 10px 30px; */
/* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#ffffff;
text-align: left;
/* page-break-inside: avoid; */
/* background: #E3DCE0; */
}
.row-2box ul.thelists-fourwalls2 {
/* list-style-type: circle; */
list-style-position: outside;
text-align: left;
line-height: 1.5;
padding-left: 30px;
padding-right: 10px;
padding-bottom: 30px;
list-style-type: disc;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.1;
/* padding: 5px 10px 10px 30px; */
/* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#333333;
text-align: left;
/* page-break-inside: avoid; */
/* background: #E3DCE0; */
}
.row-2box-contact ul.thelists-fourwalls2 {
/* list-style-type: circle; */
list-style-position: outside;
text-align: left;
line-height: 1.5;
padding-left: 30px;
padding-right: 10px;
padding-bottom: 30px;
list-style-type: disc;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.1;
/* padding: 5px 10px 10px 30px; */
/* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#333333;
text-align: left;
/* page-break-inside: avoid; */
/* background: #E3DCE0; */
}
ul.thelists-fourwalls3 {
/* list-style-type: circle; */
list-style-position: outside;
text-align: left;
line-height: 1.5;
padding-left: 30px;
padding-right: 10px;
padding-bottom: 30px;
list-style-type: disc;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.0;
/* padding: 5px 10px 10px 30px; */
/* top right bottom left */
/* margin: 0px; */
margin-left: 100px;
text-indent: 0px;
/* color:#888181; */
color:#333333;
text-align: left;
/* page-break-inside: avoid; */
/* background: #E3DCE0; */
}
.img-pad-left {
padding-left: 5px;
}
ul.thelists-fourwalls3-small {
/* list-style-type: circle; */
list-style-position: outside;
text-align: left;
line-height: 1.5;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 30px;
list-style-type: disc;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.0;
/* padding: 5px 10px 10px 30px; */
/* top right bottom left */
/* margin: 0px; */
margin-left: 50px;
text-indent: 0px;
/* color:#888181; */
color:#333333;
text-align: left;
/* page-break-inside: avoid; */
/* background: #E3DCE0; */
}
ul.thelists-fourwalls-service {
/* list-style-type: circle; */
list-style-position: outside;
text-align: left;
line-height: 1.5;
padding-left: 0px;
padding-right: 10px;
padding-bottom: 30px;
list-style-type: disc;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.0;
/* padding: 5px 10px 10px 30px; */
/* top right bottom left */
/* margin: 0px; */
margin-left: 30px;
text-indent: 0px;
/* color:#888181; */
color:#333333;
text-align: left;
/* page-break-inside: avoid; */
/* background: #E3DCE0; */
}
ul.thelists-fourwalls4 {
/* list-style-type: circle; */
list-style-position: outside;
text-align: left;
line-height: 1.5;
padding-left: 30px;
padding-right: 10px;
padding-bottom: 30px;
list-style-type: disc;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.0;
/* padding: 5px 10px 10px 30px; */
/* top right bottom left */
/* margin: 0px; */
margin-left: 130px;
text-indent: 0px;
/* color:#888181; */
color:#333333;
text-align: left;
/* page-break-inside: avoid; */
/* background: #E3DCE0; */
}
ul.thelists-fourwalls4-small {
/* list-style-type: circle; */
list-style-position: outside;
text-align: left;
line-height: 1.5;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 30px;
list-style-type: disc;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.0;
/* padding: 5px 10px 10px 30px; */
/* top right bottom left */
/* margin: 0px; */
margin-left: 80px;
text-indent: 0px;
/* color:#888181; */
color:#333333;
text-align: left;
/* page-break-inside: avoid; */
/* background: #E3DCE0; */
}
ul.thelists-fourwalls5 {
/* list-style-type: circle; */
list-style-position: outside;
text-align: left;
line-height: 1.5;
padding-left: 30px;
padding-right: 10px;
padding-bottom: 30px;
list-style-type: disc;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.0;
/* padding: 5px 10px 10px 30px; */
/* top right bottom left */
/* margin: 0px; */
margin-left: 100px;
text-indent: 0px;
/* color:#888181; */
color:#333333;
text-align: left;
/* margin-top: -45px; */
/* page-break-inside: avoid; */
/* background: #E3DCE0; */
}
.pad2 {
padding-top: 60px;
/* border: 1px solid red; */
}
.note-prospective p {
font-size: 18px;
line-height: 120%;
}
.span_1_of_2_content-column strong {
font-weight: bold;
font-size: 18px;
line-height: 120%;
}
.span_1_of_2_content-column .numberbullets {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 22px;
line-height: 120%;
}
.span_1_of_2_content-column .numberbullets strong {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 22px;
line-height: 120%;
}
strong {
font-weight: bold;
font-size: 28px;
line-height: 120%;
}
p.p-pad2 {
padding-top: 10px;
/* height: 60px; */
/* border: 1px solid red; */
}
p.p-pad2ownersinv {
padding-top: 12px;
/* height: 60px; */
/* border: 1px solid red; */
}
p.p-pad2b {
padding-top: 0px;
/* height: 60px; */
/* border: 1px solid red; */
}
p.p-pad2c {
padding-top: 50px;
/* height: 60px; */
/* border: 1px solid red; */
}
p.p-pad3 {
padding-top: 60px;
/* height: 60px; */
/* border: 1px solid red; */
}
p.p-pad4 {
padding-top: 120px;
}
p.p-pad5 {
padding-top: 90px;
}
h2.h-pad1 {
padding-top: 20px;
}
.li-padding-four {
padding-left: 30px;
}
.span_1_of_2_content-column ul.thelists-endurance {
/* list-style-type: circle; */
list-style-position: outside;
text-align: left;
line-height: 1.5;
padding-left: 30px;
padding-right: 10px;
list-style-type: disc;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:17px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 2.1;
/* padding: 5px 10px 10px 30px; */
/* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#58595b;
text-align: left;
/* page-break-inside: avoid; */
/* background: #E3DCE0; */
}
.span_2_of_2_bullets {
width: 100%;
}
.span_1_of_2_bullets {
/* width: 49.2%; */
width: 49%;
/* border: 1px solid red; */
}
.bullet-background {
background-color: #E1DDD6;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_2_of_2_bullets {
width: 100%;
}
.span_1_of_2_bullets {
width: 100%;
}
}
.span_1_of_2_bullets p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:18px;
/* opacity: 0.8; */
letter-spacing: 1px;
line-height: 140%;
/* padding: 5px 10px 10px 30px; */
/* top right bottom left */
margin: 0px;
text-indent: 0px;
/* color:#888181; */
color:#58595b;
/* text-align: left; */
text-align: left;
padding: 0px 10px 25px 15px; /* top right bottom left */
}
.span_1_of_2_bullets b {
font-size: 18px;
/* line-height: 90%; */
}
/* END SIDE BY SIDE CONTENT */
/* CONTENT */
.span_2_of_2 {
width: 100%;
}
.span_1_of_2 {
/* width: 49.2%; */
width: 49%;
height: 49%;
}
.main_content_neighborhood {
/* height: 1000px; */
text-align: left;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_2_of_2 {
width: 100%;
}
.span_1_of_2 {
width: 100%;
}
}
/* CONTENT */
.smallercolumn-left {
/* border: 3px solid #8AC007; */
max-width: 550px;
float: right !important;
/* height: 800px; */
}
.smallercolumn-right {
/* border: 3px solid #8AC007; */
max-width: 550px;
float: left !important;
}
.smallercolumn-left-residences {
/* border: 3px solid #8AC007; */
/* width: 500px; */
max-width: 650px;
float: right !important;
/* height: 800px; */
padding-right: 100px;
}
.smallercolumn-right-residences {
/* border: 3px solid #8AC007; */
/* width: 500px; */
max-width: 650px;
float: left !important;
padding-left: 100px;
}
.content_side_by_side {
background: #E1DDD6;
}
.content_residences {
/* background: #E1DDD6; */
}
.content_box {
border: 1px solid #E1DDD6;
background: #ffffff;
}
.span_1_of_2_footer {
background: #333333;
width: 50%;
}
.span_1_of_2_footer2 {
background: #333333;
overflow: hidden;
width: 49.2%;
/* border: 1px solid red; */
}
/* .span_1_of_3_footer3 {
background: #787878;
width: 50%;
}
.span_2_of_3_footer3 {
background: #787878;
overflow: hidden;
width: 49.2%;
}
.span_3_of_3_footer3 {
background: #787878;
overflow: hidden;
width: 49.2%;
} */
.footer-vertical-line {
border-left: 1px solid white;
}
/* @media only screen and (max-width: 480px) { */
@media only screen and (max-width: 620px) {
.footer-vertical-line {
border-left: 0px solid white;
}
.span_1_of_2_footer {
background: #333333;
width: 100%;
}
.span_1_of_2_footer2 {
background: #333333;
width: 100%;
}
}
.spacer {
/* background: #787878; */
width: 100%;
padding: 0px;
margin: 0px;
height: 30px;
}
.spacer-clear {
/* background: #787878; */
width: 100%;
padding: 0px;
margin: 0px;
height: 10px;
}
.spacer-clear-list {
/* background: #787878; */
width: 100%;
padding: 0px;
margin: 0px;
height: 100px;
}
.spacer-bottom {
background: #333333;
width: 100%;
padding: 0px;
margin: 0px;
height: 100px;
}
.spacer-footer-hc {
background: #000000;
width: 100%;
padding: 0px;
margin: 0px;
height: 65px;
}
/* .spacer-bottom {
background: #787878;
width: 100%;
padding: 0px;
margin: 0px;
height: 100px;
} */
.spacer-text {
background: #333333;
width: 100%;
padding: 0px;
margin: 0px;
height: 20px;
}
.spacer-text-plain {
width: 100%;
padding: 0px;
margin: 0px;
height: 20px;
}
.spacer-text-double {
background: #333333;
width: 100%;
padding: 0px;
margin: 0px;
height: 40px;
}
.spacer-text-double-plain {
width: 100%;
padding: 0px;
margin: 0px;
height: 40px;
}
.spacer-text-double-plain-soi {
width: 100%;
padding: 0px;
margin: 0px;
height: 20px;
}
.vertical-line{
display: inline-block;
border-left: 1px solid #ccc;
margin: 0 10px;
height: 125px;
}
/* here */
.fullnav {
font-family: 'Roboto',sans-serif;
/* font-size: 9px; */
position: fixed;
background: #555454;
top: 0;
left: 0;
width: 100%;
height: 0%;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .35s, visibility .35s, height .35s;
transition: opacity .35s, visibility .35s, height .35s;
overflow: hidden;
}
.fullnav.open {
opacity: .9;
visibility: visible;
height: 100%;
z-index:99;
}
.fullnav.open li {
-webkit-animation: fadeInRight .5s ease forwards;
animation: fadeInRight .5s ease forwards;
-webkit-animation-delay: .35s;
animation-delay: .35s;
}
.fullnav.open li:nth-of-type(2) {
-webkit-animation-delay: .4s;
animation-delay: .4s;
}
.fullnav.open li:nth-of-type(3) {
-webkit-animation-delay: .45s;
animation-delay: .45s;
}
.fullnav.open li:nth-of-type(4) {
-webkit-animation-delay: .50s;
animation-delay: .50s;
}
.fullnav.open li:nth-of-type(5) {
-webkit-animation-delay: .55s;
animation-delay: .55s;
}
.fullnav.open li:nth-of-type(6) {
-webkit-animation-delay: .65s;
animation-delay: .65s;
}
.fullnav.open li:nth-of-type(7) {
-webkit-animation-delay: .65s;
animation-delay: .65s;
}
.fullnav.open li:nth-of-type(8) {
-webkit-animation-delay: .65s;
animation-delay: .65s;
}
.fullnav.open li:nth-of-type(9) {
-webkit-animation-delay: .55s;
animation-delay: .55s;
}
.fullnav nav {
position: relative;
height: 40%;
/* height: 70%; */
top: 30%;
/* top: 50%; */
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 19px;
font-family: 'Roboto',sans-serif;
font-weight: 400;
letter-spacing: 1px;
/* text-align: center; */
}
.fullnav ul {
list-style: none;
padding: 0;
margin: 0 auto;
display: inline-block;
position: relative;
height: 100%;
}
.fullnav ul li {
display: block;
/* height: 5%; */
/* commented out above */
/* height: 25%; */
/* height: calc(100% / 4); */
/* height: calc(100% / 5.5); */
/* min-height: 50px; */
/* min-height: 20px; */
/* commented out above */
position: relative;
opacity: 0;
}
.fullnav ul li a {
font-size: 16px;
display: block;
position: relative;
color: #FFF;
text-decoration: none;
overflow: hidden;
/* text-align: right; */
text-align: left;
}
/* ul.fullnav li li a {
padding-left: 30px;
}
.fullnav li li {
padding-left: 30px;
} */
.fullnav .indentlist {
padding-left: 30px;
}
.fullnav ul li a:hover {
color: #827f7f;
}
.fullnav ul li a:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
/* height: 3px; */
/* commented out above */
background: #FFF;
-webkit-transition: .35s;
transition: .35s;
}
/* to here */
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
left: 20%;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
left: 20%;
}
100% {
opacity: 1;
left: 0;
}
}
@media (min-width: 320px) and (max-width: 1024px) {
/* @media (min-width: 480px) and (max-width: 1200px) { */
.hide-small-fp {
display: none; !important;
}
}
@media (min-width: 1024px){
.hide-large-fp {
display: none; !important;
}
}
/* NAVBAR CHANGES NOV 30 */
header {
width: 100%;
position: fixed;
height: 200px;
transition: 0.3s ease;
z-index: 80000;
}
.navbar {
background-color: #333;
/* position: fixed; */
/* Set the navbar to fixed position */
top: 0; /* Position the navbar at the top of the page */
width: 100%; /* Full width */
z-index: 1000;
/* border: 1px solid red; */
}
@media (min-width: 320px) and (max-width: 1200px) {
/* @media (min-width: 480px) and (max-width: 1200px) { */
.hide-small {
display: none; !important;
}
.navbar {
background-color: #333;
position: fixed; /* Set the navbar to fixed position */
top: 0; /* Position the navbar at the top of the page */
width: 100%; /* Full width */
z-index: 1000;
/* border: 1px solid red; */
}
}
/* @media (min-width: 320px) and (max-width: 320px) { */
/* @media only screen and (max-width: 480px) { */
/* @media (max-width: 480px) { */
@media screen and (max-width: 812px) and (min-width: 320px) {
/* @media (min-width: 480px) and (max-width: 1200px) { */
.hide-small-tbl {
display: none; !important;
}
}
/* @media screen and (max-width: 812px) and (min-width: 1200px) { */
@media (min-width: 812px){
/* @media (min-width: 480px) and (max-width: 1200px) { */
.hide-large-tbl {
display: none; !important;
}
}
@media screen and (max-width: 1200px) and (min-width: 320px) {
/* @media (min-width: 480px) and (max-width: 1200px) { */
.hide-small-btn {
display: none; !important;
}
}
/*
@media (min-width: 375px){
}
@media (min-width: 768px){
}
@media (min-width: 992px){
} */
@media (min-width: 1200px){
.hide-large {
display: none; !important;
}
}
/* 860 */
@media screen and (max-width: 1024px) and (min-width: 320px) {
/* @media (min-width: 480px) and (max-width: 1200px) { */
.hide-small-nav {
display: none; !important;
}
}
@media (min-width: 1024px){
.hide-large-nav {
display: none; !important;
}
}
.fourwalls-icon {display: inline-block;
padding: 0px;
}
/* .fourwalls-icon {display: inline-block; margin: 0 -15px} */
.fourwalls-icon img {
}
.fourwalls-icon a:hover {
border-bottom: 0px solid #333333;
}
.fourwalls-icon-mobile {
/* display: inline-block; */
padding: 5px;
}
/* .fourwalls-icon {display: inline-block; margin: 0 -15px} */
.fourwalls-icon-mobile img {
width: 30px;
height: 30px;
/* margin-bottom: 5px; */
}
.phone-icon-mobile-position {
/* padding-right: 100px;
margin-right: 100px; */
position: absolute;
right: 80px;
top: 30px;
}
.phone-icon-mobile-position img {
/* padding-right: 100px;
margin-right: 100px; */
position: absolute;
right: 80px;
top: 30px;
}
.topnav {
overflow: hidden;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 13px;
letter-spacing: 1.5px;
color: #555454;
padding-top: 43px;
/* text-align: center;
float: center !important; */
/* padding-right: 120px; */
/* border: 1px solid red; */
}
.topnav a {
padding: 14px 16px;
color: #555454;
text-decoration: none;
border-bottom: 3px solid #ffffff;
}
.topnav a:hover {
/* background-color: #ddd; */
/* background-color: #ddd; */
color: #333333;
border-bottom: 3px solid #333333;
}
/* Navigation underline */
.dropdown-content a {
/* booger */
color: #333333;
border-bottom: 0px solid #333333;
}
.dropdown-content a:hover {
/* booger */
color: #AEACAC;
border-bottom: 0px solid #333333;
}
.topnav .activ {
/* background-color: #ddd; */
color: black;
padding: 0px 0px 0px 0px; /* top right bottom left */
}
.activ-soi {
background-color: #BCBCBC;
color: black;
padding: 0px 0px 0px 0px; /* top right bottom left */
}
.activ-soi:hover {
background-color: #000000;
color: black;
padding: 0px 0px 0px 0px; /* top right bottom left */
}
.topnav a.active {
/* background-color: #4CAF50; */
color: white;
}
ul.topnav {
text-decoration: none;
list-style-type: none;
list-style: none;
text-align: center;
}
.topnav ul li a {
text-decoration: none;
list-style-type: none;
/* display: inline-block; */
list-style: none;
cursor: pointer;
/* NAVIGATION FONT */
font-family: TradeGothicProBold;
font-style: normal;
font-size:18px;
font-weight: 100;
letter-spacing: .2px;
line-height: 105%;
padding: 10px 0px 0px 0px; /* top right bottom left */
color:#000000;
text-align: left;
margin: 1em;
text-transform: uppercase;
white-space: nowrap;
}
.topnav li {
display: inline-block;
}
.fullnavBtn {
position: fixed;
top: 4.5%;
right: 2%;
height: 27px;
width: 35px;
cursor: pointer;
margin-right: 10px;
z-index: 100;
-webkit-transition: opacity .25s ease;
transition: opacity .25s ease;
}
.fullnavBtn:hover {
opacity: .7;
}
.fullnavBtn.active .top {
-webkit-transform: translateY(11px) translateX(0) rotate(45deg);
transform: translateY(11px) translateX(0) rotate(45deg);
background: #FFF;
}
.fullnavBtn.active .middle {
opacity: 0;
background: #FFF;
}
.fullnavBtn.active .bottom {
-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
transform: translateY(-11px) translateX(0) rotate(-45deg);
background: #FFF;
}
.fullnavBtn span {
background: #555454;
border: none;
height: 5px;
width: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all .35s ease;
transition: all .35s ease;
cursor: pointer;
}
.fullnavBtn span:nth-of-type(2) {
top: 11px;
}
.fullnavBtn span:nth-of-type(3) {
top: 22px;
}