/* Department CSS Document */
/*For mobile first adaptive design place styles for mobile and up in the mobile and up area.
Place styles for tablet and up inside the media query in the tablet and up area.
Place styles for desktop only inside the media query in the desktop only area.

For questions or media query training contact Web Development Services.
*/
/* ====================== Mobile and Up ========================== */
/***************BLOG OVERRIDE CSS*************/
.post-date, .side-widgets .section-title {
	color: #000 !important;
}

/* hr with wolverine */
hr.wolverine-icon {
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
hr.wolverine-icon::before {
	    background-color: white;
    position: absolute;
    top: -15px;
    left: calc(50% - 30px);
	content: url("https://www.uvu.edu/library/images/wolverine.png");
	
}

/****PROQUEST****/
[data-search-tab-id="proquest"] iframe {
    position: relative !important;
}
body#proquest-html {
    padding-top: 0;
}


/* Accessible text classes */
.text-14 {
	font-size: 0.8750em;
	line-height: 1.5;
}
.text-16 {
	font-size: 1.0000em;
	line-height: 1.5;
}
.text-17 {
	font-size: 1.063em;
	line-height: 1.5;
}
.text-18 {
	font-size: 1.1250em;
	line-height: 1.5;
}
.text-20 {
	font-size: 1.2500em;
	line-height: 1.5;
}
.text-22 {
	font-size: 1.3750em;
	line-height: 1.5;
}
.text-24 {
	font-size: 1.5000em;
	line-height: 1.5;
}
.text-26 {
	font-size: 1.625em;
	line-height: 1.5;
}
.text-28 {
	font-size: 1.75em;
	line-height: 1.5;
}
.text-40-lg {
	font-size: 2.5em;
	line-height: 1.5;
}
p {
	line-height: 1.5;
}
a.link-def:hover {
  text-decoration: underline;
}
/*accessible link fix */
.accessible-link {
	border-bottom: 1px dotted #275d38 !important;
}
.accessible-link:hover {
	border-style: none !important;
	text-decoration: underline;
}
/* End Accessible text classes */

/* BLOG OVERRIDES */
.posts-by-tag a, .recent-list a, .post-tag-list li a {
    font-weight: bold;
}
.post-tag-list li a {
	color: #275D38 !important;
}

/* Classes with px defined that need to be overridden */
.jumbo header p {
    font-size: 1.3125em;
    font-weight: 200;
    color: #fff;
}

/* End specific classes */

/*******************ADVISORY BOARD*********************/
/*ADVISORY CARDS*/
.card-board .card-board-img-container img {
    background-size: contain;
    width: 100%;
    max-width: 100%;
}
.card-board {
    background-color: #DEDEDE;
    overflow: hidden;
    position: relative;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.card-board .card-board-nameplate {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    background-color: #fff;
    color: #275d38;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
.card-board .card-board-area {
    padding: 25px 20px 10px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}
.card-board .card-board-name {
    font-size: 18px;
    font-weight: 400;
    padding: 0px 20px 15px;
}
.card-board .card-board-name::before {
    content: "";
    display: block;
    width: 200px;
    max-width: 100%;
    border-top: 2px solid #275D38;
    margin: -1px auto 10px;
}

/*MODAL POPUPS*/
.lity-content .bio-scroll {
    max-height: 600px !important;
    overflow-y: scroll;
	background-color: #F6F6F7;
}
.no-display {
    display: none;
}

.adv-search-link {
	display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    /* cursor: pointer; */
    font-size: 18px;
    text-transform: uppercase;
}

.books-radio-width {
	width: 70%;
}

.flex-input {
	display: flex;
	justify-content: space-between;
}

.search-flex {
	display: flex;
	justify-content: space-between;
    margin-right: 20px;
    margin-left: 20px;
}

.search-height {
	height: 85%
}

.ask-height {
	height: 96%
}

.bottom-row {
    display: flex;
    /*list-style: none;
    justify-content: space-evenly;
    padding-left: 0px;
    padding-right: 0px;
    align-items: flex-end;*/ /*These shouldn’t be needed*/
    bottom: 0px;
    /*right: 0px;
    left: 0px; */ 
    position: absolute;
    /*width: 100%; May or may not need this depending on outer container styling*/
}

.buttontest {
    background-color: #ffffff;
    border: solid lightgray;
    border-width: thin;
    color: black;
    padding: 10px;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	text-align: center;
}

.no-right-bord {
	border-right: none;
}

.no-left-bord {
	border-left: none;
}

.full-length {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.time:hover {
	color: #275D38;
	text-decoration: underline;
}

section[data-uvu-template="header-default"] {
	background-color: white; /*was teal*/
	border-left: 15px solid #275d38; /*was teal*/
	padding: 15px 0;
	text-transform: uppercase;
}

h1, h2, h3 {
	font-family: "Lato", sans-serif;
	color: #444;
	/*text-transform: uppercase;*/
	font-weight: bold;
}
.a:hover{color: #aaa;
}	
h3 {
	font-size: 20px;
}

.text-shadow {
	text-shadow: 2px 1px 3px #212121;
}

.align-center {
	align-items: center;
}

.text-aqua-4 {
	color: #3F6F4E;
}

.text-aqua-6 {
	color: #3F6F4E; /*was teal*/
}

ul.arrow > li:before {
	color: #1D723F;
}

a.lib-button,
input.lib-button {
	background-color: transparent;
	border: 1px solid #181818;
	color: #181818;
	font-size: 14px;
	text-transform: uppercase;
	display: inline-block;
	text-decoration: none;
}

.searchTabs a.lib-button {
	margin: 5px 0;
	background-color: #BCDFA4;
}

a.lib-button,
input.lib-button {
	margin: 5px 0;
	padding: 10px;
}

a.lib-button:hover,
.libForm-outer input[type=submit]:hover {
	background-color: #BCDFA4;
}

.searchTabs a.lib-button:hover {
	background-color: #fff;
}

div.lib-landing-button {
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	padding: 10px;
	display: flex;
}

div.lib-landing-button > div {
	display: flex;
	align-items: center;
	padding: 10px;
	width: 100%;
}

div.lib-landing-button p {
	margin: 0;
}

div.lib-landing-button > div:hover {
	color: #fff;
	background-color: #3F6F4E;
}

div.lib-landing-button a, div-lib-landing-button a:hover {
	color: #fff;
	text-decoration: none;
}

.lib-landing-button > .clickable > .col-sm-4 {
	display: none;
}

.lib-landing-button img {
	width: auto;
	max-width: none;
}

.database-content {
	display: none;
}

.button-to-bottom{
	margin-top: auto;
}

.database-list {
	border-top: 3px solid #cacaca;
	border-bottom: 2px solid #444;
	margin-bottom: 40px;
}

/*.database-list.all-db-list {
max-height: 500px;
overflow: auto;
}*/

.accordion, .database-title {
	border-radius: 0px;
	background-color: #fff;
	padding: 10px 20px;
	position: relative;
	cursor: pointer;
	border-bottom: 2px solid #efefef;
}

.accordion.article-title,
.database-title {
	justify-content: space-between;
	align-items: center;
}

/*.accordion:nth-of-type(4n+1),
table tr:nth-of-type(even),
.equipment-list > .row:nth-of-type(even),
.database-list > .row:nth-of-type(even) > .database-title {
	background-color: #efefef;
}*/

/* Archives accordion grid styling */
.accordion-unstyled{
    background-color: #f6f6f7; !important;
	box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.15);
}

.accordion:before,
.database-title:before {
	content: '\f107';
	background-color: transparent;
	color: #000;
	font-size: 100%;	
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;	
	align-items: center;		
	font-family: 'FontAwesome';		
	position: absolute;
	top: 0; bottom: 0; right: 0;
	margin: auto;
	height: auto;
	width: 30px;		
	border-radius: 0 3px 3px 0;
}

.accordion.open:before,
.database-title.database-active:before {
	content: '\f106';
}

div.accordion:not(.active) {
	margin-bottom: 0;
}

.accordion-content,
.database-content {
	background-color: #fff;
	border-radius: 0;
	border-top: 0;
	border-bottom: 2px solid #cacaca;
	padding: 0 10px 5px;
	margin: 10px 0px 0px 0px;
}

table tr:nth-of-type(odd),
.equipment-list > .row:nth-of-type(odd) {
	background-color: #fff;
}

table td,
table th {
	padding: 5px;
}

table:not(.researchguides) th,
table:not(.researchguides) td {
	border: 1px solid #dcdcdc;
}

.equipment-type:hover img {
	outline: 5px solid #185C33;
}

/* Homepage */

.bg-aqua-4 a, .bg-aqua-4 a:hover {
	color: #3F6F4E;
}

.border-left-40 {
	border-left: 40px solid #275d38;
	box-shadow: 0px 1px 6px grey;
}

.daily-Sched{  
	display: none;
	/*padding: 15px 0px;
	text-align: center;*/
}
.mce-content-body .daily-Sched {
	display: block;
}
.mce-content-body table {
	display: table;
}

.daily-Sched a {
	text-decoration: none;
}

.lib-holidays {
	display: none;
}

.lib-holidays.mce-item-table {
	display: table;
}

.icon-blocks {
	text-align: center;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}

.icon-blocks > div a,
.icon-blocks .clickable:hover a {
	color: #fff;
}

.icon-blocks .clickable:hover {
	background-color: #3f6f4e;
}

.bg-image.search-bg {
	background-image: url('https://www.uvu.edu/library/images/search-bg.jpg');
	background-size: cover;
	background-repeat:  no-repeat;
	background-position: 0px 0px;
}

ul.contact-list li:before {
	font-family: 'FontAwesome';
	font-size: 100%;
	color: #555;
	vertical-align: middle;
	margin-right: 10px;
}

ul.contact-list li.phone:before {
	content: '\f095';
}

.workshop { 
	font-size: 100%;
	/*margin-left: 3px;*/
	color: #555;
	vertical-align: middle;
	margin-right: 10px;
}

ul.contact-list li.text:before {
	content: '\f10b';
}

ul.contact-list li.chat:before {
	content: '\f086';
}

ul.contact-list li.contact:before {
	content: '\f1d8';
}

.head-graphic {
	display: none;
}
.news { 
	font-size: 30px;
	margin-left: 3px;

}

/* Code from Springshare to fix chat popup from being partially hidden */
#libchat_modal_20676 {
    position: fixed;
    top: 20% !important;
    left: 0;
    /*bottom: 0;*/
    right: 0;
    font-size: 100%;
    z-index: 1000; /*max 2147483647*/
}


/* Full-width landing page cards (text/content left, image right; 'card-fw-showimage' shows image at mobile; 'card-fw-hideimage' hides image at mobile and includes icon at center) */

.card-fw-showimage,
.card-fw-hideimage {
	display: flex;
	flex-wrap: wrap;
	border-left: 15px solid #275d38;
	margin-left: 0;
	margin-right: 0;
}

.card-fw-showimage h2,
.card-fw-hideimage h2,
h2.card-style {
	text-transform: none;
	font-family: "Lato", sans-serif;
	font-weight: 600;
	font-size: 24px;
	margin-top: 0px;
}

.card-fw-showimage > .card-fw-left,
.card-fw-hideimage > .card-fw-left {
	flex-grow: 2;
	padding: 25px 50px 25px 25px;
}

.card-fw-showimage > .card-fw-right,
.card-fw-hideimage > .card-fw-right {
	padding-left: 0px;
	padding-right: 0px;
	display: flex;
	flex-grow: 2;
	align-items: center;
}

.card-fw-hideimage > .card-fw-right {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.card-fw-icon {
	display: flex;
	align-items: center;
	margin-left: -50px; 
	position: relative; 
	width: 100px; 
	height: 100px; 
	border-radius: 50%; 
	background-color: #fff; 
	padding: 25px;
}

/* End general FW card styles */

/* Background styles for specific FW cards */

.bg-image.card-location {
	background-image: url('https://www.uvu.edu/library/images/location.jpg');
}

.bg-image.card-delivery {
	background-image: url('https://www.uvu.edu/library/images/2025_image_update/faculty_resources-book_delivery.jpg');
}

.bg-image.card-services-faculty {
	background-image: url('https://www.uvu.edu/library/images/2025_image_update/library_services-services_for_faculty.jpg');
}

.bg-image.card-computerlab {
	background-image: url('https://www.uvu.edu/library/images/2025_image_update/library_services-computer_labs.jpg');
}

/*mock-up*/
.bg-image.mock-up {
	background-image: url('https://www.uvu.edu/library/images/placeholder-600x400.png');
}

/*study spaces*/
.bg-image.study-family {
	background-image: url('https://www.uvu.edu/library/images/study_spaces-family_suite.jpg');
}

.bg-image.study-pods {
	background-image: url('https://www.uvu.edu/library/images/study_spaces-study_pods.jpg');
}

.bg-image.study-rooms {
	background-image: url('https://www.uvu.edu/library/images/study_spaces-study_rooms.jpg');
}

.bg-image.card-checkout {
	background-image: url('https://www.uvu.edu/library/images/2025_image_update/library_services-checkout_periods.jpg');
}

.bg-image.card-faclounge {
	background-image: url('https://www.uvu.edu/library/images/fac-lounge.jpg');
}

.bg-image.card-faq {
	background-image: url('https://www.uvu.edu/library/images/2025_image_update/get_help-faqs.jpg');
}

.bg-image.card-studyroom {
	background-image: url('https://www.uvu.edu/library/images/2025_image_update/library_services-study_spaces.jpg');
}

.bg-image.card-interlibrary {
	background-image: url('https://www.uvu.edu/library/images/2025_image_update/library_services-interlibrary_loan.jpg');
}

.bg-image.card-instruction {
	background-image: url('https://www.uvu.edu/library/images/2025_image_update/faculty_resources-library_instruction.jpg');
}

.bg-image.card-instruction-tutorials {
	background-image: url('https://www.uvu.edu/library/images/2025_image_update/get_help-library_tutorials.jpg');
}

.bg-image.card-lib-staff {
	background-image: url('https://www.uvu.edu/library/images/2025_image_update/about-library_staff.jpg');
}

.bg-image.card-equipment {
	background-image: url('https://www.uvu.edu/library/images/2025_image_update/library_services-equipment_checkout.jpg');
}

.bg-image.card-reference {
	background-image: url('https://www.uvu.edu/library/images/2025_image_update/get_help-ask_a_librarian.jpg');
}

.bg-image.card-research {
	background-image: url('https://www.uvu.edu/library/images/2025_image_update/get_help-research_guides.jpg');
}

.bg-image.card-information {
	background-image: url('https://www.uvu.edu/library/images/2025_image_update/about-library_information.jpg');
}

/* Give Page Table */
.wide-first td:nth-child(1){
	width: 25%;
}
.card-hover-title {
	font-weight: bold;
	color: #444444;
}
.card-hover.card-hover-slide .card-hover-container {
	background-color: rgba(232, 242, 241, 0.7);
}

/* Hours Page Calendar */
.s-lc-mhw-tb { width: 100%; border: 1px solid #ddd; border-collapse: collapse; border-spacing: 0; } 
.s-lc-mhw-tb th, .s-lc-mhw-tb td { border: 1px solid #ddd; vertical-align: top; } 
.s-lc-mhw-tb thead { background-color: #F5F5F5; } 
.s-lc-mhw-header { text-align: center; } 
.s-lc-mhw-header-date { text-align: center; display: inline-block; margin-top: 5px; font-size: 130%; } 
.s-lc-mhw-days td { text-align: center; font-weight: bold; min-width: 14.28%; max-width: 14.28%; width: 14.28%;} 
.s-lc-mhw-day-l { color: #555; text-align: right; padding: 2px; font-size: 11px; } 
.s-lc-mhw-cells { height: 50px; } 
.s-lc-mhw-fnc { color: #555; } 
.s-lc-mhw-loc { font-size: 11px; padding: 2px; border-radius: 4px; margin-bottom: 1px; color: #fff;  } 
.s-lc-mhw-subloc { margin-left: 5px;} 
.s-lc-mhw-footnote-cal { font-size: 86%;} 
.loc_10382 { background-color: #314f39; } 
.loc_11011 { background-color: #314f39; } 
.loc_11012 { background-color: #314f39; } 
.loc_11013 { background-color: #314f39; } 
.loc_10717 { background-color: #314f39; } 
.loc_11011, .loc_11012, .loc_11013, .loc_10717, .s-lc-mhw-loc-name { display: none; }

/* Dark links style */

.dark-link a {
	color: black;
}

.dark-link:hover a {
	color: #444444;
}

/*End mobile and up styles*/
/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 768px) {

	section[data-uvu-template="header-default"] {
		border-left: 30px solid #275d38;
		padding: 12px 0;
		background: white;
		box-shadow: 0px 1px 6px grey;
	}

	a.lib-button,
	input.lib-button {
		margin: 10px 0;
		padding: 25px 30px;

	}

	.searchTabs a.lib-button {
		padding: 10px;
		margin: 5px;
	}

	.icon-blocks > div {
		border-left: 1px solid #000;
	}

	.icon-blocks > div:last-of-type {
		border-right: 1px solid #000;
	}

	.head-graphic {
		display: inline;
	}

	.head-graphic span.left {
		border-right: 2px solid #555;
		height: 50%;
		transform: 
			translateX(28px) 
			translateY(15px) 
			rotate(30deg);
		-ms-transform: 
			translateX(28px) 
			translateY(15px) 
			rotate(30deg);
		-webkit-transform: 
			translateX(29px) 
			translateY(15px) 
			rotate(30deg);
		position: absolute;
	}

	.head-graphic span.right {
		transform: 
			translateX(28px)
			translateY(38px)
			rotate(0);
		-ms-transform: 
			translateX(28px)
			translateY(38px)
			rotate(0);
		-webkit-transform: 
			translateX(28px)
			translateY(38px)
			rotate(0);
		width: 60%;
		position: absolute;
		border-top: 2px solid #555;
	}
	.sidecard {
		border-left: #185C33 10px solid; /*was black*/
	}
	/*give page*/
	.card-hover.card-hover-slide .card-hover-container {
	background-color: rgba(232, 242, 241, 0.7);
}

	.card-hover-title {
	font-weight: bold;
	color: #444444;
	}
}
	
/*end media query*/
/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {

	.head-graphic span.left {
		transform: 
			translateX(50px) 
			translateY(10px) 
			rotate(30deg);
		-ms-transform: 
			translateX(50px) 
			translateY(10px) 
			rotate(30deg);
		-webkit-transform: 
			translateX(50px) 
			translateY(10px) 
			rotate(30deg);
	}

	.head-graphic span.right {
		transform: 
			translateX(50px)
			translateY(33px)
			rotate(0);
		-ms-transform: 
			translateX(50px)
			translateY(33px)
			rotate(0);
		-webkit-transform: 
			translateX(50px)
			translateY(33px)
			rotate(0);
		width: 80%;
	}


	div.lib-landing-button > div {	
		padding: 30px;	
	}

	.lib-landing-button > .clickable > .col-sm-4 {
		display: flex;
	}

	.searchTabs a.lib-button {
		padding: 15px;
		margin: 10px 0;
	}


}/*end media query*/
/*End landscape tablet and up styles*/
/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1200px) {

	.head-graphic span.right{
		transform: 
			translateX(49px)
			translateY(34px)
			rotate(0);
		-ms-transform: 
			translateX(49px)
			translateY(34px)
			rotate(0);
		-webkit-transform: 
			translateX(49px)
			translateY(34px)
			rotate(0);
		width: 45%;
	}	

	.library-search-tab,
	.searchTabs a.lib-button {
		padding: 15px 20px;
	}


}/*end media query*/
/*End desktop only styles*/
/*END OF DOCUMENT*/