/*
	Author: Paul Wolborsky

*/
/*********************
* 1.0 	SIMPLE CSS3 GRADIENTS
* Be careful with these since they can
* really slow down your CSS. Don't overdo it.
*
* .css-gradient(#dfdfdf,#f8f8f8);
*********************/
/*********************
* 2.0 	ADV CSS3 GRADIENTS + STOPPING POINT
* .css-gradient-stop(#3f5b2c,#75890c, 25px);
*********************/
/*********************
* 3.0 	COLORS
*********************/
/*********************
* 4.0	BOX SIZING, BORDER RADIUS
* Allows ie5.5 style containers..
* padding subtracts from available space instead of increasing overall width
* USAGE: .box-sizing();  .border-radius();
*
*********************/
/*********************
* 5.0	TRANSFORMS, DURATION:
* Scale, Rotate and Move (translate)
* USAGE: .rotation(45deg);
* USAGE: .transition-duration( 3s );
*********************/
/*********************
* 6.0	SPRITES
* Easy setup for sprites
* USAGE: .box-sizing();
*
*********************/
.no-bullet {
  list-style: none;
}
.nowrap {
  white-space: nowrap;
}
.bullet li {
  list-style: inside disc;
}
/*********************
* 7.0	BUTTONS
* Easy setup for sprites
* USAGE: .box-sizing();
*
*********************/
/*********************
* 8.0	FONTS
*
*********************/
/* ==================
*
* MOBILE FIRST STYLES
*
* ===================
*/
html, body, * {
  -webkit-font-smoothing: antialiased;
}

h1 {
  font-size: 20px;
  line-height: 1.1;
  font-weight: bold;
}
h4 {
  font-weight: 700;
}
h3 {
  line-height: 1;
}
h3 a {
  color: #333;
}
h3 a:hover {
  color: #27A;
}
a {
  text-decoration: none;
  color: #27A;
}
a:hover {
  text-decoration: underline;
  color: #333;
}
.clear {
  height: auto;
}
dt {
  margin: 0;
}
dd {
  margin: 0 0 20px;
}
.560-illustration {
  display: block;
  margin: 0 auto;
}
.site-content .entry-content blockquote,
.site-content .comment-content blockquote,
#tinymce blockquote {
  background-color: #f1f5f7;
  margin: 20px 0;
}
.photo-left,
.photo-right,
.photo-center {
  border-bottom: 2px solid #666;
  color: #999;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.photo-left img,
.photo-right img,
.photo-center img {
  display: block;
  margin-bottom: 5px;
}



/* ======= DEFAULT PAGE =================== */
#home-tagline,
#controls {
  display: none;
}
#page {
  margin-top: 0;
}
.site-content {
  margin: 0 auto;
  width: 100%;
  padding: 0 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.site-content .page-header,
.site-content .entry-header {
  margin: 0;
}
.site-content .page-title,
.site-content .entry-title {
  margin: 10px 0 5px;
}
.site-content .store h2,
.site-content h3 {
  color: inherit;
  font-weight: 700;
}
.site-content article {
  padding: 0;
}
.site-content .560-illustration {
  display: block;
  margin: 0 auto;
}
.pagecol {
  width: 100%;
}



/* ========= NAVIGATION ======*/
.menu-main_menu-container {
  float: left;
  width: 100%;
}
.site-branding {
  background: #18498c url('https://streetcar.org/wp-content/uploads/logo/site-logo-300x130-m-blue.png') no-repeat center center;
  min-height: 120px;
}
#home-link {
  display: block;
  min-height: inherit;
  width: 100%;
}
.site-header .menu-toggle:hover {
  background-color: #494;
}
.sf-menu {
  background-color: #c0d3dc;
  width: 100%;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
  background-color: #45ab82;
}
.sf-menu li {
  background-color: #63c09b;
}
.col {
  margin-bottom: 10px;
}
.recent-home-posts h2 {
  border-bottom: 2px solid #EEE;
}



/* ========= STREETCAR & CABLECAR CATEGORY PAGES ======*/
.page-banner {
  padding: 30px 30px 30px 45px;
}
.cablecar .page-banner,
.streetcar .page-banner {
  margin: 0 -4.5% 15px;
}
.cablecar .page-header,
.streetcar .page-header {
  border: none;
  margin: 0 0 15px 0;
  color: #aa3322;
}
.cablecar .subcat-cat,
.streetcar .subcat-cat {
  font-size: 20px;
  font-weight: bold;
}
.cablecar .page-banner {
  background-image: none;
  background-color: #F7F6F0;
  color: #232323;
  font-size: 16px;
  margin-top: 24px;
}
.streetcar .page-banner {
  background-image: none;
  background-color: #F7F6F0;
  color: #232323;
  font-size: 16px;
  margin-top: 24px;
}



.capsule .wp-post-image {
display: block;
width: auto;
margin: 0 auto 8px;
}


#closing-text {
  float: left;
  width: 100%;
}




/* ========= SIDEBARS - WIDGET AREAS ======*/
#streetcar_side,
#secondary {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  background-color: #f1f5f7;
  color: #666;
  font-size: 12px;
  padding: 25px 40px 40px;
  border-top: 2px solid #666;
  margin: 0 0 25px;
  width: 100%;
}
#streetcar_side p,
.widget-area p,
.widget-title {
  font-size: 13px;
  line-height: 1.3;
}
.widget-title {
  margin-bottom: 5px;
}



/* ======= GENERATED RELATED LINKS ======= */
#crp_related {
  display: none;
}



/* ======= HOMEPAGE ======= */
#home-emphasis {
  text-align: left;
}
#home-emphasis h3 a,
#home-posts h3 a {
  color: #aa3322;
}
.home #site-badges .store-prod {
  text-align: center;
}


/* ======= BLOG ======= */
.archive .entry-meta {
  display: none;
}
.single .byline,
.group-blog .byline {
  display: none;
}


/* ======= SHOP PAGES ========= */
.store-grid {
  margin: 0 0 20px;
}
.store-grid .store-prod {
  margin: 0;
  list-style: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: 10px;
}
.store-grid .store-thumbnail {
  width: 120px;
  height: 150px;
  display: block;
  margin: 0 auto;
  background-color: #AAA;
}
.store-grid .woo-thumbnail {
  display: block;
}
.store-grid .woo-thumbnail h3 {
  margin-top: 0;
  text-align: left;
}
.store-grid .woo-thumbnail .price {
  display: block;
  margin: 5px 0;
  font-weight: bold;
}
.store-grid .store-prod,
.store-grid .mobile1 {
  width: 100%;
}
.woocommerce-page img {
  margin-bottom: 5px;
}
.woocommerce-page .woocommerce-ordering {
  display: block;
  text-align: center;
  float: none;
  clear: both;
}
#dark-features {
  background-color: #111;
}
.ui-tabs .ui-tabs-nav {
  background-color: #333;
  margin: 0;
  padding: 15px 0 25px;
}
.ui-tabs .ui-state-default {
  display: inline-block;
  text-align: center;
  width: 33%;
  margin-bottom: 10px;
}
.ui-tabs .ui-tabs-panel {
  padding-top: 30px;
  position: relative;
}


ul.product li {
  list-style: none;
  display: inline-block;
}
.membership {
  margin: 10px 0 20px;
}
.membership a,
.membership a:hover {
  color: #27A !important;
  font-weight: 700;
  text-decoration: underline;
}
.next-muni {
  padding: 2px 5px !important;
  margin-left: 10px;
}




/* 		Small Tablet
  ============================================================================
  ============================================================================
*/
@media only screen and (min-width: 600px) {

  /* ====== GLOBALS ======*/
  body {
    background-color: #fff;
  }
  ol.vast li,
  ul.vast li {
    margin-bottom: 20px;
  }

  #controls .current-menu-item a {
    font-weight: 700;
    color: #333;
    background-color: transparent;
  }
  #jumplinks {
    margin-bottom: 30px;
    margin-left: 15px;
  }
  /* ====== ALIGNMENT ======*/
  .photo-center,
  .photo-left,
  .photo-right {
    font-family: "Arial", Arial, sans-serif;
    border: none;
    font-size: 12px;
    line-height: 1.4;
    color: #AAA;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .photo-left {
    float: left;
    padding: 10px;
    margin-right: 20px;
    text-align: left;
  }
  .photo-right {
    float: right;
    padding: 10px;
    margin-left: 20px;
    text-align: right;
  }
  .photo-center {
    text-align: center !important;
  }
  .photo-180 {
    width: 180px;
  }
  .photo-200,
  .photo-small {
    width: 200px;
  }
  .photo-240 {
    width: 240px;
  }
  .photo-280,
  .photo-medium {
    width: 280px;
  }
  .photo-300 {
    width: 300px;
  }
  .photo-400 {
    width: 320px;
  }
  .photo-540 {
    width: 540px;
  }
  .photo-wide {
    width: 100%;
  }
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"],
  .button,
  .product a.button,
  .woocommerce a.button.alt,
  .woocommerce button.button.alt,
  .woocommerce input.button.alt,
  .woocommerce #content a.button,
  .woocommerce #respond input#submit.alt,
  .woocommerce #content input.button.alt,
  .woocommerce-page a.button.alt,
  .woocommerce-page button.button.alt,
  .woocommerce-page input.button.alt,
  .woocommerce-page #page input#submit.alt,
  .woocommerce-page #page input.button.alt .woocommerce-page #respond input#submit.alt,
  .woocommerce-page #content input.button.alt {
    background-color: #f2e19f;
    color: #FFF;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5be34), color-stop(90%, #f2e19f));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #f5be34 0%, #f2e19f 90%);
    /* Chrome10+,Safari5.1+ */
    background-image: -moz-linear-gradient(top, #f5be34 0%, #f2e19f 90%);
    /* FF3.6+ */
    background-image: -o-linear-gradient(top, #f5be34 0%, #f2e19f 90%);
    /* Opera 11+ */
    background-image: -ms-linear-gradient(top, #f5be34 0%, #f2e19f 90%);
    /* IE10+ */
    background-image: linear-gradient(top bottom, #f5be34 0%, #f2e19f 90%);
    /* W3C */
    background-clip: border-box;
    -pie-background: linear-gradient(top, #f5be34, #f2e19f);
    behavior: url("../css/PIE.htc");
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0);
    /* IE6-9 */
    -moz-transition-duration: 3s;
    -webkit-transition-duration: 3s;
    -o-transition-duration: 3s;
    transition-duration: 3s;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: white;
    display: inline-block;
    padding: 10px 22px;
    font-family: verdana, sans-serif;
    font-weight: normal;
    text-decoration: none;
    text-shadow: none;
  }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover,
  .button:hover,
  .product a.button:hover,
  .woocommerce a.button.alt:hover,
  .woocommerce button.button.alt:hover,
  .woocommerce input.button.alt:hover,
  .woocommerce #content a.button:hover,
  .woocommerce #respond input#submit.alt:hover,
  .woocommerce #content input.button.alt:hover,
  .woocommerce-page a.button.alt:hover,
  .woocommerce-page button.button.alt:hover,
  .woocommerce-page input.button.alt:hover,
  .woocommerce-page #page input#submit.alt:hover,
  .woocommerce-page #page input.button.alt .woocommerce-page #respond input#submit.alt:hover,
  .woocommerce-page #content input.button.alt:hover {
    background-color: #e3c15b;
    color: #FFF;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eddf82), color-stop(50%, #e3c15b));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #eddf82 0%, #e3c15b 50%);
    /* Chrome10+,Safari5.1+ */
    background-image: -moz-linear-gradient(top, #eddf82 0%, #e3c15b 50%);
    /* FF3.6+ */
    background-image: -o-linear-gradient(top, #eddf82 0%, #e3c15b 50%);
    /* Opera 11+ */
    background-image: -ms-linear-gradient(top, #eddf82 0%, #e3c15b 50%);
    /* IE10+ */
    background-image: linear-gradient(top bottom, #eddf82 0%, #e3c15b 50%);
    /* W3C */
    background-clip: border-box;
    -pie-background: linear-gradient(top, #eddf82, #e3c15b);
    behavior: url("../css/PIE.htc");
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0);
    /* IE6-9 */
    color: white;
  }
  button:visited,
  input[type="button"]:visited,
  input[type="reset"]:visited,
  input[type="submit"]:visited,
  .button:visited,
  .product a.button:visited,
  .woocommerce a.button.alt:visited,
  .woocommerce button.button.alt:visited,
  .woocommerce input.button.alt:visited,
  .woocommerce #content a.button:visited,
  .woocommerce #respond input#submit.alt:visited,
  .woocommerce #content input.button.alt:visited,
  .woocommerce-page a.button.alt:visited,
  .woocommerce-page button.button.alt:visited,
  .woocommerce-page input.button.alt:visited,
  .woocommerce-page #page input#submit.alt:visited,
  .woocommerce-page #page input.button.alt .woocommerce-page #respond input#submit.alt:visited,
  .woocommerce-page #content input.button.alt:visited {
    color: #FFF;
  }
  a.gold,
  .product a.gold {
    background-color: #f2e19f;
    color: #FFF;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5be34), color-stop(90%, #f2e19f));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #f5be34 0%, #f2e19f 90%);
    /* Chrome10+,Safari5.1+ */
    background-image: -moz-linear-gradient(top, #f5be34 0%, #f2e19f 90%);
    /* FF3.6+ */
    background-image: -o-linear-gradient(top, #f5be34 0%, #f2e19f 90%);
    /* Opera 11+ */
    background-image: -ms-linear-gradient(top, #f5be34 0%, #f2e19f 90%);
    /* IE10+ */
    background-image: linear-gradient(top bottom, #f5be34 0%, #f2e19f 90%);
    /* W3C */
    background-clip: border-box;
    -pie-background: linear-gradient(top, #f5be34, #f2e19f);
    behavior: url("../css/PIE.htc");
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0);
    /* IE6-9 */
    -moz-transition-duration: 3s;
    -webkit-transition-duration: 3s;
    -o-transition-duration: 3s;
    transition-duration: 3s;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: white;
    display: inline-block;
    padding: 10px 22px;
    font-family: verdana, sans-serif;
    font-weight: normal;
    text-decoration: none;
    text-shadow: none;
  }
  a.gold:hover,
  .product a.gold:hover {
    background-color: #e3c15b;
    color: #FFF;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eddf82), color-stop(50%, #e3c15b));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #eddf82 0%, #e3c15b 50%);
    /* Chrome10+,Safari5.1+ */
    background-image: -moz-linear-gradient(top, #eddf82 0%, #e3c15b 50%);
    /* FF3.6+ */
    background-image: -o-linear-gradient(top, #eddf82 0%, #e3c15b 50%);
    /* Opera 11+ */
    background-image: -ms-linear-gradient(top, #eddf82 0%, #e3c15b 50%);
    /* IE10+ */
    background-image: linear-gradient(top bottom, #eddf82 0%, #e3c15b 50%);
    /* W3C */
    background-clip: border-box;
    -pie-background: linear-gradient(top, #eddf82, #e3c15b);
    behavior: url("../css/PIE.htc");
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0);
    /* IE6-9 */
    color: white;
  }
  a.gold:visited,
  .product a.gold:visited {
    color: #FFF;
  }
  a.large,
  .product a.large {
    font-size: 18px;
    line-height: 1;
    padding: 12px 28px 16px;
  }



  /* ======= DEFAULT PAGE =================== */
  .site-branding {
    background: #18498c url('https://streetcar.org/wp-content/uploads/logo/site-logo-600x130-t-blue.png') no-repeat left center;
  }
  .site-footer a {
    color: #333;
  }
  footer#colophon {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    background-color: transparent;
  }
  .site-content {
    width: 100%;
    padding: 0 48px;
  }
  .site-content article {
    padding: 40px 0 0;
  }
  .site-content .page-header {
    border-bottom: 1px solid #c0d3dc;
  }
  #nextprev-links .prev-link {
    padding-left: 30px;
  }
  #nextprev-links .next-link {
    padding-right: 30px;
  }
  /* ====== HOME ======*/
  .home #site-badges .store-prod {
    margin: 0;
    padding: 0;
  }
  .home #site-badges .store-grid.three {
    width: 100%;
  }
  .home #site-badges .store-grid.three .store-prod {
    width: 32.7%;
  }
  #home-posts p {
    font-family: georgia, "times new roman", serif;
    font-size: 15px;
    line-height: 1.5;
  }
  #home-posts h2.recent-home-posts {
    font-style: italic;
    font-family: Arial, Arial, sans-serif;
    font-size: 16px;
  }



  /* ====== STREETCAR, CABLECAR & LIVE CATEGORY PAGES ======*/
  .cablecar .page-banner {
    margin: 0 -1.5% 20px -3%;
  }
  .streetcar .page-banner {
    margin: 0 -2.1% 20px;
  }

  .post-type-archive-sfmsr_streetcars .subcat-cat {
    margin-top: 15px;
  }




  /* ======= BLOG - ARCHIVE ======= */
  .entry-content a {
    font-weight: normal;
  }
  .entry-content h3 {
    font-size: 18px;
  }
  .entry-content .entry-thumbnail {
    float: none;
    margin: 0;
  }
  .entry-content .entry-excerpt {
    float: none;
    width: 100%;
  }
  #streetcar_side,
  #secondary,
  #streetcar_side p,
  #secondary p {
    font-family: Helvetica, Arial, sans-serif;
  }
  /* ===== NEXT PREVIOUS LINKS ==== */
  #nav-below {
    width: 100%;
  }
  .post-left,
  .post-right {
    width: 240px;
  }
  .post-left .nav-next,
  .post-right .nav-next,
  .post-left .nav-previous,
  .post-right .nav-previous {
    width: 100%;
    float: none;
  }
  .post-left {
    float: left;
    text-align: left;
  }
  .post-right {
    float: right;
    text-align: right;
  }
  /* ======= GENERATED RELATED LINKS ======= */
  #crp_related {
    display: block;
  }







  /* ======= SHOP PAGES ========= */
  .store-grid .store-prod {
    margin-bottom: 20px;
    text-align: left;
  }
  .store-grid.mobile2 .store-prod {
    width: 49.5%;
  }
  .store-grid.mobile3 .store-prod {
    width: 32.94%;
  }
  .store-grid.mobile4 .store-prod {
    width: 23.9%;
  }
  .store-grid.small .store-thumbnail {
    width: 50px;
    height: 80px;
  }
  .store-grid.pancakes .store-prod {
    padding: 20px 0 !important;
  }
  .store-grid.pancakes .woo-thumbnail {
    display: block;
    float: left;
    padding-right: 3%;
    text-align: left;
    width: 26%;
  }
  .store-grid.pancakes .woo-thumbnail h3 {
    margin-top: 6px;
  }
  .store-grid.pancakes .woo-content {
    float: left;
    width: 66%;
  }
  .store-prod .store-grid li {
    margin-right: 10px;
  }
  .store-prod .store-grid h2 {
    border: none;
  }
  .variations label {
    font-weight: bold;
  }
  h3.sfmsr-store-title {
    font-size: 16px;
    color: #aa3322;
    margin-bottom: 10px;
  }
  .page-template-page-fline-live-full-php #primary {
    width: 100%;
  }
  .woocommerce-page #primary {
    width: 100%;
  }
  .woocommerce-page.single-product #primary,
  .woocommerce-page.term-store-membership #primary {
    width: 70%;
  }
  .woocommerce-page #featured-items h3 {
    text-align: center;
    height: 28px;
  }
  .woocommerce-page .woocommerce-ordering {
    display: inline;
    float: right;
    clear: none;
    text-align: left;
  }
  .woocommerce-page h2 {
    font-size: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #c0d3dc;
  }
  .woocommerce-page.term-1-store-trolley-tours #primary {
    padding-top: 20px;
  }
  .woocommerce-page.term-1-store-trolley-tours #primary .trip {
    padding-bottom: 30px;
  }
  .woocommerce-page .woo-content .price {
    font-family: "Arial", Arial, sans-serif;
    font-weight: bold;
  }
  .woocommerce-page select,
  .woocommerce-page .woocommerce-ordering select {
    padding: 3px 0;
  }
  .in-service {
    width: 25px;
  }
  .in-service img {
    height: 10px;
    width: 10px;
  }
  #main_travel {
    margin-bottom: 30px;
  }
  .ui-tabs .ui-state-default {
    width: 24%;
  }

  #site-badges {
    margin-top: 20px;
  }

} 	/* END SMALL-TABLET */



/* 		LARGE TABLET & DESKTOP
  ============================================================================
  ============================================================================
*/
@media only screen and (min-width: 946px) {
  .site-branding {
    background: #18498c url('https://streetcar.org/wp-content/uploads/logo/site-logo-1080x130-d-blue.png') no-repeat center center;
    background-size: 100%;
  }
  .site-content .entry-content th,
  .site-content .comment-content th,
  #tinymce th,
  .site-content .entry-content td,
  .site-content .comment-content td,
  #tinymce td {
    padding: 20px 8px;
  }
  /* ========= NAVIGATION ======*/
  #menu-main_menu.sf-menu {
    width: 87%;
    margin-left: 13%;
  }
  .sf-menu {
    background-color: #FFF;
    margin-top: 24px !important;
  }
  .sf-menu a {
    color: #444 !important;
  }
  .sf-menu > li {
    background: white;
    white-space: normal;
    transition: background .2s;
    border: 1px solid #ebebeb;
    margin: 8px 12px;
    border-radius: 4px !important;
    overflow: hidden;
  }
  .sf-menu a {
    padding: .4em 1em !important;
  }
  .sf-menu li:hover,
  .sf-menu li.sfHover {
    background-color: #dee8ec !important;
  }
  .sf-menu .current_page_item a,
  .sf-menu .current-menu-parent a,
  .sf-menu .current-post-parent a,
  .sf-menu .current-post-ancestor a,
  .sf-menu .current-menu-ancestor a,
  .sf-menu .current-menu-item a {
    background-color: #c0d3dc !important;
  }
  .sf-menu .sub-menu .menu-item {
    background-color: white;
  }

  .site-main {
    padding-right: 36px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }

  /* ======= DEFAULT PAGE =================== */
  #page {
    border-radius: 0;
    margin: 15px auto 40px;
  }
  .site-content .page-title,
  .site-content .entry-title {
    font-size: 24px;
    line-height: 30px;
  }
  .site-content article {
    padding: 20px 0 40px;
  }
  #primary.cablecar article,
  #primary.streetcar article {
    padding-right: 10px;
  }
  /* ======= CUSTOM SETTINGS =============== */
  #controls,
  #page,
  #colophon {
    max-width: 920px;
    margin: 0 auto;
  }
  #controls {
    height: 40px;
    margin-top: 12px;
    position: relative;
  }
  #controls #controls_menu {
    width: 71%;
  }
  #controls #search_container {
    width: 28%;
    position: absolute;
    top: -5px;
    right: 0;
    text-align: right;
  }
  #controls #search_container fieldset {
    display: inline;
  }
  #controls #search {
    position: relative;
    top: -5px;
  }
  #controls #search_btn {
    height: 18px;
  }
  a {
    color: #27a;
    text-decoration: none;
  }
  /* ====== TOP CONTROLS MENU ===========*/
  #controls {
    display: block;
  }
  #controls .menu {
    font-size: 12px;
    margin: 0;
    text-align: right;
  }
  #controls .menu li {
    display: inline-block;
    padding: 0 6px;
  }
  /* ======= SIDEBAR ================*/
  #primary {
    position: relative;
  }
  #streetcar_side {
    position: absolute;
    right: -271px;
    top: 0;
  }
  #streetcar_side,
  #secondary {
    border: none;
    margin: 0 -2.1% 25px;
    width: 276px;
  }
  /* ======= CATEGORY PAGES ======================= */
  #primary.streetcar.cat-page {
    float: none;
    width: 100%;
  }
  #primary.cat-page h3.subcat-cat {
    color: #772e28;
    margin-top: 100px;
  }
  .cablecar .page-header,
  .streetcar .page-header {
    color: #a32;
    border: none;
  }
  .capsule-wrapper {
    float: left;
    margin-bottom: 50px;

  }
  .capsule {
    letter-spacing: -1px;
  }
  .capsule .title-cat {
    margin-top: 4px;
    font-family: Helvetica, Arial, sans-serif;
  }
  .capsule .number-cat {
    color: #555;
    font-weight: bold;
  }
  .capsule a,
  .capsule .status-cat {
    color: #666;
  }
  /* ======= SITE HOMEPAGE (index.html) ======================= */
  /* ====== HOME ======*/
  .home #site-badges .store-grid.three {
    width: 100%;
  }
  .home #site-badges .store-grid.three .store-prod {
    width: 32.9%;
  }
  #home-emphasis h3,
  #home-emphasis .home-title {
    font-size: 18px;
    line-height: 1.3;
    margin: 15px 0 10px ;
  }
  #home-posts {
    width: 70%;
    float: left;
  }
  #home-widget {
    width: 70%;
  }
  /* ======= STORE HOMEPAGE ======================= */
  .ui-tabs .ui-state-default {
    width: 12.3%;
  }
  #tabs-1:before {
    left: 5%;
  }
  #tabs-2:before {
    left: 17%;
  }
  #tabs-3:before {
    left: 30%;
  }
  #tabs-4:before {
    left: 42%;
  }
  #tabs-5:before {
    left: 54.5%;
  }
  #tabs-6:before {
    left: 67%;
  }
  #tabs-7:before {
    left: 79%;
  }
  #tabs-8:before {
    left: 91%;
  }
  /* ======= SHOP PAGES ========= */
  .store-grid.two .store-prod {
    width: 48.5%;
  }
  .store-grid.three .store-prod {
    width: 32.94%;
  }
  .store-grid.four .store-prod {
    width: 23.9%;
  }
  .store-grid.five .store-prod {
    width: 19.5%;
  }
  .store-grid.six .store-prod {
    width: 16.1%;
  }
  .store-grid.eight .store-prod {
    width: 12.49%;
  }
  .store-grid.pancakes .store-prod {
    padding: 20px 0 !important;
  }
  .store-grid.pancakes .woo-thumbnail {
    width: 20%;
  }
  .store-grid.pancakes .woo-content {
    width: 75%;
  }
}	/* END TABLET-DESKTOP */








.woocommerce #secondary {
  display: none !important;
}

.woocommerce #primary {
  width: 100% !important;
}

.woocommerce .entry-meta {
  display: none;
}

.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
  clear: none !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  width: 50%;
  margin: 0 0 20px 0;
  padding-right: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: inline-block;
  float: none !important;
  vertical-align: top;
}

.woocommerce ul.products li.product:nth-child(even), .woocommerce-page ul.products li.product:nth-child(even) {
  padding-right: 0;
  padding-left: 20px;
}






@media(min-width: 880px){
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 33%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .woocommerce ul.products li.product:nth-child(even), .woocommerce-page ul.products li.product:nth-child(even) {
    padding-right: 10px;
    padding-left: 10px;
  }

  .woocommerce ul.products li.product:nth-child(3n+3), .woocommerce-page ul.products li.product:nth-child(3n+1) {
    padding-right: 10px;
    padding-left: 0px;
  }

  .woocommerce ul.products li.product:nth-child(3n+3), .woocommerce-page ul.products li.product:nth-child(3n+3) {
    padding-right: 0px;
    padding-left: 10px;
  }
}

.gold.button, button.button {
  background: #264E90 !important;
  background-image: none !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  font-family: "raleway" !important;
}

.woocommerce div.product p.price, .woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
  color: #264E90;
  font-weight: bold;
}

.woocommerce p.stock.out-of-stock {
  color: #BB2B45;
}

.mctb.mctb-sticky.mctb-position-bottom, #mailchimp-top-bar {
  display: none !important;
}

.page-header,
.site-content .page-header,
.site-content .entry-header {
    margin-top: 36px;
}

body.post-template-default #primary {
  width: 100%;
}

body.post-template-default #secondary {
  display: none;
}

.posted-on {
  background-image: none;
  padding-left: 0;
}

.entry-content, .entry-content p {
  font-family: "raleway", 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
}

.entry-content a, .entry-content p a {
  font-weight: 600;
  text-decoration: underline;
  color: #295EB8;
}

.single .site-content .entry-title {
  font-size: 32px;
  margin-bottom: 12px;
}

.site-content .entry-header .entry-meta {
  font-size: 14px;
}

.single-sfmsr_streetcars .entry-content p br {
  height: 16px;
  display: block;
  content: " ";
}







/* 		Streetcar Grid  &	CableCar Grid
  ============================================================================
  ============================================================================
*/
.capsule-grid-streetcar {
	margin: 20px auto;
	display: grid;
	align-items: stretch;
	grid-gap: 60px;
	justify-items: end;
	grid-template-columns: repeat(3, 1fr);
}

.capsule-grid-streetcar .capsule-grid {
	padding: 0 !important;
	border: none;
}

.capsule-grid-cablecar			 {
	margin: 20px auto;
	display: grid;
	align-items: stretch;
	grid-gap: 40px;
	justify-items: end;
	grid-template-columns: repeat(3, 1fr);
}

.capsule-grid-cablecar .capsule-grid {
	padding: 0 !important;
	border: none;
}

.capsule-grid {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none !important;
}


@media only screen and (max-width: 650px) {

	.capsule-grid a.img-cat {
		display: inline-block;
	}

	.capsule-grid-streetcar,
	.capsule-grid-cablecar {
		grid-template-columns: repeat(1, 1fr);
		text-align: center;
	}
}






/* 		Details Page
  ============================================================================
  ============================================================================
*/
	.site-content .streetcar-detail header.entry-header {
		margin-top: 0 !important;
	}

.site-content .streetcar-detail .page-banner {
	margin: 0;
	padding: 0;
	background: none;
	font-size: 24px;
	font-family: "raleway", 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

	#car-name {
		display: flex;
		align-items: flex-start;
		margin-top: 20px;
	}
	#car-name .sc-number {
		padding: 5px 15px;
		padding-left:36px;
		font-size: 36px;
		background-color: #003e7e;
	    color: #FFF;
		position: relative;
	}
	#car-name .sc-id {
		font-size: 16px;
		position: relative;
		top: -8px;
	}
	#car-name .sc-title {
		padding-left: 15px;
	}
	#car-name .sc-title h2.entry-title {
	  margin: 0;
	  font-size: 20px;
	  line-height: 1;
	}
	#car-name .sc-title .sc-subtitle {
      color: #888;
    }



@media only screen and (max-width: 675px) {
	#car-name .sc-number {
		font-size: 28px;

	}
	#car-name .sc-id {
		position: absolute;
		top: 6px;
    	left: 8px;
	}

	.site-content .streetcar-detail .page-banner {
		margin-bottom: 1em;
	}

} /* END Mobile for Details Page */