header {
	padding-top: 7.5rem;
	min-height: 10vh;
	text-align: center;
	background-image: linear-gradient(
			rgba(56, 56, 56, 0.5),
			rgba(56, 56, 56, 0.5)
		),
		url('https://assets-cdn.carwars.com/websites/callbox/resources.jpg');
}

header .title {
	text-transform: uppercase;
}
header .title.label {
	font-size: 2rem;
	margin-bottom: -0.5rem;
	font-family: maven-light, 'Maven Pro', Helvetica, Sans-serif;
	text-transform: none;
}

section.resources {
	display: flex;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 10rem 1fr;
	grid-template-columns: 10rem 1fr;
	padding-top: 3rem;
}

section.resources.media {
	padding-right: 0;
}

section .nav {
	-ms-grid-column: 1;
	position: sticky;
	text-align: center;
	grid-column: 1 / 2;
	margin-right: 1rem;
	top: 7rem;
	height: calc(70vh - 7rem);
	z-index: 15;
	max-width: 10rem;
}
section .nav button {
	min-height: 3rem;
	box-shadow: var(--shadow-light);
	overflow: visible;
	width: 100%;
	margin: 0.5rem 0;
}
section .nav button.alt,
section .nav button:hover {
	box-shadow: none;
}

section .nrcontent {
	-ms-grid-column: 2;
	box-sizing: border-box;
	grid-column: 2 / end;
	margin: 0 auto;
	margin-left: 0;
	padding: 0 1rem;
	padding-right: 0;
	overflow: hidden;
}

section .nrcontent.vh {
	min-height: 90vh;
}

section .nrcontent.news {
	padding-right: 1rem;
	width: 100%;
	margin-bottom: 1.5rem;
}

section .nrcontent .promo {
	height: 10rem;
	max-width: 50rem;
	margin-bottom: 1rem;
	border-radius: var(--radius-big);
	background-color: white;
	text-align: center;
	animation: grow 0.5s backwards;
	animation-delay: 0.5s;
	overflow: hidden;
}
.promo.seen {
	animation: none !important;
}

section .nrcontent > .title {
	text-align: left;
}

section .nrcontent .container {
	align-items: flex-start;
	justify-content: flex-start;
	width: calc(100% + 2rem);
	max-width: none;
}

section .nrcontent .container.center {
	justify-content: center;
	width: 100%;
}

section .nrcontent .container a > * {
	cursor: pointer !important;
}

section .nrcontent .container a:hover {
	text-decoration: none;
}

section .nrcontent .container article {
	width: calc(400px - 6rem);
	min-width: 10rem;
	margin-bottom: 1.5rem;
	margin-right: 1.5rem;
	background-color: white;
	border: 1px var(--gray3) solid;
	border-radius: var(--radius-small);
	box-shadow: var(--shadow);
	overflow: hidden;
	cursor: pointer;
	transition: var(--ease);
	visibility: hidden;
	animation: slide-up-origin ease both;
}
section .nrcontent .container article.show {
	animation-duration: 0.3s;
	visibility: visible;
}
section .nrcontent .container article.inactive {
	cursor: initial;
}

section .nrcontent .container article.form {
	opacity: 1;
	padding-top: 1.5rem;
	box-shadow: var(--shadow);
	display: flex;
	flex-direction: column;
}

section .nrcontent .container article.form .icon {
	height: 4.5rem;
	padding-bottom: 2rem;
}

section .nrcontent .container article.form form {
	padding: 1rem;
}
section .nrcontent .container article.form form input {
	box-sizing: border-box;
	width: 100%;
}
section .nrcontent .container article.form form button {
	margin-top: 1rem;
	width: 100%;
	box-shadow: none;
	letter-spacing: 1px;
}

section .nrcontent .container article label {
	text-transform: uppercase;
	margin: 0.75rem 0;
}

section .nrcontent .container article:hover {
	box-shadow: 2px 2px 2px var(--gray3);
}
section .nrcontent .container article:not(.events):hover .textwrapper {
	padding-bottom: 0.1rem;
}
section .nrcontent .container article:not(.events):hover .cover {
	height: 22.4rem;
}
section .nrcontent .container article:hover label {
	color: var(--green2);
}

section .nrcontent .container article .textwrapper {
	padding: 1.5rem;
	padding-top: 0.5rem;
	transition: var(--ease);
	background-color: white;
}

section .nrcontent .container article .textwrapper > .subtitle {
	font-weight: 500;
	color: var(--blue2);
}

section .nrcontent .container article > .cover {
	height: 21rem;
	width: 100%;
	overflow: hidden;
	border-radius: 2px;
	transition: height var(--ease);
}

section .nrcontent .container article > .cover > img {
	width: 100%;
	height: auto;
}

/*events boxes */

section .nrcontent .container article.events.past {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	order: 1;
	opacity: 0.9;
}

section .nrcontent .container article.events .textwrapper {
	padding-top: 1.5rem;
}

section .nrcontent .container article.events .logo {
	width: 100%;
}

section article .events-button {
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	box-shadow: none;
}

section .nrcontent .container article.podcast {
	display: flex;
	width: calc(800px - 12rem);
}

/*podcast covers*/

section .nrcontent .container article.podcast > .cover {
	height: inherit;
	width: 105%;
}

section .nrcontent .container article.podcast > .cover > img {
	margin-bottom: -5px;
}

section .nrcontent .container article.podcast > .textwrapper {
	text-align: left;
}

section .nrcontent .container article.podcast > .textwrapper .longtitle {
	font-size: 1.2rem;
}

/*styling for news articles */
section .nrcontent > article,
section .nrcontent > a > article {
	max-width: 1600px;
	width: 100%;
	margin: 1rem auto;
	padding: 1.5rem;
	display: flex;
	flex-flow: row-reverse;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid var(--gray3);
	transition: var(--ease);
}
section .nrcontent > *:last-of-type {
	border-color: transparent;
}
section .nrcontent > *:last-of-type:hover {
	border-color: transparent;
}

section .nrcontent > article .date,
section .nrcontent > a > article .date {
	text-align: right;
	font-weight: 500;
	font-style: italic;
	min-width: 9rem;
	transition: transform var(--ease);
}

section .nrcontent > article .title,
section .nrcontent > a > article .title {
	width: 100%;
	padding-right: 2rem;
	font-size: 1.5rem;
	color: var(--d-gray) !important;
	text-shadow: none !important;
	text-transform: none;
	margin: 0;
	text-align: left;
	font-weight: 400;
	transition: transform var(--ease);
}

section .nrcontent > article:hover,
section .nrcontent > a > article:hover {
	cursor: pointer;
	border-bottom: 1px solid var(--d-gray);
}
section .nrcontent > article:hover .title,
section .nrcontent > a > article:hover .title {
	transform: translateX(0.5rem);
}

/*document viewer */

.popup.form {
	top: calc(12.5vh + 5rem);
	position: fixed;
	z-index: 50;
	max-height: calc(87.5vh - 5rem);
	box-sizing: border-box;
	width: 32rem;
	margin: auto calc(50vw - 16rem);
	text-align: center;
	background-color: white;
	color: var(--d-gray);
	padding: 2rem;
	overflow-y: scroll;
	animation: 0.2s slide-up-origin;
	animation-fill-mode: backwards;
}

.popup.form button {
	box-shadow: none;
}

.popup.form .close {
	position: absolute;
}

.popup.form .title {
	margin-top: 0;
}

.popup.form .status {
	text-align: center;
}
.popup.viewer {
	top: 15%;
	animation-delay: 0s !important;
	height: auto;
	max-height: 70vh;
}
.popup.viewer .scroller {
	overflow-y: unset;
	padding: 1.5rem;
}
.popup.viewer .close {
	align-self: flex-start;
	display: flex;
	z-index: 15;
}
.popup.viewer .close:before {
	margin: auto;
}
.popup.viewer .divider {
	display: block;
}

.popup.viewer.open {
	animation: none;
}
.popup.viewer.open > .scroller {
	animation: show 0.2s both;
	animation-delay: 0.5s;
}

.popup.viewer.media {
	width: 95vw;
	margin: auto 2.5vw;
	padding-bottom: 0.125rem;
}

.popup.viewer.media.fullscreen {
	top: 1rem;
	max-height: calc(100vh - 0.5rem);
}

.popup.viewer.media .scroller {
	padding: 1rem 2rem;
	padding-bottom: 0;
	transition: padding var(--ease);
}

.popup.viewer.media .cq-viewer {
	width: 100%;
	display: flex;
}

.popup.viewer.media.fullscreen .scroller {
	padding: 1rem 1.5rem;
}

.popup.viewer.media.fullscreen iframe {
	min-height: 95vh;
}

.popup.viewer.media .cq-viewer > .toc {
	border-top-left-radius: var(--radius-big);
	margin-top: -1rem;
	padding: 1rem;
	box-sizing: border-box;
	max-width: 12rem;
	min-height: 90vh;
	background-color: var(--l-gray);
	background: linear-gradient(var(--l-gray), var(--l-gray), var(--gray3));
	transition: width var(--ease);
	text-align: left;
	cursor: pointer;
}

.popup.viewer.media .cq-viewer > .toc .subtitle {
	padding: 1rem 0;
	padding-top: 0.25rem;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: 700;
	text-align: left;
}

.popup.viewer.media .cq-viewer > .toc .toc-link {
	padding: 0.75rem 0;
	cursor: pointer;
	border-bottom: 1px solid var(--gray2);
	transition: var(--ease);
}
.popup.viewer.media .cq-viewer > .toc .toc-link:hover {
	border-color: 1px solid var(--d-gray2);
	transform: translateX(0.25rem);
}
.popup.viewer.media .cq-viewer > .toc .toc-link:last-of-type {
	border-color: transparent;
}

.popup.viewer .scroller > .title > span {
	display: inline-block;
	max-width: 800px;
}

.popup.viewer .divider {
	margin-bottom: 2rem;
}

.popup.viewer .endtext {
	padding-bottom: 1.5rem;
}

.popup.viewer .embed-wrapper {
	margin-top: -1rem;
	width: 100%;
	overflow: hidden;
	background-color: var(--l-gray);
	background: linear-gradient(var(--l-gray), var(--l-gray), var(--gray3));
	box-shadow: var(--shadow-hover);
	border-radius: var(--radius-big);
	position: relative;
	transition: opacity var(--ease);
	z-index: 14;
}

.popup.viewer.media .embed-wrapper {
	margin-left: -0.5rem;
}

.popup.viewer iframe {
	border: none;
	margin: 0;
	width: calc(100% + 1px);
	min-height: 79vh;
	margin-bottom: -5px;
	transition: var(--ease);
	animation: show 0.3s both;
	animation-delay: 0.5s;
}

.popup.viewer.media iframe {
	min-height: 90vh;
}

.popup.viewer .embed-wrapper.short {
	height: auto !important;
	position: sticky;
	top: 0;
}

.popup.viewer .embed-wrapper.short iframe {
	height: auto !important;
	min-height: 100px !important;
}

.popup.viewer .title.media {
	display: flex;
	justify-content: space-between;
	margin-top: -1rem;
	margin-bottom: 0.5rem;
	padding: 0 1.125rem;
	text-align: left;
	align-items: center;
}

/*.popup.viewer .title.media*/
#ttl-holder {
	text-align: left;
}
#bttn-holder {
	text-align: right;
}

.popup.viewer .title.media .material-icons {
	color: var(--l-blue);
	cursor: pointer;
	font-size: 2rem;
	text-shadow: none;
	transition: transform var(--ease);
	display: inline-block;
}

.popup.viewer .title.media .material-icons:hover {
	transform: scale(1.1);
}

.popup.viewer .title.media button.link {
	position: relative;
	width: auto;
	margin: 0;
	margin-left: 0.25rem;
	font-size: 1rem;
	box-shadow: var(--shawdow-light);
}

#dl-bt:hover {
	text-decoration: none;
}

.popup.viewer .title.media button:hover {
	box-shadow: none;
}

.violent-strobing button {
	opacity: 0;
}

.popup.viewer .flex {
	display: flex;
	flex-direction: column;
	width: 100%;
	box-sizing: border-box;
	padding: 1rem;
	margin-top: -0.5rem;
	border-radius: 0 0 var(--radius-big) var(--radius-big);
	background-color: var(--gray3);
}
.popup.viewer .flex .container {
	width: 100%;
	justify-content: flex-start;
	color: white;
	overflow-x: auto;
	flex-wrap: nowrap;
	align-items: flex-start;
}
.popup.viewer .flex .container .card {
	width: 20rem;
	padding: 0;
	padding-bottom: 1.5rem;
	margin: 0.75rem 0.5rem;
	color: var(--d-gray);
	justify-content: center;
	transition: padding-bottom none;
}

.popup.viewer .flex .container .card:hover {
	padding-bottom: 0.5rem;
}

.popup.viewer .flex .container .card:hover .img-wrap {
	height: 21rem;
}

.popup.viewer .flex .container a:hover {
	text-decoration: none;
}

.popup.viewer .flex .container .card .img-wrap {
	width: 100%;
	height: 20rem;
	overflow: hidden;
	border-radius: 2px;
	transition: height var(--ease);
}
.popup.viewer .flex .container .card .img-wrap img {
	width: 100%;
}

.popup.viewer p {
	line-height: 1.25rem;
}

#pdftitle {
	text-align: left;
	margin: 0;
	text-transform: uppercase;
	text-shadow: none;
}
/*.popup.viewer .flex .container .card.*/
#request {
	padding: 1rem 2rem;
	padding-bottom: 2rem;
	width: 20rem;
	min-height: 12rem;
}
#request form {
	width: 100%;
	padding: 0;
	padding-top: 1rem;
	max-height: 18rem;
	overflow-y: scroll;
}
#request .address {
	display: flex;
}

#request:hover #greenhover {
	color: var(--l-green) !important;
}
#greenhover {
	transition: color var(--ease);
}

/*#request .address*/
#state-holder {
	width: 40%;
	margin-left: 1rem;
}
#request-back {
	font-size: 1rem;
	cursor: pointer;
	transition: opacity var(--ease);
}
#request-back:hover {
	opacity: 0.8;
}

.view {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: var(--d-gray1);
	opacity: 0.375;
	z-index: 16;
	transition: opacity var(--ease);
}
.view.fullscreen {
	opacity: 0.75;
}

.noscroll {
	overflow: hidden;
}

.violent-strobing {
	background: var(--l-gray);
	text-shadow: none !important;
	color: transparent !important;
	margin: 0 !important;
}
.violent-strobing.title {
	border-radius: 0.5rem 0.5rem 0 0;
}
.violent-strobing.bodytext {
	border-radius: 0 0 0.5rem 0.5rem;
}
.violent-strobing * {
	opacity: 0;
	box-shadow: none;
	border-color: transparent !important;
}

.load {
	display: none;
	top: 35vh;
	left: calc(50% - 2.5rem);
	position: absolute;
}

/*changing view button text*/
#mobile-text {
	display: none;
}

/*dialed in styling */
.dialogo {
	max-width: 17.5rem;
	width: 100%;
}

.flexer .material-icons {
	margin-right: 0.25rem;
}

.flexer label {
	margin-bottom: 0.25rem;
	margin-left: 1rem;
	text-transform: uppercase;
	font-size: 0.9rem;
	font-weight: 700;
}

.flexer .container {
	justify-content: flex-start;
}

.flexer .container > a {
	padding: 0.5rem 1rem;
	margin: 0.5rem;
	margin-top: 0;
	background-color: var(--l-gray);
	border-radius: 2rem;
	color: var(--d-gray);
	font-weight: 500;
	transition: var(--ease);
	box-shadow: var(--shadow-light);
}

.flexer .container > a:hover {
	text-decoration: none;
	color: white;
	background-color: var(--green2);
}

.flexer .container > a.alt {
	border: 2px solid var(--blue2);
	padding: calc(0.5rem - 2px) calc(1rem - 2px);
}

/*mailchimp styling (currently active for DI sub*/
.mc {
	margin-top: 2rem;
}
.mc label {
	text-align: center;
}
.mcwrap {
	width: 100%;
	max-width: 640px;
	display: flex;
	align-items: center;
	margin: auto;
}
button.mcsub {
	min-width: 10rem;
	box-shadow: none;
	margin: auto;
	width: auto;
	margin-left: 0.5rem;
}

.pill {
	text-align: center;
	margin: 1.5rem auto;
	margin-bottom: 0;
	color: var(--gray1);
	font-size: 1.2rem;
	font-weight: 700;
	text-transform: uppercase;
	width: 15rem;
	padding: 0.5rem 1rem;
	border-radius: 2rem;
	border: 2px solid var(--gray1);
	transition: var(--ease);
}

.pill:hover {
	color: var(--blue2);
	border-color: var(--blue2);
	cursor: pointer;
}

/*transcript for podcast */
.textwrapper {
	transition: var(--ease);
}

.textwrapper .tname {
	font-weight: 700;
	color: var(--blue2);
	font-family: var(--head);
}

.textwrapper.thide {
	height: 0;
	overflow: hidden;
	transform: translateY(1.5rem);
	visibility: hidden;
}

/*freedom podcast article*/
#freedom-article {
	padding: 1.5rem;
}

#freedom-article .header {
	padding: 2rem 3rem;
	margin-bottom: 1rem;
	border-radius: var(--radius-big);
	background-image: url(https://assets-cdn.carwars.com/websites/callbox/resources/dental/dialedin/freedon-header.jpg);
	background-size: cover;
}

#freedom-article .divider {
	text-align: left;
	margin-left: 0;
	background-color: var(--blue4);
}

#freedom-article .text {
	padding: 1rem;
	column-count: 3;
	column-gap: 1.5rem;
}

#freedom-article .subtitle {
	text-align: left;
	margin: 1.5rem 0;
	color: var(--blue4);
}

#freedom-article .header .title {
	color: white;
	font-family: var(--mlight);
	text-align: left;
	font-size: 2.5rem;
	text-transform: uppercase;
}

.schwind::first-letter {
	initial-letter: 2;
}

.infobox {
	padding: 1.5rem 3rem;
	margin-top: 1.5rem;
	color: white;
	border-radius: var(--radius-big);
	background: linear-gradient(var(--blue1), var(--blue2));
}

.infobox .title.sub {
	text-align: left;
}

.infobox .divider {
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}

.cardbox {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 1rem 0;
}

.subcard {
	width: 33%;
	font-size: 1.1rem;
	padding: 1rem;
	font-weight: 500;
	flex-shrink: 0;
	padding-left: 0;
	box-sizing: border-box;
	display: flex;
}

.subcard .zmdi {
	font-weight: 900;
	font-size: 2rem;
	margin-right: 1rem;
	text-shadow: var(--text-shadow);
}

.bulletbox {
	margin: 1rem 0;
	padding: 1.5rem;
	padding-top: 0.5rem;
	border: 2px solid var(--blue2);
	border-radius: var(--radius-big);
}

.article-quote .zmdi {
	display: block;
	text-align: right;
	font-size: 3rem;
	transform: rotate(180deg);
}

.article-quote-author {
	margin-top: 1.5rem;
	font-size: 1rem;
}

.bulletpoint {
	display: flex;
	padding: 1.5rem 0;
	align-items: flex-start;
}

.bulletpoint .divider {
	margin: 0 !important;
}

.bullet-text {
	column-count: 2;
	font-size: 1.1rem;
	margin-top: 0.5rem;
	margin-left: 0.5rem;
}

.bullet-left {
	min-width: 10rem;
	max-width: 10rem;
}

.bullet-left .title {
	color: var(--blue2) !important;
	text-align: left !important;
}

.bullet-left .zmdi {
	margin-bottom: 0.5rem;
	margin-top: 1.5rem;
	font-size: 3rem;
}

.article-quote {
	background: var(--blue2);
	padding: 1.5rem;
	color: white;
	font-size: 1.25rem;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	border-radius: var(--radius-big);
}

.article-quote .title {
	text-align: left;
}

.quote-image {
	width: 6rem;
	height: 6rem;
	background-image: url();
	background-size: contain;
	background-position: center;
	border-radius: 50%;
	margin-left: 1rem;
	border: 3px solid var(--blue3);
	background-image: url(https://assets-cdn.carwars.com/websites/callbox/resources/dental/dialedin/erika.png);
}

.text .tname {
	font-family: var(--head);
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: var(--blue2);
}

#spodak-head {
	padding: 3rem !important;
	background-image: url(https://assets-cdn.carwars.com/websites/callbox/resources/dental/dialedin/head.jpg) !important;
	background-position: center;
}

#rock-head {
	padding: 4.5rem 3rem !important;
	background-image: url(https://assets-cdn.carwars.com/websites/callbox/resources/dental/dialedin/jakecover.jpg) !important;
	background-position: center;
}

#jake-mug {
	background-image: url(https://assets-cdn.carwars.com/websites/callbox/resources/dental/dialedin/jake.jpg);
}

#todd-mug {
	background-image: url(https://assets-cdn.carwars.com/websites/resources/dialed-in/todd.jpg);
}

#rock-title {
	font-size: 1.75rem;
	font-weight: 700;
	font-family: var(--head);
}

@media screen and (max-width: 1020px), screen and (max-device-width: 1020px) {
	/*.popup.viewer .title.media*/
	#fs {
		display: none;
	}

	section .nrcontent .container article {
		width: calc(400px - 8rem);
	}

	#freedom-article .text {
		column-count: 2;
		column-gap: 1.5rem;
	}

	.subcard {
		width: 50%;
	}

	.bullet-text {
		column-count: 1;
	}
}

@media screen and (max-device-width: 1020px) and (orientation: portrait) {
	.popup.viewer {
		width: 95vw;
		margin: auto 2.5vw;
	}
	.popup.viewer .scroller {
		padding: 1rem 2rem;
	}
}

@media screen and (max-width: 850px), screen and (max-device-width: 850px) {
	/*.popup.viewer .title.media*/
	#bttn-holder .alt {
		display: none;
	}

	.popup.viewer.media .cq-viewer > .toc {
		width: 2rem;
	}

	.popup.viewer.media .cq-viewer > .toc:hover {
		width: 10rem;
	}

	.popup.viewer .embed-wrapper {
		height: 550px;
	}

	.popup.viewer iframe {
		height: 550px;
	}

	.popup.viewer.media .cq-viewer > .toc {
		height: 550px;
		overflow: hidden;
	}

	section .nrcontent .container article {
		width: calc(400px - 8rem);
	}

	section .nrcontent .container article.podcast {
		flex-direction: column;
		width: calc(50% - 2rem);
		min-width: 18rem;
	}
}

@media screen and (max-width: 550px), screen and (max-device-width: 550px) {
	#mobile-text {
		display: inline;
	}
	#bt-text {
		display: none;
	}

	body.noscroll {
		position: fixed;
	}

	nav.scroll3 {
		padding: 0;
	}
	/*nav.scroll3*/
	#mobile {
		margin-top: 3.5rem;
	}

	header {
		padding-top: 5.5rem;
	}

	header > .textwrapper > .title.label {
		font-size: 1.75rem;
	}

	header > .textwrapper > .title {
		font-size: 2.75rem;
	}

	#nr-title {
		font-size: 2rem;
	}
	#nr-title2 {
		font-size: 3rem;
	}

	section.resources {
		padding-top: 1rem;
		display: flex;
		flex-flow: column;
	}

	section.resources.media {
		padding-right: 1rem;
	}

	section .nav {
		margin: 0;
		height: inherit;
		background-color: var(--l-gray2);
		top: 3rem;
		max-width: none;
	}

	section .nav button {
		width: calc(50% - 1rem);
		margin: 0.35rem 0.25rem;
	}

	section .nav a:hover {
		text-decoration: none;
	}

	section .nrcontent {
		padding-right: 1rem;
		margin-left: auto;
	}

	section .nrcontent > .title {
		text-align: center;
		padding-top: 1rem;
		margin-bottom: 0;
	}
	section .nrcontent .promo {
		display: none;
	}

	section .nrcontent .container {
		padding-top: 1rem;
		justify-content: center;
		width: 100%;
	}

	section .nrcontent .container a {
		width: 100%;
	}

	section .nrcontent .container article {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 2rem;
	}

	section .nrcontent > article .date {
		min-width: inherit;
	}

	.popup.viewer,
	.popup.viewer.media {
		width: 98vw;
		margin: auto 1vw;
	}

	.popup.viewer.media {
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}

	.popup.viewer .scroller,
	.popup.viewer.media .scroller {
		padding-left: 0;
		padding-right: 0;
	}

	.popup.viewer .close {
		position: relative;
	}
	#request {
		width: 100%;
		margin-left: 0;
		box-sizing: border-box;
	}

	.popup.viewer .embed-wrapper {
		height: 55vh;
		margin-left: 0 !important;
	}

	.popup.viewer.media .cq-viewer > .toc {
		display: none;
	}

	.popup.viewer .flex {
		padding: 0.5rem;
		padding-top: 1rem;
	}

	.popup.viewer .flex > .subtitle {
		display: none;
	}

	.popup.viewer .flex > .card:not(#request) {
		display: none;
	}

	#request form {
		max-height: none;
		overflow: hidden;
	}

	.popup.form {
		top: 7.5rem;
		max-height: calc(100vh - 7.5rem);
		margin: auto 1rem;
		width: auto;
	}

	section .nrcontent .container article.podcast {
		width: 100%;
	}

	#freedom-article {
		padding: 1rem;
	}

	#freedom-article .text {
		column-count: 1;
		padding: 1rem 0;
	}

	.subcard {
		width: 100%;
		padding-right: 0;
	}

	#freedom-article .subtitle {
		margin: 1.5rem 0rem;
	}

	.bulletpoint {
		flex-direction: column;
	}

	.bullet-text {
		margin: 0;
		margin-top: 1rem;
	}
}

@media screen and (max-device-width: 550px) and (orientation: landscape) {
	section .nrcontent .container article {
		width: 45%;
		margin-left: 0.5rem;
		margin-right: 0.5rem;
		margin-bottom: 2rem;
	}
}

@media screen and (min-width: 1600px) {
	section.resources {
		grid-template-columns: 15rem 1fr;
		padding-top: 4rem;
	}

	section .nav {
		margin-right: 2rem;
		max-width: 12.5rem;
	}

	section .nav button {
		font-size: 1.2rem;
		margin: 0.75rem 0;
	}

	section .nrcontent .container article {
		width: calc(400px - 3rem);
	}

	div.popup.viewer {
		width: 50vw;
		margin: auto 25vw;
	}
}