/*
Theme Name: Ricca Preschool
Theme URI: https://riccapreschool.com
Description: Ricca Preschool Exclusive Theme
Version: 1.0
Author: Taisuke Inui
Author URI: https://taisukeinui.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-150px{margin-bottom:150px !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;
    -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;}

.btn-lg{padding:.5rem 1.5rem;}

.btn-outline-warning{color:#ff8400; border-color:#ff8400;}

.btn-outline-warning:hover{background-color:#ff8400;}

.text-orange{color:#ff8400;}

.text-orange-dark{color:#df7300;}

.text-success{color:#26d51b !important;}

.text-success-dark{color:#20831a;}

.bg-success{background-color:#26d51b !important;}

.bg-light-green{background-color:#e4ffb8;}

.bg-beige{background-color:#fefce0;}

.bg-yellow-green{background-color:#98f527;}

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

.rounded{border-radius:.65rem !important;}

.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: "Zen Maru Gothic", sans-serif; line-height:1.6rem; font-weight:500;}

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

 body{padding-bottom: 76.28px;}
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{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 */
#header-top{padding-top:5px;}

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

.header-border{height: 15px;
  background: radial-gradient(circle at 14px 0, #26d51b 14px, #e4ffb8 15px) repeat-x;
  background-size: 28px 28px;}

.small-header{box-shadow: 0 0 4px grey;}

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

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

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

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

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

.nav-icon{font-size:1.25rem;}

.nav-icon-social{font-size:1.5rem;}

footer{padding-top:20px; padding-bottom:20px;}

.g-maps{height:475px;}

@media screen and (max-width:767px){
 .g-maps{height:200px;}
}

/* footer sticky */
.footer-sticky{display:none;}

@media screen and (max-width:991px){
.footer-sticky {
  display:block;
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  background: rgba(255, 255, 255, 0.85);
  z-index:500;
  border-top: 1px solid #cacaca;
  text-align:center;
  padding-top:.85rem;
  padding-bottom:.85rem;
}

.footer-sticky i{font-size:1.75rem; color:#d5a223;}
 
.footer-sticky .row .col-12{border-right:1px solid #cacaca;}
 
.footer-sticky .row .col-12:last-child{border:none;}
}

/* Mutual */
.sec-padding-100px{padding-top:100px; padding-bottom:100px;}

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

.ttl-border{border-bottom:dotted 3px #4bba7e; padding-bottom:4px;}

.ttl-border i{font-size:2.9rem;}

.ratio-16-9{display:block; aspect-ratio:16/9; background:#ddd;}

.beige-border{height: 22px;
  background: radial-gradient(circle at 12px 24px, #fefce0 12px, #a8f032 13px) repeat-x;
  background-size: 24px 24px;}

.light-green-border{height: 13px;
  background: radial-gradient(circle at 12px 0, #e8fee0 12px, #30922a 13px) repeat-x;
  background-size: 24px 24px;}

/* Home */
#hero-section{padding-top:35px; padding-bottom:35px; background-color:#98f527;}

.home-tagline{font-size:2.825rem; line-height:5rem;}

.pt-80px-home{padding-top:80px !important;}

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

@media screen and (max-width:767px){
 #hero-section{padding-top:20px; padding-bottom:20px;}
 
 .home-tagline{font-size:1.75em; line-height:3.25rem;}
 
 .pt-80px-home{padding-top:40px !important;}

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

/* Page */
.bg-green-pattern{background-image: url(/wp-content/themes/ricca/images/bg-gingham-pattern.webp);}

#hero-section h1{font-size:2.825rem;}

@media screen and (max-width:767px){
 #hero-section h1{font-size:1.75rem;}
}

.page-tagline.h1{font-size:2.35rem;}

@media screen and (max-width:767px){
 .page-tagline.h1{font-size:1.25rem; line-height:2rem;} 
}

.table-fees{vertical-align: middle; white-space: nowrap;}

table, thead, tbody, tfoot, tr, td, th{border-color:#20831a;}

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

/* Fixed Navigation */
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9000;
    box-shadow: 0 0 4px grey;
    -webkit-transition: ease .25s; transition: ease .25s;
}


/* Back to Top */
#return-to-top {
    z-index:1000;
    position: fixed;
    bottom: 100px;
    right: 20px;
    background: rgba(255, 132, 0, 0.7);
    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: 13px;
    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;
}