/*
Theme Name: Hubo
Description: Een theme gemaakt met liefde voor Hubo. Alle rechten voorbehouden. © Bruut & Braaf.
Author: Bruut & Braaf
Version: 0.8
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');
@import url("bootstrap/css/bootstrap.min.css");
@import url("font-awesome/css/font-awesome.min.css");
@import url("style.min.css");
body {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #F8F8F8; font-family: 'Roboto', sans-serif; }
  
  ul {
	  margin: 0px;
	  padding: 0px;
  }
  li {
	  list-style: none;
  }
  
* {
	font-family: 'Roboto', sans-serif;
} 

.slim-btn-edit {
	display: none;
}

.slim {
	border-radius: 4px;
}

.slim-btn {
    box-shadow: none !important;
    text-shadow: none !important;
    transition: none !important;
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    background-repeat: no-repeat !important;
    background-size: 57% 50% !important;
    background-position: center center !important;
    border-radius: 0px !important;
    height: 46px !important;
    left: 0px !important;
    margin: 0px !important;
    position: absolute !important;
    bottom: 0px !important;
}

.gform_title {
	display: none;
} 
h1, body h1 {
    font-weight: bold;
    font-size: 34pt;
    margin-bottom:0px;
    font-family: 'Roboto', sans-serif;
}
h2 {
	font-weight: 900;
	font-size: 24px;
	color:#111111;
	margin: 20px 0px 15px;
	font-family: 'Roboto', sans-serif;
}
nav {
  background: #ffd540; z-index: }
  nav .row {
    min-height: 80px; position: relative; overflow: hidden;}
p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: normal;
    color: #828282;
}

b, strong {
	font-weight: bold;
}

.cleanlogin-container {
	border: 0px !important;
	box-shadow: none;
	padding:0px;
	width: 100%;
	max-width: 200%;
	overflow: visible;
}

.cleanlogin-form input[type="text"], .cleanlogin-form input[type="password"], .cleanlogin-form input[type="email"], .cleanlogin-form input[type="submit"] {
	height: 56px;
	padding: 15px !important;
}

.cleanlogin-field-password, .cleanlogin-field-username {
	background: none;
}

nav .row:before {
	content: '';
    width: 50%;
    right: 0px;
    height: 100%;
    position: absolute;
    background: white;
}
section#form {
  padding: 60px 0px; }
  section#form .container {
    max-width: 80%;
    margin: 0auto;
    background: white;
    padding: 20px; }

.wpcf7-form-control-signature-body {
  border: 1px solid #ecece7; }

/*# sourceMappingURL=style.css.map */


.first {
	display: block !important;
}

.afbeelding-toevoegen {
	display: none;
}



.succes {
	text-align: center;
}

.succes .clap {
	padding:60px;
}

.succes a.home {
	margin:30px;
	color: #000;
	display: inline-block;
	text-align: center !important;
	text-decoration: underline !important;
}
button  {
    overflow: visible;
    max-width: 100%;
    width: 100% !important;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    padding: 10px 16px;
    max-width: 100%;
    width: 100%;
    min-width: 100%;
    display: block;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0px;
    position: relative;
}

.wpcf7-list-item-label {
    position: relative;
    z-index: 6;
    padding: 22px;
    top: 7px;
    color: black;
    /* margin-bottom: 60px; */
}

input[type=checkbox]:checked > .wpcf7-list-item-label{
    opacity: 0;
}

.wpcf7-checkbox {
	height: 20px;
    margin-bottom: 24px;
    display: block;
    position: relative;
    z-index: 3;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0px;
    width: 100%;
}

.wpcf7-list-item-label {
    color: #2F80ED;
    position: absolute;
    left: 0px;
    top: 2px;
    margin: 0px;
    padding: 0px;
    z-index: -2;
}


input[type=submit], .btns {
	color: #000;
	background: #ffd540;
	border-radius: 10px;
	font-size: bold;
	padding:20px;
	border-radius: 9999px;
	margin-top:40px;
	border:none;
	font-weight: bold;
	position: relative;
	width: 100%;
	display: block;
}

.btns:focus, .btns:hover {
	border:none;
	color: #000;
}

.btns:after {
    content: '';
    width: 10px;
    height: 15px;
    top: 25px;
    right: 25px;
    background-size: cover;
    position: absolute;
    background-image: url(./img/arrow.svg);
}

.gform_footer {
	position: relative;
	cursor: pointer;
}

.gform_footer:after {
	content: '';
    width: 10px;
    height: 15px;
    top: 25px;
    right: 25px;
    background-size: cover;
    position: absolute;
    background-image: url(./img/arrow.svg);
}

button {
	-webkit-appearance: none;
	background:white;
}

.branding {
    max-height: 65px;
}
nav {
	top:0px;
	width:100%;
	position: fixed;
	animation: navigation 1s;
	z-index: 999;
}
.name {
	position: absolute;
    left: 40px;
    top: 24px;
}
nav .row {
	display: flex;
	align-items: center;
}
.is_fixed {
	height:80px;
	width:100%;
}

section#form .container {
    max-width: 94%;
    margin: 0auto;
    background: white;
    padding: 20px;
    border-radius: 5px;
    animation: main 1s;
}

.lasucces {
	animation: main 1s;
}

.cleanlogin-field-remember {
	display: none;
}

section#form {
	padding: 30px 0px;
}

.user {
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 99999;
    width: 50%;
    height: 80px;
    text-align: right;
}

.user img {
	position: absolute;
	right:15px;
	top:15px;
	height: 52px;
	animation: user 1s;
	margin: 0 auto;
	border-radius: 9999px;
	border: 2px solid #ffdb48;
}

.ginput_container {
	margin-bottom: 20px;
}

.ginput_container_select {
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
}

.nice-select {
	width: 100% !important;
	border-radius: 3px !important;
	height: 56px !important;
	display: flex !important;
	align-items: center !important;
	border: 1px solid #BDBDBD !important;
	padding-left: 15px !important;
	color: #BDBDBD !important;
	font-size: 16px !important;
}

.list {
	border: 1px solid #BDBDBD !important;
}

.nice-select .option {
	color: #656565;
}

.foxholder-form__textarea + label span {
    padding: 15px 15px;
    margin: 10px 0px !important;
}

.nice-select.open .list {
	width: 100%;
}

.foxholder-form__input, .foxholder-form__textarea {
	border: 1px solid #BDBDBD !important;
	border-radius: 3px;
}

@-webkit-keyframes navigation {
  from {top: -80px;}
  to {top: 0px;}
}

@-webkit-keyframes user {
  from {height:0px;}
  to {height: 52px;}
}

@-webkit-keyframes main {
  from {margin-top: 100px; opacity: 0;}
  to {margin-top: 0px; opacity: 1f;}
}

.gfield_label {
	display: none;
}

form {
	color: #BDBDBD;
}

form input {
	padding: 15px;
}

.foxholder-form__label-text {
	color: #BDBDBD;
	font-weight: normal;
}

.foxholder-form__label span {
    display: inline-block;
    padding: 0px 5px !important;
}

.foxholder-form__input--effect-2 + label, .foxholder-form__textarea--effect-2 + label {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-delay: 0s;
    margin-left: 8px;
}

.foxholder-form__input--effect-2:focus, .foxholder-form__textarea--effect-2:focus {
	border: 1px solid #2F80ED !important;
}

.foxholder-form__input--effect-2.is-active, .foxholder-form__textarea--effect-2.is-active  {
	border: 1px solid #35b235 !important;
}

.foxholder-form__label-text {
	color: inherit;
}

.foxholder-form__input--effect-2:focus + label, .foxholder-form__textarea--effect-2:focus + label, .foxholder-form__textarea--effect-2.is-active + label {
	color:#2F80ED !important;
	font-style: normal !important;
	left: 0px !important;
	top: -26px !important; 
}

.foxholder-form__input--effect-2.is-active + label, .foxholder-form__textarea--effect-2.is-active + label {
	color: #35b235 !important;
	font-style: normal !important;
	left: 0px !important;
	top: -26px !important; 
}

.foxholder-form__label-text {
	background:white;
}

.foxholder-form__textarea--effect-2:focus + label, .foxholder-form__textarea--effect-2.is-active + label {
	margin-top:7px !important;
}

input[type=file] {
    width: 200%;
    text-indent: -999px;
    margin-left: -130px;
}

input[type=file]:hover {
	cursor: pointer;
}

.ginput_container_post_image {
	overflow: hidden;
	border: 1px dashed;
    border-radius: 3px;
    position: relative;
    background:none !important;
    z-index: 1;
}

.ginput_container_post_image:hover {
	cursor: pointer;
}

.ginput_container_post_image:after {
    content: '';
    width: 16px;
    height: 17px;
    background-image: url(./img/plusb.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: 21px;
    z-index: -1;
}

.extra {
	color:#2F80ED;
	margin-bottom: 20px;
}

.extra:hover {
	cursor: pointer;
}

.extra:before {
	content: '';
    width: 16px;
    height: 17px;
    margin-right: 10px;
    top: 3px;
    background-image: url(./img/plusb.svg);
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
}



.cleanlogin-field .foxholder-form__label {
	margin-top:15px;
	pointer-events: none;
}

.cleanlogin-form input[type="text"], .cleanlogin-form input[type="password"], .cleanlogin-form input[type="email"], .cleanlogin-form input[type="submit"] {
	font-size: 16px;
	text-transform: none !important;
}

.cleanlogin-form a.cleanlogin-form-login-link, .cleanlogin-form a.cleanlogin-form-pwd-link, .cleanlogin-preview a.cleanlogin-preview-edit-link {
	text-align: center !important;
	color: #000;
	text-decoration: underline;
	width: 100%;
}

.cleanlogin-form span {
	color: inherit;
	text-transform: none !important;
	font-size: 16px;
	margin-left: 0px;
}

.cleanlogin-form-bottom {
	text-align: center;
	float: none !important;
}