/*  =============== Basic stuff =============== */

html {
  font-size: 16px;
}
@media (min-width: 500px) {
  html {
    font-size: 18px;
  }
}

body { 
  background-color: #eceff1; 
}

.container {
  max-width: 960px;
}

.cart-image {
  max-width: 200px; 
  max-height: 150px;
}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.row-padded {
  padding: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #FFFFFF;
  border: 1px solid #DDD;
}

.table-center-align td {
  text-align: center;
}
.table-center-align th {
  text-align: center;
}
.table-right-align td {
  text-align: right;
}
.table-right-align th {
  text-align: right;
}
.table-left-align td {
  text-align: left;
}
.table-left-align th {
  text-align: left;
}
.table-nonfluid {
   width: auto !important;
   margin: auto;
}
.width-auto {
  width: auto;
}
#contact {
	display: none;
}

.prices {
  font-size: 30px;
  text-decoration: none;
  font-style: none;
  font-weight: normal;
  line-height: 50px;
  color: #00179E;
}

.parallax {
  min-height: 250px;
  background-attachment: fixed;
  background-size: cover;
  background-position: 50% 50%;
  text-align: center;
  padding: 50px;
}


/*  =============== Carousel =============== */

.carousel-center-align  {
  display: -webkit-box;      /* iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* Firefox 19 */
  display: -ms-flexbox;      /* IE 10 */
  display: -webkit-flex;     /* Chrome */
  display: flex;             /* Opera 12.1, Firefox 20+ */
  align-items: center;
  justify-content: center;
  flex-direction: column;    /* needed for IE */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 50px;
  width: 50px;
  outline: black;
  background-size: 100%, 100%;
  border-radius: 50%;
  border: 1px solid darkgray;
  background-image: none;
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 30px;
  color: gray;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 30px;
  color: gray;
}


/*  =============== Nav bar =============== */

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 4px 16px 4px 16px;
  margin-left: 10px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

.cart {
  background: #444;
  color: #000;
}

.dropdown-item-checked::before {
  position: absolute;
  left: .4rem;
  content: '✓';
  font-weight: 600;
}


/*  =============== Braintree =============== */

/* Braintree Hosted Fields styling classes*/
.braintree-hosted-fields-focused {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.braintree-hosted-fields-focused.is-invalid {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  height: 30px;
}

#email, #cc-name, #cc-number, #cc-cvv, #cc-expiration { height: 2em; }