/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

.carousel-image{
	width: 100% !important;
}

/*

exposed filter fix

*/
.views-exposed-form .form--inline #edit-actions{

 vertical-align: bottom;
}

  
body{
	margin-top: 0px;
}

/*
  Carousel	
*/

.carousel-image{
	width: 100% !important;

}
 

 

/*
 navbar fix
*/

.navbar-fixed-top{
	position: relative;
}


/*
	cart css
*/



.stuff{
}
.cart-block--contents{
	display: block;
}

.cart--cart-offcanvas{
	padding-top: 50px;
}

.cart-block--contents__links{
	color: #2780e3;
}

.cart--cart-block > div > a > span > .img-responsive{
	height: 20px;
	width: 15;
}



/*
	Product details page css
*/

div.productcolumn > .Prod-Title{
	padding-top: 50px;
}

div.productcolumn > div > a > .img-responsive{
	height: 275px;
	width: 436px;
	border: solid;
}

.productcolumn {
  float: left;
  width: 40%;
  padding: 10px;
}

.productrow:after {
  content: "";
  display: table;
  clear: both;
}

/*
	general
*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
	color: #4e6220;
}

#navbar{
	background-color: #d1d0c8;
}

body{
background-color: #f5f5f5;
}
.contextual-region{
	
}

.carousel-image{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}



.media--slick > .img-responsive{
	width: 1140px;
	height: 250px;
}

.navbar .navbar-default .navbar-fixed-top
{
	background-color: #d1d0c8;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	background-color: #d1d0c8;
}

.navbar-nav > li > a{
	padding-top: 20px;
}

/*
	language switcher block css
*/

ul > li > .language-link{
	color: #4e6220;
	padding: 20px;
	display: block;
	margin-left:10px;
	margin-bottom: -15.5px;
	
}

.language-link:hover{
	background: #ccccc9;
	color: #034165; 
}


/*
	Navbar css
*/

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background-color: #ccccc9;
	color: #034165;
	box-shadow: 0px 2px 0px #034165;
}

.is-active{
	background-color: #ccccc9;
	color: #034165;
	box-shadow: 0px 2px 0px #034165;
}

.navbar-default .navbar-nav > li > a:focus{
	background: #ccccc9;
	color: #034165;
}

.navbar-default .navbar-nav > li > a:hover{
	background: #ccccc9;
	color: #034165;
}
.navbar-default .navbar-nav > li > a:hover {
	background: #ccccc9;
	color: #034165; 
}

li {
  display: inline-block;
  position: relative;
  margin-right: 10px;
}
.navbar-default .navbar-nav > li:last-child {
  margin-right: 0;
}

.navbar-default .navbar-nav > li:after {
  content: '';
  display: block;
  margin: auto;
  height: 2px;
  width: 0px;
  background: transparent;
  transition: width .75s ease, background-color .75s ease;
}
.navbar-default .navbar-nav > li:hover:not(.active):after {
  width: 100%;
  background: #034165;
}

.navbar-default .navbar-nav > li:active:after{
width: 100%;
background: #034165;
}

.navbar-default .navbar-nav > li > a{
	color: #4e6220;
	height: 60px;
}

.navbar{
  background-color: #d1d0c8;
  background-size: auto;
  background-image: linear-gradient(#d1d0c8, #d1d0c8);
	color: black;
	border-bottom: 0px solid transparent;
  /*background-size: 1300px 130px;
    background-repeat: no-repeat;*/
  
}

.navbar-default{
	background-color: #d1d0c8;
}
.navbar-default .navbar-brand 
{
  display: none;
}
.navbar-brand{
  display: none;
}

.weblogo{
  padding-top: 5px;
  width: 178px;
}

/*
	product card css
*/

.field.field--name-product-id.field--type-entity-reference.field--label-hidden.field--item
{
	color: #333333;
  font-size: 16px;
  text-align: left;
  padding-left: 5%;
  margin: 0 0 5px;
}

.field.field--name-price.field--type-commerce-price.field--label-hidden.field--item,
.field.field--name-field-stock.field--type-commerce-stock-level.field--label-inline{
	color: #333333;
  font-size: 16px;
  text-align: left;
  padding-left: 5%;
  margin: 0 0 5px;
  float: left;
  width: 50%;
}

.Prod-Title{
  color: #333333;
  font-size: 16px;
  text-align: left;
  padding-left: 5%;
  margin: 0 0 5px;
}

.field.field--name-variations.field--type-entity-reference.field--label-hidden.field--items{
	padding-top: 30px;
	padding-left: 5%;
}


.img-responsive{
	height: 150px;
	width: 200px;
}

.imageSize{
	height: 150px;
	width: 200px;
}
.card {
  box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.2);
  max-width: 225px;
  margin: 2em;
  border: thin;
  text-align: center;
  font-family: arial;
  float: left;
  background: #f5f5f5;
  border-style: solid;
  border-color: white;
  border-width:3px;
}

.comment-forbidden{
	display: none;
}

.comment-add{
	display: none !important; 
}

.Title > .field.field--name-title.field--type-string.field--label-hidden.field--item{
	color: #333333;
	font-size: 32px;
	padding-left: 0%;
}

.contact-us{
  -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
  background-color: white;
  border: 2px solid #555555;
  color: black;
}

.contact-us:hover {
  background-color: #555555; /* Green */
  color: white;
}

.field.field--name-title.field--type-string.field--label-hidden.field--item{
	color: #333333;
  font-size: 16px;
  text-align: left;
  padding-left: 5%;
  margin: 0 0 5px;
}

.price {
  color: #333333;
  font-size: 16px;
  text-align: left;
  padding-left: 5%;
  margin: 0 0 5px;
}

.card button {
	
  outline: 0;
  padding: 12px;
  color: white;
  background-color: #3c3833;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 12px;
	
	
}

.card:hover{
	border-style: solid;
	border-color: black;
	border-width: 3px;
}


.card button:hover {
  opacity: 0.7;
}

.Product-link > a {
  border: thin;
  outline: 0;
  color: white;
	padding: 10px;
	margin-top: -15.5px;
  background-color: #3c3833;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 12px;
	display: inline-block;
}

.Product-link:hover {
  opacity: 0.7;
}

/*
	footer css
*/ 

footer{
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top: 0px;
}

footer > img{
        display: flex;
        width: 100%;
}

.footer{
	display: block;
	margin-top: 45px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top: 0px;
}

#Category{
	border: thin;
  outline: 0;
  padding: 12px;
  color: #475d15;
  background-color: #d1d0c8;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 16px;
  box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, .1);
}

#Category:hover{
	background-color: #ccccc9;
	color: #034165;
	box-shadow: 0px -2px 0px #034165 inset;
}

#Category span{
	opacity: 0;
}

#Category:hover span{
	opacity: 1;
	float: right;
	color: #dbae1e;
	width: 25px;
	font-size: 24px;	
}




/*
.navbar-default .navbar-nav > li > active active-trail first:hover:after{
	width: 100%;
	background: #ccccc9;
}