/* ----------------------------------------------------------------
	Pro Element Responsive Table
-----------------------------------------------------------------*/

:root {
	--bechewy: 0, 41, 87;
	--behome: 10, 102, 75;
	--bewell: 159, 29, 173;
	--besmart: 17, 99, 173;
	--begenerous: 101, 75, 249;
	--beinspired: 0, 108, 103;
	--newpet: 192, 65, 0;
	--browsepet: 140, 20, 165;
	--light-gray: 244, 244, 244;
	--medium-gray: 132, 132, 132;
	--dark-gray: 34, 34, 34;
	--table-border: 221, 221, 221;
}


.responsive-table-pro, .responsive-table-pro .responsive-table { 
	width: 100%;
}
.responsive-table-pro .responsive-table { 
	display: flex;
}
.responsive-table-pro .table-header, .responsive-table-pro .table-row { 
	display:flex; 
	flex-wrap: wrap; 
	padding-left: 0; 
}
.responsive-table-pro .table-row_header, .responsive-table-pro .table-row_column { 
	flex: 1 1 0;
	padding: 15px 0;
}
.responsive-table-pro .table-row_column p { 
	padding: 0 5px;
}
.responsive-table-pro .table-row_column p:last-of-type { 
	margin-bottom:0px !important; 
}
.responsive-table-pro .table-row_column p img { 
	margin-bottom:0px;
}
.responsive-table-pro .table-row_header.width_sml, .responsive-table-pro .table-row_column.width_sml { 
	flex: 0.5 1 0;
}
.responsive-table-pro .table-row_header.width_lrg, .responsive-table-pro .table-row_column.width_lrg { 
	flex: 1.5 1 0;
}
.responsive-table-pro .table-row_header { 
	font-size: 1.6rem !important;
	line-height: 2.2rem !important;
	font-weight: bold;
	word-break: break-word;
}
.responsive-table-pro.default .table-row_header { 
	padding: 15px 5px;
	align-self: flex-end;
}
.responsive-table-pro.default .table-row.table-header {
	border-bottom: 1px solid rgb(var(--table-border));
}
.responsive-table-pro .mobile-header { 
	display: none;
	line-height: 1.2;
	width: 100%; 
	font-weight: bold;
}
.responsive-table-pro.color_header { 
	font-family: var(--bc-headline-primary) !important;
	text-align: center; 
}
.responsive-table-pro.color_header .table-row_header { 
	padding: 0;
	align-self: normal;
}
.responsive-table-pro.color_header .table-row_header .table-row_inner { 
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	align-content: center;
	z-index: 1;
	font-size: 1em;
	text-align: center;
	color:rgb(255,255,255);
    background-color: rgb(var(--bechewy));
	padding: 30px 10px;
	height: 100%;
	word-break: break-word;
}

.responsive-table-pro.color_header .table-row_header {
	border-right: 1px solid #fff;
}

article.category-behome .responsive-table-pro.color_header .table-row_header .table-row_inner { 
    background-color: rgb(var(--behome));
}

article.category-bewell .responsive-table-pro.color_header .table-row_header .table-row_inner { 
    background-color: rgb(var(--bewell));
}

article.category-besmart .responsive-table-pro.color_header .table-row_header .table-row_inner { 
    background-color: rgb(var(--besmart));
}

article.category-begenerous .responsive-table-pro.color_header .table-row_header .table-row_inner { 
    background-color: rgb(var(--begenerous));
}

article.category-beinspired .responsive-table-pro.color_header .table-row_header .table-row_inner { 
    background-color: rgb(var(--beinspired));
}

article.category-newpet .responsive-table-pro.color_header .table-row_header .table-row_inner { 
    background-color: rgb(var(--newpet));
}

article.category-browsepet .responsive-table-pro.color_header .table-row_header .table-row_inner { 
    background-color: rgb(var(--browsepet));
}

.responsive-table-pro.first_column_header .table-row_header:first-of-type .table-row_inner {
	color: rgb(0,0,0);
	background-color: rgb(255,255,255) !important;
}
.responsive-table-pro.first_column_header .table-row_column:first-of-type { 
	background-color: rgba(0,0,0,0.05);
	border-width: 0px 0px 1px 0px;
	border-style: none none solid none;
	border-color: transparent transparent rgb(255,255,255) transparent;
}

/* Row Styles */
.responsive-table-pro.row_alternating_color .responsive-table-data .table-row:nth-child(even) {
	background-color: rgb(var(--light-gray));
}
.responsive-table-pro.row_line_break .responsive-table-data .table-row {
	border-bottom: 1px solid rgb(var(--table-border));
}

/* Column Styles */
.responsive-table-pro.column_line_break .responsive-table-data .table-row .table-row_column {
	border-right: 1px solid rgb(var(--table-border));
}
.responsive-table-pro.column_line_break .responsive-table-data .table-row .table-row_column:first-of-type { 
	border-left: 1px solid rgb(var(--table-border));
}
.responsive-table-pro.column_line_break.row_alternating_color .responsive-table-data .table-row {
	border-bottom: 1px solid rgb(var(--table-border));
}


@media (max-width: 640px) { 
	.responsive-table-pro.mobile-tile-mode .table-header { 
		display:none; 
	}
	.responsive-table-pro.mobile-tile-mode .mobile-header, .responsive-table-pro.mobile-tile-mode .table-row_column > * { 
		display:block;
	}
	.responsive-table-pro.mobile-tile-mode .table-row_header, .responsive-table-pro.mobile-tile-mode .table-row_column { 
		flex: 0 0 100%; 
	}
	.responsive-table-pro.mobile-tile-mode .table-row_column { 
		margin-bottom: 0px;
	}
	.responsive-table-pro.mobile-tile-mode .table-row_column:last-of-type { 
		margin-bottom:0px;
	}
	.responsive-table-pro.mobile-tile-mode .table-row { 
		
		padding:10px; 
	}
	.responsive-table-pro.mobile-tile-mode .table-row:nth-child(even) { 
		background-color: rgba(0,0,0,0.05);
	}
	.responsive-table-pro.mobile-tile-mode.first_column_header .table-row:nth-child(even) { 
		background-color: rgba(0,0,0,0.00);
	}
	.responsive-table-pro.mobile-tile-mode .table-row_column > p {
		margin-bottom:0px !important;
	}
	.responsive-table-pro.mobile-tile-mode .responsive-table-data .table-row .table-row_column, .responsive-table-pro.mobile-tile-mode .responsive-table-data .table-row .table-row_column:first-of-type { 
		border-left:0px;
		border-right:0px;
	}
	.responsive-table-pro .table-row_header.width_sml, .responsive-table-pro .table-row_column.width_sml { 
		flex: 0.75 1 0;
	}
	.responsive-table-pro .table-row_header.width_lrg, .responsive-table-pro .table-row_column.width_lrg { 
		flex: 1.25 1 0;
	}
}