/*
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://storage.googleapis.com/yotako-fonts/CdnFonts/css/Inter.css");
 @import url("https://storage.googleapis.com/yotako-fonts/CdnFonts/css/DM%20Sans.css");
 @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;
   align-items: center;
   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;
   /* align-items if needed */
 }

 *[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;
 }

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

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

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

 .imageview_9273eee5bcbc {
   width: 218px;
   height: 44px;
 }

 .container_8e16ff5e5a83 {
   width: 100%;
   height: fit-content;
   justify-content: flex-start;
   align-items: center;
   gap: normal 10.57px;
   flex-direction: row;
 }

 .container_nested_8e16ff5e5a83 {
   width: 100%;
   height: fit-content;
   justify-content: flex-start;
   align-items: center;
   gap: normal 10.57px;
   flex-direction: row;
 }

 .text_f873fa6c1041 {
   width: 100%;
   line-height: 24px;
   word-wrap: break-word;
   opacity: 0.4000000059604645;
   font-family: 'Inter';
 }

 .text_6b0e1ae1882c {
   width: 100%;
   line-height: 56px;
   word-wrap: break-word;
   font-family: 'Inter';
 }

 .text_94dc509c389e {
   min-width: 290px;
   flex-grow: 1;
   flex-basis: 0px;
   line-height: 19.2px;
   word-wrap: break-word;
   opacity: 0.800000011920929;
   font-family: 'Inter';
 }

 .input_text_ec1483c7d774 {
   padding: 0 0 0 9.2px;
   width: 100%;
   height: fit-content;
   min-height: 48px;
   flex-grow: 1;
   flex-basis: 0px;
   z-index: 998;
   justify-content: flex-start;
   align-items: center;
   gap: normal 6.4px;
   flex-direction: row;
   color: #8d8d8d;
   font-family: 'Inter';
 }

 .wrapper_input_text_ec1483c7d774 {
   width: 100%;
   height: fit-content;
 }

 .input_text_ec1483c7d774::placeholder {
   min-width: 290px;
   flex-grow: 1;
   flex-basis: 0px;
   line-height: 19.2px;
   text-align: start;
   word-wrap: break-word;
   opacity: 0.800000011920929;
   color: #8d8d8d;
   font-family: 'Inter';
   letter-spacing: -0.5px;
 }

 .text_99aa454c5eaa {
   flex-grow: 1;
   flex-basis: 0px;
   line-height: 12.6px;
   word-wrap: break-word;
   font-family: 'Inter';
 }

 .button_955ae68d4c66 {
   padding: 19.5px 9.2px 19.5px 25px;
   height: fit-content;
   min-width: 150px;
   min-height: 48px;
   max-width: 150px;
   flex-grow: 1;
   flex-basis: 0px;
   justify-content: center;
   align-items: center;
   gap: normal 6.4px;
   flex-direction: row;
   background: url("https://cdn.yotako.io/16fcab2a-8bfe-4831-bae2-b4f09085d906/6343:300.webp");
   background-size: cover;
   background-repeat: no-repeat;
   border-radius: 8px 8px 8px 8px;
 }

 .button_link_955ae68d4c66 {
   display: flex;
   flex-direction: row;
   gap: normal 6.4px;
   align-items: center;
 }

 .container_6b419f23fe8f {
   padding: 0 12px 0 25px;
   width: 100%;
   height: fit-content;
   min-height: 62px;
   max-width: 490px;
   border-top: #ffffffff solid 0.8px;
   border-right: #ffffffff solid 0.8px;
   border-bottom: #ffffffff solid 0.8px;
   border-left: #ffffffff solid 0.8px;
   justify-content: flex-start;
   align-items: center;
   flex-direction: row;
   background: #e7e7e7;
   border-radius: 8px 8px 8px 8px;
   backdrop-filter: blur(112px);
 }

 .container_nested_6b419f23fe8f {
   padding: 0 12px 0 25px;
   width: 100%;
   height: fit-content;
   min-height: 62px;
   max-width: 490px;
   border-top: #ffffffff solid 0.8px;
   border-right: #ffffffff solid 0.8px;
   border-bottom: #ffffffff solid 0.8px;
   border-left: #ffffffff solid 0.8px;
   justify-content: flex-start;
   align-items: center;
   flex-direction: row;
   background: #e7e7e7;
   border-radius: 8px 8px 8px 8px;
   backdrop-filter: blur(112px);
 }

 .text_2956d368c2ab {
   flex-grow: 1;
   flex-basis: 0px;
   line-height: 13px;
   word-wrap: break-word;
   font-family: 'DM Sans';
 }

 .text-a061874e4c3f_2956d368c2ab {
   line-height: 13px;
   font-family: 'Inter';
 }

 .text-8566f9407df9_2956d368c2ab {
   line-height: 13px;
   font-family: 'Inter';
 }

 .text-5a83a86160ab_2956d368c2ab {
   line-height: 13px;
   font-family: 'Inter';
 }

 .container_1c972dc69adc {
   width: 100%;
   height: fit-content;
   max-width: 407px;
   justify-content: flex-start;
   align-items: flex-start;
   gap: normal 18px;
   flex-direction: row;
 }

 .container_676e68027bdc {
   width: 100%;
   height: fit-content;
   max-width: 490px;
   align-items: flex-start;
   justify-content: flex-start;
   gap: 30px normal;
   flex-direction: column;
 }

 .text_d4ed9de6bb26 {
   width: 100%;
   line-height: 12.6px;
   word-wrap: break-word;
   font-family: 'Inter';
 }

 
 .viewport_8b57eb459f66 {
   padding: 51.5px 70px 52px 70px;
   width: 100%;
   height: 100%;
   align-items: flex-start;
   justify-content: center;
   gap: 100px normal;
   flex-direction: column;
   background-size: cover;
   background-repeat: no-repeat;
 }