/*
Theme Name: Menya Muso Tsukemen & Ramen
Theme URI: https://menyamuso.us/
Description: Meny Muso Exclusive Theme
Version: 1.0
Author: Taisuke Inui
Author URI: https://samurai-web-works.com/
*/

/* wordpress blog */
img.alignright { display: block; margin: 0 0 0 auto; }

img.alignleft { display: block; margin: 0 auto 0 0; }

img.aligncenter { display: block; margin: 0 auto; }

.mt-10px{margin-top:10px !important;}

.mt-20px{margin-top:20px !important;}

.mt-30px{margin-top:30px !important;}

.mt-40px{margin-top:40px !important;}

.mt-50px{margin-top:50px !important;}

.mt-60px{margin-top:60px !important;}

.mt-70px{margin-top:70px !important;}

.mt-80px{margin-top:80px !important;}

.mt-90px{margin-top:90px !important;}

.mt-100px{margin-top:100px !important;}

.mb-10px{margin-bottom:10px !important;}

.mb-20px{margin-bottom:20px !important;}

.mb-30px{margin-bottom:30px !important;}

.mb-40px{margin-bottom:40px !important;}

.mb-50px{margin-bottom:50px !important;}

.mb-60px{margin-bottom:60px !important;}

.mb-70px{margin-bottom:70px !important;}

.mb-80px{margin-bottom:80px !important;}

.mb-90px{margin-bottom:90px !important;}

.mb-100px{margin-bottom:100px !important;}

.mb-120px{margin-bottom:120px !important;}

.mb-180px{margin-bottom:180px !important;}

a{color:inherit; text-decoration:underline;}

a:hover{color:inherit; text-decoration:none;}

a:hover img.hoverImg{opacity:0.6;}

.flex-box {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-height {display: flex; align-items: center;}

.btn{white-space:normal; padding:0.375rem 2rem}

.btn-danger{background-color:#9b231a; border-color:#9b231a;}

.btn-success{background-color:#4a6c29; border-color:#4a6c29;}

.btn-warning{background-color:#f7c114; border-color:#f7c114;}

.btn-narrow-padding{padding:0.375rem 0.75rem;}

.sec-padding-90px{padding-top:90px; padding-bottom:90px;}

.container {max-width: 1530px;}

@media screen and (max-width: 1540px){
.container {max-width: 1430px;}
}

@media screen and (max-width: 1440px){
.container {max-width: 95%; padding-left:2.5%; padding-right:2.5%;}
}

@media screen and (max-width: 767px){
.container {max-width: 100%;}
}

@media screen and (max-width:767px){
 .mb-90px{margin-bottom:45px !important;}
 
 .mb-120px{margin-bottom:45px !important;}

 .mb-180px{margin-bottom:90px !important;}
}

.img-center{display:block; margin-left:auto; margin-right:auto;}

html{font-size:18px;}

body{font-family: "Jost", sans-serif; line-height:1.6rem; background:#232323; color:#f4f4f4; letter-spacing:.35px;}

@media screen and (max-width:1199px){
 html{font-size:1.3vw;}
}

@media screen and (max-width:991px){
 html{font-size:1.75vw;}
}

@media screen and (max-width:767px){
 html{font-size:3.5vw;}
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: "Jost", sans-serif; font-weight:700;}

h1,.h1{line-height:3.5rem;}

h2,.h2{line-height:3rem;}

h3,.h3{line-height:2.75rem;}

h4,.h4{line-height:2.5rem;}

h5,.h5{line-height:2rem;}

h6,.h6{line-height:1.75rem;}

@media screen and (max-width:767px){
 h1,.h1{line-height:2.7rem;}

 h2,.h2{line-height:2.45rem;}

 h3,.h3{line-height:2.25rem;}

 h4,.h4{line-height:2rem;}

 h5,.h5{line-height:1.8rem;}

 h6,.h6{line-height:1.6rem;}
}

/* header */
.navbar-expand-lg .navbar-nav .nav-link{padding-left:1rem; padding-right:1rem;}

.navbar-nav{text-transform: uppercase;}

.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active{background-color:#9b231a; color:#f4f4f4;}

.navbar-expand-lg .navbar-nav .btn-danger, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{color:#f4f4f4;}

@media screen and (max-width:991px){
 .navbar-nav, .dropdown-menu{text-align:center;}
}

#logo-header{width:190px; -webkit-transition: ease .25s; transition: ease .25s;}

.small-header{box-shadow: 0 0 4px grey; background-color:rgba(255, 255, 255, 0.85);}

.small-header #logo-header{width:120px; -webkit-transition: ease .25s; transition: ease .25s;}

.navbar-brand{padding-top:0; padding-bottom:0;}

@media screen and (max-width: 1299px){
 #logo-header{width:120px;}
}

@media screen and (max-width:767px){
 #logo-header, .small-header #logo-header{width:120px;}
}

/* footer */
footer{padding-bottom:20px;}

/* home */
/* video background */
.video-wrapper {
   top: 0;
   left: 0;
   width: 100%;
   height:550px;
   z-index: -1;
   /*pointer-events: none;*/
   overflow: hidden;
   position:relative;
}
.video-wrapper iframe {
   width: 100%;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   /* position: fixed; */
   z-index:-999;
}

.video-overlay{
   background-color{rgba(0,0,0,.15);}
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   z-index: -1;
   width: 100%;
   height: 100%;
}

h1.main-ttl{font-size:7rem; line-height:7.25rem; color:#f4f4f4; text-transform:uppercase; text-shadow:0 0 10px #2e2e2e/*, 0 0 20px #232323*/; letter-spacing:5px; text-align:right; margin-top:-165px;}

h1.main-ttl img{max-width:1390px; filter: drop-shadow(0px 1px 4px rgb(0 0 0 / .7));}

@media screen and (max-width:767px){
 .video-wrapper{height:340px;}
 
 h1.main-ttl{font-size:3.5em; line-height:4.5rem; letter-spacing:3px; margin-top:-45px;}
}

.sec-ttl{font-size:4rem; letter-spacing:3px; margin-bottom:60px; line-height:5.25rem;}

.card-ramen .card-body{padding:2rem;}

.bg-ramen{background:url('/wp-content/themes/menyamuso/images/bg-ramen-transparent-ramen.webp') #5c1010 center center no-repeat; background-size:cover;}

.bg-tsukemen{background:url('/wp-content/themes/menyamuso/images/bg-ramen-transparent-tsukemen.webp') #7e0e0e center center no-repeat; background-size:cover;}

.bg-mazemen{background:url('/wp-content/themes/menyamuso/images/bg-ramen-transparent-mazemen.webp') #9b231a center center no-repeat; background-size:cover;}

.bg-vegan-ramen{background:url('/wp-content/themes/menyamuso/images/bg-ramen-transparent-vegan-ramen.webp') #2b5305 center center no-repeat; background-size:cover;}

.bg-ramen-wide{background:url('/wp-content/themes/menyamuso/images/bg-ramen-transparent-wide-ramen.webp') #5c1010 center center no-repeat;}

.bg-tsukemen-wide{background:url('/wp-content/themes/menyamuso/images/bg-ramen-transparent-wide-tsukemen.webp') #7e0e0e center center no-repeat;}

.bg-mazemen-wide{background:url('/wp-content/themes/menyamuso/images/bg-ramen-transparent-wide-mazemen') #9b231a center center no-repeat;}

.bg-vegan-ramen-wide{background:url('/wp-content/themes/menyamuso/images/bg-ramen-transparent-wide-vegan-ramen') #2b5305 center center no-repeat;}

@media screen and (max-width:767px){
 .sec-ttl{font-size:2.5rem; letter-spacing:3px; margin-bottom:30px; line-height:3.5rem;}

 .card-ramen .card-body{padding:1.5rem 1rem;}
}

/* page */
#hero-img-page{height:450px;}

.no-webp .hero-img-capitol-hill{background:url('/wp-content/themes/menyamuso/images/hero-img-page-capitol-hill.jpg') center center no-repeat; background-size:cover;}

.webp .hero-img-capitol-hill{background:url('/wp-content/themes/menyamuso/images/hero-img-page-capitol-hill.webp') center center no-repeat; background-size:cover;}

.no-webp .hero-img-federal-way{background:url('/wp-content/themes/menyamuso/images/hero-img-page-federal-way.jpg') center center no-repeat; background-size:cover;}

.webp .hero-img-federal-way{background:url('/wp-content/themes/menyamuso/images/hero-img-page-federal-way.webp') center center no-repeat; background-size:cover;}

.no-webp .hero-img-kirkland{background:url('/wp-content/themes/menyamuso/images/hero-img-page-kirkland.jpg') center center no-repeat; background-size:cover;}

.webp .hero-img-kirkland{background:url('/wp-content/themes/menyamuso/images/hero-img-page-kirkland.webp') center center no-repeat; background-size:cover;}

.no-webp .hero-img-about-us{background:url('/wp-content/themes/menyamuso/images/hero-img-page-about-us.jpg') center center no-repeat; background-size:cover;}

.webp .hero-img-about-us{background:url('/wp-content/themes/menyamuso/images/hero-img-page-about-us.webp') center center no-repeat; background-size:cover;}

.no-webp .hero-img-contact{background:url('/wp-content/themes/menyamuso/images/hero-img-page-contact.jpg') center center no-repeat; background-size:cover;}

.webp .hero-img-contact{background:url('/wp-content/themes/menyamuso/images/hero-img-page-contact.webp') center center no-repeat; background-size:cover;}

.g-maps{filter:grayscale(100%); height:530px;}

.table{color:inherit;}

.icn-text{position:relative; padding-left:30px; display:block;}

.icn-text i{position:absolute; left:0; top:4px; font-size:1.2rem;}

ul.logo-brand{list-style:none; padding-left:0; display:inline-block;}

ul.logo-brand li{float:left; margin-right:15px;}

ul.logo-brand img{width:80px;}

@media screen and (max-width:767px){
 #hero-img-page{height:340px;}
	
 .webp .hero-img-capitol-hill{background:url('/wp-content/themes/menyamuso/images/hero-img-page-mobile-capitol-hill.webp') center center no-repeat; background-size:cover;}

 .webp .hero-img-federal-way{background:url('/wp-content/themes/menyamuso/images/hero-img-page-mobile-federal-way.webp') center center no-repeat; background-size:cover;}
	
 .webp .hero-img-kirkland{background:url('/wp-content/themes/menyamuso/images/hero-img-page-mobile-kirkland.webp') center center no-repeat; background-size:cover;}

 .webp .hero-img-about-us{background:url('/wp-content/themes/menyamuso/images/hero-img-page-mobile-about-us.webp') center center no-repeat; background-size:cover;}

 .webp .hero-img-contact{background:url('/wp-content/themes/menyamuso/images/hero-img-page-mobile-contact.webp') center center no-repeat; background-size:cover;}
 
 .g-maps{height:300px;}
}

.menu-container h3{line-height:1.5rem;}

.anchor-absolute{position:absolute; margin-top:-140px;}

@media screen and (max-width:767px){
 .anchor-absolute{position:absolute; margin-top:-100px;}
}

.modal-body{padding:1.35rem;}

@media screen and (min-width: 576px){
 .modal-dialog{max-width:1300px;}
}

.btn-close{background-color:#f4f4f4;}

/* page 404 */
#page404 h1{font-size:8rem; line-height:7rem;}

/* Back to Top */
#return-to-top {
    z-index:1000;
    position: fixed;
    bottom: 100px;
    right: 20px;
    background: rgba(194, 10, 33, 0.5);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    border-radius: 35px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    z-index:1200;
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}