@charset "UTF-8";

/*!
 * Theme Name: Tanner Warehouse
 *	Author: Den Creative
 *	Author URI: http://wwww.dencreative.com
 *	Description:  Base theme. All Den projects will be child themes of this.
 *	Version: 0.1
 *  Template: cammhooper
 */

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * THIS IS A FILE / MAJOR SECTION HEADER
 *
 * This is a comment
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

/* ========================= *\
 * USED MIXINS
 * ========================= */

/* ========================= *\
 * This is a sub-section
 * header
 * ========================= */

/**
 * This is an inline comment (no wider than 80 characters per line)
 */

/* ========================= *\
 * Variables
 * ========================= */

/* ========================= *\
 * GLOBAL COLOURS
 * ========================= */

body {
  color: #fff;
  background: #202020;
}

/* ========================= *\
 * TEXT COLOURS
 * ========================= */

.button-link--alt {
  color: #fff;
}

.alt-block-subtitle,
.alt-block-link,
.content-side-title a,
.button-link,
.links-block .small-header,
.contact-block-left .medium-header,
.quote-block,
.page-nav a,
.page-nav a:not(.button-link),
.text-slider .large-header,
.text-slider-wrap em,
a:hover,
.site-header-main-button:hover,
.site-header-main-button:hover .phone-number-href {
  color: #3E747E;
}

.alt-block-link:hover,
.content-side-title a:hover,
.button-link:hover {
  color: #fff;
}

.large-header p span {
  color: #3E747E;
}

.contact-block a,
.phone-number-href {
  color: #fff;
}

.contact-block a:hover {
  color: #3E747E;
}

.phone-number-href:hover {
  color: #fff;
}

.contact-block .phone-number-href:hover {
  color: #3E747E;
}

.contact-block a,
.contact-block .phone-number-href {
  color: #3E747E;
}

.contact-block a:hover,
.contact-block .phone-number-href:hover {
  color: #fff;
}

.links-block-list a:hover {
  color: #3E747E;
}

.text-slider__total-slides:before {
  -webkit-text-stroke-color: #3E747E;
}

.collapsible-block__header:before,
.collapsible-block__header:after {
  background-color: #3E747E;
}

.collapsible-block__footer a {
  border-bottom: 3px solid #3E747E;
}

.collapsible-block__footer a:hover {
  color: #3E747E;
}

/* ========================= *\
 * BORDER COLOURS
 * ========================= */

.alt-block-link,
.content-side-title a,
.button-link,
.page-nav-list li:before,
.breadcrumbs > span:before,
.gallery-filter li.active button,
.gallery-filter li:hover button,
.site-header-main-button {
  border-color: #3E747E;
}

.alt-block-link:hover,
.content-side-title a:hover,
.button-link:hover,
.collapsible-block,
.collapsible-block__wrapper article:first-of-type {
  border-color: #fff;
}

/* ========================= *\
 * BACKGROUND COLOURS
 * ========================= */

.alt-block-link:after,
.button-link:after,
.content-side-title a:after,
.links-block-list li:not(:last-child):after,
.contact-toggle:before,
.header-contact,
.page-nav-list li.current_page_item:before,
.page-nav-extra li:before,
.page-nav-extra li:before,
body:not(.home) .site-nav li:not(:last-child):after,
.gallery-grid figure:before,
.main-gallery-grid figure:before,
.site-nav,
.site-nav-toggle,
.button-link--alt:before,
.text-slider .slick-dots li.slick-active button,
.alt-block-link-secondary:before {
  background-color: #3E747E;
}

.alt-block-link:hover:after,
.button-link:hover:after,
.content-side-title a:hover:after {
  background-color: #fff;
}

.contact-block-form-iframe.narrow {
  background-color: transparent;
}

/* ========================= *\
 * SVG COLOURS
 * ========================= */

.arrow-down-large path,
.arrow-down-small path,
.phototext-slider-arrow path,
.text-slider-arrow path,
.slider-next-arrow path,
.slick-arrow path {
  stroke: #3E747E;
}

.text-slider-arrow svg .arrow-fill {
  fill: #3E747E;
}

/* ========================= *\
 * HERO BLOCK
 * ========================= */

@media only screen and (min-width: 1024px) {
  body.home .hero-block img {
    min-width: 100%;
    min-height: 100%;
  }
}

.hero-image:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: .1;
  background: #202020;
  z-index: 1;
}

body.home .hero-image:before {
  display: none;
}

/* ========================= *\
 * CONTACT BLOCK
 * ========================= */

.contact-block-form-iframe {
  background-color: transparent;
}

@media only screen and (min-width: 768px) {
  .contact-block-form-iframe.narrow {
    height: 830px;
    margin-left: calc(-25% - 28px);
    width: calc(120% + 56px);
  }
}

/* ========================= *\
 * NUMBERED ALT IMAGES
 * ========================= */

.alt-block-wrap.alt-block-with-numbers .alt-block-title:before {
  color: #3E747E;
  -webkit-text-stroke-color: #3E747E;
}

/* Navigation > */

.site-nav .menu-item-has-children a:after {
  color: #fff;
}

.site-nav .menu-item-has-children a:after:hover {
  color: #3E747E;
}

/* Sub menu */

body.submenu-open .site-nav .menu-item-has-children > a {
  color: #fff;
}

body.submenu-open .site-nav .menu-item-has-children > a:hover {
  color: #3E747E;
}

body.submenu-open .site-nav .menu-item-has-children-previous {
  color: #fff;
}

/* Text slider with form decreasing gap, specifically for Weddings */

.text-slider-wrap .text-slider iframe.pardot-form.contact-block-form-iframe.narrow {
  height: 620px;
}

/* Contact page venue styling */

#contact-page .contact-block-right .large-header {
  color: #3E747E;
}

#contact-page .contact-block-blurb:after {
  background: #3E747E;
}

/* New contact draw scrolling layout */

.contact-form-open .header-contact-block-form-wrapper iframe {
  height: 980px;
}

@media only screen and (min-width: 430px) {
  .contact-form-open .header-contact-block-form-wrapper iframe {
    height: 885px;
  }
}

/* ========================= *\
 * COOKIE POLICY
 * ========================= */

.cc_container.cc_banner .cc_btn.cc_btn_accept_all {
  color: #fff;
  background: #3E747E;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.cc_container.cc_banner .cc_btn.cc_btn_accept_all:hover {
  color: #fff;
  background: #3b646d;
}

.cc_container.cc_banner .cc_message a {
  color: #3E747E;
}

.cc_container.cc_banner .cc_message a:hover {
  color: #fff;
}

/* Homepage banner */

.banner-full {
  background: #3E747E;
}

.banner-full a {
  color: #fff;
}

/* ========================= *\
 * TABLES
 * ========================= */

table thead {
  border-bottom: 1px solid #fff;
}

table tbody,
table tfoot {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

table tr:nth-child(odd) {
  background-color: #333;
}

/* Quote block */

.quote-block:after,
.quote-slider-wrap .quote-block:after {
  width: 195px;
  content: url(assets/img/large-quote-TW.svg);
}

.quote-block {
  color: #fff;
}

/* WHATS ON VENUE STYLING */

.month-listing .month-name:before,
.month-listing .month-name:after,
.pick-listing .month-name:before,
.pick-listing .month-name:after {
  background: #3E747E;
}

.events-list-1 li .event-image figcaption,
.events-list-2 li .event-image figcaption,
.events-list-3 li .event-image figcaption,
.picks-list li .event-image figcaption {
  background: #3E747E;
}

.events-list-1 li .event-details footer h3,
.events-list-2 li .event-details footer h3,
.events-list-3 li .event-details footer h3,
.picks-list li .event-details footer h3 {
  color: #3E747E;
}

.events-list-1 li .event-details footer .select-holder,
.events-list-2 li .event-details footer .select-holder,
.events-list-3 li .event-details footer .select-holder,
.picks-list li .event-details footer .select-holder {
  background: #3E747E;
}

.events-list-1 li .btn-event-book,
.events-list-2 li .btn-event-book,
.events-list-3 li .btn-event-book,
.picks-list li .btn-event-book {
  color: #fff;
  background: #3E747E;
}

.events-list-1 li .btn-event-book:hover,
.events-list-2 li .btn-event-book:hover,
.events-list-3 li .btn-event-book:hover,
.picks-list li .btn-event-book:hover {
  background: #3b646d;
}

/* Sub navigation */

@media only screen and (min-width: 1024px) {
  .sub-menu {
    background: #3E747E;
  }

  .sub-menu:before {
    background: #3E747E;
  }
}

/* Xmas nav tile amend */

.site-nav .menu-item#menu-item-1423,
.site-nav .menu-item#menu-item-1584 {
  background: #3b646d;
}

/* Logo fix */

#site-header-svg {
  display: block;
}

/* Button amend */

.button-link,
.contact-toggle {
  background: #3E747E;
  color: #fff;
  border: none;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.button-link:hover,
.contact-toggle:hover {
  background: #3b646d;
  color: #fff;
}

/* DMN form styling - NYE silent disco */

.tw-widget {
  color: #fff !important;
}

.tw-widget h2,
.tw-widget h3,
.tw-widget h4 {
  color: #fff !important;
}

.tw-widget .tw-btn--secondary {
  color: #fff !important;
  border: none !important;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.tw-widget .tw-btn--secondary[disabled="disabled"] {
  background: #3E747E !important;
}

.tw-widget .tw-btn--secondary:not([disabled="disabled"]),
.tw-widget .tw-btn--secondary:hover {
  background: #3b646d !important;
}

.tw-widget .tw-text--sell-until {
  color: #fff !important;
}

.text-slider .slick-dots li button {
  background-color: rgba(62, 116, 126, 0.3);
}


/*# sourceMappingURL=style.css.map*/