/* 
 Author: Emma Jaud
 Organization: University of Delaware Library, Museums and Press
 File: libanswers.css
 Description: This file is included via the Springshare LibAnswers admin to define styles for Lib Answers.
*/

/* UD FONTS  ||||||||||||||||||||||||||||||||||*/
@font-face {
    font-family: 'greycliff_light';
    src: url('https://library.udel.edu/static/fonts/GreycliffCF-Light.woff') format('woff'),
         url('https://library.udel.edu/static/fonts/GreycliffCF-Light.woff2') format('woff2');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'greycliff_regular';
    src: url('/static/fonts/Greycliff-CF-Regular.otf') format('opentype');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: 'greycliff_semibold';
    src: url('https://library.udel.edu/static/fonts/GreycliffCF-DemiBold.woff') format('woff'),
         url('https://library.udel.edu/static/fonts/GreycliffCF-DemiBold.woff2') format('woff2');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'greycliff_bold';
    src: url('https://library.udel.edu/static/fonts/GreycliffCF-Bold.woff') format('woff'),
         url('https://library.udel.edu/static/fonts/GreycliffCF-Bold.woff2') format('woff2');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vanguard_light';
    src: url('/static/fonts/Vanguard-CF-Light.otf') format('opentype');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: 'vanguard_light_italic';
    src: url('/static/fonts/Vanguard-CF-Light-Oblique.otf') format('opentype');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: 'vanguard_regular';
    src: url('/static/fonts/Vanguard-CF-Regular.otf') format('opentype');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: 'vanguard_regular_italic';
    src: url('/static/fonts/Vanguard-CF-Regular-Oblique.otf') format('opentype');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: 'vanguard_demi';
    src: url('/static/fonts/Vanguard-CF-Demi-Bold.otf') format('opentype');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: 'vanguard_demi_italic';
    src: url('/static/fonts/Vanguard-CF-Demi-Bold-Oblique.otf') format('opentype');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: 'vanguard_bold';
    src: url('/static/fonts/Vanguard-CF-Bold.otf') format('opentype');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: 'vanguard_bold_italic';
    src: url('/static/fonts/Vanguard-CF-Bold-Oblique.otf') format('opentype');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: 'garamond_regular';
    src: url('/static/fonts/GaramondPremrPro.otf') format('opentype');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: 'garamond_regular_italic';
    src: url('/static/fonts/GaramondPremrPro-It.otf') format('opentype');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: 'garamond_semibold';
    src: url('/static/fonts/GaramondPremrPro-Smbd.otf') format('opentype');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: 'garamond_semibold_italic';
    src: url('/static/fonts/GaramondPremrPro-SmbdIt.otf') format('opentype');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* GENERAL STYLING  ||||||||||||||||||||||||||||||||||*/
body#s-la-page-5462 {
    margin:0;
    padding:0;
    font-family: 'greycliff_regular','Open Sans',Arial,sans-serif !important;
    font-size: 1.25rem;
    line-height: 1.75rem;
/*    background-color: #F0F0F0;*/
	background-color: var(--color-gray-light);
}
p#s-la-page-5462 {
    font-family: 'greycliff_regular','Open Sans',Arial,sans-serif !important;
}

h2:empty {
    display: none;
}

h3:empty {
    display: none;
}

h4:empty {
    display: none;
}

h5:empty {
    display: none;
}

body{
    font-family: 'greycliff_regular','Open Sans',Arial,sans-serif;
}
.s-la-public-home.s-la-public-header-text {
    float: none;
    text-align: center;
    display: none;
}
.reqnote {
    color: #B30000;
    font-size: 1.5em;
}
.s-la-content-iconitem-text a{
    color: #003c71;
}
.s-la-content-link-a{
    color: #003c71;
}
.list-inline a{
    color: #003c71;
}
.nav-tabs>li>a{
    color: #003c71;
}
.navbar-default .navbar-text{
    color: #575757;
}
.navbar-default .navbar-nav>li>a{
    color: #575757;
}
.s-la-faq-listing-meta .divider {
   color: #575757;
    font-size: 1.5em;
}
.s-la-content-iconitem-icon .fa-envelope {
    color: #000;
}
.s-la-askform-button {
    color: #fff;
     background-color: #003c71;
    border-color: #003c71;
}
/* Ask The Library Submit Button */
.btn-primary {
    color: #fff;
     background-color: #003c71;
    border-color: #003c71;
}
.s-la-searchform-button {
    color: #fff;
    background-color: #003c71;
    background-image: none;
    border-color: #003c71;
}
#UDLibraryHeader + .container {
    background: transparent !important;
}



/* STATUS MANAGEMENT PAGE  ||||||||||||||||||||||||||||||||||*/
#s-la-page-5462 #s-la-products-list, 
#s-la-page-5462 .s-la-filterform,
#s-la-page-5462 #s-la-tabbedmenu,
#s-la-page-5462 #s-la-idea-submit {
	display: none;
}
#s-la-page-5462 .s-la-header {
	display: block;
}


/* heading */
#s-la-page-5462 h1 {
	font-size: calc(2rem + 0.5vw);
}
#s-la-page-5462 .s-la-public-header-description {
	font-family: 'greycliff_regular','Open Sans',Arial,sans-serif !important;
	font-size: 1.25rem;
}

/* posts */
#s-la-page-5462 #s-la-posts-list li {
	margin: 10px 0;
    padding: 12px;
    background: white;
	border-radius: .5rem;
	position: relative;
	border: none;
	border-bottom: 4px solid #e1e1e1;
}
/* label danger */
#s-la-page-5462 #s-la-posts-list li:has(.label-danger) {
	border-bottom: 4px solid #ffd4d2;
}
/* label new */
#s-la-page-5462 #s-la-posts-list li:has(.label[style*="background-color: #c7e3ff;"]) {
/*	border: 2px solid #f6fbff;*/
/*	border: 2px solid #eaf4ff;*/
	border-bottom: 4px solid #c7e3ff;
}
/* label info */
#s-la-page-5462 #s-la-posts-list li:has(.label[style*="background-color: #003566;"]) {
/*	background: #cad6e1;*/
/*	border: 2px solid #eaf4ff;*/
	border-bottom: 4px solid #ccd7e4;
}
/* label maintenance */
#s-la-page-5462 #s-la-posts-list li:has(.label[style*="background-color: #ffd200;"]) {
/*	background: #fdf0b2;*/
/*	border: 2px solid #fff8d9;*/
	border-bottom: 4px solid #fdf0b2;
}
#s-la-page-5462 .s-la-post-link {
	margin-right: 0; 
	position: absolute;
    bottom: 12px;
    right: 12px;
}
#s-la-page-5462 img {
    height: auto !important;
}
#s-la-page-5462 a {
    color: var(--color-blue-dark);
}
#s-la-page-5462 .s-la-post-title {
    margin-top: 1em !important;
}
#s-la-page-5462 .s-la-post-labels .label {
	margin-right: 0; 
	position: absolute;
    top: 12px;
    right: 12px;
	display: block;
    padding: 4px 8px 5px;
	line-height: 1;
    font-size: 1.125rem;
}
#s-la-page-5462 .s-la-post-body {
	max-width: 100%;
/*	margin-bottom: 0;*/
}
#s-la-page-5462 .s-la-post-system {
	background: var(--color-gray-light);
    padding: 4px 8px 5px;
    border-radius: .25em;
    font-family: 'greycliff_semibold';
    font-size: 1.125rem;
    line-height: 1;
    display: inline-block;
    letter-spacing: 0;
}
#s-la-page-5462 .s-la-post-system a {
	text-decoration: none;
}
#s-la-page-5462 .s-la-post-system a:hover {
	text-decoration: underline;
}

/* no posts */
#s-la-page-5462 .s-la-posts-none {
    margin: 0 0 20px;
    background: white;
    padding: 20px;
    border-radius: .5rem;
}
#s-la-page-5462 .s-la-posts-none h4 {
	margin: 0 0 25px 0;
}
#s-la-page-5462 .s-la-posts-none .report {
	background: var(--color-blue-darker);
    padding: 4px 12px 6px;
    border-radius: 10rem;
    color: white;
    text-decoration: none;
    margin: 0 4px;
    font-size: 14px;
}
#s-la-page-5462 .s-la-posts-none .report:hover {
	background: var(--color-blue-med);
}

/* libanswers footer */
#s-la-page-5462 .s-la-footer {
	border: none;
	background: transparent;
	color: black;
}

/* product specific page */
#s-la-page-5462 #s-la-public-header-title .label {
	font-size: 75%;
}
#s-la-page-5462 .s-la-public-header-text #s-la-product-select {
    background: var(--color-blue-med);
    border-radius: 10rem;
}
#s-la-page-5462 .s-la-public-header-text .form-inline .form-control {
	border-radius: 10rem 0 0 10rem;
}
#s-la-page-5462 .s-la-public-header-text .btn-default {
	border-radius: 0 10rem 10rem 0;
    padding: 6px 14px 6px 6px;
    background: var(--color-blue-med);
    color: white;
    border: 1px solid var(--color-blue-med);
}


/* RESPONSIVE CSS  ||||||||||||||||||||||||||||||||||*/
@media (max-width: 992px) {
	#s-la-page-5462 .s-la-public-header-text #s-la-product-select {
		display: grid;
		grid-template-columns: 1fr auto;
	}
	#s-la-page-5462 .s-la-public-header-text .pull-right {
		float: none !important;
	}
   
}
@media (max-width: 600px) {
	#s-la-page-5462 .s-la-post-labels {
		float: none; 
		margin-top: 10px;
	}
	#s-la-page-5462 .s-la-post-labels .label,
	#s-la-page-5462 .s-la-post-link {
		position: inherit;
	}
	#s-la-page-5462 .s-la-post-top.clearfix, 
	#s-la-page-5462 .s-la-post-title {
		text-align: center;
	}
   
}