﻿.mobile-hide {
  display: none !important;
}

img {
  max-width: 100% !important;
  height: auto !important;
}
.modalmenu {
  display: none;
}
#zone-header {
  background: #78B6E4;
  color: #ffffff;
}
#region-branding {
  background: #ffffff;
  color: #78B6E4;
  margin: 0;
}
#region-branding:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 6px;
  width: 100%;
  background: url(../images/ribbon-sprite.png) repeat-x center top;
}
/*logo image 650x109*/
#logo {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.logo-img {
  float: none;
  margin: 0 10px;
}
#region-header-first,
#region-header-second {
  margin: 0;
  padding: 3px 10px 6px;
  float: right;
}
.language-switcher-locale-url {
  margin: 0;
}
.language-switcher-locale-url a {
  color: #ffffff;
}
#search-block-form {
  float: right;
}
#edit-search-block-form--2 {
  width: 11em;
  border-color: #ffffff;
}

#zone-menu-wrapper {
  margin: 0;
  padding: 3px 0 3px;
  background: #78b6e4 url(../images/blue-bottom-edge.png) repeat-x center bottom;
  color: #ffffff;
  height: auto;
}
#zone-menu-wrapper:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background: url(../images/hr-white.png) repeat-x center bottom;
}
#zone-menu {
  background: none;
}


.ds-4col > .group-first,
.ds-4col > .group-second,
.ds-4col > .group-third,
.ds-4col > .group-fourth {
  width: 42%;
  margin: 0;
}
.ds-4col .field-items {
  margin: 0 0 1em;
}
.ds-4col > .group-first,
.ds-4col > .group-third {
  float: left;
  margin-left: 7%;
}
.ds-4col > .group-second,
.ds-4col > .group-fourth {
  float: right;
  margin-right: 7%;
  text-align: right;
}

/*** front page ***/
.node-nuppi-front-page-article {
  padding-top: 30px;
}

#block-views-news-fp-primary-news img {
  display: block;
  margin: 0 auto;
}
#block-views-news-fp-primary-news .field-name-field-nuppi-news-image {
  max-width: 330px;
  margin: 0 auto;
}
#block-views-news-fp-primary-news .views-row {
  margin: 0 0 30px;
}
#block-views-news-fp-primary-news h2 {
  margin: 8px 0 0;
}
#block-views-news-fp-primary-news p {
  margin: 0;
  display: inline;
}
#block-views-news-fp-primary-news .field-name-body,
#block-views-news-fp-primary-news .field-name-body *,
#block-views-news-fp-primary-news .field-name-node-link,
#block-views-news-fp-primary-news .field-name-node-link * {
  display: inline;
}
#block-views-news-fp-primary-news .field-name-node-link {
  margin-left: 0.4em;
}


.node-front-page-products-overview .group-left,
.node-front-page-products-overview .group-right {
  float: none;
  width: auto;
}

#block-views-4ad90d87ac115be3a44f1a504e05a371 .views-row {
  overflow: hidden;
  padding: 0 0 30px;
}
#block-views-4ad90d87ac115be3a44f1a504e05a371 .field-name-field-image {
  float: left;
  max-width: 30%;
}

#zone-content-extra-wrapper {
 display: none;
}
#zone-content-extra-wrapper + #zone-content-post-wrapper {
  background: none;
  padding-top: 10px;
}
#zone-content-post-wrapper {
  padding-top: 10px;
}


/**** CONTENT PAGES ****/
#region-content.grid-8 .region-content-inner {
  padding: 0;
}
#region-sidebar-second.grid-4 .region-sidebar-second-inner {
   margin-left: 0;
}
/*news*/
.field-name-field-nuppi-news-image img {
  display: block;
  margin: 0 auto;
}
.pager li.pager-first,
.pager li.pager-previous,
.pager li.pager-next,
.pager li.pager-last {
  font-size: 28px;
  line-height: 28px;
}
.node-type-nuppi-news .node-nuppi-news .group-left {
  width: 100%;
  float: none;
}
.node-type-nuppi-news .node-nuppi-news .group-right {
  width: 100%;
  float: none;
}

/*products list and partners */
.view-display-id-nuppi_product_list_header_block {
  display: none;
}
.page-products .views-row,
.page-partners .view-nuppi-partners .views-row {
  padding: 30px 0 30px;
}
.page-products .views-row:first-child,
.page-partners .view-nuppi-partners .views-row:first-child {
  border-top: none;
}
.page-products .ds-2col > .group-left,
.page-partners .view-nuppi-partners .ds-2col > .group-left {
  width: 27%;
  padding: 0 3% 0 0;
}
.page-products .ds-2col > .group-right,
.page-partners .view-nuppi-partners .ds-2col > .group-right {
   width: 69%;
}
.field-name-field-nuppi-partner-logo .field-item {
  height: auto;
  display: block; 
  vertical-align: top;
}

/*single product*/
.full_product_container {
  padding: 10px 0 0;
}
.full_product_container .product-category,
.full_product_container .product-item {
  display: none;
}
.full_product_container .field-name-field-image {
  /*float: left;
  width: 30%;
  margin: 0 0 30px;*/
  float: none;
  width: auto;
  margin: 0 0 20px;
}
.full_product_container .field-name-field-image img {
  margin: 0 auto;
}
.full_product_container .field-name-title {
  /*float: right;
  width: 69%;*/
  float: none;
  width: auto;
}
.full_product_container .field-name-body {
  /*margin: 0 0 30px;
  float: right;
  width: 69%;*/
  float: none;
  width: auto;
}
.full_product_container .field-group-htabs-wrapper {
  margin: 0;
}
.full_product_container .field-group-htabs-wrapper {
  width: 100%;
}
.horizontal-tabs ul.horizontal-tabs-list {
  font-size: 1.2em;
  line-height: 1.2em;
}
.horizontal-tabs ul.horizontal-tabs-list li,
.horizontal-tabs ul.horizontal-tabs-list li:last-child {
  border-right: 1px solid #ffffff;
  display: table-cell;
  float: none;
  padding: 0.5em 0.3em;
  width: auto;
}
.horizontal-tabs ul.horizontal-tabs-list li.selected {
  padding: 0.5em 0.3em;
}
.horizontal-tabs ul.horizontal-tabs-list li:last-child {
  border-right: none;
}
#node_nuppi_product_full_group_info_tab,
#node_nuppi_product_full_group_nutri_tab {
  padding: 2em 8%;
}
.field-name-field-nuppi-nutrition .field-item {
  float: none;
  width: auto;
  margin: 0 0 2em;
}

/*about*/
.panels-flexible-region-about-page-layout-center {
  float: none;
  width: auto;
}
.panels-flexible-region-about-page-layout-contact {
  float: none;
  width: auto;
}
.panel-flexible .grid-12 {
  margin: 0;
}
.panels-flexible-region-about-page-layout-contact .panels-flexible-region-inside {
  padding: 0;
}

/*contact*/
.page-contact .panels-flexible-region-5-center, 
.contact-page-contentcol {
  float: none;
  width: auto;
}
.page-contact .panels-flexible-region-5-webform_block, 
.contact-page-sidecol {
  float: none;
  width: auto;
}
.contact-page-layout .panels-flexible-region-inside {
  padding: 0;
}

