/******************************************************************************/
/* Border radius                                                              */
/******************************************************************************/

	/**************************************************************************/
	/* Border radius / 8px                                                    */
	/**************************************************************************/
	.um-crbs-main .crbs-vehicle
	{
		border-radius:8px;
		border-color: #EAECEE;
		background-color: #ffffff;
	}
/******************************************************************************/
/* Vehicle                                                                    */
/******************************************************************************/

.um-crbs-main .crbs-vehicle
{
    display:flex;
    flex-direction: column;
    flex-wrap:wrap;
    border-width:1px;
    border-style:solid;
	position:relative;
}

    /**************************************************************************/
    /* Vehicle / Image                                                        */
    /**************************************************************************/

    .um-crbs-main .crbs-vehicle .crbs-vehicle-image
    {
        width: auto;
        height: 200px;
        padding: 20px 40px 0px 40px;
        display: flex;
        align-items: center;
    }
    
        .um-crbs-main .crbs-vehicle .crbs-vehicle-image>img
        {
            max-width:100%;
        }
		
   
    /**************************************************************************/
    /* Vehicle / Content                                                      */
    /**************************************************************************/    
    
    .um-crbs-main .crbs-vehicle .crbs-vehicle-content
    {
		word-break:break-word;
		padding: 0px;
		font-family: 'Lato', sans-serif;
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		border-radius: 8px;
		border: solid 1px #eaecee;
    }
    
        /**********************************************************************/
        /* Vehicle / Content / Header                                         */
        /**********************************************************************/   
    
        .um-crbs-main .crbs-vehicle .crbs-vehicle-content .crbs-vehicle-header
        {
            display:block;
            background-color: #034776;
            color: #fff;
            padding: 10px 20px 10px 20px;
            text-align: center;
            border-radius: 8px 8px 0 0;
            
        }
            .um-crbs-main .crbs-vehicle .crbs-vehicle-content .crbs-vehicle-header .um_vehicle_code {
                font-size: 26px;
                font-weight: 600;
                display: block;
            }
            
            .um-crbs-main .crbs-vehicle .crbs-vehicle-content .um_vehicle_name {
                font-size: 24px;
            }
            
            .um-crbs-main .crbs-vehicle .crbs-vehicle-content .um_similar {
                font-size: 14px;
                color: #9ea8b2;
                padding-left: 5px;
            }
        
			.um-crbs-main .crbs-vehicle .crbs-vehicle-content .crbs-vehicle-header>div:not(.um_group_code)
            {
                display:inline;
            }
        
            .um-crbs-main .crbs-vehicle .crbs-vehicle-content .crbs-vehicle-header>span
            {
                font-size:14px;
                padding-left:5px;
            }
			
		/*	.um-crbs-main .crbs-vehicle .crbs-vehicle-content .crbs-vehicle-header .crbs-vehicle-daily-mileage
			{
				padding-left:0px;
			}*/
        
        .um-crbs-main .crbs-vehicle .crbs-vehicle-content .um_group_code {
            padding: 0 20px;
        }
        
        .um-crbs-main .crbs-vehicle .crbs-vehicle-content .um_price_from {
            padding: 0 20px;
            margin-bottom: 25px;
        }
        
        /**********************************************************************/
        /* Vehicle / Content / Meta                                           */
        /**********************************************************************/   
    
        .um-crbs-main .crbs-vehicle .crbs-vehicle-content .crbs-vehicle-meta
        {
            margin-top: auto;
            margin-bottom: 0;
            padding: 20px;
            background-color: #9ea8b2;
            color: #ffffff;
            border-radius: 0 0 8px 8px;
        }
        
            .um-crbs-main .crbs-vehicle .crbs-vehicle-content .crbs-vehicle-meta>ul
            {
                margin:0px;
                padding:0px;
				display:flex;
				gap: 5px;
				flex-wrap: wrap;
                list-style:none;
				align-items:center;
				justify-content: space-between;
            }
            
                .um-crbs-main .crbs-vehicle .crbs-vehicle-content .crbs-vehicle-meta>ul>li
                {
					gap: 5px;
					display: flex;
					align-items: center;
					width: auto;
                }
                
                    .um-crbs-main .crbs-vehicle .crbs-vehicle-content .crbs-vehicle-meta>ul>li>span:first-child
                    {
                        font-size: 15px;
						display: inline-flex;
						transform: translateZ(0);
                    }
                    
                    .um-crbs-main .crbs-vehicle .crbs-vehicle-content .crbs-vehicle-meta>ul>li>span:first-child+span
                    {
                        font-size:15px;
                        font-weight:400;
                    }                    
    /******************************************************************************/
    /* Icon                                                                       */
    /******************************************************************************/
        
    @font-face 
    {
        font-family:'crbs-meta-icon';
        src:url('../car-rental-booking-system/font/meta-icon.eot');
        src:url('../car-rental-booking-system/font/meta-icon.eot') format('embedded-opentype'),url('../car-rental-booking-system/font/meta-icon.ttf') format('truetype'),url('../car-rental-booking-system/font/meta-icon.woff') format('woff'),url('../font/meta-icon.svg') format('svg');
        font-weight:normal;
        font-style:normal;
    }
    
    [class^="crbs-meta-icon-"],
    [class*=" crbs-meta-icon-"],
    .crbs-datepicker.ui-datepicker .ui-datepicker-prev,
    .crbs-datepicker.ui-datepicker .ui-datepicker-next,
    .crbs-datepicker#ui-datepicker-div .ui-datepicker-prev,
    .crbs-datepicker#ui-datepicker-div .ui-datepicker-next
    {
        font-family:'crbs-meta-icon' !important;
        speak:none;
        font-style:normal;
        font-weight:normal;
        font-variant:normal;
        text-transform:none;
        line-height:1;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
    }
    
    .um-crbs-main .crbs-meta-icon-engine:before 
    {
        content:"\6e";
    }
    .um-crbs-main .crbs-meta-icon-car-key:before 
    {
        content:"\63";
    }
    .um-crbs-main .crbs-meta-icon-car-price:before 
    {
        content:"\62";
    }
    .um-crbs-main .crbs-meta-icon-car:before 
    {
        content:"\61";
    }
    .um-crbs-main .crbs-meta-icon-close:before 
    {
        content:"\67";
    }
    .um-crbs-main .crbs-meta-icon-seat:before 
    {
        content:"\68";
    }
    .um-crbs-main .crbs-meta-icon-bag:before 
    {
        content:"\69";
    }
    .um-crbs-main .crbs-meta-icon-transmission:before 
    {
        content:"\6a";
    }
    .um-crbs-main .crbs-meta-icon-fuel:before 
    {
        content:"\6b";
    }
    .um-crbs-main .crbs-meta-icon-tick:before 
    {
        content:"\64";
    }
    /**************************************************************************/
    /* Vehicle / Price                                                        */
    /**************************************************************************/        
        
    .um-crbs-main .crbs-vehicle .crbs-vehicle-price
    {
        width:auto;
		display:flex;
		flex:1 1 18%;
		text-align:right;
		min-height:200px;
        position:relative;
		flex-direction:column;
		word-break:break-word;
		padding:20px 20px 20px 0px;
    }
	
		.um-crbs-main .crbs-vehicle .crbs-vehicle-price>div.crbs-vehicle-price-label
		{
			font-size:20px;
			font-weight:400;
		}
	
        .um-crbs-main .crbs-vehicle .crbs-vehicle-price>div.crbs-vehicle-price-regular-gross
        {
            font-size:26px;
            font-weight:400;
        }
		
			.um-crbs-main .crbs-vehicle .crbs-vehicle-price>div.crbs-vehicle-price-regular-gross>span
			{
				display:block;
				font-size:17px;
				font-weight:400;
				text-decoration:line-through;
			}
		
		.um-crbs-main .crbs-vehicle .crbs-vehicle-price>div.crbs-vehicle-price-regular-net
		{
			font-size:15px;
			font-weight:400;
		}
			
			
        .um-crbs-main .crbs-vehicle .crbs-vehicle-price>div.crbs-vehicle-price-per-day,
		.um-crbs-main .crbs-vehicle .crbs-vehicle-price>div.crbs-vehicle-regular-gross
        {
            font-size:15px;
            font-weight:400;
            margin-top:7px;
        }
				
		.um-crbs-main .crbs-vehicle .crbs-vehicle-price>div.crbs-vehicle-price-pickup-time,
		.um-crbs-main .crbs-vehicle .crbs-vehicle-price>div.crbs-vehicle-price-return-time
		{
			grid-column:1;
			font-size:15px;
			font-weight:400;
		}
		
		.um-crbs-main .crbs-vehicle .crbs-vehicle-price>div.crbs-vehicle-price-pickup-time
		{
			margin-top:10px;
		}
		
		.um-crbs-main .crbs-vehicle .crbs-vehicle-price>div.crbs-vehicle-price-button
		{
			margin-top:auto;
		}
		
		.um-crbs-main .crbs-vehicle .crbs-vehicle-price>div.crbs-vehicle-price-button.crbs-vehicle-price-button-price-hide
		{
			margin-top:0px;
		}
    
        .um-crbs-main .crbs-vehicle .crbs-vehicle-price .crbs-button
        {
			margin-top:10px;
			min-width:110px;
            text-align:center;
			display:inline-flex;
			align-items:center;
			justify-content:center;
			padding:14px 15px 15px 15px;
        }
    
    /**************************************************************************/
    /* Vehicle / Description                                                  */
    /**************************************************************************/   

    .um-crbs-main .crbs-vehicle .crbs-vehicle-description-button
    {
        font-size:15px;
        font-weight:400;
        margin-top:28px;
		display:inline-flex;
    }
    
    .um-crbs-main .crbs-vehicle .crbs-vehicle-description-button:hover
    {
        text-decoration:underline;
    }
    
        .um-crbs-main .crbs-vehicle .crbs-vehicle-description-button>span:first-child
        {
            display:block;
        }
    
        .um-crbs-main .crbs-vehicle .crbs-vehicle-description-button>span:first-child+span
        {
            display:none;
        }
 
        .um-crbs-main .crbs-vehicle .crbs-vehicle-description-button.crbs-state-open>span:first-child
        {
            display:none;
        }
        
        .um-crbs-main .crbs-vehicle .crbs-vehicle-description-button.crbs-state-open>span:first-child+span
        {
            display:block;
        }
    
    .um-crbs-main .crbs-vehicle .crbs-vehicle-description
    {
        width:100%;
        height:0px;
		margin:0px;
        overflow:hidden;
    }
 
    .um-crbs-main .crbs-vehicle .crbs-vehicle-image+.crbs-vehicle-content+.crbs-vehicle-price+.crbs-vehicle-description,
	.um-crbs-main .crbs-vehicle .crbs-vehicle-image+.crbs-vehicle-gallery+.crbs-vehicle-content+.crbs-vehicle-price+.crbs-vehicle-description
    {
		margin:0px;
		padding:0px;
    }

        .um-crbs-main .crbs-vehicle .crbs-vehicle-description>div
        {
           margin:10px 20px 20px 20px;
        }

            .um-crbs-main .crbs-vehicle .crbs-vehicle-description>div>p
            {
                margin:0px;
                font-size:16px;
                font-weight:400;
            }

            .um-crbs-main .crbs-vehicle .crbs-vehicle-description>div>p:first-child
            {
                padding:0px;
            }
			
			
			.um-crbs-main .crbs-vehicle .crbs-vehicle-description>div .crbs-vehicle-description-see-more-button
			{
				float:right;
				margin-top:-15px;
			}
			
			.um-crbs-main .crbs-vehicle .crbs-vehicle-description>div .crbs-vehicle-description-see-more-button:hover
			{
				text-decoration:underline;
			}
			
/**************************************************************************/
/* Vehicle / Attribute                                                    */
/**************************************************************************/               

.um-crbs-main .crbs-vehicle .crbs-vehicle-attribute
{
	gap:20px;
	display:flex;
	flex-wrap:wrap;
    margin-top:30px;
    margin-bottom:30px;
}

/******************************************************************************/
/* Vehicle List Template                                                      */
/******************************************************************************/

.um-crbs-main.crbs-vehicle-list-template .crbs-list-reset
{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	gap: 15px;
}

.um-crbs-main .um_car_block {
    width: calc(33.3333% - 15px);
    display: flex;
}

/********************************************/
/* MEDIA QUERIES                            */
/********************************************/

@media (max-width: 980px) {
    .um-crbs-main.crbs-vehicle-list-template .crbs-list-reset {
        gap: 10px;
    }
    
    .um-crbs-main .um_car_block {
        width: calc(33.3333% - 10px);
    }
}

@media (min-width: 768px) and (max-width: 890px) {
    .um-crbs-main .crbs-vehicle .crbs-vehicle-content .crbs-vehicle-meta>ul>li {
        width: 47%;
    }
    
    .um-crbs-main .crbs-vehicle .crbs-vehicle-image {
        height: 160px;
    }
}

@media (max-width: 767px) {
    .um-crbs-main .um_car_block {
        width: calc(50% - 10px);
    }
}

@media (max-width: 620px) {
    .um-crbs-main .crbs-vehicle {
        max-width: 500px;
        width: 100%;
    }
    
    .um-crbs-main .um_car_block {
        width: 100%;
        justify-content: center;
    }
    
    .um-crbs-main.crbs-vehicle-list-template .crbs-list-reset {
        gap: 20px;
    }
    
    .um-crbs-main .crbs-vehicle .crbs-vehicle-image>img {
        max-height: 200px;
    }
}