/*
Theme Name: Harmony Homes
Description: Harmony Homes
Version: 1.0
*/

/* @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/* @import url('https://fonts.googleapis.com/css?family=Karla:400,500,700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
@import url('css/bootstrap.min.css');

@import url("css/superfish.css");
@import url("css/owl.carousel.css");
@import url("css/owl.theme.css");


body { color: #222; font-family:'Space Grotesk'; font-size:20px; line-height:1.5; }
h1, h2, h3, h4, h5 { color:#111; font-family:'PT Serif'; font-weight:500; }
a { color:#111; text-decoration:underline; }
ul, ol { padding-left:20px; color:#444; line-height:1.6; }
ul li, ol li { padding:10px 0; }
button, .button, a.button { font-family:'PT Serif'; background:#111; color:#fff; font-size:0.9em; border:3px solid #111; padding:8px 12px; display:inline-block; text-decoration:none; transition:all 0.25s ease-in-out 0s; }
button:hover, .button:hover, input[type="submit"]:hover { background:none; color:#111; transition:all 0.25s ease-in-out 0s; }
img { max-width:100%; height:auto; display:inline-block; }
input, select, textarea { width:100%; background:none; font-size:0.9em; border:1px solid #aaa; border-radius:0; padding:10px; margin:15px 0; }
select { font-size:0.8em; }
input[type="submit"] { width:auto; padding:14px 20px; font-size:0.8em; border:3px solid #f7f5f1; background:#000; color:#fff; text-transform:uppercase; letter-spacing:initial; font-weight:500; letter-spacing:0.03em; transition:all 0.25s ease-in-out 0s; }
input[type="submit"]:hover { border-color:#000; }
textarea { height: 130px; }
.rounded { border-radius:10px; }

i { margin: 0 4px; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.max-width-limit { max-width:1300px; margin:auto; }
.mt-0 { margin-top:0; }
.dl p { margin:0; }

/* sections */
.section { padding:40px 0; }
.section-sm { padding:80px 0; }
.section-md { padding:120px 0; }
.section-lg { padding:160px 0; }
.section-xl { padding:200px 0; }

/* sections colors */
.accent { background:#f7f5f1; }
.dark { background:#111; color:#eee; }
.dark h1, .dark h2, .dark h3 { color:#eee; }

/* breadcrumbs */
.breadcrumbs { background:#f4f4f0; color:#000; padding:20px 0; font-size:0.7em; letter-spacing:0.02em; }
.breadcrumbs a { color:#000; text-decoration:underline; }
/* .breadcrumbs .icon-home { background:url('images/icons/home-2.svg'); display:inline-block; width:15px; height:15px; background-size:15px; } */
.breadcrumbs .separator { margin:0 8px; }

/* placeholder text color */        
::-webkit-input-placeholder { color: #aaaaaa !important; }
:-moz-placeholder           { color: #aaaaaa !important; }
::-moz-placeholder          { color: #aaaaaa !important; }
:-ms-input-placeholder      { color: #aaaaaa !important; }


/* .top button { color:#000; } */

.menu-button { display:none; font-size:32px; color:#000; background:none; position:absolute; top:20px; right:20px; border:none; z-index:200; }

.logo { margin:20px 0; display:inline-block; }


.nav { margin-top:12px; padding:20px 0; text-align:right; }
.nav ul { list-style-type: none; margin:0; padding:0; }
.nav ul li { display: inline-block; }
.nav ul li a { color:#111; letter-spacing:0.03em; padding:2px 18px; border:2px solid transparent; font-size:0.8em; font-weight:400; display:block; text-decoration:none;  }
.nav ul li a:hover, .nav ul li a:focus { text-decoration:underline; }
.nav .current-menu-item a, .nav .current-menu-parent a { font-weight:700; }
/* .nav ul li a:hover, .nav ul li a:focus { font-weight:700; } */

.nav-mobile { display:none; overflow:auto; background:#111; padding:20px; position:fixed; top:0; left:0; bottom:0; right:0; width:100%; z-index:300; }
.nav-mobile ul { padding:0; padding:20px; }
.nav-mobile li { list-style-type:none; padding:10px 0; width:100%; }
.nav-mobile a { color:#fff; letter-spacing:1px; font-size:22px; }
.nav-mobile-close-btn { font-size:22px; position:absolute; top:30px; right:10px; background:none; z-index:900; }
.nav-mobile .sf-menu ul { position:relative; display:block; }
.nav-mobile .sf-menu li ul li a { padding:0 12px; font-size:18px; }




.header-home { background:url('images/header-home.jpg') center; background-size:cover; }
.header-home .header-content { padding:80px 0 800px; font-family:'PT Serif'; }
.header-home .header-content h1 { font-size:1.4em; font-weight:400; margin:0; }
.header-home .header-content h2 { font-size:3em; margin-top:0; }
.header-home .header-content a { min-width:140px; text-align:center;}

.header-page { background:url('images/header-dark.jpg') center; background-size:cover; padding:80px 0; text-align:center;}
.header-page h1 { color:#eee; font-size:2.5em; text-shadow:1px 1px 20px rgba(0,0,0,0.7); }

.property-info { margin-bottom:60px; }
.property-info .hr { opacity:0.6; width:100%; height:2px; border-top:1px solid #ddd; margin:15px 0; }
.property-image { margin-bottom:20px; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.2); }
.property-image img {  border-radius:10px; box-shadow:0 20px 20px rgba(0,0,0,0.1); }
/* .property-image:hover { border:2px solid #fff; } */
.property-info .property-field { font-size:0.8em; font-family:"PT Serif"; }
.property-info h3 { font-size:0.9em; font-weight:700; margin:0; }
.property-info h4 { font-size:0.8em; font-weight:400; margin:5px 0; letter-spacing:0.04em; color:#666; }

.single-rent h1 { font-size:1.8em; margin:0;  }
.single-rent .single-rent-subtitle { font-family:"PT Serif"; font-size:1em; font-weight:400; margin:5px 0 20px; color:#bbb; }
.single-rent .single-rent-main { background:#f4f4f0; }
.single-rent .single-rent-main img { margin-bottom:30px; border-radius:10px; }
.single-rent .single-rent-actions { text-align:right; }
.single-rent .single-rent-actions a { background:#fff; font-size:0.9em; padding:10px 16px; text-decoration:none; margin:20px 4px; display:inline-block;}
.single-title-centered { font-size:2.4em; text-align:center; }


.property-header { background:#191917; }
.property-header h1 { color:#f1f1f1; }
.property-header h2 { color:#aaa; }
.property-header button { background:#fff; color:#000; }




/* archive */
.post-outside { margin-bottom:140px; }
.post-outside h2 { font-size:1.2em; }
.post-outside h2 a { color:#111; text-decoration:none; }
.post-outside h2 a:hover, .post-outside h2 a:focus { text-decoration:underline; }
.post-outside .button { margin-top:20px; padding:6px 20px; font-size:0.7em; }
.post-outside-image { height:250px; display:block; border:3px solid #f7f5f1; }
.post-outside-image:hover { border:3px solid #111; }

/* page */
.page-title { color:#eee; text-align:center; }

/* pagination */
.pagination .page-numbers { border:2px solid #111; color:#111; padding:4px 12px; min-width:50px; margin-right:6px; text-align:center; display:inline-block; text-decoration:none; }
.pagination .page-numbers:hover { border:2px solid #111; background:#111; color:#fff; }
.pagination .page-numbers:hover i { color:#fff; }
.pagination span.page-numbers { border:2px solid #111; background:#111; color:#fff; cursor:default; }
.pagination.pagination-top { margin-bottom:40px; display:block; }
.pagination .nav-links { text-align:center; }
.pagination .dots.page-numbers { background:none; color:#ccc; border:2px solid #ddd; }


.owl-theme .owl-controls { margin:0; }
.owl-theme .owl-controls .owl-buttons div { opacity:1; }
.owl-theme .owl-controls .owl-buttons div:hover { background:#aaa; color:#111; }


.footer { background:#ebe9e4; color:#111; }
.footer .footer-logo { margin-bottom:30px; }
.footer h1, .footer h2, .footer h3, .footer p { color:#111; }
.footer h3 { text-transform:uppercase; opacity:0.7; font-size:0.7em; letter-spacing:0.05em; }
.footer p { color:#111;  font-size:0.7em; }
.footer ul { padding:0; margin:0; list-style-type:none; }
.footer ul li { padding:1px 0; display:block; }
.footer ul li a { color:#111; font-size:0.7em; letter-spacing:0.07em; display:inline-block; text-decoration:none; }
.footer ul li a:hover, .footer ul li a:focus { opacity:1; text-decoration:underline; }
.footer-bottom .footer-info { font-size:0.8em; color:#555; }
.footer-bottom a { display:block; }
.footer-bottom hr { border-top:1px solid #dcdcdc; }


/* contact form 7 */
/* .wpcf7-spinner { display:none; } */
.wpcf7-form p { margin:0; }
.wpcf7-not-valid-tip { color:#f15100; font-size:0.7em; font-weight:500; margin-bottom:10px; }
.wpcf7 form .wpcf7-response-output { color:#f15100; font-weight:500; font-size:0.9em; padding:0; margin:0; border:0; }

/* tables */
table { width:100%; font-size:0.9em; }
table tr { border-bottom:1px solid #e1e1e1; }
table tr td { padding:5px; }

.video-wrapper { position:relative; padding-bottom:56.25%; /* 16:9 */ height:0; }
.video-wrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.video-width-limit { max-width:1200px; margin:20px auto; }

@media only screen and (max-width:1200px) {
.video-height-limit { height:auto; }
.thevid { margin-top:0; }
}

@media only screen and (max-width:992px) {
.menu-button { display:inline-block; }
.nav { display:none; }

.single-rent .single-rent-actions { text-align:left; }
.single-rent .single-rent-actions a { margin:10px 0; font-size:0.8em; padding:8px; }
}

@media only screen and (max-width:768px) {
h1 { font-size:1.6em; }
h2 { font-size:1.2em; }

.single-title-centered { font-size:1.6em; }
.single-map iframe { height:260px; }

.header-home .header-content { padding:40px 0 200px; }
.header-home .header-content h1 { font-size:1.6em; }




.section,
.section-sm,
.section-md,
.section-lg,
.section-xl { padding:40px 0; }
.hide-on-mobile { display:none; }
}

@media only screen and (max-width:500px) {
.topbar-layout { flex-direction:column-reverse;}
}