/* Main color palette 
	
	Purple = #532773 
*/


body {
	padding-top: 3rem;
	padding-bottom: 3rem;
	color: #5a5a5a;
}

main {
	min-height: 80vh;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px;
	animation: fadeInAnimation ease 1s;
	/* animation-iteration-count: 1;
	animation-fill-mode: forwards;
	z-index: auto; */
}

@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.bg-mainColor {
	background-color: #532773;
}

.contactFormBG {
	background-color: #e1e0e0;
}

.mainBorder {
	border: solid 1px #532773;
}

.navbar-brand {
	margin-right: 0px !important;
}

.navbarText {
	color: #fefefe;
	font-weight: 400;
	/* font-family: fantasy; */
	height: 15px;
	margin-right: 15px;
}


.pageHeadingDescription {
	margin-top: 5rem;
	margin-bottom: 2rem;
}

.footerMainColor {
	color: rgb(224, 147, 255);
	display: flex;
	justify-content: space-evenly;
}

.contactFooter {
	color: #E093FF;
}

.contactFooter p {
	margin-bottom: 1px;
}

.socialMediaLinks {
	display: contents;
	align-items: center;
	/* margin-right: auto; */
	margin-top: 5px;
}

.socMedIconFooter {
	text-align: center;
}

.socialMediaFooterNav30 img:hover {
	background-color: #E5E5E5;
}

/* Keep MONITOR */
	.footerNav li a {
		color: #64ff10;
	}

#FBSMLogo img:hover {
	content: url("img/Social Links/facebook_hover.png");
}

#INSMLogo img:hover {
	content: url("img/Social Links/instagram_hover.png");
}

.jumbotronFooter {
	/* background-color: #E093FF; */
	border: 1px solid #E093FF;
	max-width: 1000px;
	padding: 30px 20px;
	border-radius: .375rem;
}

.footerContactInfo:first-child {
	align-items: center;
	display: block;
}

.btn-info {
	background-color: #E093FF !important;
	border: 1px solid #E093FF !important;
	border-radius: 5px !important;
}

.btn-info:hover {
	background-color: #532773 !important;
	border: 1px solid #E093FF !important;
}

#footerEmailButton {
	margin-top: 25px;
	color: #532773;
}

#footerEmailButton:hover,
.footerBlurb {
	color: #E5E5E5;
}

.copyrightContent {
	/* font-size: 1.125em; */
	text-align: center;
}

.activePage {
	color: white !important;
}

#navbarCollapse .nav-item {
	font-size: 1.35em;
	text-align: center;
}


/* .aboutThumbRo col img {
	align-items: center;
	display: inline-block;

} */

.contactFormBG p,
.pageHeadingDescription p,
.aboutSection {
	font-size: 1.2rem;
}

.contactForm label {
	font-size: 1.1rem;
}

.contactFormBG,
.contactPhoneSection {
	padding: 20px;
	border-radius: 15px;
}

.contactPhoneSection {
	background-color: #C9C9C9;
}

.contactPhoneSection a {
	/* text-decoration: none; */
	color: #191919;
}

.aboutContentBox p {
	margin-left: 0px;
	margin-top: 15px;
}

.aboutSection {
	color: #222222;
	background-color: #e1e0e0;
	padding: 25px !important;
	border-radius: 15px;
}
#HASMLogoLG,
#FBSMLogoLG {
	display: none;
}

/* small screen */
#HASMLogo,
#FBSMLogo {
	/* 	background-color: #532773; */
  background-color: darkorchid;
	text-decoration: none;
	padding: 5px;
	/* width: 50%; */
	border-radius: 25px 10px 10px 25px;
	border: none;
	display: block;	
	margin: 5px 0px;
	margin-top: 15px;
	overflow: hidden;
}

#aboutButtonList1,
#aboutButtonList2,
#aboutButtonList3,
#aboutButtonList4,
#aboutButtonList5,
#aboutButtonList6,
#aboutButtonList7,
#aboutButtonList8 {
	background-color: #532773;
	text-decoration: none;
	padding: 5px;
	/* width: 50%; */
	margin-left: 0px;
	border-radius: 25px 10px 10px 25px;
	border: none;
	display: block;
	margin-bottom: 5px;
	overflow: hidden;
}

#aboutButtonList1:hover,
#aboutButtonList2:hover,
#aboutButtonList3:hover,
#aboutButtonList4:hover,
#aboutButtonList5:hover,
#aboutButtonList6:hover,
#aboutButtonList7:hover,
#aboutButtonList8:hover {
	background-color: #7c3b96;
}

#HASMLogo img,
#FBSMLogo img {
	border-radius: 50%;
	margin-right: 13px;
	overflow: hidden;
}

#aboutButtonList1 img,
#aboutButtonList2 img,
#aboutButtonList3 img,
#aboutButtonList4 img,
#aboutButtonList5 img,
#aboutButtonList6 img,
#aboutButtonList7 img,
#aboutButtonList8 img {
	border-radius: 50%;
	margin-right: 13px;
	overflow: hidden;
}

#HASMLogo,
#FBSMLogo {
	text-decoration: none;
	color: white;
	font: 500;
	overflow: hidden;
	white-space: nowrap;
}

#aboutButtonList1,
#aboutButtonList2,
#aboutButtonList3,
#aboutButtonList4,
#aboutButtonList5,
#aboutButtonList6,
#aboutButtonList7,
#aboutButtonList8 {
	text-decoration: none;
	color: white;
	font: 500;
	overflow: hidden;
	white-space: nowrap;
}

#aboutButtonList1 {
	-webkit-animation: w30-1 .4s ease forwards;
}

#aboutButtonList2 {
	-webkit-animation: w30-2 .6s ease forwards;
}

#aboutButtonList3 {
	-webkit-animation: w30-3 .8s ease forwards;
}

#aboutButtonList4 {
	-webkit-animation: w30-4 1s ease forwards;
}

#aboutButtonList5 {
	-webkit-animation: w30-5 .9s ease forwards;
}

#aboutButtonList6 {
	-webkit-animation: w30-6 .5s ease forwards;
}

#aboutButtonList7 {
	-webkit-animation: w30-7 .7s ease forwards;
}

#aboutButtonList8 {
	-webkit-animation: w30-8 .5s ease forwards;
}

#aboutButtonList1 .w30-1,
#aboutButtonList2 .w30-2,
#aboutButtonList3 .w30-3,
#aboutButtonList4 .w30-4,
#aboutButtonList5 .w30-5,
#aboutButtonList6 .w30-6,
#aboutButtonList6 .w30-7,
#aboutButtonList6 .w30-8 {
	width: 100%;
}

@-webkit-keyframes w30-1 {
	from {
		width: 10%;
	}

	to {
		width: 100%;
	}
}

@-webkit-keyframes w30-2 {
	from {
		width: 10%;
	}

	to {
		width: 100%;
	}
}

@-webkit-keyframes w30-3 {
	from {
		width: 10%;
	}

	to {
		width: 100%;
	}
}

@-webkit-keyframes w30-4 {
	from {
		width: 10%;
	}

	to {
		width: 100%;
	}
}

@-webkit-keyframes w30-5 {
	from {
		width: 10%;
	}

	to {
		width: 100%;
	}
}

@-webkit-keyframes w30-6 {
	from {
		width: 10%;
	}

	to {
		width: 100%;
	}
}

@-webkit-keyframes w30-7 {
	from {
		width: 10%;
	}

	to {
		width: 100%;
	}
}

@-webkit-keyframes w30-8 {
	from {
		width: 10%;
	}

	to {
		width: 100%;
	}
}

/* REMOVE SMALL DEVICE */
.footerNav li a {
	/* display: none; */
	color: aquamarine;
}

.footerNav {
	display: none;		
}

#SMLogoFooterDesktop{
	display: none;
}

.mobileRow {
	margin-right: 10px !important;
	margin-left: 10px !important;
}

.contactSubmitButton {
	width: 100%;
	padding: 13px !important;
	font-size: large !important;
	margin-bottom: 15px;
}

.order-md-1 img {
	width: 100%;
	background-size: cover;
	background-position: center;
	aspect-ratio: 1/1;
}

.circleBase {
	border-radius: 50%;
}

.homePageFeatureCircle{
	width: 140px;
	height: 140px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	justify-content: center;
	display: flex;
	border: 2px solid #532773;
	/* background-color: rgba(83,39,115,0.05); */
	/* background-color: #532773; */
}

.homePageFeatureCounter1 {
	font-weight: 600;
	font-size: 3em;
	margin-top: 32px;
	/* color: white; */
	color: #532773;
}

.homePageFeatureCounter {
	font-weight: 600;
	font-size: 5em;
	margin-top: 6px;
	/* color: white; */
	color: #532773;
	margin-left: auto;
	margin-right: auto;
}

.homePageFeatureText{
	color: #532773;
}

.btn-viewDetails {
	--bs-btn-color: #fff !important;
	--bs-btn-bg: #532773 !important;
	--bs-btn-bg: #532773;
	--bs-btn-border-color: #532773;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #7e39ac;
	--bs-btn-hover-border-color: #532773;
	--bs-btn-focus-shadow-rgb: 130, 138, 145;
	--bs-btn-active-color: white;
	--bs-btn-active-bg: #532773;
	--bs-btn-active-border-color: #51585e;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #532773;
	--bs-btn-disabled-bg: #6c757d;
	--bs-btn-disabled-border-color: #6c757d;
} 

/* .nav-link {
	color: rgb(218, 218, 218) !important;
} */

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
	margin-bottom: 4rem;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	bottom: 3rem;
	z-index: 10;
}

/* Declare heights because of positioning of img element */
 .carousel-item {
	height: 32rem;

} 
/* .carousel-item {
	height: 100%;
	max-height: 625px;
	width: auto !important;
	margin: 0px auto;
} */
/* .item img {
	width: 100%;
	height: auto;
} */

.headlinerTint {
	background-color: rgba(39, 39, 39, 0.6);
	padding: 30px;
	border-radius: 20px;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
	margin-bottom: 3.5rem;
	text-align: center;
}

/* rtl:begin:ignore */
.marketing .col-lg-4 p {
	margin-right: .75rem;
	margin-left: .75rem;
}

/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
	margin: 2rem 0;
	/* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
	letter-spacing: -.05rem;
	margin-top: 10px;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

/* Extra small devices (portrait phones, less than 576px)
 No media query since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)======= S M A L L =======*/
@media (max-width: 572px) {

	.contactFormBG,
	.contactPhoneSection {
		padding: 20px;
		border-radius: 15px;
	}

	.item img {
		width: 100%;
		height: 100%;
	}

	.footerNav li a {
		/* display: none; */
		color: red;
	}

	.footerNav {
		display: none;		
	}

	.socialMediaFooterNav30 img{
		background-color: #E093FF;
		padding: 5px;
		border-radius: 25px;
		width: 41px;
		height: auto;
		margin-top: 4px;
		/* margin-left: 4px; */
	}
	.socialMediaLinks {
		display: contents;
		align-items: center;
		/* margin-right: auto; */
		margin-top: 5px;
	}
	
}

/* Medium devices (tablets, 768px and up)======= M E D I U M ============*/
@media (min-width: 768px) {
	.aboutSection {
		font-size: 1.2rem;
		color: #444343;
		margin-bottom: 25px;
	}

	.contactFormBG,
	.contactPhoneSection {
		padding: 25px;
	}

	.contactPhoneSection {
		margin-right: 20px;
		margin-left: 20px;
	}

	.item img {
		width: 100%;
		height: auto;
	}

	.rightAlign {
		text-align: end;
	}

	.leftAlign {
		text-align: left;
	}

	.order-md-1 img {
		/* background: 50% 50% no-repeat; */
		/* 50% 50% centers image in div */
		/* width: 500px;
		height: 500px;
		max-width: 500px;
		max-height: 500px; */
	}

	.navbar-brand {
		margin-right: 5px !important;
	}

	.navbarText {
		color: #fefefe;
		font-weight: 400;
		/* font-family: fantasy; */
		height: 15px;
		font-size: larger;
	}

	#navbarCollapse .nav-item {
		font-size: 1.1em;
		text-align: center;
	}

	/*#HASMLogo {
		background-color: orange;
	}*/

	#aboutButtonList1,
	#aboutButtonList2,
	#aboutButtonList3,
	#aboutButtonList4,
	#aboutButtonList5,
	#aboutButtonList6,
	#aboutButtonList7,
	#aboutButtonList8 {
		border-radius: 25px;
		margin-left: 0px;
		margin-bottom: 10px;
	}

	.veritcalLineSocMedIconNav {
		border-left: none;
	}

	.aboutSection {
		font-size: 1.2rem;
		color: #444343;
		margin-bottom: 30px;
	}

	.aboutContentBox p {
		margin-left: 0px;
		margin-top: 0px;
	}

	.footerPreBlurb {
		margin-right: 75px;
	}

	/* REMOVE */
	.footerNav li a {
		/* display: none; */
		color:#64ff10;
	}

	.footerNav {
		display: none;		
	}

	#HASMLogoLG,
	#FBSMLogoLG{
		background-color: #E093FF;
		padding: 5px;
		border-radius: 25px;
		width: 41px;
		/* display: contents; */
		height: auto;
		margin-left: -25px;
		margin-right: 15px;
	}
	
	#HASMLogoLG img,
	#FBSMLogoLG img{
		border-radius: 50%;
		margin-right: 13px;
		overflow: hidden;
		margin-top:15px;
	}

	.socialMediaFooterNav30 img {
		background-color: #E093FF;
		padding: 5px;
		border-radius: 25px;
		width: 41px;
		height: auto;
		margin-left: 4px;
	}
	.socialMediaLinks {
		display: contents;
		align-items: center;
		/* margin-right: auto; */
		margin-top: 5px;
	}
}


/* Large devices (desktops, 992px and up)============ L A R G E =========*/
@media (min-width: 992px) {
	.customNavbar {
		background-color: #532773;
	}

	.copyrightContent {
		font-size: .85em;
		text-align: center;
	}

	.contactFormBG p,
	.pageHeadingDescription p,
	.aboutSection {
		font-size: 1.1rem;
	}

	.contactPhoneSection a {
		/* text-decoration: none; */
		color: #191919;
	}

	.contactSubmitButton {
		width: 100%;
		padding: 10px !important;
		font-size: medium !important;
	}

	.navbarText {
		color: #fefefe;
		font-weight: 400;
		/* font-family: fantasy; */
		height: 15px;
		font-size: xx-large;
	}

	#navbarCollapse .nav-item {
		font-size: 1.2em;
		text-align: center;
	}
	
	#HASMLogo,
	#FBSMLogo {
		display: none;
	}

	#HASMLogoLG,
	#FBSMLogoLG {
		display: contents;
	}


	#HASMLogoLG img{
		background-color: #E093FF;
		padding: 5px;
		border-radius: 25px;
		width: 40px;
		height: auto;
		/*margin-left: -25px;
		margin-right: 15px; */
	}
	.socialMediaLinks {
		display: contents;
		align-items: center;
		/* margin-right: auto; */
		margin-top: 5px;
	}

	#aboutButtonList1,
	#aboutButtonList2,
	#aboutButtonList3,
	#aboutButtonList4,
	#aboutButtonList5,
	#aboutButtonList6,
	#aboutButtonList7,
	#aboutButtonList8 {
		border-radius: 25px;
		margin-left: 32px;
	}

	.footerContactInfo:first-child {
		align-items: center;
		display: flex;
	}

	#footerEmailButton {
		margin-top: 0px;
	}

	.veritcalLineSocMedIconNav {
		border-left: 1px solid #E5E5E5;
	}

	/* .aboutContentBox p {
		margin-left: 15px;
	} */

	/* Keep MONITOR */
	.footerNav li a {
		color: #E093FF;
	}

	.footerNav li a:hover {
		color: #70517d;
	}

	.footerNav ul{
		display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
	}

	.footerNav {
		display: none;
	}

	.socialMediaLinks {
		/*display: block;*/
		display: inline-grid;
	}
}

/* Extra large devices (large desktops, 1200px and up)========= X L =====*/
@media (min-width: 1200px) {

	/* Bump up size of carousel content */
	.carousel-caption p {
		margin-bottom: 1.25rem;
		font-size: 1.25rem;
		line-height: 1.4;
	}

	.featurette-heading {
		font-size: 37px;
	}

	#navbarCollapse .nav-item {
		font-size: 1em;
	}

	.contactFormBG p,
	.pageHeadingDescription p,
	.aboutSection {
		font-size: 1rem;
	}

	.aboutSection {
		color: #191919;
	}

	.contactForm label {
		font-size: .93rem;
	}

	.contactSubmitButton {
		width: 50%;
		padding: 5px !important;
		font-size: medium !important;
		margin-bottom: 2px;
	}

	.footerPreBlurb {
		margin-right: 101px;
	}

	.footerNav {
		display: contents;
		
	}
	
	/* Keep MONITOR */
	.footerNav li a {
		color: #E093FF;
	}

	.footerNav li a:hover {
		color: #70517d;
	}

	.footerNav ul{
		display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
	}

	.jumbotronFooter {
		/* background-color: #E093FF; */		
		max-width: 1070px;
	}
}