/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. */


/* 
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

html {
	font-size: 65.5%;
}

body {
	font-size: 1.2em;
	line-height: 1.618;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	padding: 0;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

ul, ol, dl, p, table, form, pre, hr {
margin: 0 0 0.318em 0;
}

#page-content article {
	padding: 0 0 2.244em;
}
a {
	color: #09F;
}
a:hover {
	color: #FF6600;
	text-decoration: none;
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
font-family: Helvetica, Arial, sans-serif;
margin: 0 0 0.1em;
font-weight:bold;
}



.widget ul li {
	margin: 0 0 .018em;
}
.widget ul li a {
	color: #666;
}

#main .widget_woothemes_testimonials h2 {
font-family: Helvetica, sans-serif;
color: #323232;
}


body.has-slider #header, body.has-top-section #header {
	margin: 0;
	padding: 0;
}
#header {
	background-color: #1D1D14;
	background-image: url(images/top-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding:0;
}


#top-section {
	background: none;
	border: none;
	margin: 0 0 0.008em;
}
#top-section header h1 {
font-family: Helvetica, Arial, sans-serif;
	text-shadow: none;
	color: #000000;
	font-weight: bold;
}
#header #logo {
	float: left;
	margin: 0.4em 0 1em 0;
}
.qa-faq-answer {
	padding: 10px;
	background: #EEE;
}


#featured-slider {
	background: #EEE;
	color: #333;
	text-shadow: none;
	border-bottom: 1px solid #d3d3d3;
	box-shadow: inset 0 1px 5px 1px #d8d8d8;
	-webkit-box-shadow: inset 0 1px 5px 1px #d8d8d8;
	height:280px;
}
#featured-slider .slide-content {
	padding-top: 2em;
}
#featured-slider h1, #featured-slider h2, #featured-slider h3, #featured-slider h4, #featured-slider h5, #featured-slider h6 {
	font-family: 'Open Sans', sans-serif;
	color: #000;
	text-shadow: none;
}

#featured-slider { display:none; }

#main .widget_woothemes_testimonials h2 {
margin: 0 0 0.887em;
}
#main .widget_woothemes_testimonials .quote {
	border-bottom: 0px solid #ececec;
}
#footer-wrapper .widget_woothemes_testimonials .quote {
	float: left;
	width: 100%;
	border-bottom: 0px solid #ececec;
	padding: 0em 0;
}
#footer-wrapper .widget_woothemes_testimonials .testimonials-image {
	float: left;
	display: block;
	margin:  0;
	background-image: url(images/thumbs-footer.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.widget_woothemes_testimonials .quote .testimonials-text {
margin: 0 0 0.387em;
padding: 0;
}
.widget_woothemes_testimonials .quote .author {
color: #FF6600;
font-style:italic;
}

#intro-message header h1 {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 2.618em;
color: #323232;
text-align: center;
}


#footer-wrapper {
	padding: 2.5em 0 1.618em;
	background: #f1f1f1;
	border-top: 1px solid #d3d3d3;
	box-shadow: inset 0 1px 5px 1px #d8d8d8;
	-webkit-box-shadow: inset 0 1px 5px 1px #d8d8d8;
	font-size: 0.85em;
}
#footer-widgets h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 1.05em;
	margin: 0 0 0em;
	text-transform: uppercase;
}
#footer-widgets .widget_woothemes_testimonials .quote, #footer-right .widget_woothemes_testimonials .quote {
	border-bottom: 0px solid #dadada;
}


a.button.orange:hover,
a.comment-reply-link.orange:hover,
#commentform #submit.orange:hover,
.submit.orange:hover,
input[type=submit].orange:hover,
input.button.orange:hover,
button.button.orange:hover,
#wrapper .woo-sc-button.orange:hover {
  background: #FF6600;
}



.post header h1, .type-page header h1, .type-feature header h1, .type-testimonial header h1, .search-results .page header h1, .search-results .type-product header h1, .search-results .type-feature header h1, .search-results .type-testimonial header h1 {
font-size: 0.65em;
margin: 0;
font-weight:bold;
}

.post, .type-page, .type-feature, .type-testimonial, .search-results .page, .search-results .type-product, .search-results .type-feature, .search-results .type-testimonial {
margin: 0 0 1.618em;
padding: 0 0 0.618em;
border-bottom: 0px solid #ececec;
}

.category-realisatie { display:block; clear:both; }


.ngg-gallery-thumbnail img:hover {
	background-color: #FF6600;
}

.nav-prev, .nav-next { font-size:0.75em; }



#top-section #breadcrumbs {
float: left;
width:auto;
text-align: left;
font-size:0.7em;
margin:0em;;
display:block;
clear:both;
color: rgba(0, 0, 0, 0.45);
}
#top-section #breadcrumbs a {
color: #999;
text-decoration:underline;
}


#top-section header h1 {
float: left;
width: 90%;
}

/* gravity forms */


.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"] {
outline-style: none;
font-size: 16px;
font-family: inherit;
padding: 4px 0 4px 0;
letter-spacing: normal;
}

.gform_wrapper select {
font-size: 16px;
font-family: inherit;
padding: 3px 0 3px 0;
letter-spacing: normal;
}

.gform_wrapper textarea {
outline-style: none;
font-size: 16px;
font-family: inherit;
letter-spacing: normal;
padding: 2px 0 2px 0;
resize: none;
}

.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title {
font-weight: bold;
font-size: 2em;
color:#FF6600;
}

.gform_wrapper .gsection {
border-bottom: 3px solid #FF6600;
padding: 0 0 8px 0;
margin: 8px 0;
clear: both;
}

/* shortcodes */

.shortcode-toggle.border {
border: 0px solid #EBEBEB;
}

.twocol-one, .threecol-one, .threecol-two, .fourcol-one, .fourcol-two, .fourcol-three, .fivecol-one, .fivecol-two, .fivecol-three, .fivecol-four, .sixcol-one, .sixcol-two, .sixcol-three, .sixcol-four, .sixcol-five {
float: left;
margin-right: 4%;
margin-bottom: 1%;
position: relative;
}


.archive h1 a { color:#000; }
.archive h1 a:hobver { text-decoration:none; }


a.button.silver, a.comment-reply-link.silver, #commentform #submit.silver, .submit.silver, input[type="submit"].silver, input.button.silver, button.button.silver, #wrapper .woo-sc-button.silver {
color: #444 !important;
text-shadow: 0 1px #fff;
background: #d8d8d8;
padding: .882em 1.618em;
}



/* 
DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

/*
@media only screen and (min-width: 768px) {
#header {
padding: 0em 0 0;
}
*/


@media only screen and (min-width: 768px) {
/* Desktop styles go here */
	
#featured-slider { display:block; }

#sidebar .slide-title { font-size: 1.3em; }

#sidebar .wooslider {
margin: 0 0 60px;
background: #fff;
border: 4px solid #fff;
position: relative;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2);
-moz-box-shadow: 0 0px 0px rgba(0,0,0,.2);
-o-box-shadow: 0 0px 0px rgba(0,0,0,.2);
box-shadow: 0 0px 0px rgba(0,0,0,.2);
zoom: 1;
}
	
#header { padding:0 0 0; margin:0 0 0; }	
	
#header .header-left {
float: left;
width: 15%;
margin: 0 0 2.618em;
}

#header .header-right {
float: right;
margin: 0 0 0.618em;
}

	
#top {
	background: none;
	border: none;
	width: 60%;
	float: right;
}
#top ul.nav {
	font-size: .957em;
	float: right;
}
#top ul.nav > li a:hover {
	background: none;
	color: #FF6600;
}
#top ul.nav > li:hover {
	background: none;
}
#top ul.nav li.current_page_item a, #top ul.nav li.current_page_parent a, #top ul.nav li.current-menu-ancestor a, #top ul.nav li.current-cat a, #top ul.nav li.li.current-menu-item a {
background: none;
color: #FF6600;
}

#top ul.nav li.opvallen.current_page_item a {
background: none;
color: #FFF;
background-image: url(images/star.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#top ul li.opvallen {
	background: #39F;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
#top ul li.opvallen:hover {
	background: #FF6600;
}
#top ul li.opvallen a {
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 50px;
	background-image: url(images/clock.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#top ul li.opvallen a:hover {
	background-image: url(images/clock-hover.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;
	text-decoration: none;
}
.navbg {
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #333;
	background-image: url(images/bgnavigation.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

ul.nav ul {
width: 11.300em;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 9999;
margin: 0;
}

#navigation ul.nav ul {
background: #3f354a;
-webkit-border-bottom-right-radius: 0.327em;
-webkit-border-bottom-left-radius: 0.327em;
-moz-border-radius-bottomright: 0.327em;
-moz-border-radius-bottomleft: 0.327em;
border-bottom-right-radius: 0.327em;
border-bottom-left-radius: 0.327em;
-webkit-border-top-right-radius: 0em;
-webkit-border-top-left-radius: 0em;
-moz-border-radius-topright: 0em;
-moz-border-radius-topleft: 0em;
border-top-right-radius: 0em;
border-top-left-radius: 0em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
}


#navigation ul li a {
text-shadow:0 -1px 1px rgba(255,255,255,0.5);
font-size:1.1em;
}

#navigation ul.nav > li.current_page_item a, #navigation ul.nav > li.current_page_parent a, #navigation ul.nav > li.current-menu-ancestor a, #navigation ul.nav > li.current-cat a, #navigation ul.nav > li.li.current-menu-item a {
	background: #FF6600;
	border-radius: 0em;
	color: #000;
}

#navigation ul.nav > li {
margin: 0 1em;
}

#navigation ul.nav > li a {
	color: #333;
	text-shadow: none;
	padding: 0.5em 1em;
}
#navigation ul.nav > li:hover {
	background: #FF6600;
	-webkit-border-radius: 0em;
	border-radius: 0em;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	color:#000;
}

 #navigation ul.nav ul li a:hover {
    background: #333;
	color:#FFF
  }

#navigation ul.nav ul {
	background: #FF6600;
}

#content { min-height:600px; }

}


#main h3 { margin: 0 0 0 0; }
.home h3 { background-color:#666; margin: 0 0 0 0; padding: 10px; font-size:1.15em; color:#FFF; }

.home li a { color:#666; }
.home li a:hover { color:#000; text-decoration:underline; }

p.woo-sc-box, div.woo-sc-box {
margin: 0em 0 0em 0;
padding: 9px 10px 9px 50px;
border-width: 1px 0 1px 0;
border-style: solid;
color: #555;
text-shadow: none;
}



.threecol-one img {
	border: none;
	padding:0;
	margin:0;
}

.entry .shortcode-unorderedlist ul li, .shortcode-unorderedlist ul li, .entry .shortcode-unorderedlist ul li ul, .shortcode-unorderedlist ul li ul {
list-style-type: none;
padding-left: 18px;
background: url() no-repeat scroll left top;
}

.post .entry ul, .type-page .entry ul, .type-feature .entry ul, .type-testimonial .entry ul, .search-results .page .entry ul, .search-results .type-product .entry ul, .search-results .type-feature .entry ul, .search-results .type-testimonial .entry ul, .post .entry ol, .type-page .entry ol, .type-feature .entry ol, .type-testimonial .entry ol, .search-results .page .entry ol, .search-results .type-product .entry ol, .search-results .type-feature .entry ol, .search-results .type-testimonial .entry ol {
margin-left: 0em;
}

#footer {
	font-size: 1.3em; }