/* unvisited link */
a:link, a:visited {
  color: #fffbe5;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
}


a.one:link {color: #11a300;}
a.one:visited {color: #11a300;}
a.one:hover {color: #7400d9;}

a.original:link {color: #11a300;}
a.original:visited {color: #11a300;}
a.original:hover {color: #7400d9;}

a.Sold:link {color: #cb0000;}
a.Sold:visited {color: #cb1000;}
a.Sold:hover {color: #ffa3f4;}

/* mouse over link */
a:hover, a:active {
  color: rgb(0, 0, 0);
  text-decoration: none;
  padding: 0px 0px 0px 0px;
}



/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #cf0;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dotbar {
	background-color: #000;
}

/*---------------buttons--------------------------*/

.w3-button {
	padding: 1px 0px 1px 0px;
}

.buy {
	color: #FFF;
	background-color: #000;
  display: block;
	  margin-left: auto;
	  margin-right: auto;
}

.w3-button.menu {
	width: 150px;
	padding: 20px;
font-family: 'Oswald', sans-serif;
	font-size: 21px;
	color: #FFF;	
}

.squarebtn {
display: inline-block;
	font-family: 'Oswald', sans-serif;
	padding: 20px;
font-size: 16px;
color: #fff;
text-align: center;
}

/*---------------middle button--------------------------*/
.w3-dropdown-hover:first-child, .w3-dropdown-click:hover {
	background-color: #000;
	color: #000;
	padding: 8px 8px 8px 8px;
}





/*---------------containers--------------------------*/
body {
	background-color: #111;
	background-image: url(../images/image name here.png), url(../images/image name here.jpg);
	background-position: top left, top right; 
background-repeat: no-repeat;
	}
	
	body.originals {
		background-color: #88963d;
		background-image: url(../images/bkgnd_original_left.jpg), url(../images/bkgnd_original_right.jpg);
		background-position: top left, top right; 
	background-repeat: no-repeat;
		}
		
		.giftshack {
			background-color: #6c7251;
		
			}
		

		
		
		
		
		
	.bkgnd_main {
		background-image: url("../images/bkgnd_main.jpg");	
		background-repeat: no-repeat;	
		background-size: cover;
	}	
	
	.bkgnd_sketchbook {
		background-image: url("../images/bkgnd3.jpg");	
		background-repeat: no-repeat;	
		background-size: cover;
	}	
	
	
	.bkgnd_explore {
		background-image: url("../images/bkgnd3.jpg");	
		background-repeat: no-repeat;	
		background-size: cover;
	}
	
	.bkgnd_artist {
		background-image: url("../images/bkgnd12.jpg");	
		background-repeat: no-repeat;	
		background-size: cover;
	}
	
	.bkgnd_home {
		background-image: url("../images/bkgnd7.png");	
		background-repeat: no-repeat;	
		background-size: cover;
		background-color: #fff;
	}
	
	.w3-container {
	background-color:;
	padding: 4px 0px 4px 0px;
	}



/*---------------containers--------------------------*/
.w3-cell-row {
	padding-bottom: 25px;
}


.w3-cell {
	padding-top: 0px;
}

.w3-modal-content {
	width: 50%;
	background-color: #ffffff;
	margin:auto;
	padding: 0px 0px;
}

/*---------------controls main modal box--------------------------*/
.w3-modal {
  z-index: 3;
  display: none;
  padding-top: 10px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color:;
}


.w3-modalsketch {
  z-index: 3;
  display: none;
  padding-top: 10px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color:#000;
}


w3-modal-content { 	
  width: 50%;
margin: auto;
}

/*---------------center divs--------------------------*/

.centerdivmenu {
	width: 80%;
	background-color: #45b0ff;
	margin:auto;
	padding: 0px 0px;
}

.centerdivfooter {
	width: 60%;
	background-color:;
	margin:auto;
	padding-bottom: 32px;
}

.centerdivspacer {
	width: 100%;
	min-height: 300px
}

.centerdivhome {
	width: 80%;
	background-color:;
	margin:auto;
}

.centerdivgallery {
	width: 80%;
	background-color: #e3e3e3;
	background-image: url("../images/bkgnd1.jpg");
	background-repeat: no-repeat;
	  background-size: 100% 100%;
	margin:auto;
}

.centerdivsixty {
	width: 60%;
	background-color: #fff;
	margin:auto;
	padding-bottom: 0px;
}


.centerdivseventy {
		width: 70%;
		background-color: #fff;
		margin:auto;
		padding-bottom: 0px;
	}
	
	.centerdiveighty {
		width: 80%;
		margin:auto;
		padding-bottom: 0px;
	}
	
	.centerdivninety {
		width: 90%;

		margin:auto;
		padding-bottom: 0px;
	}
	
	.centerdivhundred {
		width: 100%;	
		margin:auto;
		padding-bottom: 0px;
	}

.centerdivhomepics {
	width: 80%;
	background-color: #fff;
	margin:auto;
	padding-bottom: 0px;
}

.centerdiv {
	width: 80%;
	background-color:#FFF ;
	margin:auto;
}

.centerdivdark {
	width: 80%;
	background-color: #cca;
	margin:auto;
}

.singledivdark {
	padding-top: 24px;
	width: 80%;
	background-color: #bb9;
	margin:auto;
}

.singledivlight {
	padding-top: 24px;
	width: 100%;
	background-color: #ddb;
	margin:auto;
}






.centerdivnarrow {
	width: 50%;
	margin:auto;
}

.cardpadup {
	padding: 0px 12px 0px 12px;
}

.cardpaddown {
	padding: 30px 12px 30px 12px;
}

.centerthumbs {
	width: 80%;
	background-color: #ffffff;
	margin:auto;
}

.centerdivfull {
	width: 100%;
	background-color: #dae8e6;
	margin:auto;
}


.slide {

	color:#ebfffb !important;
background-color:#ffffff !important
padding: 0px;
	
}

/*---------------footer--------------------------*/
#footer {
	margin-top: 64px;
	font-family: 'Cinzel', serif;
	background-color: #f00;
}


#footer .footer_bottom {
	  height: 35px;
	  text-align: center;
	  background: #db4f64;
	}

/*---------------images-------------------------*/


/*----hilite bar bottom of images----*/
.img-small {
	padding-bottom: 0px;
	border: solid 2px;
	border-color: white;
}

.img-intro {
	padding: 0px;
border: 2px solid #ccc;
}

.img-center {
	padding: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img-introsingle {
	padding: 0px;
border: 1px solid #230;

}

.img-modal {

	padding: 30px 0px 2px 0px ;
}

.img-logo {
margin-left:32px;
	padding: 8px 0px 8px 0px;
} 

.textwrap{
float: left;
margin: 10px;
}

.imagepad {
	 padding: 0px;
	 margin: auto;
	 width: 100%;
	 }
	 
	 .slide {
	  padding: 0px;
	  margin: auto;
	  width: 100%;
	  }
/*---------------style--------------------------*/
.w3-border{
	padding:2px;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #d4ebff;
}

.container:hover .overlay {
  opacity: 1;
}

/*---------------type--------------------------*/
#myDIV {
  height:600px;
  width: 100%;

  writing-mode: vertical-lr;
  text-orientation: mixed;
}



h1{
	color: #96b2f2;
	font-size: 48px;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.10em;
}

h1.title{
	color: #7e7e7e;
	font-size: 42px;
	margin: auto;
	width: 100%;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.02em;
	text-transform: uppercase;
padding: 0px;
  height: 50px;
}

h1.slides{
	color: #fff;
	font-size: 12px;
	text-align: center;
font-family: 'Alfa Slab One', cursive;
	letter-spacing: 0.10em;
padding: 0px;
}


h2.subhead{
	color: #ffd;
	font-size: 42px;
	text-align: center;
font-family: 'Oswald', sans-serif;
}

h3.subheaddark{
	padding-top: 0px;
	color: #000;
	font-size: 42px;
		text-align: center;
font-family: 'Oswald', sans-serif;
	letter-spacing: 0.1em;
	margin: auto;
	width: 70%;
}

h3.subheadlight{
	padding-top: 0px;
	color: #fff;
	font-size: 42px;
		text-align: center;
font-family: 'Oswald', sans-serif;
	letter-spacing: 0.3em;
	margin: auto;
	width: 70%;
}



h3.subhead{
	color: #000;
	font-size: 24px;
	text-align: center;
font-family: 'Oswald', sans-serif;
	letter-spacing: 0.10em;
	line-height: 1 em;
}

h3.thirty{
	color: #000;
	font-size: 30px;
		text-align: center;
font-family: 'Oswald', sans-serif;
	letter-spacing: 0.05em;
	margin: auto;
	width: 70%;
}




h3.descrip{
	color: #000;
	font-size: 36px;
		text-align: center;
font-family: 'Oswald', sans-serif;
	letter-spacing: 0.05em;
	margin: auto;
	width: 70%;
}



h3.gshack{
	color: #461;
	font-size: 48px;
		text-align: center;
  font-family: "Combo", system-ui;
		  font-weight: 400;
		  font-style: normal;
	letter-spacing: 0.05em;
	margin: auto;
	width: 70%;
}




h3.modal{
	color: #000;
	font-size: 24px;
		text-align: center;
font-family: 'Oswald', sans-serif;
	letter-spacing: 0.10em;
	margin: auto;
	width: 70%;
}

h4.descrip{
	color: color(srgb 1 0.989 0.783);
	font-size: 26px;
		text-align: center;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.10em;
	margin: auto;
	width: 100%;
	padding:36px;
}

h4.subhead{
	color: color(srgb 1 0.989 0.783);
	font-size: 26px;
		text-align: center;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.10em;
	margin: auto;
	width: 100%;
	padding:36px;
}


h4.gshack{
	color: #461;
	font-size: 26px;
		text-align: center;
  font-family: "Combo", system-ui;
		  font-weight: 400;
		  font-style: normal;
	letter-spacing: 0.10em;
	margin: auto;
	width: 100%;

}

h5.explore{
font-family: 'Euphoria Script', cursive;
	font-size: 30px;
	color: #ddd;
	text-align: center;
}


h6{
	color: #555;
	font-size: 24px;
	text-align: center;
font-family: 'Mohave', sans-serif;
	padding-top: 0px;
	margin-top: 0px;
}

h6.dropdown{
	color: #FFF;
	font-size: 24px;
	text-align: center;
font-family: 'Mohave', sans-serif;
	padding-top: 0px;
	margin-top: 0px;
}

h6.tag{
	color: #9ed6ff;
	font-size: 36px;
	text-align: center;
font-family: 'Euphoria Script', cursive;
	padding-top: 0px;
	margin-top: 0px;
}

h7{
	color: #FFF;
	font-size: 28px;
	text-align: center;
font-family: 'Euphoria Script', cursive;
	letter-spacing: 0.10em;
	line-height: 1 em;
	padding-top: 0px;
	margin-top: 0px;	
}

span.small {
  font-size: 4px;
}


p.tagline {
	color: #671;
font-size: 36px;
text-align: center;
font-family: 'Euphoria Script', cursive;
  font-weight: 400;
  font-style: normal;	
	}
	
p.pagedescrip {
		color: #555;
		padding:0px;
	font-size: 22px;
	text-align: center;
	font-family: 'Mohave', sans-serif;
	  font-weight: 400;
	  font-style: normal;	
		}
		
		p.gshack {
			color: #000;
			padding:0px;
		font-size: 22px;
		text-align: center;
		font-family: "Combo", system-ui;
		  font-weight: 400;
		  font-style: normal;	
			}
	


p.hilite {
	color: #000000;
	font-size: 20px;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.10em;
	line-height: 1.8 em;
	padding: 0px, 12px, 0px, 12px;
	margin-top: 0px;	
}



p.copyright {
color: #000000;
	font-size: 1.2em;
		text-align: center;
font-family: 'Oswald', sans-serif;
	letter-spacing: 0.10em;
	line-height: 1.8em;
	padding: 0px 12px 0px 12px;
	margin-top: 0px;	
}

p.foot {
	color: 000;
font-size: 1.2em;
	letter-spacing: 0.10em;
	text-align: center;
	line-height: 0.5em;
font-family: 'Oswald', sans-serif;
	padding-bottom: 0px;
}

p.artname {
	color: #000;
	font-size: 16px;	
	text-align: left;
font-family: 'Nanum Gothic', sans-serif;
	letter-spacing: 0.10em;
	line-height: 2.0em;
	padding-top: 0px;
	margin-top: 0px;	
	}

p.thumbs {
	color: #505050;
	font-size: 14px;
	text-align: center;
	font-family: 'Anton', sans-serif;
	letter-spacing: 0.10em;
	padding-top: 0px;
	margin-top: 0px;	
}

p.modaltext {
color: #000000;
	font-size: 1.2em;
		text-align: center;
font-family: 'Oswald', sans-serif;
	letter-spacing: 0.10em;
	line-height: 1.8em;
	padding: 0px 12px 0px 12px;
	margin-top: 0px;	
}


p.buy {
color: #FFF;
background-color: #000;
width:50%;
margin: auto;
	font-size: 1.2em;
		text-align: center;
font-family: 'Oswald', sans-serif;
	letter-spacing: 0.10em;
	line-height: 1.8em;
	padding: 0px 12px 0px 12px;
	margin-top: 0px;	
}

hr.new1 {
  border-top: 1px solid red;
}



/*---------------color themes--------------------------*/

.w3-theme-l5 {color:#ffffff !important;background-color:#0094bc !important}

.w3-theme-l4 {
	color:#ebfffb !important;
	background-color:#ffffff !important
	padding: 64px;
}
/*---------------title background on pop up--------------------------*/
.w3-theme-l3 {color:#000 !important;background-color:#000000 !important}

.w3-theme-l2 {color:#f200ff !important;background-color:#352d4d !important}
.w3-theme-sl {color:#fff !important;background-color:#329 !important}
.w3-theme-he {color:#fff !important;background-color:#9f810f !important}
.w3-theme-mini {color:#fff !important;background-color:#00bad0 !important}
.w3-theme-wi {color:#fff !important;background-color:#4d4d4d !important}
.w3-theme-if {color:#fff !important;background-color:#74a5e4 !important}
.w3-theme-bb {color:#fff !important;background-color:#e4a8f0 !important}
.w3-theme-bc {color:#fff !important;background-color:#d02800 !important}
.w3-theme-ei {color:#fff !important;background-color:#ef7300 !important}
.w3-theme-birdcards {color:#fff !important;background-color:#3163c8 !important}
/*---------------unpublished--------------------------*/
.w3-theme-gg {color:#fff !important;background-color:#814900 !important}
.w3-theme-wo {color:#fff !important;background-color:#566746 !important}




/*---------------these themes unused--------------------------
.w3-theme {color:#fff !important;background-color:#1cfff8 !important}
.w3-theme-light {color:#000 !important;background-color:#c7f7ff !important}
.w3-theme-dark {color:#fff !important;background-color:#005860 !important}

.w3-theme-l4 {color:#000 !important;background-color:#fff58d !important}
.w3-theme-l3 {color:#000 !important;background-color:#ffe600 !important}
.w3-theme-l2 {color:#fff !important;background-color:#faffe8 !important}
.w3-theme-l1 {color:#fff !important;background-color:#f7ffe3 !important}
.w3-theme-d1 {color:#fff !important;background-color:#3949ab !important}
.w3-theme-d2 {color:#fff !important;background-color:#303f9f !important}
.w3-theme-d3 {color:#fff !important;background-color:#283593 !important}
.w3-theme-d4 {color:#fff !important;background-color:#1a237e !important}

.w3-theme-numbers {color:#fff !important;background-color:#311b92 !important}
.w3-text-theme {color:#1a237e !important}
*/

/*---------------magnifying glass--------------------------*/
* {box-sizing: border-box;}

.img-magnifier-container {
  position:relative;
}

.img-magnifier-container2 {
  position:relative;
}

.img-magnifier-container3 {
  position:relative;
}



.img-magnifier-glass {
  position: absolute;
  border: 3px solid #000;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 140px;
  height: 140px;
}


* {box-sizing:border-box}
body {font-family: Verdana,sans-serif;margin:0}
.mySlides {display:none}//÷÷

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.active, .dot:hover {
  background-color: #FFF;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 6s;
  animation-name: fade;
  animation-duration: 2s;
}

/* Fading animation
.fade {
  animation-name: fade;
  animation-duration: 4s;
} */

@-webkit-keyframes fade {
  from {opacity: .0} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .0} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}