/*
Theme Name: Best Care Connections
Theme URI: https://bcc-la.com/
Description: Best Care Connections Consultants 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; }

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

.container {max-width: 1230px;}

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

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

.text-success{color:#8fb834 !important;}

.text-dark-green{color:#195400;}

.text-green{color:#8fb834;}

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

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

.bg-light-orange{background-color:#fff7e2;}

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

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

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

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

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

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

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

a, a:hover, a:focus{color:#81a92a;}

html{font-size:17px;}

body{font-family: 'Roboto', sans-serif; line-height:1.6rem; background:#fffdf5; color:#493f36;}

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

@media screen and (max-width:767px){
 h1,.h1{font-size:2rem;}
	
 h2,.h2{font-size:1.75rem;}
	
 h3,.h3{font-size:1.6rem;}
	
 .btn-sm-block{display:block; width:100%;}
	
 .img-50per-sm{width:50% !important; display:block !important; margin-left:auto; margin-right:auto;}
}

/* btn */
.btn{padding:.375rem 2em;}

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

/* header */
#header-top{background:#f5c99c; font-size:.975rem; padding:5px 0;}

.navbar.fixed{-webkit-transition: background-color 1s ease 0s;
  transition: background-color 1s ease 0s;
  box-shadow: 0 0 4px grey;}

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

.navbar-brand{padding:0;}

.logo-header{width:210px;}

nav.fixed .logo-header{width:150px;
  -webkit-transition: ease .25s;
  transition: ease .25s;}

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

.navbar a i{color:#8fb834;}

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

/* footer */
#footer-bottom{padding:35px 0; color:#fff; background:#493f36;}

#footer-bottom a, #footer-bottom a:hover{color:#fff;}

#footer-bottom a{text-decoration:underline;}

#footer-bottom a:hover{text-decoration:none;}

#footer-bottom ul{list-style:none; padding-left:0; display: flex; justify-content: center; align-items: center; list-style: none; margin-bottom:30px;}

#footer-bottom ul li{float:left; border-right:1px solid #fff; padding-right:15px; margin-right:15px;}

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

@media screen and (max-width:991px){
#footer-bottom ul{text-align:center; display:block;}
	
#footer-bottom ul li{float:none; border:none; padding-right:0; margin-right:0; margin-bottom:12px;}
}

/* Fixed Navigation */
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9000;
}

/* video background */
.video-wrapper {
   top: 0;
   left: 0;
   width: 100%;
   height: 78vh;
   z-index: -1;
   /* pointer-events: none; */
   overflow: hidden;
   position:relative;
   min-height:730px;
   text-shadow:0px 1px 10px rgba(255, 255, 255, 1.0)
}
.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-wrapper .arrow {
  text-align: center;
  position:absolute;
  bottom:10%;
  text-align:center;
  width:100%;
  z-index:2000;
}

@media screen and (max-width:999px){
.video-wrapper {height:46vw; min-height:inherit;}	
	
.video-wrapper iframe {min-height:min-content; position: absolute;}
}

@media screen and (max-width:767px){
.video-wrapper {height:70vw; min-height:300px;}	
	
.video-wrapper iframe {min-height:55vh; position: absolute;}
}

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

.video-wrapper a, .video-wrapper a:hover, .video-wrapper 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;}
}

/* index */
.sec-padding-90px{padding:90px 0;}

ul.checked-bg{list-style:none; margin-bottom:0; padding-left:0;}

ul.checked-bg li{margin-bottom:8px; background:#f5c99c; padding:3px 8px; border-radius:4px;}

ul.checked-bg li:last-child{margin-bottom:0;}

ul.checked-bg li:before{content: '\f00c'; font-family: 'Font Awesome 5 Pro'; display: inline-block; width: 1.5em; color:#8fb834; font-size:1.15em;}

#services-index{background:url('/wp-content/themes/bcc-la/images/bg-index-services.jpg') top center fixed;}

#services-index a .card{background-color:rgba(255,255,255,.75); text-align:center; color:#493f36;}

#services-index a:hover{text-decoration:none;}

#services-index a:hover .card {opacity:.6;}

#services-index a .card h3{font-size:1.45rem;}

#services-index a .card .top i{font-size:3rem; color:#dea162;}

#services-index ul, ul.checked{list-style:none; margin-bottom:0; padding-left:35px; text-align:left; font-size:.925rem;}

#services-index li:before, ul.checked li:before{content: '\f00c'; font-family: 'Font Awesome 5 Pro'; display: inline-block; width: 1.5em; margin-left:-1.5em; color:#8fb834; font-size:1.15em;}

#services-index a .card button i{font-size:1rem; color:#343a40;}

/* page */
#page-ttl{padding:100px 0; text-align:center; background:url('/wp-content/themes/bcc-la/images/bg-page-ttl.jpg') top center fixed;}

#page-ttl a{color:inherit; text-decoration:underline;}

#page-ttl a:hover{text-decoration:none;}

.address-area i{width:30px; text-align:center;}

.ttl-bg-orange{background-color:#fcd7ad; padding:.5rem .5rem .35rem;}

#page-faq table td{vertical-align:top;}

.form-group label{margin-bottom:.2rem;}

/* blog */
.blog-index hr{margin-top:1.5rem; margin-bottom:1.5rem;}

.blog-body img{max-width:100%; height:auto;}

.blog-body h4{color:#195400;}

/* blog side */
.widget-container h4{margin-bottom:10px; font-size:1.4em}

.widget-container ul li{margin-bottom:10px;}

ul.side-blog,.side-blog ul{list-style:none; padding-left:10px;}

li.widget-container ul{margin-bottom:30px; padding-left:0;}

/* owl carousel */
#owl-testimonials .owl-prev{position:absolute; left:-25px; top:39.5%; font-size:1.75em; color:#195400;}

#owl-testimonials .owl-next{position:absolute; right:-25px; top:39.5%; font-size:1.75em; color:#195400;}

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

/* 404 */
#page404{padding:100px 0; text-align:center;}

#page404 h2{font-size:6rem; color:#8fb834; margin-bottom:3rem;}

#page404 h3{margin-bottom:3.5rem;}

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