@import url(/assets/theme/skeleton-96f4a30cf1e2ed6add2cd9020ea1d5445e7f66bfb8600b53b1cee416c95ff2af.css);
@import url(/assets/theme/base-a8baa8bd023aeccc74582c197d8d249c96b532210b50232d0321b2d7d524d9d1.css);


@media only screen and (min-width: 480px) and (max-width: 767px) {
  .hide-on-phones,
  #ad-bar {
    display: none;
  }
}
@font-face
{
  font-family: 'Recoleta Black';
  font-weight: normal;
  font-style: normal;

  src: url(/fonts/RecoletaAlt-Black.eot);
  src: url(/fonts/RecoletaAlt-Black.eot?#iefix) format('embedded-opentype'), url(/fonts/RecoletaAlt-Black.woff) format('woff'), url(/fonts/RecoletaAlt-Black.ttf) format('truetype');
}

/*---------------HEADER----------------------*/

#header {
  position: relative;
  background-color: #FFFFFF;
  padding: 20px 0 5px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

/*---------------TYPE------------------------*/

h2 {
  font-family: 'Imprima', serif;
}
h3.title {
  display: block;
  font-family: 'Imprima', serif;
  color: #000;
  border-bottom: 1px solid #ccc;
}
h3 a,
h4 a {
  display: block;
  text-decoration: none;
  color: #000;
}
b, strong { font-weight: bold; color: #5a5a5a; }
em, i { font-style: italic; }
.caps {
  text-transform: uppercase;
}
.text-center {
  text-align: center;
}
.small {
  font-size: 12px;
}

.underlined {
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
}



/*---------------NAVBAR----------------------*/

.navigation {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.navigation li {
  display: inline-block;
  margin-right: 1em;
}

/*---------------HEADER----------------------*/


#header .main-menu {
  margin-top: 16px;
}

#header .main-menu li a {
  font-family: 'Imprima', serif;
  font-size: 20px;
  text-decoration: none;
  color: #000;
  border-bottom: 2px solid #fff;
}
#header .main-menu li a:hover {
  color: #116B59;
  border-bottom: 2px solid #B1F7E8;
}

.user-toolbar li {
  display: inline;
}

#header .user-toolbar {
  position: absolute;
  right: 0;
  top: 5px;
}
#header .user-toolbar li {
  margin-left: 1em;
}
#header .user-toolbar a {
  text-decoration: none;
}




/*---------------FOOTER----------------------*/


#footer {
  border-top: 5px solid #eee;
  padding: 10px 0 0 0;
}
#footer .main-menu {
  text-align: right;
}
#footer .main-menu li {
  margin: 0 0 0 10px;
}

#footer .user-toolbar {
  width: auto;
  text-align: center;
}
#footer .user-toolbar li {
  display: inline;
  font-size: 12px;
  margin: 0 0.5em;
}

.artavita-social {
  text-align: center;
}

.artavita-social a {
  text-decoration: none;
  display: inline-block;
  margin: 0 3px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
  #footer .main-menu li {
    margin: 0 0 0 5px;
  }
}

@media only screen and (max-width: 767px) {
  #footer,
  #footer .main-menu {
    text-align: center;
  }
}





.well.user-sub-nav {
  padding: 7px;
}
.user-sub-nav li {
  float: left;
  margin: 0;
  padding: 0;
}
.user-sub-nav li a {
  display: block;
  text-decoration: none;
  padding: 4px 7px;
}
.user-sub-nav li a:hover {
  color: #000;
  text-decoration: underline;
}



/*---------------WIDGETS----------------------*/


#ad-bar .ad {
  margin-bottom: 1em;
}

.artists-by-country {
  margin-top: 10px;
}
.artists-by-country h3 {
  font-size: 13px;
}
ul.artist-country {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul.artist-country li {
  font-size: 12px;
}
ul.artist-country li a {
  font-size: 12px;
}
ul.artist-country li span {
  color: #777;
}


.errorExplanation {
  border-left: 2px solid #C00000;
  padding-left: 10px;
}
.errorExplanation h2 {
  font-size: 18px;
  line-height: 18px;
  margin: 0 0 0.5em 0;
}
.errorExplanation p {
  margin-bottom: 5px;
}
.errorExplanation ul {
  margin: 0 0 15px 0;
  padding: 0 0 0 18px;
  list-style-type: disc;
}
.errorExplanation ul li {
  margin-bottom: 0;
}

/*---------------PORTFOLIO ENTRY----------------------*/

.portfolio-entry {
  border: 1px solid #e7e7e7;
  text-align: center;
}
.portfolio-entry h5 {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ddd;
  height: 60px;
}
.portfolio-entry p.image {
  margin: 5px 0;
  padding: 0;
}
.portfolio-entry p.image img {
  padding: 1px;
  border: 1px solid #eee;
}
.portfolio-entry p.mini-actions {
  margin: 0;
  padding: 0;
}
.portfolio-entry p.mini-actions a {
  text-decoration: none;
}

/*---------------VIRTUAL EXHIBITON ENTRY----------------------*/

.virtual-exhibition-entry {
  border: 1px solid #e7e7e7;
  padding: 10px;
  text-align: center;
  height: 420px;
  /*width: 140px;*/
}
.virtual-exhibition-entry h5 {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ddd;
  height: 60px;
}
.virtual-exhibition-entry p.image {
  margin: 5px 0;
  padding: 0;
}
.virtual-exhibition-entry p.image img {
  padding: 1px;
  border: 1px solid #eee;
}
.virtual-exhibition-entry p.mini-actions {
  margin: 0;
  padding: 0;
}
.virtual-exhibition-entry p.mini-actions a {
  text-decoration: none;
}

/*---------------EXHIBITION ENTRY (HOMEPAGE)----------------------*/

.exhibition-entry {
  border: 1px solid #e7e7e7;
  padding: 10px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  transition: transform 0.2s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.exhibition-entry:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.exhibition-entry img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 2px;
}

/*---------------PROMOTIONAL ENTRY----------------------*/

.promotional-entry {
  border: 1px solid #e7e7e7;
  padding: 10px;
  text-align: center;
  width: 180px;  
}
.promotional-entry h5 {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ddd;
  height: 30px;
}
.promotional-entry p.image {
  margin: 5px 0;
  padding: 0;
}
.promotional-entry p.image img {
  padding: 1px;
  border: 1px solid #eee;
}
.promotional-entry p.mini-actions {
  margin: 0;
  padding: 0;
}
.promotional-entry p.mini-actions a {
  text-decoration: none;
}



/*---------------WIDGETS----------------------*/

.exhibit {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-image: url(/assets/background-gallery-opa-703827d50370071490944b72a5ac42d21f4a2eaa0a7b3287e883d13abd0bc1d5.jpg);
  background-size: cover;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: whiteSmoke;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}


.alphabet {
  padding: 5px 0;
}
.alphabet li a {
  padding: 5px;
  text-transform: uppercase;
}
.alphabet li.year.first {
  margin-left: 20px;
}




#artists-search input {
  float: left;
}

#galleries-search input {
  float: left;
}



/*---------------PAGINATION----------------------*/


.pagination { padding: 3px; margin: 2em 0; }
.pagination a, a.prev_page, a.next_page { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #ddd; text-decoration: none; color: #333; }
.pagination a:hover,
.pagination a:active,
a.prev_page:hover,
a.prev_page:active,
a.next_page:hover,
a.next_page:active { border: 1px solid #116B59; color: #116B59; }
.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #116B59; font-weight: bold; background-color: #116B59; color: #FFF; }
.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #dfdfdf; color: #ccc; }





/*---------------ARTISTS----------------------*/


.artist.row {
  padding: 4px 0;
  margin: 0;
}

.artist.odd {
  background-color: #e8e8e8;
}

.artist .artist-avatar {
  float: left;
}

.artist-avatar img {
  width: 30px;
  height: 30px;
  border: 1px solid #ccc;
  padding: 1px;
}
.artist .artist-details {
  float: left;
}
.artist .artist-name {
  font-size: 17px;
  line-height: 30px;
  margin: 0;
  padding: 0;
}
.artist .artist-country p {
  line-height: 30px;
  margin: 0;
  padding: 0;
}

.artist-profile .artist-avatar {
  max-width: 220px;
}



.post {
  padding-right: 1em;
  margin-bottom: 2em;
  border-bottom: 1px solid #ccc;
}
.post .post-artist {
  display: block;
  margin-bottom: 1em;
}
.news-entry {
  margin-bottom: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid #ccc;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
  .news-entry .six.columns img {
    max-width: 268px;
  }
}



.thumbImages .photo {
  float: left;
  margin-right: 4px;
  margin-bottom: 4px;
  width: 70px;
  height: 70px;
}


p.read-more {
  padding: 1em 0 1em 0;
  margin-bottom: 1em;
}
span.read-more {
  margin-left: 15px;
  font-size: 0.6em;
}
.read-more a {
  text-decoration: none;
  color: rgb(17, 107, 89);
  font-weight: bold;
}



/*---------------PORTFOLIOS----------------------*/

.artist-portfolio {
  margin-bottom: 1em;
  padding: 10px;
  border: 1px solid #ddd;
  min-height: 115px;
}
.artist-portfolio .actions {
  margin: 0;
}
.artist-portfolio .actions a {
  margin: 0;
}
.artist-portfolio .portfolio-empty {
  line-height: 50px;
}
.artist-portfolio .portfolio-entries img {
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  padding: 1px;
}

.portfolio-entries a {
  text-decoration: none;
}





/*---------------CONTESTS----------------------*/


.contest-participant {
  padding: 0.5em 0 1em 0;
  margin-bottom: 1em;
  border-top: 1px solid #ccc;
}
.contest-participant .artist-avatar {
  float: left;
}
.contest-participant .artist-name {
  float: left;
  line-height: 34px;
  padding-left: 10px;
}
.participant-entries {
  position: relative;
  margin: 0.5em 0;
  text-align: center;
}
.participant-entries .entry-image {
  border-top: 1px solid #eee;
  padding: 0.5em 0;
  margin: 0;
}
.participant-entries .entry-title {
  font-size: 12px;
}

/* on homepage */

@media only screen and (min-width: 959px) {

  .participant-entries .prev_page,
  .participant-entries .next_page {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    line-height: 70px;
    padding: 0;
    margin: 0;
    font-size: 12px;
  }
  .participant-entries .next_page {
    left: auto;
    right: 0;
  }


}



/*---------------PAYMENTS----------------------*/

#credit-card-form .row {
  margin: 0;
}

.contest-fees {
  margin-bottom: 1.5em;
}

.contest-fees dt,
.contest-fees dd {
  display: inline-block;
  padding: 0;
  width: 49%;
}
.contest-fees dt {
  text-align: right;
}
.contest-fees dd {
  display: inline-block;
  text-indent: 1em;
}
.contest-fees dd.total {
  font-weight: bold;
  font-size: 17px;
}


.contest-prizes {
  margin: 0.5em 0;
}
.contest-prizes dt {
  display: block;
  font-style: italic
}
.contest-prizes dd {
  display: block;
  margin-left: 1em;
  margin-bottom: 0.5em;
}


.contest-thumb {
  width: 70px;
  height: 70px;
  display: inline-block;
  margin: 0 6px 6px 0;
  padding: 0;
}
.contest-thumb img {
  width: 70px;
  height: 70px;
}

@media only screen and (max-width: 767px) {
  .contest-thumb {
    margin: 0 2px 2px 0;
  }
}

.homepage.well .row,
.homepage.well .row .button {
  margin-bottom: 3px;
}
.homepage-artist-contests {
  margin: 3em 0 0 0;
}


.news-feeds .two.columns a img {
  width: 96px;
  height: 96px;
}




/*---------------CONTEST WINNERS----------------------*/

.winning-entries {
  width: 100%;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}
.winning-entries tr td.thumb {
  width: 85px;
}
.winning-entries tr td {
  padding: 5px;
  padding-left: 0;
  vertical-align: middle;
  border-top: 1px solid #ddd;
}
.winning-entries tr td p {
  margin-bottom: 0;
}
.winning-entries tr td a,
.honorable-mentions li a {
  text-decoration: none;
}
.winning-entries tr td p a,
.honorable-mentions li i a {
  color: #777;
}
.winning-entries tr td p a:hover,
.honorable-mentions li i a:hover {
  color: #888;
}
.honorable-mentions li {
  margin-bottom: 3px;
}

/*---------------FEATURED GRID----------------------*/
.well.homepage.featured-section {
  padding: 19px 15px;
}

.featured-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}

.well.homepage .row .featured-grid {
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 767px) {
  .featured-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .exhibit.homepage .row > div {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  }

  .exhibition-entry img {
    height: 150px;
  }
}