/*
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?display=swap&family=Black+Ops+One:ital,wght@0,100,200,300,400,500,600,700,800,900;1,100,200,300,400,500,600,700,800,900");
 @import url("https://fonts.googleapis.com/css?display=swap&family=Cabin:ital,wght@0,100,200,300,400,500,600,700,800,900;1,100,200,300,400,500,600,700,800,900");
 @import url("https://fonts.googleapis.com/css?display=swap&family=Dosis:ital,wght@0,100,200,300,400,500,600,700,800,900;1,100,200,300,400,500,600,700,800,900");
 @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;
 }

 .container_97ba18781155 {
   width: 1600px;
   height: 960px;
   position: absolute !important;
   left: 0px;
   top: 0px;
   background: radial-gradient(closest-side at 82% 54%, #313030ff 2%, #020202ff 56.00000000000001%);
 }

 .imageview_c68e193c4741 {
   width: 691px;
   height: 474px;
   z-index: 1;
   position: absolute !important;
   left: 1451px;
   top: 135px;
   transform: scale(-1, 1);
   transform-origin: 0 0;
   _scaling-factor: 0.5;
 }

 .imageview_c68e193c4741 img {
   filter: contrast(1.364406779408455) saturate(1.3135593235492706);
 }

 .imageview_b91de66f238d {
   width: 703.64px;
   height: 70.4px;
   z-index: 1;
   position: absolute !important;
   left: 849.23px;
   top: 708.95px;
 }

 .imageview_b91de66f238d img {
   position: absolute;
   width: 789.6px !important;
   height: 156.4px !important;
   max-width: none !important;
   left: -43.0px;
   top: -43.0px;
 }

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

 .imageview_8f76e377cdae {
   width: 130.02px;
   height: 122.9px;
   z-index: 2;
   position: absolute !important;
   left: 1405px;
   top: 406px;
 }

 .imageview_8f76e377cdae img {
   width: 100%;
   height: 100%;
 }

 .container_ce3c0271c0cd {
   width: 167px;
   height: 59px;
   z-index: 1;
   position: absolute !important;
   left: 250px;
   top: 733px;
   background: #585b61;
   border-radius: 34px 34px 34px 34px;
 }

 .container_1628da1588c2 {
   width: 171px;
   height: 960px;
   z-index: 1;
   position: absolute !important;
   left: 0px;
   top: 0px;
   background: #303236;
 }

 .text_2befbde9eb27 {
   width: max-content;
   z-index: 2;
   position: absolute !important;
   left: 250px;
   top: 118px;
   line-height: 252.19px;
   font-family: 'Black Ops One';
 }

 .text_2e07878aea26 {
   width: 411px;
   height: 30px;
   z-index: 3;
   position: absolute !important;
   left: 250px;
   top: 281px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 78.81px;
   word-wrap: break-word;
   font-family: 'Cabin';
 }

 .text_d751b39b40b0 {
   width: 411px;
   height: 108px;
   z-index: 2;
   position: absolute !important;
   left: 263px;
   top: 745px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 36.7px;
   word-wrap: break-word;
   font-family: 'Cabin';
 }

 .text_ff7b4a17d5e4 {
   width: 664px;
   height: 110px;
   z-index: 2;
   position: absolute !important;
   left: 250px;
   top: 419px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 94.57px;
   word-wrap: break-word;
   font-family: 'Dosis';
 }

 .text_5fd93a6eabd4 {
   width: 569px;
   height: 200px;
   z-index: 3;
   position: absolute !important;
   left: 250px;
   top: 518px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 27.58px;
   word-wrap: break-word;
   font-family: 'Cabin';
 }

 .text_2894b16d09c3 {
   width: max-content;
   z-index: 1;
   position: absolute !important;
   left: 609px;
   top: 30px;
   line-height: 39.4px;
   font-family: 'Cabin';
 }

 .text_c1ed2f39af4f {
   width: max-content;
   z-index: 2;
   transform: rotate(-90deg);
   transform-origin: 0 0;
   position: absolute !important;
   left: 85px;
   top: 766px;
   line-height: 47.29px;
   font-family: 'Cabin';
 }

 .imageview_7adfae5a2566 {
   width: 102px;
   height: 36px;
   z-index: 2;
   position: absolute !important;
   left: 47px;
   top: 57px;
 }

 .imageview_7adfae5a2566 img {
   width: 100%;
   height: 100%;
 }

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