/* SECTION 2: PAGE LAYOUT - This section changes the standard home page layout. */
/* PART 1: SIDEBAR - Remove Sidebar */
/*.sidebar
{
  display:none;
}*/
/* END PART 1 */

/* PART 2: PAGE CONTENT - Increase page width to 100% */
/*.body-content
{
  width:100%;
  margin:0;
}

.body-content
{
  padding: 20px 0 0;
  max-width:100%;
}

.body-content .body-container
{
  width:100%;
}*/

/*.body-container
{
  padding-left:0 !important;
  padding-right:0 !important;
  margin:0;
  max-width:100%;
}

.user-content
{
  width:100%;
}*/

.body-content
{
  max-width:1366px !important;
}

footer .row, .row,.advanced-search
{
  max-width:1440px;
}

.footer-section li {

}

.search-results /*VERIFY*/
{
  max-width: 1140px;
  /*margin-top:60px !important;*/
}
/* END PART 2 */

/* PART 3: BLOG LAYOUT ADJUSTMENTS - Blog automatically uses the Home Page footer - so these adjustments are necessary to make the blog appear normally */
.blog .sidebar
{
  display:block;
}

.blog .body-container{
  width: 66.66667%;
  padding-left:0.9375rem !important;
  padding-right:0.9375rem !important;
}

.blog{
  max-width:1140px;
  margin:auto;
}

.blog img{
  float:right;
  margin:10px;
}
/* END PART 3 */
/* END SECTION 2 */


/***********************/
/* NAVIGATION AND LOGO */
/***********************/

@media only screen and (min-width: 768px) {
nav.top-nav
{
  height:120px !important;
  background:none !important;
  border-bottom:none !important;
  position:relative !important;
  /*top:60px;*/
}

.nav-container
{
  height:120px !important;
}

.nav ul
{
  font-size:16px;
}

nav.top-nav .nav li
{
  padding: 0 10px;
  font-size:16px;

}

/*nav.top-nav a {
  color: #004f6e !important;
}

nav.top-nav a:hover {
  color: #54c9ea !important;
}*/

#quicksearch-section
{
  margin-top:-120px !important;
/*  box-shadow: inset 0 120px 400px -20px #000;*/
  position:relative;
}

.top-nav .logo 
{
  background:url('https://u.realgeeks.media/sandiegoresidentialsolutions/header4.png'); 
  background-size: auto 95%;
  background-repeat: no-repeat;
  background-position: 20px center;
}

.no-quicksearch .logo 
{
  background:url('https://u.realgeeks.media/sandiegoresidentialsolutions/headerdrk.png'); 
  background-size: auto 95%;
  background-repeat: no-repeat;
  background-position: 20px center;
}

.logo a
{
  height:80%;
  width:400px;
  margin:auto 0;
  display:block;
}

.logo img
{
  position:absolute; 
  top:-9999px;
}

/*nav.scrolled.unshrunk .nav
{
  left:10px;
  top:auto !important;
  bottom:auto !important;
}

nav.top-nav .user-contact-icons
{
  bottom:auto !important;
  top:20px;
  right:5px;
}*/

nav.scrolled.unshrunk .nav
{
  right:0 !important;
  margin-top:55px !important;
  bottom:30px !important;
}

nav.no-quicksearch a 
{
  color:#004f6e !important;
}

nav.no-quicksearch a:hover 
{
  color:#54c9ea !important;
}

/*.search-results .tabs
{
  display:none;
}*/


/*.side-btn-top {
    width: 43px;
    clear: both;
    display: inline-block;
    height: 250px;
    position: absolute;
    top: 30%;
    right: 0;
    background-color: rgba(0,0,0,.51);
}

.side-btn-top p {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    width: 250px;
    -webkit-transform-origin: bottom left 0;
    -ms-transform-origin: bottom left 0;
    transform-origin: bottom left 0;
    position: relative;
    text-align:center;
  line-height:43px;
    left: 43px;
  top:207px;
    font-size: 24px;
    color: #fff;
    font-family: serif;
  font-variant: small-caps;
  display:inline-block;
}

.side-btn-top a {
    color: #fff;
}

.side-btn-top a:hover {
    color: #e6e6e6;
}*/


}

nav.top-nav .user-contact-icons
{
  bottom:auto !important;
  top:15px !important;
  right:5px !important;
}

.user-contact-icons li
{
  width:auto !important;
  height:auto !important;
  padding:0 7px;
  color:#fff;
}

.user-contact-icons li.phone:hover i
{
  color: #12a89d !important;
}



nav.top-nav .phone-popup.show
{
  top:61px !important;
  width:250px !important;
  text-align:center;
}

nav.top-nav .phone-popup.show
{
  top:61px !important;
  width:250px !important;
}

nav.top-nav .phone-popup .inner
{
  text-align:center;
  padding:2px !important;
  overflow: hidden !important;
}

nav.top-nav .phone-popup a
{
  float:none !important;
}

.user-popup
{
  top:61px !important;
}

.user-popup .inner
{
  background:#ffffff;
}

a.customContact
{
  font-family: 'Lato',sans-serif; 
  text-shadow: none; 
  font-size:24px; 
  color:#fff;
  line-height:.8;
}

@media only screen and (max-width: 768px) {
  a.customContact
  {
    font-family: 'Lato',sans-serif; 
    text-shadow: none; 
    font-size:16px; 
    color:#fff;
  }
}

@media only screen and (max-width: 450px) {
  .user-info
  {
    height:auto !important;
    top:15px !important;
  }
  

}


/* Advanced Search Page */
/*
.advanced-search .property-section {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100% !important;
  max-width:1360px;
    float: none;
  margin-bottom:0;
}

.advanced-search .details-section {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100% !important;
  max-width:1360px;
    float: none;
}

.multiple-selects {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: none;
}

.advanced-search legend {
    font-size:22px;
  text-transform:uppercase;
  padding-top:10px;
  padding-bottom:5px;
}

.advanced-search fieldset {
    border:none;
}*/


/* h1 header style with adjustments for screen size */
.customCommunities h1
{
  margin-top:0px !important; 
  color:#004f6e; 
  text-transform:uppercase;  
}

@media only screen and (min-width: 46.01em) {
  .customCommunities h1
  {
    font: 300 42px/42px 'Lato',sans-serif;  
    letter-spacing: -1px; 
  }
}

@media only screen and (min-width:30em) and (max-width: 46em) {
  .body-content h1
  {
    font: 300 36px/40px 'Lato',sans-serif; 
    font-size:28px; 
    letter-spacing: -1px; 
  }

}

@media only screen and (max-width: 30em) {
  .body-content h1
  {
    font: 300 30px/30px 'Lato',sans-serif; 
    font-size:28px; 
    letter-spacing: -1px; 
  }

}



.body-content hr
{
  border-bottom:1px solid #54c9ea; 
  margin:0;clear:none;
}
  
.customCommunities h2, .customCommunities h3
{
  font-family: 'Lato',sans-serif; 
  text-transform:uppercase; 
  font-size:20px;
}

/* link buttons */
.body-content a.info 
{ 
  background-color: #389638; 
  color:#fff; 
  font-size: 18px; 
  text-transform:uppercase; 
  padding: 12px 50px;
}

.body-content a.info:hover 
{ 
  background-color: #1ea6fa !important;
  color: #fff;
}

footer a.info 
{ 
  background-color: #389638 !important; 
  color:#fff !important; 
  font-size: 18px !important; 
  text-transform:uppercase !important; 
  padding: 12px 50px !important;
}

footer a.info:hover 
{ 
  background-color: #1ea6fa !important;
  color: #fff;
}

.body-content a { 
color: #014f6e; }

.body-content a.info-narrow 
{ 
  padding: 12px 20px;
}

.search-hero form button
{
  background: #389638; 
  color:#fff; 
  font-size: 18px; 
  text-transform:uppercase;
}

.body-content a.info:hover 
{ 
  background: #1ea6fa !important;
  color: #fff;
}


/* page content sections */
.customCommunities, .customTeam, .customTestimonials, .customBannerText, .customService, .customGatedCommunities, .customValuation
{
  /*padding-right:5%;
  padding-left:5%;*/ 
  width:100%;
  padding-top:30px; 
  padding-bottom:30px;
  padding-left: 5%;
    padding-right: 5%;
  background-color: #eefbff;
}

.customCommunities-content, .customTeam-content, .customTestimonials-content, .customBannerText-content, .customService-content, .customGatedCommunities-content
{
  max-width:1440px; 
  margin:auto;
}


/*COMMUNITIES SECTION*/

.community-container {
  position: relative;
  margin:10px;
}

.customCommunities img 
{
  display:block;
  width:100%;
}

.community-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: .1;
  transition: .5s ease;
  background-color: #000;
}

.community-link-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index:99;
}

.community-link-overlay a
{
  display:block;
  height:100%; 
  width:100%; 
}

.community-description {
  position: absolute;
  width:100%;
  text-align:center;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  z-index:98;
}

.community-description h3 { 
  font-family:'Lato',sans-serif !important;
  text-transform:uppercase;
  color: white !important;
  font-size: 22px !important;
  text-shadow: 5px 5px 20px #000;
}

.community-description h3 a {
  color: white !important;
}



/*.community-description p 
{
  font-size:15px; 
  color: white; 
  text-align:center;
  opacity:0;
  -webkit-font-smoothing: antialiased;
  transition: opacity .5s;
  text-shadow: 1px 1px 10px #000;
  -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}*/

.community-container:hover .community-overlay {
  opacity: .3;
  background-color: #000;
}

.community-container:hover .community-description p {
  opacity: 1;
}

.customCommunities img:hover 
{
  /*border: 2px solid #e11b22;*/
}

.customCommunities li 
{ 
  padding:0 !important;
}

.customCommunities ul 
{ 
  margin:20 !important;
}

/*.customCommunities h1 
{ 
  font: 300 36px/40px 'Lato',sans-serif!important;
  color:#8dc1cb !important;
}*/

.customCommunities h2 
{ 
  color:#004f6e !important;
}


/*TEAM SECTION*/

/* Uncomment to show team section*/
.customTeam
{
  background:#F2F2F2;
  display:inline-block;
}

/*
.customTeam
{
  display:none;
}
*/

.customTeam img
{
  margin: 5px 15px;  
  width:100%;
  max-width:720px;
}

.customTeamImage
{
  width:48%;
  display:inline-block;
  float:right;
}

.customTeamText
{
  width:50%;
  display:inline-block;
}

@media only screen and (min-width:900px) and (max-width:1140px)
{
  .customTeamText h1
  {
    font-size:36px; 
    padding-bottom:10px;
  }
}

@media only screen and (max-width:900px) 
{
  .customTeam img
  {
    margin: 0;  
  }
  
  .customTeamImage
  {
    width:100%;
    text-align:center;
    float:none;
    margin-bottom:15px;
  }

  .customTeamText
  {
    width:100%;
    text-align:center;
  }
  
  .customTeamText h1
  {
    padding-bottom:10px;
  }
}



/*GATED COMMUNITIES SECTION*/

/* Uncomment to show team section*/
.customGatedCommunities
{
  background:#222;
  display:inline-block;
}

/*
.customGatedCommunities
{
  display:none;
}
*/

.customGatedCommunities img
{
  margin: 5px 15px;  
  width:100%;
  max-width:650px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
}

.customGatedCommunitiesImage
{
  width:48%;
  display:inline-block;
  float:right;
}

.customGatedCommunitiesText
{
  width:50%;
  display:inline-block;
}

@media only screen and (min-width:900px) and (max-width:1140px)
{
  .customGatedCommunitiesText h1
  {
    font-size:36px; 
    padding-bottom:10px;
  }
}

@media only screen and (max-width:900px) 
{
  .customGatedCommunities img
  {
    margin: 0;  
  }
  
  .customGatedCommunitiesImage
  {
    width:100%;
    text-align:center;
    float:none;
    margin-bottom:15px;
  }

  .customGatedCommunitiesText
  {
    width:100%;
    text-align:center;
  }
  
  .customGatedCommunitiesText h1
  {
    padding-bottom:10px;
  }
}



/***************************/
/* SCREEN SIZE ADJUSTMENTS */
/***************************/
  
@media (max-width:767px) 
{
  .customCommunities 
  { 
    margin-top: 0
  }
}

.ready button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #54c9ea;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px !important;
  margin-bottom: 0;
}

.ready button:hover {
  background-color: #004f6e !important;
}

.ready button:active {
  background-color: #004f6e !important;
}

.ready button:visited {
  background-color: #004f6e !important;
}

.ready button:focus {
  background-color: #004f6e !important;
}


