html {scroll-behavior: smooth;}
body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #666666;
}

.content {margin-top: 30px;}
/* typography */
.logo {
background: #000000;
	color:#3a240f;
	font-size: 42px;
	text-transform:uppercase;
}
.home-logo {
background: none !important;
	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: 18px; 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: 15px;
	color:#666666;
}

.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;}
.Date {display: none;}
.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 {}
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: white; 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;}


.mediumText{font-weight:bold;}


.videocontainer {
	overflow: hidden;
	position: relative;
	width: 100%;
background-color: #000000;
background-image: url('https://media.managedartwork.com/Coda/site/images/Master/giuseppe-palumbo-flock-of-five-life-size1.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: #999999;
text-decoration: none;}

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

.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 !important; background: #191919;}
.navbar-default .navbar-nav>li>a.active {color: #333; 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) !important;
}
.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:#fff !important;
    padding: 8px 16px;
	text-transform: uppercase !important;
    text-decoration: none;
    font-weight: bold;
    display: block;
    text-align: left;}
.navbar-default .navbar-nav .dropdown-menu a:hover {color:#fff; background:transparent;}

.navbar-nav>li>a.coda-shop {color:white;}
.navbar-default .navbar-nav>.open>a.coda-shop, .navbar-default .navbar-nav>.open>a.coda-shop:hover {color:#ccc;}

/*------Artists Detail pages ------*/
.container-fluid.artist-header-container {background: rgba(77,79,78,1); margin-bottom: 50px;}
.artist-header-inner {max-width:1170px; height: 135px; margin-top:0px;}
.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: 25px; 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;}
.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 {
}

.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: 3px 0;}
	.logo {text-align: center;}
	.logo img {padding:0 0 0px 0; max-height:85px; max-width:230px; 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: 3px 0;}
	.logo img {padding:5px 0 5px 0; max-height:85px; max-width:230px;}	
.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-nav .open .dropdown-menu{
        position: static;
        width: auto;
        float: none;
        margin-top: 0;
        border: 0;
        box-shadow: none;
    }
	.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: 16px; 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;
}
.nav .open > a:hover {
   border-color:transparent;
}

.navmenu-background{ background: #343333 !important}
.coda-header-logo{position: absolute;width: 100%;z-index: 1;background: rgba(0,0,0,0.7);}
body {
  webkit-tap-highlight-color: rgba(128, 128, 128, 0.5);
}



.codaNavBar{
    min-height:112px !important;
}
.codaNavBar{
    background: #000000;
}

/*------ Navigation ------*/
.navbar {margin-top:20px;margin-bottom: 0;}
.nav>li>a {padding: 10px 10px 12px 4px;}
.nav .nav-item .footerLink:hover {padding: 10px 10px 12px 4px;
    background-color: #eee;
}

.navbar-nav>li>.dropdown-menu {border-radius: 0;}
.dropdown:hover .dropbtn {
    background-color: rgba(53, 92, 170, .75);
    color: #efa82c;
}
#navbarText a{
    letter-spacing: 0.02em;
}
#navbarText a{
    letter-spacing: 0.02em;
}


.navbar .navbar-nav{
    display: inline-flex;
}
.logo{
    background: none;
}

.navbar-default .navbar-nav>li>a:hover{
    background: none;
}
.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;
}
.daysSelect{
    width:10% !important;
    font-size: 13px;
}
@media (max-width: 986px) {
    .daysSelect {width:100% !important;margin:0 !important;} 
}
.dataEntryFormBtn, .viewCartBtn{
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    text-decoration:none !important;
}
.checkoutBtn{
    text-decoration:none !important;
}
.dataEntryFormBtn{
    font-size: 14px;
}
.dataEntryFormBtn:hover, .myCollectionSubmitBtn:hover, .orderStatusLoginBtn:hover, .contactUsFormSubmitBtn:hover{
    background-color: #e6e6e6;
    color: #333;
    border-color: #adadad;
}
.modal.fade .modal-dialog{
    /*max-width: 700px !important;*/
}
.submenuContainer{
    padding: 12px 0 30px;
}
.breadcrumb li a.active{
    color: #0d6efd !important;
}
.nav-item .linkActive{
    color: #f2f2f2 !important;
    font-weight: bold !important;
    font-size: 16px !important;
    padding: 10px 14px 10px 14px;
}
.has-error{
    color: #a94442;
}
.has-error .form-control{
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}
.login-form input{
    padding: none !important;
}
.orderStatusEmail, .orderStatusPwd {
    padding: 10px 3px 5px 3px !important;
}

element.style {
}
.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}
.filterSection .filterOption {
        color: #888990 !important;
    }
    .filterList {
        z-index: 1;
        list-style-type: none;
        background-color: #FFFFFF;
        right: 0;
        width: max-content;
    }
    .filterList li, .filterBtn {
        padding: 10px 16px;

    }
    .selectedFilter{
        background: #F4F4F5;
        border-radius: 41px !important;
        padding: 10px 16px;
    }
    .selectedFilter a, .filterOption, .filterList li input, #qtyValue, #minus1, .add, .minus, .qty, .bsProductTitle, .bsRemoveProduct {
        font-size: 14px !important;
    }
     .selectedFilterSection{
        padding-left: 12px !important;
        padding-bottom: 10px !important;
    }
    .selectedFilter .fa, .filterSection .fa{
        padding-left: 13px;
    }
    .filterBtn{
        border: 1px solid #E4E4E7;
        font-size: 14px;
        border-radius: 47px !important;
    }
    .filterSection ul{
        border: 1px solid #E4E4E7;
        border-radius: 6px;
    }
    .filterSection .filterOption {
        color: #888990 !important;
    }
     .filterBtn:focus, .filterSection input[type="checkbox"]:focus {
        box-shadow: none !important;
    }

    .filterMainSection{
        width: 40% !important;
    }
    @media (max-width: 760px) {
        .filterMainSection{
            width: 35% !important;
        }
    }
    @media (max-width: 1590px) and (min-width: 1000px) {
        .filterMainSection{
            width: 13% !important;
        }
    }
    @media (min-width: 1591px) {
        .filterMainSection{
            width: 12% !important;
        }
    }
.addToOrderBtn {
    background-color: transparent;
    color: black;
    border-color: #808080;
}
@media ( min-width:1400px ){
        .image{
            height: 305px !important;
        }
    }