.learn-page .categoryItemInnerGrouping
{
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
}

.learn-page h1
{
max-width: 62.5rem;
margin: 0 auto .625rem;
padding: 0 1rem;
}

#site-wide-search-results-heading {
	margin-bottom: 1rem;
}

.learn-page .category-page-header-copy, .learn-page .categoryListings
{
padding: 0 1rem;
margin: 0 auto 1.125rem;
}

.learn-page .category-page-header-copy p
{
margin: 0;
}

.learn-page #category-sort-options {
	min-width: 12rem;
}

/* search */
.learnSearch {
	max-width: 62.5rem;
	padding: 0 .75rem;
	margin: 0 auto 2rem;
}

.learnSearch form, .learnSearch fieldset
{
margin: 0;
padding: 0;
position: relative;
}

.learnSearch input[type=text]
{
border: .125rem solid #ccc;
background-image: none;
background-color: #efefef;
box-shadow: none;
width: 100%;
border-radius: 10rem;
font-size: 1rem;
padding: .5rem .75rem .5rem 1.75rem;
margin: 0 auto;
color: #444;
max-width: 24rem;
}

.learnSearch input::placeholder
{
color: #666;
}

.learnSearch button {
border: none;
background-image: none;
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
font-size: 1rem;
color: #999;
margin: 0;
padding: 0;
height: 100%;
position: absolute;
top: 50%;
left: .625rem;
transform: translateY(-50%);
}

.learnSearch .visuallyhidden
{
color: #111;
}

/* category navigation */
.learn-categories-container
{
max-width: 62.5rem;
padding: 0 .75rem;
margin: 0 auto 2rem;
}

.learn-categories-container p
{
padding: .5rem 0 0 .25rem;
margin: 0 0 .5rem;
max-width: 44rem;
/* background-color: green; */
border-radius: .375rem;
text-transform: uppercase;
font-size: .875rem;
letter-spacing: .0625rem;
border-top: .0625rem solid #eee;
color: #666;
}

.learn-categories
{
display: flex;
flex-flow: row wrap;
gap: .25rem;
max-width: 44rem;
}

.learn-categories a
{
border: .125rem solid #ccc;
border-radius: 10rem;
padding: .375rem .625rem;
color: #005380;

display: flex;
gap: .25rem;
align-items: center;
}

.learn-categories a:hover, .learn-categories a.active
{
color: #fff;
background-color: #005380;
border: .125rem solid #005380;
}

.learn-categories a span
{
border-radius: 10rem;
padding: .25rem;
background-color: #efefef;
color: #005380;
font-size: .75rem;
/* font-weight: bold; */
min-width: 1.375rem;
text-align: center;
}

/* search results */

.learn-search-results-heading
{
max-width: 62.5rem;
padding: 0 1rem;
margin: 0 auto .625rem;

display: flex;
flex-flow: row wrap;
align-items: center;
column-gap: .75rem;
}

.learn-search-results-heading h2
{
font-size: 1.75rem;
margin: 0;
}

.learn-search-results-heading > a
{
text-transform: uppercase;
font-size: .75rem;
background-color: #eee;
border-radius: 10rem;
color: #444;
display: flex;
gap: .25rem;
align-items: center;
padding: .25rem .75rem .25rem .375rem;
}

.learn-search-results-heading > a:hover
{
background-color: #c00;
color: #fff;
}

.no-results-container
{
max-width: 62.5rem;
margin: 0 auto 1.5rem;
padding: 0 1rem;
}

/* learn entry */
.learn-entry
{
display: block;
border-radius: .375rem;
background-color: #f6f6f6;
overflow: hidden;
text-decoration: none;
position: relative;

transition: transform .3s ease-out .1s,margin .3s ease-out .1s,-webkit-transform .3s ease-out .1s;
}

.learn-entry:hover
{
background: rgb(239,239,239);
background: linear-gradient(180deg, rgba(239,239,239,1) 50%, rgba(255,255,255,1) 100%);
box-shadow: inset 0 0 .385rem rgba(0,0,0,.1);

transform: scale(1.02);
}

.learn-entry.learn-video::before
{
content: "";
display: block;
width: 5rem;
height: 5rem;
background: transparent url('data:image/svg+xml,<svg viewBox="0 0 326 326" xmlns="http://www.w3.org/2000/svg"><path d="m163 4.5c-87.542 0-158.5 70.958-158.5 158.5s70.958 158.5 158.5 158.5 158.5-70.958 158.5-158.5-70.958-158.5-158.5-158.5zm75.845 171.223-94.548 65.045c-2.627 1.8-5.691 2.721-8.761 2.721-2.468 0-4.921-.589-7.182-1.765-5.077-2.689-8.265-7.951-8.265-13.679v-130.085c0-5.732 3.188-10.994 8.265-13.679 5.078-2.667 11.212-2.299 15.943.954l94.548 65.042c4.184 2.879 6.686 7.642 6.686 12.723s-2.502 9.844-6.686 12.723zm0 0" fill="%23fff" opacity=".9"/><path d="m163 4.5c-87.542 0-158.5 70.958-158.5 158.5s70.958 158.5 158.5 158.5 158.5-70.958 158.5-158.5-70.958-158.5-158.5-158.5zm75.845 171.223-94.548 65.045c-2.627 1.8-5.691 2.721-8.761 2.721-2.468 0-4.921-.589-7.182-1.765-5.077-2.689-8.265-7.951-8.265-13.679v-130.085c0-5.732 3.188-10.994 8.265-13.679 5.078-2.667 11.212-2.299 15.943.954l94.548 65.042c4.184 2.879 6.686 7.642 6.686 12.723s-2.502 9.844-6.686 12.723zm0 0" fill="none" opacity=".55" stroke="%23212221" stroke-miterlimit="10" stroke-width="8"/></svg>') center/contain no-repeat;
position: absolute;
top: 6.5rem;
right: .5rem;
}

.learn-entry img
{
display: block;
width: 100%;
height: 12rem;
object-fit: cover;
}

.learn-entry .meta-time
{
position: absolute;
top: 9.875rem;
left: .625rem;
color: #444;

padding: .25rem .5rem;
border-radius: 10rem;
background-color: #fff;
font-size: .75rem;
text-transform: uppercase;
box-shadow: 0 0 .5rem rgba(0,0,0,.25);
}

.learn-entry-content
{
padding: 1rem;
}

.learn-entry-content h2
{
margin: 0;
line-height: 1.2;
font-size: 1.5rem;
color: #005380;
}

.learn-entry-content h2::after
{
content: "";
display: block;
width: 2rem;
border-bottom: .125rem solid #adc72e;
margin: .5rem 0;
}

.learn-entry:hover .learn-entry-content h2
{
color: #c00;
}

.learn-entry-content p
{
margin: .375rem 0 .75rem;
color: #444;
}

.learn-entry-content ul
{
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-flow: row wrap;
gap: .25rem;
}

.learn-entry-content ul li
{
padding: .25rem .5rem;
border-radius: 10rem;
background-color: #fff;
border: .085rem solid #eee;
color: #666;
font-size: .75rem;
letter-spacing: .0625rem;
}

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

    .learn-categories
	{
	gap: .5rem;
	}
	
	.learn-categories a
	{
	padding: .5rem .75rem;
	}
 
}