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, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline; }
html {
font-family: "proxima-nova", sans-serif; }
ol, ul {
list-style: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
q, blockquote {
quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none; }
a img {
border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }
* {
box-sizing: border-box; }
body {
background-color: #23313A; }
img {
max-width: 100%; }
a {
text-decoration: none;
color: #a27c52; }
a:hover {
color: #b47d40; }
sup {
font-size: 50%; }
strong {
font-weight: bold; }
::-moz-selection {
background: rgba(209, 170, 104, 0.5);
/* Safari */ }
::selection {
background: rgba(209, 170, 104, 0.5);
/* Safari */ }
::-moz-selection {
background: rgba(209, 170, 104, 0.5);
/* Firefox */ }
h1, h2, h3, h4, h5, h6 {
font-weight: normal; }
h2 {
font-size: 20px; }
/*
.embed-container {
position: relative;
//padding-bottom: 56.25%;
padding-bottom: 35%;
height: 0;
overflow: hidden;
//max-width: 100%;
max-height: 350px;
@include breakpoint(tablet-lrg2) {
padding-bottom: 30%;
} // tablet-lrg2
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
*/
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%; }
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
p {
font-size: 1.21em;
line-height: 1.433;
-webkit-font-smoothing: antialiased; }
/*---------------------------------------------------------------------------------------------
*
* Primary Elements
*
*---------------------------------------------------------------------------------------------*/
body {
background-color: white; }
/* Header
********************************************************************************************************/
#headerMain {
height: 97px;
position: relative;
width: 100%;
display: none; }
@media (min-width: 900px) {
#headerMain {
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
background-color: #23313A;
z-index: 9999; } }
@media (min-width: 900px) {
#headerMain.sticky {
position: fixed;
height: 50px;
box-shadow: 0 0 5px rgba(69, 69, 62, 0.25); } }
.headerContainer {
position: relative;
max-width: 1300px;
margin: 0 auto;
height: 97px; }
.sticky .headerContainer {
height: 50px; }
.logoContainer {
clear: both;
margin: 0px auto -8px;
padding: 12px 15px 12px;
text-align: center;
width: 180px;
transition: width 0.2s ease; }
@media (min-width: 620px) {
.logoContainer {
width: 220px; } }
@media (min-width: 900px) {
.logoContainer {
width: 300px;
position: absolute;
left: 0;
top: 0;
padding: 0;
margin: 0; } }
.logoContainer a {
display: block;
margin: 0 auto;
text-align: center; }
@media (min-width: 900px) {
.logoContainer a {
max-width: none; } }
@media (min-width: 900px) {
.logoContainer.sticky a {
top: 20px;
left: 25px; } }
.logoContainer img {
width: 200px; }
@media (min-width: 900px) {
.logoContainer img {
width: 250px;
position: relative;
top: 25px; } }
@media (min-width: 1025px) {
.logoContainer img {
width: 265px;
top: 22px; } }
@media (min-width: 1100px) {
.logoContainer img {
width: 285px;
top: 18px;
left: 12px; } }
@media (min-width: 1300px) {
.logoContainer img {
left: 0; } }
@media (min-width: 900px) {
.logoContainer.sticky img {
width: 250px;
position: relative;
top: 25px; } }
@media (min-width: 1025px) {
.logoContainer.sticky img {
width: 265px;
top: 22px; } }
@media (min-width: 1100px) {
.logoContainer.sticky img {
width: 285px;
top: 18px;
left: 12px; } }
@media (min-width: 1300px) {
.logoContainer.sticky img {
left: 0; } }
@media (min-width: 900px) {
.headerContainer.sticky .logoContainer a {
bottom: 16px; } }
.logoContainerDesktop {
padding: 10px 20px; }
.logoContainerDesktop a {
display: inline-block;
padding-right: 25px; }
.logoContainerDesktop img {
position: absolute; }
.logoContainerDesktop img.REAPicon {
width: 40px;
top: 15px;
transition: width 0.2s ease; }
.logoContainerDesktop img.REAPLogoText {
width: 186px;
top: 34px;
left: 75px; }
.sticky .logoContainerDesktop img.REAPicon {
width: 26px;
top: 5px;
transition: top 0.2s ease; }
.sticky .logoContainerDesktop img.REAPLogoText {
opacity: 0;
top: -17px;
left: 75px;
transition: opacity 0.2s ease; }
.navContainer {
position: absolute;
z-index: 999; }
@media (min-width: 900px) {
.navContainer {
bottom: 0;
right: 23px; } }
.secondaryNav {
display: none; }
@media (min-width: 900px) {
.secondaryNav {
display: block;
position: absolute;
right: -5px;
bottom: 25px; } }
.secondaryNav li {
display: inline-block;
padding: 0;
margin: 0; }
.secondaryNav li a {
color: #404041;
font-weight: 700;
font-family: "proxima-nova", sans-serif;
border-right: 1px solid #dadada;
padding: 3px 17px 3px 15px;
margin: 0;
font-size: 14px; }
.secondaryNav li:last-child a {
border: none; }
#headerLinks .socialLinks {
display: none;
position: absolute; }
@media (min-width: 900px) {
#headerLinks .socialLinks {
display: block;
background-color: #eeeeee;
top: 0;
right: 65px;
padding: 10px 18px 5px;
border-bottom: 1px solid #c8c8c8; } }
@media (min-width: 900px) {
.sticky #headerLinks .socialLinks,
.sticky #headerLinks a.desktopSearchBTN {
display: none; } }
#headerLinks .socialLinks li {
display: inline-block;
position: relative;
margin: 0 1px; }
#headerLinks .socialLinks li img {
width: 23px;
height: 23px; }
.mobileNav {
text-align: center;
width: 79px;
color: #d1aa68;
display: block;
font-size: 18px;
padding: 16px 10px 20px;
font-family: "proxima-nova", sans-serif;
font-weight: 600;
position: absolute;
left: 0;
top: 0; }
@media (min-width: 620px) {
.mobileNav {
padding-top: 21px; } }
@media (min-width: 1025px) {
.mobileNav {
display: none; } }
.mobileNav .menuText {
position: relative;
font-weight: 400;
display: inline-block;
margin: 0 auto;
text-align: center;
color: #23313A;
top: -3px;
font-size: .9em; }
.mobileNav:hover, .mobileNav.activeToggle {
cursor: pointer; }
.mobileNav .hamburgerContainer {
width: 18px;
position: relative;
text-align: center;
margin: 0 auto; }
.mobileNav .hamburgerContainer .hamburgerPatty {
height: 2px;
background-color: #d1aa68;
display: block;
margin: 0 auto 3px;
border-radius: 3px; }
.bottomArrow {
display: none; }
.mmenu {
width: 100%;
padding: 35px 25px;
z-index: 999;
position: relative; }
.mmenu:after {
content: "";
display: table;
clear: both; }
@media (min-width: 1025px) {
.mmenu.expanded {
display: none !important; } }
.mmenu li.parent {
position: relative; }
.mmenu li.parent:before {
content: '';
position: absolute;
top: 18px;
right: 0px;
margin-top: -3px;
height: 0;
width: 0;
border: 5px solid transparent;
border-left-color: white; }
.mmenu li.parent:after {
content: '';
position: absolute;
top: 18px;
right: 2px;
margin-top: -3px;
height: 0;
width: 0;
border: 5px solid transparent;
border-left-color: #23313A; }
.mmenu li.expandedParent:before {
border-left-color: transparent;
border-top-color: white;
top: 22px; }
.mmenu li.expandedParent:after {
border-left-color: transparent;
border-top-color: #23313A;
top: 20px;
right: 0px; }
.mmenu li a {
color: #d1aa68;
font-size: 20px;
padding: 10px 25px 10px 5px;
display: block;
box-sizing: border-box;
padding-bottom: 10px;
font-weight: 700;
text-decoration: none;
margin-bottom: 1px;
-webkit-transform: inherit;
-webkit-font-smoothing: antialiased; }
@media (min-width: 900px) {
.mmenu li a {
padding: 12px 25px; } }
.mmenu li ul.subNav {
display: none;
background-color: transparent;
padding: 10px 0;
margin-bottom: 20px; }
.mmenu li ul.subNav.expandedNav {
display: block;
-webkit-transform: inherit; }
.mmenu li ul li.parent:after {
right: 10px;
top: 15px; }
.mmenu li ul li.parent:before {
right: 10px;
top: 15px;
display: none; }
.mmenu li ul li a {
font-size: 15px;
width: 100%;
padding-left: 10%;
padding-right: 28px;
font-weight: 400;
color: #d1aa68;
padding-left: 25px;
-webkit-font-smoothing: antialiased; }
@media (min-width: 900px) {
.mmenu li ul li a {
padding-left: 45px; } }
.mmenu li ul li ul {
border: none !important; }
.mmenu li ul li ul li a {
font-size: 13px;
width: 100%;
padding-left: 15%; }
@media (min-width: 620px) {
.mmenu li ul li ul li a {
padding-left: 50px; } }
@media (min-width: 900px) {
.mmenu li ul li ul li a {
padding-left: 65px; } }
.sb-slidebar .socialLinks {
padding-left: 30px; }
.sb-slidebar .socialLinks li {
display: inline-block;
margin-right: 4px;
width: 33px; }
.secondaryMobileNav li a {
font-weight: 400;
font-size: 15px;
color: #bfa281; }
.mainNav {
display: none; }
@media (min-width: 900px) {
.mainNav {
display: block !important; } }
.searchBar {
display: none;
width: 100%;
background-color: #eeeeee;
text-align: center;
color: white;
padding: 10px; }
.searchBar:after {
content: "";
display: table;
clear: both; }
@media (min-width: 900px) {
.searchBar {
padding: 0; } }
.searchBar input[type="search"] {
border-radius: 0;
-webkit-appearance: none;
border: 1px solid transparent;
width: 60%;
border-radius: 0;
padding: 8px 0 8px 8px;
margin: 0;
margin-right: -6px;
transition: all 0.2s ease; }
@media (min-width: 500px) {
.searchBar input[type="search"] {
width: 70%; } }
.searchBar input[type="search"]:focus {
outline: none;
border: 1px solid #961015; }
.searchBar input[type="submit"] {
border: none;
color: white;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
padding: 9px 20px 9px 18px;
/* Fallback for sad browsers */
background-color: transparent;
/* Mozilla Firefox */
/* Opera */
/* WebKit (Chrome 11+) */
/* WebKit (Safari 5.1+, Chrome 10+) */
/* IE10 */
/* W3C */
background-image: linear-gradient(transparent, transparent);
background-color: #961015;
border-radius: 0; }
.searchBar input[type="submit"]:hover {
background-color: #880f13;
cursor: pointer; }
.searchBar.searchActive {
display: block;
position: absolute;
width: 100%;
top: 50px;
z-index: 999;
right: 0;
box-shadow: 0 0 5px rgba(69, 69, 62, 0.5); }
@media (min-width: 500px) {
.searchBar.searchActive {
width: 400px; } }
@media (min-width: 900px) {
.searchBar.searchActive {
top: 47px;
right: 10px; } }
@media (min-width: 900px) {
.searchContainer_mobile {
display: none; } }
.searchContainer_full {
display: none; }
@media (min-width: 900px) {
.searchContainer_full {
display: block; } }
#searchOverlay {
background-color: rgba(35, 49, 58, 0.925);
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 99999;
display: none;
transition: all 0.2s ease;
overflow: auto;
overflow-y: scroll;
width: 100%;
height: 100%; }
#searchOverlay.searchActive {
display: table; }
#searchOverlay a.searchCloseBTN {
display: block;
width: 110px;
color: white;
margin: 40px auto 0;
font-size: 20px;
font-weight: 400;
font-family: "proxima-nova", sans-serif;
text-transform: lowercase;
letter-spacing: 1px;
text-align: center; }
#searchOverlay a.searchCloseBTN img {
float: left;
width: 30px;
margin-right: 6px;
position: relative;
top: -3px; }
.searchBar {
width: 100%;
max-width: 700px;
margin: 0 auto;
left: 50%;
background-color: transparent;
text-align: center;
color: white;
display: table-cell;
text-align: center;
vertical-align: middle; }
.searchBar label span {
display: none; }
.searchBar input[type="text"], .searchBar input[type="search"] {
border-radius: 0;
-webkit-appearance: none;
border: 2px solid white;
font-family: "proxima-nova", sans-serif;
width: 100%;
border-radius: 0;
padding: 8px 0 8px 15px;
margin: 0;
margin-right: 0px;
font-size: 20px;
height: 60px;
outline: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbdbdb+0,ffffff+79 */
background: #dbdbdb;
/* Old browsers */
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background: linear-gradient(to bottom, #dbdbdb 0%, white 79%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=0 );
/* IE6-9 */
transition: all 0.2s ease;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }
@media (min-width: 780px) {
.searchBar input[type="text"], .searchBar input[type="search"] {
font-size: 25px; } }
.searchBar input[type="text"]:focus, .searchBar input[type="search"]:focus {
outline: none;
background-color: white;
border: 2px solid #d1aa68; }
.searchBar input[type="submit"], .searchBar button[type="submit"] {
border: none;
font-family: "proxima-nova", sans-serif;
font-size: 21px;
font-weight: 700;
letter-spacing: 0;
position: relative;
width: 55%;
color: white;
height: 50px;
/* Fallback for sad browsers */
background-color: transparent;
/* Mozilla Firefox */
/* Opera */
/* WebKit (Chrome 11+) */
/* WebKit (Safari 5.1+, Chrome 10+) */
/* IE10 */
/* W3C */
background-image: linear-gradient(transparent, transparent);
background-color: #d1aa68;
transition: all 0.2s ease;
top: 0;
left: 0;
margin-top: 10px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }
@media (min-width: 620px) {
.searchBar input[type="submit"], .searchBar button[type="submit"] {
width: 26%;
left: 5px;
top: 0; } }
.searchBar input[type="submit"]:hover, .searchBar button[type="submit"]:hover {
background-color: #cb9f54;
cursor: pointer; }
.searchBar .searchContainer {
width: 80%;
margin: 0 auto;
max-width: 600px; }
.searchBar.searchActive {
display: block;
position: absolute;
width: 100%;
top: 0;
bottom: 0;
z-index: 9999999;
right: 0; }
@media (min-width: 620px) {
.searchBar.searchActive {
top: 0;
right: 45px;
max-width: 550px; } }
@media (min-width: 900px) {
.searchBar.searchActive {
z-index: 99999;
right: 0;
top: 46px; } }
@media (min-width: 1025px) {
.searchBar.searchActive {
top: 48px; } }
svg.icon.icon-search {
display: none; }
.mobileSearchBTN {
display: block;
position: absolute;
right: 18px;
top: 16px;
text-align: center;
width: 28px;
height: 28px;
color: white;
font-size: 18px;
transition: right 0.2s ease;
background-color: #d1aa68;
border-radius: 50%;
padding: 5px; }
@media (min-width: 620px) {
.mobileSearchBTN {
right: 23px;
top: 21px; } }
.mobileSearchBTN img {
margin: 0 auto 3px;
max-width: 28px;
display: block; }
.mobileSearchBTN span {
display: none; }
.desktopSearchBTN {
display: none;
background-color: #d1aa68;
width: 25px;
height: 25px;
padding: 5px;
position: absolute;
z-index: 9;
border-radius: 50%; }
@media (min-width: 900px) {
.desktopSearchBTN {
display: block;
right: 25px;
top: 10px; } }
@media (min-width: 1025px) {
.desktopSearchBTN {
z-index: 9999; } }
@media (min-width: 900px) {
.searchContainer_mobile {
display: none; } }
.searchContainer_full {
display: none; }
@media (min-width: 900px) {
.searchContainer_full {
display: block; } }
/*---------------------------------------------------------------------------------------------
*
* Slide Menu
*
*---------------------------------------------------------------------------------------------*/
.sb-slidebar {
padding: 14px;
color: #fff;
position: relative;
background-color: #eeeeee; }
.sb-slidebar .clientLogin {
background-color: #d1aa68;
position: relative;
left: 30px;
height: 35px;
display: block;
width: 150px;
position: relative;
box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5); }
.sb-slidebar .clientLogin img {
width: 35px;
padding: 5px;
position: relative;
top: 1px;
left: 2px; }
.sb-slidebar .clientLogin span {
background-color: white;
position: absolute;
right: 0;
text-align: center;
top: 0;
bottom: 0;
left: 38px;
padding-top: 8px; }
html.sb-active #sb-site, .sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
cursor: pointer; }
/* Fixed position examples */
#sb-site.top-padding {
padding-top: 50px; }
#fixed-top {
position: fixed;
top: 0;
width: 100%;
z-index: 9999; }
@media (min-width: 900px) {
#fixed-top {
display: none; } }
#mobileHeaderContainer {
position: relative;
border-bottom: 1px solid white;
background-color: white; }
#mobileHeaderContainer.sticky {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
transition: box-shadow 0.2s ease; }
#mobileHeaderContainer.sticky .mobileSearchBTN {
transition: right 0.2s ease; }
#fixed-top span.sb-toggle-left {
float: left;
color: white;
padding: 10px; }
#fixed-top span.sb-toggle-right {
float: right;
color: white;
padding: 10px; }
.preheaderLinks {
position: absolute;
right: 20px;
top: 0;
z-index: 9999; }
@media (min-width: 900px) {
.preheaderLinks {
top: 0;
float: right;
position: relative;
right: auto; } }
.preheaderLinks ul li {
display: inline; }
@media (min-width: 450px) {
.preheaderLinks ul li {
float: left; } }
.preheaderLinks ul li a {
display: inline-block;
margin: 0 5px; }
.preheaderLinks ul li:first-child {
position: relative; }
.preheaderLinks ul li:nth-child(2) {
position: relative; }
.preheaderLinks ul li .mobileSearchBTN {
position: relative;
top: -10px;
padding: 22px 18px 12px 18px; }
@media (min-width: 450px) {
.preheaderLinks ul li .mobileSearchBTN {
padding: 15px 15px 10px; } }
@media (min-width: 620px) {
.preheaderLinks ul li .mobileSearchBTN {
padding-bottom: 8px; } }
@media (min-width: 900px) {
.preheaderLinks ul li .mobileSearchBTN {
padding: 15px 27px 8px; } }
.preheaderLinks ul li .mobileSearchBTN img {
width: 22px; }
@media (min-width: 450px) {
.preheaderLinks ul li .mobileSearchBTN img {
width: 20px; } }
.preheaderLinks-desktop {
display: none; }
@media (min-width: 900px) {
.preheaderLinks-desktop {
display: block; } }
/*---------------------------------------------------------------------------------------------
*
* Homepage
*
*---------------------------------------------------------------------------------------------*/
#homeHeroContainer {
background: #23313A url("../images/home-mobile-bkg.jpg") no-repeat center center;
background-size: cover;
margin-top: 57px;
position: relative; }
@media (min-width: 900px) {
#homeHeroContainer {
background-color: transparent;
background-image: none; } }
.homeHeadlineContainer {
/* OLD - iOS 6-, Safari 3.1-6 */
/* OLD - Firefox 19- (buggy but mostly works) */
/* TWEENER - IE 10 */
/* NEW - Chrome */
display: flex;
justify-content: center;
align-items: center;
height: 60vh; }
@media (min-width: 780px) {
.homeHeadlineContainer {
background-color: transparent;
width: 100%;
height: 350px;
margin-top: 0;
margin: 0 auto; } }
@media (min-width: 900px) {
.homeHeadlineContainer {
min-height: 600px;
height: 75vh; } }
.videoOverlay {
width: 100%;
height: 100%;
background-color: rgba(35, 49, 58, 0.69);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0; }
video {
display: none;
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-size: cover;
transition: 1s opacity; }
@media (min-width: 900px) {
video {
display: block; } }
@media (min-width: 900px) {
.interiorHeader .homeHeadlineContainer {
height: 350px; } }
.homeHeadline {
text-align: center;
color: #45453E;
padding: 50px 30px 50px;
position: relative;
width: 500px;
margin: 0 auto;
z-index: 9; }
@media (min-width: 780px) {
.homeHeadline {
z-index: 99;
color: white;
padding: 30px 0 0; } }
@media (min-width: 900px) {
.homeHeadline {
width: 1050px; } }
.homeHeadline h1 {
font-size: 1.5em;
-webkit-font-smoothing: antialiased;
font-family: "Libre Franklin", sans-serif;
margin-bottom: 18px;
line-height: 1.233;
font-weight: 300;
margin: 0 auto 15px;
text-align: center;
color: white; }
@media (min-width: 900px) {
.homeHeadline h1 {
font-size: 50px; } }
@media (min-width: 1100px) {
.homeHeadline h1 {
font-size: 4em;
letter-spacing: 1px; } }
.homeHeadline p {
font-size: 1.2em;
font-family: "proxima-nova", sans-serif;
line-height: 1.322;
font-weight: 400;
max-width: 1000px;
margin: 0 auto 25px;
color: #d1aa68; }
@media (min-width: 900px) {
.homeHeadline p {
font-size: 22px; } }
@media (min-width: 1100px) {
.homeHeadline p {
font-size: 26px;
padding: 0 30px; } }
#sideDetail {
display: none; }
@media (min-width: 1100px) {
#sideDetail {
display: block;
width: 350px;
position: absolute;
right: 0;
z-index: 3;
top: 400px; } }
#sideDetail img {
position: relative;
right: -100px; }
#sideDetail.sideDetailLeft {
left: 0;
right: auto;
display: none; }
@media (min-width: 1300px) {
#sideDetail.sideDetailLeft {
display: block; } }
#sideDetail.sideDetailLeft img {
left: -213px; }
@media (min-width: 1800px) {
#sideDetail.sideDetailLeft img {
left: -150px; } }
.calloutArea {
width: 100%;
padding-top: 35px;
padding: 35px 0;
text-align: center;
position: relative;
margin: 0 auto;
background-color: white; }
.calloutArea .calloutContentContainer {
background-color: transparent;
width: 90%;
margin: 0 auto;
border-bottom: 3px solid #d4d7d9;
max-width: 1100px; }
.calloutArea .calloutContent {
padding: 25px; }
.calloutArea .calloutContent h2 {
font-size: 2em;
color: #23313A;
font-weight: 300;
margin-bottom: 25px;
-webkit-font-smoothing: antialiased; }
.calloutArea .calloutContent p {
line-height: 1.333;
margin-bottom: 25px; }
.calloutSlider {
width: 100%;
padding-top: 35px;
padding: 35px 0;
text-align: center;
position: relative;
margin: 0 auto;
background-color: white; }
.calloutSlider .calloutContentContainer {
background-color: transparent;
width: 90%;
margin: 0 auto;
max-width: 1100px; }
@media (min-width: 900px) {
.calloutSlider .calloutContentContainer {
display: flex;
position: relative;
z-index: 9;
padding: 35px 35px 45px; } }
@media (min-width: 1100px) {
.calloutSlider .calloutContentContainer {
padding: 55px 35px 55px 55px; } }
.calloutSlider .calloutContent {
padding: 25px; }
@media (min-width: 900px) {
.calloutSlider .calloutContent {
width: 50%;
text-align: left;
padding: 0; } }
@media (min-width: 1100px) {
.calloutSlider .calloutContent {
padding-right: 35px; } }
.calloutSlider .calloutContent h2 {
font-size: 2em;
color: #23313A;
font-weight: 300;
margin-bottom: 25px;
-webkit-font-smoothing: antialiased; }
.calloutSlider .calloutContent p {
line-height: 1.333;
margin-bottom: 25px; }
.calloutSlider .numberSlider {
text-align: center;
width: 85%;
margin: 0 auto 45px;
color: #d1aa68;
padding-top: 25px; }
@media (min-width: 900px) {
.calloutSlider .numberSlider {
width: 50%;
padding: 0; } }
.calloutSlider .numberSlider h3 {
font-size: 4.5em;
font-weight: 700; }
@media (min-width: 780px) {
.calloutSlider .numberSlider h3 {
font-size: 6em; } }
@media (min-width: 900px) {
.calloutSlider .numberSlider h3 {
font-size: 5.75em; } }
@media (min-width: 1100px) {
.calloutSlider .numberSlider h3 {
font-size: 6em; } }
.calloutSlider .numberSlider p {
color: #23313A; }
@media (min-width: 780px) {
.calloutSlider .numberSlider p {
font-size: 1.5em; } }
.calloutButton {
text-align: center;
margin-bottom: 80px; }
a.cta-button {
background-color: #23313A;
color: white;
font-weight: 700;
padding: 13px 37px 13px 9px;
display: inline-block;
position: relative;
top: 0;
font-size: 1em;
margin-bottom: 10px;
border-radius: 25px;
width: 95%;
transition: all 0.2s ease;
max-width: 351px; }
@media (min-width: 620px) {
a.cta-button {
padding: 13px 50px 13px 20px; } }
@media (min-width: 900px) {
a.cta-button {
font-size: 1.2em; } }
a.cta-button:after {
content: '';
display: block;
width: 21px;
height: 21px;
border-radius: 50%;
position: absolute;
right: 15px;
top: 13px;
background: transparent url("../images/link-arrow-right-gold.svg") no-repeat 5px 4px;
background-size: 13px 13px; }
a.cta-button:hover {
top: -4px;
transition: all 0.2s ease; }
a.cta-button.twoLines {
border-radius: 32px; }
@media (min-width: 900px) {
a.cta-button.twoLines {
border-radius: 37px; } }
a.cta-button.twoLines:after {
top: 23px; }
@media (min-width: 900px) {
a.cta-button.twoLines:after {
top: 26px; } }
.twoButtons a {
width: 72%;
vertical-align: top; }
@media (min-width: 900px) {
.twoButtons a {
width: 42%;
height: 75px;
margin: 0 2%;
border-radius: 37px; } }
@media (min-width: 900px) {
.twoButtons a.oneLine {
padding-top: 27px; } }
@media (min-width: 900px) {
.twoButtons a.oneLine:after {
top: 27px; } }
[class="Invest+In+REAP%E2%80%99s+"] {
display: none !important; }
a.cta-button.cta-blue {
background-color: #5eaede; }
a.cta-button.cta-blue:after {
background-image: url("../images/link-arrow-right-blue.svg");
background-color: white; }
a.cta-button-reversed {
background-color: #d1aa68;
color: #23313A;
font-weight: 400;
padding: 13px 50px 13px 20px;
display: inline-block;
position: relative;
top: 0;
border-radius: 25px;
font-size: 1em;
transition: all 0.2s ease; }
@media (min-width: 900px) {
a.cta-button-reversed {
font-size: 1.2em; } }
a.cta-button-reversed:after {
content: '';
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
position: absolute;
right: 15px;
top: 13px;
background: transparent url("../images/link-arrow-right-white.svg") no-repeat center center;
background-size: 13px 13px; }
a.cta-button-reversed:hover {
top: -4px;
transition: all 0.2s ease; }
.fullwidthColumn {
text-align: center;
background: #23313A url("../images/pattern.png") repeat center center;
background-size: 1000px 1000px;
padding: 60px 20px;
color: white;
position: relative; }
@media (min-width: 900px) {
.fullwidthColumn {
padding: 80px 20px; } }
@media (min-width: 900px) {
.fullwidthColumn:after {
content: '';
display: block;
border: 1px solid #a27c52;
position: absolute;
left: 17px;
right: 17px;
top: -10px;
bottom: -10px; } }
@media (min-width: 1100px) {
.fullwidthColumn:after {
display: none; } }
.fullwidthColumn .sectionIcon {
width: 90px;
margin-bottom: 15px; }
.fullwidthColumn h2 {
color: #a27c52;
font-size: 2em;
margin-bottom: 15px; }
.fullwidthColumn h2 strong {
color: white; }
@media (min-width: 900px) {
.fullwidthColumn h2 {
font-size: 3em;
-webkit-font-smoothing: antialiased; } }
@media (min-width: 1100px) {
.fullwidthColumn h2 {
font-size: 3.5em; } }
.fullwidthColumn p {
margin-bottom: 15px;
max-width: 550px;
margin: 0 auto 28px;
-webkit-font-smoothing: antialiased; }
.two-column-content {
text-align: left;
margin: 30px auto 0;
width: 90%;
padding-bottom: 20px; }
@media (min-width: 780px) {
.two-column-content {
padding: 20px;
margin-top: 61px; } }
@media (min-width: 900px) {
.two-column-content {
padding: 20px 0 60px; } }
.two-column-content .two-column-content-container {
max-width: 1600px;
margin: 0 auto; }
@media (min-width: 900px) {
.two-column-content .two-column-content-container {
display: flex; } }
.two-column-content .two-column-content-container .wysiwyg.contentColumn {
display: flex;
align-items: center;
justify-content: center; }
.two-column-content .two-column-content-container div:first-child {
margin-bottom: 25px; }
@media (min-width: 900px) {
.two-column-content .two-column-content-container div:first-child {
width: 50%;
padding: 0 25px;
text-align: right; } }
.two-column-content .two-column-content-container div:first-child.imageLeftContent {
width: 100%; }
.two-column-content .two-column-content-container div:last-child {
margin: 0 auto; }
@media (min-width: 900px) {
.two-column-content .two-column-content-container div:last-child {
text-align: left;
width: 50%;
padding: 0 5px; } }
.two-column-content .two-column-content-container div:last-child.imageLeftContent, .two-column-content .two-column-content-container div:last-child.imageRightContent {
width: 100%; }
.two-column-content .two-column-content-container div.wysiwyg {
padding-left: 2.5%;
padding-right: 2.5%; }
.two-column-content .two-column-content-container div.wysiwyg.content-full {
max-width: 800px; }
.two-column-content .two-column-content-container img {
height: auto; }
.two-column-content .two-column-content-container img.columnImage {
width: 100%; }
@media (min-width: 900px) {
.two-column-content .two-column-content-container img.columnImage {
padding-left: 2.5%;
padding-right: 2.5%; } }
@media (min-width: 900px) {
.two-column-content .two-column-content-container div.calloutTextContainer {
padding-left: 35px;
padding-right: 35px; } }
.two-column-content h3 {
text-transform: uppercase;
font-weight: 400;
color: #45453E;
font-size: 2.5em;
margin-bottom: 20px; }
.two-column-content p {
margin-bottom: 20px; }
.two-column-content-full {
padding: 0;
max-width: 100%;
margin: 0;
width: 100%; }
.two-column-content-full .two-column-content-container {
max-width: 100%; }
.two-column-content-full .two-column-content-container div:first-child {
margin-bottom: 0;
min-height: 370px; }
@media (min-width: 900px) {
.two-column-content-full .two-column-content-container div:first-child {
width: 50%; } }
.two-column-content-full .two-column-content-container div:last-child {
width: 85%; }
@media (min-width: 900px) {
.two-column-content-full .two-column-content-container div:last-child {
width: 50%; } }
.wysiwyg.content-full {
padding: 55px 0; }
@media (min-width: 1100px) {
.wysiwyg.content-full {
padding: 100px 0; } }
@media (min-width: 780px) {
.wysiwyg.leftText,
.wysiwyg .imageRightContent {
padding-left: 20px;
padding-right: 20px; } }
@media (min-width: 900px) {
.wysiwyg.leftText,
.wysiwyg .imageRightContent {
padding-left: 6%;
padding-right: 30px; } }
@media (min-width: 1100px) {
.wysiwyg.leftText,
.wysiwyg .imageRightContent {
padding-right: 55px;
margin-right: 0 !important; } }
@media (min-width: 1800px) {
.wysiwyg.leftText,
.wysiwyg .imageRightContent {
padding-left: 0; } }
@media (min-width: 780px) {
.wysiwyg.rightText,
.wysiwyg .imageleftContent {
padding-left: 20px;
padding-right: 20px; } }
@media (min-width: 900px) {
.wysiwyg.rightText,
.wysiwyg .imageleftContent {
padding-right: 6%;
padding-left: 30px; } }
@media (min-width: 1100px) {
.wysiwyg.rightText,
.wysiwyg .imageleftContent {
padding-left: 55px;
margin-left: 0 !important; } }
@media (min-width: 1800px) {
.wysiwyg.rightText,
.wysiwyg .imageleftContent {
padding-right: 0; } }
.wysiwyg .imageLeftContent,
.wysiwyg .imageRightContent {
max-width: 800px; }
.dualWysiwygContentContainer {
width: 90%;
margin: 0 auto; }
@media (min-width: 900px) {
.dualWysiwygContentContainer {
display: flex; } }
.dualWysiwygContentContainer .contentColumn {
padding: 5% 0; }
@media (min-width: 780px) {
.dualWysiwygContentContainer .contentColumn {
padding: 5% 3%; } }
@media (min-width: 900px) {
.dualWysiwygContentContainer .contentColumnLeft {
width: 50%; } }
@media (min-width: 900px) {
.dualWysiwygContentContainer .contentColumnRight {
width: 50%; } }
.portfolioSlider {
text-align: center;
padding-top: 35px;
margin-bottom: 20px; }
@media (min-width: 900px) {
.portfolioSlider {
padding-bottom: 75px; } }
.portfolioSlider > div {
width: 100%;
margin: 0 auto 35px; }
.portfolioSlider .portfolioSliderHeader {
max-width: 700px;
padding: 5% 5% 0; }
@media (min-width: 900px) {
.portfolioSlider .portfolioSliderHeader {
padding: 5% 0 0; } }
.portfolioSlider h2 {
font-weight: 300;
font-size: 2.2em;
color: #d1aa68;
line-height: 1.133;
margin-bottom: 20px; }
@media (min-width: 900px) {
.portfolioSlider h2 {
font-size: 3em; } }
.portfolioSlider div.portfolioSlides {
margin-bottom: 25px; }
.portfolioSlider .owl-carousel .owl-stage-outer {
padding-bottom: 30px; }
.portfolioSlider div.portfolioSlide {
background: transparent url("../images/reap-home-header-hero-poster.jpg") no-repeat center center;
background-size: cover;
position: relative;
height: 300px;
text-align: left;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }
.portfolioSlider div.portfolioSlide::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(35, 49, 58, 0.65);
z-index: 9; }
.portfolioSlider div.portfolioSlide .propertyTitle {
position: absolute;
left: 20px;
top: 30px;
color: white;
z-index: 99; }
.portfolioSlider div.portfolioSlide .propertyTitle h4 {
font-weight: 700;
font-size: 2em; }
.portfolioSlider div.portfolioSlide .propertyTitle h6 {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1em;
color: #d1aa68; }
.portfolioSlider div.portfolioSlide .propertyIRR {
position: absolute;
bottom: 30px;
left: 20px;
z-index: 99;
width: 90%; }
.portfolioSlider div.portfolioSlide .propertyIRR h3 {
color: white;
font-size: 1em;
line-height: 1;
margin-bottom: 16px; }
.portfolioSlider div.portfolioSlide .propertyIRR h3 span {
display: block;
font-size: 4em;
font-weight: 300; }
.portfolioSlider div.portfolioSlide .propertyIRR a, .portfolioSlider div.portfolioSlide .propertyIRR span.learnMore {
color: white;
background-color: #a27c52;
padding: 3px 33px 3px 13px;
border-radius: 20px;
position: relative;
display: inline-block; }
.portfolioSlider div.portfolioSlide .propertyIRR a:after, .portfolioSlider div.portfolioSlide .propertyIRR span.learnMore:after {
content: '';
display: block;
width: 15px;
height: 15px;
border-radius: 50%;
position: absolute;
right: 7px;
top: 5px;
background: white url("../images/link-arrow-right-gold.svg") no-repeat center center;
background-size: 10px 10px; }
.portfolioSlide .propertyIRR a {
color: white;
background-color: #a27c52;
padding: 3px 33px 3px 13px;
border-radius: 20px;
position: relative;
display: inline-block; }
.portfolioSlide .propertyIRR a:after {
content: '';
display: block;
width: 15px;
height: 15px;
border-radius: 50%;
position: absolute;
right: 7px;
top: 5px;
background: white url("../images/link-arrow-right-gold.svg") no-repeat center center;
background-size: 10px 10px; }
.sliderTextContainer {
text-align: center;
width: 85%;
margin: 0 auto; }
@media (min-width: 900px) {
.sliderTextContainer {
position: absolute;
bottom: 40px;
left: 4%;
text-align: left;
width: 60%; } }
.sliderTextContainer h1 {
font-family: "Libre Franklin", sans-serif;
color: #23313A;
font-size: 35px;
margin-bottom: 20px; }
@media (min-width: 900px) {
.sliderTextContainer h1 {
font-size: 30px;
margin-bottom: 10px; } }
.sliderTextContainer p {
color: #404041;
font-size: 20px;
font-family: "Libre Franklin", sans-serif;
line-height: 1.444;
margin-bottom: 30px; }
@media (min-width: 900px) {
.sliderTextContainer p {
font-size: 15px;
margin-bottom: 20px; } }
.customBTN {
color: white;
background-color: #a27c52;
font-family: "Libre Franklin", sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
padding: 5px 15px;
font-size: 20px;
font-weight: 600; }
@media (min-width: 900px) {
.customBTN {
font-size: 15px;
padding: 3px 10px; } }
#homepageCallout {
text-align: center;
position: relative;
background-color: #23313A;
padding-bottom: 20px;
margin: 0 auto 55px; }
@media (min-width: 900px) {
#homepageCallout {
padding: 0; } }
@media (min-width: 900px) {
.calloutContainer {
display: flex; } }
@media (min-width: 900px) {
.serviceContainer:nth-child(odd) .calloutContainer {
flex-direction: row-reverse; } }
.calloutImage {
height: 200px; }
@media (min-width: 620px) {
.calloutImage {
height: 280px; } }
@media (min-width: 900px) {
.calloutImage {
width: 60%;
height: 450px;
margin-bottom: 0; } }
@media (min-width: 900px) {
.serviceContainer .calloutImage {
width: 50%; } }
.serviceContainer {
padding-bottom: 45px; }
@media (min-width: 900px) {
.serviceContainer {
padding-bottom: 0; } }
.serviceContainer .calloutImage {
height: 300px; }
@media (min-width: 620px) {
.serviceContainer .calloutImage {
height: 300px; } }
@media (min-width: 900px) {
.serviceContainer .calloutImage {
height: 450px; } }
@media (min-width: 900px) {
.serviceContainer .calloutContentContainer {
width: 50%; } }
.serviceContainer .calloutContent {
top: 0px;
border: 1px solid rgba(238, 238, 238, 0.75);
padding: 30px 25px 25px;
position: relative;
max-width: 550px; }
@media (min-width: 900px) {
.serviceContainer .calloutContent {
right: 0;
left: auto;
border-right: none;
position: absolute;
top: auto;
bottom: auto; } }
.serviceContainer .calloutContent:before {
content: "";
width: 100%;
height: 10px;
position: absolute;
top: -11px;
background-color: rgba(209, 170, 104, 0.85);
left: 0; }
@media (min-width: 900px) {
.serviceContainer .calloutContent:before {
top: 0;
left: auto;
right: -12px;
width: 12px;
height: 100%; } }
.serviceContainer .calloutContent h3 {
color: #d1aa68; }
.serviceContainer .calloutContent p {
color: #404041;
font-size: 15px;
line-height: 1.633; }
.serviceContainer:nth-child(2) {
background-color: #eeeeee; }
.serviceContainer:nth-child(2) .calloutContent {
border: 1px solid white;
border-top: none; }
@media (min-width: 900px) {
.serviceContainer:nth-child(2) .calloutContent {
border: 1px solid white;
border-left: none;
left: 0;
right: auto; } }
.serviceContainer:nth-child(2) .calloutContent:before {
background-color: rgba(209, 170, 104, 0.75);
top: -10px; }
@media (min-width: 900px) {
.serviceContainer:nth-child(2) .calloutContent:before {
top: 0px;
left: -12px;
height: 100%; } }
.serviceContainer:nth-child(3) .calloutContent:before {
background-color: rgba(35, 49, 58, 0.85); }
.chromeBorder {
padding: 18px 35px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5d4d4+0,828282+7,f3f4f5+19,48555d+45,a3a9ad+55,8c94a1+88,f3f4f5+100 */
background: #d5d4d4;
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #d5d4d4 0%, #828282 7%, #f3f4f5 19%, #48555d 45%, #a3a9ad 55%, #8c94a1 88%, #f3f4f5 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d4d4', endColorstr='#f3f4f5',GradientType=1 );
/* IE6-9 fallback on horizontal gradient */
display: inline-block;
font-size: 22px;
border-radius: 10px;
padding: 3px; }
.chromeBorder span {
display: block; }
.blueBTN {
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); }
.blueBTN span {
background-color: #d1aa68;
color: white;
border-radius: 8px;
padding: 18px 35px;
box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.6); }
.redBTN {
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); }
.redBTN span {
background-color: #be090e;
color: white;
border-radius: 8px;
padding: 18px 35px;
box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.6); }
#productSlider {
display: none;
padding: 60px 0;
text-align: center; }
#productSlider h2 {
font-size: 40px;
margin-bottom: 20px;
font-weight: 300;
color: #45453E; }
@media (min-width: 900px) {
#productSlider {
display: block; } }
#productSlider.productSliderInterior {
display: block; }
#productSliderContainer {
max-width: 1100px;
margin: 0 auto;
width: 90%;
position: relative; }
#productSliderContainer:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 140px;
z-index: -1;
background: #e4e5e6;
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e4e5e6 0%, #f8f8f8 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e5e6', endColorstr='#f8f8f8',GradientType=0 );
/* IE6-9 */
border-bottom: 2px solid rgba(69, 69, 62, 0.2); }
@media (min-width: 500px) {
#productSliderContainer:after {
height: 130px; } }
@media (min-width: 900px) {
#productSliderContainer:after {
height: 150px; } }
#productSliderContainer h4 {
color: #23313A;
font-weight: 700;
font-size: 17px;
padding: 0 20px; }
#productSlides, #productSlidesInterior {
position: relative;
width: 70%;
margin: 0 auto; }
@media (min-width: 620px) {
#productSlides, #productSlidesInterior {
width: 80%; } }
#productSliderContainer .owl-wrapper-outer {
padding-bottom: 25px; }
@media (min-width: 900px) {
#productSliderContainer .owl-wrapper-outer {
padding-bottom: 40px; } }
.owl-theme .owl-controls .owl-buttons div.owl-prev {
left: -40px;
-webkit-filter: none !important;
filter: none !important;
text-indent: -10000px;
width: 28px;
height: 56px;
background: transparent url("../images/arrow-left-gray.svg") no-repeat 0 0;
background-size: 28px 56px;
opacity: 1; }
@media (min-width: 620px) {
.owl-theme .owl-controls .owl-buttons div.owl-prev {
left: -60px; } }
@media (min-width: 900px) {
.owl-theme .owl-controls .owl-buttons div.owl-prev {
left: -80px; } }
.owl-theme .owl-controls .owl-buttons div.owl-next {
right: -40px;
-webkit-filter: none !important;
filter: none !important;
text-indent: -10000px;
width: 28px;
height: 56px;
background: transparent url("../images/arrow-left-gray.svg") no-repeat 0 0;
background-size: 28px 56px;
opacity: 1;
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
@media (min-width: 620px) {
.owl-theme .owl-controls .owl-buttons div.owl-next {
right: -60px; } }
@media (min-width: 900px) {
.owl-theme .owl-controls .owl-buttons div.owl-next {
right: -80px; } }
#productSlider.productSliderInterior {
padding-top: 40px; }
/*---------------------------------------------------------------------------------------------
*
* @Interior Template
*
*---------------------------------------------------------------------------------------------*/
.interiorHeroContainer {
margin-top: 60px; }
@media (min-width: 620px) {
.interiorHeroContainer {
margin-top: 70px; } }
.interiorHeadlineContainer {
/* OLD - iOS 6-, Safari 3.1-6 */
/* OLD - Firefox 19- (buggy but mostly works) */
/* TWEENER - IE 10 */
/* NEW - Chrome */
display: flex;
justify-content: center;
align-items: center;
min-height: 25vh;
background-color: #23313A;
background: #23313A url("../images/") no-repeat 0 0;
background: #23313A url("../images/pattern.png") repeat center center;
background-size: 1000px 1000px;
position: relative; }
@media (min-width: 780px) {
.interiorHeadlineContainer {
width: 100%;
margin-top: 0;
margin: 0 auto; } }
@media (min-width: 900px) {
.interiorHeadlineContainer {
min-height: 400px; } }
.interiorHeadlineContainer:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: #23313A;
opacity: .35; }
.fourohfourContainer {
min-height: 55vh;
/* OLD - iOS 6-, Safari 3.1-6 */
/* OLD - Firefox 19- (buggy but mostly works) */
/* TWEENER - IE 10 */
/* NEW - Chrome */
display: flex;
justify-content: center;
align-items: center; }
.fourohfourContainer h1 {
color: #23313A;
font-weight: 700;
font-size: 6em; }
.fourohfourContainer .fourohfoursearch label span {
display: none; }
.defaultHeader {
padding-top: 120px;
text-align: center;
width: 85%;
margin: 0 auto; }
@media (min-width: 900px) {
.defaultHeader {
padding-top: 180px; } }
.defaultHeader h1 {
font-size: 1.5em;
color: #23313A; }
@media (min-width: 900px) {
.defaultHeader h1 {
font-size: 1.8em; } }
.calloutArea.calloutAreaInterior .calloutContentColumns {
padding-top: 50px; }
@media (min-width: 780px) {
.calloutArea.calloutAreaInterior .columnContainer {
display: flex;
max-width: 942px;
margin: 0 auto; } }
.calloutArea.calloutAreaInterior h2 {
color: #a27c52;
text-align: center;
margin-bottom: 35px; }
.calloutArea.calloutAreaInterior .column {
margin-bottom: 45px;
font-size: 1.2em;
line-height: 1.444;
-webkit-font-smoothing: antialiased; }
.calloutArea.calloutAreaInterior .column strong {
color: #d1aa68;
display: block;
margin-bottom: 5px; }
.calloutArea.calloutAreaInterior .sectionIcon {
max-width: 100px;
display: block;
margin: 0 auto 10px; }
.content-w-quote {
background-color: #eeeeee;
padding: 35px 35px 65px;
overflow: auto; }
.content-w-quote .contentColumnContainer {
max-width: 950px;
margin: 0 auto; }
@media (min-width: 780px) {
.content-w-quote .contentColumn {
width: 50%;
float: left; } }
.content-w-quote .quoteColumn {
padding-top: 40px;
position: relative; }
@media (min-width: 780px) {
.content-w-quote .quoteColumn {
width: 45%;
float: right;
padding-top: 0; } }
.content-w-quote .quoteColumn:before {
content: '';
width: 75px;
height: 75px;
background: transparent url("../images/quote.svg") no-repeat 0 0;
background-size: contain;
position: absolute;
left: -15px;
top: 12px;
z-index: 0; }
@media (min-width: 780px) {
.content-w-quote .quoteColumn:before {
left: -30px;
top: -42px;
width: 85px;
height: 85px; } }
.content-w-quote .quoteColumn p {
font-size: 2em;
font-weight: 300;
color: #d1aa68;
line-height: 1.333;
position: relative;
z-index: 1; }
.content-w-quote .quoteColumn div {
padding-top: 15px;
color: black;
font-weight: 700;
margin-bottom: 35px; }
.content-w-quote .quoteColumn div span {
color: #a27c52;
font-weight: 300; }
.content-w-quote .divider {
background-color: white;
height: 5px;
width: 100%;
margin: 0 auto 45px;
clear: both;
max-width: 1000px; }
@media (min-width: 780px) {
.content-w-quote .divider {
margin: 45px auto;
padding-top: 45px;
background-color: transparent;
border-bottom: 5px solid white; } }
.content-w-quote .callout-w-image {
max-width: 700px;
margin: 0 auto;
overflow: auto; }
@media (min-width: 900px) {
.content-w-quote .callout-w-image {
display: flex;
justify-content: space-between; } }
.content-w-quote .callout-w-image img {
margin-bottom: 25px; }
.content-w-quote .callout-w-image p {
margin-bottom: 15px; }
@media (min-width: 900px) {
.content-w-quote .callout-w-image div {
width: 48%; } }
.mainColumn {
text-align: center;
position: relative;
z-index: 1; }
.columnSection {
padding: 0;
margin: 0 auto; }
@media (min-width: 620px) {
.columnSection {
max-width: 600px;
margin-bottom: 40px; } }
@media (min-width: 900px) {
.columnSection {
max-width: none;
width: 100%;
display: flex;
margin-bottom: 0; } }
.columnSection:nth-child(even) {
background-color: #eeeeee; }
.servicesColumns:first-child {
max-width: 1300px;
padding-top: 45px; }
@media (min-width: 900px) {
.servicesColumns:first-child {
padding-top: 30px; } }
@media (min-width: 900px) {
.servicesColumns:first-child .columnContentContainer {
position: relative;
top: -20px; } }
@media (min-width: 1200px) {
.servicesColumns:nth-child(2) .columnContentContainer {
margin-left: 90px; } }
.servicesColumns:nth-child(3) {
flex-direction: row-reverse; }
@media (min-width: 900px) {
.servicesColumns:nth-child(3) {
box-shadow: 0 4px 6px -3px rgba(0, 0, 0, 0.35); } }
@media (min-width: 1800px) {
.servicesColumns:nth-child(3) .columnContentContainer {
margin-right: 90px; } }
@media (min-width: 900px) {
.whoWeAreColumns:first-child {
flex-direction: row-reverse; } }
@media (min-width: 1300px) {
.whoWeAreColumns:first-child .columnContentContainer {
margin-right: 90px; } }
.fullWidthColumn {
width: 100%; }
.columnImage {
height: 300px;
position: relative;
margin-bottom: 30px; }
.columnImage:before {
content: "";
width: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #23313A;
opacity: .8;
z-index: 1; }
@media (min-width: 900px) {
.columnImage {
margin-bottom: 0;
height: 390px; } }
@media (min-width: 1100px) {
.columnImage {
height: 440px; } }
.column .columnContentContainer {
width: 80%;
margin: 0 auto;
padding-bottom: 45px;
max-width: 500px; }
@media (min-width: 900px) {
.column .columnContentContainer {
padding-bottom: 0; } }
.column .columnContentContainer h2 {
color: #23313A;
font-weight: 700;
font-size: 30px;
margin-bottom: 5px; }
@media (min-width: 900px) {
.column .columnContentContainer h2 {
text-align: left; } }
.column .columnContentContainer p {
font-size: 15px; }
@media (min-width: 900px) {
.column .columnContentContainer p {
text-align: left; } }
@media (min-width: 900px) {
.column .columnContentContainer a {
margin-left: 0;
float: left; } }
.fullWidthColumn .columnContentContainer {
max-width: 900px;
text-align: center; }
@media (min-width: 900px) {
.fullWidthColumn .columnContentContainer {
padding-bottom: 40px; } }
.fullWidthColumn .columnContentContainer p {
text-align: center; }
.missionColumn.wysiwyg {
background-color: #eeeeee;
padding: 65px 5% 20px;
color: #23313A; }
.missionColumn.wysiwyg h1 {
color: #23313A;
font-size: 50px;
line-height: 1.133;
margin-bottom: 13px; }
.missionColumn.wysiwyg h4 {
color: #23313A;
margin-bottom: 13px;
font-size: 22px; }
.missionColumn.wysiwyg p {
font-size: 17px; }
.column .projectGrid {
background-color: #eeeeee;
box-shadow: 0 0 5px rgba(212, 215, 217, 0.5);
width: 88%;
margin: 0 auto 45px;
padding: 20px 20px 5px;
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
@media (min-width: 900px) {
.column .projectGrid {
width: 100%;
margin-right: 25px; } }
.column .projectGrid > div {
width: 48%;
margin-bottom: 15px; }
@media (min-width: 620px) {
.column .projectGrid > div {
width: 32%; } }
.column .projectGrid > div a {
display: block;
height: 200px;
/* OLD - iOS 6-, Safari 3.1-6 */
/* OLD - Firefox 19- (buggy but mostly works) */
/* TWEENER - IE 10 */
/* NEW - Chrome */
display: flex;
justify-content: center;
align-items: center;
position: relative; }
.column .projectGrid > div a:before {
content: "";
width: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #23313A;
opacity: .8;
z-index: 1; }
@media (min-width: 900px) {
.column .projectGrid > div a {
height: 150px; } }
@media (min-width: 1100px) {
.column .projectGrid > div a {
height: 180px; } }
.column .projectGrid > div a span {
color: white;
font-weight: 600;
position: relative;
z-index: 9;
font-size: 20px; }
@media (min-width: 900px) {
.column .projectGrid > div a span {
font-size: 16px; } }
@media (min-width: 1100px) {
.column .projectGrid > div a span {
font-size: 20px; } }
.vc-projectGrid .projectGrid {
margin: 0 auto 45px;
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
@media (min-width: 900px) {
.vc-projectGrid .projectGrid {
width: 100%;
margin-right: 25px; } }
.vc-projectGrid .projectGrid > div {
width: 48%;
margin-bottom: 15px; }
@media (min-width: 620px) {
.vc-projectGrid .projectGrid > div {
width: 32%; } }
.vc-projectGrid .projectGrid > div a {
display: block;
height: 200px;
/* OLD - iOS 6-, Safari 3.1-6 */
/* OLD - Firefox 19- (buggy but mostly works) */
/* TWEENER - IE 10 */
/* NEW - Chrome */
display: flex;
justify-content: center;
align-items: center;
position: relative; }
.vc-projectGrid .projectGrid > div a:before {
content: "";
width: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #23313A;
opacity: .8;
z-index: 1; }
@media (min-width: 900px) {
.vc-projectGrid .projectGrid > div a {
height: 150px; } }
@media (min-width: 1100px) {
.vc-projectGrid .projectGrid > div a {
height: 180px; } }
.vc-projectGrid .projectGrid > div a span {
color: white;
font-weight: 600;
position: relative;
z-index: 9;
font-size: 20px; }
@media (min-width: 900px) {
.vc-projectGrid .projectGrid > div a span {
font-size: 16px; } }
@media (min-width: 1100px) {
.vc-projectGrid .projectGrid > div a span {
font-size: 20px; } }
.jp-carousel-info {
display: none !important; }
.teamListContainer {
background-color: #eeeeee;
padding-bottom: 55px; }
/*---------------------------------------------------------------------------------------------
*
* @LEADERSHIP
*
*---------------------------------------------------------------------------------------------*/
.leadershipContainer {
max-width: 1100px;
margin: 10px auto 145px; }
@media (min-width: 780px) {
.leadershipContainer {
display: block; } }
.leadershipEntry {
margin-bottom: 100px;
width: 100%;
clear: both;
float: none;
margin-bottom: 0;
padding-top: 100px;
padding-bottom: 50px;
position: relative;
overflow: auto; }
.leadershipEntry:after {
content: '';
display: block;
height: 6px;
width: 45%;
position: absolute;
bottom: 0;
left: 26%;
margin: 0 auto;
background-color: #eeeeee; }
.leadershipImage {
margin-bottom: 37px; }
@media (min-width: 500px) {
.leadershipImage {
width: 85%;
margin: 0 auto 37px; } }
.leadershipImage img {
max-width: 350px; }
@media (min-width: 780px) {
.leadershipEntry .leadershipImage {
width: 20%;
float: left;
margin-left: 3%; } }
@media (min-width: 1100px) {
.leadershipEntry .leadershipImage {
margin-left: 4%; } }
@media (min-width: 780px) {
.leadershipEntry .leadershipImage img {
max-width: 100%; } }
.leadershipInfo {
width: 85%;
margin: 0 auto; }
@media (min-width: 780px) {
.leadershipEntry .leadershipInfo {
width: 60%; } }
.leadershipName {
margin-bottom: 25px; }
.leadershipName h4 {
font-weight: 900;
font-size: 1.8em;
margin-bottom: 5px; }
.leadershipName span {
text-transform: uppercase;
font-size: 1em;
letter-spacing: 1px;
margin-bottom: 23px;
display: block; }
.leadershipName a.vCard {
display: inline-block;
padding: 1px 1px 1px 40px;
background: transparent url("/images/icon-vcard.svg") no-repeat 0 0;
background-size: 30px 22px; }
.leadershipBioText p {
margin-bottom: 18px; }
.advisoryBoard ul li.leadershipEntry {
padding-bottom: 0; }
@media (min-width: 900px) {
.advisoryBoard ul li.leadershipEntry {
width: 24%;
background-color: rgba(35, 49, 58, 0.9);
/* OLD - iOS 6-, Safari 3.1-6 */
/* OLD - Firefox 19- (buggy but mostly works) */
/* TWEENER - IE 10 */
/* NEW - Chrome */
display: flex;
justify-content: center;
align-items: center; } }
.advisoryBoard ul li.leadershipEntry a {
margin-bottom: 15px;
cursor: default;
background-color: rgba(35, 49, 58, 0.9); }
@media (min-width: 900px) {
.advisoryBoard ul li.leadershipEntry a {
margin-bottom: 0;
background-color: transparent; } }
.advisoryBoard ul li.leadershipEntry.active:after {
display: none !important; }
.advisoryBoard ul li.leadershipEntry .leadershipBio {
display: none !important; }
.advisoryBoard .leadershipName {
position: relative;
text-align: center;
width: 100%;
bottom: auto;
background-color: transparent;
margin-bottom: 0;
/* OLD - iOS 6-, Safari 3.1-6 */
/* OLD - Firefox 19- (buggy but mostly works) */
/* TWEENER - IE 10 */
/* NEW - Chrome */
display: flex;
justify-content: center;
align-items: center; }
.advisoryBoard .leadershipName h4:after {
display: none; }
.advisoryBios .leadershipBio-desktop {
display: none !important; }
#testimonial {
text-align: center;
padding-top: 65px;
padding-bottom: 35px;
margin: 45px auto 25px;
width: 85%;
max-width: 800px;
position: relative;
color: #404041; }
#testimonial:before {
content: "";
width: 100%;
height: 28px;
position: absolute;
background: transparent url("../images/icon-quote.svg") no-repeat center center;
top: 15px;
left: 0;
right: 0; }
#testimonial p {
font-size: 24px;
font-weight: 300;
margin-bottom: 20px; }
#testimonial .quoteAttribute {
font-size: 18px;
line-height: 1.44; }
#testimonial .quoteAttribute em {
display: block;
font-size: 16px;
font-style: italic; }
section#testimonialsPage {
display: none; }
.page-id-21 section#testimonialsPage {
display: block; }
@media (min-width: 900px) {
.page-id-21 header.contentHeader h3 {
background-color: white !important; } }
.page-id-21 header.contentHeader,
.page-id-21 .mainColumn {
background-color: rgba(238, 238, 238, 0.5) !important; }
#testimonialsPage ul, #testimonialsPage li {
margin: 0;
padding: 0; }
#testimonialsPage ul {
width: 88%;
max-width: 950px;
margin: 0 auto;
padding-bottom: 105px; }
#testimonialsPage ul li {
list-style: none;
position: relative;
background-color: white;
box-shadow: 0 0 10px rgba(69, 69, 62, 0.15);
border-radius: 20px;
margin-bottom: 35px;
padding: 35px 55px; }
@media (min-width: 900px) {
#testimonialsPage ul li {
padding: 55px 75px; } }
#testimonialsPage ul li:before {
content: "";
position: absolute;
background: transparent url("../images/quote-open1b.svg") no-repeat center center;
width: 45px;
height: 45px;
left: 10px;
top: -14px; }
@media (min-width: 900px) {
#testimonialsPage ul li:before {
left: 15px; } }
#testimonialsPage ul li:after {
content: "";
background: transparent url("../images/quote-close1b.svg") no-repeat center center;
position: absolute;
width: 45px;
height: 45px;
right: 10px;
bottom: -14px; }
@media (min-width: 900px) {
#testimonialsPage ul li:after {
right: 15px; } }
#testimonialsPage ul li p {
font-size: 20px;
line-height: 1.444;
color: #23313A;
font-weight: 300; }
#testimonialsPage ul li .quoteAttribute {
font-weight: 700;
color: #23313A; }
#testimonialsPage ul li .quoteAttribute em {
font-style: italic; }
#testimonialsPage ul li:nth-child(even) {
background-color: #23313A; }
#testimonialsPage ul li:nth-child(even):before {
background-image: url("../images/quote-open2.svg");
top: 10px;
width: 40px; }
#testimonialsPage ul li:nth-child(even):after {
background-image: url("../images/quote-close2.svg");
bottom: 10px;
width: 40px; }
#testimonialsPage ul li:nth-child(even) p {
color: white; }
#testimonialsPage ul li:nth-child(even) .quoteAttribute {
color: #d1aa68; }
#testimonials {
max-width: 1000px;
margin: 0 auto 45px;
width: 85%;
padding-top: 45px; }
#testimonials li {
padding-top: 65px;
margin-bottom: 65px;
text-align: center;
font-size: 23px;
font-weight: 300;
-webkit-font-smoothing: antialiased;
position: relative; }
#testimonials li:before {
content: "";
position: absolute;
width: 38px;
height: 38px;
left: auto;
right: auto;
top: 7px;
background: transparent url("../images/icon-quote.svg") no-repeat center center; }
#testimonials .quoteAttribute {
font-size: 19px;
display: block;
padding-top: 15px; }
.interiorCallout {
background-color: #eeeeee;
box-shadow: 0 2px 6px rgba(69, 69, 62, 0.5);
width: 88%;
margin: 15px auto 45px;
border-bottom: 3px solid #a6a8ab;
padding: 20px;
max-width: 500px; }
@media (min-width: 1025px) {
.interiorCallout {
max-width: 750px;
padding: 30px 20px;
margin-bottom: 0;
/* OLD - iOS 6-, Safari 3.1-6 */
/* OLD - Firefox 19- (buggy but mostly works) */
/* TWEENER - IE 10 */
/* NEW - Chrome */
display: flex;
justify-content: center;
align-items: center;
margin-top: 45px; }
.interiorCallout:after {
content: "";
display: table;
clear: both; } }
.interiorCallout img {
margin-bottom: 20px; }
@media (min-width: 1025px) {
.interiorCallout img {
width: 435px;
float: left;
position: relative;
left: 10px;
top: 10px; } }
.interiorCallout .interiorCalloutContent {
width: 80%;
margin: 0 auto;
padding-bottom: 25px; }
@media (min-width: 1025px) {
.interiorCallout .interiorCalloutContent {
text-align: left;
padding-left: 45px;
float: left;
width: 260px;
position: relative;
left: -10px;
top: 60px; } }
.interiorCallout .interiorCalloutContent h3 {
color: #23313A;
font-weight: 700;
font-size: 30px;
margin-bottom: 5px;
line-height: 1.111; }
@media (min-width: 1025px) {
.interiorCallout .interiorCalloutContent h3 {
font-size: 20px; } }
.interiorCallout .interiorCalloutContent p {
font-size: 15px;
margin-bottom: 10px; }
.interiorCallout .interiorCalloutContent p:last-of-type {
margin-bottom: 0; }
.interiorCallout .interiorCalloutContent a {
font-weight: 700;
color: #d1aa68; }
.collaborationCallout {
margin-bottom: 50px;
display: none; }
.wysiwyg .personContact {
width: 88%;
margin: 0px auto 85px auto;
max-width: 600px;
display: none; }
.wysiwyg .personContact h3 {
margin-bottom: 10px;
font-size: 25px; }
.stepsContainer {
text-align: center;
color: white;
background-color: #23313A;
padding: 50px 0;
margin-bottom: 45px; }
@media (min-width: 900px) {
.stepsContainer {
margin-bottom: 0; } }
.stepsContainer h2 {
font-family: "Libre Franklin", sans-serif;
font-size: 55px;
margin-bottom: 10px;
-webkit-font-smoothing: antialiased;
width: 85%;
margin: 0px auto 10px;
max-width: 950px; }
.stepsContainer p {
color: #d1aa68;
font-size: 18px;
width: 85%;
margin: 0 auto 35px;
max-width: 950px; }
.stepsContainer img {
max-height: 400px; }
@media (min-width: 1150px) {
.stepsContainer .owl-nav {
display: block !important; } }
.stepsContainer .owl-prev, .stepsContainer .owl-next {
position: absolute;
width: 80px;
height: 100%;
background-color: red;
margin: 0;
padding: 0;
border: none;
border-radius: 0;
top: 0;
color: transparent; }
@media (min-width: 1300px) {
.stepsContainer .owl-prev, .stepsContainer .owl-next {
width: 100px; } }
.stepsContainer .owl-prev {
left: -14px;
background: transparent url("../images/sliderArrowLeft2.svg") no-repeat left center; }
.stepsContainer .owl-next {
right: -14px;
background: transparent url("../images/sliderArrowRight2.svg") no-repeat right center; }
.contentContainer {
max-width: 900px;
margin: 0 auto;
text-align: center;
padding: 33px 30px;
color: #404041;
font-weight: 300;
font-size: 18px;
line-height: 1.44; }
@media (min-width: 900px) {
.contentContainer {
padding: 45px;
line-height: 1.555; } }
@media (min-width: 900px) {
.interiorContentContainer {
display: flex; } }
.mainContent {
padding: 5%;
padding-bottom: 0;
width: 100%;
max-width: 700px;
margin: 0 auto; }
@media (min-width: 900px) {
.mainContent {
text-align: center;
max-width: 767px;
padding: 50px 4%; } }
@media (min-width: 1150px) {
.mainContent {
padding: 50px 0; } }
@media (min-width: 1200px) {
.mainContent {
max-width: 875px; } }
.mainContent.contentPage {
text-align: left; }
.mainContent .wysiwyg p {
color: #404041; }
@media (min-width: 900px) {
.mainContent .wysiwyg p {
font-size: 1.2em; } }
.mainContent strong {
font-weight: 700;
color: #a27c52; }
@media (min-width: 900px) {
.noSidebar .mainContent {
padding-left: 0;
width: 100%; } }
.noSidebar .sidebar {
display: none; }
.breadcrumbs {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
color: #58585a;
margin-bottom: 15px; }
@media (min-width: 620px) {
.breadcrumbs {
margin-bottom: 35px; } }
.breadcrumbs a, .breadcrumbs span {
padding: 0 10px; }
.breadcrumbs a:first-child {
padding-left: 0; }
.pageContent {
max-width: 1100px;
margin: 0 auto; }
.interiorPageLinks {
text-align: center; }
.interiorPageLinks:after {
content: "";
display: table;
clear: both; }
@media (min-width: 900px) {
.interiorPageLinks {
margin-bottom: 20px; } }
.interiorPageLinks img {
max-width: 110px; }
.interiorPageLinks h3 {
color: white;
font-size: 28px;
font-weight: 700;
margin-bottom: 10px; }
.interiorPageLinks p {
color: white;
font-size: 17px;
margin-bottom: 20px;
font-weight: 300;
-webkit-font-smoothing: antialiased; }
.interiorPageLinks > div {
height: 440px;
/* OLD - iOS 6-, Safari 3.1-6 */
/* OLD - Firefox 19- (buggy but mostly works) */
/* TWEENER - IE 10 */
/* NEW - Chrome */
display: flex;
justify-content: center;
align-items: center; }
@media (min-width: 900px) {
.interiorPageLinks > div {
width: 50%;
float: left; } }
.interiorPageLinks > div:first-child {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#faa61a+0,f77600+100 */
background: #faa61a;
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #faa61a 0%, #f77600 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa61a', endColorstr='#f77600',GradientType=1 );
/* IE6-9 */
padding-bottom: 10px; }
.interiorPageLinks > div:last-child {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8242f+69,b71f28+100 */
background: #d8242f;
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d8242f 69%, #b71f28 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8242f', endColorstr='#b71f28',GradientType=0 );
/* IE6-9 */
padding-bottom: 15px; }
.interiorPageLinks > div:last-child img {
max-width: 170px; }
.interiorPageLinks .interiorLinkContainer {
width: 80%;
max-width: 434px;
margin: 0 auto; }
/*---------------------------------------------------------------------------------------------
*
* @wysiwyg
*
*---------------------------------------------------------------------------------------------*/
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
font-family: "proxima-nova", sans-serif;
line-height: 1;
color: #23313A;
margin-bottom: 15px;
-webkit-font-smoothing: antialiased; }
.wysiwyg {
clear: both; }
.wysiwyg:after {
content: "";
display: table;
clear: both; }
.wysiwyg h1 {
font-size: 40px;
font-family: "proxima-nova", sans-serif;
line-height: 1;
margin-bottom: 15px; }
.wysiwyg h1.pageTitle, .wysiwyg h1.entry-title {
margin-bottom: 20px;
color: #65655b;
font-size: 36px;
font-weight: 300;
font-family: "proxima-nova", sans-serif;
text-align: center;
text-transform: initial;
letter-spacing: 0; }
@media (min-width: 900px) {
.wysiwyg h1.pageTitle, .wysiwyg h1.entry-title {
text-align: left; } }
.wysiwyg h2 {
font-size: 35px;
line-height: 1.1;
font-weight: 300; }
@media (min-width: 900px) {
.wysiwyg h2 {
font-size: 3em; } }
.wysiwyg h3 {
font-size: 2em;
line-height: 1.433;
margin-bottom: 15px;
font-weight: 300; }
.wysiwyg h4 {
font-size: 18px;
font-weight: 700;
line-height: 1.333;
margin-bottom: 8px; }
.wysiwyg h5 {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.333;
margin-bottom: 6px; }
.wysiwyg h6 {
font-size: 16px;
font-weight: 700;
line-height: 1.333;
margin-bottom: 6px; }
.wysiwyg p, .wysiwyg ol, .wysiwyg ul, .wysiwyg blockquote {
font-family: "Libre Franklin", sans-serif;
margin-bottom: 20px;
line-height: 1.533;
font-size: 1.2em;
color: #404041; }
.wysiwyg p li, .wysiwyg ol li, .wysiwyg ul li, .wysiwyg blockquote li {
font-size: 1em;
font-family: "Libre Franklin", sans-serif;
-webkit-font-smoothing: antialiased; }
.wysiwyg img {
height: auto !important; }
.wysiwyg img.body-image {
float: right; }
.wysiwyg img.alignright {
float: right;
margin-bottom: 15px; }
.wysiwyg ol, .wysiwyg ul {
padding-left: 15px;
margin: 20px 0 20px 35px; }
.wysiwyg ol {
list-style-type: decimal; }
.wysiwyg ul {
list-style-type: disc; }
.wysiwyg ul.indentedList {
margin-left: 40px; }
.wysiwyg ul.indentedList p {
margin-left: 0 !important; }
.wysiwyg ul li {
list-style: none;
margin-bottom: 20px;
position: relative;
text-align: left; }
.wysiwyg ul li:before {
content: '';
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #a27c52;
left: -20px;
top: 8px; }
.wysiwyg blockquote, .wysiwyg .rightQuote, .wysiwyg .leftQuote {
width: 100%;
margin: 0 auto 20px;
background-color: white;
border: 5px solid #e5e6e7;
text-align: center;
padding: 30px;
position: relative;
font-family: "proxima-nova", sans-serif;
font-size: 16px;
font-style: italic;
color: #a27c52; }
@media (min-width: 900px) {
.wysiwyg blockquote, .wysiwyg .rightQuote, .wysiwyg .leftQuote {
padding: 45px 4.5% 35px;
font-size: 18px; } }
.wysiwyg blockquote:after, .wysiwyg .rightQuote:after, .wysiwyg .leftQuote:after {
content: "";
position: absolute;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
top: -12px;
width: 55px;
height: 27px;
background: white url("../images/quote-blue.svg") no-repeat center center;
background-size: 33px 27px; }
.wysiwyg blockquote p, .wysiwyg .rightQuote p, .wysiwyg .leftQuote p {
font-family: "proxima-nova", sans-serif !important;
font-style: italic;
color: #a27c52;
margin-bottom: 0; }
@media (min-width: 900px) {
.wysiwyg blockquote p, .wysiwyg .rightQuote p, .wysiwyg .leftQuote p {
font-size: 20px; } }
.wysiwyg blockquote .quoteAttribute, .wysiwyg .rightQuote .quoteAttribute, .wysiwyg .leftQuote .quoteAttribute {
color: #45453E;
font-size: 17px;
font-style: normal;
line-height: 1.333;
font-family: "proxima-nova", sans-serif;
padding-top: 16px; }
.wysiwyg .rightQuote, .wysiwyg .leftQuote {
text-align: left; }
@media (min-width: 500px) {
.wysiwyg .rightQuote, .wysiwyg .leftQuote {
width: 45%; } }
@media (min-width: 500px) {
.wysiwyg .leftQuote {
float: left;
margin: 0 20px 20px 0; } }
@media (min-width: 500px) {
.wysiwyg .rightQuote {
float: right;
margin: 0 0 20px 20px; } }
.wysiwyg table th, .wysiwyg table td {
padding: 10px 15px;
font-family: "Libre Franklin", sans-serif;
line-height: 1.433;
font-size: 14px;
color: #404041; }
.wysiwyg table th {
border: 1px solid #cccccc; }
.wysiwyg table td {
border: 1px solid #e9e9e9; }
@media (min-width: 900px) {
.noSidebar .wysiwyg,
.noSidebar .breadcrumbs {
padding-left: 30px; } }
img.alignright {
width: 100%; }
@media (min-width: 620px) {
img.alignright {
width: 400px;
margin-left: 25px;
margin-bottom: 15px; } }
@media (min-width: 900px) {
img.alignright {
width: 325px; } }
@media (min-width: 1100px) {
img.alignright {
width: 400px; } }
.wysiwyg.narrow {
max-width: 770px;
margin: 0 auto;
text-align: center;
padding-bottom: 50px; }
@media (min-width: 900px) {
.wysiwyg.narrow {
padding-bottom: 0; } }
/*---------------------------------------------------------------------------------------------
*
* @Properties
*
*---------------------------------------------------------------------------------------------*/
.page-id-28 .defaultHeader {
display: none; }
.fullWidthSectionWrap {
width: 100%;
background-color: #eeeeee;
padding-top: 80px;
text-align: center;
padding-bottom: 35px; }
@media (min-width: 900px) {
.fullWidthSectionWrap {
padding-top: 100px; } }
.calloutContentContainer.propertiesCallout {
width: 95%;
margin: 0 auto;
max-width: 1000px; }
@media (min-width: 900px) {
.calloutContentContainer.propertiesCallout {
display: flex;
position: relative;
z-index: 9;
padding: 35px 35px 12px; } }
@media (min-width: 1100px) {
.calloutContentContainer.propertiesCallout {
padding: 55px 35px 12px 55px; } }
.calloutContentContainer.propertiesCallout .calloutContent {
padding: 25px;
text-align: center; }
@media (min-width: 900px) {
.calloutContentContainer.propertiesCallout .calloutContent {
width: 50%;
text-align: left;
padding: 0; } }
@media (min-width: 1100px) {
.calloutContentContainer.propertiesCallout .calloutContent {
padding-right: 35px; } }
.calloutContentContainer.propertiesCallout .calloutContent h1 {
font-size: 2.3em;
color: #d1aa68;
font-weight: 300;
margin-bottom: 25px;
-webkit-font-smoothing: antialiased; }
.calloutContentContainer.propertiesCallout .calloutContent h1 strong {
color: #23313A;
font-weight: 700; }
.calloutContentContainer.propertiesCallout .calloutContent p {
line-height: 1.333;
margin-bottom: 25px;
font-size: inherit; }
.calloutContentContainer.propertiesCallout .numberSlider {
text-align: center;
width: 85%;
margin: 0 auto 45px;
color: #d1aa68;
padding-top: 25px; }
@media (min-width: 900px) {
.calloutContentContainer.propertiesCallout .numberSlider {
width: 50%;
padding: 0; } }
.calloutContentContainer.propertiesCallout .numberSlider h3 {
font-size: 4.5em;
font-weight: 700;
color: #d1aa68; }
@media (min-width: 780px) {
.calloutContentContainer.propertiesCallout .numberSlider h3 {
font-size: 6em; } }
@media (min-width: 900px) {
.calloutContentContainer.propertiesCallout .numberSlider h3 {
font-size: 5.75em; } }
@media (min-width: 1100px) {
.calloutContentContainer.propertiesCallout .numberSlider h3 {
font-size: 6.5em; } }
.calloutContentContainer.propertiesCallout .numberSlider p {
color: #23313A; }
@media (min-width: 780px) {
.calloutContentContainer.propertiesCallout .numberSlider p {
font-size: 1.5em; } }
@media (min-width: 900px) {
#propertyOverviewIntroContainer {
display: flex;
justify-content: space-between;
width: 94%;
margin: 0 auto; } }
@media (min-width: 900px) and (min-width: 1100px) {
#propertyOverviewIntroContainer {
width: 99%; } }
.wysiwyg.propertyOverview {
width: 95%;
padding: 35px 8%;
background-color: white;
box-shadow: 2px 2px 5px rgba(69, 69, 62, 0.35);
margin-bottom: 45px; }
@media (min-width: 900px) {
.wysiwyg.propertyOverview {
width: 64%;
clear: none;
margin-bottom: 35px;
padding: 35px 5%;
margin-right: 31px; } }
@media (min-width: 1100px) {
.wysiwyg.propertyOverview {
width: 72.5%;
margin-right: 17px; } }
.wysiwyg.propertyOverview h2 {
color: #d1aa68 !important;
text-align: left; }
.wysiwyg.propertyOverview span.tagline {
color: #a27c52;
font-size: 1.2em;
margin-bottom: 25px;
display: block;
text-align: left; }
.wysiwyg.propertyOverview p {
text-align: left;
font-size: 1em; }
.wysiwyg.propertyOverview p strong {
color: #23313A; }
.propertyOverview .mainContent {
padding: 15px 0; }
.columnProperties,
.propertyGrid {
width: 90%;
margin: 0 auto; }
@media (min-width: 620px) {
.columnProperties,
.propertyGrid {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
width: 95%; } }
@media (min-width: 900px) {
.columnProperties {
display: block;
width: 36%;
flex-direction: column; } }
.propertyGrid {
width: 90%; }
@media (min-width: 620px) {
.propertyGrid {
width: 95%; } }
@media (min-width: 900px) {
.propertyGrid {
display: flex; } }
@media (min-width: 1100px) {
.propertyGrid {
width: 100%; } }
.columnProperties div.portfolioSlide,
.propertyGrid div.portfolioSlide {
background: transparent url("../images/reap-home-header-hero-poster.jpg") no-repeat center center;
background-size: cover;
position: relative;
height: 300px;
text-align: left;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
margin-bottom: 35px; }
@media (min-width: 620px) {
.columnProperties div.portfolioSlide,
.propertyGrid div.portfolioSlide {
width: 49%; } }
.columnProperties div.portfolioSlide:hover,
.propertyGrid div.portfolioSlide:hover {
cursor: pointer; }
.columnProperties div.portfolioSlide::after,
.propertyGrid div.portfolioSlide::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(35, 49, 58, 0.65);
z-index: 9; }
.columnProperties div.portfolioSlide .propertyTitle,
.propertyGrid div.portfolioSlide .propertyTitle {
position: absolute;
left: 20px;
top: 30px;
color: white;
z-index: 99; }
.columnProperties div.portfolioSlide .propertyTitle h4,
.propertyGrid div.portfolioSlide .propertyTitle h4 {
font-weight: 700;
font-size: 2em; }
.columnProperties div.portfolioSlide .propertyTitle h6,
.propertyGrid div.portfolioSlide .propertyTitle h6 {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1em;
color: #d1aa68; }
.columnProperties div.portfolioSlide .propertyIRR,
.propertyGrid div.portfolioSlide .propertyIRR {
position: absolute;
bottom: 30px;
left: 20px;
z-index: 99;
width: 90%; }
.columnProperties div.portfolioSlide .propertyIRR h3,
.propertyGrid div.portfolioSlide .propertyIRR h3 {
color: white;
font-size: 1em;
line-height: 1;
margin-bottom: 16px; }
.columnProperties div.portfolioSlide .propertyIRR h3 span,
.propertyGrid div.portfolioSlide .propertyIRR h3 span {
display: block;
font-size: 4em;
font-weight: 300; }
.columnProperties div.portfolioSlide .propertyIRR span.learnMore,
.propertyGrid div.portfolioSlide .propertyIRR span.learnMore {
color: white;
background-color: #a27c52;
padding: 3px 33px 3px 13px;
border-radius: 20px;
position: relative; }
.columnProperties div.portfolioSlide .propertyIRR span.learnMore:after,
.propertyGrid div.portfolioSlide .propertyIRR span.learnMore:after {
content: '';
display: block;
width: 15px;
height: 15px;
border-radius: 50%;
position: absolute;
right: 7px;
top: 5px;
background: white url("../images/link-arrow-right-gold.svg") no-repeat center center;
background-size: 10px 10px; }
.propertyGrid a,
.portfolioSlide a {
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 999; }
@media (min-width: 900px) {
.columnProperties div.portfolioSlide {
width: 100%; } }
@media (min-width: 900px) {
.propertyGrid div.portfolioSlide {
width: 32%; } }
a.propertyViewAll {
margin: 0 auto; }
.charts {
display: none;
text-align: center;
padding: 75px; }
@media (min-width: 900px) {
.charts {
display: block; } }
.charts img {
max-width: 1100px; }
/*---------------------------------------------------------------------------------------------
*
* @Case Study
*
*---------------------------------------------------------------------------------------------*/
.caseStudy {
max-width: 900px;
margin: 0 auto; }
.detailChart {
background-color: #eeeeee;
padding: 25px 35px;
margin-bottom: 45px;
border-bottom: 3px solid #d4d7d9;
max-width: 350px;
margin: 0 auto 45px; }
@media (min-width: 620px) {
.detailChart {
float: right;
margin-left: 30px;
margin-bottom: 35px;
width: 325px; } }
@media (min-width: 900px) {
.detailChart {
width: 400px; } }
.detailChart h3 {
color: #a27c52;
font-weight: 300;
font-size: 2em;
text-align: center; }
@media (min-width: 900px) {
.detailChart h3 {
text-align: left; } }
.detailChart ul {
padding: 0;
margin: 0;
list-style: none; }
.detailChart ul li {
margin: 0;
padding: 0;
list-style: none;
font-size: .9em;
border-bottom: 1px solid #d4d7d9;
padding: 3px 0; }
.detailChart ul li:before {
display: none; }
.detailChart ul li span {
display: inline-block;
width: 60%; }
.detailChart ul li span:first-child {
width: 30%;
margin-right: 10%; }
.detailChart ul li:last-of-type {
border: none; }
.detailChart.detailChartOverview {
width: 90%;
position: absolute;
z-index: 9999;
top: 95%;
left: 0;
right: 0;
margin: 0 auto;
background-color: #d1aa68;
padding: 23px;
display: none; }
.detailChart.detailChartOverview:before {
content: "";
display: block;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #d1aa68;
position: absolute;
top: -10px;
left: 15px; }
.detailChart.detailChartOverview h3 {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: white;
font-size: .9em;
margin-bottom: 15px;
text-align: left; }
.detailChart.detailChartOverview ul li {
border-bottom-color: #ddc08f; }
.detailChart.detailChartOverview ul li a {
color: white; }
.portfolioSlide.active .detailChartOverview {
display: block;
color: white; }
.contentModule {
padding: 45px 0; }
.contentModule:last-child {
border: none; }
.contentModule .caseStudy {
padding: 45px 0; }
.contentModuleContainer.caseStudy {
padding: 45px 0;
max-width: 900px;
margin: 0 auto; }
.divider {
border-bottom: 1px solid #d4d7d9; }
.contentModuleContainer {
width: 88%;
margin: 0 auto;
max-width: 1100px; }
@media (min-width: 1100px) {
.contentModuleContainer {
width: 100%; } }
.contentModuleContainer h2 {
color: #d1aa68;
font-weight: 300; }
.interiorProjectSlider {
background-color: #eeeeee;
margin-bottom: 0; }
/*---------------------------------------------------------------------------------------------
*
* @Philanthropy
*
*---------------------------------------------------------------------------------------------*/
.philanthropyBlock {
display: block; }
.philanthropyBlock img {
max-width: 215px;
max-height: 176px; }
.philanthropyBlock h2 {
padding-top: 41px;
font-weight: 700;
font-size: 1em;
color: #45453E; }
.introContent {
background-color: #eeeeee;
margin-bottom: 45px; }
.introContent .introContentContainer {
max-width: 1000px;
width: 95%;
margin: 0 auto;
padding: 30px; }
@media (min-width: 780px) {
.introContent .introContentContainer {
width: 80%; } }
.introContent .introContentContainer p {
font-size: 1em;
text-align: center; }
@media (min-width: 780px) {
.introContent .introContentContainer p {
font-size: 1.2em; } }
.gridListingContainer {
padding-top: 35px; }
.gridListingContainer ul {
width: 65%;
margin: 0 auto 25px;
text-align: center; }
@media (min-width: 620px) {
.gridListingContainer ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 90%;
max-width: 1000px; } }
.gridListingContainer ul li {
max-width: 250px;
margin: 0 auto 100px; }
@media (min-width: 620px) {
.gridListingContainer ul li {
width: 40%;
/* OLD - iOS 6-, Safari 3.1-6 */
/* OLD - Firefox 19- (buggy but mostly works) */
/* TWEENER - IE 10 */
/* NEW - Chrome */
display: flex;
justify-content: center;
align-items: center; } }
@media (min-width: 900px) {
.gridListingContainer ul li {
width: 28%;
max-width: none; } }
.gridListingContainer ul li h2 {
margin-bottom: 5px; }
.gridListingContainer ul li p {
font-size: .85em;
color: #45453E; }
/*---------------------------------------------------------------------------------------------
*
* @Resources
*
*---------------------------------------------------------------------------------------------*/
.entry-content.frameContent {
max-width: 850px; }
.entry-content.linkBox {
padding-top: 30px;
max-width: 350px;
text-align: center;
margin-bottom: 35px; }
@media (min-width: 620px) {
.entry-content.linkBox {
max-width: 850px;
margin: 0 auto;
margin-bottom: 35px; } }
.entry-content.linkBox a {
display: block;
background-color: #a27c52;
color: white;
text-align: center;
padding: 10px;
width: 90%;
margin: 0 auto 15px;
border-bottom: 5px solid #916f49;
position: relative;
top: 0; }
@media (min-width: 780px) {
.entry-content.linkBox a {
display: inline-block;
width: 30%;
margin: 0 1%;
font-size: 20px; } }
@media (min-width: 900px) {
.entry-content.linkBox a {
font-size: 23px;
transition: all 0.2s ease; } }
@media (min-width: 900px) {
.entry-content.linkBox a:hover {
top: -3px;
transition: all 0.2s ease; } }
/*---------------------------------------------------------------------------------------------
*
* @Service Grid
*
*---------------------------------------------------------------------------------------------*/
section#serviceGrid {
padding-top: 20px;
text-align: center;
width: 90%;
margin: 0 auto 45px;
max-width: 1300px; }
@media (min-width: 780px) {
section#serviceGrid ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap; } }
section#serviceGrid ul li {
width: 80%;
margin: 0 auto 25px;
background-color: rgba(238, 238, 238, 0.75);
border: 1px solid #eeeeee;
border-bottom: 3px solid #c8c8c8;
padding: 35px; }
@media (min-width: 780px) {
section#serviceGrid ul li {
width: 46%; } }
@media (min-width: 1025px) {
section#serviceGrid ul li {
width: 32%; } }
@media (min-width: 1025px) {
section#serviceGrid ul li:nth-child(even) {
background-color: white; } }
section#serviceGrid h3 {
font-size: 26px;
color: #23313A;
max-width: 400px;
margin: 0 auto; }
section#serviceGrid .iconContainer {
max-width: 175px;
margin: 0 auto 15px; }
.servicesCallout {
background-color: #eeeeee;
padding-bottom: 30px;
flex-direction: row-reverse; }
@media (min-width: 900px) {
.servicesCallout {
padding-bottom: 0; } }
.servicesCallout .calloutContent {
background-color: rgba(255, 255, 255, 0.75);
border: none;
color: #404041; }
@media (min-width: 900px) {
.servicesCallout .calloutContent {
left: auto;
right: -25px; } }
.servicesCallout .calloutContent h3, .servicesCallout .calloutContent p {
color: #404041; }
@media (min-width: 900px) {
.servicesCallout .calloutContent p {
font-size: 13px; } }
@media (min-width: 1100px) {
.servicesCallout .calloutContent p {
font-size: 14px; } }
.servicesCallout a.cta-button {
font-weight: 400; }
/*---------------------------------------------------------------------------------------------
*
* @Team Listing
*
*---------------------------------------------------------------------------------------------*/
.teamListContainer {
background-color: #eeeeee;
padding-bottom: 55px; }
.wysiwyg ul.leadershipTeamList {
margin: 0;
padding: 0;
padding-top: 35px;
width: 85%;
margin: 0 auto;
max-width: 1300px; }
@media (min-width: 620px) {
.wysiwyg ul.leadershipTeamList {
display: flex;
flex-wrap: wrap; } }
@media (min-width: 620px) {
.wysiwyg ul.leadershipTeamList:after {
content: "";
flex: auto; } }
.wysiwyg ul.leadershipTeamList li {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 50px;
position: relative; }
@media (min-width: 620px) {
.wysiwyg ul.leadershipTeamList li {
width: 50%;
display: block;
padding: 15px; } }
@media (min-width: 780px) {
.wysiwyg ul.leadershipTeamList li {
width: 33.333%; } }
@media (min-width: 1150px) {
.wysiwyg ul.leadershipTeamList li {
width: 25%;
margin-bottom: 27px; } }
@media (min-width: 900px) {
.wysiwyg ul.leadershipTeamList div {
position: absolute;
left: 15px;
top: 15px;
bottom: 15px;
right: 15px;
background-color: rgba(35, 49, 58, 0.85);
/* OLD - iOS 6-, Safari 3.1-6 */
/* OLD - Firefox 19- (buggy but mostly works) */
/* TWEENER - IE 10 */
/* NEW - Chrome */
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 0.5s ease; } }
.wysiwyg ul.leadershipTeamList a:hover div {
opacity: 1;
transition: opacity 0.2s ease; }
.wysiwyg ul.leadershipTeamList img {
margin-bottom: 15px; }
@media (min-width: 900px) {
.wysiwyg ul.leadershipTeamList img {
margin-bottom: -6px;
padding: 0; } }
.wysiwyg ul.leadershipTeamList h3 {
font-family: "Libre Franklin", sans-serif;
font-size: 30px;
color: #23313A;
font-weight: 600;
-webkit-font-smoothing: antialiased;
line-height: 1; }
@media (min-width: 900px) {
.wysiwyg ul.leadershipTeamList h3 {
color: white;
width: 80%;
margin: 0 auto; } }
.wysiwyg ul.leadershipTeamList h3 span {
display: block;
font-family: "proxima-nova", sans-serif;
font-size: 18px;
font-weight: 400;
font-style: italic;
padding-top: 11px;
line-height: 1.333; }
@media (min-width: 900px) {
.wysiwyg ul.leadershipTeamList h3 span {
color: rgba(255, 255, 255, 0.45); } }
#teamListing {
padding-top: 35px;
max-width: 870px;
margin: 0 auto;
width: 88%;
text-align: center; }
@media (min-width: 900px) {
#teamListing {
padding-top: 60px; } }
#teamListing li {
margin-bottom: 35px; }
@media (min-width: 900px) {
#teamListing li {
margin-bottom: 70px; } }
#teamListing h2 {
font-family: "Libre Franklin", sans-serif;
color: #d1aa68;
font-size: 35px;
line-height: 1.555;
margin-bottom: 6px; }
@media (min-width: 900px) {
#teamListing h2 {
font-size: 45px; } }
#teamListing h2 span {
font-family: "proxima-nova", sans-serif;
font-size: 20px;
display: block;
font-style: italic; }
@media (min-width: 620px) {
#teamListing h2 span {
display: inline; } }
#teamListing p {
font-size: 18px;
font-weight: 300;
-webkit-font-smoothing: antialiased;
line-height: 1.444; }
@media (min-width: 900px) {
#teamListing p {
font-size: 20px; } }
/*---------------------------------------------------------------------------------------------
*
* @Projects
*
*---------------------------------------------------------------------------------------------*/
#projectCatLlist {
max-width: 1300px;
margin: 0 auto 65px;
width: 88%;
padding-top: 35px; }
#projectCatLlist:after {
content: "";
display: table;
clear: both; }
@media (min-width: 900px) {
#projectCatLlist {
padding-top: 45px; } }
#projectCatLlist ul {
margin: 0;
padding: 0; }
#projectCatLlist ul li {
margin: 0;
padding: 0;
background-color: #23313A;
list-style: none;
margin-bottom: 20px; }
@media (min-width: 780px) {
#projectCatLlist ul li {
width: 48%;
float: left;
margin-right: 2%; } }
@media (min-width: 1025px) {
#projectCatLlist ul li {
width: 32%;
margin-bottom: 35px; } }
@media (min-width: 780px) {
#projectCatLlist ul li:nth-child(2n) {
margin-right: 0; } }
@media (min-width: 1025px) {
#projectCatLlist ul li:nth-child(2n) {
margin-right: 2%; } }
@media (min-width: 780px) {
#projectCatLlist ul li:nth-child(2n+1) {
clear: left; } }
@media (min-width: 1025px) {
#projectCatLlist ul li:nth-child(2n+1) {
clear: none; } }
@media (min-width: 1025px) {
#projectCatLlist ul li:nth-child(3n) {
margin-right: 0; } }
@media (min-width: 1025px) {
#projectCatLlist ul li:nth-child(3n+1) {
clear: left; } }
#projectCatLlist a, #projectCatLlist h2 {
color: white; }
#projectCatLlist .projectCatImage {
height: 200px; }
@media (min-width: 500px) {
#projectCatLlist .projectCatImage {
height: 300px; } }
#projectCatLlist .projectCatContent {
text-align: center; }
#projectCatLlist .projectCatContent h2 {
display: inline-block;
position: relative;
padding: 15px 45px 15px 15px;
margin: 0; }
@media (min-width: 900px) {
#projectCatLlist .projectCatContent h2 {
padding: 25px 45px 25px 25px; } }
#projectCatLlist .projectCatContent h2:before {
content: "";
position: absolute;
width: 40px;
height: 40px;
right: 0;
background: transparent url("../images/arrow-link.svg") no-repeat center center;
background-size: contain; }
.single-projects .nav-links .nav-previous a,
.single-projects .nav-links .nav-next a {
display: block;
background-color: white;
padding: 30px;
box-shadow: 0 0 6px rgba(69, 69, 62, 0.25); }
.single-projects .nav-links .nav-previous a .nav-title,
.single-projects .nav-links .nav-next a .nav-title {
color: #d1aa68;
font-size: 25px;
font-weight: 300; }
.infographicOverlay {
display: none;
overflow-x: hidden; }
.infographicOverlay.active {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100vh;
background-color: rgba(35, 49, 58, 0.875);
z-index: 99999;
text-align: center;
vertical-align: middle;
align-items: center;
justify-content: center;
width: 100%; }
@media (min-width: 900px) {
.infographicOverlay.active {
display: flex;
bottom: 0;
left: 0;
right: 0; } }
.infographicOverlay .infoGraphicImage {
box-shadow: 0 0 55px black; }
.infographicOverlay .infographicContainer {
text-align: center;
max-width: 1000px;
margin: 0 auto;
padding: 45px; }
.infographicOverlay .closeBTN {
text-align: center;
margin: 0 auto;
position: absolute;
right: 40px;
top: 40px; }
@media (min-width: 900px) {
.portfolioPopup.active .detailChartOverview {
display: none; } }
.infoGraphicImage.owl-carousel {
position: initial; }
.infoGraphicImage .owl-nav .owl-prev, .infoGraphicImage .owl-nav .owl-next {
position: absolute;
top: 45%;
width: 30px;
height: 100px;
background: transparent url("/images/link-arrow-right-gold.svg") no-repeat center center;
text-indent: -1000000px; }
.infoGraphicImage .owl-nav .owl-prev.disabled, .infoGraphicImage .owl-nav .owl-next.disabled {
cursor: default;
opacity: .2; }
.infoGraphicImage .owl-nav .owl-prev {
left: 25px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.infoGraphicImage .owl-nav .owl-next {
right: 25px; }
/*---------------------------------------------------------------------------------------------
*
* @Visual Composer Styles
*
*---------------------------------------------------------------------------------------------*/
.constrainWidth {
width: 95%;
margin: 0 auto !important;
max-width: 1300px; }
.primaryContent.wysiwyg .vc_gitem_row .vc_gitem-col {
padding: 15px 20px; }
.primaryContent.wysiwyg .vc_btn3.vc_btn3-color-juicy-pink, .primaryContent.wysiwyg .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
background-color: #d1aa68; }
.leadGenerationForm {
padding: 20px;
background-color: #eeeeee;
width: 88%;
margin: 0 auto 35px;
max-width: 400px;
border-bottom: 4px solid #b9bec1; }
.leadGenerationForm .gform_wrapper label.gfield_label {
display: none; }
.leadGenerationForm .gform_wrapper input.large {
border: none;
-webkit-appearance: none;
border-bottom: 2px solid #d4d7d9;
padding: 15px;
border-radius: 0; }
.leadGenerationForm h3.gform_title {
padding-right: 20px;
font-size: 19px; }
.leadGenerationForm .gform_wrapper ul.gform_fields li.gfield {
padding-right: 0; }
input[type="button"],
input[type="submit"] {
background-color: #d1aa68;
-webkit-appearance: none;
border: none;
padding: 5px 25px; }
.wysiwyg .flowChart img {
max-width: 670px;
margin-bottom: 50px;
padding-top: 30px; }
.search-form button.search-submit .screen-reader-text {
-webkit-clip-path: none;
clip-path: none;
position: relative; }
/*---------------------------------------------------------------------------------------------
*
* @News / Blog
*
*---------------------------------------------------------------------------------------------*/
.page-id-9 .primaryContent,
.newsContent,
.newsDetail,
.primaryContent {
position: relative; }
.page-id-9 .primaryContent:before,
.newsContent:before,
.newsDetail:before,
.primaryContent:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 500px;
width: 100%;
z-index: -1;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+41,e9ebe5+99 */
background: #ffffff;
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 41%, #e9ebe5 99%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9ebe5',GradientType=0 );
/* IE6-9 */ }
.mainColumnNewsContainer {
max-width: 1300px;
margin: 0 auto;
padding-top: 45px; }
.mainColumnNewsContainer form {
max-width: 500px;
margin: 0 auto; }
.mainColumnNewsContainer input[type="search"] {
padding: 10px;
-webkit-appearance: none; }
.newsDetail .mainColumnNewsContainer {
padding-top: 45px; }
@media (min-width: 900px) {
.mainColumnNews {
width: 65%;
float: left;
position: relative;
z-index: 9; } }
@media (min-width: 900px) {
.mainColumnNews .post-thumbnail {
width: 88%;
margin: 0 auto 35px; } }
@media (min-width: 900px) {
.newsDetail .mainColumnNews {
float: none;
margin: 0 auto; } }
.newsContent header.contentHeader,
.page-id-21 header.contentHeader {
background-color: white; }
@media (min-width: 900px) {
.newsContent header.contentHeader,
.page-id-21 header.contentHeader {
box-shadow: none; } }
.newsContent header.contentHeader h3,
.page-id-21 header.contentHeader h3 {
color: #23313A; }
@media (min-width: 900px) {
.newsContent header.contentHeader h3,
.page-id-21 header.contentHeader h3 {
background-color: #f6f6f6;
border-bottom: 2px solid rgba(64, 64, 65, 0.35);
box-shadow: 0 0 3px rgba(69, 69, 62, 0.25); } }
.newsContent header.contentHeader h1,
.page-id-21 header.contentHeader h1 {
color: #23313A;
line-height: 1.1;
margin-bottom: 25px; }
@media (min-width: 900px) {
.newsContent header.contentHeader h1,
.page-id-21 header.contentHeader h1 {
font-size: 40px;
margin-bottom: 19px; } }
@media (min-width: 1100px) {
.newsContent header.contentHeader h1,
.page-id-21 header.contentHeader h1 {
font-size: 50px; } }
.newsContent header.contentHeader p,
.page-id-21 header.contentHeader p {
margin: 0 auto; }
.search-results .newsContent header.contentHeader h3 {
/*
background-color: lighten($color-light, 3);
border-bottom: 2px solid fade-out($color-body, .65);
@include shadow(0, 0, 3px, fade-out($color-dark, .75));
*/ }
h2.entry-title {
font-family: "Libre Franklin", sans-serif;
text-align: center;
text-transform: inherit;
font-weight: 400;
color: #23313A;
font-size: 40px;
line-height: 1.14;
width: 88%;
margin: 0 auto 15px; }
@media (min-width: 900px) {
h2.entry-title {
text-align: left; } }
h2.entry-title a {
color: #a27c52; }
.post-type-archive-press #main {
margin: 0 auto;
padding-top: 75px;
max-width: 1000px; }
.post-type-archive-press #main article.press {
padding-bottom: 0;
border: none;
margin: 0 auto 75px;
width: 100%; }
.post-type-archive-press #main article.press:first-of-type {
padding-top: 40px; }
@media (min-width: 900px) {
.post-type-archive-press #main article.press:first-of-type {
padding-top: 65px; } }
.post-type-archive-press #main article.press:last-of-type {
margin-bottom: -40px; }
.post-type-archive-press #main .post-thumbnail img {
height: auto;
margin-bottom: 20px; }
.post-type-archive-press #main .entry-content {
margin: 0 auto 45px;
padding-bottom: 55px;
border-bottom: 5px solid #eeeeee; }
.post-type-archive-press #main article.press:last-of-type .entry-content {
border: none; }
.post-type-archive-press #main h2.entry-title {
font-size: 42px;
color: #d1aa68;
margin-bottom: 35px; }
.entry-meta time {
font-weight: 300;
letter-spacing: 1px;
text-transform: initial;
font-size: 13px;
color: #99999b;
width: 88%;
padding: 0;
margin: 0 auto 10px;
display: block; }
@media (min-width: 900px) {
.entry-meta time {
text-align: left; } }
.entry-content {
width: 88%;
text-align: left;
max-width: 1150px; }
.single-leadership .entry-content {
width: 100%; }
.single-leadership article.type-leadership {
margin-bottom: 35px; }
.newsContent aside#secondary,
.newsDetail aside#secondary {
text-align: center;
width: 88%;
margin: 0 auto;
max-width: 400px;
position: relative;
z-index: 99;
float: none; }
@media (min-width: 900px) {
.newsContent aside#secondary,
.newsDetail aside#secondary {
width: 25%;
margin-left: 35px;
padding: 40px 30px;
text-align: left;
float: left;
background-color: #eeeeee;
background-color: #f6f6f6;
border-bottom: 2px solid rgba(64, 64, 65, 0.35);
box-shadow: 0 0 3px rgba(69, 69, 62, 0.25); } }
.newsContent aside#secondary section:last-child,
.newsDetail aside#secondary section:last-child {
margin-bottom: 0;
padding-bottom: 0; }
.newsContent aside#secondary h2.widget-title,
.newsDetail aside#secondary h2.widget-title {
color: #23313A;
margin-bottom: 15px; }
@media (min-width: 900px) {
.newsContent aside#secondary h2.widget-title,
.newsDetail aside#secondary h2.widget-title {
margin-bottom: 5px; } }
.newsContent aside#secondary ul,
.newsDetail aside#secondary ul {
padding: 0;
margin: 0; }
.newsContent aside#secondary ul li,
.newsDetail aside#secondary ul li {
border: none; }
article.post,
article.press {
margin-bottom: 48px;
padding-bottom: 33px;
clear: both;
border-bottom: 3px solid #f1f1f1; }
@media (min-width: 900px) {
article.post:last-child,
article.press:last-child {
border: none;
width: 88%; } }
article.post:last-of-type,
article.press:last-of-type {
margin-bottom: 40px;
border: none; }
.pagination {
margin-bottom: 45px; }
.pagination .prev.page-numbers,
.pagination .next.page-numbers {
background-color: #d1aa68;
color: white;
width: 30%;
padding-top: 15px;
position: relative;
top: -7px; }
@media (min-width: 900px) {
.pagination .prev.page-numbers,
.pagination .next.page-numbers {
max-width: 70px; } }
.pagination .page-numbers,
.pagination .page-numbers.current {
font-size: 20px; }
.edit-link {
display: none !important; }
p.link-more {
font-size: 1em;
line-height: 1; }
a.more-link {
background-color: #d1aa68;
color: #23313A;
font-weight: 400;
padding: 13px 50px 13px 20px;
display: inline-block;
position: relative;
top: 0;
border-radius: 25px;
font-size: 1em; }
@media (min-width: 900px) {
a.more-link {
font-size: 1.2em; } }
a.more-link:after {
content: '';
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
position: absolute;
right: 15px;
top: 13px;
background: transparent url("../images/link-arrow-right-white.svg") no-repeat center center;
background-size: 13px 13px; }
a.more-link:before {
display: none !important; }
.nav-links {
text-align: center !important; }
@media (min-width: 780px) {
.nav-links {
width: 85%;
margin: 0 auto; } }
.nav-links .nav-previous {
margin-bottom: 35px;
width: 100% !important; }
@media (min-width: 780px) {
.nav-links .nav-previous {
width: 45% !important;
float: left; } }
.nav-links .nav-next {
margin-bottom: 35px;
width: 100% !important;
text-align: center; }
@media (min-width: 780px) {
.nav-links .nav-next {
width: 45% !important;
float: right; } }
.nav-links .nav-title {
display: block;
text-align: center; }
.nav-links .nav-subtitle {
color: #23313A;
text-align: center; }
@media (min-width: 780px) {
.nav-links .nav-title-icon-wrapper {
display: none; } }
.nav-links .nav-previous:only-child, .nav-links .nav-next:only-child {
width: 100% !important; }
/*---------------------------------------------------------------------------------------------
*
* @Search
*
*---------------------------------------------------------------------------------------------*/
.searchContentContainer {
width: 90%;
margin: 0 auto 65px;
max-width: 1100px;
padding-top: 45px; }
.searchContentContainer header h1.page-title {
font-weight: 700;
font-size: 1.25em; }
.search .content-area {
width: 88%;
margin: 200px auto;
min-height: 100px; }
.search article {
margin: 0 auto 55px;
padding-bottom: 55px;
border-bottom: 3px solid rgba(212, 215, 217, 0.5); }
@media (min-width: 900px) {
.search article {
text-align: left; } }
.search article h2.entry-title {
width: 100%; }
.search-no-results {
text-align: center; }
.search-content-area {
padding-top: 35px;
min-height: 100px; }
.search-content-area .entry-summary p {
margin-bottom: 15px; }
/*---------------------------------------------------------------------------------------------
*
* @Contact Page
*
*---------------------------------------------------------------------------------------------*/
.contactPageContainer {
background-color: #eeeeee; }
.contactPageContainer .introContent {
background-color: white; }
.contactPageContainer .contactColumns {
max-width: 1000px;
margin: 0 auto;
padding-bottom: 35px; }
@media (min-width: 900px) {
.contactPageContainer .contactColumns {
display: flex; } }
.contactForm, #crmWebToEntityForm form {
background-color: white;
padding: 30px;
box-shadow: 1px 1px 5px rgba(69, 69, 62, 0.35);
width: 90%;
margin: 0 auto; }
@media (min-width: 900px) {
.contactForm, #crmWebToEntityForm form {
order: 1;
width: 65%; } }
.contactForm input[type="submit"], #crmWebToEntityForm form input[type="submit"] {
-webkit-appearance: none;
border: none;
color: white;
width: 150px !important;
max-width: 150px !important;
margin: 0 auto !important;
border-radius: 50px;
text-align: center;
display: block !important;
padding: 5px 0;
line-height: 2 !important; }
.contactForm input[type="text"], .contactForm textarea, #crmWebToEntityForm form input[type="text"], #crmWebToEntityForm form textarea {
border: 1px solid #d4d7d9; }
.contactForm select, #crmWebToEntityForm form select {
margin-bottom: 15px; }
#crmWebToEntityForm {
width: 100% !important; }
#crmWebToEntityForm form {
width: 100% !important;
padding: 30px 10px; }
#crmWebToEntityForm table {
width: 100% !important; }
#crmWebToEntityForm table tr td:first-child {
width: 40% !important; }
#crmWebToEntityForm table tr td:last-child {
width: 55% !important; }
#crmWebToEntityForm table tr:first-child {
display: none; }
#crmWebToEntityForm table tr:first-child td {
width: 100% !important; }
#crmWebToEntityForm tr td {
font-size: 1em !important; }
#crmWebToEntityForm form {
box-shadow: none; }
#crmWebToEntityForm form input[type="text"],
#crmWebToEntityForm form textarea {
font-size: 16px;
padding: 7px 4px;
width: 100% !important; }
#crmWebToEntityForm form select {
width: 100% !important; }
#crmWebToEntityForm form select:focus {
font-size: 16px; }
#crmWebToEntityForm form input[type="checkbox"] {
width: 100% !important; }
#crmWebToEntityForm form input[type="submit"] {
color: white !important;
font-size: 1.2em !important; }
#crmWebToEntityForm form input[type="reset"] {
display: none; }
.pum-container {
max-width: 600px !important;
border: 7px solid rgba(209, 170, 104, 0.5) !important; }
div.popmake-title {
text-align: center !important;
padding-top: 17px;
color: #23313A !important; }
html.pum-open.pum-open-overlay,
html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay {
overflow: hidden;
position: fixed;
width: 100%; }
html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
overflow-y: scroll;
-webkit-overflow-scrolling: touch; }
@media (min-width: 900px) {
html .pum-theme-567 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
top: -18px;
right: -18px; } }
.contactInfo {
width: 90%;
margin: 0 auto 40px;
text-align: center; }
@media (min-width: 900px) {
.contactInfo {
order: 2;
width: 30%;
text-align: left;
padding-top: 35px; } }
.contactInfo p.primaryPhoneNumber {
font-size: 1.5em;
color: #d1aa68; }
@media (min-width: 900px) {
.contactInfo p.primaryPhoneNumber {
margin-bottom: 20px; } }
.contactInfo .officeLocations {
padding-top: 25px; }
.contactInfo .officeLocation {
margin-bottom: 25px; }
.contactInfo .officeLocation h4 {
font-size: .8em;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 5px; }
.contactPage {
width: 88%;
max-width: 1000px;
margin: 0 auto;
padding-top: 45px; }
#contactPageContent .entry-content {
width: 100%;
text-align: center;
color: #404041;
max-width: 400px; }
@media (min-width: 900px) {
#contactPageContent .entry-content {
padding-top: 45px;
text-align: left;
margin-left: 0; } }
.contactFormContainer {
background-color: white;
width: 100%;
margin: 0 auto 35px;
max-width: 600px; }
@media (min-width: 900px) {
.contactFormContainer {
width: 60%;
float: right;
max-width: 1000px; } }
.contactFormContainer form li {
margin-bottom: 35px; }
.contactFormContainer form label {
margin-bottom: 0;
font-weight: 400;
color: #23313A; }
.contactFormContainer form input[type="text"], .contactFormContainer form textarea {
-webkit-appearance: none;
border: none;
border-radius: 0;
border-bottom: 2px solid #b2bbaf;
background-color: #fbfbfb;
padding: 8px 10px !important; }
.contactFormContainer form input[type="submit"] {
background-color: #23313A;
color: white;
font-weight: 700;
padding: 13px 37px 13px 9px;
display: inline-block;
position: relative;
top: 0;
font-size: 1em;
margin-bottom: 10px;
border-radius: 25px;
width: 95%; }
@media (min-width: 620px) {
.contactFormContainer form input[type="submit"] {
padding: 13px 50px 13px 20px; } }
@media (min-width: 900px) {
.contactFormContainer form input[type="submit"] {
font-size: 1.2em; } }
.contactFormContainer form input[type="submit"]:after {
content: '';
display: block;
width: 21px;
height: 21px;
border-radius: 50%;
position: absolute;
right: 15px;
top: 13px;
background: transparent url("../images/link-arrow-right-gold.svg") no-repeat 5px 4px;
background-size: 13px 13px; }
.gform_wrapper ul.gform_fields li.gfield {
margin-bottom: 26px; }
/*
.contactInfo {
text-align: center;
padding-top: 30px;
font-size: 17px;
line-height: 1.444;
margin-bottom: 45px;
@include breakpoint(tablet-lrg2) {
text-align: left;
} // tablet-lrg2
a {
color: $color-body;
}
strong {
color: $color-primary;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
} //strong
} // .contactInfo
*/
.phoneNumbers {
font-size: 20px;
line-height: 1.777;
margin-bottom: 30px; }
.phoneNumbers strong {
font-size: 16px; }
.addressContainer {
margin-bottom: 30px;
font-size: 16px; }
.addressContainer a {
color: #23313A; }
.addressContainer a:hover {
color: #10161a; }
.addressContainer strong {
display: block;
font-size: 14px; }
.mapContainer {
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%); }
#directionsContainer {
text-align: left;
padding-top: 35px;
max-width: 1100px;
margin: 0 auto; }
@media (min-width: 900px) {
#directionsContainer {
display: flex;
justify-content: space-around; } }
#directionsContainer p {
margin-bottom: 25px;
font-size: 15px;
line-height: 1.555; }
@media (min-width: 900px) {
#directionsContainer p {
width: 45%; } }
#directionsContainer strong {
display: block; }
.gform_confirmation_wrapper {
text-align: center;
padding: 30px; }
/*---------------------------------------------------------------------------------------------
*
* @404
*
*---------------------------------------------------------------------------------------------*/
.error-404 {
max-width: 700px;
margin: 0 auto;
padding-top: 45px;
width: 88%; }
.error-404 input[type="text"], .error-404 input[type="search"] {
border-radius: 0;
-webkit-appearance: none;
border: 2px solid white;
font-family: "proxima-nova", sans-serif;
width: 100%;
border-radius: 0;
padding: 8px 0 8px 15px;
margin: 0;
margin-right: 0px;
font-size: 20px;
height: 60px;
outline: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbdbdb+0,ffffff+79 */
background: #dbdbdb;
/* Old browsers */
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background: linear-gradient(to bottom, #dbdbdb 0%, white 79%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=0 );
/* IE6-9 */
transition: all 0.2s ease;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }
@media (min-width: 780px) {
.error-404 input[type="text"], .error-404 input[type="search"] {
font-size: 25px; } }
.error-404 input[type="text"]:focus, .error-404 input[type="search"]:focus {
outline: none;
background-color: white;
border: 2px solid #d1aa68; }
.error-404 input[type="submit"], .error-404 button[type="submit"] {
border: none;
font-family: "proxima-nova", sans-serif;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0;
position: relative;
width: 55%;
color: white;
height: 50px;
/* Fallback for sad browsers */
background-color: transparent;
/* Mozilla Firefox */
/* Opera */
/* WebKit (Chrome 11+) */
/* WebKit (Safari 5.1+, Chrome 10+) */
/* IE10 */
/* W3C */
background-image: linear-gradient(transparent, transparent);
background-color: #a4a6a9;
border-radius: 25px;
transition: all 0.2s ease;
font-size: 18px;
top: 0;
left: 0;
margin-top: 10px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }
@media (min-width: 620px) {
.error-404 input[type="submit"], .error-404 button[type="submit"] {
width: 26%;
left: 5px;
top: 0; } }
.error-404 input[type="submit"]:hover, .error-404 button[type="submit"]:hover {
background-color: #d1aa68;
cursor: pointer; }
/*---------------------------------------------------------------------------------------------
*
* @PreFooter
*
*---------------------------------------------------------------------------------------------*/
.prefooter {
background-color: white;
text-align: center;
padding: 65px 0 45px; }
@media (min-width: 900px) {
.prefooter {
display: none; } }
.prefooter ul.socialLinks li {
display: inline-block;
margin: 0 4px; }
.prefooter ul.socialLinks li img {
width: 45px;
height: 45px; }
/*---------------------------------------------------------------------------------------------
*
* @Footer
*
*---------------------------------------------------------------------------------------------*/
footer {
padding-top: 75px;
background-color: #23313A; }
@media (min-width: 900px) {
footer {
background: #23313A url("../images/footer-la.jpg") no-repeat center top;
background-size: cover; } }
footer.entry-footer {
display: none; }
.footerContainer {
max-width: 1100px;
margin: 0 auto; }
@media (min-width: 900px) {
.footerContainer {
padding: 0 35px; } }
.footer-cta {
color: #d1aa68;
display: block;
width: 90%;
margin: 0 auto 45px;
max-width: 300px;
text-align: center;
padding: 15px 0;
border-radius: 8px;
background-color: #19242a; }
@media (min-width: 900px) {
.footer-cta {
background-color: #23313A;
padding: 20px 25px 20px 105px;
text-align: left;
color: white;
position: relative;
float: right;
max-width: 390px;
border-radius: 50px; } }
@media (min-width: 1100px) {
.footer-cta {
max-width: 470px; } }
.footer-cta:hover {
color: #23313A;
background-color: #a27c52; }
@media (min-width: 900px) {
.footer-cta:before {
content: '';
position: absolute;
display: block;
width: 50px;
height: 55px;
border: 1px;
left: 27px;
top: 17px;
background: transparent url("../images/chat-bubble.svg") no-repeat 0 0; } }
@media (min-width: 1100px) {
.footer-cta:before {
width: 61px; } }
.footer-cta strong {
color: white;
font-weight: 700;
font-size: 1.4em;
display: inline-block;
position: relative;
padding-bottom: 3px; }
@media (min-width: 900px) {
.footer-cta strong {
display: inline;
color: #d1aa68;
font-size: 1em; } }
@media (min-width: 1100px) {
.footer-cta strong {
font-size: 1.4em; } }
.footer-cta strong:after {
content: '';
display: block;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #a27c52;
position: absolute;
right: -25px;
top: 4px;
background: #a27c52 url("../images/link-arrow-right-white.svg") no-repeat center center;
background-size: 5px 20px; }
@media (min-width: 900px) {
.footer-cta strong:after {
display: none; } }
.footer-cta em {
display: block;
font-size: 1.1em;
padding: 0 15%; }
@media (min-width: 900px) {
.footer-cta em {
display: inline;
padding: 0;
font-size: 1em; } }
@media (min-width: 1100px) {
.footer-cta em {
font-size: 1.4em; } }
.footerContent {
text-align: center; }
@media (min-width: 900px) {
.footerContent {
text-align: left;
float: left;
width: 337px;
position: relative;
top: 0; } }
@media (min-width: 1100px) {
.footerContent {
width: 400px; } }
.footerAddress {
text-align: center;
color: rgba(255, 255, 255, 0.59);
margin-bottom: 35px; }
@media (min-width: 900px) {
.footerAddress {
position: relative;
text-align: left;
width: 243px;
top: -29px;
left: 114px;
margin-bottom: 0; } }
@media (min-width: 1100px) {
.footerAddress {
left: 135px; } }
.footerLogo {
width: 80%;
margin: 0px auto 15px;
display: block;
max-width: 280px;
z-index: 9999;
position: relative; }
@media (min-width: 1100px) {
.footerLogo {
max-width: none; } }
.footerLogo img {
max-width: 350px;
margin-bottom: 20px; }
#subFooter {
text-align: center;
padding-bottom: 32px; }
@media (min-width: 900px) {
#subFooter {
clear: both; } }
#copyright {
font-size: .7em;
text-align: center;
color: #45453E;
line-height: 1.944;
color: white;
width: 95%;
margin: 0 auto; }
@media (min-width: 900px) {
#copyright {
display: inline;
padding-right: 15px; } }
.footerLinks {
text-align: center;
padding-bottom: 5px; }
@media (min-width: 900px) {
.footerLinks {
display: inline-block; } }
.footerLinks li {
display: inline-block; }
.footerLinks a {
font-size: .7em;
padding: 0 10px;
color: #a27c52;
text-decoration: underline; }
/*---------------------------------------------------------------------------------------------
*
* @Coming Soon Page
*
*---------------------------------------------------------------------------------------------*/
.comingSoon .homeHeadlineContainer {
height: 100vh; }
.comingSoon .logoContainerDesktop a {
display: block;
width: 300px;
margin: 0 auto; }
.comingSoon .logoContainerDesktop a img {
position: relative;
max-width: 100%; }
@media (min-width: 900px) {
.comingSoon #homeHeroContainer {
margin-top: 0;
overflow-x: hidden; } }
@media (min-width: 900px) {
.comingSoon .videoOverlay {
position: fixed; } }