/* ---- Style scss ---- */
/* ---- Admin scss ---- */
/*
Theme Name: Skellig Theme V1
Theme URI: https://www.skelligsix18distillery.ie/
Author: OPEN DESIGN & DIGITAL
Author URI: https://www.weareopen.ie
Description: Skellig Theme
Version: 1.0
License: GNU General Public License */
/* ---- Variables scss ---- */
@import url("https://use.typekit.net/hhl0pnn.css");
body {
  font-family: "faricy-new-web", sans-serif;
}

:root{
	--burntOrange: #a2663f;
}

.sk-blue {
  background: #4d5f80;
}

/* ---- Functions scss ---- */
/* ---- Mixins scss ---- */
/* ---- Foundation scss ---- */
/* ---- Reset scss ---- */
.row {
  max-width: none;
}

a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

a:focus {
  color: var(--burntOrange);
}

button {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  box-shadow: none;
}

button:focus {
  outline: none;
}

[type="text"]:focus,
[type="password"]:focus,
[type="date"]:focus,
[type="datetime"]:focus,
[type="datetime-local"]:focus,
[type="month"]:focus,
[type="week"]:focus,
[type="email"]:focus,
[type="number"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="time"]:focus,
[type="url"]:focus,
[type="color"]:focus,
textarea:focus {
  box-shadow: none;
  outline: none;
}

input[type="text"],
input[type="email"],
textarea {
  border-radius: 1px;
  box-shadow: none;
  padding: 0px;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: none;
  border-radius: unset;
  background: unset;
  color: unset;
  cursor: pointer;
  -webkit-appearance: button;
  font-size: unset;
  font-size: unset;
  line-height: unset;
  padding: unset;
}

button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
  box-shadow: unset;
  outline: none;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
  box-shadow: unset;
}

.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
  float: left;
}

/* ---- Typography scss ---- */
@font-face {
  font-family: "SackersGothicStd-Light";
  src: url("fonts/397F87_0_0.eot");
  src: url("fonts/397F87_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/397F87_0_0.woff2") format("woff2"),
    url("fonts/397F87_0_0.woff") format("woff"), url("fonts/397F87_0_0.ttf") format("truetype");
}

@font-face {
  font-family: "SackersGothicStd-Heavy";
  src: url("fonts/36F817_0_0.eot");
  src: url("fonts/36F817_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/36F817_0_0.woff2") format("woff2"),
    url("fonts/36F817_0_0.woff") format("woff"), url("fonts/36F817_0_0.ttf") format("truetype");
}

@font-face {
  font-family: "GT-Sectra-Display-Medium";
  src: url("fonts/GT-Sectra-Display-Medium.eot");
  src: url("fonts/GT-Sectra-Display-Medium.eot?#iefix") format("embedded-opentype"),
    url("fonts/GT-Sectra-Display-Medium.woff2") format("woff2"),
    url("fonts/GT-Sectra-Display-Medium.woff") format("woff"),
    url("fonts/GT-Sectra-Display-Medium.ttf") format("truetype");
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: unset;
  font-weight: normal;
  font-family: "SackersGothicStd-Light";
}

.headline {
  font-family: "GT-Sectra-Display-Medium";
}

.headline-text h1,
.headline-text h2,
.headline-text h3,
.headline-text h4,
.headline-text h5,
.headline-text h6,
.headline-text p {
  font-family: "GT-Sectra-Display-Medium";
}

p {
  color: #28334a;
  font-size: 18px;
  font-weight: normal;
}

h2,
h3 {
  font-family: "SackersGothicStd-Light", sans-serif;
  color: #28334a;
}

/* ---- Navigation scss ---- */
body.opened {
  position: fixed;
}

nav.main {
  position: fixed;
  width: 100%;
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* background-image: url("img/navbar_scroll.jpg"); */
  background-image: url("https://skelligsix18distillery.ie/wp-content/themes/skelligs/img/navbar_scroll.jpg");
  z-index: 9999;
  top: 45px;
}
.woocommerce nav.main {
  top: 0px;
}
nav.main.shrink {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
nav.main.shrink .nav-container {
  padding: 25px 30px 10px;
}
nav.main.shrink .logo-con img {
  width: 110px;
}
nav.main.shrink .main-links {
  margin-top: 5px;
}
nav.main.shrink .nav-right {
  top: 25px;
}
@media (max-width: 900px) {
  nav.main.shrink .nav-right {
    top: 21px;
  }
}
nav.main .nav-container {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  padding: 45px 90px 10px;
}
@media only screen and (max-width: 1360px) {
  nav.main .nav-container {
    padding: 45px 40px 10px;
  }
}
@media only screen and (max-width: 1220px) {
  nav.main .nav-container {
    padding: 45px 30px 25px;
  }
}
@media (max-width: 64.063em) {
  nav.main .nav-container {
    padding: 45px 40px 25px;
  }
}
nav.main ul {
  display: inline-block;
  margin: 0;
  list-style-type: none;
}
nav.main ul li {
  display: inline-block;
  font-family: "SackersGothicStd-Light", sans-serif;
  color: #fff;
  font-size: 12px;
  padding-right: 24px;
  margin-right: 24px;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
  position: relative;
}
nav.main ul li:after {
  right: 0px;
  position: absolute;
  content: "";
  height: 35px;
  width: 1px;
  background: var(--burntOrange);
  top: 0px;
}
@media only screen and (max-width: 1360px) {
  nav.main ul li {
    padding-right: 20px;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 1220px) {
  nav.main ul li {
    padding-right: 16px;
    margin-right: 16px;
  }
}
@media (max-width: 64.063em) {
  nav.main ul li {
    padding-right: 11px;
    margin-right: 11px;
  }
}
nav.main ul li a {
  color: #fff;
  display: block;
  padding-bottom: 15px;
}
nav.main ul li a:hover {
  display: block;
  color: var(--burntOrange);
}
nav.main ul li:last-child {
  border-right: none;
}
nav.main ul li:last-child:after {
  content: none;
}
nav.main ul li.menu-item-has-children {
  position: relative;
  padding-bottom: 0px;
}
nav.main ul li.menu-item-has-children ul.sub-menu {
  position: absolute;
  height: 0;
  visibility: hidden;
  left: -15px;
  top: 50px;
  visibility: hidden;
  z-index: 10;
  /* background-image: url("img/navbar_scroll.jpg"); */
  background-image: url("https://skelligsix18distillery.ie/wp-content/themes/skelligs/img/navbar_scroll.jpg");
  height: auto;
  padding: 15px 15px 0px;
  width: 180px;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -ms-transition: all 0.1s;
  transition: all 0.1s;
}
nav.main ul li.menu-item-has-children ul.sub-menu li {
  display: block;
  width: auto;
}
nav.main ul li.menu-item-has-children ul.sub-menu li:after {
  content: none;
}
nav.main ul li.menu-item-has-children ul.sub-menu li a {
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -ms-transition: all 0.1s;
  transition: all 0.1s;
  display: block;
  width: 180px;
}
nav.main ul li.menu-item-has-children:hover ul.sub-menu {
  visibility: visible;
}
nav.main ul li.menu-item-has-children:hover ul.sub-menu li {
  margin: 0;
  padding: 0;
  display: block;
}
nav.main ul li.menu-item-has-children:hover ul.sub-menu li a {
  display: block;
}

.nav-right {
  position: absolute;
  right: 30px;
  top: 58px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 900px) {
  .nav-right {
    right: 60px;
    top: 33px;
  }
}
.nav-right a.link {
  top: -7px;
  position: relative;
}
@media only screen and (max-width: 639px) {
  .nav-right a.link {
    display: none;
  }
  nav.main {
    top: 70px;
  }
}
.nav-right a.link button.with-border {
  width: 112px;
  padding: 10px 12px;
}
.nav-right a.link button.with-border:after {
  background-size: 112px 44px;
  height: 44px;
  width: 112px;
}
.nav-right a:hover button.with-border:after {
  top: -8px;
  left: -1px;
}

.logo-con {
  position: absolute;
  margin-right: 110px;
}
.logo-con a {
  display: block;
}
.logo-con img {
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  width: 165px;
}
@media only screen and (max-width: 1220px) {
  .logo-con img {
    width: 170px;
  }
}
@media (max-width: 64.063em) {
  .logo-con img {
    width: 140px;
  }
}

.main-links {
  display: block;
  margin-left: 22%;
  margin-top: 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 1360px) {
  .main-links {
    margin-left: 18%;
  }
}
@media only screen and (max-width: 1220px) {
  .main-links {
    margin-left: 15%;
  }
}
@media (max-width: 64.063em) {
  .main-links {
    margin-left: 13%;
  }
}

a.link {
  display: inline-block;
  position: relative;
}

a.w-app {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/weather.svg");
}
@media (max-width: 900px) {
  a.w-app {
    display: none;
  }
}

a.cart-customlocation {
  display: inline-block;
  margin-right: 30px;
  position: relative;
}
a.cart-customlocation .cart-icon {
  width: 37px;
  height: 37px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/cart_icon_white.svg");
  position: relative;
  top: 5px;
}
@media (max-width: 900px) {
  a.cart-customlocation .cart-icon {
    width: 32px;
    height: 32px;
  }
}
a.cart-customlocation .number {
  position: absolute;
  top: -3px;
  right: -6px;
  background: var(--burntOrange);
  width: 20px;
  height: 20px;
  z-index: 2;
  color: #fff;
  border-radius: 100%;
  display: inline-flex;
}
a.cart-customlocation .number span {
  width: 100%;
  font-size: 12px;
  font-family: "SackersGothicStd-Light", sans-serif;
  text-align: center;
  font-weight: 600;
}
@media (max-width: 900px) {
  a.cart-customlocation .number {
    width: 18px;
    height: 18px;
  }
  a.cart-customlocation .number span {
    font-size: 11px;
  }
}

.show-mob {
  display: none;
}

/* Hamburger */
.hamburger-box {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-box {
  width: 30px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 25px;
  height: 2px;
  background-color: #fff;
}

.hamburger-box.white-me .hamburger-inner,
.hamburger-box.white-me .hamburger-inner::before,
.hamburger-box.white-me .hamburger-inner::after {
  background-color: #fff;
}

.hamburger-box.white-me.color-me .hamburger-inner,
.hamburger-box.white-me.color-me .hamburger-inner::before,
.hamburger-box.white-me.color-me .hamburger-inner::after {
  background-color: #fff;
}

.hamburger--slider .hamburger-inner {
  top: 6px;
}

.hamburger--slider .hamburger-inner::before {
  top: 7px;
}

.hamburger--slider .hamburger-inner::after {
  top: 14px;
}

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -14px, 0) rotate(-90deg);
}

/* Hamburger Menu */
/* ----------- WordPress Accordion Nav ------- */
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#cssmenu {
  width: auto;
  color: #ffffff;
  margin-bottom: 40px;
}

#cssmenu ul ul {
  display: none;
}

#cssmenu > ul > li > a {
  padding: 20px 20px 20px 0px;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  z-index: 2;
  font-size: 20px;
  text-decoration: none;
  color: #ffffff;
  font-weight: 500;
}

#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a {
  color: #ccc;
  background: transparent;
}

#cssmenu > ul > li.open > a {
  border-bottom: 1px solid #fff;
}

#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
  border-bottom: 1px solid #fff;
}

.holder {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 15px;
  right: 0;
  background-image: url(img/chevron_white_down.svg);
  background-position: right;
  background-repeat: no-repeat;
  background-size: 20px;
}

.has-sub.open .holder {
  background-image: url(img/chevron_white_up.svg);
  background-repeat: no-repeat;
  background-position: 98% 8px;
  background-size: 20px;
}

#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {
  border-color: #eeeeee;
}

#cssmenu ul ul {
  padding: 0px 0px;
  border-bottom: 1px solid #fff;
}

#cssmenu ul ul li a {
  list-style-type: none;
  padding: 20px 5px 20px;
  border-bottom: 1px solid #fff;
  color: #a5a5a5;
  font-size: 16px;
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  color: #ccc;
}

#cssmenu ul ul li:first-child > a {
  box-shadow: none;
}

#cssmenu ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

#cssmenu ul ul ul li a {
  padding-left: 30px;
}

#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
  border-bottom: 0;
}

#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}

#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}

/* Mobile Menu */
.mobile-menu {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/mobile_menu_bg.jpg");
  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--mobile_menu_bg-background, url("img/mobile_menu_bg.jpg"));
  z-index: 998;
  height: 100vh;
  opacity: 0;
  overflow: hidden;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  visibility: hidden;
  opacity: 0;
}
.mobile-menu.menu-open {
  visibility: visible;
  opacity: 1;
  overflow-y: scroll;
}
.mobile-menu .mobile-menu-container {
  padding: 180px 40px 80px;
}
.mobile-menu .mobile-menu-container ul li {
  font-family: "SackersGothicStd-Light", sans-serif;
  text-transform: uppercase;
}
.mobile-menu .mobile-menu-container .ex-links {
  display: block;
}
.mobile-menu .mobile-menu-container .ex-links a.link {
  display: block;
  margin-bottom: 30px;
}
.mobile-menu .mobile-menu-container .ex-links a.w-app {
  display: block;
  width: 40px;
  height: 40px;
}

.mobile-menu .shop-menu-item a {
  /* border: 1px solid red; */
}

/* Smartphone Size */
@media only screen and (max-width: 900px) {
  .show-mob {
    display: block;
  }
  .main-links {
    display: none;
  }
  nav.main .nav-container {
    padding: 30px 40px 80px;
  }
  nav.main .nav-container .logo-con {
    margin-right: 0;
  }
  nav.main .nav-container .logo-con img {
    width: 140px;
  }
  nav.main #modalMenu {
    width: 40px;
    position: absolute;
    right: 40px;
    top: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  nav.main.shrink .nav-container {
    padding: 20px 30px 60px;
  }
  nav.main.shrink .nav-container .logo-con img {
    width: 100px;
  }
  nav.main.shrink #modalMenu {
    top: 15px;
    right: 30px;
  }
}

/* ---- Grid scss ---- */
/* ---- Header scss ---- */
header {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 165px 75px 80px;
  background-image: url("img/Hero_Background@2x.jpg");
  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--hero-background, url("img/Hero_Background@2x.jpg"));
}
@media (max-width: 64.063em) {
  header {
    padding: 160px 40px 80px;
  }
}
@media (max-width: 900px) {
  header {
    padding: 120px 40px 80px;
  }
}
header.stan {
  padding: 240px 75px 80px;
}
@media (max-width: 64.063em) {
  header.stan {
    padding: 180px 75px 80px;
  }
}
@media (max-width: 900px) {
  header.stan {
    padding: 140px 30px 60px;
  }
}
header .title-container h1 {
  color: #fff;
  text-transform: uppercase;
  font-size: 70px;
  line-height: 70px;
}
@media (max-width: 64.063em) {
  header .title-container h1 {
    font-size: 55px;
    line-height: 55px;
  }
}
@media (max-width: 900px) {
  header .title-container h1 {
    font-size: 42px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 46em) {
  header .title-container h1 {
    font-size: 36px;
    line-height: 36px;
  }
}
header .show-mob {
  display: none;
}
@media only screen and (max-width: 639px) {
  header .show-mob {
    display: block;
  }
}

img.hero-img {
  display: block;
  width: 100%;
}

.parallax-container {
  overflow: hidden;
  height: 480px;
  position: relative;
}
.parallax-container .parallax {
  position: absolute;
  height: 700px;
  width: 100%;
  z-index: 1;
}
@media (max-width: 64.063em) {
  .parallax-container {
    height: 380px;
  }
  .parallax-container .parallax {
    height: 600px;
  }
}
@media (max-width: 900px) {
  .parallax-container {
    height: 300px;
  }
  .parallax-container .parallax {
    height: 420px;
  }
}
.parallax-container.big {
  height: auto;
}
.parallax-container.big img {
  width: 100%;
}

.home .parallax-container {
  height: 675px;
  position: relative;
}
.home .parallax-container:after {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.25);
}
.home .parallax-container .parallax {
  height: 850px;
}
@media only screen and (max-width: 46em) {
  .home .parallax-container {
    height: 550px;
  }
  .home .parallax-container .parallax {
    height: 700px;
  }
}

/* Smartphone Size */
@media only screen and (max-width: 639px) {
  header {
    padding: 120px 40px 50px;
  }
  header .overlay-container {
    width: auto;
  }
  header .overlay-container .overlay-content h1 {
    font-size: 33px;
    line-height: 33px;
  }
  header .overlay-container p {
    font-size: 26px;
  }
  header .title-container h1 {
    font-size: 22px;
    line-height: 30px;
  }
  header.stan {
    padding: 110px 30px 30px 30px !important;
  }
  .home .parallax-container {
    height: 420px;
  }
  .home .parallax-container .parallax {
    height: 580px;
  }
  .parallax-container {
    height: 260px;
  }
  .parallax-container .parallax {
    height: 400px;
  }
}

/* ---- Footer scss ---- */
footer {
  background-color: #14203a;
  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--footer-background, url("img/Desktop_Footer@2x.jpg"));
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 50px;
}

footer .foot-logo-con {
  margin-bottom: 20px;
}
footer p {
  font-size: 16px;
  margin-bottom: 25px;
}
footer p a {
  color: #e4e3dd;
}
footer ul {
  list-style: none;
  margin-left: 0px;
}
footer ul li {
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid var(--burntOrange);
}
footer ul li:last-child {
  border-right: none;
}
footer ul li a {
  color: #fff;
  font-size: 16px;
}
footer ul li a:hover {
  color: var(--burntOrange);
}
footer ul li a i {
  color: #fff;
  font-size: 21px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
footer ul li a i:hover {
  color: var(--burntOrange);
}
footer .foot-links {
  padding-left: 20px;
}
@media (max-width: 900px) {
  footer .foot-links ul li {
    border-right: none;
  }
}
footer .social-links ul li {
  margin-right: 6px;
  padding-right: 6px;
}
footer .address p {
  font-size: 14px;
  margin-bottom: 20px;
}
footer .address p a {
  color: #b7b09c;
}
footer .address p a:hover {
  color: var(--burntOrange);
}
footer .sign p {
  font-size: 14px;
  margin-bottom: 20px;
  color: #b7b09c;
}
footer a p {
  font-size: 14px;
  margin-bottom: 20px;
  display: block;
  color: #b7b09c;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
footer a p:hover {
  color: var(--burntOrange);
}
@media (max-width: 64.063em) {
  footer .np-pad {
    padding: 0px;
  }
  footer ul li {
    margin-right: 8px;
    padding-right: 8px;
  }
}
@media (max-width: 900px) {
  footer .sign {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 46em) {
  footer ul li {
    margin-right: 5px;
    padding-right: 5px;
  }
  footer ul li a {
    font-size: 14px;
  }
}

/* Smartphone Size */
@media only screen and (max-width: 639px) {
  footer {
    padding: 60px 30px;
  }
  footer .foot-logo-con img {
    display: block;
    width: 110px;
  }
  footer .foot-links {
    padding-left: 0px;
    margin-bottom: 40px;
  }
  footer .foot-links ul li {
    display: block;
    border-right: 0;
  }
  footer .np-pad {
    padding: 0px;
  }
  footer p {
    font-size: 13px;
    margin-bottom: 40px;
  }
  footer p a {
    color: #b7b09c;
  }
  footer .social-links ul {
    margin-bottom: 40px;
  }
  footer .sign {
    margin-top: 0;
  }
}

footer p.trip a {
  display: block;
  padding-left: 20px;
  position: relative;
  top: 3px;
}
@media only screen and (max-width: 639px) {
  footer p.trip a {
    padding-left: 0px;
    color: #fff;
  }
}
a.lk:hover {
  color: var(--burntOrange);
}

/* ---- Sidebar scss ---- */
.weather-modal {
  background: rgba(255, 255, 255, 0.95);
  color: #fff;
  height: auto;
  max-height: 570px;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  overflow: hidden;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
  z-index: 0;
  width: 0;
}
.weather-modal.opened {
  opacity: 1;
  width: 350px;
  z-index: 99999999;
}
.weather-modal a.close-button {
  position: absolute;
  width: 32px;
  height: 32px;
  background-image: url("img/close_button.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px;
  top: 30px;
  right: 30px;
}
.weather-modal .weather-container {
  padding-top: 80px;
}
.weather-modal .weather-atlas-wrapper {
  min-width: 300px;
  text-shadow: none;
}
.weather-modal .weather-atlas-wrapper .current_temp {
  text-align: center;
  color: #4d5f80;
  margin-bottom: 20px;
}
.weather-modal .weather-atlas-wrapper .current_temp .temp {
  font-size: 60px;
  line-height: 60px;
  font-family: "GT-Sectra-Display-Medium";
  display: block;
  position: relative;
  margin-bottom: 25px;
  margin-left: 0px;
  letter-spacing: unset;
}
.weather-modal .weather-atlas-wrapper .current_temp .temp:after {
  content: "";
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("https://skelligsix18distillery.ie/wp-content/themes/skelligs/img/bronze_underline.svg");
  width: 75px;
  height: 4px;
  bottom: -14px;
  left: 47%;
  transform: translate(-50%, 0);
}

.weather-modal .weather-atlas-wrapper .current_text {
  font-family: "SackersGothicStd-Light", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
}
.weather-modal .weather-atlas-wrapper .current_text_2 {
  color: #4d5f80;
  font-family: "SackersGothicStd-Light", sans-serif;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 12px;
}
.weather-modal .weather-atlas-wrapper .weather-atlas-header {
  background: transparent;
  color: #4d5f80;
  text-shadow: none;
}
.weather-modal .weather-atlas-wrapper .daily {
  color: #4d5f80;
  font-family: "SackersGothicStd-Light", sans-serif;
}
.weather-modal .weather-atlas-wrapper .weather-atlas-footer {
  display: none;
}

/* Smartphone Size */
@media only screen and (max-width: 639px) {
  .weather-modal {
    background: white;
  }
}

/* ---- Forms scss ---- */
.nf-before-form-content .nf-form-fields-required {
  margin-bottom: 20px;
  color: #28334a;
  font-weight: 100;
}

.nf-form-content .nf-field-container {
  position: relative;
  padding-bottom: 15px;
}
.nf-form-content .nf-field-container .nf-error-wrap {
  position: absolute;
}
.nf-form-content .nf-field-container .nf-error-wrap .nf-error-msg {
  font-weight: 100;
}

.nf-form-content input:not([type="button"]) {
  border-radius: 1px !important;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #4d5f80;
  background: transparent;
  color: #28334a;
}

.nf-form-content .nf-field-label label {
  font-weight: 100;
  color: #28334a;
  font-size: 17px;
}

.nf-form-content .nf-field-element textarea {
  background: transparent;
  border: none;
  border-left: 1px solid #28334a;
  border-bottom: 1px solid #28334a;
  padding-left: 10px;
  color: #28334a;
}

.nf-form-content .field-wrap input[type="button"] {
  position: relative;
  width: 153px;
  height: auto;
  padding: 12px;
  font-size: 12px;
  color: #28334a;
  font-family: "SackersGothicStd-Light", sans-serif;
  text-transform: uppercase;
  background: transparent;
  border: 1px solid #28334a;
  margin-right: 25px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.nf-form-content .field-wrap input[type="button"]:hover {
  background: #28334a;
  color: #fff;
}

/* ---- buttons scss ---- */
button.with-border {
  position: relative;
  width: 153px;
  height: auto;
  padding: 12px;
  font-size: 12px;
  color: #fff;
  font-family: "SackersGothicStd-Light", sans-serif;
  text-transform: uppercase;
  background: transparent;
  border: 1px solid var(--burntOrange);
  margin-right: 25px;
}
@media (max-width: 64.063em) {
  button.with-border {
    width: 144px;
  }
}
button.with-border:after {
  content: "";
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 153px 57px;
  background-image: url("img/border_bronze_after_v2.svg");
  z-index: -1;
  height: 57px;
  width: 153px;
  display: block;
  top: -13px;
  left: 4px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 64.063em) {
  button.with-border:after {
    background-size: 145px 50px;
    width: 144px;
    left: 4px;
    top: -15px;
  }
}

button.with-border:hover {
  background: var(--burntOrange);
  color: #fff;
}
button.with-border:hover:after {
  top: -9px;
  left: -1px;
}

.with-line {
  position: relative;
}
.with-line:after {
  content: "";
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/white_underline.svg");
  width: 100%;
  height: 4px;
  left: 0px;
  bottom: 0px;
}
.with-line.bronze:after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("https://skelligsix18distillery.ie/wp-content/themes/skelligs/img/bronze_underline.svg");
}

a.link.inter button.brn {
  position: relative;
  width: 230px;
  height: auto;
  padding: 12px;
  font-size: 12px;
  color: #fff;
  font-family: "SackersGothicStd-Light", sans-serif;
  text-transform: uppercase;
  background: #5f5850;
  margin-right: 25px;
  margin-bottom: 30px;
}
a.link.inter button.brn:hover {
  background: var(--burntOrange);
}
p.int {
  margin-bottom: 0px;
  color: #5f5850;
}
@media only screen and (max-width: 46em) {
  a.link.inter {
    display: block;
  }
  a.link.inter button.brn {
    margin-right: 0;
    width: 100%;
  }
}

/* Tooltips */
/*tooltip */
.con-tooltip {
  display: inline;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: #28334a;
  font-size: 34px;
  color: #28334a;
  line-height: 38px;
  font-family: "GT-Sectra-Display-Medium";
  text-decoration: underline;
}
.con-tooltip:hover {
  color: var(--burntOrange);
}
@media (max-width: 900px) {
  .con-tooltip {
    font-size: 28px;
    line-height: 32px;
  }
}

.tooltip {
  visibility: hidden;
  z-index: 10;
  opacity: 0.4;
  width: 280px;
  padding: 20px;
  background: #fff;
  color: #4d5f80;
  position: absolute;
  top: -160px;
  left: 0;
  border-radius: 1px;
  transform: translateY(9px);
  transition: all 0.3s ease-in-out;
  font-family: "faricy-new-web", sans-serif;
  box-shadow: 0px 1px 2px 0px rgba(177, 175, 175, 0.86);
}

/* tooltip  after*/
.tooltip::after {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12.5px 0 12.5px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  left: 30px;
  bottom: -12px;
}

span.title {
  font-family: "GT-Sectra-Display-Medium";
  display: inline-block;
  position: relative;
  padding-bottom: 5px;
}

span.text {
  display: block;
  clear: both;
  text-transform: uppercase;
  font-family: "SackersGothicStd-Light", sans-serif;
  font-size: 10px;
}

.con-tooltip:hover .tooltip {
  visibility: visible;
  transform: translateY(-10px);
  opacity: 1;
  transition: 0.3s linear;
  animation: odsoky 1s ease-in-out infinite alternate;
}

@keyframes odsoky {
  0% {
    transform: translateY(6px);
  }
  100% {
    transform: translateY(1px);
  }
}

/*hover ToolTip*/
.left:hover {
  transform: translateX(-6px);
}

.top:hover {
  transform: translateY(-6px);
}

.bottom:hover {
  transform: translateY(6px);
}

.right:hover {
  transform: translateX(6px);
}

/*left*/
.left .tooltip {
  top: -20%;
  left: -170%;
}

.left .tooltip::after {
  top: 40%;
  left: 90%;
  transform: rotate(-90deg);
}

/*bottom*/
.bottom .tooltip {
  top: 115%;
  left: -20%;
}

.bottom .tooltip::after {
  top: -17%;
  left: 40%;
  transform: rotate(180deg);
}

/*right*/
.right .tooltip {
  top: -20%;
  left: 115%;
}

.right .tooltip::after {
  top: 40%;
  left: -12%;
  transform: rotate(90deg);
}

/* ---- Carousel scss ---- */
/* ---- Slider scss ---- */
/* ---- Slider scss ---- */
section.page-intro {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/standard_intro_bg.png");
}
section.page-intro .max-width {
  max-width: 1020px;
}
@media (max-width: 64.063em) {
  section.page-intro .max-width {
    max-width: 900px;
  }
}
@media (max-width: 900px) {
  section.page-intro .max-width {
    max-width: 700px;
  }
}
@media only screen and (max-width: 46em) {
  section.page-intro .max-width {
    max-width: none;
    padding: 40px 30px;
  }
}
section.page-intro .max-width.single-intro {
  max-width: 720px;
}
@media (max-width: 900px) {
  section.page-intro .max-width.single-intro {
    max-width: 600px;
  }
}
section.page-intro .max-width.stan-intro {
  text-align: center;
}
section.page-intro .max-width.stan-intro h2 {
  font-family: "SackersGothicStd-Light", sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
section.page-intro .max-width.stan-intro p {
  margin-bottom: 40px;
}
section.page-intro a.page-link {
  color: #28334a;
  text-align: center;
  width: 160px;
  margin: 0 auto;
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  font-family: "SackersGothicStd-Heavy", sans-serif;
}
section.page-intro a.page-link:hover {
  color: var(--burntOrange);
}
section.page-intro a.page-link:after {
  background-image: url(img/grey_underline.svg);
  width: 160px;
  bottom: -5px;
}
@media (max-width: 900px) {
  section.page-intro a.page-link {
    font-size: 12px;
  }
}

.headline-text p {
  font-size: 34px;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 900px) {
  .headline-text p {
    font-size: 28px;
  }
}
@media only screen and (max-width: 46em) {
  .headline-text p {
    font-size: 25px;
  }
}

.dual .headline-text p {
  text-align: left;
}
.dual .headline-text p a {
  color: #28334a;
}
.dual .headline-text p a:hover {
  color: var(--burntOrange);
}

/*****************************************
  Video Block
******************************************/
.bkgd-image-style {
  position: relative;
  width: 100%;
}

.video-wrapper {
  width: 100%;
  position: relative;
  top: 0px;
  height: auto;
}

a.play-pause-button {
  width: 50px;
  height: 50px;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-container:after {
  content: "";
  position: absolute;
  display: block;
  z-index: 3;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  background: rgba(40, 51, 74, 0.8);
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.embed-container.playing:after {
  background: transparent;
  visibility: hidden;
}
.embed-container.wide {
  padding-bottom: 43.25%;
}

/* video button style */
.video-control {
  opacity: 1;
  position: absolute;
  width: 130px;
  height: 100px;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 34.5px 26.5px;
  background-image: url(img/play-vid.svg);
  z-index: 5;
}
.video-control span {
  display: block;
  color: #fff;
  margin-top: 40px;
  text-transform: uppercase;
  font-family: "SackersGothicStd-Heavy", sans-serif;
}

.video-control:hover {
  opacity: 1;
}

.video-control:before,
.video-control:after {
  content: "";
  display: block;
  position: absolute;
}

img.poster {
  width: 100%;
  position: relative;
  z-index: 2;
}

.playing img.poster {
  z-index: -1;
}

.video-control.playing {
  opacity: 0;
}

/*****************************************
  Standard Content Block
******************************************/
section.content-block .pad-content {
  padding: 80px 0px;
}
@media (max-width: 64.063em) {
  section.content-block .pad-content.max-width {
    max-width: 900px;
  }
}
@media (max-width: 900px) {
  section.content-block .pad-content.max-width {
    max-width: 700px;
  }
}
section.content-block .pad-content .medium-centered h3 {
  text-align: center;
}

section.content-block h2 {
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
  text-transform: uppercase;
  font-size: 28px;
}

section.content-block p {
  text-align: center;
  margin-bottom: 60px;
}
.woocommerce div.product p.stock {
  text-align: left;
  color: var(--burntOrange);
}
@media (max-width: 900px) {
  section.content-block p {
    font-size: 16px;
  }
}

section.content-block ul li {
  font-size: 18px;
}

section.content-block a.page-link {
  text-align: center;
  width: 180px;
  margin: 0 auto;
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  font-family: "SackersGothicStd-Heavy", sans-serif;
}
@media (max-width: 900px) {
  section.content-block a.page-link {
    width: 160px;
    font-size: 12px;
  }
}

section.content-block h3 {
  text-transform: uppercase;
  margin-bottom: 40px;
}
@media (max-width: 64.063em) {
  section.content-block h3 {
    font-size: 27px;
  }
}
@media (max-width: 900px) {
  section.content-block h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 46em) {
  section.content-block h3 {
    font-size: 21px;
  }
}

section.content-block blockquote {
  background-image: url(img/skelligs_blockquotes_open.svg);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 32px 30px;
  border-left: none;
  padding-left: 50px;
  padding-right: 140px;
  position: relative;
}
@media only screen and (max-width: 639px) {
  section.content-block blockquote {
    padding: 60px 0px 0px 0px;
  }
}
section.content-block blockquote p {
  text-align: left;
  font-family: "GT-Sectra-Display-Medium";
  font-size: 34px;
  line-height: 38px;
  color: #696158;
  position: relative;
}
@media only screen and (max-width: 639px) {
  section.content-block blockquote p {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 40px;
  }
}
section.content-block blockquote p:after {
  content: "";
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/skelligs_blockquotes_end.svg);
  right: 0;
  background-size: 32px 30px;
  bottom: 0;
  width: 32px;
  height: 30px;
}

@media only screen and (max-width: 46em) {
  section.content-block .bq {
    padding: 0 20px;
  }
  section.content-block .bq blockquote p {
    font-size: 26px;
    line-height: 30px;
  }
}

section.content-block .text-img.max-width {
  max-width: 1200px;
}
@media (max-width: 64.063em) {
  section.content-block .text-img.max-width .pad-right {
    padding-right: 30px;
  }
}
@media (max-width: 900px) {
  section.content-block .text-img.max-width .pad-left {
    padding-left: 30px;
  }
  section.content-block .text-img.max-width .text-col.col-left .content-container {
    padding: 0px 0 0 15px;
  }
}
section.content-block .text-img.max-width .content-container p {
  margin-bottom: 20px;
}
section.content-block .text-img.max-width .content-container p a {
  color: #28334a;
  text-decoration: underline;
}
section.content-block .text-img.max-width .content-container p a:hover {
  color: var(--burntOrange);
}

section.content-block .content-container {
  padding: 40px 0px 0px;
}
section.content-block .content-container p {
  text-align: left;
  margin-bottom: 0px;
}
section.content-block .content-container a.page-link {
  text-align: center;
  margin: 30px 0 0 0;
}
@media (max-width: 64.063em) {
  section.content-block .content-container {
    padding: 0px 30px 0px 0px;
  }
}

@media (max-width: 64.063em) {
  section.content-block .text-col.col-left .content-container {
    padding: 0 0 0 30px;
  }
}

section.content-block.def-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/Keep_up_to_Date@2x.jpg);
  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--uptodate-background, url("img/Keep_up_to_Date@2x.jpg"));
}
section.content-block.def-bg .stan-block {
  max-width: 60%;
}
section.content-block.def-bg .stan-block p,
section.content-block.def-bg .stan-block li {
  text-align: left;
  margin-bottom: 20px;
}
section.content-block.def-bg .stan-block li {
  margin-bottom: 8px;
}
section.content-block.def-bg .stan-block ul {
  margin-bottom: 20px;
}
@media (max-width: 900px) {
  section.content-block.def-bg .stan-block {
    max-width: 100%;
  }
}
section.content-block.def-bg .stan-block p a {
  color: #28334a;
  text-decoration: underline;
}

section.content-block.bg-brown-light {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/desktop_light_brown_bg.jpg);
}
section.content-block.bg-brown-light h2,
section.content-block.bg-brown-light h3,
section.content-block.bg-brown-light p,
section.content-block.bg-brown-light a.page-link {
  color: #28334a;
}
section.content-block.bg-brown-light ul li {
  color: #28334a;
}
section.content-block.bg-brown-light a.page-link:after {
  background-image: url(img/navy_underline.svg);
}
section.content-block.bg-brown-light a.page-link:hover {
  color: #fff;
}
section.content-block.bg-brown-light a.page-link:hover:after {
  background-image: url(img/white_underline.svg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

section.content-block.bg-brown {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/desktop_brown_bg.jpg);
}
section.content-block.bg-brown h2,
section.content-block.bg-brown h3,
section.content-block.bg-brown p,
section.content-block.bg-brown a.page-link {
  color: #fff;
}
section.content-block.bg-brown a.page-link:hover {
  color: var(--burntOrange);
}
section.content-block.bg-brown a.page-link:hover:after {
  background-image: url("https://skelligsix18distillery.ie/wp-content/themes/skelligs/img/bronze_underline.svg");
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
section.content-block.bg-brown .content-container p a {
  color: #fff !important;
}
section.content-block.bg-brown .content-container p a:hover {
  color: var(--burntOrange) !important;
}

section.content-block.bg-navy {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/desktop_navy_bg.jpg);
}
section.content-block.bg-navy h2,
section.content-block.bg-navy h3,
section.content-block.bg-navy p,
section.content-block.bg-navy a.page-link {
  color: #fff;
}
section.content-block.bg-navy ul li {
  color: #fff;
}
section.content-block.bg-navy .content-container p a {
  color: #fff !important;
}
section.content-block.bg-navy .content-container p a:hover {
  color: var(--burntOrange) !important;
}
section.content-block.bg-navy a.page-link:hover {
  color: var(--burntOrange);
}
section.content-block.bg-navy a.page-link:hover:after {
  background-image: url("https://skelligsix18distillery.ie/wp-content/themes/skelligs/img/bronze_underline.svg");
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

section.content-block.bg-light-blue {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/desktop_bg_light_blue.jpg);
}
section.content-block.bg-light-blue h2,
section.content-block.bg-light-blue h3,
section.content-block.bg-light-blue p,
section.content-block.bg-light-blue a.page-link {
  color: #fff;
}
section.content-block.bg-light-blue ul li {
  color: #fff;
}
section.content-block.bg-light-blue a.page-link:hover {
  color: var(--burntOrange);
}
section.content-block.bg-light-blue a.page-link:hover:after {
  background-image: url("https://skelligsix18distillery.ie/wp-content/themes/skelligs/img/bronze_underline.svg");
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

section.content-block.bg-grey-light {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/desktop_grey_bg.jpg);
}
section.content-block.bg-grey-light h2,
section.content-block.bg-grey-light h3,
section.content-block.bg-grey-light p,
section.content-block.bg-grey-light a.page-link {
  color: #28334a;
}
section.content-block.bg-grey-light ul li {
  color: #28334a;
}
section.content-block.bg-grey-light a.page-link:after {
  background-image: url(img/navy_underline.svg);
}
section.content-block.bg-grey-light a.page-link:hover {
  color: var(--burntOrange);
}
section.content-block.bg-grey-light a.page-link:hover:after {
  background-image: url("https://skelligsix18distillery.ie/wp-content/themes/skelligs/img/bronze_underline.svg");
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
section.content-block.bg-grey-light a.link button.with-border {
  border: 1px solid #28334a;
  color: #28334a;
}
section.content-block.bg-grey-light a.link button:hover {
  background: #28334a;
  color: #fff;
}
section.content-block.bg-grey-light a.link.in-active button.with-border {
  background: #28334a;
  color: #fff;
  cursor: default;
}
section.content-block.bg-grey-light a.link.in-active button.with-border:after {
  content: none;
}

section.content-block .frame-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/light_blue_img_frame.jpg);
  padding: 50px 60px;
}
section.content-block .frame-img img {
  display: block;
  width: 100%;
}
@media (max-width: 900px) {
  section.content-block .frame-img {
    padding: 30px;
  }
}

section.content-block .stan-block {
  position: relative;
}
section.content-block .stan-block.img-b {
  max-width: 100%;
  padding: 80px 100px 100px;
}
@media (max-width: 64.063em) {
  section.content-block .stan-block.img-b {
    padding: 60px;
  }
}
@media (max-width: 900px) {
  section.content-block .stan-block.img-b {
    padding: 30px;
  }
}

section.content-block .img-container {
  position: relative;
}
section.content-block .img-container:after {
  position: absolute;
  content: "";
  position: absolute;
  background: linear-gradient(
    90deg,
    #020024 0%,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0.3) 20%,
    rgba(254, 254, 255, 0) 100%
  );
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0px;
  top: 0px;
}
section.content-block .img-container img {
  display: block;
  width: 100%;
}
section.content-block .img-container .img-overlay {
  position: absolute;
  top: 80px;
  left: 80px;
  z-index: 2;
  max-width: 65%;
}
@media (max-width: 64.063em) {
  section.content-block .img-container .img-overlay {
    top: 40px;
    left: 40px;
    max-width: 60%;
  }
}
@media only screen and (max-width: 46em) {
  section.content-block .img-container .img-overlay {
    max-width: none;
  }
}
section.content-block .img-container .img-overlay h3 {
  color: #fff;
}
section.content-block .img-container .img-overlay p {
  text-align: left;
}
@media only screen and (max-width: 46em) {
  section.content-block .img-container .img-overlay p {
    font-size: 14px;
  }
}

section.content-block .inspo {
  margin-bottom: 0;
}

section.content-block .story .the-content {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/bg_white_post.jpg);
}
section.content-block .story .the-content p {
  text-align: left;
}

section.content-block .dual-block .content-container p {
  padding-right: 80px;
}
@media (max-width: 900px) {
  section.content-block .dual-block .content-container p {
    padding-right: 30px;
  }
}

@media (max-width: 64.063em) {
  section.content-block .dual-block .pad-right {
    padding-right: 0;
  }
  section.content-block .dual-block .pad-left {
    padding-left: 0;
  }
}

section.content-block .partner h3 {
  text-align: center;
}

section.content-block .partner .partner-logos {
  margin-bottom: 60px;
}

section.content-block .partner p {
  margin-bottom: 20px;
}

section.content-block .partner ul {
  margin-bottom: 20px;
}
section.content-block .partner ul li {
  color: #28334a;
  font-size: 18px;
}
section.content-block .partner ul li a {
  color: var(--burntOrange);
}
section.content-block .partner ul li a:hover {
  color: #4d5f80;
}

section.content-block .break-underline {
  max-width: 90%;
  display: block;
  margin: 0 auto;
}

section.content-block .dual-image .bg-light-blue .frame-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/desktop_bg_light_blue.jpg);
}

section.content-block .dual-image .bg-light-brown .frame-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/desktop_light_brown_bg.jpg);
}

section.content-block .dual-image .bg-brown .frame-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/desktop_brown_bg.jpg);
}

section.content-block .dual-image .bg-grey-light .frame-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/desktop_grey_bg.jpg);
}

section.content-block .dual-image .bg-navy .frame-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/desktop_navy_bg.jpg);
}

section.content-block .frame-img img {
  display: block;
}

section.content-block .ingred .pic-container {
  margin-bottom: 10px;
}
section.content-block .ingred .pic-container img {
  display: block;
  margin: 0 auto;
}

section.content-block .ingred .swiper-slide .ingred-container {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  margin-bottom: 20px;
  overflow: hidden;
}
section.content-block .ingred .swiper-slide .ingred-container p {
  margin-bottom: 20px;
}

section.content-block .ingred .swiper-slide.swiper-slide-active .ingred-container {
  opacity: 1;
}

section.content-block .ingred .swiper-button-next,
section.content-block .ingred .swiper-button-prev {
  top: 65%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.7;
}
section.content-block .ingred .swiper-button-next:hover,
section.content-block .ingred .swiper-button-prev:hover {
  opacity: 1;
}

section.content-block .ingred .swiper-button-prev {
  background-image: url(img/Left_Arrow.svg);
}

section.content-block .ingred .swiper-button-next {
  background-image: url(img/Right_Arrow.svg);
}

section.content-block .ingred .swiper-pagination-bullet {
  background: transparent;
  width: 14px;
  height: 14px;
  border: 1px solid #4d5f80;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
section.content-block .ingred .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #4d5f80;
}

section.content-block .ingred .swiper-pagination {
  bottom: -5px;
}

section.content-block .equip .swiper-button-next,
section.content-block .equip .swiper-button-prev {
  top: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.4;
}
section.content-block .equip .swiper-button-next:hover,
section.content-block .equip .swiper-button-prev:hover {
  opacity: 1;
}

section.content-block .equip .swiper-button-prev {
  background-image: url(img/Left_Arrow_Bronze.svg);
}

section.content-block .equip .swiper-button-next {
  background-image: url(img/Right_Arrow_Bronze.svg);
}

section.content-block .equip .swiper-pagination-bullet {
  background: var(--burntOrange);
  width: 14px;
  height: 14px;
  border: 1px solid var(--burntOrange);
  opacity: 0.6;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
section.content-block .equip .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--burntOrange);
  opacity: 1;
}

section.content-block .equip .gallery-pic {
  padding: 60px;
}
@media only screen and (max-width: 639px) {
  section.content-block .equip .gallery-pic {
    padding: 40px;
    display: block;
    position: relative;
    margin-bottom: 20px;
  }
  section.content-block .equip .gallery-pic img.single-img {
    padding: 0px !important;
    display: block;
  }
}

section.content-block h4 {
  text-align: center;
  color: #28334a;
  text-transform: unset;
  font-family: "GT-Sectra-Display-Medium";
  font-size: 34px;
}

@media (max-width: 900px) {
  section.content-block .headline-text p {
    font-size: 26px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 46em) {
  section.content-block .headline-text p {
    font-size: 23px;
  }
}

/* Tour Blocks */
section.content-block .tour-block {
  display: block;
  margin: 0 auto;
  max-width: 1280px;
}
@media only screen and (max-width: 1360px) {
  section.content-block .tour-block {
    max-width: 1080px;
  }
}
@media (max-width: 64.063em) {
  section.content-block .tour-block {
    max-width: 900px;
  }
}
@media (max-width: 900px) {
  section.content-block .tour-block {
    max-width: 700px;
  }
}
section.content-block .tour-block .content-container {
  padding: 0px 0px 0px;
}
section.content-block .tour-block .content-container p {
  margin-bottom: 30px;
}
section.content-block .tour-block .content-container p a {
  text-decoration: underline;
  font-size: 18px;
  font-weight: normal;
  color: #28334a;
}
section.content-block .tour-block .content-container p a:hover {
  color: var(--burntOrange);
}
@media only screen and (max-width: 46em) {
  section.content-block .tour-block .content-container {
    padding: 30px;
  }
}
section.content-block .tour-block .tour-container {
  margin-bottom: 100px;
  overflow: hidden;
}
section.content-block .tour-block .tour-container .pad-left {
  padding-left: 140px;
}
@media (max-width: 64.063em) {
  section.content-block .tour-block .tour-container .pad-left {
    padding-left: 70px;
  }
}
section.content-block .tour-block .tour-container .pad-right {
  padding-right: 140px;
}
@media (max-width: 64.063em) {
  section.content-block .tour-block .tour-container .pad-right {
    padding-right: 70px;
  }
}
section.content-block .tour-block .tour-container p.duration {
  text-transform: uppercase;
  font-size: 13px;
  color: #4d5f80;
  font-weight: 200;
}
section.content-block .tour-block .tour-container button.with-border {
  border: 1px solid #28334a;
  color: #28334a;
}
section.content-block .tour-block .tour-container button.with-border:after {
  background-image: url(img/border_navy_after.svg);
  z-index: 1;
}
section.content-block .tour-block .tour-container button.with-border:hover {
  background: #28334a;
  color: #fff;
}
@media (max-width: 900px) {
  section.content-block .tour-block .tour-container.switch-col {
    display: flex;
    flex-flow: column;
  }
  section.content-block .tour-block .tour-container.switch-col .img-col {
    order: 1;
  }
  section.content-block .tour-block .tour-container.switch-col .img-col .pad-left {
    padding: 0;
  }
  section.content-block .tour-block .tour-container.switch-col .img-col .pad-left .frame-img {
    padding: 40px;
  }
  section.content-block .tour-block .tour-container.switch-col .text-col {
    order: 2;
  }
  section.content-block .tour-block .tour-container .medium-8,
  section.content-block .tour-block .tour-container .medium-4 {
    width: 100%;
  }
  section.content-block .tour-block .tour-container .pad-right {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 46em) {
  section.content-block .tour-block .tour-container {
    margin-bottom: 40px;
  }
}
section.content-block .tour-block .frame-img.bg-brown {
  background-image: url(img/desktop_brown_bg.jpg);
}
@media (max-width: 900px) {
  section.content-block .tour-block .frame-img {
    margin-bottom: 40px;
  }
}

/* Blog Posts */
section.content-block.blog {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/blog_wash.png);
  background-color: #e4e3dd;
}
section.content-block.blog .blog-intro.pad-content {
  padding: 80px 0px 0px;
}
@media only screen and (max-width: 46em) {
  section.content-block.blog .blog-intro.pad-content {
    padding: 40px;
  }
  section.content-block.blog .blog-intro.pad-content.blog-intro {
    padding-bottom: 0px;
  }
}
section.content-block.blog .blog-intro p {
  text-align: left;
  margin-bottom: 0px;
  font-weight: 600;
}
section.content-block.blog .blog-intro .post-details p {
  font-weight: 200;
  font-size: 16px;
  line-height: 22px;
}
@media only screen and (max-width: 639px) {
  section.content-block.blog .pad-content {
    padding: 40px;
  }
  section.content-block.blog .pad-content .pad-left {
    padding-left: 0px;
  }
  section.content-block.blog .pad-content .the-content {
    padding: 0px;
  }
  section.content-block.blog .pad-content .the-content h2 {
    font-size: 26px;
    line-height: 30px;
  }
}
section.content-block.blog .image-block img {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
section.content-block.blog .image-block .img-caption p {
  text-align: left;
  font-weight: 200;
  font-size: 14px;
}
@media only screen and (max-width: 639px) {
  section.content-block.blog .image-block .img-caption p {
    margin-bottom: 40px;
  }
}
section.content-block.blog .the-content p {
  text-align: left;
}
section.content-block.blog .the-content p a {
  color: inherit;
  text-decoration: underline;
}
section.content-block.blog .the-content p a:hover {
  color: var(--burntOrange);
}
section.content-block.blog .the-content h2 {
  font-size: 46px;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 25px;
}
@media only screen and (max-width: 46em) {
  section.content-block.blog .the-content h2 {
    font-size: 32px;
  }
}
section.content-block.blog .the-content ul li {
  color: #28334a;
  margin-bottom: 10px;
}
section.content-block.blog .the-content ul li a {
  color: #28334a;
  text-decoration: underline;
}
section.content-block.blog .the-content ul li a:hover {
  color: var(--burntOrange);
}
section.content-block.blog .the-content ol {
  list-style-type: decimal;
}
section.content-block.blog .the-content ol li {
  color: #28334a;
  margin-bottom: 10px;
}
section.content-block.blog .the-content ol li a {
  color: #28334a;
  text-decoration: underline;
}
section.content-block.blog .the-content ol li a:hover {
  color: var(--burntOrange);
}
section.content-block.blog .the-content a:hover h4 {
  color: var(--burntOrange);
}
section.content-block.blog .the-content h4 {
  text-align: left;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
section.content-block.blog .the-content.social-tags a {
  font-family: "GT-Sectra-Display-Medium";
  font-weight: bold;
}
section.content-block.blog blockquote {
  position: relative;
  background-image: url(img/skelligs_blockquotes_open.svg);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 32px 30px;
  border-left: none;
  padding-left: 50px;
  padding-right: 140px;
}
@media only screen and (max-width: 639px) {
  section.content-block.blog blockquote {
    padding: 60px 0px 0px 0px;
  }
}
section.content-block.blog blockquote p {
  text-align: left;
  font-family: "GT-Sectra-Display-Medium";
  font-size: 34px;
  line-height: 38px;
  color: #696158;
  position: relative;
}
section.content-block.blog blockquote p:after {
  content: "";
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/skelligs_blockquotes_end.svg);
  right: 0;
  bottom: 0;
  width: 32px;
  height: 30px;
}
@media only screen and (max-width: 639px) {
  section.content-block.blog blockquote p {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 46em) {
  section.content-block.blog .bq {
    padding: 0 20px;
  }
  section.content-block.blog .bq blockquote p {
    font-size: 26px;
    line-height: 30px;
  }
}
section.content-block.blog button.with-border {
  border: 1px solid #28334a;
  color: #28334a;
}
section.content-block.blog button.with-border:after {
  background-image: url(img/border_navy_after.svg);
  z-index: 1;
}
section.content-block.blog button.with-border:hover {
  background: #28334a;
  color: #fff;
}
@media (max-width: 900px) {
  section.content-block.blog button.with-border {
    width: 165px;
  }
  section.content-block.blog button.with-border:after {
    background-size: 165px 50px;
    width: 165px;
    top: -13px;
  }
}
section.content-block.blog .nf-form-cont {
  padding: 80px 0px 0px;
  max-width: 500px;
}
section.content-block.blog .sharing {
  position: relative;
  padding: 20px 0px;
}
section.content-block.blog .sharing p {
  font-size: 16px;
}
section.content-block.blog .sharing ul {
  margin-left: 0;
}
section.content-block.blog .sharing ul li {
  list-style-type: none;
  display: inline-block;
  font-size: 19px;
  margin-right: 5px;
}
section.content-block.blog .sharing ul li a {
  color: #28334a;
}
section.content-block.blog .sharing ul li a:hover {
  color: var(--burntOrange);
}
@media only screen and (max-width: 46em) {
  section.content-block.blog .img-caption {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 639px) {
  section.content-block.blog .img-caption {
    padding-left: 0;
  }
}

/* Our Inspiration */
.single-our_inspiration section.content-block.blog {
  background-image: url(img/standard_intro_bg.png);
}
.single-our_inspiration section.content-block.blog .the-content p {
  font-weight: normal;
  margin-bottom: 20px;
}
.single-our_inspiration section.content-block.blog .the-content p:last-child {
  margin-bottom: 80px;
}

.single-our_inspiration .timeline {
  background-image: url(img/skelligs_map_bg_v6.png);
  background-attachment: fixed;
}
.single-our_inspiration .timeline .scroll-indicator:after {
  content: none;
}
.single-our_inspiration .timeline .scroll-slide {
  max-width: 600px;
}
.single-our_inspiration .timeline .scroll-slide .the-content {
  background-color: #0b1122;
}
.single-our_inspiration .timeline .scroll-slide h3 {
  color: #b4b0ab;
  margin-bottom: 30px;
}

.the-content img {
  display: block;
  margin-bottom: 20px;
}

.the-content iframe {
  display: block;
  margin-bottom: 20px;
}

.single .article {
  padding-bottom: 60px;
}

@media only screen and (max-width: 639px) {
  .no-mob {
    display: none;
  }
  .max-width {
    max-width: none;
    padding: 0 30px;
  }
  .home-section-blocks article {
    margin-bottom: 0;
  }
  .home-section-blocks .item.scroll-slide {
    flex: unset;
    max-width: unset;
    padding: 0;
  }
  .home-section-blocks .item.scroll-slide .item-container {
    margin-top: 0px;
    margin-bottom: 40px;
  }
  .home-section-blocks .item.scroll-slide .item-container .slide-container {
    padding: 30px;
  }
  .home-section-blocks .item.scroll-slide .item-container .slide-container h2,
  .home-section-blocks .item.scroll-slide .item-container .slide-container h3 {
    color: #fff;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 22px;
  }
  .home-section-blocks .item.scroll-slide .item-container .slide-container p {
    margin-bottom: 30px;
  }
  .home-section-blocks .item.scroll-slide .item-container .slide-container a.read-more {
    margin-bottom: 20px;
  }
  .inspiration .max-width {
    max-width: none;
    padding: 60px 30px;
  }
  section.page-intro {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("img/mobile_standard_intro_bg.jpg");
  }
  section.page-intro .max-width.single-intro {
    max-width: none;
    padding: 60px 30px;
  }
  section.page-intro .max-width.single-intro h2 {
    font-size: 24px;
  }
  section.page-intro .max-width.stan-intro {
    max-width: none;
    padding: 60px 30px;
  }
  section.page-intro .max-width.stan-intro h2 {
    font-size: 24px;
  }
  section.page-intro .headline-text p {
    margin-bottom: 0px;
  }
  section.page-intro a.page-link {
    margin-top: 30px;
  }
  section.page-intro.dual-intro {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("img/intro_two_column_wash.png");
    background-color: #fff;
  }
  section.page-intro.dual-intro .max-width.pad-content.dual {
    padding: 60px 40px;
  }
  section.page-intro.dual-intro .max-width.pad-content.dual .pad-right {
    padding-right: 0px;
  }
  section.page-intro.dual-intro .max-width.pad-content.dual .pad-right .headline-text p {
    padding-bottom: 40px;
  }
  section.page-intro.st-bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("img/intro_two_column_wash.png");
    background-color: #fff;
  }
  section .headline-text p {
    font-size: 22px;
  }
  section.content-block h2 {
    font-size: 20px;
    margin-bottom: 30px;
  }
  section.content-block p {
    font-size: 15px;
  }
  section.content-block h3 {
    font-size: 24px;
  }
  section.content-block h4 {
    font-size: 23px;
  }
  section.content-block.bg-brown-light {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("img/brown_light_bg_transparent.png");
    background-color: #b7b09c;
  }
  section.content-block.bg-grey-light {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("img/gery_light_bg_mobile_bg_wash.png");
    background-color: #dbd8ce;
  }
  section.content-block.bg-grey-light.blog {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("img/article_pg_bg.png");
  }
  section.content-block .pad-content {
    padding: 60px 25px;
  }
  section.content-block .text-img.max-width {
    max-width: none;
  }
  section.content-block .text-img.max-width.pad-content {
    padding: 0px;
  }
  section.content-block .text-img.max-width.pad-content .img-col {
    padding: 0;
  }
  section.content-block .text-img.max-width.pad-content .img-col .pad-right {
    padding: 0;
  }
  section.content-block .text-img.max-width.pad-content .img-col .pad-right .frame-img {
    padding: 40px;
  }
  section.content-block .text-img.max-width.pad-content .img-col img.single-img {
    display: block;
    width: 100%;
    padding: 40px 40px 0px;
  }
  section.content-block .text-img.max-width.pad-content .text-col .content-container {
    padding: 40px;
  }
  section.content-block .text-img.max-width.pad-content .text-col .content-container h3 {
    text-align: left;
  }
  section.content-block .text-img.max-width.pad-content.switch-col {
    display: flex;
    flex-flow: column;
  }
  section.content-block .text-img.max-width.pad-content.switch-col .img-col {
    order: 1;
  }
  section.content-block .text-img.max-width.pad-content.switch-col .img-col .pad-left {
    padding: 0;
  }
  section.content-block .text-img.max-width.pad-content.switch-col .img-col .pad-left .frame-img {
    padding: 40px;
  }
  section.content-block .text-img.max-width.pad-content.switch-col .text-col {
    order: 2;
  }
  section.content-block .stan-block.img-b {
    padding: 40px;
  }
  section.content-block .stan-block.img-b .img-container img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
    margin-bottom: 30px;
  }
  section.content-block .stan-block.img-b .img-container .img-overlay {
    position: relative;
    top: auto;
    left: auto;
    max-width: unset;
  }
  section.content-block .stan-block.img-b .img-container:after {
    content: none;
  }
  section.content-block .stan-block.img-b .img-container .img-overlay-container h3 {
    margin-bottom: 30px;
  }
  section.content-block .stan-block.img-b .img-container .img-overlay-container p:last-child {
    margin-bottom: 0px;
  }
  section.content-block .headline-text p {
    font-size: 22px;
  }
  section.content-block .switch-col {
    display: flex;
    flex-flow: column;
  }
  section.content-block .switch-col .img-col {
    order: 1;
  }
  section.content-block .switch-col .img-col .pad-left {
    padding: 0;
  }
  section.content-block .switch-col .img-col .pad-left .frame-img {
    padding: 40px;
  }
  section.content-block .switch-col .text-col {
    order: 2;
  }
  section.content-block .switch-col.tour-container .pad-left .frame-img {
    margin-bottom: 40px;
  }
  section.content-block .dual-block .pad-right {
    padding-right: 0px;
  }
  section.content-block .dual-block .pad-left {
    padding-left: 0px;
  }
  section.content-block .dual-block .columns:last-child .content-container {
    padding-bottom: 0;
  }
  section.content-block .dual-block .content-container {
    padding: 0px 0 40px;
  }
  section.content-block .dual-block .content-container p {
    padding-right: 0px;
  }
  section.content-block .ingred .swiper-button-next,
  section.content-block .ingred .swiper-button-prev {
    display: none;
  }
  section .tour-block .pad-content {
    padding: 0px;
  }
  section .tour-block .pad-content .tour-container .pad-right {
    padding-right: 0px;
  }
  section .tour-block .pad-content .tour-container .content-container {
    padding: 0 40px;
  }
  section .tour-block .pad-content .tour-container .frame-img {
    margin-bottom: 40px;
  }
  /* Video */
  .video-control {
    top: 60%;
  }
  .video-control-show {
    opacity: 1;
  }
  #News .more-news {
    margin-top: 30px;
  }
}

.stockist .the-content {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/inspo_tom_crean.jpg");
  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--inspo_tom_crean-background, url("img/inspo_tom_crean.jpg"));
}
.stockist .the-content .block-container {
  padding: 30px;
}
.stockist .the-content h3 {
  font-size: 22px;
}
.stockist .the-content a {
  color: var(--burntOrange);
}
.stockist .the-content a.read-more {
  width: 130px;
}
.stockist .the-content a.read-more:hover {
  color: var(--burntOrange);
}
.stockist .the-content a:hover {
  color: #696158;
}

/* ---- Shop scss ---- */
section.content-block.booking-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/Keep_up_to_Date@2x.jpg);
  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--uptodate-background, url("img/Keep_up_to_Date@2x.jpg"));
}

.promo-banner {
  background: var(--burntOrange);
  padding: 10px 0px;
  text-align: center;
}
.promo-banner.top-r {
  position: fixed;
  top: 0px;
  width: 100%;
  height: auto;
  z-index: 99999;
}
.promo-banner.top-r .wrap {
  position: relative;
}
.promo-banner p {
  margin-bottom: 0 !important;
  color: #fff;
}
.pum-container.popmake.theme-5406 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/Desktop_Footer@2x.jpg);
}
.pum-theme-skelligs-shop .pum-content h4 {
  color: #b7b09c;
  margin-bottom: 20px;
}
.pum-theme-skelligs-shop .pum-content p {
  color: #fff;
}
section.content-block .more p {
  display: block;
  text-align: left;
  margin-bottom: 10px;
  font-size: 16px;
  text-decoration: underline;
  font-weight: 300;
}
.info-thumb {
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 34px 34px;
  background-image: url(img/info.svg);
  background-color: #fff;
  border: 1px solid #ebebeb;
  position: absolute;
  right: -10px;
  top: -20px;
  z-index: 10;
}

html.pum-open.pum-open-overlay,
html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay {
  overflow: scroll !important;
}
#popmake-884.pum-container {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
#popmake-884.pum-container .modal-content {
  padding-bottom: 60px;
}

@media only screen and (max-width: 639px) {
  .promo-banner {
    padding: 10px 20px;
  }
}
section.content-block .shop-grid h2 {
  color: #28334a;
  text-align: left;
}
section.content-block.related .shop-grid h2 {
  text-align: center;
}

.page-description h2 {
  font-family: "SackersGothicStd-Light", sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media only screen and (max-width: 639px) {
  .page-description h2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 639px) {
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product {
    /* width: 100%; */
    width: 47% !important;
  }

  .woocommerce-loop-product__title {
    font-size: 0.85em !important;
  }
}

.woocommerce .shop-grid ul.products li.product .price {
  color: var(--burntOrange);
}

.before-shop-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}
.before-shop-wrap .product-search-filter-terms {
  order: 2;
  width: 30%;
  position: relative;
}
.before-shop-wrap .product-search-filter-terms .nav-back.product-search-product_cat-filter-item {
  position: absolute;
  top: -30px;
}
.before-shop-wrap p.woocommerce-result-count {
  order: 1;
  width: 30%;
  text-align: left;
  display: block !important;
}
.before-shop-wrap .woocommerce-ordering {
  order: 3;
  width: 30%;
}
.before-shop-wrap #product-search-filter-select-product_cat-0-selectized {
  color: black;
  font-family: "faricy-new-web", sans-serif;
  font-size: 16px;
  font-weight: normal;
  width: unset;
}

.before-shop-wrap #product-search-filter-select-product_cat-0-selectized::placeholder {
  color: black;
}

.ixnorm .selectize-dropdown {
  position: relative;
  top: 0;
  position: absolute !important;
  top: 40px !important;
}

.woocommerce .shop-grid ul.products li a.button {
  position: relative;
  border: 1px solid #28334a;
  color: #28334a;
  background: transparent;
  font-family: "SackersGothicStd-Light";
  border-radius: 1px;
  width: 153px;
  clear: both;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 16px;
}
.woocommerce .shop-grid ul.products li a.button:hover {
  background: #28334a;
  color: #fff;
}
.woocommerce .shop-grid ul.products li a.button:hover:after {
  top: -10px;
  left: 0px;
}
.woocommerce .shop-grid ul.products li a.button:after {
  content: "";
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 153px 57px;
  background-image: url(img/border_navy_after.svg);
  z-index: 1;
  height: 57px;
  width: 153px;
  display: block;
  top: -14px;
  left: 4px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.woocommerce .shop-grid ul.products li a.button.loading {
  padding: 10px;
}
.woocommerce .shop-grid ul.products li a.button.loading:after {
  animation: none;
}

.woocommerce .shop-grid ul.products li a img {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}

.woocommerce .shop-grid ul.products li a h2 {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.woocommerce .related .shop-grid ul.products li a h2 {
  text-align: left;
}
.woocommerce .shop-grid ul.products li a:hover img {
  opacity: 0.65;
}

.woocommerce .shop-grid ul.products li a:hover h2 {
  color: var(--burntOrange);
}
.woocommerce .shop-grid ul.products li a:hover .more p {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--burntOrange);
}
.woocommerce .shop-grid ul.products li a:hover .info-thumb {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 34px 34px;
  background-image: url(img/info.svg);
  background-color: #ebebeb;
}

.woocommerce section.content-block a.page-link {
  text-align: center;
  margin: 0 0 20px;
  color: #28334a;
  display: table;
  font-family: "SackersGothicStd-Light", sans-serif;
  width: auto;
  margin: 0 auto 20px;
}
.woocommerce section.content-block a.page-link:after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/grey_underline.svg);
}
.woocommerce section.content-block a.page-link:hover {
  color: var(--burntOrange);
}
.woocommerce section.content-block a.page-link:hover:after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("https://skelligsix18distillery.ie/wp-content/themes/skelligs/img/bronze_underline.svg");
}
.woocommerce .product-links {
  margin-top: 20px;
}

section.content-block .product h3 {
  margin-bottom: 20px;
}

section.content-block .product .align-left p.price {
  color: var(--burntOrange);
}

section.content-block .product h6 {
  color: var(--burntOrange);
  margin-bottom: 20px;
  font-family: "faricy-new-web", sans-serif;
  font-weight: bold;
}

section.content-block .product h5 {
  color: var(--burntOrange);
  margin-bottom: 20px;
}

/* ---- Products scss ---- */
.single-product.woocommerce .product .summary,
.single-product.woocommerce-page .product .summary {
  float: none;
  width: 100%;
}

.single-product header.stan {
  padding: 155px 30px 40px 30px;
}

.single-product header.stan .title-container {
  margin: 0;
  max-width: 1010px;
  margin: 0 auto;
}
.single-product header.stan .title-container h1 {
  font-size: 55px;
  line-height: 65px;
}
@media (max-width: 900px) {
  .single-product header.stan .title-container h1 {
    font-size: 42px;
    line-height: 42px;
  }
  .single-product header.stan .title-container {
    max-width: unset;
    padding: 0 50px;
  }
}
@media only screen and (max-width: 639px) {
  .single-product header.stan .title-container h1 {
    font-size: 26px;
    line-height: 30px;
  }
  .single-product header.stan .title-container {
    padding: 0 20px;
  }
}

.single-product .intro-title h2 {
  text-align: left;
  font-size: 50px;
}
@media only screen and (max-width: 639px) {
  .single-product .intro-title h2 {
    font-size: 28px;
  }
}
@media (max-width: 64.063em) {
  .single-product .intro-title h2 {
    margin-bottom: 30px;
  }
}
@media (max-width: 900px) {
  .single-product .intro-title h2 {
    font-size: 32px;
  }
}

.single-product .intro-title .headline-text {
  text-align: left;
  margin-bottom: 20px;
}

@media only screen and (max-width: 639px) {
  .single-product .headline-text {
    margin-bottom: 20px;
  }
}

@media (max-width: 64.063em) {
  .single-product .headline-text {
    margin-bottom: 30px;
  }
}

.single-product section.content-block .headline-text p {
  text-align: left;
  margin-bottom: 0px;
}
.single-product section.content-block .headline-text p a {
  color: #28334a;
  text-decoration: underline;
}
#TB_window #TB_ajaxContent ul li a {
  color: #28334a;
  text-decoration: underline;
}
#TB_window #TB_ajaxContent ul li a:hover {
  color: #var(--burntOrange);
}

.single-product section.content-block .max-width.dual-block {
  max-width: 800px;
}
@media (max-width: 900px) {
  .single-product section.content-block .max-width.dual-block {
    max-width: 700px;
  }
}
@media only screen and (max-width: 46em) {
  .single-product section.content-block .max-width.dual-block {
    max-width: none;
    padding: 40px 30px;
  }
}

.single-product section.content-block .align-left p {
  text-align: left;
  margin-bottom: 20px;
}

.single-product section.content-block .align-left p.int {
  margin-bottom: 5px;
  font-size: 16px;
}

.single-product section.content-block .bottles .swiper-button-next,
.single-product section.content-block .bottles .swiper-button-prev {
  top: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.7;
}
.single-product section.content-block .bottles .swiper-button-next:hover,
.single-product section.content-block .bottles .swiper-button-prev:hover {
  opacity: 1;
}

.single-product section.content-block .bottles .pic-container {
  padding: 0 60px;
}

.single-product section.content-block .swiper-container.bottles {
  margin-bottom: 20px;
}

@media only screen and (max-width: 46em) {
  .single-product section.content-block .bottles .pic-container {
    padding: 0 0px;
  }
  .woocommerce .product-links {
    margin-bottom: 40px;
  }
  .single-product section.content-block .swiper-container.bottles {
    margin-bottom: 20px;
  }
  .col-slide {
    margin-bottom: 20px;
  }
}

.single-product section.content-block .bottles .swiper-button-prev {
  background-image: url(img/Left_Arrow.svg);
}

.single-product section.content-block .bottles .swiper-button-next {
  background-image: url(img/Right_Arrow.svg);
}

.single-product section.content-block .bottles .swiper-pagination-bullet {
  background: transparent;
  width: 14px;
  height: 14px;
  border: 1px solid #4d5f80;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.single-product section.content-block .bottles .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #4d5f80;
}

.single-product section.content-block .content-container p {
  margin-bottom: 20px;
}

.single-product section.content-block .bg-brown-light {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/desktop_light_brown_bg.jpg);
}

.single-product section.content-block .bg-brown {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/desktop_brown_bg.jpg);
}

.single-product section.content-block .cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.single-product section.content-block .cover.sq {
  height: 500px;
}
@media only screen and (max-width: 639px) {
  .single-product section.content-block .cover.sq {
    height: 300px;
  }
}

.single-product section.content-block .details-block-content {
  padding: 80px 120px;
  overflow: hidden;
}
.single-product section.content-block .details-block-content h3 {
  color: #cbc8bd;
  margin-bottom: 20px;
}
.single-product section.content-block .details-block-content ul li {
  color: #fff;
}
.single-product section.content-block .details-block-content p {
  text-align: left;
  color: #fff;
}
@media (max-width: 64.063em) {
  .single-product section.content-block .details-block-content {
    padding: 80px;
  }
}
@media (max-width: 900px) {
  .single-product section.content-block .details-block-content {
    padding: 60px;
  }
}
@media only screen and (max-width: 46em) {
  .single-product section.content-block .details-block-content {
    padding: 40px;
  }
}

@media only screen and (max-width: 639px) {
  .single-product section.content-block .dual-block .content-container {
    padding-bottom: 0px;
  }
}

@media only screen and (max-width: 46em) {
  .single-product section.content-block .pad-content.max-width {
    max-width: none;
    padding: 40px 30px;
  }
}

/* ---- Booking Form ---- */
.wc-bookings-date-picker .ui-datepicker-header {
  border-top: none;
  margin-bottom: 30px;
  border-radius: 1px;
  background: transparent;
}

.wc-bookings-date-picker .ui-widget-content {
  border: none;
  background: transparent;
  box-shadow: none;
}

.wc-bookings-date-picker .ui-datepicker .ui-datepicker-title span {
  color: #28334a;
  font-family: "SackersGothicStd-Light";
  font-size: 26px;
}

.wc-bookings-date-picker .ui-datepicker th {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  background: #4d5f80;
  padding: 15px 0px;
  font-family: "SackersGothicStd-Light";
  color: #fff;
  padding: 25px 0px;
}
@media only screen and (max-width: 639px) {
  .wc-bookings-date-picker .ui-datepicker th {
    padding: 10px 0px;
  }
  .wc-bookings-date-picker .ui-datepicker th span {
    font-size: 14px;
  }
}

.wc-bookings-date-picker .ui-datepicker td {
  border: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  background: #efefef;
  padding: 0 !important;
  display: table-cell;
}
.wc-bookings-date-picker .ui-datepicker td.bookable-range .ui-state-default {
  background: #b7b09c !important;
  color: #28334a !important;
}
.wc-bookings-date-picker .ui-datepicker td:nth-child(odd) {
  background: #efefef;
}
.wc-bookings-date-picker .ui-datepicker td:nth-child(even) {
  background: #dddddd;
}
.wc-bookings-date-picker .ui-datepicker td .ui-state-default {
  padding: 25px 0px;
  font-family: "SackersGothicStd-Light";
  font-weight: 100;
}
@media only screen and (max-width: 639px) {
  .wc-bookings-date-picker .ui-datepicker td .ui-state-default {
    padding: 10px 0px;
    font-size: 14px;
  }
}
.wc-bookings-date-picker .ui-datepicker td.bookable a {
  color: #28334a !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  padding: 25px 0px;
  background-color: #e4e3dd !important;
}
.wc-bookings-date-picker .ui-datepicker td.bookable a:hover {
  background-color: var(--burntOrange) !important;
}
@media only screen and (max-width: 639px) {
  .wc-bookings-date-picker .ui-datepicker td.bookable a {
    padding: 10px 0px;
    font-size: 14px;
  }
}
.wc-bookings-date-picker .ui-datepicker td span:nth-child(odd) {
  color: #333;
}

.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev,
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next {
  background: transparent;
  width: 40px;
  height: 40px;
  left: 0px !important;
}

.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev span {
  display: block;
  background-image: url("img/arrow_previous.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 12px 24px;
  position: relative;
  width: 40px;
  height: 40px;
  top: 7px;
  left: 0px;
  margin-left: 0;
}

.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev.ui-state-hover {
  background: transparent;
}

.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next {
  left: auto !important;
  right: 0px !important;
}
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next.ui-state-hover {
  background: transparent;
}
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next span {
  display: block;
  background-image: url("img/arrow_next.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 12px 24px;
  position: relative;
  width: 40px;
  height: 40px;
  top: 7px;
  right: 0px;
  left: unset;
  margin-left: 0;
}

.wc-bookings-date-picker .ui-datepicker .ui-datepicker-title span:nth-child(odd),
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-title span:nth-child(even) {
  background: transparent;
}

.wc-bookings-booking-form {
  border: none;
  padding: 0px;
}
.wc-bookings-booking-form fieldset {
  width: 800px;
  margin-bottom: 25px;
  margin: 0px;
  padding: 0px;
}
@media only screen and (max-width: 639px) {
  .wc-bookings-booking-form fieldset {
    width: 100%;
  }
}
@media (max-width: 900px) {
  .wc-bookings-booking-form fieldset {
    width: 100%;
  }
}
.wc-bookings-booking-form fieldset .picker.hasDatepicker {
  margin-bottom: 80px;
}
@media only screen and (max-width: 639px) {
  .wc-bookings-booking-form fieldset .ui-datepicker table {
    width: 100%;
  }
}
.wc-bookings-booking-form .block-picker {
  overflow: visible;
  height: 47px;
  margin-bottom: 80px;
  width: 800px;
}
@media only screen and (max-width: 639px) {
  .wc-bookings-booking-form .block-picker {
    width: 100%;
  }
}
.wc-bookings-booking-form .block-picker li.block {
  min-width: unset;
  width: 14.2857143%;
  border-right: 2px solid #fff;
  font-family: "SackersGothicStd-Light";
  border-bottom: 2px solid #fff;
  position: relative;
}
@media only screen and (max-width: 639px) {
  .wc-bookings-booking-form .block-picker li.block {
    width: 20%;
    border-bottom: 2px solid #fff;
  }
}
.wc-bookings-booking-form .block-picker li.block a {
  width: 100% !important;
  height: auto !important;
  padding: 10px 0px;
  color: #333;
  font-family: "SackersGothicStd-Light";
}
@media (max-width: 900px) {
  .wc-bookings-booking-form .block-picker li.block a {
    font-size: 13px;
  }
}
@media only screen and (max-width: 639px) {
  .wc-bookings-booking-form .block-picker li.block a {
    font-size: 10px;
  }
}
.wc-bookings-booking-form .block-picker li.block a.selected {
  background-color: #b7b09c !important;
  color: #28334a !important;
}
.wc-bookings-booking-form .block-picker li.block a:hover {
  background-color: var(--burntOrange);
}
.wc-bookings-booking-form .block-picker li.block a .booking-spaces-left {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%);
  color: #333;
  font-size: 11px;
}
.wc-bookings-booking-form .block-picker li.block:nth-child(odd) a {
  background: #efefef;
  position: relative;
}
.wc-bookings-booking-form .block-picker li.block:nth-child(odd) a:hover {
  background-color: var(--burntOrange);
}
.wc-bookings-booking-form .block-picker li.block:nth-child(even) a {
  background: #efefef;
  color: #333;
}
.wc-bookings-booking-form .block-picker li.block:nth-child(even) a:hover {
  background-color: var(--burntOrange);
}
@media (max-width: 900px) {
  .wc-bookings-booking-form .block-picker li.block {
    width: 12.5%;
  }
}
@media only screen and (max-width: 639px) {
  .wc-bookings-booking-form .block-picker li.block {
    width: 25%;
  }
}
.wc-bookings-booking-form .wc-bookings-booking-cost {
  margin: 0 0 30px;
  background: transparent;
  border-top: none;
  padding: 0px;
  border-bottom: 1px solid #000;
  display: inline-block;
}
.wc-bookings-booking-form .form-field {
  margin: 0;
}
.wc-bookings-booking-form p.form-field {
  margin-bottom: 40px;
}
.wc-bookings-booking-form p.form-field.form-field-wide {
  display: inline-block;
  float: left;
  margin-right: 20px;
  width: 180px;
}
.wc-bookings-booking-form p.form-field input[type="number"] {
  width: 100%;
  border: none;
  border-bottom: 1px solid #28334a;
  box-shadow: none;
  padding: 10px 0px;
}
.wc-bookings-booking-form p.form-field label {
  text-align: left;
}

.product_meta {
  display: none;
}

.single-product .ui-state-disabled,
.single-product .ui-widget-content .ui-state-disabled,
.single-product .ui-widget-header .ui-state-disabled {
  opacity: 0.4;
}

.wc-bookings-booking-form .wc-bookings-booking-cost {
  font-family: "SackersGothicStd-Light";
}

.woocommerce div.product form.cart .button {
  position: relative;
  border: 1px solid #28334a;
  color: #28334a;
  background: transparent;
  font-family: "SackersGothicStd-Light";
  border-radius: 1px;
  width: 153px;
  clear: both;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.woocommerce div.product form.cart .button:hover {
  background: #28334a;
  color: #fff;
}
.woocommerce div.product form.cart .button:hover:after {
  top: -10px;
  left: 0px;
}
.woocommerce div.product form.cart .button:after {
  content: "";
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 153px 57px;
  background-image: url(img/border_navy_after.svg);
  z-index: 1;
  height: 57px;
  width: 153px;
  display: block;
  top: -14px;
  left: 4px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.wc-bookings-date-picker-timezone-block {
  display: none;
}

/* Accordion Block */
/*----- Accordion -----*/
.accordion,
.accordion * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.accordion {
  overflow: hidden;
  border-radius: 1px;
  margin-bottom: 40px;
}

.accordion-section {
  margin-bottom: 20px;
  position: relative;
}
.accordion-section span {
  position: absolute;
  width: 50px;
  height: 50px;
  color: #28334a;
  border: 2px solid var(--burntOrange);
  border-radius: 100%;
  text-align: center;
  display: table;
  font-family: "GT-Sectra-Display-Medium";
}
.accordion-section span em {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 100%;
  text-decoration: none;
  font-size: 25px;
  font-style: normal;
}

/*----- Section Titles -----*/
.accordion-section-title {
  width: 100%;
  padding: 10px 0px 30px 80px;
  display: inline-block;
  border-bottom: none;
  background: transparent;
  background-image: url(img/chevron_bronze_down.svg);
  background-repeat: no-repeat;
  background-position: 98% 50%;
  background-size: 20px;
  transition: all linear 0.15s;
  font-family: "SackersGothicStd-Light";
  font-size: 20px;
  text-shadow: none;
  color: #28334a;
  font-weight: 500;
  border-radius: 1px;
  text-transform: uppercase;
  position: relative;
}
.accordion-section-title:after {
  content: "";
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/bronze_acc_underline.svg);
  width: 100%;
  height: 5px;
  bottom: 0px;
  z-index: 2;
  left: 0px;
}

.accordion-section-title:hover {
  background: transparent;
  background-image: url(img/chevron_bronze_down.svg);
  background-repeat: no-repeat;
  background-position: 98% 50%;
  background-size: 20px;
  color: #fff;
  text-decoration: none;
}

.accordion-section-title.active,
.accordion-section-title.active:hover {
  background: transparent;
  background-image: url(img/chevron_bronze_up.svg);
  background-repeat: no-repeat;
  background-position: 98% 50%;
  background-size: 20px;
  color: #fff;
  text-decoration: none;
}

a.accordion-section-title:focus {
  color: #fff;
}

.accordion-section:last-child .accordion-section-title {
  border-bottom: none;
}

/*----- Section Content -----*/
.accordion-section-content {
  padding: 30px;
  display: none;
  text-align: left;
}

.accordion-section-content .the-content {
  padding-right: 0px;
}
.accordion-section-content .the-content p {
  text-align: left;
}

/*--- Gin Tour Image Carousel  ---*/
.ginTour .swiper-slide {
  margin-bottom: 80px;
}

.ginTour .swiper-pagination-bullet {
  background: transparent;
  width: 14px;
  height: 14px;
  border: 1px solid #fff;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.ginTour .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
}

section.content-block .product_cat-vouchers .center-block {
  max-width: 900px;
  display: block;
  margin: 0 auto;
}
section.content-block .product_cat-vouchers .center-block h2 {
  text-align: left;
  color: #28334a;
  font-size: 40px;
}
section.content-block .product_cat-vouchers .center-block label {
  display: block;
  font-family: "faricy-new-web", sans-serif;
  font-weight: 200 !important;
  color: #4d5f80;
  font-size: 14px;
  margin-bottom: 5px;
  text-align: left;
}

.voucher-terms p a {
  text-decoration: underline;
  color: #28334a;
}
.voucher-terms p a:hover {
  color: var(--burntOrange);
}

.woocommerce .quantity {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.woocommerce .quantity input {
  height: auto;
  border-bottom: none;
  margin: 0;
  padding: 0px;
  border: 1px solid #9599a4;
  padding: 7px 0px;
  box-shadow: none;
}
.woocommerce .quantity input[type="button"].qty_button {
  height: auto;
  color: #fff;
  background: #9599a4;
  width: 34px;
  border: 1px solid #9599a4;
  padding: 4px 0px;
}
.woocommerce .quantity input[type="button"].qty_button:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid #28334a;
  background: #28334a;
}
.woocommerce .center-block .pad {
  padding: 40px;
}
.woocommerce .product .quantity {
  margin: 40px 0 !important;
  position: relative;
  border: 1px solid #9599a4;
}
.woocommerce .product .quantity.hidden {
  border: none;
}
.woocommerce .product .quantity label.screen-reader-text {
  clip: unset;
  height: auto;
  overflow: auto;
  position: absolute;
  top: -40px;
  font-size: 17px;
  width: auto;
}
.woocommerce .product .quantity input {
  border: none !important;
}

.woocommerce .product .center-block form.cart .variations td {
  display: block;
}

.woocommerce .product .center-block form.cart .variations select {
  max-width: unset;
  min-width: unset;
  display: block;
  width: 280px;
  border: none;
  border-bottom: 1px solid #4d5f80;
  box-shadow: none;
  background-image: url(img/select_arrow.svg);
  background-position: right 0 center;
  background-repeat: no-repeat;
  background-size: 15px;
  padding: 0px;
  color: #28334a;
}

.woocommerce .product .center-block form.cart .quantity {
  float: none;
  margin-bottom: 60px;
  max-width: 126px;
}
.woocommerce .product .center-block form.cart .quantity label {
  position: relative !important;
  clip: unset;
  width: 100%;
  height: auto;
  visibility: hidden;
  width: 0;
  clip: rect(1px, 1px, 1px, 1px);
}

.woocommerce .product.product_cat-in-store .center-block form.cart .quantity label {
  position: absolute !important;
}

.woocommerce .product .center-block form.cart .form-row textarea.input-text {
  height: 120px;
}

.woocommerce .product .center-block form.cart span.price {
  color: var(--burntOrange);
}

.woocommerce .product .voucher-fields .voucher-image-option {
  display: none;
}

.woocommerce .product [type="text"],
.woocommerce .product [type="password"],
.woocommerce .product [type="date"],
.woocommerce .product [type="datetime"],
.woocommerce .product [type="datetime-local"],
.woocommerce .product [type="month"],
.woocommerce .product [type="week"],
.woocommerce .product [type="email"],
.woocommerce .product [type="number"],
.woocommerce .product [type="search"],
.woocommerce .product [type="tel"],
.woocommerce .product [type="time"],
.woocommerce .product [type="url"],
.woocommerce .product [type="color"] {
  border: none;
  border-bottom: 1px solid #4d5f80;
}

.woocommerce .product [type="number"] {
  box-shadow: none;
}

.woocommerce .product textarea {
  border: 1px solid #4d5f80;
  height: 200px;
}

.woocommerce .product .images.woocommerce-product-gallery {
  display: block;
  float: none;
  width: 100%;
}

.woocommerce .product .voucher-terms p {
  margin-bottom: 20px;
  text-align: left;
  font-weight: 200;
}
.woocommerce .product .voucher-terms p:last-child {
  margin-bottom: 0;
}

.woocommerce table.shop_table {
  border: 1px solid #444;
  border-radius: 1px;
  margin: 0;
}
.woocommerce table.shop_table td {
  border-top: 1px solid #444;
}
.woocommerce table.shop_table td a {
  color: var(--burntOrange);
}
.woocommerce table.shop_table td p {
  text-align: left;
}
.woocommerce table.shop_table td.product-name dl.variation dt {
  margin-right: 20px;
  min-width: 140px;
}
.upsells {
  clear: both;
}
.upsells.shop-grid {
  margin: 40px 0px;
}
.center-block {
  overflow: hidden;
}
section.content-block .upsells.shop-grid h2.section-title {
  text-align: center;
  margin: 60px 0 40px;
}
section.content-block.def-bg .stan-block p.order-again a {
  display: inline-block;
  margin-top: 30px;
  border: 1px solid #28334a;
  background: #28334a;
  color: #fff;
  position: relative;
  width: 153px;
  height: auto;
  padding: 12px;
  font-size: 12px;
  font-family: "SackersGothicStd-Light", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 1px;
}
section.content-block.def-bg .stan-block p.order-again a:hover {
  background: var(--burntOrange);
  border: 1px solid var(--burntOrange);
}
.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
  display: none;
}
@media (max-width: 900px) {
  .woocommerce table.shop_table td.product-name dl.variation dt {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 639px) {
  .woocommerce table.shop_table td.product-name dl.variation dt {
    margin-right: 20px;
    min-width: unset;
  }
}
@media only screen and (max-width: 639px) {
  .woocommerce table.shop_table td.product-name dl {
    overflow: hidden;
    margin: 0;
  }
  .woocommerce table.shop_table td.product-name dl.variation {
    text-align: unset;
  }
}
@media only screen and (max-width: 639px) {
  .woocommerce table.shop_table td.product-name dt {
    margin: 0;
  }
}
@media only screen and (max-width: 639px) {
  .woocommerce table.shop_table td.product-name dd {
    margin: 0;
  }
  .woocommerce table.shop_table td.product-name dd p {
    font-size: 16px;
    text-align: unset;
  }
}
.woocommerce table.shop_table th a {
  color: var(--burntOrange);
}

.woocommerce .woocommerce-privacy-policy-text {
  padding: 0 0px;
  max-width: 600px;
}
.woocommerce .woocommerce-privacy-policy-text p {
  text-align: left;
  font-size: 16px;
}
.woocommerce .woocommerce-privacy-policy-text p a {
  color: var(--burntOrange);
}

.woocommerce #payment #place_order {
  margin: 0;
  background: var(--burntOrange);
  color: #fff;
  font-family: "SackersGothicStd-Light", sans-serif;
  text-transform: uppercase;
  height: auto;
  border-radius: 1px;
  font-weight: 500;
  margin-bottom: 0;
  padding: 6px 15px;
  height: 2.4375rem;
  font-size: 12px;
}
.woocommerce #payment #place_order:hover {
  background: #d48d5f;
}

.woocommerce-cart table.cart .product-thumbnail {
  min-width: unset;
}

.woocommerce-cart table.cart img {
  width: 110px;
}

.woocommerce-cart table.cart td.actions {
  padding-top: 25px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
  width: 120px;
  border: 1px solid #28334a;
  margin-bottom: 0;
  padding: 6px;
  font-family: "SackersGothicStd-Light", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
}
@media only screen and (max-width: 639px) {
  .woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 100%;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 639px) {
  .woocommerce-cart table.cart td.actions .coupon .button {
    float: none;
    width: 100%;
    padding: 15px 0px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 639px) {
  .woocommerce-cart table.cart td.actions .button {
    float: none;
    width: 100%;
    padding: 15px 0px;
    margin-bottom: 15px;
  }
}

.woocommerce-cart table.cart .button {
  margin: 0;
  background: #28334a;
  color: #fff;
  font-family: "SackersGothicStd-Light", sans-serif;
  text-transform: uppercase;
  height: auto;
  border-radius: 1px;
  font-weight: 500;
  margin-bottom: 0;
  padding: 6px 15px;
  height: 2.4375rem;
  font-size: 12px;
}
@media only screen and (max-width: 639px) {
  .woocommerce-cart table.cart .button {
    width: 100%;
    margin-bottom: 20px;
    height: auto;
  }
}
.woocommerce-cart table.cart .button:hover {
  background: #4d5f80;
}

.woocommerce-cart .cart-collaterals .cart_totals tr th {
  border-top: 1px solid #444;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td {
  border-top: 1px solid #444;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  border-radius: 1px;
  background: var(--burntOrange);
  font-family: "SackersGothicStd-Light", sans-serif;
  text-transform: uppercase;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background: #d48d5f;
}
@media only screen and (max-width: 639px) {
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    font-size: 15px;
  }
}

@media only screen and (max-width: 46em) {
  .woocommerce-cart section.content-block .pad-content.max-width {
    max-width: none;
    padding: 40px 30px;
  }
}

@media only screen and (max-width: 639px) {
  .woocommerce table.cart td.actions .coupon {
    padding-bottom: 0px;
  }
}

.woocommerce-checkout label {
  text-align: left;
  color: #28334a;
}

.woocommerce-checkout section.content-block h3 {
  font-size: 23px;
}
@media only screen and (max-width: 639px) {
  .woocommerce-checkout section.content-block h3 {
    font-size: 21px;
  }
}

.woocommerce-checkout #payment {
  margin-top: 80px;
  background: transparent;
  width: 55%;
}
.woocommerce-checkout #payment p {
  text-align: left;
  margin-bottom: 20px;
  padding: 10px 20px 0px;
}
.woocommerce-checkout #payment ul.payment_methods {
  padding: 0 0 0 5px;
}
.woocommerce-checkout #payment div.payment_box {
  padding: 30px 20px;
}
.woocommerce-checkout #payment div.payment_box .form-row {
  margin: 0;
}
@media only screen and (max-width: 639px) {
  .woocommerce-checkout #payment {
    width: 100%;
  }
}

.woocommerce-checkout .woocommerce-shipping-fields h3 label span {
  font-size: 23px;
}
@media only screen and (max-width: 639px) {
  .woocommerce-checkout .woocommerce-shipping-fields h3 label span {
    font-size: 21px;
  }
}

.woocommerce-checkout section.woocommerce-customer-details address {
  border: 1px solid #28334a;
  border-radius: 1px;
}

.woocommerce-checkout section.woocommerce-customer-details .woocommerce-customer-details--phone,
.woocommerce-checkout section.woocommerce-customer-details .woocommerce-customer-details--email {
  text-align: left;
}

.woocommerce-terms-and-conditions-wrapper label input[type="checkbox"].input-checkbox {
  margin: -2px 2px 0 0;
}

.woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p {
  padding: 10px 0px 0px;
}

.woocommerce-terms-and-conditions-wrapper p span.woocommerce-terms-and-conditions-checkbox-text {
  font-size: 16px;
}

.woocommerce form .form-row input.input-text {
  border: 1px solid #28334a;
  padding-left: 8px;
  font-size: 14px;
}

.woocommerce form .form-row textarea {
  border: 1px solid #28334a;
  padding: 8px;
  font-size: 14px;
  height: 200px;
}

.woocommerce #customer_details {
  overflow: hidden;
  margin-bottom: 60px;
}

.woocommerce-order-details .back-to button.with-border {
  border: 1px solid #28334a;
  background: #28334a;
  color: #fff;
}
.woocommerce-order-details .back-to button.with-border:hover {
  background: var(--burntOrange);
  border: 1px solid var(--burntOrange);
}

.woocommerce-order-received .back-to button.with-border {
  border: 1px solid #28334a;
  background: #28334a;
  color: #fff;
}
.woocommerce-order-received .back-to button.with-border:hover {
  background: var(--burntOrange);
  border: 1px solid var(--burntOrange);
}

/* Select Arrow Defaults */
.checkout .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
  background-image: url(img/chevron_down_blue.svg);
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 20px 13px;
  width: 35px;
  height: 35px;
}

.checkout .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  background-image: url(img/chevron_up_blue.svg);
}

.woocommerce-checkout .select2-dropdown {
  padding: 20px 01px;
}

.woocommerce-checkout .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #444;
  padding: 8px;
}

form.checkout .select2-container--default .select2-selection--single {
  width: 100%;
  height: auto;
  padding: 5px;
  margin: 0px;
  border-radius: 1px;
  border: 1px solid #28334a;
  min-height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  text-align: left;
  font-size: 14px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: #4d5f80;
}

/* Disclaimer Modal */
#TB_window {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/inspo_fionnan.jpg");
  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--inspo_fionnan-background, url("img/inspo_fionnan.jpg"));
}
#TB_window #TB_ajaxWindowTitle {
  float: none;
  text-align: center;
  font-family: "SackersGothicStd-Light", sans-serif;
  text-transform: uppercase;
  padding: 40px 0px;
  color: #28334a;
  font-size: 32px;
  font-weight: 200;
  width: 100%;
}
@media (max-width: 900px) {
  #TB_window #TB_ajaxWindowTitle {
    font-size: 24px;
    padding: 60px 0px 30px;
    text-overflow: unset;
    white-space: unset;
  }
}
@media only screen and (max-width: 639px) {
  #TB_window #TB_ajaxWindowTitle {
    font-size: 20px;
    padding: 80px 0px 40px;
  }
}
#TB_window #TB_title {
  background: transparent;
  border-bottom: none;
  height: auto;
}
#TB_window #TB_closeAjaxWindow {
  position: absolute;
  right: 20px;
  top: 20px;
}
#TB_window #TB_closeAjaxWindow .tb-close-icon:before {
  content: "";
  font: unset;
  background-image: url("img/close_button.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 29px;
  height: 29px;
  display: block;
}
#TB_window #TB_ajaxContent {
  padding: 0 40px 40px;
}
@media only screen and (max-width: 639px) {
  #TB_window #TB_ajaxContent {
    color: #28334a;
  }
}
#TB_window .tbl_buttons a {
  background: #28334a;
  color: #fff;
  border: 1px solid #28334a;
  text-transform: uppercase;
  font-weight: normal;
  border-radius: 1px;
  border: none;
  padding: 12px 20px;
}
#TB_window .tbl_buttons a:hover {
  background: #4d5f80;
}
#TB_window .tbl_buttons .tbl_btn_left a {
  background: var(--burntOrange);
}
#TB_window .tbl_buttons .tbl_btn_left a:hover {
  background: #d48d5f;
}

@media only screen and (max-width: 639px) {
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product {
    width: 100%;
    margin: 0 0 30px;
  }
}

/* ---- Home scss ---- */
.intro .max-width {
  position: relative;
  padding: 80px 0px 0px;
}
@media (max-width: 64.063em) {
  .intro .max-width {
    padding: 80px 40px 0px;
  }
}

.intro#Start {
  position: relative;
  z-index: 3;
}
@media (max-width: 900px) {
  .intro#Start .pad-right {
    padding-right: 30px;
  }
  .intro#Start .pad-left {
    padding-left: 30px;
  }
}

.intro p.headline {
  font-size: 34px;
  color: #28334a;
  line-height: 38px;
}
.intro p.headline a {
  text-decoration: underline;
}
.intro p.headline.with-tip {
  margin-bottom: 0;
}
@media (max-width: 900px) {
  .intro p.headline {
    font-size: 28px;
    line-height: 32px;
  }
}

p.inline {
  display: inline;
  font-size: 34px;
  color: #28334a;
  line-height: 38px;
  font-family: "GT-Sectra-Display-Medium";
}
@media (max-width: 900px) {
  p.inline {
    font-size: 28px;
    line-height: 32px;
  }
}

.intro p a {
  color: #28334a;
}
.intro p a:hover {
  color: var(--burntOrange);
}

.distill-x {
  position: absolute;
  bottom: 0px;
  right: 220px;
  top: auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
.distill-x.in-view {
  opacity: 1;
}
.distill-x img {
  display: block;
  width: 150px;
}

.position-x {
  position: absolute;
  right: 362px;
  width: 35px;
  bottom: 0px;
  top: auto;
}

.skellig-pin {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
}

svg#xMark {
  overflow: inherit;
  width: 35px;
}

svg#Pin {
  overflow: inherit;
}

.xOne {
  fill: #696158;
  opacity: 0;
}

.xTwo {
  fill: #696158;
  opacity: 0;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.in-view .xOne {
  -webkit-animation: 0.5s ease 0s normal forwards 1 fadein;
  animation: 0.5s ease 0s normal forwards 1 fadein;
}

.in-view .xTwo {
  -webkit-animation: 1s ease 0s normal forwards 1 fadein;
  animation: 1s ease 0s normal forwards 1 fadein;
}

.title-con {
  background: transparent;
}
.title-con h3 {
  color: #28334a;
  font-size: 28px;
  text-transform: uppercase;
  font-family: "SackersGothicStd-Light", sans-serif;
}

.swiper-slide .the-content {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/Visit_Us_Background@2x.jpg");
}

.swiper-slide.swiper-slide-active .the-content {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/Distillery-Block-Background@2x.jpg");
}

.swiper-slide .slide-container {
  padding: 80px;
}
.swiper-slide .slide-container p {
  color: #fff;
  margin-bottom: 60px;
}
.swiper-slide .slide-container a {
  display: block;
  position: relative;
  width: 95px;
  font-size: 12px;
  font-family: "SackersGothicStd-Light", sans-serif;
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 5px;
}
.swiper-slide .slide-container a:hover {
  color: var(--burntOrange);
}

.swiper-slide .cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 750px;
}

p.tagline {
  text-transform: uppercase;
  color: #4d5f80;
  font-size: 13px;
  font-family: "SackersGothicStd-Light", sans-serif;
  margin-bottom: 0;
}

.waves {
  position: absolute;
}

.swiper-container.skelligProducts {
  height: 750px;
}

.skelligProducts .swiper-slide h3 {
  color: #b7b09c;
  font-family: "SackersGothicStd-Light", sans-serif;
  margin-bottom: 40px;
}

@media (max-width: 900px) {
  .show-mob.skelligProducts {
    display: none;
  }
}

@media only screen and (max-width: 46em) {
  .show-mob.skelligProducts {
    display: block;
  }
}

.skelligProducts .swiper-slide .gin-wash {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/Our_Gin_Background_@2x.jpg");
  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--gin-background, url("img/Our_Gin_Background_@2x.jpg"));
}

.skelligProducts .swiper-slide .slide-container {
  padding: 150px 100px;
}
@media (max-width: 64.063em) {
  .skelligProducts .swiper-slide .slide-container {
    padding: 100px 60px;
  }
}

.skelligProducts .swiper-slide .waves {
  position: absolute;
  bottom: 80px;
  left: 29.33333%;
}

/* Inspiration */
.inspiration {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/Our_Inspiration@2x.jpg");
  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--inspiration-background, url("img/Our_Inspiration@2x.jpg"));
}
.inspiration .max-width {
  max-width: 1200px;
}

.home .inspiration h2 {
  margin-bottom: 30px;
}

.inspo {
  margin-bottom: 60px;
  overflow: hidden;
  position: relative;
}
.inspo .block {
  padding: 0px;
}
.inspo .block h3 {
  font-size: 28px;
  line-height: 30px;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  .inspo .block h3 {
    font-size: 24px;
    line-height: 28px;
  }
}
.inspo .block .frame {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/inspo_wash.jpg");
  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--inspo_wash-background, url("img/inspo_wash.jpg"));

  display: inline-block;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}
.inspo .block .frame.in-view {
  opacity: 1;
}
.inspo .block .frame .img-container {
  display: table-cell;
  vertical-align: middle;
  padding: 40px 60px;
}
@media (max-width: 64.063em) {
  .inspo .block .frame .img-container {
    padding: 20px 60px;
  }
}
@media (max-width: 900px) {
  .inspo .block .frame .img-container {
    padding: 20px 60px;
  }
}
@media only screen and (max-width: 46em) {
  .inspo .block .frame .img-container {
    padding: 0 20px;
  }
}
.inspo .block .frame .waves {
  position: absolute;
  z-index: 3;
  width: 110px;
  height: 110px;
  bottom: 20px;
  left: 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
.inspo .block .frame .waves.show {
  opacity: 1;
}
@media (max-width: 64.063em) {
  .inspo .block .frame .waves {
    left: 30px;
    bottom: 30px;
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 900px) {
  .inspo .block .frame .waves {
    width: 60px;
    height: 60px;
  }
}
.inspo .block.b-0 {
  margin-left: 15%;
}
.inspo .block.b-0 .the-content {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/inspo_tom_crean.jpg");
  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--inspo_tom_crean-background, url("img/inspo_tom_crean.jpg"));
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.inspo .block.b-0 .the-content.in-view {
  opacity: 1;
}
@media (max-width: 64.063em) {
  .inspo .block.b-0 {
    margin-left: 12%;
  }
}
.inspo .block.b-1 {
  margin-left: 5%;
}
.inspo .block.b-1 .the-content {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  /* background-image: url("img/inspo_maude_delap.jpg"); */
  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--inspo_maude-background, url("img/inspo_maude_delap.jpg"));
}

.inspo .block.b-1 .the-content.in-view {
  opacity: 1;
}
.inspo .block.b-1 .frame .waves {
  bottom: auto;
  left: auto;
  top: 20px;
  right: 20px;
}
@media (max-width: 64.063em) {
  .inspo .block.b-1 .frame .waves {
    top: 30px;
    right: 30px;
  }
}
@media (max-width: 64.063em) {
  .inspo .block.b-1 {
    margin-left: 7%;
  }
}
.inspo .block.b-2 {
  margin-left: 15%;
}
.inspo .block.b-2 .the-content {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/inspo_fionnan.jpg");
  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--inspo_fionnan-background, url("img/inspo_fionnan.jpg"));
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.inspo .block.b-2 .the-content.in-view {
  opacity: 1;
}
@media (max-width: 64.063em) {
  .inspo .block.b-2 {
    margin-left: 12%;
  }
}
.inspo .block.b-3 {
  margin-left: 5%;
}
.inspo .block.b-3 .the-content {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  /* background-image: url("img/inspo_maude_delap.jpg"); */
  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--inspo_maude-background, url("img/inspo_maude_delap.jpg"));
}
.inspo .block.b-3 .the-content.in-view {
  opacity: 1;
}
.inspo .block.b-3 .frame .waves {
  bottom: auto;
  left: auto;
  top: 20px;
  right: 20px;
}
@media (max-width: 64.063em) {
  .inspo .block.b-3 .frame .waves {
    top: 30px;
    right: 30px;
  }
}
@media (max-width: 64.063em) {
  .inspo .block.b-3 {
    margin-left: 7%;
  }
}
.inspo .block.b-4 {
  margin-left: 15%;
}
.inspo .block.b-4 .the-content {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/inspo_fionnan.jpg");
  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--inspo_fionnan-background, url("img/inspo_fionnan.jpg"));
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.inspo .block.b-4 .the-content.in-view {
  opacity: 1;
}
@media (max-width: 64.063em) {
  .inspo .block.b-4 {
    margin-left: 12%;
  }
}
.inspo .block.b-5 {
  margin-left: 5%;
}
.inspo .block.b-5 .the-content {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  /* background-image: url("img/inspo_maude_delap.jpg"); */
  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--inspo_maude-background, url("img/inspo_maude_delap.jpg"));
}

.inspo .block.b-5 .the-content.in-view {
  opacity: 1;
}
.inspo .block.b-5 .frame .waves {
  bottom: auto;
  left: auto;
  top: 20px;
  right: 20px;
}
@media (max-width: 64.063em) {
  .inspo .block.b-5 .frame .waves {
    top: 30px;
    right: 30px;
  }
}
@media (max-width: 64.063em) {
  .inspo .block.b-5 {
    margin-left: 7%;
  }
}
.inspo .block .the-content .block-container a.read-more:hover {
  color: var(--burntOrange);
}
.inspo .block .the-content .block-container a.read-more.with-line:hover:after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("https://skelligsix18distillery.ie/wp-content/themes/skelligs/img/bronze_underline.svg");
}
.inspo .pic-frame {
  display: table;
  height: 100%;
}
.inspo .pic-frame .img-container img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

.row#News {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #a9a190;
  background-image: url("img/");
  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--news-background, url("img/News_&_Events@2x.jpg"));
}
.row#News h2 {
  color: #fff;
}
.row#News .max-width {
  max-width: 1200px;
}
.row#News a.read-more {
  display: block;
  text-align: center;
  width: 180px;
  margin: 0 auto;
  font-family: "SackersGothicStd-Light", sans-serif;
  font-size: 12px;
  padding-bottom: 5px;
  text-transform: uppercase;
  color: #fff;
}
.row#News a.read-more:hover {
  color: #28334a;
}
.row#News a.read-more:hover:after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/navy_underline.svg);
}
.row#News article {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.row#signUp {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/Keep_up_to_Date@2x.jpg");
  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--uptodate-background, url("img/Keep_up_to_Date@2x.jpg"));
}

.row#signUp h2 {
  margin-bottom: 40px;
  color: #4d5f80;
}
@media (max-width: 900px) {
  .row#signUp h2 {
    font-size: 28px;
    line-height: 28px;
  }
}
.row#signUp p.headline {
  font-size: 34px;
  color: #4d5f80;
  max-width: 65%;
  display: block;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 900px) {
  .row#signUp p.headline {
    font-size: 27px;
  }
}

.pum-theme-878 .pum-content + .pum-close,
.pum-theme-default-theme .pum-content + .pum-close {
  visibility: hidden;
}

/* Animation */
@keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}

.animatedFadeInUp {
  opacity: 0;
}

.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}

section.skelligSections {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-image: url("img/skelligs_map_bg_v7.jpg");
  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--map-background, url("img/skelligs_map_bg_v7.jpg"));
}

@media (max-width: 64.063em) {
  section.skelligSections {
    padding-bottom: 80px;
  }
}
@media (max-width: 900px) {
  section.skelligSections {
    padding-bottom: 0;
  }
  section.skelligSections .show-mob {
    display: none;
  }
}
@media only screen and (max-width: 46em) {
  section.skelligSections {
    padding-bottom: 40px;
  }
  section.skelligSections .show-mob {
    display: block;
  }
}

/* Scroller Section */
.scroll-slider {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  height: 100vh;
  z-index: 3;
}

.scroll-wrapper {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.scroll-line {
  position: absolute;
  width: 100%;
  left: 220px;
  height: 56px;
  top: 200px;
  background: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/custom_scroll_dots.svg");
  background-size: inherit;
  background-repeat: repeat-x;
}
@media only screen and (max-width: 1360px) {
  .scroll-line {
    top: 130px;
  }
}
@media (max-width: 64.063em) {
  .scroll-line {
    left: 100px;
  }
}

.scroll-indicator {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/skellig_rocks.svg");
  width: 128px;
  height: 28px;
  display: block;
  position: absolute;
  z-index: 10;
  left: 100px;
  top: 205px;
}
@media only screen and (max-width: 1360px) {
  .scroll-indicator {
    top: 135px;
  }
}
@media (max-width: 64.063em) {
  .scroll-indicator {
    left: 40px;
  }
}
.scroll-indicator:after {
  text-align: center;
  width: 90px;
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translate(-50%);
  font-size: 16px;
  font-family: "SackersGothicStd-Light", sans-serif;
  color: var(--burntOrange);
}
.scroll-indicator.active-1:after {
  content: "Our Distillery";
}
.scroll-indicator.active-2:after {
  content: "Visit Us";
}
.scroll-indicator.active-3:after {
  content: "Buy Vouchers";
}

.scroll-slide {
  flex: 1 0 75vw;
  max-width: 75vw;
  height: 100%;
}

article.scroll-slide {
  background: transparent;
}

.item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.item-container {
  position: relative;
  margin-top: 200px;
}
.item-container .the-content {
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  -ms-transition: all 0.15s;
  transition: all 0.15s;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #4d5f80;
  background-size: cover;
  background: url("img/scroller_wash_v2.png");
  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--scroller-background, url("img/scroller_wash_v2.png"));
}

.item-container.swiper-slide-active .the-content {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #28334a;
}
.item-container .slide-container {
  padding: 80px;
}
@media (max-width: 900px) {
  .item-container .slide-container {
    padding: 30px;
  }
  .item-container .slide-container p {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
.item-container .slide-container p {
  color: #fff;
  margin-bottom: 60px;
}
.item-container .slide-container a {
  display: block;
  position: relative;
  width: 95px;
  font-size: 12px;
  font-family: "SackersGothicStd-Light", sans-serif;
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 5px;
}
.item-container .slide-container a:hover {
  color: var(--burntOrange);
}
.item-container .slide-container a:hover:after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: url("https://skelligsix18distillery.ie/wp-content/themes/skelligs/img/bronze_underline.svg");
  height: 2px;
}
.item-container .cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.item-container .cover.img-back {
  min-height: 750px;
}
@media (max-width: 64.063em) {
  .item-container {
    margin-top: 300px;
  }
  .item-container .pad-left {
    padding-left: 10px;
  }
  .item-container .title-con h3 {
    font-size: 23px;
  }
}
@media (max-width: 900px) {
  .item-container {
    margin-top: 40px;
  }
  .item-container .title-con h3 {
    font-size: 20px;
  }
}

.item-title {
  font-size: 4vw;
  font-weight: bold;
  line-height: 1;
}

.item-container .the-content.active {
  background-color: #0b1122;
}

.column:last-child:not(:first-child).form-column,
.columns:last-child:not(:first-child).form-column {
  float: none;
}

@media (min-width: 40em) {
  .item-body {
    position: absolute;
    left: 100%;
    top: 50%;
    width: 50%;
    -webkit-transform: translate(-25%, -50%);
    transform: translate(-25%, -50%);
  }
}

@media only screen and (max-width: 46em) {
  .scrollmagic-pin-spacer {
    display: none !important;
  }
  .home-section-blocks {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 30px;
  }
  .home-section-blocks .mob-item-container {
    margin-bottom: 40px;
    overflow: hidden;
  }
  .home-section-blocks .mob-item-container .the-content {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background: url("img/scroller_wash_mobile.jpg");
    background-color: #18223d;
    background-size: cover;
    padding: 30px;
  }
  .home-section-blocks .mob-item-container .the-content h2,
  .home-section-blocks .mob-item-container .the-content h3,
  .home-section-blocks .mob-item-container .the-content p {
    color: #fff;
  }
  .home-section-blocks .mob-item-container .the-content h3 {
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 30px;
  }
  .home-section-blocks .mob-item-container .the-content p {
    margin-bottom: 30px;
  }
  .home-section-blocks .mob-item-container .the-content a.read-more {
    color: #fff;
    margin-bottom: 20px;
  }
  .home-section-blocks .mob-item-container .the-content a.with-line:after {
    bottom: -8px;
  }
  .intro .max-width {
    padding-bottom: 60px;
  }
  .swiper-container.skelligProducts {
    display: none;
  }
  .skelligProducts {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("img/skelligs_mobile_products_bg.jpg");
  }
  .skelligProducts .swiper-slide .img-back.cover {
    min-height: 350px;
  }
  .skelligProducts .swiper-slide .slide-container {
    padding: 40px;
  }
  .skelligProducts .product-block {
    padding: 40px;
  }
  .skelligProducts .product-block:last-child {
    padding-bottom: 60px;
  }
  .skelligProducts .product-block .img-container {
    margin-bottom: 20px;
  }
  .skelligProducts .product-block .slide-container h3 {
    text-transform: uppercase;
  }
  .skelligProducts .product-block .slide-container h3,
  .skelligProducts .product-block .slide-container p {
    color: #fff;
    margin-bottom: 20px;
    font-size: 15px;
  }
  .skelligProducts .product-block .slide-container a {
    text-transform: uppercase;
    font-family: "SackersGothicStd-Light", sans-serif;
    color: #fff;
    font-size: 12px;
  }
  .skelligProducts .product-block .slide-container a.with-line:after {
    bottom: -8px;
  }
}

/* Smartphone Size */
@media only screen and (max-width: 639px) {
  .show-mob {
    display: block;
  }
  .intro .max-width {
    max-width: none;
    padding: 60px 30px;
  }
  .intro .max-width .pad-right {
    padding-right: 0;
  }
  .intro p.headline,
  .intro p.inline {
    font-size: 22px;
    line-height: 26px;
    display: inline;
  }
  .intro .con-tooltip {
    font-size: 22px;
    line-height: 26px;
    display: inline;
  }
  .scrollmagic-pin-spacer {
    display: none !important;
  }
  .home-section-blocks {
    padding: 0;
  }
  .home .intro .pad-right {
    margin-bottom: 20px;
    padding: 0;
  }
  .home .intro .pad-right.the-content {
    margin-bottom: 20px;
  }
  .inspo {
    margin-bottom: 30px;
  }
  .inspo .block.b-0 {
    margin-left: 0;
  }
  .inspo .block.b-1 {
    margin-left: 0;
  }
  .inspo .block.b-2 {
    margin-left: 0;
  }
  .inspo .block.b-3 {
    margin-left: 0;
  }
  .inspo .block.b-4 {
    margin-left: 0;
  }
  .inspo .block.b-5 {
    margin-left: 0;
  }
  .inspo .block h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  .inspo .block .frame .img-container {
    padding: 40px;
  }
  .row#News .max-width {
    max-width: none;
  }
  .row#News .max-width.pad-content {
    padding: 60px 20px;
  }
  .row#News .max-width.pad-content a.story {
    display: block;
  }
  .row#News article {
    margin-bottom: 30px;
  }
  .row#signUp h2 {
    padding: 0 100px;
  }
  .row#signUp p.headline {
    font-size: 24px;
    max-width: 100%;
    padding: 0 20px;
  }
  .row#signUp .pad-content {
    padding: 60px 0px;
  }
  .row#signUp .title-container {
    margin-bottom: 40px;
  }
  .row#signUp .form-container {
    max-width: none;
    padding: 0 30px;
  }
  .row#signUp .form-field label span {
    display: inline;
  }
  .row#signUp .form-field label a {
    display: inline;
  }
  .row#signUp .form-field input[type="checkbox"] {
    float: right;
  }
}

/* ---- About scss ---- */
/* ---- Contact scss ---- */
/* ---- Theme scss ---- */
a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.hero-container {
  display: block;
  position: relative;
}

.overlay-container {
  width: 900px;
  position: absolute;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
@media (max-width: 900px) {
  .overlay-container {
    width: 700px;
  }
}
@media only screen and (max-width: 46em) {
  .overlay-container {
    width: auto;
  }
}
.overlay-container h1 {
  color: #fff;
  font-size: 90px;
  font-family: "SackersGothicStd-Light", sans-serif;
  line-height: 90px;
  margin-bottom: 60px;
}
@media (max-width: 64.063em) {
  .overlay-container h1 {
    font-size: 70px;
    line-height: 70px;
  }
}
@media (max-width: 900px) {
  .overlay-container h1 {
    font-size: 55px;
    line-height: 55px;
  }
}

.overlay-container h1.smaller {
  font-size: 55px;
  line-height: 65px;
}
@media (max-width: 64.063em) {
  .overlay-container h1.smaller {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (max-width: 900px) {
  .overlay-container h1.smaller {
    font-size: 30px;
    line-height: 35px;
  }
}
.overlay-container p {
  color: #fff;
  font-size: 34px;
  margin-bottom: 0;
}

a.sc-ex {
  color: #fff;
  display: block;
  font-family: "SackersGothicStd-Light", sans-serif;
  font-size: 16px;
  font-weight: unset;
  width: 220px;
  margin: 0 auto;
  padding-bottom: 5px;
}

.max-width {
  max-width: 1080px;
  display: block;
  margin: 0 auto;
}

.pad-content {
  padding: 80px 0px 100px;
  overflow: hidden;
}
@media only screen and (max-width: 46em) {
  .pad-content {
    padding: 40px 0px 60px;
  }
}

.no-pad {
  padding: 0px;
}

.pad-right {
  padding-right: 80px;
}

.pad-left {
  padding-left: 80px;
}

.the-content p {
  margin-bottom: 14px;
}
@media (max-width: 900px) {
  .the-content p {
    font-size: 16px;
  }
}

.the-content a.page-link {
  display: block;
  position: relative;
  width: 170px;
  font-size: 15px;
  font-family: "SackersGothicStd-Light", sans-serif;
}
.the-content a.page-link:after {
  content: "";
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/grey_underline.svg");
  width: 100%;
  height: 3px;
  left: 0px;
  bottom: -4px;
}

.the-content a.read-more {
  display: block;
  position: relative;
  width: 100px;
  font-size: 12px;
  font-family: "SackersGothicStd-Light", sans-serif;
  text-transform: uppercase;
}

.waves {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/gold_waves.svg");
  width: 140px;
  height: 140px;
}

.title-container {
  text-align: center;
  margin-bottom: 100px;
}
@media only screen and (max-width: 46em) {
  .title-container {
    margin-bottom: 40px;
  }
}
.title-container h5 {
  color: var(--burntOrange);
  margin-bottom: 0;
}

.title-container h2 {
  font-size: 50px;
  line-height: 50px;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  .title-container h2 {
    font-size: 40px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 46em) {
  .title-container h2 {
    font-size: 30px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 450px) {
  .woocommerce-products-header {
    /* padding: 50px; */
    padding: 80px 40px 30px;
  }

  .woocommerce-products-header .title-container {
    margin: 0;
  }
}

.block-container {
  padding: 80px;
}
.block-container h3 {
  max-width: 300px;
  margin-bottom: 40px;
}
.block-container .text-content {
  margin-bottom: 40px;
}
@media (max-width: 64.063em) {
  .block-container {
    padding: 60px;
  }
}
@media (max-width: 64.063em) {
  .block-container {
    padding: 40px;
  }
}

.the-content .block-container a.read-more {
  color: #28334a;
  padding-bottom: 5px;
}
.the-content .block-container a.read-more.with-line:after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/grey_underline.svg");
}

article {
  background: #fff;
  padding: 25px;
  margin-bottom: 50px;
}
article h4 {
  font-family: "SackersGothicStd-Light", sans-serif;
  font-size: 12px;
  line-height: 18px;
}
article .feature-img {
  margin-bottom: 25px;
}

a.story h4 {
  color: #28334a;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

a.story:hover h4 {
  color: var(--burntOrange);
}

.form-container {
  display: block;
  margin: 0 auto;
  max-width: 500px;
}

.form-field {
  margin-bottom: 25px;
  position: relative;
  display: block;
}
.form-field label {
  font-size: 14px;
  color: #4d5f80;
  font-weight: 100;
}
.form-field label span {
  color: #4d5f80;
  display: inline-block;
}
.form-field label a {
  color: #4d5f80;
  text-decoration: underline;
  margin-right: 20px;
  display: inline-block;
}
.form-field label a:hover {
  color: var(--burntOrange);
}
.form-field input[type="text"] {
  border: none;
  border-bottom: 1px solid #4d5f80;
}
.form-field input[type="email"] {
  border: none;
  border-bottom: 1px solid #4d5f80;
}
.form-field input[type="checkbox"] {
  position: relative;
  margin: 0.4rem;
}
.form-field input[type="checkbox"]:before {
  content: " ";
  background: white;
  border: 1px solid #4d5f80;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 0.9rem;
  height: 0.9rem;
  transition: background 0.3s ease-in-out;
}
.form-field input[type="checkbox"]:checked:before {
  background: #4d5f80;
}
.form-field input[type="checkbox"]:checked:after {
  content: " ";
  background: transparent;
  position: absolute;
  top: 5%;
  left: 10%;
  width: 60%;
  height: 30%;
  z-index: 2;
  transform: rotate(-45deg);
}
.form-field input[type="submit"] {
  padding: unset;
  padding-bottom: 10px;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/grey_underline.svg");
  background-position: center bottom;
  background-size: 100px 4px;
  display: block;
  position: relative;
  width: 70px;
  font-size: 12px;
  font-family: "SackersGothicStd-Light", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  text-align: left;
}
.form-field input[type="submit"]:hover {
  color: var(--burntOrange);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

.hvr-bob {
  display: block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.hvr-bob:hover,
.hvr-bob:focus,
.hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: 0.3s, 1.5s;
  animation-duration: 0.3s, 1.5s;
  -webkit-animation-delay: 0s, 0.3s;
  animation-delay: 0s, 0.3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

.pum-theme-default-theme {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/Hero_Background@2x.jpg") !important;
  background-color: #28334a !important;

  /* If there's a CSS variable, use that, otherwise, use a static asset */
  background-image: var(--hero-background, url("img/Hero_Background@2x.jpg"));
}
.pum-theme-default-theme .pum-container.pum-responsive.pum-responsive-medium {
  background: transparent;
}
.pum-theme-default-theme .pum-container.pum-responsive .modal-container {
  text-align: center;
  padding: 0 80px;
}
@media only screen and (max-width: 639px) {
  .pum-theme-default-theme .pum-container.pum-responsive .modal-container {
    padding: 0 20px;
  }
}
.pum-theme-default-theme .pum-container.pum-responsive .modal-container .max-width {
  max-width: 500px;
}
@media only screen and (max-width: 639px) {
  .pum-theme-default-theme .pum-container.pum-responsive .modal-container .max-width {
    max-width: 100%;
  }
}
.pum-theme-default-theme .pum-container.pum-responsive .modal-container .modal-header img {
  display: block;
  margin: 0 auto 40px;
}
.pum-theme-default-theme .pum-container.pum-responsive .modal-container .modal-content h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 52px;
  margin-bottom: 30px;
  padding: 0 0px;
}
@media only screen and (max-width: 639px) {
  .pum-theme-default-theme .pum-container.pum-responsive .modal-container .modal-content h2 {
    font-size: 32px;
  }
}
.pum-theme-default-theme .pum-container.pum-responsive .modal-container .modal-content h6 {
  color: #fff;
  font-family: "faricy-new-web", sans-serif;
  font-size: 18px;
  margin-bottom: 30px;
}
.pum-theme-default-theme .pum-container.pum-responsive .modal-container .modal-content p {
  color: #fff;
}
@media only screen and (max-width: 639px) {
  .pum-theme-default-theme .pum-container.pum-responsive .modal-container .modal-content p {
    font-size: 16px;
  }
}
.pum-theme-default-theme .pum-container.pum-responsive .modal-container .modal-content .field-wrap p {
  font-size: 15px;
  font-weight: 100;
  margin-bottom: 20px;
}
@media only screen and (max-width: 639px) {
  .pum-theme-default-theme .pum-container.pum-responsive .modal-container .modal-content .field-wrap p {
    font-size: 15px;
  }
}
.pum-theme-default-theme
  .pum-container.pum-responsive
  .modal-container
  .modal-content
  .nf-form-content
  .nf-field-container {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.pum-theme-default-theme
  .pum-container.pum-responsive
  .modal-container
  .modal-content
  .nf-form-content
  .nf-field-container.submit-container {
  margin-bottom: 30px;
}
.pum-theme-default-theme
  .pum-container.pum-responsive
  .modal-container
  .modal-content
  .nf-form-content
  .field-wrap
  input[type="button"] {
  border: 1px solid var(--burntOrange);
  color: #fff;
}
.pum-theme-default-theme
  .pum-container.pum-responsive
  .modal-container
  .modal-content
  .nf-form-content
  .field-wrap
  input[type="button"]:hover {
  background: var(--burntOrange);
}

/* -- Mobile --*/
@media only screen and (max-width: 639px) {
  .the-content p {
    font-size: 15px;
  }
  .title-container {
    margin-bottom: 60px;
  }
  .title-container h2 {
    font-size: 28px;
    line-height: 36px;
  }
  .block-container {
    padding: 40px;
  }
  .no-mob {
    display: none;
  }
  .the-content iframe {
    width: 100% !important;
  }
  .wc-bookings-date-picker .ui-datepicker .ui-datepicker-title {
    font-size: 17px;
  }
  .wc-bookings-date-picker .ui-datepicker .ui-datepicker-title span {
    font-size: 17px;
  }
}