/* Fonts */

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





/* Layout */

#aaplib{
	min-height: 100vh;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

#aaplib-msie{
	padding: 30px;
	display: none;
	text-align: center;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

#aaplib-nav{
	border-bottom:1px solid #e1e1e1;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	display: none;
}

html.avia-msie #aaplib{
	display: none;
}

html.avia-msie #aaplib-msie{
	display: block!important;
}

.aaplib-wrapper{
	display: flex;
	position: relative;
}

#aaplib-index{
	width: 300px;
	min-width: 300px;
}

#aaplib-content{
	padding-top: 40px;
	padding-left: 50px;
	padding-right: 20px;
	width: 100%;
	position: relative;
}

#aaplib-content-inner{
	padding-bottom: 60px;
	background-image: url(images/aap-logo.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: auto 60px;
}

#aaplib.browse-search #aaplib-index,
#aaplib-nav-pad{
	display: none;
}

#aaplib.browse-search #aaplib-content{
	width: 100%;
}

#mobile-close{
	display: none;
}




/* Topic Alphabetical Nav */

#aaplib-nav ul{
	list-style: none;
	text-align: center;
	margin: 0px;
}

#aaplib-nav ul li{
	display: inline-block;
	padding: 0px;
	margin: 0px;
}

#aaplib-nav ul li a{
	font-size: 18px;
	line-height: 34px;
	font-weight: 600;
	padding: 0px 10px;
	display: block;
}

#aaplib-nav ul li a:hover{
	font-weight: 600;
	text-decoration: none!important;
}

#aaplib-nav ul li a.selected{
	text-decoration: none!important;
}



/* Collection Nav */

#aaplib-collections{
	border: 1px solid #e1e1e1;
	padding: 20px;
	text-align: center;
}

#aaplib-collections ul{
	display: block;
	list-style: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#aaplib-collections ul li{
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

#aaplib-collections ul li a{
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
	padding: 9px 20px;
	display: inline-block;
	border-radius: 16px;
	width: 180px;
	text-align: center;
}

#aaplib-collections ul li a:hover{
	text-decoration: none;
}

#aaplib-collections ul li a.selected{
	text-decoration: none;
}

#aaplib-collections ul li.aaplib-browse-wrapper{
	border-radius: 18px!important;
	border:1px solid #e1e1e1!important;
}



/* Search */

.aaplib-search-wrapper{
	padding-left: 0px!important;
	padding-right: 0px!important;
	float:right;
}

#aaplib-search-field{
	font-size: 16px!important;
	padding: 10px 10px 10px 30px!important;
	display: inline-block!important;
	border-radius: 18px!important;
	border:1px solid #e1e1e1!important;
	background-image: url(images/glass.png)!important;
	background-repeat: no-repeat!important;
	background-position:left 5px center!important;
	background-size: 20px 20px!important;
	width: 220px!important;
	margin: 0px!important;
}




/* Topic Index */

#aaplib-index ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-bottom:1px solid #e1e1e1;
}

#aaplib-index ul{
	display: none;
}

#aaplib-index ul li{
	margin: 0px;
	padding: 0px;
}

#aaplib-index ul li h4{
	padding: 15px 20px 5px 20px;
	font-size: 15px!important;
	line-height: 20px;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	text-transform: uppercase!important;
	margin: 0px;
}

#aaplib-index ul li a{
	display: block;
	padding: 5px 20px;
	font-size: 15px;
	line-height: 20px;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
	font-weight: 600;
}

#aaplib-index ul li a:hover{
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	border-left:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
	font-weight: 600;
	text-decoration: none!important;
}

#aaplib-index ul li a.selected{
	font-weight: 600;
	text-decoration: none!important;
}

#aaplib.spinner #aaplib-index ul li a.selected{
	background-size: contain;
	background-position: right center;
	background-image: url(custom/spinner.gif);
	background-repeat: no-repeat;
}


/* Document */

.aaplib-document{
	margin-top: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 20px;
}

.aaplib-document:last-child{
	border-bottom: 0px solid #e1e1e1;
}

#aaplib-content .title{
	font-weight: 600;
}

.aaplib-document .title_esp{
	font-style: italic;
	margin-top: -10px;
}

.aaplib-document .description{
	font-size: 14px;
	line-height: 20px;
	margin-top: -10px;
}

.aaplib-document ul.downloads {
	list-style: none;
	margin: .85em 0px .85em 0px;
	padding: 0px;
}

.aaplib-document ul.downloads li{
	margin: 0px;
	padding: 0px 30px 0px 0px;
	display: inline-block;
}

.aaplib-document ul.downloads li a{
	margin: 0px;
	padding-left: 26px;
	display: inline-block;
	font-size: 15px;
	line-height: 22px;
	position: relative;
	font-weight: 600;
}

.aaplib-document ul.downloads li a:before{
	content: '';
	font-family: aaplib;
	font-size: 24px;
	display: inline-block;
	font-weight: 400;
	position: absolute;
	left: 0px;
}

.aaplib-document ul.downloads li a:hover,
#mobile-close:hover{
	text-decoration: none;
}

#aaplib-share a{
	margin: 0px;
	padding-left: 0px;
	display: inline-block;
	font-size: 15px;
	line-height: 22px;
	position: relative;
	font-weight: 600;
}


.aaplib-document .title_esp,
.aaplib-document .download-handout.esp{
	display: none;
}

#aaplib.esp .aaplib-document .title_esp{
	display: block;
}

#aaplib.esp .aaplib-document .download-handout.esp{
	display: inline-block;
}



/* Spanish toggle */

.toggle-esp{
	position: absolute;
	right: 0px;
	top: 10px;
	font-size: 13px;
	padding: 2px 10px 2px 20px;
	display: none;
	font-weight: 600;
}

#aaplib.esp-opt .toggle-esp{
	display: block;
}

.toggle-esp:hover{
	text-decoration: none!important;
}

.toggle-esp:before{
	content: '';
	font-family: aaplib;
	font-size: 18px;
	display: inline-block;
	font-weight: 400;
	position: absolute;
	left: 0px;
	top: 3px;
}

.toggle-esp.selected:before{
	content: '';
}

#aaplib.esp-opt .toggle-esp{
	display: block;
}



/* Mobile */

@media only screen and (max-width: 899px) { 
	
	#aaplib{
		padding-top: 0px;
	}

	body.admin-bar #aaplib{
		padding-top: 32px;
	}

	#aaplib-outer-wrapper > .flex_cell,
	.responsive #top #wrap_all #aaplib-outer-wrapper.av-flex-cells > .flex_cell.no_margin{
		padding-left:0px!important;
		padding-right:0px!important;
	}
	
	#aaplib-index{
		width: 240px;
		min-width: 240px;
	}
}


@media only screen and (max-width: 767px) { 
	
	#aaplib-index{
		width: 210px;
		min-width: 210px;
	}

	#aaplib-content{
		padding-left: 30px;
		width: auto;
	}
	
	#aaplib-index ul li a{
		font-size: 14px;
		line-height: 18px;
	}

	#aaplib-search-field{
		width: 180px!important;
	}

}

@media only screen and (max-width: 600px) { 
	
	#aaplib,
	body.admin-bar #aaplib{
		padding-top: 0px;
	}

	.aaplib-wrapper{
		display: block;
	}
	
	#aaplib-index{
		width: 100%;
	}
	
	#aaplib-collections ul li{
		display: block;
	}

	#aaplib-collections ul li a{
		width: 50%;
	}

	#aaplib-index ul li a{
		font-size: 15px;
		line-height: 20px;
	}

	.aaplib-search-wrapper{
		margin-bottom: 10px!important;
		float:none;
	}
	
	#aaplib-search-field{
		width: 100%!important;
	}
	
	.toggle-esp{
		display: none;
	}
	
	#aaplib.mobile-fixed-nav .aaplib-nav-wrapper{
		position: fixed;
		top: 0px;
		left: 0x;
		right: 0px;
		z-index: 600;
		width: 100%;
	}
	
	#aaplib.mobile-fixed-nav #aaplib-nav-pad{
		display: block;
	}

	#aaplib.mobile #aaplib-content{
		padding-top: 60px;
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;
	}
	
	.toggle-esp{
		left: 20px;
		right: auto;
	}

	#aaplib.mobile:not(.browse-search) #mobile-close{
		display: block;
		position: absolute;
		right: 20px;
		bottom: -40px;
		font-size: 15px;
		line-height: 22px;
		padding-left: 30px;
		padding-right: 6px;
		padding-top: 2px;
		padding-bottom: 2px;
		font-weight: 600;
		background-color: white;
		border-radius: 15px;
		border: 1px solid #e1e1e1;
	}
	
	#aaplib.mobile #mobile-close:after{
		content: ''; 
		font-family: aaplib;
		font-size: 24px;
		display: inline-block;
		font-weight: 400;
		position: absolute;
		left: 4px;
		top: 3px;
	}

	#aaplib-content-inner{
		background-position: center bottom;
		background-size: contain;
	}

}


@media only screen and (max-width: 400px) { 
	
	#aaplib-collections ul li a{
		font-size: 14px;
		line-height: 20px;
		padding: 5px 8px;
		width: 50%;
	}
	
}

@media only screen and (max-width: 374px) { 

	#aaplib-index ul li a{
		font-size: 14px;
		line-height: 18px;
	}
}

@media only screen and (max-width: 340px) { 

	#aaplib-collections ul li a span{
		display: none;
	}
}