/*
Theme Name: Zen Apartments
Theme URI: https://proximatesolutions.com/professional-web-design-portfolio/
Author: Proximate Solutions
Author URI: https://proximatesolutions.com/
Description: Wordpress theme designed for Zen Apartments.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zensherwood
Tags: one-column, two-columns, custom-menu, featured-images, right-sidebar
*/

body { font-family: 'DIN-Light'; color: #283a3a; line-height: 1.3; font-size:17px; overflow-x:hidden;}
img {max-width:100%; height:auto;}
a {color:#998a6e; transition:all linear 0.2s;}
a:hover, a:focus {text-decoration:none; outline:0; color:#444;}
.h1, .h2, .h3, h1, h2, h3 {  font-family: 'Tenez-light'; letter-spacing: 2px;}
.tenez_font {font-family: 'Tenez-light'; letter-spacing: 2px;}
p {margin: 0 0 10px;}
.btn {border-radius:0; text-transform: uppercase;}
.form-control {border-radius: 0;}
.btn-warning {background:#bfa374; border-color: #bfa374;}
.btn-warning:hover {background:#998a6e; border-color:#998a6e;}
.text-warning {color:#bfa374 !important;}

.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center;}
img.aligncenter { text-align:center; position:relative; left:50%; transform:translate(-50%); -webkit-transform:translate(-50%);}
.alignnone { float:none;}
.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin:0;border-radius:4px;-webkit-border-radius:4px}
.wp-caption img{margin:0;padding:0;border:0}
.wp-caption p.wp-caption-text{font-size:12px;padding:0 5px;margin:0}
.sticky {position:relative;}
.gallery-caption {}
.bypostauthor {}

@media(min-width:1200px){
.container {max-width: 1250px;}
}
section {padding:90px 0;}
.left_heading {position: relative; margin: 0 0 20px; padding: 0 0 15px;}
.left_heading .main_heading {text-transform: uppercase;}
.left_heading .sub_heading {text-transform: uppercase; font-family: 'DIN-Light';}
.left_heading:before {position: absolute; bottom: 0; left:-100px; content:""; height:1px; width:450px; background:#998a6e;}
.left_heading.border_left:before {width:3000px; left: inherit; right:75px;}

.top_wrapper {padding:70px 0 100px; position: relative;}
header {margin: 0 0 90px;}
.logo {max-width: 450px;}
ul.right_contact {padding:0; margin:30px 0 0; list-style: none; text-align: right; font-size:20px; color:#998a6e; letter-spacing: 2px}
ul.right_contact li {display: inline-block; margin-right:25px;}
ul.right_contact li:last-child {margin-right: 0;}
ul.right_contact li a { color:#998a6e;}
ul.right_contact li a:hover {color: #283a3a;}

.leaf_img {position: absolute; left:0; top:120px; z-index: 9;}
.leaf_img img {height:720px; object-fit: scale-down;}
.left_layer {width:44%; height:100%; background:#283a3a; position: absolute; left:0; top:0; bottom: 0;}

.parallax_home {min-height:550px; background-position: bottom; background-size:cover; background-attachment: fixed;}

.video_sec {position: relative;}
.video_contents {max-width: 450px; float: right; padding-right:25px;}
.video_box a {display: block;position: relative;}
.video_box a:before {position: absolute; content:""; left:0; top:0; bottom: 0; right:0; background:rgba(255,255,255,0.30);}
.video_box .poster_img img {width:100%;}
.video_box .play_btn {position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.video_modal .modal-dialog {max-width: 800px;}
.video_modal .modal-body {padding: 0; line-height: 0;}
button.close {position: absolute; right:-45px; background: #998a6e; padding:4px 12px 5px; font-size:40px; top:0; opacity: 1; color: #fff; font-family: Arial, Helvetica, sans-serif;}
button.close:hover {opacity: 1 !important; color: #fff;}

.leaf_right_img {position: absolute; right:0; top:120px; z-index: 9; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.leaf_right_img img {height:800px; object-fit: scale-down;}
.right_layer {width:44%; height:100%; background:#283a3a; position: absolute; right:0; top:0; bottom: 0;}

.services_wrapper {position: relative; padding:100px 0 0;}
.services_wrapper [class*=col-]:nth-child(2){margin:50px 0 0;}
.services_wrapper [class*=col-]:nth-child(3){margin:110px 0 0;}
.service_thumb {margin: 0 0 30px;}
.service_contents {padding:20px; background:#bfa374;}
.service_contents h4 {text-transform: uppercase;font-family: 'DIN'; letter-spacing: 2px;}

.gallery_sec {padding:90px 0 30px;}
#gallery_slider .owl-prev, #gallery_slider .owl-next {position: absolute; top:50%; transform: translateY(-50%); right:5%; width:40px; height:40px; line-height:40px; font-size:50px; color:#fff; text-shadow: 0 0 5px #000; text-align: center;}
#gallery_slider .owl-prev {left:5%;}
#gallery_slider .item a {position: relative; display: block;}
#gallery_slider .item a:before {position: absolute; left:0; top:0; bottom: 0; right:0; content:""; background:rgba(40, 58, 58, 0.72); transition: all linear 0.2s; opacity: 0;}
#gallery_slider .item a:after {position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); content:"\f00e"; font-family: FontAwesome; color: #fff; font-size:28px; transition: all linear 0.2s; opacity: 0;}
#gallery_slider .item a:hover:before {opacity: 1;}
#gallery_slider .item a:hover:after {opacity: 1;}

.location_map img {width: 100%;}
.contact_sec {background:#283a3a; color: #fff;}
.contact_form .form-control {margin: 0 0 20px; border:0; height: auto !important}
.contact_info {margin:0 0 60px;}
.contact_info p {margin: 0 0 25px;}
.contact_info a {color: #fff;}

span.wpcf7-not-valid-tip { display:none;}
.wpcf7-not-valid { border:1px solid #F00 !important;}
div.wpcf7-response-output { margin:10px 0;}
div.wpcf7 .ajax-loader { display:block;}