/*
	Theme Name: Library Science
	Theme URI: https://www.librarysciencedegrees.org
	Description: Library Science
	Version: 1.4.3
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:400 16px/1.9 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#DB8851;
	text-decoration:none;
}
a:hover {
	color:#DB8851;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
h1 {margin: 0.67em 0 .1em; line-height: 1.2em;}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper, .inner {
	max-width:1080px;
	width:95%;
	margin:0 auto;
	position:relative;
}
/* header */
.header {background:#305F66; /*#0A4445*/ color:#FFF; width:100%;}
/* logo */
.logo {float:none; padding:.5em 0;}
@media only screen and (min-width: 768px) {.logo {float:left;}}
.logo-img {}
/* nav */
.nav {float:right; vertical-align:middle; padding:1.25em 1em;}
.nav a {color:#FFF; padding:0 10px; text-decoration:none;}
/* main */
.main {float:none; width:100%; margin:0 auto; padding:0 1em;}
@media only screen and (min-width: 1023px) {.main {float:left; width:70%; padding:0 5em;}}
/* sidebar */
.sidebar {float:none; width:100%; margin:1em auto; padding:0 .5em;}
@media only screen and (min-width: 1023px) {.sidebar {float:right; width:30%;}}
/* footer */
.footer {clear:both; width:100%; float:none; margin:1em auto 0;}


/*------------------------------------*\
    IMAGES
\*------------------------------------*/


/*------------------------------------*\
    LISTS
\*------------------------------------*/
ul, ol {margin:.5em;}
ul li {list-style:none; padding-left:.25em;}
ul li::before {content: '>'; font-weight: bold; color: #0a4445; padding-right: .5em;}
.sidebar ul {margin:.01em;}
ul li.subli {padding-left: .7em;}

/*------------------------------------*\
    HERO
\*------------------------------------*/
.hero {background:#F2FAFB; width:100%; margin:0 auto; padding: 1em 0;}
.intro {color: #DB8851; margin:0; padding:0; font-size:1.1em;}
h1.intro-h1 {margin-top:.2em;}
a.lib-button {display:inline-block; margin:.1em .5em; background-color: #90CE66; color: #111; border-bottom: 2px solid; font-weight:bold; text-transform:uppercase; width:280px; text-align:center; padding:1em;}
/* Responsive */ @media (max-width: 768px) {
a.lib-button {display:block; margin:.5em auto; width:70%;}
}
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#0a4445;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#0a4445;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#0a4445;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
ul {list-style:none;}

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}
/* Library Science Degrees Responsive Navigation */
.nav-main {overflow: hidden; max-width: 1600px; margin: 0 auto; text-align:right;}
.nav-main a, .nav-main a:visited {float: left; display: block; color: #FFF; text-align: left; padding: 14px 16px; text-decoration: none; font-size: inherit; border-bottom:none;}
.active {color: inherit;}
.nav-main .icon {display: none;}
.dropdown {float: left; overflow: hidden;}
.dropdown .navdropdwn {font-size: inherit; border: none; outline: none; color: #222; padding: 3px 5px; background-color: inherit; font-family: inherit; margin: 0;}
.dropdown-content {display: none; position: absolute; background-color: #F9F9F9; min-width: 160px; border:2px solid #DB8851; border-radius:3px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 9999;}
.dropdown-content a, .dropdown-content a:visited {float: none; color: #222; padding: 7px 5px; text-decoration: none; display: block; text-align: left; border-bottom: 1px solid #DDD; line-height: 1.3em; font-size: .9em;}
.dropdown-content a.dropdown-parent {color:#DB8851; border-bottom:1px solid #CCC;}
.nav-main a:hover, .dropdown:hover .navdropdwn, .nav-main a:focus, .nav-main a:hover, .nav-main a:active {color: #DB8851; background:inherit;}
.dropdown-content a:hover {background-color: #F5F5F5; color: #DB8851;}
.nav-main .library-logo-col {display: block; float:left;}
.nav-main .nav-col {float:right; margin: 1em auto 0; width:auto;}
.nav-main a.library-logo:hover, a.library-logo img:hover {background-color: none;}
.dropdown:hover .dropdown-content {display: block;}
@media screen and (max-width: 1000px) {
.nav-main a:not(:first-child), .dropdown .navdropdwn { display: none; }
.nav-main a.icon {float: right; display: block;}
.nav-main.responsive {position: relative;}
.nav-main .nav-col {float: none; margin: 1em auto;}
.nav-main.responsive .icon {position: absolute; right: 0; top: 0;}
.nav-main.responsive a {float: none; display: block; text-align: left;}
.nav-main.responsive .dropdown {float: none;  width:100%; clear:both;}
.nav-main.responsive .dropdown-content {position: relative;}
.nav-main.responsive .dropdown .navdropdwn {display: block; width: 100%; text-align: left;}
button.navdropdwn {background:inherit; color:inherit; font-size:inherit; border:inherit; border-radius:inherit; padding:inherit;}}
.nav-col {float: none; margin:10px auto 0;}
i.down {border: solid #FFF; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); float: right; display: block; margin: 6px 0px 0px 10px;}
/* BG */
img.lib-bg-img {display:block;}
@media only screen and (max-width: 1000px) {img.lib-bg-img {display:block; max-width:40%;}}
@media only screen and (max-width: 600px) {img.lib-bg-img {display:none;}}

/* Breadcrumbs */
#breadcrumbs {line-height:1.4em; font-size:.95em; opacity: .7;}

/* Authorship */
img.authorpic {width: 50px; margin-right: .75em; border-radius: 50%; border: 1px solid #EEE;}
.authorname {font-weight:bold; font-size:.9em;}
.authorbio {line-height:1.5em; font-size:.8em; opacity:.8;}
em.reviewed {font-size: .9em; display: block; color: #885830; line-height:1.2em;}
.updated {font-size: .75em; color: #7c8f78; opacity: .7;}

/*Listings*/
p.pintro {line-height:1.3em; margin:0; padding:0; font-size:.9em; opacity:.7;}
.spo {text-align: right; line-height: 1.4em; opacity: .8; font-size: 12px;  margin-top: .5em; padding-top: 0; font-style: italic;}
.sp {float:right; background: #c1c1c1; color: white; font-size:10px; border-radius: 50%; font-weight: bold; line-height: 1em; padding: 2px 9px 2px 7px; font-style:italic;}
.sp1 {background: #c1c1c1; color:white; font-size:10px; border-radius: 50%; font-weight: bold; line-height: 1em; padding: 1px 8px 1px 6px; font-style:italic;}
.group-schoolname-sp {display:none;}
.table-lib {line-height:1.4em; font-size:.95em;}
.accred {display:none;}
.accredALA {font-size: .7em; padding: .2em; border: 1px solid; background: #01C8DF; color: #005760;}
.accredCAEP {font-size: .7em; padding: .2em; border: 1px solid; background: #EEE; color: #555;}
.onCampus {font-size: .7em; padding: .2em; border: 1px solid; background: #FFF; color: #777;}
.onOnline {font-size: .7em; padding: .2em; border: 1px solid; background: #89C499; color: #357246;}
.consider {font-size: .9em;}

/* SimpleFav */
.sf-program {border-bottom:1px solid #CCC;}
.sf-program:last-child {border-bottom:none;}
.school-fav2 {clear:both; margin-bottom:0; font-size:1em; font-style:bold;}
.program-fav2 {padding-left:2em; font-size:.9em; line-height:1.4em; }
img.search-fav {height:16px; width:auto; padding:2px; vertical-align:middle;}
.sf-accred {line-height:1.4em; opacity:.7; font-size:.9em;}

/* Search Button */
#holder{-moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; background: white; width: 250px; margin: 0 auto; position: relative; transform: translateY(-65%);}
.button {background: #3D4C53; margin: 20px auto; width: 240px; height: 50px; overflow: hidden; text-align: center; transition: .2s; cursor: pointer; border-radius: 3px; box-shadow: 0px 1px 2px rgba(0,0,0,.2);}
.btnTwo {position: relative; width: 240px; height: 100px; margin-top: -100px; padding-top: 2px; background: #26A69A; left: -250px; transition: .3s;}
.btnText {color: white; transition: .3s;}
.btnText2 {color: white; margin-top: 60px; margin-right: -130px; color: #FFF;}
.button:hover .btnTwo{ /*When hovering over .button change .btnTwo*/ left: -130px;}
.button:hover .btnText{ /*When hovering over .button change .btnText*/ margin-left : 130px;}
.button:active { /*Clicked and held*/box-shadow: 0px 5px 6px rgba(0,0,0,0.3);}

/* Columns */
.row {display: table; width: 100%; margin:1% auto;}
.row .col {display: table-cell; padding:1%;}
@media only screen and (max-width: 600px) {.row .col {display: block; width: 95%; margin:1% auto;}}

/* Cards */
.card {border: 1px solid #F5F1EA; background: #FCF9F4; display: block; height: auto; padding: .2em .5em; width:98%; margin:4% auto; border-radius:5px; font-family:inherit;}
.authorcard {border: 1px solid #F9F4EC; background: white; padding: .4em .5em;/*border-left: 5px solid #885830;*/}
.callout {width:90%; margin:2em auto; padding:1.5em; overflow:hidden;}
.fright {float:right;}
.fleft {float:left;}

/* Headings */
h4 {line-height:1.5em; padding:0; margin:.25em auto 0;}
/*
table tr td {padding: .55em .1em; border-bottom: 1px solid #EEE;}
.table-lib tr td.td-school {min-width:200px;}
.table-lib em {font-size:.9em; opacity:.7; padding-left:5px;}*/

/* Table */
table, table.table {border-collapse:collapse; width: 99%; margin: 2em auto 0; border: 1px solid #DDD; background-color:#FFF; line-height:1.3em; font-size:.95em; clear:both}
table tr th {background: #406C73; color: white; padding:1em .25em;}
table tr {border-bottom:1px solid #F2FAFB;}
table tr td {padding:.4em .25em;}
table tr td.tdschool {background:#FFF;}
.ala-accreditation {padding-left:.5em; line-height: 1.1em;}
.website {display:block;}
table tr td.ala-check {text-align: center; font-weight:bold;}
table tr td.ala-info {text-align: center; font-size:.9em; line-height:1.4em;}
table tr td.ala-info .online-admissions-website {text-align:center;}
table tr td.ala-info .online-admissions-website a {/*border-bottom: 2px solid #65AA35; color: #444; background: #90CE66;*/ color: #DB8851; border:1px solid; padding: .75em; margin: 0.5em 1em 0; display: block; width:80%; border-radius:2px;}
table tr td.ala-info .online-admissions-website a:hover, table tr td.ala-info .online-admissions-website a:visited:hover {filter: brightness(85%);}
.thecheck {border: none; font-size: 1.3em; padding: 2px 5px; background: #3E8484; color: white; text-shadow: 1px 1px #324d4d; border-radius: 50%;}
.school-name-mob, img.img-ala-mob {display:none;}
img.top-image {max-width:105px; max-height:90px; height:auto; margin:1em; display:block;}
img.img-ala {float: right; display: block; padding-left: .5em; max-height: 40px;}
table tr td em {font-size:.95em; opacity:.7; padding-left:5px;}
.school-name-des {display:block;}
/* Adjust Table for Tablets and Mobile */
@media only screen and (max-width: 767px), (min-device-width: 768px) and (max-device-width: 1024px)  {
table, thead, tbody, th, td, tr {display: block; font-size:.95em;}
table tr th {display:none;}
table tr { border: 1px solid #DDD;}
table tr td {border: none; border-bottom: 1px solid #DDD; position: relative; padding-left: 5%; }
table tr td.tdschool {background: #DDD; color: #111; font-size:1.1em; border:1px solid #DDD; width:100%;}
table tr td.ala-check, table tr td.ala-info {text-align: left;}
 /* {content: attr(data-th)": "; font-weight: bold; width:6.5em; display: inline-block; text-align:left;} */
table tr td.tdschool::before,table tr td::before {content: none; width:0;}
.ala-accreditation, table tr td.ala-info .online-admissions-website {padding-left: .5em;}
.website {display:none;}
.school-name-mob {display:block;}
.school-name-des, img.top-image {display:none;}
	table tr td .ala-accreditation {padding-bottom:.65em;}
table tr td.ala-info {margin-top:.25em;}
table tr td.ala-info .online-admissions-website a {width:80%; clear:both; margin:.2em auto;}
img.img-ala {float: left;}
}

/* Search Results */
.results-card {display:block; margin:2em auto; width:98%; border:1px solid #EEE; border-radius: 3px; clear:both; background:#FFF; box-shadow: 0px 1px 3px #999; transition: box-shadow 0.15s ease-in-out 0s;}
.results-card:hover {box-shadow: 0px 1px 10px #555; transition: box-shadow 0.25s ease-in-out 0s;}
.flex-container {display: flex; flex-wrap: nowrap;}
.flex-item-left {flex: 70%;}
.flex-item-right {flex: 30%; border-left: 1px solid #EEE; padding: .5em 1em;}

/* Body */
.results-highlights {display: flex; flex-wrap: nowrap; text-align: center; border-top:1px solid #ddd; vertical-align: baseline;}
.res {flex: 30%; line-height: 1.5em; font-size: 13px; padding: 10px 5px; width: 30%; margin: 0 auto; text-align: center;}
.resbright {border-right: 1px solid #DDD;}
.res1:before {content:"✔ "; font-weight:bold;}
.res2:before {content:"✎ "; font-weight:bold;}
.res3:before {content:"Level: "; font-weight:bold;}
.results-school-mobile-image {display:none;}
img.results-image {max-width:270px; max-height:90px; height:auto; margin:1em auto; display:block;}
.results-program-name {font-weight:bold; font-size: 25px; padding: .5em; border-bottom:none; line-height:1.2em;}
.results-school-name {opacity:.7; font-size: 17px; padding: 0 1em .5em; line-height:1.2em;}
.results-writeup {opacity:.7; font-size:13px; line-height:1.5em; padding: 0 1em; margin: .2em 1em 1em;}
.results-center {text-align:center;}
a.results-button, a.results-button:visited {border-radius: 3px; padding: 5px 10px; text-align:center; width: 80%; margin: 0 auto; display: block;}
a.results-button:hover, a.results-button:visited:hover {filter: brightness(85%);}
.click-to {opacity:.7; font-size:12px; line-height:1.5em; text-align:center; margin: 1.5em 0 .5em;}

/* Responsive */ @media (max-width: 3000px) {.flex-container, .results-highlights {display: flex; flex-wrap: wrap;}
.flex-item-right, .flex-item-left {flex: 100%;}
.results-program-name {font-size: 20px; padding: .5em; border-bottom:1px solid #EEE; line-height:1.2em;}
.resbright {border-bottom:1px solid #DDD;}
.results-school-mobile-image {display:block; float:right; width:30%; margin:0;}
img.results-image-mobile {max-width:99%; margin:0 auto; height:auto; max-height:100px; padding:.5em; float:right; background-color:white;}
img.results-image {display:none;}
.results-program-name {border-bottom:none;}
.results-school-name {border-bottom:none;}}

/* Customize Results Colors Here */
/* Request Info Button */ a.results-button, a.results-button:visited {background-color: #90CE66; color: #24440E; border-bottom: 2px solid; /*background-color: #E66E3F; color: white;*/}
/* Program Name */ .results-program-name a {color:#444;}
/* Program Name Hover */ .results-program-name a:hover {color:royalblue;}
/* Writeup Link Color */ p.results-writeup a, p.results-writeup a:visited {color: royalblue;}
/* Highlights */ .results-highlights {color: #555; background: #E7E9EB;}