@charset "UTF-8";
/* CSS Document */
/* catalog.css
* ORHA styles for catalog Items in catalog.php
* Include after other style sheets
*/
/* products */
div .orha-products {
	/* background-color: white; */
}

div.mdc-layout-grid__cell,
tr.orha-product-table-item,
li.mdc-list-item {
	/*display: block;*/
	visibility: visible;
}


/* Default display mode, Desktop, Tablets*/

/* Hide dividers */
/*li.orha-product-list-divider {
	display: none;
    visibility: hidden;
}
*/
/* Show Cards by default */
#orha-product-cards .orha-products.orha-product-cards,
.orha-products.orha-product-cards {
	display: block;
	visibility: visible;
}

/* Hide cards if in classic view */
#orha-product-cards .orha-products.orha-product-cards.legacy_on,
.orha-products.orha-product-cards.legacy_on {
	display: none !important;
}

/* Hide table for Desktop */
#orha-product-table .orha-products.orha-product-table,
.orha-products.orha-product-table {
	display: none;
}

/* Show Table, Desktop, Tablets */
#orha-product-table .orha-products.orha-product-table.legacy_on,
.orha-products.orha-product-table.legacy_on {
	display: block !important;
	visibility: visible !important;
}

/* Hide list for Desktop */
#orha-product-list .orha-products.orha-product-list,
.orha-products.orha-product-list {
	display: none;
}

/* Classic View mode, Desktop */
/*
#orha-product-table .orha-products.orha-product-table.region_off,
.orha-products.orha-product-table.region_off {
	display: none;
    visibility: hidden;
}
*/

/* Hide items with filter on or region off atributes */

div.mdc-layout-grid__cell.region_off,
tr.orha-product-table-item.region_off,
li.orha-product-list-item.region_off,
li.orha-product-list-divider.region_off,
div.mdc-layout-grid__cell.filter_on,
tr.orha-product-table-item.filter_on,
li.orha-product-list-item.filter_on,
li.orha-product-list-divider.filter_on {
	display: none;
    visibility: hidden;
}

div.orha_product_list_item {
	min-height: 108px;
	border-radius: 10px;
	margin: 5px;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

div.orha_list_container {
	width: 40px;
	height: 52px;
	max-height: 52px;
	overflow: hidden;
}

/* Set Size of table heading and content, Desktop */
#orha-product-table span.orha-product-table-heading {
	font-size: 1.1em;
}
#orha-product-table span.orha-product-table-content {
	font-size: 0.8em;
}
.mdc-list--three-line .mdc-list-item__text {
	align-self: flex-start
}
.mdc-list--three-line .mdc-list-item {
	height: 108px
}
.mdc-list--three-line.mdc-list--dense .mdc-list-item,
.mdc-list--avatar-list.mdc-list--dense .mdc-list-item {
	height: 90px
}

/* Styles for the card grid display */
div.mdc-layout-grid__cell {
	grid-column-end: span 2; /* 6 cards per row */
}

.orha-catalog-card-header {
    font-style: oblique;
    font-size: 4em;
    color: white !important;
    text-shadow: -1px -1px 0 #000;
}

.orha-catalog-card-title {
    font-size: 2em;
    font-style: oblique;
}

.orha-catalog-card__text {
	min-height:6em;
	max-height:6em;
	overflow:hidden;
}

span.orha-form-item_title__larger {
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;
	font-size: 1.2em !important;
	line-height: 1.4em !important;
}

span.orha-form-item_title__normal {
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;
	font-size: 1em !important;
	line-height: 1.2em !important;
}

span.orha-form-item-title__smaller {
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;
	font-size: 0.8em !important;
	line-height: 0.6em !important;
}

.orha-card-form-title {
	line-height:
}
/************************************
* Media overrides for screen sizes.
* STart large and override values
* for smaller screens as needed.
************************************/
/* large screens 1600px and below */
@media screen and (max-width: 1600px) {
    /* 12 Column Grid */
	div.mdc-layout-grid__cell {
		grid-column-end: span 2; /* 6 cards per row */
	}
}
/* Screens 1200px and below */
@media screen and (max-width: 1200px) {
    /* 12 Column Grid */
	div.mdc-layout-grid__cell {
		grid-column-end: span 3;    /* 4 cards per row */
	}
}

/* Mobile Devices 600px and below - Not iPad*/
@media screen and (max-width: 840px) {
    /* 8 Column Grid */
	div.mdc-layout-grid__cell {
		grid-column-end: span 4;    /* 3 cards per row. */
	}

	.mdc-top-app-bar__title {
		display: none;
		font-size: 8px;
	}
    
    /* Default View, Mobile */
	/* Show List by default */
	/* Hide List for Classic View */
    /* Hide Cards for Mobile */
	#orha-product-cards .orha-products.orha-product-cards,
	.orha-products.orha-product-cards {
		display: none !important;
	}

    #orha-product-list .orha-products.orha-product-list,
	.orha-products.orha-product-list {
		display: block;
		visibility: visible;
	}
    
    #orha-product-list .orha-products.orha-product-list.legacy_on,
	.orha-products.orha-product-list.legacy_on {
		display: none !important;
	}
    
	#orha-product-list .orha-product-list-item {
		min-height: 86px !important;
		border-radius: 10px !important;
		padding: 5px !important;
	}

    #orha-product-cards .orha-products.orha-product-cards.orha-card-form-title,
	.orha-products.orha-product-cards.orha-card-form-title {
		font-size: 0.8em !important;
		line-height: 1em !important;
	}
    	/* Set Size of table heading and content, Mobile */
	#orha-product-table span.orha-product-table-heading {
		font-size: 0.7em !important;
	}

	#orha-product-table span.orha-product-table-content {
		font-size: 0.6em !important;
	}
}

/* Small Devices 360px and below - iPhone 5, etc.*/
@media screen and (max-width: 360px) {
    
    /* Hide cards for 360px */
    #orha-product-cards .orha-products.orha-product-cards,
    .orha-products.orha-product-cards {
        display: none !important;
    }
    
    #orha-product-list .orha-products.orha-product-list,
	.orha-products.orha-product-list {
		display: block;
		visibility: visible;
	}
    
    /* hide list if Legacy active */
	#orha-product-list .orha-products.orha-product-list.legacy_on,
	.orha-products.orha-product-list.legacy_on {
		display: none !important;
	}
    
    /* card title font size */
    #orha-product-cards .orha-products.orha-product-cards.orha-card-form-title,
	.orha-products.orha-product-cards.orha-card-form-title {
		font-size: 0.6em !important;
		line-height: 0.6em !important;
	}

    /* 2 Column Grid */
    div.mdc-layout-grid__cell {
		grid-column-end: span 6;    /* 2 card per row */
	}   
}



