/*!
Theme Name:  Nieuw Organiseren
Author:      Thom de Jonge
Author URI:  https://thomdejonge.com/
Description: Pagebuilder Framework Premium - Nieuw Organiseren
Version:     1.0.0
License:     GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Template:    page-builder-framework
Text Domain: page-builder-framework-child
*/

/** CONTENTS
	* Root
	* Global
	* Buttons
	* Global 				- 		DISC Test
	* Advanced iFrame Pro 	- 		DISC Test
	* Watu PRO
	* Watu PRO 				- 		DISC Test
	* WPBakery 				- 		DISC Test
**/

/*
	Root
*/

:root {
	--no-font-size: 15px;
	--no-btn-padding: 12px 30px;
	--no-text-color: #7a7a7a;
	--no-text-dark: #221f1b;
	--no-blauw: #006ac6;
	--no-blauw-hover: #005fb2;
	--no-groen: #00af66;
	--no-groen-hover: #009d5b;
}

/*
	Global
*/

.nieuworganiseren {
	color: var(--no-text-color);
}

.nieuworganiseren .entry-title {
	color: var(--no-text-dark);
	font-family: var(--main-font);
}

/*
	Buttons
*/

/* Custom script */
.nieuworganiseren .input-icon-wrapper {
	display: inline-block;
	position: relative;
}

/* Watu PRO */
.nieuworganiseren #watupro_quiz .cera.cera-arrow-right-circle {
	color: #fff;
    pointer-events: none;
    position: absolute;
	top: 29px;
    right: 45px;
}

.cera-arrow-right-circle:before {
    position: absolute;
}

/*
	Global - DISC Test
*/

.nieuworganiseren.disc {
	background-color: var(--background-color);
}

/*
	Advanced iFrame Pro - DISC Test
*/

.nieuworganiseren.disc #ai_wrapper_div .quiz-form {
	min-height: 248px !important;
}

/*
	Watu PRO
*/

.nieuworganiseren #watupro_quiz {
	color: var(--no-text-color);
	font-family: var(--main-font);
	font-size: var(--no-font-size);
	list-style-type: none;
}

.nieuworganiseren #watupro_quiz h2 {
	color: var(--no-text-dark);
	font-family: var(--main-font);
}

.nieuworganiseren .wpb-content-wrapper .watu-tabs.vc_tta-color-grey.vc_tta-style-classic .watu-tab-results .exp-desc {
	color: var(--no-text-color);
}

/*
	Watu PRO - DISC Test
*/

.nieuworganiseren.disc #watupro_quiz .watupro-sortable-choices .watupro-sortable {
	border-image: linear-gradient(to bottom, var(--kleur-acht) 0, var(--kleur-twee) 100%);
	border-image-slice: 1;
	border-left: 8px solid transparent;
	float: left;
	min-width: 100%;
	padding-left: 15px;
}

.nieuworganiseren.disc #watupro_quiz a {
	color: var(--no-groen);
	-webkit-transition: var(--transition-alt);
	-moz-transition: var(--transition-alt);
	-ms-transition: var(--transition-alt);
	-o-transition: var(--transition-alt);
	transition: var(--transition-alt);
}

.nieuworganiseren.disc #watupro_quiz a:hover {
	color: var(--no-groen-hover);
}

.nieuworganiseren.disc input[type=date],
.nieuworganiseren.disc input[type=email],
.nieuworganiseren.disc input[type=number],
.nieuworganiseren.disc input[type=password],
.nieuworganiseren.disc input[type=search],
.nieuworganiseren.disc input[type=tel],
.nieuworganiseren.disc input[type=text],
.nieuworganiseren.disc input[type=url],
.nieuworganiseren.disc select,
.nieuworganiseren.disc textarea {
	background-color: #fff;
	border: 2px solid var(--global-grey);
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	color: var(--no-text-dark);
	font-family: var(--main-font);
	height: 45px;
	outline: none;
	padding: .5rem 1rem;
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.nieuworganiseren.disc input[type=date]:focus,
.nieuworganiseren.disc input[type=date]:focus-visible,
.nieuworganiseren.disc input[type=date]:visited,
.nieuworganiseren.disc input[type=email]:focus,
.nieuworganiseren.disc input[type=email]:focus-visible,
.nieuworganiseren.disc input[type=email]:visited,
.nieuworganiseren.disc input[type=number]:focus,
.nieuworganiseren.disc input[type=number]:focus-visible,
.nieuworganiseren.disc input[type=number]:visited,
.nieuworganiseren.disc input[type=password]:focus,
.nieuworganiseren.disc input[type=password]:focus-visible,
.nieuworganiseren.disc input[type=password]:visited,
.nieuworganiseren.disc input[type=search]:focus,
.nieuworganiseren.disc input[type=search]:focus-visible,
.nieuworganiseren.disc input[type=search]:visited,
.nieuworganiseren.disc input[type=tel]:focus,
.nieuworganiseren.disc input[type=tel]:focus-visible,
.nieuworganiseren.disc input[type=tel]:visited,
.nieuworganiseren.disc input[type=text]:focus,
.nieuworganiseren.disc input[type=text]:focus-visible,
.nieuworganiseren.disc input[type=text]:visited,
.nieuworganiseren.disc input[type=url]:focus,
.nieuworganiseren.disc input[type=url]:focus-visible,
.nieuworganiseren.disc input[type=url]:visited,
.nieuworganiseren.disc select:focus,
.nieuworganiseren.disc select:focus-visible,
.nieuworganiseren.disc select:visited,
.nieuworganiseren.disc textarea:focus,
.nieuworganiseren.disc textarea:focus-visible,
.nieuworganiseren.disc textarea:visited {
    border: 2px solid var(--no-groen) !important;
}

.nieuworganiseren.disc #watupro_quiz [type="button"],
.nieuworganiseren.disc #watupro_quiz [type="submit"] {
	background-color: var(--no-groen);
	border: unset;
	-o-border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-ms-border-radius: 25px;
	border-radius: 25px;
	color: var(--text-light);
	font-family: var(--main-font);
	font-size: var(--no-font-size);
	font-weight: 600;
	line-height: 1.5;
	margin: 10px 0 0;
	padding: 15px 75px 15px 30px;
    -webkit-transition: var(--transition-alt);
    -moz-transition: var(--transition-alt);
    -ms-transition: var(--transition-alt);
    -o-transition: var(--transition-alt);
    transition: var(--transition-alt);
}

.nieuworganiseren.disc #watupro_quiz [type="button"]:hover,
.nieuworganiseren.disc #watupro_quiz [type="submit"]:hover {
	background-color: var(--no-groen-hover);
}

.nieuworganiseren.disc #watupro_quiz .quiz-form {
	column-gap: 20px;
	display: grid;
	row-gap: 30px;
}

.nieuworganiseren.disc #watupro_quiz .quiz-form .watupro-sortable-choices .watupro-sortable li {
	-o-border-radius: 60px;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	-ms-border-radius: 60px;
	border-radius: 60px;
	font-size: var(--no-font-size);
	padding: 10px 20px;	
}

@media only screen and (max-width: 480px) {	
	.nieuworganiseren.disc #watupro_quiz .quiz-form {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media only screen and (min-width: 481px) {	
	.nieuworganiseren.disc #watupro_quiz .quiz-form {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (min-width: 768px) {	
	.nieuworganiseren.disc #watupro_quiz .quiz-form {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media only screen and (min-width: 1024px) {	
	.nieuworganiseren.disc #watupro_quiz .quiz-form {
		grid-template-columns: repeat(4, 1fr);
	}
}

/*
	WPBakery - DISC Test
*/

.nieuworganiseren.disc .vc_general.vc_btn3.vc_btn3-style-modern {
	background-color: var(--no-groen);
	background-image: none;
	background-repeat: unset;
	border: unset;
	border-radius: 0;
	color: var(--text-light) !important;
	font-family: var(--main-font);
	font-weight: 600;
	line-height: 1.5;
	margin: 10px 0 0;
	padding: var(--no-btn-padding);
    -webkit-transition: var(--transition-alt);
    -moz-transition: var(--transition-alt);
    -ms-transition: var(--transition-alt);
    -o-transition: var(--transition-alt);
    transition: var(--transition-alt);	
}

.nieuworganiseren.disc .vc_general.vc_btn3.vc_btn3-style-modern:hover {
	background-color: var(--no-groen-hover);
}