/*
Theme Name: Old Market Street Living
description: Old Market Street Living - Kalon
Template: kalon-theme
Version: 1.0.0
Text Domain: comnpany
Author: BCW
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Questrial&display=swap');


body p {font-family: 'Questrial', sans-serif; font-size: 1.1em;}
h1, h2, h3, .tagline-container .phone {font-family: 'Playfair Display', serif;}
#menu-main-menu {font-family: 'Questrial', sans-serif;}
    

.navigation a {letter-spacing: 1px;}    

.navigation li.current_page_item a:after{
	transform: scaleX(1);
	opacity:1;
	display: block;
    content: '';
    border-bottom: 1px solid #3d2454;
    
}

#header {background: #fff; position: relative !important;}
#header.sticky{
	position:fixed !important;
	top:0;
	width:100%;
	height:auto;
}
.tagline {    font-size: 25px !important;    display: inline-block;    margin-bottom: 15px;}

.header-extra .fas {margin: 0 15px;}

.sitemap-page  {width:unset;}

#contact-info, footer {background: unset !important;}

#second-floor-apartments p {margin:5px 20px;}

.custom-list {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
list-style-position:inside;
}

#footerwrap {background-size: cover; position: relative; z-index: 1;}
#footerwrap:before {    
    content: "";
    background: #000;
    opacity: .3;
    width: 100%;
    height:100%;
    position: absolute; z-index: -1;}

#footerwrap p, #footerwrap a, #footerwrap h2, #footerwrap h3 {text-shadow: 0px 0px 4px #000;}

/* Gallery Page */
#project-gallery-section .gallery a:not(:nth-of-type(1)) {
	display: none;
}

.rental {margin: 0 !important;}
.project-gallery {
	padding: 50px 10px; width:50%;
}
.project-info {margin-top:60px;}

.gallery-img { width:100%; padding-bottom: 60%;  margin: 20px auto; position: relative; overflow: hidden;}
.gallery-img img {border:none !important; margin:0; transition:none;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); /* adjust width */ width: 110%; height:auto;}
.gallery-img img:hover {transform: translate(-50%,-50%);}

.project-info h2 {text-align: center; margin-bottom: 30px;}
.project-info, .gallery {
	padding: 0 10px;
}


.about-row:nth-child(2n) .main-img {order:2 !important;}

#about-feature {display: none;}


@media screen and (max-width:991px){
    
    .about-row .main-img {order:2 !important;}
    .about-row .main-img img {width: auto;margin-bottom: 30px;}
    
.custom-list {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}
	}


@media screen and (max-width: 767px){
.navigation a, .navigation .active a, .nav-toggler {
  color: var(--color-4);
}
    .nav-toggler .fas {margin:0; color: var(--color-4);}
}