/*************************************************************************************************/
/***********************************NEW THEME STYLE STARTS****************************************/
/*************************************************************************************************/
/*
1. Common css
a. General Default Fonts, Page Styling
b. Header
c. Footer
d. Home

2. Mobile css (max-width: 767px)
a. Mobile General Default Fonts, Page Styling
b. Mobile Header
c. Mobile Footer
d. Mobile Home

3. Tablet css (max-width: 1024px) and (min-width: 768px)
a. Tablet General Default Fonts, Page Styling
b. Tablet Header
c. Tablet Footer
d. Tablet Home

4. Desktop css(min-width: 1025px)
a. Desktop General Default Fonts, Page Styling
b. Desktop Header
c. Desktop Footer
d. Desktop Home


*****************************
*******USEFUL CLASSES********
*****************************
.pdLeft -> Sets margin on left of any div wrt Logo (default 80px for Desktop)
.pdTitleLeft -> Padding for title block on FAQ, School Direct, Head Start etc.
.pdRightP -> Sets margin on left of any div in Right side to add some space wrt left div (eg: img on About Page)
.leftDivPad -> Add padding (L,T & Right) to left Div wrt Hero Image (eg: Div following Join, Host Hero Image)
.rightDivPad ->Add padding (L,T & Right) to right Div wrt Hero Image (eg: Div following Join, Host Hero Image)
.pRightFull -> Full with text, sets width to 90% on desktop, 100% on mobile (safety standards, head start etc.)
.center -> center any text in a div
.smallFontSize -> Small text (14px)
.largeFontSize -> large text (26px)
.mediumFontSize -> medium text (22px)
.margin-t20 -->margin-top (20px)


/*************************************************************************************************/
/**************************************1. Common css**********************************************/
/*************************************************************************************************/

/*1.a.General Default Fonts, Page Styling*/
@font-face {
	font-family: 'GT-Walsheim-Regular';
	src: url('//static.simplyfun.com/fonts/GT-Walsheim/GT-Walsheim-Regular.eot');
	src: url('//static.simplyfun.com/fonts/GT-Walsheim/GT-Walsheim-Regular.eot?#iefix') format('embedded-opentype'),
		url('//static.simplyfun.com/fonts/GT-Walsheim/GT-Walsheim-Regular.woff') format('woff'),
		url('//static.simplyfun.com/fonts/GT-Walsheim/GT-Walsheim-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'GT-Walsheim-Medium';
	src: url('//static.simplyfun.com/fonts/GT-Walsheim/GT-Walsheim-Medium.eot');
	src: url('//static.simplyfun.com/fonts/GT-Walsheim/GT-Walsheim-Medium.eot?#iefix') format('embedded-opentype'),
		url('//static.simplyfun.com/fonts/GT-Walsheim/GT-Walsheim-Medium.woff') format('woff'),
		url('//static.simplyfun.com/fonts/GT-Walsheim/GT-Walsheim-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'GT-Walsheim-Bold';
	src: url('//static.simplyfun.com/fonts/GT-Walsheim/GT-Walsheim-Bold.eot');
	src: url('//static.simplyfun.com/fonts/GT-Walsheim/GT-Walsheim-Bold.eot?#iefix') format('embedded-opentype'),
		url('//static.simplyfun.com/fonts/GT-Walsheim/GT-Walsheim-Bold.woff') format('woff'),
		url('//static.simplyfun.com/fonts/GT-Walsheim/GT-Walsheim-Bold.ttf') format('truetype');
}

html,
body {
	font-family: "GT-Walsheim-Regular", "Open Sans", sans-serif;
	color: black;
}

.master-div {
	margin-left: 0px;
	margin-right: 0px;
}

.SFRABOUTME {
	display: none;
}

/* Put a margin on top so that page content doesn't overlap with header */
.site-content {
	margin-top: 125px !important;
}

/* force the TTG module class to 100% width as on some pages (host and join) something is setting it to a fixed width */
.module {
	width: 100%;
}

.navbar-expand-lg {
	background-color: white !important;
}

h1 {
	color: #EE6354;
	font-family: "GT-Walsheim-Bold", "Open Sans", sans-serif;
}

h2 {
	font-family: "GT-Walsheim-Bold", "Open Sans", sans-serif;
	color: #F68E4D;
}

h3 {
	color: #EE6354;
	font-family: "GT-Walsheim-Medium", "Open Sans", sans-serif;
}

button,
.btn-primary,
.btn-secondary,
.btn-info,
.btnCheckoutAsGuest,
.customeraccount .btn-success{
	background-color: #48BA80;
	border-color: #48BA80;
	border-radius: 9px;
	border-style: solid;
	border-width: 6px;
	color: #FFF;
	display: table;
	font-size: 18px;
	font-family: "GT-Walsheim-Medium", "Open Sans", sans-serif;
	line-height: 24px;
	padding: 0px 18px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.anchorbutton {
	background-color: #48BA80;
	border-color: #48BA80;
	border-radius: 9px;
	border-style: solid;
	border-width: 6px;
	color: #FFF !important;
	display: table;
	font-size: 18px;
	font-family: "GT-Walsheim-Medium", "Open Sans", sans-serif;
	line-height: 24px;
	padding: 0px 18px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.anchorbutton:hover {
	background-color: #EE6354;
	border-color: #EE6354;
	color: #fff;
	text-decoration: none;
}

button:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-info:hover,
.btnCheckoutAsGuest:hover,
.customeraccount .btn-success:hover {
	background-color: #EE6354;
	border-color: #EE6354;
	border-radius: 9px;
	border-style: solid;
	border-width: 6px;
	color: #FFF;
	display: table;
	font-size: 18px;
	font-family: "GT-Walsheim-Medium", "Open Sans", sans-serif;
	line-height: 24px;
	padding: 0px 18px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.btn-primary.disabled,
.btn-primary:disabled {
	color: #fff;
	background-color: #48BA80;
	border-color: #48BA80;
}


a,
.btn-danger,
.btn-outline-secondary,
#ctl00_MainContent_CheckoutAccountCtrl_btnCreateAccount,
.customeraccount .btn-link,
#ctl00_MainContent_termsControl_btnCancel,
#ctl00_MainContent_CheckoutAddressEditModule_btnCancel,
#ctl00_MainContent_ShoppingCartModule1_popupCancelRegistration_btnKeepRegistration,
.password-reset #ctl00_BaseBody_universalLostPassword1_lnkCancel,
#ctl00_MainContent_universalLostPassword1_lnkCancel,
#ctl00_MainContent_ShoppingCartModule1_popupCancelRegistration_btnCancelRegistration {
	color: #000;
	text-decoration: underline;
}

.btn-danger,
.btn-outline-secondary,
#ctl00_MainContent_termsControl_btnCancel,
#ctl00_MainContent_CheckoutAddressEditModule_btnCancel,
#ctl00_MainContent_ShoppingCartModule1_popupCancelRegistration_btnKeepRegistration,
.password-reset #ctl00_BaseBody_universalLostPassword1_lnkCancel,
#ctl00_MainContent_universalLostPassword1_lnkCancel,
#ctl00_MainContent_ShoppingCartModule1_popupCancelRegistration_btnCancelRegistration {


	background: none;
	border: none;
}

a:hover,
.btn-danger:hover,
.btn-outline-secondary:hover,
#ctl00_MainContent_CheckoutAccountCtrl_btnCreateAccount:hover,
.customeraccount .btn-link:hover,
#ctl00_MainContent_termsControl_btnCancel:hover,
#ctl00_MainContent_CheckoutAddressEditModule_btnCancel:hover,
#ctl00_MainContent_ShoppingCartModule1_popupCancelRegistration_btnKeepRegistration:hover,
.password-reset #ctl00_BaseBody_universalLostPassword1_lnkCancel:hover,
#ctl00_MainContent_universalLostPassword1_lnkCancel:hover,
#ctl00_MainContent_ShoppingCartModule1_popupCancelRegistration_btnCancelRegistration:hover {
	color: #48BA80;
	text-decoration: underline;
}

.btn-danger:hover,
.btn-outline-secondary:hover,
#ctl00_MainContent_CheckoutAccountCtrl_btnCreateAccount:hover,
#ctl00_MainContent_termsControl_btnCancel:hover,
#ctl00_MainContent_CheckoutAddressEditModule_btnCancel:hover,
#ctl00_MainContent_ShoppingCartModule1_popupCancelRegistration_btnKeepRegistration:hover .password-reset #ctl00_BaseBody_universalLostPassword1_lnkCancel:hover,
#ctl00_MainContent_universalLostPassword1_lnkCancel:hover,
#ctl00_MainContent_ShoppingCartModule1_popupCancelRegistration_btnCancelRegistration:hover {
	background: none;
	border: none;
}

.required {
	color: #F68E4D;
}

/* use this to center text */
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/*For the strong tag always use class="strongTag"*/
.strongTag {
	font-family: "GT-Walsheim-Bold", "Open Sans", sans-serif;
	font-weight: 400;
}

/* to use the medium font */
.mediumFontWeight {
	font-family: "GT-Walsheim-Medium", "Open Sans", sans-serif;
	font-weight: 500;
}

.mediumFontSize {
	font-size: 22px !important;
	line-height: 30px !important;
}

/*For a larger font that is used on head start, school direct etc.*/
.largeFontSize {
	font-size: 26px !important;
	line-height: 39px !important;
}

.smallFontSize {
	font-size: 14px !important;
	line-height: 21px !important;
	font-weight: 400 !important;
}

.ui-widget-content {
	background-color: #fff !important;
	border: 1px solid #ccc !important;
}

/*1.a.General Default Fonts, Page Styling*/


/*1.b.Header*/
/* We don't want hamburger menu background to be melon on hover*/
button.navbar-toggler:hover {
	background-color: transparent;
}

#navbarSupportedContent .navbar-nav li a {
	color: #48BA7F;
	font-size: 16px;
	line-height: 19px;
	font-family: 'GT-Walsheim-Medium', "Open Sans", sans-serif;
	text-decoration: none;
	white-space: nowrap;
}

#navbarSupportedContent .navbar-nav li a:hover {
	color: #EE6354;
}

#navbarSupportedContent .navbar-nav .active a {
	color: #EE6354;
}


#navbarSupportedContent .navbar-nav .dropdown-menu a {
	background: #48BA7F;
	color: white;
	height: 40px;
	font-size: 14px;

}

#navbarSupportedContent .navbar-nav .dropdown-menu .securityLinks {
	background: #48BA7F;
	color: white;
	height: 40px;
	font-size: 14px;
	display: block;
}

#navbarSupportedContent .navbar-nav .dropdown-menu .securityLinks:hover {
	background-color: #139B54;
	color: white;
}

#navbarSupportedContent .navbar-nav .dropdown-menu a:focus,
#navbarSupportedContent .navbar-nav .dropdown-menu a:hover {
	background-color: #139B54;
	color: white;
}

#navbarSupportedContent .navbar-nav {
	float: right;
}

#desktopSecurityLinks{
	padding:0px;
}

#desktopSecurityLinks a {
	width: 120%;
	display: block;
	height: 30px !important;
}

#desktopSecurityLinks #ctl00_BaseBody_DesktopBanner1_ucSecLinks_lnkLogin,#desktopSecurityLinks #ctl00_DesktopBanner1_ucSecLinks_lnkLogin,
#desktopSecurityLinks #ctl00_BaseBody_DesktopBanner1_ucSecLinks_lnkLogOff,#desktopSecurityLinks #ctl00_DesktopBanner1_ucSecLinks_lnkLogOff{
	padding: .25rem 1.5rem;
	width: 100%;
}


/*1.b.Header*/

/*1.c.Footer */
.page-footer {
	background-color: rgba(138, 140, 142, 0.2);
	border-color: #000000;
	line-height: 13px;
	margin-top: 25px;
	padding-top: 30px;
}

.foot-links {
	display: inline-table;
}

.foot-links ul {
	list-style-type: none;
	padding: 0px;
}

.foot-links a,
.foot-links p {
	display: block;
	color: #000 !important;
	text-decoration: none !important;
	font-size: 11px;
	padding-bottom: 5px;
	line-height: 18px;
}

.foot-links a:hover {
	text-decoration: underline !important;
}

.dsaLogo a {
	text-decoration: none !important;
}

#footersocial a {
	text-decoration: none;
}

/*1.c.Footer */

/*************************************************************************************************/
/**************************************1. Common css**********************************************/
/*************************************************************************************************/



/*************************************************************************************************/
/*********************************2. Mobile css (max-width: 767px)********************************/
/*************************************************************************************************/
/* Breakpoint XS and SM*/
/* XS <= 575px*/
/* 576px >= SM =< 767px*/
/* Breakpoint XS */
@media (max-width: 575px) {
	#mobilesigninDropdownDiv {
		margin-left: -75px;
	}

}

@media (max-width: 767px) {

	/*2.a.Mobile General Default Fonts, Page Styling*/
	body {
		font-size: 16px;
		line-height: 21px;
	}

	.navbar-expand-lg {
		background-color: transparent !important;
	}

	p {
		width: 100%;
		text-align: center;
		font-size: 17px;
		line-height: 26px;
	}

	h1 {
		font-size: 36px;
		line-height: 42px;
		text-align: center;
	}

	h2 {
		font-size: 26px;
		line-height: 31px;
		text-align: center;
	}

	h3 {
		font-size: 24px;
		line-height: 29px;
		text-align: center;
	}
	h4{
		text-align: center;
	}

	button {
		font-size: 14px;
		line-height: 17px;
		margin: auto;
	}

	button:focus {
		outline-color: transparent;
		outline-width: 2px;
		outline: 5px auto transparent;
	}

	.anchorbutton {
		font-size: 14px;
		line-height: 17px;
		margin: auto;
	}

	/*2.a.Mobile General Default Fonts, Page Styling*/

	/*2.b.Mobile Header*/

	#navbarSupportedContent {
		margin-top: -15px;
	}

	#navbarSupportedContent .dropdown-toggle::after {
		display: none;
	}

	#navbarSupportedContent .navbar-nav {
		border-bottom: solid 1px white;
		background: #48BA7F;
		width: 140px;
	}

	.replicatedheader #navbarSupportedContent .navbar-nav {
		border-bottom: solid 1px white;
		background: #48BA7F;
		width: 165px;
	}

	#navbarSupportedContent .navbar-nav li a {
		color: white;
	}

	#navbarSupportedContent .nav-item {
		border-bottom: solid 1px white;
	}

	#navbarSupportedContent .dropdown-menu {
		position: absolute !important;
		margin-top: -35px !important;
		margin-left: -212px !important;
		border: 0;
		width: 210px;
	}

	.replicatedheader #navbarSupportedContent .dropdown-menu {
		position: absolute !important;
		margin-top: -35px !important;
		margin-left: -196px !important;
		border: 0;
		width: 195px;
	}

	#navbarSupportedContent .caret {
		transform: rotate(90deg);
		float: left;
		margin-top: 5px;
		color: white;
		margin-left: -15px;
	}


	#mobilesigninDropdown .navbar-nav .dropdown-menu {
		position: absolute;

	}

	#mobilesigninDropdownDiv {
		border-bottom: solid 1px white;
		background: #48BA7F;
	}

	#mobilesigninDropdownDiv a {
		color: white !important;
		text-decoration: none;
		float: left;
		font-size: 16px;
		line-height: 25px;
	}

	#mobileSecuritylinks a {
		width: 120%;
		display: block;
		height: 25px !important;
	}

	.mainTable{
		display: grid !important;
	}
	/*2.b.Mobile Header*/


	/*2.c.Mobile Footer*/
	.copyright a{
		font-size: 11px !important;
		white-space: nowrap !important;
	}

	/*2.c.Mobile Footer*/
}

/*************************************************************************************************/
/*********************************2. Mobile css (max-width: 767px)********************************/
/*************************************************************************************************/


/*************************************************************************************************/
/********************3. Tablet css (max-width: 1199px) and (min-width: 768px)*********************/
/*************************************************************************************************/
/* Breakpoint MD and LG*/
/* 768px >= MD =< 991px*/
/* 992px >= LG =< 1199px*/
@media (min-width: 768px) and (max-width: 991px) {

	/*3.a.Tablet General Default Fonts, Page Styling*/
	body {
		font-size: 16px;
		line-height: 21px;
	}

	.navbar-expand-lg {
		background-color: transparent !important;
	}

	p {
		font-size: 18px;
		line-height: 27px;
	}

	h1 {
		margin-top: 45px;
		font-size: 40px;
		line-height: 48px;
		width: 100%;
	}

	h2 {
		font-size: 30px;
		line-height: 36px;
	}

	h3 {
		font-size: 19px;
		line-height: 23px;
	}

	button {
		font-size: 17px;
		line-height: 20px;
		margin: auto;
	}

	button:focus {
		outline-color: transparent;
		outline-width: 2px;
		outline: 5px auto transparent;
	}

	.anchorbutton {
		font-size: 17px;
		line-height: 20px;
		margin: auto;
	}

	/*3.a.Tablet General Default Fonts, Page Styling*/

	/*3.b.Tablet Header*/
	#navbarSupportedContent {
		margin-top: -20px;
	}

	#navbarSupportedContent .caret {
		transform: rotate(90deg);
		float: left;
		margin-top: 5px;
		color: white;
		margin-left: -15px;
	}

	#navbarSupportedContent .dropdown-toggle::after {
		display: none;
	}

	#navbarSupportedContent .navbar-nav {
		border-bottom: solid 1px white;
		background: #48BA7F;
		width: 240px;
	}

	#navbarSupportedContent .navbar-nav li a {
		color: white;
	}

	#navbarSupportedContent .nav-item {
		border-bottom: solid 1px white;
	}

	#navbarSupportedContent .dropdown-menu {
		position: absolute !important;
		margin-top: -35px !important;
		margin-left: -212px !important;
		border: 0;
		width: 210px;
	}

	#mobilesigninDropdown .navbar-nav .dropdown-menu {
		position: absolute;

	}

	#mobilesigninDropdownDiv {
		border-bottom: solid 1px white;
		background: #48BA7F;
	}

	#mobilesigninDropdownDiv a {
		color: white !important;
		text-decoration: none;
		float: left;
		font-size: 12px;

	}

	#mobileSecuritylinks a {
		width: 120%;
		display: block;
		height: 25px !important;
	}

	/*3.b.Tablet Header*/


	/*3.c.Tablet Footer*/
	.copyright a{
		font-size: 11px !important;
		white-space: nowrap !important;
	}

	/*3.c.Tablet Footer*/


}

@media (min-width: 992px) and (max-width: 1199px) {

	/*3.a.Tablet General Default Fonts, Page Styling*/
	body {
		font-size: 16px;
		line-height: 21px;
	}

	p {
		font-size: 18px;
		line-height: 27px;
	}

	h1 {
		margin-top: 45px;
		font-size: 40px;
		line-height: 48px;
		width: 100%;
	}

	h2 {
		font-size: 30px;
		line-height: 36px;
	}

	h3 {
		font-size: 19px;
		line-height: 23px;
	}

	button {
		font-size: 17px;
		line-height: 20px;
		margin: auto;
	}

	.anchorbutton {
		font-size: 17px;
		line-height: 20px;
	}

	/*3.a.Tablet General Default Fonts, Page Styling*/

	.copyright a{
		font-size: 11px !important;
		white-space: nowrap !important;
	}
}

/*************************************************************************************************/
/********************3. Tablet css (max-width: 1199px) and (min-width: 768px)*********************/
/*************************************************************************************************/



/*************************************************************************************************/
/******************************4. Desktop css(min-width: 1200px) *********************************/
/*************************************************************************************************/
/* Breakpoint XL */
/* XL >= 1200px*/
@media (min-width: 1200px) {

	/*4.a.Desktop General Default Fonts, Page Styling */
	body {
		font-size: 18px;
		line-height: 27px;
	}

	h1 {
		font-size: 40px;
		line-height: 48px;
	}

	h2 {
		font-size: 33px;
		line-height: 40px;
	}

	h3 {
		font-size: 27px;
		line-height: 32px;
	}

	button {
		font-size: 17px;
		line-height: 20px;
	}


	/*4.a.Desktop General Default Fonts, Page Styling*/
}

/*************************************************************************************************/
/******************************4. Desktop css(min-width: 1025px) *********************************/
/*************************************************************************************************/