/*
Theme Name: Rolanda Child
Theme URI: https://rolanda.qodeinteractive.com
Description: A child theme of Rolanda
Author: Select Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: rolanda
Template: rolanda
*/

/*--------------------------------------------------------------*/
/*  General
/*--------------------------------------------------------------*/

body[class*=rolanda-core] p {
	margin: 0 0 20px;
}
body[class*=rolanda-core] p:last-child {
	margin-bottom: 0;
}

body.home .grecaptcha-badge{
		
visibility: hidden;
}

/*--------------------------------------------------------------*/
/*  Header
/*--------------------------------------------------------------*/

.qodef-header-navigation ul li.qodef-menu-item--narrow ul {
	width: 280px;
}

/*--------------------------------------------------------------*/
/*  Services
/*--------------------------------------------------------------*/

.services .qodef-m-image {
	overflow: visible !important;
	border-bottom: 4px solid #d61f24;
}
.services .qodef-m-image:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background-color: #d61f24;
	width: 100%;
	height: 100%;
	clip-path: polygon(0 5%, 15% 0, 2% 100%, 0% 100%);
}
.services .qodef-m-image:after {
	content: '';
	position: absolute;
	right: -1px;
	bottom: -30px;
	background-image: url('assets/img/logo-pijl.png');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 23px;
	height: 26px;
	filter: invert(23%) sepia(89%) saturate(3955%) hue-rotate(346deg) brightness(85%) contrast(98%);
}
.services .qodef-m-image img {
	clip-path: polygon(0 5%, 15% 0, 100% 0, 100% 100%, 0 100%, 0% 50%);
}

/*--------------------------------------------------------------*/
/*  Projects
/*--------------------------------------------------------------*/

.project-gallery .qodef-grid-item:not(:first-child) {
	display: none;
}

/*--------------------------------------------------------------*/
/*  Vertical tabs
/*--------------------------------------------------------------*/

.qodef-vertical-tabs {
	height: auto !important;
}
.qodef-vertical-tabs .qodef-tab-wrapper {
	height: auto !important;
	max-height: none;
}
.qodef-vertical-tabs div.qodef-m-title {
	background-color: #433e37;
}
.qodef-vertical-tabs .qodef-m-tab:not(:first-child) .qodef-m-title {
	border-color: #ccc;
}
.qodef-vertical-tabs .qodef-m-tab.active-tab .qodef-m-title {
	background-color: #d61f24;
}
.qodef-vertical-tabs .qodef-m-content {
	height: auto !important;
}
.qodef-vertical-tabs .qodef-e-content-inner {
	display: block;
	padding-bottom: 70px;
}
.qodef-vertical-tabs .qodef-e-content-inner .qodef-m-image img {
	width: 100%;
	height: 500px;
}

/*--------------------------------------------------------------*/
/*  Contact
/*--------------------------------------------------------------*/

.qodef-qi-contact-form-7 .wpcf7-response-output {
	display: none;
}
.qodef-qi-contact-form-7 .wpcf7-form-control-wrap {
	margin-bottom: 30px;
}
.qodef-qi-contact-form-7 button[type=submit] {
	background-color: transparent;
	color: #f1c802;
	border: 1px solid #f1c802;
}
.qodef-qi-contact-form-7 button[type=submit]:hover {
	border-color: #fff;
	color: #fff;
}
.qodef-qi-contact-form-7 button[type=submit] .qodef-m-inner {
	display: inline-flex;
}
.qodef-qi-contact-form-7 .wpcf7-not-valid-tip {
	margin-top: 10px;
	font-size: 14px;
	color: #d61f24;
}

/*--------------------------------------------------------------*/
/*  Footer
/*--------------------------------------------------------------*/

#masker {
	position: relative;
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1;
}
#masker svg {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	fill: #fff;
}
#masker a {
	display: inline-block;
	max-width: 0;
	opacity: 0;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	transition: max-width .7s ease-out .1s, opacity 1s ease-out .1s, color;
}
#masker:hover a {
	max-width: 285px;
	opacity: 1;
}
#masker a span {
	display: block;
	padding-left: 5px;
}

/*--------------------------------------------------------------*/
/*  Responsive
/*--------------------------------------------------------------*/

@media (max-width: 1024px) {
	.qodef-vertical-tabs .qodef-m-tab:first-child .qodef-m-title {
		border-color: #ccc;
	}
	.qodef-vertical-tabs .qodef-m-content {
		top: 0 !important;
	}
	.qodef-vertical-tabs .qodef-e-content-inner {
		padding-top: 160px;
	}
}
@media (max-width: 880px) {
	.qodef-vertical-tabs .qodef-e-content-inner .qodef-m-image img {
		height: 370px;
	}
	#qodef-page-footer-bottom-area .qodef-grid-item {
		text-align: center;
	}
	#masker {
		justify-content: center;
	}
}
@media (max-width: 680px) {
	.qodef-vertical-tabs .qodef-m-title-vertical {
		font-size: 18px;
	}
}
@media (min-width: 1025px) {
	.qodef-vertical-tabs .qodef-m-tab {
		height: auto !important;
	}
	.qodef-vertical-tabs div.qodef-m-title {
		align-items: flex-start;
	}
	.qodef-vertical-tabs .qodef-m-title-vertical {
		top: 68px;
		bottom: auto;
		transform: rotate(-270deg);
		transform-origin: left top;
	}
	.qodef-vertical-tabs .qodef-m-tab .qodef-m-tab-title {
		transform: translate(-23px, 0) rotate(180deg);
	}
	.qodef-vertical-tabs .qodef-m-tab.active-tab .qodef-m-tab-title,
	.qodef-vertical-tabs .qodef-m-tab:not(.active-tab):hover .qodef-m-tab-title {
		transform: translate(0, 0) rotate(180deg);
	}
	.qodef-vertical-tabs .qodef-m-icon-wrapper {
		top: 40px;
		bottom: auto;
	}
}