/*
 Theme Name: HOOKED
 description: A theme for the Hooked on Taūpo event.
 Author: Roland Riddell
 Template: the-core-parent
 Version: 1.0.0
*/

html {
  overflow-x: visible;
}

body {
  overflow-y: scroll;
}

a {
  font-weight: 400;
}

a:hover {
  color: #f6ae2d;
}

h1 {
  margin-bottom: 40px;
}

h3 {
  line-height: 33px;
}

label {
  font-size: 14px;
  color: #7f7c7c;
}

footer {
  background-color: #4c4c72;
  padding-top: 45px;
}

input.disabled {
  background-color: #ccc;
}

input.disabled:hover {
  cursor: not-allowed;
}

.post h2.entry-title a:hover {
  color: #3654a4;
}

/*-------------- Header --------------*/
.header-2 .fw-header-main .fw-container,
.header-2 .fw-sticky-menu .fw-header-main .fw-container {
  padding-bottom: 0;
}

.fw-wrap-logo:after {
  content: "";
  width: 206px;
  height: 80px;
  border-radius: 50%;
  background-color: #fff;
  z-index: -1;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 59px;
}

@media (max-width: 478px) {
  .fw-wrap-logo:after {
    top: 99px;
    left: 0;
  }
}

.fw-site-logo img {
  min-width: 192px;
  min-height: 80px;
}

.fw-logo-retina .fw-site-logo {
  width: auto;
}

.fw-site-navigation > ul > li > a {
  color: #06104b;
}

.fw-site-navigation > ul > li.current-menu-item a:after {
  width: 0;
}

.fw-site-navigation > ul > li.current-menu-item:hover a:after {
  width: 100%;
}

/*------------- Primary Nav --------------*/
.mmenu-link i {
  color: #06104b;
}

/*------------ Content -------------*/
/* Homepage */
.underline .elementor-heading-title {
  display: inline-block;
  padding-bottom: 10px;
  border-bottom: 2px solid;
}

.celebrate-img-container {
  min-height: 200px;
}

@media (max-width: 969px) {
  .elementor-19 .elementor-element.elementor-element-c8c8169 > .elementor-element-populated,
  .elementor-19 .elementor-element.elementor-element-143422a > .elementor-element-populated,
  .elementor-19 .elementor-element.elementor-element-bc68024 > .elementor-element-populated {
    background-image: none;
  }
}

/* Enter */
.page-id-191 .elementor-widget-heading .elementor-heading-title {
  font-family: 'Amatic SC', cursive;
  font-size: 90px;
}

/* Contact */
.page-id-230 .wrap-forms {
 background-color: rgba(204,204,204,.6);
}

.page-id-230 label {
  color: #06104b;
}

.page-id-230 .fw-btn-1 {
  background-color: #06104b;
}

.page-id-230 .fw-btn-1:hover {
  background-color: #f15922;
}

.page-id-230 .form-error {
  color: #9b0606 !important;
}

/*------------- Widgets ----------------*/
.widget .widget-title {
  margin: 0;
  font-size: 18px;
  color: #534d41;
}

.widget .widget-title span:after {
  border-color: #534d41;
}

.callout {
  text-rendering: optimizeLegibility;
  border: 8px solid #fbb03b;
  margin: 10px 10px 30px 40px;
  padding: 10px;
  background-color: #f6c57a;
  color: #934900;
}

.widget_search .search-field {
  font-family: inherit;
  color: #ccc;
}

/*------------ Elementor styles -------------*/
.elementor-19 .elementor-element.elementor-element-c8c8169 > .elementor-element-populated {
  background-position: 98% 10px;
}

.elementor-19 .elementor-element.elementor-element-143422a > .elementor-element-populated {
  background-position: 95% 10px;
}

.elementor-19 .elementor-element.elementor-element-bc68024 > .elementor-element-populated {
  background-position: 99% 10px;
}

/*------------- Contact Form ----------------*/

/*------------- Sidebar -------------*/

/*------------- Posts -------------*/

/*------------- Buttons ----------------*/
.button-img {
  background: url(assets/images/buttons.png) no-repeat;
  display: block;
}

@media only screen and (-o-min-device-pixel-ratio: 5/4),
       only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and (min--moz-device-pixel-ratio: 1.25),
       only screen and (min-device-pixel-ratio: 1.25),
       only screen and (min-resolution: 1.25dppx) {
    .button-img {
      background: url(assets/images/buttons@2x.png) no-repeat;
    }
}

.enter-now {
  background-position: 0 -141px;
  width: 142px;
  height: 117px;
  position: relative;
  margin: 0 auto;
  background-size: 356px 257px;
}

.enter-now:after {
    content: "";
    background: url(assets/images/buttons.png) -147px -141px no-repeat;
    opacity: 0;
    transition: opacity 0.5s;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

@media only screen and (-o-min-device-pixel-ratio: 5/4),
       only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and (min--moz-device-pixel-ratio: 1.25),
       only screen and (min-device-pixel-ratio: 1.25),
       only screen and (min-resolution: 1.25dppx) {
    .enter-now:after {
      background: background: url(assets/images/buttons@2x.png) -147px -141px no-repeat;
    }
}

.enter-now:hover:after,
.buy-tickets:hover:after {
    opacity: 1;
    transition: opacity 0.5s;
}

.buy-tickets {
  height: 70px;
  position: relative;
  margin: 0 auto;
  background-size: 354px;
}

.buy-tickets:after {
    content: "";
    background: url(assets/images/buttons.png) 0 -70px no-repeat;
    opacity: 0;
    transition: opacity 0.5s;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

@media only screen and (-o-min-device-pixel-ratio: 5/4),
       only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and (min--moz-device-pixel-ratio: 1.25),
       only screen and (min-device-pixel-ratio: 1.25),
       only screen and (min-resolution: 1.25dppx) {
  .buy-tickets:after {
    background: url(assets/images/buttons@2x.png) 0 -70px no-repeat;
  }
}

/*------------- Footer -------------*/
.fw-footer-menu ul li.current-menu-item a,
.fw-copyright {
  color: #fff;
}

.fw-footer-menu ul li a:after {
  background: #fff;
}

.fw-footer-menu > ul > li.current-menu-item a:after {
  width: 0;
}

.fw-footer-menu > ul > li.current-menu-item:hover a:after {
  width: 100%;
}

.fw-footer-logo-no-retina .fw-footer-logo {
  top: 9px;
}

.fw-footer-logo img {
  min-width: 158px;
  min-height: 50px;
}

.fb-icon {
  background: url(assets/images/fb-icon.png) no-repeat;
  display: block;
  width: 72px;
  height: 68px;
  position: relative;
  margin: 0 auto;
}

.fb-icon:after {
    content: "";
    background: url(assets/images/fb-icon.png) -72px -68px no-repeat;
    opacity: 0;
    transition: opacity 0.5s;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/*------------- Helpers -------------*/
.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.blur:hover {
   filter: blur(4px);
}

.loader {
  background: url(assets/images/loader.svg) no-repeat center;
}