/*  
Theme Name: Horizons West
Description: Custom theme for Horizons West
Author: RealTech Services, Inc.
Author URI: http://www.rtservices.net
Version: 3.0
*/

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body { background: #303241; }
.site-wrap { background: #fff; }
img { max-width: 100%; height: auto; }
iframe { max-width: 100%; }
html { font-size: 100%; }
.container { max-width: 1200px; margin: auto; padding: 0 .3125em; }
.contained { max-width: 82em; margin: 0 auto; width: 100%; padding: .625em .625em; }

/*Header Styles*/
.header-wrap { width: 100%; }
#navwrap { height: auto; position: absolute; top: 0; padding: 5px 0 10px; background: rgba(255,255,255,.7); width: 100%; /*overflow: hidden;*/ z-index: 100; left: 0; border-bottom: solid; border-bottom-width: 10px;  border-bottom-color: rgba(25,87,211,.6); }
#nav { clear:both; display:block; margin:0 auto; width: 80%; padding-right: 0px; z-index: 1; position: relative; margin-top: 0px; color:#285580; float:right;}
#nav ul.menu, #footer ul.menu { padding:0; margin: 0; }
#nav ul.menu { width: auto; margin: 0; padding-right: .6em; auto; position: relative; z-index: 10; text-align: right; }
#nav ul.menu li { list-style-type: none; display: inline-block; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 200; font-size: 14pt; line-height: 1.35em; text-align: left;}
#footer ul.menu li { list-style-type:none; display: block; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 200; font-size: 11pt; line-height: 1.35em; text-align: left; }
#nav ul.menu li { position:relative; display:inline-block; height: 2em; padding-left:15px; }
#nav ul.menu li:first-child { background-image: none; }
#nav ul.menu li a { display: block; text-align:center; padding: .33em; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 200;line-height: 1.5em; color:#000; text-decoration:none; font-size: 14pt;  transition: color 0.2s linear;  -o-transition: color 0.2s linear;  -moz-transition: color 0.2s linear;  -webkit-transition: color 0.2s linear;}
#nav ul.menu li a:hover, #nav ul.menu li.current_page_item a { color:#326CB5; }


.flex-direction-nav a {color: rgba(255,255,255,0.7) !important; }
.slidetext {position:absolute; bottom:34%; font-size: 75pt; color:#FFF; text-shadow: 0px 2px 2px #000; z-index: 10; font-family: 'Qwigley', cursive; font-weight:400; text-align: center; width:100%; }
#logowrap {position:relative; max-width:1200px; width:100%; margin: 0px auto;}
#logo { float:left; width: auto; position:absolute; top:0px; max-width: 160px; vertical-align: middle; }
.logo img { vertical-align: middle; }
#headerright { display:block; float: right; width: auto; margin: 0px auto; color:#000; font-size:15pt; font-weight:bold; text-align: center; }
#headerright  a {color:#0095ff; text-decoration:none; font-weight:bold;}
#headerright  a:hover {color:#000;}
.searchdiv { background-color: rgba(0, 0, 0, .5); width: 100%; z-index: 2; text-align: center; }
.qscenter { margin: 0 auto; max-width: 75em; }
.qscenter div { display: inline-block; vertical-align: top; margin: 10px; width: 140px; }
.qscenter select {margin: 0; line-height: 40px; width: 100%; padding: 5px 10px; height: 40px; -webkit-appearance: menulist;font-size: 16px; text-align:center; border:1px solid #000; border-radius:4px;}
.qscenter input {margin: 0; line-height: 40px; width: 100%; padding: 5px 10px; height: 40px;font-size: 16px; text-align:center;  -webkit-appearance:listbox;border:1px solid #000;border-radius:4px;}
.qscenter input[type=submit] { -webkit-appearance:listbox; background: #ffe045; border-radius:0; color: #000; padding: 0px 10px; height:40px; margin: 0px; border:1px solid #000; border-radius:4px;}
.qscenter input[type=submit]:hover{ background:#b0d0ff; -webkit-appearance:listbox; border:1px solid #000; border-radius:4px; transition: color 0.2s linear;  -o-transition: color 0.2s linear;  -moz-transition: color 0.2s linear;  -webkit-transition: color 0.2s linear;}
.qscenter .one input { margin-right: -20px; }
.advsrch { line-height: 40px; }
.advsrch a { color: #FFF; text-decoration:none; }
.advsrch a:hover { color: #ffe045; text-decoration:none;}
.qscenter .book { color: #FFF; font-size: 1.6em; line-height: 40px;  }
.off-home-qs {position: relative; top: 0; display: block; background-color: rgb(0,0,0); }
/* End Header Styles */

.content { width: 100%; margin: 10px auto; position:relative;  }
.content-full { color: #333; }
.homepage-content-left { display: inline-block; width:65%; margin: 0 1.5em 1.5em 0; vertical-align: top; }
.homepage-content-right { display: inline-block; width:25%; margin: 3em 1.5em 1.5em 1.5em; vertical-align: top; text-align: center; }
img.homepage-content-right { margin-top: 1.5em; }
.homepage-content-half-left { display: inline-block; width:47%; margin: 10px auto; padding: 0px 15px; border-right: solid 1px rgba(50,108,181,.5); text-align: center; vertical-align: top; }
.homepage-content-half-right { display: inline-block; width:47%; margin: 10px auto; padding: 0px 15px; text-align: center; vertical-align: top; }
#map-canvas { background: #b3d2ff url(images/horizons-west-map.jpg) no-repeat bottom center; background-size: cover;  height: 100%}
#maps-contact-house { float: left; margin: 25px 0px 25px 40px; width: 21.875em; background: rgba(50, 109, 181,0.8); padding: .625em; }
#maps-form h4 { text-align: center; font-size: 2em; margin: .625em auto 0; font-weight: normal; color: #FFF; }


.gform_wrapper { max-width:100%!important; }
.gfield_label { font-weight: normal!important; font-size: .8em; color: #fff; }
.gfield_required { color: #fff !important; }
ul.gform_fields li.gfield { padding-right: 16px; }
.gform_confirmation_message { background-color: #fff; }
.gform_footer { margin: 0 auto!important; padding: .625em 0!important; text-align: center; }
.gform_footer input[type=submit] { width: 99.2%; border-radius: 2px; }

.footer-wrap { width: 100%; background:#336DB6; color:#FFF; }
.footer-wrap a { color:#FFF; }
.footerright, .footerleft { font-size: .75em; }
.sidebar { text-align: center; padding: .625em; }
.sidebar h2 { font-size: 1.1em; margin: .83em 0 .3125em 0; }
.sidebar ul { list-style-type: none; margin: 0.3125em 0 0.625em 0.625em; line-height: 1.25em; padding-left:0; }
.sidebar li { list-style-type: none; padding-left:0; text-align: center; margin-bottom: 5px;}
.widget_nav_menu a { text-align: center !important; font-size: 125%;}
.widget_recent_entries { text-align: center; }
.content-half-left { display: inline-block; width:47%; margin: 20px auto; padding: 0px 15px; text-align: center; vertical-align: middle; }
.content-half-right { display: inline-block; width:47%; margin: 20px auto; padding: 0px 15px; text-align: center; vertical-align: middle; }
#contact-house { float: left; margin: 25px 0px 25px 40px; width: 21.875em; background: rgb(50, 109, 181); padding: .625em; }

hr { height: 1px; background: #f0f0f3; border:none; }

.button { background-color: #ffe045; border: none; color: #000; padding: 16px 32px; text-align: center; text-decoration: none; display: block; font-size: 16px; margin: auto; transition: color 0.2s linear;  -o-transition: color 0.2s linear;  -moz-transition: color 0.2s linear;  -webkit-transition: color 0.2s linear;}

.button:hover { background-color: #b0d0ff; color: #fff; }

/*Font Styles*/
h1, h2, h3 { font-family: "Garamond,Baskerville", "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; color: #326CB5; font-weight: 200;}
h1 {font-size: 32px; line-height: 1.25em;}
h2 {font-size: 28px; line-height: 1.25em; overflow: hidden; text-align: center; }
h3 {font-size: 24px; line-height: 1.25em;}
h2:before, h2:after {
    background-color: #326CB5;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
h2:before {
    right: 0.5em;
    margin-left: -50%;
}
h2:after {
    left: 0.5em;
    margin-right: -50%;
}

p { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300; font-size: 17px; line-height: 1.3em; text-align: justify; }
p.small { font-size: 14px; line-height: 1.2em; }

.sidebar img { text-align: center; border: 1px solid #f0f0f3; padding: 2px;}

#footer {color: #fff; background: #303241; width:100%; padding: 1px 0; margin: 0; border-top: 5px solid #525252; text-align: left;}
.fourcol {vertical-align: top; display: inline-block; margin: 0 0 5px 0; text-align: left}
.fourcol h3 { color: #fff; font-size: 24px; font-family: "Garamond,Baskerville", "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; font-weight: 200; text-align: left; line-height: 1em; }
.fourcol p {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 200; font-size: 11pt; line-height: 1.35em; text-align: left}
.fourcol a { color:#fff !important; text-decoration: none; text-align: left}
.fourcol a:hover { color:#FFE145  !important; text-decoration: none; }
.footer-logo { text-align: center; vertical-align: middle; margin: 10px auto; }


/* links */
a:hover { text-decoration: none; }
.content a { text-decoration:none; }
.content a:hover { color: #7CA1D3; }
.sidebar a { color: #336DB6; }
.sidebar a:hover { color: #7CA1D3; }
input[type=submit] { background:#ffe045; color:#000; text-transform: uppercase; padding: .25em .667em; margin:0.625em 0; border:0; border-radius: .25em; }
input[type=submit]:hover { background: #b0d0ff; color:#ffffff; }

div.entry { position:relative; }
.post-prev-img { float:left; padding:0 0.95em 0.625em 0; }
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignleft { margin: 0 0.625em 0.625em 0; }
img.alignright { margin: 0 0 0.625em 0.625em; }
img.feat-alignleft { float: left; vertical-align: middle; width: 150px; margin: 0 0.625em 0.625em 0; border-radius: 50%;}
img.feat-alignright { float: left; vertical-align: middle; width: 150px; margin: 0 0.625em 0.625em 0;  border-radius: 50%;}
img.aligncenter { margin: 0 auto 0.625em; }
.wp-caption { margin-bottom: 24px; }
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}
.wp-caption { color: #767676; }
.wp-caption-text {
    font-size: 0.75em;
    font-style: italic;
    line-height: 1.5em;
    margin: 0.55em 0;
    padding-right: 0.625em;
}
.wp-smiley {
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.widget { margin: 0 auto; }
img.wp-post-image { border: 1px solid #f0f0f3; padding: 2px; }

/* under size 925px */
@media (max-width: 57.8125em) {
  h1, h2, h3 {margin: 15px 0; }
  #logo img { width: 65%; }
  #headerright {margin: 0; font-size: 1.15em; line-height: 1.2em; }
  #navwrap {padding: 5px 5px 0; border-bottom-width: 5px; }
  #nav ul.menu li a { font-size: 11pt; }
  
  .slidetext { display: none; }
  .homepage-content-left { display: inline-block; width:100%; padding: 0 10px; margin: 0 auto; }
  .homepage-content-right { display: inline-block; width:100%; margin: 0 auto; }
  .homepage-content-half-left { width:100%; margin: 0 auto; padding: 10px; border: none; }
  .homepage-content-half-right { width:100%; margin: 0 auto; padding: 10px; }
  .content-half-left { width:100%; padding: 10px; }
  .content-half-right { width:100%; padding: 10px; }
  .qscenter div { margin: 5px; }
   #contact-house { margin: auto; float: none; max-width: 100%; }
   .footer-logo { text-align: center; vertical-align: middle; margin: 5px auto; }
}

/* under ipad size 768px */
@media (max-width: 47.9375em) {
    .flex-direction-nav a {display: none !important; }
    h1, h2, h3 { text-align: center; }
    .content-left { display: block; padding: 0 20px; }
    .sidebar { margin:0 auto; border-radius: .625em; border:1px solid rgba(50,108,181,.5); text-align: center; }
    #footer ul.menu li {text-align: center; }
    .ft-top-inner { text-align: center; }
    .fourcol { width: 100%; margin: 0 auto;  text-align: center; }
    .fourcol h3 {text-align: center; }
    .fourcol p {text-align: center; }
    .fourcol a {text-align: center; }
    #logowrap {width: 50%; display: inline-block; }
    #logo, #headerright { position: relative; margin: auto; }
    #headerright { display: inline-block; font-size: 1.25em; line-height: 1.4em; }
    .footerleft, .footerright { width: 100%; text-align: center; padding: 1em; }
    .post-prev-img { float:none; text-align: center; padding:0; }
    
    
    #nav { display: none; }
    #navwrap { position: relative; border-bottom: none; padding: 5px 30px; }
    .searchdiv { position: relative; }
    #maps-contact-house { margin: auto; float: none; max-width: 100%;  }
    .gform_body { width: 100%; }
  

}

/* cell phones (480px) */
@media (max-width: 30em) {
    .header, .footer { padding: 0 0.31em; }
    #navwrap { position: relative; border-bottom: none; padding: 5px; }
    
}


/* ipad 768px and up*/
@media (min-width: 48em) {
    #nav ul {list-style-type:none;}
  .menu {width: auto; margin: 0 auto; position: relative; color: #fff; }
  .menu a {display: block; text-align:left; }


    /* second level */
    .nav ul.menu li ul { display:none; position:absolute; top:100%; left:0; padding:0; margin:0; }
    .nav ul.menu li:hover > ul.sub-menu { display: block; }
    .nav ul.menu li ul li { white-space: nowrap; }
    .nav ul.menu li ul li a { text-align:left; padding: 0 .625em; border-top: 1px solid #50878e; background:#5ca8b2; width: 150px; }
    .nav ul.menu li ul li a:hover { background: #50878E; }
    
    .searchdiv { position: absolute;    bottom:0;}
   
    .content-left { float: left; width: 70%; display: block; padding: 0 20px; }
    .sidebar { float:right; margin-left: 1%; max-width: 29%; width: auto; padding:0.625em; border-left:1px solid rgba(50,108,181,.5); }

    .footerright { float:right; width: 50%; text-align:right; }
    .footerleft { float:left; width: 50%; }
    
    .footer-wrap { padding: 10px 0 40px 0; }
    .fourcol { width: 25%; padding: 0 1.5em; display: inline-block; }

}
 
/* Large screens (1200px) */
@media (min-width: 75em) { 

}

@media print {
}