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

@import url('https://fonts.googleapis.com/css2?family=Goudy+Bookletter+1911&family=Lato&display=swap');

/*font-family: 'Goudy Bookletter 1911', 
serif;
font-family: 'Lato', sans-serif; */

header {width:960px;
margin:auto;position: relative;}

nav {position: absolute; 
	bottom:20px;
right:400px;
}



nav li {display: inline-block;}
nav a {padding:5px 20px; text-decoration: none;color: #16325a;font-family: 'Goudy Bookletter 1911'}

nav a:hover {background-color: #16325a;
	color:#fff;}

#banner {background-image: url("images/home-banner.jpg"); 
	height:440px;}

#color-bar {background-color: #a32973;
color:#fff;text-align: center; padding: 10px 0;font-family: 'Goudy Bookletter 1911', 
serif;}

#wrapper-white {width:960px;
margin:30px auto; display:flex;}

section {width:580px; padding: 0 10px;}

section h1 { font-size: 36px; color: #a32973;
text-transform: uppercase;font-family: 'Goudy Bookletter 1911', 
serif;}

.shop-box h3,
.team h3{
	text-transform: uppercase;
	color: #a32973;
	font-family: 'Goudy Bookletter 1911', 
serif;
	text-align: center;
	font-size: 32px;
	margin: 0 0 28px 0;
}


section p {font-size: 16px; line-height: 1.5; margin-top: 15px;font-family: 'Lato', sans-serif;} 
aside {width: 300px; border: 3px solid #16325a; padding: 10px 10px;}

aside h2 {text-align: center; margin: 10px 0; color:#a32973;font-size: 20px;font-family: 'Goudy Bookletter 1911', 
serif;}

.uppercase { text-transform: uppercase;}

aside img { display: block; margin: 0 auto;
	padding: 10px;}


#wrapper-shop {width: 100%; border:1px solid black; background-color: #f4f3f0;padding: 50px 0;}

#shop-content { width: 960px; margin: 0 auto; display: flex;}

.shop-box { width: 300px; margin: 0 auto; text-align: center;}

#shop-content h3 {color: #a23973; text-transform: uppercase; 
	text-align: center; padding: 10px; font-size: 28px;font-family: 'Goudy Bookletter 1911', 
serif;}

#shop-content p {line-height: 1.5; font-size: 14px; margin:10px 0 20px 0; font-family: 'Lato', sans-serif; }

.shop-box a {text-decoration: none; text-align: center; background-color: #a32973;
	color: #fff; font-size: 14px; padding: 5px; }

footer { background-color: #16325a; color:#fff;padding: 20px 0px;}

#footer-content {width: 960px; margin: 0 auto; display: flex;} 

#footer-left {width: 40%;}

#footer-right {width: 40%; margin-left: 300px; text-align: right;}

#footer-content h3 {color: white; text-transform: uppercase; font-size: 16px; margin-bottom: 5px;font-family: 'Goudy Bookletter 1911', 
serif;}

#footer-content p{ line-height: 1.5;font-family: 'Lato', sans-serif;}

.team {width: 200px; 
	text-align: center;
	display: inline-block;}


aside hr {
    width: 90%;
    margin: 20px auto;
    border-top: 1px solid #16325a;
}

.team:first-of-type {
     margin-right: 25px;
}
.team:nth-of-type(2),
.team:nth-of-type(3){
     margin-left: 24px;
     margin-right: 24px;
}
.team:last-of-type {
     margin-left: 25px;
}

#wrapper-shop h1 {text-align: center;font-family: "Goudy Bookletter 1911", serif;
  text-transform: uppercase;
  font-size: 30px;
  color: #a32973;
  font-weight: bold;
  padding: 20px 0 0 0;}


/*Slideshow*/

#slideshow-wrapper {
	width: 100%;
	height: 441px;
}

#slideshow {
	Width: 100%;
	height: 441px;
	overflow: hidden;
	white-space: nowrap;
}

#slideshow img {
	width: 100%;
	height: 100%;
	display: inline-block;
}

.circle {
	display: inline-block;
	background-color: lightgrey;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin-right: 15px;
}

#circle-nav {
	margin-top: -50px;
	text-align: center;
}