@font-face {
  font-family: 'S4CSansRegular';
  src: url('/fonts/s4csans/s4csrg__-webfont.eot');
  src: local(''), url('/fonts/s4csans/s4csrg__-webfont.woff') format('woff'), url('/fonts/s4csans/s4csrg__-webfont.ttf') format('truetype'), url('/fonts/s4csans/s4csrg__-webfont.svg#webfont2KvY9yUn') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'S4CSansBold';
  src: url('/fonts/s4csans/s4csbd__-webfont.eot');
  src: local(''), url('/fonts/s4csans/s4csbd__-webfont.woff') format('woff'), url('/fonts/s4csans/s4csbd__-webfont.ttf') format('truetype'), url('/fonts/s4csans/s4csbd__-webfont.svg#webfontokCzJG4A') format('svg');
  font-weight: normal;
  font-style: normal;
}

.learn-and-play .s4cContent{
font-family: "S4CSansRegular", Helvetica, Arial, sans-serif;
}

.learn-and-play h1, 
.learn-and-play h2, 
.learn-and-play h3, 
.learn-and-play h4, 
.learn-and-play h5, 
.learn-and-play h6,
.learn-and-play .pageSubTitle > h2 {
font-family: "S4CSansBold", Helvetica, Arial, sans-serif;
}

.learn-and-play .pageSubTitle {
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}
.learn-and-play .pageSubTitle > h2 {
margin: 0;
text-align: center;
}

.learn-and-play .masonryGridItemContent > h2, .masonryItemInfo h2 {
font-family: "S4CSansBold", Helvetica, Arial, sans-serif;
}

.learn-and-play div.pageTitle > h1 {
font-family: "S4CSansBold", Helvetica, Arial, sans-serif;
}

.learn-and-play p {
font-family: "S4CSansRegular", Helvetica, Arial, sans-serif;
}

.learn-and-play .lightBG {
background-color: transparent;
}

body.learn-and-play {
	background-color: #c4d37d !important;
	background-repeat: repeat-x;
}

.learn-and-play .lightBG {
	color: #3a4116;
}

.learn-and-play .masonryGridItem {

}

.learn-and-play .masonryGridItemContent {
	border-radius: 8px;
	overflow: hidden;
}

.learn-and-play .masonryItemInfo .tx {
color:#d93631;
}

.learn-and-play .centeredImg {
    margin-top: 5%;
    border-radius: 8px;
}

.learn-and-play .hide-card-title.masonryGrid .masonryItemInfo h2 {
display:none;
}