/*Navbar background color*/
@media (min-width: 1200px) {.uk-navbar-right {
	background: #FCFDFF;
    border: 1px solid #B9D4FA;
	border-radius: 4px;
    padding-left: 40px;
    padding-right: 40px;
}
}
/*CTA*/
.page-id-25 .cta, .page-id-15 .cta {
  display: none !important;
}

/*Footer headline*/
.home-footer-head,
.about-footer-head,
.holiday-footer-head {
  display: none !important;
}

.page-id-8 .home-footer-head {
  display: block !important;
}

.page-id-15 .about-footer-head {
  display: block !important;
}

.page-id-17 .holiday-footer-head {
  display: block !important;
}

/*Reveal Animation*/
.left-to-right, .right-to-left, .top-to-bottom, .bottom-to-top {
  position: relative;
  overflow: hidden;
}

.left-to-right .el-image, .right-to-left .el-image, 
.top-to-bottom .el-image, .bottom-to-top .el-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  position: relative;
  z-index: 1;
/*   transform: scale(1.2); */
  transition: transform 0.7s ease-out;
}

.left-to-right .image-overlay, .right-to-left .image-overlay, 
.top-to-bottom .image-overlay, .bottom-to-top .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #FEFDFA;
  z-index: 2;
  transition: transform 0.7s ease-out;
  pointer-events: none;
}

.left-to-right .image-overlay {
  transform-origin: left;
  transform: scaleX(1);
}

.right-to-left .image-overlay {
  transform-origin: right;
  transform: scaleX(1);
}

.top-to-bottom .image-overlay {
  transform-origin: bottom;
  transform: scaleY(1);
}

.bottom-to-top .image-overlay {
  transform-origin: top;
  transform: scaleY(1);
}

/* Active state */
.left-to-right.active .image-overlay, 
.right-to-left.active .image-overlay {
  transform: scaleX(0);
}

.top-to-bottom.active .image-overlay, 
.bottom-to-top.active .image-overlay {
  transform: scaleY(0);
}

.left-to-right.active .el-image, 
.right-to-left.active .el-image, 
.top-to-bottom.active .el-image, 
.bottom-to-top.active .el-image {
  transform: scale(1);
}

/* Smooth Slider */
.image-animate {
    white-space: nowrap;
    position: relative;
}
.image-animate span {
    display: inline-block;
    vertical-align: bottom;
    padding: 0 20px;
}
.holiday-banner__item-wrap {
    display: inline-block;
    white-space: nowrap;
    will-change: transform;
    animation: marquee var(--marquee-duration, 20s) linear infinite;
}
.holiday-banner__item-in {
    display: inline-block;
    white-space: nowrap;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(var(--marquee-distance, -50%));
  }
}

/* Define the pulse animation */
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

#my-popover .el-title {
  animation-name: pulse;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}

/*Font sizes for reponsive*/
@media (max-width: 1200px) {
	h3, .uk-h3 {
		font-size: 22px;
	}
	h4, .uk-h4 {
		font-size: 18px;
	}
}

/*Holiday Overlay*/
@media (min-width: 1200px) {
.holiday-overlay-column .uk-card-primary, .holiday-overlay-column .uk-card-default {
    padding: 120px !important;
}
}

.holiday-overlay .el-content, .holiday-overlay .el-title {
    text-align: left;
}

@media (min-width: 1200px) {
.holiday-overlay .uk-overlay {
    display: flex;
    justify-content: space-between;
    width: 90%;
}
.holiday-overlay .el-title{
    color: #E5A618 !important;
}
}

@media (max-width: 1200px) {
    .holiday-overlay .uk-overlay {
        height: 50vh;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
    }
    .holiday-overlay .el-image {
        height: 52vh;
        object-fit: cover;
        object-position: center center;
    }
    .holiday-overlay {
        height: 50vh;
    }
    .holiday-overlay .el-title {
       margin-top: 50px !important; 
    }
}

/*Form Switcher*/
@media (max-width: 1200px) {
  .form-switcher-tab.uk-tab {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    padding-left: 0;
    margin-left: 0;
    overflow-x: auto;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}