/*
Theme Name: bicycleman
Theme URI: http://underscores.me/
Author: deb preston
Author URI: http://bicycleman.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bicycleman
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

bicycleman is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/* * * * * * * * * * * * * * *
 * WordPress Content Classes
 * * * * * * * * * * * * * * */

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

img {
  border: none;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.widget {
  margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
  max-width: 100%;
}

.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.byline.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/* * * * * * * * * * * * * * *
 * Theme Specific Styles
 * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * *
 * Header
 * * * * * * * * * * * * * * */
.header-banner-top {
  text-align: center;
  background-color: #025aa5;
  color: white;
  padding: 1rem 0;
}

.header-banner-bottom {
  text-align: center;
}

.logo-image {
  margin-top: -75px;
  width: 150px;
  height: 150px;
  border-radius: 50% 50% 0 0;
}

.logo-image-small {
  border-radius: 50%;
  height: 75px;
  width: 75px;
  margin-right: 0.5rem;
}

h1.site-title {
  margin-top: 0.5rem;
  white-space: nowrap;
}

.site-title a {
  color: white;
}

.site-description p {
  text-align: center;
  font-size: 1.25rem;
  padding-top: 1.5rem;
}

/* * * * * * * * * * * * * * *
 * Body
 * * * * * * * * * * * * * * */
h2,
.h2 {
  font-size: 1.75rem;
}

h3,
.h3 {
  font-size: 1.5rem;
}

h4,
.h4 {
  font-size: 1.25rem;
}

h5,
.h5 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 400;
}

p {
  text-indent: 12px;
  text-align: justify;
}

p.btn,
p a.btn,
.btn p {
  text-indent: 0;
}

aside#secondary,
#main {
  padding-top: 1rem;
}

#frontpage-main {
  padding-top: 0;
}

#s {
  border: none;
}

#searchform {
  background-color: #fff;
  border-top: double 2px black;
  border-bottom: double 2px black;
  padding: 0.5rem 0;
}

#searchform button {
  border: none;
  background-color: #fff;
}

/* * * * * * * * * * * * * * *
 * Content
 * * * * * * * * * * * * * * */

.card-footer,
card-img-top {
  background-color: #fff;
}

.card,
.card-img-top,
.card-img-bottom,
.img-thumbnail {
  border-radius: 0;
}

.card-block-topborder {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  margin-top: 0;
}

.page-title,
.cat-links a {
  color: #a50208;
}

.cat-links a {
  font-size: 1.25rem;
}

.sticky {
  background-color: #cccccc;
  margin-bottom: 1rem;
}

.archive-description.card {
  padding: 1rem;
  text-align: center;
}

.entry-meta,
.entry-footer,
.entry-footer-tags {
  text-align: center;
}

.entry-footer-tags {
  margin-bottom: 0.5rem;
}

.tags-links a {
  background-color: #0275d8;
  display: inline-block;
  padding: 0.5em;
  margin-top: 0.25em;
  font-size: 90%;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}

.tags-links a:hover,
.tags-links a:focus {
  background-color: #025aa5;
}

.entry-container,
.entry-content {
  padding-top: 0.5rem;
}

.widget-container {
  margin-top: 0.5rem;
  padding-bottom: 1rem;
}

h1.entry-title,
h2.entry-title,
h4.widget-title {
  /* background-color: #cccccc; */
  /* border-bottom: 1px solid rgba(0, 0, 0, 0.125); */
  min-height: 40px;
  text-align: center;
  line-height: 1.4;
}

h1.entry-title,
h2.entry-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  text-transform: uppercase;
  font-size: 1.75rem;
  padding: 5px;
  margin-bottom: 0;
}

h4.widget-title {
  font-size: 1.5rem;
  padding: 3px;
}

.category-specials-sold h1.entry-title:before,
.category-specials-sold h1.entry-title:after,
.category-specials-sold h2.entry-title:before,
.category-specials-sold h2.entry-title:after {
  content: "--SOLD--";
  color: #a94442;
  padding: 0 5px;
}

/* * * * * * * * * * * * * * *
 * Footer
 * * * * * * * * * * * * * * */
.fat-footer-bottom {
  background-color: #eee;
  text-align: center;
  min-height: 10em;
}

#after-footer {
  background-color: #ccc;
}

/* */
.alert {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #eee;
  border-left-width: 0.25rem;
  border-radius: 0;
}

.alert-danger,
.alert-success,
.alert-info,
.alert-warning {
  border-left-color: inherit;
}

.blockquote {
  background-color: #f5f5dc;
  border-right-color: #181816;
  font-size: 90%;
  font-style: italic;
  padding: 2rem 1rem 1rem;
  color: #181816;
}

/* * * * * * * * * * * * * * *
 * Colors
 * * * * * * * * * * * * * * */
/* 
** hyperlink blue #0645AD
** hyperlink blue hover #0B0080;
** 
** theme-color: #0275d8;
** theme-hover-color: #025aa5;
** accent-color: #a50208;
*/

#page {
  background-color: #f7f7f7;
}

.header-banner-bottom {
  background-color: #fcfefc;
}

.bg-white {
  background-color: #fff;
}

.bg-theme-gray {
  background-color: #ccc;
}

/* add a slash after inline list items except the last one */
.list-inline-item:not(:last-child) a:after {
  content: " /";
}

/* center the pagination links */
.nav-links {
  margin: auto;
}

/* * * * * * * * * * * * * * *
 * Front Page
 * * * * * * * * * * * * * * */

.home-card {
  padding: 0;
  margin-bottom: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.news-card {
  border: none;
  margin-bottom: 1rem;
}

.news-footer {
  background-color: #eee;
  text-align: left;
  opacity: 0.8;
  padding: 0.5rem 1rem;
  margin-top: -1rem; /* because wordpress adds a <p> tag here */
}

.news-footer h3,
.news-footer h4 {
  margin-bottom: 0;
}

/* .news-footer-sm {
  padding: 0.3rem 0.9rem;
} */

.news-card:hover .news-footer {
  background-color: #ccc;
}

.btn-wrap {
  white-space: normal !important;
  word-wrap: break-word;
}

/* * * * * * * * * * * * * * *
 * Breadcrumbs
 * * * * * * * * * * * * * * */
#breadcrumbs {
  /* background-color: #cccccc; */
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 2px 0 2px 15px;
}

body.home #breadcrumbs {
  display: none;
}

/* * * * * * * * * * * * * * *
 * Mega Menu
 * * * * * * * * * * * * * * */
#mega-menu-wrap-banner,
#mega-menu-wrap-brand,
#mega-menu-wrap-footer,
#mega-menu-wrap-top {
  width: 100%;
}

/* padding to account for sticky menu when jumping to anchor text on a page */
div.anchor-link {
  margin-top: -50px;
}

div.anchor-link h3 {
  padding-top: 100px;
}

/* mega-menu cards */
.menu-card {
  border: none;
  padding: 0.5rem;
  margin: 0.5rem 0;
}

.mega-cart-icon {
  font-size: 3.5rem;
  color: #025aa5;
}

.icon-sm {
  font-size: 2.5rem;
}

.mega-block-icon {
  text-align: center !important;
  margin: auto !important;
}

.mega-block-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center !important;
  color: #555;
}

.mega-block-link {
  color: #666;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.2;
}

.mega-block-link:hover {
  color: #666;
  text-decoration: none !important;
}

.link-title {
  color: #555;
  padding: 5px 0;
}

.link-subtitle {
  font-size: 1rem;
  font-weight: normal;
  display: block;
  padding: 5px 0;
}

.link-title:hover {
  text-decoration: underline !important;
}

@media (max-width: 768px) {
  .mega-cart-icon {
    font-size: 3rem;
  }

  .icon-sm {
    font-size: 2rem;
  }
}

/* mega-menu panels using the plugin's columns */
.mega-mega-panel-row {
  display: flex !important;
  flex-flow: row wrap;
  justify-content: space-around;
  width: 100% !important;
}

.mega-mega-panel {
  background-color: white !important;
  padding: 15px !important;
}

.mega-mega-panel:nth-child(1) {
  margin: 0 5px 0 -10px !important;
}

.mega-mega-panel:nth-child(2) {
  margin: 0 5px !important;
}

.mega-mega-panel:nth-child(3) {
  margin: 0 -10px 0 5px !important;
}

@media only screen and (max-width: 768px) {
  .mega-mega-panel:nth-child(1),
  .mega-mega-panel:nth-child(2),
  .mega-mega-panel:nth-child(3) {
    margin: 5px 0 !important;
  }

  /* override the break point for stacking columns in mega menu*/
  #mega-menu-wrap-banner
    #mega-menu-banner
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row
    > ul.mega-sub-menu
    > li.mega-menu-column {
    width: 100%;
    clear: both;
  }
}

/* * * * * * * * * * * * * * *
 * Shortcodes Ultimate
 * * * * * * * * * * * * * * */
.su-posts-sidebar-loop .su-post {
  margin-bottom: 0;
}

.su-post-title-aside {
  font-size: 1em;
  margin-bottom: 0;
}

h2.brand-post-title {
  font-size: 1.75rem;
}

.su-bike-post {
  text-align: center;
  border: none;
}

.su-bike-img {
  min-height: 75px;
}

/* * * * * * * * * * * * * * *
 * History Collection
 * * * * * * * * * * * * * * */

.history-card-block {
  padding-bottom: 0.5em;
}

.history-lists {
  list-style: none;
  padding: 0 5px;
}

.history-lists li {
  margin-bottom: 10px;
  line-height: normal;
}

.history-lists li:before {
  content: "~ ";
}

@media (min-width: 650px) {
  .card-columns.history-collection-cards {
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media (min-width: 1850px) {
  .card-columns.history-collection-cards {
    -webkit-column-count: 3;
    column-count: 3;
  }
}

/* * * * * * * * * * * * * * *
 * Recumbent Price List
 * * * * * * * * * * * * * * */

.custom-option td {
  font-size: 0.9rem;
}
/*
.custom-option td:before {
	content: "* ";
}
*/
/* makes the individual table cells of the row act as one clickable row */
/* add negative margin positve padding to make up for small area that is not clickable */
td > a {
  display: block;
  margin-right: -30px;
  margin-left: -30px;
  padding-right: 30px;
  padding-left: 30px;
}

.print-price-list td {
  width: 50%;
}

/* * * * * * * * * * * * * * *
 * Content
 * * * * * * * * * * * * * * */

/*use for heading and subheadings within the post */
h2.entry-heading {
  text-align: center;
  border-top: 1px dashed rgba(0, 0, 0, 0.125);
  border-bottom: 1px dashed rgba(0, 0, 0, 0.125);
  padding: 5px 0;
}

.btn-primary a,
.btn-primary a:hover,
.btn-outline-primary:hover a {
  color: #fff;
  text-decoration: none;
}

/*centers all table text and headings
thead tr th, .table td { 
    text-align: center;
}
*/

.card-header.entry-header {
  background-color: #fff;
  border-bottom: none;
}

/* * * * * * * * * * * * * * *
 * Recumbent Archives displayed in 2 columns
 * * * * * * * * * * * * * * */

.recumbent-section-parent {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}

.recumbent-card-2 {
  flex: 0 0 50%;
}

.recumbent-card-2:nth-child(odd) {
  margin-right: 5px;
  margin-left: -5px;
}

.recumbent-card-2:nth-child(even) {
  margin-right: -5px;
  margin-left: 5px;
}

@media (max-width: 1200px) {
  .recumbent-card-2 {
    flex: 0 0 100%;
  }

  .recumbent-card-2:nth-child(odd) {
    margin-right: 0;
    margin-left: -0;
  }

  .recumbent-card-2:nth-child(even) {
    margin-right: -0;
    margin-left: 0;
  }
}

/* * * * * * * * * * * * * * *
 * Specials
 * * * * * * * * * * * * * * */

.msrp {
  background-color: lightgrey;
  color: black;
  padding: 10px;
  text-align: center;
  margin-bottom: 10px;
}

/* * * * * * * * * * * * * * *
 * Footer
 * * * * * * * * * * * * * * */

.footer-widget-4 {
  /* background-color: var(--theme-color); */
  background-color: #aaaaaa;
  padding: 1em;
  margin-top: -2em;
}

h4.widget-title-footer-4 {
  /* background-color: var(--theme-color); */
  background-color: #aaaaaa;
}

.site-content {
  margin-bottom: 5em;
}

.header-widget-container address {
  margin-bottom: 0;
}

.headertop-widget-container {
  padding-top: 0.75rem;
}

address p {
  text-indent: 0px;
}

@media (max-width: 400px) {
  .site-title {
    font-size: 2rem;
  }
  .logo-image-small {
    height: 60px;
    width: 60px;
  }
}

@media print {
  .d-print-none,
  #wpfront-scroll-top-container {
    display: none !important;
  }

  /* print the price list */
  div.price-list {
    width: 50%;
    max-width: 50%;
  }

  td > a {
    text-decoration: underline;
  }
}

/* * * * * * * * * * * * * * *
 * Gears.js Calculation Page
 * * * * * * * * * * * * * * */

.error {
  background-color: #fbe9e7;
  border: 1px solid #f4511e;
  padding: 10px;
  margin-bottom: 20px;
  text-align: center;
  color: #f4511e;
}
.error p {
  margin: 0;
}
#loading img {
  display: none;
  margin: 0 auto;
}
