Select Page

/* ----------------------------------------- */ /* View slug: homepage-search - start */ /* ----------------------------------------- */ .search-box-layout { display: grid; grid-template-rows: .25fr 1fr .25fr; grid-template-columns: 1.25fr 1fr 1.25fr .5fr; width: 70%; max-width: 100%; margin-left: auto; margin-right: auto; height: 100% !important; padding-top: 3% !important; } .one {grid-row:2; grid-column:1; justify-content: center;} .two {grid-row:2; grid-column:2; justify-content: center;} .three {grid-row:2; grid-column:3; justify-content: center;} .four {grid-row:2; grid-column:4; justify-content: center; } .one, .two, .three, .four, .form-group, h3 { display: flex; flex-direction: row; align-items: center; text-align: center; } .form-group > h3 { margin-right: 10px; } .one > .form-group, .two > .form-group, .three > .form-group, .four > .form-group { float: left; } .checkbox { float: left; } .checkbox > label { font-size: 1em; } .form-control, .btn { font-size: 1em; } h3 { margin-right: 10px; color: white; padding-bottom: 0; } @media only screen and (max-width: 768px) { .search-box-layout { display: flex; flex-direction: column; width: 100%; max-width: 100%; padding-bottom: 10px !important; } .one, .two, .three, .four { display: inline-flex; flex-direction: column; align-items: center; text-align: center; justify-content: center; padding-bottom: 8px !important; } .submit-btn > input { background-color: white !important; } } #search-display-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(auto-fill); grid-gap: 10px; } @media only screen and (max-width: 768px) { #search-display-grid { display: flex; flex-flow: column wrap; } } /* ----------------------------------------- */ /* View slug: homepage-search - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: featured-communities - start */ /* ----------------------------------------- */ .featured-communities-grid { display: grid; grid-template-columns: 33% 33% 33%; grid-template-rows: 100%; } @media only screen and (max-width: 768px) { .featured-communities-grid { display: flex !important; flex-flow: column !important; } } /* ----------------------------------------- */ /* View slug: featured-communities - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: featured-builders - start */ /* ----------------------------------------- */ .featured-builders-grid { display: grid; grid-template-columns: 33% 33% 33%; grid-template-rows: 100%; } @media only screen and (max-width: 768px) { .featured-builders-grid { display: flex; flex-flow: column; } } /* ----------------------------------------- */ /* View slug: featured-builders - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: featured-communities-slide - start */ /* ----------------------------------------- */ #slide-box { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3); margin-right: 5px; margin-left: 5px; } #slide-box:hover { cursor: pointer } #container { position: relative; } #overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #bf9b30; } #container:hover #overlay { opacity: 1; } #container:hover #overlay > #hover-text, #hover-text:hover { opacity: 1; } #hover-text { color: white; font-size: 28px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; opacity: 0; } /* ----------------------------------------- */ /* Content Template: featured-communities-slide - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: loop-item-in-featured-builders - start */ /* ----------------------------------------- */ #slide-box { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3); margin-right: 5px; margin-left: 5px; } #slide-box:hover { cursor: pointer; } #container { position: relative; } #overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #bf9b30; } #container:hover #overlay { opacity: 1; } #container:hover #overlay > #hover-text, #hover-text:hover { opacity: 1; } #hover-text { color: white; font-size: 28px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; opacity: 0; } /* ----------------------------------------- */ /* Content Template: loop-item-in-featured-builders - end */ /* ----------------------------------------- */