@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;600;700&display=swap');

header {
	margin-bottom: 0px !important;
}

html {
	scroll-behavior: smooth;
}

.content_wrapper.primaryParent {
	margin-bottom: 279px;
	margin-top: 0px;
}

.primaryParent .boldText {
	font-weight: 600;
}

.primaryParent .italicText {
	font-style: italic;
}

.primaryParent .underline {
	width: 60px;
	height: 1px;
	border-bottom: 6px solid #FFCB05;
	margin: 0px auto 46px;
}

.primaryParent .lightGreyBg {
	background-color: #f5f5f5;
}

.primaryParent .purpleBg {
	background-color: #d1ddfe;
}

.primaryParent .blueBg {
	background-color: #3942B0;
}

.intro {
	margin-top: 10%;
}

	.intro h1 {
		color: #ffffff !important;
		line-height: 46.92px !important;
	}

	.intro p {
		font-size: 24px;
		font-weight: 400;
		line-height: 28.15px;
		color: #ffffff;
	}

.outlineBtn {
	background: transparent;
	border-radius: 26px;
	color: #2f3379 !important;
	margin-left: 20px;
	padding: 8px 50px 12px 50px !important;
	background: #d1ddfe;
}

	.outlineBtn:hover {
		background: #aec1fe;
	}

a.yellow-button:hover {
	font-weight: bold !important;
}

#btn-browse, #btn-gotoshop {
	font-size: 18px !important;
	font-weight: 700;
	cursor: pointer;
	border-radius: 26px !important;
}

#btn-browse {
	margin-top: 10px;
}

.primaryParent .ModDNNHTMLC > div {
	padding: 0px;
}

.primaryParent h2 {
	margin-bottom: 17px;
	font-size: 48px;
	font-weight: 700;
	color: #3942b0;
	line-height: 1;
	text-align: center;
}

.primaryParent h1, .primaryParent h2, .primaryParent h3, .primaryParent h4, .primaryParent h5,
.primaryParent p, .primaryParent a, .primaryParent li, .primaryParent strong {
	font-family: 'Work Sans', sans-serif !important;
}

.primaryParent .Panes .b-crumb {
	display: none;
}

.primaryParent .darkestBlueBgWithoutScallops {
	background-color: #0f0539;
}

.primaryParent .btn {
	display: inline-block;
	padding: 9px 26px 9px 21px !important;
	border-radius: 19px !important;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.24;
	letter-spacing: -0.34px;
	text-align: center;
	color: #2f3379 !important;
}

.primaryParent .yellowBtn {
	background-color: #f6c511;
}

	.primaryParent .yellowBtn:hover,
	.primaryParent .yellowBtn:focus {
		background-color: #ddaf08;
	}

.primaryParent .whiteBtn {
	background-color: #ffffff;
}

	.primaryParent .whiteBtn:hover,
	.primaryParent .whiteBtn:focus {
		background-color: #2f3379;
		color: #ffffff !important;
	}

.primaryParent #dnn_nelsonDecodables {
	padding-top: 50px;
	margin-bottom: 50px;
}

.primaryParent .threeColumnsItem {
	margin-bottom: 0 !important;
}

.primaryParent #dnn_mindtapBanner > div {
	padding: 0px;
}

.primaryParent #dnn_nelsonDecodables .videoWrapper {
	position: relative;
	max-width: 100%;
	max-height: 500px;
}

	.primaryParent #dnn_nelsonDecodables .videoWrapper video {
		height: auto;
		vertical-align: middle;
		width: 100%;
		max-height: 500px;
		object-fit: cover;
	}

.primaryParent #dnn_nelsonDecodables .video-overlay {
	position: absolute;
	z-index: 1;
	font-size: 44px;
	margin: 0;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	text-align: center;
	top: 50%;
	left: 50%;
	background-image: linear-gradient(to bottom, #3942b0, #3942b0);
	opacity: 0.8;
}

	.primaryParent #dnn_nelsonDecodables .video-overlay .overlayText {
		font-family: 'Work Sans', sans-serif;
		font-weight: 300;
		color: #ffffff;
		margin-top: 6%;
	}

.primaryParent h1 {
	display: inline-block;
	font-size: 40px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-align: left;
	color: #EFC646;
	margin: 10px 0px 25px;
}

.primaryParent #dnn_nelsonDecodables h3 {
	font-size: 30px;
	font-weight: 300;
	color: #ffffff;
	line-height: 35.19px;
}

.primaryParent #dnn_nelsonDecodables .shopAllLink {
	font-size: 18px;
	font-weight: 600;
	text-decoration: underline;
	color: #EFC646;
	position: absolute;
	right: 0;
	top: 35px;
}

.primaryParent #dnn_nelsonDecodables img {
	border-radius: 30px;
}

.primaryParent #dnn_nelsonDecodables .threeColumns .threeColumnsItem {
	padding-right: 60px !important;
}

	.primaryParent #dnn_nelsonDecodables .threeColumns .threeColumnsItem:last-child {
		padding-right: 30px !important;
	}

	.primaryParent #dnn_nelsonDecodables .threeColumns .threeColumnsItem h3 {
		font-weight: 700;
		margin-bottom: 15px;
	}

	.primaryParent #dnn_nelsonDecodables .threeColumns .threeColumnsItem p {
		font-size: 20px;
		color: #ffffff;
		font-weight: 400;
		line-height: 1.2;
	}

		.primaryParent #dnn_nelsonDecodables .threeColumns .threeColumnsItem p strong {
			font-size: 20px;
			color: #ffffff;
			font-weight: 700;
		}

	.primaryParent #dnn_nelsonDecodables .threeColumns .threeColumnsItem .yellowBtn {
		font-size: 18px !important;
	}

/* START: Explore by subject */
.primaryParent #dnn_secondaryExploreSubject {
	padding-top: 30px;
}

	.primaryParent #dnn_secondaryExploreSubject .row {
		text-align: center;
		margin-bottom: 40px;
	}

		.primaryParent #dnn_secondaryExploreSubject .row h2 {
			font-size: 30px;
			font-weight: 700;
			color: #29307C;
			line-height: 1.2;
		}

		.primaryParent #dnn_secondaryExploreSubject .row a.whiteBtn {
			font-size: 18px !important;
		}

		.primaryParent #dnn_secondaryExploreSubject .row .subjectItem a {
			text-decoration: none;
			font-size: 18px;
		}

			.primaryParent #dnn_secondaryExploreSubject .row .subjectItem a:hover,
			.primaryParent #dnn_secondaryExploreSubject .row .subjectItem a:focus {
				text-decoration: underline;
			}

		.primaryParent #dnn_secondaryExploreSubject .row .subjectIcon img {
			width: 100%;
			max-width: 100px;
			height: auto;
		}

		.primaryParent #dnn_secondaryExploreSubject .row .subjectLabel {
			margin-top: 20px;
			font-family: 'Work Sans', sans-serif;
			font-size: 25px;
			color: #3942B0;
		}
/* END: Explore by subject */

/* START: Digital resources */
.primaryParent #dnn_secondaryDigitalResources .row {
	text-align: center;
	margin-bottom: 51px;
}

	.primaryParent #dnn_secondaryDigitalResources .row .digiResItem a {
		text-decoration: none;
	}

		.primaryParent #dnn_secondaryDigitalResources .row .digiResItem a:hover,
		.primaryParent #dnn_secondaryDigitalResources .row .digiResItem a:focus {
			text-decoration: underline;
		}

	.primaryParent #dnn_secondaryDigitalResources .row .digiResIcon img {
		width: 100%;
		max-width: 280px;
		height: auto;
		border-radius: 8px;
	}

	.primaryParent #dnn_secondaryDigitalResources .row .digiResLabel {
		margin-top: 20px;
		font-family: 'Work Sans', sans-serif;
		font-size: 25px;
		color: #3942B0;
	}
/* END: Digital resources */

/* START: New in 2023 */
.primaryParent #dnn_secondaryNewTitles .row {
	text-align: center;
	margin-bottom: 51px;
}

	.primaryParent #dnn_secondaryNewTitles .row .newCover {
		margin-bottom: 20px;
	}

		.primaryParent #dnn_secondaryNewTitles .row .newCover img {
			width: 100%;
			max-width: 450px;
			height: auto;
		}

	.primaryParent #dnn_secondaryNewTitles .row .newSubject {
		margin-bottom: 10px;
		font-family: 'Work Sans', sans-serif;
		font-weight: 700;
		font-size: 25px;
		color: #3942b0;
	}

	.primaryParent #dnn_secondaryNewTitles .row .newYear {
		margin-bottom: 20px;
		font-family: 'Work Sans', sans-serif;
		font-weight: 400;
		font-size: 25px;
		color: #3942b0;
	}

	.primaryParent #dnn_secondaryNewTitles .row .newButton a {
		margin-bottom: 20px;
		font-size: 16px;
		font-weight: 600;
		font-stretch: normal;
		font-style: normal;
		line-height: 0.75;
		letter-spacing: normal;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		color: #ffffff;
		padding: 10px 20px 10px;
		border-radius: 8px;
		background-color: #3942b0;
		display: inline-block;
	}

		.primaryParent #dnn_secondaryNewTitles .row .newButton a:hover,
		.primaryParent #dnn_secondaryNewTitles .row .newButton a:focus {
			background-color: #ffcb05;
		}
/* END: New in 2023 */

/* START: Keep in touch */
.primaryParent #dnn_secondaryMainSocialMedia {
	margin-top: 40px;
	padding: 15px 10px 50px !important;
	text-align: center;
	margin-bottom: 140px;
}

	.primaryParent #dnn_secondaryMainSocialMedia h2 {
		font-size: 48px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.08;
		letter-spacing: normal;
		text-align: center;
		color: #29307C;
	}

	.primaryParent #dnn_secondaryMainSocialMedia p {
		font-size: 25px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.2;
		letter-spacing: normal;
		text-align: center;
		color: #525252;
	}

		.primaryParent #dnn_secondaryMainSocialMedia p a.button {
			font-size: 16px;
			font-weight: 600;
			font-stretch: normal;
			font-style: normal;
			line-height: 0.75;
			letter-spacing: normal;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			color: #fff;
			padding: 10px 20px 11px;
			border-radius: 8px;
			background-color: #3942b0;
			display: inline-block;
			margin-top: 15px;
			margin-bottom: 50px;
		}

			.primaryParent #dnn_secondaryMainSocialMedia p a.button:hover,
			.primaryParent #dnn_secondaryMainSocialMedia p a.button:focus {
				background-color: #ffcb05;
			}

		.primaryParent #dnn_secondaryMainSocialMedia p a img {
			margin-top: 20px;
			margin-right: 40px;
		}

		.primaryParent #dnn_secondaryMainSocialMedia p a:last-child img {
			margin-right: 0px;
		}
/* END: Keep in touch */

/* START: Looking for something else */
.primaryParent #dnn_secondaryOtherStuff .row {
	text-align: center;
	margin-bottom: 51px;
}

	.primaryParent #dnn_secondaryOtherStuff .row .otherItem a {
		text-decoration: none;
	}

		.primaryParent #dnn_secondaryOtherStuff .row .otherItem a:hover,
		.primaryParent #dnn_secondaryOtherStuff .row .otherItem a:focus {
			text-decoration: underline;
		}

	.primaryParent #dnn_secondaryOtherStuff .row .otherIcon img {
		width: 100%;
		max-width: 97.2px;
		height: auto;
		border-radius: 8px;
	}

	.primaryParent #dnn_secondaryOtherStuff .row .otherLabel {
		margin-top: 20px;
		font-family: 'Work Sans', sans-serif;
		font-size: 25px;
		color: #3942B0;
	}
/* END: Looking for something else */

/* START: Main content */
.primaryParent #dnn_seriesMainContent {
	margin-bottom: -55px;
}

	.primaryParent #dnn_seriesMainContent h2 {
		color: #29307C;
		margin-top: 48px;
		font-weight: bold;
	}
/* END: Main content */


/* START: RESPONSIVE STYLES */
@media screen and (max-width: 1200px) {
	.primaryParent #dnn_nelsonDecodables .video-overlay .overlayText {
		margin-top: 13%;
	}
}

@media screen and (max-width: 768px) {
	/* Header and footer fixes */
	.he-wrapper {
		width: 100%;
	}

	#logo {
		display: block;
		float: none !important;
	}

	.homepage-margin {
		text-align: center;
	}

	#dnn_dnnLogo_hypLogo {
		float: none;
	}

	.topnav {
		float: none !important;
		position: relative;
		margin: 0px auto;
	}

		.topnav > ul {
			text-align: center;
		}

			.topnav > ul > li {
				float: none;
				/*display: table-cell;
		vertical-align: middle;*/
				display: inline-block;
				margin: 10px auto;
				vertical-align: middle;
			}

	.navalign .col-md-10, .navalign .col-md-2 {
		width: 100%;
	}

	.navalign ul {
		float: none !important;
		text-align: center;
	}

	header nav ul.menu li {
		float: none;
	}

		header nav ul.menu li a {
			height: 40px;
		}

	.navalign .col-md-2 nav {
		float: none !important;
		text-align: center;
		margin-bottom: 15px;
	}

	.nondivisionalmenu {
		height: 130px !important;
	}

	.adsearch {
		width: 100%;
		text-align: center;
		display: block;
	}

		.adsearch .ico-closeicon {
			top: 80px;
			right: 35px;
		}

	#BrowseDropDown {
		display: inline-block;
		width: 95%;
		margin-top: -5px;
	}

		#BrowseDropDown > span.btn {
			width: 100% !important;
			padding: 10px 1px !important;
		}

	.Browseinactivemenu {
		font-size: 14px !important;
	}

	#BrowseDropDown > span.btn .ico-caret {
		width: 30px;
		height: 30px;
	}

	#BrowseDropDown #DropDownBrowseMenu {
		width: 100% !important;
		margin-left: 1px;
	}

	#TextSearch {
		display: inline-block;
		width: 51% !important;
		float: none;
		margin-top: 1px;
		max-width: 95%;
		margin: 10px auto;
	}

	.adsearch .pull-left.input-group-btn {
		position: absolute;
		right: 5px;
	}

	.nondivisionalmenu #nondiv-searchbtn {
		position: relative;
		margin: 10px auto;
		top: -4.5em;
	}

	.ui-autocomplete {
		max-width: 95%;
	}

	.content_wrapper.primaryParent {
		margin-bottom: 0px;
	}

	footer {
		position: relative;
		height: 100% !important;
	}

		footer #footer_top {
			height: 100%;
		}

			footer #footer_top .he-footerlist {
				width: 100% !important;
				padding-left: 15px;
				height: auto;
				margin-bottom: 50px;
			}

			footer #footer_top ul li {
				margin: 12px 0px;
			}

	.he-footerlist.noborder {
		width: 30% !important;
		padding-left: 15px !important;
	}

	#he-footer {
		height: auto;
	}

		#he-footer .footer-leftmenu {
			width: 100%;
			margin-bottom: 15px;
			text-align: center;
		}

			#he-footer .footer-leftmenu ul {
				text-align: center;
			}

				#he-footer .footer-leftmenu ul li {
					float: none;
					display: inline-block;
					padding: 0px 15px !important;
				}

			#he-footer .footer-leftmenu .copyright {
				position: relative;
			}

		#he-footer .footer-rightmenu {
			width: 100%;
			text-align: center;
		}

			#he-footer .footer-rightmenu ul li {
				float: none;
				display: inline-block;
				padding: 10px 15px !important;
			}

			#he-footer .footer-rightmenu .copyright {
				position: relative;
				text-align: center;
			}

	/* Page styling */
	.primaryParent .container {
		width: 100% !important;
		padding: 0px 10px !important;
	}

	.primaryParent h1 {
		display: block;
	}

	.primaryParent #dnn_nelsonDecodables .shopAllLink {
		position: relative;
		display: block;
		top: 0px;
		margin-bottom: 40px;
		padding-top: 0px;
	}

	.primaryParent #dnn_nelsonDecodables img {
		max-width: 100%;
		margin-bottom: 20px;
	}

	.primaryParent #dnn_nelsonDecodables .video-overlay .overlayText {
		font-size: 0.5em;
		margin-top: 15%;
	}

	.primaryParent #dnn_nelsonDecodables .threeColumns .threeColumnsItem {
		padding-right: 0px !important;
		margin-bottom: 15px;
	}

	.primaryParent #dnn_secondaryExploreSubject .row,
	.primaryParent #dnn_secondaryNewTitles .row,
	.primaryParent #dnn_secondaryOtherStuff .row {
		margin-bottom: 0px;
	}

		.primaryParent #dnn_secondaryExploreSubject .row a.whiteBtn {
			margin-bottom: 50px;
		}

		.primaryParent #dnn_secondaryExploreSubject .row .subjectItem,
		.primaryParent #dnn_secondaryDigitalResources .row .digiResItem,
		.primaryParent #dnn_secondaryNewTitles .row .newItem,
		.primaryParent #dnn_secondaryOtherStuff .row .otherItem {
			margin-bottom: 4em;
		}

	.primaryParent #dnn_seriesMainContent .RepFinderContent,
	.primaryParent #dnn_seriesMainContent .RepFinderDropDownDiv {
		width: 100%;
	}

		.primaryParent #dnn_seriesMainContent .RepFinderDropDownDiv .RepFinderDivisionDiv {
			width: 22%;
			margin-bottom: 1em;
		}

		.primaryParent #dnn_seriesMainContent .RepFinderDropDownDiv .RepFinderSearchDiv {
			width: 75%;
			margin-bottom: 1em;
		}

		.primaryParent #dnn_seriesMainContent .RepFinderDropDownDiv .RepFinderDivisionDropdown-content,
		.primaryParent #dnn_seriesMainContent .RepFinderDropDownDiv .RepFinderLocationDropdown-content,
		.primaryParent #dnn_seriesMainContent .RepFinderDropDownDiv .RepFinderDisciplineDropdown-content,
		.primaryParent #dnn_seriesMainContent .RepFinderDropDownDiv .RepFinderInstituteDropdown-content {
			min-width: 130px;
		}

	.primaryParent #dnn_seriesMainContent .RepFinderSearchDiv button {
		right: -1em;
	}

	.primaryParent #dnn_seriesMainContent .RepFinderSearchDiv .k-autocomplete,
	.primaryParent #dnn_seriesMainContent .RepFinderSearchDiv .k-autocomplete .k-input {
		width: 100% !important;
	}

	.k-animation-container {
		width: 60% !important;
	}

	.primaryParent #dnn_seriesMainContent .RepFinderMainContent,
	.primaryParent #dnn_seriesMainContent .RepFinderMainContent .RepFinderSearchContent {
		width: 100%;
		margin-left: auto;
	}

		.primaryParent #dnn_seriesMainContent .RepFinderMainContent .RepFinderSearchContent .RepFinderSearchResContent {
			min-width: 99%;
		}
}


@media screen and (max-width: 480px) {
	footer #footer_top {
		height: auto;
	}

		footer #footer_top .he-footerlist:last-child {
			margin-bottom: 0px;
		}

		footer #footer_top ul li {
			margin: 8px 0px;
		}

	.outlineBtn {
		display: inline-block;
		margin-left: 0 !important;
	}

	.title-feature {
		line-height: 35.19px !important;
	}

	#dnn_secondaryDigitalResources #nelson-pri-ndr-content-tour .tabHeader li {
		margin-right: unset !important;
	}
}

/* FIREFOX ONLY FIXES */
@-moz-document url-prefix() {
	.nelsonMindtap #dnn_mindtapYellowLinks {
		height: 92px;
		padding: 10px 36px;
	}
}

/* SAFARI ONLY FIXES */
@media not all and (min-resolution:.001dpcm) {
	@supports (-webkit-appearance:none) {
		footer #footer_top .he-wrapper {
			top: 0px;
		}
	}
}

/* END: RESPONSIVE STYLES */

