/*-----General Element Styles ------*/
.section-container {
	width: 95%;
	margin: 0 auto;
	font-size: 16px;
	max-width: 1450px;
}

/* small rounded purple border */
hr.hr-purple {
	border: 3px solid #791E94;
	border-radius: 5px;
	width: 70px;
}

hr.hr-purple1 {
	margin: 0px;
}

hr.hr-green {
	border: 3px solid #398466;
	border-radius: 5px;
	width: 70px;
}

hr.hr-mdblue {
	border: 3px solid #0074B4;
	border-radius: 5px;
	width: 70px;
}

hr.hr-grey {
	border: 1px solid #DEE3EA;
	width: 100%;
}

/*-----General Text Styles ------*/
.k12-featured,
.library-featured,
.odpedu-featured,
.home-featured,
.academic-featured,
.professional-featured {
	background: #F9FAFC;
}

.k12-featured h1,
.k12-featured h2,
.k12-featured h3,
.k12-featured h4,
.k12-featured h5,
.k12-featured h6,
.k12-featured p,
.k12-featured a,
.library-featured h1,
.library-featured h2,
.library-featured h3,
.library-featured h4,
.library-featured h5,
.library-featured h6,
.library-featured p,
.library-featured a,
.odpedu-featured h1,
.odpedu-featured h2,
.odpedu-featured h3,
.odpedu-featured h4,
.odpedu-featured h5,
.odpedu-featured h6,
.odpedu-featured p,
.odpedu-featured a,
.home-featured h1,
.home-featured h2,
.home-featured h3,
.home-featured h4,
.home-featured h5,
.home-featured h6,
.home-featured p,
.home-featured a,
.academic-featured h1,
.academic-featured h2,
.academic-featured h3,
.academic-featured h4,
.academic-featured h5,
.academic-featured h6,
.academic-featured p,
.academic-featured a,
.professional-featured h1,
.professional-featured h2,
.professional-featured h3,
.professional-featured h4,
.professional-featured h5,
.professional-featured h6,
.professional-featured p,
.professional-featured a {
	font-family: muli, sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: unset;
}

.section-container h2 {
	text-align: left;
	font: normal normal 800 30px/38px Muli;
	color: #000000;
	opacity: 1;
	letter-spacing: unset;
	margin-top: 0px;
}

.text-purple {
	color: #791E94 !important;
}

.text-green {
	color: #398466 !important;
}

.text-orange {
	color: #B34404 !important;
}

.text-mdblue {
	color: #0074B4 !important;
}

.text-dkblue {
	color: #003552;
}

.text-dkgrey {
	color: #1D1D1D;
}

/*-----General Button Styles ------*/

.btn-basic {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	/*padding: .6rem .8rem .4rem .8rem;*/
	padding: .6rem .8rem;
	font-size: 1rem;
	line-height: 1.5;
	/*border-radius: .25rem;*/
	border-radius: 6px;
	transition: all 100ms ease;
}

.explore-resources .btn-basic,
.home-featured .btn-basic {
	white-space: normal;
	margin: 0 auto;
}

.home-featured .hero .btn-basic {
	max-width: 400px;
}

.btn-basic path {
	transition: all 100ms ease;
}

.btn-small {
	/*padding: .3rem .5rem .15rem .5rem;*/
	padding: .3rem .5rem;
}

.btn-purple {
	background-color: #782592;
	/*border: #782592 solid 3px; */
	color: #fff !important;
	cursor: pointer;
}

.btn-purple:hover {
	color: #782592 !important;
	/*border: #782592 solid 3px; 
		background-color: #fff;*/
	text-decoration: none;
	background: rgba(120, 37, 146, 0.1);
	/*padding: .6rem 1rem .4rem 1rem;*/
}

.btn-purple:hover path {
	stroke: #782592;
}

.btn-purple:hover path.solid {
	fill: #782592;
}

.btn-purple-outline,
.btn-purple-outline.no-hover:hover {
	background-color: #782592;
	border: #782592 solid 3px;
	color: #fff !important;
	cursor: pointer;
	padding: .6rem .8rem;
}

.btn-purple-outline:hover,
.home-featured .same-size:hover .btn-purple-outline {

	color: #782592 !important;
	border: #782592 solid 3px;
	background-color: #fff;
	text-decoration: none;
	padding: .6rem .8rem;
	/*padding: .6rem 1rem .4rem 1rem;*/
}

.btn-purple-outline:hover path {
	stroke: #782592;
}

.btn-purple-outline:hover .solid path {
	fill: #782592;
}

.btn-dark-purple-outline,
.btn-dark-purple-outline.no-hover:hover {
	background-color: #3B3461;
	border: #3B3461 solid 3px;
	color: #fff !important;
	cursor: pointer;
	padding: .6rem .8rem;
}

.btn-dark-purple-outline:hover,
.home-featured .same-size:hover .btn-dark-purple-outline {

	color: #3B3461 !important;
	border: #3B3461 solid 3px;
	background-color: #fff;
	text-decoration: none;
	padding: .6rem .8rem;
	/*padding: .6rem 1rem .4rem 1rem;*/
}

.btn-dark-purple-outline:hover path {
	stroke: #3B3461;
}

.btn-dark-purple-outline:hover .solid path {
	fill: #3B3461;
}

.btn-teal {
	background-color: #41D3BD;
	border: #41D3BD solid 3px;
	color: #000;
}

.btn-teal:hover {
	background-color: #000;
	color: #41D3BD;
	border: #41D3BD solid 3px;
	text-decoration: none;
}

.library-featured .btn-mdblue,
.home-featured .btn-mdblue {
	background-color: #0074B4;
	color: #fff !important;
	cursor: pointer;
}

.library-featured .btn-mdblue:hover,
.home-featured .btn-mdblue:hover {
	color: #0074B4 !important;
	text-decoration: none;
	background: rgba(0, 116, 180, 0.1);
}

.library-featured .btn-mdblue:hover path {
	stroke: #0074B4;
}

.library-featured .btn-mdblue:hover path.solid {
	fill: #0074B4;
}

.btn-mdblue-outline,
.btn-mdblue-outline.no-hover:hover {
	background-color: #0074B4;
	border: #0074B4 solid 3px;
	color: #fff !important;
	cursor: pointer;
	/*padding: .6rem .9rem 0.7rem .9rem;*/
	padding: .6rem .9rem;
}

.btn-mdblue-outline:hover,
.home-featured .same-size:hover .btn-mdblue-outline {
	color: #0074B4 !important;
	border: #0074B4 solid 3px;
	background-color: #fff;
	text-decoration: none;
	/*padding: .6rem .9rem 0.7rem .9rem;*/
	padding: .6rem .9rem;
}

.btn-mdblue-outline:hover path {
	stroke: #0074B4;
}

.btn-mdblue-outline:hover .solid path {
	fill: #0074B4;
}

.btn-dkblue {
	color: #ffffff;
	background-color: #003552;
	border: #003552 solid 3px;
}

.btn-dkblue:hover {
	color: #003552 !important;
	text-decoration: none;
	background: rgba(0, 116, 180, 0);
}

.btn-dkblue:hover path {
	stroke: #003552;
}

.btn-dkblue:hover path.solid {
	fill: #003552;
}

.btn-black {
	background: rgba(0, 0, 0, .8);
	color: #fff;
}

.btn-bold {
	font-weight: 800
}

.play-btn {}

.odpedu-featured .btn-green,
.academic-featured .btn-green {
	background-color: #398466;
	color: #fff !important;
	cursor: pointer;
}

.odpedu-featured .btn-green:hover,
.academic-featured .btn-green:hover {
	color: #398466 !important;
	text-decoration: none;
	background: rgba(67, 172, 152, 0.1);
}

.odpedu-featured .btn-green:hover path,
.academic-featured .btn-green:hover path {
	stroke: #398466;
}

.odpedu-featured .btn-green:hover path.solid,
.academic-featured .btn-green:hover path.solid {
	fill: #398466;
}

.btn-green-outline,
.btn-green-outline.no-hover:hover {
	background-color: #398466;
	border: #398466 solid 3px;
	color: #fff !important;
	cursor: pointer;
	padding: .6rem .9rem 0.7rem .9rem;
}

.btn-green-outline:hover,
.home-featured .same-size:hover .btn-green-outline {

	color: #398466 !important;
	border: #398466 solid 3px;
	background-color: #fff;
	text-decoration: none;
	padding: .6rem .9rem 0.7rem .9rem;
}

.home-featured .btn-green-outline,
.btn-green-outline.no-hover:hover,
.home-featured .btn-green-outline:hover,
.home-featured .same-size:hover .btn-green-outline {
	padding: .6rem .9rem;
}

.btn-green-outline:hover path {
	stroke: #398466;
}

.btn-green-outline:hover .solid path {
	fill: #398466;
}

.btn-orange-outline,
.btn-orange-outline.no-hover:hover {
	background-color: #B34404;
	border: #B34404 solid 3px;
	color: #fff !important;
	cursor: pointer;
	padding: .6rem .9rem 0.7rem .9rem;
}

.btn-orange-outline:hover,
.home-featured .same-size:hover .btn-orange-outline {

	color: #B34404 !important;
	border: #B34404 solid 3px;
	background-color: #fff;
	text-decoration: none;
	padding: .6rem .9rem 0.7rem .9rem;
}

.home-featured .btn-orange-outline,
.btn-orange-outline.no-hover:hover,
.home-featured .btn-orange-outline:hover,
.home-featured .same-size:hover .btn-orange-outline {
	padding: .6rem .9rem;
}

.btn-orange-outline:hover path {
	stroke: #B34404;
}

.btn-orange-outline:hover .solid path {
	fill: #B34404;
}

/*-----Hero Styles ------*/
.k12-featured .hero {
	background-image: url('/wp-content/uploads/image-bg-hexagon2x.png');
	background-repeat: no-repeat;
	background-position: right 41% top -218px;
	max-width: 2000px;
	margin: 0 auto;
}

.library-featured .hero {
	background-image: url('/wp-content/uploads/image-library-bg-hexagon.png');
	background-repeat: no-repeat;
	background-position: right 41% top -253px;
	max-width: 2000px;
	margin: 0 auto;
}

.libby-featured .hero {
	background-image: none;
}

.sunset-faq .hero {
	background-image: url('/wp-content/uploads/HexagonCluster-Wine.png');
}

.library-hero-image {
	width: 90%;
	margin: auto;
	margin-bottom: 2rem;
	margin-top: 1.5rem;
}

.home-hero-image {
	max-width: 281px;
	margin: 0 auto;
	-webkit-filter: drop-shadow(0 30px 30px rgba(31, 39, 120, 0.1));
	filter: drop-shadow(0 30px 30px rgba(31, 39, 120, 0.1));
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#1F2778')";
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#1F2778')";
	margin-bottom: 70px;
}

.odpedu-featured .hero,
.academic-featured .hero {
	background-image: url('/wp-content/uploads/image-bg-hexagon-green.png');
	background-repeat: no-repeat;
	background-position: right 41% top -218px;
	max-width: 2000px;
	margin: 0 auto;
}

.professional-featured .hero {
	background-image: url('/wp-content/uploads/image-bg-hexagon-orange.png');
	background-repeat: no-repeat;
	background-position: right 41% top -218px;
	max-width: 2000px;
	margin: 0 auto;
}

.home-featured .hero {
	background-image: url('https://static.od-cdn.com/Mobile-Header-BKGD-HEX.svg');
	background-repeat: no-repeat;
	background-position: center 0;
	max-width: 2000px;
	margin: 0 auto;
	background-size: 110%;
}

.k12-featured .hero .row,
.odpedu-featured .hero .row,
.academic-featured .hero .row,
.professional-featured .hero .row,
.library-featured .hero .row {
	min-height: 565px;
}

.hero-copy-wrap {
	/* background: transparent url('https://static.od-cdn.com/library-dot-grid.svg') 0% 0% no-repeat padding-box; */
	padding: 60px 0 0 60px;
	margin: -60px 0 0 -60px;
}

.hero h1 {
	font-family: freight-text-pro, serif;
	font-style: normal;
	font-weight: 300;
	color: #151A29;
	font-size: 3em;
}

.home-featured .hero h1 {
	font-size: 2.75em;
}

.hero h4 {
	font-size: .9em;
	font-weight: 600;
}

.hero-image-wrapper {
	overflow: hidden;
}

.hero-image-k12,
.hero-image-odpedu,
.hero-image-academic {
	margin-top: -41%;
	min-width: 641px;
	margin-left: -51px;
}

.k-12-hero-image {
	max-width: 700px;
}

.odpedu-hero-image,
.academic-hero-image,
.professional-hero-image {
	/*max-width: 800px;*/
	max-width: 715px;
}

/*.feature-tile
	{
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 50px 99px #1F27780F;
		border: 2px solid #F2F3F8;
		border-radius: 16px;
		opacity: 1;
		transition: all .2s ease-in-out;
	}
	.feature-tile:hover
	{
		transform: scale(1.1)
	}*/
.odpedu-featured .featured-tiles img,
.academic-featured .featured-tiles img,
.professional-featured .featured-tiles img {
	max-width: 110px;
}

.feature-tile-background,
.explore-tile-background {
	position: absolute;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 50px 99px #1F27780F;
	border: 2px solid #F2F3F8;
	border-radius: 16px;
	opacity: 1;
	width: 95%;
	z-index: 1;
	top: 0;
	transition: all .2s ease-in-out;
}

.explore-tile-background {
	width: 100%;
	box-shadow: 0px 3px 6px #00000029;
	border: none;
	border-radius: 25px;
}

.same-size:hover+.feature-tile-background {
	transform: scale(1.05);
}

.same-size:hover+.explore-tile-background {
	transform: scale(1.02);
}

.same-size .fa-arrow-right {
	transition: all .2s ease-in-out;
	background: #fff;
	padding: 3px;
	border-radius: 50%;
}

.same-size:hover .fa-arrow-right {
	background: rgba(120, 37, 146, 0.1);
	padding: 3px;
	border-radius: 50%;
	margin-left: 3px;
}

.odpedu-featured .featured-tiles .same-size:hover .fa-arrow-right,
.academic-featured .featured-tiles .same-size:hover .fa-arrow-right,
.professional-featured .featured-tiles .same-size:hover .fa-arrow-right {
	background: rgba(83, 128, 123, 0.1);
}

.library-featured .featured-tiles .same-size:hover .fa-arrow-right {
	background: rgba(0, 116, 180, 0.1);
}

.same-size {
	position: relative;
	z-index: 850;
	cursor: pointer;
	width: 100%;
}

.home-featured .same-size .btn-mdblue-outline {
	transition: all .2s ease-in-out;
}

.same-size img {
	max-width: 125px;
}

.feature-tile-link,
.feature-tile-link:hover {
	text-decoration: none;
	display: block;
	cursor: pointer;
}

.feature-tile-link h5,
.feature-tile-link:hover h5 {
	text-decoration: none;
}

.featured-tiles a:hover {
	text-decoration: none !important;
}

.featured-tiles-label {
	text-transform: uppercase;
	color: rgb(85, 85, 85);
	font-size: .7em;
	font-weight: 600;
	width: 100%;
}

.featured-tiles-title {
	font-weight: 800;
	margin-bottom: 0;
	line-height: 28px;
	width: 100%;
	color: rgb(51, 51, 51);
	font-family: muli, sans-serif;
}

.explore-tiles-label {
	text-transform: uppercase;
	color: #444444;
	font-size: 1.13em;
	font-weight: 600;
	width: 100%;
}

.explore-tiles-title {
	font-weight: 800;
	margin-bottom: 0;
	line-height:1.5em;
	width: 100%;
	font-family: muli, sans-serif;
	color: rgb(51, 51, 51);
}

.featured-tiles-img {}

.tile-img-wrapper {
	display: inline-block;
	overflow: hidden;
	width: 100%;
}


/*-----New and Popular Text, Buttons and Images Styles ------*/
.newpopular-resources {
	margin-bottom: 50px;
}

.kit-category-label {
	text-transform: uppercase;
	color: #24303B;
	font-size: .75em;
	margin-top: 10px;
	font-weight: 700;
	display: inline-block;
}

.kit-description-title {
	font-weight: 800;
	font-size: 1.25em;
	letter-spacing: unset;
	color: #24303B;
	opacity: 1;
	margin-top: 4px;
}

.kit-age-label {
	text-transform: uppercase;
	color: #24303B;
	font-size: .75em;
	font-weight: 600;
	display: inline-block;
}

.kit-wrapper {
	width: 100%;
}

.kit-container a img.kit-thumbnail-art {
	-webkit-transition: transform 400ms ease-in-out;
	-moz-transition: transform 400ms ease-in-out;
	transition: transform 400ms ease-in-out;
}

.kit-container a:hover img.kit-thumbnail-art {
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	/* IE 9 */
	-moz-transform: scale(1.05);
	/* Firefox */
	-webkit-transform: scale(1.05);
	/* Safari and Chrome */
	-o-transform: scale(1.05);
	/* Opera */

}

.kit-container {
	width: 100%;
	position: relative;
	/* cursor: pointer; */
	height: 167px;
	overflow: hidden;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	/*margin-top: 50px;
	  	width: 500px;
	  	height: 300px;*/
}

.kit-container img {
	/* position: absolute;
	  width: 500px;
	  height: 300px;*/
	left: 0;
}

.btn-kit {
	position: absolute;
	width: 200px;
	left: 26%;
	top: 34%;
	text-align: center;
	opacity: 0;
	transition: opacity .35s ease;
}

.btn-kit a {
	width: 200px;
	padding: 12px 48px;
	text-align: center;
	background: rgba(0, 0, 0, .3);
	border-radius: 10px;
	color: white;
	border: solid 2px white;
	z-index: 1;
}

.kit-container:hover .btn-kit {
	opacity: 1;
}

.btn-preview svg {
	height: 20px;
	margin-top: -3px;
}

#BookRecommendationLists .col-md-6 {
	margin-bottom: 25px;
}

.bookrec-wrapper {
	border: 2px solid #F2F3F8;
	border-radius: 16px;
	height: 100%;
	padding: 40px 0 20px 0;
	display: block;
	background: #fff;
	transition: all .2s ease-in-out;
}

.bookrec-wrapper:hover {
	transform: scale(1.05);
	text-decoration: none;
}

.bookrec-title {
	font-weight: 800;
	font-size: 1.1rem;
	color: #000000;
	text-align: center;
}

.bookrec-icon {
	max-height: 85px;
	margin-bottom: 15px;
}

/*.kit-overlay {
	  	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	background: rgba(0, 0, 0, 0);
    	transition: background 0.5s ease;
	}
	.kit-container:hover .kit-overlay {
	  	display: block;
	  	background: rgba(0, 0, 0, .3);
	}*/

/*-----New and Popular Accordian Styles ------*/
.btn-link-accordian {
	border: 0;
	padding: 10px 20px;
	transition: all 0.4s ease;
	font-weight: 800;
	color: #24303B;
	background: rgba(120, 37, 146, 0.1);
	text-align: left;
	cursor: pointer;
	border: none;
	letter-spacing: unset;
	border-radius: 10px;
	margin-bottom: 5px;
	/*outline: 0px transparent !important;*/
}

.btn-link-accordian.collapsed:hover {
	background: rgba(120, 37, 146, 0.1);
	font-weight: 800;
}

.btn-link-accordian.collapsed {
	font-weight: 400;
	transition: all 0.4s ease;
	background: rgba(120, 37, 146, 0);
	color: #24303B;
}

.odpedu-featured .btn-link-accordian,
.academic-featured .btn-link-accordian {
	color: #24303B;
	background: rgba(67, 172, 152, 0.1);
}

.odpedu-featured .btn-link-accordian.collapsed:hover,
.academic-featured .btn-link-accordian.collapsed:hover {
	background: rgba(67, 172, 152, 0.1);
	font-weight: 800;
}

.odpedu-featured .btn-link-accordian.collapsed,
.academic-featured .btn-link-accordian.collapsed {
	background: rgba(67, 172, 152, 0);
	color: #24303B;
}

.professional-featured .btn-link-accordian {
	color: #24303B;
	background: rgba(179, 68, 4, 0.1);
}

.professional-featured .btn-link-accordian.collapsed:hover {
	background: rgba(179, 68, 4, 0.1);
	font-weight: 800;
}

.professional-featured .btn-link-accordian.collapsed {
	background: rgba(179, 68, 4, 0);
	color: #24303B;
}

.library-featured .btn-link-accordian {
	color: #24303B;
	background: rgba(0, 116, 180, 0.1);
}

.library-featured .btn-link-accordian.collapsed:hover {
	background: rgba(0, 116, 180, 0.1);
	font-weight: 800;
}

.library-featured .btn-link-accordian.collapsed {
	background: rgba(0, 116, 180, 0);
	color: #24303B;
}

.library-featured .btn-link-accordian.collapsed:after {
	/*https://fontawesome.com/license*/
	content: url(https://static.od-cdn.com/chevron-right-solid.svg);
	width: 7px;
	height: 7px;
	position: absolute;
	opacity: 0;
	top: 12px;
	right: 10px;
	transition: opacity 0.35s ease;
}

.home-featured .hero {
	padding: 20px 0 0 0
}

.home-featured .text-dkgrey:hover,
.home-featured .text-dkgrey {
	text-decoration: underline;
	color: #1D1D1D;
	font-weight: bold;
}

.home-featured .btn-link-accordian {
	position: relative;
	color: #1D1D1D;
	background: rgba(112, 112, 112, 0.1);
}

.home-featured .btn-link-accordian:after {
	/*https://fontawesome.com/license*/
	/*content: "\f105"!important;*/
	content: url(https://static.od-cdn.com/chevron-right-solid.svg);
	width: 7px;
	height: 7px;
	position: absolute;
	opacity: 0;
	top: 12px;
	right: 10px;
	transition: opacity 0.35s ease;
}

.home-featured .btn-link-accordian.collapsed:hover {
	background: rgba(112, 112, 112, 0.1);
	font-weight: 800;
}

.home-featured .btn-link-accordian:hover:after,
.home-featured .btn-link-accordian:after,
.home-featured .btn-link-accordian.collapsed:hover:after {
	opacity: 1;
}

.home-featured .btn-link-accordian.collapsed {
	background: rgba(112, 112, 112, 0);
	color: #24303B;
}

#NewPopularSelect {
	border-left: #791E94 solid 7px;
}

#NewPopularSelect.green-select {
	border-left: #398466 solid 7px;
}

#NewPopularSelect.orange-select {
	border-left: #B34404 solid 7px;
}

#NewPopularSelect.blue-select {
	border-left: #0074B4 solid 7px;
}

#NewPopularSelect.grey-select {
	border-left: #DBDBDB solid 7px;
}

/*-----Promotional Styles ------*/
.bg-school-stars {
	background-image: url('/wp-content/uploads/schoolstars-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 15px;
	padding: 40px 20px 30px 20px;
}

.bg-school-stars h2 {
	font-size: 2.5rem;
}

.bg-customize {
	background-color: #e0edf5;
	border-radius: 15px;
	padding: 40px 20px;
	background-image: url('/wp-content/uploads/customize-bg.png');
	background-repeat: no-repeat;
	background-position: left -10px top -20px;
}

.bg-customize h2 {
	font-weight: 900;
	font-size: 35px;
	line-height: 48px;
}

.bg-customize p {
	font-weight: normal;
	font-size: 18px;
	line-height: 28px;
}


/*-----Blog Styles ------*/
.blog-posts h5 {
	font-size: 1.25rem;
	font-weight: 800;
	line-height: 1.9rem;
}

.blog-post-wrapper {
	background: #fff;
	border-radius: 15px;
	height: 100%;
}

.blog-posts .blog-post-wrapper a {
	text-decoration: none;
	color: rgb(85, 85, 85);
}

.home-featured .blog-img-top {
	border-radius: 15px;
	box-shadow: 0px 3px 6px #00000029;
}

/**** Straw Poll Styles *****/
.straw-poll-wrapper {
	background-color: #ffffff;
	box-shadow: 0px 10px 20px #00000029;
	border-radius: 5px;
	border-top: #FFBB33 5px solid;
}

.straw-poll-wrapper iframe {
	overflow: hidden;
}

/* Small devices (landscape phones, 576px and up) */
@media screen and (min-width: 576px) {

	.hero-image-k12,
	.hero-image-odpedu,
	.hero-image-library,
	.hero-image-academic,
	.hero-image-professional {
		margin-top: -26%;
	}

	.btn-kit {
		left: 14%;
	}

	.play-btn {
		margin-top: -20px;
		margin-left: -70px;
	}

	.same-size {
		align-items: center;
	}
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media screen and (min-width: 768px) {
	.home-featured .hero {
		background-image: url('https://static.od-cdn.com/Desktop-Header-BKGD-HEX.svg');
		/*background-position: center 0;
			max-width: 2000px;
			margin: 0 auto;*/
		background-size: 125%;
		background-position: -100px 142px;
		padding: 80px 0 0 0
	}

	.home-featured .hero h1 {
		font-size: 3em;
	}

	.k12-featured .hero,
	.odpedu-featured .hero,
	.library-featured .hero,
	.academic-featured .hero,
	.professional-featured .hero {
		background-position: right -120px top -100px;
	}

	.play-btn {
		margin-top: -10px;
		margin-left: -52px;
	}

	.same-size {
		align-items: inherit;
	}

	.explore-tile-background {
		width: 95%;
	}

	.btn-kit {
		left: 23%;
	}
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {

	.hero-image-k12,
	.hero-image-odpedu,
	.hero-image-library,
	.hero-image-academic,
	.hero-image-professional {
		margin-top: -29%;
		margin-left: 18%;
	}

	/*.hero-copy-wrap
		{
			max-width: 500px;
		}*/
	.hero-copy-wrap p {
		max-width: 500px;
	}

	.k12-featured .hero,
	.odpedu-featured .hero,
	.library-featured .hero,
	.academic-featured .hero,
	.professional-featured .hero {
		background-position: right -390px top -31px;
	}

	.home-featured .hero {
		background-image: url('https://static.od-cdn.com/Desktop-Header-BKGD-HEX.svg');
		/*background-position: center 0;
			max-width: 2000px;
			margin: 0 auto;*/
		background-size: auto;
		background-position: center 0;
	}

	.home-featured .hero .btn-basic {
		max-width: 281px;
	}

	.btn-kit {
		left: 21%;
	}
}

@media screen and (min-width: 1200px) {

	.k12-featured .hero,
	.odpedu-featured .hero,
	.library-featured .hero,
	.academic-featured .hero,
	.professional-featured .hero {
		background-position: left 420px top -31px;
		/*background-position: right -174px top -266px;*/
	}

	.btn-kit {
		left: 24%;
	}
}

@media screen and (min-width: 1400px) {

	.k12-featured .hero,
	.odpedu-featured .hero,
	.library-featured .hero,
	.academic-featured .hero,
	.professional-featured .hero {
		background-position: left 520px top -31px;
	}

	.play-btn {
		margin-top: 0;
		margin-left: -30px;

	}

	.btn-kit {
		left: 28%;
	}
}

@media screen and (min-width: 1600px) {

	.k12-featured .hero,
	.odpedu-featured .hero,
	.library-featured .hero,
	.academic-featured .hero,
	.professional-featured .hero {
		background-position: left 660px top -31px;
	}

	.btn-kit {
		left: 28%;
	}
}

@media screen and (min-width: 1900px) {

	.k12-featured .hero,
	.odpedu-featured .hero,
	.library-featured .hero,
	.academic-featured .hero,
	.professional-featured .hero {
		background-position: left 830px top -31px;
	}

}

/*-----Hero Styles ------*/
.k12-featured.winter-break-resources .header .row {
	min-height: 500px;
	overflow: hidden;
}

.k12-featured.winter-break-resources .wrapper {
	background-image: url(/wp-content/uploads/summer_footer_WIP_v3-min.png),
		url(/wp-content/uploads/summer_sun-cloud_v1.png),
		url(/wp-content/uploads/summer_header-bkgrd_WIP_v3-a.jpg);
	background-size: cover, 250px, cover;
	background-repeat: no-repeat;
	background-position: 0px 0px, 50px 20px, 0px 0px;
	height: 100vh;
}

section.holiday-reading-resources div div div {
	flex-grow: 1;
}

.section.holiday-reading-resources h2 {
	text-align: left;
}

hr.hr-white {
	border: 3px solid #ffffff;
	border-radius: 5px;
	width: 70px;
}

.winter-break-resources .blog-post-wrapper {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 25px;
	overflow: hidden;
}

.winter-break-resources .tile-img-wrapper.books .kit-thumbnail-art {
	height: 164px;
	width: auto;
}

.winter-break-resources .tile-img-wrapper.books {
	background-color: #F9FAFC;
	text-align: center;
}

.winter-break-resources .hero-copy-wrap {
	padding: 20px 0 0 20px;
	margin: -20px 0 0 -20px;
	max-width: 575px;
}

.winter-break-resources .header h1 {
	font-family: freight-text-pro, serif;
	font-style: normal;
	font-weight: 300;
	color: #151A29;
	font-size: 3em;
}

.winter-break-resources .header h4 {
	color: #82199B;
	font-size: .9em;
	font-weight: 600;
}

.winter-break-resources .tout {
	box-shadow: 0px 3px 6px #00000046;
	z-index: 1000;
	position: relative;
}

.winter-break-resources .tout p {
	text-align: center;
	font-weight: normal;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: unset;
	padding: 18px 0 15px 0;
	margin: 0;
}

.winter-break-resources .tout p span {
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
}

.winter-break-resources .purple-tout {
	background-color: #7D54B5;
}

.winter-break-resources .header-bg-right {
	background: transparent no-repeat padding-box;
	background-image: url(/wp-content/uploads/branches_top-right_v1.png);
	background-size: 210px;
	background-position: right 0px top 0px;
}

.winter-break-resources .sora-promotions .sora-promotions-bg {
	background-color: #d5e7f1;
	border-radius: 15px;
	padding: 40px 20px;
	background-image: none;
	background-image: url(/wp-content/uploads/SoraBannerBKGD.jpg);
	background-repeat: no-repeat;
	background-position: 0;
	background-size: cover;
	overflow: hidden;
}

.winter-break-resources .sora-promotions .sora-promotions-bg h2 {
	font-weight: 900;
	line-height: 48px;
	font-size: 40px;
	letter-spacing: -0.5px;
	color: #3B3461;
	opacity: 1;
}

.winter-break-resources .sora-promotions .sora-promotions-tablet {
	transform: rotate(9deg);
	width: 500px;
	height: max-content;
	margin: -100px 0 -140px -96px;
}

.winter-break-resources .bg-purple-blue {
	background: rgb(162, 84, 181);
	background: -moz-linear-gradient(183deg, rgba(162, 84, 181, 1) 0%, rgba(125, 84, 181, 1) 100%);
	background: -webkit-linear-gradient(183deg, rgba(162, 84, 181, 1) 0%, rgba(125, 84, 181, 1) 100%);
	background: linear-gradient(183deg, rgba(162, 84, 181, 1) 0%, rgba(125, 84, 181, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a254b5", endColorstr="#7d54b5", GradientType=1);
	box-shadow: inset 0px 3px 20px #00000080;
	opacity: 1;
}

.winter-break-resources .bg-purple-blue .white-boxes {
	width: 100%;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 10px 20px 20px #33073E6E;
	border: 2px solid #F2F3F8;
	border-radius: 16px;
	padding: 30px 40px;
	height: 100%;
}

.winter-break-resources .bg-purple-blue .white-boxes img {
	border-radius: 10px;
}

.winter-break-resources .bg-purple-blue .white-boxes.full-height {
	height: 100%;
}

.box-category-label {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	line-height: 28px;
	letter-spacing: 1.2px;
	color: #000000;
	text-transform: uppercase;
	opacity: 0.49;
}

.box-description-title {
	text-align: left;
	font-weight: 800;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: unset;
	color: #000000;
	opacity: 1;


}

.box-description {
	text-align: left;
	font-weight: normal;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: unset;
	color: #242E4C;
	opacity: 1;
}

.box-description h3 {
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: unset;
	color: #82199B;
	opacity: 1;
}

.box-description a {
	white-space: normal;
}

.showhide.collapsed .fa {
	transform: rotate(180deg);
}

.showhide .fa {
	transition: .3s transform ease-in-out;
}

.showhide {
	/*margin-top: -40px;*/
	border: none;
	outline: none;
	background: transparent;
	cursor: pointer;
	text-decoration: none;
	color: #791E94;
	;
	font-size: 16px;
	font-weight: normal;
}

.showhide:active,
.showhide:focus {
	border: none;
	outline: none;
}

.showhide.collapsed .more,
.showhide .less {
	display: inline;
}

.showhide .more,
.showhide.collapsed .less {
	display: none;
}

.holiday-reading-resources .d-flex {
	flex-wrap: wrap;
	justify-content: center;
}

.holiday-reading-img {
	max-width: 540px;
}

.holiday-reading-resources .gradient-button {
	background: linear-gradient(195.27deg, #ADADE8 -12.68%, #EDE8FF 96.57%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 14px 20px;
	max-width: 225px;
	border-radius: 6px;
	font-weight: bold;
	color: #000;
	margin-left: 10px;
}

.holiday-reading-resources .gradient-button:hover {
	box-shadow: 0px 0px 15px 0px #0000004D;
}

.holiday-reading-resources .gradient-button svg {
	margin-right: 10px;
}

.winter-break-resources .newpopular-resources .desc {
	max-width: 880px;
	margin: 0 auto;
}

.winter-break-resources .word-sale .container {
	display: grid;
	gap: 100px;
	grid-template-columns: 1fr 1fr;
}

.winter-break-resources .word-sale .container .block {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.winter-break-resources .word-sale .winter-break {
	display: flex;
	margin: 0 auto;
	max-width: 233px;
	padding-bottom: 15px;
}

.winter-break-resources .word-sale .sale-img-top {
	border-radius: 10px;
}

.winter-break-resources .word-sale .bts-books {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	text-align: center;
}

.winter-break-resources .word-sale .bts-books p {
	margin-bottom: 0px;
	margin-top: 20px;
}

.winter-break-resources .word-sale .btn-yellow {
	background: #FFD400;
	color: #000;
	font-weight: bold;
	border: 3px solid #FFD400;
	text-decoration: none;
}

.winter-break-resources .word-sale .btn-yellow:hover {
	background: #FFF;
	border: 3px solid #FFD400;
	color: #000;
	font-weight: bold;
}

.winter-break-resources .word-sale .btn-purple {
	margin-top: 30px !important;
}

.winter-break-resources .collection-prepped {
	background-image: url("/wp-content/uploads/yellow-saver.png"), url("/wp-content/uploads/red-saver.png"), url("/wp-content/uploads/ocean_background-min_A-min.jpg");
	background-size: 200px, 200px, cover;
	background-repeat: no-repeat;
	background-position: top left, bottom right, center;
}

.winter-break-resources .collection-prepped,
.explore-more-tips {
	padding-top: 100px !important;
}

.winter-break-resources .collection-prepped .row {
	row-gap: 40px;
}

.winter-break-resources .collection-prepped h5 {
	font-weight: 800;
}

.winter-break-resources .collection-prepped li a,
.winter-break-resources .collection-prepped a {
	color: #555;
	text-decoration: underline;
}

.winter-break-resources .collection-prepped img {
	margin-bottom: 20px;
}

.winter-break-resources .collection-prepped .btn-basic {
	text-decoration: none;
	white-space: normal;
}

.winter-break-resources .tips-tricks .blog-post-wrapper .title {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.winter-break-resources .tips-tricks .blog-post-wrapper h5 {
	font-size: 20px;
	font-weight: 800;
}

.winter-break-resources .tips-tricks .banner {
	border-radius: 20px;
}

@media only screen and (min-width: 768px) {}

@media screen and (min-width: 992px) {
	.winter-break-resources .hero-copy-wrap p {
		max-width: 570px;
		margin: 0 auto;
		font-size: 24px;
	}
}

@media only screen and (max-width: 991px) {
	.winter-break-resources .header-bg-left {
		background-position: left -95px top -50px;
	}

	.winter-break-resources .header-bg-right {
		background-position: right -45px top 0px;
	}
}

@media only screen and (max-width: 767px) {
	.winter-break-resources .hero-copy-wrap {
		max-width: 513px;
	}

	.winter-break-resources .header-bg-left {
		background-size: 349px;
		background-position: left -84px top -86px;
	}

	.winter-break-resources .header-bg-right {
		background-size: 290px;
		background-position: right -85px top -52px;
	}

	.winter-break-resources .paper-plane {
		max-width: 200px;
	}
}

@media only screen and (max-width: 600px) {
	.winter-break-resources .word-sale .container {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.winter-break-resources .word-sale .block:last-of-type h2 {
		margin-top: 0px;
	}
}

@media only screen and (max-width: 425px) {
	.winter-break-resources .header-bg-left {
		background-size: 260px;
		background-position: left -101px top -48px;
	}

	.winter-break-resources .header-bg-right {
		background-size: 265px;
		background-position: right -85px top -52px;
	}

	.winter-break-resources .paper-plane {
		max-width: 150px;
	}

	.winter-break-resources .bg-purple-blue .white-boxes {
		padding: 30px 20px;
	}
}

@media (max-width: 1100px) {
	.k12-featured.winter-break-resources .wrapper {
		background-position: -290px 0px, 50px 20px, 0px 0px;
		transition: all ease 0.5s;
	}
}

@media (max-width:600px) {
	.k12-featured.winter-break-resources .wrapper {
		background-position: -290px 0px, -80px 20px, -390px 0px;
		transition: all ease 0.5s;
	}

	.winter-break-resources .header-bg-right {
		background-position: right -85px top -102px;
		transition: all ease 0.5s;
	}

	.winter-break-resources .collection-prepped {
		background-position: 0 -110px, bottom right, center;
	}
}

@media (max-width:425px) {
	.k12-featured.winter-break-resources .wrapper {
		background-position: -350px 50px, -80px 20px, -390px 0px;
		transition: all ease 0.5s;
	}

	.winter-break-resources .header-bg-right {
		background-position: right -195px top -82px;
		transition: all ease 0.5s;
	}
}