/*

Theme Name: Over online betalen

Theme URI: http://www.overonlinebetalen.nl/

Version: 1.0.1

Description: Custom Theme based on Canvas

Author: Marek Jansen & Daniel Baars

Author URI: http://www.clickman.nl

Template: canvas

 */

/* Default styles */

@import "../canvas/css/reset.css";

@import "style-canvas.css";

/*-------------------------------------------------------------------------------------------*/



#wrapper {padding: 0; width: auto !important;}



.two-col-right #main-sidebar-container #sidebar {width: 190px;}

.two-col-right #main-sidebar-container #main {max-width: 730px;}


#sidebar-alt #nav_menu-3 {height: 567px;}



body, p, h1, h2, h3, h4, h5, h6, .widget_woo_twitter ul li .content {font-family: Helvetica, Arial, Sans-serif;}









#top .nav a:hover {color: #ed5a2c;}



#logo .site-title, #logo .site-description { display:block; }



#logo .site-title a {display: block; background: url("images/over-online-betalen-header-logo-389x38px.png") no-repeat left top; text-indent: -9999px; width: 389px; height: 38px;}



#navigation {font-weight: bold; border-width: 0; font-size: 13px;}



#mini-features h3 {display: block; height: 50px; padding-top: 10px; padding-left: 10px; margin-bottom: 15px;}



.page #loopedSlider .title a:link, .page #loopedSlider .title a:visited {color: white;}

#loopedSlider .container {border: 1px solid black;}

.business #loopedSlider a.previous, .business #loopedSlider a.next {z-index: 9999;}

.business #loopedSlider a.previous {left: 20px;}

.business #loopedSlider a.next {right: 20px;}





/* BACKGROUND COLORS */

body {background-color: #a5a4a5;} /* Medium Gray */

#top .nav a , #top .nav a:hover, #top .nav li.current_page_item a, #top .nav li.current_page_parent a, #top .nav li.current-menu-ancestor a, #top .nav li.current-cat a, #top .nav li.current-menu-item a, #top .nav li.sfHover a, #navigation, #starter h3, .widget ul li a:hover, .wp-table-reloaded th {background: #1866a0 !important;} /* Dark Blue */

.nav li a:hover, .nav li.current_page_item a, .nav li.current_page_parent a, .nav li.current-menu-ancestor a, .nav li.current-menu-item a, .nav li.current_page_item li a, .nav li.current_page_parent li a, .nav li.current-menu-ancestor li a, .nav li.current-menu-item li a, .nav li.sfHover a, .widget_woo_twitter .back { background: none; }

#footer-widgets, .widget ul li a, .widget ol li, #sidebar-alt #nav_menu-3, #comments {background-color: #f5f5f5;} /* Light Gray */

#footer {background-color: #515554 !important;}

#mkb h3, .widget_text h3 {background-color: #d50173;} /* Pinkish Red */

#corporate h3 {background-color: #ed5a2c;} /* Orange */





/* FONT SIZES */

#footer-widgets h4, #loopedSlider .content h2 {font-size: 18px;}

body, p, #mini-features h3{font-size: 14px; line-height: 20px;}

#mini-features p, .widget ul li, .widget ol li {font-size: 13px; line-height: 19px;}

#footer {font-size: 12px; line-height: 18px;}

#footer-widgets h3, #footer-widgets p, .widget_woo_twitter ul li .content {font-size: 11px; line-height: 18px;}





/* FONT COLORS */

body, p, #footer-widgets h4 a, .wp-table-reloaded td {color: #222;}

#top .nav a, .nav a, #mini-features h3 a, .widget ul li a:hover, .widget_text h3, .wp-table-reloaded th {color: white !important;}

#top .nav a:hover, .nav a:hover, .nav li.current_page_item a, .nav li.current_page_parent a, .nav li.current-menu-ancestor a, .nav li.current-menu-item a, .nav li.current_page_item li a, .nav li.current_page_parent li a, .nav li.current-menu-ancestor li a, .nav li.current-menu-item li a {color: #ed5a2c;} /* Orange */

.widget ul li a, .widget ol li, #text-5 a:link, #text-5 a:visited, #text-6 a:link, #text-6 a:visited {color: #1866a0;} /* Dark Blue */



/* FONT WEIGHT */

#loopedSlider .content h2 {font-weight: normal;}

#mini-features h3, #footer-widgets h4, .widget ul#menu-nav02 li, .widget ol li, .wp-table-reloaded th {font-weight: bold;}



/* BORDERS */

.widget h3 {border-bottom-width: 0;}

#header-container {border-bottom: 2px solid #ed5a2c;}

.hentry, #sidebar .widget, #sidebar-alt .widget, #mini-features, #footer-widgets, #footer, #comments {border: 1px solid black;}





/* MARGINS & PADDING */

.hentry, #comments {padding: 20px;}

#mini-features, #footer-widgets, #loopedSlider .content h2 { padding-bottom: 20px;}

#footer-widgets.col-4 .block {padding-top: 0; margin-top:15px}

.widget_woo_twitter .back, .widget h3 {padding: 0;}

#header-container {padding:  0; margin:  0;}

#header {padding-top: 10px; padding-bottom: 15px;}

#top .nav a {padding: 4px 10px;}

#navigation, #loopedSlider, #footer-widgets .widget, .widget p:last-child, #sidebar .widget:last-child, .entry p:last-child, #sidebar-alt #nav_menu-3 {margin-bottom: 0;}

.post, .widget {margin-bottom: 20px;}

#content {margin-top:  0; margin-bottom: 20px; padding-bottom: 0px;}

.ie #content {margin-bottom: 0;}

#navigation {padding: 5px 0;}

#content, #footer-widgets, #footer, #comments, #respond {margin-top: 20px;}

.home .hentry {margin-top: 22px;}

#footer-widgets h4 {margin-bottom: 28px;}

.widget.widget_woo_twitter h3 {padding-bottom: 5px;}

#sidebar .widget_sp_image {padding: 24px; padding-bottom: 18px;}

.post .title, .page .title {margin-bottom: 10px;}

#respond h3 {margin-bottom: 5px;}



#top-nav {font-size: 11px;}



.widget ul.menu {padding-left: 0; list-style-type: none;}

.widget ul#menu-nav02 li a, .widget ol li {display: block; padding: 10px; padding-left: 25px; padding-right: 25px; border-bottom: 1px solid #dddddd; border-top: 1px solid #ffffff; }

.widget ul#menu-nav02 li a:hover {text-decoration: none; border-color: #1866a0;}



.widget ol {list-style-type:decimal;}

.widget_text h3 {display: block; height: 32px; margin: 0; padding-top: 10px; padding-left: 25px;}

#text-6 h3 {font-size: 13px; letter-spacing: -1px;}





/* BORDER RADIUS */

#top .nav a, .widget_woo_twitter .back {border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}





.sociable ul {display:block; margin:0 !important; padding:0 !important; margin-left: 175px;}

.sociable ul li {background:none; display:inline !important; list-style-type:none;m argin:0; padding:3px; float:left;}

div.sociable li#Twitter_Counter iframe {width:100px !important;}

#Facebook_Counter {height: 20px;}

#Facebook_Counter iframe {width:93px !important;}

li#Google_p div {float:right !important; width:73px !important;}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

.widget .sociable {display: none;}



.post-meta .date, .post-meta .categories, .post-meta .post-comments {background-repeat: no-repeat; padding-left: 20px;}

.post-meta .date {background-image: url("images/calendar-month.png");}

.post-meta .categories {background-image: url("images/user.png");}

.post-meta .post-comments {background-image: url("images/balloon-white-left.png");}



#loopedSlider .content h2 {max-width: 438px;}

#loopedSlider .content {bottom: 5px; top: auto;width:100%;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);}



/* #menu-nav02 a, #text-5, #text-6 {text-shadow: 0 -1px 0 rgba(178, 178, 178, 0.7);} */



.wp-table-reloaded {border-spacing: 0 !important; border: 1px solid #515554; line-height: 1.3em;}

.wp-table-reloaded th {border: 0px solid black !important; padding-top: 9px !important; padding-bottom: 9px !important;}

.wp-table-reloaded thead {font-size: 13px !important;}

.wp-table-reloaded td {padding-top: 12px !important; padding-bottom: 12px !important;}

.column-1 {width: 100px;}

.column-2, .column-3 {width: 60px;}

.column-4 {width: 90px;}

.column-6 {width: 85px;}



#wp-table-reloaded-id-20-no-1 img {max-width: 130px; max-height: 100%; width: expression(this.width > 130 ? 130: true);}

#wp-table-reloaded-id-20-no-1 {width: 688px;}

#wp-table-reloaded-id-20-no-1 .column-1 {width: 125px;}

#wp-table-reloaded-id-20-no-1 tbody .column-1 {font-size: 15px;}

#wp-table-reloaded-id-20-no-1 .column-1 a {color: black; text-decoration: underline;}

#wp-table-reloaded-id-20-no-1 .column-2 {width: 320px;}

#wp-table-reloaded-id-20-no-1 .column-3 {width: 140px;}



/* extra form styling */

.gfield { margin-bottom: 10px; }

.gform_wrapper .top_label .gfield_label { display:block; padding-right:20px; width: 800px; margin: 5px 0px 4px !important; font: normal normal normal 14px Arial, sans-serif; font-weight: bold; }

.gform_wrapper input.button { padding: 5px 10px 6px !important; font-size: 12px !important; }

.gform_wrapper .gfield_checkbox label, .gform_wrapper .gfield_radio label { font-size: 12px !important; }

.gform_footer { font-size: 13px !important;}

.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {

letter-spacing: 0px; }



.gfield_radio {

	padding: 25px;

}

.gfield li {

	margin-left: 10px;

}



.gform_body ul,

.gform_body li,

.gform_body ul li,

.gform_body ul {

	list-style-type: none;

	margin: 10;

	padding: 10;

}



body .gform_wrapper form .gform_body ul,

body .gform_wrapper form .gform_body ul li { 

	list-style-type: none !important; 

	list-style-image: none !important;

	list-style: none !important; 

	background-image: none !important;

	background: none !important;

	padding: 0 !important;

	margin: 10px 0 0 10px !important;

	border: none !important

}

body .gform_wrapper form .gform_body ul > li:before {

	content: "";

}

@media screen and (max-width: 767px) {

	.three-col-middle #sidebar-alt {
		display: none;
	}
	.three-col-middle #main-sidebar-container {
		width: 100%;
	}
	.three-col-middle #main-sidebar-container #main {
		width: 100%;
	}
	.three-col-middle #main-sidebar-container #sidebar {
		width: 100%;
	}
	#mini-features div {
		width: 95%;
	}
	#footer-widgets.col-4 .block {
		width: 95%;
	}
	.widget h3 {
		text-align: center;
	}
	.two-col-right #main-sidebar-container #sidebar {
		width: 100%;
	}
	#logo .site-title a {
		background: url("images/over-online-betalen-header-logo-250x24px.png") no-repeat scroll left top rgba(0, 0, 0, 0);
		max-width: 300px;
	}
	.fr {
		background: none repeat scroll 0 0 #1866a0;
		width: 100%;
	}
	#loopedSlider .container {
		margin: 0 auto;
		max-width: 440px;
	}
}

@media screen and (max-width: 920px) {

	.two-col-right #main-sidebar-container #main {
		float: none;
	}

}
@media screen and (max-width: 440px) {
	#loopedSlider .content h2 {
		max-width: 320px;
	}
}