/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */
/* kleuren 2015 van ontmanteling PDF folder

text groen: 2fb457
vlak groen: 74b743
zon geel: fff200
gras groen: 7dc686
text rood titels: ed1d24
*/
/* kleuren */
#section-content {
    background-color: #dde8d8;
    background-color: #fff;
}

::selection {
    background-color: #74b743;
}

#section-footer,#section-content #zone-postscript-wrapper {
    background-color: #74b743;
}

#zone-content .title {
    color: #2fb457;
}

#zone-content .node-title a {
    color: #2fb457;
}

#zone-postscript .block-views .block-title,#zone-postscript .block-menu .block-title {
    color: #ffeb1b;
    color: #fff;
}

#zone-postscript .block-menu ul li a {
    color: #000;
}

#zone-footer {
    border-top: 2px solid #ffeb1b;
}

#breadcrumb > div > a {
    color: #2fb457;
}

/* */
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {
    margin: 0;
}

#first-time {
    display: none;
}

hr {
    background: #74b743;
    height: 2px;
}

table {
    border: 0;
}

/* footer plus postscript op content*/
#zone-footer {
    border-top: 2px solid #ffeb1b;
    height: 50px;
}

#block-menu-menu-footer-menu ul {
    text-align: center;
}

#block-menu-menu-footer-menu li {
    display: inline;
    margin: 0 15px;
}

#block-menu-menu-footer-menu li a {
    color: #000;
    text-decoration: none;
    padding: 10px;
    display: inline: block;
}

#zone-postscript .block-views .block-title,#zone-postscript .block-menu .block-title {
    text-decoration: none;
    disabled-font-variant: small-caps;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 5px;
}

#zone-postscript .block-views .view-content,#zone-postscript .block-menu ul {
    list-style: none;
}

#zone-postscript .block-views .view-content .field-content,#zone-postscript .block-menu ul li {
    list-style: none;
}

#zone-postscript .block-views .view-content .field-content a,#zone-postscript .block-menu ul li a {
    display: inline-block;
    padding: 10px;
    line-height: 20px;
    color: #000;
    text-decoration: none;
    font-size: 12px;
}

/* nieuwsbrief */
#block-views-producten-block,#block-views-winkels-block,#block-views-voordelen-block {
    display: none;
}

#block-views-voordelen-block .views-field-nothing,#block-views-producten-block .views-field-nothing,#block-views-winkels-block .views-field-nothing {
    width: 100%;
    background-color: #ffeb1b;
    position: relative;
}

#block-views-voordelen-block .views-field-nothing a,#block-views-producten-block .views-field-nothing a,#block-views-winkels-block .views-field-nothing a {
    color: #000;
    text-decoration: none;
    disabled-font-variant: small-caps;
}

/* nodes */
#zone-content .title {
    margin: 5px 0;
}

#block-system-main .content article,#block-system-main .content article p {
    line-height: 1.5em;
    color: #404040;
}

#block-system-main .content article img {
    max-width: 100%;
    height: auto;
}

/* producten overzicht */
#block-system-main .view-productgroupmain table {
    border: 40px solid red;
    width: 100%;
}

#block-system-main .view-productgroupmain .view-content .views-field-description * {
    line-height: 2em;
    color: rgba(64,64,64,0.8);
    text-shadow: 0 0 2px rgba(64,64,64,0.3);
}

/* titles bij producten overzicvht */
#block-system-main .view-productgroupmain .view-footer .view-productssubs .view-content {
    text-align: center;
}

#block-system-main .view-productgroupmain .view-footer .view-productssubs .view-content .views-row {
    display: inline-block;
    background-color: #74b743;
    border-radius: 5px;
}

#block-system-main .view-productgroupmain .view-footer .view-productssubs .view-content span a {
    padding: 0 4px;
    color: #fff;
    text-decoration: none;
    disabled-font-variant: small-caps;
}

/* overzicht productgroepen */
#block-system-main .view table {
    border: 0;
}

#block-system-main .view-products td,#block-system-main .view-produits td {
    width: 50%;
}

#block-system-main .view-winkelslijstfr .views-field-field-image,#block-system-main .view-winkelslijst .views-field-field-image,#block-system-main .view-products .views-field-field-image,#block-system-main .view-produits .views-field-field-image {
    overflow: hidden;
    background-image: url(/sites/bioshop/files/logonew2.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}

/* overzicht winkels */
#block-system-main .view table {
    border: 0;
}

#block-system-main .view-produits .view-content .views-field-name,#block-system-main .view-products .view-content .views-field-name,#block-system-main .view-productgroupmain .view-content .views-field-title,#block-system-main .view-winkelslijstfr .view-content .views-field-title,#block-system-main .view-winkelslijst .view-content .views-field-title {
    position: relative;
    width: 224px;
    background-color: #ffeb1b;
}

#block-system-main .view-productgroupmain .view-content .views-field-title a,#block-system-main .view-produits .view-content .views-field-name a,#block-system-main .view-products .view-content .views-field-name a,#block-system-main .view-winkelslijstfr .view-content .views-field-title a,#block-system-main .view-winkelslijst .view-content .views-field-title a {
    color: #000;
    text-decoration: none;
    display: block;
    text-align: center;
    line-height: 25px;
}

/* algemene dingen */
button:focus,button:active,input:focus,input:active,select:focus,select:active,textarea:focus,textarea:active {
    -moz-box-shadow: rgba(152,185,84,1) 0 0 7px !important;
    -webkit-box-shadow: rgba(152,185,84,1) 0 0 7px !important;
    box-shadow: rgba(152,185,84,1) 0 0 7px !important;
    z-index: 1;
}

.ds_edit_shop_link {
    outline: none;
    display: block;
    float: left;
    padding: 5px;
    background: rgba(152,185,84,1);
    background: linear-gradient(rgba(152,185,84,1),rgba(122,155,54,1));
    border-radius: 15px;
}

#block-system-main .ds_edit_shop_link a {
    color: #fff;
    text-decoration: none;
}

/* hidden for mobile */
/*
#block-views-promoties-block {
    display: none;
}*/

#block-system-main .view-products .views-field-field-image,#block-system-main .view-produits .views-field-field-image,#block-system-main .view-productgroupmain > .view-footer .view-productsnodes .views-field-field-image,#block-system-main .view-productgroupmain > .view-footer .view-productsnodes .views-field-field-image img,#block-system-main .view-produits .view-content img,#block-system-main .view-products .view-content img,#block-system-main .view-winkelslijstfr .views-field-field-image,#block-system-main .view-winkelslijst .views-field-field-image,#block-system-main .view-winkelslijstfr .view-content img,#block-system-main .view-winkelslijst .view-content img {
    width: 224px;
    height: 168px;
    border-radius: 5px;
}

#region-sidebar-second {
    margin: 0;
}

.gmnoprint {
    display: none;
}

/* ZONE USER WRAPPER */
#zone-user-wrapper {
    padding: 5px 0;
}

#zone-user-wrapper img {
    display: block;
    height: auto;
    max-width: 100%;
}

#zone-user-wrapper li {
    margin: 0 5px;
    display: inline;
}

#zone-user-wrapper li a {
    color: #2fb457;
}

#zone-user-wrapper ul.menu {
    height: 90px;
    line-height: 90px;
    text-align: center;
}

#zone-user-wrapper ul.menu li {
    display: block;
    font-size: 16px;
    line-height: 24px;
}

#zone-user-wrapper ul.menu li a {
    disabled-font-variant: small-caps;
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
}

#region-user-second li {
    text-align: center;
}

#region-user-third {
    height: 64px;
}

#region-user-third .region-inner {
    position: relative;
    top: 16px;
}

#region-user-third .region-inner img {
    margin-top: auto;
    margin-bottom: auto;
    height: 32px;
    vertical-align: middle;
}

#region-user-third li {
    text-align: right;
}

/* BRANDING */
#zone-branding-wrapper {
    background: #74b743;
    padding: 0;
}

/* BREADCRUMB */
.breadcrumb {
    background-color: #fcfcfc;
    border: 1px solid #eaeaea;
    padding: 14px 20px;
    margin-bottom: 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#breadcrumb > div > a {
    text-decoration: none;
    margin: 5px;
    font-size: 16px;
}

/* ACTION LINKS */
ul.primary {
    border-bottom: 0;
}

ul.primary li a {
    display: inline-block;
    color: #fff;
    background-color: #74b743;
    border: 1px solid #fff;
    border-radius: 4px;
}

ul.primary li.active a,ul.primary li a:hover {
    background-color: #2fb457;
    border: 1px solid #fff;
}

form #edit-actions input[type='submit'] {
    background: none;
    text-shadow: none;
    background-color: #fff;
    color: #2fb457;
    border-radius: 4px;
}

/* search balk */
#block-search-form {
    border: 0;
    background: #74b743;
    padding: 5px;
}

#block-search-form #edit-actions,
#block-search-form .form-type-textfield {
    height: 40px;
    line-height: 40px;
}

#block-search-form .form-type-textfield > input {
	height: 30px;
    line-height: 30px;
	width: 250px;
	border-radius: 5px;
	color: #74b743;
	padding: 0 5px;
}

#block-search-form #edit-actions #edit-submit {
	height: 30px;
    line-height: 20px;
	border-radius: 5px;
}



/* SIMPLENEWS */
#block-simplenews-1 {
    height: 225px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
}

/* nieuwsbrief */
.block-simplenews > .block-inner > .content > p {
    disabled-font-variant: small-caps;
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
    color: #2fb457;
    text-align: center;
}

.block-simplenews .form-type-textfield {
    width: 100%;
    height: 50px;
    line-height: 40px;
    margin: 0;
}

.block-simplenews .simplenews-subscribe .form-item-mail > label {
    display: none;
}

.block-simplenews .simplenews-unsubscribe .form-submit,.block-simplenews .simplenews-subscribe .form-submit {
    width: 100%;
    background: none;
    background-color: #74b743;
    text-shadow: none;
    border: 0;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
}

#block-system-main .node-winkel .field-name-field-streetview,#block-system-main .node-winkel .field-name-field-image {
    display: inline-block;
}

#block-system-main .node-winkel .field-name-field-streetview {
    width: 50%;
    border: 1px solid #74b743;
    box-sizing: border-box;
    vertical-align: top;
    margin-bottom: 40px;
    margin-top: 40px;
}

#block-system-main .node-winkel .field-name-field-streetview p {
    padding: 0;
    margin: 0;
    height: 300px;
    overflow: hidden;
}

#block-system-main .node-winkel .field-name-field-streetview iframe {
    width: 100%;
    height: 300px;
    padding: 0;
    margin: 0;
}

#block-system-main .node-winkel .field-name-field-image {
    width: 50%;
    border: 1px solid #74b743;
    box-sizing: border-box;
    vertical-align: top;
    margin-bottom: 40px;
    margin-top: 40px;
}

#block-system-main .node-winkel .field-type-image img {
    max-width: 100%;
    max-height: 300px;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
}

#block-system-main .node-winkel .field-type-text {
    line-height: 2em;
    height: 30px;
    margin: 5px 0;
}

#block-system-main .node-winkel .field-type-text-with-summary {
    background-color: #fcfcfc;
    border: 1px solid #eaeaea;
    padding: 14px 20px;
    margin-bottom: 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#block-system-main .node-winkel .field-type-text-with-summary h2 {
    line-height: 40px;
    height: 40px;
    text-decoration: none;
    disabled-font-variant: small-caps;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
}

#block-system-main .node-winkel .field-type-text-with-summary p {
    line-height: 2em;
}

#section-footer ul.menu {
    margin-top: 15px;
    text-align: center;
}

#section-footer ul.menu li {
    display: inline;
}

#section-footer h2.block-title {
    display: none;
}

#block-block-4 {
    margin-top: 20px;
    float: right;
}

.node-type-winkel article.node-winkel .field-name-field-adres .field-label,.node-type-winkel article.node-winkel .field-name-field-adres .field-items {
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
}

.node-type-winkel article.node-winkel .field-name-field-adres {
    margin-bottom: 25px !important;
    padding: 10px;
    border: 1px solid #74b743;
    background-color: #74b743;
    color: #fff;
}

.node-type-winkel article.node-winkel .field-name-field-openingsuren {
    margin-bottom: 25px !important;
    padding: 10px;
    border: 1px solid #74b743;
    background-color: #74b743;
    color: #fff;
}

.node-type-winkel article.node-winkel .field-name-field-openingsuren .field-label {
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
}

/* HIDE TB MENU FOR MOBILE */
.view-winkelslijst,#block-tb-megamenu-main-menu {
    display: none;
}

#block-views-winkels-mobile-block {
    display: block;
}

#block-views-winkels-mobile-block h3 {
    background-color: #74b743;
    color: #fff;
    padding: 10px;
}

#block-views-winkels-mobile-block table {
    width: 100%;
}

#block-views-winkels-mobile-block table .views-field {
    padding: 10px;
}

#block-views-winkels-mobile-block table a {
    color: #2fb457;
    text-decoration: none;
}

/* article images for mobile */
#zone-content-wrapper {
    padding: 15px 0;
}

body.page-bio-recepten-categorie .view-bio-recepten-categorie > .view-content {
    border-bottom: 1px solid #74b743;
    margin-bottom: 15px;
    padding-bottom: 25px;
}

body.page-bio-recepten-categorie .view-bio-recepten-categorie > .view-content p {
    margin-bottom: 5px;
}

body.page-bio-recepten-categorie .view-bio-recepten-categorie table {
    width: 100%;
}

body.page-bio-recepten-categorie .view-bio-recepten-categorie table .views-field-title {
    padding: 5px;
    width: 270px;
    height: 42px;
    line-height: 21px;
    text-align: center;
    vertical-align: middle;
    background-color: #74b743;
    border-radius: 5px;
}

body.page-bio-recepten-categorie .view-bio-recepten-categorie table .views-field-title a {
    color: #fff;
    text-decoration: none;
}

.view-bio-recepten .views-field-name {
    padding: 5px;
    width: 270px;
    height: 50px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    background-color: #74b743;
    border-radius: 5px;
    overflow: hidden;
}

.view-bio-recepten .views-field-name a {
    color: #fff;
    text-decoration: none;
}

/* promoties view - make responsive */

.views_slideshow_cycle_main {
  width: 100%;
  float: left;
}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame {
  width: 100% !important;
  height: auto;
}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {
  width: 100% !important;
  height: auto;
}
.views_slideshow_cycle_main .field-content {
  max-width: 100%;
  width: 100%;
}
.views_slideshow_cycle_main .field-content img {
  max-width: 100%;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}


/* promoties view - pager */

body.front #block-views-promoties-block #widget_pager_bottom_promoties-block {
	text-align: center;
}

body.front #block-views-promoties-block #widget_pager_bottom_promoties-block > div {
	position: relative;
	bottom: 10px;
    width: 10px;
    height: 10px;
    border: 1px solid #74b743;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
	z-index: 99;
	background: rgba(255,255,255,0.5);
	
	margin: 0 2px;
}

body.front #block-views-promoties-block #widget_pager_bottom_promoties-block > div.active {
    background: rgba(255,255,255,0.9);
	background: #74b743;
}

.block.block-dso-bioshop {
    position: relative;
}

.block.block-dso-bioshop img {
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.block.block-dso-bioshop .ct-wr {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+48&0+0,0.7+48 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 48%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 48%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 48%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */

    padding: 10px;

    pointer-events: none;
}

.block.block-dso-bioshop h3 {
    color: white;
    font-size: 20px;

    pointer-events: none;
}
.block.block-dso-bioshop p {
    color: white;
    font-size: 12px;

    pointer-events: none;
}