/*
Theme Name: GrandPrix
Theme URI: https://grandprix.qodeinteractive.com
Description: GrandPrix - Motorcycle WordPress Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Text Domain: grandprix
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

* {
	scroll-behavior: smooth;
}

#SR7_8_1-12-3, .item_text, .mkdf-sts-title-text {
	font-family: "dead jim" !important;
}

sr7-module-bg {
	background: transparent !important;
}

.mkdf-vertical-lines {
	display: none !important;
}

.item_text {
	font-size: 24px !important;
}

.mkdf-page-header .mkdf-menu-area .mkdf-vertical-align-containers {
	padding: 0 !important;
}

.mkdf-position-left-inner {
	margin-left: 30px;
}

.mkdf-position-left-inner, .mkdf-position-left-inner * {
	max-height: 52px !important;
}

.mkdf-title-holder.mkdf-standard-type.mkdf-title-va-window-top {
	display: none !important;
}

.mkdf-position-right {
	padding-right: 25px !important;
}

.mkdf-position-right figure {
	padding: 15px;
	background: #2A4898;
}

.mkdf-page-header {
	position: fixed !important;
}

div.ob-zwei-oder-vier-raeder {
	height: 40vw;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: inset 0 0 0 2000px rgba(42, 72, 152, 0.6);
	background-position: 0% 80% !important;
}


.mkdf-st-tagline {
	font-size: 24px !important;
	line-height: 24px !important;
	letter-spacing: 0% !important;
}

.about-us .vc_single_image-wrapper.vc_box_border_grey{
	height: 270px;
	width: 413px;
}

.about-us .vc_single_image-wrapper.vc_box_border_grey img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.justin, .justin *, .map, .map * {
	height: 322px !important;
	width: 100% !important;
	object-fit: cover;
}

/* Contact Form 7 — Reference Style Match */

.wpcf7-form {
    margin: 32px auto;
    font-family: 'Segoe UI', Arial, sans-serif;
}

.full-width,
.half-row {
    margin-bottom: 13px;
}

.full-width {
    width: 100%;
}

.half-row {
    display: flex;
    gap: 10px;
}

.half-width {
    width: 55%;
}

.form-input,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    width: 100%;
    background: #e6e6e6 !important;
    border: none;
    padding: 11px 15px 10px 15px !important;
    font-size: 15px !important;
    font-family: inherit !important;
    font-weight: 400 !important;
    color: #222;
    margin: 0 !important;
    box-sizing: border-box;
    letter-spacing: 0.03em;
}

.wpcf7-form textarea,
.form-input textarea {
    min-height: 120px;
    resize: vertical;
    margin: 0;
}

/* Placeholder style for all browsers */
.wpcf7-form ::placeholder {
    color: #888 !important;
    font-size: 15px;
    font-weight: 500;
    opacity: 1;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Custom file upload — reference style */
.custom-file-upload {
    width: 45%;
}
.custom-file-upload label {
    width: 100%;
    display: block;
    height: 100%;
}
.custom-file-input {
    display: none;
}

.upload-btn {
	display: block;
    width: 86%;
    background: #e6e6e6;
    color: #888;
    padding: 11px 15px 10px 15px;
    font-size: 15px;
    font-family: inherit;
    font-weight: 500;
    border: none;
    cursor: pointer;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    transition: background 0.15s;
    position: relative;
}
.upload-btn:hover {
    background: #d0d0d0;
}

.half-row {
	max-height: 48px !important;
}

/* Upload icon as background SVG, right aligned */
.upload-btn::after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url('data:image/svg+xml;utf8,<svg fill="none" stroke="gray" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 16V4m0 0l5 5m-5-5L7 9"/><rect x="3" y="17" width="18" height="4" rx="2"/></svg>') no-repeat center center;
    background-size: 22px 22px;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
}

.file-chosen {
    display: none;
}

.custom-file-upload > p > label br:nth-of-type(1),.custom-file-upload > p > label br:nth-of-type(2), .custom-file-upload > p > label span:nth-of-type(1) {
	display: none !important;
}

/* Submit button style */
.submit-btn,
.wpcf7-form input[type="submit"] {
    width: 100%;
    padding: 13px 0;
    background: #e6e6e6;
    border: none;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    color: #222;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    transition: background 0.15s;
    margin-top: 0px;
}
.submit-btn:hover,
.wpcf7-form input[type="submit"]:hover {
    background: #b0b0b0;
}

/* Responsive fix for half row */
@media (max-width: 600px) {
    .half-row {
        flex-direction: column;
        gap: 0;
    }
    .half-width {
        width: 100%;
    }
}


.contact-row {
	width: 120% !important;
	margin-left: -10% !important;
}

.contact-row a {
	color: grey !important;
}

.testimonial-row .mkdf-testimonial-image, .testimonial-row .mkdf-testimonials-author-job,.testimonial-row  .mkdf-nav-label {
	display: none !important;
}

.testimonial-row * {
	color: #fff !important;
}

.testimonial-row .mkdf-testimonials-author-name {
	font-weight: 400;
}

.mkdf-container-inner.clearfix {
	padding-bottom: 0 !important;
}


@media screen and (max-width: 1550px) {

	.contact-row {
		width: 100% !important;
		margin-left: unset !important;
	}
	
	.half-width, .custom-file-upload {
    	width: 100%;
	}
	
	.upload-btn {
		width: 93% !important;
	}
	
	.half-row {
    	flex-direction: column;
    	max-height: 106px !important;
	}
}

@media screen and (max-width: 1400px) {

	.contact-row {
		width: 115% !important;
		margin-left: -7.5% !important;
	}

	.upload-btn {
		width: 92% !important;
	}
	
}

@media screen and (max-width: 1280px) {
	.contact-row .wpb_column {
		width: 33% !important;
	}
	
	.contact-row .wpb_column:nth-of-type(4) {
		width: 50% !important;
	}
	
	.upload-btn {
		width: 95% !important;
	}
}

@media screen and (max-width: 1024px) {
	.about-us {
		display: flex !important;
		flex-wrap: wrap;
	}
	
	.about-us .wpb_column{
		width: 50%;
	}
	
	.about-us .wpb_column:nth-of-type(4) {
		margin: auto !important;
	}
	
	.contact-row {
		display: flex;
		flex-wrap: wrap;
	}
	
	.contact-row .wpb_column {
		width: 50% !important;
	}
	
	.contact-row .wpb_column:nth-of-type(3) {
		width: 40% !important;	
	}
	
	.contact-row .wpb_column:nth-of-type(4) {
		width: 60% !important;	
	}
	
	.upload-btn {
		width: 92% !important;
	}
		.mkdf-mobile-header-inner {
		background: rgba(217, 217, 217, 77%) !important;
		border: none !important;
	}
	
	.mkdf-mobile-menu-opener.mkdf-mobile-menu-opener-predefined {
		background: #2a4898 !important; 
	}
	
	.mkdf-position-left-inner {
		margin-left: 0 !important;
	}
	
	#SR7_8_1 > sr7-content:nth-child(2), #SR7_8_1 > sr7-adjuster:nth-child(1), #SR7_8_1 {
		height: calc(100vh - 70px) !important;
	}
}


@media screen and (max-width: 680px) {
	
	.about-us .wpb_column{
		width: 100% !important;
		margin: auto !important;
	}
	
	.about-us .wpb_column:nth-of-type(4) {
		margin: auto !important;
	}
	
	.contact-row .wpb_column {
		width: 100% !important;
	}
	
	.ob-zwei-oder-vier-raeder {
		height: 400px !important;
	}
	
	.contact-row .wpb_column:nth-of-type(3) {
		width: 100% !important;	
	}
	
	.contact-row .wpb_column:nth-of-type(4) {
		width: 100% !important;	
	}
	
	.upload-btn {
		width: 93.5% !important;
	}
	
	.justin, .justin * {
		height: 500px !important;
	}
	
	.menu-item.menu-item-type-custom.menu-item-object-custom:nth-of-type(1) .mkdf-mobile-no-link{
		display: none !important;
	}
	
}

@media screen and (max-width: 600px) {
	.half-width {
		margin-bottom: 10px;
	}
	
	.mkdf-testimonials-holder .mkdf-testimonials .mkdf-testimonial-title {
		font-size: 20px !important;
	}
}

@media screen and (max-width: 480px) {
	.motor-row .mkdf-is-title {
		word-wrap: wrap-word;
		max-width: 75%;
		hyphens: auto;
	}
	
	.ob-zwei-oder-vier-raeder {
		height: 500px !important;
	}
}