/**
 * @link http://www.digisin.it/
 * @copyright Copyright (c) 2016 Digisin s.c.a.r.l.
 * @license LICENSE.md
 */
/**
 * Table of Contents:
 *
 * 1. Elements
 * 2. Homepage
 * 3. Product page & listino
 * 4. Registration & login
 * 5. User pages
 * 6. Other pages
 * 7. Responsive   
 * 8. Fix 2018 Mobile and tablet
 */

/* 1. Elements
   ========================================================================== */
/*up on footer*/

#topcontrol {
  background:#393139;
  color:#fff;
}
#topcontrol::after {
  content:"\e113";
  font-family: 'Glyphicons Halflings';
  font-size: initial;
  top: 4px;
}
/*btn brown light*/
a.btn-brown-light {
  background: #968574; 
  border-color:#968574; 
  color:#fff;
}
a.btn-brown-light:hover {
  background:#CCBEAD;
  border-color: #968574;
  color:#7D684F; 
}
/*btn green*/
.btn-gest {
  background-color: #708D58;
  border-color: #708D58;
}
.btn-gest:hover {
  background-color: #629D65;
  border-color: #629D65;
}
.card-page {margin-top:1.5em}
/*navbar*/
.navbar-default {
  background-color: white;
}
/*hamburger menu*/
.navbar-toggle {
  background: #ddd;
  padding: 9px 15px;
}
/*listino*/
#accordion_cat .panel-default > .panel-heading, .list .panel-default > .panel-heading {
  color: #333333;
  background-color: #EDE9E3;
  border-color: #EDE9E3;
}
.product-quantity {background: #fff;}
.list .glyphicon-menu-down {top:4px;}
.list .panel-heading h4 a {
  display:block;
}
.list .panel-heading h4 a.collapsed {
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;}
.list .panel-heading h4 a[aria-expanded="true"] .glyphicon-menu-down,h3.list a[aria-expanded="true"] .glyphicon-chevron-down {
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
h3.list a[aria-expanded="true"] .glyphicon-chevron-down {top:-3px;}
.list .panel {border-radius: 0;}
.panel-default > .panel-heading {
  background-color: #EDE9E3;
}
/*i miei listini on listino page*/
.panel-list .panel-heading {
  background:#EDE9E3;
}
ul.list-list li {
  padding:10px 15px;
  border-bottom: 1px solid #dddddd;
  font-weight: 700;
}
ul.list-list li:last-of-type {
  border-bottom:none;
  padding-bottom: 0;
}
/*alert*/
.alert p {color:#000;}

label {    font-weight: 600;}
/* 2. Homepage
   ========================================================================== */
.box-list {
  margin-bottom:1.5em;
  padding-bottom: 0.5em;
  border: 1px solid lightgray;
  background: #fff;
}
.box-list span.glyphicon-calendar {color:#968574;font-size:1.5em;}
.box-list h3 span {
  background:#708D58;
  padding:3px 4px;
  color:white;
  display: inline-block;
}
.time li {
  font-size:1.5rem;
  color: #687074;   
  margin: 4px 0;
}
.jumbotron {
  margin-bottom:0;
}
.jumbotron h2 {text-align: center;}
.site-index .summary {display:none;}
.slide .nav-pills>li h4 {color: #476817;}
.slide .nav-pills>li.active, .slide .nav-pills>li:hover {background: #f3f3f3; }
.slide .nav-pills>li.active>a, .slide .nav-pills>li.active>a:focus {
  color:#687074;
  background-color: #f3f3f3!important;
}
.slide .nav-pills>li.active>a h4, .slide .nav-pills>li.active>a:hover h4, .slide .nav-pills>li.active>a:focus h4 {
  color: #9c8061;  background-color: #f3f3f3;
}
.slide .nav-pills > li > a {border-radius:0;}
#gCarousel .carousel-caption h3 {color:#fff; font-size: 30px; padding-bottom: 160px; line-height: 150%}

.slogan {
  padding:0 30px;
  margin: 3em 0;
}
.slogan h2 {color: #476817;}
.showcase-status span {letter-spacing: 1px;}
.wrapper-bottom h4 {font-weight: 800;}
.wrapper-bottom {    background: #faf6f7;
                     overflow: hidden;
                     clear: both;
                     padding: 20px 0;}

/* 3. Product page - Supply page
   ========================================================================== */
.nav-tabs-product {
  margin-top:1.5em;
}

.tab-content-product {
  border:1px solid #ddd;
  border-top-color: #fff;
  padding: 10px 15px;
}
.card-page select {
  background:#fff;
  font-size: 1.2em;
}
.card-page .thumbs-container {
  text-align: center;
}  
.card-page-supply .img-responsive {margin:0 auto;}
.panel-heading.list-name {background-color:#fff!important;}

/*food icons*/
#accordion_cat i {font-size:1.5em;}
#accordion_cat .list-group-item i {margin-right:4px;}
#accordion_cat .list-group-item a {color:#333;}
#accordion_cat .list-group-item a:hover {color:#9c8061;}

/*icone discount */
#discount-parent-icon {font-size:23px;}
#discount-child-icon {font-size:1.5em;}

/* stile prezzi scontati */
.old_price {text-decoration: line-through}
.discount_price {color: red}

/* stile ribbon degli sconti su immagine */
.img-container {position:relative; text-align: center}
.discount_ribbon_detail {background:#d43f3a; border-radius:10px; position: absolute; top: 8px; right: 20px; }
.discount_ribbon_grid {background:#d43f3a; border-radius:10px; position: absolute; top: 8px; right: 8px; }
.discount_ribbon_list {background:#d43f3a; border-radius:10px; position: absolute; top: 0px; right: 16px; }

/*img prodotti listino griglia*/
.product-img-brd {
  min-height:155px;
}

/* 4. Registration e login
   ========================================================================== */
.no-pd-left {padding-left:0;}
.no-pd-right {padding-right:0;}
.no-pd {padding:0;}

.user-info {border-right:1px solid #ccc;}

.user-reg .panel-heading {
  text-align: center;
  border-radius: 0;
  color: #6d5944;
}
.user-reg .panel, .list .list-name {border-radius: 0; }
.user-reg .panel-body {background: #f3f3f3;}
.user-reg .panel-body h3 {
  background:#9c8061;
  /* background:#f5f5f5;*/
  color:#fff;
  text-align: center;
  border-radius: 0;
  line-height: inherit;
}
.user-reg .btn-success {
  background-color:#629D64;
  border-color:#629D64;
  font-size: 18px;
}
/*input user*/
.user-reg input[type="text"],.user-reg input[type="password"], #contact-form input[type="text"],
.user-reg .form-group .select2-selection {
  background: #f8f8f8;
  border: 2px solid #ddd;
}
.user-reg input[type="text"]:focus,.user-reg input[type="password"]:focus ,#contact-form input[type="text"]:focus{
  background:#fff;
  border: 2px solid #ddd;
}
.user-reg .select2-selection__placeholder {color:#333!important;}

/* 5. User pages
  ========================================================================== */ 
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background-color: #4F7B7D;
}
.nav-pills {margin-bottom:15px;}
/****I miei ordini****/
#order-container .order-modify, #order-container .order-cancel, #orders-pending .a.asc:after {
  font-size: 1.5em;
}
#order-container .order-modify {margin-right:8px;}
#orders-pending-filters .form-control {padding:6px 2px;} 

/****distribution center page*****/
.panel-primary {border-radius: 0;}

.dist-page .panel-heading {
  background: #708D58;
  border-color: #708D58;
  border-radius:0;
}
.dist-page {
  border-color: white;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 2px solid #708D58;
}
.dist-page .panel-title { font-size:18px;}
.dist-page .panel-body {background: #f3f3f3;}
.dist-page .panel-body .box {background:#fff;}
.dist-page .address {padding: 15px;}
.dist-page .address span {color: #823705; }
.dist-page .address .fa {font-size: 1.5em; color: #823705;}
.dist-page .box {background: #fff;}
dist-page-list h3 { }
/**logged centri di distribuzione**/
.logged { width:100%; }
/*checkout e conferma ordine*/
.btn-confirm {padding-left: 20px}

/* 6. Other pages
  ========================================================================== */
#contactform-body {border: 2px solid #ddd;background: #f8f8f8;}
#contactform-body:focus {
  background:#fff;
  border: 2px solid #ddd;
}
#contact-form .btn-gest {width:100%;} 
.contact { margin-bottom: 0.5rem;}
.contact-phone {color: #777;}
.site-contact .panel {border-radius: 0;}
/* 7. Responsive
  ========================================================================== */
/* Small screen max-width 640px */
@media only screen and (max-width:40em) {
    #w5-collapse {max-height: 400px;}
  #w1 {
    text-align: right; font-size: 18px;
    background: white; position:relative;
  }

  #gCarousel .carousel-caption h3 {
    font-size: 12px;
    line-height: 15px;
    bottom: 0;
    padding-bottom: 0px;
  }

  .supply-box {
    display: none;
  }

  .my-showcases-box {
    display: none;
  }


  #rc-imageselect, .recaptcha {
    transform:scale(0.80);
    -webkit-transform:scale(0.80);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
  }

  .card-page #main-img,.card-page .zoomImg {
    width:100%;max-width:320px;
  }
  .card-page .thumbs-container {text-align:left;}
  .card-page .thumbs {
    margin:0;
  }
  .kv-grid-table {
    overflow-x: scroll;

    tr > td:first-child {
      font-size:1em; 
    }
  } 
  /*add to cart*/
  .btn-add {margin-bottom:10px;}
  .xs-block {padding:8px;}
  #order-container {overflow:hidden;}
  /*checkout*/
  .btn-shop { 
    width:100%;
    margin: 1rem 0  0.5rem 0;
    font-size:18px;
  }
  /*su mobile container per contenere la tabella orders, cart..etc*/
  .wrap > .container {
    overflow: hidden;
  }
  .product-description-brd  {padding: 10px 5px;}
  .product-description .title-price {margin-top: 5px; display: block;}
  /*listino*/
/*  .list-col {position: fixed; width: 100%;background: white;z-index:99;top:55px;}*/
  .parent-cat .list-group-item a {display: inline-block; width: 80%;}
}
/*scroolbar per tabella ordini e carrello*/
/* Let's get this party started */
::-webkit-scrollbar:horizontal {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track:horizontal  {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb:horizontal  {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,128,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive:horizontal {
	background: rgba(0,128,0,0.6); 
}
/*various*/
.wrap {
  /* margin-bottom: 0;*/
}
.footer {padding-bottom: 20px;}

ul#nested {
  list-style-type: none;
}

.about {
  margin: 30px;
}

.about-container {
  padding: 30px;
  background: rgba(255, 255, 255, 0.85);
  color: black;
}

.body-about {
  background: url('/img/back_veg.png');
  background-size: cover;
  background-position: center top;
}
.title-green {color: #3e5320;}
.site-contact .panel-title {color: #6d5944;}

/*logo custom aiab*/
.navbar-brand .img-logo {
  height: 110px; width:auto;
}
@media (max-width: 768px) {
  .img-logo {
    height: 110px;  
  }
  .product-description-brd {text-align:center;}
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
  background-color: #cee8a8;
}
@media (min-width: 768px) {
  .site-contact,.user-reg {
    margin-top: 20px;  
  }
}
@media (max-width: 667px) {
  .about-container {padding: 20px 0;}
}

.slider-img {
  filter: brightness(80%);
}
/* 
 * 8.  Fix 2018 Mobile and tablet
 ========================================================================== */
/***** new 2018 logo scroll and collapse categories mobile ******/
.img-logo-scroll {
    padding:0px;border: none; border-radius:0;
    max-height: 45px;
}
h3.list {background: #708D58; padding: 4px 0;}
h3.list a {color: white;}
h3.list a i {vertical-align: middle;font-size: 18px;}

/*tablet css*/
@media (min-width: 768px) and (max-width: 1024px) {
    h3.hidden-xs {font-size: 16px;}
    .wrapper-list .list-group-item {position:relative;}
    .wrapper-list .list-group-item .badge {    
        top: 4px;
        position: absolute;
        right: 4px;
    }
    .wrapper-list .panel-heading, .wrapper-list li.list-group-item {padding: 10px 5px;}
    .wrapper-list .panel-heading h4 {font-size: 14px;}
    #sup li.list-group-item {padding-right: 15px; }
    .list-col {padding-right:0;}
}