@charset "UTF-8";

/* Core
============================================================================= */
:root {
	font-size: 100%;
}

html {
    overflow-y: scroll;
}

@font-face {
    font-family: 'Stella Starlight';
    src: url('/fonts/stellastarlight-regular-webfont.woff2') format('woff2'),
         url('/fonts/stellastarlight-regular-webfont.woff') format('woff');
}

body {
	font-family: 'Nunito Sans', Sans-Serif;
	font-weight: 400; /* Regular */
}

/* Override Bootstrap default */
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px !important;
  }
}


/* Sticky Footer
============================================================================= */
/* https://www.codeinwp.com/snippets/sticky-footer-with-css/ */
body {
	display: flex;
	flex-direction: column;
    min-height: 100vh;	
}

footer {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}

main {
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: auto;
}


/* Breadcrumbs
============================================================================= */
#breadcrumbs .breadcrumb-bar {
	margin-top: 1.8rem;
	background-color: rgba(205, 34, 87, 0.1);
}

#breadcrumbs .breadcrumb-bar-height {
	height: 2.4rem;
}

#breadcrumbs span {
	font-size: 0.8rem;
	font-weight: 700;	
	color: rgba(205, 34, 87, 1.0);
}

#breadcrumbs span.breadcrumb-divider {                                                 
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

#breadcrumbs a:link {
	color: rgba(205, 34, 87, 0.75);
	text-decoration: none;
}

#breadcrumbs a:visited {
	color: rgba(205, 34, 87, 0.75);
}

#breadcrumbs a:hover {
	color: rgba(205, 34, 87, 1.0);
}

#breadcrumbs a:active {
	color: rgba(205, 34, 87, 0.75);
}


/* Header
============================================================================= */
.stella-logo {
	height: 6.5vh;
}

/* https://www.svgrepo.com/ */
/* https://ezgif.com/ */
.header-starfield {
	position: absolute;
	top: 0;
	left: 0;	
	z-index: 2000;
	pointer-events: none;	
}


/* Navbar
============================================================================= */
.bg-light {
	background-color: rgba(255, 255, 255, 0.95) !important;
}

.nav-padding {
	padding-left: 1.1rem;
	padding-right: 1.1rem;
	cursor: pointer;
}

.nav-item {
	font-size: 0.8rem;
	font-weight: 800;
	letter-spacing: 0.12rem;
}

.nav-link {
	color: #7437b8 !important;
}


.nav-link.active {
	color: #3a1b5c !important;	
	pointer-events: none;
	cursor: default;
}

.dropdown-menu {
	border-radius: 0.0rem !important;
	border: 1px solid #f0a2ba !important;
}

.dropdown-item {
	color: #cd2257 !important;
	font-size: 0.70rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.05rem !important;
}

.dropdown-item:hover, .dropdown-item:focus {
	/*color: #ffffff !important;*/
	background-color: #f7d1dd !important;
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{ }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
	.no-pointer-events { pointer-events: none; }
}


/* Carousel
============================================================================= */
.carousel-padding {
	padding-top: 1.8rem !important;
}

.carousel-control-prev {
	left: -3.0rem !important;
}

.carousel-control-next {
	right: -3.0rem !important;
}

.carousel-control-prev,
.carousel-control-next {
  opacity: 0.8 !important;
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm3.5 7.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5z'/%3e%3c/svg%3e") !important;
	width: 3rem;
	height: 3rem;
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3e%3c/svg%3e") !important;
	width: 3rem;
	height: 3rem;  
}


.carousel-indicators [data-bs-target] {
	background-color: #ffffff !important;
}


/* Section
============================================================================= */
section h2 {
	font-family: 'Stella Starlight', Serif;
	font-weight: 900;
	font-size: 3.6em;
	color: #7437b8;
	text-align: center;
}

section .section-top-margin {
	margin-top: 3.0rem;
}

/* New Arrivals
============================================================================= */
#new-arrivals .new-arrivals-badge-style {
	position: absolute;
	top: 0.5rem;
	left: 0;
	width: 80%;
}

#new-arrivals .new-arrivals-box {
	background-color: rgba(246, 83, 138, 0.05);	
}

#new-arrivals .new-arrivals-box a:link {
	text-decoration: none;
}

#new-arrivals .new-arrivals-box:hover {
	background-color: rgba(246, 83, 138, 0.1);	
}

#new-arrivals .new-arrivals-title-box {
	margin-top: 0rem;
	padding-top: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 0.5rem;
}

#new-arrivals p {
	margin: 0;
	padding: 0;
}

#new-arrivals .new-arrivals-title {
	font-size: 0.9rem;
	font-weight: 800;
	color: #7437b8;
}

#new-arrivals .new-arrivals-subtitle {
	font-size: 0.8rem;
	font-weight: 700;
	color: #cd2257;
}


/* The World of Stella Starlight
============================================================================= */
#world-of-stella .world-meet-stella-img {
	float: left;
	width: calc(100% / 2);
	height: 100%;
}

#world-of-stella .world-meet-stella-img:hover {
	opacity: 0.92;
}

#world-of-stella .world-our-company-img {
	float: left;
	width: calc(100% / 4);
}

#world-of-stella .world-our-company-img:hover {
	opacity: 0.92;
}

#world-of-stella .world-our-values-img {
	float: left;
	width: calc(100% / 4);
}

#world-of-stella .world-our-values-img:hover {
	opacity: 0.92;
}

/* Join Our Family
============================================================================= */
#our-family .family-social-bar {
	background-color: #f6538a;
	height: 2.8rem;	
}

#our-family .family-social-icon {
	max-width: 1.8rem;
	height: auto;
}

#our-family .family-social-icon:hover {
	transform: scale(1.2);
}

/* Footer
============================================================================= */
#footer .footer-fluid-container {
	background-color: #cd2257;	
}

#footer .footer-container {
	background-color: #cd2257;
	font-size: 0.9rem;	
	color: #f7d1dd;
	line-height: 1.0rem;
	background-image: url(/images/footer/starfield-footer.png);
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 4.0rem;
}

footer h3 {
	color: #ffffff;
	font-size: 0.8rem;
	font-weight: 800;
	letter-spacing: 0.15rem;
	margin-bottom: 0.2rem;	
}

footer ul {
	padding-left: 0;
	list-style-type: none;
}

footer li {
	line-height: 1.2rem;	
}

footer a:link {
	color: #f7d1dd;	
	text-decoration: none;
}

footer a:visited {
	color: #f7d1dd;
}

footer a:hover {
	color: #ffffff;
}

footer a:active {
	color: #f7d1dd;	
}

#footer .footer-copyright {
	font-size: 0.75rem;
	font-weight: 600;
	text-align: center;
}