/*
Theme Name:	 	SPRH Child
Theme URI:		https://rogiervanroon.nl
Description:	Framework van SPRH voor Themaoptie werkwijze
Author:			Rogier van Roon
Author URI:	 	https://rogiervanroon.nl
Version:		1.3.46
*/

/*
|------------------------------------------------------
|	Maintenance Mode
|------------------------------------------------------
*/

body {
	background-color: #ffffff !important;
}

.aiowps-site-lockout-box {
	border: 0px;
}

/*
|------------------------------------------------------
|	Custom login
|------------------------------------------------------
*/

.tml h3 {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 24px;
    color: #0066b0;
}

.tml-form-table,
.tml-form-table th,
.tml-form-table tr,
.tml-form-table td {
	background-color: transparent !important;
	padding: 0px;
}

.tml-user-admin-bar-front-wrap {
	display: none;
}

/*
|------------------------------------------------------
|	Align Content fix
|------------------------------------------------------
*/

#page {max-width: none;}
#content.site-content {max-width: 1200px;margin: auto;}

/*
|------------------------------------------------------
|	ACF: Lay-out builder - Rows
|------------------------------------------------------
*/

.grid-row {
	position: relative;
	background-position:center center;
	background-size:cover;
	padding-left: 15px;
	padding-right: 15px;
}

@media only screen and (max-width : 1024px) {
	.grid-row {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.grid-row.default {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.grid-row.stretch {
	padding-left: 0px;
	padding-right: 0px;
}

.grid-row.stretch > .grid-container {
	padding-left: 0px;
	padding-right: 0px;
	max-width: none;
}

.grid-row > .grid-container {
	display: flex;
	background-size:cover;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
}

.grid-row > .grid-container.flex-wrap {
	flex-wrap: wrap;
}

.grid-row > .grid-container.no-flex {
	display: block;
}

.grid-row:first-child > .grid-container {
	padding-top: 40px;
}

@media only screen and (max-width : 1024px) {
	.grid-row:first-child > .grid-container {
		padding-top: 20px;
	}
	.grid-row > .grid-container {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

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

	.grid-row .grid-container,
	.grid-row .grid-container.left-first {
		flex-direction: column;
	}
	.grid-row .grid-container.right-first {
		flex-direction: column-reverse;
	}
}

.grid-row.no-padding > .grid-container,
.grid-row > .grid-container.no-padding {
	padding-top: 0px;
	padding-bottom: 0px;
}

.grid-row.no-padding-top > .grid-container,
.grid-row > .grid-container.no-padding-top {
	padding-top: 0px;
}

.grid-row.no-padding-bottom > .grid-container,
.grid-row > .grid-container.no-padding-bottom {
	padding-bottom: 0px;
}

.has-bg-color *,
.has-bg-color .gform_confirmation_message {
	color: #ffffff;
}

@media only screen and (max-width : 768px) {
	.site-content .grid-container.row-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
}

/*
|------------------------------------------------------
|	ACF: Lay-out builder - Columns
|------------------------------------------------------
*/

.grid-row .grid-container > div {
	position: relative;
}

@media only screen and (max-width : 768px) {
	.grid-row .grid-container.portrait-full > div {
		width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

.grid-row.no-bottom-padding .grid-container {
	padding-bottom: 0px;
}

.grid-row .grid-container.bottom {
	align-items:flex-end;
	padding-bottom: 0px;
}

.grid-row .grid-container.bottom img:last-child {
	position: relative;
	bottom: -8px;
}

.grid-row .grid-container.bottom .meta-info img:last-child {
	bottom: -10px;
}

.grid-row .grid-container.top {
	align-items:flex-start;
	padding-top: 0px;
}

/*
|------------------------------------------------------
|	General: Predefined Classes
|------------------------------------------------------
*/

.grid-nested {
	margin-left: -10px;
	margin-right: -10px;
}

.centered {
	text-align: center;
}

.no-margin {
	margin: 0px;
}

.margin-top {
	margin-top: 20px;
}

.margin-bottom {
	margin-bottom: 20px;
}

.padding-top {
	padding-top: 20px;
}

.padding-bottom {
	padding-bottom: 20px;
}

.max-width {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/*
|------------------------------------------------------
|	Algemeen
|------------------------------------------------------
*/

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

p:last-child {
	margin-bottom: 0;
}

table, td, th {
	border: 0px;
}

td, th {
	padding: 10px;
}

tbody td:nth-of-type(odd),
tbody tr:nth-of-type(odd){
	background:rgba(200,200,200, 0.2)
}

/*
|------------------------------------------------------
|	Page header
|------------------------------------------------------
*/

.page-header-image {
	max-width: none !important;
}

.page-header-image img {
	width: 100%;
}

.navigation-search input[type="search"], .navigation-search input[type="search"]:active {
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 16px;
}

/*
|------------------------------------------------------
|	Downloads
|------------------------------------------------------
*/

a.wpdm-download-link {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 12px 20px;
	background: #0066b0;
	color: #ffffff !important;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	border-radius: 0.25em;
	text-shadow: 0 1px 0 rgba(0,0,0,0.05);
	display: block;
}
a.wpdm-download-link:hover {
	background: #3a3a3a;
	color: #ffffff;
}

.package-title {
	font-size: 22px;
	font-weight: bold;
}

/*
|------------------------------------------------------
|	Glossary
|------------------------------------------------------
*/

a.glossary {
	cursor: help;
	color: #3a3a3a;
	background-color: transparent;
	padding: 0px;
	border-bottom: dashed 1px #000000;
	line-height: 20px;
}

.glossary-popup {
	background-color: #3a3a3a;
	color: #ffffff;
	padding: 10px;
	max-width: 320px;
}

.glossary-index {
	margin-left: -20px;
	margin-right: -20px;
}

.glossary-index > div {
	background-color: #f1f1f1;
	padding: 20px;
	margin: 20px;
}

.glossary-index ul {
	margin: 0px 0px 0px 10px;
}

.glossary-index-letters {
	list-style-type: none;
	margin: 0px auto;
	padding: 10px 0px 10px 0px;
	width: 30px;
	float: left;
	background-color: #1e73be;
}

.glossary-index-letters a {
	color: #ffffff;
}

.glossary-index {
	width: calc(100% - 30px);
	float: right;
}

.glossary-index-letters li {
	list-style-type: none;
	/* display: inline-block; */
	padding: 5px;
	margin: 0px;
	text-align: center;
}

.glossary-index-widget .widget-letter-block {
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 15px 5%;
	width: 100%;
}

.glossary-index-widget .widget-letter-index li {
	cursor: pointer;
	display: inline-block;
	font-size: 9pt;
	line-height: 1em;
	list-style-type: none;
	padding: 0px;
}

.glossary-index li {
	list-style-type: none;
}

/*
|------------------------------------------------------
|	Documents
|------------------------------------------------------
*/

h4 {
	background-color: #0066b0;
	color: #ffffff;
	padding: 5px 10px;
}

.sidebar_doc_title i {
	display: none;
}

.document-featured {
	max-width: 70px;
}

#pado-main {
	margin-top: -100px;
}

#pado-sidebar {
	margin-bottom: 300px;
}

.pado-default .pado-section-heading {
	padding-top: 0px !important;
}

.pado-default #pado-sidebar .sidebar_doc_title {
    padding: 0 0 0 15px;
}

.pado-default #pado-sidebar li a {
	line-height: 24px;
}

.pado-counter .sidebar_doc_title>a::before {
	color: #3a3a3a;
}

.pado-default .sidebar_doc_active a::before,
.pado-default .sidebar_doc_title:hover a::before {
	color: #ffffff;
}

.pado-default .sidebar_doc_active {
	background-color: #3a3a3a !important;
}

.pado-default .sidebar_doc_active .sidebar_doc_title>a::before {
	color: #ffffff;
}

.pado-default .pado-dislikes i, .pado-default .pado-likes i {
	font-size: 22px !important;
}

.pado-default a.pado-dislike-btn, .pado-default a.pado-like-btn {
	line-height: 40px !important;
	top: 0px !important;
}

.pado-default .pado-votes .count {
	font-size: 18px !important;
	font-weight: bold !important;
	padding-left: 5px;
}

.pado-default p.pado-dislikes, .pado-default p.pado-likes {
    width: 70px !important;
    height: 40px !important;
    line-height: 40px !important;
}

.pado-default .pado-votes>p>i, .pado-default .pado-votes>p>span {
	top: 0px !important;
}

/*
|------------------------------------------------------
|	Gravity Forms: Forms
|------------------------------------------------------
*/

.grid-row .grid-container.bottom .gform_wrapper {
	padding-bottom: 100px;
}

.grid-row .grid-container.bottom .gform_wrapper ul {
	padding-bottom: 0px !important;
}

.clear-multi {
	display: flex;
}

.clear-multi > div {
	width: 50%;
}

.gfield_time_minute label,
.gfield_time_hour label {
	display: none !important;
}

.gform_wrapper .gf_progressbar:after, .gform_wrapper ol.validation_list:after {
	content: "";
}

.gform_wrapper .gf_progressbar:after {
	display: block;
	width: 100%;
	z-index: 990;
	height: 24px;
	margin-top: -24px;
	background-color: rgba(0,0,0,.1);
	-webkit-box-shadow: inset 0 0 2px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 0 2px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 0 2px 2px rgba(0,0,0,.05);
	border-radius: 4px;
	margin-bottom: 30px;
}

.gform_wrapper .gf_progressbar_percentage {
	height: 24px;
	background-color: #d8005b;
	color: #FFF;
	border-radius: 4px;
}

.gform_wrapper .gf_progressbar_percentage span {
	padding-left: 10px;
	position: relative;
	top: -2px;
}

body img.gform_ajax_spinner {
	display: none !important;
}

.gform_description {
	font-style: italic;
	padding-bottom: 20px;
}

.validation_error,
.validation_message {
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	color: #d8005b;
	font-size: 14px;
	margin-bottom: 10px;
}

.hide-labels .gfield_label {
	display: none;
}

.gform_wrapper *,
.gform_wrapper :after,
.gform_wrapper :before {
	box-sizing: border-box;
}

.gform_wrapper ul li:after, .gform_wrapper ul li:before, .gform_wrapper ul.gform_fields {
	padding: 0;
	margin: 0;
	overflow: visible;
}

.gform_wrapper ul.gform_fields {
	margin: 0;
	list-style-type: none;
	display: block;
}

.gform_wrapper label {
	display:block;
}

.gform_wrapper ul,
.gform_wrapper li {
	margin-left: 0px;
	list-style: none;
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="password"],
.gform_wrapper input[type="search"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper textarea {
	width: calc(100% - 20px);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin-bottom: 20px;
	padding: 10px 15px;
}

.gform_wrapper select {
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	width: calc(100% - 20px);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin-bottom: 20px;
	padding: 7px 15px;
	color: #666666;
	background-color: #fafafa;
	border-color: #cccccc;
	border-radius: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100%;
	position: relative;
}

.ginput_container_select {
	position: relative;
}

.ginput_container_select:before {
	position: absolute;
	z-index: 1;
	right: 35px;
	top: 8px;
	content:"\f107";
	font-family: 'Font Awesome 5 Pro';
}

.gform_heading {
	margin-bottom: 20px;
}

.gform_validation_container {
	display: none;
	position: absolute;
	left: -9999px;
}

/*
|------------------------------------------------------
|	Custom: Pure CCS Radio buttons
|------------------------------------------------------
*/

.ui-datepicker-header {
	text-align: center;
}

.ui-datepicker-prev {
	float: left;
	cursor: pointer;
}

.ui-datepicker-next {
	float: right;
	cursor: pointer;
}

#ui-datepicker-div {
	background-color: #ffffff;
	z-index: 99;
	border: solid 1px #cccccc;
	padding: 10px;
}

#ui-datepicker-div table,
#ui-datepicker-div th,
#ui-datepicker-div td {
	border: 0px;
	margin-bottom: 0px;
	text-align: center;
	background-color: #ffffff;
}

.ui-datepicker-today {
	background-color: #fafafa;
}

.ui-datepicker-unselectable {
	color: #cccccc;
}

.ui-datepicker-current-day {
	background-color: #d8005b;
}

.ui-datepicker-current-day a {
	color: #ffffff;
}

/*
|------------------------------------------------------
|	Custom: Pure CCS Radio buttons
|------------------------------------------------------
*/

input[type=radio] {
	display:none;
}

input[type=radio] + label {
	cursor: pointer;
}

input[type=radio] + label:before {
	content:"\f111";
	display:inline-block;
	font-family: 'Font Awesome 5 Pro';
	letter-spacing:10px;
	position: relative;
	text-align: center;
}

input[type=radio]:checked + label:before {
	content:"\f058";
	letter-spacing:10px;
}

input[type=radio]:checked + label {
	font-weight: 700;
}

/*
|------------------------------------------------------
|	Custom: Action forms
|------------------------------------------------------
*/

.action-form .gform_title {
	text-align: center;
	color: #e71d68;
}

.action-form {
	padding-bottom: 40px;
	border: solid 1px #979797;
}

.action-form select {
	color: #575757;
	width: 100%;
	height: 50px;
}

.action-form .button {
	margin: 0px;
	width: 100%;
	position: relative;
	z-index: 11;
}

.action-form h2,
.action-form .gform_description,
.action-form .gform_confirmation_wrapper	{
	text-align: center;
	display: block;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.action-form .gform_body {
	max-width: 280px;
	margin: 0 auto;
}

.action-form .gform_body .gform_fields {
	position: relative;
}

.action-form .gform_body .gform_fields .gfield {
	padding-right: 0;
	margin-top: 0;
	float: none;
	width: 100%;
}

.action-form .gform_body .gfield:not(.active) {
	position: absolute;
	opacity: 0;
}

.action-form .gform_body .gfield .gfield_label {
	transition: all 0.2s ease-in-out;
	transform: translateY(25px);
	padding-bottom: 5px;
	font-family: 'Signika', sans-serif;
	text-align: center;
}

.action-form .gform_body .gfield.active .gfield_label {
	transform: translateY(0px);
}

.action-form .gform_body .gfield .ginput_container {
	position: relative;
}

.action-form .gform_body .gfield .ginput_container .progress {
	width: 0%;
	height: 4px;
	background: #F39200;
	transition: width 0.4s ease-in-out;
}

.action-form .gform_body .gfield .ginput_container .progress::before {
	position: absolute;
	top: auto;
	width: 100%;
	height: inherit;
	content: '';
}

.action-form .gform_body .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	width: 100%;
	padding: 10px 15px;
}

.action-form .gform_body .gfield i {
	position: absolute;
	top: 0px;
	right: 0px;
	color: #4c4c4c;
	font-size: 20px;
	cursor: pointer;
	z-index: 10;
	display: block;
	height: 40px;
	width: 40px;
	line-height: 41px;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.action-form .gform_body .gfield:first-child i {
	opacity: 0;
}

.action-form .gform_body .gfield input:focus ~ i {
	opacity: 1;
}

.action-form .gform-footer {
	display: flex;
	justify-content: space-between;
	max-width: 280px;
	margin: 0 auto;
}

.action-form .gform-footer .error-message {
	font-size: 14px;
	opacity: 0;
	transition: all 0.4s ease-in-out;
	font-family: 'Signika', sans-serif;
}

.action-form .gform-footer .step-counter {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	text-align: right;
	font-family: 'Signika', sans-serif;
}

.action-form.show-counters .gform-footer .step-counter {
	opacity: 1;
}

.action-form .gform-footer .step-counter .total::before {
	content: '/';
}

.action-form .gform_footer {
	display: none;
}

.action-form .gform_body.has-error ~ .gform-footer .error-message {
	opacity: 1;
}

.action-form .has-error {
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: shake;
}

.action-form .gform_wrapper input[type="text"],
.action-form .gform_wrapper input[type="email"],
.action-form .gform_wrapper input[type="url"],
.action-form .gform_wrapper input[type="password"],
.action-form .gform_wrapper input[type="search"],
.action-form .gform_wrapper input[type="tel"],
.action-form .gform_wrapper input[type="number"],
.action-form .gform_wrapper textarea {
	margin-bottom: 0px;
}

.action-form .gform_wrapper textarea {
	max-height: 80px;
	width: 100%;
}

@keyframes shake {
	from, to {
		transform: translate3d(0, 0, 0);
	}

	10%, 30%, 50%, 70%, 90% {
		transform: translate3d(-10px, 0, 0);
	}

	20%, 40%, 60%, 80% {
		transform: translate3d(10px, 0, 0);
	}
}