html {scroll-behavior: smooth;}
body {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
}

.content {margin-top: 30px;}
/* typography */
.logo {
background: #000000;
	color:#3a240f;
	font-size: 42px;
	text-transform:uppercase;
}
.logo:hover {text-decoration:none;}
.navbar-brand {
	padding: 15px 15px 15px 0;
	text-transform:uppercase;
}
.logo-sm {color:#3a240f;}
hr.header {display:none;
	border-bottom: 1px solid #666;
	width: 100%;
	position: absolute;
	top: 105px;
	left: 0px;
	z-index: 1;}

hr.primary {
	width: 100%;
	border-bottom: 1px solid #999999; 
	margin: 5px auto 15px auto;
	text-align: center;
}

hr.secondary {
	width: 100%;
	border-bottom: 1px solid #999999; 
	margin: 5px auto 18px auto;
	text-align: center;
}

h1,h2,h3,h4,h5 {
	font-family: Helvetica, 'Helvetica Neue',  Arial, sans-serif;
	color:#666666;
}

h1 {font-size: 20px; text-transform: capitalize;}

h2, h3 {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
color: #666666;}
.Hometext {margin-top:10px;}
.Hometext h2 {margin-top: 10px;}
.artworkTitle {color:#3a240f; font-style:italic;}
.artwork-details {color:#3a240f;}
.full-width{ padding-left: 0;
    padding-right: 0;
    overflow-x: hidden;
}
.MAPageTitle {
	font-size: 18px;
	color:#666666;
text-transform: capitalize;
}

.MANewPar {color:#666666;}	
.exhibit-main .exhibit149, .exhibit-main .exhibit150, .exhibit-main .exhibit151, .exhibit-main .exhibit152, .exhibit-main .exhibit153, .exhibit167 {display: none;}
.exhibit-upcoming .exhibit149, .exhibit-upcoming .exhibit150, .exhibit-upcoming .exhibit151, .exhibit-upcoming .exhibit152, .exhibit-upcoming .exhibit153, .exhibit-upcoming .exhibit167 {display: none;}
.exhibit-current .exhibit149, .exhibit-current .exhibit150, .exhibit-current .exhibit151, .exhibit-current .exhibit152, .exhibit-current .exhibit153, .exhibit-current .exhibit167 {display: none;}
.exhibit-past .exhibit149, .exhibit-past .exhibit150, .exhibit-past .exhibit151, .exhibit-past .exhibit152, .exhibit-past .exhibit153, .exhibit-current .exhibit167{display: none;}
.row.exhibit-past.exhibit149, .row.exhibit-past.exhibit150, .row.exhibit-past.exhibit151, .row.exhibit-past.exhibit152, .row.exhibit-past.exhibit153 {display: none;}
.news-desc{margin-bottom:20px;}
.news-link{font-weight: bold;color: #666666;}
.exhibit149 .Date, .exhibit150 .Date, .exhibit151 .Date, .exhibit152 .Date, .exhibit153 .Date, .exhibit167 Date  {display: none;}
.exhibit149 .Title, .exhibit150 .Title, .exhibit151 .Title, .exhibit152 .Title, .exhibit153 .Title, .exhibit167 Date{display: none;}

.thumbnail .caption { padding: 9px; }
a.ArtistMainImages {
	color: #3a240f;
	text-decoration: none;
}

.thumbs {margin-right:5px;}
.detailpic{max-height:100px;}
.jspHorizontalBar{height:20px;}
.logo.center-block {
  	margin-left: auto;
  	margin-right: auto;
  	height:auto;
}
.shop-collection {background: #000000; padding-top: 30px;}

/* Slide Show */
.carousel-control.right, .carousel-control.left {background:transparent;}

/* Home Page Carousel */
header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.carousel-caption h2 {
	font-size:18px;
	color: #fff;
}

.homeNews {
padding: 0 0 0 0;
margin: 0 0 0 0;
}
h2.home {padding:-top: 20px;}
.coda-home-featured, .coda-home {background: #000; color:#fff; font-size: 12px;}
.coda-home {padding:60px 0 30px 0;}
.coda-home-featured {padding:30px 0 30px 0;}
.coda-home-featured .MAHome-link {display: none;}

.videocontainer {
	overflow: hidden;
	position: relative;
	width: 100%;
background-color: #000000;
background-image: url('https://media.managedartwork.com/Coda/site/images/coda-video-2.jpg'); 
background-size: cover;
}

.videolink {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
background: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)); 
background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)); 
color: #fff;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
        .videoanchor {text-decoration: none; margin-right: 10px; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
.video-play-circle {height: 80px; width: 80px; border-radius: 50%; display: inline-block; color: #141414; background: #ffffff; margin-bottom: 20px;}
.video-play {margin-top: 28px; margin-left: 5px;}
        .videolink-text {/*position: relative; top: 50%; left: 50%; */ font-size: 2rem; opacity:1;}
.videolink-text:hover {-webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; margin-bottom:30px; }
/* Links */
.badge {background-color: #666666; font-size: 10px;}
a {
color: #666666;
text-decoration: none;}

a:hover{
color: #cccccc;
text-decoration: none;}

a.ArtistsMainImages {
color: #666666;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;}

a.ArtistsMainImages:hover {
color: #3f3f3f;
}

.pagination>li>a {color: #999999; font-size: 12px;}
.pagination>li>a:hover {color: #333333;}

a.MAHome {color: #666666; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 12px;}
a.MAHome:hover {color: #3f3f3f;}
a.MAHome h4 {color: #3f3f3f; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 12px;}

.coda-home a.MAHome {color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold;}
.coda-home a{color: #fff; text-decoration: none;}
.coda-home a.MAHome:hover, .coda-home a:hover {color: #f4ea13;}
.coda-home a.MAHome h4 {color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; margin-bottom: 0;}
.InquiryButton, .line-items-options {color: #666666; font-weight: bold;}
.InquiryButton:hover, .line-items-options:hover {color: #cccccc;}

a.buyNow {
text-transform: uppercase;
display: inline-block;
font-weight: bold;
color: #666;
}
a.buyNow:hover {color: #cccccc}

#GoLineItems {scroll-behavior: smooth;}

footer a {color: #999999;}
footer a:hover {color: #666666;}
.top-header {background: #fff;padding: 15px 0;}
.top-header a {color:#FF0000;}
.top-header a:hover {color:#b20000;}

/* Navigation - drop down */
.top-banner {background: #000000;}
nav.navbar {margin-bottom: 0; border-radius: 0; min-height: 40px;}
.navbar-default {background: transparent; border:none; font-size: 15px;}
.navbar-default .navbar-nav>li>a{color:#f2f2f2; text-transform: uppercase;}
.navbar-default .navbar-nav>li>a:hover {color:#ccc; background: #191919;}
.navbar-default .navbar-nav>li>a.active {color: #a9a2a2; background:transparent;}  
.navbar-default .navbar-nav>li>a.active:hover, .navbar-default .navbar-nav>li>.active>a:focus {
	color: #000;
	background-color: #eeeeee;
	background: rgba(238, 238, 238, 1);
}
.nav>li>a {white-space: nowrap; padding: 10px 14px 10px 14px;}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
}
.navbar .navbar-nav > li > a {
 
}
.navbar .navbar-collapse {
  text-align: center;
}
.navbar-nav>li>.dropdown-menu {border-radius: 0;}
.dropdown:hover .dropbtn {
    background-color: rgba(128, 128, 128, .85);
	color: #666666;
}
.navbar-default .navbar-nav .dropdown-menu {
    color: #fff;
    background:rgba(128, 128, 128, .75);
}
.dropdown-menu{ margin-top:0; border:none; box-shadow:none;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover {
	color: #cccccc; 		
	background: transparent;}
.navbar-default .navbar-nav .dropdown-menu a {
   	color:#e5e5e5;
    padding: 8px 16px;
	text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    display: block;
    text-align: left;}
.navbar-default .navbar-nav .dropdown-menu a:hover {color:#fff; background:transparent;}
.navbar-default .navbar-nav .dropdown:hover .dropdown-menu {display: block;}
.navbar-nav>li>a.coda-shop {color:#FF0000;}
.navbar-default .navbar-nav>.open>a.coda-shop, .navbar-default .navbar-nav>.open>a.coda-shop:hover {color:#b20000;}

/*------Artists Detail pages ------*/
.container-fluid.artist-header-container {background: rgba(77,79,78,1); margin-bottom: 20px;}
.imgHeader{margin-bottom: 30px;}
.artist-header-inner {max-width:1170px; height: 113px; margin-top:-20px;}
.artist-header-overlay>h1 {color: #ffffff; text-transform: uppercase; position: relative; top:50%; font-size: 32px; letter-spacing: 3px; font-weight: 200;}
.coda-nav {position: relative; top:30%;}
.coda-nav>h1 {color: #ffffff; text-transform: uppercase; font-size: 32px; letter-spacing: 3px; font-weight: 200;}
.artist-header-overlay>h1 small {color:#fff; font-size: 50%;letter-spacing: 1px; font-weight: 200;}
.artist-nav {margin: 0 0 50px 0;}
.artist-nav a {text-transform: uppercase; display: inline-block; padding-right: 10px; color: #bcb3b3; font-size: 15px;}
.artist-header-overlay {
	display: block; width:100%; height: 100%; 
	background:
    linear-gradient(100deg, rgba(77,79,78,1), rgba(77,79,78,1) 30%, rgba(77,79,78,0) 60%, rgba(77,79,78,1) 98%);
    }
.artist-header-overlay h1 a {color:#fff;text-decoration: none;}
.artist-header-overlay h1 a:hover {color:#f2f2f2;text-decoration: none;}

/* Images */
.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

.portfolio-content img {
    position: relative; /* allows repositioning */
    left: 50%; /* move the whole width of the image to the right */
    transform: translate(-50%,0);
}    

/*.ArtworkImage img {
	max-height:650px;
	width:auto;
}*/
.image-artist {
    display: block;
	text-indent: -1000px; /* hide link text */
    overflow: hidden;
    background-size: cover;
    width: 100%;
    height: 250px;
    float: left;
}

.image {
    display: block;
	text-indent: -1000px; /* hide link text */
    overflow: hidden;
background-position: center;
    background-size: cover;
    width: 100%;
    height: 250px;
    float: left;
}
.ArtistHolder {margin-bottom: 20px;}

.frame {border:0px;}
.social img {
}
.social img:hover {
}

.Exhibits {font-size: 13px;font-weight: bold;}

.Title{font-size: 15px;}

.thumbnail {	
	display: block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: transparent;
	border: 0px;
	border-radius: 4px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out
}

/* Print Piece Page */
.print-logo {margin-bottom:10px;}
.print-image {
	max-height: 396pt;
	width: auto;
    /*page-break-inside: avoid;*/
}

.print-page {
	font-size: 10pt;
	color: #000000;
	margin: 2% 5% 0 5%;
	padding: 0;
	page-break-inside: avoid;
	page-break-after: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */	
}
.print-footer {display: block; margin-top: 20px;}


/* Forms */
.form-group img {background: #fff;}

.simple-subscribe{background: rgba(255,255,255,0.07);border-radius: 4px; padding: 10px;}

.SearchForm {
	border:1px solid #c1c1c1;
	background:rgba(255,255,255,0.03);
	border-radius: 4px;
	padding:10px;
}
	
.ContactUs {
	border:1px solid #c1c1c1;
	background:rgba(255,255,255,0.03);
	border-radius: 4px;
	padding:10px;
}	

.SubscribeForm {
	border:1px solid #c1c1c1;
	background:rgba(255,255,255,0.03);
	border-radius: 4px;
	padding:10px;
}	

.privateLogin {border-color: rgb(215, 215, 215);}

.col-centered {
display:block;
float: none;
/* reset the text-align */
/* inline-block space fix */
margin: 0 auto;
} 

.text-margin {
	margin:10px 0;
}

.hardrule{
	margin:5px 0 10px 0;
}

.nomargin-bottom {
	margin-bottom: 0;
}


/* Footer */
footer {
	font-family: Helvetica, 'Helvetica Neue',  Arial, sans-serif;
	line-height: 19px;
	padding-bottom: 20px;
	color: #333333;
}

.footertext{
	padding-bottom:0px;
	margin-bottom:0px;
	font-size: 12px;
}

.MAWLinks {font-size:12px;}
nav.navbar.footer-nav {margin-bottom:0px; margin-top: 20px;}
TD.mainbg, TD.white, TD.mainbg TD.off, TD.mainbg TD.on {font-weight: normal !important; font-size:14px !important;}

/* Responsive Styles */
@media(max-width:1200px) {
	.image {
    	height: 180px;
	}
	.image-artist {
    	height: 250px;
	}
	.image-news {height:290px;}
}

@media(max-width:991px) {
    .customer-img, .img-related {
        margin-bottom: 30px;
    }
    .portfolio-content {
    	width: 100%; 
    	max-height: 450px;
    	margin-bottom:20px;}
	/*.image, .image-artist {
    	height: 300px;
	}*/
}
@media (min-width: 768px) {
	.logo-wrap{padding: 20px 0;}
	.logo {text-align: center;}
	.logo img {padding:0 0 0px 0; position: relative; z-index: 2;}
.coda-home {padding: 40px 0 20px 0;}
.coda-home-featured {padding: 20px 0;}
}
@media (min-width: 900px) {
	.logo-wrap{padding: 20px 0;}
	.logo img {padding:5px 0 5px 0;}	
.coda-home {padding: 40px 0 20px 0;}
.coda-home-featured {padding: 20px 0;}
}
@media (min-width: 1200px) {	
	.coda-home, .coda-home-featured {padding: 60px 0;}
.coda-home {padding: 60px 0 30px 0;}
.coda-home-featured {padding: 30px 0;}
}
	
@media screen and (max-width: 768px) {
  	.logo.center-block {float: right;}
  	.logo img {padding:10px 0 10px 0; max-height:60px;}
  	.navbar .nav {padding-left: 0;}
	.navbar {margin-top:5px; margin-bottom: 5px;} 
	.navbar-default .nav>li>a {padding: 10px;} 
  	.logo-sm img {padding:10px 0 10px 0; max-height:60px;}
  	.navbar .navbar-nav {display: block;}
.coda-home {padding: 60px 0 30px 0;}
.coda-home-featured {padding: 30px 0;}
}

@media (max-width: 767px) {
	.col-xs-12 .text-right, .col-xs-12.text-left {text-align: center;} 	
	.logo {text-align: center;}
    .img-portfolio {margin-bottom: 15px;}
	.ArtistHolder {margin-bottom: 20px;}
	.image, .image-artist {height: 250px;}
	header.carousel {height: 40%;}
	.navbar-default .navbar-nav .open .dropdown-menu a {
   		color:#e5e5e5 !important;
   		font-weight: 400 !important;
    	padding: 8px 20px 8px 10px !important;}
	.navbar-default .navbar-nav .open .dropdown-menu a:hover {
		color:#fff !important; 
		font-weight: 400 !important; 
		background:transparent; }
	.container-fluid.artist-header-container {margin-bottom: 30px;}
	.artist-nav {margin-bottom: 30px;}
	.artist-header-inner {height: 113px; }
	.artist-header-overlay h1 {font-size: 20px; top:40%;}
	.coda-nav {position: relative; top:30%;}
	.coda-nav .artist-nav {margin:0;}
	a.coda-shop {color: #f4ea13;}
	.coda-shop a:hover {color: #ee2126;}
}

@media (max-width: 520px) {
	.image {height: 150px;}
	.ArtistHolder {margin-bottom: 20px;}
	header.carousel {height: 30%;}
	.container-fluid.artist-header-container {margin-bottom: 15px;}
	.artist-nav {margin-bottom: 15px;}
	.artist-header-inner {height: 75px; }
	.artist-header-overlay h1 {font-size: 15px; top:40%;}
	.coda-nav {position: relative; top:15%;}

}

@media (max-width: 460px) {
	.image, .image-artist, .image-news {height: 150px;}
}

::-moz-selection {
  text-shadow: none;
  background: #808080;
  background: rgba(128, 128, 128, 0.5);
}
::selection {
  text-shadow: none;
  background: #808080;
  background: rgba(128, 128, 128, 0.5);
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
body {
  webkit-tap-highlight-color: rgba(128, 128, 128, 0.5);
}

::-moz-selection {
  text-shadow: none;
  background: #808080;
  background: rgba(128, 128, 128, 0.5);
}
::selection {
  text-shadow: none;
  background: #808080;
  background: rgba(128, 128, 128, 0.5);
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
body {
  webkit-tap-highlight-color: rgba(128, 128, 128, 0.5);
}
.navbar-toggler-icon {
	background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}
.navbar-toggler{
	background-color: aliceblue !important;
}
.dataEntryFormBtn:hover, .myCollectionSubmitBtn:hover, .orderStatusLoginBtn:hover, .contactUsFormSubmitBtn:hover{
	background-color: #e6e6e6;
	color: #333;
	border-color: #adadad;
}
.nav .nav-item .footerLink:hover {padding: 10px 10px 12px 4px;
	background-color: #eee;
}
.subscribeFormSubmitBtn:hover{
	background-color: #e6e6e6;
    border-color: #adadad;
}
.help-block.filled{
	color: #a94442 !important;
}
.has-error.form-control{
	border-color: #a94442 !important;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
}
.orderStatusEmail, .orderStatusPwd {
	padding: 10px 3px 5px 3px !important;
}
.has-error{
	color: #a94442;
}
.has-error .form-control{
	border-color: #a94442;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}
.daysSelect{
    width:10% !important;
    font-size: 13px;
}
@media (max-width: 986px) {
    .daysSelect {width:100% !important;margin:0 !important;} 
}