/*
Theme Name: CHOYA USA
Theme URI: https://choyasusa.com/
Description: CHOYA USA 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-110px{margin-bottom:110px !important;}

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

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

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

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

a, a:hover{color:#34ac3e;}

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

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

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

.flex-end {display: flex; align-items: flex-end;}

.btn{white-space:normal;}

.container {max-width: 1230px;}

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

.img-70per{display:block; width:70% !important; margin-left:auto; margin-right:auto;}

.img-50per{display:block; width:50% !important; margin-left:auto; margin-right:auto;}

.img-40per{display:block; width:40% !important; margin-left:auto; margin-right:auto;}

@media screen and (max-width: 991px){
 .img-70per-md{display:block; width:70% !important; margin-left:auto; margin-right:auto;}

 .img-50per-md{display:block; width:50% !important; margin-left:auto; margin-right:auto;}
}

@media screen and (max-width: 767px){
 .mb-180px{margin-bottom:90px !important;}
 
 .img-70per-sm{display:block; width:70% !important; margin-left:auto; margin-right:auto;}
}

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

.text-success{color:#34ac3e !important;}

.text-warning{color:#ec9600 !important;}

.text-danger{color:#ec6859 !important;}

.bg-success{background-color:#73dc0b !important;}

.bg-light-pink{background-color:#fcdfc8;}

.bg-lighter-pink{background-color:#ffeee0;}

.btn{padding:.5rem 3rem;}

.btn-success{background-color:#6ece11; border-color:#6ece11; color:#fff;}

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

.bg-gradient-orange{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,fcfbe3+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffeed1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%, #ffeed1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%, #ffeed1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffeed1',GradientType=0 ); /* IE6-9 */
}

.bg-gradient-pink{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,fcfbe3+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fddbe1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%, #fddbe1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%, #fddbe1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fddbe1',GradientType=0 ); /* IE6-9 */
}

html{font-size:18px;}

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

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

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

body{font-family: 'Cardo', serif; line-height:2rem; font-feature-settings:"palt";}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: 'Cardo', serif;}

.h1{font-size:2.75rem;}

@media screen and (max-width:767px){
 .h1{font-size:2.25rem;}
}

/* header */
#logo-header{width:160px; -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:110px; -webkit-transition: ease .25s; transition: ease .25s;}

/* nav */
.navbar{font-family: 'El Messiri', sans-serif; font-weight:bold;}

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

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

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

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link:hover{color:#34ac3e;}

.navbar-light .navbar-nav .nav-link{color:#ec9600;}

.navbar i.fa-brands{font-size:1.25rem; color:#ec6859;}

.navbar-light .navbar-nav .nav-link i.fa-brands:hover{color:#ec9600;}

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

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

/* footer */
#footer-ctr{padding:55px 0;}

#footer-top{padding:70px 0;}

#footer-top i.fa-brands{font-size:1.6rem;}

#footer-top a i{color:#ec6859;}

#footer-top a:hover{color:#ec9600 !important;}

#footer-top ul{list-style:none; padding-left:0; display: flex; justify-content: center; align-items: center; list-style: none; font-size:.9rem;}

#logo-footer{width:190px;}

footer ul li{float:left; padding-right:10px; margin-right:10px; margin-bottom:0;}

footer ul li:last-child{border:none; margin-right:0;}

@media screen and (max-width:991px){
 #footer-top{padding:40px 0;}
 
 ul.footer-nav{display:block !important; text-align:center;}
 
 ul.footer-nav li{float:none; margin-bottom:10px}
 
 ul.footer-nav li:last-child{margin-bottom:0;}
}

#footer-bottom{background-color:#f4b444; color:#fff; padding:15px 0;}

.signup .col-md-18{padding-right:0;}

.signup .col-md-18 input{border-radius:0.25rem 0 0 0.25rem;}

.signup .col-md-6{padding-left:0;}

.signup .col-md-6 input{border-radius:0 0.25rem 0.25rem 0;}

.signup .btn{padding:.375rem .75rem;}

/* video bg */
.video-wrapper {
   top: 0;
   left: 0;
   width: 100%;
   height: 85vh;
   max-height:800px;
   min-height:650px;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
   position:relative;
}

.video-wrapper-sm {
   top: 0;
   left: 0;
   width: 100%;
   height: 85vh;
   max-height:600px;
   min-height:600px;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
   position:relative;
}

.video-wrapper iframe, .video-wrapper-sm 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%);
   z-index:-999;
   position:fixed;
}

@media screen and (max-width:767px){
 .video-wrapper, .video-wrapper-sm{height:500px; max-height:500px; min-height:500px;}
}

.arrow {
  text-align: center;
  position:absolute;
  bottom:50px;
  text-align:center;
  width:100%;
  z-index:2000;
}

@media screen and (max-width:767px){
.arrow{bottom:15px;}
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

.arrow a, .arrow a:hover, .arrow a:focus{color:#fff;}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-5px);
  }
}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.5;}
}

/* body */
.sec-padding-70px{padding:70px 0;}

.sec-padding-120px{padding:120px 0;}

.sec-padding-160px{padding:160px 0;}

.sec-padding-180px{padding:180px 0;}

.ttl-area{text-align:center; margin-bottom:40px;}

.ttl-area h2, .ttl-area h3{font-weight:bold;}

#bg-home01{background:url('/wp-content/themes/choyausa/images/bg-home01.jpg') top center; background-size:cover;}

.text-shadow{text-shadow:0 0 5px #444, 0 0 10px #444;}

.text-shadow-white{text-shadow:0 0 5px #fff, 0 0 10px #fff;}

@media screen and (max-width:767px){
 .sec-padding-120px{padding:70px 0;}

 .sec-padding-160px{padding:0;}
 
 .sec-padding-180px{padding:70px 0;}
 
 #bg-home01{background:none;}
}

.img-box{position:relative; display:block; color:#fff; text-shadow:0 0 5px #444, 0 0 10px #444;}

.img-box:hover{color:#fff;}

.img-box h3{position:absolute; bottom:30px; 
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-weight:bold;}

/* Owl Carousel */
#owl-products .owl-prev, #owl-recipes .owl-prev{position:absolute; left:-25px; top:45%; font-size:1.75em; color:#6ece11;}

#owl-products .owl-next, #owl-recipes .owl-next{position:absolute; right:-25px; top:45%; font-size:1.75em; color:#6ece11;}

.owl-theme .owl-controls .owl-buttons div{background:transparent; opacity:1; color:#6ece11;}

.owl-nav {display: block !important;}

#owl-products, #owl-recipes{text-align:center;}

.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

@media screen and (max-width:991px) {
 .owl-carousel .owl-item .col-md-24{padding-left:5px; padding-right:5px;}
}

/* page */
#b-crumbs{padding-top:12px; padding-bottom:12px;}

#b-crumbs a{color:#ec6859;}

/* product archive */
.product-ttl-archive{font-size:1.1rem; text-align:center;}

.product-archive-box{padding:25px 15px;}

.bg-product-archive-orange{background-color:/*#f9eccc*/transparent;}

.bg-product-archive-green{background-color:/*#deeacd*/transparent;}

.bg-product-archive-pink{background-color:/*#ffe0e6*/transparent;}

.bg-product-archive-yellow{background-color:/*#f7f5c3*/transparent;}

.bg-product-archive-black{background-color:/*#d9d9d9*/transparent;}

/* product details */
.product-ttl{font-size:3.75rem; font-weight:bold;}

.text-product-size{font-size:1.25rem; font-weight:bold;}

.recommend-ttl{font-weight:bold;}

.table-recommended{text-align:center; line-height:1.2;}

.table-recommended .fa-solid{font-size:3.25rem; color:#ec6859;}

.bg-product-orange{background-color:#ffe8ae;}

.bg-product-green{background-color:#ddf9b4;}

.bg-product-pink{background-color:#ffd6de;}

.bg-product-yellow{background-color:#f7f4a4;}

.bg-product-black{background-color:#d9d9d9;}

.sec-padding-product-top{padding-top:60px; padding-bottom:30px;}

.sec-padding-product-bottom{padding:30px 0 120px;}

.product-sec-ttl{font-size:2.25rem; font-weight:bold;}

.carousel-products{position:absolute; top:20px; 
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width:100%;}

.product-img{display:block; margin-left:auto; margin-right:auto; width:50%;}

@media screen and (max-width:1199px) {
 .product-ttl{font-size:3.5rem;}

 .product-img{width:42%;}
}

@media screen and (max-width:991px) {
 .product-ttl{font-size:2.5rem; font-weight:bold;}
 
 .product-img{width:38%;}
}

@media screen and (max-width:767px){
 .sec-padding-product-bottom{padding:40px 0;}
 
 .product-sec-ttl{font-size:1.75rem;}
 
 .carousel-products{position:relative;}
 
 .product-img{width:25%;}
}

/* recipe details */
.recipe-ttl{font-size:3rem; font-weight:bold;}

.text-product-size{font-size:1.25rem; font-weight:bold;}

.sec-padding-recipe{padding-top:40px; padding-bottom:120px;}

ul.checked{list-style:none; padding-left:2px; padding-right:20px; margin-bottom:0;}

ul.checked li{padding-left: 1.5em; margin-bottom:8px;}

ul.checked li a, ul.checked-success li a, ul.checked-danger li a{color:inherit;}

ul.checked li:before{content: '\f00c'; /* FontAwesome Unicode */
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  margin-left: -1.5em; /* same as padding-left set on li */
  width: 1.5em; /* same as padding-left set on li */
  font-weight:800; color:#ec6859;}

.bg-recipe-orange{background: linear-gradient(135deg, #fff 0%, #fff 50%, #fbdf8d 50%, #fbdf8d 100%);}

.bg-recipe-green{background: linear-gradient(135deg, #fff 0%, #fff 50%, #d2f191 50%, #d2f191 100%);}

.bg-recipe-yellow{background: linear-gradient(135deg, #fff 0%, #fff 50%, #efeb84 50%, #efeb84 100%);}

.bg-recipe-pink{background: linear-gradient(135deg, #fff 0%, #fff 50%, #ffc2b8 50%, #ffc2b8 100%);}

@media screen and (max-width:1199px) {
 .recipe-ttl{font-size:3.5rem;}
}

@media screen and (max-width:991px) {
 .recipe-ttl{font-size:2.5rem; font-weight:bold;}
}

@media screen and (max-width:767px) {
 .sec-padding-recipe{padding-top:40px; padding-bottom:70px;}
}

/* Responsive Pagenation */
ul.pagination{margin-bottom:0; margin-top:1rem; justify-content:center;}

.page-link{color:#333; background-color:transparent;}

.page-item.active .page-link{background-color:#333; border-color:#333;}

/* about */
#about-page-ttl{padding:220px 0; background:url('/wp-content/themes/choyausa/images/bg-page-about-ttl.jpg') center center no-repeat; background-size:cover;}

#about-page-ttl h1{color:#fff; font-weight:bold; font-size:2.75rem; text-align:center; line-height:7rem; font-weight:normal; text-shadow:0 0 8px #555;}

#about-page-ttl h1 span{font-size:6rem; font-weight:bold;}

.about-page-logo{width:270px;}

@media screen and (max-width:991px) {
 #about-page-ttl{padding:120px 0;}
 
 .about-page-logo{width:180px;}

 #about-page-ttl{padding:70px 0; background-image:url('/wp-content/themes/choyausa/images/bg-page-about-ttl-sm.jpg');}
 
 #about-page-ttl h1{font-size:1.75rem;}

 #about-page-ttl h1 span{font-size:4rem;}
}

@media screen and (max-width:767px) {
 #about-page-ttl h1{line-height:4rem;}
 
 #about-page-ttl h1 span{font-size:3rem;}
}

.bg-gradient-pink2{
 background: rgb(252,223,200);
 background: linear-gradient(135deg, rgba(252,223,200,1) 0%, rgba(252,223,200,1) 40%, rgba(255,244,236,1) 100%);
}

.bg-gradient-orange2{
 background: rgb(238,227,196);
 background: radial-gradient(circle, rgba(238,227,196,1) 0%, rgba(251,223,141,1) 100%);
}

.bg-gradient-green2{
 background: rgb(225,246,204);
 background: radial-gradient(circle, rgba(225,246,204,1) 0%, rgba(199,238,161,1) 100%);
}

.about-sec-ttl{font-size:3rem; font-weight:bold;}

@media screen and (max-width:767px) {
 .about-sec-ttl{font-size:2.5rem;}
}

.table-sm th, .table-sm td
{padding-left:.6rem; padding-right:.6rem;}

.table-sm i{width:22px; text-align:center;}

/* terms */
#page-terms h2, #page-terms h3, #page-terms h4, #page-terms h5{font-weight:bold;}

#page-terms h4.h6{font-size:1.15rem !important;}

/* age verification */
.age-verification-main, .age-button{font-family:'Cardo', serif !important;}

/* page 404 */
#page404 h1, #page404 h2{font-weight:bold;}

#page404 h1{font-size:6rem;}

/* Back to Top */
#return-to-top {
    z-index:1000;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(52, 172, 62, 0.5);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-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;
    -ms-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;
}