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

@font-face {
    font-family: 'credit_cardregular';
    src: url('fonts/credc___-webfont.woff2') format('woff2'),
         url('fonts/credc___-webfont.woff') format('woff'),
		url('fonts/credc___-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AvenirNextLTPro-Regular';
    src: url('fonts/AvenirNextLTPro-Regular.eot') format('embedded-opentype'),
         url('fonts/AvenirNextLTPro-Regular.otf')  format('opentype'),
		url('fonts/AvenirNextLTPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/*.wrapper {
	padding:2%;
}

body {
	background-color: #ffffff;
	margin:0;
	padding:0;
}

h1 {
	font-family: sans-serif;
	color: #f8eee7;
}

h2 {
	font-family:sans-serif;
	color:#49272a;
}

h3 {
	font-family: sans-serif;
	color: #946183;
	font-size: 100px;
	margin:0;
}

p {
	font-family: sans-serif;
	color:#49272a;
}

a {
	font-family: sans-serif;
	color: #49272a;
	padding:1%;
	float:left;
}

a:hover {
	color: #946183;
}

header {
	background-color: #946183;
	padding:2%;

}

nav {
	background-color: #f4decb;
	width:100%;
	display:inline-block;
}

.portrait {
	width:30%;
	height:30%;
	float:left;
}

img {
	width:100%;
}

.logo {
	width:30%;
	height:30%;
	margin: 0 auto;
}

ul {
	font-family: sans-serif;
	color: #49272a;
}

.examples {
	width:20%;
	display:block;
	float:left;

}

.artforgeries {
	float:none

}

.wireframes-container {

	width: 100vw;
}


*/

/*WEBSITE FONTS*/
h1 {font-size:40px;color:#353535;font-family:'credit_cardregular', sans-serif;margin-bottom:10px;text-align: center;vertical-align:middle;}
h2 {font-size:40px;color:#febc0d;font-family:'credit_cardregular', sans-serif;margin-top:0;text-align:center;vertical-align: middle;}
h3 {font-size:20px;color:#353535;font-family: 'AvenirNextLTPro-Regular', sans-serif;text-align:center;vertical-align: middle;}
p {font-size:12px;color:#353535;font-family: 'helvetica Neue', sans-serif;}
h4 {font-size:40px;color:#353535;font-family:'credit_cardregular', sans-serif;text-align: center;}
h5 {font-size:20px;color:#ffffff;font-family:'credit_cardregular', sans-serif;margin-bottom:4%;text-align: center;vertical-align:middle;}
h6 {font-size:14px;color:#ffffff;font-family: 'helvetica Neue', sans-serif;font-weight: 200;margin-top:0;margin-bottom:2%;}
h7 {font-size:20px;color:#ffffff;font-family:'credit_cardregular', sans-serif;margin-bottom:4%;text-align: left;}


/*HEADER: LOGO desktop and mobile*/
header {height:20%;max-width:90%;margin:auto;background-color:#f6f6f6}


.logo .desktop {width:15%;float:left;padding-top:3%;padding-bottom:3%;}

@media (min-width: 768px) {
  .logo .mobile {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .logo .desktop {
    display: none !important;
  }
}

/*NAVIGATION BAR: DESKTOP*/

nav {margin-top: 8%;float:right;width:50%;}
ul {list-style:none;}
li {display:inline-block;padding-left:3%;padding-right:3%;}
li a{width:15%;display:block;text-align:center;font-size:16px;font-family:'helvetica Neue', sans-serif;}
button {border-color: #f6f6f6; border-style: none; background-color: #f6f6f6;}
button:hover {color:#febc0d;}
a:link {text-decoration:none;color:#353535;}
a:visited {text-decoration:none;color:#353535;}
a:hover {color:#febc0d;}
a:active {color:#febc0d;}
a.two {text-align:left;width:150%;line-height:25px;}
a.two:link {color:#ffffff;}
a.two:visited {color:#ffffff;}
a.two:hover {color:#000000;}
a.three {color:white;}
a.three:hover {color:#353535;}

			/*Products Button*/
.productsbtn {width:115%;display:block;text-align:center;padding:10%;font-size:16px;font-family:'helvetica Neue', sans-serif;}
.products {position: relative;display: inline-block;}
.products-content {display:none;position:absolute;background-color:#FED159;width:100%;z-index:1;padding-top:16%;padding-left:28%;padding-bottom:16%;}
.products:hover .products-content {display: block;}

			/*Visit Us Button*/
.visitbtn { width:115%;display:block;text-align:center;padding:10%;font-size:16px;font-family:'helvetica Neue', sans-serif;}
.visit {position: relative;display: inline-block;}
.visit-content {display:none;position:absolute;background-color:#FED159;width:150%;z-index:1;padding-top:16%;padding-left:28%;padding-bottom:16%;}
.visit:hover .visit-content {display: block;}


/*GENERAL STYLES*/
img{max-width:100%; height:auto;}
body{width:100%;margin:0;padding:0;background-color:#f6f6f6;margin-top:0;}
#wrapper {width:100%; margin:0 auto; padding:0;background-color:#f6f6f6;}



/*ALL HOMEPAGE BODY CONTENT STYLES*/
#homeheaderimage {background-color:#f6f6f6;width:100%;margin:0 auto;padding:0}
#sliderimage {background-color: #f6f6f6;width:100%;margin:0 auto;padding-top:10%;padding-bottom:3%}
#welcomeblurb {margin:0 auto;padding-bottom:10%;padding-top:10%;}
#featuredproductstitle {margin:0 auto;}
#featuredproducts {background-color:#f6f6f6;display:flex;flex-wrap:wrap;width:90%;margin:auto;}
#featuredproduct1 {background-color:#f6f6f6;display:inline-block;align-items:center;justify-content:center;text-align:center;}
#featuredproduct2 {background-color:#f6f6f6;display:inline-block;align-items:center;justify-content:center;text-align:center;}
#featuredproduct3 {background-color:#f6f6f6;display:inline-block;align-items:center;justify-content:center;text-align:center;}

.productname {font-size:20px;color:#353535;font-family:'AvenirNextLTPro-Regular',sans-serif;display:block;}

#sectiontitle {width:50%;display:block;margin:auto;}

		/*TESTIMONALS SLIDER*/
		#testimonials {background-color:#f6f6f6;width:50%;display:block;margin:auto;margin-bottom:10%;}
			.rslides {
	  position: relative;
	  list-style: none;
	  overflow: hidden;
	  width: 100%;
	  padding: 0;
	  margin: 0;
	  }

	.rslides li {
	  -webkit-backface-visibility: hidden;
	  position: absolute;
	  display: none;
	  width: 100%;
	  left: 0;
	  top: 0;
	  }

	.rslides li:first-child {
	  position: relative;
	  display: block;
	  float: left;
	  }

	.rslides img {
	  display: block;
	  height: auto;
	  float: left;
	  width: 100%;
	  border: 0;
	  }



/*ALL PRODUCT GRID & STYLES*/
.productgrid {display:flex;flex-wrap:wrap;width:90%;margin:auto;}

.product {
	background-color:#F6F6F6;display:inline-block;align-items:center;justify-content:center;width:343px;margin-left:20px;margin-right:20px;margin-bottom:20px;margin-top:20px;}

/*TOURS PAGE CONTENT & STYLES*/
#tourscontent {width:90%;margin:auto;margin-top:40px;overflow:hidden;}
#tourdescription {background-color:#ffffff;height:200px;}
#booktour {float:left;height:500px; width:700px;margin-top:60px;background-color: #ffffff;overflow:hidden;}
#tourimages {background-color: #ffffff; height:500px;width:400px;margin-top:60px;float:right;}

/*MARKET PAGE CONTENT & STYLES*/

#map {background-color:#ffffff;width:400px;height:400px;margin:auto;margin-top:6%;}

#marketlocation {width:80%;margin:auto;overflow:hidden;background-color:#FF4E02;margin-top:8%;}
#marketinfo {float:left;width:40%;margin-left:12%;margin-top:9%;}
#marketimage {float:right;width:45%;}


/*ABOUT PAGE CONTENT & STYLES*/
#aboutdescription {width:60%;background-color:#ffffff;height:200px;margin:auto;margin-top:40px;}
#aboutslider {background-color: #ffffff;height: 250px;width:100%; margin-top:40px; padding:0}

/*CONTACT PAGE CONTENT & STYLES*/
#contactcontent {width:90%;margin:auto;overflow:hidden;}
#contactform {float:left;width:500px;height:600px;background-color:#ffffff;margin-top:40px;}
#contactmap {float:right;width:600px;height:600px;background-color:#ffffff;margin-top:40px;}
#contactinfo {float:right;width:300px;height:200px;background-color:#ffffff;margin-top:40px;margin-right:300px;}

/*ALL FOOTER CONTENT & STYLES*/
footer {display:block;right:0;bottom:0;left:0;padding:1rem;background-color:#febc0d;text-align:center;margin-top: 40px;overflow:hidden;}
#footercontent {width:90%;margin:auto;overflow:hidden;padding-bottom:2%}
#footerlogo {width:15%;float:left;margin-top: 4%;}
#footercontact {float:left;height:10%;width:25%;margin-left:8%;}
#footerproducts {float:left;height:10%;width:18%;margin-left:2%;}
#footerconnect {float:left;height:10%;width:25%;margin-left:2%;}
