/****************************************************************
 *
 *  Name: Modal Styles
 *  Author: Samantha Pasch
 *  Author URI: http://www.samanthapasch.com/
 *  Description: Site modal styles.
 *
****************************************************************/

/*===============================================================
 *
 *  1) PRELOADER / ENTER SITE
 *
===============================================================*/

/* A) Preloader
=================================*/

/*body.home #preloader-overlay .preloader-inner {
    display: none;
    visibility: hidden;
}*/

#preloader-overlay .preloader-inner {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-bg);
    z-index: 7999;
}


/* B) Enter Site
=================================*/

#enter-site-cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0!important;
    color: currentColor;
    background-color: var(--primary-bg);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#enter-site-cover.modal-container {
    width: 100%;
    opacity: 1;
    visibility: visible;
    background-color: var(--primary-bg);
    transform: translateX(0rem);
    z-index: 750;
    -webkit-transition-property: opacity, visibility;
    -moz-transition-property: opacity, visibility;
    -ms-transition-property: opacity, visibility;
    -o-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-delay: 250ms, 250ms;
    -moz-transition-delay: 250ms, 250ms;
    -ms-transition-delay: 250ms, 250ms;
    -o-transition-delay: 250ms, 250ms;
    transition-delay: 250ms, 250ms;
}

#enter-site-cover.modal-container.is-hidden {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-625rem);
    z-index: -4000!important;
    -webkit-transition-property: opacity, visibility, transform, z-index;
    -moz-transition-property: opacity, visibility, transform, z-index;
    -ms-transition-property: opacity, visibility, transform, z-index;
    -o-transition-property: opacity, visibility, transform, z-index;
    transition-property: opacity, visibility, transform, z-index;
    -webkit-transition-duration: 300ms, 300ms, 0ms, 0ms;
    -moz-transition-duration: 300ms, 300ms, 0ms, 0ms;
    -ms-transition-duration: 300ms, 300ms, 0ms, 0ms;
    -o-transition-duration: 300ms, 300ms, 0ms, 0ms;
    transition-duration: 300ms, 300ms, 0ms, 0ms;
    -webkit-transition-timing-function: cubic-bezier(1,0,.8,.83);
    -moz-transition-timing-function: cubic-bezier(1,0,.8,.83);
    -ms-transition-timing-function: cubic-bezier(1,0,.8,.83);
    -o-transition-timing-function: cubic-bezier(1,0,.8,.83);
    transition-timing-function: cubic-bezier(1,0,.8,.83);
    -webkit-transition-delay: 0ms, 0ms, 310ms, 310ms;
    -moz-transition-delay: 0ms, 0ms, 310ms, 310ms;
    -ms-transition-delay: 0ms, 0ms, 310ms, 310ms;
    -o-transition-delay: 0ms, 0ms, 310ms, 310ms;
    transition-delay: 0ms, 0ms, 310ms, 310ms;
}

#enter-site-cover .enter-site-overlay {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    background-color: var(--primary-bg);
}

#enter-site-cover.modal-container .enter-site-content {
    opacity: 0;
    -webkit-transition-property: opacity
    -moz-transition-property: opacity
    -ms-transition-property: opacity
    -o-transition-property: opacity
    transition-property: opacity
    -webkit-transition-duration: 1200ms;
    -moz-transition-duration: 1200ms;
    -ms-transition-duration: 1200ms;
    -o-transition-duration: 1200ms;
    transition-duration: 1200ms;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

html.site-loaded #enter-site-cover.modal-container .enter-site-content {
    opacity: 1;
}


.enter-site-triggered {
    -webkit-animation-duration: 600ms;
    -moz-animation-duration: 600ms;
    -ms-animation-duration: 600ms;
    -o-animation-duration: 600ms;
    animation-duration: 600ms;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -ms-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    -o-filter: blur(3px);
    filter: blur(3px);
}

html.site-loaded .enter-site-triggered.fade-in-quick {
  -webkit-animation-name: fade-in-quick;
  -moz-animation-name: fade-in-quick;
  -o-animation-name: fade-in-quick;
  animation-name: fade-in-quick;
}

@-webkit-keyframes fade-in-quick {
    0% { filter: blur(3px); }
    100% { filter: blur(0); }

}

@-moz-keyframes fade-in-quick {
    0% { filter: blur(3px); }
    100% { filter: blur(0px); }

}

@-ms-keyframes fade-in-quick {
    0% { filter: blur(3px); }
    100% { filter: blur(0); }

}

@-o-keyframes fade-in-quick {
    0% { filter: blur(3px); }
    100% { filter: blur(0); }

}

@keyframes fade-in-quick {
    0% { filter: blur(3px); }
    100% { filter: blur(0); }
}



/*===============================================================
 *
 *  2) COOKIE CONSENT
 *
===============================================================*/

#cookie-policy-notice.modal-container {
    width: 100%;
    z-index: 250!important;
}

.scroll-100-reached #cookie-policy-notice {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

html.on-post #cookie-policy-notice,
html.on-page #cookie-policy-notice {
    -webkit-transform: translateY(25rem)!important;
    -moz-transform: translateY(25rem)!important;
    -ms-transform: translateY(25rem)!important;
    -o-transform: translateY(25rem)!important;
    transform: translateY(25rem)!important;
    opacity: 0!important;
}

#cookie-policy-notice {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    margin-bottom: 0!important;
    opacity: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateY(15.625rem);
    -moz-transform: translateY(15.625rem);
    -ms-transform: translateY(15.625rem);
    -o-transform: translateY(15.625rem);
    transform: translateY(15.625rem);
    -webkit-transition: transform 600ms ease-in-out 250ms, opacity 300ms ease 600ms;
    -moz-transition: transform 600ms ease-in-out 250ms, opacity 300ms ease 600ms;
    -ms-transition: transform 600ms ease-in-out 250ms, opacity 300ms ease 600ms;
    -o-transition: transform 600ms ease-in-out 250ms, opacity 300ms ease 600ms;
    transition: transform 600ms ease-in-out 250ms, opacity 300ms ease 600ms;
}

.scroll-100-reached #cookie-policy-notice.is-hidden {
    -webkit-transform: translateY(25rem);
    -moz-transform: translateY(25rem);
    -ms-transform: translateY(25rem);
    -o-transform: translateY(25rem);
    transform: translateY(25rem);
    opacity: 0;
}

#cookie-policy-notice .cookie-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    width: 100%;
    padding: 10px 20px;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}

#cookie-policy-notice .cookie-content #cookie-agree,
#cookie-policy-notice .cookie-content a#cookie-info {
    line-height: 1em;
    color: currentColor;
}

#cookie-policy-notice .cookie-content #cookie-agree::after,
#cookie-policy-notice .cookie-content a#cookie-info::after {
    background-color: currentColor;
}

/* Desktop */
@media (min-width: 1021px) {

    .cookie-consent-message {
        width: 60%; }

    .cookie-agree-container {
        width: 40% }

}

/* Tablet */
@media (min-width: 768px) and (max-width: 1020px) {

    .cookie-consent-message {
        width: 100%; }

    .cookie-agree-container {
        width: 100% }

}

/* Mobile */
@media (max-width: 767px) {

    .cookie-consent-message {
        width: 100%; }

    .cookie-agree-container {
        width: 100% }

}


/*===============================================================
 *
 *  3) WIDGET SUBSCRIBE POP-UP
 *
===============================================================*/

/* A) Background
=================================*/

.widget-pop-overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0);
  z-index: 800;
  -webkit-transition-property: background-color, visibility;
  -moz-transition-property: background-color, visibility;
  -o-transition-property: background-color, visibility;
  transition-property: background-color, visibility;
  -webkit-transition-duration: 250ms;
  -moz-transition-duration: 250ms;
  -o-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 250ms;
  -moz-transition-delay: 250ms;
  -o-transition-delay: 250ms;
  transition-delay: 250ms;
}

#main-navigation[data-status-subscribe="active"] .widget-pop-overlay,
.widget-pop-overlay.modal-active {
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-transition-property: background-color, visibility;
  -moz-transition-property: background-color, visibility;
  -o-transition-property: background-color, visibility;
  transition-property: background-color, visibility;
  -webkit-transition-duration: 250ms;
  -moz-transition-duration: 250ms;
  -o-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;

}


/* B) Container
=================================*/

.widget-subscribe-pop {
    position: relative;
    width: 100%;
    height: 100%;
}

.widget-subscribe-pop .subscribe-pop-group {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    list-style: none;
}

.widget-subscribe-pop .subscribe-pop-container {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.widget-subscribe-pop .subscribe-pop-drawer {
    position: fixed;
    margin: 2.5rem 1.25rem;
    visibility: hidden;
    opacity: 0;
    z-index: 1000;
    -webkit-transform: scale(0.66);
    -moz-transform: scale(0.66);
    -ms-transform: scale(0.66);
    -o-transform: scale(0.66);
    transform: scale(0.66);
    -webkit-transition-property: transform, visibility, opacity;
    -moz-transition-property: transform, visibility, opacity;
    -o-transition-property: transform, visibility, opacity;
    transition-property: transform, visibility, opacity;
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition-delay: 500ms, 0ms, 0ms;
    -moz-transition-delay: 500ms, 0ms, 0ms;
    -o-transition-delay: 500ms, 0ms, 0ms;
    transition-delay: 500ms, 0ms, 0ms;
}

.widget-subscribe-pop .subscribe-pop-drawer[aria-hidden="false"] {
  visibility: visible!important;
  opacity: 1!important;
  -webkit-transform: scale(1)!important;
  -moz-transform: scale(1)!important;
  -ms-transform: scale(1)!important;
  -o-transform: scale(1)!important;
  transform: scale(1)!important;
  -webkit-transition-duration: 500ms;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;
}


/* C) Pop-up Header
=================================*/

.widget-subscribe-pop .subscribe-drawer {
  /*background-color: var(--subscribe-bg-colour);*/
  -webkit-box-shadow: 0.125rem 0rem 0.375rem 0.25rem rgb(0 0 0 / 15%);
  -moz-box-shadow: 0.125rem 0rem 0.375rem 0.25rem rgb(0 0 0 / 15%);
  box-shadow: 0.125rem 0rem 0.375rem 0.25rem rgb(0 0 0 / 15%);
}

.widget-subscribe-pop header {
  position: absolute;
  width: 100%;
  min-height: 2.5rem;
  margin: 0!important;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.widget-subscribe-pop .header-container {
  position: relative;
  width: 100%;
  padding: 0px 1.25rem;
  margin-bottom: 0rem;
}

.widget-subscribe-pop .exit-container {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.widget-subscribe-pop .pop-exit-set {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /*-webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;*/
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.widget-subscribe-pop .pop-exit {
  font-size: 0.75rem;
  text-transform: lowercase;
  letter-spacing: 0em;
  color: currentColor;
}

.widget-subscribe-pop .modal-opt-out .x-button {
  position: relative;
  left: auto;
}

.widget-subscribe-pop .x-button {
  position: absolute;
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  z-index: 250;
}

.widget-subscribe-pop .x-button-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform 800ms cubic-bezier(.3,0,.2,1) 0ms;
  -moz-transition: transform 800ms cubic-bezier(.3,0,.2,1) 0ms;
  -o-transition: transform 800ms cubic-bezier(.3,0,.2,1) 0ms;
  transition: transform 800ms cubic-bezier(.3,0,.2,1) 0ms;
}

.widget-subscribe-pop .x-button-inner::before, 
.widget-subscribe-pop .x-button-inner::after {
  width: 0.05rem;
}

.widget-subscribe-pop .x-button-inner::before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.widget-subscribe-pop .x-button-inner::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.widget-subscribe-pop .x-button-inner::before,
.widget-subscribe-pop .x-button-inner::after {
  content: " ";
  position: absolute;
  width: 0.063rem;
  height: calc(100%);
  left: calc(50% - 0.063rem);
  top: 0;
}

.widget-subscribe-pop .x-button:hover .x-button-inner {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.widget-subscribe-pop .x-button-inner::before,
.widget-subscribe-pop .x-button-inner::after {
  background-color: #FAFAF7;
}


/* D) Pop-up Content
=================================*/

.widget-subscribe-pop .pop-container {
    display: block;
    position: relative;
}

.widget-subscribe-pop #form-subscribe .subscribe-headline-font {
  font-size: 1.375rem;
  text-transform: uppercase;
}

.widget-subscribe-pop #form-subscribe .subscribe-notice-font {
  display: block;
  position: relative;
}

.widget-subscribe-pop #form-subscribe .subscribe-notice-font a {
  text-decoration: underline!important;
  text-decoration-style: solid!important;
  color: var(--subscribe-text-colour)!important;
}