/* start of default/vars.css.inc.php */
:root {
	/* default global vars in the form:
	* --var-name: value;
	* that can be used in CSS like:
	* var(--var-name);
	*/
	--page-body-width: 100%;
	--global-font-family: Arial, Helvetica, sans-serif;
	--global-font-size: 0.9em;
	--text-color: #000000;
	--background-color: #FFFFFF;
	/* the field border color is set to gray if the background color is white and transparent for any other background color */
	--field-border-color: #CCCCCC;
	--border-radius: 6px;
	--border-color: #EEEEEE;
	--link-color: #990000;
	--link-hilite-color: #CC6600;
	--nav-hilite-color: #EEEEEE;
	--nav-hover-color: #CCCCCC;
	--nav-background-color: #F8F8F8;
	--popup-header-gradient-bottom: ;
	--popup-header-gradient-top: ;
	--background-image: unset;
	--artsites-color: #008888;
}

/* end of default/vars.css.inc.php *//* start default/default.css.inc.php */

BODY {
	width: var(--page-body-width);
	margin: auto;
	padding: 0;
	font-family: var(--global-font-family);
	font-size: var(--global-font-size);
	color: var(--text-color);
	background-color: var(--background-color);
	background-image: var(--background-image);
}

A {
	text-decoration: none;
	color: var(--link-color);
}

A:hover {
	color: var(--link-hilite-color);
}

IMG {
	border: 0;
	margin: 5px;
}

CAPTION {
	color: var(--text-color);
}

TABLE, TR, TD, TH {
	vertical-align: top;
	padding: 0;
	margin: 0;
	border: solid black 0px;
	border-collapse: collapse;
}

FIELDSET {
	padding: 1em;
	margin-bottom: 1em;
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius);
}

LEGEND {
	color: var(--text-color);
	font-size: 1em;
	padding: 0 0.5em 0 0.5em;
	font-weight: bold;
	border: 0;
	width: auto;
}




/* General full page */
.page-body {
	color:  var(--text-color);
	text-align: left;
	padding: 1em;
	min-height: 400px;
	padding-bottom: 2rem;
	margin: 0 auto;
}

.page-body A {
	color: var(--link-color);
}

.page-body A:hover {
	color: var(--link-hilite-color);
}


/* Nag screen */
#nag {
	display: block;
	background: #C00000;
	padding: 0px 4px 0px 4px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
	border: 2px solid #C00000;
}

#nag:hover {
	background: #000000;
}

#nag DIV {
	float: left;
}

.ereq1 {
}

.ereql {
	text-align: left;
	margin-left: 0px;
	display: none;
	padding-bottom: 0px;
}

IMG.welcome-image {
	float: right;
	margin: 0 0 0 5px;
	vertical-align: top;
}

INPUT.welcome-image {
	width: 220px;
}

.news-listing {
	padding: 4px;
}

.other-news-listing {
	margin-left: 4em;
}

.news-header {
	clear: both;
}

.news-title {
	display: inline;
	font-weight: bold;
	font-size: 1.1em;
}

.news-date {
	display: inline;
 	font-size: 0.8em;
}

#user-page-content {
	text-align: left;
}

#user-page-content TD {
	padding-left: 0 20px 5px 0px;
}

.maintenance-message {
	color: #FF0000;
	padding: 1em 2em 1em 4em;
	font-weight: bold;
	font-size: 140%;
}

.event-entry {
	margin-bottom: 2em;
	clear: left;
}

.event-title {
	font-weight: bold;
	margin-left: 100px;
}

.event-dates {
	float: left;
	width: 8em;
}

.event-details {
	margin-left: 8.5em;
}

.nowrap {
	white-space: nowrap;
}



.social-like {
	float: right;
}

IMG.touch-disable {
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
}


.prev-next-disabled {
	display: none;
}
/* end default/default.css.inc.php */

/* start of default/common.css.inc.php */

.small-text {
	font-size: 0.8em;
}

.nowrap {
	white-space: nowrap;
}

.artsites {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: var(--artsites-color);
	font-weight: bold;
}


.standard-page P IMG.social-media-icon {
	margin: 0;
	vertical-align: middle;
}


.work-shop-interact {
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
}

.purchase-embed-processed.center {
	text-align: center;
}

.purchase-embed-processed.left {
	text-align: left;
}

.purchase-embed-processed.right {
	text-align: right;
}

.work-shop-interact .price,
.purchase-embed-processed .price {
	font-weight: normal;
	font-size: 1em;
}

.work-shop-interact TABLE.work-shop-pricing,
.purchase-embed-processed.center TABLE.work-shop-pricing {
	margin-left: auto;
	margin-right: auto;
}

.purchase-embed-processed.left TABLE.work-shop-pricing {
	margin-left: 0;
	margin-right: auto;
}

.purchase-embed-processed.right TABLE.work-shop-pricing {
	margin-left: auto;
	margin-right: 0;
}

TABLE.work-shop-pricing TD {
	text-align: right;
	padding-right: 1em;
}

.work-shop-interact SELECT {
	margin-bottom: 0.4em;
}

.work-shop-interact .help,
.purchase-embed-processed .help {
	font-size: 0.85em;
}

.view-cart-link {
	font-size: 0.85em;
}

EM.red-dot {
	display: inline-block;
	height: 0.8em;
	width: 0.8em;
	background-color: red;
	border-radius: 0.4em;
}


/* Slideshow page */
#slideshow_container {
	margin-top: 2em;
}
#slideshow_container.fullscreen-active {
	margin: 0;
}
#slideshow_container.fullscreen-active #slideshow_pane {
	height: 100%;
}
#slideshow_container.fullscreen-active .standard-page {
	margin-left: 0;
	max-width: 100%;
}

#slideshow_pane {
	/*border: 1px dashed green;*/
	position: relative;
	width: 100%;
	height: 80vh;
}
#slideshow_pane IMG {
  display: block;

  /* Center image horizontally and vertically */
	position: absolute;
	left: 50%;
  transform: translateX(-50%);

  /* Fit image into container */
	  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;

  /* Remove any margin and padding associated with IMG tag */
  margin: 0;
	padding: 0;
}
#slideshow_controls {
	position: relative;
	width: 100%;
	margin-bottom: 0.5em;
	text-align: center;
}
#slideshow_controls I {
	padding: 0.1em 0.25em;
}

.img-wide {
	max-width: 100% !important;
	max-height: 100% !important;
	height: auto !important;
	width: auto !important;
}

.page-copyright {
	color: var(--text-color);
	padding: 0.1rem 2rem 2rem 2rem;
	clear: both;
	font-size: 0.8rem;
	text-align: center;
}


/* end of default/common.css.inc.php */
/* Start of default/events.css */

/* GEvents */
.gevent-item {
	clear: both;
	margin-top: 2em;
}

.gevent-item .controls {
	display: block;
	float: left;
	width: 120px;
}


.gevent-item .date {
	display: block;
	font-weight: bold;
}
.gevent-item .title {
	font-size: 120%;
	font-weight: bold;
}
.gevent-item .title,
.gevent-item .category,
.gevent-item .link,
.gevent-item .venue,
.gevent-item .reception,
.gevent-item .price-field,
.gevent-item .poster,
.gevent-item .description {
	display: block;
	margin-left: 120px; 
}
.gevent-item .reception-date {
	font-weight: bold;
}
.gevent-item .price {
	font-weight: bold;
}

@media (min-width: 768px) {
	.gevent-item .controls {
		width: 130px;
	}
	.gevent-item .title,
	.gevent-item .category,
	.gevent-item .link,
	.gevent-item .venue,
	.gevent-item .reception,
	.gevent-item .price-field,
	.gevent-item .poster,
	.gevent-item .description {
		margin-left: 130px; 
	}
}
@media (min-width: 992px) {
	.gevent-item .controls {
		width: 150px;
	}
	.gevent-item .title,
	.gevent-item .category,
	.gevent-item .link,
	.gevent-item .venue,
	.gevent-item .reception,
	.gevent-item .price-field,
	.gevent-item .poster,
	.gevent-item .description {
		margin-left: 150px; 
	}
}
@media (min-width: 1200px) {
	.gevent-item .controls {
		width: 170px;
	}
	.gevent-item .title,
	.gevent-item .category,
	.gevent-item .link,
	.gevent-item .venue,
	.gevent-item .reception,
	.gevent-item .price-field,
	.gevent-item .poster,
	.gevent-item .description {
		margin-left: 170px; 
	}
}

/* End of default/events.css *//* generic styles that applies to pages regardless of layout */

/* login form */
#layout-login {
	margin: 0 auto 2rem auto;
	max-width: 600px;
}
/* start of default/forms.css.inc.php */

/* Form fields */

/**
 * Applies default styles to a standard form.
 * This class should be applied to the outermost form element.
 */
.std-form {
	width: 100%;
	max-width: 800px;
	box-sizing: border-box;
}

/**
 * Applies default styles to a group of form fields.
 * This class should be applied to a container element that holds multiple form fields.
 */
.field-group {
	margin-bottom: 0.5rem;
	overflow: hidden;
}

.field-prompt {
	font-weight: bold;
	white-space: nowrap;
	line-height: 1.8;
}

.field-input {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 0.3rem 12px;
	border: 2px solid var(--field-border-color);
	color: black;
    background-color: white;	
	border-radius: var(--border-radius);	
}

.field-input:focus {
	outline: none !important;
	border-color: #0000FF;
}

/* .field-input:not(:placeholder-shown):valid {
	border-color: #00FF00;
} */

/* .field-input:not(:placeholder-shown):invalid {
	border-color: #FF0000;
} */

/* .field-input:focus:invalid {
	border-color: #FFff00;
} */

.field-button {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.43;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	user-select: none;
	background-image: none;
	border-radius: var(--border-radius);	
	border: 2px solid var(--field-border-color);
	color: black;
}

.field-button:focus {
	border-color: #0000FF;
	outline: none !important;
}

.field-text {
}

.field-help {
	font-size: 0.8em;
}

.field-error {
	color: #FF0000;
	font-weight: bold;
}

/* end of default/forms.css.inc.php *//* responsive-base/layout.css.inc.php */
:root {
	--global-font-size: 1em;
}

HTML {
	font-size: 16px;
}

BODY {
	margin: 0 auto;
	padding: 0;
	padding-top: 60px;
	color: var(--text-color);
	background: var(--background-color);
	font-family: var(--global-font-family);
	background-image: var(--background-image);
}

BODY.responsive-menu-left {
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 768px) {
	BODY {
		padding-top: 100px;
	}
}


A,
.navbar-default .navbar-brand {
	color: var(--link-color);
}


A:hover {
	color: var(--link-hilite-color);
}

H1 {
	font-weight: 500;
}


.error-message {
	color: #FF0000;
	padding: 1em 2em 1em 4em;
	font-weight: bold;
}

/* Nag screen */
#nag {
	display: block;
	background: #C00000;
	padding: 0px 4px 0px 4px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
	border: 2px solid #C00000;
}

#nag:hover {
	background: #000000;
}

#nag DIV {
	float: left;
}

.page-title {
	font-weight: bold;
	text-align: center;
	margin-left: 40px;
	margin-right: 40px;
}

.page-title IMG {
	max-width: 100%;
	height: auto;
}

.page-tag-line {
	text-align: center;
}

.page-title a:hover,
.page-tag-line a:hover {
	text-decoration: none;
}

.responsive-menu-left .page-copyright {
	margin-left: 0px;
}

@media (max-width: 767px) {
	.responsive-menu-left .page-copyright {
		margin-left: 0;
	}
}

.standard-page,
.content {
	margin: 0 auto;
	padding-left: 0.5em;
	padding-right: 0.5em;
	max-width: 960px;
}

.standard-page H1,
.content H1 {
	text-align: center;
}

#gallery-page-content > SMALL,
#galleries-page-content > SMALL {
	display: block;
	text-align: center;
}

.gallery-description {
	display: block;
}

.image-grid {
	margin-top: 1em;
}

.image-cell {
	margin-bottom: 20px;
	text-align: center;
}

.image-cell IMG {
	display: block;
	margin: auto;
}

.image-cell .title {
	margin: 1em 0;
}
@media (min-width: 1200px) {
	.image-cell .title {
		font-size: 130%;
	}
}

.image-block {
	margin: 0 auto;
}

.image-description {
	text-align: center;
}

.image-description H1 {
	text-align: center;
	margin-left: 5em;
	margin-right: 5em;
}

.inquiry {
	display: block;
	text-align: center;
}

.image-block-frame .small-text {
	font-size: 0.8em;
	text-align: center;
}

.image-layout {
	overflow: hidden;
}

@media (min-width: 992px) {
	.image-layout {
		margin: 0 2em;
	}
}

	BODY 				{	font-size: calc(var(--global-font-size) * 0.7);	}
	.page-title			{	font-size: 1.5em;	}
	.page-tag-line		{	font-size: 1.3em;	}
	H1					{	font-size: 1.3em;	}

@media (min-width: 768px) {
	BODY 				{	font-size: calc(var(--global-font-size) * 0.8);	}
	.page-title			{	font-size: 2em;		}
	.page-tag-line		{	font-size: 1.3em;	}
	H1 					{	font-size: 1.3em;	}
}
@media (min-width: 992px) {
	BODY				{	font-size: calc(var(--global-font-size) * 0.9);	}
	.page-title			{	font-size: 2.6em;		}
	.page-tag-line		{	font-size: 1.6em;	}
	H1 					{	font-size: 1.6em;	}
}
@media (min-width: 1200px) {
	BODY				{	font-size: var(--global-font-size);	}
	.page-title			{	font-size: 3em;		}
	.page-tag-line		{	font-size: 1.6em;	}
	H1 					{	font-size: 2em;		}
}

@media (min-width: 768px) {
    .navbar-nav{
        float: none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
}

/* Bootstrap navbar overrides */
.navbar-default {
	background: var(--nav-background-color);
	border-color: var(--border-color);
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
			box-shadow: 0 6px 12px rgba(0,0,0,0.175);
			box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}

.navbar-default .navbar-nav > .active > a {
	color: var(--link-color);
	background-color: var(--nav-hilite-color);
}

.navbar-default .navbar-nav > li > a {
	color: var(--link-color);
}

.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:hover {
	color: var(--link-hilite-color);
	background-color: var(--nav-hover-color);
}

.navbar-default .navbar-nav > .dropdown > a .caret,
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
	border-top-color: var(--link-color);
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color: var(--link-color);
	background-color: var(--link-hilite-color);
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: var(--link-color);
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
		color: var(--link-hilite-color);
		background-color: var(--nav-hover-color);
	}
}

.dropdown-menu {
	background-color: var(--link-hilite-color);
/*	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
			box-shadow: 0 6px 12px rgba(0,0,0,0.175);*/
			border-color: rgba(238,238,238,0.15);
}

.dropdown-menu > li > a,
.dropdown-menu > li > a:hover {
	color: var(--link-color);
}

.dropdown-menu > li > a:hover {
	background-color: var(--nav-hover-color);
}

.ereql {
	text-align: left;
	margin-left: 0px;
	display: none;
	padding-bottom: 0px;
}

#mailing-list-form TABLE {
}

.ereq1 {
}

.img-link-before {
	position: absolute;
	float: left;
	margin-top: 1em;
	z-index: 100;
}
.img-link-after {
	position: absolute;
	float: right;
	right: 1%;
	margin-top: 1em;
	z-index: 100;
}

.img-link-before .glyphicon-chevron-left,
.img-link-after .glyphicon-chevron-right {
	font-size: 150%;
	top: 5px;
}

.event-entry,
.news-listing,
.guestbook-item {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid var(--border-color);
	overflow-y: auto;
}

.guestbook-name {
	font-size: 85%;
}

.social-like {
	display: inline-block;
	margin-left: 10px;
	float: none;
}

.social-like IMG {
	vertical-align: middle;
}

/* Explore menu */
#toggle-menu {
	font-size: 1.6em;
	cursor: pointer;
	float: left;
	margin: 0;
	padding: 10px;
	position: fixed;
	z-index: 100;
	text-shadow: 0px 0px 6px var(--background-color);
}
#toggle-menu:hover {
	text-decoration: none;
}

/* hamburger icon */
#toggle-menu:before {
	margin-right: 5px;
	vertical-align: -1px;
}

/* Don't show "Menu" by default */
#toggle-menu B {
	display: none;
}
@media (min-width: 768px) {
	/* Show "Menu" if larger than a phone size layout */
	#toggle-menu B {
		display: inline;
	}
}

/* left side slide in drawer menu */
.sidr UL LI,
.sidr UL LI:hover,
.sidr UL LI.active,
.sidr UL LI.sidr-class-active {
	line-height: initial !important;
}

.sidr UL LI a,
.sidr UL LI:hover a,
.sidr UL LI.active a,
.sidr UL LI.sidr-class-active a {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

/* left side static menu */
#main-menu-left {
	display: none;
	position: fixed;
	top: 0;
	padding-top: 6em;
	padding-bottom: 12em;
	height: 100%;
	z-index: 100;
	width: 0px;
	overflow-y: auto;
/*	border-right: 1px solid #000000; */
}

#main-menu-left UL {
	margin: 0;
	padding-left: 1rem;
}

#main-menu-left UL LI {
	list-style-type: none;
}

#main-menu-left UL LI A {
	display: block;
	padding: 0.31rem;
	width: 100%;
	text-decoration: none;
}

#main-menu-left UL LI.active > A {
/*	background-color: var(--nav-background-color);*/
	font-weight: bold;
}
#main-menu-left UL LI A:hover {
	background-color: var(--nav-hover-color);
}

.responsive-menu-top #menu-top {
	display: none;
}

BODY.responsive-menu-top {
	padding-top: 0;
}

.poster .small-text {
	width: 100%;
	text-align: center;
}

@media (min-width: 992px) {
	#main-menu-left {
		display: block;
		width: 0px;
	}
	.page-title.responsive-menu-left,
	.page-tag-line.responsive-menu-left {
		padding-left: 0px;
		max-width: 960px;
	}

	.page-body.responsive-menu-left {
		max-width: 960px;
	}
	.page-body.responsive-menu-left .standard-page,
	.page-body.responsive-menu-left .content,
	.page-body.responsive-menu-left .image-grid,
	.page-body.responsive-menu-left .image-layout {
		margin-left: 0px;
	}

	.responsive-menu-left #toggle-menu,
	.responsive-menu-top #toggle-menu {
		display: none;
	}

	.responsive-menu-top #menu-top {
		display: block;
	}

	BODY.responsive-menu-top {
		padding-top: 100px;
	}

}

/* responsive-base/layout.css.inc.php */

/* Start of title/sub-title overrides */
.page-title A, 
A.site-title {
	font-size: 48px; color: #000000; font-weight: bold; }

.page-tag-line A, 
A.site-tag-line {
	font-size: 15px; color: #000000; font-weight: bold; }
/* End of title/sub-title overrides */
