/*
Theme Name: Dwarsligger
Theme URI: https://dwarsligger.nl
Author: 3djay
Author URI: http://www.3djay.nl
Description: Theme voor Dwarsligger website
Version: 1.0
License: 
License URI:
Tags:
Text Domain:
*/

/* html tags */

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
p {
	margin: 0px 0px 15px 0px;
	padding: 0px;	
}
h1, h2, h3 {
	font-weight: normal;
	margin: 0px 0px 15px 0px;
	padding: 0px;	
}
h1, h2 {
	color: #67a76a;
	font-size: 18px;
}
h3 {
	color: #67a76a;
	font-size: 14px;
	margin-bottom: 5px;
}
img {
	border: 0px;	
}
a {
	color: #82be85;	
}
a:hover {
	color: #67a76a;
}

/* content */
.content_holder ul {
	margin: 0px;
	padding: 0px;	
}
.content_holder ul li {
	margin: 0px;
	padding: 0px;	
}
.intro {
	margin-bottom: 0px;	
}
.title_bar {
	margin-bottom: 0px;	
}
.row_nobottommargin {
	margin-bottom: 0px;	
}
.regular_content ul {
	margin: 0px 0px 0px 15px;
}
.regular_content ul li {
	margin: 0px 0px 10px 0px;
}

/* header */
/*#carrousel {
	height: 214px;	
}*/
#menu_selector {
	display: none;	
}
#menu_holder {
	background-color: #67a76a;
	width: 940px;
	height: 40px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#dwarsligger_logo {
	border-right: 1px solid #ffffff;	
}
.menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.menu ul li {
	margin: 0px;
	padding: 0px;
	float: left;
}
#menu-menu_main ul.sub-menu {
	display: none !important;
	
}	

#menu-menu_main-1 {
	list-style: none;
	margin: 0px;
	padding: 0px;	
}
#menu-menu_main-1 a {
	text-decoration: none;	
}

#menu-menu_main-1 .menu-item {
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0px;	
}
#menu-menu_main-1 ul.sub-menu {
	margin-top: 15px;	
}
#menu-menu_main-1 ul.sub-menu .menu-item {
	float: none;
}

/* social media shares */
.social_media_share img {
	float: right;	
	margin-left: 10px;
}

/* carrousel */
.carrousel_row {
	margin-bottom: 10px;	
}
#myImageFlow {
	background:#ffffff;
	color:#000;
	/*border: 1px solid #ccc;*/
	width: 980px;
	/*left: 50%;
	margin-left: -470px;*/
	z-index: 0;
	height: 208px !important;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left: -10px;
}

#myImageFlow .loading {
	border-color:#333;
}
#myImageFlow_caption, #myImageFlow_scrollbar, #myImageFlow_navigation {
	display: none !important;	
	height: 0px !important;
}
#myImageFlow .loading_bar {
	background:#333;
}

#myImageFlow .slider {
	background:url(slider_dark.png) top left no-repeat;
}

#myImageFlow .scrollbar {
	border-bottom:1px solid #000;
}

/* menu */
ul#menu-menu_main {
	list-style: none;
	margin: 0px;
	padding: 0px;	
}
ul#menu-menu_main li {
	float: left;
	margin: 10px 10px 0px 10px;
	padding: 0px;	
}
ul#menu-menu_main li.menu-item {
	font-size: 15px;
}
ul#menu-menu_main li.menu-item a {
	text-decoration: none;
	color: #ffffff;
}
ul#menu-menu_main li.menu-item a:hover {
	color: #c9e8cb;
}

/* search */
#search_selector, #search_mobile {
	display: none;	
	/*border: 1px solid #000000;*/
}
#search h2 {
	margin: 0px 0px 5px 0px;
}
#search p {
	margin-bottom: 5px;	
}
#search_nieuwsbrief_button {
	float: right;
	margin: 0px 0px 15px 0px;
}
ul.form_layout {
	list-style: none;
	margin: 0px;
	padding: 0px;	
}
ul.form_layout li {
	float: left;
	margin: 0px;
	padding: 0px;	
}
ul.form_layout li.text_field input {
	border: 1px solid #000000;
	width: 180px;
	height: 20px;
}
ul.form_layout li.search_button input {
	margin: 0px 0px 15px 10px;
	float: right;
}
ul.form_layout li.search_button {
	width: 36px;
}
.search_book_result {
	height: 215px;	
}
.search_book_result img {
	width: 100%;
	height: auto;	
}
.search_book_result h2 {
	font-size: 16px;
	margin-bottom: 5px;	
}
.search_results ul {
	margin-left: 15px;
}

/* homepage */
.content_holder {
	clear: both;
	margin-bottom: 0px;	
}
.content_holder .top_content {
	margin-top: 15px;
	margin-bottom: 0px;	
}
.banners .columns {
	height: 175px;	
}

#banners_sidebar {
	clear: both;	
}
#banners_sidebar img {
	margin-bottom: 15px;	
}

/* nieuws */
.news_item_home {
	margin-bottom: 10px;	
	padding-bottom: 0px;
}
.news_item_home img {
	width: 100%;
	height: auto;	
	margin-bottom: 5px;
}
.news_item_home p {
	margin-bottom: 5px;	
	padding-bottom: 0px;
}
a .news_item_home  {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}
.news_item_home:hover {
	background-color: #e7f7e8;	
}
.visual_large img {
	width: 100%;
	height: auto;	
}
a.latest_news , a.latest_news:hover {
	text-decoration: none;	
}

/* twitter */
.tweet_avatar {
	float: left;
	margin: 0px 10px 10px 10px;
	width: 32px;
	height: 32px;	
}
.tweet_text {
	color: #3a6d87;	
}
.tweet_text p {
	padding-right: 10px;	
	margin-bottom: 0px;
	line-height: 14px;
}
.twitter {
	margin-bottom: 0px;
	background-color: #c0ddec;	
	/*background-image: url(images/header_twitter.gif);*/
	background-repeat: no-repeat;
	background-position: top;
	color: #000000;
	padding-bottom: 5px;
}
.twitter a {
	color: #000000;
}
.twitter a:hover {
	color: #396a83;	
}
.tweet_info, .tweet_info a {
	color: #5c93ae;	
}
.twitter h2 {
	margin: 8px 0px 10px 10px;	
	color: #3a6d87;
}
.twitter .row {
	margin-bottom: 1px;	
}

/* widget_twitter-tracker */
.widget_twitter-tracker .info {
	display: none;	
}
.widget_twitter-tracker .msg {
	padding-right: 10px;
	*margin-top: -20px;  	
}
.avatar {
	width: 58px;
	float: left;	
}
.tweets li {
	clear: both;
	list-style-type: none;
	margin-left: -30px;
	padding-left: 0px;	
}

/* over dwarsligger */
.about_buttons div {
	text-align: center;
	font-size: 16px;
}
.about_buttons a {
	text-decoration: none;	
}
.about_button_image {
	width: 100%;
	height: 125px;
	border: 1px solid #67A76A;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
}
.quotes_slider {
	width: 100%;
	height: 170px;
	border: 1px solid #67A76A;
	background-color: #ecfeed;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 30px;	
}
.slide_quote {
	padding: 30px 40px 0px 40px;
	font-size: 24px;
	text-align: center;
	line-height: 30px;
	color: #67A76A;	
}
.slide_name {
	padding: 00px 40px 0px 40px;
	font-size: 18px;
	text-align: right;
	font-style:italic;
	color: #000000;	
}
.internationaal_button {
	margin-bottom: 10px;	
}
.media_item {
	height: 215px;	
}
.media_item a {
	text-decoration: none;	
}
.video {
	margin-top: 20px;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 20px;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.youtube_thumb {
	text-align: center;	
}
.youtube_thumb img {
	width: 100%;
	height: auto;
}

/* favorieten */
.favorieten {
	margin-bottom: 0px;	
}
.favorieten .mobile_show {
	display: none;	
}
.favorieten .mobile_hide {
	display: block;	
}
.favorieten img {
	margin-bottom: 10px;
	width: 100%;
	height: auto;
}
.favorieten_actie img {
	width: 100%;
	height: auto;
}
.favorieten .werknemer {
	text-align: right;
	margin-bottom: 20px;	
}
.favorieten_overview img {
	width: 100%;
	height: auto;
}
.favorieten_overview {
	height: 100px;	
}
.favorieten_content {
	background-image: url(images/background_favorieten_linkerkolom);
	background-repeat:repeat-y;	
}
.favorieten_content img {
	margin-bottom: 10px;	
}
.favorieten_content .visual_large p {
	padding: 0px 10px 0px 10px;
	width: 200px;	
	color: #ffffff;
}
.bottom_row .news_item_home {
	margin-bottom: -20px;	
}
.favorieten_content .four a {
	color: #ffffff;
}
.favorieten_content .four a:hover {
	color: #ffffff;
}
/*.favoriet_thumb {
	width: 175px;
	height: 175px;
	float: left;	
}*/

/* paginering */
.pagination {
	text-align: center;
	margin-bottom: 20px;	
}
.page-numbers {
	display: inline-block;
	
	height: 20px;
	font-size: 14px;
	background-color: #82be85;
	color: #ffffff;	
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}
.page-numbers:hover {
	color: #ffffff;
}
.current {
	background-color: #549057;	
}

/* nextgen gallery */
.slideshowlink {
	display: none;	
}
.ngg-galleryoverview {
	width: 720px;
}
.ngg-gallery-thumbnail img, .ngg-gallery-thumbnail, .ngg-gallery-thumbnail-box {
	margin: 0px;
	padding: 0px !important;
	border: 0px;
}
.ngg-gallery-thumbnail img {
	margin: 0px 20px 20px 0px;	
}
#shCount {
	margin-top: 10px;	
}
#shDisplay div#shNext {
	float: right;
	margin-top: -300px;	
	width: 60px;
	height: 61px;
}
#shDisplay div#shPrev {
	float: left;
	margin-top: -300px;	
	width: 60px;
	height: 61px;
}
#prevpic {
	display: block;
	width: 60px !important;
	height: 61px;
	text-indent: -5999px;
	background-image:url(images/gallery_prev.png);
}
#nextpic {
	display: block;
	width: 60px !important;
	height: 61px;
	text-indent: -5999px;
	background-image:url(images/gallery_next.png);
}
#shTitle {
	width: 960px !important;	
}
#shDisplay div#shCount a.close_overlay {
	font: 14pt Arial, Helvetica, sans-serif !important;
	letter-spacing: 0px;	
	color: #ffffff !important; 	
}
.ngg-navigation a.page-numbers {
	border: 0px;
		
}
.ngg-navigation .current {
	display: inline-block;
	
	height: 20px;
	font-size: 14px;
	background-color: #82be85;
	color: #ffffff;	
	text-decoration: none;
	padding: 3px 8px;
	
}


/* comments */
.thread-even {
	background-color: #ECFEED;
	padding: 10px !important;
}
.thread-odd {
	padding: 10px !important;
}
.form-allowed-tags, .comment-form-url {
	display: none;	
}
ul.commentlist {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;	
}
ul.commentlist li {
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;	
}
ul.commentlist .comment {
	margin-bottom: 10px;	
}
ul.commentlist .reply {
	text-align: right;	
}
/*.children .reply {
	display: none;	
}*/
#commentform input {
	width: 100%;
	border: 1px solid #000000;	
}
#comment {
	width: 100%;
	border: 1px solid #000000;	
}
#submit {
	width: 100px !important;
}
#cancel-comment-reply-link {
	padding-left: 20px;	
}
.watvindjij_item {
	
}
.feedback_watvindjij {
	width: 100%;
	border: 1px solid #67A76A;
	background-color: #ecfeed;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 30px;		
}
.feedback_watvindjij p {
	margin: 10px;	
}
.watvindjij_answer {
	padding-left: 20px;	
	margin-bottom: 10px;
	/*display: none;*/
}
.watvindjij_react_bar {
	background-color: #ecfeed;
	padding: 5px 5px 5px 5px;
	margin-bottom: 30px;	
}
.watvindjij_question {
	margin-bottom: 10px;
	color: #999;	
}
.question_text {
	color: #000000;	
}
.watvindjij_answer {
	color: #999;	
}
.watvindjij_question h3, .watvindjij_answer h3 {
	font-size: 14px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight: normal;
}
.watvindjij_form {
	display: none;	
	padding-bottom: 20px;
}

.watvindjij_form input, .watvindjij_question_form input, .watvindjij_form textarea, .watvindjij_question_form textarea {
	width: 100%;
	border: 1px solid #67A76A;
	padding: 5px 0px 5px 0px;
	color: #999999;
}
.watvindjij_question_form textarea {
	height: 75px;	
}
.watvindjij_form textarea {
	height: 50px;	
}
.watvindjij_form input {
	width: 50%;	
}
.watvindjijform_button {
	background-color: #67A76A;
	color: #ffffff !important;
}
.question_form_checkbox {
	width: 10px !important;
	height: 17px;
	float: left;
	text-align: left;
	margin-right: 10px;
	margin-bottom: 10px;	
}
#react_selector {
	display: none;	
}


/* facebook comments */
#facebook_full {
	display: block;
}
#facebook_mobile_landscape {
	display: none;	
}
#facebook_mobile_portrait {
	display: none;	
}
.watvindjij_text {
	margin-bottom: 0px;	
}
.watvindjij_react {
	text-align: right;	
}
.watvindjij_item p {
	margin-bottom: 0px;	
}

/* blog */
ul.blog_overview {
	margin-left: 15px;
}
ul.blog_overview_sidebar {
	margin-bottom: 20px;	
}
.blog_highlighted {
	width: 680px;
	border: 1px solid #67A76A;
	background-color: #ecfeed;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 30px;
	padding: 10px;	
}
.blog_highlighted .six {
	width:330px;
	/*margin-right:20px;*/	
}
.bh_right {
	width:318px !important;
	height: 160px;
	/*margin-left: 20px !important;	*/	
}
.blogger_overview .watvindjij_react {
	border-bottom: 1px dashed #666666;	
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.read_all_blogs {
	text-align: right;
	margin-top: 15px;	
}
.blog_author a {
	color: #000;
	text-decoration: none;
	font-size: 16px;
}
.blog_author {
	margin-bottom: 5px;	
}

/* boek overview */
.row_title {
	margin-bottom: 0px;
}
.row_title h2 {
	margin: 0px 0px 10px 0px;
}
.top4 img {
	width: 100%;
	height: auto;
}
.top4_number {
	width: 30px;
	height: 25px;
	background-color: #67A76A;
	text-align:center;
	margin-left: 120px;
	margin-top: -20px;
	z-index: 5;
	position: absolute;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	padding-top: 5px;
}
.letterfilter {
	border-top: 0px !important;
	padding: 0px !important;
	text-align: right !important;	
}
.sort_method select {
	width: 100%;
	border: 1px solid #000000;
	height: 20px;
	margin-bottom: 10px;	
	padding-top: 2px;
}
.sort_method input {
	width: 50%;
	background-color: #67A76A;
	color: #ffffff;
	border: 0px;
	height: 20px;
}
.sort_method h3 {
	margin-bottom: 10px;	
}
.sort_right {
	text-align: right;	
}

/* boek detail */
.quotes .quote {
	font-style: normal;
	color: #000000;	
}
.bookdetail_author {
	margin-bottom: 20px;
	font-weight: bold;	
}
.technical_book_information {
	margin-bottom: 5px;
	clear: both;	
}
.order {
	float: right !important;	
}
.price {
	padding-top: 15px;	
}
.price_shopbutton {
	margin-bottom: 20px !important;	
}
.label {
	font-weight: bold;	
}

/* form manager forms */
#ninja_forms_required_items {
	display: none;	
}
input.ninja-forms-field {
	width: 98% !important;
	width: -moz-calc(100% - 7px) !important;
    width: -webkit-calc(100% - 7px) !important;
    width: calc(100% - 7px) !important;
	*width: 98% !important;
		
	height: 25px !important;
	border: 1px solid #5B524C;
	margin: 0px 0px 10px 0px !important;
	padding: 0px 0px 0px 5px !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
textarea.ninja-forms-field {
	width: 98% !important;
	width: -moz-calc(100% - 7px) !important;
    width: -webkit-calc(100% - 7px) !important;
    width: calc(100% - 7px) !important;
	*width: 98% !important;
	
	border: 1px solid #5B524C;
	margin: 0px 0px 0px 0px !important;
	padding: 5px 0px 0px 5px !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	height: 100px !important;
}
#ninja_forms_field_14, #ninja_forms_field_24 {
	color: #ffffff;
	background-color: #67a76a;
	border: 0px;
	width: 50% !important;
	float: right;
	margin-right: 7px !important;	
}
#ninja_forms_field_4, #ninja_forms_field_5 {
	width: 30% !important;	
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background-color: #67A76A;
	color: #ffffff;
	text-transform: uppercase;
	cursor:pointer;
	border: 0px;
}
.ninja-forms-field-error, .ninja-forms-error-msg {
	color: #ff0000;	
}
.ninja-forms-error-msg {
	margin-bottom: 15px;	
}

#ninja_forms_field_23_0, #ninja_forms_field_23_1 {
	height: 20px !important;
	float: left !important;
	display: inline !important;
	width: 20px !important;
	margin-right: 10px !important;
}
input.newsletter_opt_in {
	width: auto  !important;
	margin-right: 10px !important;
	float: left;	
	height: 20px !important;
}
.newsletter_opt_in-wrap label {
	padding-top: 10px;
	margin-bottom: 15px;	
}
.submit-wrap {
	clear: both;	
}
/*.fm-form ul {
	list-style: none;
	margin: 0px;
	padding: 0px;	
}
.fm-form ul li {
	margin: 0px;
	padding: 0px;	
}
.fm-form label {
	width: 100% !important;	
}
.ninja-forms-field input, .fm-form select {
	width: 98% !important;
	width: -moz-calc(100% - 7px) !important;
    width: -webkit-calc(100% - 7px) !important;
    width: calc(100% - 7px) !important;
	*width: 98% !important;
		
	height: 25px;
	border: 1px solid #5B524C;
	margin: 0px 0px 10px 0px !important;
	padding: 0px 0px 0px 5px !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
.fm-form select {
	padding-top: 3px !important;
	width: 100% !important;
}
.fm-form textarea {
	width: 98% !important;
	width: -moz-calc(100% - 7px) !important;
    width: -webkit-calc(100% - 7px) !important;
    width: calc(100% - 7px) !important;
	*width: 98% !important;
	
	border: 1px solid #5B524C;
	margin: 0px 0px 10px 0px !important;
	padding: 5px 0px 0px 5px !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
.fm-form .submit ninja_forms_field_4{
	width: 30% !important;	
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background-color: #FF0000;
	color: #ffffff;
	text-transform: uppercase;
	cursor:pointer;
}
.fm-form em {
    color: #fda000 !important;
}*/

/* footer */
#footer {
	background-color: #242021;
	color: #ffffff;	
	height: 300px;
	padding-top: 20px;
}
.headerfooter {
	border-bottom: 1px solid #82BC89;
	color: #ffffff;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.payoff {
	color: #ffffff;
	font-size: 24px;
	margin-top: 13px;	
}

/* Images */
.alignleft {
	float: left;
	margin: 0px 10px 10px 0px;
}
.alignright {
	float: right;
	margin: 0px 0px 10px 10px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* social media mobiel*/
.social_media_mobile {
	display: none !important;
}

.content_text ul {
	margin: 0px 0px 20px 15px;	
}
.content_text ul li {
	margin: 0px 0px 0px 0px;	
}



