/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}





/*
these things seem useless for font import, dont seem to work:
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Vollkorn:400,600');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:600');
...need to define fonts via links to google stylesheets in header of all docs
*/



body {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  background:#ded8d0;
  margin: 0px;
  padding: 0px;
}

.mainwrapper {
	position:relative;
	max-width:1100px;
	margin: 0 auto;
	float: none;
	overflow:hidden;
	background:white; 
	border:1px solid rgba(0,0,0,0.7);
}
@media (max-width:1100px) {
	.mainwrapper { border:none }
}


#page-footbar {
	width:100%;
	box-sizing:border-box;
	height:60px;
	border-top:1px solid rgba(0,0,0,0.5);
	//background:white;
	background:#afaca2;
	background-image: url("/pics/holiday/ib142.15header.jpg")}


.bgheader {
  background-image: url("/pics/holiday/ib142.15header.jpg")/* this code can be used to darken background images: 
		background:
        linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), 
		url("/pics/holiday/ib142.15header.jpg");
*/	
}
.bgbody {
  background-image: url("/pics/holiday/ib142.15header.jpg");}
.bgfooter { 
  background-image: url("/pics/holiday/ib142.15header.jpg")}


/*---BACKGROUND COLORS---*/
.bgblack { background-color:#000000; }
.bgdark { background-color:#5c5c45; }
.bgmed { background-color:#afaca2; }
.bglight { background-color:#ded8d0; }
.bgmenudark { background-color:#3c3c25; }
.bgmenulite { background-color:#484c30; }
.nobr {white-space: nowrap;}


/*---WIDTH & ALIGNMENT---*/

.fullw { 
	width:100%;
	box-sizing: border-box; /*dont let borders/padding push elements outside box*/
}
.lfloat {  float: left; }
.rfloat {  float: right; }
.right { text-align:right; }
.left { text-align:left; }
.center { text-align: center; }
.center table { margin-left: auto; margin-right: auto; text-align: left; }
.top { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }
.inblock { display: inline-block; }

.center_absolute {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}


/* TEXT */

a, a:hover {color: #880000; text-decoration: none; border: none;}

	
h1 {
	font-family: 'EB Garamond', serif;
	font-size:30px;
	letter-spacing:-0.02em;
	word-spacing:0.12em;
	text-decoration: none;
	//color: #3c3c25;
	color: rgba(0,0,0, 0.6);
    font-weight: 600;
	
	/*here is an alt in straight black type*/
	/*nb need to add 500 wt font download to header info for this to work*/
	//font-weight:500;
	//color:black;
	//color: rgba(0,0,0, 0.9);
	//letter-spacing:-0.4px;
	
	display: inline-block;
	margin: 0px 5px;
}


.hd1 {
	margin: 10px 0px 5px 0px;
}
@media (max-width: 767px) {
	h1 {
		font-size: 27px;
		xletter-spacing: -1px;
		word-spacing: 2px;
	}
}


/*---LIGHT-ON-DARK TEXT FOR MY OLD MENUBARS---*/
.menutxt {
  font-size: 16px;
  color: #FFFFFF;
}
.menutxt a {
  color: #FFFFFF; 
}

/*---MENUBAR---*/
.menubar {
  background: #3c3c25; 
  padding:11px 20px;
  border-style:solid;
  border-color:#000000;
  border-bottom-width: 1px;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}


/*--animate 'live' linked pics, divs, etc. by fading on hover--*/
a .live:hover { 
	opacity: 0.7; 
}


/*---PUT BORDER AROUND LINKED IMAGES, WHICH CHANGES ON MOUSEOVER---*/
.borderit img{ border: 1px solid #000000; display: inline-block; }
.borderit:hover img{ border: 1px solid #AAAAAA; }

.blkborder { border:1px solid black; }

.padded_txt { padding:15px; }


/*---FORM FIELDS---*/
input
{
padding-left:3px;
}


/*---HERE IS A PILE OF JUNK ALL USED ONLY FOR THE ADDRESS PANEL ON CONTACT.PHP PAGE:---*/


.contactbox {
  padding: 15px 10px;
  margin: auto;
  max-width: 300px;
  font-weight: bold;
  background: white;
  border: 1px solid black;
  }

  
  
/* MASONRY: BELOW IS NEW ADDITIONAL STUFF FOR MASONRY USE ON GALLERY PAGES: */

/* ---- grid ---- */

.masonry-grid {
	background: transparent; 
	margin: auto;
}

.items-div {
	padding: 10px 5px 10px 5px; 
}


/* ---- grid-item ---- */
.grid-item {
   margin: 0px;
   padding: 0px;
   min-height: 10px;
   min-width: 10px;
}


/* grid of preview imgs on home page */
#home-prevs-grid .grid-item {
	//margin:4px;  /*for spaced version*/
}
/*div wrapping prev img grid on home page*/
#prevs-div {
	padding: 0px;
	margin: auto;
	//background: black;
	height: 400px;
	overflow: scroll;
	overflow: hidden;
}

/*item-of-day img on home page*/
.setsizef {
	max-width: 96vw;
	height: auto;
	margin: 0px;
	padding: 0px;
}
/*prevpics for homepage grid*/
.setsize3 {
	max-width: 45vw;
	height: auto;
	margin: 0px;
	padding: 0px;
}

/*series of media calls adjusting home prevs and image-of-day for dif sizes and mobile*/

@media (min-width: 350px) {
	#prevs-div {
		height: 450px;
	}
}
@media (min-width: 400px) {
	.setsize3 {
		max-width: 31vw;
		height: auto;
	}
	#prevs-div {
		height: 500px;
	}
}
@media (min-width: 500px) {
	.setsizef { 
		max-width: 470px;
		height: auto;
	}
	.setsize3 {
		max-width: 30vw;
		height: auto;
	}
}
@media (min-width: 768px) {
	.setsizef { 
		max-width:45vw;
		height: auto;
	}
	.setsize3 {
		max-width: 17vw;
		height: auto;
	}
	#prevs-div {
		height: 650px;
		overflow: hidden;
	}
}
@media (min-width: 800px) {
	.setsize3 {
		max-width: 18vw;
		height: auto;
	}
}
@media (min-width: 900px) {
	.setsize3 {
		max-width: 15vw;
		height: auto;
	}
}
@media (min-width: 1000px) {
	.setsizef {
		max-width: 500px;
		height: auto;
	}
	.setsize3 {
		max-width: 130px;
		height: auto;
	}
}

/*pseudo-grid-item message div, to add into homepg prevs grid*/
.grid-message {
	//background:black; 
	bacgkground:transparent;
	padding:7px 9px 9px 9px;
	box-sizing:border-box;
}
.grid-message span {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:17px;
	line-height:19px;
	//color:white;
	color:black;
}


/* div 2 darken edges of homepg prv-grid imgs & make hover-reactive */
.darkedge {
	position:relative;
	margin:0;
	padding:0;
	border:none;
	display:inline-block;
}
.darkedge:after {
		//box-shadow: inset 0px 0px 55px 3px rgba(0,0,0,0.15); /*for spaced version*/
	box-shadow: inset 0px 0px 55px 3px rgba(0,0,0,0.1); /*for nospace vers*/
	//background:rgba(0,0,0,0.05); /*for spaced version*/
	background:rgba(0,0,0,0.03); /*for nospace vers*/
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}
.darkedge:hover:after {
	background:rgba(255,255,255,0.4);
}



/*newsboxes on home page*/
.newsbox {
	max-width:400px;
	margin:0px auto;
	padding:10px 5px;
	font-size: 15px;
	text-align: left;
}
.newsbox img[src$="jpg"] {
	float:left;
	margin:-7px 9px -7px 0px;
}
.newsbox:after {  /*clearfix*/
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}
a div.newsbox:hover {
	opacity:0.6;
}


.clearfix::after { 
   content: " ";
   display: block; 
   height: 0;
   clear: both;
}

/*display links list as active textblocks*/
.blocks-list { 
	list-style-type: none; 
	margin: 0px auto;
	padding: 0;
	display:inline-block;
	}
.blocks-list li {
	background: rgba(0,0,0, 0.06);
	font-weight: medium;
	font-size: 18px;
	padding: 5px 8px;
	border: 1px solid rgba(0,0,0, 0.4);
	margin:8px 3px;
	display:inline-block; /*horizontal layout; change 2 display:block for vertical stack*/
	}
.blocks-list li:hover { 
	background:transparent;
	border:1px solid black; 
	opacity:0.8;
	}


/*FORMER STYLE: images w wrapping for img-only idx pages: */
.xpoppic img{
	box-shadow: 5px 5px 8px #333333;
    border: 1px solid #FFFFFF;
	margin: 5px;
}
.xpoppic:hover img{ border: 1px solid #000000; }
.xsetsize img{
	display: block;
	max-width:180px;
	width: auto;
	height: auto;
}
@media (max-width: 767px) {
	.xsetsize img { max-width: 40vw; }
}
@media (max-width: 450px) {
	.xsetsize img { max-width: 80vw; }
}


/*CURRENT, 'CLEAN' STYLE: images for img-only idx pages: */
.poppic img {
	margin:5px 4px;
}
.poppic:hover img { opacity:0.6; }
/*images for above*/
.setsize img{
	display: block;
	max-width:240;
	height: auto;
}
@media (max-width: 800px) {
	.setsize img { max-width:30vw; }
	.poppic img  { margin:4px 3px; }
}
@media (max-width: 600px) {
	.setsize img { max-width: 46vw; }
}
@media (max-width: 400px) {
	.setsize img { max-width: 95vw; }	
	.poppic img  { margin:8px 2px; }
}


/*CURRENT, 'CLEAN STYLE: thumbnail pic and wrapping for thumbnail-only idx pages: */
.popprev img {
	margin:7px 6px;
	border:1px solid black;
}
.popprev:hover img { opacity:0.6; border: 1px solid rgba(0,0,0,0.5); }

@media (min-width:380px) and (max-width: 450px) {
	.popprev img { margin:4px 3px; }
}
@media (min-width:360px) and (max-width: 380px) {
	.popprev img { 
		margin:0px 0px; 
		border:none;
	}
}



/* FORMER STYLE: images & boxes for img+text idx pages: old-style in colored box:*/
.xitembox1 {
  margin: 5px;
  padding: 8px;
  max-width: 220px;
  background: #ded8d0;
  border: 1px solid #000000;
}
.xitembox1:hover { box-shadow: inset 0 0 200px 200px rgba(255, 255, 255, 0.2); }
.xitembox1:hover img{ opacity: 0.6; }
.xitembox1:hover span{ opacity: 0.4; }
/* images for above: */
.xsetsize1 img{
	display: block;
	max-width:220px;
	width: auto;
	height: auto;
}
@media (max-width: 768px) {
	.xitembox1 {
		max-width: 260px;
	}
	.xsetsize1 img {
		max-width: 260px;
	}
}

/*CURRENT, 'CLEAN STYLE: special testing adjustments: belong in gallery.css file*/
/* images & boxes for img+text idx pages: */
.itembox1 {
  margin:7px 5px;
  max-width:230px;
  background:transparent;
}
.itembox1 span {
	font-size: 16px;
	line-height: 17px;
}
.itembox1:hover img { opacity: 0.6; }
.itembox1:hover span{ opacity: 0.4; }
/* images for above: */
.setsize1 img{
	display: block;
	max-width:230px;
	height: auto;
}
@media (max-width: 1000px) {
	.itembox1     { margin:6px 4px; }
}
@media (max-width: 767px) {
	.itembox1     { max-width:30vw; margin:5px 2px; }
	.setsize1 img { max-width:30vw; }
}
@media (max-width: 600px) {
	.itembox1     { max-width:45vw; margin:5px 3px; }
	.setsize1 img { max-width: 45vw; }
}
@media (max-width: 390px) {
	.itembox1     { max-width:95vw; }
	.setsize1 img { max-width:95vw; }
}



/* thumbnail + txt boxes used on some idx pages: */
.thumbcard {
	height: 125px;
	width: 300px;
	overflow: hidden;
	display: inline-block;
	background: #ded8d0;
	font-size: 14px;
	border: solid 1px rgba(0,0,0 ,0.6);	
	padding: 6px 5px 5px 5px;
	margin: 4px;
}
.thumbcard img {
	float: left;
	border: solid 1px rgba(0,0,0, 0.4);
	margin: 1px 5px 3px 0px;
}
.thumbcard:hover { box-shadow: inset 0 0 200px 200px rgba(255, 255, 255, 0.2); border: solid 1px rgba(0,0,0 ,0.3); }
.thumbcard:hover img{ border: solid 1px rgba(0,0,0 ,0.2); opacity:0.6; }
.thumbcard:hover span{ opacity: 0.4; }

	


/* NEW STUFF FOR HELP WITH MOBILE INDEX PGS &CT */

#toplogos {
	padding-left: 15px;
	}
#topmenua, #topmenub {
   display: inline-block;
   }
#topmenubar {
   display: flex;
   justify-content: space-between;
}
@media (max-width: 450px) {
	#topmenubar {
      display: inline-block;
	  width: 100%;
	}
}


/* FOR ITEM PAGE: */


/* scale item descr imgs down for smaller browser win */
.scale4user, .scale4user img[src$=".jpg"] {
	max-width: 80vw;
	//min-width: 250px;
	width: auto;
	height: auto;
	}
@media (max-width: 500px) {
	.scale4user, .scale4user img[src$=".jpg"] {
		max-width: 90vw;
	}
}
	
/*div enables img scaling, pop-out from enclosing divs on mobile*/
.imgsizer {
	//border:1px solid black;
	border:none;
	background:transparent;
	padding:0;
	margin:0;
}
.imgsizer img {
	max-width: 90vw;
	width: auto;
	height: auto;
	//border:1px solid rgba(0,0,0, 0.2);
}
@media (max-width:500px) {
	.imgsizer {
	  width:300%;
	  margin-left:-100%;
	  overflow:auto;
	}
	.imgsizer img {
	  max-width:98vw;
	  width:auto;
	  height:auto;
	}
}
	
	

/* used for purchase-this-item links, contact form: */
.roundbutton {
	display: block;
	height: 46px;
	width: 230px;
	xbox-sizing: border-box;
	margin: 15px auto;
	padding: 6px 0px 10px 0px;
	box-sizing: border-box; /*dont let borders/padding push elements outside box*/
	background: #3c3c25;  /* darkest menu color */
	border:none;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 600;
	letter-spacing:0.1px;
	text-decoration: none;
	color: white;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.roundbutton:hover {
	background: #484c30; /*lighter menu color*/
	color:white;
}





/* category previews on main idx page: */
.catbox {
	display: inline-block;
	background: #ded7cc; /*bglight*/
  	box-shadow: 5px 5px 8px #333333;
    border: 1px solid #FFFFFF;
	padding: 4px;
	margin: 4px;
}
.catbox img{
	border: solid 1px black;
	margin: 0px 0px 6px 0px;
	width: 120px;
	height: auto;
}
.catbox:hover { border: 1px solid #000000; }

}
@media (max-width: 760px) { /* hide some divs on mainidx page */
    .hide760 {
		display: none;
	}
}
@media (max-width: 400px) { /* mainidx page */
	.catbox {
		padding: 2px;
	 }
}


/* OLD-TO BE REPLACED- Container holding the cat image and the text on visual idx pages:*/
.catbox3 {
    position: relative;
	display: inline-block;
	width: 145px;
    text-align: center;
    color: white;
	font-weight: regular;
	text-decoration: none;
	font-size: 16px;
	margin: 6px;
}
.catbox3 img {
	width: 145px;
	height: auto;
}
/* Bottom left overlay text */
.overlaytxt {
    position: absolute;
    bottom: 1px;
    left: 1px;
	background: rgb(0, 0, 0); /* fallback color */
    background: rgba(0, 0, 0, 0.5);
    padding: 4px 10px 4px 10px; 
}

/*change backgr for these idxs*/
.cats-div {
	padding: 10px 5px 10px 5px; 
}
@media (max-width: 340px) {
	.cats-div {
		padding: 5px 0px;
		margin: 0px;
	}
}
@media (max-width: 590px) {
	.catbox3 {
		margin: 1px;
	}
}

/* NEW STYLE - TO REPLACE CATBOX3 - Container holding the cat image and the text on visual idx pages:*/
.catbox4{
    position: relative;
	display: inline-block;
	width: 145px;
    text-align: center;
	color:black;
	font-weight: regular;
	text-decoration: none;
	font-size: 16px;
	margin: 8px;
	border:1px solid rgba(0,0,0,0.8);
}
.catbox4 img {
	width: 145px;
	height: 145px;
}
/* Bottom left overlay text */
.overlay-text {
    position: absolute;
	bottom:0px; 
	left:0px;
	background:white;
	background: rgba(255,255,255,1);
	padding:2px 7px 1px 6px;
}
.overlay-text-rev {
    position: absolute;
	bottom:0px; 
	left:0px;
	background: rgb(0, 0, 0); /* fallback color */
    background: rgba(0, 0, 0, 0.5);
    padding: 4px 10px 4px 10px;
	color: white;
}
.overlay-count {
	position: absolute;
	top:0px; 
	right:0px;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	font-size:14px;
	color:rgba(255,255,255,0.9);
	background: black; /* fallback color */
    background: rgba(0, 0, 0, 0.5);
	padding: 0px 5px 1px 5px;
}
.catbox4:hover img { opacity:0.6; }

.cats-div {
	padding: 10px 5px; 
}
@media (max-width: 340px) {
	.cats-div {
		padding: 5px 0px;
		margin: 0px;
	}
}
@media (max-width: 590px) {
	.catbox4 {
		margin: 1px;
	}
}



/* stuff used on main site pages....*/




/* STARTING NEW STUFF FOR MOBILE PAGE ADAPTS... */


#centerwrapper {
	//padding: 5px 15px;
	padding:5px;
	//min-height: calc(100vh - 180px); /*make sure page takes min full browser height after head/footer*/
	min-height: calc(100vh - 450px); /*reqd height w new larger footers 2019*/
	box-sizing: border-box; /*dont let borders/padding push elements outside box*/
	// overflow: auto; /*prevent collapsing margin*/
	/* ...but causing issue with main itm pic div position in mobile so tried removing 8/4/2022 */
}


.halfcolumn {
	display:inline-block; 
	width: 45%; 
	margin: 15px;
	box-sizing: border-box; 
}
contact_formwrap {
	padding: 15px;
}

@media (max-width: 767px) {
	#centerwrapper {
		padding: 0px;
	}
	.halfcolumn {
		width: 100%;
		margin: 0px;
	}
}
@media (max-width: 400px) {
	.contact_formwrap {
		padding: 0px;
	}
}

/* hide-and-show */
.hidden {
	display: none !important;
}
@media (max-width: 767px) {
	.hide4mobile {
	  display: none !important;
	}
}
@media (min-width: 768px) {
	.hide4desktop {
	  display: none !important;
	}
}
/* make element invisible-inaccessible, but keep place in layout */
.whiteout { visibility: hidden; }

	
.prevcube {
	display:inline-block;
    margin: auto;
	text-align: left;
	padding: 15px;
	background-color: transparent;
}



/* styles for combining 2 SMARTMENUS menubars into one (vers2) */

#dualmenubar {
	position: relative;
	//margin-top: 5px;
	margin-top: 0px;
	height: 39px; /*this is current "native" height of contained menubars w/o border */
	width: 100%;
	box-sizing: border-box; /*dont let borders/padding push elements outside box*/
	//background: transparent;
	background: #eeeeee;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	height: auto;
}
#menupart1 {
	position: relative;
	left: 0;
	top: 0;
	box-sizing: border-box; /*dont let borders/padding push elements outside box*/
	z-index: 102;
}
#menupart1-wrapper {
	box-sizing: border-box; /*dont let borders/padding push elements outside box*/
	height: 38px;
	padding-right: 45px;
	z-index: 200;
	}
#menupart2 {
	position: absolute;
	right: 0;
	top: 0;
	width: 230px;
	box-sizing: border-box; /*dont let borders/padding push elements outside box*/
	z-index: 101;
}

/* ...END OF styles for combining 2 SMARTMENUS menubars into one: */





/*drop-shadow for transparent gifs, pngs - first 2 lines for IE and suchlike */
.shadowed img {
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#444')";
	filter: url(#drop-shadow);
	-webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.5)) drop-shadow(-1px -1px 2px rgba(0,0,0,0.5));
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.5)) drop-shadow(-1px -1px 2px rgba(0,0,0,0.5));
}
/*shadow for small white txt */
.shadowed {
	text-shadow: 1px 1px 2px rgba(0,0,0,1), -1px -1px 2px rgba(0,0,0,1), 2px 2px 2px rgba(0,0,0,0.5);
}


	
/* STYLES FOR NEW ALL-TEXT HEADER &CT IN TOP MENU */

.inhead {
	display: inline-block;
	vertical-align: bottom;
}
#toplogos {
	padding-left: 0px;
}
#bighead1 {
	height: 75px;
	background: black;
	text-align: left;
}
#bighead1 span {
	font-family: 'EB Garamond', serif;
	font-weight:400;
	font-size:28px;
	line-height:26px;
	color: white;
	background: transparent;
}
/*--expand blk bkgr to screen wdth on small mobile--*/
@media (max-width:360px) {
	#bighead1 {
		width:100%;
	}
}
#cwfp_logo {
	display: inline-block;
	vertical-align: top;
	margin-top:10px; 
	margin-left:25px;
	margin-right:18px;
}

/* LARGE TEXT TITLES SHOWN IN HEADER FOR SOME PAGES: */
#headertitle {
	margin-left: 35px;
	margin-bottom: 22px;
}
#headertitle span {
	font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	font-weight: 600;
	letter-spacing: -.01em;
	color: white;
	line-height: 32px;
	background: rgba(0,0,0,0.1);
}


	
/* KLUDGE: just for unrevised gals (sg past, special exhibits) that don't use "hide4mobile" on toplogo2: */
@media (max-width: 767px) {
	#toplogo2 {
		display: none !important;
	}
}

	
/*vertically center a div in parent div:*/
.vcenter {
  display: flex;
  justify-content: center;
  align-items: center; 
}

/*horizontally justify elements, equal space between:*/
.justify-content {
	display: flex;
	justify-content: space-between; 
}



/* tables generated by tm.pl or tm.php: */
.tmtable {
	border: 1px solid black;
	border-spacing: 0px;
	border-collapse: collapse;
}
.tmtable td {
	border: 1px solid black;
	padding: 5px 15px;
	min-width: 60px;
}
/* .tmtable mobile display: */
@media (max-width: 767px) {
	.tmtable {
		border: 0px;
		border-spacing: 2px;
		border-collapse: separate;
		margin: 0px 2px 0px 4px;
		margin: auto;
	}
	.tmtable td {
		border: 0px;
		padding: 6px 3px;
		min-width: 5px;
	}
}


/*ALL THIS OLD STUFF FOR IDX AND ITM NAV IS BEING REPLACED BELOW*/
/*nav pagebar (list of pagenums+current page+arrows) on gallery idx pages:*/
.pagebar {
    list-style-type: none;
    margin: 0;
    padding: 0;
	display: inline-block;
}
.pagebar li {
    float: left;
}
.pagebar li a {
	display: block;
	padding: 5px 2px;
	color: white;
    text-align: center;
    text-decoration: none;
	margin: 2px 0px;
}
.pagebar li a:not(.navarrow){
	padding: 5px 6px;
}
.pagebar li a:hover:not(.active):not(.navarrow) {
	background: rgba(0,0,0,0.4);
}
.pagebar .active {
	background: rgba(0,0,0,0.2);
}
/* styles for both item and idx navbar (galleries): */
.inav {
	padding: 2px 6px; 
	border-top:1px solid rgba(0,0,0,0.5);
	border-bottom:1px solid rgba(0,0,0,0.5);
	display: inline-block;
	position: relative;
	min-height: 38px;
}
.inav, .inav a { color: white; }
.inav img { opacity: 0.5; }
.inav img:hover { opacity: 0.8; }

/*TESTING....*/
/*these can make white on dark txt stand out more...*/
.inav-idx span { text-shadow: 1px 1px 4px rgba(0,0,0,0.3); }
.pagebar { text-shadow: 1px 1px 4px rgba(0,0,0,0.3); }

/*adjust to inav for idx pgs only*/
.inav-idx span { vertical-align: -21px; }

/*adjusts to inav for itm pgs only*/
.inav-itm span { vertical-align: 3px; }
.inav-itm div { display: inline-block; }

/*style for itm pages*/
.liteup img { opacity: 1; }



/*NEW, 'CLEAN' LOOK - STYLES FOR GALLERY INDEX PAGES NAVIGATION BARS*/

/*pagebar (list of pagenums+current page+arrows) on gallery idx pages:*/
.pagebar2 {
    list-style-type: none;
    margin: 0;
    padding: 0;
	display: inline-block;
	margin-left:-5px;
	margin-right:-5px;
}
.pagebar2 li { float: left; }
.pagebar2 li a {
	display: block;
	padding: 4px 4.5px; 
	margin:0px 0.5px;
    text-align: center;
    text-decoration: none;
	color:black;
	font-family:'Open Sans', sans-serif;
	font-weight:400px;
	min-width:20px;
}
.pagebar2 li a:not(.active) { border:1px solid rgba(0,0,0,0.15); }
.pagebar2 li a:hover:not(.active) { background: rgba(0,0,0,0.1); border:1px solid rgba(0,0,0,0.5); }
.pagebar2 .active { border:1px solid rgba(0,0,0,0.9); }
.pagebar2 .active { pointer-events:none; cursor:default; } /*inactivate cursor over curr pg*/

/*hide expendable pagelinks if space is short*/
@media (max-width:355px) {
	.pagebar2 .xtra { display:none; }
}

#galblurb {
	max-width: 600px; 
	padding: 10px; 
	margin: 10px auto 20px auto;
	//border:1px solid rgba(0,0,0,0.6);
}
.gbtxtblurb {
	display:inline-block; 
	padding:10px 15px;
	border:1px solid rgba(0,0,0,0.6);
}
.gbtitle {
	display:block; 
	margin:0px auto;
	color:black; 
	font-weight:bold; 
	font-size:18px; 
	padding-bottom:2px;
}
.gbtext {  }
.gblinkout { font-weight:bold; }


/* idx pages navbar (galleries): */
.galnav {
	display: inline-block;
	position:relative;
	//background:transparent;
	padding:8px 22px;
	text-align:center;
	color:black;
}
.galnav-top {
	//border-bottom:1px solid rgba(0,0,0,0.2);
	margin-bottom:15px;
	min-height:60px;
}
.galnav-foot {
	//border-top:1px solid rgba(0,0,0,0.2);
	//border-bottom:1px solid rgba(0,0,0,0.2);
	margin-top:15px;
	margin-bottom:15px;
}

.search-blurb {
	color:black;
	text-align:left; 
	float:left;
	padding-top:1px;
  /*for desktop clipping*/
	max-width:300px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	padding-bottom:2px; /*undo bottom clipping from 20px line-height*/
	margin-bottom:-2px;
}
a .search-blurb:hover span { opacity:0.6; }

.search-prefix { 
	display:inline-block; 
	padding-bottom:2px;
	padding-right:4px;
}
.search-descr {
	font-family:'Open Sans', sans-serif;
	font-weight:600;
	font-size:18px;
	line-height:20px;
}
.items-count {
	float:right;
	text-align:right;
	min-width:120px;
	padding-top:24px;
}


.itmhead-title, .itmhead-detailsnote {
	display:inline-block;
	text-align:left;
	color:black;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:20px;
}
.itmhead-title-artist { font-weight:600; }

.itmhead-title {
  /*for desktop clipping*/
	max-width:200px;
	max-width: calc( 100% - 600px );
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
.itmhead-detailsnote { 
	font-size:18px; 
	font-weight:600; 
	display:none; 
}
/*if screen too small, subst note for itm title*/
@media (min-width:768px) and (max-width:850px) {
	.itmhead-title { display:none; }
	.itmhead-detailsnote { display:inline-block; }
}



/*position elements for top and bottom bars*/
.mobispacer { display:none; }
.galnav-top .pagebar2 { 
	padding:18px 10px 0px 10px; 
	margin-bottom:-10px;
}
.galnav-foot .search-blurb { padding-top:4px; }
#galnav-itm-foot .search-blurb { max-width:500px; width:auto; }
.galnav-foot .items-count { padding-top:7px; }
.itmhead-title { margin-top:4px; margin-bottom:-5px; }
.itmhead-detailsnote { padding-top:14px; }


.galnav-top .pagebar2.itemsbar { float:right; }
.galnav-foot .pagebar2.itemsbar { float:none; }


/*adjust for mobile display*/
@media (max-width:767px) {
	.mobispacer { display:block; }
	.galnav {
		padding-left:2px;
		padding-right:2px;
	}
	.itmhead-title,
	.galnav-top .search-blurb, .galnav-foot .search-blurb,
	.galnav-top .items-count, .galnav-foot .items-count, 
	.galnav-top .pagebar2, .galnav-foot .pagebar2, 
	.galnav-top .pagebar2.itemsbar, .galnav-foot .pagebar2.itemsbar { 
		float:none;
		margin:0px;
		padding:0px;
		text-align:center;
	}

	.galnav-top .search-blurb, .galnav-foot .search-blurb, 
	#galnav-itm-foot .search-blurb {
		margin-left:5px;
		margin-right:5px;
	  /*for mobi clipping*/
		width:auto;
		max-width: none;
		max-height:44px;
		overflow:hidden;
		white-space: normal;
		text-overflow:clip;
		padding-bottom:2px; /*undo bottom clipping from 20px line-height*/
		margin-bottom:-2px;
	}
	.itmhead-title {
		margin-left:5px;
		margin-right:5px;
	  /*for mobi clipping*/
		width:auto;
		max-width:none;
		white-space: normal;
		max-height:40px;
		overflow:hidden;
	}
}



.visidx-blurb {
	display:inline-block;
	font-family:'Open Sans', sans-serif;
	color:black;
	font-size:18px;
}
.visidx-prefix {
	display:inline-block;
	padding-right:10px;
	font-weight:400;
}
.visidx-text {
	font-weight:600;
}
.visidx-blurb { padding-top:12px; }

.mainidx-link {
	padding:3px 10px 4px 10px;
}
.mainidx-link span {
	display:inline-block;
	font-family:'Open Sans', sans-serif;
	color:black;
	font-size:18px;
	font-weight:600;
}
a .mainidx-link:hover span { opacity:0.6; }




/* ICONS USED ON VARIOUS PAGES */


/*below 2 need to be removed when all uses updated to css arrows not pngs*/
.navarrow img { 
	height:18px;
	width:26px;
	opacity:0.8;
	padding-left:2px;
	padding-right:2px;
}
.navarrow img:hover { opacity: 0.8; }



.triangle-left {
	display:inline-block;
	background:transparent;
	height:0;
	width:0;
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-right: 26px solid black;
}
.triangle-right {
	display:inline-block;
	background:transparent;
	height:0;
	width:0;
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-left: 26px solid black;
}




/*uparrow in hollow "v" shape*/
.veeup {
  object-fit: cover;
  width: 26px;
  height: 16px;
  margin:-5px 0px;
  vertical-align:5px;
}

.vee-horizontal {
  object-fit: cover;
  width: 14px;
  height: 22px;
  margin:-3px 0px;
  vertical-align:-2px;
}


/* add magnifier icon on gallery idx */
#magnifier_icon {
	  width: 18px;
	  height: auto;
	  padding-left: 13px;
      margin-left: 0px;
	  vertical-align: -15%;
}
/* cw... add magnifier icon on gallery idx */
#eye_icon {

	  padding-left: 13px;
      margin-left: 0px;
	  vertical-align: -15%;
  object-fit: cover;
  width: 24px;
  height: 18px;
  //padding: 0px 5px;
  //vertical-align: middle;
}


/* */
/* STYLING FOR THE GALLERY ITEMS SEARCH BAR... */

/*------- the search panel wrapper ------*/
#searchbox-wrapper {
	display:inline-block;
	box-sizing:border-box;
	float:left;
	padding:0px;
	margin:0px;
	background: transparent;
	border:1px solid rgba(0,0,0,0.6);
	box-shadow: 0 0 10px rgba(0,0,0,0.6);
	width:240px;
	//box-shadow: 0 0 0 1px rgba(0,0,0,0.5) inset; /* create inner border w box shadow */
}

/*------- search form (set for autocomplete) ------*/
#search-form { 
	display:inline-block; 
	box-sizing:border-box;
	margin:0;
	//width:310px;

	/*to place in banner:*/
	//position:absolute;
	//left:300px;
	//top:-42px;
}
/* easy autocomplete builds div around sugg list w class .easy-autocomplete-container */
/* want to change this div from postn abs to postn rel so dropdown stays within div 'searchbox-wrapper' */
/* To make this change in just one form not globally, ref eac div via name of containing form as follows: */
#search-form #searchbox-wrapper > div > div {
	position:relative;
}
/*also rem weird padding on eac sugglist dropdown bottom*/
#search-form #searchbox-wrapper > div > div ul li:last-child {
  margin-bottom:-17px;
}

#search-form, #search-form a, #search-form input {
	text-align: left;
	color: black;
	font-family:'Roboto Condensed', sans-serif; 
	font-size:17px;
	line-height:18px;
}
#search-form input {
	box-sizing: border-box;
	border:none;
	border-radius:0;
	border:1px solid transparent;
	margin:0;
	padding:0;
	padding-left:6px;
	font-family:'Roboto Condensed', sans-serif;
	font-size:17px;
	width:238px;
	height:30px;
}
#search-form input:focus, #search-form input:hover {
    outline: none;
	border:1px solid rgba(0,0,0,0.2);
}

/*------- search form button ------*/
#search-form-button {
  box-sizing: border-box;
  float: left;
  //cant use becuz of curr styles locatn: background: #5c5c45;
  color: white;
  border: 1px solid black;
  box-shadow: 0 0 10px rgba(0,0,0,0.6);
  border-left: none;
  cursor: pointer;
  height:32px;
  width:70px;
  overflow:hidden;
}
#search-form-button span {
  font-family: 'Roboto Condensed', sans-serif; 
  font-size:18px; 
  padding-left:4px; 
  padding-right:3px;
}
#search-form-button:hover {
  //cant use becuz of curr styles locatn: background: # #afaca2;
  //opacity: 0.8;
  background:black;
}

/*------- the links list (my indexes) ------*/
#searchbar-linklist {
	display:none;
	box-sizing:border-box;
	padding:5px 5px 10px 5px;
	width:230px;
}
#searchbar-linklist ul {
	list-style:none;
	box-sizing:border-box;
	margin:0;
	padding:0px;
	text-align:left;
}
#searchbar-linklist li a {
	box-sizing:border-box;
	display:block;
	width:220px;
	padding:6px 10px;
	color:black;
	border:1px solid transparent;
}
#searchbar-linklist li a:hover {
	background:white;
	border:1px solid rgba(0,0,0,0.6);
}
#searchbar-linklist .icon-eye {
	padding:0px 3px 0px 6px;
	margin:-6px 0px;
	font-size:20px;
	vertical-align:-2px;
	opacity:0.8;
}
#searchbar-linklist .icon-home-wide {
	padding-right:4px;
	margin:-6px 0px;
	font-size:20px;
	vertical-align:1px;
	opacity:0.8;
}

/*classes to let jscript open/close searchbox menu:*/

/* searchbox CLOSED */
#searchbox-wrapper.closed { 
	background:transparent; 
	border-color:rgba(0,0,0.0.6);
}
#searchbox-wrapper.closed input::placeholder {
	color:black;
	opacity:1;
}
#searchbox-wrapper.closed #searchbar-linklist { display:none; }

/* searchbox OPENED */
#searchbox-wrapper.opened { 
	background:#eeeeee; 
	border-color:black;
}
#searchbox-wrapper.opened input::placeholder {
	color:grey;
	color:#909090;
	opacity:1;
}
#searchbox-wrapper.opened #searchbar-linklist { display:block; }

/* ...END Of STYLING FOR THE GALLERY ITEMS SEARCH BAR */
/* */


/* (NEW) STYLING FOR SKYLIGHT GALLERY SEARCH NAVIGATION BAR 2022 */
/*replaces .galnav, .galnav-top, .galnav-foot & related others used for gallery search navigation above*/

.sg-galnav {
	margin-top:10px;
	margin-bottom:10px;
	display: inline-block;
	position:relative;
	padding:15px 33px 10px 33px;
	text-align:center;
}
.sg-galnav .pagebar2.itemsbar { float:right; }
.sg-galnav .items-count { padding-top: 8px; }

.sg-navstring {
	//font-family:'Open Sans', sans-serif;
	color:black;
	font-size:19px;
	line-height:30px;
	float:left;
	padding-top:1px;
	white-space: nowrap;
}
.sg-navstring a { color:black; }
.sg-navstring a:hover { opacity:0.6; }

/*need these 2 to rem spacing inserted if line-breaks btw spans in html*/
.sg-navstring { font-size: 0px; }
.sg-navstring span { font-size:19px; }

/*adjustments for mobile*/
@media (max-width:767px) {
	.sg-galnav {
		padding-left:2px;
		padding-right:2px;
	}
	.sg-galnav .sg-navstring,
	.sg-galnav .items-count, 
	.sg-galnav .pagebar2, 
	.sg-galnav .pagebar2.itemsbar { 
		float:none;
		margin:0px;
		padding:0px;
		text-align:center;
	}
	.sg-galnav .sg-navstring {
		margin-left:5px;
		margin-right:5px;
		width:auto;
	}
	/*emphasize sale name in mobile*/
	.sg-navstring { font-size: 19px; }
	.sg-navstring .sale-id { font-size: 20px; }
}
/*END OF NEW STYLING FOR SKYLIGHT GALLERY SEARCH NAVIGATION BAR 2022*/


/* STYLING FOR SKYLIGHT GALLERY BIDING PAGES 2022 */
/* styles for bidding box */
.bidbox {
	padding: 10px;
	border: 1px solid black;
	width: 700px;
	margin: 10px auto 20px auto;
}
.bidmsg {
	width: 100%;
	padding: 10px;
		box-sizing: border-box;
}
.bbb {
	display: inline-block;
	vertical-align: top;
	margin: 10px;
}
.bbb1 {
	width: 350px;
	padding: 10px 0px;
}
.bbb2 { 
	width: 300px;
}
@media (max-width: 767px) {
	.bidbox, .bbb1, bbb2 { 
		width: 100%;
		margin: 0px;
		box-sizing: border-box; /*dont let borders/padding push elements outside box*/
	}
	.bbb2 {
		margin-left: 0px;
		margin-right: 0px;
	}
	.bidbox {
		border: none;
		margin: 0px auto 10px auto;
	}
}
/*style for bidding button*/
/* this is slight mod of ".roundbutton" style */
.sg-smallbtn {
	height: 35px;
	width: 200px;
	margin: 15px auto;
	padding: 6px 0px 8px 0px;
}
/* END OF STYLING FOR SKYLIGHT GALLERY BIDING PAGES 2022 */



/* STYLING FOR VISUAL IDX DROPDOWN MENU - SG 2022 */
.vis-dropdown {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:19px;
	line-height:30px;
	white-space: nowrap;
	position: relative;
	display: inline-block;
	text-align: left;
	xfloat:left;
}
.vis-dropdown .dropbtn {
  	font-family: 'Roboto Condensed', sans-serif;
	color:rgba(0,0,0,1);
	font-size:19px;
	line-height:30px;
	padding-top:1px;
	white-space: nowrap;
	background-color: transparent;
	border: none;
	cursor: pointer;
}
.vis-dropdown .dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 220px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);
	z-index: 1;
}
.vis-dropdown .dropdown-content a {
	color:rgba(0,0,0,0.6);
	padding: 2px 15px;
	text-decoration: none;
	display: block;
}
.vis-dropdown .dropdown-content a:hover {
	background-color: #eee;
	opacity:1;
	color:rgba(0,0,0,1);
}
.vis-dropdown:hover .dropdown-content {
	display: block;
}
.vis-dropdown:hover .dropbtn {
	background-color: #eee;
	color:rgba(0,0,0,0.3);
}
/* END OF STYLING FOR VISUAL IDX DROPDOWN MENU - SG 2022 */