/*
Theme Name: Gradient
Author: Willeke van der Meer & Rob Ypma | Meerinvormgeving
Author URI: http://www.meerinvormgeving.nl
Description: Thema voor Gradient ecologisch beheer
Version: 12 mei 2015
*/

/* Wrap text around image when aligned */

img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}
img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* ICOMOON */
@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?14zzpm');
    src:    url('fonts/icomoon.eot?14zzpm#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?14zzpm') format('truetype'),
        url('fonts/icomoon.woff?14zzpm') format('woff'),
        url('fonts/icomoon.svg?14zzpm#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-mail:before,
.icon-mail6:before {
    content: "\e841";
}

.icon-phone:before,
.icon-phone2:before {
    content: "\e651";
}

.icon-facebook:before,
.icon-facebook3:before {
    content: "\e77f";
}

.icon-mail {
	position: relative;
	top: 2px;
}

/* rewrite all bootstrap text colors */
a,
a:hover,
a:focus,
a:visited,
a:active {
    color: #999960;
}

h1 a,
h1 a:hover,
h1 a:focus,
h1 a:visited,
h1 a:active,
h2 a,
h2 a:hover,
h2 a:focus,
h2 a:visited,
h2 a:active,
h3 a,
h3 a:hover,
h3 a:focus,
h3 a:visited,
h3 a:active {
    color: #999960;
    text-decoration: none;
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 26px;
}

/* entry-header */
.entry-header h1,
.entry-header h2,
.entry-header h3,
.category-header h1 {
	font-family: Georgia, Times, 'Times New Roman', serif;
}

.entry-content h1,
.entry-content h2,
.entry-content h3 {
	font-size: 14px;
	font-weight: bold;
}

/* fancy colored background */
body {
    background-color: #FDFBE7;
    width: 100%;
}
@media (min-width: 768px) {
    body:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background-color: #999960;
        height: 35%;
        width: 100%;
        z-index: -1;
    }
    body:after {
        content: "";
        position: absolute;
        top: 35%;
        left: 0;
        background-color: #737E85;
        height: 5%;
        width: 100%;
        z-index: -1;
    }
}

/* main container */
.container-fluid {
	background-color: #FFFFFF;
	max-width: 960px;
	padding-bottom: 45px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.39);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.39);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.39);
}

@media (min-width: 768px) {
	.container-fluid {
		margin: 15px auto;
	}
}

/* header logo */
.miv-header > div.row > div {
    height: 150px;
}

.miv_ra {
	line-height: 150px;
}

.miv-header img {
    max-width: 100%;
    height: auto;
}

/* header title and description */
.vertical-align-wrap {
    display: table;
}

.vertical-align-wrap .tablecell {
    display: table-cell;
    vertical-align: middle;
}

.vertical-align-wrap div > * {
    margin: 0;
}

/* h1.bloginfo_name {
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-weight: 300;
	font-size: 48px;
	color: #999960;
}

h2.bloginfo_description {
	font-size: 18px;
}

h2.bloginfo_description a {
	color: #333333;
} */

/* header text and contact information */

.miv-header-contact a,
.miv-header-contact a:focus,
.miv-header-contact a:hover {
	color: #333333;
	text-decoration: none;
}

/* header text and contact information for mobile devices */

.dark-green {
    background-color: #999960;
}
.dark-gray {
    background-color: #737E85;
    text-align: center;
}
.dark-green p,
.dark-gray p {
    text-align: center;
    margin: 0;
    color: #FFFFFF;
    padding: 15px 0;
}
.dark-gray p {
    display: inline-block;
    padding-right: 10px;
}
.dark-gray p:last-child {
    padding-right: 0;
}

.dark-gray a,
.dark-gray a:focus,
.dark-gray a:hover {
	color: white;
	text-decoration: none;
}

/* Carousel styling */

.carousel-indicators {
    display: none;
}
.carousel-indicators li {
    display: inline-block;
    background-color: #FFFFFF;
    border: 1px solid #999960;
    margin: 0 2px;
    width: 12px;
    height: 12px;
}
.carousel-indicators .active {
    display: inline-block;
    border: 1px solid #999960;
    background-color: #999960;
    margin: 0 2px;
    width: 12px;
    height: 12px;
}
@media (min-width: 768px) {
    .carousel-indicators {
        display: inline-block;
    }
}

/* == NAVIGATION ====================================*/
/* ALL */
.navbar {
	margin-bottom: 0px;
}

.navbar li a {
	padding-top: 12px;
	padding-bottom: 12px;
}

.navbar-default {
	background-color: #FFFFFF;
	border-radius: 0;/* Alle vakken op de website hebben rechte hoeken */
	border-color: #DBDCD2;
}

/* Active items */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu >.active > a,
.dropdown-menu >.active > a:focus,
.dropdown-menu >.active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: #DBDCD2;
    color: #000000;
}

.dropdown-menu {
	position: relative;
	background-color: #FFFFFF;
	border: none;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;/* Weghalen padding onder en boven submenu's zodat navigatieitems gelijk groot worden */
}

/* Inspringing sub-items vergroten, correctie afbreking */
.dropdown-menu > li > a {
	padding-left: 40px;
	white-space: unset;
}

.navbar-nav .open .dropdown-menu > li > a {
    padding: 12px 15px 12px 40px;
}

/* Teksten van menu-items zijn default Bootstrap te licht (#777) */
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #333333; /* Zoals normale Bootstrap tekst en zoals mouseover */
}

/* Correctie kleuren submenu's */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus {
	background: none;
	color: #333333;
}

/* Menu items on hover ook een groene achtergrondkleur geven */
.navbar-default .navbar-nav > li > a:hover,
.dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	background-color: #EBEDDB;
	color: #000000;
}

@media (min-width: 768px) {
	.navbar-default .navbar-nav > .open > a:hover {
		background-color: #EBEDDB;
		color: #000000;		
	}
}

/* MOBILE */
.small-logo-mobile {
    padding-top: 2px;
    padding-left: 5px;
    max-height: 40px;
    float: left;
}

.mobile-menu .bloginfo_name {
    font-size: 20px;
}
.mobile-menu .bloginfo_description {
    font-size: 12px;
}
.mobile-menu .vertical-align-wrap {
    min-height: 50px;
    text-align: left;
    padding-left: 15px;
    float: left;
}
.mobile-menu .vertical-align-wrap div {
    min-height: 50px;
}

.navbar-default .navbar-toggle {
    border-color: #999960;
    border-radius: 6px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #999960;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #DBDCD2;
}

/* SIDEBAR */
.sidebar-nav {
	margin-top: 15px;
}

.sidebar-nav .sidebar-nav-title {
	margin: 15px 15px 5px 15px;
	border-bottom: 2px solid #999960;
}

.sidebar-nav #sidebar-nav-title {
	font-size: 16px;
}

.sidebar-nav .navbar .navbar-collapse {
	padding: 0;
	max-height: none;
}

.sidebar-nav .navbar ul {
	float: none;
}

.sidebar-nav .navbar ul:not {
	display: block;
}

.sidebar-nav .navbar li {
	float: none;
	display: block;
}

/* Open laten staan submenu */
.sidebar-nav .current-menu-parent > .dropdown-menu { 
	display: block;
}
/* == END NAVIGATION ====================================*/

/* Posts navigation */

.nav-previous {
    float: left;
    width: 50%;
    text-align: left;
}
.nav-next {
    float: right;
    width: 50%;
    text-align: right;
}
.blog-role-nav {
    min-height: 20px;
    padding: 15px 0;
}

/* entry-content */

.entry-content img {
    display: block;
    max-width: 100%;
    height: auto;
}
/* Comments styling */

.comments-area {
    border-top: 1px solid #737E85;
    margin-top: 15px;
}
.comment-respond p label,
.comment-respond p input,
.comment-respond textarea {
    width: 100%;
}
.comment-respond input,
.comment-respond textarea {
    border: 1px solid #737E85;
    border-radius: 2px;
}
@media (min-width: 768px) {
    .comment-respond p label,
    .comment-respond p input {
        width: 70%;
    }
}
.comment-respond #submit {
    background-color: #737E85;
    color: #ffffff;
    border: none;
    border-radius: 2px;
    width: 100%;
    padding: 2px 6px;
}
@media (min-width: 768px) {
    .comment-respond #submit {
        width: auto;
    }
}
/* Contact page styling */

.contact-form {
    padding-bottom: 60px;
}
.contact-form input,
.contact-form textarea {
    border: 1px solid #737E85;
    border-radius: 2px;
}
.contact-form textarea,
.contact-form input[type=email],
.contact-form input[type=text] {
    min-width: 100%;
}
@media (min-width: 768px) {
    .contact-form input[type=email],
    .contact-form input[type=text] {
        min-width: 70%;
    }
}
.contact-submit input {
    background-color: #737E85;
    color: #ffffff;
    border: none;
    border-radius: 2px;
    width: 100%;
    padding: 2px 6px;
}
@media (min-width: 768px) {
    .contact-submit input {
        width: auto;
    }
}
/* footer */
.miv-footer {
	padding: 10px 0 15px;
	color: #909090;
}

/* FORMS */

.contact-form label[for="g388-pakkettenschotsehooglandernatuurvlees"],
.contact-form label[for="g388-pakkettenlamsvlees"],
.contact-form label[for="g388-pakkettenhertbeperktvoorradig"],
.contact-form label[for="g388-pakkettenwildzwijnbeperktvoorradig"],
.contact-form label[for="g388-pakkettenpaardengeitbeperktvoorradig"] {
	display: inline-block;
	margin-bottom: 15px;
	margin-top: 2px;
}

#g388-pakkettenschotsehooglandernatuurvlees,
#g388-pakkettenlamsvlees,
#g388-pakkettenhertbeperktvoorradig,
#g388-pakkettenwildzwijnbeperktvoorradig,
#g388-pakkettenpaardengeitbeperktvoorradig {
	float: left;
	margin-right: 10px;
	min-width: 0;
	width: 30px;
	clear: left;
}

#g388-telefoon {
	margin-bottom: 25px;
}

.grunion-field-label {
	margin-top: 5px;
}

.grunion-radio-label.radio {
	margin-left: 25px;
}

.grunion-field-label.textarea {
	margin-top: 15px;
}

/* Vleespagina */
.miv_greenfield {
	background-color: #ebeddb;
	padding: 1px 16px;
	margin-bottom: 15px;
}