@charset "UTF-8";

/* Title
============================================================================= */
#title span.page-title {
	font-family: 'Stella Starlight', Serif;
	font-size: 3.6em;
	font-weight: 900;
	color: #7437b8;	
}


/* Introduction
============================================================================= */
#introduction p.intro-subsection-title {
	font-size: 1.0em;
	font-weight: 700;
	color: #ea0c57;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 0.5rem;
}

#introduction p.intro-text {
	font-size: 0.9em;
	font-weight: 400;
	color: #444444;
	line-height: 1.2rem;
	margin-bottom: 0;
	padding-bottom: 0.4rem;	
}

#introduction ul {
	font-size: 0.9em;
	font-weight: 400;
	color: #444444;
	line-height: 1.5rem;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Characters
============================================================================= */
#characters span.section-title {
	font-family: 'Stella Starlight', Serif;
	font-size: 2.5em;
	font-weight: 800;
	color: #7437b8;
	padding-bottom: 1rem;
}

#characters .characters-background-1 {
	background-image: url(/content/about-us/the-world-of-stella-starlight/characters-starfield-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#characters .characters-background-2 {
	background-image: url(/content/about-us/the-world-of-stella-starlight/characters-starfield-2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#characters .characters-background-3 {
	background-image: url(/content/about-us/the-world-of-stella-starlight/characters-starfield-3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#characters .characters-background-4 {
	background-image: url(/content/about-us/the-world-of-stella-starlight/characters-starfield-4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#characters .characters-background-5 {
	background-image: url(/content/about-us/the-world-of-stella-starlight/characters-starfield-5.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#characters .characters-background-6 {
	background-image: url(/content/about-us/the-world-of-stella-starlight/characters-starfield-6.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#characters span.characters-name {
	font-size: 1.3em;
	font-weight: 600;
	color: #7437b8;
}

#characters p.characters-description {
	font-size: 0.9em;
	font-weight: 400;
	color: #444444;
	line-height: 1.2rem;
	margin-bottom: 0;
	padding-bottom: 0.4rem;
}

#characters .characters-qa-box {
	line-height: 1rem;
	padding-bottom: 0.6rem;
}

#characters span.characters-label {
	font-size: 0.85em;
	font-weight: 600;
	color: #444444;
	padding-right: 0.4rem;
}

#characters span.characters-answers {
	font-size: 0.85em;
	font-weight: 400;
	color: #444444;
}

/* About Us
============================================================================= */
#stella-starlight-toys .stella-starlight-toys-background {
	background-image: url(/content/about-us/our-company/stella-starlight_toys_background.png);
	background-repeat: no-repeat;
	background-size: 24%;
	background-position: 5% 60%;
}

.about-section-title {
	font-size: 1.2em;
	font-weight: 700;
	color: #7437b8;
}

.about-subsection-title {
	font-size: 1.0em;
	font-weight: 700;
	color: #ea0c57;
	margin-bottom: 0;
	padding-bottom: 0;
}

.about-text {
	font-size: 0.9em;
	font-weight: 400;
	color: #444444;
	line-height: 1.2rem;
	margin-bottom: 0;
	padding-bottom: 0.4rem;	
}

#stella-starlight-toys ul {
	font-size: 0.9em;
	font-weight: 400;
	color: #444444;
	line-height: 1.5rem;
	margin-bottom: 0;
	padding-bottom: 0;		
}

#sustainability ul {
	font-size: 0.9em;
	font-weight: 400;
	color: #444444;
	line-height: 1.5rem;
	margin-bottom: 0;
	padding-bottom: 0;
}

form {
	font-size: 0.9em;
	font-weight: 400;
	color: #444444;	
}

#contact label.form-custom-format {
	font-size: 0.8em;
	font-weight: 700;
	margin-bottom: 0;
}

.btn-primary, .btn-primary:active, .btn-primary:visited {
	background-color: rgba(249, 180, 56, 1.0) !important;
	border-color: rgba(249, 180, 56, 1.0) !important;
}

.btn-primary:hover {
	background-color: rgba(222, 145, 7, 1.0) !important;
	border-color: rgba(222, 145, 7, 1.0) !important;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
}

.contact-sent-notification {
	font-size: 0.9em;
	font-weight: 700;
	color: #444444;
	line-height: 1.2rem;
	padding-top: 0.8rem;
	visibility: hidden;
}