/*
Theme Name: Sudachi Theme
Theme URI: https://sudachirecipes.com
Description: This is the Sudachi Theme developed by Meyne designed by Weller Smith Design
Author: Meyne
Author URI: https://meyne.co/
Version: 1.0.0
Template: genesis
Text Domain: sudachi-theme
*/

/* Import
---------------------------------------------------------------------------- */

@font-face {
	font-display: swap; 
	font-family: 'Gloock';
	font-style: normal;
	font-weight: 400;
	src: url('https://sudachirecipes.com/wp-content/themes/sudachi-theme/css/fonts/gloock-v6-cyrillic-ext_latin_latin-ext-regular.woff2') format('woff2');
  }
  
  /* Variables
  ---------------------------------------------------------------------------- */
  :root {
	  --primary: #465c2d;
	  --secondary: #d6d6d5;
	  --tertiary: #f3f3f2;
	  --highlight: #c2491e;
	  --highlight-darker: #9F3D19;
	  --dark: #3e3648;
	  --light: #f4f7eb;
	  --system-sans: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
	  --system-serif: Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', -apple-system-ui-serif, ui-serif, Apple Garamond, Baskerville, Times New Roman, Times, serif;
	  --accent: Gloock, Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', -apple-system-ui-serif, ui-serif, Apple Garamond, Baskerville, Times New Roman, Times, serif;
	  --wp--preset--font-size--small: 18px;
  }
  
  /* HTML5 Reset
  ---------------------------------------------------------------------------- */
  
  /* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
  ---------------------------------------------------------------------------- */
  /* stylelint-disable */
  html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:var(--system-sans);font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
  /* stylelint-enable */
  
  /* Box Sizing
  --------------------------------------------- */
  
  html {
	  box-sizing: border-box;
  }
  
  *,
  *::before,
  *::after {
	  box-sizing: inherit;
  }
  
  /* Float Clearing
  --------------------------------------------- */
  
  .author-box::before, .clearfix::before, .entry::before, .entry-content::before, .footer-widgets::before, .pagination::before, .site-container::before, .site-footer::before, .site-header::before, .site-inner::before, .widget::before, .wrap::before {
	  content: " ";
	  display: table;
  }
  
  .clearfix::after, .entry::after, .entry-content::after, .footer-widgets::after, .pagination::after, .site-container::after, .site-footer::after, .site-header::after, .site-inner::after, .widget::after, .wrap::after { 
	  clear: both;
	  content: " ";
	  display: table;
  }
  
  /* Objects
  --------------------------------------------- */
  
  embed,
  iframe,
  img,
  object,
  video,
  .wp-caption {
	  max-width: 100%;
  }
  
  img {
	  height: auto;
	  vertical-align: top;
  }
  
  figure {
	  margin: 0 0 16px;
  }
  
  figcaption {
	  font-family:var(--system-sans);
	  font-weight: bold;
  }
  
  .alignwide,
  .alignfull {
	  margin: 32px calc(50% - 50vw);
	  max-width: 100vw;
	  width: 100vw;
	  padding: 0 24px;
  }
  
  a img:hover {
	  opacity: .7;
  }
  
  .wp-block-separator {
	  border: none !important;
	  border-left: none;
	  border-right: none;
	  box-shadow: none;
	  height: 1px;
	  background: var(--dark);
  }
  
  /* Search */
  
  .wp-block-search__button svg {
	  transform: scaleX(-1);
  }
  
  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,
  .wp-block-search__button {
	  border: none;
  }
  
  .custom-search {
	  float: right;
	  position: relative;
	  max-width: 40px;
	  top: -55px;
  }
  
  .custom-search .wp-block-search__button svg {
	  fill: var(--primary);
	  min-width: 25px;
	  min-height: 25px;   
  }
  
  .custom-search button {
	  background: transparent;
	  margin: -6px;
	  position: absolute;
  }
  
  .custom-search button:focus {
	  outline: none;
  }
  
  .custom-search input {
	  background-color: transparent !important;
	  position: absolute;
	  min-width: 30px !important;
	  max-width: 40px !important;
	  z-index: 1;
  }
  
  .custom-search input[type="search"]:focus {
	  background-color: var(--light) !important;
	  cursor: text;
	  left: -185px;
	  max-width: 200px !important;
	  outline: 0;
	  padding: 10px 7px;
	  position: absolute;
  }
  
  
  /* Typography
  --------------------------------------------- */
  
html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

body {
	color: var(--dark);
	font-family: var(--system-serif);
	font-size: 18px;
	letter-spacing: .04em;
	line-height: 1.5;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6 .h6 {
	font-family: var(--accent);
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 20px;
}

a {
	color: var(--dark);
}

.latest-post-description .h3 a:hover,
a.entry-title-link:hover,
.sidebar-video h3:hover,
.facetwp-template .h3 a:hover {
	text-decoration: underline;
	text-decoration-color: var(--light);
	text-decoration-thickness: 4px;
	text-underline-offset: 5px;
}

.has-highlight-color a {
	text-decoration: none;
}

.category-header-image .latest-post-description .h3 a {
	margin-bottom: 5px;
	display: inline-block;
}

.browse-all a:hover,
.author-box a:hover,
.has-highlight-color a:hover {
	text-decoration: underline;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 3px;
}

.skill-section .browse-all {
    margin-left: 7px;
    margin-right: 7px;
}  
  .wp-block-group a, .wp-block-columns a {
	  /text-decoration: none;
  }
  
  .entry-title a {
	  color: var(--dark);
	  text-decoration: none;
  }
  
  .entry-title em {
	  font-style: normal;
  }
  
  .recent-posts .entry-title .heading-parens,
  .facetwp-template .entry-title .heading-parens,
  .sidebar-video .heading-parens,
  .archive-main-content h2.entry-title .heading-parens {
	  font-style: normal;
	  font-size: 18px;
	  display: block;
  }
  
  .favorites-second .recent-posts .heading-parens,
  .tabgroup .recent-posts .entry-title .heading-parens {
	  font-size: 15px;
  }
  
  .favorites-second .h3 {
	  margin-top: 0;
  }
  
  h1.heading-parens {
	  display: block;
	  font-size: 25px;
  }
  
  /* Structure and Layout
  ---------------------------------------------------------------------------- */
  
  /* Site Navigation
  ---------------------------------------------------------------------------- */
  
  nav ul {
	  clear: both;
	  line-height: 1;
	  padding-left: 0;
	  margin-right: 10px;    
	  width: 100%;
  }
  
  nav ul .menu-item {
	  display: block;
	  float: none;
	  font-family: var(--system-sans);
	  letter-spacing: .06em;    
	  margin: 0 10px;
	  position: relative;
	  text-transform: uppercase;
  }
  
  nav ul a {
	  display: block;
	  font-size: 16px;
	  font-weight: bold;    
	  outline-offset: -1px;
	  padding-bottom: 12px;
	  padding-top: 12px;
	  text-decoration: none;
  }
  
  nav ul a:hover,
  .current-menu-item a {
	  color: var(--navy);
  }
  
  nav ul .sub-menu,
  nav ul .sub-menu a {
	  width: 100%;
  }
  
  nav ul .sub-menu {
	  clear: both;
	  display: none;
	  left: -9999px;
	  margin: 0;
	  opacity: 1;
	  padding-left: 15px;
	  position: static;
	  z-index: 99;
  }
  
  nav ul .sub-menu a {
	  background-color: #fff;
	  position: relative;
	  word-wrap: break-word;
  }
  
  nav ul .menu-item:focus,
  nav ul .menu-item:hover {
	  position: relative;
  }
  
  nav ul .menu-item:hover > .sub-menu {
	  display: block;
	  left: auto;
	  opacity: 1;
  }
  
  .before-header .mobile-only {
	  text-align: center;
  }
  
  .before-header .mobile-only > * {
	  display: inline;
  }
  
  .site-header .wrap:has(.mobile-only) {
	  padding: 10px 20px 0 !important;
  }
  
  .site-header .items-justified-right {
	  margin: 0 !important;
	  width: 100%;
	  justify-content: space-between;
  }
  
  .site-header .wp-block-navigation-item:has(.wp-block-site-logo) {
	  flex-grow: 2;
	  margin-top: -14px;
	  margin-left: 0;
  }
  
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	  bottom: auto;
	  background: var(--light) !important;
  }
  
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	  padding-top: 0px !important;
  }
  
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
	  padding: 10px 10px 6px !important;
	  line-height: 1.4 !important;
	  opacity: .7 !important;
  }
  
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu li {
	  line-height: 1.2;
  }
  
  .mobile-only .wp-block-navigation__responsive-container-content ul li {
	  font-family: var(--accent);
	  font-weight: normal !important;
	  text-transform: none;
	  line-height: 1.4;
  }
  
  .mobile-only .wp-block-navigation__responsive-container-content ul li {
	  font-family: var(--accent);
	  font-weight: normal !important;
	  text-transform: none;
  }
  
  .wp-block-navigation-submenu .wp-block-navigation-item {
	  font-size: 16px;
  }
  
  .site-header .mobile-only .wp-block-columns {
	  margin-bottom: 16px;
  }
  
  .site-header .mobile-only .wp-block-search__button {
	  padding: 0 !important;
	  margin-bottom: -4px;
  }
  
  /* Site Container
  --------------------------------------------- */
  
  .site-container {
	  background: #fff;
	  overflow: hidden;
	  overflow: clip;
  }
  
  .site-inner {
	  clear: both;
	  margin: 0 auto;
	  padding: 0 20px;
  }
  
  
  /* Before Header
  --------------------------------------------- */
  
  .before-header {
	  background: var(--primary);
	  color: #fff;
	  font-family: var(--system-sans);
	  font-weight: bold;    
  }
  
  .before-header .wrap {
	  display: flex;
	  font-size: 15px;
	  justify-content: center;
	  letter-spacing: .04em;
	  padding: 10px;
	  text-align: center;
  }
  
  .before-header img {
	  margin: 6px 5px;
	  width: 17px;
  }
  
  .floating-button-widget {
	  margin-right: -20px;
  }
  
  /* Site Header
  --------------------------------------------- */
  
  .site-header {
	  position: relative;
  }
  
  .site-header .wrap {
	  margin: 0 auto;
	  padding: 10px 30px 0 !important;
	  border-bottom: 1px solid var(--dark);
  }
  
   .title-area {
	  float: left;
	  width: 300px;
  }
  
  .site-title {
	  line-height: 88px;
  }
  
  .site-title a {
	  background: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/logo-mobile.png) no-repeat left center;
	  background-size: contain;
	  display: block;
	  position: relative;
	  text-indent: -9999em;
	  width: 100%;
	  padding-bottom: 69px / 165px * 100%;
  }
  
  .site-description {
	  display: none; 
  }
  
  .title-area h1.site-title, .title-area p.site-title {
	  margin: 0;
  }
  
  .site-title, 
  ul.menu {
	  transition: all linear .2s;
	  -webkit-transform:translate3d(0,0,0);
  }
  
  
  /* Header Search
  --------------------------------------------- */
  
  input#searchright {
	  background-color: transparent;
	  background-image: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/search.png);
	  background-position: 60% 100%;
	  background-repeat: no-repeat;
	  background-size: 17px;
	  border: none;
	  cursor: pointer;
	  outline: none;
	  padding-left: 30px;
	  position: relative;
	  transition: width 0.4s ease-in-out;
	  width: 30px;
  }
  
  input#searchright:focus {
	  background: #fff;	
	  background-position: 98% 50%;
	  border: solid 1px #000;
	  margin-left: -290px;
	  padding-left: 5px;
	  position: fixed;
	  top: 66px;
	  width: 330px;
  }
  
  
  /* Pagination
  --------------------------------------------- */
  
  .pagination {
	  clear: both;
  }
  
  .archive-pagination li {
	  display: inline;
	  margin-left: 5px;
	  margin-right: 5px;    
  }
  
  .archive-pagination li a {
	  display: inline-block;
	  text-decoration: none;
  }
  
  .archive-pagination li a:focus,
  .archive-pagination li a:hover,
  .archive-pagination li.active a {
	  background: linear-gradient(180deg,rgba(255,255,255,0) 50%,var(--gray-blue) 0);
	  color: var(--highlight);
  }
  
  .archive-pagination {
	  color: var(--highlight);
	  font-family: var(--system-sans);
	  font-size: 14px;
	  font-weight: bold;
	  grid-column: 1/-1;
	  margin-top: -5px;
	  text-align: center;
  }
  
  .archive-pagination a {
	  color: var(--highlight);
  }
  
  .archive-pagination li {
	  margin: 2px;    
  }
  
  .archive-pagination ul li:after {
	  content: ',';
  }
  
  .archive-pagination ul li.pagination-previous:after, 
  .archive-pagination ul li.pagination-next:after,
  .archive-pagination ul li:last-child:after,
  .archive-pagination ul li:nth-last-child(-n+2):not(.pagination-next):after {
	  content: '';
  }
  
  /* Author Box
  --------------------------------------------- */
  
  .author-box {
	  border-top: 1px solid;
	  border-bottom: 1px solid;
	  margin: 30px 0;
	  padding: 20px 0 0;
	  text-align: center;
  }
  
  .author-box img {
	  clear: both;
	  border-radius: 50%;
	  margin: 0 0 20px;
  
  }
  
  .author-box-title {
	  font-family: var(--accent);
  }
  
  .author-box a,
  .entry-categories a {
	  text-transform: uppercase;
	  font-size: 14px;
	  font-family: var(--system-sans);
	  color: var(--highlight);
	  font-weight: bold;
	  letter-spacing: .6px;	
	  text-decoration: none;
  }
  
  /* Entry Comments
  --------------------------------------------- */
  
  .entry-comments ol,
  .entry-comments ul {
	  list-style-type: none;
	  padding-left: 0;
  }
  
  .comment-respond,
  .entry-comments {
	  margin-bottom: 40px;
  }
  
  .comment-content {
	  clear: both;
  }
  
  .comment-respond label {
	  display: block;
	  margin-right: 12px;
  }
  
  .comment .children {
	  margin-left: 60px; 
  }
  
  .comment-form-cookies-consent label {
	  display: inline;
	  padding-left: 10px;
  }
  
  .comment-form-comment input, .comment-form-author input, .comment-form-email input, .comment-form-email input, .comment-form-url input, textarea#comment {
	  display: block;
	  font-weight: 400;
	  font-size: 15px;
	  line-height: 1;
	  min-height: 48px;
  }
  
  .comment-form-comment label, .comment-form-author label, .comment-form-email label, .comment-form-email label, .comment-form-url label {
	  display: block;
	  line-height: 1;
	  font-size: 14px;
	  font-weight: 700;
	  position: relative;
	  top: 40px;
  }
  
  .comment-form-comment label {
	  top: -6px;
	  left: 0;
  }
  
  .search-container {
	  overflow: hidden;
	  width: 30px;
  }
  
  .search-container .search {
	  border: none;
	  outline: none;
	  z-index: 9;
  }
  
  
  /* Special Classes */
  
  article {
	  position: relative;
  }
  
  .full-width {
	  width: 100%;
  }
  
  .custom-post-header {
	  font-size: 16px;
	  background: var(--tertiary);
  }
  
  .custom-post-header {
	  margin-top: 10px;
  }
  
  .post-header-left {
	  padding: 20px 0 10px;
  }

  .custom-post-header h1 {
		  margin: 15px 0 8px
  }
  
  .custom-post-header .wprm-recipe-rating {
	  margin-bottom: 12px;
  }
  
  .custom-post-header .entry-date,
  .custom-post-header .entry-date-modified,
  .custom-post-header .post-meta,
  .custom-post-header .wprm-recipe-meta-container,
  .custom-post-header .post-header-buttons {
	  text-transform: uppercase;
	  font-size: 14px;
  }
  
  .custom-post-header .wprm-recipe-meta-container .wprm-recipe-time,
  .custom-post-header .wprm-recipe-meta-container .wprm-recipe-details-label {
	  line-height: 1.1;
	  letter-spacing: .5px;
  }
  
  .custom-post-header .post-meta a {
	  font-weight: bold;
  }
  
  .custom-post-header .entry-date,
  .custom-post-header .entry-date-modified {
	  font-style: italic;
	  margin-bottom: 15px;
  }
  
  .custom-post-header .wprm-recipe-summary {
	  font-size: 20px;
	  margin: 12px 0;
  }
  
  .custom-post-header .wprm-recipe-block-container-inline {
	  margin-right: 13px;
  }
  
  .custom-post-header .wprm-recipe-time-container {
	  position: relative;
	  display: inline;
  }
  
  .custom-post-header .wprm-recipe-time-container::after {
	  content: "|";
	  position: absolute;
	  padding: 0 2px;
	  top: 0;
  }
  
  .custom-post-header .wprm-recipe-time-container:last-of-type::after {
	  display: none;
  }
  
  
  .wprm-recipe-author-container .wprm-recipe-author-label,
  .custom-post-header .editor {
	  position: relative;
	  margin-left: 40px;
  }

  .custom-post-header .entry-date-modified {
  	position: relative;
  	margin-left: 0;
  	margin-right: 40px;
  }
  
  .wprm-recipe-author-container .wprm-recipe-author-label::before,
  .custom-post-header .editor::before {
	  content: '|';
	  margin-left: -44px;
  }

  .custom-post-header .post-header-buttons {
	  display: flex;
	  justify-content: space-between;
  }
  
  .custom-post-header .wprm-recipe-icon img {
	  width: 12px !important;
	  margin-top: 4px;
  }
  
  .custom-post-header .wprm-recipe-cook-time-container {
	  display: none;
  }
  
  .center-title h1.entry-title {
	  text-align: center;
  }
  
  .archive .content h1.entry-title {
	  margin-bottom: 30px;
	  text-align: left;
  }
  
  .category.full-width-content .category-header-text h1.entry-title {
	  text-align: left;
  }
  
  .right-line {
	  overflow: hidden;
	  text-align: left;
  }
  
  .right-line:after {
	  content: "";
	  display: inline-block;
	  height: 1px;
	  vertical-align: bottom;
	  width: 100%;
	  margin-right: -100%;
	  margin-left: 10px;
	  position: relative;
	  top: -.2em;
	  border-top: 1px solid var(--dark);
  }

.grid-3 {
    display: block;
}

  .grid-4 {
	  display: grid;
	  grid-template-columns: repeat(2, minmax(0, 1fr));
	  grid-gap: 20px;
  }
  
  .wp-element-button, 
  .wp-block-button__link.wp-element-button,
  .form-submit input,
  .button {
	  background: var(--primary);
	  text-transform: uppercase;
	  font-family: var(--system-sans);
	  font-weight: bold;
	  font-size: 14px;
	  border: 0 !important;
	  border-radius: 0 !important;
	  padding: 15px 30px;
	  color: #fff;
  }
  
  .latest-post-image img {
	  width: 100%;
  }
  
  .mobile-full-width-buttons .wp-block-buttons-is-layout-flex .wp-block-button {
	  flex-grow: 1;
  }
  
  .mobile-full-width-buttons .wp-block-buttons-is-layout-flex .wp-block-button a {
	  width: 100%;
  }
  
/* Query Block */
.tabgroup .wp-block-query h2 {
    text-align: left;
    margin-top: 11px;
    font-size: 18px;
    margin-bottom: 7px;
}

.tabgroup .wp-block-query h2 a {
    text-decoration: none;
}

.taxonomy-category.wp-block-post-terms {
    font-family: var(--system-sans);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 3.3px;
    margin: 15px 0 6px;
    display: block;
}

.taxonomy-category.wp-block-post-terms a {
    text-transform: uppercase;
    font-size: 14px;
    font-family: var(--system-sans);
    color: var(--highlight);
    font-weight: bold;
    letter-spacing: .6px;
    text-decoration: none;
}

.tabgroup .wp-block-query figure.wp-block-post-featured-image {
    width: 100% !important;
}

  /* Home Page */
  .home-intro p {
	  position: relative;
  } 	
  
  .logo-badge {
	  position: relative;
  }
  
  .logo-badge::after {
	  content: "";
	  background-image: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/logo-badge.svg);
	  background-size: contain;
	  border-radius: 50%;
	  bottom: -90px;
	  height: 100px;
	  position: absolute;
	  right: -10px;
	  width: 100px;
  }

	.whats-here .logo-badge::after {
	    bottom: -120px;
	}  	
  
  .custom-category-header.logo-badge::after {
	  display: none;
  }
  
  .search-category-section .wp-block-search__inside-wrapper {
	  border: none;
	  background: #fff;
	  padding: 0 0 0 20px;
  }
  
  .video-section .wp-block-column:last-of-type {
	  background-color: var(--light);
	  margin-top: -40px;
	  padding: 30px;
  }
  
  .video-section .wp-block-column:first-of-type {
	  position: relative;
	  text-align: -webkit-center;
  }
  
  .video-section .wp-block-column:first-of-type h2 {
	  margin-bottom: 30px;
	  width: 40%;
  }

  .video-section .wp-block-column:last-of-type h3 {
	  margin-top: 30px;
  }

.video-section .wp-block-buttons .wp-block-button {
	margin-bottom: 10px;
}  
  
  .sidebar h2 {
	  position: relative;
  }
  
  .home-about-divider,
  .latest-featured-recipes h2,
  .latest-featured-recipes h3 {
	  position: relative;
  }
  
  .video-section .wp-block-column:first-of-type h2:after,
  .home-about-divider:after,
  .latest-featured-recipes h2:after,
  .latest-featured-recipes h3:after,
  .sidebar-video h2::after {
	  content: '';
	  width: 0;
	  position: absolute;
	  background: var(--dark);
	  z-index: 9;	
  }
  
  .video-section .wp-block-column:first-of-type h2:after {
	  height: 50px;
	  top: 70px;
	  left: 50%;
	  width: 1px;
  }
  
  .sidebar-video h2::after {
	  height: 50px;
	  top: 37px;
	  left: 50%;
	  width: 1px;
  }
  
  .home-about-divider:after {
	  height: 90px;
	  left: 50%;
	  top: 45px;
	  width: 1px;
  }
  
  .latest-featured-recipes h2:after,
  .latest-featured-recipes h3:after {
	  height: 40px;
	  left: 50%;
	  top: 40px;
	  width: 1px;
  }
  
  .latest-featured-recipes > div:first-of-type .recent-posts {
	  padding-top: 30px;
  }
  
  .recipe-collections p a {
	  color: var(--primary);
	  text-decoration: none;
	  font-weight: bold;
  }
  
  .recipe-collections p:last-of-type a {
	  color: unset;
  }
  
  .recipe-collections p {
	  background-color: var(--tertiary);
	  margin: 2px 0;
	  padding: 16px 10px 16px 25px;
  }
  
  .recipe-collections p:first-of-type {
	  padding-top: 35px;
  }
  
  .seen-in {
	  margin-top: -32px;
  }
  
  .recent-posts article {
	  overflow: hidden;
  }
  
  .featured-recipe .recent-posts img {
	  width: 100%;
  }
  
  .recent-more-link {
	  background-color: var(--tertiary);
	  padding: 10px;
	  text-transform: uppercase;
	  font-family: var(--system-sans);
	  font-size: 12px;
	  font-weight: bold;
	  letter-spacing: .1em;
  }
  
  .latest-recipes-section article {
	  border-bottom: solid 1px var(--dark);
	  padding-bottom: 10px;
  }
  
  .cover-cta.logo-badge h2 {
	  margin-bottom: 9px;
  }
  
  /* About Us Page */
  .team figure {
	  border: solid 1px var(--highlight);
	  border-radius: 50%;
	  padding: 7px;
  }
  
  /* Reusable Blocks */
  .work-with-yuto {
	  margin-top: 25px;
	  padding: 20px;
  }
  
  .work-with-yuto-social {
	  margin-top: -67px;
	  margin-left: 60px !important;
	  flex-direction: row !important;
  }
  
  .work-with-yuto .wp-block-media-text__content {
	  margin: 20px 0 65px 20px;
  }

  .tips-block {
	border: 1px solid var(--dark);
	position: relative;
	margin-top: 10px;
	padding: 0 20px !important;
}

.tips-block h2,
.tips-block h3 {
	display: inline-block;
	background: #fff;
	position: relative;
	top: -16px;
	padding: 0 10px;
	left: 50%;
	transform: translatex(-50%);
	font-size: 25px;
}

.tips-block ul {
	margin-top: -16px;
}

.ingredients-block {
	border: 1px solid var(--dark);
	padding: 0 20px 20px;
	margin-bottom: 35px;
	position: relative;
}

body .ingredients-block h2,
body .ingredients-block h3 {
	background: var(--dark);
	margin: 0 -20px !important;
	color: #fff;
	padding: 10px 20px;
}

.ingredients-block::after {
	content: "";
	background-color: #fff;
	background-image: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/logo-badge.svg);
	outline: 10px solid #fff;
	background-size: contain;
	border-radius: 50%;
	bottom: -50px;
	height: 100px;
	position: absolute;
	right: -18px;
	width: 100px;
}
  
  /* Start Here Page */
  
  .wp-block-columns.essentials-section {
	  display: grid;
	  grid-template-columns: repeat(2,minmax(0,1fr));
	  gap: 6px 20px;
	  margin-bottom: 10px;
  }
  
  .essentials-section figure {
	  margin-bottom: 15px;
  }
  
  .whats-here .wp-block-group {
	  padding: 20px 20px 0;
	  margin-bottom: 30px;
  }
  
  .whats-here img {
	  /width: 100px;
	  /position: relative;
	  /right: -100px;
	  /top: -10px
  }
  
  .side-circle {
	  border: 1px solid;
	  margin: 80px 0;
  }
  
  .side-circle img {
  	background-color: #fff;
	border-radius: 50%;
	border-top: 1px solid var(--highlight);
	border-right: 1px solid var(--highlight);
	border-bottom: 1px solid var(--highlight);
	border-left: 1px solid var(--highlight);
	padding: 4px;		  
	margin-top: -50px;
	max-width: 160px !important;
	position: relative;
	left: 50%;
	transform: translatex(-50%);
  }
  
  .side-circle .wp-block-media-text__content {
	  padding: 0 20px 10px;
  }
  
  .dashi-posts {
	  display: grid;
	  grid-template-columns: repeat(2,minmax(0,1fr));
	  gap: 20px;
  }
  
  /* Blog Posts */
  
  .breadcrumbs,
  .yoast-breadcrumbs,
  .post-header-text .wprm-recipe-details-label,
  .post-header-text .wprm-recipe-time,
  .post-header-text .wprm-recipe-details-unit,
  .post-header-buttons a,
  .custom-post-header .wprm-recipe-jump-video {
	  font-family: var(--system-sans) !important;
	  font-size: 14px !important;
	  font-weight: bold;
	  letter-spacing: 1.7px;
	  text-transform: uppercase !important;
  }
  
  .post-header-text .wprm-recipe-time,
  .post-header-text .wprm-recipe-details-unit {
	  font-weight: normal;
  }
  
  .breadcrumbs,
  .yoast-breadcrumbs,
  .post-header-text .wprm-recipe-details-label,
  .post-header-right a.wprm-recipe-jump-video {
	  color: var(--highlight-darker) !important;
  }
  
  .breadcrumbs a {
	  text-decoration:none;
	  color: var(--highlight-darker) !important;
  }
  
  .post-header-right {
	  position: relative;
  }
  
  .custom-post-header .wprm-recipe-jump-video {
	  position: absolute;
	  right: 50%;
	  bottom: 90px;
	  background: #fff;
	  padding: 12px 16px;
	  border-radius: 25px;
	  color: var(--highlight) !important;
  }
  
  .sidebar h2 {
	  font-size: 25px;
  }
  
  .sidebar .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	  border: 1px solid;
  }
  
  .sidebar .wp-block-search input {
	  text-transform: uppercase;
	  font-size: 14px;
	  color: var(--dark);
	  letter-spacing: 1px;
	  font-weight: bold;
  }
  
  .sidebar .wp-block-search .wp-element-button {
	  padding: 8px 14px;
  }
  
  .sidebar-about,
  .sidebar-cta {
	  padding: 25px;
  }
  
  .sidebar-about .wp-block-group {
	  padding: 0 25px;
	  margin: 80px 0 50px;
  }
  
  .sidebar-about .wp-block-group img{
	  margin-top: -60px;
  }
  
  .sidebar-about .wp-block-group .wp-block-button {
	  margin-bottom: -24px;
  }
  
  .sidebar-cta {
	  position: relative;
	  overflow: hidden;
  }
  
  .sidebar-cta::before {
	  content: "";
	  background-image: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/pattern1.svg);
	  background-size: cover;
	  bottom: 0;
	  height: 250px;
	  position: absolute;
	  left: -7px;
	  right: 0;
	  width: 380px;
  }
  
  .sidebar-cta > * {
	  position: relative;
  }
  
  .sidebar .recent-posts, 
  .sidebar-categories {
	  display: grid;
	  grid-template-columns: repeat(2,minmax(0,1fr));
	  gap: 22px;
  }
  
  .sidebar .recent-posts {
	  margin-bottom: -30px;
  }
  
  .sidebar .recent-posts img {
	  margin-bottom: 9px;
  }
  
  .sidebar-categories {
	  padding: 33px 26px;
  }
  
  .sidebar-categories h2 {
	  grid-column:1/-1;
  }
  
  .sidebar-categories h3 {
	  font-size: 18px;
  }
  
  .sidebar-video {
	  border: 1px solid;
	  padding: 25px 0;
  }
  
  .sidebar-video .wp-block-buttons {
	  margin: 0 0 20px;
	  position: relative;
  }
  
  /* Recipe Index */
  
  .facetwp-checkbox {
	  background-image: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/unchecked.png) !important;
  }
  
  .facetwp-checkbox.checked {
	  background-image: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/checked.png) !important;
  }
  /*
  .flyout-item {
	  display: none;
	}
  
	.flyout-row.expanded .flyout-item {
	  display: block;
	}
  
	.flyout-row h3 {
	  cursor: pointer;
	}
  
	.flyout-row h3:after {
	  content: "v";
	  text-transform: lowercase;
	  font-weight: bold;
	  font-size: 13px;
	  float: right;
	}
  
	.flyout-row.expanded h3:after {
	   content: "^";
	   font-size: 20px;
	   font-weight: bold;
	}
  */
  
  .recipe-reset-section {
	  gap: 10px;
  }
  
  .recipe-category-selector  {
	  padding: 25px 20px 1px;
  }
  
  .recipe-category-selector figcaption {
	  text-align: center;
	  margin-bottom: 10px;
  }
  
  .recipe-category-selector .wp-block-columns {
	  display: grid;
	  grid-template-columns: repeat(3,minmax(0,1fr));
	  gap: 0 10px !important;
	  margin-bottom: 10px;
	  font-size: 16px;
  }
  
  .recipe-category-selector .wp-block-column:nth-child(n+7) {
	  display: none;
  }

  .facetwp-flyout.active {
	max-width: 90%;
	background: var(--tertiary);
  }

  .facetwp-flyout.active h3 {
	margin-bottom: 0;
  }
  
  a.facetwp-flyout-open.button {
	  background: var(--dark) !important;
	  display: block;
	  color: #fff !important;
	  padding: 10px 20px;
	  min-width: 240px;
	  text-align: center;
  }
  
  .facetwp-type-search {
	  width: 100%;
	  margin-bottom: 20px !important;
	  min-width: 260px !important;
  }
  
  .facetwp-input-wrap input {
	  border: 1px solid;
	  padding-bottom: 14px !important;
  }
  
  .facetwp-input-wrap input::placeholder {
	  color: var(--dark);
  }
  
  .facetwp-input-wrap .facetwp-icon {
	  padding: 0 10px;
	  opacity: 1;
  }
  
/* Archive Page
---------------------------------------------------------------------------- */

.archive .taxonomy-description {
  padding-bottom: 15px;
  text-align: center;
}

.archive article, .tabgroup .wp-block-query li {
  overflow: hidden;
  position: relative;
}

.archive-main-content,
.blog .content {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 20px;
}

.archive-main-content .entry-categories {
  font-size: 12px;
  margin: 10px 0 6px;
  display: block;
}

.archive h2.entry-title {
  font-size: 22px;
}

.archive h2,
.recent-posts h2 {
  margin-bottom: 5px;
}

article.Difficulty-easy .latest-post-image a::before,
.tabgroup .wp-block-query li.Difficulty-easy .wp-block-post-featured-image a::before {
  background-image: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/sudachi-skill-level-1-icon.svg);    
  left: -90px;	
  width: 130px;
}

article.Difficulty-medium .latest-post-image a::before,
.tabgroup .wp-block-query li.Difficulty-medium .wp-block-post-featured-image a::before {
  background-image: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/sudachi-skill-level-2-icon.svg);
  left: -88px;
  width: 141px;
}

article.Difficulty-hard .latest-post-image a::before,
.tabgroup .wp-block-query li.Difficulty-hard .wp-block-post-featured-image a::before {
  background-image: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/sudachi-skill-level-3-icon.svg);
  left: -87px;
  width: 157px;
}

.no-difficulty article.Difficulty-easy .latest-post-image a::before,
.no-difficulty article.Difficulty-medium .latest-post-image a::before,
.no-difficulty article.Difficulty-hard .latest-post-image a::before {
  display: none;
}

article.Difficulty-easy .latest-post-image a::before,
article.Difficulty-medium .latest-post-image a::before,
article.Difficulty-hard .latest-post-image a::before,
.tabgroup .wp-block-query li.Difficulty-easy .wp-block-post-featured-image a::before,
.tabgroup .wp-block-query li.Difficulty-medium .wp-block-post-featured-image a::before,
.tabgroup .wp-block-query li.Difficulty-hard .wp-block-post-featured-image a::before {
  content: "";    
  background-repeat: no-repeat;
  background-size: contain;
  height: 32px;
  position: absolute;    
  top: 10px;
  transition: left 200ms ease-out;
}

.category-header-image article.Difficulty-easy .latest-post-image a::before,
.category-header-image article.Difficulty-medium .latest-post-image a::before,
.category-header-image article.Difficulty-hard .latest-post-image a::before {
  top: 40%;
}

article.Difficulty-easy .latest-post-image:hover a::before,
article.Difficulty-medium .latest-post-image:hover a::before,
article.Difficulty-hard .latest-post-image:hover a::before,
.tabgroup .wp-block-query li.Difficulty-easy .wp-block-post-featured-image:hover a::before,
.tabgroup .wp-block-query li.Difficulty-medium .wp-block-post-featured-image:hover a::before,
.tabgroup .wp-block-query li.Difficulty-hard .wp-block-post-featured-image:hover a::before {
  content: "";
  display: block;
  left: -2px;
}

.no-difficulty article.Difficulty-easy .latest-post-image:hover a::before,
.no-difficulty article.Difficulty-medium .latest-post-image:hover a::before,
.no-difficulty article.Difficulty-hard .latest-post-image:hover a::before,
.custom-category-header .category-header-image article.Difficulty-easy .latest-post-image a::before,
.custom-category-header .category-header-image article.Difficulty-medium .latest-post-image a::before,
.custom-category-header .category-header-image article.Difficulty-hard .latest-post-image a::before {
  display: none;
}

article.Difficulty-easy .latest-post-image a img:hover,
article.Difficulty-medium .latest-post-image a img:hover,
article.Difficulty-hard .latest-post-image a img:hover,
.tabgroup .wp-block-query li.Difficulty-easy .wp-block-post-featured-image img:hover,
.tabgroup .wp-block-query li.Difficulty-medium .wp-block-post-featured-image img:hover,
.tabgroup .wp-block-query li.Difficulty-hard .wp-block-post-featured-image img:hover {
  opacity: 1;
}

.no-difficulty article.Difficulty-easy .latest-post-image a img:hover,
.no-difficulty article.Difficulty-medium .latest-post-image a img:hover,
.no-difficulty article.Difficulty-hard .latest-post-image a img:hover,
.no-difficulty .tabgroup .wp-block-query li.Difficulty-easy .wp-block-post-featured-image img:hover,
.no-difficulty .tabgroup .wp-block-query li.Difficulty-medium .wp-block-post-featured-image img:hover,
.no-difficulty .tabgroup .wp-block-query li.Difficulty-hard .wp-block-post-featured-image img:hover {
	opacity: .7;
}

.custom-category-header article.Difficulty-easy .latest-post-image,
.custom-category-header article.Difficulty-medium .latest-post-image,
.custom-category-header article.Difficulty-hard .latest-post-image {
  position: relative;
}

.custom-category-header article.Difficulty-easy .latest-post-image::before,
.custom-category-header article.Difficulty-medium .latest-post-image::before,
.custom-category-header article.Difficulty-hard .latest-post-image::before {
  content: "";    
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -20px;
  height: 32px;
  position: absolute;    
  transition: left 200ms ease-out;
  width: 180px;
}

.custom-category-header article.Difficulty-easy .latest-post-image::before {
  background-image: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/no-flag-skill-level-1.png);	    
  left: 50%;
  transform: translatex(-50%);
}

.custom-category-header article.Difficulty-medium .latest-post-image::before {
  background-image: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/no-flag-skill-level-2.png);	
  left: 50%;
  transform: translatex(-50%);
}

.custom-category-header article.Difficulty-hard .latest-post-image::before {
  background-image: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/no-flag-skill-level-3.png);	
  left: 50%;
  transform: translatex(-50%);
}

.custom-category-header .wrap {
  max-width: 1120px;
  margin: 0 auto;    
}

.custom-category-header {
  background-color: var(--tertiary);
}

.category-header-image {
  float: left;
  margin-top: 5px;
  text-align: center;
}

.category-header-text {
  float: right;    
}

.category-header-text p {
  max-width: 550px;
}

.category-header-text .archive-description p {
  max-width: 600px;
}

.custom-category-header.logo-badge .wrap {
  position: relative;
}

.custom-category-header.logo-badge .wrap::after {
  bottom: -37px;
  right: 15px;
}

.custom-category article  {
	margin-bottom: 25px;
}

.category-header-image .featured-label {
	background-color: #fff;
	font-family: var(--system-sans);
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1.7px;
	padding: 12px 23px;
	text-transform: uppercase;
}

.category-header-image .latest-post-image {
  border-radius: 50%;
  -webkit-border-radius: 50%;	  
  padding: 1px;
}

.category-header-image .latest-post-image img {
	border-top: 1px solid var(--highlight);
	border-right: 1px solid var(--highlight);
	border-bottom: 1px solid var(--highlight);
	border-left: 1px solid var(--highlight);	  
	border-radius: 50%;	  
	-webkit-border-radius: 50%;	  
	/outline: solid 1px var(--highlight);
	margin-top: 30px;    
	margin-bottom: 25px;
	padding: 7px;	  
}

.category-header-text .breadcrumbs {
  text-align: center;
}

.built-out-category-page .before-footer {
  display: none;
}

.cta-free-ebook {
  margin-top: 25px;
}

.cta-free-ebook .wp-block-media-text__content {
  margin: 20px 0 65px 20px;
}

.yutos-favorites-horizontal .latest-post-description .h3 {
  font-size: 20px;
}

.yutos-favorites-horizontal .wp-block-media-text {
    display: flex;
}

.yutos-favorites-horizontal .wp-block-media-text {
	max-width: 260px;
}

.recipe-developed, .contributing-writer {
  padding: 30px;
}

.recipe-developed .wp-block-columns, .contributing-writer .wp-block-columns {
  padding: 0;
  margin: 0;
}

.recipe-developed img, .contributing-writer img {
  border-radius: 50%;
}

.recipe-developed p, .contributing-writer p {
  margin: 0 10px;
}

.recipe-index .narrow {
  margin-top: 0;
}

.custom-category .skill-section article {
    margin-bottom: 0;
}

.skill-section .h3 {
    text-align: center;
}

.skill-section .wp-block-column:nth-of-type(2) figure img,
.skill-section .wp-block-column:nth-of-type(3) figure img,
.skill-section .wp-block-column:nth-of-type(4) figure img {
    margin-bottom: 10px;
    width: 220px;
}

.skill-section .wp-block-column:nth-of-type(2) figure, 
.skill-section .wp-block-column:nth-of-type(3) figure, 
.skill-section .wp-block-column:nth-of-type(4) figure {
    margin-left: auto;
    margin-right: auto;
}	

/* Plugins
---------------------------------------------------------------------------- */
.recent-posts a {
  text-decoration: none;
}

/* Slider */
.search-category-section input.wp-block-search__input {
	text-transform: uppercase;
	font-weight: bold;
	font-family: var(--system-sans);
	font-size: 14px;
}  

.wp-block-buttons.category-slider.slick-slider {
	flex-wrap: nowrap;
}    

.category-slider .slick-list {
	margin-right: 30px !important;
}

.slick-slide div {
	padding-right: 14px;
}

.category-slider .slick-list .wp-block-button {
	margin-left: 7px;
	margin-right: 7px;
}

.wp-block-buttons.category-slider .wp-block-button {
	flex-grow: 1;
}

.wp-block-buttons.category-slider .wp-block-button .wp-block-button__link {
	width: 100%;
	padding: 10px 22px;
}

.post-slider .slick-slide {
	max-width: 300px;
}

.post-slider .slick-slider {
	max-height: 550px;
	overflow: hidden;
}

.post-slider .slick-slide article.Difficulty-easy .latest-post-image a::before, 
.post-slider .slick-slide article.Difficulty-easy article.Difficulty-medium .latest-post-image a::before, 
.post-slider .slick-slide article.Difficulty-easy article.Difficulty-hard .latest-post-image a::before {
	display: none;
}

.post-slider .slick-slide div {
	padding-right: 5px;
	padding-left: 5px;
}


.schema-faq {
	padding: 0 !important;
}

.schema-faq-section {
	padding: 10px 25px;
	border-bottom: 1px solid;
	cursor: pointer;
	position: relative;
}

.schema-faq-section:last-of-type {
	border-bottom: none;
}

h2:has(+ .schema-faq) {
	background: var(--dark);
	color: #fff;
	margin-bottom: 0;
	padding: 14px 30px;
}  

.schema-faq-section:hover {
	/background: var(--secondary);
}

.schema-faq-section::after {
	content:'';
	width: 30px;
	height: 30px;
	position: absolute;
	right: 12px;
	top: 10px;
	background: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/arrow-icon.png) no-repeat;
	background-size: contain;
	transform: rotate(90deg);
}

.schema-faq-section.active::after {
	transform: rotate(270deg);
}

.schema-faq-answer {
	cursor: default;
	padding: 20px 50px;
	background: var(--tertiary);
	display: none;
	overflow: hidden;
	margin: 5px -25px -10px !important;
}

.schema-faq-answer active {
	display: block;
	overflow: visible;
}

/* Easy TOC */
   /* Hide items after the first 3 by default */
	.ez-toc-list li:nth-child(n+4) {
	    display: none;
	}

	.ez-toc-list.expanded li:nth-child(n+4) {
	    display: list-item;
	}

	/* Style for the expand/collapse button */
	.etoc-expand-btn {
	    /background: #f1f1f1;
	    /border: 1px solid #ddd;
	    padding: 5px 10px;
	    margin-top: 10px;
	    cursor: pointer;
	    border-radius: 3px;
	    font-size: 16px;
	    font-weight: bold;
	    display: inline-block;
	    color: #444444;
	    text-decoration: underline;  

	      /background: none;
    /border: none;
    

	}

	.etoc-expand-btn:hover {
	    /background: #e1e1e1;
	    /background: none;
	}

	.ez-toc-icon-toggle-span, #ez-toc-container .ez-toc-js-icon-con {
		display: none !important;
	}	

  
/* Ark Blocks */
.arkb-tabBody p a {
  text-decoration: none;
}
  
/* Slider */
p.slick-prev.slick-arrow:after {
	content: '';
	cursor: pointer;
	background: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/arrow-icon.png) no-repeat;
	transform: rotate(180deg);
	background-size: contain;
	height: 40px;
	left: -10px;
	position: absolute;
	right: 0;
	top: 0px;
	width: 40px;
}  

p.slick-next.slick-arrow:after {
	content: '';
	cursor: pointer;
	background: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/arrow-icon.png) no-repeat;
	background-size: contain;
	height: 40px;
	position: absolute;
	right: -10px;
	top: 0px;
	width: 40px;
}  

.post-slider p.slick-prev.slick-arrow:after {
    left: 0;
    margin: 20px;
    top: 26%;
    z-index: 1;
}
.post-slider p.slick-next.slick-arrow:after {
    top: 26%;
    margin: 20px;
}  

  /* Patterns
  ---------------------------------------------------------------------------- */
  ul.tabs {
	  margin: 0 auto;
	  padding-left: 0;
	  text-transform: uppercase;
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: center;
	  gap: 0.1em;    
  }
  
  ul.tabs>li {
  	  display: inline-block;
	  list-style-type: none;
	  padding: 5px 25px;
  }
  
  ul.tabs>li a {
	  font-weight: bold;
	  font-family: var(--system-sans);
	  font-size: 14px;
	  letter-spacing: 1.5px;
	  text-transform: uppercase;
	  text-decoration: none;
  }
  
  ul.tabs li a.active {
	  border-bottom: solid 1px var(--highlight);
	  padding: 0 0 5px 0;
  }
  
  ul.tabs>li a:focus {
	  outline: none;
  }
  
  /* Site Footer
  ---------------------------------------------------------------------------- */
  
  .site-footer {
	  background-color: var(--primary);
	  color: #fff;
	  font-size: 16px;
	  letter-spacing: .02em;
	  padding: 10px;
	  position: relative;  
	  text-align: center;
  }
  
  .site-footer .wp-block-search__inside-wrapper {
	  background: #fff;
  }
  
  .site-footer .wp-block-search input {
	  text-transform: uppercase;
  }
  
  .site-footer .wrap div:nth-of-type(2) {
	  flex-basis: 125px;
  }
  
  .site-footer p a {
	  color: #fff;
	  font-family: var(--system-sans);
	  font-size: 14px; 
	  letter-spacing: .06em;
	  text-decoration: none;
	  text-transform: uppercase;
  }
  
  .site-footer p {
	  margin-bottom: 0;
  }
  
  .site-footer .wp-block-columns:first-of-type .wp-block-column:nth-of-type(2) {
	  border-top: solid 1px #fff;
	  border-bottom: solid 1px #fff;
	  padding: 30px 0;
  }
  
  .top-link {
	  position: relative;
  }
  
  .top-link:after {
	  content: "";
	  background-image: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/top-icon.png);
	  background-size: contain;
	  height: 12px;
	  margin-left: 4px;
	  position: absolute;
	  top: 5px;
	  width: 12px;
  }
  
  .site-footer p.has-text-align-right {
	  text-align: right;
  }
  
  .before-footer {
	  position: relative;
  }
  
  .before-footer::before {
	  content: "";
	  background-image: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/sudachi-bottom-pattern.svg);
	  background-size: cover;
	  bottom: 0;
	  height: 100%;
	  position: absolute;
	  left: 0;
	  width: 340px;
  }
  
  .before-footer .wp-block-media-text {
	  position: relative;
  }
  
  .before-footer .wp-block-media-text figure {
	  margin: -50px 50px 50px -50px
  }
  
  .credits-window {
	  bottom: -4px;
	  background-color: var(--primary);
	  font-family: var(--system-sans);
	  font-size: 12px;
	  letter-spacing: 1px;
	  opacity: 0;
	  padding: 4px;
	  pointer-events: none;
	  position: absolute;
	  right: 26px;
	  text-transform: uppercase;
	  top: -123% !important;
	  transform: translatey(-135%);
	  transition: all 0.3s;
	  visibility: hidden;
	  width: auto;
	  z-index: 999;
  }
  
  .credits-window a {
	  text-decoration: none !important;
	  font-weight: bold;
  }
  
  .credits-window:target {
	  opacity: 1;
	  pointer-events: auto;
  }
  
  
  .credits-window:target > div {
	  background: #fff;
	  border: var(--primary) solid 2px;
	  color: var(--dark);
	  display: flex;
	  flex-direction: column;
	  padding: 12px 10px 10px;
	  text-align: center;
	  visibility: visible;
  }
  
  .credits-close {
	  font-size: 80%;
	  font-weight: normal !important;
	  position: relative;
	  right: 0;
	  top: 8px;
  }
    
  .subscribe-popup {
	  bottom: -4px;
	  font-size: 16px;
	  letter-spacing: 1px;
	  opacity: 0;
	  padding: 4px;
	  pointer-events: none;
	  position: absolute;
	  right: 0;
	  left: 0;
	  top: 20px;
	  transition: all 0.3s;
	  visibility: hidden;
	  width: 500px;
	  width: 275px;
	  z-index: 99999;
  }
  
  .subscribe-popup:target {
	  opacity: 1;
	  pointer-events: auto;
  }
  
  
  .subscribe-popup:target > div {
	  background: var(--light);;
	  border: var(--dark) solid 1px;
	  color: var(--dark);
	  display: flex;
	  flex-direction: column;
	  padding: 20px 30px 30px;
	  padding: 16px 20px 10px;
	  text-align: center;
	  visibility: visible;
  }
  
  .subscribe-popup #mc_embed_signup .mc-field-group input {
	  background: transparent;
  }
  
  .popup-close {
	  font-size: 120%;
	  font-weight: bold;
	  position: relative;
	  right: -220px;
	  right: 100px;
	  top: 0;
  }
  
  
  /* Accessibility
  --------------------------------------------- */
  
  .screen-reader-shortcut,
  .screen-reader-text,
  .screen-reader-text span,
  .hidden,
  .wp-block-search label {
	  border: 0;
	  clip: rect(0, 0, 0, 0);
	  height: 1px;
	  overflow: hidden;
	  position: absolute !important;
	  width: 1px;
	  word-wrap: normal !important;
  }
  
  .screen-reader-text:focus,
  .screen-reader-shortcut:focus,
  .widget_search input[type="submit"]:focus {
	  background: #fff;
	  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	  clip: auto !important;
	  color: #333;
	  display: block;
	  font-size: 1em;
	  font-weight: 700;
	  height: auto;
	  padding: 15px 23px 14px;
	  text-decoration: none;
	  width: auto;
	  z-index: 100000; /* Above WP toolbar. */
  }
  
  .genesis-skip-link {
	  margin: 0;
  }
  
  .genesis-skip-link .skip-link-hidden {
	  display: none;
	  visibility: hidden;
  }
  
  .genesis-skip-link li {
	  height: 0;
	  list-style: none;
	  width: 0;
  }
  
  :focus {
	  color: #333;
	  outline: #ccc solid 1px;
  }
  
  @media only screen and (min-width: 480px) {
  
	  table {
		  table-layout: auto;
		  word-break: normal;
	  }
  
  }
  
  /* Mobile only */
  @media screen and (max-width: 767px) {
  
	  /* Increase breakpoint for mobile menu */
	  .wp-block-navigation__responsive-container-open  {
		  display: block !important;
	  }
  
	  .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
		  display: none !important;
	  }

	 .custom-post-header .entry-date-modified {
	  	margin-right: 4px;
	  }	 


	   .custom-post-header .entry-date-modified::after  {
		  content: '|';
		  margin-left: 4px;
	  }	  

	  /* Odd posts */
  
	  .odd-posts article {
		  margin: 10px 0;
	  }
  
	  .odd-posts article .latest-post-image {
		  float: left;
		  max-width: 110px;
		  margin-right: 14px;
	  }
  
	  .odd-posts .recent-posts .entry-categories {
		  display: none;
	  }	
  
	  .odd-posts .recent-posts .entry-categories a {
		  font-size: 12px;
	  }
  
	  .odd-posts article .latest-post-description .h3 {
		  margin-top: 0;
		  font-size: 20px;
	  }
  
	  .full-width-content .content {
		  margin-top: 24px;
	  }
  
	  .home .content {
		  margin-top: 0;
	  }
  
	  .home-intro {
		  margin-top: -36px;
		  padding-top: 24px;
	  }
  
	  .latest-recipes-section h2 {
		  text-align: center;
	  }
  
	  .site-footer .wp-block-image {
		  margin-bottom: 0;
	  }
  
	  .site-footer p a {
		  font-weight: bold;
		  margin: 0 6px;
	  }
  
	  .site-header .mobile-only .wp-block-search__button {
		  margin-right: -6px;
	  }
  
	  .site-header .wp-block-search__inside-wrapper {
		  flex-direction: column-reverse;
		  padding-right: 0;
	  }
  
	  .custom-post-header {
		  margin-bottom: 6px;
	  }
  
	  .custom-post-header .editor::before {
		  display: none;
	  }
  
	  .custom-post-header .editor {
		  display: block;
		  margin-left: 0;
	  }
  
	  .custom-post-header .wprm-jump-video {
		  position: relative;
		  top: -40px;
		  left: 20px;
		  background: #fff;
		  padding: 6px 16px;
		  border-radius: 30px
	  }
  
	  .custom-post-header .wprm-jump-video span {
		  position: relative;
		  bottom: -2px;
	  }

	  .custom-post-header .post-header-buttons {
		margin-top: 16px;
	  }
  
	  .comment-form-attachment__input::before {
		  display: block;
		  margin-bottom: 10px;
	  }
  
	  .custom-category-header {
		  padding-top: 40px;
		  margin-top: -24px;
	  }

	  .sidebar-categories figure {
		margin-bottom: 10px;	
		}
		
		.sidebar-categories h3 {
			margin-bottom: 0;
		}

		.before-footer {
			margin-top: 30px;
		}

  }
  
  @media only screen and (max-width: 958px) {
	  .mobile-only {
		  display: block;
	  }
  
	  .desktop-only {
		  display: none;
	  }
  
	  .title-area {
		  margin: 0 auto -20px;
	  }
  
	  .sticky-header {
		  display: none !important;
	  }
	  
  }
  
  /* TABLET */
  @media only screen and (min-width: 700px) {
	  .desktop-only-nav {
		  display: block;
	  }
  
	  .mobile-only-nav {
		  display: none;
	  }
  }
  
  /* DESKTOP */
  @media only screen and (min-width: 959px) {
  
	  .mobile-only {
		  display: none;
	  }
  
	  .desktop-only {
		  display: block;
	  }
  
	  /* Typography
	  --------------------------------------------- */
	  h1 {
		  font-size: 30px;
	  }
  
	  h1.entry-title {
		  font-size: 32px;
		  text-align: left;
	  }
  
	  h1.narrow {
		  padding: 0 12%;
	  }
  
	  h2, .h2 {
		  font-size: 30px;
	  }
  
	  h3, .h3 {
		  font-size: 26px;
	  }
  
	  h4, .h4 {
		  font-size: 22px;
	  }
  
  
	  /* Before Header
	  --------------------------------------------- */
	  
	  .before-header {
		  text-align: center;
	  }
  
	  .before-header .wp-block-group > * {
		  display: inline-block;
	  }
  
	  .before-header .wrap {
		  font-size: 20px;
		  max-width: 1160px;
		  margin: 0 auto;
		  flex-direction: row;
	  }
  
  
	  /* Floating Widget */
	  .floating-button-widget .wp-block-button {
		  position: fixed;
		  right: -64px;
		  top: 38%;
		  transform: rotate(90deg);
		  z-index: 99999;
	  }
  
	  /* Site Header
	  --------------------------------------------- */
  
	  .site-header {
		  background: #fff;
		  z-index: 9999;
		  width: 100%;
		  margin: 0 auto;
	  }
  
	  .site-header .wrap  {
		  border-bottom: none;
	  }
	  
	  .site-header .wrap .wp-block-group:not(.mobile-only) {
		  display: flex;
		  max-width: 1160px;
		  margin: 0 auto;
		  justify-content: space-between;
		  padding: 10px 20px !important;
		  background: #fff;
		  border-bottom: none;
	  }
	  
	  .site-header .wrap::before,
	  .site-header .wrap::after {
		  display: none;
		  padding-left: 100px;
		  padding-right: 100px;
	  }
	  
	  .site-header .wrap div {
		  flex-grow: 1;
	  }
	  
	  .header-widget-area {
		  display: flex;
		  justify-content: space-between;
		  align-items: center;
	  }
  
	  .site-title {
		  line-height: 120px;
	  }
  
	  .site-title a {
		  background: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/logo.png) no-repeat left center;
		  background-size: contain;
	  }	
  
	  .fixed-header .site-title {
		  line-height: 70px;
		  margin: 0 !important;
	  }
	  
	  .fixed-header ul.menu {
		  margin: 10px 0;
	  }
  
	  .sticky-header {
		  background: #fff;
		  box-shadow: 0 0 4px -2px var(--secondary);
		  position: fixed;
		  z-index: 99999;
		  width: 100%;
		  margin: 0 auto;
		  top: 0;
		  display: none;
	  }
  
	  .sticky-header .wrap {
		  display: flex;
		  flex-direction: row;
		  justify-content: space-between;
		  align-items: center;
		  width: 1120px;
		  margin: 0 auto;
	  }	
  
	  .sticky-header p.cta-download {
		  color: #fff;
		  background-color: var(--primary);
		  font-family: var(--system-sans);
		  font-size: 14px;
		  font-weight: bold;        
		  margin: 0;
		  padding: 10px 15px;
	  }	
  
	  .sticky-header .cta-download img {
		  margin: 1px 0 0 5px;
		  width: 17px;
	  }	
  
	  /* */
	  .sticky-header figure.wp-block-image {
		  margin: -4px 0 0 0;
		}
		  
	  .sticky-header .combined-menu {
		  display: flex;
	  }	
		  
	  .sticky-header ul.menu a {
		  padding: 6px 3px;
	  }	
		  
	  .sticky-header .search-form-submit {
	  display: none;
	  }		
  
	  .sticky-header ul.menu li {
		  /text-transform: none;
		  /font-size: 16px;
	  }
  
	  .sticky-header ul.menu li:nth-of-type(n+4){
		  /font-size: 22px;
		  /text-transform: uppercase;
	  }
  
	  .sticky-header ul.menu .sub-menu li{
		  font-size: 22px;
		  text-transform: uppercase;
	  }
  
	.sticky-header .wp-block-site-logo.is-default-size img {
	    width: 180px;
	}

	.sticky-header ul.wp-block-navigation__container.is-responsive.wp-block-navigation {
	    margin-top: 18px;
	    margin-bottom: 18px;
	    padding-left: 40px;
	}  
  
	  /* Site Navigation
	  --------------------------------------------- */
  
	  .sticky-header ul .menu-item {
		  display: inline-block;
		  font-family: var(--system-sans);
		  text-transform: uppercase;
		  letter-spacing: 1.8px;
		  line-height: 1;
		  position: relative;
		  margin: 0 10px;
	  }	
  
	  .sticky-header ul .menu-item a {
		  font-size: 16px;
		  font-weight: bold;
		  outline-offset: -1px;
		  padding-bottom: 12px;
		  padding-top: 12px;	    
		  text-decoration: none;
	  }	
  
	  .sticky-header .custom-search {
		  position: relative;
		  max-width: 40px;
		  top: -22px;
		  padding-right: 80px;
	  }	
  
	  .sticky-header .custom-search input[type="search"]:focus {
		  background-color: var(--tertiary) !important;
	  }
  
	  .sticky-header .sub-menu {
		  border: none;
		  background: var(--tertiary);
		  align-items: normal;
		  transition: opacity .1s linear;
		  visibility: hidden; 
		  position: absolute;
	  }
  
	  .sticky-header ul .menu-item li {
		  margin: 8px 25px 8px -20px;
	  }	
  
	  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content > form {
		  margin-right: -15px;
	  }	
  
	  /* Site-Inner
	  --------------------------------------------- */
  
	  .site-inner {
		  max-width: 1160px;
	  }
  
	  /* Content
	  --------------------------------------------- */
  
	  .content {
		  float: left;
		  width: 700px;
	  }
  
	  .sidebar-content .content {
		  float: right;
	  }
  
	  .full-width-content .content {
		  width: 100%;
		  float: none;
		  margin-left: auto;
		  margin-right: auto;
		  margin-top: 20px;
	  }
  
	  .archive.full-width-content .content {
		  margin-top: 40px;
	  }
  
	  .blog .content {
		  display: grid;
		  grid-template-columns: repeat(4,minmax(0,1fr));
		  gap: 30px;
	  }
  
  
	  /* Sidebar
	  --------------------------------------------- */
  
	  .sidebar {
		  float: right;
		  width: 370px;
	  }
  
	  .sidebar-content .sidebar {
		  float: left;
	  }
	  
	  /* Site Footer
	  --------------------------------------------- */    
  
	  .site-footer {
		  padding: 40px 10px 0;
	  }    
  
	  .site-footer .wp-block-columns:first-of-type .wp-block-column:nth-of-type(2) {
		  border-left: solid 1px #fff;
		  border-right: solid 1px #fff;
		  border-top: none;
		  border-bottom: none;
		  padding: 0 60px;
	  }    
  
	  .site-footer .wp-block-columns:nth-of-type(2) {
		  margin-bottom: 20px;
	  }    
  
	  .footer-menu a {
		  margin: 0 10px;
	  }
	  
	  .before-footer .wrap {
		  justify-content: space-between;
	  }
  
	  .site-footer p.has-text-align-right {
		  text-align: unset;
	  }
  
	  /* Special Classes
	  --------------------------------------------- */
  
	  .overlap-top-bottom {
		  margin-top: 20px;
		  margin-bottom: 20px;
	  }
	  
	  .overlap-top-bottom img {
		  margin: -20px 0;
	  }
  
	  .overlap-top-bottom .has-media-on-the-right .wp-block-media-text__content {
		  padding: 30px 8% 20px 0;
	  }
  
	  .custom-post-header .wrap {
		  max-width: 1120px;
		  margin: 0 auto;
		  padding: 30px 0;
		  text-align: left;
	  }
  
	  .custom-post-header .entry-date,
	  .custom-post-header .entry-date-modified,
	  .custom-post-header .post-meta {
		  font-size: 16px;
	  }
  
	  .custom-post-header .post-header-buttons {
		  display: inline-block;
	  }
  
	  .custom-post-header .post-header-buttons a {
		  margin-right: 30px;
	  }
	  
	  .custom-post-header .post-header-buttons span {
		  position: relative;
		  top: -2px;
	  }
  
	  .custom-post-header .wprm-recipe-cook-time-container {
		  display: inline;
	  }
  
	  .custom-post-header .wprm-recipe-icon img {
		  width: 20px !important;
	  }
  
	  .wprm-recipe-author-container .wprm-recipe-author-label::before,
	  .custom-post-header .editor::before,
	  .custom-post-header .entry-date-modified::before  {
		  content: '';
		  width: 30px;
		  border-top: 1px solid var(--dark);
		  position: absolute;
		  left: -38px;
		  top: 50%;
		  margin-left: 0;
	  }

	  .custom-post-header .entry-date-modified::before {
	  	width: 0;
	  }

	 .custom-post-header .entry-date-modified::after {
	    content: '';
	    width: 30px;
	    border-top: 1px solid var(--dark);
	    position: absolute;
	    top: 50%;
	    margin-left: 4px;
	 }	  

	  .custom-post-header .editor::before {
	  	top: 21%;
	  }	 

	  .custom-post-header .wprm-recipe-icon img {
		margin-top: 0;
	  }

	.grid-3 {
	    display: grid;
	    grid-template-columns: repeat(3, minmax(0, 1fr));
	    grid-gap: 30px;
	}

	  .grid-4 {
		  display: grid;
		  grid-template-columns: repeat(4, minmax(0, 1fr));
		  grid-gap: 30px;
	  }
  
	  .two-columns {
		  column-count: 2;
	  }
  
	  .three-columns {
		  column-count: 3;
	  }
  
	  .category-slider {
		  max-height: 55px;
	  }

	  .wp-block-buttons.category-slider .wp-block-button .wp-block-button__link {
		padding: 15px 22px;
	  }
  
	  .alignwide, .alignfull {
		  padding: 0;
	  }
  
	  .latest-post-image img {
		  width: unset;
	  }
  
	  .mobile-full-width-buttons .wp-block-buttons-is-layout-flex .wp-block-button {
		  flex-grow: 0;
	  }
	  
	  .category-slider p.slick-next.slick-arrow:after {
		width: 50px;
		height: 50px;
		top: 0;
	  }
  
	  .recipe-developed {
		  padding: 35px 25px 25px;
	  }
  
	  .subscribe-popup {
		  width: 500px;
	  }
	  
	  .subscribe-popup:target > div {
		  padding: 20px 30px 30px;
	  }
	  
	  .popup-close {
		  right: -220px;
	  }

 	  .post-header-left {
	     padding: 20px 0;
	  }

  
	  /* Home Page
	  --------------------------------------------- */
  
	  .home-intro {
		  margin-top: 0;
	  }
  
	  .home-intro p {
		  padding-right: 130px;
	  } 	
	  
	  .logo-badge::after {
		  bottom: -90px;
		  height: 135px;
		  width: 135px;
	  }
  
	  .custom-category-header.logo-badge::after {
		  display: none;
	  }
  
	  .custom-category-header.logo-badge .wrap::after {
		  content: "";
		  background-image: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/logo-badge.svg);
		  background-size: contain;
		  border-radius: 50%;
		  bottom: -40px;
		  right: 0;
		  height: 135px;
		  width: 135px;
		  position: absolute;
	  }
  
	  .video-section .wp-block-columns {
		  justify-content: space-around;
	  }	
  
	  .video-section .wp-block-column:first-of-type {
		  z-index: 5;
	  }
  
	  .video-section .wp-block-column:last-of-type {
		  margin-left: -120px;
		  margin-top: 0;
		  padding: 50px 30px 80px 140px;
		  position: relative;
	  }	
  
	  .video-section .wp-block-column:last-of-type:before {
		  content: '';
		  width: 1px;
		  height: 70%;
		  position: absolute;
		  background: var(--dark);
		  left: 100px;
	  }	
  
	  .horizontal-section .recent-posts {
		  display: grid;
		  grid-template-columns: repeat(2, minmax(0, 1fr));
		  grid-gap: 20px;
	  }	
  
	  .skill-section .wp-block-column:first-of-type {
		  align-self: center;
	  }
  
	  .skill-section h2 {        
		  margin-top: -40%;
		  width: 80%;
	  }
  
	  .skill-section h2:after, .seen-in h2:after {
		  content: '';
		  width: 110px;
		  height: 1px;
		  position: absolute;
		  background: var(--dark);
	  }
  
	  .skill-section .recent-posts .latest-post-description .h3 {
		  font-size: 20px;
	  }
  
	  .seen-in h2 {   
		  margin-top: 15px;     
		  position: relative;
	  }    
  
	  .seen-in h2:after {
		  right: -46px;
		  top: 20px;
		  width: 90px;
	  }
  
	  .latest-recipes-section h2 {
		  padding-left: 110px;
	  }       
  
	  .latest-featured-recipes .wp-block-column:first-of-type h2:after {
		  left: 32%;
	  }    
  
	  .latest-featured-recipes > div:first-of-type .recent-posts {
		  padding-top: 10px;
	  }    
  
	  .latest-recipes-section .latest-post-image {
		  margin-right: 12px;
	  }
  
	  .seen-in {
		  width: 1120px;
		  margin-left: auto;
		  margin-right: auto;
	  }
  
	  .logo-container {
		  display: grid;
		  grid-gap: 20px;
		  grid-template-columns: repeat(5, minmax(0, 1fr));
	  }	
  
	  .whats-here img {
		  width: 150px;
		  margin-bottom: -70px;
		  top: 0;
		  right: 0;
	  }
	  
	  .whats-here .wp-block-group {
		  padding: 30px 50px 0;
		  margin-bottom: 80px;
	  }
  
	.whats-here .logo-badge::after {
		left: 0;
	    margin-left: auto;
	    margin-right: auto;
	    right: 0;
	    top: 150px;
    	height: 150px;	    
    	width: 150px;
	}

	.whats-here p:last-of-type {
	    padding-bottom: 30px;
	}	

	  .wp-block-columns.essentials-section {
		  display: flex;
	  }
  
	  .side-circle {
		  margin: 30px 0 30px 75px;
	  }
  
	  .side-circle img {
		  margin-left: -75px;
		  max-width: none !important;
	  }
  
	  .side-circle .wp-block-media-text__content {
		  padding: 20px 20px 6px 0 !important;
		  margin-left: -40px;
		  margin-top: 0;
	  }
	  
	  .dashi-posts {
		  grid-template-columns: repeat(3,minmax(0,1fr));
		  gap: 30px;
	  }
  
	  /* Reusable Blocks
	  --------------------------------------------- */
	  .work-with-yuto {
		  margin-top: 55px;
		  padding: 40px;
	  }
  
	  .work-with-yuto img {
		  margin-top: -40px;
		  margin-left: 60px;
		  margin-bottom: -40px;    
	  }
  
	  .work-with-yuto .wp-block-media-text__content {
		  padding-left: 100px !important;
	  }
  
	  .work-with-yuto-social {
		  margin-left: 55px !important;
		  margin-top: -325px;
		  flex-direction: column !important;
	  }

	  .tips-block {
		padding: 0 40px 10px;
	  }

	  .tips-block ul {
			padding: 0 60px 10px;
			line-height: 1.6;
		}

	.tips-block h2,
	.tips-block h3 {
		margin-bottom: 0;
	}

	.ingredients-block {
		margin-bottom: 55px;
		padding: 10px 50px 60px 40px;
	}

	body .ingredients-block h2,
	body .ingredients-block h3 {
		margin: 0 -50px 0 -40px !important;
	}
		
	.ingredients-block::after {
		background-size: contain;
		border-radius: 50%;
		bottom: -40px;
		height: 150px;
		position: absolute;
		right: -18px;
		width: 150px;
	}
  
	  /* Archive Page
	  --------------------------------------------- */
	  .archive article {
		  margin-bottom: 0 !important;
	  }    
  
	  .archive .all-posts {
		  margin-bottom: 10px;
	  }    
  
	  .archive .taxonomy-description {
		  padding-bottom: 30px;
	  }
  
	  .archive-main-content,
	  .search .content,
	  .readers-favorite .recent-posts {
		  display: grid;
		  grid-template-columns: repeat(4,minmax(0,1fr));
		  gap: 30px;
	  }
  
	  .smaller-height {
		  padding-top: 15px;
		  padding-bottom: 15px;
	  }
  
	  .smaller-height figure.wp-block-media-text__media {
		  margin-top: -50px !important;
		  margin-bottom: -50px !important;
	  }    
  
	  .search .content {
		  grid-template-columns: repeat(4, 1fr);
	  }
  
	  .custom-category-header .wrap {
		  display: flex;
		  align-items: center;
		  justify-content: center;    
		  padding-top: 25px;
	  }
  
	  .category-header-image {
		  margin-top: -20px;
		  max-width: 28%;
	  }
	  
	  .category-header-image .featured-label {
		  margin-right: 40px;
	  }
  
	  .category-header-text {
		  padding-left: 50px;
		  width: 70%;
	  }
  
	  .category-header-text p {
		  font-size: 22px;
	  }
  
	  .custom-category-header .category-header-text .archive-description {
		  text-align: left;
	  }
  
	  .category-header-text .breadcrumbs {
		  text-align: left;
	  }
  
	  .category-header-image .recent-posts {
		  border-right: solid 1px var(--dark);
		  padding-right: 40px;
		  margin-bottom: 30px;
	  }	
  
	  .category-header-image .recent-posts .h3 {
		  margin-bottom: 0;
		  padding-top: 5px;
	  }
  
	  .custom-category-header.logo-badge::after {
		  right: 130px;
	  }
  
	  .cta-free-ebook {
		  margin-top: 55px;
	  }
  
	  .cta-free-ebook img {
		  margin-top: -40px;
		  margin-left: 140px;
		  margin-bottom: -40px;    
	  }
  
	  .cta-free-ebook .wp-block-media-text__content {
		  margin: 25px 10px;
		  padding-left: 180px !important;
	  }
  
	  .cta-free-ebook {
		  background: url(https://sudachirecipes.com/wp-content/themes/sudachi-theme/images/pattern1.svg) no-repeat;
		  background-size: contain;
		  background-position: -20px 25px;
	  }
  
	  .archive .skill-section .wp-block-column {
		  margin-left: 30px;
		  margin-right: 30px;
	  }
  
	  .skill-section .h3 {
		  margin-bottom: 5px;
	  }

	  .recipe-category-selector {
		  padding: 25px 0 0;
	  }
  
	  .recipe-category-selector .wp-block-columns {
		  display: flex;
	  }
  
	  .recipe-category-selector .wp-block-column {
		  margin: 0 10px;
	  }
  
	  .recipe-category-selector .wp-block-column:nth-child(n+7) {
		  display: block;
	  }
  
	  .custom-category-header article.Difficulty-easy .latest-post-image::before {
		  left: 50%;
		  transform: translatex(-50%);
	  }	
  
	  .custom-category-header article.Difficulty-medium .latest-post-image::before {
		left: 50%;
		transform: translatex(-50%);
	  }	
  
	  .custom-category-header article.Difficulty-hard .latest-post-image::before {
		left: 50%;
		transform: translatex(-50%);
	  }

	.video-section .wp-block-column:first-of-type h2 {
		margin-bottom: 10px;
	}

	.video-section .wp-block-column:last-of-type h3 {
		margin-top: 0;
	}

	.video-section .wp-block-buttons .wp-block-button {
	    margin-bottom: 0;
	}	

	.skill-section .wp-block-column:nth-of-type(2) figure img,
	.skill-section .wp-block-column:nth-of-type(3) figure img,
	.skill-section .wp-block-column:nth-of-type(4) figure img {
	    margin-bottom: 0;
	    width: 155px;
	}	


	ul.tabs>li {
		margin: 0 20px;
		padding: 2px 5px;
	}

	ul.tabs li a.active {
		padding: 8px 10px;		
	}

	.yutos-favorites-horizontal .wp-block-media-text {
	    display: grid;
	}	
  
	.yutos-favorites-horizontal .wp-block-media-text {
		max-width: 350px;
	}
	
	  /* Pagination
	  --------------------------------------------- */
  
	  .archive-pagination {
		  margin-bottom: -30px;
	  }
  
  
	  /* Plugins
	  --------------------------------------------- */
	  .featured-posts .recent-posts {
		  display: grid;
		  grid-template-columns: repeat(4, minmax(0, 1fr));
		  grid-gap: 25px;
	  }    
  
	  .tabgroup .recent-posts {
		  display: grid;
		  grid-template-columns: repeat(3, minmax(0, 1fr));
		  grid-gap: 35px;
	  }        
  
	  .tabgroup article {
		  margin-bottom: 30px !important;
	  }
  
	  .tabgroup h2 {
		  margin-top: -103px;
		  margin-bottom: 95px;
	  }    
  
	  .tabs.highlight {
		  margin-top: 60px;
	  }
  
	  /* Slider */
	  
	  .category-slider .category-slider .wp-block-button a {
		  padding: 15px !important;
	  }
  
	  /* Author Box */
  
	  .author-box {
		  text-align: left;
	  }
  
	  .author-box img {
		  float: left; 
		  margin: 0 30px 0 0;
	  }

	  /* Patterns
	  --------------------------------------------- */

  
  }
  
  /* iOS fixes */
  .wp-block-search input {
	border-radius: 0;
  }
  
  input[type="search"] {
	-webkit-appearance: none;
	  background: #fff;
  }
  
  /* iPhone only edits */
  _::-webkit-full-page-media, _:future, :root .recipe-category-selector .image-outline img {
	  border: none;
	  outline: none;
	  padding: 4px;
	  box-shadow: 0 0 0 1px var(--highlight);
  }
  
  
  /* Print Styles
  ---------------------------------------------------------------------------- */
  
  @media print {
  
	  *,
	  *::before,
	  *::after {
		  background: transparent !important;
		  box-shadow: none !important;
		  color: #333 !important;
		  text-shadow: none !important;
	  }
  
	  a,
	  a:visited {
		  text-decoration: underline;
	  }
  
	  a[href]::after {
		  content: " (" attr(href) ")";
	  }
  
	  abbr[title]::after {
		  content: " (" attr(title) ")";
	  }
  
	  a[href^="javascript:"]::after,
	  a[href^="#"]::after,
	  .site-title > a::after {
		  content: "";
	  }
  
	  thead {
		  display: table-header-group;
	  }
  
	  img,
	  tr {
		  page-break-inside: avoid;
	  }
  
	  img {
		  max-width: 100% !important;
	  }
  
	  @page {
		  margin: 2cm 0.5cm;
	  }
  
	  p,
	  h2,
	  h3 {
		  orphans: 3;
		  widows: 3;
	  }
  
	  blockquote,
	  pre {
		  border: 1px solid #999;
		  page-break-inside: avoid;
	  }
  
	  .content,
	  .content-sidebar {
		  width: 100%;
	  }
  
	  button,
	  input,
	  select,
	  textarea,
	  .breadcrumb,
	  .comment-edit-link,
	  .comment-form,
	  .comment-list .reply a,
	  .comment-reply-title,
	  .edit-link,
	  .entry-comments-link,
	  .entry-footer,
	  .genesis-box,
	  .header-widget-area,
	  .hidden-print,
	  .home-top,
	  .nav-primary,
	  .nav-secondary,
	  .post-edit-link,
	  .sidebar {
		  display: none !important;
	  }
  
	  .title-area {
		  float: left;
		  text-align: center;
		  width: 100%;
	  }
  
	  .site-title > a {
		  margin: 0;
		  text-decoration: none;
		  text-indent: 0;
	  }
  
	  .site-inner {
		  padding-top: 0;
		  position: relative;
	  }
  
	  .author-box {
		  margin-bottom: 0;
	  }
  
	  h1,
	  h2,
	  h3,
	  h4,
	  h5,
	  h6 {
		  orphans: 3;
		  page-break-after: avoid;
		  page-break-inside: avoid;
		  widows: 3;
	  }
  
  
	  img {
		  page-break-after: avoid;
		  page-break-inside: avoid;
	  }
  
	  blockquote,
	  pre,
	  table {
		  page-break-inside: avoid;
	  }
  
	  dl,
	  ol,
	  ul {
		  page-break-before: avoid;
	  }
  }