/*
 Theme Name:   GP Ormbacka Gränd Child
 Description:  GeneratePress Child Theme
 Template:     generatepress
 Version:      1.0
*/

/* Base */

::-webkit-input-placeholder {
	color: var(--brown) !important;
}

:-moz-placeholder {
	color: var(--brown) !important;
}

::-moz-placeholder {
	color: var(--brown) !important;
}

:-ms-input-placeholder {
	color: var(--brown) !important;
}

html, body {
    overflow-x: hidden;
}

h1 {
	font-size: clamp(32px, 10vw, 84px);
	margin-bottom: 0.5rem;
}

h2 {
	font-size: clamp(30px, 5vw, 50px);
	text-align: center;
}


/* Utilities */

.text-xl {
	font-size: clamp(24px, 5.5vw, 48px);
}

.text-lg {
	font-size: clamp(18px, 2vw, 21px);
}

.text-tidslinje {
	padding-top: 2rem;
    text-align: center;
    text-transform: uppercase;
    font-size: clamp(8px, 1.8vw, 18px);
}

/* Components */

.gp-icon svg {
	height: auto;
	width: 4rem;
}

.cf7-wrapper {
	display: block;
	box-sizing: border-box;
}

.cf7-input-container {
	margin-bottom: 0.5rem;
}

.cf7-input-container input {
	width: 100%;
}

.cf7-checkbox {
	margin-top: 1rem;
	margin-bottom: 1.5rem;
}

.cf7-checkbox .wpcf7-list-item {
	margin: 0;
	font-size: 16px;
}

.cf7-wrapper input[type=checkbox] {
	font-size: 16px;
}

.cf7-wrapper input[type=button], input[type=reset], input[type=submit] {
	align-items: center;
    background-color: rgba(33, 92, 194, 0);
    color: var(--brown);
    display: inline-flex;
    font-size: 24px;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    border: 3px solid var(--brown);
    padding: 1rem 2rem;
	margin-bottom: 1.5rem;
}

.cf7-disclaimer {
	font-size: 15px;
}

.grecaptcha-badge { 
	visibility: hidden; 
}

/* Layout */

@media (max-width: 1192px) {
	
	.maklarbild {
		max-width: 40%;
	}
	
}

@media (max-width: 1024px) {
	
	.maklarbild {
		max-width: 45%;
	}
}

@media (max-width: 768px) {
	
	.site-header .header-image {
		width: 92px;
	}
	
	.gp-icon svg {
		height: auto;
		width: 2.5rem;
	}
	
	.maklarbild {
		max-width: 100%;
	}
	
	.cf7-checkbox .wpcf7-list-item {
		font-size: 14px;
	}
	
	
.cf7-disclaimer {
	font-size: 14px;
}
	
}

@media (max-width: 440px) {
	
	.vtl-line {
		width: 20% !important;
	}
	
	.vtl-text {
		width: 80% !important;
	}
	
}