/* 
Theme Name:		 twentytwenty-child
Theme URI:		 http://childtheme-generator.com/
Description:	 twentytwenty-child is a child theme of twentytwenty, created by ChildTheme-Generator.com
Author:			 kage
Author URI:		 http://childtheme-generator.com/
Template:		 twentytwenty
Version:		 1.0.0
Text Domain:	 twentytwenty-child
*/


/*
    Add your custom styles here
*/

.primary-menu-wrapper + .header-toggles {
    display: none;
}
/*.singular .entry-header {
    display: none;
}*/
* {
    font-family: "Inter", sans-serif !important;
    font-optical-sizing: auto;
}
.site-description {
    font-size: 1.5rem;
    font-weight: 300;
}
.post-inner {
    padding-top: 0;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 100%;
}

.entry-content {
    padding: 20px;
}

[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 100%;
	width: 100%;
}
.search-toggle {
    display: none !important;
}

body{
	position: relative;
}

.chineseBox{
	border: 1px solid #cd2653;
	padding: 2px 8px;
}
.mobileChineseBox{
	display: none;
}
@media screen and (max-width:1000px){
	.mobileChineseBox{
        display: block;
        position: absolute;
        left: 15px;
        top: 11px;
        border: 1px solid #cd2653;
        padding: 2px 8px;
        font-size: 12px;
        font-weight: 700;
	}
	.mobileChineseBox a:hover{
		color: #cd2653;
		text-decoration: none;
	}
	.mobmenu-content li {
        font-size: 15px;
	}
}

@media screen and (max-width:700px){
	.entry-content p, .entry-content li {
        font-size: 12px;
    }
}
/* Header */
@media screen and (max-width:700px){
	.mob-menu-logo-holder{
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
@media screen and (min-width:320px) and (max-width:400px){
	.mob-menu-logo-holder .mob-retina-logo{
		height: 35px !important;
	}
}
@media screen and (max-width:319px){
	.mob-menu-logo-holder .mob-retina-logo{
		height: 25px !important;
	}
}
/*container padding 20 */
.pad20 {
    padding: 0 20px;
}

/* Noodle page */

.sp-tab__nav-tabs{
	gap: 15px;
	justify-content: center !important;
}
.sp-tab__nav-tabs .sp-tab__active{
	border-bottom: 3px solid #d95d7e !important;
}
.sp-tab__nav-link{
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.h4-noodle{
	border-left: 2px solid #E22658;
	padding-left: 10px;
}
.sp-tab__active{
	max-width: 850px;
	margin: auto;
}
@media screen and (max-width:781px){
	.sp-tab-content .wp-block-columns.reverse{
		flex-wrap: wrap-reverse !important;
	}
	.sp-tab-content .mob-text-center{
		text-align: center;
		margin-bottom: 25px;
	}
	.sp-tab__active{
		padding: 0 !important;
	}
}
/* EM page */
.em-italic{
	font-family: 'Inter var';
	line-height: 1.8;
}
.em-coming-soon{
	border-top: 1px solid #6D6D6D;
	border-bottom: 1px solid #6D6D6D;
	padding: 40px 20px;
}
.em-overseas{
	border-radius: 20px;
	box-shadow: 4px 4px 6px 4px rgba(180, 214, 205, 1);
    width: 850px;
    margin: auto;
	padding: 40px 50px;
}
.em-how-to-use{
	margin-right: -35px;
	margin-left: -35px;
}
.em-how-to-use .em-how-to-use-space{
	width: 850px !important;
	margin: auto;
}
.em-how-to-use .em-how-to-use-space .wp-block-columns{
	gap: 70px;
}

/* General styles */
.noodle-text, .em-text, .em-coming-soon{
	width: 650px !important;
	margin: auto !important;
}
.em-overseas-text{
	width: 500px !important;
	margin: auto !important;
}
@media screen and (max-width:760px){
	.noodle-text, .em-text, .em-overseas-text, .em-coming-soon, .em-overseas{
		width: 100% !important;
	}
}
.mb0{
	margin-bottom: 0 !important;
}
.wprt-container {
    width: 100% !important;
}
.btitle {
    font-family: "Inter", sans-serif !important;
    font-optical-sizing: auto;
    margin-bottom: 0 !important;
}
.bdescription {
    max-width: 730px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-family: "Inter", sans-serif !important;
    font-optical-sizing: auto;
    line-height: 35px !important;
}
@media (min-width:782px) {
    .containerNarrow {
        max-width: 1035px !important;
        gap: 6.5em !important;
  }
  .mobile {
      display: none !important;
  }
  .bbanner {
	    height: 689px;
  }
  .btitle { 
	    font-size: 50px;
   }
   .bdescription { 
	    font-size: 20px;
   }
}
@media (max-width:781px) {
  .desktop {
      display: none !important;
  }
	.btitle { 
	    font-size: 18px;
	    text-align: center;
	}
	.bdescription { 
	    display: none;
	}
}
.table-responsive {
    overflow-x: none !important;
}