/*
Theme Name: mr_feeny
Theme URI: http://www.feeny.nl
Description: , WordPress theme by Feeny
Author: Feeny
Version: 1.0
License: Free GPL
*/
/*google font
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic);*/
@import url(http://fonts.googleapis.com/css?family=Cantarell|Pacifico);
/*-----------------------------------------------------------------------------------*
/* = Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0 }
body { background: #fff; line-height: 1; }
.bestel, .normaal-full, .normaal-sidebar, .normaal-sidebar-v-x { margin-bottom: 20px; margin: 0 0 1em; word-spacing: 2px; font: 16px/24px "Cantarell"; }
ol, ul { margin-left: 0; padding-left: 0; list-style: none; }
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title { max-height: 88px !important; width: 110px!important; text-align: center; }
.yarpp-thumbnails-horizontal a.yarpp-thumbnail { margin-left: 0; width: 124px !important; height: 220px; }
.attachment-yarpp-thumbnail.wp-post-image { height: 115px }
.yarpp-related { height: 310px }
.yarpp-thumbnails-horizontal img.attachment-yarpp-thumbnail { width: 115px }
a.yarpp-thumbnail:hover { background-color: #e5e5e5; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.wpui-post-content ul li, article .post.full-width ul li, article .post.normaal-sidebar-v-x ul li, .textwidget ul li, .related-posts-list ul li { padding-left: 30px; margin-bottom: 20px; margin: 0 0 1em; word-spacing: 2px; background: url(http://feeny.nl/wp-content/themes/mr_feeny/images/check.png) no-repeat 0 2px; font: 16px/24px "Cantarell"; }
.related-posts-list ul { margin-top: -20px }
.wpui-post-content ol li, article .post.full-width ol li { padding-left: 30px; margin-bottom: 20px; margin: 0 0 1em; word-spacing: 2px; font: 16px/24px "Cantarell"; background: url(http://feeny.nl/wp-content/themes/mr_feeny/images/uncheck.png) no-repeat 0 2px; }
.normaal-full ol li { list-style-type: decimal; list-style-position: outside; margin-left: 25px; margin-bottom: 20px; }
table { border-collapse: separate; border-spacing: 0; font-family: 'Cantarell'; font-size: 16px; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, q:before { content: "“"; font-size: 120px; float: left; margin-right: 20px; color: #43aed7; margin-top: 30px; }
blockquote:after, q:after { content: "”"; font-size: 120px; float: right; color: #43aed7; display: block; margin-top: -20px; margin-right: -60px; }
blockquote, q { quotes: "" "" }
a img { border: 0 }
figure img { max-width: 100% }
hr { margin: 30px 0; border-top: 3px solid #e6e6e6; }
img.hor-ruler { width: 100%; height: 60px; background-repeat: repeat-x; }
/* Block elements */
header, hgroup, footer, section, article, aside { display: block }
/*jetback wpstats smiley hide*/
#wpstats { display: none }
/*-----------------------------------------------------------------------------------*
/* = Body, Common Classes & Wrap
/*-----------------------------------------------------------------------------------*/
body.page-template-template-homepage-php { background: #fff url(http://feeny.nl/wp-content/themes/mr_feeny/images/header-home-background.jpg) repeat-x; font-size: 13px; line-height: 1.7em; color: #555; }
body { background: #fff url(http://feeny.nl/wp-content/themes/mr_feeny/images/header-background.jpg) repeat-x; font-size: 13px; line-height: 1.7em; color: #555; }
a { text-decoration: none; color: #d31818; border-bottom-style: solid; border-bottom-color: #43aed7; font-family: Cantarell; }
a:hover { text-decoration: none; color: #43aed7; }
p, #gforms_confirmation_message  { margin: 0 0 1em; word-spacing: 2px; font: 16px/24px "Cantarell"; }
strong { font-weight: 700 }
em { font-style: italic }
pre { margin: 20px 0; background: #eee; border: 1px solid #ddd; padding: 10px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }
blockquote { padding-left: 40px; margin: 30px 0; margin-right: 60px; text-align: justify; }
.clear { clear: both }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
* html .clearfix { zoom: 1 } /* IE6 */
*:first-child+html .clearfix { zoom: 1 } /* IE7 */
.remove-margin { margin-right: 0 !important }
/*-----------------------------------------------------------------------------------*
/* = Structure
/*-----------------------------------------------------------------------------------*/
#wrap { margin: 0 auto; width: 960px; padding: 0 30px; }
#main { margin: 45px 0 25px 0 }
/*-----------------------------------------------------------------------------------*
/* = Headings
/*-----------------------------------------------------------------------------------*/
h1, h2, h3, h4 { line-height: 1.5em; font-weight: normal; word-spacing: 2px; }
h1 { color: #d34f2a; font: 48px/1.1em 'Pacifico'; }
h2 { margin-bottom: 20px; line-height: 1.2em; color: #43aed7; font: 22px 'Cantarell'; }
h3, h3 a { margin-bottom: 20px; padding-bottom: 9px; line-height: 1.2em; color: #43aed7; font: 22px 'Cantarell'; border-bottom: 4px solid #e6e6e6; }
h4 { font-size: 14px }
h3, h4, h4 a { margin-bottom: 20px }
h1 a, h2 a { color: #d34f2b; font: 48px/1.1em 'Pacifico'; }
h2 a:hover, h3 a:hover, h4 a:hover { color: #43aed7; text-decoration: none; }
.single-title { margin-bottom: 21px }
.pagelink h4{
font-size: 24px;
font-family: cantarell;
background-color: #e5e5e5;
padding: 10px;
}
/*-----------------------------------------------------------------------------------*
/* = WordPress Styles
/*-----------------------------------------------------------------------------------*/
/*sticky*/
.gallery-size-thumbnail { margin-bottom: -30px }
/*gallery caption*/
.gallery-caption { font-family: 'Cantarell' }
/*by post author*/
/*aligns*/
.aligncenter { display: block; margin: 10px 0; }
.alignright { float: right; margin: 10px 0 10px 30px; }
.alignleft { float: left; margin: 10px 30px 10px 0; }
.alignnone { float: left; margin: 10px 0 10px 0; }
/*floats*/
.floatleft { float: left }
.floatright { float: right }
/*text style*/
.textcenter { text-align: center }
.textright { text-align: right }
.textleft { text-align: left }
/*captions*/
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/*smiley reset*/
.wp-smiley { margin: 0 !important; max-height: 1em; }
/*blockquote*/
blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; }
blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; }
.tiled-gallery.type-circle .tiled-gallery-item { -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; background: #fff; border: 5px solid #e5e5e5; margin-right: -24px; margin-bottom: 4px; }
/*-----------------------------------------------------------------------------------*
/* = Headings
/*-----------------------------------------------------------------------------------*/
#page-heading { position: relative; margin-bottom: 0; padding-bottom: 25px; }
#page-heading h1, #page-heading h2 { text-transform: lowercase }
h2.heading { font-size: 22px }
/*-------------------------------------------------*
/* = Header
/*-------------------------------------------------*/
#masterhead { position: relative; background-color: #d54e21; }
#logo { float: left; width: 30%; margin-top: -10px; }
#logo a { color: #fff; text-transform: lowercase; font: 60px 'Pacifico'; text-decoration: none; }
#logo a:hover { background: url(http://feeny.nl/wp-content/themes/mr_feeny/images/header-pointer.png) no-repeat center; padding-bottom: 79px; }
/*-------------------------------------------------*
/* =  masternav
/*-------------------------------------------------*/
#masternav { position: absolute; right: -10px; top: 50%; margin-top: -10px; height: 40px; font-size: 14px; font: 17px 'Cantarell'; }
/*** ESSENTIAL masternav Style ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 1.0 }
.sf-menu ul { position: absolute; top: -999em; width: 180px; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width: 100% }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 10px; top: 40px; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 180px; /* match ul width */ top: 0; }
/*** masternav skin ***/
.sf-menu { float: left }
.sf-menu a { height: 90px; line-height: 40px; display: block; float: left; font-weight: normal; color: #fff; padding: 0 10px; text-decoration: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-transform: lowercase; }
.sf-menu > li > a:focus, .sf-menu > li > a:hover, .sf-menu > li > a:active, .sf-menu > li.sfHover > a, #masternav .current-menu-item > a:first-child { background: url(http://feeny.nl/wp-content/themes/mr_feeny/images/header-pointer.png) no-repeat center }
/*Subs*/
.sf-menu ul { padding: 0; font-size: 12px; background: #fff; border: 1px solid #ddd; }
.sf-menu ul a { margin: 0; line-height: normal; height: auto; padding: 10px; display: block; float: none; color: #999; font-weight: normal; text-transform: none; }
.sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active { color: #000; background: #f9f9f9; }
.sf-menu ul .current-menu-item a { color: #fff }
.sf-menu ul li { border-bottom: 1px solid #ddd }
.sf-menu ul li:last-child { border-bottom: 0 }
/*-----------------------------------------------------------------------------------*/
/* = Home
/*-----------------------------------------------------------------------------------*/
#home-highlights { margin-top: 45px; margin-bottom: 0; margin-right: -20px; }
.hp-highlight { float: left; width: 230px; margin-right: 20px; margin-bottom: 20px; }
.highlight-last { background: none; margin-right: 0; }
.hp-highlight p:last-child { margin-bottom: 0; }
.hp-highlight h2 { font-size: 16px; text-transform: uppercase; margin-top: 0; margin-bottom: 15px; }
.hp-highlight h2 span { margin-right: 10px }
/*home ontwerpen*/
#home-projects { margin-bottom: 25px; margin-right: -20px; }
#home-projects .heading { margin-right: 20px }
/*home blog*/
#home-posts { margin-right: -20px }
#home-posts .heading { margin-right: 20px }
.home-entry { width: 225px; float: left; margin-right: 20px; margin-bottom: 20px; font-size: 12px; }
.home-entry h3 { font-size: 40px; margin: 10px 0 0; text-transform: lowercase; line-height: 45px; }
.home-entry-description { font: 16px Cantarell }
.home img.aligncenter { display: none }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
/*-----------------------------------------------------------------------------------*/
/* = Image Slider
/*-----------------------------------------------------------------------------------*/
/* FlexSlider necessary styles */
.flexslider { width: 100%; margin: 0; padding: 0; }
.flexslider .slides { margin: 0; list-style: none; }
.flexslider .slides > li { display: none } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { max-width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize }
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block }
* html .slides { height: 1% }
.no-js .slides > li:first-child { display: block }
/*slider wrap */
@-moz-document url-prefix() { 
	#masterhead { margin: -40px 0 40px }
	#main { margin-top: 17px }
}
#slider-wrap { width: 100%; position: relative; margin: -10px 0 70px; background-color: #e6e6e6; }
/*homepage specific*/
.full-slides img { width: 100%; display: block; margin: 0; padding: 0; }
.full-slides .slides_container { width: 100%; display: none; }
.full-slides .slides_container .slide { display: block; width: 100%; }
.full-slides .caption { position: absolute; width: 100%; bottom: 0; background: #000; color: #fff; font-weight: 700; font-size: 13px; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; text-align: center; }
.slides .caption p { padding: 15px; margin: 0; }
/*control nav & arrows*/
.flex-control-nav { width: 100%; position: absolute; bottom: -30px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #dbdadc; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #d54e21 }
.flex-control-paging li a.flex-active { background: #b1b1b1; cursor: default; }
/*
.flex-direction-nav li a.next,
.flex-direction-nav li a.prev {
	position: absolute;
	display: none;
	z-index: 101;
	font-size: 21px;
	height: 80px;
	width: 50px; 
	line-height: 80px;
	color: #fff;
	background: #000;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	cursor: pointer;
	text-align: center;
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}
.flex-direction-nav li a.next {
	right: 0;
}
.flex-direction-nav li a.prev {
	left: 0;
}
.flex-direction-nav li a.prev:hover,
.flex-direction-nav li a.next:hover {
	text-decoration: none;
	background: #47C0C0;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

*/
/*-----------------------------------------------------------------------------------*
/* = ontwerpen
/*-----------------------------------------------------------------------------------*/
#ontwerpen-wrap { overflow: hidden; margin-bottom: -20px; }
.ontwerpen-content { margin-right: -20px }
.no-margin { margin-right: 0 !important }
.no-border { border-right: 0 !important }
ul.filter { font-size: 12px; position: absolute; right: 0; top: 50%; margin-top: -25px; list-style: none; color: #999; height: 30px; line-height: 30px; }
ul.filter li { float: left; height: 25px; line-height: 25px; }
li.sort { margin-right: 10px !important }
ul.filter a { display: block; background: #eee; color: #666; margin-right: 10px; height: 25px; line-height: 25px; padding: 0 10px; }
ul.filter li:last-child a { margin: 0; }
ul.filter a:hover, ul.filter a.active { background: #3fb7b7 !important; color: #fff; }
/*ontwerpen items*/
.ontwerpen-item { float: left; width: 230px; margin-right: 13px; margin-bottom: 13px; position: relative; }
.ontwerpen-item a { display: block }
.ontwerpen-item a img { display: block }
.ontwerpen-overlay { display: none }
.ontwerpen-overlay h3 { font-size: 16px; font-weight: normal; padding: 5px 7px; background: #43aed7; color: #fff; border-style: none; }
/*single ontwerpen*/
#single-ontwerpen { margin-bottom: 0; }
#single-ontwerpen-left { float: right; width: 55%; }
#single-ontwerpen-right { float: left; width: 41%; }
#single-ontwerpen-left #slider-wrap { width: 100%; position: relative; margin: -10px 0; margin-bottom: 30px; }
#single-ontwerpen-left h1 { font-size: 18px; line-height: 1em; }
#single-ontwerpen-meta { margin-top: -10px; margin-bottom: 20px; font-weight: bold; }
#single-ontwerpen-meta h4 { margin-bottom: 10px }
#single-ontwerpen-meta a { display: block; float: left; margin-right: 5px; padding: 3px 7px; background: #eee; color: #666; }
#single-ontwerpen-meta a:hover { background: #fee825 !important; color: #000; }
#single-ontwerpen-right.clearfix ul li { padding-left: 30px; margin-bottom: 20px; margin: 0 0 1em; word-spacing: 2px; font: 16px/24px "Cantarell"; background: url(http://feeny.nl/wp-content/themes/mr_feeny/images/check.png) no-repeat 0 2px; }
/*-----------------------------------------------------------------------------------*
/* = Next/Prev Navigation
/*-----------------------------------------------------------------------------------*/
#single-nav { right: 0; margin-top: 20px; }
#single-nav-left { float: left; max-width: 48%; height: auto; }
#single-nav-right { float: right; max-width: 48%; text-align: right; }
#single-nav a { font-size: 14px; color: #fff; background: #43aed7; padding: 2px 12px; line-height: 27px; display: block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: lowercase; border-bottom: 4px solid #0f7aa7; }
#single-nav-left a:hover, #single-nav-right a:hover { color: #fff; background: #53c9f4; border-bottom: 4px solid #45aacf; }
#single-nav-left a span { margin-right: 4px }
#single-nav-right a span { margin-left: 4px }
/*-----------------------------------------------------------------------------------*
/* = Entries
/*-----------------------------------------------------------------------------------*/
.loop-entry { margin-bottom: 0; padding-bottom: 20px; }
.loop-entry li { font: 16px cantarell; list-style-type: disc; margin-left: 30px; }
.loop-entry ul { margin-bottom: 20px }
.loop-entry-thumbnail { float: left; margin-right: 25px; }
.loop-entry h2 { margin: -5px 0 0; font-size: 18px; }
.loop-entry-meta { color: #999; margin: 22px 0 10px; font: 14px Cantarell; }
.loop-entry-meta span { margin: 0 5px 0 12px; font-size: 13px; color: #999; }
.loop-entry-meta span:first-child { margin-left: 0 }
/*-----------------------------------------------------------------------------------*
/* = Posts & Pages
/*-----------------------------------------------------------------------------------*/
.post, .normaal-sidebar, .normaal-sidebar-v-x { float: left; width: 70%; }
.full-width, .bestel, .normaal-full { float: none !important; width: 100% !important; }
.entry { margin-bottom: 20px }
.entry li { font: 16px cantarell }
.entry ul, .entry ol { margin-left: 30px !important; margin-bottom: 20px; list-style: inherit; }
.entry ol { list-style: decimal }
/*post meta */
.post-meta { color: #999; margin: -15px 0 15px; font: 11px cantarell; }
.post-meta span { margin: 0 10px; font-size: 13px; color: #666; }
.post-meta span:first-child { margin-left: 0 }
/*post thumb*/
.post-thumbnail { float: left; margin-right: 25px; }
/*post tags*/
.post-tags { margin-right: 10px; margin-top: 30px; font-size: 14px; }
.post-tags span { margin-right: 10px; color: #666; }
.rve-embed-container { margin-bottom: 20px; margin-top: 20px; }
/*-----------------------------------------------------------------------------------*
/* = Pagination
/*-----------------------------------------------------------------------------------*/
.pagination { margin-top: 20px }
.pagination a, .pagination span { font-size: 11px; line-height: 25px; height: 25px; width: 25px; text-align: center; margin-right: 5px; display: block; float: left; background: #eee; color: #666; }
.pagination a:hover, .pagination span.current { text-decoration: none; color: #FFF; background: #444; }
/*-----------------------------------------------------------------------------------*
/* = Comments
/*-----------------------------------------------------------------------------------*/
#commentsbox { width: 100%; overflow: hidden; margin-top: 30px; margin-bottom: -20px; font-size: 16px; }
#comments { margin: 0; font-size: 16px; color: #555; text-shadow: none; margin-top: 0; margin-bottom: 20px; padding: 15px 0; border-bottom: 4px solid #e6e6e6; }
#comments span { color: #666; font-size: 14px; margin-right: 10px; }
#commentsbox ol, #commentsbox ul { list-style: none; margin: 0 !important; }
.children { list-style: none; margin: 30px 0 0; text-indent: 0; }
.children li.depth-2 { margin: 0 0 0 65px }
.children li.depth-3 { margin: 0 0 0 65px }
.children li.depth-4 { margin: 0 0 0 65px }
.children li.depth-5 { margin: 0 0 0 65px }
.children li.depth-6 { margin: 0 0 0 65px }
.children li.depth-7 { margin: 0 0 0 65px }
.children li.depth-8 { margin: 0 0 0 65px }
.children li.depth-9 { margin: 0 0 0 65px }
.children li.depth-10 { margin: 0 0 0 65px }
.comment-body { position: relative; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 4px solid #e6e6e6; }
.comment-body p:last-child { margin-bottom: 0 }
#commentsbox .avatar { display: none }
.comment-author { color: #555; font-family: cantarell; }
.comment-author a { color: #d21b22 }
.comment-author a:hover { color: #43aed7 }
.says { display: none }
.comment-meta { padding-bottom: 10px; margin-bottom: 10px; }
.comment-meta a { font-size: 11px; color: #555; }
.comment-meta a:hover { color: #000; border-bottom: 1px dotted #000; }
.comment-meta  .comment-reply-link { font-size: 11px; color: #d21b22; text-transform: lowercase; }
.comment-meta  .comment-reply-link:hover { color: #43aed7; border-bottom: 1px dotted #43aed7; }
.cancel-comment-reply { margin-top: -10px }
.cancel-comment-reply a { color: #d21b22; line-height: 20px; height: 20px; }
.cancel-comment-reply a:hover { text-decoration: underline }
#comments-respond { clear: left; text-transform: none; color: #555; font-size: 16px; margin-top: 0; margin-bottom: 15px; border-style: none; }
#comments-respond-meta { color: #666; font-size: 11px; }
#comments-respond-meta a { color: #000 }
#commentform label { display: block }
#commentform input#author, #commentform input#email, #commentform input#url { font-size: 12px; width: 30%; color: #666; text-shadow: 1px 1px 0 #FFF; border: 4px solid #e6e6e6; outline: none; padding: 8px; margin-top: 10px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-color: #fff; }
#commentform textarea { display: block; padding: 10px; width: 100%; color: #666; margin-top: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid #e6e6e6; }
#commentform input#author:focus, #commentform input#email:focus, #commentform input#url:focus, #commentform textarea:focus { border-color: #bdbdbd !important; border: 4px solid #bdbdbd; }
#commentSubmit { margin-top: -5px; margin-bottom: 20px; text-transform: lowercase; }
.comment-waiting-moderation { font-size: 16px; padding-top: 10px; margin: 10px 0 0; background: url("images/small-border.png") left top no-repeat; color: #d34f2b; }
/*WP JetPack*/
.comment-subscription-form { font-size: 12px }
.comment-subscription-form input { float: left; margin-right: 5px; }
/*-----------------------------------------------------------------------------------*/
/* = Form Styling
/*-----------------------------------------------------------------------------------*/
/*inputs*/
input[type="text"], input[type="password"] { margin-top: -12px }
input[type="text"], input[type="password"], textarea { color: #999; padding: 7px; border: 1px solid #ddd; background: #fff; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { background: #fff; border: 1px solid #bdbdbd !important; color: #444; -webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1); box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1); }
/*buttons*/
input[type="clean-button"], .wpcf7-submit, #commentSubmit { font-size: 16px; display: inline-block; background: #43aed7; color: #fff; padding: .5em 1em; height: 40px; border: 0; outline: 0; cursor: pointer; }
input[type="clean-button"]:hover, .wpcf7-submit:hover, #commentSubmit:hover { text-decoration: none; background: #98d942; }
/*contact form 7 specific*/
.wpcf7 input[type="text"] { width: 250px }
.wpcf7 textarea { width: 95%; margin-top: 5px; }
.wpcf7-form p { margin: 0; margin-bottom: 20px; font-weight: bold; }
.wpcf7-submit { margin-top: -5px }
div.wpcf7-validation-errors, .wpcf7-not-valid-tip { text-shadow: none; border: transparent !important; background: #f9cd00; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px !important; font-weight: bold; color: #9C6533; text-shadow: 1px 1px 1px rgba(255,255,255, 0.4); text-align: center; margin: 0 !important; }
div.wpcf7-validation-errors { width: 95%; padding: 10px 5px !important; }
.wpcf7-not-valid-tip { display: block; position: relative !important; top: 0 !important; left: 0 !important; background: #FFF780 !important; font-size: 12px !important; margin-top: 8px !important; width: 40% !important; }
span.wpcf7-not-valid-tip { text-align: center; text-shadow: none; padding: 5px; font-size: 11px; background: #ff5454 !important; border-color: #ff5454; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.wpcf7-mail-sent-ok { text-align: center; text-shadow: none; padding: 10px; font-size: 11px; background: #59a80f !important; border-color: #59a80f; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/*-----------------------------------------------------------------------------------*
/* = Sidebar
/*-----------------------------------------------------------------------------------*/
#sidebar { width: 25%; float: right; }
.sidebar-box { margin-bottom: 25px }
.sidebar-box h4 { margin-top: 0 !important; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 4px solid #e6e6e6; font: 14px Cantarell; text-transform: uppercase; }
.sidebar-box ul { list-style: none; list-style-position: inside; margin: 0; }
.sidebar-box li, .footer-widget li { margin-bottom: 5px; font: 14px Cantarell; }
/*-----------------------------------------------------------------------------------*/
/* = Widgets
/*-----------------------------------------------------------------------------------*/
#sidebar .widget_recent_entries ul, #sidebar .widget_nav_menu ul, #sidebar .widget_categories ul { margin: 0; list-style: none; }
#sidebar .current-menu-item a, #sidebar .current-cat a, .widget_pages .current_page_item a { color: #000 !important }
.widget_recent_entries a:hover, .widget_nav_menu ul a:hover, .widget_categories a:hover { text-decoration: none; color: #000; }
#footer .widget_recent_entries li, #footer .widget_nav_menu ul li, #footer .widget_categories li { padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px solid #333; }
#footer .widget_nav_menu ul ul a { padding: 0 }
/*tagcloud*/
.tagcloud a { line-height: 1em !important; display: block; float: left; padding: 7px 15px; background: #43aed7; margin-bottom: 8px; margin-right: 8px; color: #fff !important; -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.tagcloud a:hover { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
ul.tweets li { margin-bottom: 10px; list-style-type: decimal; }
/*-----------------------------------------------------------------------------------*
/* = Footer/Copyright
/*-----------------------------------------------------------------------------------*/
#footer { background: #d34f2b; margin: 0 -30px; padding: 0 30px; color: #fff; font-size: 12px; }
#footer a { color: #fec86a; text-decoration: none; }
#footer a:hover, #footer a:active, #footer a:focus { color: #4ac2ef }
#footer  ul { margin-left: 0 !important }
/*footer widgets*/
#footer-one, #footer-two, #footer-three, #footer-four { float: left; width: 225px; margin-right: 20px; }
#footer-four { margin: 0 }
.footer-widget { color: #96db33 !important; margin: 25px 0; font: 10px/20px cantarell !important; white-space: normal;}
.footer-widget-menu ul.sub-menu { padding-left: 15px; margin-top: 5px; }
.footer-widget h4 { color: #fff; font-size: 13px; padding: 0 0 10px; margin: 0 0 15px; border-bottom: 4px solid #96db33; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; }
/*footer bottom*/
#footer-bottom { padding: 10px 0; border-top: 4px solid #96db33; }
#copyright { float: left; width: 60px; color: #fff; font: 14px cantarell; margin-top: 12px; }
#company-name a { float: left; width: 60px; color: #fff; font: 20px Pacifico; text-transform: lowercase; }
#back-to-top { width: 20%; float: right; text-align: right; font: 14px Cantarell; margin-top: 12px; }
/*-----------------------------------------------------------------------------------*
/* = Search Bar
/*-----------------------------------------------------------------------------------*/
#searchbar { display: block; position: relative; width: 100%; margin-bottom: 4px; }
#search { position: relative; width: 100%; padding: 10px 30px 10px 10px; outline: none; border: 4px solid #e6e6e6; color: #666; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 11px; }
/*-----------------------------------------------------------------------------------*
/* Main Shortcodes
/*-----------------------------------------------------------------------------------*/
/*columns*/
.one-half { width: 48% }
.one-third { width: 30.66% }
.two-third { width: 65.33% }
.one-fourth { width: 22% }
.three-fourth { width: 74% }
.one-fifth { width: 16.8% }
.one-sixth { width: 13.33% }
.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-sixth { position: relative; margin-right: 4%; float: left; }
/*
body.home .one-half.column-last h1{
	margin-top: 60px;
}
body.home.one-half.column-last img{
	margin-top: -30px;
}

*/
.column-last { margin-right: 0 }
.column-first { margin-left: 0 }
/*box shortcodes*/
.box-shortcode { margin-right: 5px; margin-top: 10px; display: inline-block; background: #222; color: #fff; padding: 6px 20px; font: 18px 'Cantarell'; }
.box-black { background-color: #fac866 }
.box-red { background-color: #d11b22 }
.box-green { background-color: #9bd64d }
.box-blue { background-color: #44aed7; text-align: center; }
/*highlights*/
.text-highlight { padding: 2px }
.highlight-yellow, .highlight-yellow a { background-color: #FFF7A8; color: #695D43; }
.highlight-pink, .highlight-pink a { background-color: #F7DEEB; color: #724473; }
.highlight-purple, .highlight-purple a { background-color: #E0DBF6; color: #5C5577; }
.highlight-blue, .highlight-blue a { background-color: #D7F0FF; color: #2A67A4; }
.highlight-green, .highlight-green a { background-color: #E7FFCE; color: #47630A; }
.highlight-red, .highlight-red a { background: #FFCEBE; color: #A22121; }
.highlight-gray, .highlight-gray a { background-color: #EBEBEB; color: #787777; }
/*Other buttons*/
.button { margin-right: 5px; margin-top: 10px; display: inline-block; padding: 6px 20px; font-size: 16px; display: inline-block; background: #43aed7; color: #fff; border: 0; outline: 0; cursor: pointer; text-transform: lowercase; }
.button:hover, .button.hover { opacity: 0.8; color: #fff; }
.button:active, .button.active { opacity: 0.5; color: #fff; }
.button.black { background-color: #333333 }
.button.teal { background-color: #3fb7b7 }
.button.gray { background-color: #666666 }
.button.light-gray { background-color: #D5D2D2; color: #666; }
.button.red { background-color: #e62727 }
.button.orange { background-color: #f24919 }
.button.magenta { background-color: #A9014B }
.button.yellow { background-color: #ffb515 }
.button.blue { background-color: #23abe5; border-bottom: 4px solid #0f7aa7; text-align: center; }
.button.pink { background-color: #e22092 }
.button.green { background-color: #99d841; border-bottom: 4px solid #71a42e; text-align: center; }
.button.rosy { background-color: #F16C7C }
.button.brown { background-color: #804000 }
.button.purple { background-color: #800080 }
.button.cyan { background-color: #46C7C7 }
.button.gold { background-color: #D4A017 }
.eerste-blog-banner { height: 228px; margin: 10px 0 30px 0; background-image: url( http://feeny.nl/wp-content/themes/mr_feeny/images/banner/banner-nieuws-delen-groot.png); }
.tweede-blog-banner { height: 228px; margin: 10px 0 30px 0; background-image: url( http://feeny.nl/wp-content/themes/mr_feeny/images/banner/banner-kalender-groot.png); }
.derde-blog-banner { height: 228px; margin: 10px 0 30px 0; background-image: url( http://feeny.nl/wp-content/themes/mr_feeny/images/banner/banner-responsive-groot.png); }
/* Add-this */
.addthis_toolbox { margin-top: 30px }
.feeny-banner { margin-top: 20px; display: inline-block; float: none; clear: none; }
h3.sd-title { font: 22px 'Cantarell' !important; margin-top: -5px !important; }
div.sharedaddy div.sd-block { border-top-style: none !important; border-top-style: hidden; border-style: hidden; }
div.sharedaddy h3.sd-title:before { border-top: none !important;}
div.sharedaddy h3.sd-title {display: block !important;}
.sd-gplus img {width: 40px !important; height: 40px !important;}
/* Adsense */
#adsense-right { margin: -20px 0 10px 10px; float: right; display: block; }
#adsense-breed { margin-bottom: 20px }
#adsense-breed .rechts { float: right; margin-top: -309px; }
#adsense-breed { margin-bottom: 20px }
#adsense-breed .rechts { float: right; margin-top: -309px; }
#adsense-banner { margin: 20px 0 20px 0; padding-left: 102px; float: right; }
/* App Store assistent */
a.appbutton  {margin-top:-5px !important;}
.wpasc_smallbox { margin-top: 60px }
.wpasc_rounded { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari, Chrome */ -khtml-border-radius: 15px; /* Konqueror */ border-radius: 15px; /* CSS3 */ }
.wpasc_info { width: 75%; vertical-align: top; padding: 10px 10px 0 20px; }
#wpasc_screenshots p { display: none }
#wpasc_screenshots table { margin: -25px 0 15px }
#wpasc_screenshots table img { width: 130px }
/* Spreadshirt */
.full-width-shirt { width: 100% }
.full-width-shirt pre { background-color: #ffffff; border-style: none; }
#spreadshirt-list { margin-bottom: -80px }
#spreadshirt-list h3 { height: 60px; text-align: left; }
#spreadshirt-list ul.colors, #spreadshirt-list select#size-select, #spreadshirt-list ul.social-buttons, #spreadshirt-list .product-name, #spreadshirt-list ul.soc-icons { display: inline-block; margin: 0 15px; }
#spreadshirt-list p { margin: 0 10px }
.description-wrapper .description, .description-wrapper .header, #spreadshirt-list .product-name { font: 14px 'Cantarell'; color: #d21b22; margin-left: 15px; }
.views .previewview { margin-left: 18px }
.spreadshirt-article { background-color: #e5e5e5; margin: 10px !important; width: 215px !important; }
.spreadshirt-article h3 { margin-top: -20px !important; text-align: center !important; }
.spreadshirt-items { width: 980px; margin-left: -10px; }
.spreadshirt-items #checkout { background-color: #3eadda !important; width: 155px; top: 10px; padding: 10px; right: 10px; text-align: center; }
.spreadshirt-menu.fixed { width: 980px !important; margin-left: -10px; }
.spreadshirt-menu.fixed #productCategory, .spreadshirt-menu.fixed #articleSortBy { left: 10px }
.spreadshirt-menu.fixed #checkout { right: 0; margin-bottom: 20px; }
#articleSortBy { margin-top: 40px; margin-right: 42px; }
#productCategory { margin-top: 40px; margin-left: 0 !important; }
#productSubCategory { display: none }
.price-wrapper { font: 14px 'Cantarell'; margin-left: 15px; }
#checkout a { text-transform: lowercase; font: 20px 'Cantarell'; color: #fff; }
.spreadshirt-items #checkout span { color: #fff; font: 20px 'Cantarell'; }
#infscr-loading { margin-bottom: 100px; font: 16px 'Cantarell'; }
/* Verberg meta data en navigatie in handleidingen - Documents */
.single-document .loop-entry-meta, .single-document #single-nav { display: none }
/* Website in 1 dag - aanpassingen */
.page-id-4805 .gform_body .gfield{ background:none !important}
.page-id-4805 .gform_body { background:#e6e6e6 !important; padding-right: 30px; padding-top: 20px;}
.page-id-4805 .gform_title{display:none}
.page-id-4805 #page-heading h1{text-transform: none !important}
.page-id-4805 .gform_body .ginput_container input.large{width: 97.5% !important}
.page-id-4805 .gform_wrapper { margin: 0px !important; max-width: 100% !important}
.page-id-4805 .gform_footer (height: 0px !important}
.page-id-4805 .post .h3.p1{margin-top: 40px  !important}
.page-id-4805 .gform_wrapper{margin: -40px 0 -140px !important;}
.page-id-4805 .gform_wrapper .gform_footer {
padding: 16px 0 10px 0 !important;
margin: 16px 0 0 0 !important;
clear: both !important;
height: 0px !important;
}