/*!
Theme Name: Function
Theme URI: https://www.fivenines.co.uk/
Author: Michael Canavan
Author URI: https://www.fivenines.co.uk
Description: Another bespoke website for an amazing client!
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: function

*/
@font-face {
  font-family: "Anthelia";
  src: url("fonts/anthelia-webfont.eot?#iefix");
  src: url("fonts/anthelia-webfont.eot?#iefix") format("eot"), url("fonts/anthelia-webfont.woff2") format("woff2"), url("fonts/anthelia-webfont.woff") format("woff"), url("fonts/anthelia-webfont.ttf") format("truetype"), url("fonts/anthelia-webfont.svg") format("svg");
  font-weight: 700;
  font-style: normal; }

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/* Box sizing
--------------------------------------------- */
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both; }

p {
  margin-bottom: 1.5em; }

dfn,
cite,
em,
i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark,
ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

/* Elements
--------------------------------------------- */
body {
  background: #fff; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul,
ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: 700; }

dd {
  margin: 0 1.5em 1.5em; }

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

img {
  height: auto;
  max-width: 100%; }

figure {
  margin: 1em 0; }

table {
  margin: 0 0 1.5em;
  width: 100%; }

/* Links
--------------------------------------------- */
a {
  color: #4169e1; }
  a:visited {
    color: #800080; }
  a:hover,
  a:focus,
  a:active {
    color: #191970; }
  a:focus {
    outline: thin dotted; }
  a:hover,
  a:active {
    outline: 0; }

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em; }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa; }
  button:active,
  button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    color: #111; }

select {
  border: 1px solid #ccc; }

textarea {
  width: 100%; }

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em; }

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em; }

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

#site-navigation {
  background-color: #3d3d3d; }
  #site-navigation .menu-navigation-container {
    margin-left: 100px; }
  #site-navigation ul {
    padding: 0;
    margin: 0;
    list-style: none; }
  #site-navigation .menu {
    position: relative;
    width: 100%;
    display: flex; }
    #site-navigation .menu li a {
      display: block;
      padding: 10px 30px; }
    #site-navigation .menu > .current-menu-item,
    #site-navigation .menu > .current-menu-ancestor {
      position: relative; }
      #site-navigation .menu > .current-menu-item > a,
      #site-navigation .menu > .current-menu-ancestor > a {
        background: #4a4a4a; }
        #site-navigation .menu > .current-menu-item > a:before,
        #site-navigation .menu > .current-menu-ancestor > a:before {
          content: "";
          width: 7px;
          height: 7px;
          background: #c50;
          position: absolute;
          left: 16px;
          top: 52%;
          transform: translateY(-50%);
          border-radius: 100%; }
          @media (max-width: 1399px) and (min-width: 992px) {
            #site-navigation .menu > .current-menu-item > a:before,
            #site-navigation .menu > .current-menu-ancestor > a:before {
              left: 10px;
              top: 50%; } }
    #site-navigation .menu > li > .sub-menu {
      position: absolute;
      background-color: #fff;
      visibility: hidden;
      opacity: 0;
      box-shadow: 0 2px 20px rgba(0, 46, 102, 0.2);
      z-index: 10; }
      #site-navigation .menu > li > .sub-menu a {
        color: #cc5500; }
        #site-navigation .menu > li > .sub-menu a:hover {
          color: #cc5500; }
    #site-navigation .menu .megamenu > .sub-menu {
      display: flex;
      gap: 24px;
      padding: 24px;
      left: 0;
      width: 100%;
      z-index: 999; }
      #site-navigation .menu .megamenu > .sub-menu > li {
        flex-basis: 20%; }
        @media (min-width: 992px) {
          #site-navigation .menu .megamenu > .sub-menu > li:not(:last-of-type) {
            border-right: 1px solid rgba(0, 0, 0, 0.1); } }
        #site-navigation .menu .megamenu > .sub-menu > li > a {
          color: #cc5500;
          font-weight: bold;
          margin: 0; }
        @media (min-width: 992px) {
          #site-navigation .menu .megamenu > .sub-menu > li.no-click > a {
            pointer-events: none; } }
        #site-navigation .menu .megamenu > .sub-menu > li a {
          padding: 5px 0;
          margin: 0; }
        #site-navigation .menu .megamenu > .sub-menu > li .sub-menu {
          font-size: 0.8rem; }
    #site-navigation .menu > li > a {
      color: #fff;
      padding: 10px 30px;
      font-weight: 400; }
      @media (max-width: 1399px) and (min-width: 992px) {
        #site-navigation .menu > li > a {
          font-size: 0.9em;
          padding: 10px 15px; } }
    @media (min-width: 992px) {
      #site-navigation .menu > li:hover > a {
        background-color: #303030;
        color: #ffffff; } }
    #site-navigation .menu li:hover .sub-menu {
      visibility: visible;
      opacity: 1; }

@media (max-width: 991px) {
  #site-navigation .menu-navigation-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 66px;
    left: 0;
    margin: 0;
    transform: translateX(100%);
    z-index: 1;
    overflow: scroll;
    visibility: hidden;
    display: none;
    background-color: #1f1f1f;
    transition: transform 0.2s ease;
    z-index: 9999; }
    #site-navigation .menu-navigation-container .menu {
      flex-direction: column;
      margin-top: 48px; }
      #site-navigation .menu-navigation-container .menu .sub-menu {
        position: relative;
        flex-direction: column;
        display: none;
        visibility: hidden;
        opacity: 0;
        padding: 0;
        z-index: 9999; }
        #site-navigation .menu-navigation-container .menu .sub-menu img {
          margin: 10px 0;
          width: 100%;
          height: auto; }
    #site-navigation .menu-navigation-container .focus > .sub-menu {
      display: block;
      visibility: visible;
      opacity: 1; }
    #site-navigation .menu-navigation-container .megamenu > .sub-menu > li {
      padding: 5px 30px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    #site-navigation .menu-navigation-container li.menu-item-has-children {
      position: relative; }
      #site-navigation .menu-navigation-container li.menu-item-has-children:after {
        content: "\f105";
        position: absolute;
        right: 0;
        top: 0;
        padding: 10px 24px;
        font-family: "Font Awesome 6 Free";
        font-weight: 600;
        pointer-events: none;
        transition: all 0.3s ease; }
      #site-navigation .menu-navigation-container li.menu-item-has-children.focus:after {
        transform: rotate(90deg); }
    #site-navigation .menu-navigation-container .sub-menu li.menu-item-has-children:after {
      color: #cc5500; }
  #site-navigation.toggled .menu-navigation-container {
    transform: translateX(0);
    visibility: visible;
    display: block; } }

.menu-toggle {
  position: absolute;
  top: 6px;
  right: 12px;
  display: block;
  width: 60px;
  height: 50px;
  background: none;
  border: none;
  margin-left: auto; }
  .menu-toggle .bars {
    position: relative;
    transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1); }
    .menu-toggle .bars span {
      display: block;
      width: 100%;
      height: 3px;
      background-color: #ffffff;
      margin-top: 6px; }
      .menu-toggle .bars span:first-child {
        margin-top: 0;
        transform: scaleX(1);
        transition: transform 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
        transition-delay: 0.4s; }
      .menu-toggle .bars span:nth-child(3) {
        width: 65%;
        transition: width 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
        transition-delay: 0.4s; }
    .menu-toggle .bars .other-bar {
      width: 3px;
      height: 0;
      background-color: #fff;
      position: absolute;
      top: -4px;
      left: 50%;
      margin-left: -2px;
      transition: height 0.4s cubic-bezier(0.694, 0.048, 0.335, 1);
      z-index: 10; }
  .toggled .menu-toggle {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 99999; }
    .toggled .menu-toggle .bars {
      transform: rotate(45deg);
      transition-delay: 0.4s; }
      .toggled .menu-toggle .bars span {
        background-color: #fff; }
        .toggled .menu-toggle .bars span:first-child {
          transform: scaleX(0);
          transition: transform 0.2s cubic-bezier(0.694, 0.048, 0.335, 1); }
        .toggled .menu-toggle .bars span:nth-child(3) {
          width: 0;
          transition: width 0.2s cubic-bezier(0.694, 0.048, 0.335, 1); }
      .toggled .menu-toggle .bars .other-bar {
        height: 30px;
        transition: height 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
        transition-delay: 0.3s; }

* {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

body {
  font-family: 'Muli', sans-serif;
  color: #fff;
  background-color: #1f1f1f; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Anthelia', sans-serif;
  font-weight: 700; }

h4 {
  font-size: 1.2rem; }

a {
  color: #ffffff;
  text-decoration: none; }
  a:visited {
    color: #ffffff; }
  a:hover {
    color: #cc5500; }

p {
  line-height: 1.2; }
  p a {
    color: #cc5500; }
    p a:hover {
      text-decoration: underline; }
    p a:visited {
      color: #cc5500; }

mark, ins {
  background-color: transparent;
  border-bottom: 3px solid #eaff00; }

small {
  font-size: 0.75em; }

.btn {
  padding: 10px 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 0;
  border-top-left-radius: 1em;
  font-weight: bold; }
  .btn:hover {
    text-decoration: none; }
  .btn-primary, .btn-default {
    background-color: #cc5500;
    border-color: #cc5500;
    color: #fff !important; }
    .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-default:hover, .btn-default:active, .btn-default:focus {
      background-color: #b34a00 !important;
      border-color: #b34a00 !important;
      color: #fff !important; }
  .btn-secondary {
    background-color: #cc5500;
    border-color: #cc5500;
    color: #fff !important; }
    .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
      background-color: #b30062;
      border-color: #cc5500;
      color: #fff !important; }
  .btn-outline {
    color: #cc5500;
    background-color: #fff;
    border-color: #cc5500;
    border-width: 2px; }
    .btn-outline:hover {
      color: #fff;
      background-color: #cc5500; }

@keyframes wiggle {
  0% {
    transform: rotate(5deg); }
  25% {
    transform: rotate(-5deg); }
  50% {
    transform: rotate(10deg); }
  75% {
    transform: rotate(-2deg); }
  100% {
    transform: rotate(0deg); } }

.block {
  padding-top: 24px;
  padding-bottom: 24px; }
  @media (min-width: 992px) {
    .block {
      padding-top: 80px;
      padding-bottom: 80px; } }

.bg-brand-orange {
  background-color: #cc5500; }

.bg-brand-orange-dark {
  background-color: #cc5500; }

.bg-brand-grey-1 {
  background-color: #1f1f1f; }

.bg-brand-grey-2 {
  background-color: #3d3d3d; }

.bg-brand-grey-3 {
  background-color: #d9d9d9; }

.border-brand-1 {
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px; }

.border-brand-2 {
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px; }

.border-brand-3 {
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 24px;
  border-bottom-right-radius: 24px; }

.site-header .site-header-branding .cart-contents-count {
  color: #fff;
  font-size: 10px;
  text-align: center;
  position: absolute;
  top: -5px;
  right: 0px;
  background: #cc5500;
  width: 20px;
  line-height: 20px;
  border-radius: 20px;
  z-index: 1; }

.site-header .site-header-branding .site-header-telno a {
  opacity: 0.5; }
  .site-header .site-header-branding .site-header-telno a:hover {
    color: #fff;
    opacity: 1; }

.site-header .site-header-branding .site-header-telno a.phone {
  font-family: 'Anthelia', sans-serif;
  font-size: 1.6rem;
  line-height: 1rem;
  opacity: 1;
  margin-bottom: 5px;
  font-weight: 700;
  letter-spacing: 1.2px; }

.site-header .site-header-branding .site-header-buttons a i {
  font-size: 1.1875rem;
  font-weight: 400;
  height: 22px; }

.site-header .site-header-branding .site-header-buttons a small {
  opacity: 0.5; }

.site-header .site-header-branding .site-header-buttons a:hover i {
  color: #fff;
  transform: scale(0.9); }

.site-header .site-header-branding .site-header-buttons a:hover small {
  opacity: 1;
  color: #ffffff; }

.site-header .logo-container {
  max-height: 40px; }

.site-header .logo-overhang {
  margin-bottom: -46px; }

.site-header .dgwt-wcas-search-wrapp {
  background-color: #323232; }

@media (max-width: 996px) {
  .site-header-buttons,
  .site-header-buttons a {
    color: #fff; }
  .site-header-buttons svg path {
    fill: #fff; } }

.page .site {
  min-height: 50vh; }

.page h1.entry-title {
  text-align: center;
  margin: 1em 0; }

.reviews {
  color: #1f1f1f;
  font-size: 0.875em; }
  @media (min-width: 992px) {
    .reviews {
      margin-bottom: -86px;
      padding-bottom: 80px !important; } }
  .reviews-heading {
    padding: 25px; }
    .reviews-heading i {
      font-size: 2em; }
  .reviews .review .date {
    opacity: 50%; }
  .reviews i {
    color: #fff;
    background: #009688;
    padding: 3px;
    margin-right: 2px; }

footer.site-footer {
  font-size: 0.75rem; }
  footer.site-footer .footer-usp {
    background: #cc5500;
    color: #fff; }
    @media (min-width: 992px) {
      footer.site-footer .footer-usp {
        transform: translateY(50%); } }
    footer.site-footer .footer-usp i {
      transform: translateY(3px);
      font-size: 3em; }
    footer.site-footer .footer-usp .usp-info {
      padding-left: 10px; }
      footer.site-footer .footer-usp .usp-info h5 {
        font-size: 1rem; }
      footer.site-footer .footer-usp .usp-info span {
        opacity: 0.75; }
  footer.site-footer a {
    color: #fff; }
  footer.site-footer .main-footer {
    color: #FFF; }
    @media (min-width: 992px) {
      footer.site-footer .main-footer {
        padding-top: 100px !important; } }
  footer.site-footer .site-signoff .designby a img {
    transition: all 0.5s ease-in-out; }
  footer.site-footer .site-signoff .designby a:hover img.fivenines {
    transform: rotate(75deg);
    transition: all 0.5s ease-in-out; }
  footer.site-footer table {
    font-size: 0.75rem; }
    footer.site-footer table .telephone {
      font-size: 1.125rem; }
    footer.site-footer table span:not(.telephone) {
      color: rgba(255, 255, 255, 0.5); }
    footer.site-footer table td {
      vertical-align: top; }
  footer.site-footer .widget h4 {
    font-size: 1.125rem;
    font-weight: 700;
    border-bottom: 2px solid #cc5500;
    margin-bottom: 12px;
    padding-bottom: 12px; }
  footer.site-footer .widget table {
    width: 100%; }
    @media (min-width: 992px) {
      footer.site-footer .widget table {
        width: 70%; } }
    footer.site-footer .widget table td {
      font-size: 0.875rem; }
      footer.site-footer .widget table td:last-of-type {
        text-align: right;
        font-weight: 700; }
  footer.site-footer .widget ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    footer.site-footer .widget ul li {
      position: relative; }
      footer.site-footer .widget ul li a {
        color: #FFF;
        font-size: 0.875rem; }
        footer.site-footer .widget ul li a:hover {
          font-weight: bold; }

.usp {
  line-height: 1;
  font-size: 0.75rem; }
  .usp a:hover {
    color: #cc5500; }
    .usp a:hover .usp-strap strong {
      color: #cc5500; }

.usp:hover img {
  -webkit-animation-name: wiggle;
  -ms-animation-name: wiggle;
  -ms-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out; }

.usp img {
  margin-right: 10px; }

.usp-bar .blaze-container {
  display: flex; }

.usp-bar .blaze-track-container {
  width: 100%; }

.blaze-pagination {
  display: flex;
  gap: 6px;
  justify-content: center;
  align-items: center; }

.blaze-pagination button {
  background: #cc5500;
  border: none;
  border-radius: 50%;
  color: transparent;
  cursor: pointer;
  outline: 0;
  transition: transform 0.2s, background 0.3s; }

.blaze-pagination button, .example-slider .blaze-pagination button {
  height: 8px;
  width: 8px;
  padding: 0; }

.blaze-pagination button.active {
  background-color: #cc5500;
  border-color: #cc5500;
  transform: scale(1.5); }

.hero .bg-img {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 40%;
  z-index: 0;
  filter: grayscale(1);
  opacity: 0.5; }
  .hero .bg-img:before {
    content: "";
    background-color: #fc0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 67%;
    background: linear-gradient(90deg, #202020, transparent); }
  .hero .bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.hero .carousel-item .promo-txt,
.hero .carousel-item .promo-img {
  opacity: 0;
  transform: translateY(50px);
  transition: all 1s ease;
  transition-duration: 2s; }

.hero .carousel-item.active .promo-txt,
.hero .carousel-item.active .promo-img {
  opacity: 1;
  transform: translateY(0px); }

.hero .carousel-item .promo-img {
  transition-delay: .5s; }

@media (min-width: 992px) {
  .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    border-radius: 100px;
    border-width: 1.5px;
    border-color: #cc5500; } }

.breadcrumb {
  font-size: 0.8rem;
  margin: 24px 0; }
  .breadcrumb a {
    font-weight: 800; }
  .breadcrumb .sep:before {
    content: "/";
    opacity: 0.3; }

aside#secondary.widget-area {
  font-size: 0.8rem; }
  aside#secondary.widget-area .widget {
    margin-bottom: 12px; }
  aside#secondary.widget-area h3 {
    font-size: 1.125rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 12px 0;
    margin-bottom: 12px; }
  aside#secondary.widget-area ul {
    margin-left: 0;
    padding-left: 6px;
    line-height: 1.4rem; }
    aside#secondary.widget-area ul li .roundpcs.pcs {
      float: right;
      margin-right: 6px;
      opacity: 0.5; }
    aside#secondary.widget-area ul li input[type="checkbox"] {
      position: relative;
      /* Add if not using autoprefixer */
      -webkit-appearance: none;
      appearance: none;
      /* For iOS < 15 to remove gradient background */
      background-color: #3d3d3d;
      /* Not removed via appearance */
      width: 1.125rem;
      height: 1.125rem;
      border-radius: 3px; }
      aside#secondary.widget-area ul li input[type="checkbox"]:checked {
        background-color: #cc5500; }
        aside#secondary.widget-area ul li input[type="checkbox"]:checked::before {
          content: "\f00c";
          font-family: 'Font Awesome 6 Free';
          font-weight: 800;
          color: #fff;
          line-height: 18px;
          position: absolute;
          left: 0;
          top: 1px;
          right: 0;
          text-align: center;
          font-size: 0.8rem; }
    aside#secondary.widget-area ul li:hover input {
      background-color: #1f1f1f; }
    aside#secondary.widget-area ul li:hover label {
      font-weight: 800; }
  aside#secondary.widget-area .bapf_body {
    padding: 0 0 12px; }
  aside#secondary.widget-area .bapf_sfilter {
    margin-bottom: 0; }

.tile {
  position: relative;
  display: block;
  aspect-ratio: 2 / 1;
  background-image: -webkit-linear-gradient(278deg, #cc5500, transparent);
  background-image: -o-linear-gradient(278deg, #cc5500, transparent);
  background-image: linear-gradient(8deg, #cc5500, transparent);
  box-shadow: 0 4px 12px transparent;
  transition: all 0.3s ease; }

.tile:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  transform: scale(1.02); }

.tile.sale {
  background: #E6004C; }

.tile img {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.8; }

.tile:hover img {
  opacity: 1; }

.tile .tile-title {
  position: absolute;
  bottom: 18px;
  left: 24px;
  color: #fff;
  font-size: 1.5rem; }

.tile .tile-sub {
  position: absolute;
  bottom: 44px;
  left: 24px;
  color: #fff;
  font-size: 0.75rem; }

@media (max-width: 996px) {
  .sticky-mobile-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: #cc5500;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff; }
    .sticky-mobile-footer .phone {
      font-size: 1.3rem; }
    .sticky-mobile-footer small {
      font-size: 0.7rem; } }

.tile.swatch img {
  opacity: 1; }

.tile.swatch .tile-title {
  bottom: 0;
  left: 0;
  font-size: 1rem;
  margin-top: auto;
  margin-bottom: 0;
  padding: 12px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }

body .select2-container {
  z-index: 9 !important; }

.block-title {
  position: relative; }
  .block-title .bg-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    opacity: 0.5; }
  .block-title > div {
    position: relative;
    z-index: 1; }

.faqs .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #cc5500; }

.faqs .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

.grid .grid-item .card {
  box-shadow: 0 2px 20px rgba(0, 46, 102, 0.2);
  transition: all 0.3s ease; }
  .grid .grid-item .card .card-body h5 {
    font-size: 1rem;
    font-weight: normal; }
  .grid .grid-item .card .card-footer {
    font-size: 0.8rem;
    color: #1f1f1f; }

.grid .grid-item:hover .card {
  box-shadow: 0 2px 20px rgba(0, 46, 102, 0.4);
  transform: scale(1.025); }

.blog .pagination {
  color: #cc5500; }
  .blog .pagination .page-link {
    background: none;
    border: none;
    min-width: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    border-radius: 50%; }
    .blog .pagination .page-link:not(.prev, .next) {
      color: #cc5500; }
      .blog .pagination .page-link:not(.prev, .next):hover {
        background-color: #fff;
        color: #cc5500; }
  .blog .pagination .page-link.prev, .blog .pagination .page-link.next {
    color: #cc5500;
    opacity: 0.5; }
    .blog .pagination .page-link.prev:hover, .blog .pagination .page-link.next:hover {
      opacity: 1; }
  .blog .pagination .active .page-link {
    background-color: #fff;
    color: #cc5500;
    font-weight: 800; }

.single-post .post-thumbnail img {
  width: 100%;
  height: auto;
  margin-bottom: 24px; }

#post-nav .nav-box {
  background: #f3f3f3;
  width: 100%;
  box-shadow: 0 2px 20px rgba(0, 46, 102, 0.2);
  border-radius: 6px;
  overflow: hidden; }
  #post-nav .nav-box.previous {
    float: left; }
    #post-nav .nav-box.previous .nav-img,
    #post-nav .nav-box.previous .nav-item {
      float: left; }
  #post-nav .nav-box.next {
    float: right;
    text-align: right; }
    #post-nav .nav-box.next .nav-img,
    #post-nav .nav-box.next .nav-item {
      float: right; }
  #post-nav .nav-box .nav-img {
    display: inline;
    overflow: hidden; }
    #post-nav .nav-box .nav-img img {
      transition: transform 0.3s; }
  #post-nav .nav-box .nav-item {
    padding: 15px;
    display: block;
    height: 100px;
    width: calc(100% - 100px);
    background: #ffffff; }
    #post-nav .nav-box .nav-item span {
      display: block;
      font-size: 0.8em;
      opacity: 0.6; }
    #post-nav .nav-box .nav-item p {
      font-size: 1.25em; }
  #post-nav .nav-box a {
    color: #000;
    width: 100%; }
    #post-nav .nav-box a:hover .nav-item {
      background: #cc5500;
      color: #fff; }
    #post-nav .nav-box a:hover .nav-img img {
      transform: scale(1.1); }

#enquire-form .nf-form-fields-required {
  text-align: right;
  font-size: 0.8rem; }

#enquire-form .label-above .nf-field-label {
  margin-bottom: 3px;
  font-size: 0.8em; }

#enquire-form .nf-field-container {
  margin-bottom: 8px; }
  #enquire-form .nf-field-container input, #enquire-form .nf-field-container textarea, #enquire-form .nf-field-container select {
    font-size: 1rem; }
  #enquire-form .nf-field-container textarea {
    height: 120px; }
  #enquire-form .nf-field-container.submit-container {
    margin-bottom: 0; }
    #enquire-form .nf-field-container.submit-container .submit-wrap input.ninja-forms-field {
      color: #fff;
      font-size: 1rem;
      padding: 15px 30px;
      display: block;
      width: 100% !important;
      background-color: #e6007e !important;
      border-color: #cc5500;
      border-radius: 100px; }

@media (max-width: 992px) {
  iframe#launcher {
    margin-bottom: 80px !important; } }

@media (max-width: 992px) {
  .zopim {
    bottom: 85px !important; } }