form.commerce-add-to-cart input.form-text {
    background: #fff;
    color: #000;
}
input.form-text:focus, textarea:focus, select:focus {
  border-color: #CB0013;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px #CB0013;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px #CB0013;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px #CB0013;
}

.view-id-commerce_cart_block .view-header p {
	color: red;
}





.view-id-taxonomy_term  .views-field-add-to-cart-form {            
/*max-width: 90%;*/                                                    
padding-left: 20px;                                                    
}                                                                      
    
.view-id-taxonomy_term .grundpreis {                                
/*max-width: 90%;*/                                        
padding-left: 20px;
}                                                          
                                                           
.view-id-taxonomy_term h4 {          
/*max-width: 90%;*/                                                    
padding-left: 20px;                                                    
padding-right: 20px;                                                   
}  

.view-id-taxonomy_term  .views-field-field-shipping-costs {
/*max-width: 90%;*/
padding-left: 20px;
padding-right: 20px;
}

.view-id-taxonomy_term img {
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
}















.flexcatalog .view-content {
  display: flex;
  flex-wrap: wrap;
}


.flexcatalog .term-catalog-item,
.flexcatalog .front-catalog-item/*,
.flexcatalog .boutique-catalog-item*/ {
  position: relative;
  width: calc(100% - 2rem);
  padding: 1rem;
}

/*.flexcatalog .boutique-catalog-item {
  position: relative;
  width: calc(50% - 2rem);
  padding: 1rem;
}*/
.flexcatalog .views-field-name a {
  position: absolute;
  bottom: 15%;
  left: 1rem;
  padding: 1rem;
  background: rgba(255,255,255,0.75);
  text-align: center;
  width: calc(100% - 4rem);
  font-size: 2rem;
  font-weight: normal;
}

/*FRONT PAGE*/
@media only screen and (min-width: 550px) {
   .flexcatalog .front-catalog-item {
    width: calc(50% - 2rem);
  }
}



/*jean------->*/

/*CATALOG PAGE*/
@media only screen and (min-width: 550px) {                
  .flexcatalog .term-catalog-item {                       
    width: calc(33% - 2rem);                               
  }                                                        
}   
/*BOUTIQUE PAGE*/
@media only screen and (min-width: 550px) {                                                                                                    
  .flexcatalog .boutique-catalog-item {
     width: calc(50% -2rem);                         
     padding-bottom: 60px;
     padding-right: 20px;
  }                                                                                                                                             
  .flexcatalog .views-field-name a {
    font-size:1.5rem;                                                                                                                          
  }                                                                                                                                             
  article {          
    max-width:200ch;
    margin: 2rem auto;                  
  }                                                                                                                                             
      

/*.flexcatalog .boutique-catalog-item .views-field-name a {   
  position: absolute;                      
  bottom: 15%;                         
  left: 1rem;                               
  padding: 1rem;                                           
  background: rgba(255,255,255,0.75);
  text-align: center;                      
  width: calc(100% - 4rem);                
  font-size: 2rem;                          
  font-weight: normal;                 
}  */
}
/<------------------*jean*/



@media only screen and (min-width: 769px) {
  .flexcatalog .front-catalog-item {
    width: calc(33% - 2rem);
  }
}
@media only screen and (min-width: 1240px) {
  .flexcatalog .front-catalog-item {
    width: calc(25% - 2rem);
  }
  .flexcatalog .views-field-name a {
    font-size: 1.5rem;
  }
  article {
    max-width: 90ch;
    margin: 2rem auto;
  }
}

.col-1 .col-first {
    display: block;
    padding-left: auto;
    padding-right: auto;
}




.ds-2col-stacked .group-left {
    width: 45%;
}

.checkout-review .field-type-addressfield {
display: none;
}
.checkout-review .field-name-field-billing-telephone {
display: none;
}
.checkout-review .field-name-field-shipping-phone {
display: none;
}
.checkout-review .field-name-field-vat-number {
display: none;
}



.views-field-commerce-customer-billing .field-type-addressfield {
display: inline;
}
.views-field-commerce-customer-shipping .field-type-addressfield {
display: inline;
}
.views-field-commerce-customer-billing .field-name-field-billing-telephone {
display: inline;
}
.views-field-commerce-customer-shipping .field-name-field-shipping-phone {
display: inline;
}
.views-field-commerce-customer-billing .field-name-field-vat-number {
display: inline;
}


.fs-medium .view-mode-checkout_pane a {
    font-size: 2em;
}

#branding hgroup {
  /*  padding-top: 1.4em;*/
}

#content-wrapper {
	background: #fff;
}

.checkout-review  .review-summary .view-grouping-content {
background-color:#ffb;
color:#000;
border-color: #ffb;
border-style:solid;
border-width:10px;
}
.checkout-review  .review-summary .view-footer {
background-color:#ffb;
color:#000;
border-color: #ffb;
border-style:solid;
border-width:10px;
}
.checkout-review  .review-summary .view-header .cols-3 {
background-color:#fff;
color:#666;
}

/* review prices in one line */

.commerce-order-handler-area-order-total .commerce-price-formatted-components {
    margin-left: auto;
    width: 40%;
}
.commerce-order-handler-area-order-total .commerce-price-formatted-components .component-title {
  width: 60%;
}
.commerce-order-handler-area-order-total .commerce-price-formatted-components .component-total {
  width: 40%;
}

/* black lines in checkout review highlighted */
.page-checkout-review .view-grouping tbody {
    border-top: 1px solid #000;
}

.page-checkout-review .view-grouping tr.even, .page-checkout-review .view-grouping tr.odd {
    border-bottom: 1px solid #000;
}


table.checkout-review tr.pane-title td, table.checkout-review .form-item {
 display:none;
}


/* add a little space between headline and picture in product views */
.views-field-title {
  margin-bottom: 5px;
}

/* add a little space between headline and pic and description in taxonomy-view */
.view-taxonomy-term .views-field-title h2 {
  margin-bottom: .5em;
}
.view-taxonomy-term .views-field-body {
  margin-top: .5em;
}

/* nicer views */
.view-most-seen td,
.view-best-sales td,
.view-drinks td {
  padding: 10px 14px 10px 0;
  vertical-align: top;
}
.view-most-seen .views-field-title,
.view-best-sales .views-field-title,
.view-drinks .views-field-title {
    margin-top: 1em;
    min-height: 5em;
}
.view-most-seen .views-field-add-to-cart-form,
.view-best-sales .views-field-add-to-cart-form,
.view-drinks .views-field-add-to-cart-form {
  text-align: right;
  margin: .5em 5px 0 0;
}

/* align Menu with Header Image */
#branding {
	min-width: 320px;
    	width: 30%;
}
.hl-l .region-header {
    	margin: 0;
	float: left;
    	margin: 17px 0 0 0;
    	position: relative;
    	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media only screen and (min-width:1024px) {
.hl-l .region-header {
	width: 70%;
	}
}
.block-superfish div {
  margin: 0;
}
ul.menu li {
  margin: 0 .5em 0 0;
}

/* align products with headline in taxonomy-view */
.view-taxonomy-term td {
  padding: 10px 0;
}

/* je laisserai un peu d'espace entre main column et sidebar */
#main-content {
  padding-right: 2em;
}

/* Menu in Menu Block */

#nav-wrapper {
	box-shadow: none;
	top: .5em;
}

#menu-bar {
	background: none;
}

/* Hide Edit links on customer profiles on checkout page */
.page-checkout-checkout .edit,
.page-checkout-checkout .agb,
.page-checkout-checkout .shipping,
.page-checkout .agb,
.page-checkout .shipping,
.page-checkout .edit
 {
  display: none;
}
 
.page-checkout-review .edit,
.page-checkout-review .agb,
.page-checkout-review .shipping {
display: inline;
}

/* Cart with borders */

.block-commerce-cart {
    	border: 1px solid;
    	padding: .5em;
	margin-top: -1.5em;
    	float: right;
	order: 4;
	max-width: 380px;
}
@media only screen and (max-width:600px) {
	.block-commerce-cart {
		margin-top:1em;
	}
}
.block-commerce-cart h2 {
	background: url(../cart.png) no-repeat center left !important;
	padding-left: 2.5em !important;
}

/* add a little space between the cart elements */
.region-header .block-commerce-cart td {
  padding: 0 5px 0 0;
}
/* but not on the last one */
.region-header .block-commerce-cart td:last-child {
  padding: 0;
}
.region-header .block-commerce-cart ul.links {
  float: right;
  padding: 0.5em 0;
}

/* Language Switcher without list-bullets */
.language-switcher-locale-url {
	display: flex;
	justify-content: space-between;
}
.language-switcher-locale-url li {
  list-style: none;
  display: inline-block;
  padding-left: 1em;
  /* padding-right: 1em;*/
}

/* checkout progress in one line (enlève le width:16% du li) */
ol.commerce-checkout-progress {
  margin: 0 0 0 20px;
}
.commerce-checkout-progress li {
  float: left;
  padding: 0 50px 0 0;
}

/* Buttons float right in correct order */
.page-checkout fieldset#edit-buttons .fieldset-wrapper {
  float: right;
  overflow: visible;
  padding: 0;
  text-align: left;
}
.page-checkout-review fieldset#edit-buttons {
  margin-top: -8em;
}
.page-checkout-review fieldset#edit-buttons input {
  float: left;
  text-align: left;
}
.button-operator {
  float: left;
  margin: 0.5em 1em;
}


/* More modern Button */

.itrc-6 input.form-text, .isrc-6 input.form-submit {
    border-radius: 4px 4px 4px 4px;
    font-weight: bold;
    padding: 3px 15px 4px;
    border: 0;
    background-image: none;
	color: #fff;
    background-color: #CB0013;
}
.itrc-6 input.form-text:hover, .isrc-6 input.form-submit:hover {
  background-color: #E60015;
}

 
form.commerce-add-to-cart input, .add-to-cart #edit-actions input, input#edit-checkout, input#edit-continue {
background-color: #CB0013;
    background-image: linear-gradient(180deg, #CB0013, #555555);
    border: 2px solid #000000;
    color: #FFFFFF;

}



.views-field-field-tagline .field-content a  {
    background: none repeat scroll 0 0 #fff;
    opacity: .8;
    color: #000;
    border: 1px solid #b1b1b1;
    font-family: "Open Sans",sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
    height: 50px;
    line-height: 30px;
    margin-top: 200px;
    padding-left: 8px;
    padding-top: 15px;
    position: absolute;
    top: 0;
    text-align: center;
    width: 260px;
    z-index: 1;
 }

 

  .views-field-field-tagline .field-content a:hover {
   background-color:#dddddd;
color:black;
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
 }

#block-block-27 { /*contact us block in header*/
	float: left;
	max-width: 450px;
	margin: 0 0 0 1em;
	order: 1;
}
#block-search-form { 
	clear: left;
    	float: left;
    	margin: 1.8em 0 1em 1em;
   	width: 320px;
    	position: relative;
	order: 3;
}

.block-search .searchfield {
    float: left;
    margin-right: 3px;
    margin-top: 4px;
    width: 200px;
}
.block-search .search-submit {
	float:left;
	width: 100px;
	margin-left: 5px;
    	padding: 4px 15px 3px;
}

#block-locale-language {
	order: 2;
}
#block-locale-language .block-inner {
	margin:0;
}
/*#block-locale-language li a {
text-decoration: line-through;
}*/

#block-views-demo-content-slideshow-block-1 {
margin-left: 45px;
}
#block-views-demo-content-slideshow-block-1 .bx-window {
    overflow: visible !important;
}
#block-views-demo-content-slideshow-block-1 .bx-wrapper, #block-views-demo-content-slideshow-block-1 .bx-wrapper .bx-window {
    height: 580px !important;
    max-height: 580px;
    min-width: 940px;
}
#block-views-demo-content-slideshow-block-1 .event-slider .views-field-nothing, #block-views-demo-content-slideshow-block-1 .event-slider .views-field-nothing em, #block-views-demo-content-slideshow-block-1 .bx-prev, #block-views-demo-content-slideshow-block-1 .bx-prev em, #block-views-demo-content-slideshow-block-1 .bx-next, #block-views-demo-content-slideshow-block-1 .bx-next em {
    display: block;
    text-indent: 0;
}
#block-views-demo-content-slideshow-block-1 .bx-prev, #block-views-demo-content-slideshow-block-1 .bx-next {
    bottom: 0;
    position: absolute;
}
#block-views-demo-content-slideshow-block-1 .bx-next {
    right: 0;
}
#block-views-demo-content-slideshow-block-1 .item-list .event-slider li {
    height: 480px;
    width: 940px;
}
#block-views-demo-content-slideshow-block-1 .event-slider .views-field-nothing, #block-views-demo-content-slideshow-block-1 .bx-prev, #block-views-demo-content-slideshow-block-1 .bx-next {
    height: 80px;
    margin-right: 2%;
    text-align: center;
    width: 32%;
}
#block-views-demo-content-slideshow-block-1 .event-slider .views-field-nothing {
    background: none repeat scroll 0 0 #888888;
    border: 1px solid #CCCCCC;
    bottom: -100px;
    color: #FFFFFF;
    left: 34%;
    padding-bottom: 5px;
    position: absolute;
}
#block-views-demo-content-slideshow-block-1 .bx-prev, #block-views-demo-content-slideshow-block-1 .bx-next {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #000000;
    display: block;
    margin-top: 15px;
    padding-bottom: 5px;
    text-decoration: none;
}
#block-views-demo-content-slideshow-block-1 .bx-prev:hover, #block-views-demo-content-slideshow-block-1 .bx-next:hover {
    background: none repeat scroll 0 0 #FFFFFF;
}
#block-views-demo-content-slideshow-block-1 .bx-prev {
    float: left;
    margin-left: 0;
}
#block-views-demo-content-slideshow-block-1 .bx-next {
    float: right;
    margin-right: 0;
}
#block-views-demo-content-slideshow-block-1 .event-slider .views-field-nothing span, #block-views-demo-content-slideshow-block-1 .bx-prev span.control, #block-views-demo-content-slideshow-block-1 .bx-next span.control {
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 21px;
    font-weight: 300;
    height: 80px;
    line-height: 28px;
    overflow: hidden;
    padding: 10px 25px 0;
}
#block-views-demo-content-slideshow-block-1 .event-slider .views-field-nothing em, #block-views-demo-content-slideshow-block-1 .bx-prev span.control em, #block-views-demo-content-slideshow-block-1 .bx-next span.control em {
    font-family: "Open Sans",sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
}



#secondary-content-wrapper .texture-overlay {
padding-bottom: 1em;
padding-top: 1em;

}










.meter-wrap{
    position: relative;
    border: 3px solid #000000;
}

.meter-wrap, .meter-value, .meter-text {
    /* The width and height of your image */
    width: 230px; 
    height: 30px;
}

.meter-wrap, .meter-value {
background: #f5f5f5 ;
}
            
.meter-text {
    position: absolute;
    top:0; left:0;

    padding-top: 5px;
                
    color: #fff;
    text-align: center;
    width: 100%;
}




#mc-embedded-subscribe-form {
color: #cb0013;
background-color: #202020;
}


#mc_embed_signup input.button {
color: #000;
}
#mc_embed_signup  {
color: #000;
background-color: #000;
}

.sf-menu.sf-style-white a {
color: #cb0013;
padding: 0 1em;
}
.region-footer .sf-menu.sf-style-white a {
	padding: 1em;
}
.sf-menu.sf-style-white a:hover {
background-color: #999999;
color: #cb0013;
}


.sf-depth-2  {
width:100%;
background-color: #fff;
}

#site-slogan {
font-size:150%;
}

#site-name {
margin-top: 0.55em;
display: inline-block;
}

#logo {
margin-top: 1em;
margin-left: 1.5em;
display: inline-block;
}
colorbox-node {
    text-decoration: underline;
}



.sf-menu ul li {
    width: 120%;
}
.menu-views h3 {
    font-size: 22px;
}
.menu-views .field-content > a {
    font-size: 12px;
}
/*.sf-menu.sf-style-white li li li {
     background-color: #fff;
}
.view-id-test_menu, .view-id-test_menu:hover {
background-color: green;
}*/

/*.sf-menu.sf-style-white li li li {
     background-color: #fff;
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
/*}*/