﻿.rental-mobile-details {
    display: none;
}
#Rental_Table_Wrapper {
	width: 100%;
	margin-top: 30px;
	clear: both;
}
.main-rent-table {
    width: 100%;
    border-collapse: collapse;
}
.main-rent-table th,
.main-rent-table td {
    width: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.rental-unit-photo-cell img {
    max-width: 100%;
    height: auto;
    display: block;
}
.rental-wrapper{
	padding: 20px;
	border:solid 1px #dce0e2;
	border-radius: 8px;
	margin-bottom: 25px;
}
.rental-category-header {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 25px;
}
.rental-category-image {
    flex: 0 0 250px;
}
.rental-category-image img {
    width: 100%;
    object-fit: cover;
    display: block;
}
.rental-category-content {
    flex: 1;
}
.rental-cat-title {
    margin: 0 0 12px 0;
    color: #e24407;
}
.rental-cat-description {
    margin-bottom: 0;
	font-size: 0.938rem;
}
.rental-category-header.no-photo .rental-category-content {
    flex: 1 1 100%;
}
.rental-title-cell .select_button{
    text-decoration: underline;
}

/* Form */

#Form_RentalRequestForm fieldset #Form_RentalRequestForm_Name_Holder,
#Form_RentalRequestForm fieldset #Form_RentalRequestForm_Phone_Holder,
#Form_RentalRequestForm fieldset #Form_RentalRequestForm_Email_Holder,
#Form_RentalRequestForm fieldset #Form_RentalRequestForm_Duration_Holder
{
	float: left;
	width: 49%;
	margin-right: 6px;
}
#Form_RentalRequestForm fieldset #Form_RentalRequestForm_Rental_Holder,
#Form_RentalRequestForm fieldset #Form_RentalRequestForm_StartDate_Holder,
#Form_RentalRequestForm fieldset #Form_RentalRequestForm_Comments_Holder
{
	clear: both;
	width: 99%;
}
#Form_RentalRequestForm fieldset #Form_RentalRequestForm_StartDate_Holder input{
	width: 100%;
}

@media only screen and (max-width: 900px) {
	.rental-wrapper {
		padding: 15px;
	}	
	.main-rent-table tbody{
		border: 0px none transparent;
		background-color: transparent;
	}
	.main-rent-table tbody tr:nth-child(even) {
		background-color: transparent;
		border-bottom: 1px solid #dce0e2;
	}	
}
@media only screen and (max-width: 640px) {
    .main-rent-table,
    .main-rent-table tbody,
    .main-rent-table tr,
    .main-rent-table td {
        display: block;
        width: 100%;
    }
    .main-rent-table colgroup,
    .main-rent-table thead {
        display: none;
    }

    /* Base card styling */
    .main-rent-table tr {
        border: 1px solid #dce0e2;
        border-radius: 8px;
        padding: 10px;
        margin-bottom: 10px;
        background: #fff;
    }

    /* Cards WITH a photo */
    .main-rent-table tr.has-photo {
        display: grid;
        grid-template-columns: 72px 1fr;
        gap: 10px;
    }

    /* Cards WITHOUT a photo */
    .main-rent-table tr.no-photo {
        display: block;
    }
    .main-rent-table td {
        border: 0;
        padding: 0;
        text-align: left !important;
    }

    /* Photo */
    .rental-unit-photo-cell {
        grid-column: 1;
        grid-row: 1;
        padding: 0 !important;
    }
    .main-rent-table tr.no-photo .rental-unit-photo-cell {
        display: none;
    }
    .rental-unit-photo-cell img {
        width: 72px;
        height: 62px;
        object-fit: contain;
        display: block;
    }

    /* Title */
    .rental-title-cell {
        grid-column: 2;
        padding: 0 !important;
        font-size: 15px;
        line-height: 1.25;
    }
    .main-rent-table tr.no-photo .rental-title-cell {
        grid-column: auto;
    }
    .rental-title-cell .select_button {
        display: block;
        font-weight: 700;
        margin-bottom: 4px;
    }
    .rental-misc-info {
        font-size: 12px;
        margin-bottom: 5px;
    }
	.rental-cat-description {
		font-size: 0.875rem;
	}	

    /* Mobile pricing */
    .rental-mobile-details {
        display: flex;
        flex-wrap: wrap;
        gap: 4px 10px;
        font-size: 12px;
        line-height: 1.4;
    }
    .rental-mobile-details span {
        white-space: nowrap;
    }

    /* Hide desktop columns */
    .main-rent-table .rental-extra,
    .main-rent-table .rental-price {
        display: none !important;
    }

    /* Category header */
    .rental-category-header {
        display: block;
    }
    .rental-category-image {
		float: right;
		width: 35%;
		margin-left:8px;
    }
    .rental-category-image img {
        width: auto;
        height: auto;
    }

	/* Form */
	#Form_RentalRequestForm fieldset #Form_RentalRequestForm_Name_Holder,
	#Form_RentalRequestForm fieldset #Form_RentalRequestForm_Phone_Holder,
	#Form_RentalRequestForm fieldset #Form_RentalRequestForm_Email_Holder,
	#Form_RentalRequestForm fieldset #Form_RentalRequestForm_Duration_Holder
	{
		float: none;
		width: 100%;
		margin-right: 0;
	}
	#Form_RentalRequestForm fieldset #Form_RentalRequestForm_Rental_Holder,
	#Form_RentalRequestForm fieldset #Form_RentalRequestForm_StartDate_Holder,
	#Form_RentalRequestForm fieldset #Form_RentalRequestForm_Comments_Holder
	{
		width: 100%;
	}	
}