#libraryContainer
{
margin: 0 auto;
/* padding: 0 1rem; */
}

#libraryContainer p, 
#libraryContainer ol,
#libraryContainer article ul, 
#libraryContainer h1, 
#libraryContainer article h2, 
#libraryContainer article h3, 
#libraryContainer h4, 
#libraryContainer h5, 
#libraryContainer h6, 
#libraryContainer figure,
#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;
}


/* 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(180deg, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 100%);
padding: 1.5rem;
margin: 0 auto 1.5rem;
border-radius: .375rem;
box-shadow: 0 1.125rem .5rem -0.8rem rgba(0, 0, 0, .1);
}

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: repeat(auto-fit, minmax(7rem, 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;
/* border: 1px solid red; */

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;
}


/* 

.frameSpecBlock
{
margin-bottom: 2rem;
}

div select#jumpToSelection
{
margin-bottom: 2rem;
}

.frameSpecBlock img
{
max-width: 100%;
height: auto;
margin-bottom: 1rem;
}

.frameSpecBlock h3
{
padding: .5rem 0 0 .75rem;
margin-bottom: 0;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
}

.frameSpecBlock table
{
width: 100%;
}

.frameSpecBlock tr
{
border-bottom: .0625rem solid #efefef
}

.frameSpecBlock td
{
padding: .5rem;
}
 */

@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: 40rem)
{

	article h2::before, aside .related-articles::before, .article-toc::before, aside .related-products::before
	{
	margin: 3rem 0;
	}
	
   
}