/*
The CSS is organized into several main sections:
1. Basic layout and containers
2. Typography and text styling
3. Search functionality
4. List view styling
5. Grid view styling
6. Pagination controls
7. Document and attachment display
8. Responsive design breakpoints

The media queries at the bottom handle responsive layouts for different screen sizes:
- Mobile (default)
- Tablet (768px+)
- Desktop (992px+)
- Large Desktop (1200px+)

The CSS uses flexbox for modern layout management and includes vendor prefixes for cross-browser compatibility.
*/

/* Left area background */
.left-area {
	background-color: #fff;
}

/* Main mvds container */
.mvds{
	width: 100%;
	min-height: 300px
}

/* Mvds heading styles */
.mvds h4{
	display: inline;
	padding-bottom: 0;
	color: #183669;
}

/* Mvds paragraph styles */
.mvds p{
	line-height: 1.4;
	padding-bottom: 30px;
}

/* List view paragraph override */
.mvds .mvds-list-view p{
	padding-bottom: 0;
}

/* Link styles */
.mvds a{
	color: #4b749b;
	font-weight: bold;
}

/* Link hover state */
.mvds a:hover{
	color: #5d90c1;
}

/* Description padding */
.mvds-description{
	padding-top: 0px;
}

/* Grid item content minimum height */
.doc-grid .item-content{
	min-height: 130px;
}

/* Expanded description padding */
.doc-grid .mvds-description.expand{
	padding-bottom: 25px;
}

/* Search bar styles */
.mvds-searchbar{
	color: #fff;
	background-color: #0B5CAF;
	min-height: 105px;
}

/* Search bar clearfix */
.mvds-searchbar:after{
	display: table;
	content: '';
	clear: both;
}

/* Search text input */
.mvds .mvds-searchtxt{
	margin: 15px 15px 5px 15px;
	height: 30px;
	float: left;
}

/* Search button styles */
.mvds-search-btn{
	height: 30px;
	margin: 15px 15px 5px 1px;
	border-radius: 3px;
	border: 1px solid #eee;
	background-color: #fff;
}

/* Document list background */
.mvds-doclist{
	background-color: transparent;
}

/* List view background */
.mvds-list-view{
	background-color: #fff;
}

/* Document list item styles */
.mvds-doclist > ul > li{
	list-style-type: none;
	border-bottom: 1px solid #ddd;
	padding-top: 15px;
	padding-bottom: 15px; /*15px*/
	min-height: 150px;
	position: relative;
}

/* Grid item padding */
.mvds-doclist .doc-grid > li{
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 15px;
}

/* Pagination link styles */
.mvds-page-next-link,
.mvds-page-prev-link {
	font-size: 18px;
	color: white;
	vertical-align: middle;
}

/* Pagination hover state */
.mvds-page-next-link:hover,
.mvds-page-prev-link:hover{
	color: #2ea3f2;
}

/* Pagination arrow icons */
.mvds-page-prev-link .dashicons-arrow-left,
.mvds-page-next-link .dashicons-arrow-right{
	vertical-align: middle;
	cursor: pointer;
}

/* Page number padding */
.mvds-pagespan{
	padding: 5px 5px 15px 15px;
}

/* Tag div padding */
.mvds-tagdiv{
	padding-left: 15px;
}

/* Clear float utility */
.clear{
	clear: both;
}

/* Tag text styles */
.mvds .mvds-list-view p.tags{
	font-size: smaller;
	font-style: italic;
	line-height: 1.4;
	padding-bottom: 40px;
}

/* Download image icon */
.mvds-download-img{
	width: 20px;
	margin-right: 5px;
	display: inline;
	vertical-align: top;
}

/* Created date float */
.createdat {
	float: right;
}

/* Order options display */
.mvds-order{
	display: block;
	padding: 5px 15px 0 15px;
}

/* Order input spacing */
.mvds-order input{
	margin-right: 5px;
}

/* Grid template flexbox */
.mvds-tmpl-docs-grid ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

/* Grid padding reset */
.left-area .doc-grid, .entry-content .doc-grid {
	padding: 0px;
}

/* Document grid flexbox */
.mvds .mvds-doclist .doc-grid {
	padding: 0!important;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* Grid item width */
.doc-grid li {
	width: 100%;
}

/* Grid item border removal */
.mvds-doclist .doc-grid li{
	border-bottom: none;
}

/* Grid item container styles */
.doc-grid li .item-container{
	position: relative;
	border: 1px solid #ddd;
	padding: 15px 15px 0px 15px;
	min-height: 206px;
	background-color: #fff;
}

/* Basic grid container height */
.doc-grid.grid-basic .item-container{
	min-height: 120px;
}

/* Basic grid content height */
.doc-grid.grid-basic .item-content{
	min-height: 0px;
}

/* Hide elements in basic grid */
.doc-grid.grid-basic li .mvds-description,
.doc-grid.grid-basic li .attachment-holder{
	display: none;
}

/* Document icon positioning */
.mvds-docicon{
	position: static;
	display: block;
	float: left;
	margin-left: -10px;
}

/* Expanded doc icon state */
.doc-grid .mvds-docicon.expand{
	position: static!important;
}

/* Attachment list styles */
.mvds-doclist .mvds-attachment-list{
	padding:0!important;
	position: static;
	float: left;
	width: calc(100% - 50px);
	left: 50px;
	margin-top: 24px;
}

/* Expanded attachment list */
.mvds-doclist .mvds-attachment-list.expand{
	position: static!important;
	width: 100%;
}

/* List view attachment positioning */
.mvds-doclist .mvds-list-view .mvds-attachment-list{
	bottom: 0px;
}

/* Attachment list item styles */
.mvds-doclist .mvds-attachment-list li{
	width: auto;
	margin-right: auto;
	float: none;
	display: inline;
}

/* List view attachment borders */
.mvds-doclist .mvds-list-view .mvds-attachment-list li{
	border-right: 1px solid #a3a3a3;
	padding-right: 10px;
	margin-right: 10px
}

/* Last attachment item border */
.mvds-doclist .mvds-list-view .mvds-attachment-list li:last-child{
	border-right: 0px;
}

/* Attachment link styles */
.mvds-attachment-link{
	color: #4b749b;
	font-weight: bold;
	cursor: pointer;
	display: inline-block;
	padding-top: 10px;
}

/* Attachment link hover */
.mvds-attachment-link:hover{
	color: #5d90c1;
}

/* Paperclip icon styles */
.paperclip{
	color: #4b749b;
	font-size: 16px;
}

/* Right float utility */
.mvds-float-right{
	float: right;
}

/* Attachment date padding */
.mvds-attachment-date{
	padding-top: 15px;
}

/* Grid download link styles */
.mvds-download-grid{
	float: none;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Attachment title alignment */
.mvds-attachment-title{
	vertical-align: top;
	line-height: 1.3;
}

/* Image list item styles */
.mvds-doclist .mvds-attachment-list li .mvds-img-list li{
	float: left;
	width: auto;
	padding: 5px;
}

/* Image list cursor */
.mvds-doclist .mvds-attachment-list li .mvds-img-list li img{
	cursor: pointer;
}

/* Attachment icon text styles */
.mvds-doclist .mvds-attachment-list li .mvds-attachment-icon p{
	line-height: 1;
	padding-bottom: 0px;
	font-size: 12px;
	font-style: italic;
	display: inline;
}

/* Hide grid attachment text */
.mvds-doclist .doc-grid .mvds-attachment-list li .mvds-attachment-icon p{
	display: none;
}

/* Show expanded attachment text */
.mvds-doclist .mvds-attachment-list li .mvds-attachment-icon p.expand{
	display: inline;
}

/* Grid attachment background */
.mvds-doclist .doc-grid .mvds-attachment-list li{
	background-color: transparent;
}

/* Modal z-index */
.lity.lity-opened.lity-iframe {
    z-index: 99999;
}

/* Modal container dimensions */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container{
	width: 480px;
	max-width: 480px;
	max-height: 360px;
	height: 360px;
}

/* Modal iframe height */
.lity-iframe-container{
	height: 360px;
}

/* Attachment mime type styles */
.mvds-attachment-mime{
	clear: right;
	font-size: 10px;
	line-height: 1;
	margin-top: -10px;
	margin-left: -3px
}

/* Attachment icon container */
.mvds-attachment-icon{
	display: inline-block;
	padding-right: 0px;
}

/* List view bottom padding */
.mvds .mvds-doclist .mvds-list-view{
	padding-bottom: 0px!important;
}

/* List view attachment icon margin */
.mvds-list-view .mvds-attachment-icon{
	margin-right: 5px;
}

/* Attachment icon dimensions */
.mvds-attachment-icon img{
	width: 25px;
	height: 25px;
}

/* Doc icon positioning */
.mvds-attachment-icon .mvds-docicon{
	margin-top: -28px;
	width: auto;
	height: auto;
}

/* Attachment icon hover */
.mvds-attachment-icon img:hover{
	cursor: pointer;
}

/* Read more/less link styles */
.mvds .readmore,
.mvds .readless{
	font-weight: 500;
	color: #63b9f2;
	font-size: 12px
}

/* Update date positioning */
.mvds .updatedat{
	position: absolute;
	bottom: 5px;
	right: 15px;
	text-align: right;
	font-size: 10px;
	line-height: 1.2;
}

/* Hide expanded update date */
.mvds .updatedat.expand{
	display: none;
}

/* Grid item title cursor */
.mvds-grid-item-title{
	cursor: pointer;
}

/* Reference padding */
.mvds-ref{
	padding-right: 15px;
}

/* Image attachment height */
.mvds-img-attachment{
	height: 25px;
}

/* Modal iframe background */
.lity-iframe-container iframe,
.lity-content:after{
	background: transparent!important;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Master doc title padding */
.masterdoctitle{
	padding-top: 35px;
}

/* Hide grid master doc title */
.doc-grid .masterdoctitle{
	display: none;
}

/* Show expanded master doc title */
.doc-grid .masterdoctitle.expand{
	display: block;
	padding-bottom: 0;
	font-size: 12px;
}

/* Event view padding */
.mvds .mvds-event-view .mvds-event-times,
.mvds .mvds-event-view .mvds-description{
	padding-bottom: 15px;
}

/* Event grid item styles */
.mvds .mvds-event-view-grid li{
	border: 1px solid #ddd;
	padding: 15px 15px 0px 0px;
	background-color: #fff;
}

/* Event grid container border */
.mvds .mvds-event-view-grid li .item-container{
	border: none;
}

/* Event grid date styles */
.mvds .mvds-event-view-grid .event-grid-title-date{
	float: left;
	width: 50px;
	font-family: serif;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
}

/* Event grid item container */
.mvds .mvds-event-view-grid .item-container{
	float: left;
	width: calc(100% - 50px);
	padding: 0px 0px 0px 10px;
}

/* Event date borders */
.mvds .mvds-event-view-grid .eventdate0,
.mvds .mvds-event-view-grid .eventdate1,
.mvds .mvds-event-view-grid .eventdate2,
.mvds .mvds-event-view-grid .eventdate3{
	padding-bottom: 0;
	border-bottom: 1px solid grey;
}

/* Event date backgrounds */
.eventdate1,
.eventdate2,
.eventdate3{
	background-color: #666;
	color: #fff;
}



/* --- START: Styles for grid-single-file-visible --- */

.doc-grid.grid-single-file-visible > li {
    padding: 0;
    border-bottom: none;
	margin-bottom: -70px;
}

.item-container-single-file {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    box-sizing: border-box;
    position: relative;
    height: auto;

}

.card-header-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.card-header-flex {
    display: flex;
    align-items: flex-start;


}

.card-header-flex .attachment-holder {
    flex-shrink: 0;

}
.card-header-flex .mvds-docicon {
    height: 25px;
    width: 35px;
    vertical-align: middle;
}

.card-header-flex .mvds-grid-single-file-item-title {
    flex-grow: 1;
    margin: 0;
	font-size: 15px;
	width: 180px;
}

.updatedat-simple {
    text-align: right;
    font-size: 10px;
    line-height: 1.2;
    color: #666;
}

/* --- END: Styles for grid-single-file-visible --- */

/* Mobile breakpoint */
@media (max-width: 767px)  {}

/* Tablet breakpoint */
@media (min-width: 768px)  {

	/* Search input display */
	.mvds-search-input{
		display: inline-block;
	}

	/* Order display */
	.mvds-order{
		display: inline-block;
		padding: 17px 15px 0 15px;
	}

	/* Grid item widths */
	.doc-grid li {
		width: 49%;
		float: left;
		margin-right: 2%;
		padding: 0px;
		margin-bottom: 15px;
		margin-top: 15px;
	}

	/* Even grid items */
	.doc-grid li:nth-child(2n) {
		margin-right: 0;
		clear: right;
	}

	/* Created date display */
	.createdat {
		display: block;
		float: none;
	}

	/* Single column grid */
	.doc-grid.col-1 li,
	.doc-gridcol-1 li:nth-child(2n){
		width:100%;
		clear: both;
		margin-right: 0!important;
	}

}

/* Desktop breakpoint */
@media (min-width: 992px)  {
	/* Grid item widths */
	.doc-grid li {
		width: 32%;
	}

	/* Even grid items */
	.doc-grid li:nth-child(2n) {
		margin-right: 2%;
		clear: none;
	}

	/* Third items */
	.doc-grid li:nth-child(3n+3) {
		margin-right: 0;
	}

	/* Fourth items */
	.doc-grid li:nth-child(3n+4) {
		clear: both;
	}

	/* Two column grid */
	.doc-grid.col-2 li{
		width:48%;
	}

	.doc-grid.col-2 li:nth-child(3n+3) {
		margin-right: 2%;
	}

	.doc-grid.col-2 li:nth-child(3n+4) {
		clear: none;
	}

	.doc-grid.col-2 li:nth-child(2n+2) {
		margin-right: 0;
		clear: both;
	}

}

/* Large desktop breakpoint */
@media (min-width: 1200px) {
}