/* CSS Document */

[data-canvas=container].wo-header{
	padding-top: 70px;
}

#interior-header.set{
	height: 110px;
}

#custom-page-sections > div{
	margin-top: 6rem;
}
#custom-page-sections > div:first-child{
	margin-top: 0;
}
#custom-page-sections picture{
	height: 225px;
}

.dynamicModal h4{
	font-size: 36px;
	color: var(--black-color);
}
.dynamicModal .modal-content{
	border: none !important;
}

.card.int picture{
	height: 250px;
	background: url(../images/placeholder.jpg) no-repeat center center;
}

#toggle-all span{
	display: inline-block;
}
#toggle-all > span{
	transition: all .3s ease;
	cursor: pointer;
}
#toggle-all > span:hover{
	color: var(--primary-color);
}
#toggle-all > span > span:nth-child(2),
#toggle-all > span > span:nth-child(4),
#toggle-all > span.click > span:first-child,
#toggle-all > span.click > span:nth-child(3){
	display: none;
}
#toggle-all > span.click > span:nth-child(2),
#toggle-all > span.click > span:nth-child(4){
	display: inline-block;
}
#toggle-all > span.click > span:nth-child(3){
	transform: rotate(-180deg);
}
#accordion .accordion-item{
    border: none;
    background-color: transparent;
}
#accordion .accordion-item .heading.collapsed{
	color: var(--black-color);
}
#accordion .accordion-item .heading,
#accordion .accordion-item:hover .heading,
#accordion .accordion-item:focus .heading{
	color: var(--primary-color);
}
#accordion .accordion-item .heading > div,
#accordion .accordion-item .heading > div:last-child > span{
	transition: all .2s linear;
}
#accordion .accordion-item .heading > div:last-child > span{
	transform: rotate(-180deg);
}
#accordion .accordion-item .heading.collapsed > div:last-child > span{
	transform: rotate(0);
}

.page-categories > div > a > div:first-child > div:nth-child(2),
.page-categories > div > a.active > div:first-child > div:first-child{
	display: none;
}
.page-categories > div > a.active > div:first-child > div:nth-child(2){
	display: block;
}
.page-categories > div > a{
	color: var(--black-color);
}

.at-share-btn-elements{
    display: block;
    white-space: nowrap;
}

/* BUILD CSS */
#available-properties #mappy{
	height: 550px;
}
.info-window img{
	width: 100%;
}
.info-window{
	font-size: 14px;
}
.info-window .title{
	font-size: 20px;
}
.gm-style .gm-style-iw-d{
	overflow-x: hidden !important;
}
.gm-style .gm-style-iw-c{
	min-width: 225px !important;
	padding: 15px !important;
	border-radius: 0 !important;
}
.gm-style .gm-style-iw-c button{
	right: 0 !important;
}
.gm-style .gm-style-iw-c button > span{
	width: 20px !important;
	height: 20px !important;
}

#team-categories > div{
	position: relative;
}
#team-categories .active{
	order: -1;
}
#team-categories .active a{
	color: var(--black-color) !important;
}
#team-categories .active:after{
	content: "";
	position: absolute;
	bottom: -1rem;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: var(--primary-color);
	border-radius: 5px;
	opacity: 1;
}
#team-section{
	margin-top: -3px;
}

#testimonials-carousel-int .slick-track{
	display: block !important;
}

/********************************************************** MEDIA QUERRIES ******************************************************************/

/* Phone (landscape) */
@media (min-width: 576px){
    
	.card.int picture{
		height: 200px;
	}

	.dynamicModal h4{
		font-size: 40px;
	}

	#interior-header.set{
		height: 200px;
	}

	#custom-page-sections picture{
		height: 300px;
	}

}

/* Tablet (portrait) */
@media(min-width:768px){
    
	.card.int picture{
		height: 250px;
	}
    .card.int.sm picture{
		height: 200px;
	}

	.dynamicModal h4{
		font-size: 50px;
		padding: 1rem !important;
	}

	#interior-header.set{
		height: 220px;
	}

	#custom-page-sections picture{
		height: 350px;
	}

	/* BUILD CSS */
	.info-window{
		font-size: 16px;
	}
	.info-window .title{
		font-size: 22px;
	}
	.gm-style .gm-style-iw-c{
		padding: 20px !important;
	}
	
}

/* Tablet (landscape) */
@media(min-width:992px){
    
	.dynamicModal h4{
		font-size: 54px;
	}
	
    .card.int picture{
		height: 200px;
	}
    .card.int.sm picture{
		height: 175px;
	}

	#interior-header.set{
		height: 290px;
	}

	#custom-page-sections picture{
		height: 325px;
	}
	#custom-page-sections > div{
		margin-top: 7rem;
	}

	/* BUILD CSS */
	.gm-style .gm-style-iw-c{
		padding: 25px !important;
		width: 100% !important;
	}

	#team-categories .active{
		order: inherit;
	}
	
}

/* Desktop */
@media(min-width:1200px){

	[data-canvas=container].wo-header{
		padding-top: 140px;
	}
    
	.dynamicModal h4{
		font-size: 60px;
	}
    
	.card.int picture{
		height: 250px;
	}
    .card.int.sm picture{
		height: 225px;
	}

	#interior-header.set{
		height: 340px;
	}

	#custom-page-sections picture{
		height: 350px;
	}
	#custom-page-sections > div{
		margin-top: 8rem;
	}

	/* BUILD CSS */
	#available-properties #mappy{
		height: 600px;
	}
	.info-window{
		font-size: 16px;
	}
	.info-window .title{
		font-size: 22px;
	}
	.gm-style .gm-style-iw-c{
		padding: 30px !important;
	}
	
}

@media(min-width:1400px){

	#interior-header.set{
		height: 400px;
	}

	#contact-content .h1.main{
		font-size: 36px !important;
	}

	#custom-page-sections picture{
		height: 425px;
	}
	#custom-page-sections > div{
		margin-top: 9rem;
	}

	/* BUILD CSS */
	#available-properties #mappy{
		height: 650px;
	}
	.info-window{
		font-size: 18px;
	}
	.info-window .title{
		font-size: 24px;
	}

	#team-categories .active:after{
		bottom: -1.5rem;
	}

}

@media(min-width:1500px) {

	#interior-header.set {
		height: 430px;
	}

	#team-categories.lead{
		font-size: 24px !important;
	}

}

@media(min-width:1600px){

	#interior-header.set {
		height: 450px;
	}

	#contact-content .h1.main{
		font-size: 50px !important;
	}

	#custom-page-sections picture{
		height: 450px;
	}
	#custom-page-sections > div{
		margin-top: 10.5rem;
	}

	/* BUILD CSS */
	#available-properties #mappy{
		height: 700px;
	}

	#interior-header.set {
		height: 450px;
	}

	#custom-page-sections picture{
		height: 500px;
	}
	#custom-page-sections > div{
		margin-top: 12rem;
	}

}

@media(min-width:1700px){

	#interior-header.set {
		height: 480px;
	}

	#custom-page-sections picture{
		height: 550px;
	}

}

@media(min-width:1800px){

	#interior-header.set {
		height: 520px;
	}

	#custom-page-sections picture{
		height: 575px;
	}
	#custom-page-sections > div{
		margin-top: 14rem;
	}

}

@media(min-width:1900px){

	#interior-header.set {
		height: 550px;
	}

}

@media(min-width:2000px){

	#interior-header.set {
		height: 575px;
	}

}

@media(min-width:2200px){

	#interior-header.set {
		height: 625px;
	}

}