 /*
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("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 .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;
 }

 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;
   padding: 0 !important;
 }

 .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%
 }

 .container_7b9ee7b52c8d {
   width: 1700px;
   height: 1063px;
   position: absolute !important;
   left: 0px;
   top: 0px;
   background: #ffffff;
 }

 .imageview_289980257a34 {
   width: 4252px;
   height: 1063px;
   z-index: 1;
   position: absolute !important;
   left: -1276.27px;
   top: 0.04px;
 }

 .container_8febaada7bc7 {
   position: absolute !important;
   width: 1700px;
   height: 1063px;
   left: 0px;
   top: 0px;
   overflow-x: hidden;
   overflow-y: hidden;
 }

 .imageview_2f86cdb88df7 {
   width: 69px;
   height: 69px;
   z-index: 1;
   position: absolute !important;
   left: 0px;
   top: 0px;
 }

 .container_5753d277111e {
   position: absolute !important;
   width: 69.17px;
   height: 69.17px;
   z-index: 1;
   left: 173px;
   top: 33.04px;
 }

 .imageview_cc3391015b8e {
   width: 560px;
   height: 358px;
   z-index: 1;
   position: absolute !important;
   left: 0px;
   top: 0px;
 }

 .container_adc9b18ce91d {
   position: absolute !important;
   width: 559.58px;
   height: 358.13px;
   z-index: 1;
   left: 961.53px;
   top: 197.9px;
 }

 .imageview_9749a429f66b {
   width: 1040.16px;
   height: 1px;
   z-index: 1;
   position: absolute !important;
   left: 328.02px;
   top: 597.96px;
 }

 .imageview_e13b4a267539 {
   width: 641px;
   height: 115px;
   z-index: 1;
   position: absolute !important;
   left: 0px;
   top: 0px;
 }

 .container_53ee1fd56ad2 {
   position: absolute !important;
   width: 640.77px;
   height: 114.53px;
   z-index: 1;
   left: 611.32px;
   top: 35.48px;
 }

 .text_91ec897500bd {
   width: 256px;
   height: 55px;
   z-index: 2;
   position: absolute !important;
   left: 0.11px;
   top: -4.49px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 56px;
   word-wrap: break-word;
   font-family: 'Open Sans';
 }

 .container_a541b2d53269 {
   position: absolute !important;
   width: 109.17px;
   height: 47.97px;
   z-index: 2;
   left: 1094.62px;
   top: 70.53px;
 }

 .text_258190453ba6 {
   width: 793px;
   height: 312px;
   z-index: 1;
   position: absolute !important;
   left: 0px;
   top: 14px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 36px;
   word-wrap: break-word;
   font-family: 'Open Sans';
 }

 .container_3fd3dfa8787e {
   position: absolute !important;
   width: 793px;
   height: 199px;
   z-index: 1;
   left: -64px;
   top: 22px;
 }

 .container_e5ef66d12717 {
   position: absolute !important;
   width: 522px;
   height: 309px;
   z-index: 1;
   left: 207.73px;
   top: 184.04px;
 }

 .text_73ec16b24fc0 {
   width: 785px;
   height: 225px;
   z-index: 1;
   position: absolute !important;
   left: -86px;
   top: -223px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 33px;
   word-wrap: break-word;
   font-family: 'Open Sans';
 }

 .text-70ade141a847_73ec16b24fc0 {
   line-height: 33px;
   font-family: 'Open Sans';
 }

 .text-e800b0465e04_73ec16b24fc0 {
   line-height: 33px;
   font-family: 'Open Sans';
 }

 .container_eca4cc70e484 {
   position: absolute !important;
   width: 1358px;
   height: 2px;
   z-index: 1;
   left: 0px;
   top: -36px;
 }

 .container_1dbef5e0f2ca {
   position: absolute !important;
   width: 1306px;
   height: 1px;
   z-index: 1;
   left: 228.73px;
   top: 587.04px;
 }

 .viewport_a5d3fb594320 {
   width: 1700px;
   height: 1063px;
   overflow-x: hidden;
   overflow-y: hidden;
   background: #ffffff;
 }