.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//tamatanga.com/wp-content/themes/theme_tamatanga/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}body {
background: #fcf6e5;
}
#day-page {
opacity: 0%;
pointer-events: none;
transition: 0.5s ease-in-out;
z-index: 9;
position: relative;
}
#day-page.active {
opacity: 100%;
pointer-events: all;
}
.fade {
background: rgb(244, 165, 25),
url(//tamatanga.com/wp-content/uploads/2023/09/Background-Flowers.png);
background: -moz-linear-gradient(
180deg,
rgba(244, 165, 25, 1) 0%,
rgba(239, 95, 55, 1) 75%,
rgba(239, 93, 56, 1) 100%
),
url(//tamatanga.com/wp-content/uploads/2023/09/Background-Flowers.png);
background: -webkit-linear-gradient(
180deg,
rgba(244, 165, 25, 1) 0%,
rgba(239, 95, 55, 1) 75%,
rgba(239, 93, 56, 1) 100%
),
url(//tamatanga.com/wp-content/uploads/2023/09/Background-Flowers.png);
background: linear-gradient(
180deg,
rgba(244, 165, 25, 1) 0%,
rgba(239, 95, 55, 1) 75%,
rgba(239, 93, 56, 1) 100%
),
url(//tamatanga.com/wp-content/uploads/2023/09/Background-Flowers.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-attachment: scroll, fixed;
background-blend-mode: overlay;
position: relative;
padding-top: 227px;
}
.toggle-night {
position: absolute;
left: 5%;
width: fit-content;
top: 177px;
z-index: 10;
display: flex;
align-items: center;
transition: 0.5s ease-in-out;
}
.toggle-night p {
margin-bottom: 0;
font-weight: 600;
font-size: 1rem;
}
.toggle-night.active p {
color: #fffcf4;
}
.toggle-night .toggle {
background: #173447;
border-radius: 30px;
display: flex;
align-items: center;
margin: 0 10px;
padding: 8px;
position: relative;
cursor: pointer;
transition: 0.5s ease-in-out;
}
.toggle-night.active .toggle {
background: #f39200;
}
.toggle-night .toggle img:first-of-type {
margin-right: 15px;
}
.toggle-night .toggle img {
z-index: 2;
position: relative;
}
.toggle-night .toggle::after {
content: "";
position: absolute;
top: 4px;
bottom: 4px;
left: 4px;
right: 50%;
background: #f39200;
border-radius: 30px;
transition: 0.5s ease-in-out;
}
.toggle-night.active .toggle::after {
left: 50%;
right: 4px;
background: #173447;
}
#discover-hero,
#discover-hero-night {
margin-top: 40px;
}
.discover-hero-pattern {
position: absolute;
top: 0;
right: 0;
max-height: 130%;
pointer-events: none;
width: auto;
z-index: 2;
max-width: 38%;
height: auto;
}
.discover-hero {
background-size: cover;
background-position: bottom;
display: flex;
align-items: center;
}
.discover-hero-contents {
display: flex;
align-items: flex-start;
width: 90%;
margin: 0 auto;
justify-content: center;
text-align: center;
position: relative;
}
.discover-hero-contents .text {
transform-origin: center;
transform: rotate(-5deg);
width: fit-content;
}
.discover-hero-contents h4 {
font-family: The-Hand-Black, sans-serif;
font-size: 3rem;
font-weight: 300;
color: #fffcf4;
}
.discover-hero-contents .spin-on-scroll {
position: absolute;
left: 0;
top: 0;
}
.discover-hero-contents h1 {
font-size: 5rem;
margin: 0;
height: fit-content;
line-height: 1.2;
margin-bottom: 25px;
color: #fffcf4;
}
.discover-hero-contents h1 .grey {
color: #004251;
}
#discover-split-image {
margin-top: 20px;
position: relative;
z-index: 3;
}
#discover-split-image > .left-image {
position: absolute;
left: 0;
bottom: 0;
height: 130%;
z-index: -1;
pointer-events: none;
}
.discover-split-image {
display: flex;
justify-content: space-between;
align-items: center;
}
.discover-split-image .image {
width: 50%;
transform: rotate(-4deg);
transform-origin: top right;
position: relative;
}
.discover-split-image .image .main {
width: 100%;
height: 100%;
}
.discover-split-image .image .main image {
transition: 1s ease-in-out;
transform-origin: center;
}
.discover-split-image .image svg {
max-width: 100%;
height: auto;
}
.rotate-center-slow {
animation: rotate-center-slow 20s infinite ease-in-out;
}
@keyframes rotate-center-slow {
0% {
transform: rotate(0deg) scale(1);
}
25% {
transform: rotate(-12deg) scale(1.2);
}
50% {
transform: scale(1);
}
75% {
transform: rotate(12deg) scale(1.2);
}
100% {
transform: rotate(0deg) scale(1);
}
}
.glide-left-right {
animation: glide-left-right 20s infinite ease-in-out;
}
@keyframes glide-left-right {
0% {
transform: translate(0px);
}
50% {
transform: translate(-400px);
}
100% {
transform: translate(0px);
}
}
.discover-split-image .image .main image.active {
transform: scale(1.2);
}
.discover-split-image .image .big-doodle {
position: absolute;
bottom: 17%;
left: 50%;
transform: translate(-50%, 50%);
pointer-events: none;
}
.discover-split-image .image .big-doodle path {
stroke-dasharray: 460;
stroke-dashoffset: 460;
}
.discover-split-image .image .info {
position: absolute;
right: 25%;
bottom: 75%;
transform: translateX(35%);
}
.discover-split-image .text {
width: 40%;
}
.discover-split-image .text h3,
.discover-split-image .text p {
color: #fffcf4;
}
.discover-split-image .text .links {
display: flex;
margin-top: 30px;
}
.discover-split-image .text .links .flex-link {
font-family: The-Hand-Black, sans-serif;
font-size: 2rem;
font-weight: 300;
}
.discover-split-image .text .links a:hover .squiggle {
stroke-dashoffset: 0;
}
.discover-split-image .text .links a:first-of-type {
margin-right: 55px;
}
.discover-paper-split {
position: absolute;
left: 0;
bottom: -50%;
height: auto;
width: 100%;
z-index: 1;
pointer-events: none;
}
#discover-paper-slider {
position: relative;
height: 1080px;
display: flex;
align-items: center;
background: url(//tamatanga.com/wp-content/uploads/2024/01/discover-day-love-laughter-laid-back-vibes.jpg),
linear-gradient(
90deg,
rgba(0, 0, 0, 0.9037990196078431) 0%,
rgba(0, 0, 0, 0) 100%
);
background-size: cover;
background-repeat: no-repeat;
background-blend-mode: overlay;
}
#discover-paper-slider > .right-image {
position: absolute;
z-index: 10;
right: 0;
bottom: 0%;
max-width: 25%;
pointer-events: none;
}
#discover-paper-slider .bottom-paper {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
vertical-align: bottom;
}
.discover-owl {
transform: rotate(-8deg);
z-index: 0;
}
.discover-owl.owl-theme .owl-dots .owl-dot span,
.discover-owl.owl-theme .owl-dots .owl-dot:hover span {
width: 40px;
height: 25px;
background: url(//tamatanga.com/wp-content/uploads/2023/09/owl-dot.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin: 0;
}
.discover-owl.owl-theme .owl-dots .owl-dot.active span {
background: url(//tamatanga.com/wp-content/uploads/2023/09/owl-dot-active.svg);
width: 40px;
height: 25px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin: 0;
}
.discover-owl .owl-stage-outer {
padding: 50px;
}
.discover-paper-slider__single .text {
width: 40%;
transform: rotate(8deg);
}
.discover-paper-slider__single .text h3,
.discover-paper-slider__single .text p {
color: #fffcf4;
}
#discover-tots {
position: relative;
padding-bottom: 150px;
}
#discover-tots .left-image {
position: absolute;
bottom: 50%;
left: 0;
pointer-events: none;
z-index: 1;
}
#discover-tots .right-image {
position: absolute;
right: 0;
top: 0;
pointer-events: none;
z-index: 1;
transform-origin: bottom right;
transform: scale(0) rotate(0deg);
height: 100%;
}
#discover-tots > .icon {
position: absolute;
right: 17%;
top: 0;
z-index: 2;
max-width: 8%;
}
.discover-tots {
text-align: center;
width: 50%;
margin: 0 auto;
padding: 150px 0;
}
#discover-stats {
position: relative;
padding-bottom: 200px;
}
#discover-stats .left-image {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
z-index: 1;
}
.discover-stats {
display: flex;
justify-content: space-between;
text-align: center;
width: 90%;
margin: 0 auto;
} #night-page {
opacity: 0%;
pointer-events: none;
transition: 0.5s ease-in-out;
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: auto;
z-index: 9;
}
#night-page.active {
opacity: 100%;
pointer-events: all;
}
.fade-night {
background: rgb(23, 52, 71), url(//tamatanga.com/wp-content/uploads/2023/09/night-bg.png);
background: -moz-linear-gradient(
180deg,
rgba(23, 52, 71, 1) 0%,
rgba(5, 10, 14, 1) 100%
),
url(//tamatanga.com/wp-content/uploads/2023/09/night-bg.png);
background: -webkit-linear-gradient(
180deg,
rgba(23, 52, 71, 1) 0%,
rgba(5, 10, 14, 1) 100%
),
url(//tamatanga.com/wp-content/uploads/2023/09/night-bg.png);
background: linear-gradient(
180deg,
rgba(23, 52, 71, 1) 0%,
rgba(5, 10, 14, 1) 100%
),
url(//tamatanga.com/wp-content/uploads/2023/09/night-bg.png);
background-repeat: no-repeat;
background-size: 100% auto, 95% 100%;
background-position: center;
background-attachment: scroll, fixed;
background-blend-mode: overlay;
position: relative;
padding-top: 227px;
}
.discover-hero-contents-night {
display: flex;
align-items: flex-start;
width: 90%;
margin: 0 auto;
justify-content: center;
text-align: center;
position: relative;
}
.discover-hero-contents-night .text {
transform-origin: center;
transform: rotate(-5deg);
width: fit-content;
}
.discover-hero-contents-night h2 {
font-size: 5rem;
margin: 0;
height: fit-content;
line-height: 1.2;
margin-bottom: 25px;
color: #fffcf4;
}
.discover-hero-contents-night .spin-on-scroll {
position: absolute;
left: 0;
top: 0;
}
.discover-hero-contents-night h4 {
font-family: The-Hand-Black, sans-serif;
font-size: 3rem;
font-weight: 300;
color: #fffcf4;
}
#discover-split-image-night {
margin-top: 50px;
position: relative;
z-index: 3;
}
#discover-split-image-night > .left-image {
position: absolute;
left: 0;
bottom: 0;
height: 130%;
z-index: -1;
pointer-events: none;
}
.discover-split-image-night {
display: flex;
justify-content: space-between;
align-items: center;
}
.discover-split-image-night .image {
width: 50%;
transform: rotate(-4deg);
transform-origin: top right;
position: relative;
}
.discover-split-image-night .image svg {
max-width: 100%;
height: auto;
}
.discover-split-image-night .image .main {
width: 100%;
height: 100%;
}
.discover-split-image-night .image .main image {
transition: 1s ease-in-out;
transform-origin: center;
}
.discover-split-image-night .image .main image.active {
transform: scale(1.2);
}
.discover-split-image-night .image .big-doodle {
position: absolute;
bottom: 0%;
left: 50%;
transform: translate(-50%, 50%);
pointer-events: none;
}
.discover-split-image-night .image .big-doodle path {
stroke-dasharray: 460;
stroke-dashoffset: 460;
}
.discover-split-image-night .image .info {
position: absolute;
right: 0;
bottom: 50%;
transform: translateX(35%);
}
.discover-split-image-night .text {
width: 40%;
}
.discover-split-image-night .text h3,
.discover-split-image-night .text p {
color: #fffcf4;
}
.discover-split-image-night .text .links {
display: flex;
}
.discover-split-image-night .text .links .flex-link {
font-family: The-Hand-Black, sans-serif;
font-size: 2rem;
font-weight: 300;
}
.discover-split-image-night .text .links a:hover .squiggle {
stroke-dashoffset: 0;
}
.discover-split-image-night .text .links a:first-of-type {
margin-right: 55px;
}
#discover-split-image-night-reverse {
margin-top: 50px;
position: relative;
z-index: 3;
}
#discover-split-image-night-reverse > .right-image {
position: absolute;
right: 0;
bottom: 50%;
pointer-events: none;
height: 100%;
max-width: 30%;
height: auto;
}
.discover-split-image-night-reverse {
display: flex;
justify-content: space-between;
align-items: center;
}
.discover-split-image-night-reverse .image {
width: 50%;
transform: rotate(-4deg);
transform-origin: top right;
position: relative;
}
.discover-split-image-night-reverse .image .main {
width: 100%;
height: 100%;
}
.discover-split-image-night-reverse .image .main image {
transition: 1s ease-in-out;
transform-origin: center;
}
.discover-split-image-night-reverse .image .main image.active {
transform: scale(1.2);
}
.discover-split-image-night-reverse .image .big-doodle {
position: absolute;
bottom: 0%;
left: 50%;
transform: translate(-50%, 50%);
pointer-events: none;
}
.discover-split-image-night-reverse .image .big-doodle path {
stroke-dasharray: 460;
stroke-dashoffset: 460;
}
.discover-split-image-night-reverse .image .info {
position: absolute;
left: 0;
bottom: 60%;
transform: translateX(-35%);
}
.discover-split-image-night-reverse .text {
width: 40%;
}
.discover-split-image-night-reverse .text h3,
.discover-split-image-night-reverse .text p {
color: #fffcf4;
}
.discover-split-image-night-reverse .text .links {
display: flex;
}
.discover-split-image-night-reverse .text .links .flex-link {
font-family: The-Hand-Black, sans-serif;
font-size: 2rem;
font-weight: 300;
}
.discover-split-image-night-reverse .text .links a:hover .squiggle {
stroke-dashoffset: 0;
}
.discover-split-image-night-reverse .text .links a:first-of-type {
margin-right: 55px;
}
#discover-tots-night {
position: relative;
padding-bottom: 150px;
}
#discover-tots-night .left-image {
position: absolute;
bottom: 0%;
left: 0;
pointer-events: none;
z-index: 1;
}
#discover-tots-night .right-image {
position: absolute;
right: 0;
top: 0;
pointer-events: none;
z-index: 1;
transform-origin: bottom right;
transform: scale(0) rotate(0deg);
height: 100%;
}
#discover-tots-night > .icon {
position: absolute;
right: 17%;
top: 0;
z-index: 2;
max-width: 8%;
}
.discover-tots-night {
text-align: center;
width: 50%;
margin: 0 auto;
padding: 150px 0;
}
.discover-tots-night p,
.discover-tots-night h3 {
color: #fffcf4;
}
#discover-stats-night {
position: relative;
padding-bottom: 200px;
}
.discover-stats-night {
display: flex;
justify-content: space-between;
text-align: center;
width: 90%;
margin: 0 auto;
}
.discover-stats-night h4 {
color: #fffcf4;
} @media screen and (max-width: 1900px) {
#discover-paper-slider {
height: auto;
padding-bottom: 100px;
}
.discover-paper-slider {
margin-top: 300px;
margin-bottom: 200px;
}
#discover-tots .right-image,
#discover-tots-night .right-image {
height: initial;
max-width: 23%;
}
.discover-paper-split {
bottom: initial;
top: calc(100% - 250px);
height: 700px;
width: 100%;
object-fit: cover;
z-index: 1;
}
#discover-tots .left-image {
bottom: 40%;
}
}
@media screen and (max-width: 1440px) {
} @media screen and (max-width: 1200px) {
.discover-hero-contents .spin-on-scroll,
.discover-hero-contents-night .spin-on-scroll {
display: none;
}
.discover-paper-slider {
margin-top: 200px;
margin-bottom: 100px;
}
.discover-split-image .text {
width: 45%;
}
#discover-split-image,
#discover-split-image-night {
margin-top: 50px;
}
.discover-hero-pattern {
display: none;
}
#discover-tots .left-image,
#discover-tots-night .left-image {
max-width: 22%;
}
}
@media screen and (max-width: 1112px) {
.discover-hero-contents .spin-on-scroll,
.discover-hero-contents-night .spin-on-scroll {
top: 100%;
}
} @media screen and (max-width: 992px) {
.discover-hero-contents h1 br,
.discover-hero-contents-night h1 br {
display: none !important;
}
.discover-split-image,
.discover-split-image-night {
flex-direction: column-reverse;
}
.discover-split-image .text,
.discover-split-image-night .text {
width: 100%;
}
.discover-split-image .image,
.discover-split-image-night .image {
width: 100%;
transform-origin: center;
margin-bottom: 50px;
}
.discover-hero-contents .spin-on-scroll,
.discover-hero-contents-night .spin-on-scroll {
left: initial;
right: 0;
}
.discover-tots,
.discover-tots-night {
padding: 0;
padding-top: 50px;
}
.discover-split-image-night-reverse {
display: block;
}
.discover-split-image-night-reverse .image {
width: 100%;
transform-origin: center;
margin-bottom: 50px;
}
.discover-split-image-night-reverse .text {
width: 100%;
}
.discover-paper-slider__single .text {
width: 60%;
}
#discover-paper-slider {
padding-top: 100px;
padding-bottom: 0;
}
#discover-split-image-night-reverse > .right-image {
bottom: 70%;
}
} @media screen and (max-width: 768px) {
#discover-tots .left-image,
#discover-tots-night .left-image {
bottom: 50%;
width: 30%;
}
.discover-paper-slider__single .text {
width: 60%;
}
}
@media screen and (max-width: 767px) {
.discover-hero-contents .text {
transform: rotate(0);
transform-origin: center;
}
#discover-hero,
#discover-hero-night {
margin-top: 0;
}
.discover-hero-contents h1,
.discover-hero-contents-night h2 {
font-size: 3rem;
}
.discover-hero-contents h4,
.discover-hero-contents-night h4 {
font-size: 2rem;
}
.discover-paper-slider__single .text {
width: 100%;
}
.discover-owl .owl-stage-outer {
padding: 0;
}
.discover-owl,
.discover-paper-slider__single .text {
transform: none;
}
#discover-tots .left-image,
#discover-tots-night .left-image {
display: none;
}
.discover-paper-split {
top: calc(100% - 150px);
height: 300px;
}
#discover-paper-slider > .right-image {
bottom: -10%;
}
.discover-tots,
.discover-tots-night {
width: 100%;
}
#discover-tots .right-image,
#discover-tots-night .right-image {
position: initial;
max-width: 100%;
width: 100%;
float: right;
}
#discover-tots > .icon,
#discover-tots-night > .icon,
#discover-split-image-night-reverse > .right-image {
display: none;
}
.discover-paper-slider {
margin-top: 100px;
}
.discover-split-image-night .image .info {
right: 10%;
}
.fade-night {
background-size: 100% auto, cover;
}
} @media screen and (max-width: 576px) {
} @media screen and (max-width: 320px) {
}