/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    A plain-vanilla
 */


.top_phn .eael-infobox{align-items:center;}
.hover_sec .elementor-widget-wrap:hover .elementor-heading-title, .hover_sec .elementor-widget-wrap:hover p{color:#fff;}
.hover_sec .elementor-widget-wrap:hover .elementor-divider-separator{border-top-color:#fff;}
.hover_sec .elementor-widget-wrap:hover .elementor-button-link{border-color:#fff;background-color:transparent;} 
.hover_sec .elementor-widget-wrap:hover .elementor-divider-separator{--divider-color: #fff;}
.eael-contact-form-7-wrapper form div{padding-left:10px;padding-right:10px;}
.contact_form{display:flex;flex-wrap:wrap;padding-left:0 !important;padding-right:0 !important;}
.contact_form div{width:50%;padding:0 0 20px 0;}
.wpcf7 form>div, .wpcf7 form>p{margin-bottom:0;}
.wpcf7-spinner{position:absolute;}

@media(max-width:767px){
.contact_form div{width:100%;}	
}

/*----------SiteWide Colour Selectors----------*/

.color1{fill:red;}
.burg {
  background-color: #000;
}

.gold {
  background-color: #9f9055;
}

.white {
  background-color: #fff;
}

.yellow {
  background-color: #F6D164;
}

.red {
  background-color: #FF2846;
}

.burgtxt {
  color: #922c46;
}

.goldtxt {
  color: #c80000;
}

.yellowtxt {
  color: #94938e;
}

.redtxt {
  color: #fff;
}

#burgfill {
  fill: #000;
}

/*--------------------*/

.pad10 {
  padding: 10px;
}

.heavyFont {
  font-weight: 700;
  letter-spacing: 0.5px;
}

.revtype {
  color: #fff;
}

.goldtype {
  color: #9f9055;
}

.h2plus {
  font-size: 28px;
}

.m-hide {
  display: none;
}

.desktop-hide {
  display: none;
}

.logo-w {
  fill:#FFFFFF;
  width: 100px;
  float: right;
  cursor: pointer;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

.logo-w:hover {
  fill: rgba(255,255,255,0.8);
}

.nav-buttons {
  position: relative;
  left: -25px;
}

.nav-buttons a {
  font-size: 18px;
  letter-spacing: 2px;
  padding: 10px;
  float: left;
  margin-right: 45px;
  border: 1px solid rgba(255,255,255,0);
  background-color: rgba(159,144,85,0);
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

.nav-buttons a:hover,
.nav-buttons a:focus {
  border: 1px solid rgba(255,255,255,1);
  background-color: rgba(159,144,85,0.8);
}

.footer-nav {
  color: #922c46;
  position: relative;
  top: 220px;
  height: 35px;
  text-align: left;
}

.footer-bar {
  background-image: url('../images/footer_bar.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-width: 100%;
  z-index: 5;
  position: absolute;
}

.footer-contact {
  left: 0;
  margin: 25px auto 0px auto !important;
}

.page-header {
  width: 100%;
  max-height: 150px;
  background-color: rgba(159,144,85,1);
  position: fixed;
  top: 0;
  padding: 5px 0px 15px 0px;
  z-index: 100;
}

.page-header h1 {
  margin-top: 0;
  position: absolute;
  bottom: 15px;
}

#pushdown {
  margin-top: 150px;
}

.photo-hero {
  width: 100%;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

.page-body {
  
}
  
.content {
  max-width: 1200px;
  padding: 0px 50px;
  margin: auto;
  box-sizing: border-box;
}

.logo-hero {
  background-repeat: no-repeat;
  margin: 35px auto;
  max-width: 60%;
}

.img-strip {
  margin: 85px auto 50px auto;
}

.pic-slide {
  width: 300px;
  height: 300px;
  background-size: cover;
  margin: 15px;
  display: inline-block;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

#pic1 {
  background-image: url('../images/westana_trucks.jpg');
}

#pic2 {
  background-image: url('../images/westana_prairies.jpg');
}

#pic3 {
  background-image: url('../images/hi-pipelines.jpg');
}

.button-burg {
  background-color: #922c46;
  padding: 10px 15px;
  font-size: 24px;
  letter-spacing: 2px;
  position: relative;
  top: 25px;
  border-bottom: 4px solid #4d0000;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

.button-burg:hover,
.button-burg:focus {
  background-color: #751D34;
}

.map-directions {
  display: inline-block;
  width: 100%;
  margin: auto;
  position: relative;
  background-color: #922c46;
  color: #fff;
  text-align: left;
  padding: 30px 10px;
  box-sizing: border-box;
}

.directions {
  margin-left: 20px;
  width: 45%;
  min-width: 210px;
  float: left;
}

.directions ul {
  margin-left: -45px;
}


.directions ul ul {
  margin-left: 0px;
}

.directions li {
  margin-top: 15px;
}

.depart {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 1px;
  cursor: pointer;
  padding: 5px 5px 5px 14px;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

.depart:hover,
.depart:focus {
  background-color: #9f9055;
  color: #fff;
}

.map-wrapper {
  padding-bottom: 75%;
}

.map-small {
  width: 45%;
  min-height: 450px;
  float: left;
  background-size: contain;
  background-image: url('../images/w_map_small-01.svg');
  background-repeat: no-repeat;
  background-position: center;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

.map-header {
  margin-top: 100px;
}

.footer-tag {
  color: #922c46;
  text-align: left;
  font-weight: 400;
  letter-spacing: 3px;
}

/*  Interactive Westana Park Lots Map   */
#desktop-map {
  min-height: 650px;
}

#westana-sitemap {
  width: 75%;
}

#sitemap-legend {
  width: 90%;list-style:none;
  text-align: left;
}

#sitemap-legend li {
  float: left;
  margin-right: 25px;
}

#sitemap-legend h3 {
  margin: 0;color:#fff;font-size:19px;
}

.legend-dot {
  position: relative;
  top: 4px;
  font-size: 42px;
}

.sitemap-specs {
  text-align: left;
  width: 25%;
  float: right;
  padding-right: 3px 25px 3px 3px;
  box-sizing: border-box;
  background-color: #000;
}

.sitemap-specs h3 {
  font-weight: 400;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px;font-size:19px;color:#fff;
}

.lotspec {
  font-size: 19px;
}

#lotsAvail,
#lotsPending,
.redDot {
  cursor: pointer;
}

.goldAvail {
  fill-rule:evenodd;
  clip-rule:evenodd;
  fill:#c80000;
  stroke-width: 0px;
  stroke: #c80000;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

.goldAvail:hover {
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  stroke-width: 2px;
  stroke: #eb2727;
  fill: #eb2727;
}

.yellowPending {
  fill-rule:evenodd;
  clip-rule:evenodd;
  fill:#94938e;
  stroke-width: 0px;
  stroke: #94938e;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

.yellowPending:hover {
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  stroke-width: 2px;
  stroke: #b8b7b4;
  fill: #b8b7b4;
}

.greyNon {
  fill-rule:evenodd;
  clip-rule:evenodd;
  fill: #ffffff;
  stroke-width: 0px;
  stroke: #ffffff;
  cursor: auto;
}

#lotsAvail path{color:#fff;}

.redDot {
  fill:#922C47;
  pointer-events: none;
  opacity: 0;
}

.mapFont {
  font-family:'PT Serif', serif;
  font-size:15px;
  fill:#fff;
  pointer-events: none;
}

/*--------------Responsive Media Queries to Follow--------------*/

@media all and (max-width: 770px){
/*
  body {
    margin-top: 150px;
  }
*/
  #pushdown {
    margin-top: 215px;
  }
  .content {
    padding: 0px 5px;
  }
  .page-header {
    padding: 0 0 10px 0;
  }
  .nav-buttons {
    width: 300px;
  }
  .nav-buttons a {
    font-size: 16px;
    padding: 5px;
  }
  .logo-w {
    width: 75px;
  }
  .pic-slide {
    margin: 0;
    width: 100%;
  }
  .map-small {
    width: 100%;
    min-height: 700px;
  }
  .directions {
    width: 90%;
  }
  .img-strip h1 {
    font-size: 35px;
    margin-top: 5px;
    margin-bottom: -10px;
  }
  #desktop-map {
    padding-bottom: 35px;
    box-sizing: border-box;
  }
  #westana-sitemap {
  width: 100%;
  }
  .sitemap-specs {
  width: 95%;
  float: none;
  margin-left: 15px;
  }
}

@media all and (max-width: 500px){
  #sitemap-legend li {
    float: none;
    margin-left: -30px;
  }
  .photo-hero {
    opacity: 0;
    height: 150px;
  }
  .button-burg {
    font-size: 1.25em;
  }
}

@media all and (max-width: 420px){
  .map-small {
    width: 100%;
    min-height: 410px;
  }
}

@media all and (max-width: 350px){
  .desktop-hide {
  display: inline;
  }
  #desktop-map {
    display: none;
  }
  #widthBump {
    margin-top: 70px;
  }
  .map-small {
    width: 100%;
    min-height: 350px;
  }
 
  
}