/*
Theme Name: Pogo Carshare 2014
Theme URI: http://pixeldesigns.ca
Author: Katrina Isabelle @ Pixel Designs
Author URI: http://pixeldesigns.ca
Description: This theme was designed and built for Pogo Carshare in 2014.


--------------------
Legend          
--------------------

  # Header
  # Body

  # Base styles: opinionated defaults
  # Browse Happy prompt
  # Helper classes

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


/*
  .dP"Y8 88 888888 888888     .dP"Y8 888888 Yb  dP 88     888888 .dP"Y8 
  `Ybo." 88   88   88__       `Ybo."   88    YbdP  88     88__   `Ybo." 
  o.`Y8b 88   88   88""       o.`Y8b   88     8P   88  .o 88""   o.`Y8b 
  8bodP' 88   88   888888     8bodP'   88    dP    88ood8 888888 8bodP' 
*/


/* ==========================================================================
   SITE STYLES
   ========================================================================== */

html{
  height: 100%;
}
body{
  height: 100%;
  position: relative;
  font-family: 'Whitney A', 'Whitney B';
  font-weight: 200;
  font-size: .85em;
/*  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;*/
}
.ie8 body{
  font-family: 'Verdana', 'Arial', sans-serif;
  font-size: .8em;
}

.container{
  max-width: 1070px;
}

.affix{
  /*transform: none;*/
}
#wrapper{
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -56px;
}
.footer, .push {
  height: 56px; /* .push must be the same height as .footer */
}
@media all and (max-width: 767px){
  .push{
    display: none;
  }
  #wrapper{
    margin: 0 auto;
  }
  .footer{
    height: auto;
  }
}

a.to-top{
  display: none;
  margin-bottom: 1.2em;
  font-size: .9em;
  font-weight: 500;
}
@media all and (max-width: 767px){
  a.to-top{
    display: block;
  }
}



/*
  888888 Yb  dP 88""Yb  dP"Yb   dP""b8 88""Yb    db    88""Yb 88  88 Yb  dP 
    88    YbdP  88__dP dP   Yb dP   `" 88__dP   dPYb   88__dP 88  88  YbdP  
    88     8P   88"""  Yb   dP Yb  "88 88"Yb   dP__Yb  88"""  888888   8P   
    88    dP    88      YbodP   YboodP 88  Yb dP""""Yb 88     88  88  dP    
*/


/*  Typography
============================================================================ */

b, strong{
  font-weight: 500;
}


a, a:visited{
  color: #F05529;
  transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
}
a:hover, a:active{
  color: #4D4D4D;
  text-decoration: none;

}

*::selection{
  background:none;
}
*:active {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -moz-tap-highlight-color: rgba(0,0,0,0);
  tap-highlight-color: rgba(0,0,0,0);
}
*:active,*:focus {
  outline: none;
}

p{
  margin-bottom: 1em;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600;
}

h2{
  font-size: 1.9em;
  margin: .9em 0 .4em;
}
h3{
  font-weight: 400;
  font-size: 1.7em;
  color: #F05529;
  margin: 1.4em 0 .6em;
}
h4{
  font-size: 1.2em;
  font-weight: 500;
  margin: 1.5em 0 .7em;
}
h5{
  font-size: 1.2em;
  margin: .9em 0 .4em;
}

h3:focus{
  outline: none;
}


/*
  88  88 888888    db    8888b.  888888 88""Yb 
  88  88 88__     dPYb    8I  Yb 88__   88__dP 
  888888 88""    dP__Yb   8I  dY 88""   88"Yb  
  88  88 888888 dP""""Yb 8888Y"  888888 88  Yb 
*/


/* =========================== */
/*  # Header        
/* =========================== */

.header{
  padding-top: 1.75em;
  height: 167px;
  background: url('images/ui/header-background.svg') center bottom no-repeat;
}
.no-svg .header{
  background: url('images/ui/header-background.png') center bottom no-repeat;
}
@media all and (max-width: 550px){
  .header{
    height: auto;
    /* todo: switch to a mobile optimized background image */
    background: url('images/ui/header-background-mobile.svg') left bottom no-repeat;
  }
  .no-svg .header{
    background: url('images/ui/header-background-mobile.png') left bottom no-repeat;
  }
  .header .logo, .header .navigation{
    width: 50%;
  }
}
@media all and (max-width: 767px){
  .page-id-28 .header{
    height: auto;
    /* todo: switch to a mobile optimized background image */
    background: url('images/ui/header-background-mobile.svg') left bottom no-repeat;
  }
  .no-svg .page-id-28 .header{
    background: url('images/ui/header-background-mobile.png') left bottom no-repeat;
  }
  .page-id-28 .header .logo, .page-id-28 .header .navigation{
    width: 50%;
  }
}


.header .logo a{
  background: url('images/ui/pogo-logo.svg') no-repeat;
  width: 260px;
  height: 95px;
  background-size: cover;
  display: block;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
}
.header .logo p{
  text-indent: -99999px;
}
.no-svg .header .logo a{
  background: url('images/ui/pogo-logo.png') no-repeat;
  width: 260px;
  height: 95px;
}
@media all and (max-width: 991px){
  .header .logo a{
    width: 200px;
    height: 74px;
  }
}
@media all and (max-width: 767px){
  .header .logo{
    padding-top: 10px;
    padding-bottom: 30px;
  }
}



.header-border{
  width: 100%;
  height: 7px;
  background: #F05529;
}

.header-container{
  position: relative;
}



ul.nav{
  margin: 0;
}
.nav>li{
  float: left;
}
.nav>li>a{
  color: #4D4D4D;
}
.nav>li>a:hover, .nav>li>a:focus{
  background: none;
  color: #F05529;
}

.nav.sign-in{
  /*margin-bottom: 2.2em;*/
  margin-bottom: 2em;
  margin-top: .35em;
}
.nav.sign-in>li>a{
  font-size: 1.1em;
  font-weight: 500;
  color: white;
  background: #4D4D4D;
  border-radius: 10px;
  border-radius: 0 10px 10px 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: .55em 1em;
}
.nav>li.sign-up>a{
  background: #F05529;
  border-radius: 10px 0 0 10px;
}
.nav>li.sign-up>a:hover{
  background: #F87955;
}
.nav>li.log-in>a:hover{
  background: #666666;
}


/*.main-menu{
  display: none;
}
.page-template-default .main-menu{
  display: block;
}*/
.main-menu a{
  font-size: 1.25em;
  line-height: 1.8em;
  font-weight: 300;
}
.main-menu li.active a{
  font-weight: 500;
  position: relative;
  padding-left: 28px;
}
#menu-item-183.active a{
  padding-left: 15px;
  font-weight: 300;
}
.ie8 .main-menu li.active a{
  font-weight: bold;
}
.main-menu li.active a:before{
  content: '';
  position: absolute;
  left: 9px;
  top: 33%;
  width: 14px;
  height: 18px;
  background: url('images/ui/tiny-pin.svg') no-repeat;
}
.no-svg .main-menu li.active a:before{
  background: url('images/ui/tiny-pin.png') no-repeat;
}
#menu-item-183.active a:before{
  display: none; /* FAQs */
}

@media all and (max-width: 767px){
  .main-menu, .nav.sign-in{
    display: none;
  }
}

.nav.social-media{
  margin-left: 1em;
}
.nav.social-media a{
  font-size: 1.8em;
  padding: 10px 3px;
}

@media all and (max-width: 992px) and (min-width: 768px){
  .logo{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
  }
  .navigation{
    width: 100%;
  }
  .nav.social-media,
  .nav.main-menu{
    font-size: .9em;
  }
}
@media (max-width: 767px){
  .nav.main-menu{
    display: none;
  }
}

@media (max-width: 992px){
  .container {
    /*width: auto !important;*/
  }
}

.navbar.mobile-nav{
  display: none;
}
.mobile-nav{
  display: none;
}
.mobile-nav ul.nav>li{
  float: none;
  display: block;
  width: 100%;
  margin-bottom: .3em;
}
.mobile-nav ul.nav>li>a{
  border-radius: 10px;
  text-align: center;
}

.mobile-nav p.coming-soon{
  color: #4D4D4D;
  font-weight: 500;
  font-size: 1.4em;
  text-align: center;
  margin: 0 0 .9em 0;
  display: none;
}

.navbar.mobile-nav{
  margin-bottom: 0;
  background: #F05529;
  color: #fff;
  border-bottom: 1px solid #F27857;
}
.navbar.mobile-nav .navbar-header{
  padding: 0 15px;
}
#main-mobile-nav{
  padding: 0;
}
.navbar.mobile-nav .navbar-header span{
  line-height: 50px;
  text-transform: uppercase;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 1px;
}
.navbar.mobile-nav .navbar-toggle{
  margin-right: 0;
  border: 0;
}
#main-mobile-nav-toggle{
  display: block;
  color: #fff;
  text-decoration: none;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus{
  background: none;
}
.navbar.mobile-nav .navbar-toggle .icon-bar{
  background-color: #fff;
}
.navbar.mobile-nav ul>li{
  border-bottom: 1px solid #F27857;
  margin: 0;
}
.navbar.mobile-nav ul>li:first-child{
  border-top: none;
}
.navbar.mobile-nav ul>li>a{
  text-align: left;
  color: #fff;
  padding: .8em 15px;
  border-radius: 0;
  font-size: 1.1em;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.navbar.mobile-nav ul>li>a:hover,
.navbar.mobile-nav ul>li>a:active,
.navbar.mobile-nav ul>li>a:focus,
.navbar.mobile-nav ul>li.active>a,
.navbar.mobile-nav ul>li.active>a:hover{
  background: #F16D49;
  color: #fff;
}
.navbar.mobile-nav ul>li.active>a{
  /*background: #F27857;*/
}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form{
  border-color: #F16D49;
  /*border-color: #F27857;*/
  border: none;
}

@media all and (max-width: 767px){
  .nav.sign-in{
    display: none;
    margin-bottom: 1em;
  }
  .navbar.mobile-nav{
    display: block;
  }
  .nav.social-media{
    margin-top: 1.2em;
  }
  .header-border{
    display: none;
  }
}
@media all and (max-width: 550px){
  .mobile-nav{
    display: block;
  }
  /* center logo when coming soon appears */
  .header .logo{
    /*width: 100%;*/
  }
  .header .logo a{
    margin: 0 auto;
  }
}
@media all and (max-width: 350px){
  .header .logo a{
    width: 150px;
    height: 55px;
  }
  .nav.social-media{
    font-size: .9em;
  }
}
@media all and (max-width: 300px){
  .header .logo a{
    width: 150px;
    height: 55px;
  }
  .nav.social-media{
    display: none;
  }
}


/*
     db    88""Yb 88""Yb     88""Yb 88   88 888888 888888  dP"Yb  88b 88 .dP"Y8 
    dPYb   88__dP 88__dP     88__dP 88   88   88     88   dP   Yb 88Yb88 `Ybo." 
   dP__Yb  88"""  88"""      88""Yb Y8   8P   88     88   Yb   dP 88 Y88 o.`Y8b 
  dP""""Yb 88     88         88oodP `YbodP'   88     88    YbodP  88  Y8 8bodP' 
*/

/* =========================== */
/*  # App Buttons              
/* =========================== */


.nav.app-buttons{
  margin-left: 1em;
}
.nav.app-buttons li{
  float: none;
  margin-bottom: .1em;
}
.nav.app-buttons li a{
  padding: 0;
}

.nav.app-buttons.mobile{
  display: none;
  margin-top: -0.5em;
  margin-bottom: 1em;
}
.nav.app-buttons.mobile li{
  margin-bottom: .3em;
}
.nav.app-buttons.mobile li img{
  width: 87px;
  height: auto;
}

@media all and (max-width: 767px){
  .nav.app-buttons{
    display: none;
  }
  .nav.mobile.app-buttons{
    display: block;
  }
}


/* =========================== */
/*  # Body              
/* =========================== */

#main{
  font-size: 1.1em;
}


/*
  88""Yb 88 88""Yb 88""Yb  dP"Yb  88b 88 
  88__dP 88 88__dP 88__dP dP   Yb 88Yb88 
  88"Yb  88 88""Yb 88""Yb Yb   dP 88 Y88 
  88  Yb 88 88oodP 88oodP  YbodP  88  Y8 
*/


/*  Ribbon             
/* =========================== */

.ribbon-wrapper {
  width: 311px;
  height: 280px;
  overflow: hidden;
  position: absolute;
  top: -10px;
  right: 0;
}

.ribbon {
  font: bold 18px;
  color: #333;
  font-size: 1.45em;
  font-weight: 500;
  text-align: center;
  -webkit-transform: rotate(41deg);
  -moz-transform: rotate(41deg);
  -ms-transform: rotate(41deg);
  -o-transform: rotate(41deg);
  position: relative;
  padding: 11px 0;
  left: -5px;
  top: 79px;
  width: 386px;
  background-color: #F16D49;
  background-color: #F05529;
  color: #FFF;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon:before, .ribbon:after {
  content: "";
  border-top:   3px solid #B4521D;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon:before {
  left: 0;
}
.ribbon:after {
  right: 0;
}


.ie8 .ribbon-wrapper{
  top: -11px;
  width: 291px;
  background: transparent url('images/ui/coming-fall-2014.png') no-repeat;
}
.ie8 .ribbon-wrapper .ribbon{
  display: none;
}

@media all and (max-width: 767px){
  .ribbon-wrapper{
    width: 290px;
    height: 272px;
    top: -9px;
  }
  .ribbon{
    left: 47px;
    top: 58px;
    width: 306px;
    font-size: 1.15em;
  }
}
@media all and (max-width: 550px){
  .ribbon-wrapper{
    display: none;
  }
}



/*
  88  88  dP"Yb  8b    d8 888888 
  88  88 dP   Yb 88b  d88 88__   
  888888 Yb   dP 88YbdP88 88""   
  88  88  YbodP  88 YY 88 888888 
*/


/* =========================== */
/*  # Home              
/* =========================== */


.home #banner{
  height: 625px;
  overflow: hidden;
  background: url('https://pogocarshare.com/wp-content/uploads/2016/04/car_background_for_mobile.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;  
  /*background: url('images/ui/map-zone-static.png') center top no-repeat;*/
  position: relative;
  /*ribbon*/
  z-index: 90;
  border-bottom: 1px solid #ccc;
}
.home #banner .container{
  position: relative;
}
@media all and (max-width: 550px){
  .home #banner[style]{
    /*background: none !important;*/
    padding-top: 175px;
    height: auto;
  }
}


.home #orange-box h3{
  color: #fff;
  font-weight: 600;
  font-size: 1.5em;
}
.home #orange-box h4{
  font-size: 1.3em;
  margin: .9em 0 .4em;
  font-weight: 600;
}
.home #orange-box h2{  /* ready to get started? */
  font-size: 1.7em;
}


#orange-box{
  color: #fff;
  width: 100%;
  max-width: 250px;
  position: absolute;
  right: 40px;
  top: 150px;
  background: #F05529;
  background: rgba(240, 85, 41, 0.88);
  /*padding: 2.5em 2.5em 2.5em 3.5em;*/
  /*padding: 2.5em 2em;*/
  /*padding: 2em 2em .9em 2em;*/
  padding: 1.7em 1.7em .8em 1.7em;
  /*font-size: 1.05em;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
}
#orange-box:hover {
   background: #f58e70;
   color: #7f7f7f;
}
#orange-box p{
  font-size: 125%;
}

@media all and (max-width: 900px){
  #orange-box{
    max-width: 555px;
  }
}
@media all and (max-width: 767px){
  #orange-box{
    padding: 1.5em 1.5em .9em;
    max-width: 460px;
  }
}
@media all and (max-width: 600px){
  #orange-box{
    max-width: 455px;
  }
  .gap_100 {
    display: none;
  }
  .gap_75 {
    display: none;
  }
  .gap_50 {
    display: none;
  }
}
@media all and (max-width: 550px){
  #orange-box{
    position: static;
    max-width: 100%;
  }
  .home #banner .container{
    padding: 0;
  }
  .gap_100 {
    display: none;
  }
  .gap_75 {
    display: none;
  }
  .gap_50 {
    display: none;
  }
}

#orange-box h3:first-child{
  margin-top: 0;
}

#orange-box p{
  font-size: 1.05em;
  margin-bottom: 1.1em;
}

#orange-box hr{
  border-color: #fff;
  opacity: 0.3;
  margin: 2.1em 0;
}
#orange-box hr + * {
  margin-top: 0;
}


.home #primary{
  
  padding: 0 0 0 0;
}
@media all and (max-width: 1199px){
  .home #primary{
      background: none;
  }
}
@media all and (max-width: 991px){
  .home #primary{
    background: none;
  }
}

.home #primary h3{
  color: #F05529;
  font-weight: 500;
  font-size: 1.65em;
  margin-top: 1.8em;
}
.home #primary h4{
  font-size: 1.3em;
  margin: .9em 0 .4em;
  font-weight: 600;
}
.home #primary h2{  
  font-size: 1.7em;
} 

.home #primary p, .home #primary ul{
  max-width: 660px;
}
.home #primary ul{
  margin: .5em 0 .5em 1.5em;
}
.home #primary ul li{
  margin-bottom: .8em
}


/*
 *JAMES' ADDITIONS
  JAMES' ADDITIONS
  JAMES' ADDITIONS
  JAMES' ADDITIONS
*/

   .gap_100 {
          width: 100%;
          height: 100px;
        }
        .gap_75 {
          width: 100%;
          height: 75px;
        }
        .gap_50 {
          width: 100%;
          height: 50px;
        }
        .gap_25 {
          width: 100%;
          height: 25px;
        }
        
   .font_20 {
    font-size:20px;
   }
   .padding {
    margin-left: 30px;
    margin-right: 30px;        
   }
   
   .center-align {
    display:block;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
   }
   
  .grey_cont {
    background: #f1f0f0;
  }
  
  .circle_image_size {
   height: 150px;
   width: 150px;
  }
  
  .mike_james {
    height: 620px;
    background-image:url("https://pogocarshare.com/wp-content/uploads/2016/04/jamesie.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;  
  }

/*
  88""Yb    db     dP""b8 888888 
  88__dP   dPYb   dP   `" 88__   
  88"""   dP__Yb  Yb  "88 88""   
  88     dP""""Yb  YboodP 888888 
*/


/* =========================== */
/*  # Page              
/* =========================== */


#primary{
  overflow: hidden;
}

#banner-inner{
  height: 225px;
  width: 101%;
}
@media all and (min-width: 1100px){
  #banner-inner{
    height: 250px;
  }
}
@media all and (min-width: 1500px){
  #banner-inner{
    height: 275px;
  }
}
@media all and (max-width: 500px){
  #banner-inner{
    height: 150px;
  }
}

article.hentry{
  position: relative;
  margin: 0;
}
#background {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50%;
  height: 100%;
  background: #F2F2F2; 
  z-index: -1;
}

article .entry-header{
  background: #F16D49 url('images/ui/page-heading-texture.svg');
  color: #FFF;
  padding: 2.85em 0;
  margin: 0;
}
.no-svg article .entry-header{
  background: #F16D49 url('images/ui/page-heading-texture.png');
}
.entry-header h2{
  margin: 0;
  font-weight: 400;
}

article .page-sidebar, article .entry-content{
  padding: 3.1em 15px;
}
article .page-sidebar{
  padding-right: 50px;
}
.sidebar-template article .entry-content{
  padding-left: 50px;
  background: #fff;
}
@media all and (max-width: 1030px){
  article .page-sidebar{
    padding-right: 30px;
  }
  .sidebar-template article .entry-content{
    padding-left: 30px;
  }
}
@media all and (max-width: 767px){
  .sidebar-template article .entry-content{
    padding: 2em 15px;
  }
  #background{
    display: none;
  }
  article .page-sidebar{
    padding: 1px 15px;
    background: #F2F2F2;
    position: -webkit-sticky;
  }
}


.page-sidebar .navbar-header{
  display: none;
}
@media all and (max-width: 767px){
  .page-sidebar .navbar-header{
    display: block;
  }
}
article .page-sidebar .navbar-toggle .icon-bar{
  background: #999;
}
article .page-sidebar .navbar,
article .page-sidebar .navbar-toggle{
  margin: 0;
}
article .page-sidebar .nav-label{
  float: none;
  display: block;
  padding: 0;
  position: relative;

  color: #999;
  text-transform: uppercase;
  line-height: 50px;
  letter-spacing: 1px;
  font-size: .9em;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.page-sidebar .nav-label span{
  float: right;
  line-height: 51px;
}
.page-sidebar .nav-label.collapsed span.icon-caret-down-two,
.page-sidebar .nav-label span.icon-caret-right{
  display: none;
}
.page-sidebar .nav-label.collapsed span.icon-caret-right{
  display: inline;
}
article .page-sidebar .navbar-collapse{
  padding: 0;
}


.page-subnav{
  font-size: 1.15em;
  width: 228px;
  top: 2em;
}
@media all and (max-width: 1200px){
  .page-subnav{
    width: 177px;
  }
}
@media all and (max-width: 1200px){
  .page-subnav{
    width: 177px;
  }
}
@media all and (max-width: 1030px){
  .page-subnav{
    width: 197px;
  }
}
@media all and (max-width: 767px){
  .page-subnav{
    width: auto;
    position: static !important;
  }
}
.page-subnav li{
  float: none;
  border-top: 1px solid #ccc;
}
.page-subnav li:first-child{
  border-top: none;
  padding-top: 0;
}
.page-subnav>li>a{
  display: block;
  padding: .4em 0;
  color: #4D4D4D;
}
.page-subnav a:hover, 
.page-subnav a:active{
  color: #F05529;
  text-decoration: none;
  padding-left: .3em;
}
.page-subnav>li.active>a{
  color: #F05529;
  font-weight: 400;
  position: relative;
  padding-left: 1.2em;
}
.ie8 .page-subnav>li.active>a{
  padding-left: 0;
}
.page-subnav li a:before{
  content: '';
  position: absolute;
  left: 0;
  top: 28%;
  width: 14px;
  height: 18px;
  background: none;
}
.page-subnav li.active a:before{
  background: url('images/ui/tiny-pin.svg') no-repeat;
}
.no-svg .page-subnav li.active a:before{
  background: url('images/ui/tiny-pin.png') no-repeat;
}
.ie8 .page-subnav li.active a:before{
  background: none;
}

@media all and (max-width: 767px){
  .page-subnav li:first-child{
    border-top: inherit;
  }
  .page-subnav li a:before,
  .page-subnav li.active a:before{
    background: none;
  }
  .page-subnav>li>a,
  .page-subnav>li.active>a{
    font-size: .9em;
    padding: .7em 0;
    font-weight: 300;
    color: #F16D49;
  }
  .page-subnav>li.active>a:hover,
  .page-subnav>li>a:hover{
    color: #4D4D4D;
    text-decoration: none;
    padding-left: .3em;
  }
}


article .entry-content{
  margin: 0;
  padding-bottom: 15em;
}
article .entry-content h3:first-child{
  margin-top: -1.4em;
}
.entry-content h3{
  margin-top: 0;
  padding-top: 1.4em;
}
.entry-content hr{
  /*margin: 0 0 1em;*/
  margin: 0;
  padding: 2.2em 0 0 0;
  background: #fff url('images/ui/pogo-icon-car.svg') 0% bottom no-repeat;
}
.no-svg .entry-content hr{
  background: #fff url('images/ui/pogo-icon-car.png') 0% bottom no-repeat;
}
.entry-content hr.divider-2{
  background-position: 20% bottom;
}
.entry-content hr.divider-3{
  background-position: 40% bottom;
}
.entry-content hr.divider-4{
  background-position: 60% bottom;
}
.entry-content hr.divider-5{
  background-position: 80% bottom;
}
.entry-content hr.divider-6{
  background-position: 100% bottom;
}

.edit-link{
  float: right;
}

.home .content-area ul,
.entry-content ul{
  list-style: none;
  margin-left: 0em;
  padding-left: 1em;
}
.entry-content ol{
  margin-left: 0em;
}
.home .content-area li>ul,
.entry-content li>ul, .entry-content li>ol{
  /*margin-left: .9em;*/
  list-style-type: circle;
  font-size: .95em;
}
.home .content-area ul li,
.entry-content ul li{
  position: relative;
  padding-left: 1.5em;
}
.home .content-area ul li:before,
.entry-content ul li:before {
  font-family: 'pogo-carshare';
  content: "n";
  margin-right: .5em;
  vertical-align: bottom;
  color: #F05529;
  position: absolute;
  left: 0;
}
li.gfield:before, .gfield_checkbox li:before{
  display: none;
}
.home .content-area li>ul li { padding-left: 0; }
.entry-content li>ul li{ padding-left: 0; }

.home .content-area li>ul li:before,
.entry-content li>ul li:before{
  content: '';
  margin: 0;
}

.entry-content ul {
  list-style-type: none;        
}


/*
     db     dP""b8  dP""b8  dP"Yb  88""Yb 8888b.  88  dP"Yb  88b 88 
    dPYb   dP   `" dP   `" dP   Yb 88__dP  8I  Yb 88 dP   Yb 88Yb88 
   dP__Yb  Yb      Yb      Yb   dP 88"Yb   8I  dY 88 Yb   dP 88 Y88 
  dP""""Yb  YboodP  YboodP  YbodP  88  Yb 8888Y"  88  YbodP  88  Y8 
*/

.accordion{
  margin: 1.5em 0;
}
h5.accordion-title{
  font-weight: 500;
  font-size: 1.05em;
  color: #F05529;
  position: relative;
  line-height: 1.4;
  padding-left: 1.5em;
}
h5.accordion-title:before{
  font-family: 'pogo-carshare';
  content: "q";
  margin-right: .5em;
  vertical-align: bottom;
  font-size: .9em;
  position: absolute;
  left: 0;
}
h5.accordion-title.open:before{
  font-family: 'pogo-carshare';
  content: "r";
  margin-right: .5em;
  vertical-align: bottom;
}

h5.accordion-title:hover, h5.accordion-title.open{
  cursor: pointer;
  color: #333;
}
.accordion-content{
  margin-top: .8em;
  padding-left: 1.5em;
}



/*
  888888  dP"Yb  88""Yb 8b    d8 .dP"Y8 
  88__   dP   Yb 88__dP 88b  d88 `Ybo." 
  88""   Yb   dP 88"Yb  88YbdP88 o.`Y8b 
  88      YbodP  88  Yb 88 YY 88 8bodP' 
*/


/* =========================== */
/*  # Forms              
/* =========================== */

/* GENERAL 
---------------------------------------------- */

#main .gform_wrapper{
  color: #4D4D4D;
  font-family: 'Whitney A', 'Whitney B';
  /*max-width: 700px;*/
  font-size: .9em;
  max-width: 100%;
}
.ie8 #main .gform_wrapper{
  font-family: 'Verdana', 'Arial', sans-serif;
}
#main .gform_wrapper .ginput_complex{
  max-width: 700px;
}
#main .gform_wrapper select{
  font-size: .9em;
  border: 1px solid #666;
  margin-right: 5px;
  color: #666;
}

#main .gform_wrapper ul li.gfield{
  margin-bottom: 8px;
  padding-left: 0;
}

#main .gform_wrapper .ginput_complex .ginput_left,
#main .gform_wrapper .ginput_complex .ginput_right,
#main .gform_wrapper .top_label li.gfield.gf_left_half,
#main .gform_wrapper .top_label li.gfield.gf_right_half{
  max-width: 320px;
  float: left;
}
#main .gform_wrapper .top_label li.gfield.gf_left_half{
  padding-right: 10px;
}

#main .gform_wrapper .gsection .gfield_label, 
#main .gform_wrapper h2.gsection_title, 
#main .gform_wrapper h3.gform_title{
  color: #F05529;
  font-weight: normal;
  font-size: 1.7em;
}

#main .gform_wrapper .ginput_complex label, 
#main .gform_wrapper .gfield_time_hour label, 
#main .gform_wrapper .gfield_time_minute label, 
#main .gform_wrapper .gfield_date_month label, 
#main .gform_wrapper .gfield_date_day label, 
#main .gform_wrapper .gfield_date_year label, 
#main .gform_wrapper .instruction{
  font-weight: normal;
  letter-spacing: 0;
  color: #888;
  margin: .3em 0 .4em 0;
}

#main .gform_wrapper .gsection{
  border-bottom: 3px solid #CCC;
  padding: 1em 0;
}

#main .gform_wrapper .top_label .gfield_label{
  font-weight: 500;
  font-size: 1.1em;
  margin: .8em 0 .4em;
}

#main .gform_wrapper textarea,
#main .gform_wrapper input[type=text], 
#main .gform_wrapper input[type=url], 
#main .gform_wrapper input[type=email], 
#main .gform_wrapper input[type=tel], 
#main .gform_wrapper input[type=number], 
#main .gform_wrapper input[type=password],
form input{
  border: 1px solid #ccc;
  padding: .5em .7em;
  color: #666;
  font-size: 1.05em;
  max-width: 300px;
}
#main .gform_wrapper textarea{
  max-width: 450px;
}
form button, form input[type=button]{
  border: none;
}
#main .gform_wrapper input:focus,
#main .gform_wrapper textarea:focus{
  border: 1px solid #FD9071;
}

#main .gform_wrapper .gfield_checkbox li label, 
#main .gform_wrapper .gfield_radio li label{
  font-weight: normal;
}
#main .gform_wrapper .gfield_date_year{
  width: 67px;
}
#main .gform_wrapper .gfield_date_month, 
#main .gform_wrapper .gfield_date_day, 
#main .gform_wrapper .gfield_date_year{
  margin-right: 0;
}

form input{
  padding: .5em .8em;
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
}
form button, form input[type=button], form input[type=submit], .sidebar-template form input[type=submit]{
  border: none;
  background: #F16D49;
  color: #fff;
  /*border-radius: 10px;*/
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
} 
form button:hover, form input[type=button]:hover,  form input[type=submit]:hover{
  background: #FF8663;
}
form button:active, form input[type=button]:active,  form input[type=submit]:active{
  border: none; outline: none;
}
.gform_wrapper input[type=submit]{
  background: #4D4D4D;
}
.gform_wrapper input[type=submit]:hover{
  background: #666666;
}

::-webkit-input-placeholder{
  color: #ccc;
}
:-moz-placeholder{
  color: #ccc;  
}
::-moz-placeholder{
  color: #ccc;
}
:-ms-input-placeholder {
   color: #ccc;
}


#main .gform_wrapper .gf_step{
  font-family: inherit;
  font-weight: 500;
  color: #F16D49;
}
#main .gform_wrapper .gf_page_steps{
  border-bottom-style: solid;
  border-color: #e6e6e6;
  /*text-align: center;*/
  border-bottom: 0;
}
#main .gform_wrapper .gform_page_footer{
  border-top-style: solid;
  border-color: #e6e6e6;
  /*border-top: 0;*/
}

#main .gform_wrapper .gfield_description{
  font-family: inherit;
  font-size: .75em;
  font-weight: normal;
  color: #888;
  padding: 0;
  margin: .3em 0 .4em 0;
}

#main .gform_wrapper .gfield_required{
  color: #777;
}

#main .gform_wrapper .ginput_complex label{
  margin-bottom: 1.2em;
}
#main .gform_wrapper .ginput_complex select{
  margin-bottom: 0;
}

#main .gform_wrapper .gform_footer{
  margin-top: 0;
}


/* FORM ERRORS
---------------------------------------------- */

#main .gform_wrapper div.validation_error{
  color: #F16D49;
  font-weight: normal;
}

#main .gform_wrapper .gfield_error input[type=text], 
#main .gform_wrapper .gfield_error input[type=url], 
#main .gform_wrapper .gfield_error input[type=email], 
#main .gform_wrapper .gfield_error input[type=tel], 
#main .gform_wrapper .gfield_error input[type=number], 
#main .gform_wrapper .gfield_error input[type=password],
form input{
  border: 1px solid #FD9071;
}

#main .gform_wrapper li.gfield.gfield_error.gfield_contains_required,
#main .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
#main .gform_wrapper .top_label .gfield_description.validation_message{
  padding: 0 !important;
  margin: 0 !important;
  font-family: inherit;
  font-weight: 600;
  color: #F05529; color: #FF6E45;
}
#main .gform_wrapper .gfield_error .gfield_label{
  color: #4D4D4D;
}
#main .gform_wrapper .top_label .gfield_description.validation_message,
#main .gform_wrapper .gfield_description.validation_message{
  font-family: inherit;
  font-weight: 600;
  /*font-size: .8em; */
  font-size: .9em;
  padding: 0 !important;
  /*margin: 0.4em 0 0.5em 0 !important;*/
  margin: .6em 0 .8em 0 !important;
}

#main .gform_wrapper li.gfield.gfield_error{
  padding: 0 !important;
  margin: 0 !important;
  border: none;
  background: none;
}


/* FORM SPECIFIC
---------------------------------------------- */

/* Sign-up Form Agreements Section */

.gform_wrapper #agreements h3{
  margin: 0.3em 0 1em;
  padding: 0.8em 0 0;
}
.gform_wrapper #agreements h4 span.download{
  font-size: .85em;
  font-weight: 400;
  float: right;
}
.gform_wrapper #agreements h5{
  color: #F05529;
  font-size: 1em;
  margin-top: 1.5em;
  margin-bottom: 1em;
}
.gform_wrapper #agreements h5 span.subheading{
  display: block;
  font-weight: 500;
  color: #4D4D4D;
  margin: .4em 0;
}
.gform_wrapper #agreements p{
  margin-bottom: .7em;
}
.gform_wrapper #agreements p strong{
  font-weight: 500;
}
.gform_wrapper #agreements ol{
  margin: 1em 0 .5em 1.7em;
}

#agreements .parking-rules h5{
  margin-bottom: .7em;
}
#agreements .parking-rules p{
  line-height: 1.7;
  margin-bottom: .6em;
}

.gform_wrapper #agreements .privacy-policy h5{
  margin-bottom: .6em;
  margin-top: 1.3em;
}
.gform_wrapper #agreements .privacy-policy ul {
  margin: .5em 0 1em 1.7em !important;
}
.gform_wrapper #agreements .privacy-policy ul li{
  list-style: disc !important;
  margin-bottom: .2em;
}

/* Pre-Registration Form */

#main .pre-registration-form_wrapper{
  margin: 0;
}
.pre-registration-form{
  margin-top: 1.3em;
}
.pre-registration-form .gform_body{
  display: inline-block;
  width: 80%;
  max-width: 300px;
}
.gform_wrapper .pre-registration-form .gform_footer{
  display: inline-block;
  width: 62px; width: 53px; 
  padding: 0;
  margin: 0;
}

.pre-registration-form input,
#main .gform_wrapper .pre-registration-form input,
.pre-registration-form button{
  width: 100% !important;
  border: none !important;
  padding: .75em 1em;
  vertical-align: middle;
  height: 42px;
}
.pre-registration-form input{
  border-radius: 12px 0 0 12px;
  width: 240px;
  /* aligns image to the vertical center and horizontal right of its container with a small amount of padding between the right edge */
  background: #FFF url('images/ui/pogo-icon-car.svg') 70% center no-repeat;
  background-size: 29px 18px;
  transition: all .7s;
  -moz-transition: all .7s;
  -webkit-transition: all .7s;
  -o-transition: all .7s;
}
.no-svg .pre-registration-form input{
  background: #FFF url('images/ui/pogo-icon-car.png') 70% center no-repeat;  
}
@media all and (max-width: 400px){
  .pre-registration-form input{
    background: #FFF url('images/ui/pogo-icon-car.svg') 78% center no-repeat;
    background-size: 29px 18px;
  }
  .no-svg .pre-registration-form input{
    background: #FFF url('images/ui/pogo-icon-car.png') 78% center no-repeat;  
    background-size: 29px 18px;
  }
}
.pre-registration-form input:focus{
  background: #FFF url('images/ui/pogo-icon-car.svg') 94% center no-repeat;
  background-size: 29px 18px;
}
.no-svg .pre-registration-form input:focus{
  background: #FFF url('images/ui/pogo-icon-car.png') 94% center no-repeat;
}
.pre-registration-form input[type=submit]{
  background: #4D4D4D;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 0 12px 12px 0;
  letter-spacing: 1px;
  margin-left: -3px;
  width: 59px;
}
.ie8 .pre-registration-form input[type=submit]{
  margin-left: -5px;
}
.pre-registration-form input[type=submit]:hover{
  background: #666;
  /*color: #F05529;*/
  /*background-image: url('images/ui/');*/
}
.pre-registration-form .gform_confirmation_message{
  font-weight: normal;
  font-size: 1.1em;
}

#main .gform_wrapper .pre-registration-form li.gfield.gfield_error{
  padding-bottom: 2.25em !important;
}
#main .gform_wrapper .pre-registration-form .top_label .gfield_error .ginput_container,
#main .gform_wrapper .pre-registration-form .top_label .gfield_error{
  width: 100%; max-width: 100%;
}
#main .gform_wrapper .pre-registration-form div.validation_error{
  color: #fff;
  margin-bottom: .8em;
}
#main .gform_wrapper .pre-registration-form .top_label .gfield_description.validation_message{
  color: #fff;
  font-weight: 400;
  position: absolute;
  bottom: 0;
}
#main .gform_wrapper .pre-registration-form .gfield_error input[type=email]{
  color: #FF9A85;
}
#main .gform_wrapper .pre-registration-form .gfield_error input[type=email]:focus{
  color: #666666;
}

/* Sign Up Form */

#main .gform_wrapper li.validate-pass .gfield_label .gfield_required,
#main .gform_wrapper li.validate-pin .gfield_label .gfield_required{
  color: #fff;
}
li.gfield.agreements-checklist{
  margin-top: -1.4em;
}
h5.form-notice{
  /*color: #FF6E45;*/
  margin: 1.7em 0 .5em;
}
#terms-of-service h3{
  margin: 0.3em 0 1em;
}


/* Coupon Field */
#field_3_53{
  font-size: .85em;
}  
.gform_wrapper input#gf_coupon_button.button{
  background: #4D4D4D;  
}
.gform_wrapper input#gf_coupon_button.button:hover{
  background: #666666;
}


/* =========================== */
/*  # Footer              
/* =========================== */

.site-footer{
  height: 56px;
  background: #4D4D4D; 
  color: white;
  overflow: hidden;
}

.site-footer .nav li a{
  line-height: 56px;
}

.site-footer .pin-logo{
  display: inline-block;
  line-height: 53px;
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
}
.site-footer .pin-logo:hover{
  margin-top: -.3em;
}
.ie8 .site-footer .pin-logo:hover{
  margin-top: 0;
}

.site-footer ul.nav li{
  float: left;
}
.site-footer ul.nav li a{
  padding: 0;
  display: inline-block;
  color: white;
  margin: 0 .5em 0 .4em;
  /*border-left: 1px solid white;*/
}
.site-footer ul.nav li + li::before {
  content: "|";
}
.site-footer ul.nav li:first-child a{
  margin-left: 0;
  /*border: none;*/
}

.site-footer .nav>li>a:hover,
.site-footer .nav>li>a:active{
  /*color: #fff;*/
  /*text-decoration: underline;*/
  color: #bdbdbd;
}


.site-footer span.copyright{
  line-height: 57px;
  font-size: .9em;
  margin-right: 15px;
  color: #bdbdbd;
}

@media all and (max-width: 600px){
  .site-footer{
    height: auto;
    padding: 1em 0;
  }
  .site-footer nav.pull-left,
  .site-footer span.pull-right{
    float: none !important;
  }
  .site-footer ul.nav{
    width: 100%;
    margin: 0 0 1.5em 0;
  }
  .site-footer ul.nav li a{
    line-height: 1.4;
    margin: 0;
    padding: .8em 0;
  }
  .site-footer ul.nav li{
    display: block;
    float: none;
    border-top: 1px solid #666;
  }
  .site-footer ul.nav li:first-child{
    border-top: none;
  }
  .site-footer ul.nav li + li::before {
    display: none;
  }
  .site-footer .pin-logo{
    line-height: 1.4;
    position: absolute;
    bottom: 0;
    right: 15px;
  }
  .site-footer span.copyright{
    line-height: 1.4;
    display: block;
  }
}
@media all and (max-width: 315px){
  .site-footer .pin-logo{
    display: none;
  }
}


/* ==========================================================================
   # Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-bottom: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}


/* ==========================================================================
   # Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   # Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}