/*
Theme Name: Twenty Twenty One Child
Theme URI: https://wichaiyuangkaew.com
Description: A child theme for Twenty Twenty One.
Author: Wichai Yuangkaew
Author URI: https://wichaiyuangkaew.com/
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

.grecaptcha-badge { 
    visibility: hidden;
}
:root{
	/* Font Family */
	--global--font-primary: var(--font-headings), "Sukhumvit Set", Ubuntu, "Segoe UI", Roboto, Oxygen-Sans, Cantarell, "Helvetica Neue", sans-serif;
	--global--font-family-child: var(--global--font-primary), "Sukhumvit Set";
	--global--font-secondary: var( --font-base),"Sukhumvit Set", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--global--font-secondary-child: var(--global--font-secondary), "Sukhumvit Set";
	/* Colors */
	--global--color-border: #f1f1f1; /* Used for borders (separators) */
}
.primary-navigation .sub-menu .menu-item > a {
    /* padding: var(--primary-nav--padding); */
    padding: 6px var(--primary-nav--padding);
}
@media only screen and (min-width: 482px){
    .primary-navigation .sub-menu .menu-item > a {
        /* font-size: var(--primary-nav--font-size-sub-menu); */
        font-size: 0.9rem;
        font-weight: 400;
        font-style: var(--primary-nav--font-style);
    }
	.primary-navigation > div > .menu-wrapper > li > .sub-menu {
  		left: 0;
  		margin: 0;
  		min-width: max-content;
  		position: absolute;
  		top: 100%;
  		padding-top: 3px;
  		z-index: 88888;
  		column-count: 1;
		border-radius: 6px 6px 6px 6px;
		border-color: var(--global--color-border);
}
	.primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
	.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
		content: "";
		display: block;
		position: absolute;
		width: 0;
		top: -10px;
		left: var(--global--spacing-horizontal);
		border-style: solid;
		border-color: var(--global--color-border) transparent;
		border-width: 0 7px 10px;
	}
	.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
		top: -9px;
		border-color: var(--global--color-background) transparent;
	}
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
	display: flex;
	height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px);
	width: 10px;
	padding: 0;
	justify-content: center;
	align-items: center;
	background: transparent;
	color: currentColor;
	border: none;
}
@media (min-width:1280px) {
	
}