/*
Theme Name: ESL Institute Los Angeles
Theme URI: https://www.esl-losangeles.com/
Description: ESL Institute Los Angeles Exclusive Theme
Version: 1.0
Author: Taisuke Inui
Author URI: https://www.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;}

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

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

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

@media screen and (max-width: 767px){
 .img-80per-md{width:80%; display:block; margin-inline:auto;}
 
 .text-start-md{text-align:start !important;}
}

.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;}

.btn{white-space:normal; padding:0.5rem 2.75rem;}

.btn-lg{padding:0.5rem 3.25rem;}

.btn-success{background-color:#789e02; border-color:#789e02;}

.border-success{border-color:#9ac023 !important;}

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

.text-success{color:#789e02 !important;}

.text-dark-orange{color:#ba9115 !important;}

.bg-warning{background-color:#e0b226 !important;}

.bg-light-orange{background-color:#fff4d5 !important;}

.bg-light-pink{background-color:#ffebea !important;}

.bg-light-blue{background-color:#e5f5ff !important;}

.bg-light-yellow{background-color:#fff9dc !important;}

.bg-light-green{background-color:#e4ffe5 !important;}

.bg-gradient{background: #F2FBE2;
background: linear-gradient(135deg, rgba(242, 251, 226, 1) 0%, rgba(249, 240, 214, 1) 65%) !important;}

@media screen and (max-width: 767px){
 .img-50per-md{width:50%; display:block; margin-inline:auto;}
}

nav.bg-light{background-color:#fcfff5 !important;}

.anchor-absolute{display: block; position: relative; top: -190px;}

.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%;}
}

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

body{font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; line-height:1.6rem; color:#304000 !important; background-color:#fdfffa;}

html[lang="en-US"] body{ font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-variation-settings: "wdth" 100;}

html {
 font-size: 15px
}

html[lang="en-US"]{font-size: 15.5px}

@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: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 700;}

.font-playfair{font-family: "Playfair Display", serif; font-optical-sizing: auto; font-weight: 700;}

.font-noto-sans{font-family: "Noto Sans JP", sans-serif !important;}

.font-yusei{font-family: "Yusei Magic", sans-serif !important;}

.font-roboto{font-family: "Roboto", sans-serif !important;}

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

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

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

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

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

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

.fs-5{font-size:1.15rem !important;}

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

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

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

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

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

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

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

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

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

.navbar-nav .btn-success{background-color:#789e02 !important; border-color:#789e02 !important;}

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

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

/* footer */
footer{padding:25px 0;}

/* mutual */
.sec-padding-120px{padding-top:120px; padding-bottom:120px;}

.ttl-border{border-bottom:2px solid #304000; padding-bottom:10px;}

.bg-light-green-la{background: url('/wp-content/themes/esl-institute/images/bg-light-green-la.webp') top center no-repeat; background-size:cover;}

.bg-light-orange-la{background: url('/wp-content/themes/esl-institute/images/bg-light-orange-la.webp') top center no-repeat; background-size:cover;}

@media screen and (max-width:767px){
 .sec-padding-120px{padding-top:60px; padding-bottom:60px;}
 
 .bg-light-green-la{background: url('/wp-content/themes/esl-institute/images/bg-light-green-la-mobile.webp') top center no-repeat; background-size:cover;}
 
 .bg-light-orange-la{background: url('/wp-content/themes/esl-institute/images/bg-light-orange-la-mobile.webp') top center no-repeat; background-size:cover;}
}

/* home */
#hero-img{padding-top:65px; padding-bottom:480px; text-align:right; background:url('/wp-content/themes/esl-institute/images/hero-img.webp') top center no-repeat; background-size:cover;}

#hero-img h1{font-size:2.3rem;}

#hero-img .main-text{font-size:8rem; padding-top:15px; padding-bottom:25px; border-top:2px solid #304000; border-bottom:2px solid #304000; display:inline-block; line-height:7rem; text-shadow:0 0 10px #fff,0 0 20px #fff;}

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

.card-reason i{font-size:5rem;}

.card-flow i{font-size:3rem; color:#9ac023;}

.arrow-flow{font-size:3rem;}

.fa-stack{line-height:.6em;}

.fa-stack small{font-size:.7rem;}

.wpcf7-list-item{display:block !important; margin:0 0 .5em 1em !important;}

@media screen and (max-width:767px){
 #hero-img{padding-top:20px; padding-bottom:310px; background:url('/wp-content/themes/esl-institute/images/hero-img-mobile.webp') top center no-repeat; background-size:cover;}
 
 #hero-img h1{font-size:1.65rem; text-align:center;}
 
 #hero-img .main-text{font-size:4.25rem; line-height:4.5rem; text-align:center; display:block;}
 
 html[lang="en-US"] #hero-img .main-text{font-size:3.75rem; line-height:4.25rem;}
}

/* page */
#hero-img-page{padding-top:65px; padding-bottom:65px; text-align:center; background:url('/wp-content/themes/esl-institute/images/bg-light-green-la-beach.webp') center center no-repeat; background-size:cover;}

#hero-img-page h1{font-size:2.3rem;}

#hero-img-page .main-text{font-size:6rem; padding-top:15px; padding-bottom:25px; border-top:2px solid #304000; border-bottom:2px solid #304000; display:inline-block; line-height:5rem; text-shadow:0 0 10px #fff,0 0 20px #fff;}

@media screen and (max-width:767px){
 #hero-img-page{background:url('/wp-content/themes/esl-institute/images/bg-light-green-la-beach-mobile.webp') center center no-repeat; background-size:cover;}
 
 #hero-img-page h1{font-size:1.65rem; text-align:center;}
 
 #hero-img-page .main-text{font-size:3.25rem; line-height:4rem; text-align:center; display:block;}
}

.bg-striped{background-image: linear-gradient(45deg, #fbffef 25%, #fff7e0 25%, #fff7e0 50%, #fbffef 50%, #fbffef 75%, #fff7e0 75%, #fff7e0 100%);
background-size: 14.14px 14.14px;}

.card-testimonials{border: 10px solid transparent;
	border-image: 10 repeating-linear-gradient(-45deg, red 0, red 1em, transparent 0, transparent 2em, #58a 0, #58a 3em, transparent 0, transparent 4em); font-family: "Yusei Magic", sans-serif; color:#232323;}

.card-testimonials .card-body{padding:1.5rem;}

/* Back to Top */
#return-to-top {
    z-index:1000;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(120, 158, 2, 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;
}