:root {

	--mox-error: #dda01e;
	--mox-error-rgb: 221,160,30;
	--mox-red: #8f330d;
	--mox-red-rgb: 143,51,13;
	
	--mox-navy:#263b58;
	--mox-navy-rgb: 38, 59, 88;
	--mox-blue: #065881;
	--mox-blue-rgb: 8, 66, 129;
	--mox-green: #009ade;
	--mox-light-green: #99d7f2;
	--mox-very-light-green: #eef7f1;
	--mox-very-light-blue: #edfbff;
	
	--mox-grey: #8E8F91;
	--mox-beige: #ffedcb;
	
	--mox-default-text-color: #2d3c41;
	--default-text-color: var(--mox-default-text-color);
	
	--mox-global-border-radius: 10px;
	
}




/**** property and unit pages ****/

.property-carousel {  }
.property-carousel .carousel-item { max-height: 500px; }
.property-carousel img { height: 100%; object-fit: cover; max-height: 500px; }


/**** property cards ****/

.property-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.property-card {
	flex: 1 1 100%;
	max-width: 100%;
	/*border: 1px solid #eee;*/ border:none;
	border-radius: 0;
	padding: 0;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px;
}

.property-cards .property-thumbnail-holder + .property-card-body {
	/*padding: 1rem 1.5rem;*/ padding: 1rem 5px 0px 5px;
}

.property-cards  .property-card-title {
	margin-bottom: 15px;
	
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding-bottom: 12px;
}
.property-cards .property-thumbnail-holder + .property-card-body .property-card-title{padding-top: 7px;}

.property-cards  .property-card-title h4 { font-size: 16px !important; }

.property-thumbnail-holder { display: block; width: 100%; min-height: 200px; height: 200px; box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px -1px !important}

.property-thumbnail-holder img { 
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	border-radius: 0;
	display: block; 
}
/*
.property-card img {
	width: 100%;
	height: auto;
	border-radius: 0;
	display: block;
}
*/
.property-whole-building {
	background: #ffe9c7;
	color: #b06000;
	padding: 0.5rem;
	border-radius: 0;
	margin-bottom: 1rem;
	font-weight: bold;
}
@media (min-width: 768px) {
	.property-card {
		flex: 1 1 48%;
		max-width: 48%;
	}
}

.property-card h4 {
	font-family: 'raleway', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	margin-top:0;
	margin-bottom:.5rem;
	color: #263b58;
}

.property-card h6 {
	font-family: 'raleway', sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: 400;
	margin-top:0;
	margin-bottom:.5rem;
	letter-spacing:0;
}

.property-card .property-description,
.property-card .property-description p { font-size: 14px; line-height: 1.5;  }

.property-units {/*margin-bottom: 15px; padding-top: 12px; padding-top: 20px; border-top: 1px solid rgba(0, 0, 0, .1); padding-bottom: 12px; height: 100%;*/ background-color: rgba(var(--mox-grey-rgb), .15); border: 1px solid rgba(0, 0, 0, .1); padding: 20px; }

.property-card .list-group {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	border-radius: 0;
}

.property-card .list-group-item {
	position: relative;
	display: block;
	/*font-size: 12px;*/ font-size: 14px;
	padding: .5rem  !important;
	color: #263b58;
	text-decoration: none;
	background-color: transparent;
	border-bottom: 1px solid rgba(0, 0, 0, .1); padding-right: 50px !important; transition:all .3s;
}
.property-card .list-group-item:hover{color:var(--mox-green); opacity:1}
.property-card .list-group-item i{position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 18px; transition:all .3s; transform-origin:left;}
.property-card .list-group-item:hover i{transform: translateY(-50%) scale(1.2); color:var(--mox-green)}
.property-card .list-group-item:after{}


/*.property-details .property-units { border-top: none; padding-top: 0;  }*/


/**** modify the checkout page ****/

.rent-checkout .wc-block-components-sidebar-layout {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 36px;
	position: relative;
}

.rent-checkout .wc-block-components-form .wc-block-components-checkout-step {
	background: none;
	border: none;
	margin: 0 0 20px;
	padding: 0;
	position: relative;
}

.rent-checkout .wc-block-components-checkout-step__description { margin-bottom: 10px; }

.rent-checkout .wc-block-components-checkout-step__description { margin-top: 8px; }

.rent-checkout .wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
	border-top: 1px solid hsla(0, 0%, 7%, .11);
	padding-top: 28px;
}

.rent-checkout .wc-block-checkout__terms {
	margin: 0 0 28px;
}



.rent-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__image {
	margin-top: 0;
	padding-bottom: 16px;
	position: relative;
	width: 68px;
}

.rent-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__image>img {
	max-width: 68px;
	width: 68px;
}

.rent-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__description {
	padding-bottom: 16px;
	padding-left: 24px;
	padding-right: 12px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center; 
}

.rent-checkout .wc-block-checkout__sidebar .wc-block-components-product-name { font-size: 1rem; font-weight: 700; letter-spacing: 0; flex-grow: 0; }

.rent-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices {
	display: block;
	padding-top: 4px;
}

.rent-checkout  .wc-block-components-order-summary-item__total-price { display: none; }
.rent-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity { display: none; }

/****KB ADDED****/
:root{
	--mox-grey-rgb: 142, 143, 145;
	--mox-green-rgb: 0, 154, 222;
}

.tenant-units-section{padding-top:15px; /*padding-bottom:40px;*/ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid var(--mox-grey)}
.tenant-units-section .row {background-color:#fff; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; padding:30px 0px;}
.tenant-units-section h3.double-bars, .edit-info-section h3.double-bars, .payment-history h3{text-align: center; margin-bottom: 30px;}
.tenant-units-section .unit-container{border-top: 1px solid var(--mox-grey); padding-top:30px; margin-top:30px;}
.tenant-units-section .unit-container:first-child{border-top:none; padding-top:0px; margin-top:0px;}
.tenant-units-section .card{background-color:transparent !important; box-shadow:none !important; border:none !important;  border-radius:0px !important; padding:20px 15px; padding-bottom:0px;}
.tenant-units-section .card .card-body{/*padding:0px 15px; display:flex; justify-content: center; flex-wrap:wrap;*/ padding:0px; padding-top: 40px; text-align:center; }
.tenant-units-section .card h3{font-size:20px; /*width:100%;*/}
.tenant-units-section .card h3>span{font-weight:700; font-size:24px;}
.tenant-units-section .card h5{/*color:var(--mox-green); width:100%; border-bottom: 1px solid var(--mox-beige); margin-bottom: 20px;*/ padding-bottom: 15px; }
.tenant-units-section .rent-info-container{background-color: rgba(var(--mox-grey-rgb), .15); border:1px solid rgba(0, 0, 0, .1); margin-bottom:25px; padding: 20px;}
.tenant-units-section .card p{font-weight:500; margin-bottom:25px; font-size:22px; letter-spacing: .5px; border-bottom: 1px solid var(--mox-grey); padding-bottom:20px;}
.tenant-units-section .card p.next-due{/*margin-bottom:25px;*/ border-bottom:none; margin-bottom:5px; padding-bottom:0px;}
.tenant-units-section .card p>strong{text-transform:uppercase; font-weight:800; letter-spacing: 1px; display:block; font-size:13px; color:var(--mox-green); line-height:1.1; margin-bottom:7px}
.tenant-units-section .badge{position: absolute; top: 0; width: calc(100% - 30px); right: 15px; left: 15px; padding: 10px; border-radius: 0px; text-transform: uppercase; letter-spacing: 1.5px; font-size: 15px; background-color:var(--mox-green) !important; color: #fff !important; font-weight: 800;}
.tenant-units-section .badge.bg-warning{background-color:var(--mox-red) !important; }
.tenant-units-section .btn-secondary, .edit-info-section .btn-secondary {background-color: transparent !important; border: 2px solid #263b58 !important; color: #fff; display: inline-block !important; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0) !important; position: relative !important; -webkit-transition-property: color; transition-property: color !important; -webkit-transition-duration: 0.3s; transition-duration: 0.3s !important; box-shadow: none !important; padding: 10px 20px !important; font-size: 16px !important; line-height: 1 !important; text-transform: uppercase; letter-spacing: 2px; font-weight: 800; border-radius: 0px;}
.tenant-units-section .btn-secondary:before, .edit-info-section .btn-secondary:before{-webkit-transform: scaleY(1); transform: scaleY(1);}
.tenant-units-section .btn-secondary:hover, .edit-info-section .btn-secondary:hover{color:var(--mox-navy)}
.tenant-units-section .btn-secondary:hover:before, .edit-info-section .btn-secondary:hover:before{-webkit-transform: scaleY(0); transform: scaleY(0);}
.tenant-units-section .btn-secondary .fa-long-arrow-alt-right {padding-left: 3px;transition: all .3s;}
.tenant-units-section .btn-secondary:hover .fa-long-arrow-alt-right{padding-left: 10px;}

.edit-info-section{background-color: rgba(var(--mox-grey-rgb), .15); padding: 30px 25px; margin-right: -12px; margin-left: -12px; border: 1px solid rgba(0, 0, 0, .1); margin-bottom:60px; position:relative;}
.edit-info-section:after{content:''; height:1px;  display: block; position: absolute; bottom: -30px; background-color: var(--mox-grey); left: 15px; right: 15px; width:calc(100% - 30px); /*left: 0; right: 0; width:100%;*/ }
.edit-info-section h3.double-bars{margin-bottom: 30px;}
.tenant-info-form .form-label{text-transform: uppercase; letter-spacing: 1px; font-weight:800;}
.form-text.text-warning{    background-color: var(--mox-error); padding: 10px 20px; width: 100%; margin-top: 0px; color: var(--mox-navy) !important; font-weight: 600; font-size: 13px; text-align: center;}
.tenant-info-form .btn-row{margin-top:12px !important;}

.password-strength { font-weight: bold; margin-top:0; display: none; }



.payment-history{padding-bottom:40px; margin-left: -12px; margin-right: -12px;}
.payment-history .alert-info {background-color:rgba(var(--mox-green-rgb), .5); border-radius:0px; border:1px solid var(--mox-green); text-align:center; color:var(--mox-navy); font-size:18px; font-weight: 600;}
.payment-history table th{text-transform:uppercase; letter-spacing:1px; color:var(--default-text-color); font-size:13px; opacity:.75}
.payment-history table td{color:var(--mox-navy); font-size:16px; font-weight:500;}
.payment-history table td, .payment-history table th{border:1px solid var(--mox-grey) !important}

.property-card{padding: 20px;}
.property-card .property-description{padding-bottom:30px;}
.property-card .property-description .btn-row {text-align: center; margin-top:10px;}
.property-card .property-description .btn-row a{border-bottom:2px solid var(--mox-green); padding-bottom:7px; text-transform:uppercase; letter-spacing: 1px; font-weight:800}
.property-cards  .property-card-title h3 { font-size: 24px !important; }
.property-units strong{text-transform: uppercase; font-weight: 800; letter-spacing: 2px; display: flex; text-align: center; margin-bottom: 15px; position:relative; align-items:center; justify-content:center;}
/*.property-units strong:after, .property-units strong:before{content:'' !important; border-top: 2px solid var(--mox-green); margin: 0 12px 0 0; flex: 1 0 12px; max-width: 50px;}
.property-units strong:after{margin: 0 0 0 12px;}*/

.property-card .list-group-item{background-color:#fff;}
.property-card .list-group-item:last-child, .property-card .list-group-item:last-of-type{border-bottom:none;}

.property-container{padding-bottom:60px !important; padding-top:60px !important;}
.property-container .elementor-shortcode{padding-left:25px; padding-right:25px}

.intro-container p:last-child{margin-bottom:0px;}

@media (min-width: 768px) {
	.tenant-units-section h3.double-bars, .edit-info-section h3.double-bars, .payment-history h3{text-align: center; margin-bottom: 40px; display: flex; align-items: center;}
	.tenant-units-section h3.double-bars:before, .tenant-units-section h3.double-bars:after, .edit-info-section h3.double-bars:before, .edit-info-section h3.double-bars:after, .payment-history h3:before, .payment-history h3:after{content:'' !important; border-top: 2px solid var(--mox-green); margin: 0 12px 0 0; flex: 1 0 12px; max-width: 50px;}
	.tenant-units-section h3.double-bars:after, .edit-info-section h3.double-bars:after, .payment-history h3:after{margin: 0 0 0 12px;}
	
	.tenant-units-section{padding-top:30px;}
	.tenant-units-section .unit-container{border-left: 1px solid var(--mox-grey); max-width:50%; border-top:none; padding-top:0px; margin-top:0px;}
	.tenant-units-section .unit-container:first-child{border-left:none;}
	.tenant-units-section .card{padding:20px 25px; padding-bottom:0px;}
	.tenant-units-section .card h5{padding-bottom: 25px; }
	.tenant-units-section .badge{width: calc(100% - 50px); right: 25px; left: 25px;}
	
	.payment-history, .edit-info-section{margin-left: 0px; margin-right: 0px;}
	.payment-history{/*padding-bottom:75px;*/ padding-bottom:60px;}
	
	.edit-info-section{padding: 30px 40px; margin-bottom:75px;}
	
	.property-container{padding-bottom:75px !important; padding-top:75px !important;}
	.property-container .elementor-widget-container{display:flex; justify-content:center;}
	.property-thumbnail-holder{height: 250px; min-height:250px;}
	
	.intro-container .e-con-inner{flex: 0 0 91.6666666667%; max-width: 91.6666666667%;}
}

@media (min-width: 900px) {
	.tenant-units-section .rent-info-container{display: flex;}
	.tenant-units-section .card p{width:50%; padding-right:15px; border-right: 1px solid var(--mox-grey); border-bottom:none; margin-bottom:0px; padding-bottom:0px;}
	.tenant-units-section .card p.next-due{/*margin-bottom:25px;*/ padding-right:0px; padding-left:15px; border-right:none;}
}

@media (min-width: 991px) {
	.property-container .elementor-shortcode{flex: 0 0 91.6666666667%; max-width: 91.6666666667%;}
	.property-cards  .property-card-title h3 { font-size: 28px !important; }
}

@media (min-width: 1200px) {
	.payment-history, .edit-info-section{/*margin-left: -15px; margin-right: -15px;*/ margin-left: -12px; margin-right: -12px;}
	
	.property-container .elementor-shortcode{flex: 0 0 83.3333333333%; max-width: 83.3333333333%;}
	
	.property-card {flex: 1 1 32%; max-width: 32%;}
	.property-cards .property-card-body {padding: 0px 20px 1rem 20px;}
	.property-cards .property-thumbnail-holder + .property-card-body {padding: 1rem 20px;}
	
	.intro-container .e-con-inner{max-width: var(--content-width);}
}

@media (max-width: 768px) {
	form.tenant-info-form{margin-bottom:0px !important;}
	
}