/*
============================================================

  Theme Name: Art Jingle
  Theme URI: http://www.artjingle.com
  Version: 1.0
  Text Domain: art-jingle
  Template: aurum

============================================================
*/

.post-image {
  width: 70%;
  margin: 0 auto;
}

.post-formatting h1, .post-formatting h2, .post-formatting h3, .post-formatting h4 {
  text-transform: none;
  line-height: 22px !important;
}

.post-content h1 {
  margin: 0;
  font-size: 32px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
  color: #157096;
}

.post-content h1.title a {
  color: #157096 !important;
}

.wpb_wrapper h1 {
  margin: 0;
  font-size: 32px;
  font-weight: bold;
  line-height: 125% !important;
  text-align: center;
}

.post-content h2 {
  color: #157096;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px !important;
  text-transform: uppercase;
}

.post-content h2 em {
  font-style: normal;
}

.post-formatting p {
  color: #808080;
  margin: 20px 0 20px 0;
  line-height: 22px;
  font-size: 18px !important;
  text-align: justify;
}

div.related.products {
  display: none;
}

div.related.products h2 {
  color: #A0A0A0;
  font-size: 24px;
  text-transform: none;
}

.pastille-container {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pastille-rouge {
  position: absolute;
  background-color: red;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  z-index: 10;
  bottom: -20px;
  right: -20px;
}

.pastille-rouge2 {
  position: absolute;
  background-color: red;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  z-index: 10;
  bottom: 145px;
  right: -20px;
}

.popup-container h3 {
  text-transform: none;
}

.wpcf7-email, .wpcf7-textarea {
  max-width: 400px;
  width: 100%;
  border-radius: 5px;
  color: #A0A0A0;
}

.wpcf7-submit {
  border-radius: 5px;
}

.wpb_text_column a {
  color: #157096;
  font-weight: bold;
  text-decoration: underline;
}

/* --- */

section.shop-item-single {
  margin: 0;
  padding: 0;
}

div.woocommerce {
  margin: 0px auto;
  padding: 20px 20px 20px 20px;
  max-width: 1375px;
  width: 100%;

/*border: 1px solid gray;*/
}

.woocommerce .shop-item .item-image img {
  width: auto;
  height: auto;
}
/*
.products {
  min-width: auto !important;
}
*/
.products-container.col-sm-12 {
  width: auto;
}

/* --- Panier --- */

.product-thumbnail, .product-name, .product-subtotal {
  color: #A0A0A0 !important;
  font-size: 22px !important;
  margin: 0 5px !important;
  text-transform: none !important;
}

.product-name a {
  color: #A0A0A0 !important;
  font-weight: bold;
}

.woocommerce-Price-amount {
  color: #157096 !important;
}

#update-cart-btn {
  background: #A0A0A0;
}

#proceed-to-checkout, #place_order {
  font-size: 20px;
  font-weight: 600;
  border-radius: 15px;
  background-color: #157096;
  margin-bottom: 10px;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
  padding: 0 16px;
  text-transform: uppercase;
  line-height: 55px;
}

.shipping-calculator-button {
  background: #A0A0A0 !important;
  color: white !important;
}

.cart-collaterals .order-total {
  display: none;
}
/*
.order-total th:after {
  content: " TTC";
}
*/
div.woocommerce-message, div.woocommerce-info {
  background: #157096 !important;
  box-shadow: 0 0 0 6px #157096 !important;
}

section.shipping-calculator-form {
  display: block !important;
}

#update-cart-btn {
  display: none;
}

#shipping_method .woocommerce-Price-amount {
  display: none;
}

#shipping_method input:checked + label .woocommerce-Price-amount {
  display: block;
}

/* --- Contact --- */

.wpcf7-form p label {
  font-weight: normal;
}

/* --- Header --- */

.menu-header {
  max-width: 1340px;
  margin: 0 auto;

/*border: 1px solid gray;*/
}

.menu-header {
/*border: 1px solid red;*/
}

.header-logo {
  float: left;

/*border: 1px solid red;*/
}

.header-infos {
  float: right;

  margin: 40px 0px 0px 0px;
}

.menu-header hr {
  margin: 0px;
  line-height: 0px;
  border: 0px;
}

.header-logo b {
  color: #007095;

}

.header-logo img {
  max-width: 335px;
  padding-bottom: 10px;
  height: auto;
}

.header-links {
  float: right;
  min-height: 30px;
  display: flex;
  align-items: center;
/*border: 1px solid red;*/
}

.header-links a {
  color: #A0A0A0;
  font-size: 18px;
  margin: 0 5px;
}

.header-links a:first-of-type {
  height: 18px;
}

.header-links .header-links-cart.big-cart {
  height: 30px;
  position: relative;
}

.header-links .header-links-cart.big-cart svg {
  height: 30px !important;
  width: 30px !important;
  stroke: red !important;
}

.header-links .header-links-cart .cart-count {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 15px;
  color: red;
  font-weight: 700;
}

.header-links a:hover {
  color: #157096;
  text-decoration: none;
}

.header-icons {
  float: right;
  margin: 0 10px;
  min-height: 30px;
}

.header-icons img {
  max-width: 25px;
}

.header-sections {
  min-height: 30px;
/*border: 1px solid blue;*/
}

.header-sections a {
  color: #A0A0A0;
  font-size: 22px;
  text-transform: uppercase;
  margin: 0 5px;
}

.header-sections a:hover, .header-sections a.active {
  color: #157096;
  text-decoration: none;
}

@media only screen and (max-width: 800px) {
  .header-infos {
    margin: 20px 0px 0px 0px;
  }

  .header-logo img {
    max-width: 150px;
  }

  .header-links a {
    font-size: 16px;
  }

  .header-sections a {
    font-size: 16px;
  }
}

@media only screen and (max-width: 600px) {
  .header-infos {
    margin: 0px 0px 0px 0px;
  }

  .header-logo {
    float: none;
    text-align: center;
  }

  .header-infos {
    float: none;
  }

  .header-logo img {
    max-width: 150px;
  }

  .header-logo:after {
    content: "";
    display: block;
    clear: both;
  }

  .header-links {
    float: none;
    text-align: center;
  }

  .header-links a {
    font-size: 12px;
  }

  .header-links:after {
    content: "";
    display: block;
    clear: both;
  }

  .header-sections {
    float: none;
    text-align: center;
  }

  .header-sections a {
    font-size: 18px;
    padding: 5px;
    transform: translateY(-5px);
    display: inline-block;
  }

  .header-sections:after {
    content: "";
    display: block;
    clear: both;
  }

  .header-icons {
    display: none;
  }
}

/* --- Footer --- */

.menu-footer {
  /*font-family: Open Sans;*/
  max-width: 100%;
  margin: 0 auto;
  background-color: #326A7C;
}

.menu-footer-content {
  max-width: 1375px;
  margin: 0 auto;
}

.footer-address, .footer-links, .footer-newsletter {
  display: inline-block;
  width: 33%;
  text-align: center;
  padding: 0 0 20px 0;

  vertical-align: top;
/*border: 1px solid gray;*/
}

.footer-address {
  margin: 28px 0 0 0;
}

.footer-newsletter {
  margin: 23px 0 0 0;
}

.footer-links.before {
  display: none;
}

.footer-links table {
  width: 100%;
}

.footer-logo {
  width: 100% !important;
  height: auto !important;
  max-width: 150px !important;
}

.footer-address p {
  color: white;
  font-size: 18px;
  margin-top: 15px;
}

.footer-address a {
  color: white;
  text-decoration: none;
}

.footer-address a:hover {
  color: #157096;
}

.footer-links p {
  color: white;
  font-size: 18px;
}

.footer-newsletter p {
  color: white;
  font-size: 18px;
  margin-top: 10px;
}

.footer-newsletter input {
  border: 1px solid black;
  font-size: 18px;
  color: #A0A0A0;
  border-radius: 5px;
  height: 30px;
}

.footer-newsletter a {
  display: inline-block;
  margin-left: 10px;
}

.footer-newsletter img {
  max-width: 25px;
}

@media only screen and (max-width: 600px) {
  .footer-address, .footer-links, .footer-newsletter {
    display: block;
    width: 100%;
  }

  .footer-address, .footer-newsletter {
    margin: 0;
  }

  .footer-links.before {
    display: block;
  }

  .footer-links.after {
    display: none;
  }

  .footer-address p {
    font-size: 14px;
    margin-top: 0px;
  }

  .footer-links p {
    font-size: 14px;
  }

  .footer-newsletter p {
    font-size: 14px;
    margin-top: 0px;
  }
}



/* --- Home --- */

.home-container {
  margin: 0px auto;
  max-width: 1375px;
  text-align: center;
}

.home hr {
  margin: 0px;
  line-height: 0px;
  border: 0px;
}

/* --- */

#splash_1, #splash_2, #splash_3 {
  height: calc(100vh - 125px);
}

.home-exposition_1 {
  display: block;
  position: relative;
}

.home-exposition_2 {
  display: none;
  position: relative;
}

.home-exposition_3 {
  display: none;
  position: relative;
}

.home-exposition-infos {
  position: absolute;
  bottom: 0;
  opacity: 0.7;
  background: black;
  padding: 10px 10% 10px 10px;
  width: 100%;
}


.home-exposition-prev, .home-exposition-next {
  position: absolute;
  bottom: 40px;

  color: white;
  border-right: 5px solid;
  border-bottom: 5px solid;
  height: 30px;
  width: 30px;
  text-decoration: none;
}

.home-exposition-prev:hover, .home-exposition-next:hover {
  color: #157096;
}


.home-exposition-prev {
  left: 20px;
  transform: rotate(135deg);
}

.home-exposition-next {
  right: 20px;
  transform: rotate(-45deg);
}

.home-exposition-image {
  max-height: calc(100vh - 125px);
  overflow: hidden;
}

.home-exposition-image img {
  position: relative;
  width: 100%;
}

.home-exposition-titre {
  text-align: right;
}

.home-exposition-teaser {
  text-align: right;
  width: 50%;
  margin: 0 0 0 50%;
}

.home-exposition-titre a {
  color: white;
  font-size: 22px;
  line-height: 22px;
  text-align: right;
}

.home-exposition-dates, .home-exposition-teaser {
  color: white;
  font-size: 18px;
  line-height: 22px;
  text-align: right;
}

@media only screen and (max-width: 800px) {
  .home-exposition-teaser {
    width: 80%;
    margin: 0 0 0 20%;
  }

  #splash_1, #splash_2, #splash_3 {
    height: calc(100vh - 95px);
  }

  .home-exposition-image {
    max-height: calc(100vh - 95px);
  }

  .home-exposition-image img {
    position: relative;
    width: 200%;
    left: -50%;
  }

  .home-exposition-prev, .home-exposition-next {
    position: absolute;

    border-right: 5px solid;
    border-bottom: 5px solid;
    height: 20px;
    width: 20px;
    text-decoration: none;
  }
}

@media only screen and (max-width: 600px) {
  .home-exposition-teaser {
    width: 100%;
    margin: 0 0 0 0;
  }

  .home-exposition-image img {
    position: relative;
    width: 200%;
    left: -50%;
  }

  .home-exposition-image {
    max-height: calc(100vh - 135px);
  }

  #splash_1, #splash_2, #splash_3 {
    height: calc(100vh - 155px);
  }

  .home-exposition-prev, .home-exposition-next {
    position: absolute;

    border-right: 2px solid;
    border-bottom: 2px solid;
    height: 10px;
    width: 10px;
    text-decoration: none;
  }
}
/* --- */

.exposition-home {
  margin: 0px 20px 20px 0;
  display: inline-block;
  max-width: 400px;
  vertical-align: top;
}

/* --- */

.exposition-home-image {
  width: 400px;
  height: 400px;
  overflow: hidden;
}

.exposition-home-image img {
  position: relative;
  width: auto;
  height: 400px;
}

/* --- */

.exposition-home-infos {
}

.exposition-home-infos.before {
  display: none;
}

.exposition-home-titre b {
  display: block;
  margin: 20px 0px 20px 0px;
  font-size: 32px;
  font-weight: bold;
  line-height: 24px;
}

.exposition-home-titre a {
  color: #157096;
  text-decoration: none;
}

.exposition-home-dates span {
  color: #808080;
  font-size: 18px;
  font-weight: bold;
}

.exposition-home-description p {
  margin: 20px 0 20px 0;
  color: #808080;
  font-size: 18px;
  line-height: 22px;
  text-align: justify;
}

.exposition-home-lien a {
  color: #666666;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}

.exposition-home-lien a:hover {
  color: #157096;
}

@media only screen and (max-width: 800px) {
  .exposition-home-infos.after {
    display: none;
  }

  .exposition-home-infos.before {
    display: block;
  }
}

@media only screen and (max-width: 600px) {
  .exposition-home {
    margin: 0px 0px 20px 0;
  }

  .exposition-home-image {
    width: 100%;
    height: auto;
  }

  .exposition-home-image img {
    width: 100%;
    height: auto;
  }
}


































/* --- Expositions --- */

.expositions-container {
  margin: 0px auto;
  padding: 20px 20px 20px 20px;
  max-width: 1375px;
}

.expositions-container h1 {
  display: block;
  margin: 0px;
  font-size: 20px;
  line-height: 24px;
  text-align: justify;
  color: #157096;
}

.expositions-container p {
  color: black; 
  font-size: 18px;
  line-height: 24px;
  text-align: justify;
}

.expositions-single {
  margin: 0 0 20px 0;
}

/* --- */

.expositions-image {
  display: table-cell;
  width: 400px;
  max-height: 400px;
  text-align: center;
}

.expositions-image img {
  border: 3px solid #E0E0E0;
  max-width: 100%;
  max-height: 400px;
}

/* --- */

.expositions-infos {
  display: table-cell;
  vertical-align: top;
  padding: 0 0 0 20px;
}

.expositions-infos.before {
  display: none;
}

.expositions-titre b {
  margin: 0;
  font-size: 32px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}

.expositions-titre a {
  color: #157096;
  text-decoration: none;
}

.expositions-dates span {
  color: #808080;
  font-size: 18px;
  font-weight: bold;
}

.expositions-description p {
  margin: 20px 0 3px 0;
  color: #808080;
  font-size: 18px;
  line-height: 22px;
  text-align: justify;
}

.expositions-lien {
	margin-bottom: 15px;
}

.expositions-lien a {
  color: #666666;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}

.expositions-lien a:hover {
  color: #157096;
}

@media only screen and (max-width: 800px) {
  .expositions-infos {
    display: block;
    margin: 50px 0 20px 0;
    padding: 0px 0px 0px 0px;
  }

  .expositions-infos.after {
    display: none;
  }

  .expositions-infos.before {
    display: block;
  }
}

@media only screen and (max-width: 600px) {
  .expositions-image {
    display: block;
    width: 100%;
  }
}





/* --- Exposition --- */

.exposition-container {
  margin: 0px auto;
  padding: 20px 0px 20px 20px;
  max-width: 1375px;
}

.exposition-single {
  margin: 0 0 20px 0;
}

/* --- */

.exposition-infos {
  display: table-cell;
  vertical-align: top;
  width: 400px;
}

.exposition-titre h1 {
  margin: 0;
  font-size: 32px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
  color: #157096;
}
/*
.exposition-titre a {
  color: #157096;
  text-decoration: none;
}
*/
.exposition-dates span {
  color: #808080;
  font-size: 18px;
  font-weight: bold;
}

.exposition-description p {
  margin: 20px 0 20px 0;
  color: #808080;
  font-size: 18px !important;
  line-height: 22px !important;
  text-align: justify;
}

.exposition-description h2 {
  display: block;
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
  color: #157096;
}

.exposition-lien a {
  color: #666666;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}

.exposition-lien a:hover {
  color: #157096;
}

/* --- */

.exposition-oeuvres {
  display: table-cell;
}

.exposition-oeuvre {
  display: inline-block;
  position: relative;
  margin: 0px 0px 20px 20px;
  vertical-align: top;
  transform: translate(0%, 50%);
}

.exposition-oeuvre-image {
  position: relative;
  text-align: center;
  width: 290px;
  height: 290px;
}

.exposition-oeuvre-image .pastille-rouge {
  bottom: 44%;
  right: -20px;
}

.exposition-oeuvre-image img {
  max-width: 100%;
  max-height: 290px;
  transform: translate(0%, -50%);
}

.exposition-oeuvre-artiste b {
  font-size: 22px;
}

.exposition-oeuvre-titre i {
  font-size: 22px;
}

/* --- */

a.exposition-oeuvre-infos {
  display: flex;
  opacity: 0.60;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 290px;
  height: 290px;
  color: transparent;
  text-decoration: none;
  transform: translate(0%, -50%);

/*border: 1px solid gray;*/
}

a.exposition-oeuvre-infos:hover {
  color: white;
  background: black;
}

div.exposition-oeuvre-hover {
  margin: auto;
  font-size: 18px;
  text-align: center;
}

@media only screen and (max-width: 800px) {
  .exposition-infos {
    display: block;
    width: auto;
    margin: 0px 20px 50px 0px;
  }

  .exposition-oeuvres {
    display: block;
    margin: 0px 20px 0px 0px;
  }

  .exposition-oeuvre {
    margin: 0px 20px 20px 0px;
  }
}

@media only screen and (max-width: 600px) {
  .exposition-oeuvre {
    display: block;
    margin: 0px 0px 20px 0px;
  }

  .exposition-oeuvre-image {
    width: 100%;
  }

  a.exposition-oeuvre-infos {
    width: 100%;
  }
}





/* --- artistes --- */

.artistes-container {
  margin: 0px auto;
  padding: 0px;
  max-width: 1375px;
}

.artistes-container h1 {
  display: block;
  margin: 20px;
  font-size: 20px;
  line-height: 24px;
  text-align: justify;
  font-weight: bold;
  color: #157096;
}

.artistes-container p {
  margin: 20px;
  color: black; 
  font-size: 18px;
  line-height: 22px;
  text-align: justify;
}

.artistes-single {
  display: inline-block;
  vertical-align: top;
  margin: 20px 0 20px 20px;
}

/* --- */

.artistes-artiste {
  position: relative;
  text-align: center;
  transform: translate(0%, 50%);
}

.artistes-artiste-image {
  text-align: center;
  width: 319px;
  height: 319px;
}

.artistes-artiste-image img {
  max-width: 319px;
  max-height: 319px;
  transform: translate(0%, -50%);
}

/* --- */

a.artistes-artiste-infos {
  display: flex;
  opacity: 0.60;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 319px;
  height: 319px;
  color: transparent;
  text-decoration: none;
  transform: translate(0%, -50%);
}

@media screen and (min-width: 600px) {
  a.artistes-artiste-infos:hover {
    color: white;
    background: black;
  }
}

div.artistes-artiste-hover {
  margin: auto;
  font-size: 20px;
  text-align: center;
}

@media only screen and (max-width: 600px) {
  .artistes-single {
    display: block;
    margin: 20px 20px 20px 20px;
  }

  .artistes-artiste-image {
    width: 100%;
    height: auto;
  }

  .artistes-artiste-image img {
    max-width: 100%;
  }

  a.artistes-artiste-infos {
    width: 100%;
    height: 100%;
  }

  .artistes-artiste {
    margin-bottom: 70px;
  }

  a.artistes-artiste-infos {
    /*height: auto;
    top: unset;
    top: 55%;
    top: calc(50% + 25px);
    left: 9px;
    right: 9px;
    width: auto;
    color: white;
    background: black;
    max-width: 300px;
    margin: auto;*/
    background: transparent;
    opacity: 1;
  }

  .artistes-artiste-titre {
    position: absolute;
        bottom: -35px;
        width: 100%;
        left: 0;
        background-color: #007095;
        max-width: 300px;
        right: 0;
        margin: auto;
        color: white;
  }
}





/* --- Artiste --- */

.artiste-banner img {
  width: 100%;
  height: auto;
}

.artiste-container {
  margin: 0px auto;
  padding: 20px 0px 20px 20px;
  max-width: 1375px;
}

.artiste-single {
  margin: 0 20px 20px 0;
}

/* --- */

.artiste-image {
  display: table-cell;
  width: 500px;
}

.artiste-image img {
  max-width: 500px;
  height: auto;
}

/* --- */

.artiste-infos {
  display: table-cell;
  vertical-align: top;
  padding: 0 0 0 20px;
}

.artiste-titre h1 {
  display: block;
  margin: 0;
  font-size: 32px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  color: #157096;
}
  
.artiste-description h2 {
  display: block;
  margin: 0;
  font-size: 24px !important;
  font-weight: bold;
  line-height: 24px !important;
  text-align: left;
  color: #157096;
  text-transform: uppercase !important;
}
/*
.artiste-titre a {
  text-decoration: none;
}
*/
.artiste-titre hr {
  width: 200px;
  border: 1px solid #b99e7f;
}

.artiste-description p {
  margin: 20px 0 20px 0;
  color: #808080;
  font-size: 18px !important;
  line-height: 22px !important;
  text-align: justify;
}

/* --- */

.artiste-oeuvres {
  display: table-cell;
}

.artiste-oeuvres h2 {
  color: #A0A0A0;
  font-size: 24px;
  font-weight: bold;
  text-transform: none;

}

.artiste-oeuvre {
  display: inline-block;
  position: relative;
  margin: 0px 0px 20px 20px;
  vertical-align: top;
  transform: translate(0%, 50%);
}

.artiste-oeuvre-image {
  text-align: center;
  width: 315px;
  height: 315px;
}

.artiste-oeuvre-image img {
  max-width: 100%;
  max-height: 315px;
  transform: translate(0%, -50%);
  width: auto;
  height: auto;
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
  @media {
    .artiste-oeuvre-image img {
      max-width: unset;
    }
  }
}

.artiste-oeuvre-artiste b {
  font-size: 22px;
}

.artiste-oeuvre-titre i {
  font-size: 22px;
}
/* --- */

a.artiste-oeuvre-infos {
  display: flex;
  opacity: 0.60;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 315px;
  /*height: 315px;*/
  color: transparent;
  text-decoration: none;
  transform: translate(0%, -50%);
}

a.artiste-oeuvre-infos:hover {
  color: white;
  background: black;
}

div.artiste-oeuvre-hover {
  margin: auto;
  font-size: 20px;
  text-align: center;
}

@media only screen and (max-width: 800px) {
  .artiste-image {
    display: block;
    width: 100%;
    text-align: center;
  }

  .artiste-image img {
    margin: 0 auto;
    max-width: 100%;
  }

  .artiste-infos {
    float: left;
    padding: 30px 0 30px 0;
  }

  .artiste-oeuvres {
    display: block;
    margin: 0px 20px 0px 0px;
  }
}

/* --- FIXME --- */

@media only screen and (max-width: 600px) {
  .artiste-oeuvre {
    display: block;
    margin: 50px 0;
    transform: none;
  }

  .artiste-oeuvre-image {
    width: 100%;
    height: auto;
  }

  .artiste-oeuvre-image img {
  	width: auto;
  	height: auto;
  	max-width: 100%;
  	max-height: 500px;
    transform: none;
  }

  a.artiste-oeuvre-infos {
    width: 100%;
    height: 100%;
    transform: none;
  }

  .pastille-rouge2 {
    bottom: -20px;
    right: -20px;
  }
}


/* --- Oeuvres --- */

.oeuvres-container {
  margin: 0px auto;
  padding: 0px;
  max-width: 1375px;
}

.oeuvres-single {
  display: inline-block;
  vertical-align: top;
  margin: 20px 0 20px 20px;
}

.oeuvres-sort-box {
  margin: 0 0 0 20px;
}

.oeuvres-sort-box p {
  color: #157096;
  font-size: 18px;
  font-weight: bold;
  float: left;
  width: 271px;
}

select#medium, select#artiste, select#price, input#submit {
  color: #A0A0A0;
  width: 250px;
  font-weight: normal;
  border-radius: 5px !important;
}

input#submit {
  background-color: #157096;
  color: white;
  width: 50px;
  margin-top: -1px;
}

button.make-an-offer {
  background-color: #FFFFFF !important;
  color: black !important;
  width: 250px;
  height: 40px;
  font-weight: bold !important;
  font-size: 20px !important;
  border-radius: 10px !important;
  border: 1px solid black !important;
}

/* --- */

.oeuvres-oeuvre {
  position: relative;
}

.oeuvres-oeuvre-image {
  text-align: center;
  width: 248px;
  height: 248px;
  line-height: 248px;
}

.oeuvres-oeuvre-image img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 248px;
  width: auto;
  height: auto;
}

.oeuvres-oeuvre-artiste b {
  font-size: 22px;
}

.oeuvres-oeuvre-titre i {
  font-size: 22px;
}

/* --- */

a.oeuvres-oeuvre-infos {
  display: flex;
  opacity: 0.60;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 248px;
  height: 248px;
  color: transparent;
  text-decoration: none;
}

a.oeuvres-oeuvre-infos:hover {
  color: white;
  background: black;
}

div.oeuvres-oeuvre-hover {
  margin: auto;
  font-size: 18px;
  text-align: center;
}

/* --- FIXME --- */

@media only screen and (max-width: 600px) {
  .oeuvres-single {
    display: block;
    margin: 50px 0;
  }

  .oeuvres-oeuvre-image {
    width: 100%;
    height: auto;
  }

  .oeuvres-oeuvre-image img {
  	max-width: 100%;
  	height: auto;
  	width: auto;
  	max-height: 500px;
  }

  a.oeuvres-oeuvre-infos {
    width: 100%;
    height: 100%;
  }
}





/* --- oeuvre --- */

@media screen and (max-width: 850px) {
  body.single-product div.single-product + .row {
    margin: 0;
  }

  body.single-product div.single-product + .row > .related {
    margin: 0;
  }

  body.single-product div.single-product + .row > .related > .products {
    margin: 0;
  }

}

@media screen and (max-width: 500px) {
  body.single-product #button-order-mod {
    margin-right: 0;
    width: 100%;
  }

  body.single-product .single_variation_wrap_angelleye {
    width: 100%;
    display: block;
    margin-top: 5px;
  }

  body.single-product .offers-for-woocommerce-make-offer-button-single-product {
    width: 100%;
    margin-left: 0;
  }
}

.oeuvre-single {
  margin: 0px 0 20px 0;
}

.oeuvre-single-image {
  position: relative;
  display: table-cell;
  width: 520px;
  height: 520px;
  text-align: center;
}
/*
.oeuvre-single-image .pastille-rouge {
  bottom: -10px;
  right: -30px;
}
*/
.oeuvre-single-image img {
  max-width: 520px;
  max-height: 520px;
}

.oeuvre-single-image_principale {
  width: auto;
  height: auto;
}

.oeuvre-single-infos {
  display: table-cell;
  vertical-align: top;
  padding: 0 0 0 80px;
}

/* --- */

.oeuvre-single-artiste b {
  margin: 0;
  font-size: 40px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}

.oeuvre-single-artiste a {
  color: #157096;
  text-decoration: none;
}

.oeuvre-single-title h1 {
  margin: 10px 0 10px 0;
  color: #808080;
  font-size: 30px;
  font-style: italic;
  text-transform: capitalize;
}

.oeuvre-single-title h1 span {
  font-size: 24px;
}

.oeuvre-single-data {
  color: #666666;
  font-size: 18px;
}

.oeuvre-single-details {
  margin: 5px 0;
}

.oeuvre-single-details span {
  color: #666666;
  font-size: 17px;
  font-weight: bold;
  padding-left: 10px;
}

.oeuvre-single-details img {
  width: 18px;
/*vertical-align: bottom;*/
}

.oeuvre-single-details a {
  color: #666666;
  font-size: 17px;
  font-weight: bold;
  text-decoration: underline;
}

.oeuvre-single-description {
  color: #808080;
  color: red; 
  font-size: 18px;
  line-height: 22px;
  text-align: justify;
}

.oeuvre-single-description p {
  font-size: 18px !important;
}
.oeuvre-single-prix {
  margin: 3px 0 10px 0;
}

.oeuvre-single-plus {
  position: relative;
  top: 3px;
  font-size: 18px;
  color: #A0A0A0;
}

.oeuvre-single-panier, .oeuvre-single-contact {
  font-size: 20px;
  font-weight: bold;
  border: 0;
  height: 40px;
  width: 220px;
  padding: 0;
  margin: 10px 0 0 0;
//border: 1px solid black;
  border-radius: 10px;
  color: white;
  background: #157096;
}

.oeuvre-single-infos p {
  color: #A0A0A0;
  font-size: 18px;
  line-height: 22px;
}

.oeuvre-single-panier:hover {
  color: white;
  background: #157096;
}

.oeuvre-single-contact:hover {
  color: black;
  text-decoration: none;
}

hr.product_line {
  color: black;
  border-top: 1px solid #C0C0C0;
}

.woocommerce-Price-amount {
  color: #000000 !important;
  font-size: 30px;
  font-weight: bold;
}

.oeuvre-single-livraison {
  color: #666666;
  font-size: 16px;
}

@media only screen and (max-width: 800px) {
  .oeuvre-single-infos {
    display: block;
    margin: 20px 0 20px 0px;
    padding: 0;
  }
}

@media only screen and (max-width: 700px) {
  .oeuvre-single-image {
    display: block;
    width: 100%;
    height: auto;
  }

  .oeuvre-single-image img {
    max-width: 100%;
    height: auto;
  }
}

/* ----- */

.shop-empty-cart-page {
  background-color: #FFFFFF !important;
  padding: 50px 50px 100px 50px !important;
  border: 0 !important;
}

.cart-empty-title h1 {
  color: #157096 !important;
}

.return-to-shop a {
  color: #000000 !important;
}

.cart_totals table tr th {
   word-break: normal !important;
}

.cart_totals table tr td {
   text-align: left !important;
   padding-left: 10px !important;
}

tr.shipping td, tr.order-total td {
   padding: 0px !important;
}

.post-content small { display: none; }

#sb_instagram .sbi_follow_btn a, 
#sb_instagram .sbi_follow_btn a:hover {
    background: #326A7C !important;
    box-shadow: none !important;
}

.header-links-cart svg {
  padding-bottom: 3px !important;
}

.contact-newsletter .newsletter-form {
  height: 263px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #326A7C;
  margin: 0;
  width: 100%;
  max-width: unset !important;
}

.contact-newsletter .newsletter-form p {
  color: white;
}

.contact-newsletter .newsletter-form .buttons {
  display: flex;
}

.single_variation_wrap_angelleye {
}

.single_variation_wrap_angelleye button {
/*  background: #157096 !important;
  border: none !important;*/
  color: #157096 !important;
}

.cart-reassurance {
	position: absolute;
	margin-top: 50px;
}

.cart-reassurance .oeuvre-single-details span,
.cart-reassurance .oeuvre-single-details a {
  font-weight: 300;
  text-transform: uppercase;
  color: #222;
}

@media screen and (max-width: 960px) {

  .cart-reassurance .break-smartphone {
    display: block;
    padding-left: 30px !important;
  }

	.cart-reassurance {
		position: relative;
		margin-top: 25px;
	}

	.cart-collaterals {
		margin-top: 25px !important;
	}

  .cart-reassurance .oeuvre-single-details span,
  .cart-reassurance .oeuvre-single-details a {
    font-size: 16px;
  }

}

.woocommerce-cart .woocommerce-shipping-totals {
  display: none;
}

.woocommerce-checkout #customer_details {
	position: relative;
}

.checkout-reassurance {
	position: absolute;
	bottom: -100px;
	left: 17px;
  max-width: 350px;
  margin: auto;
}

.checkout-reassurance .oeuvre-single-details span,
.checkout-reassurance .oeuvre-single-details a {
  color: #222;
  font-weight: 300;
}

.break-smartphone {
  padding-left: 0 !important;
}

@media screen and (max-width: 992px) {

  .woocommerce-checkout .break-smartphone {
    display: block;
    padding-left: 30px !important;
  }

	.woocommerce-checkout .order-totals-column {
		margin-top: 160px;
	}

	.checkout-reassurance {
		bottom: -140px;
    left: 0;
	}

	.checkout-collaterals {
		margin-top: 25px !important;
	}

  .checkout-reassurance .oeuvre-single-details span,
  .checkout-reassurance .oeuvre-single-details a {
    font-size: 16px;
  }

}

.woocommerce #place_order {
  text-transform: inherit;
}

.wpcf7-spinner {
    display: block;
    margin: auto;
    margin-top: 5px;
}