/*////////////////////////////////////////////////*/
/* START COMMON STYLES RELATED TO PRE/POST LAYOUT */
/*////////////////////////////////////////////////*/

body, #body_P, #body_K, #body_T, #body_C {
	
}

#mainContentContainer {
	padding-top: 14rem;
}

#kh_lic_footer_legalease {
	
}

#rsSearch, button#licTabParentsButton,
button#licTabKidsButton, button#licTabTeensButton {
	background: #015aa7;
}

/*///////////////////////////////////////////////*/
/*  END COMMON STYLES RELATED TO PRE/POST LAYOUT */
/*///////////////////////////////////////////////*/

/*/////////////////////*/
/* START CUSTOM STYLES */
/*/////////////////////*/

header#CN_header {
	background: #fff;
	height: 11.2rem;
	box-shadow: rgba(0,0,0,.5) 0 2px 6px -2px;
	position: fixed;
	width: 100%;
	z-index: 10000;
	display: flex;
	justify-content: center;
}

div#CN_innerHeader {
	display: flex;
	width: 100%;
	align-items: center;
	padding: 0 2rem 0 2rem;
	background: #fff;
	height: 100%;
	max-width: 128rem;
}

div#CN_headerLeft a img {
	width: 17.5rem;
}

nav#CN_headerRight {
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	text-align: right;
	width: 100%;
}

div#CN_eyebrow {
	margin-bottom: 2rem;
}

ul#CN_eyebrowLinks li {
	display: inline;
	margin-right: 1.8rem;
}

ul#CN_eyebrowLinks li:last-child {
	margin-right: 0;
}

ul#CN_eyebrowLinks li a,
ul#CN_mobEyebrowLinks li a {
	font-size: 1.4rem;
	font-family: futura1;
	color: #515151;
	text-decoration: none;
}

ul#CN_eyebrowLinks li a:hover,
ul#CN_mobEyebrowLinks li a:hover {
	color: #141414;
}

ul#CN_eyebrowLinks li:nth-child(2) a,
ul#CN_eyebrowLinks li:nth-child(5) a {
	border-right: 2px solid #e5e7eb;
	padding-right: 1.8rem;
}

ul#CN_eyebrowLinks li a#CN_connect {
	color: #015aa7;
	font-family: futura2;
}

ul#CN_eyebrowLinks li a#CN_connect:hover {
	color: #013765;
}

ul#CN_eyebrowLinks li a#CN_give,
ul#CN_mobEyebrowLinks li a#CN_give {
	color: #cf1c07;
	font-family: futura2;
}

ul#CN_eyebrowLinks li a #CN_heartImg,
ul#CN_mobEyebrowLinks li a #CN_heartImg {
	width: 1.3rem;
	color: #cf1c07;
	margin-right: .75rem;
}

ul#CN_eyebrowLinks li a#CN_give:hover,
ul#CN_eyebrowLinks li a#CN_give:hover #CN_heartImg,
ul#CN_mobEyebrowLinks li a#CN_give:hover,
ul#CN_mobEyebrowLinks li a#CN_give:hover #CN_heartImg {
	color: #6f0a01;
}

div#CN_mainNav {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

ul#CN_mainNavLinks {
	margin-right: .3rem;
}

ul#CN_mainNavLinks li {
	display: inline;
	margin-right: 1.75rem;
}

ul#CN_mainNavLinks li a {
	font-size: 1.8rem;
	font-family: futura2;
	color: #015aa7;
	text-decoration: none;
}

ul#CN_mainNavLinks li a:hover,
ul#CN_mobMainNavLinks li a:hover {
	color: #013765;
}

div#CN_searchContainer {
	height: 3.4rem;
}

div#CN_searchInner {
	border: 1px solid #e2e8f0;
	border-radius: 20px;
	display: flex;
}

div#CN_searchInner input[type='text'] {
	border: 0 none;
	font-family: futura3;
	font-size: 1.5rem;
	padding-left: 1rem;
	height: 3.4rem;
	background: #fff;
	width: 17.6rem;
}

svg#CN_magGlass {
	width: 1.3rem;
	color: #515151;
	margin-left: 1.75rem;
}

button#CN_searchButton {
	background: #015aa7;
	color: #fff;
	border-radius: 0 20px 20px 0;
	height: 3.4rem;
	width: 6rem;
	font-size: 1.2rem;
	font-family: futura3;
	display: flex;
	align-items: center;
	justify-content: center;
}

button#CN_searchButton:hover {
	background: #013765;
	cursor: pointer;
}

@media screen and (min-width: 1024px) {
	.CN_mobOnly {
		display: none !important;
	}
}

@media screen and (max-width: 1023px) {
	body.CN_mobNavOpen {
		overflow: hidden;
	}

	.CN_deskOnly,
	nav#CN_headerRight,
	div#CN_mobNav,
	div#CN_mobSearchContainer {
		display: none;
	}

	#mainContentContainer {
		padding-top: 11.6rem;
	}

	header#CN_header {
		height: 8.6rem;
		justify-content: space-between;
	}

	header #CN_innerHeader {
		padding-left: 1.6rem
	}

	div#CN_headerLeft a img {
		width: 20.9rem;
	}

	div#CN_mobToggles {
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}

	div#CN_mobToggles button {
		border: 0 none;
		background: transparent;
		cursor: pointer;
	}

	div#CN_mobToggles button:first-child {
		margin-right: 2rem;
	}

	div#CN_mobToggles svg {
		background: #fff;
		color: #015aa7;
	}

	div#CN_mobNav {
		background: #fff;
		position: fixed;
		top: 8.6rem;
		bottom: 0;
		z-index: 1000;
		width: 100%;
	}

	button#CN_mobMenuButton.CN_mobNavButtonClosed #CN_mobNavButtonOpen {
		display: none;
	}

	button#CN_mobMenuButton.CN_mobNavButtonOpen #CN_mobNavButtonClosed {
		display: none;
	}

	button#CN_mobSearchButton.CN_mobSearchButtonClosed #CN_mobSearchButtonOpen {
		display: none;
	}

	button#CN_mobSearchButton.CN_mobSearchButtonOpen #CN_mobSearchButtonClosed {
		display: none;
	}

	nav#CN_mobNavInner {
		height: 100%;
		overflow-y: scroll;
		padding-bottom: 10rem;
	}

	nav#CN_mobNavInner ul {
		padding: 2.2rem 2rem 1rem 5.8rem;
	}

	nav#CN_mobNavInner ul li {
		margin-bottom: 1.6rem;
	}

	ul#CN_mobMainNavLinks {
		border-bottom: 1px solid #e2e8f0;
		width: 100%;
	}
	
	ul#CN_mobMainNavLinks li a {
		font-size: 1.8rem;
		font-family: futura2;
		color: #015aa7;
		text-decoration: none;
	}

	ul#CN_mobEyebrowLinks li a {
		font-size: 1.6rem
	}

	div#CN_mobConnectContainer {
		position: fixed;
		bottom: 0rem;
		display: flex;
		width: 100%;
		border-top: 1px solid #e2e8f0;
		background: #fff;
		padding: 2.5rem 6rem 2.5rem 6rem;
	}

	a#CN_mobConnect {
		background: #015aa7;
		color: #fff;
		border-radius: 20px;
		width: 100%;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		font-size: 1.5rem;
		font-family: futura3;
		letter-spacing: .25px;
		height: 4rem;
	}

	a#CN_mobConnect:hover {
		background: #013765;
	}

	div#CN_mobSearchContainer {
		position: fixed;
		width: 100%;
		z-index: 100;
		top: 8.6rem;
		background: #fff;
		height: 6.6rem;
		justify-content: center;
		align-items: center;
		box-shadow: rgba(0,0,0,.5) 0 2px 6px -2px;
	}

	div#CN_searchInner {
		width: calc(100vw - 4rem);
	}
	
	div#CN_searchInner input[type='text'] {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	#mainContentContainer {
		padding-top: 9.6rem;
	}
	header#CN_header {
		height: 6.9rem;
	}

	header#CN_header div#CN_headerLeft img {
		width: 14.4rem;
	}

	div#CN_mobNav {
		top: 6.9rem;
	}

	div#CN_mobSearchContainer {
		top: 6.9rem;
	}
}

/* footer */

footer#CN_footer:before {
	content: '';
	background: url(/licensees/licensee596/images/footerTop.svg);
	background-size: 100% 50px;
	background-position: bottom ;
	background-repeat: no-repeat;
	width: 100%;
	height: 9.5rem;
	position: absolute;
	top: -9.5rem;
	border-bottom: 4px solid #015aa7;
}

div#CN_footerLinks:before {
	content: '';
	position: absolute;
	width: 3.9rem;
	height: 3.6rem;
	background: url(/licensees/licensee596/images/footerTriangle.svg) no-repeat;
	background-size: contain;
	top: -10rem;
	left: 2rem;
}

footer#CN_footer {
	background-color: #015aa7;
	position: absolute;
	margin-top: 12rem;
	width: 100%;
	padding-top: 4rem;
}

div#CN_footerLinks {
	margin: 0 auto;
	max-width: 129.8rem;
	display: flex;
	justify-content: space-between;
	padding: 4rem 1.6rem;
	position: relative;
}

div#CN_footerLinks > div {
	margin-right: 1.6rem;
	width: 100%;
}

div#CN_footerLinks > div > h2 {
	color: #fff;
	font-size: 1.7rem;
	font-family: futura5;
	margin-bottom: 1.6rem;
	letter-spacing: .125px;
}

div#CN_footerLinks ul li {
	margin-bottom: 2.2rem;
}

div#CN_footerLinks ul li a {
	color: #fff;
	font-size: 1.6rem;
	text-decoration: none;
	font-family: futura3;
	letter-spacing: .25px;
}

div#CN_footerLinks ul li a:hover {
	color: #fbb914;
}

div#CN_footerSocialRow {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 3.8rem;
	padding-bottom: 3.8rem;
}

div#CN_footerLogoLink {
	margin-right: 6.8rem;
}

div#CN_footerSocialLinks ul li {
	display: inline;
	margin-right: 1.7rem;
}

div#CN_footerSocialLinks ul li:last-child {
	margin-right: 0;
}

div#CN_footerSocialLinks ul li a svg {
	height: 2rem;
	color: #fff;
}

div#CN_footerSocialLinks ul li a:hover svg {
	color: #fbb914;
}

div#CN_footerCopyright {
	color: #fff;
	font-size: 1.4rem;
	font-family: futura3;
	text-align: center;
	padding-top: 1.6rem;
	padding-bottom: 1.6rem;
	letter-spacing: .275px;
}

@media screen and (max-width: 1023px) {
	footer#CN_footer:before {
		background-size: 100% 40%;
		background-position: bottom left ;
		height: 8.5rem;
		top: -8.5rem;
	}

	div#CN_footerLinks:before {
		top: -6.5rem;
		left: 1.4rem;
	}
	
	footer#CN_footer {
		margin-top: 12rem;
		width: 100%;
		padding-top: 2.25rem;
	}
	
	div#CN_footerLinks {
		flex-wrap: wrap;
		padding-left: 4rem;
		padding-right: 2rem;
	}
	
	div#CN_footerLinks > div {
		margin-right: 0;
		width: 50%;
	}

	div#CN_footerLinks > div:nth-child(1),
	div#CN_footerLinks > div:nth-child(2){
		margin-bottom: .8rem;
	}
}

@media screen and (max-width: 767px) {
	div#CN_footerLinks > div {
		margin-right: 0;
		width: 100%;
		margin-bottom: 1rem;
	}

	div#CN_footerSocialRow {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-top: 3.8rem;
		padding-bottom: 3.8rem;
		flex-wrap: wrap !important;
	}
	
	div#CN_footerLogoLink {
		margin: 0 auto 3rem auto;
		text-align: center;
	}

	div#CN_footerSocialLinks {
		width: 100%;
		text-align: center;
	}
}

/*///////////////////*/
/* END CUSTOM STYLES */
/*///////////////////*/