/**
 * Theme Name: Designated Child
 * Theme URI: https://designated.nl
 * Author: Designated
 * Author URI: https://designated.nl
 * Description: Designated child theme
 * Version: 1.0
 * Text Domain: designated-child
 */

header .container .header-items .logo a img {
	height: 25px;
}

header .container{
	max-width: 1300px;
}

.hamburger{
	right: 0px !important;
}

header .container .header-items nav.navigation>ul li a.navlink {
	font-family: DIN Regular Alternate;
	font-weight: 600;
	font-size: 1rem;
	padding: 12px 10px !important;
	top: 50%;
	transform: translateY(-50%);
}

.navigation-list{
	overflow: initial !important;
}

.desktop-navigation-button{
	display: none !important;
}

/*Carousel*/
.wppsac-post-carousel.design-1 .wppsac-post-image-bg {
    margin-bottom: 15px;
    overflow: hidden;
    height: 180px;
}

.dashboard-banner{
	position: relative;
	height: 200px;
	background: linear-gradient(54deg, rgba(246,130,32,1) 0% , rgba(63,187,219,1) 97%);
}

.background-dashboard-banner{
	display: none;
}

.dashboard-banner-content{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
	justify-content: center;
    align-items: center;
    text-align: center;
}

.dashboard-banner-content h2{
	font-size: 1.5rem;
}

.button-blue {
	background-color: #1C4EA0 !important;
}

.button-blue:hover {
	background-color: white !important;
	color: #1C4EA0 !important;
	border-color: #1C4EA0 !important;
}	

.button-white-outline {
	border-color: #1C4EA0 !important;
	background-color: #fff !important;
	color: #1C4EA0 !important;
}

.button-white-outline:hover {
	border-color: #fff !important;
	background-color: #1C4EA0 !important;
	color: #fff !important;
}


.navigation-button-container{
	display: flex;
	gap: 1rem;
	margin-right: 20px;
    align-items: center;
	justify-content: center;
	width: 100px;
}

.inlog-item-container{
	margin-right: 80px;
}

.navigation-button{
	margin-left: 0 !important;
	flex: none;
}

.button-menu-bar{
	text-align: center;
}

.user-icon{
	width: 25px;
	cursor: pointer;
}

#user-option-menu{
	position: absolute;
	top: 5rem;
	background: white;
	padding: 1rem;
	right: 0;
	border-radius: 5px;
}

.option-menu_inactive{
	display: none;
}

.option-menu_active{
	display: block;
}

.user-option-menu-item{
    margin: 0.5rem 0 !important;
	color:#1C4EA0;
	cursor: pointer;
}

#login-menu-item{
	color: #1c4eaa;
	cursor: pointer;
}

.vincent-button:hover{
	color: white !important;
	background-color: #1C4EA0 !important;
}

.popup-form-close-button-container{
	text-align: right;
	display: block;
}

.close-button-icon{
	width: 20px;
	cursor: pointer;
	display: inline-block;
}

.popup-body{
	justify-content: center;
}

#popup-form{
	width: 100%;
	height: auto;
    display: flex;
    -webkit-overflow-scrolling: touch;
}

.popup-form_active{
	display: block;
}

.background-popup{
    position: absolute;
    top: 0;
	left: 0;
    z-index: -1;
    height: 100%;
}

.popup-form-container{
	width: 100%;
	padding: 2rem;
}

.confirmation-popup{
	display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
    height: 100%;
}

.confirmation-popup h1,
.popup-form-success-title h1{
	color: white;
}

.popup-form-success-title{
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
	gap: 1rem;

}

.popup-form-success-title h1{
	margin: 0;
}

.popup-form-success-title img{
	height: 50px;
	width: auto;
}

.popup-form-success-content{
	text-align: center;
}

.popup-form-success-content p{
	color: white;
	margin-bottom: 1rem;
}

.popup-form-row,
.popup-form-consumer-row{
	display: flex;
	justify-content: space-between;
	gap: 2rem;
}

.popup-form-row{
	flex-direction: column-reverse;
}

.popup-form-column{
	display: flex;
    flex: 1 1 auto;
	width: 100%;
}

.popup-form-column div{
	width: 100%;
}

.popup-form-single-column{
	width: 100%;
}

.popup-form-column .gform_wrapper .gform-body .ginput_container input,
.popup-form-aanvraag-container .gform_wrapper .gform-body .ginput_container input,
#loginform input{
	font-size: 15px;
	border: 1px solid white!important;
	color: white;
	-webkit-text-fill-color: white;
	border-radius: 10px!important;
}

.popup-form-column .gform_wrapper .gform-body .ginput_container input:-webkit-autofill,
.popup-form-column .gform_wrapper .gform-body .ginput_container input:-webkit-autofill:hover,
.popup-form-column .gform_wrapper .gform-body .ginput_container input:-webkit-autofill:focus,
.popup-form-column .gform_wrapper .gform-body .ginput_container input:-webkit-autofill:active,
.popup-form-aanvraag-container .gform_wrapper .gform-body .ginput_container input:-webkit-autofill,
.popup-form-aanvraag-container .gform_wrapper .gform-body .ginput_container input:-webkit-autofill:hover,
.popup-form-aanvraag-container .gform_wrapper .gform-body .ginput_container input:-webkit-autofill:focus,
.popup-form-aanvraag-container .gform_wrapper .gform-body .ginput_container input:-webkit-autofill:active,
#loginform input:-webkit-autofill,
#loginform input:-webkit-autofill:hover,
#loginform input:-webkit-autofill:focus,
#loginform input:-webkit-autofill:active{
	color: #1c4eaa !important;
	-webkit-text-fill-color: #1c4eaa !important;
	transition: background-color 10s ease-in-out 0 !important;
}


.popup-form-column .gform_wrapper .gform-body label,
.popup-form-column .gform_wrapper .gform-body legend,
.popup-form-column .login-remember label,
.charleft.ginput_counter.gfield_description.warningTextareaInfo,
.gform-field-label{
	color: white;
}

.popup-form-column .gform-heading p{
	color: white;
	margin-bottom: 1rem;
}

.gfield_label_before_complex{
	display: none;
}

.popup-form-column .gform_wrapper .gform_footer input[type=submit],
.popup-form-aanvraag-container .gform_wrapper .gform_footer input[type=submit],
#loginform input[type=submit],
.popup-form-column .back-button:hover,
#wp-submit{
	width: 100%;
	color: #1c4eaa;
	background-color: white;
	-webkit-text-fill-color:  #1c4eaa;
}

.popup-form-column .gform_wrapper .gform_footer input[type=submit]:hover,
.popup-form-aanvraag-container .gform_wrapper .gform_footer input[type=submit]:hover,
#loginform input[type=submit]:hover,
#wp-submit:hover{
	width: 100%;
	border: 1px solid white;
	color: white;
	-webkit-text-fill-color:  white;
	background-color: transparent;
}

.popup-form-column .back-button{
	width: 100%;
	text-align: center;
}

.popup-form-column .gform_wrapper .gform_title{
	width: 80%;
}

.popup-form-column .gform_wrapper .gform-body h5{
	color: white;
	margin-top: 1rem;
	margin-bottom: 0;
}

/*Consument Popup*/
.popup-form-consumer{
	display: none;
	z-index: 999;
    height: 100vh;
	width: 100%;
	justify-content: center;
	align-items: center;
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
	overflow:auto;
}

.popup-consumer_active{
	display: flex;
}

.popup-form-consumer-container{
	position: relative;
    padding: 2rem 2rem 8rem 2rem;
}

#popup-form-consumer{
	width: 100%;
	height: 100%;
}

.popup-form-consumer-row{
	margin-top: 50px;
	flex-direction: column;
}

.popup-form-consumer-single-row{
	display: block;
}

.popup-form-consumer-single-row{
	display: block;
}

.popup-form-consumer-single-row > .popup-form-consumer-column > div{
	width: 100%;
}

.popup-form-consumer-column{
	display: flex;
	justify-content: center;
}

.popup-form-consumer-column > div{
	width: 90%;
}

.popup-form-consumer-container h2{
	text-align: center;
}

.popup-form-consumer-container .popup-form-consumer-column h4,
.popup-form-consumer-container #intro-popup-consumer p{
	color: white !important;
}

.popup-form-consumer-icon{
	height: 60px;
	width: auto;
	margin-bottom: 1rem;
}

#intro-popup-consumer{
	display: flex;
	gap: 1rem;
	margin-bottom: 1rem;
}

.intro-left,
.intro-right{
	-webkit-mask-image: linear-gradient(0deg, transparent 16px, red 66px);
    height: 100px;
    overflow: hidden;
	margin-bottom: 1rem;
}

.left-intro-active,
.right-intro-active{
	-webkit-mask-image: none !important;
    height: auto !important;
}

.activate-icon{
	height: 1rem;
	width: auto;
	cursor: pointer;
}

.activate-icon-rotated{
	transform: scale(-1);
}

.button-popup-consumer > a{
	width: 100%;
	text-align: center;
}

/*FORM*/

/* Specific registration fields */
#field_7_18,
#field_7_7,
#field_7_3 {
	margin-top: 1rem;
}

.gravity-tooltip {
    position: relative;
    display: inline-block;
    height: 12px;
    width: 12px !important;
    background: url(/wp-content/uploads/2023/09/tooltip-icon.png) no-repeat;
    background-size: cover;
    margin-left: 5px;
    cursor: pointer;
}

#tippy-content {
	background-color: #1C4EA0;
}

.dashicons-hidden:before,
.dashicons-visibility:before {
	color: white;
}

footer {
	background-color: #1C4EA0;
	display: block !important;
	padding: 60px 0 60px !important;
}

footer .container{
	max-width: 1300px;
}

footer .container .footer-items .item a,
footer h4 {
	color: white;
}

.footer-logo-img{
	max-width: 200px;
	margin-bottom: 2rem;
}

.footer-items{
	gap: 10%;
}


body .footer-links p {
	margin:0 ;
}


.footer-form,
.footer-links{
	width: 100%;
}

.footer-form .ginput_container > label,
.footer-form .ginput_container > input::placeholder,
.footer-form .ginput_container > input[type=email] {
	color: white !important;
	-webkit-text-fill-color: white !important;
}

.footer-form .ginput_container > input{
	border: solid 1px white;
}

footer .container .footer-items .item a{
	padding: 0px 15px;
}

footer .container .footer-items .item.links {
	width: 100%;
	display: flex;
	flex-direction: column;
}

footer .container .footer-items .item.links div{
	width: 100%;
}

footer .container .footer-items .item a {
	padding: 0px;
}

.links-header{
	padding: 0px;
	color: white;
	font-weight: bold;
}

#gform_submit_button_2{
	width: 100%;
}

.error-login{
	padding: 1rem;
    background: white;
    margin-top: 1rem;
}

.error-login p {
	color: red;
}

/* Check before li */
.section ul:not(.slick-dots):not(.gform_fields):not(.gfield_checkbox) li:before {
	margin-right: 10px;
}

@media (min-width: 768px) {
	.dashboard-banner{
		height: auto;
	}

	.background-dashboard-banner{
		display: block;
	}

	.dashboard-banner-content{
		justify-content: center;
	}

	.dashboard-banner-content h2{
		font-size: 3rem;
	}

	.popup-form-container{
		padding: 2rem 5rem 2rem 5rem;
	}

	.popup-form-single-column{
		width: 300px;
	}
}


@media (min-width: 1024px) {
	header .container .header-items .logo a img {
		height: 30px;
	}

	header .container .header-items nav.navigation>ul li:first-child, header .container .header-items nav.navigation>ul li:nth-child(2), header .container .header-items nav.navigation>ul li:nth-child(3) {
		float:none;
	}

	header .container .header-items nav.navigation {
		flex-direction: column !important;
	}

	header .container .header-items nav.navigation>ul li {
		display: flex !important;
		height: auto !important;
		justify-content: center;
	}

	.navigation-list{
		overflow: scroll;
	}

	.navigation-button-container{
		width: auto;
	}

	.popup-form-close-button-container{
		display: none;
	}

	.button_show_always{
		display: block !important;
	}

	#popup-form-consumer{
		width: 80%;
		height: auto;
	}

	.popup-form-consumer-container{
		padding: 2rem 2rem 4rem 2rem;
	}
	.popup-form-consumer-container-single-row{
		padding: 2rem 2rem 2rem 2rem;
	}

	.popup-form-consumer-single-row{
		overflow: auto;
		margin-top: 0px;
	}
	
	.popup-form-consumer-single-row > .popup-form-consumer-column > div{
		width: 50%;
	}

	.popup-form-consumer-single-row > .popup-form-consumer-column{
		height: 70vh;
	}

	footer .container .footer-items .item.links,
	.popup-form-consumer-row{
		flex-direction: row;
	}

	.footer-logo-img{
		max-width: 300px;
	}

	.footer-form,
	.footer-links{
		width: 50%;
	}

	footer .container .footer-items .item.links{
		justify-content: end;
	}

	footer .container .footer-items .item.links div{
		width: 30%;
	}
	
	.links-header,
	footer .container .footer-items .item a {
		padding: 0px 15px;
	}

	#gform_submit_button_2{
		width: auto;
	}
}

@media (min-width: 1280px) {
	header .container .navigation-items {
		margin-right: auto;
		margin-left: 100px;
	}

	header .container .header-items nav.navigation>ul li:first-child, header .container .header-items nav.navigation>ul li:nth-child(2), header .container .header-items nav.navigation>ul li:nth-child(3) {
		float: left;
	}

	header .container .header-items nav.navigation {
		flex-direction: row !important;
	}

	header .container .header-items nav.navigation>ul li {
		display: inline-block !important;
		height: 100% !important;
	}

	.inlog-item-container{
		margin-right: 0;
	}

	.button-desktop{
		display: inline-block !important;
	}

	.navigation-button {
		margin-right: 50px;
	}

	.mobile-navigation-button{
		display: none !important;
	}

	.desktop-navigation-button{
		display: block !important;
	}

	.hamburger {
		display: none;
	}
}

@media (max-width: 1280px){
	.hamburger {
		display: flex;
	}

	header .container .header-items nav.navigation>ul {
		max-height: 100vh;
		overflow: scroll;
		position: relative;
		width: 100%;
		z-index: 3;
	}

	header .container .navigation-items.is-visible nav.navigation ul li {
		opacity: 1;
		transition: all .4s ease-in .3s;
	}

	header .container .header-items nav.navigation>ul li {
		opacity: 0;
		transition: all .4s ease-out;
	}

	header .container .header-items nav.navigation {
		align-items: center;
		display: flex;
		height: calc(100% - 100px);
		justify-content: center;
		overflow: hidden;
		transition: all .3s ease-in-out;
		width: 100%;
	}

	header .container .navigation-items.is-visible {
		height: calc(100vh - 75px);
		opacity: 1;
		visibility: visible;
	}

	header .container .navigation-items {
		align-items: center;
		background-color: #fff;
		bottom: 0;
		display: flex;
		flex-direction: column;
		height: calc(100vh - 90px);
		justify-content: center;
		left: 0;
		opacity: 0;
		overflow: hidden;
		position: fixed;
		right: 0;
		top: 75px;
		transition: all .3s ease-in-out;
		visibility: hidden;
		width: 100%;
		z-index: 101;
	}

}

	

@media (min-width: 1440px) {
	.popup-form-row,
	.popup-form-consumer-row{
		flex-direction: row;
	}

	.popup-form-column{
		justify-content: center;
		width: 50%;
	}

	.popup-form-column div{
		width: auto;
	}

	.popup-form-single-column{
		width: 500px !important;
	}

	.right-form-column{
		border-left: 1px solid white;
	}
}

@media (min-width: 1920px) {

	header .container{
		max-width: 1440px;
	}

	header .container .header-items nav.navigation>ul li a.navlink {
		padding: 12px 20px !important;
	}

	footer .container{
		max-width: 1440px;
	}

}

@media (min-width: 1600px){
	footer .container{
		max-width: 1440px;
	}
}