@import url('https://fonts.googleapis.com/css?family=Lora:400,700|Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Allura');

div.schot {
z-index: 200 !important;
background-color: transparent;
width: 100%;
height: auto;
color: #000000;
position: relative;
text-align: center;
font-family: 'Open Sans', sans-serif;
text-transform: none;
font-weight: 400;
font-size: 12px;
vertical-align: top;
padding: 1% 0%;}

div.schot a, a:hover {
color: #000000;
font-weight: 700;}

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

body {
background-color: transparent !important;}

div.grijs {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4f54+0,ffffff+100 */
background: #4c4f54; /* Old browsers */
background: -moz-linear-gradient(top, #4c4f54 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4c4f54 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4c4f54 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4f54', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
padding: 0px;}

/*.uk-container {
background: rgba(236,235,235,1);
background: -moz-linear-gradient(top, rgba(236,235,235,1) 0%, rgba(254,254,254,1) 27%, rgba(254,254,254,1) 71%, rgba(236,235,235,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,235,235,1)), color-stop(27%, rgba(254,254,254,1)), color-stop(71%, rgba(254,254,254,1)), color-stop(100%, rgba(236,235,235,1)));
background: -webkit-linear-gradient(top, rgba(236,235,235,1) 0%, rgba(254,254,254,1) 27%, rgba(254,254,254,1) 71%, rgba(236,235,235,1) 100%);
background: -o-linear-gradient(top, rgba(236,235,235,1) 0%, rgba(254,254,254,1) 27%, rgba(254,254,254,1) 71%, rgba(236,235,235,1) 100%);
background: -ms-linear-gradient(top, rgba(236,235,235,1) 0%, rgba(254,254,254,1) 27%, rgba(254,254,254,1) 71%, rgba(236,235,235,1) 100%);
background: linear-gradient(to bottom, rgba(236,235,235,1) 0%, rgba(254,254,254,1) 27%, rgba(254,254,254,1) 71%, rgba(236,235,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecebeb', endColorstr='#ecebeb', GradientType=0 );}*/

div.uk-container.uk-container-center.zbg {
background: #ffffff;}

.tm-navbar {
margin-top: 0px;
margin-bottom: 0px;}

.uk-navbar-nav > li > a {
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 400;
border-top: 3px solid #4c4f54;}

.uk-navbar-nav > li.uk-active > a, .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
border-top: 3px solid #66b245;}

.tm-toolbar {
margin-top: 0px;
margin-bottom:0px;}

.uk-button-primary {
padding: 5px 10px;
display: block;
font-weight: 700;}

.uk-navbar-nav, .tm-headerbar {  
display: table;  
float: none;  
margin: 0 auto;}

.tm-headerbar {
margin-top: 10px;
margin-bottom: 10px;}

a:hover {
text-decoration: none;}

div.border {
background-color: transparent;
border: 2px solid #C6C6C7;
width:100%;
height: 100%;}

img.bd {
margin-left: -8px;
margin-top: -10px;
/* top: 20px; */
margin-bottom: 10px;}

/*.uk-img-preserve {
margin-left: 20px;
margin-top: -20px;
top: 20px;
margin-bottom: 20px;
margin-right: -20px;}*/

div.home {
width: 47%; 
margin-right: 15px;}


@font-face {
    font-family: 'Allura';
    src: url('https://dev.schot.nl/fonts/subset-Allura-Regular.eot');
    src: url('https://dev.schot.nl/fonts/subset-Allura-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://dev.schot.nl/fonts/subset-Allura-Regular.woff') format('woff'),
        url('https://dev.schot.nl/fonts/subset-Allura-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.bgtext {
background-image:url('../../../images/buitengewone.svg');
height: auto;
width: 100%;
background-repeat: no-repeat;}

.bgtext2 {
background-image:url('../../../images/onderhoud.svg');
background-repeat: no-repeat;
height: auto;
width: 100%;
background-position: 10%;}

.bgtext3 {
background-image:url('../../../images/tuinontwerp.svg');
background-repeat: no-repeat;
height: auto;
width: 100%;
background-position: 10%;}

.bgtext4 {
background-image:url('../../../images/contact.svg');
background-repeat: no-repeat;
height: auto;
width: 100%;
background-position: 55%;}

.bgtext5 {
background-image:url('../../../images/tuinaanleg.svg');
background-repeat: no-repeat;
height: auto;
width: 100%;
background-position: 10%;}

.bgtext6 {
background-image:url('../../../images/tuinonderhoud.svg');
background-repeat: no-repeat;
height: 70px;
width: 100%;
background-position: 10%;}

.bgtext7 {
background-image:url('../../../images/wiezijnwij.svg');
background-repeat: no-repeat;
height: auto;
width: 100%;
background-position: 5%;}

/*@media screen and (max-width: 1024px){
.bgtext {
 background-image:none;}

.bgtext2 {
 background-image:none;}

.bgtext3 {
 background-image:none;}

.bgtext4 {
 background-image:none;}

.bgtext5 {
 background-image:none;}
    
.bgtext6 {
 background-image:none;}
    
.bgtext7 {
 background-image:none;}
}*/


hr.short {
width: 75px;
color: #c6c6c7;
border-top: 1px solid #c6c6c7;
margin-top: 15px;
margin-bottom: 15px;}

hr.wit {
width: 75px;
color: #4b4f54;
border-top: 1px solid #4b4f54;
margin-top: 5px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;}

p {
margin: 0px;
line-height: 125%;}

.uk-button {
line-height: 125%;
font-weight: 700;
height: auto;
padding: 0px;
min-height: auto;
font-size: 17px;}

h2.wit {
color: #4b4f54;
text-align: center;}

/*div.hedge {
background-image: url('../../../images/background-hedge.PNG');
padding-top: 20px;
width: 100%;
height: auto;
display: block;
background-repeat: no-repeat;}*/



section#tm-bottom-b, main#tm-content.tm-content {
padding: 0 35px;}

section#tm-top-a, section#tm-top-b {
padding: 0px;}

div.uk-grid.wit {
background: #74787c;
margin: 20px;
padding: 20px;
padding-bottom: 0px;}

section#tm-bottom-a .uk-grid {
margin-left: 20px;}

.uk-overlay-panel {
background-color: rgba(102, 178, 102, 0.8);
-webkit-box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.7);
-moz-box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.7);
box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.7);}

.uk-overlay {
border: 10px solid #74787c;}

p.groot {
font-size: 60px;
font-weight: bold;}

p.delen {
font-weight: bold;
text-transform: uppercase;}

.uk-panel-box .uk-panel-title {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-weight: 700;}

.uk-nav-side > li.uk-active > a {
background: none;
color: #66b245}

.uk-nav-side > li > a:hover, .uk-nav-side > li > a:focus {
background: none;}

div.tm-main {
margin-bottom: 25px;}

div.uk-panel.uk-panel-box.menu {
padding: 35px;}

.uk-button-primary {
padding: 5px 10px;
margin: 0px auto;}


.uk-slideshow .uk-overlay-panel{
background-color: rgba(75, 79, 84, 0.8);
width: 25%;
height: auto;
box-shadow: none;
margin-top: 5%;
margin-bottom: 5%;}

div.uk-overlay-panel.uk-overlay-bottom {
box-shadow: none;
background-color: transparent;}

.uk-dotnav > * > * {
width: 10px;
height: 10px;
border-radius: 0%;}

@media screen and (max-width: 650px){
div.border {
background-color: transparent;
border: 0px solid #C6C6C7;
width:100%;
height: 100%;}

img.bd {
margin-left: 0px;
margin-top: 20px;
/* top: 20px; */
margin-bottom: 0px;}
    
.uk-img-preserve {
margin-left: 0px;
margin-top: 20px;
/* top: 20px; */
margin-bottom: 0px;
margin-right: 0px;}
    
div.home {
width: 100%;}
    
div.uk-container.uk-container-center.zbg {
padding: 0px 35px;}    
    
.tm-navbar {
margin-bottom: 10px;} 
    
p.groot {
font-size: 40px;
font-weight: bold;}   
    
div.vink {
width: 40%;}
    
div.uk-grid.wit > div.uk-width-medium-1-4.uk-width-small-1-1 {
padding-left: 0px;} 

.uk-navbar-center {
max-width: 70%;}
} 

@media screen and (max-width: 1024px){
.uk-slideshow .uk-overlay-panel{
background-color: rgba(75, 79, 84, 0.8);
width: auto;
height: 80%;
box-shadow: none;
margin-top: 5%;
margin-bottom: 5%;}
}

div.uk-panel.uk-panel-box.wit {
color: #ffffff;}

.uk-article, div.uk-panel.uk-panel-box.menu {
color: #ffffff;}

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {
color: #66b245;
background: #ffffff;}

.uk-nav-side > li > a {
color: #ffffff;}

div.uk-grid.wit .uk-grid > * {
padding-left: 0px;
margin-left: 0px;}

h2 {
color: #ffffff;}

.uk-navbar-toggle {
color: #ffffff;}

h2.home {
font-size: 23px;
line-height: 125%;}

.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel {
    margin-top: 0px;
}

h1, .uk-h1 {
color: #Ffffff;}

#easycookieinfo .text {
float: left;
font-size: 14px;
width: 70%;
text-align: left;
padding: 4px 15px 0 30px;
}

#easycookieinfo .accept > a {
display: inline-block;
background: #66b245;
color: #FFFFFF;
padding: 8px 15px;
margin: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
font-weight: bold;
text-transform: none;
border: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
text-shadow: none;
text-decoration: none;}

#easycookieinfo {
background: #000;}

.formResponsive input[type="submit"], .formResponsive button[type="submit"] {
background-color: #66b245;
background-image: -ms-linear-gradient(top, #66b245, #66b245);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#66b245), to(#66b245));
background-image: -webkit-linear-gradient(top, #66b245, #66b245);
background-image: -o-linear-gradient(top, #66b245, #66b245);
background-image: -moz-linear-gradient(top, #66b245, #66b245);
background-image: linear-gradient(top, #66b245, #66b245);
background-repeat: repeat-x;
border-color: #66b245 #66b245 #66b245;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.0) rgba(0, 0, 0, 0.0);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#66b245', endColorstr='#66b245', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
color: #ffffff;
text-shadow: 0 0px 0 rgba(0, 0, 0, 0.0);
}

.formResponsive input[type="submit"]:hover, .formResponsive button[type="submit"]:hover, .formResponsive input[type="submit"]:active, .formResponsive button[type="submit"]:active, .formResponsive input[type="submit"].active, .formResponsive button[type="submit"].active, .formResponsive input[type="submit"].disabled, .formResponsive button[type="submit"].disabled, .formResponsive input[type="submit"][disabled], .formResponsive button[type="submit"][disabled] {
background-color: #66b245;
color: #ffffff;
text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
}