/*
Theme Name: Natsuki Takano CA Realtor
Theme URI: https://natsukitik.com/
Description: Natsuki Takano CA Realtor 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;}

a, a:hover, a:focus{color:#bb9b74;}

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

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

.text-warning, .text-warning a{color:#bb9b74 !important;}

.border-warning{border:2px solid #bb9b74 !important;}

.text-sliver{color:#929292;}

.text-fb a{color:#1675eb !important;}

.text-blogger a{color:#f57d00 !important;}

.text-linkedin a{color:#0e73a3 !important;}

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

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

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

.pt-120px{padding-top:120px;}

.pt-170px{padding-top:170px;}

.pb-60px{padding-bottom:60px !important;}

.pb-70px{padding-bottom:70px !important;}

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

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

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

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

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

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

.mt-50px{margin-top:50px !important;}

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

.bg-light-gold{background:#f7f2ee;}

html{font-size:14.5px;}

body{font-family: 'Noto Sans JP', sans-serif; line-height:1.6rem;}

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

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

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

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

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

/* header */
.nav-icon{font-size:1.4rem;}

.nav-icon:hover{opacity:.6;}

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

.navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{color:#bb9b74;}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{color:#bb9b74;}

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

.logo-header{width:260px;}

.small-header{box-shadow: 0 0 4px grey; -webkit-transition: ease .25s; transition: ease .25s;}

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

.dropdown-menu{font-size:.95rem;}

.dropdown-item{color:rgba(0,0,0,0.5);}

.dropdown-item:hover, .dropdown-item:focus{color:#bb9b74;}

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

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

/* footer */
footer#footer-top{background:#555; color:#fff; padding:30px 0;}

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

/* */
.video-wrapper {
   top: 0;
   left: 0;
   width: 100%;
   height: /* 100vh; */ 500px;
   z-index: -1;
   /* pointer-events: none; */
   overflow: hidden;
}
.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;
}

@media screen and (max-width:767px){
 .video-wrapper{height:400px;}
}

/* index */
.ttl-area-left, .ttl-area-center {font-weight:700; position:relative; margin-bottom:2rem;}

.ttl-area-left:after, .ttl-area-center:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 21%;
    margin: 18px auto 20px;
    width: 65px;
    height: 6px;
    background: #bbb;
}

.ttl-area-left .h1, .ttl-area-center h1 {font-size:2.75rem;}

.ttl-area-center{text-align:center;}

.ttl-area-left:after {right: auto;}

.property-label{display:block; text-align:center; padding:.15rem; color:#fff;}

.for-sale{background:#bda588;}

.for-lease{background:#bbbbbb;}

.commercial{background:#88a2bd;}

.sold{background:#aa8880;}

.bg-movies{position:absolute; left:0; height:450px; background:#f7f2ee; width:70%;}

.bg-income-property{position:absolute; right:0; top:130px; height:470px; background:#f4f4f4; width:70%;}

.img-object-fit{width:100%; max-height:208px; object-fit:cover;}

@media screen and (max-width:767px){
 .bg-movies, .bg-income-property{display:none;}
	
 .page-id-10 .pt-90px, .page-id-10 .pt-170px {padding-top:45px !important;}
	
 .page-id-10 .pt-60px, .page-id-10 .pt-120px{padding-top:0 !important;}
	
 .h1, .ttl-area-left .h1, .ttl-area-center h1{font-size:2rem;}
}

/* Owl Carousel */
#owl-property .owl-prev{position:absolute; left:-25px; top:45%; font-size:1.75em; color:#bb9b74;}

#owl-property .owl-next{position:absolute; right:-25px; top:45%; font-size:1.75em; color:#bb9b74;}

#owl-property img{max-height:229.28px; object-fit:cover;}

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

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

/* video responsive */
.videoWrapper {
    position: relative !important;
    padding-bottom: 52.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

#page-ttl h1{color:#a57a47 !important; font-size:3rem;}

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

.padding-page-property-list{padding:90px 0 30px;}

.ttl-bg{background:#bb9b74; color:#fff; padding:.4rem .75rem .5rem;}

.card-body-sm{padding:.9rem;}

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

/* archive property */
#property-archive img{max-height:253px; object-fit:cover; width:100%;}

/* page property */
#myCarousel .list-inline {
    /*white-space:nowrap;
    overflow-x:auto;*/
}

#myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
}

#myCarousel .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
	max-width:20%;
}

#myCarousel .carousel-indicators > li.active img {
    opacity: 0.7;
}

.carousel-item img{width:100%; max-height:490px; object-fit:cover;}

#myCarousel .carousel-indicators > li img{max-width:83px; max-height:55px; width:100%; object-fit:cover;}

.property-ttl{border-bottom:1px solid #a57a47; padding-bottom:15px; font-weight:bold;}

.property-overview{padding-bottom:10px; border-bottom:1px solid #a57a47;}

table.property-summary{margin-top:43px;}

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.flows i{font-size:2.25rem; color:#d8c8b2;}

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

.flows h4{font-size:1.4rem;}

/* 404 */
#page404{text-align:center;}

#page404 h2{font-size:7rem; color:#bb9b74; margin-bottom:3.5rem;}

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

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