/* GENERAL */

@media (min-width: 768px){
.vc_col-sm-6 {
    width: 40%;
}
}

@media screen and (max-width: 720px) {
	#page-content {
		background-color: #fff;
		margin: 13px;
	}
	.partner-section {
		margin: -30px;
	}
	
	.inleiding .wpb_wrapper > p{
		text-align: justify !important;
	}
	
	.cta-inleiding{
		width: 80% !important;
	}
}

@media screen and (max-width: 1201px) {
	.header-menu .m-has-submenu>a:after {
    content: '' !important;
	}
}

.header-menu .m-has-submenu>a:after {
    font-family: FontAwesome;
    content: '\f078';
}

/* FRONT PAGE */
.cta-inleiding{
	display: block;
	text-align: center;
	margin: 0px auto;
	width: 20%;
}

.c-feature .feature-icon {
   	top: 8px !important;
}

@media screen and (min-width: 1400px) {
	.c-feature .feature-title {
    	padding-top: 25px !important;
	}
}

.c-feature .feature-title {
    padding-top: 12px;
}

.partner-section h2{
	text-align: center;
}
.partner-section h2:after{
	background-color: transparent;
}

.c-carousel .owl-dot > span {
    border-radius: 30px;
    background-color: #fff;
	margin-top: -25px;
}

.c-carousel .owl-dot.active > span {
    background-color: #CBA97C;
}

.project-list-filter {
    text-align: center;
}

.project-list-filter .m-active {
    color: #CBA97C;
}

.project-list-filter a:hover {
    color: #CBA97C;
}

.contact-section .container{
	text-align: center;
	margin: auto;
}

.underline{
	margin-top: 50px;
    display:block;
    border:none;
    color:white;
    height:1px;
    background:black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 300, from(#000), to(#fff));
}

.contact-section .c-parallax-section h2 {
	font-size: 9vh;
}

.contact-section .c-parallax-section h2, .c-parallax-section h3 {
    color: #000 !important;
}

.contact-section .c-parallax-section .section-bg {
	background-color: #fff !important;
}

.c-parallax-section .c-button {
	color: #000;
	border-color: #000; 
}

.c-parallax-section .c-button:hover {
	border-color: #CBA97C!important;
	color: #CBA97C!important;
}
/* HEADER */

.header-navigation-toggle {
    top: 22px;
	right: 10px;
	border-radius: 10px;
	color: #000;
    border: solid 2px #000;
}

.header-navigation-toggle.m-active {
    color: #CBA97C;
	border-color: #CBA97C;
	background-color: #fff;
}

/* PROJECT PAGE */
.c-project .project-thumb {
	background-color: #ddd;
}
.c-project .project-thumb img {
	margin: auto;
    height: 241px !important;
}

#sidebar .widget.project-cat-list ul > li.m-active > a {
	color: #CBA97C;
}

#sidebar .widget.project-cat-list ul > li.m-active > i {
	color: #CBA97C;
}

#sidebar .widget.project-cat-list ul > li > i {
    color: #000;
}

/* PROJECT PAGE - PAGINATION */
.c-pagination .m-active .c-button {
	color: #CBA97C;
    border-color: #CBA97C;
}

.c-pagination .c-button {
    border-color: #000;
}

/* SERVICE PAGE */
.c-service .service-description .c-button {
    color: #000;
    border-color: #000;
}

.c-service .service-description .c-button:hover {
    border-color: #CBA97C;
}

#sidebar .widget.service-list ul > li.m-active > a {
    color: #CBA97C;
}

#sidebar .widget.service-list ul > li.m-active > i {
    color: #CBA97C;
}

#sidebar .widget.service-list ul > li > i {
    color: #000;
}

.c-button {
	color: #000;
	border-color: #000;
}

input.c-button:hover:not(.m-disabled), .c-button:hover:not(.m-disabled) {
	color: #CBA97C;
	border-color: #CBA97C;
}

/* CONTACT FORM */
.c-feature .feature-icon {
	top: 20px;
    color: #CBA97C;
}

#verzenden {
	border-color: black !important;
	color: black;
}

#verzenden:hover {
	color: #CBA97C;
	border-color: #CBA97C!important;
    -webkit-transition-delay: all 0.5s; 
	transition: all 0.5s;
}

input:focus {
	border: solid 2px black !important;
    -webkit-transition-delay: all 0.2s; 
	transition: all 0.2s;
} 

textarea:focus {
	border: solid 2px black !important;
    -webkit-transition-delay: all 0.2s; 
	transition: all 0.2s;
}

.footer-inner {
	padding: 35px 0 !important;
}

.footer-text {
    max-width: 100%;
}

.footer-social {
	margin-top: 20px;
	margin-left: 0;
    float: none;
	max-width: 100%;
}

@media (max-width: 1199px) {
.footer-social, .footer-menu, .footer-text {
	text-align: left !important;
}
}

.footer-menu {
    float: none;
    max-width: 10%;
}

.footer-menu a{
    border-bottom: none;
}

.footer-menu a:hover{
    border-bottom: 2px solid white;
}

.gegevens p{
	margin-bottom: 5px;
}