<style>
/**
 * Library Records Plugin - Stylesheet
 * 
 * @package     Library Records
 * @subpackage  Public Styles
 * @version     0.3.0
 * 
 * Table of Contents:
 * 1. Single Library Record Post
 * 2. Record Cards
 *   2.1 Card Container
 *   2.2 Featured Image
 *   2.3 Content Area
 *   2.4 Typography
 * 3. xxx xxx
 * 4. Date Styling
 * 5. Download Button Components
 * 6. Responsive Breakpoints
 * 
 * Breakpoints:
 * --mobile: 480px
 * --tablet: 782px
 * --desktop: 960px
 * 
 */

/* ==========================================================================
   1. Single Library Record Post
   ========================================================================== */

h1.library-record-title {
	color: #009170;
}

h2.library-record-subtitle {
	font-style: italic;
	margin-top: 0;
}

div.library-record {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

div.library-record-cover {
	width: 35%;
	min-width: 150px
}


div.library-record-cover img{
	width: 100%;
	height: auto;
}

div.library-record-fields {
	width: 50%;
	min-width: 200px;
}

/* ==========================================================================
   2. Library records
   ========================================================================== */

div.library-records {
	display: flex;
	width: 100%;
	gap: 2%;
	flex-wrap: wrap;
}

div.library-records div.library-record {
	width: 32%;	
}

div.library-records div.library-record-cover {
	width: 100%;
	
	min-width: 0px;
}

div.library-records div.library-record-fields {
	width: 100%;
	min-width: 0;
}

div.library-records a.library-record-link {
	text-decoration: none;
	max-width: 100%;
}

div.library-records a.library-record-link h3.library-record-title {
	font-size: .6em;
	text-align: center;
	font-weight: 900;
}


@media only screen and (min-width: 768px) {
	div.library-records div.library-record {
		width: 17%;	
	}
	
	div.library-records a.library-record-link h3.library-record-title {
		font-size: .9em;
		text-align: center;
		font-weight: 900;
	}
}

/* ==========================================================================
   3. xxx xxx
   ========================================================================== */


/* ==========================================================================
   5. ZZZ
   ========================================================================== */

/* ==========================================================================
   6. ZZZ
   ========================================================================== */

/* ==========================================================================
   7. ZZZ
   ========================================================================== */

/* ==========================================================================
   8. ZZZ
   ========================================================================== */

/* ==========================================================================
   9. ZZZ
   ========================================================================== */

/* 2.1 Card Container */
.library-records-grid {
    /* Grid styles */
}

/* 2.2 Featured Image */
.library-record-image {
    /* Image styles */
}

