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

  Template Name: Subash Ecommerce Responsive Bootstrap Template
  Description: This is html5 template
  Author: codecarnival
  Version: 1.0
  Design and Developed by: codecarnival

Note: This is the file where you can add your custom styles to change the look of the theme. But don't modify "style.css" file.

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

/* ----------------------------------------------------
	You can put your custom css code here: 
  -------------------------------------------------------*/

  /* Override font colors  */
  body,
  p,
  a,
  h1, h2, h3, h4, h5, h6,
  .contact-address h6,
  .about-description p,
  .pro-tab-menu ul li a,
  .table-content table tr td,
  label,
  .td-title-1,
  .bill-address > li,
  .td-title-2,
  .product-title,
  .pro-price {
    color: #000;
  }

  select {
    color: #757575;
  }

  .pro-tab-menu ul li.active a {
    color: #0066AF;
  }

  /* Font Decoration */
  .underline {
    text-decoration: underline;
  }

  .underline:hover {
    text-decoration: underline;
    
  }

  .bold {
    font-weight: bold;
  }
  
  /* Set parent element height for bus tour map */
  @media only screen and (min-width: 768px) {
    #bus-tour-map {
      height: 910px;
    }
  }

  /* Style images for walking tour tabs */
  .product-details img {
    float: left;
    width: 200px;
    padding-right: 10px;
    padding-bottom: 10px;
  }

  .product-details p:nth-of-type(1) {
    clear: both;
  }
  
  /* Style product details tabs */
  .reviews-tab li {
    background-color: #F5F5F5;
    padding: 5px 10px 0 10px;
    border-radius: 8px 8px 0 0;
    margin-right: 10px;
  }

  .reviews-tab li.active {
    background-color: #0064AC;
  }

  .reviews-tab li.active a {
    border-bottom: none;
    color: white;
  }
  .reviews-tab li a {
    line-height: inherit;
  }

  @media only screen and (max-width: 992px) {
    .reviews-tab li {
      margin-bottom: 4px;
    }
  }

  @media only screen and (min-width: 992px) {
    ul.reviews-tab {
      border-bottom: 2px solid #0064AC;
    }
  }

  /* Style ACLogoSmall image */
  .product-details img[src="/images/ACLogoSmall.png"] {
    width: 100px;
  }


  /* Override lists */
  .about-description ul, .about-description ol, .product-details ul, .product-details ol {
    padding-left: 40px;
  }

  .about-description li, .product-details li {
    list-style: disc;
  }

  /* Override anchor tags */
  .about-description a, .newsletter a, .product-details p a, .product-details a, label a, label a:hover, .thank-you a, .category-message a {
    text-decoration: underline;
  }


  /* product thumbnails */
  .product-item-2 .product-info {
    background: #F6F6F6;
    padding: 20px;
  }

  .product-item-2:hover .product-info {
    border-radius: 10px;
  }

  .product-item:hover, .product-item-2:hover {
    box-shadow: none; 
  }

  .product-info.home-all {
    height: 60px;
  }

  .product-info.home-alc {
    height: 90px;
  }

  /* Position banners */
  .slider-area {
    background-size: cover;
    background-position: bottom;
  }

  /* Margin top 30px*/
  .mt-30 {
   margin-top: 30px;
 }

 /* Override header.css dropdwn class */
 .dropdwn {
   top: 78px;
 }

 /* Override slider button margin top */
 .slider-button {
  margin-top: 0px;
}

/* Override header images home and splash */
.bg-1 {
  background: url(https://res.cloudinary.com/discovertowntours/image/upload/q_auto/v1574303922/home-banner_etkukh.jpg);
}

.bg-2 {
  background: url(/images/home-banner2.png);
}

/* Override product title */
.product-title {
  text-align: center; 
}

/* Border bottom red underline */
.border-bottom {
  border-bottom: 1px solid #0066AF;
  display: inline-block;
}

/* Submit-button default */
.submit-btn-default {
  background-color: #bcbcbc;
}

/* Product Category Slider Text Shadow */
.text-shadow {
  text-shadow: black 2px 2px 10px;
}

/* Style tooltip */
.tooltip > .tooltip-inner {
  min-width: 300px;
  max-width: 50%;
}

.tooltip > .tooltip-inner p {
  color: #fff;
}

/* Checkout tour */
.checkout-tour-name {
  font-weight: bold;
}

/* Add form-control to override theme styling for zip code input in checkout */
input[type="text"].form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  margin-bottom: 0;
}

/* Override Additional Information styling in footer */
.newsletter-title {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 0;
}

.newsletter-title + hr {
  margin: 10px 0;
}

/* Stripe payment and checkout form styling */
.StripeElement, #submit-payment-form input, #payment-form input:not(#terms) {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  color: #000;
  line-height: 18px;
  font-family: Helvetica Neue, Helvetica, sans-serif;
  font-smoothing: antialiased;
  font-size: 16px;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

#submit-payment-form input::placeholder, #payment-form input::placeholder {
  color: #aab7c4;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

#payment-form {
  background: #F6F6F6;
  padding: 10px;
  border-radius: 10px;
}

/* Override padding for payment details on thankYou view */
.payment-details.p-30 {
  padding: 30px;
}

/* Make all tour thumbnails the same height & round border-radius */
.product-info {
  height: 70px;
  padding: 10px;
  border-radius: 0 0 10px 10px;
}

.product-img a img {
  border-radius: 10px 10px 0 0;
}

/* Make icons background red text white on contact page */
.contact-address i {
  background: #0066AF none repeat scroll 0 0;
  /* background was #0066AF */
  color: #fff;
}

.contact-address:hover i {
  background: #004377 none repeat scroll 0 0;
  /* remove this entire rule if you want original red */
}

/* Change color of phone number in header */
.call-us p a {
  color: #ccc;
}

.call-us p a:hover {
  color: #fff;
}

/* Show list style (bullets) */
.show-list-style li {
  list-style: disc inside;
  padding-bottom: 10px;
}

/* Splash page styling */
.splash-info h2 {
  font-weight: bold;
}

.splash-list {
  font-size: 20px;
}

.splash-list a {
  text-decoration: underline;
}

.splash-image {
  width: 75%;
  max-width: 300px;
  border-radius: 10px;
}

.alcatraz-info {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 300px;
  padding: 20px;
  color: #fff;
  border-radius: 10px;
}

.info-bg h3 {
  color: #fff;
  font-weight: bold;
  font-size: 24px;
}

.alcatraz-day-info {
  background-image: url(/images/alcatraz-day-thumb.jpg);
}

.alcatraz-night-info {
  background-image: url(/images/alcatraz-night-thumb.jpg);
}

.info-bg {
  background: rgba(0, 0, 0, .7);
  padding: 20px;
  border-radius: 10px;
}

#card-errors {
  margin-top: 20px;
  color: red;
}

/* Manifest step */
#checkout ul {
  margin-left: 15px;
}

#checkout li {
  list-style: disc;
}

/* Override bootstrap modal z-index */
.modal {
  z-index: 999999;
}

#dynamic-page strong {
  color: #0064ac;
}

/* Make youtube videos responsive */
.flex-container {
  display: flex;
  max-width: 560px;
  margin: 10px 0;
}

.flex-container.centered {
  margin: auto;
}

.flex-container.centered.even {
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.flex-container > *:not(:last-child) {
  margin-bottom: 10px;
}

.video-responsive{
  flex: 1;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%;
  margin-right: 10px;
  margin-left: 10px;
  height: 0;
}
.video-responsive video{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.video-responsive iframe{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
/* Calendar Styles */
.available {
  background-color: #337ab7;
  border-radius: 18px;
  color: #FFF;
}
.available-active {
  background-color: #1a4466;
}
.available-hr {
  border-top: 1px solid #8c8b8b;
  margin: 0;
}
.white-text {
  color: #fff;
}

#available-times {
  background-color: #e2e2e2;
  border-collapse: collapse;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0,0,0,.4);
  color: #000;
  font-family: Tahoma,Geneva,sans-serif;
  margin: 5px;
  padding: 10px;
  width: 290px;
  box-sizing: border-box;
}

#available-times li {
  opacity: 0;
}

.jsCalendar table {
  background-color: #e2e2e2;
}

.jsCalendar tbody td.available:hover {
    background-color: #1a4466;
}

/* FAQ Buttons */
.btn-day {
  color: #fff;
  background-color: #44579F;
  border-color: #334587;
}
.btn-day:hover, .btn-night:hover {
  color: #D7A5AB;
}

.btn-night {
  color: #fff;
  background-color: #242947;
  border-color: #15182D;
}

/* Checkout message for traveler names in checkout */
#travelerNamesMsg {
  color: #FF0000;
  font-size: 1.5rem;
}

/* Alcatraz Ticket Info */
.ordered-list li {
  list-style: decimal;
}
.unordered-list {
  margin-bottom: 10px;
  padding-left: 40px;
}
.unordered-list li {
  list-style: disc;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

/* Dashboard Lock Icon in Footer */
#dashboard-lock-icon {
  font-size: 24px;
}

/* Cart Apply Promo Button */
.btn-light-blue {
  color: #fff;
  background-color: #81b4df;
  border-color: #5b9bd2;
}

/* Style splash for mobile */
@media screen and (max-width: 768px) {
  .show-list-style li {
    padding-bottom: 0px;
  }

  .splash-list {
    font-size: 14px;
  }

  .info-bg h3 {
    font-size: 16px;
  }
}
/* Hide line breaks on desktop */
@media screen and (max-width: 768px) {
  .visible-only-desktop {
    display: none;
  }
}

/* Hide line breaks on desktop */
@media screen and (min-width: 768px) {
  .visible-only-mobile {
    display: none;
  }
}