/*!
 * Start Bootstrap - Busines Frontpage (https://startbootstrap.com/template-overviews/business-frontpage)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-business-frontpage/blob/master/LICENSE)
 */
body {
  padding-top: 56px;
  background: linear-gradient(
	to bottom,
	#ffa969, /* sunset orange */
	#612f74 /* dark purple */
  ); /*transition from sunset orange to dark purple*/
  background: -webkit-linear-gradient (
	to bottom, 
	#ffa969, /* sunset orange */
	#612f74 /* dark purple */
  ); /*transition from sunset orange to dark purple*/
}

.pageWrapper, nav {
	max-width: 1200px;
	margin: 0 auto;
  }

.pageWrapper {
	background-color: #fff;
}

.cursive-brand {
	font-family: 'Sofia';
	color: #612f74; /* dark purple */
}

.cursive-brand:hover {
	color: white !important;
}

.cursive-brand:active {
	color: #e93457 !important; /* pink */
}

.cursive {
	font-family: 'Sofia';
	color: #e93457; /* pink */
}

.cursive a:hover {
	color: #612f74; /* dark purple */
}

.cursive:active {
	color: #e93457 !important; /* pink */
}

.smallCursive {
	font-family: 'Sofia';
	color: #612f74; /* dark purple */
}

.buttonCursive {
	font-family: 'Sofia';	
	color: white;
}

.jumbotron {
    background-image: url('../imgs/beach.jpg');/*slide.jpg =>you image*/
	width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
}

.header {
	background-color: #fff; /*white box color*/
	border-radius: 4px;
	margin-left: 10%;
	margin-right: 10%;
	padding: 10px;
	opacity: 0.75;
	color: #e93457; /* pink */
}

.logo {
	width: 99px;
	height: 99px;
	margin-left: 10px;
}

/* Base Search Bar Styling */
/* Standardize format of the search bar's submit button for mobile devices */
input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	opacity: 1;
}

input[type="text"] {
	height: 44px;
}

::placeholder {
color: #612f74; /*set font color of search field to dark purple */
}

input[type="submit"] {
	display: inline-block;
	height: 44px;
	font-weight: bold;
	border-radius: 0 4px 4px 0;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	box-sizing: border-box;
}
/* End of standardized formatting of submit button for mobile devices */

.searchForm {
	display: flex;
	text-align: center;
}

.search {
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
}

.search label {
	display: none;
	visibility:hidden;
}

.search input[type="text"] {
	border-radius: 4px 0 0 4px;
	border-width: 2px;
	padding: 8px 10px 9px 10px;
	background-color: #ffa969; /* sunset orange */
	-webkit-flex: 1;
	flex: 1;
}	

.search input[type="submit"] {
	margin-left: -8px;
	border-radius: 0 4px 4px 0;
	padding: 8px 10px 32px 10px;
	color: #612f74;
	background-color: #ACBBD2; /* light purple */
	border-color: #612f74; /* dark purple */
	border-width: 2px;
	-webkit-flex: 1;
	flex: 1;
}

.search input[type="submit"]:hover {
	color: #fff; 
	background-color: #612f74; /* dark purple */
	border-color: #ACBBD2; /* light purple */
	-webkit-flex: 1;
	flex: 1;
}

.search input[type="submit"]:active {
	color: #612f74; /* dark purple */
	background-color: #fff;
	border-color: #612f74; /* dark purple */
	-webkit-flex: 1;
	flex: 1;
}
/* End Base Search Bar Styling */

.animate__tada {
	animation-delay: 1s;
}

.animate__pulse {
	animation-delay: 3s;
}

/* Contact Us Section */
.tabletContact a {
	color: #612f74; /* dark purple */
}

#mobileAppIcon {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

hr {
	border: 1px solid #612f74; /* dark purple */
}
/* End Contact Us Section */

/* Card Section */
.card {
	border: 2px solid #612f74; /* dark purple */
}

.cardSeperator {
	margin-top: -1.5px;
}

.card-text a {
	color: #612f74; /* dark purple */
}
/* End Card Section */

.copyright {
	-webkit-flex: 1 1 500px;
	flex: 1 1 500px;
	text-align: center;
	text-decoration: none;
	color: black;
}

.copyright a {
	text-decoration: none;
	color: #612f74; /* dark purple */
}

.copyright a:hover {
	text-decoration: none;
	color: #fff;
}

.copyright a:active {
	text-decoration: none;
	color: #e93457; /* pink */
}  

.mobileContact {
	display: block;
}

.tabletContact {
	display: none;
}

.socialIcons  {
	max-width: 100%;
	height: auto;
}

/* Base Mobile Search Bar Styling */
@media (max-width: 443px) {
.search input[type="text"],
.search input[type="submit"] {
	border-radius: 4px;
}

.search input[type="text"] {
	width: 80%;
}

.search input[type="submit"] {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
}
/* End Base Mobile Search Bar Styling */

@media (min-width: 444px) and (max-width: 767px) {
.header {
	margin-left: 20%;
	margin-right: 20%;
}
}

@media (min-width: 444px) {
.search input[type="text"], .search input[type="submit"] {
	border-color: #612f74; /* dark purple */
}

.search input[type="text"] {
	border-width: 2px;
	animation-name: glow;
	animation-duration: 8s;
	-moz-animation-name: glow;
	-moz-animation-duration: 8s;
	-webkit-animation-name: glow;
	-webkit-animation-duration: 8s;
	box-shadow: inset 0 0 10px rgb(97, 47, 116,1);
}

@keyframes glow {
	from {box-shadow: none;}
	to {box-shadow: inset 0 0 10px rgb(97, 47, 116,1);}
}

@-moz-keyframes glow {
	from {box-shadow: none;}
	to {box-shadow: inset 0 0 10px rgb(97, 47, 116,1);}
}

@-webkit-keyframes glow {
	from {box-shadow: none;}
	to {box-shadow: inset 0 0 10px rgb(97, 47, 116,1);}
}

.search input[type="submit"] {
	animation-name: glowButton;
	animation-duration: 8s;
	background-color: #ACBBD2; /* light purple */
}

@keyframes glowButton {
	from {background-color: #fff;}
	to {background-color: #ACBBD2;}
}
}

/* Mobile Social Media Content Styling */
@media (max-width: 325.98px) {
.mobileSocialText {
	padding-left: 25px;
}

.mobileSocialIcons {
	padding-left: 40px;
}
}

@media (min-width: 326px) and (max-width: 375.98px) {
.mobileSocialText {
	padding-left: 45px;
}

.mobileSocialIcons {
	padding-left: 55px;
}
}

@media (min-width: 376px) and (max-width: 400px) {
.mobileSocialText {
	padding-left: 65px;
}

.mobileSocialIcons {
	padding-left: 50px;
}
}

@media (min-width: 401px) and (max-width: 450.98px) {
.mobileSocialText {
	padding-left: 80px;
}

.mobileSocialIcons {
	padding-left: 50px;
}
}

@media (min-width: 451px) and (max-width: 500px) {
.mobileSocialText {
	padding-left: 110px;
}

.mobileSocialIcons {
	padding-left: 50px;
}
}

@media (min-width: 501px) and (max-width: 540px) {
.mobileSocialText {
	padding-left: 125px;
}

.mobileSocialIcons {
	padding-left: 50px;
}
}

@media (min-width: 541px) and (max-width: 575.98px) {
.mobileSocialText {
	padding-left: 150px;
}

.mobileSocialIcons {
	padding-left: 50px;
}
}
/* End Mobile Social Media Content Styling */

@media (min-width: 768px) {
.mobileContact {
	display: none;
}

.headingSeperator {
	margin-right: 5px;
}

p {
	padding-right: 5px;
}

.tabletContact {
	display: block;
	background-color: rgba(172,187,210,0.25);
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	border-radius: 0.63rem;
}
}

@media (max-width: 991px) {
.header {
	margin-top: 0px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.header {
	margin-left: 10%;
	margin-right: 10%;
}

h4 {
	margin-right: 30px;
}
}

@media (min-width: 991px) and  (max-width: 1200px) {
.header {
	margin-left: 19%;
	margin-right: 19%;
}
}

@media (min-width: 992px) {
.mt-5 {
  margin-top: 3.5rem !important;
}
/* the mobile style for the mt-5 class (which controls the jumbotron header's h1 padding)
is set in the bootsrap.min.css file */

.searchForm {
	margin-bottom: -20px;
}
}

@media (min-width: 768px) and  (max-width: 1200px) {
.my-1 {
	margin-top: 1.75rem !important;
}
/* Note: my-1 is a contact us style for large devices, as defined in the index.html file*/

.mb-4 {
	padding-bottom: 1rem !important;
}
/* Note: mb-4 is a contact us style */

#mobileAppIcon {
	width: 225px;
}
}

@media (min-width: 1201px) {
.header {
	margin-left: 25%;
	margin-right: 25%;
}

.headingSeperator {
	margin-right: 30px;
}

.cardSeperator {
	margin-top: -1.75px;
}

p {
	padding-right: 30px;
}

.my-1 {
	margin-top: -.6rem !important;
}
/* Note: my-1 is a contact us style */

.mb-4 {
	margin-bottom: 2rem!important;
}
/* Note: mb-4 is a contact us style */

#mobileAppIcon {
	padding: 20px;
}
}