/*
Theme Name: Vercril
Theme URI: http://www.lemon.nl
Description: 
Version: 1
Author: Roeland ten Holder | Lemon
Author URI: roeland@lemon.nl
*/

/** ******************************** **/
/**      _____                       **/
/**    _(  _  )__________________    **/
/**   ( | (___)     | ____ |  _  |   **/
/**   |_|_______|_|_|______|_| |_|   **/
/**                                  **/
/**            www.lemon.nl          **/
/**                                  **/
/** ******************************** **/

/*************** RESET ****************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote th, td { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); }
table, thead, tbody, tfoot, tr, th, td { width: auto; height: auto; margin: 0; padding: 0; border: none; border-collapse: inherit; border-spacing: 0; border-color: inherit; vertical-align: inherit; text-align: left; font-weight: inherit; -webkit-border-horizontal-spacing: 0; -webkit-border-vertical-spacing: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ul					{ list-style-type: none; }
li					{ list-style-type: none; }
p > ul > li			{ list-style-type: disc; }
p > ol > li			{ list-style-type: decimal; }
ol					{ margin-left: 20px; margin-bottom: 10px; }
img					{ border: 0 !important; outline: none; }
html				{ margin: 0; height: 100%; }
a					{ outline: none; border: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
button				{ outline: none; border: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
:focus				{ outline: none !important;}
input				{ -moz-border-radius: 0; -webkit-border-radius: 0; outline: none; }
.clear:after 		{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear				{ display: block; pointer-events: none; }
html[xmlns] .clear 	{ display: block; }
* html .clear 		{ height: 1%; }
/*div				{ position: relative; }*/
li a				{ text-decoration: none; }

/******* BOOTSTRAP RESET/EXTRA ********/
.navbar, .breadcrumb, .panel, .panel-footer, .panel-heading, .panel-body, .img-thumbnail 
{ -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, 
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, 
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { padding-right: 20px; padding-left: 20px; }
.row { margin-right: -20px; margin-left: -20px; }
.equal { display: -webkit-flex; display: flex; }

/*************** FONTS ****************/
h1					{ font: normal normal 26px/33px 'Merriweather', Arial, Helvetica, Verdana, sans-serif; color: #333333; padding: 0 0 20px 0; }
h2 					{ font: normal normal 24px/32px 'Merriweather', Arial, Helvetica, Verdana, sans-serif; color: #333333; padding: 0 0 20px 0; }
.widget_banner h3, .widget_banner h3 span,
h3 					{ font: normal normal 20px/30px 'Merriweather', Arial, Helvetica, Verdana, sans-serif; color: #333333; padding: 0 0 0 0; }
h3.gform_title		{ font: normal normal 26px/33px 'Merriweather', Arial, Helvetica, Verdana, sans-serif !important; color: #333333; padding: 0 0 20px 0; }
h4 					{ font: normal normal 16px/22px 'Merriweather', Arial, Helvetica, Verdana, sans-serif; color: #333333; padding: 0 0 0 0; }
h5 					{ font: normal normal 16px/22px 'Merriweather', Arial, Helvetica, Verdana, sans-serif; color: #ffffff; padding: 0 0 0 0; }
h6					{ font: normal normal 16px/22px 'Merriweather', Arial, Helvetica, Verdana, sans-serif; color: #333333; padding: 0 0 5px 0; }

body 				{ font: normal normal 14px/23px 'Merriweather Sans', Arial, Helvetica, Verdana, sans-serif; color: #333333; background: #eeeeee; padding: 0 23px; }
.small,.small a 	{ font: normal normal 12px/16px									 	Arial, Helvetica, Verdana, sans-serif; color: #444444; text-align: left; }
.date 				{ font: normal normal 12px/16px Arial, Helvetica, Verdana, sans-serif; color: #e7b813; }
.rtl				{ direction: rtl; }
h1 a, h2 a, h3 a, 
h4 a, h5 a, h6 a 	{ text-decoration: none; }


label,
label.gfield_label  { font-weight: normal !important; font-style: normal !important;}

/*************** BASICS ***************/
.small a 			{ padding: 0px;}
.right 				{ float: right; }
.left 				{ float: left; }
.printonly,
.hidden				{ display: none; }

.content ul li 		{ list-style-type: disc; margin-left: 1.3em;}
.content ol li 		{ list-style-type: decimal; margin-left: 1.3em;}
.content ul,
.content ol 		{ padding-bottom: 1.5em; }
.content ul 		{ overflow: hidden; }
a					{ color: #888888; text-decoration: underline; }
a:hover				{ color: #666666; text-decoration: underline; }
.pull-left.gap,
.alignleft 			{ float: left !important; text-align: left; margin: 7px 20px 20px 0; }
.pull-right.gap,
.alignright 		{ float: right !important; text-align: left; margin: 7px 0 20px 20px; }
.text-left 			{ text-align: left; }
.text-right 		{ text-align: right; }
.center				{ text-align: center; margin: 0 auto; }
.hover:hover 		{ opacity: 0.8; cursor: pointer; }
.content p 			{ margin-bottom: 20px; }
.content p:last-of-type		{ margin-bottom: 0px; }
hr,.list hr			{ margin: 20px 0 20px; }
img					{ padding: 0 !important; max-width: 100%; height: auto; }

.tops 				{ margin-top: 	 30px !important; }
.bottoms 			{ margin-bottom: 30px !important; }

.row-eq-height		{ display: flex; }

.nicetable 			{ border-collapse: collapse; }
.nicetable th,
.nicetable td 		{ text-align: left; vertical-align: top; padding: 3px 5px; border: 1px solid #ccc; }
.nicetable th .middle,
.nicetable td .middle { vertical-align: middle; }
.border 			{ border:   	 1px solid #555555; }
.border-left 		{ border-left:   1px solid #555555; }
.border-right 		{ border-right:  1px solid #555555; }
.border-top 		{ border-top:    1px solid #555555; }
.border-bottom 		{ border-bottom: 1px solid #555555; }
.noborder			{ border: 0 !important; }


/************* CONTAINERS *************/
.headerwrapper 	{ width: 100%; max-width: 1060px; margin-left: auto; margin-right: auto; background: #1d45bd url('images/bg_header.jpg') no-repeat center; padding: 22px 5px 22px 5px; margin-top: 25px; }
.container 		{ width: 100%; max-width: 1060px; margin-left: auto; margin-right: auto; background: #ffffff; padding: 40px; margin-top: 25px;}
.footerwrapper 	{ width: 100%; max-width: 1060px; margin-left: auto; margin-right: auto; background: #1d45bd; padding: 40px ; margin-top: 25px; margin-bottom: 25px; color: #ffffff; }

.headerwrapper p,
.headerwrapper a,
.headerwrapper h1,
.headerwrapper h2,
.headerwrapper h4 {
	padding: 0;
	color: #ffffff;
	text-shadow: 0 0 10px rgba(0,0,0,1);
}

.footerwrapper p,
.footerwrapper a,
.footerwrapper h1,
.footerwrapper h2,
.footerwrapper h3 {
	color: #ffffff;
}

/************** ELEMENTS **************/
.logo {
	width: 390px;
}

.gform_button.button,
.button {
	border-radius: 0;
	text-shadow: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	padding: 5px 15px;
	font-size: 16px;
	text-align: left;
	color: #ffffff;
	border: none !important;
	background: #5cad51;
	border-radius: 0;
	
}

.gform_wrapper .gform_footer:not(.top_label)  .gform_button.button {
	margin: 0 0 0 29% !important;
}

.gform_button.button:hover,
.button:hover {
	color: #ffffff;
	background: #46993a;
}

.gform_wrapper .gform_footer:not(.top_label) {
    margin-left: 0!important;
    width: 100%!important;
    padding-right: 16px !important;
}


.gform_confirmation_message {
	border: 1px solid #94dd8a;
	background: #f4fff2;
	padding: 10px 20px;
	border-radius: 3px;	
}


.gform_body li.gfield.gfield_completeerror::after, .gform_body li.gfield.gfield_error::after {
	display: none!important;
}


/************* RESPONSIVE *************/
.desktop 	{ display: block; }
.mobile, .mobilebut	{ display: none; }


/* Bootstrap Breakpoint - Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1199.98px) {
	
}


/* Bootstrap Breakpoint - Large devices (desktops, 992px and up) */
@media (max-width: 991.98px) {
	.desktop 	{ display: none; }
	.mobile 	{ display: block; }
}


/* Bootstrap Breakpoint - Medium devices (tablets, 768px and up) */
@media (max-width: 767.98px) {
	
}

/* Extra Breakpoint */
@media (max-width: 640px) {
	.gform_wrapper .gform_footer:not(.top_label)  .gform_button.button {
		margin: 0 !important;
		width: auto;
	}
}






/* Bootstrap Breakpoint - Small devices (landscape phones, 576px and up) */
@media (max-width: 575.98px) {
	
}


/* Extra Breakpoint */
@media all and (max-width: 480px) {
	
}