#libraryContainer
{
margin: 0 auto;
}

#libraryContainer p,#libraryContainer ol,#libraryContainer article ul,#libraryContainer h1,#libraryContainer article h2,#libraryContainer article h3,#libraryContainer h4,#libraryContainer h5,#libraryContainer h6,#libraryContainer figure,#libraryContainer .footerNotes,#learn-article-meta,.article-toc,aside,article .related-articles-wrapper
{
margin-left: auto;
margin-right: auto;
max-width: 40rem;
padding: 0 1rem;
}

#libraryContainer blockquote
{
margin-left: auto;
margin-right: auto;
max-width: 40rem;
padding: 0 2rem;
}

#libraryContainer li
{
margin-left: 1.5rem;
}

#libraryContainer article
{
margin-bottom: 3rem;
}

#libraryContainer article a
{
text-decoration: underline;
}

#libraryContainer article a:hover
{
text-decoration: none;
}

#libraryContainer .learn-article-hero
{
max-width: none;
padding: 0;
}

#libraryContainer .learn-article-hero img
{
margin: 0;
border-radius: 0;
width: 100%
}

#libraryContainer h1
{
margin-top: 3rem;
}

#learn-article-meta
{
line-height: 1;
font-size: 1.125rem;
color: #005380;
font-family: proxima-nova-extra-condensed,sans-serif;
font-weight: 600;
margin-bottom: 2rem;
}

#learn-article-meta::before
{
content: "";
display: block;
max-width: 4rem;
margin: .5rem 0 1rem;
height: 0.125rem;
background-color: #27aae1;
/* background-color: rgba(0,83,128,1); */
border-radius: 10rem;
}

#learn-article-meta .press-type::after
{
content: "|";
padding: 0 .385rem;
}

/* video */

#libraryContainer div.video-wrapper
{
max-width: 62.5rem;
margin-left: auto;
margin-right: auto;
padding: 0 1rem;
}

#libraryContainer div.video-wrapper.narrow
{
max-width: 40rem;
}

/* Images */

#libraryContainer img
{
max-width: 100%;
height: auto;
display: block;
border-radius: .375rem;
margin: 1rem auto;
}

#libraryContainer figure img
{
max-width: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
}

#libraryContainer figure.full-width
{
max-width: 62.5rem;
}

#libraryContainer figure.tiny-and-dumb img
{
width: 100%;
max-width: 60%;
}

#libraryContainer figcaption
{
padding: .5rem 1rem;
font-style: italic;
/* display: table-caption; */
caption-side: bottom;
text-align: center;
font-size: .875rem;
}

#libraryContainer  .article-toc p:first-of-type
{
font-style: italic;
margin-bottom: 0;
padding: 0;
}

#libraryContainer .article-toc ol
{
margin-top: .5rem;
padding: 0;
}

#libraryContainer hr
{
margin-left: auto;
margin-right: auto;
max-width: 40rem;
padding: 0 1rem;
height: auto;
color: #fff;
background-color: #fff;
}

article h2::before, aside .related-articles::before, .article-toc::before, aside .related-products::before, #libraryContainer hr::before
{
content: "";
display: block;
margin: 1.875rem 0;
height: 0.1875rem;
width: 100%;
max-width: 40%;
background-color: #ced23f;
border-radius: 10rem;
}

/* related articles */
#libraryContainer article .related-articles h3, #libraryContainer article .related-articles ul
{
padding: 0;
}

article .related-articles
{
background-color: #efefef;
background: linear-gradient(45deg, rgba(244, 244, 244, 1) 0%, rgba(239, 239, 239, 1) 70%);
padding: 1.5rem;
margin: 0 auto 1.5rem;
border-radius: .375rem;
}

#libraryContainer article .related-articles h3
{
line-height: 1;
margin-top: 0;
}

article .related-articles h3::before
{
margin: 0 0 1rem;
max-width: 5rem;
}

article .related-articles li:last-of-type, article .related-articles ul
{
margin-bottom: 0;
}

article .related-articles ul, aside .related-articles ul
{
padding-left: 0;
list-style-type: none;
}

#libraryContainer .related-articles li
{
margin-left: 0;
}

aside
{
margin-bottom: 3rem;
}

aside li
{
margin-bottom: .5rem;
}

aside .mayAlsoLikeItemWrapper
{
display: grid;
grid-gap: .5rem;
grid-template-columns: 1fr;
margin-bottom: 1rem;
}

/* tables */

@media screen and (max-width: 48rem) {
    
    table {
        display:table;
    }
}

.table-wrapper
{
overflow-x: auto;
padding-left: 1rem;
padding-right: 1rem;
margin-left: auto;
margin-right: auto;
}

.table-content-width
{
width: 100%;
max-width: 40rem;
}

.table-full-container-width
{
width: 100%;
max-width: 62.5rem;
}

.table-content-width table, .table-full-container-width table
{
width: 100%;
}

#libraryContainer table
{
margin-left: auto;
margin-right: auto;
border-left: .0625rem solid #eee;
}

.table-wrapper caption
{
text-align: left;
padding: .5rem .75rem;
font-weight: 700;
background-color: #eee;
}

#libraryContainer td, #libraryContainer th
{
border-top: .0625rem solid #eee;
border-right: .0625rem solid #eee;
padding: .5rem .75rem;
text-align: left;
}

#libraryContainer th
{
background-color: #fff;
background-color: rgba(250,250,250,1);
}

#libraryContainer tr:last-of-type td
{
border-bottom: .0625rem solid #eee;
}

#libraryContainer article h3
{
margin-top: 1rem;
margin-bottom: 1rem;
}

#libraryContainer article h3.full-company-name
{
margin: 1.5rem auto 0;
color: #666;
}

article h3::before 
{
content: "";
display: block;
max-width: 2rem;
margin: 2rem 0 1rem;
height: 0.125rem;
background-color: #27aae1;
border-radius: 10rem;
}

.customer-service .checkoutSection
{
border-top: none;
padding-top: 0
}

.customer-service .checkoutSection:not(:first-of-type)
{
margin-top 0
}

.customer-service .checkoutSection h2
{
margin-bottom: 0
}

.customer-service .checkoutSection ol
{
margin: 1rem auto;
}

.customer-service #libraryContainer .checkoutSection li
{
margin-left: 0;
}

@media screen and (min-width: 23.375rem)
{

	aside .mayAlsoLikeItemWrapper
	{
	grid-template-columns: 1fr 1fr;
	}

}

@media screen and (min-width: 30rem)
{

	#libraryContainer img.libraryImageRight
	{
	float: right;
	margin: 0 0 .25rem 1rem;
	}

	#libraryContainer img.libraryImageLeft
	{
	float: left;
	margin: 0 1rem .25rem 0;
	}
	
}

@media screen and (min-width: 34rem)
{
	
	aside .mayAlsoLikeItemWrapper
	{
	grid-template-columns: repeat(auto-fit, minmax(8rem, 12rem));
	}

}

@media screen and (min-width: 40rem)
{

	article h2::before, aside .related-articles::before, .article-toc::before, aside .related-products::before
	{
	margin: 3rem 0;
	}
	
	#libraryContainer article h3.full-company-name
	{
	margin: 3rem auto 0;
	}
	
}