/*-----General Element Styles ------*/
	.section-container
	{
		width:95%;
		margin: 0 auto;
		max-width: 1450px;
	}
	/* small rounded purple border */
	hr.hr-purple{
	  	border: 3px solid #791E94;
		border-radius: 5px;
		width: 70px;
	}
	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
	{
		font-family: muli, sans-serif;
		font-weight: 400;
		font-style: normal;
		background: #F9FAFC;
	}

	.section-container h2
	{
		text-align: center;
		font: normal normal 800 30px/38px Muli;
		letter-spacing: 0px;
		color: #000000;
		opacity: 1;
		margin-top: 96px;
	}
	.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;
		letter-spacing: -0.54px;
		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: 1000;
		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: rgba(0, 0, 0, 0.49);
		font-size: .75em;
		font-weight: 600;
		width: 100%;
	}
	.featured-tiles-title
	{
		font-weight: 800;
		margin-bottom: 0;
		line-height: 28px;
		width: 100%;
		font-family: muli, sans-serif;
	}
	.explore-tiles-label 
	{
		text-transform: uppercase;
		color: rgba(0, 0, 0, 0.49);
		font-size: .875em;
		font-weight: 600;
		width: 100%;
	}
	.explore-tiles-title
	{
		font-weight: 800;
		margin-bottom: 0;
		font-size:1.25em;
		line-height: 32px;
		width: 100%;
		font-family: muli, sans-serif;
	}
	.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: 0px;
		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%;
		margin-bottom: 45px;
		border-bottom: 1px solid #DEE3EA;
	}
	.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;
		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;
		}
	
	}