/* This CSS file will be loaded at last. Any CSS customization should be placed here */
.vri-list-item-cont
{
 flex-grow: 0.1 !important;
}

.vri-itemdet-groupblocks
{
border-radius: 10px !important;
}

@media (min-width: 1024px) {
	.vrilistcontainer
	{
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 2% !important;
	grid-row-gap: 2% !important;
	}

	.vri-list-item-img
	{
 	flex-basis: 35% !important;
	}
}

.item_disclaimer
{
 border: 1.5px solid red !important;
}

.vriclistheadt
{
display: none !important;
}

.vri-page-head-title, .vri-itemdet-price-startfrom
{
display: none !important;
}

.vri-itemdet-price-startfrom
{
margin: 0px !important; 
}

.vrilistgoonlist a, .vridetbooksubmit, .vri-search-subdiv button
{
background: #636AE8 !important;
}

.vri-list-item-block, .vri-showprc-groupblocks
{
border-radius: 5px !important;
}

.vri-itemdet-priceblock
{
text-align: left !important;
padding-left: 0px !important;
}

.vrilistcontainer
{
padding-left: 3px !important;
padding-right: 3px !important;
}

.vri-list-item-img img, .vri-itemdet-mainimage img, .vri-result-item-img img, .vri-showprc-mainimage img
{
border-radius: 15px !important;
}

@media (max-width: 425px) {
	.vri-list-item-block
	{
		border-radius: 17px !important;
	}

	.vri-list-item-img img
	{
	border-radius: 40px !important;
	}
}

.vri-search-result-block form
{
 border-radius: 5px !important;
}

.successmade
{
padding: 20px 20px 20px 20px !important;
}

/* This is the styling to display the product listings cards in a 2 column grid. Image in first column and price + description in second column */
@media (max-width:768px) {
	.vri-list-item-block
	{
		display: grid !important;
		grid-template-columns: 50% 50%;
		grid-template-rows: auto 1fr;
		align-items: stretch;
		gap: 5px;
	}

	.vri-list-item-inner
	{
		width: 100%;
		min-width: 0;
		overflow: hidden;
		display: contents;
	}

	.vri-list-item-img
	{
		grid-column: 1;
		grid-row:  1 / span 2 !important;
	}

	.vri-list-item-inner .vri-list-item-img img
	{
		height: 100%;
		width: 100%;
		object-fit: cover;
		display: block;
	}

	.vri-list-item-cont
	{
		grid-column: 2;
		grid-row: 2
	}
	
	/*This limits the amount of text displayed in the paragraph element to at most 3 lines */
	.vri-list-item-descr > .vrilistitemdescr p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
}