@charset "UTF-8";
@font-face {
  font-family: "Cinzel";
  src: url("../../assets/fonts/Cinzel-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Cinzel Decorative";
  src: url("../../assets/fonts/CinzelDecorative-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Arsenal";
  src: url("../../assets/fonts/Arsenal-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Arsenal Italic";
  src: url("../../assets/fonts/Arsenal-Italic.ttf") format("truetype");
}
body {
  font-family: "Arsenal";
  font-size: 18px;
  line-height: 130%;
  /* -------------- the BUTTONS ----------------- */
  /* carousel indicators for both splash & tours */
  /* used in tours browser */
  /* ====== general aligning ======= */
}
body h1, body h2, body h3 {
  font-weight: 100;
}
body h1 {
  font-family: "Cinzel Decorative";
  font-size: 25px;
  text-align: center;
}
body p {
  color: white;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  text-align: left;
}
body .btn.btn-primary {
  font-size: 18px !important;
  background-color: #1638ad !important;
  color: white !important;
  border: 1px solid white !important;
  margin-bottom: 7px !important;
  margin-top: 7px !important;
}
body .btn.btn-primary:hover {
  background-color: darkblue !important;
  opacity: 0.9 !important;
}
body .btn.btn-secondary {
  font-size: 18px !important;
  background-color: rgba(134, 134, 134, 0.9) !important;
  color: white !important;
  border: 1px solid white !important;
  margin-bottom: 7px !important;
  margin-top: 7px !important;
}
body .btn.btn-secondary:hover {
  background-color: #5c5c5c !important;
}
body .carousel-indicators li {
  width: 13px;
  height: 13px;
  border-radius: 100%;
  margin-left: 10px;
  background-color: white;
  border: 1px solid darkgrey;
}
body .fa-chevron-left, body .fa-chevron-right {
  color: white;
  font-size: 2em;
}
body .bullets ul {
  margin-top: 10px;
  margin-bottom: 10px;
}
body .bullets li:before {
  display: table-cell;
  font-family: FontAwesome;
  content: "";
  /* == \f046 for tick box */
  font-size: 1em;
  padding-right: 0.4em;
}
body .bullets li:after {
  content: "";
  display: block;
  margin-bottom: 0.3em;
}
body .morelink {
    margin: 0 auto;
    margin-top:30px;
}
body .item-to-center {
  display: table;
  margin: 0 auto;
}
body .item-to-left {
  /* for alignment of 'one day only' */
  text-align: left;
}
body .para-indent ul {
  /* for spacing icons */
  display: table;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
body .para-indent li {
  display: table-row;
  line-height: 1.3em;
}
body img, body svg {
  margin: 0;
  width: 100%;
}

/* ============= SPLASH ================= */
#splash-carousel {
  margin-top: -65px;
  margin-bottom: -8px;
  border-bottom: 1px solid #918d92;
}
#splash-carousel div.jumbotron {
  min-height: 400px;
  /* NB set height */
  color: #fff;
  background-size: cover;
  background-position: center;
  margin-bottom: 0;
  border-radius: 0px;
  /* ====== slides ====== */
  /*
          &.slide-seasonal {
          background-image: url($splash_slide_2 + ".jpg");
          }
          .seasonal_text_shading {
          background-color: rgba(88,88,88, 0.9);
          }

          &.slide-action {
          background-image: url($splash_slide_3 + ".jpg");
          }
          .action_text_shading {
          background-color: rgba(0,0,0, 0.6);
          }
  */
}
#splash-carousel div.jumbotron .slide-text {
  color: white;
  font-size: 22px;
  line-height: 28px;
  text-shadow: 0px 1px 1px #282828;
  font-weight: 600;
  margin-top: 50px;
  margin-bottom: 10px;
  padding: 15px 20px 25px 20px;
  max-width: 750px;
}
#splash-carousel div.jumbotron .slide-text a:link, #splash-carousel div.jumbotron .slide-text a:visited, #splash-carousel div.jumbotron .slide-text a:active {
  color: #D3D3D3;
  text-decoration: none;
  border-bottom: 1px #D3D3D3 dotted;
}
#splash-carousel div.jumbotron .slide-text a:hover {
  color: #D3D3D3;
  text-decoration: underline;
  border: none;
}
#splash-carousel div.jumbotron .slide-text .slide-text-lower {
  margin-top: 20px;
}
#splash-carousel div.jumbotron .slide-text .slide-text-lower p {
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
}
#splash-carousel div.jumbotron.slide-welcome {
  background-image: url("../../assets/img/splash-slide-1.jpg");
}
@media (max-width: 360px) {
  #splash-carousel div.jumbotron.slide-welcome {
    background-image: url("../../assets/img/splash-slide-1-small.jpg");
  }
}
#splash-carousel div.jumbotron .welcome_text_shading {
  background-color: rgba(20, 46, 88, 0.9);
}

/* ============ Main Purple area =============== */
#main-panel {
  padding: 10px 10px 20px 10px;
  text-align: center;
  background: -moz-linear-gradient(180deg, #4c2547 0%, #221734 28%, #221734 100%);
  background: -webkit-linear-gradient(180deg, #4c2547 0%, #221734 28%, #221734 100%);
  border-bottom: 1px solid #918d92;
}

/* ============ main review =============== */
blockquote {
  color: white;
  position: relative;
  margin: 0.5em;
  padding: 0.5em 2em 0.5em 3em;
}
blockquote:before, blockquote:after {
  font-family: "Times New Roman", serif;
  position: absolute;
  font-size: 6em;
  line-height: 1;
  opacity: 0.1;
  padding: 0px;
}
blockquote:before {
  top: -10px;
  left: 0;
}
blockquote:after {
  float: right;
  right: 0;
  bottom: -0.4em;
}
blockquote:lang(en):before {
  content: "“";
}
blockquote:lang(en):after {
  content: "”";
}
blockquote:lang(de):before {
  content: "»";
}
blockquote:lang(de):after {
  content: "«";
}

.headline_link:link, .headline_link:visited, .headline_link:active {
  color: #CECECE;
  font-size: 18px;
  text-decoration: none;
  border-bottom: 1px #CECECE dotted;
  text-align: left;
}
.headline_link:link:hover, .headline_link:visited:hover, .headline_link:active:hover {
  color: snow;
  text-decoration: underline;
  border: none;
}

#headline_link_arrow {
  margin-left: -20px;
  text-decoration: none;
}

#headline_review {
  margin-bottom: 4px;
  /*    font-style: italic; */
  font-family: "Arsenal Italic";
  text-decoration: none;
}

/* ============ tabs =============== */
.panel {
  padding-top: 10px;
}

.nav-tabs {
  font-size: 18px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: black !important;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
  opacity: 1;
}
.nav-tabs .nav-link {
  opacity: 0.7;
  border-color: #e8e8e8;
  color: #CECECE;
  margin-right: 4px;
}
.nav-tabs .nav-link:hover {
  opacity: 1;
}
.nav-tabs #reviews-tab::before {
  font-family: FontAwesome;
  content: "";
  padding-right: 5px;
  font-size: 1em;
}

.tab-content {
  background-color: #e8e8e8;
  color: black !important;
  padding: 22px 15px 20px 18px;
}
.tab-content h1 {
  color: #191919;
  margin-bottom: 20px;
}
.tab-content p {
  color: black !important;
  font-size: 18px;
}
.tab-content a:link, .tab-content a:visited, .tab-content a:active {
  color: black;
  text-decoration: none;
  border-bottom: 1px gray dotted;
}
.tab-content a:hover {
  color: black;
  text-decoration: underline;
  border: none;
}
.tab-content label {
  font-size: 18px;
}
.tab-content hr {
  margin-top: 30px;
  margin-bottom: 25px;
}

/* ============ Tours TAB ===============*/
.input-daterange {
  margin-bottom: 20px;
}
.input-daterange #arrival-date, .input-daterange #departure-date {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-image: url(../../assets/img/calendar-icon.png);
  background-repeat: no-repeat;
  background-position: 10px 8px;
  text-indent: 26px;
  text-align: left;
  margin-top: 7px;
}

/* ---- Availability list ----- */
.availability_list_grid {
  *border-collapse: collapse;
  border-spacing: 0;
  margin: 0 auto;
  border: solid #ccc 1px;
  -webkit-box-shadow: 0 1px 1px #ccc;
  -moz-box-shadow: 0 1px 1px #ccc;
  box-shadow: 0 1px 1px #ccc;
  margin-bottom: 15px;
}

.availability_list_grid td {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 10px;
  text-align: left;
}

#availability_list {
  /* colour depending on AM or PM */
}
#availability_list .availability_list_c {
  background-color: lightgrey;
}
#availability_list .availability_list_b {
  background-color: darkgrey;
}

/* ========  Tours CAROUSEL =========*/
.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
  background-color: transparent;
  margin-top: 30px;
  margin-bottom: 10px;
}

.card {
  width: 260px;
  border: 1px solid darkgrey;
  margin-right: 10px;
  padding-bottom: 10px;
}
.card .card-image-container {
  overflow: hidden;
  height: 210px;
  border-radius: 3px;
  border: 1px solid darkgrey;
}
.card .card-image-container h2 {
  position: absolute;
  z-index: 1000;
  width: 233px;
  font-family: "Cinzel";
  font-size: 18px !important;
  color: white !important;
  font-weight: 800;
  text-shadow: 0px 2px 2px black;
  border-bottom: 1px solid darkgrey;
  border-radius: 0px;
  background-color: rgba(54, 25, 25, 0.8);
  padding: 6px;
}
.card .card-image {
  transition: transform 0.9s ease;
  cursor: pointer;
  height: 210px;
}
.card .card-image:hover {
  transform: scale(1.2);
}
.card .card-body {
  background-color: white;
  padding: 5px;
  opacity: 1;
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 250px;
  height: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 7px;
  padding-right: 8px;
}

/* ========  TOUR POP-OUT =========*/
.modal-backdrop.show {
  opacity: 0.8;
}

.carousel-flush {
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid grey;
}
.carousel-flush #single_tour_carousel {
  height: 300px;
}
.carousel-flush #single_tour_carousel div.jumbotron {
  border-radius: 0px;
  height: 300px;
  background-size: cover;
  background-position: center;
}
.carousel-flush #single_tour_carousel h3 {
  position: absolute;
  font-family: "Arsenal";
  bottom: 10%;
  right: 0;
  font-size: 16px !important;
  color: white !important;
  border: 1px solid white;
  border-radius: 0px;
  background-color: black;
  padding: 6px;
}

#tour_info_panel {
  font-size: 18px;
  border: 1px solid #918d92;
  background-color: #4D2648;
}
#tour_info_panel h2 {
  color: white;
  font-family: "Cinzel";
  font-size: 22px;
  padding-top: 10px;
}
#tour_info_panel #tour_info_panel-text {
  padding: 25px 20px 20px 25px;
  border-bottom: 1px solid #918d92;
  background-color: snow;
  color: #333;
}
#tour_info_panel #tour_info_panel-text p {
  text-align: left;
}
#tour_info_panel #tour_info_panel-listings {
  color: snow;
  text-align: left;
  padding-top: 15px;
  font-weight: 100;
}
#tour_info_panel #tour_sights {
  padding-top: 0px;
  padding-bottom: 20px;
  margin-top: -10px;
  color: snow !important;
}
#tour_info_panel #tour_sights li {
  margin-left: -20px;
}
#tour_info_panel #terms_and_conditions {
  color: snow !important;
  font-size: 16px;
  text-align: center;
}
#tour_info_panel #terms_and_conditions a:link, #tour_info_panel #terms_and_conditions a:visited, #tour_info_panel #terms_and_conditions a:active {
  color: #D3D3D3;
  text-decoration: none;
  border-bottom: 1px #D3D3D3 dotted;
}
#tour_info_panel #terms_and_conditions a:hover {
  color: #D3D3D3;
  text-decoration: underline;
  border: none;
}

.close-modal {
  position: absolute;
  margin: 0;
  padding: 2px;
  top: 5px;
  right: 5px;
  font-size: 1.3em;
  color: white;
  background-color: #393939;
  opacity: 0.8;
  z-index: 1000;
}

.close-modal:hover {
  opacity: 1;
}

/* ============ Reviews TAB ===============*/
#titles_review {
  padding-bottom: 30px;
  text-align: left;
}
#titles_review li {
  margin-left: -15px;
  padding-left: 0;
  padding-bottom: 10px;
}

.ta-review-link {
  color: black;
  text-decoration: none;
  border-bottom: 1px black dotted;
  /*    font-style: italic; */
  font-family: "Arsenal Italic";
}
.ta-review-link:hover {
  color: black;
  text-decoration: underline;
  border: none;
}

/* ============= ENQUIRIES ================= */
#contact {
  background-color: #747c25;
  padding: 20px 10px 10px 10px;
  color: white;
  border-bottom: 1px solid #918d92;
}
#contact p {
  font-size: 18px;
  padding-bottom: 10px;
}
#contact h2 {
  font-family: "Cinzel";
  font-size: 22px;
  text-align: center;
}
#contact hr {
  height: 1px;
  background-color: #D3D3D3;
  border: none;
}
#contact a:link, #contact a:visited, #contact a:active {
  color: #D3D3D3;
  text-decoration: none;
  border-bottom: 1px #D3D3D3 dotted;
}
#contact a:hover {
  color: #D3D3D3;
  text-decoration: underline;
  border: none;
}
#contact input, #contact textarea {
  font-size: 18px;
}
#contact .invalid-feedback {
  font-size: 18px;
  background-color: FloralWhite;
  border: 2px red dotted;
  border-radius: 3px;
  padding: 3px;
}

/* ============ WORTH KNOWING =============== */
#faq {
  background-color: white;
  padding: 20px 10px 10px 10px;
  color: black;
}
#faq ul {
  color: black;
  font-size: 18px;
}
#faq li {
  margin-left: -15px;
  padding-left: 0;
  padding-bottom: 5px;
}
#faq a:link, #faq a:visited, #faq a:active {
  color: grey;
  text-decoration: none;
  border-bottom: 1px gray dotted;
}
#faq a:hover {
  color: black;
  text-decoration: underline;
  border: none;
}
#faq img {
  width: 100px;
  height: 100px;
  float: right;
}

/* ============ FOOTER =============== */
#footer p {
  font-size: 17px;
  color: black;
  text-align: center;
}
#footer p a:link, #footer p a:visited, #footer p a:active {
  color: black;
  text-decoration: none;
  border-bottom: 1px black dotted;
}
#footer p a:hover {
  color: black;
  text-decoration: underline;
  border: none;
}
#footer #footer-icons img {
  width: 150px;
}

/* ++++++++++++++ Other, various +++++++++++++++ */
#tg_signature {
  height: 67px;
  width: 80px;
}

#time {
  display: none;
  visibility: hidden;
}

#status {
  margin-top: 14px;
}

.block {
  display: block;
  width: 100%;
  text-align: center;
}

/* ++++++++++++++ NAV BAR +++++++++++++++ */
.navbar.navbar-light.navbar-expand-md {
  padding: 0px 5px;
  padding-left: 0px;
  background-color: transparent;
  border-bottom: 1px solid #918d92;
  border-top: 1px solid #918d92;
  z-index: 10;
}

.navbar-light .navbar-brand {
  background-image: url("../../assets/img/Blue-Badge-Logo.png");
  background-repeat: no-repeat;
  height: 60px;
  background-size: contain;
  padding-top: 0px;
  padding-bottom: 0px;
  background-position: 2% 50%;
  background-size: 44px;
  /* ======== LOGO & STRAP ========== */
}
.navbar-light .navbar-brand #timslondontours {
  font-family: "Cinzel Decorative";
  color: white;
  font-weight: 100;
  font-size: 21px;
  height: 30px;
  width: 200px;
  margin-left: 55px;
  margin-bottom: 0px;
  margin-top: 1px;
  opacity: 1;
  text-shadow: 0px 1px 1px #282828;
}
.navbar-light .navbar-brand #strap-line {
  font-family: Cinzel, serif;
  color: white;
  font-size: 12px;
  margin-bottom: 0px;
  margin-left: 57px;
  width: 220px;
  padding-bottom: 0px;
  margin-top: -3px;
  text-shadow: 0px 1px 1px #282828;
}

.navbar-toggler:not(:disabled):not(.disabled) {
  display: none;
}

/* ====++ top-right menu button ==========*/
.border.rounded.border-light.menu-toggle.rounded {
  width: 40px;
  height: 40px;
  top: 11px;
  margin-right: -8px;
  font-size: 17px;
  line-height: 1.4;
  padding-top: 4px;
  color: snow;
  border-color: #918d92 !important;
}
.border.rounded.border-light.menu-toggle.rounded #menu-toggle-text {
  height: 10px;
  font-size: 8px;
  padding-right: 0px;
  padding-top: 0px;
  margin-top: 0px;
  color: snow;
}
.border.rounded.border-light.menu-toggle.rounded .fa-bars {
  color: snow;
}

#sidebar-wrapper {
  top: 0px;
  z-index: 100;
  background-color: #323232;
  border: 1px solid #898989;
}

.sidebar-nav-item {
  background-color: #323232;
  border-bottom: 1px solid #898989;
}
.sidebar-nav-item img {
  /* size of flags */
  width: 26px;
  height: 18px;
}