/*
Theme Name: Yokohama Kanteibyo
Theme URI: https://yokohama-kanteibyo.com/
Description: Yokohama Kanteibyo 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;
}

.container {max-width: 1230px;}

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

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

.bg-light{background: #f7f7f7 !important;}

/*body{font-family: 'Lato', sans-serif; font-weight:300;}*/

html[lang=en-US]{font-size:18px; font-family: 'Lato', sans-serif;}

html[lang=ja]{font-size:16px; font-family: 'Noto Serif JP', serif;}

html[lang=en-US] body{font-family: 'Lato', sans-serif; font-weight:300; line-height:1.6rem;}

html[lang=ja] body{font-family: 'Noto Serif JP', serif; font-weight:300; line-height:1.8rem; letter-spacing:1.5px;}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: 'Balthazar', serif; text-transform:uppercase; line-height:2rem;}

html[lang=ja] h1,html[lang=ja] h2,html[lang=ja] h3,html[lang=ja] h4,html[lang=ja] html[lang=ja] h5,html[lang=ja] h6,html[lang=ja] .h1,html[lang=ja] .h2,html[lang=ja] .h3,html[lang=ja] .h4,html[lang=ja] .h5,html[lang=ja] .h6 {font-family: 'Noto Serif JP', serif; letter-spacing:5px; line-height:2rem;}

.font-crimson{font-family: 'Crimson Text', serif !important;}

.text-shadow{text-shadow:0 0 10px #000, 0 0 15px #000, 0 0 20px #000;}

.text-shadow-light{text-shadow:0 0 10px #000, 0 0 20px #000;}

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

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

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

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

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

.no-padding{padding-left:0; padding-right:0;}

.mt-15px{margin-top:15px;}

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

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

.mb-15px{margin-bottom:15px;}

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

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

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

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

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

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

a.underline:hover{text-decoration:none;}

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

.font-noto-serif-jp{font-family: 'Noto Serif JP', serif;}

/* btn */
.btn{border-radius:3px; padding:.25rem 2.5rem;}

.btn-outline-warning {
    color: #b18b00;
    background-color: transparent;
    background-image: none;
    border-color: #b18b00;
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: #b18b00;
    border-color: #b18b00;
}

@media screen and (max-width:767px){
 .btn-mobile-block{display:block;}
}

/* header */
#logo-header{width:200px; filter: brightness(0) invert(1);}

.navbar {
  background-color: transparent;
  border: none;
  color: white;
  z-index: 100;
  -webkit-transition: background-color 1s ease 0s;
  transition: background-color 1s ease 0s;
  font-family: 'Balthazar', serif;
  text-transform:uppercase;
  padding:.25rem;
}

html[lang=ja] .navbar{font-family: 'Noto Serif JP', serif; font-weight:300;}

.navbar-brand{padding:0; line-height:100%;}

.navbar{font-size:.9rem;}

.navbar-light .navbar-brand {
  color: white; text-shadow: 0 0 10px #000, 0 0 20px #000;
}
.navbar-light .navbar-brand:hover {
  color: #929292;
}
.navbar-light .navbar-nav > li > a {
  color: #fff !important; text-shadow: 0 0 10px #000, 0 0 20px #000;
}
.navbar-light .navbar-nav > li > a:hover, .navbar-light .navbar-nav > li > a:active, .navbar-light .navbar-nav > li > a:focus {
  color: #e4ce6d !important;
}
.navbar-light .navbar-nav > li > a:visited {
  color: #e4ce6d;
  text-decoration: none;
}
.navbar-light .navbar-nav > .active > a, .navbar-light .navbar-nav > .active > a:hover, .navbar-light .navbar-nav > .active > a:focus {
  background-color: transparent;
  color: #e4ce6d;
}
.navbar-light .navbar-toggle {
  border-color: #e4ce6d;
}
.navbar-light .navbar-toggle:hover, .navbar-light .navbar-toggle:focus {
  background-color: #fff;
}
.navbar-light .navbar-toggle .icon-bar {
  color: #e4ce6d;
  background-color: #333;
}
.navbar-light .navbar-collapse.collapse.in ul {
  background-color: #fff;
}

.navbar-expand-lg .navbar-nav .nav-link{padding:.5rem .65rem;}

.navbar-nav .dropdown-menu{font-size:.9rem; background-color:rgba(255, 255, 255, 0.9);}

.dropdown-item{padding:0 1.5rem;}

@media screen and (max-width:991px){
.navbar {
  background-color: rgba(255, 255, 255, 0.98);
  text-align:center;
}
.navbar-light .navbar-brand {
  color: #333; text-shadow: none;
}
.navbar-light .navbar-brand:hover {
  color: #333;
}
.navbar-light .navbar-nav > li > a {
  color: #333 !important; text-shadow: none;
}
.navbar-light .navbar-nav > li > a:hover, .navbar-light .navbar-nav > li > a:active, .navbar-light .navbar-nav > li > a:focus {
  color: #333 !important;
}
.navbar-light .navbar-nav > li > a:visited {
  color: #333;
  text-decoration: none;
}
.navbar-light .navbar-nav > .active > a, .navbar-light .navbar-nav > .active > a:hover, .navbar-light .navbar-nav > .active > a:focus {
  background-color: transparent;
  color: #333;
}
.navbar-light .navbar-toggle {
  border-color: #333;
}
#logo-header{filter: invert(100);}
}

.wpml-ls-menu-item .wpml-ls-flag{margin-right:3px;}

/* Solid class attached on scroll past first section */
.navbar.solid {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transition: background-color 1s ease 0s;
  transition: background-color 1s ease 0s;
  box-shadow: 0 0 4px grey;
}
.navbar.solid .navbar-brand {
  color: #333;
  -webkit-transition: color 1s ease 0s;
  transition: color 1s ease 0s;
  text-shadow: none;
}
.navbar.solid .navbar-nav > li > a {
  color: #333 !important;
  -webkit-transition: color 1s ease 0s;
  transition: color 1s ease 0s;
  text-shadow: none;
}

.navbar.solid .navbar-nav > li > a:hover{color:#e4ce6d !important;}

.navbar.solid #logo-header{filter: invert(100); width:170px;
  -webkit-transition: ease .25s;
  transition: ease .25s;}

@media screen and (max-width:991px){
 .fixed-top{position:sticky; position:-webkit-sticky;}
}

@media screen and (max-width:767px){ 
 #logo-header{width:170px;}
   
 .carousel-item img {height: 380px; object-fit: cover;}
}

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

#footer-top p.links a{color:#b18b00;}

#footer-top.bg-light{background:#f9f4e2 !important;}

#footer-top i:hover{opacity:.5;}

#footer-bottom{padding:15px 0; background:#440100; font-size:.95rem;}

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

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

/* index */
#events a.category{color:inherit; text-decoration:underline;}

#events a.category:hover, #events a.category:focus{text-decoration:none;}

.ttl-border{display: flex; align-items: center;}

.ttl-border:before, .ttl-border:after {border-top: 1px solid #d0a711; content: ""; flex-grow: 1;}

.ttl-border:before {margin-right: 1rem;}

.ttl-border:after {margin-left: 1rem;}

.index-box{padding:180px 0;}

.index-bg01{background:url('/wp-content/themes/kanteibyo/images/main-visual-index01.jpg') center center; background-size:cover;}

.index-bg02{background:url('/wp-content/themes/kanteibyo/images//main-visual-index02.jpg') center center; background-size:cover;}

.index-bg03{background:url('/wp-content/themes/kanteibyo/images/main-visual-index03.jpg') center center; background-size:cover;}

@media screen and (max-width:991px) {
.index-box{padding:80px 0;}
}

@media screen and (max-width:767px) {
.index-bg01{padding:90px 0; background-position:-200px center;}
 
.index-bg02{padding:90px 0; background-position:-200px center;}
 
.index-bg03{padding:90px 0; background-position:-600px center;}
}


/* page */
#page-main-visual{padding:300px 0 250px;}

#page-main-visual h1{color:#fff; text-shadow: 0 0 10px #000, 0 0 20px #000;}

.main-kanteibyo{background:url(/wp-content/themes/kanteibyo/images//bg-header-kanteibyo.jpg) top center fixed no-repeat; background-size:100%;}

.main-guan-yu{background:url(/wp-content/themes/kanteibyo/images/bg-header-guan-yu.jpg) top center fixed no-repeat; background-size:100%;}

.main-history{background:url(/wp-content/themes/kanteibyo/images/bg-header-history.jpg) top center fixed no-repeat; background-size:100%;}

.main-pray{background:url(/wp-content/themes/kanteibyo/images/bg-header-pray.jpg) top right fixed no-repeat; background-size:100%;}

.main-hours-directions{background:url(/wp-content/themes/kanteibyo/images/bg-header-hours-directions.jpg) top center fixed no-repeat; background-size:100%;}

.main-events{background:url(/wp-content/themes/kanteibyo/images/bg-header-events.jpg) top center fixed no-repeat; background-size:100%;}

.main-contact{background:url(/wp-content/themes/kanteibyo/images/bg-header-contact.jpg) top center fixed no-repeat; background-size:100%;}

@media screen and (max-width:1599px) {
 #page-main-visual{padding:200px 0 180px;}
}

@media screen and (max-width:1023px) {
 /* #page-main-visual{background-size:cover !important;} */
 #page-main-visual{background-size:initial !important;}
}

@media screen and (max-width:991px) {
 #page-main-visual{padding:220px 0 220px;}
 
 .main-kanteibyo{background-position:left -300px top -200px;}
 
 .main-history{background-position:top right -100px;}
 
 .main-pray{background-position:top right -200px;}
}

@media screen and (max-width:767px) {
 #page-main-visual{padding:220px 0 220px;}
 
 .main-kanteibyo{background-position:left -300px top;}
 
 .main-history{background-position:top right -100px;}
 
 .main-pray{background-position:top right -200px;}
}

.table-sm th, .table-sm td{padding:0 .3rem .5rem .3rem;}

ol.lines{padding-left:20px;}

ol.lines li{border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:.75rem; margin-bottom:.75rem; padding-left:.25rem; color:#af8b0a;}

ol.lines li span{color:#333;}

/* contact */
label{margin-bottom:.25rem;}

/* news */
.news-archive p.category a, .news-body p.category a{color:#b18b00;}

.news-body h2, .news-body h3, .news-body h4{font-weight:bold;}

.news-body a{color:#b18b00;}

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

section.page404 h2{font-size:5rem; color:#b18b00; margin-bottom:3rem;}

section.page404 h3{margin-bottom:3.5rem;}

section.page404 a{color:#b18b00;}

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