/* Junk Drawer CSS File - I had issues compiling the SASS so I made this for the time being */

/*
body.home .feature-banner {
	background-image: url('../img/25-video-cover.png');
	min-height: 0;
	background-position-x: center;
}

body.home .feature-banner .header-wrapper {
	background: transparent;
}

body.home .feature-banner .splash-copy {
	margin-top:  16rem!important;
	border-radius:  12px 12px 0px 0px;
	background-color: rgb(14 146 135);
	max-width: 100%;
}

body.home .feature-banner .splash-copy h1 {
	color: white;
	text-align: center;
}

body.home .feature-banner .splash-copy h1 .button {
	margin-bottom: 0;
}
*/
.header-wrapper .wordmark {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.header-wrapper .wordmark img.marr-logo {
	max-width: 12rem;
}

.header-wrapper .button-and-search form.input-group {
	max-width: 24rem;
}


/* Dental Resource Page */

.dental-resource-page ul.dental-resources {
	display:  flex;
	flex-wrap: wrap;
	margin-left: 0;
	list-style: none;
}

.dental-resource-page ul.dental-resources li {
	min-width: 10rem;
	margin: 1rem 1rem 0 0;
	padding: 0;
}

.dental-resource-page ul.dental-resources li a {
	color: white;
	background-color: #0D65A6; /* MARR Button Blue */
	display: block;
	width: 100%;
	height: 100%;
	padding: 1rem;
	text-decoration: none;
}


.dental-resource-page ul.dental-resources li a:hover {
	background-color: #032C4A; /* MARR Hover Button Blue */
}

.dental-resource-page .section-title-container {
	background: #173d64;
	margin-bottom: 2rem;
	margin-top: 3rem;
}

.dental-resource-page h2.section-title {
    color: white;
    padding: 0;
}
    

.dental-resource-page .content-wrapper {}

.dental-resource-page .takeaways {
	margin:  4rem auto;
	display: flex;
	align-items: center;
}

.dental-resource-page .takeaways ul li {
	padding-bottom: .5rem;
}

.dental-resource-page .takeaways .orange-box {
	background: #e67631;
    padding: 2rem;
    display: flex;
}

.dental-resource-page .takeaways .orange-box h2 {
	color: white;
	text-transform: uppercase;
	display: flex;
	margin:  0;
	align-items: center;
}

.dental-resource-page .takeaways .light-blue-box {
	background: #f3f5f7; /* MARR Gray blue header color */
    padding: 2rem;
}



.dental-resource-page .doc-block {
	display: flex;
	margin: 2rem auto;
}

.dental-resource-page .doc-block .doc-item {
	padding-right: 2rem;
}

.dental-resource-page .doc-block .doc-item h3 {
    font-size: 1.2rem;
}

.dental-resource-page .doc-block .doc-item img {
	max-height: 30rem;
}