/*
	Theme Name: Dhomes
	Theme URI: https://www.donmai.osaka
	Description: Theme for Daiwa Homes Group by Donmai Inc.
	Version: 1.0.0
	Author: Donmai Inc. / ドンマイ株式会社
	URL OSAKA: https://www.donmai.osaka
	URL MAIN: https://www.donmai.com | @DonmaiJapan
	URL TOKYO: https://www.donmai.tokyo
*/

@import 'css/materialize.min.css';

/*------------------------------------*\
	MAIN
\*------------------------------------*/

/* clear */
.clear:before,
.clear:after {
	content:' ';
	display:table;
}

.clear:after {
	clear:both;
}
.clear {
	*zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
/*input:focus {
	outline:0;
	border:1px solid #04A4CC;
}*/
.hideme{
	display: none;
}
.hidemeplz{
	display: none !important;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper,.wrapper-post {
	max-width:1140px;
	width:100%;
	margin:0 auto;
	position:relative;
}
.wrap-info{
	margin-top:10px;
}
/* header */
.header {
	margin-top:20px;
}
.lang-selector a.active{
	color: #d84315 !important;
}
/* logo */
.logo {
	margin-top:0px;
}
.logo-img {
	max-height:70px;
}
/* nav */
.nav {

}
.lang-selector{
	margin-bottom:0px !important;
}
.lang-selector li{
	display: inline-block;
	border-right: 1px solid #999;
	margin-bottom:0px !important;
	padding-right:5px;
}
.lang-selector li:last-child{
	border-right:none;
}
.lang-selector a:hover, .orange-hover:hover{
	color: #bf360c !important;
	transition:all 0.6s ease;
}
.gray-hover:hover{
	color: #777 !important;
	transition:all 0.6s ease;
}
.grid-loading-overlay{
	color:rgba(0,0,0,0.75) !important;
	z-index:100;
}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}
.spaceme-top{
	margin-top: 20px;
}
.spaceme-bottom{
	margin-bottom: 20px;
}
.spaceme-left, .spaceme-left-m{
	margin-left: 20px;
}
.spaceme-right{
	margin-right: 20px;
}
.padme-top{
	padding-top: 20px;
}
.padme-bottom{
	padding-bottom: 20px;
}
.padme-left{
	padding-left:20px;
}
.padme-right{
	padding-right:20px;
}
.pagination li.active{
	background-color: #d84315 !important;
}
.spaceme-top-footer{
	margin-top:40px;
}
.ranking-property-list span{
    line-height: 25px;
}
.mobile-centric{
	text-align: center !important;
	float:none;
	width:100%;
}
.nopad-single.row{
	margin-bottom:0px !important;
}
.details-value{
	text-transform: none;
}
/*.footer.grey.darken-4{
    background: url("img/squares.jpg") repeat;
}*/
/*------------------------------------*\
    PAGES
\*------------------------------------*/
/*------------------------------------*\
    HOME
\*------------------------------------*/

.gray-underline{
	background-color: #424242;
}
.fatline-white{
	border-bottom: 2px solid #bf360c;
}
.white-underline{ 
	border-bottom: 2px solid #ffffff;
	padding-bottom:5px;
}
.lined-white li {
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    padding: 10px 0 10px 30px;
    text-transform: none;
}
.lined-white-single li {
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    padding: 10px;
    text-transform: none;
}
.carousel-cell{
	width:100%;
	/*max-height:450px;*/
	margin:0;
}
.carousel-cell img{
	width:100%;
}
.flickity-page-dots {
    bottom: 12px !important;
}
.select-wrapper input.select-dropdown {
	border-color: #fff !important;
}

.select-wrapper span.caret {
	top: -18px !important;
	color: #fff !important;
	margin-right: 5px !important;
}

.contact-form .select-wrapper input.select-dropdown{
	border-color: #9e9e9e !important;
}
.griddy>div{
	background-color: #eee;
	height:200px;
	border: 10px solid #fff;
}
.griddy .col{
	padding:0 !important;
}
.griddy .col img{
	height: 180px;
	object-fit:cover;
	object-position: 50% 50%;
	width:100%;
}
.team-member img{
	height: 200px;
	object-fit:cover;
	object-position: 50% 50%;
	width:100%;
}
.home-search{
	margin-bottom: 20px;
}
.col.s6.l12.griddy-data {
    padding: 15px !important;
    font-size: 16px !important;
}
.switch-grid i.fa-building{
	display:none;
}
.switch-grid.active i.fa-building{
	display: inline-block;
}
.switch-grid.active i.fa-building-o{
	display:none;
}
.ranking-property-list img{
	padding:0 !important;
	height:50px !important;
	width:50px !important;
}
.dropdown-content.select-dropdown {
	width: 300px !important;
}
select,textarea,input,select-wrapper {
    font-size: 16px !important;
}
.property-griddy-switcher span{
	display: block;
	margin-top: 3px;
}
.is-sold{
	position:absolute;
	padding: 3px 10px;
	z-index:10;
}
.sidebar-search-container{
    padding: 20px;
}

#home-search-form .sidebar-select-stations-container li, #home-search-form .sidebar-select-areas-container li{
	display: inline-block;
	margin-right: 20px;
}
#home-search-form .sidebar-select-stations-container [type="checkbox"] + label,
#home-search-form .sidebar-select-areas-container [type="checkbox"] + label{
	padding-left:25px !important;
}

/*------------------------------------*\
    SINGLE PROPERTY
\*------------------------------------*/

.breadcrumbs{
	display:none;
}
.breadcrumb-link a{
	font-size: 16px;
	color:#fff !important;
}
.breadcrumb-arrow i{
	font-size: 16px;
	margin: 0 5px;
}
.single-property-title{
	padding-top: 4px;
	padding-bottom:20px;
}

.switch-grid i.fa-file-text, .switch-grid i.fa-map, .switch-grid i.fa-check-square{
	display:none;
}
.switch-grid.active i.fa-file-text, .switch-grid.active i.fa-map, .switch-grid.active i.fa-check-square,.switch-grid.active{
	display: inline-block;
	color: #d84315 !important;
}
.switch-grid.active i.fa-file-text-o, .switch-grid.active i.fa-map-o, .switch-grid.active i.fa-check-square-o{
	display:none;
}
.single-property-gallery-images li img{
    width: 100%;
}
.contact-form-container{
	margin-top:50px;
}
.property-nav-image{
	margin-bottom:20px;
}
.wrap-pic{
	position:relative;
	height:180px;
}
.pic-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.75);
}
.wrap-pic:hover .pic-overlay {
  opacity: 1;
}
.wrap-this-for-safety .contact-form .input-field label{
	color:#ffffff;
}
.wrap-this-for-safety .contact-form .input-field input,.wrap-this-for-safety .contact-form .input-field textarea{
	border-color:#ffffff !important;
}
.pic-overlay > img {
    object-fit: contain !important;
}
.languages-div{
	margin-top:6px;
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE - DESKTOP (mobile first)
\*------------------------------------*/

@media only screen and (min-width:992px) {
	.more-links{
		margin-right: 18px;
	}
	.lang-selector{
		margin-right:14px;
	}
	.languages-div{
		margin-top:23px;
	}
	.griddy>div{
		background-color: #eee;
		height:250px;
		border: 2px solid #fff;
	}
	.griddy .col img{
		height: 150px;
	}
	.griddy-data{
		margin-left: 7px !important;
	}
	.carousel-cell{
		/*height:450px;*/
	}
	.col.s6.l12.griddy-data {
    	padding: 0px !important;
    	font-size: inherit !important;
	}
	.spaceme-top-footer{
		margin-top:80px;
	}
	.home-search {
    	margin-top: 7px;
	}
	.property-griddy-switcher span{
		display: inline-block;
		margin-top: 0px;
	}
	.spaceme-left-m{
		margin-left:0px;
	}
	.breadcrumbs{
		display:block;
		padding-top:3px;
	}
	.breadcrumbs ul li{
		display:inline-block;
	}
	.mobile-centric{
		text-align: inherit;
		float:inherit;
		width:auto;
	}
	.wrap-pic{
		position:relative;
		height:150px;
	}
	.logo {
		/*margin-top:10px;*/
	}
	.wrap-info{
		margin-top:0px;
	}
	.right-align-desk{
		text-align: right;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {
	   
}

/* FRANK JUNE 21 */
.lined-white li {
	padding-bottom: 8px;
    padding-top: 8px;
}
.ranking-list .row {
	margin-bottom: 0;
}