/**
 * @file
 * Subtheme specific CSS.
 */

#views-bootstrap-homepage-slideshow-block-1 .carousel-caption {
  background: rgba(255, 255, 255, 0.6);
  color: #00a9e0;
}

.dc-product--details .field--type-entity-reference {
  margin: 0 0 0 !important;
}

.dc-product--details .field--name-price {
/*  margin: 10px 0 30px;
  font-size: 22px;
  font-weight: bold;*/
}

article.commerce-product {
  position: relative;
}

article.commerce-product.full {
  margin-bottom: 40px;
}

article.commerce-product.full .product-left {
  margin-bottom: 10px;
}

article.commerce-product.full .product-right .product-title {
  margin: 0 65px 10px 0;
}

article.commerce-product.full .product-right .field--name-price {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 15px;
  color: #00a9e0;
  font-size: 20px;
  font-weight: bold;
}

article.commerce-product.full .product-right .field--name-variations:before,
article.commerce-product.full .product-right .field--name-variations:after {
  display: table;
  content: " ";
}

article.commerce-product.full .product-right .field--name-variations:after {
  clear: both;
}

article.commerce-product.full .product-right .field--name-variations button {
  margin-bottom: 10px;
}

article.commerce-product.full .product-right .field--name-variations button[id*="edit-submit"]:after {
  margin-left: 8px;
  content: "\f07a";
  color: #fff;
  font-family: "FontAwesome";
}

article.commerce-product.full .product-right .field--name-variations button[id*="wishlist"]:after {
  margin-left: 8px;
  content: "\f004";
  color: #fff;
  font-family: "FontAwesome";
}

article.commerce-product.full .product-right .field--name-quantity {
  float: left;
  margin-right: 15px;
}

article.commerce-product.full .product-right .field--name-quantity label {
  display: none;
}

article.commerce-product.full .product-right .field--name-quantity input[type="number"] {
  max-width: 70px;
}
article.commerce-product.full .product-right .field__label,
.view-commerce-checkout-order-summary .field--label-inline .field__label {
  padding-right: 2em;
}
article.commerce-product.full .product-right .product-info .field__item {
  min-width: 10em;
}

article.commerce-product.full .product-right .dc-product--details .product-info, .view-commerce-checkout-order-summary .views-field-purchased-entity {
  display: table;
  margin-bottom: 1em;
}

article.commerce-product.full .product-right .product-info .field--label-inline, .view-commerce-checkout-order-summary .field--label-inline {
  display: table-row;
}

article.commerce-product.full .product-right .product-info .field__label,
article.commerce-product.full .product-right .product-info .field__item,
.view-commerce-checkout-order-summary .field--label-inline .field__item,
.view-commerce-checkout-order-summary .field--label-inline .field__label {
  display: table-cell;
  border-bottom: 0.01em solid #ddd;
  margin-bottom: 3px;
}

article.commerce-product.full .product-right .product-info .field--name-price {
  border-bottom: 0px;
  text-align: right;
}

article.commerce-product.full .product-right .product-info .field--name-price:after {
  content: " excl. VAT";
  font-size: xx-small;
  position: relative;
  bottom: -1em;
  left: -1em;
}

#product-image-slider .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300a9e0' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")

}
#product-image-slider .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300a9e0' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

#product-image-slider .carousel-indicators li {
  background-color: rgb(0, 169, 224, 0.5);
}

#product-image-slider .carousel-indicators li.active {
  background-color: rgb(0, 169, 224);
}

.cart-block--link__expand {
  display: block;
  padding: .5rem 1rem;
}
a.cart-block--link__expand {
  color: rgb(255,255,255,.7);
  text-decoration: none;
}

a.cart-block--link__expand:hover {
  color: rgb(255,255,255,1);
}

.product-item-grid:hover, .fixation-reference:hover {
  background-color: rgb(0, 169, 224, 0.2);
  -webkit-box-shadow: 5px 5px 5px 0px rgba(2,122,158,0.4);
  -moz-box-shadow: 5px 5px 5px 0px rgba(2,122,158,0.4);
  box-shadow: 5px 5px 5px 0px rgba(2,122,158,0.4);
  border: 1px rgba(227, 224, 218, 0.9);
}
.product-item-grid .list-group-item {
  background-color: transparent;
  border: 0px !important;
}

.product-item-grid .title {
  padding: 0.5rem 0;
}

label[for] {
  cursor: pointer;
}

/**
 * @file
 * Styles for the rendered product attributes element.
 */

/*.product--rendered-attribute .form-item {*/
.custom-control-label .form-item {
  display: inline-block;
  vertical-align: middle;
  margin: 2px;
}
/*.product--rendered-attribute label.option {*/
.custom-control-label label.option {
  display: inline-block;
}
/*.product--rendered-attribute .form-radio {*/
.product-right label.custom-control-label::before {
  display: none;
  position: relative;
  float: left;
}
.product-right .custom-control {
  display: inline-block;
  padding-left: 1em;
}
/*.product--rendered-attribute__selected label.option {*/
.custom-control-label label.option {
  border: 1px solid;
  display: none;
}

.product-right .color_field__swatch {
  border: 1px #00a9e0;
  border-style: outset;
}
.product-right .color-selected {
  border: 3px #00a9e0;
  border-style: inset;
}

.fixation-reference-header {
  text-align: center;
}

.fixation-reference {
  margin-bottom: 1em;
}

/* offcanvas style */
#cart-offcanvas {
  background-color: rgb(0, 169, 224, 0.5);;
}

.cart--cart-offcanvas {
  margin: 0.2em;
}
.cart-block--offcanvas-contents__links {
  padding: 0.5em;
}

.product-right .color_field__swatch--square.ral-gradient {
  background-image: linear-gradient(75deg, red 0%,orange 25%,yellow 40%,green 65%,blue 80%,indigo 90%,violet 95%);
}
.ral-text {
  color: black;
  text-shadow:
   -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white;
  padding-left: 0.5em;
}

.product-right .color_field__swatch--square.color-na {
  background-image: url("../img/no-color-background.png");
}

#block-cartflyout {
  margin-left: 2em;
}
.cart-block--offcanvas-contents__links {
  float: right;
  margin-top: -3em;
}
.alert-success a, .alert-success a:hover, .alert-success a:active {
  color: yellow;
}
#block-exposedformproduct-searchpage-2 {
  margin-left: 1em;
}

#edit-email-registration-completion-registration {
  background-color: rgb(0, 169, 224, 0.2);
  padding: 1em;
}

.ral-color-addition-form {
  background-color: rgb(0, 169, 224, 0.2);
  padding: 1em;
}
.search-api-autocomplete-search .ui-menu-item {
  padding: 0.2em;
}
.search-api-autocomplete-suggestion {
  min-height: 2.5em;
}

/*==================================================
 * Effect 6
 * ===============================================*/
 .effect6
 {
   position:relative;
     -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
             box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 }
 .effect6:before, .effect6:after
 {
 content:"";
     position:absolute;
     z-index:-1;
     -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
     -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
     box-shadow:0 0 20px rgba(0,0,0,0.8);
     top:50%;
     bottom:0;
     left:10px;
     right:10px;
     -moz-border-radius:100px / 10px;
     border-radius:100px / 10px;
 }
 .effect6:after
 {
 right:10px;
     left:auto;
     -webkit-transform:skew(8deg) rotate(3deg);
        -moz-transform:skew(8deg) rotate(3deg);
         -ms-transform:skew(8deg) rotate(3deg);
          -o-transform:skew(8deg) rotate(3deg);
             transform:skew(8deg) rotate(3deg);
 }