/*
Theme Name: Winston
Theme URI: 
Author: John Philip
Author URI: https://www.johnphilip.co.za/
Description: Custom Design
Requires at least: 6.0
Tested up to: 6.5.3
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: winston
Tags: entertainment, one-column, wide-blocks, accessibility-ready, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, rtl-language-support, style-variations, translation-ready, 
*/
#pass-protected {
  background-color: hsla(0, 0%, 100%, 0.75);
  padding: 20px;
  margin: 50px auto;
  display: block;
  max-width: 300px;
}

.enter-button a, header nav li a span {
  background-image: -webkit-linear-gradient(to right, #1bc2f3, #263b85);
  background-image: var(--wp--preset--gradient--custom-winston-blue-gradient);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close, header nav li a {
  background-color: var(--wp--preset--color--custom-winston-light-grey-button);
  box-shadow: -2px 2px 4px 0px #b9bcc4, 3px -3px 10px 5px rgb(255, 255, 255);
}
.wp-block-navigation__responsive-container-open:hover,
.wp-block-navigation__responsive-container-close:hover, header nav li a:hover, .wp-block-navigation__responsive-container-open:focus,
.wp-block-navigation__responsive-container-close:focus, header nav li a:focus, .wp-block-navigation__responsive-container-open:active,
.wp-block-navigation__responsive-container-close:active, header nav li a:active {
  box-shadow: -1px 1px 3px 0px #b9bcc4, 2px -2px 5px 2px rgb(255, 255, 255);
  outline: none;
}

.enter-button a, .wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close, header nav li a span {
  padding: clamp(8px, 2vw, 18px) clamp(12px, 2.5vw, 25px);
}

header nav {
  font-size: clamp(0.94rem, 1.5vw, 1.1rem);
}
header nav li a {
  display: inline-block;
  border-radius: 30px;
  padding: 0;
}
header nav li a span {
  display: inline-block;
}
header nav li a span:hover, header nav li a span:focus, header nav li a span:active {
  background-image: var(--wp--preset--gradient--custom-winston-red-gradient);
}
header nav li.current-menu-item a {
  box-shadow: inset -3px 3px 4px 0px #b9bcc4, inset 3px -2px 6px 2px rgb(255, 255, 255);
}
header nav li.current-menu-item a span:hover, header nav li.current-menu-item a span:focus, header nav li.current-menu-item a span:active {
  cursor: default;
  background-image: var(--wp--preset--gradient--custom-winston-blue-gradient);
}

.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
  display: block;
  border: none;
  color: #2084c0;
  border-radius: 25px;
}
.wp-block-navigation__responsive-container-open:hover, .wp-block-navigation__responsive-container-open:focus, .wp-block-navigation__responsive-container-open:active,
.wp-block-navigation__responsive-container-close:hover,
.wp-block-navigation__responsive-container-close:focus,
.wp-block-navigation__responsive-container-close:active {
  color: #b43450;
}

.wp-block-navigation__responsive-container-open::before {
  content: "Main ";
}

.wp-block-navigation__responsive-container-close {
  color: #b43450;
}

header .wp-block-navigation a:where(:not(.wp-element-button)):hover {
  text-decoration: none;
}

.wp-block-navigation__responsive-container.is-menu-open li {
  margin-bottom: 0.5em;
}

.enter-button {
  background-color: var(--wp--preset--color--custom-winston-light-grey-button);
  box-shadow: -2px 2px 4px 0px hsla(0, 0%, 0%, 0.5);
}
.enter-button:hover, .enter-button:focus, .enter-button:active {
  box-shadow: -1px 1px 3px 0px hsla(0, 0%, 0%, 0.5);
  outline: none;
}
.enter-button a {
  display: inline-block;
  outline: none;
}
.enter-button a:hover, .enter-button a:focus, .enter-button a:active {
  background-image: var(--wp--preset--gradient--custom-winston-red-gradient);
}

.rounded {
  border-radius: clamp(2vw, 5vw, 30px);
}

.slick-slide img {
  max-height: 60vh;
  width: auto;
}

.slick-track {
  display: flex !important;
  justify-content: center;
}

.slick-slide {
  height: inherit !important;
  align-self: center;
}

.slick-list.dragging,
.slick-list.draggable:active:hover {
  cursor: grabbing;
}

.slick-prev, .slick-next {
  margin-top: 0;
}

@media (min-width: 782px) {
  .slider-single .slick-dots {
    padding-left: 30%;
    box-sizing: border-box;
  }
  body.page-id-104 main {
    padding-bottom: min(3rem, 3vw) !important;
  }
}
#slider-icons {
  position: relative;
}
#slider-icons #facts {
  position: absolute;
  z-index: 0;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
#slider-icons .slick-dots {
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  align-content: space-between;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  width: 100%;
}
#slider-icons .slick-dots li {
  display: block;
  width: 25%;
  height: 25%;
  margin: 0;
}
#slider-icons .slick-dots li:first-child {
  background-color: transparent;
  position: absolute;
  left: 25%;
  top: 0;
  bottom: 0;
  width: 50%;
  height: 100%;
}
#slider-icons .slick-dots li button:before {
  display: none;
}

@media (max-width: 782px) {
  #facts {
    background-position: center top !important;
  }
  #facts .wp-block-column:first-child {
    padding-top: 50vw;
  }
  #facts .wp-block-column:first-child .fact {
    flex-direction: row-reverse;
  }
  #facts .wp-block-column:first-child .fact .has-text-align-right {
    text-align: left;
  }
  #facts .center-column {
    display: none;
  }
}
#facts .icon figure {
  background-image: linear-gradient(30deg, #1a97d4, #0b6fe0, #1a97d4, #43c0ff);
  width: 50px;
  height: 50px;
  padding: 8px;
  border-radius: 5px;
  box-sizing: border-box;
  background-size: 300%;
  animation: gradientAnimation 30s infinite alternate;
  display: flex;
  justify-content: center;
  box-shadow: -1px 1px 5px 0px hsla(0, 0%, 0%, 0.5);
  transition: box-shadow 0.5s;
}
#facts .icon figure:hover, #facts .icon figure:focus {
  box-shadow: 0px 0px 10px 0px hsla(0, 0%, 100%, 0.75);
  animation: gradientAnimation 1s infinite alternate;
  background-position: left;
}
#facts p.pum-trigger {
  transition: color 0.75s;
  color: var(--wp--preset--color--custom-winston-blue);
}
#facts p.pum-trigger:hover {
  color: #fff;
}

@keyframes gradientAnimation {
  0% {
    background-position: left;
  }
  100% {
    background-position: right;
  }
}
body.admin-bar .admin-offset {
  min-height: calc(100vh - var(--wp-admin--admin-bar--height)) !important;
}

.age-gate__wrapper {
  padding-top: 130px;
}
.age-gate__wrapper::before {
  content: "";
  width: 150px;
  height: 100px;
  background-size: contain;
  background-position: 100% 0;
  position: absolute;
  top: 50px;
  right: 30px;
  z-index: 5;
  background-repeat: no-repeat;
  background-image: url(images/winston-logo.png);
}

.age-gate {
  padding: 50px;
}
.age-gate h2.age-gate__headline {
  color: var(--wp--preset--color--custom-winston-blue);
  margin-bottom: 0;
  font-size: clamp(1.1rem, 5vw, 24px) !important;
  font-weight: 600;
}

.age-gate__buttons .age-gate__submit {
  border-radius: 25px;
  background-color: var(--wp--preset--color--custom-winston-light-grey-button);
  box-shadow: -2px 2px 4px 0px hsla(0, 0%, 0%, 0.5);
}
.age-gate__buttons .age-gate__submit:hover, .age-gate__buttons .age-gate__submit:focus, .age-gate__buttons .age-gate__submit:active {
  box-shadow: -1px 1px 3px 0px hsla(0, 0%, 0%, 0.5);
  outline: none;
  background-color: var(--wp--preset--color--custom-winston-light-grey-button);
  color: var(--wp--preset--color--custom-winston-blue);
}
.age-gate__buttons .age-gate__submit--yes {
  color: var(--wp--preset--color--custom-winston-blue);
}
.age-gate__buttons .age-gate__submit--no {
  color: var(--wp--preset--color--custom-winston-red);
}

.age-gate__subheadline {
  display: none;
}/*# sourceMappingURL=style.css.map */