/*
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=Frijole: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/css2?family=DM+Serif+Display&family=Roboto&display=swap");
 @import url("https://fonts.googleapis.com/css?display=swap&family=Montserrat: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=Shadows+Into+Light: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;
   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_09f493964058 {
   width: 1031px;
   height: 125px;
   position: absolute !important;
   left: 502px;
   top: 655px;
 }

 .imageview_e7e063c66e5d {
   width: 1051px;
   height: 124px;
   z-index: 1;
   position: absolute !important;
   left: 452px;
   top: 674px;
 }

 .imageview_be718b87426a {
   width: 358px;
   height: 323px;
   z-index: 2;
   position: absolute !important;
   left: 101px;
   top: 91px;
 }

 .text_bd92edfc883e {
   width: max-content;
   z-index: 2;
   position: absolute !important;
   left: -210px;
   top: 448px;
   line-height: 113.07px;
   font-family: 'Frijole';
 }

 .container_d729c6d60ebc {
   position: absolute !important;
   width: 560px;
   height: 505px;
   z-index: 2;
   left: 680px;
   top: 231px;
 }

 .container_38a885791d38 {
   width: 1099px;
   height: 1099px;
   border-top: #b4b4b4ff solid 2px;
   border-right: #b4b4b4ff solid 2px;
   border-bottom: #b4b4b4ff solid 2px;
   border-left: #b4b4b4ff solid 2px;
   position: absolute !important;
   left: -640px;
   top: -812px;
   border-radius: 50% 50% 50% 50%;
 }

 .container_8c8d21225656 {
   width: 1099px;
   height: 1099px;
   z-index: 1;
   border-top: #b4b4b4ff solid 2px;
   border-right: #b4b4b4ff solid 2px;
   border-bottom: #b4b4b4ff solid 2px;
   border-left: #b4b4b4ff solid 2px;
   position: absolute !important;
   left: -640px;
   top: -853px;
   border-radius: 50% 50% 50% 50%;
 }

 .container_12f60edbf1a9 {
   width: 1099px;
   height: 1099px;
   z-index: 2;
   border-top: #404040ff solid 2px;
   border-right: #404040ff solid 2px;
   border-bottom: #404040ff solid 2px;
   border-left: #404040ff solid 2px;
   position: absolute !important;
   left: 1443px;
   top: 646px;
   border-radius: 50% 50% 50% 50%;
 }

 .container_50840dc3a32d {
   width: 1099px;
   height: 1099px;
   z-index: 3;
   border-top: #404040ff solid 2px;
   border-right: #404040ff solid 2px;
   border-bottom: #404040ff solid 2px;
   border-left: #404040ff solid 2px;
   position: absolute !important;
   left: 1467px;
   top: 646px;
   border-radius: 50% 50% 50% 50%;
 }

 .text_36b8c50ef3ba {
   width: max-content;
   z-index: 3;
   position: absolute !important;
   left: 0px;
   top: 896px;
   line-height: 164.09px;
   font-family: 'Frijole';
 }

 .text_cee7f1605354 {
   width: max-content;
   z-index: 3;
   position: absolute !important;
   left: 432px;
   top: 82px;
   line-height: 164.09px;
   font-family: 'Frijole';
 }

 .text_b87063789109 {
   width: max-content;
   z-index: 4;
   position: absolute !important;
   left: 0px;
   top: 798px;
   line-height: 164.09px;
   font-family: 'Frijole';
 }

 .text_64e4273331d9 {
   width: max-content;
   z-index: 4;
   position: absolute !important;
   left: 432px;
   top: -16px;
   line-height: 164.09px;
   font-family: 'Frijole';
 }

 .viewport_b40b7edc8f68 {
   width: 1920px;
   height: 1018px;
   overflow-x: hidden;
   overflow-y: hidden;
   background: linear-gradient(180deg, #1f1f1fff 0%, #101010ff 100%);
 }

 .imageview_12e74a049bfa {
   width: 526px;
   height: 624px;
   position: absolute !important;
   left: 1394px;
   top: -567px;
 }

 .imageview_6a734608c0a8 {
   width: 1926px;
   height: 963px;
   position: absolute !important;
   left: -6px;
   top: 2016px;
 }

 .container_836fec3b0f13 {
   width: 1920px;
   height: 972px;
   z-index: 1;
   position: absolute !important;
   left: 0px;
   top: 1045px;
   background: #d9d9d9;
 }

 .imageview_871b997a43ff {
   width: 2815px;
   height: 1474px;
   z-index: 2;
   position: absolute !important;
   left: -551px;
   top: 586px;
 }

 .imageview_adb6fef1ba4f {
   width: 1920px;
   height: 127.81px;
   z-index: 3;
   position: absolute !important;
   left: -20px;
   top: 844.82px;
 }

 .imageview_d2d9c339936a {
   width: 1901px;
   height: 1052px;
   z-index: 4;
   position: absolute !important;
   left: 19px;
   top: -55px;
   opacity: 0.33000001311302185;
 }

 .imageview_9a841ebea6eb {
   width: 540px;
   height: 800px;
   z-index: 5;
   position: absolute !important;
   left: 491px;
   top: 79px;
 }

 .imageview_d3651f50da31 {
   width: 540px;
   height: 800px;
   z-index: 5;
   position: absolute !important;
   left: 1065px;
   top: 79px;
 }

 .imageview_ecc92ee37490 {
   width: 540px;
   height: 800px;
   z-index: 5;
   position: absolute !important;
   left: 1637px;
   top: 79px;
 }

 .imageview_ba0833d7e44b {
   width: 641px;
   height: 189.8px;
   z-index: 6;
   position: absolute !important;
   left: 69px;
   top: 459px;
 }

 .container_651422c2a729 {
   width: 691px;
   height: 687px;
   z-index: 3;
   position: absolute !important;
   left: 615px;
   top: 1271px;
   background: #2f2e2e;
 }

 .container_ee23446d8cfb {
   width: 395px;
   height: 393px;
   z-index: 3;
   position: absolute !important;
   left: 1341px;
   top: 1418px;
   background: #2f2e2e;
 }

 .container_1e57f40f0144 {
   width: 395px;
   height: 393px;
   z-index: 3;
   position: absolute !important;
   left: 185px;
   top: 1418px;
   background: #2f2e2e;
 }

 .text_647c9431daf8 {
   width: 1171px;
   height: 182px;
   z-index: 7;
   position: absolute !important;
   left: 86px;
   top: 448px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 92.67px;
   word-wrap: break-word;
   font-family: 'Roboto';
 }

 .imageview_78e676093816 {
   width: 29.71px;
   height: 999.15px;
   z-index: 3;
   position: absolute !important;
   left: -108.69px;
   top: 56.19px;
 }

 .imageview_5a48e5601e5a {
   width: 29.71px;
   height: 999.15px;
   z-index: 4;
   position: absolute !important;
   left: -108.69px;
   top: 56.19px;
 }

 .text_95fc9c46db09 {
   width: 819px;
   z-index: 1;
   position: absolute !important;
   left: 924px;
   top: 2278px;
   line-height: 31.21px;
   word-wrap: break-word;
   font-family: 'Roboto';
 }

 .imageview_7c058b92726c {
   width: 29.71px;
   height: 980.98px;
   z-index: 3;
   position: absolute !important;
   left: -108.69px;
   top: 1998px;
 }

 .imageview_38264799aac0 {
   width: 31.45px;
   height: 1013.37px;
   z-index: 5;
   position: absolute !important;
   left: -107px;
   top: 1021.69px;
 }

 .text_6e81e08902a3 {
   width: 332px;
   height: 64px;
   z-index: 5;
   position: absolute !important;
   left: 84px;
   top: 659px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 41.86px;
   word-wrap: break-word;
   font-family: 'Roboto';
 }

 .imageview_fd5093a93fef {
   width: 386px;
   height: 74.68px;
   z-index: 5;
   position: absolute !important;
   left: 84px;
   top: 879px;
 }

 .imageview_18e589460f51 {
   width: 1039px;
   height: 118.07px;
   z-index: 3;
   position: absolute !important;
   left: 448px;
   top: 1150px;
 }

 .text_855cf04a945e {
   width: 315px;
   height: 32px;
   z-index: 6;
   position: absolute !important;
   left: 131px;
   top: 890px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 37.65px;
   word-wrap: break-word;
   font-family: 'Montserrat';
 }

 .imageview_ef62e750b5cf {
   width: 526px;
   height: 75px;
   z-index: 1;
   position: absolute !important;
   left: 1069px;
   top: 2737px;
 }

 .text_7ea0fca59804 {
   width: 468px;
   height: 32px;
   z-index: 2;
   position: absolute !important;
   left: 1102px;
   top: 2747px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 37.65px;
   word-wrap: break-word;
   font-family: 'Montserrat';
 }

 .imageview_31b8122a4666 {
   width: 290px;
   height: 74.68px;
   z-index: 5;
   position: absolute !important;
   left: 1630px;
   top: 890px;
 }

 .text_76a211e49cd5 {
   width: 193px;
   height: 35px;
   z-index: 6;
   position: absolute !important;
   left: 1686px;
   top: 886px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 64.4px;
   word-wrap: break-word;
   font-family: 'Roboto';
 }

 .text_0f4332061fea {
   width: max-content;
   z-index: 8;
   position: absolute !important;
   left: 480px;
   top: 581px;
   line-height: 147.79px;
   font-family: 'Shadows Into Light';
 }

 .text_cf593c5faf9a {
   width: max-content;
   z-index: 1;
   position: absolute !important;
   left: 1045px;
   top: 2113px;
   line-height: 147.79px;
   font-family: 'Shadows Into Light';
 }

 .text_4eddb24c2530 {
   width: max-content;
   z-index: 4;
   position: absolute !important;
   left: 482px;
   top: 1143px;
   line-height: 113.07px;
   font-family: 'Frijole';
 }

 .imageview_0d6ada7cf8f7 {
   width: 691px;
   height: 687px;
   z-index: 4;
   position: absolute !important;
   left: 430px;
   top: 0px;
 }

 .imageview_f2221081bdb2 {
   width: 395px;
   height: 393px;
   z-index: 4;
   position: absolute !important;
   left: 1156px;
   top: 147px;
   opacity: 0.25;
 }

 .imageview_adb7a5991a91 {
   width: 395px;
   height: 393px;
   z-index: 4;
   position: absolute !important;
   left: 0px;
   top: 147px;
   opacity: 0.25;
 }

 .container_89c69095d331 {
   position: absolute !important;
   width: 1551px;
   height: 687px;
   z-index: 4;
   left: 185px;
   top: 1271px;
 }

 .container_a6bc1e0f0cff {
   width: 1920px;
   height: 81px;
   z-index: 6;
   position: absolute !important;
   left: 0px;
   top: 0px;
   background: #000000;
 }

 .text_e20fdbfdf5ee {
   width: 79px;
   height: 19.91px;
   z-index: 7;
   position: absolute !important;
   left: 997px;
   top: 30.89px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 29.26px;
   word-wrap: break-word;
   font-family: 'Montserrat';
 }

 .text_1bb10fef26c5 {
   width: 194px;
   height: 19.91px;
   z-index: 7;
   position: absolute !important;
   left: 1140px;
   top: 30.89px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 29.26px;
   word-wrap: break-word;
   font-family: 'Montserrat';
 }

 .text_f2a0d38ef895 {
   width: 85px;
   height: 19.91px;
   z-index: 7;
   position: absolute !important;
   left: 1680px;
   top: 30.89px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 29.26px;
   word-wrap: break-word;
   font-family: 'Montserrat';
 }

 .text_c1ccf998d0d0 {
   width: 238px;
   height: 19.91px;
   z-index: 7;
   position: absolute !important;
   left: 1388px;
   top: 30.89px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 29.26px;
   word-wrap: break-word;
   font-family: 'Montserrat';
 }

 .container_dc613d62ab4e {
   position: absolute !important;
   width: 1920px;
   height: 81px;
   z-index: 6;
   left: 0px;
   top: 0px;
 }

 .text_78795c0e5c93 {
   width: 75px;
   height: 34px;
   z-index: 7;
   position: absolute !important;
   left: 0px;
   top: 0px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 38.64px;
   word-wrap: break-word;
   font-family: 'Roboto';
 }

 .text_565ba4256160 {
   width: 154px;
   height: 34px;
   z-index: 7;
   position: absolute !important;
   left: 157px;
   top: 0px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 38.64px;
   word-wrap: break-word;
   font-family: 'Roboto';
 }

 .text_b4a7981609f7 {
   width: 178px;
   height: 34px;
   z-index: 7;
   position: absolute !important;
   left: 374px;
   top: 0px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 38.64px;
   word-wrap: break-word;
   font-family: 'Roboto';
 }

 .text_ca3305336610 {
   width: 61px;
   height: 34px;
   z-index: 7;
   position: absolute !important;
   left: 626px;
   top: 0px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 38.64px;
   word-wrap: break-word;
   font-family: 'Roboto';
 }

 .container_d6397e21f2b7 {
   position: absolute !important;
   width: 687px;
   height: 34px;
   z-index: 7;
   left: 1065px;
   top: 23px;
 }

 .imageview_0d6f094e5ded {
   width: 64px;
   height: 57px;
   z-index: 7;
   position: absolute !important;
   left: 172px;
   top: 10px;
 }

 .container_984aeba1faa9 {
   position: absolute !important;
   width: 1920px;
   height: 81px;
   z-index: 6;
   left: 0px;
   top: 0px;
 }

 .container_nested_984aeba1faa9 {
   width: 1920px;
   height: 81px;
   z-index: 6;
 }

 .imageview_f077e4fc867e {
   width: 609px;
   height: 759px;
   z-index: 1;
   position: absolute !important;
   left: 167px;
   top: 2113px;
 }

 .viewport_a86abe664628 {
   width: 1920px;
   height: 2979px;
   overflow-x: hidden;
   overflow-y: hidden;
   background: linear-gradient(180deg, #272727ff 0%, #1b1b1bff 13%);
 }