/*
Theme Name: Yotako
Author: Yotako team
Author URI: https://yotako.io/
Description: Design in Figma or AdobeXD. Publish in WordPress. The Figma/Adobe XD to WordPress plugin by Yotako is the fastest way of converting your beautiful design into a fully functional WordPress website in a few clicks without writing a single line of code! Get your custom domain, professional email, and world-class secure hosting, without the hassle.
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 5.6
Version: 2.0.0
License: © Yotako 2016-2024
License URI:  https://yotako.io/
Tags: figma-to-wordpress, adobe-xd-to-wordpress, xd-to-wordpress, design-to-code, seamless-transition, design-to-wordpress
Yotako WordPress Theme, (C) 2024 Yotako.io
*/
 @import url("https://fonts.googleapis.com/css?family=Inter:ital,wght@0,100,200,300,400,500,600,700,800,900;1,100,200,300,400,500,600,700,800,900&display=swap");
 @import url("https://fonts.googleapis.com/css?family=Instrument+Serif:ital,wght@0,100,200,300,400,500,600,700,800,900;1,100,200,300,400,500,600,700,800,900&display=swap");
 @import url("style-browsers-support.css");

 body,
 html {
   margin: 0;
   padding: 0;
 }

 * {
   box-sizing: border-box;
 }

 .centerlize {
   margin: 0 auto;
 }

 .relative {
   position: relative;
 }

 p,
 a,
 h1,
 h2,
 h3 {
   margin: 0;
   color: unset;
   text-decoration: none;
 }

 button {
   background: none;
   color: inherit;
   border: none;
   padding: 0;
   font: inherit;
   cursor: pointer;
   outline: inherit;
 }

 .yk_post_content p {
   margin: revert;
 }

 .yk_input_wrapper {
   position: relative;
   width: 100%;
 }

 .yk_input_wrapper>div {
   /* position:relative; */
   /* height:100% */
 }

 .yk_input_wrapper>.block-editor-inner-blocks {
   position: absolute;
   top: 0
 }

 .has-text-align-right {
   text-align: right !important;
 }

 .has-text-align-left {
   text-align: left !important;
 }

 .has-text-align-center {
   text-align: center !important;
 }

 .has-background {
   padding: initial !important;
 }

 body .yk_input_wrapper input::placeholder {
   text-align: start;
 }

 body .yk_transparent {
   background: transparent !important;
 }

 body .yt_text_background {
   background-size: 100%;
   -webkit-background-clip: text;
   -moz-background-clip: text;
   -webkit-text-fill-color: transparent;
   -moz-text-fill-color: transparent;
 }

 body .yt_text_vertical_center {
   display: flex;
   justify-content: center;
   flex-direction: column;
   word-wrap: anywhere;
 }

 body .yt_text_vertical_bottom {
   display: flex;
   justify-content: flex-end;
   flex-direction: column;
   word-wrap: anywhere;
 }

 body .yt_custom_select_arrow {
   background-position-x: 95% !important;
   -webkit-appearance: none;
   appearance: none;
   padding: 10px;
 }

 body .yt_cover_size {
   object-fit: cover;
   height: inherit;
 }

 .yt_full_size {
   width: 100%;
   height: 100%;
 }

 body .wp-block-video video {
   width: 100%;
 }

 [class^="container_"],
 [class*=" container_"],
 [class^="button_"],
 [class*=" button_"] {
   display: flex;
 }

 [class^="grid_"],
 [class*=" grid_"] {
   display: grid;
 }

 [class^="vp_"],
 [class*=" vp_"] {
   display: flex;
   flex-direction: column;
 }

 *[onclick] {
   cursor: pointer;
 }

 input {
   padding: 0 10px;
 }

 .wp-block-image {
   margin: unset;
   padding: unset;
 }

 .wp-block-image img {
   vertical-align: top;
   border-radius: inherit;
   width: 100%;
 }

 .wp-block-yotako-block-input-text {
   position: relative;
   background: transparent;
   border: none;
 }

 .wp-block-image .components-resizable-box__container {
   max-width: unset !important;
 }

 .yt-post-template {
   justify-content: space-between !important;
 }

 body .yt-post-card {
   position: relative !important;
 }

 body .yt_fill_size {
   height: fit-content !important;
   min-height: 100vh !important;
 }

 /* Reset ALL WordPress block margins and gaps */
 .wp-site-blocks,
 .wp-site-blocks>*,
 .wp-site-blocks * {
   margin-block-start: 0 !important;
   margin-block-end: 0 !important;
 }

 :where(body .is-layout-flow)>* {
   margin-block-start: 0 !important;
   margin-block-end: 0 !important;
 }

 /* Ensure yotako containers don't inherit WordPress block gap */
 .yotako-main,
 .yotako-main * {
   margin-block-start: 0 !important;
   margin-block-end: 0 !important;
 }

 /* Remove WordPress default block gap */
 .wp-site-blocks {
   --wp--style--block-gap: 0 !important;
   gap: 0 !important;
 }

 /* Prevent extra space after last child in flex containers */
 [class^="viewport_"]:after,
 [class*=" viewport_"]:after {
   content: none !important;
 }

 .wp-block-yotako-block-form {
   display: none;
 }

 .yt-full-width {
   width: 100%;
 }

 /* Map with overlay support */
 .yotako-map-container {
   position: relative;
   width: 100%;
   height: 100%;
 }

 .yotako-map-container .yotako-map-iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0;
 }

 .yotako-map-container .yotako-map-overlay {
   position: relative;
   z-index: 1;
   pointer-events: auto;
 }

 .yotako-map-container .yotako-map-overlay * {
   pointer-events: auto;
 }

 /* FAQ Accordion */
 .yotako-faq {
   width: 100%;
 }

 .yotako-faq-item {
   overflow: hidden;
 }

 .yotako-faq-item .yotako-faq-question {
   cursor: pointer;
   user-select: none;
 }

 .yotako-faq-item .yotako-faq-answer {
   /* Height controlled by JavaScript for smooth animation */
   overflow: hidden;
 }

 .yotako-faq-item .yotako-faq-arrow-open {
   display: none;
 }

 .yotako-faq-item .yotako-faq-arrow-close {
   display: block;
 }

 .yotako-faq-item.open .yotako-faq-arrow-open {
   display: block;
 }

 .yotako-faq-item.open .yotako-faq-arrow-close {
   display: none;
 }

 /* Carousel */
 .yotako-carousel {
   position: relative;
   overflow: hidden;
 }

 .yotako-carousel-inner {
   position: relative;
   width: 100%;
 }

 .yotako-carousel-item {
   display: none;
   width: 100%;
 }

 .yotako-carousel-item.active {
   display: block;
 }

 .yotako-carousel-prev,
 .yotako-carousel-next {
   cursor: pointer;
   user-select: none;
 }

 .yotako-carousel-indicators {
   display: flex;
   justify-content: center;
   gap: 8px;
 }

 .yotako-carousel-indicator {
   cursor: pointer;
   opacity: 0.5;
   transition: opacity 0.3s;
 }

 .yotako-carousel-indicator.active {
   opacity: 1;
 }

 /* Dropdown */
 .yotako-dropdown {
   position: relative;
 }

 .yotako-dropdown-trigger {
   cursor: pointer;
   user-select: none;
 }

 .yotako-dropdown-content {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 100;
   display: none;
   min-width: 100%;
 }

 .yotako-dropdown.open .yotako-dropdown-content {
   display: block;
 }

 .yotako-dropdown-option {
   cursor: pointer;
 }

 .yotako-dropdown-arrow {
   transition: transform 0.3s;
 }

 .yotako-dropdown.open .yotako-dropdown-arrow {
   transform: rotate(180deg);
 }

 /* Accessibility - Focus styles */
 .yotako-faq-item .yotako-faq-question:focus,
 .yotako-faq-item .yotako-faq-question:focus-visible,
 .yotako-carousel-prev:focus,
 .yotako-carousel-prev:focus-visible,
 .yotako-carousel-next:focus,
 .yotako-carousel-next:focus-visible,
 .yotako-carousel-indicator:focus,
 .yotako-carousel-indicator:focus-visible,
 .yotako-dropdown:focus,
 .yotako-dropdown:focus-visible,
 .yotako-dropdown-option:focus,
 .yotako-dropdown-option:focus-visible {
   outline: 2px solid currentColor;
   outline-offset: 2px;
 }

 /* Screen reader only content */
 .yotako-sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border: 0;
 }

 .imageview_ff0911613681 {
   width: 2356px;
   height: 1268px;
   position: absolute !important;
   left: -160px;
   top: 0px;
   _scaling-factor: 1;
   opacity: 0.9200000166893005;
 }

 .imageview_ff0911613681.wp-block-image {
   width: 1600px !important;
   height: 960px !important;
   left: 0px !important;
   top: 0px !important;
   overflow: hidden;
 }

 .imageview_ff0911613681 img {
   width: 100% !important;
   height: 100% !important;
   object-fit: cover;
   object-position: left top;
   max-width: none !important;
 }

 .imageview_4250333732a5 {
   width: 2508px;
   height: 1993px;
   z-index: 1;
   position: absolute !important;
   left: -864px;
   top: -725px;
 }

 .imageview_4250333732a5.wp-block-image {
   position: relative;
   overflow: visible;
 }

 .imageview_4250333732a5 img {
   position: absolute;
   width: 1600.0px !important;
   height: 960.0px !important;
   max-width: none !important;
   left: 864.0px;
   top: 725.0px;
 }

 .container_8346acfb0fe3 {
   width: 1657px;
   height: 1657px;
   z-index: 2;
   position: absolute !important;
   left: 0px;
   top: 0px;
   background: #4040407d;
   backdrop-filter: blur(5.1px);
   -webkit-font-smoothing: antialiased;
 }

 .imageview_c2150f3e3510 {
   width: 1600px;
   height: 960px;
   z-index: 3;
   position: absolute !important;
   left: 0px;
   top: 0px;
   _scaling-factor: 1;
   mix-blend-mode: overlay;
   opacity: 0.5;
 }

 .imageview_c2150f3e3510 img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .text_913458ad3d6b {
   width: max-content;
   z-index: 4;
   position: absolute !important;
   left: 51px;
   top: 61px;
   line-height: 200px;
   filter: drop-shadow(0px 12px 64px #0000003d) drop-shadow(0px 4px 8px #0000001f);
   font-family: 'Inter';
 }

 .text-9df964818aa6_913458ad3d6b {
   line-height: 200px;
   font-family: 'Inter';
 }

 .text-04c50cb65018_913458ad3d6b {
   line-height: 200px;
   font-family: 'Inter';
 }

 .text-c9645461a925_913458ad3d6b {
   line-height: 200px;
   font-family: 'Inter';
 }

 .text-1b6ecd75333d_913458ad3d6b {
   line-height: 200px;
   font-family: 'Inter';
 }

 .text_e6626f914ff0 {
   width: max-content;
   z-index: 5;
   -webkit-text-stroke: 0.93px #ffffff3d;
   position: absolute !important;
   left: 534px;
   top: 212px;
   line-height: 287.73px;
   filter: drop-shadow(0px 0px 0px #ff5466ff) drop-shadow(0px 0px 29.91px #ff5466a3) drop-shadow(0px 0px 7.48px #a32734a3);
   font-family: 'Instrument Serif';
 }

 .viewport_d4c220bf7519 {
   width: 1600px;
   height: 960px;
   overflow-x: hidden;
   overflow-y: hidden;
   background: #000000;
 }