@charset "UTF-8";

@font-face {
    font-family: 'Libre Baskerville';
    font-weight: 400;
    font-style: normal;
    /* src: url('https://media.asrt.org/global/fonts/LibreBaskerville/LibreBaskerville-regular.eot');
    src: url('https://media.asrt.org/global/fonts/LibreBaskerville/LibreBaskerville-regular.eot?#iefix') format('embedded-opentype'),
         local('LibreBaskerville'),
         local('LibreBaskerville-regular'),
         url('https://media.asrt.org/global/fonts/LibreBaskerville/LibreBaskerville-regular.woff2') format('woff2'),
         url('https://media.asrt.org/global/fonts/LibreBaskerville/LibreBaskerville-regular.woff') format('woff'),
         url('https://media.asrt.org/global/fonts/LibreBaskerville/LibreBaskerville-regular.ttf') format('truetype'),
         url('https://media.asrt.org/global/fonts/LibreBaskerville/LibreBaskerville-regular.svg#OpenSans') format('svg'); */
    src: url('https://media.asrt.org/global/fonts/LibreBaskerville/LibreBaskerville-regular.ttf') format('truetype'),
    local('LibreBaskerville'),
    local('LibreBaskerville-regular');
}
  
@font-face {
    font-family: 'Libre Baskerville';
    font-weight: 700;
    font-style: bold;
    /* src: url('https://media.asrt.org/global/fonts/LibreBaskerville/LibreBaskerville-Bold.eot');
    src: url('https://media.asrt.org/global/fonts/LibreBaskerville/LibreBaskerville-Bold.eot?#iefix') format('embedded-opentype'),
         local('LibreBaskerville-Bold'),
         local('LibreBaskerville-700'),
         url('https://media.asrt.org/global/fonts/LibreBaskerville/LibreBaskerville-Bold.woff2') format('woff2'),
         url('https://media.asrt.org/global/fonts/LibreBaskerville/LibreBaskerville-Bold.woff') format('woff'),
         url('https://media.asrt.org/global/fonts/LibreBaskerville/LibreBaskerville-Bold.ttf') format('truetype'),
         url('https://media.asrt.org/global/fonts/LibreBaskerville/LibreBaskerville-Bold.svg#OpenSans') format('svg'); */
    src: url('https://media.asrt.org/global/fonts/LibreBaskerville/LibreBaskerville-Bold.ttf') format('truetype'),
    local('LibreBaskerville-Bold'),
    local('LibreBaskerville-700');     
}



/* General Styles
***********************/
a[href*='twitter.com']:before,
a[href*='facebook.com']:before,
a[href*='instagram.com']:before {
	color: white !important;
  	font-size: 3rem !important;
  	padding-right: 2rem;
}

a[href^="mailto:"]:before {
  	display: none !important;
}

a[href*=".pdf"]:before {
	color: white !important;
}

.header {
	border: none !important;
  	background-color: rgb(88, 89, 85);
}

.NLP-header h1 {
	font-family: 'Libre Baskerville', serif !important;
}
.NLP-intro h2,
.NLP-kit h2,
.NLP-gallery h2,
.NLP-libraries h2,
.NLP-contact h2,
.NLP-social h2,
.NLP-libraries h3,
.NLP-kit h3,
.NLP-form h2 {
	font-family: 'Libre Baskerville', serif !important;
}

h2 {
	color: rgb(229,103,62) !important;
}

.NLP-form .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
	float: left !important;
}

/* Header Styles
***********************/
.NLP-header {
  	background: url(https://www.asrt.org/images/default-source/promos/national-library-partnership/nlp_books.png?sfvrsn=4); 
  	background-color: rgb(88,89,85);
  	background-position: center bottom;
  	background-repeat: repeat-x;
}

.NLP-nav {
	padding-right: 2rem !important;
    	padding-left: 2rem !important;
  	color: white !important;
  	font-family: 'Libre Baskerville', serif !important;
  	font-weight: bold;
  	font-size: 1.2rem;
}

.NLP-formNav {
	background-color: rgb(229, 103, 62);
}

.NLP-formNav:hover {
	background-color: rgb(8, 198, 210);
}

.NLP-header img {
	padding-bottom: 1rem;
}

.color-border {
  list-style:none;
  width:100%;
  font-size:0;
  display: flex;
}

.color-items {
  width:100%;
  height:20px;
}

.color-items:nth-child(1) {
  background: gray;
}

.color-items:nth-child(2) {
  background:rgb(229,103,62);
}

.color-items:nth-child(3) {
  background:rgb(182,186,159);
}

.color-items:nth-child(4) {
  background:rgb(8,198,210);
}

.NLP-CTA {
    color: white;
    font-weight: bold;
    padding: 1rem;
    border-radius: 5px;
    font-size: 1.2rem;
    border: 2px solid rgb(229,103,62);
    margin-top: 4rem;
}

.NLP-CTA:hover {
    opacity: .8;
}

@media (max-width: 1023px) {
  .NLP-CTA {
  	margin-top: 0;
  }
}

.NLP-CTA-ALT {
    padding: 1rem !important;
    border-radius: 5px;
    background: rgb(229,103,62);
    color: white;
    font-weight: bold;
  	font-size: 1.2rem;
}
.NLP-CTA-ALT:hover {
    opacity: .8;
}

.NLP-first-CTA {
	margin-top: 3rem;
}
/* Introduction Styles
***********************/
.NLP-intro {
  	background-color: #f8f5f0 !important;
  	background: url(https://www.asrt.org/images/default-source/promos/national-library-partnership/nlp-reading.png?sfvrsn=2) no-repeat;
    background-position: 0% 95%;
  	padding-top: 2rem;
  	padding-bottom: 2rem;
  	background-size: contain;
}

@media (max-width: 1930px) {
  .NLP-intro {
  	background-size: cover;
  }
  
  .intro-content {
  	background-color: rgba(255,255,255,.65);
  }
}

.intro-content {
	padding-bottom: 0 !important;
}

.NLP-intro h3 {
	text-align: right;
  	font-weight: bold !important;
  	padding-top: 14rem;
  	font-size: 2rem !important;
  	color: rgb(88,89,85);
}
.NLP-intro p {
	font-size: 1.1rem;
}

.social-tag {
	color: rgb(229,103,62);
  	font-weight: bold;
}
/* Kit Information Styles
***********************/
.NLP-kit {
  	background: url(https://www.asrt.org/images/default-source/promos/national-library-partnership/nlptriangle.png?sfvrsn=4) no-repeat;
	background-color: rgb(88, 89, 85);
  	padding-top: 2rem;
	padding-bottom: 2rem;
}

.book-list {
	padding-top: 0 !important;
  	padding-bottom: 0 !important;
}

.book-cover {
	padding: 0.35rem !important;
  	float: left;
}

.NLP-kit h2 {
	font-size: 3.5rem !important;
  	padding-bottom: 0;
  	color: white !important;
  	font-weight: normal !important;
}

.NLP-kit h3 {
  	font-size: 2rem !important;
  	color: white;
  	font-weight: normal !important;
}

.NLP-kit p {
	font-size: 1.1rem;
  	color: white;
}

.kit-image-content {
	padding: .2rem !important;
  	background-color: white;
}

.kit-image {
	padding: .2rem !important;
  	text-align: center;
}

.kit-copy {
	padding-top: 0 !important;
}

@media (max-width: 1023px) {
  .kit-copy {
  	padding-top: 2rem !important;
    	padding-bottom: 0 !important;
  }

  .kit-image img {
      width: 100% !important;
  }
}

.kit-copy,
.kit-copy h5{
	color: white !important;
}

.kit-copy h5:nth-child(1) {
	margin-top: 0 !important;
}

.kit-copy ul.disc li {
	line-height: 1.6 !important;
  	padding-bottom: .5rem !important;
  	font-size: 1.1rem !important;
}

.NLP-book-pdf {
	padding-left: 0 !important;
  	padding-bottom: 0 !important;
}

.NLP-book-pdf a {
	color: white !important;
}

.book-list .label {
	background: transparent !important;
  	border: 1px solid white;
  	padding: .5rem !important;
}
/* Gallery Styles
***********************/
.NLP-gallery {
	padding-top: 2rem;
  	padding-bottom: 4rem;
}

.NLP-galleryImage {
	padding: .2rem !important;
}

.NLP-gallery h2 {
	font-size: 3.5rem !important;
  	font-weight: normal !important;
}

.gallery-section li {
	width: 16%;
}

.gallery-section img {
	width: 100%;
}

#showalt {
	display: none !important;
}

/* Form Styles
***********************/
.NLP-form {
  	background: url(https://www.asrt.org/images/default-source/promos/national-library-partnership/nlpbigtriangle.png?sfvrsn=4) no-repeat;
  	background-color: rgba(182, 186, 159, .5);
  	padding-top: 2rem;
  	padding-bottom: 2rem;
}

.NLP-form h2 {
	font-size: 3.5rem !important;
  	font-weight: normal !important;
}

.application {
	float: left !important;
  	background: white;
  	padding: 4rem;
}

@media (max-width: 600px) {
  .application {
  	padding: 2rem;
  }
}

.grant {
	padding-top: 0 !important;
}

.grant label {
	font-size: 1rem !important;
  	color: rgb(88,89,85);
  	font-weight: normal !important;
}

.application input {
	background-color: transparent !important;
  	border: 0;
  	border-radius: 0;
  	border-bottom: 1px solid black;
  	box-shadow: none !important;
}

.grant input[type=submit] {
	background-color: rgb(229, 103, 62) !important;
  	padding: 1rem;
  	border: none;
  	border-radius: 5px;
  	cursor: pointer;
}

.application .sfExample {
	color: black !important;
}
/* Contact Styles
***********************/
.NLP-contact {  
  	background-color: #f6f6f6;
}


.NLP-contact h2 {
  	font-size: 3.5rem !important;
  	font-weight: normal !important;
}

.NLP-contact .fa {
	color: rgb(229, 103, 62) !important;
}

.contact-content {
	margin-top: 4rem;
  	margin-bottom: 4rem;
}

.contact-image {
	padding: 0 !important;
}

.address-content,
.address-icon,
.phone-content,
.phone-icon,
.email-content,
.email-icon,
.website-icon,
.website-content {
	padding: .5rem 1rem 0 0!important;
}

/* Social Styles
***********************/
.NLP-social {
	background-color: rgb(88, 89, 85);
  	padding-top: 2rem;
  	padding-bottom: 2rem;
}

.NLP-social h2 {
	color: white !important;
  	font-size: 3rem !important;
  	font-weight: normal !important;
}

.NLP-social h4 {
	color: white;
}

.social-span {
	color: rgb(229,103,62);
  	font-weight: bold;
}

.NLP-social-heading {
	padding-bottom: 0 !important;
}


/* Footer Styles 
*****************************/
.NLP-footer {
	background-color: #222222;
  	color: white;
}

.footer-home {
	color: white !important;
}

.NLP-footer .column {
	padding-left: .5rem !important;
}

.NLP-footer a {
	color: white !important;
}
/* Back to Top Button Styles
*****************************/
.back-top {
    position: fixed;
    bottom: 20px;
    right: 40px;
    z-index: 100;
    text-align: center;
    font-size: .8rem;
    background-color: rgba(13,13,13,0.6);
    border-radius: 100%;
    padding: .6rem 1rem;
}

.back-top:hover {
    background-color: rgba(13,13,13, 1.0);
}

.back-top a {
    color: white;
}

.back-top em {
  	font-size: 2rem;
}

/* Media Queries Styles
***********************/
/* General Styles */

@media (max-width: 450px) {
  .NLP-kit h2,
  .NLP-gallery h2,
  .NLP-form h2,
  .NLP-contact h2 {
  	font-size: 2.8rem !important;
  }
  
  .NLP-social h2 {
  	font-size: 2.5rem !important;
  }
  
  .NLP-kit h3 {
  	font-size: 1.8rem !important;
  }
}

/*Gallery
******************/

@media (max-width: 700px) {
  .gallery-section li {
    	width: 32%;
  }
}

@media (max-width: 500px) {
  .gallery-section li {
    	width: 47%;
  }
}