/*
Block Name: Contents and Summary
Description: Adds a contents and summary block.
*/

.content-summary { display: grid; grid-template-columns: 2fr 3fr; gap: 4rem; }
.content-summary ul { /*font-size: 80%;*/ list-style: disc; padding: 0 0 0 2rem; margin: 1.2rem 0 0 0; }
.content-summary ul li { margin: 0; padding: 0; }
.content-summary ul li a {  color: var(--brand-4); display: block; border-bottom: 1px solid #efefef; padding: .3rem 0; }
.content-summary ul li a:hover {  color: var(--brand-1); }
.content-summary .col:first-of-type { background: #fff; }
/*.content-summary .col:first-of-type:before { content:""; height: 20rem; width: 20rem; border-radius: 20rem; border: 4rem solid var(--brand-4); position: absolute; left: -11rem; bottom: -11rem; z-index: -1;  transform-origin: center center;
    transform: scale(var(--circle-scale));}

.content-summary .col:last-of-type:before { content:""; height: 10rem; width: 10rem; border-radius: 10rem; border: 2rem solid var(--brand-4); position: absolute; right: -6rem; top: -6rem; z-index: -1;  transform-origin: center center;
    transform: scale(var(--circle-scale));}*/

.content-summary h3 + div, .content-summary h3 + nav { margin-top: 3rem; } /* Fixes the spacing above the summary P and contents NAV */

@media (max-width: 1220px) {
	
}

@media (max-width: 550px) {
.content-summary { display: block;  }
	.content-summary .col { margin-bottom: 4rem; }
	.content-summary .col:first-of-type:before, .content-summary .col:last-of-type:before, .dots.reversed:after, .dots.reversed:before, .dots:before, .dots:after { display: none; }
}