/*
Theme Name: Monkey Vision
Theme URI: https://www.monkeyvision.nl/
Description: Apen zijn cool
Author: Monkey Vision
Author URI: https://www.monkeyvision.nl/
Template: salient
Version: 1.0.banana
*/

/* Custom Formulier */

/* MENU */
.transparent .menu-item > a {
	text-shadow: 1px 1px #122a42;
}

#header-outer.transparent[data-lhe="default"] #top nav > ul > li.menu-item > a:hover {
	color: #0ead9e !important;
	text-shadow: unset;
}

/* FORM LAYOUT */

input[type='text'], textarea {
	border-color: #42b3a9 !important;
	border-radius: 5px !important;
}

html body[data-form-submit="regular"] .container-wrap input[type="submit"]{
	font-size: 12px !important;
	padding: 8px 20px !important;
}

.gf_full_width, .gf_full_width  input {
	width: 100% !important;
}

.validation_error {
	color: #42b3a9 !important;
	border-color: #42b3a9 !important;
}

.gfield_error {
	background: white !important;
	border: unset !important;
}

.gfield_error > label {
	color: #42b3a9 !important;
}

.gfield_error input, .gfield_error textarea {
	border: 2px solid black !important;
	animation: pulse 2s infinite;
}

.gfield_error input:focus, .gfield_error textarea:focus {
	animation: unset ;
}

.gfield_description.validation_message {
	background: #122a42;
	width: auto !important;
	max-width: 200px !important;
	padding: 7px !important;
	color: white !important;
	margin-left: 15px;
	margin-top: 5px;
	line-height: 20px !important;
	border-radius: 5px;
}

.gfield_description.validation_message:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-bottom-color: #122a42;
	border-top: 0;
	border-left: 0;
	margin-left: -120px;
	margin-top: -24px;
}

.gform_wrapper li.gfield.gfield_error {
	padding-top: 0px !important;
}



/*
#top > .container > .row {
	flex-direction: row-reverse;
}*/

/* HOME */
body.home .transparent #logo {
	visibility: hidden;
}

.weconnect-logo-img  {
    height: 100px !important;
}

.full-height-column {
    min-height: 100vh !important;
}

.radial-gradient-column .column-bg-overlay {
    background: radial-gradient(circle at center, rgba(18, 42, 66, .5) 0%, #122a42 80%) !important;
    opacity: 1 !important;
	transition: .2s ease-in-out;
}

.radial-gradient-column:hover .column-bg-overlay {
	opacity: .8 !important;
}

/* INSCHRIJVEN PAGINA */
@media only screen and (max-width: 1000px) {
	.hide-on-tablet {
		display: none !important;
	}
}

/* arrows & other elements */
.wcp-repeat .wpb_row .row-bg.no-cover, .full-width-section .row-bg.no-cover{
    background-size: contain !important;
    background-repeat: repeat-x !important;
}

.arrow-bg .row-bg {
    background-size: contain !important;

}

/* FOOTER */
#footer-widgets > .container > .row {
	padding-bottom: 0px;
}

#footer-outer #copyright[data-layout="centered"] {
	padding-top: 0px;
}

#copyright p {
	padding-bottom: 0px;
}

#copyright img {
	filter: invert(0);
	padding: 5px;
}

#copyright img:hover {
	filter: invert(.5);
	transform: scale(1.1);
	animation-name: bounce-5;
    animation-timing-function: ease;
	animation-duration: 2s;
        animation-iteration-count: infinite;
} 

/* BORDER VERWIJDEREN op mobiel */
@media only screen and (max-width: 400px) {
	body .wpb_text_column, .nectar-fancy-ul > div, .border-right-column {
		border-left: unset !important;
		padding-left: 0px !important;
	}
}

@keyframes bounce-5 {
	0%   { transform: scale(1,1)    translateY(0); }
	10%  { transform: scale(1.1,.9) translateY(0); }
	30%  { transform: scale(.9,1.1) translateY(-10px); }
	50%  { transform: scale(1,1)    translateY(0); }
	57%  { transform: scale(1,1)    translateY(-2px); }
	64%  { transform: scale(1,1)    translateY(0); }
	100% { transform: scale(1,1)    translateY(0); }
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 #d5b0b0;
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}