@charset "utf-8";
/* CSS Document */

/*Color Group*/

/*
New Color Palette:

Shadow Black: 1a1a1a
Dark Sea: 173540
Afternoon Sea: 036a67
Clover: 468c65
Seafoam: 89d9bb

Eggplant: 3c0941
Burgundy: 590743
Peachy Cream: f2dbb9
Lilac: 8a5185
Shadowed Lilac: 4f2859

Black: 000000
White: ffffff
*/


/*Font group*/

/*Sans serif font for headlines*/ 

.julius-sans-one-regular {
	 font-family: "Julius Sans One", sans-serif;
 	 font-weight: 400;
 	 font-style: normal;
	
}



/*Serif font for paragraph*/ 

.cormorant-garamond {
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
 
}


body{
	background-color: linear-gradient(#1A1A1A, #000000);
	font-family: "Cormorant Garamond", serif; }

h1,h2,h3,h4,h5,h6{
	font-family: "Julius Sans One", sans-serif;
}

/*Center an image - img is inline element*/
img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*Navigation Style*/

.navbar-custom{
	font-family: "Julius Sans One", sans-serif;
	background-color: #89d9bb;
	padding-left: 10px;
}

/* Background color for navbar and dropdown menus */

.navbar-custom .dropdown-menu{
	background-color: #8a5185;
	
}
/* Text color for navbar and dropdown menus */
.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .dropdown-item {
    color: #000000;
}



/* Text color for navbar and dropdown menus */

.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .dropdown-item 
{
	color:#ffffff;
}

/* Background and text colors for current page link and links on hover and focus */

.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .dropdown-item:hover, 
.navbar-custom .dropdown-item:focus {
    background-color: #173540;
    color: #8a5185;
    padding-left: 10px;
}

/* Border and text colors for menu icon on small screens */
.custom-toggler.navbar-toggler {
    border-color: #173540;
    color: #f2dbb9;
}

/* Hamburger icon - use same rgb values as previous rule for stroke */

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32'   xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(rgba(42, 119, 65, 1))' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}



/* Background and text colors for current page link and links on hover and
focus */

.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
background-color: #1a1a1a;
color: #89d9bb;
}

/* Border and text colors for menu icon on small screens */

.custom-toggler.navbar-toggler {
border-color: #89d9bb;
color: #036a67;
}

/* Hamburger icon - use same rgb values as previous rule for stroke */

.custom-toggler .navbar-toggler-icon {
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(42, 119, 65, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}		


.navbar-brand {
	background-image:url("images/QBD FINAL OG LOGO 4 SITE.png");
	background-repeat: no-repeat;
	padding-left: 60px;
	background-position: 6% center;
	background-size: 50px auto;	
}



h1{
	color: #8a5185;
	
	
}

h2{
	color: #89d9bb;
	
	
}

h6{
	color: #8a5185;
	
	
}
.col-xl-2{
	font-family: "Cormorant Garamond", serif;
	font-size: 1em;
}

/* Header Banner Section */

#home_banner {
	
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	background-color: #8a5185;
}


#about_banner{
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	height: 400px;
}

#about_banner h2{
	padding-left: 0px;
	padding-right: 0px;
	position:absolute;
	left: 3%;
	top: 7%;
}

.featurette {
	 background-color: linear-gradient(#89d9bb, #468c65, #036a67, #173540);
	
}

.featurette-divider{
	margin-left: 1em;
	margin-right: 0em;
	
}


	
.card {
	border-color: #8a5185;
	border-style: solid;
	border-size: 4em;
	
	
}

.container-fluid{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
}

.progress-bar {border-size: 2em;
	border-style: solid;
	border-color: #8a5185;
	background-color: #8a5185;}
	
	
.bg-dark{
	background-color: #89d9bb;

}

.address{
	font-family: "Cormorant Garamond", serif;
	font-size: 6em;
}