/*
Theme Name: Williamson Estates
Theme URI: https://www.williamsonestates.us/
Description: Williamson Estates 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, a:hover, a:focus{color:#57a1b1;}

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

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

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

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

.pb-50px{padding-bottom:50px;}

.pb-80px{padding-bottom:80px;}

.pb-100px{padding-bottom:100px;}

.pb-120px{padding-bottom:120px;}

.pb-150px{padding-bottom:150px;}

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

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

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

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

.border-warning{border-color:#d4c18b !important;}

.btn{padding:.375rem 3rem}

.btn-info{background-color:#57a1b1; border-color:#57a1b1;}

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

body{font-family: 'Quattrocento', serif; line-height:1.8rem; color:#5f5f5f;}

/* header */
.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: #57a1b1;}

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

.navbar-light .navbar-nav .nav-link{color: #666;}

.navbar-expand-lg .navbar-collapse{position:relative;}

.navbar{padding:1.5rem 1rem; text-transform:uppercase;}

.navbar-nav{padding-top:30px;}

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

.sns-header{position:absolute; top:0; right:0; font-size:1.2rem;}

.sns-header a{color: #666;}

.sns-header a:hover{opacity:.6;}

@media screen and (max-width:767px){
 .logo-header{width:250px;}
 
 .sns-header{display:none;}
 
 ul.navbar-nav{text-align:center;}
}

/* footer */
.sns-footer{font-size:1.2rem;}

.sns-footer a{color: #666;}

.sns-footer a:hover{opacity:.6;}

.footer-bottom{background:#444; color:#fff; padding:20px 0; text-align: center;}

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

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

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

.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:767px){
.footer-bottom ul{text-align:center; display:block;}
	
.footer-bottom ul li{float:none; border:none; padding-right:0; margin-right:0; margin-bottom:10px;}
}

/* index */
#index-intro{background:url('/wp-content/themes/williamsonestates/images/bg-index-intro.jpg') center top fixed no-repeat;}

.hover-box {
  background: rgba(0, 0, 0, 0.4);
  bottom: 0;
  left: 15px;
  overflow: hidden;
  padding: 2rem 3rem;
  position: absolute;
  text-align: center;
  top: 0;
  right: 15px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  z-index:999;
}

.hover-box h3{color: #fff;}

.hover-box:hover {background: rgba(0, 0, 0, 0.7);}

/* page */
.page-header{padding:300px 0; text-align:center;}

.page-header h1{font-size:3.5rem; color:#fff;}

@media screen and (max-width:767px){
.page-header{padding:140px 0;}

.page-header h1{font-size:2.5rem;}
}

.sec-page h2{position:relative;}

.sec-page h2:after{
    content:'';
    position:absolute;
    left:0;
    top:100%;
    margin:20px auto;
    width:50px;
    height:5px;
    background:#d4c18b;
}

.overlay-box {
  background: rgba(0, 0, 0, 0.4);
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding: 2rem 3rem;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  z-index:999;
  max-height:475.31px;
}

.overlay-box h2{color: #fff;}

.box-preloader {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 81.2%;
}

ul.diamond{list-style:none; margin-bottom:0;}

ul.diamond li{margin-bottom:8px;}

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

ul.diamond li:before{content: '\f219'; font-family: 'Font Awesome 5 Pro'; display: inline-block; margin-left: -1.5em; width: 1.5em; color:#57a1b1; font-size:1.15em;}

/* gallery */
.fg-default.fg-gutter-20{padding-left:0 !important;}

@media screen and (max-width:1299px) {
.fg-default .fg-image{width:330px !important; height:auto !important;}
}

@media screen and (max-width:730px) {
.fg-default.fg-gutter-20 .fg-item{margin-right:0 !important;}
}

/* local */
.sec-blog h3{position:relative; margin-bottom:25px;}

.sec-blog h3:after{
    content:'';
    position:absolute;
    left:0;
    top:100%;
    margin:10px auto;
    width:50px;
    height:5px;
    background:#57a1b1;
}

/* policy */
.page-policy h2{font-weight:700; line-height:1.6;}

/* 404 */
#page-404{padding:100px 0;}

#page-404 h1{font-size:8rem; color:#d4c18b;}

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