@import 'custom.css'; /*NOTE: File is cached; use Cache Busting to prevent caching*/

/* download-link */

.geveko-download-link {
  	text-decoration: none !important;
  	font-size: 16px;
  	font-weight: 500;
	color: #E87722 !important;
 	padding-left: 21px;
    line-height: 1.35em;
    display: inline-block;
  	/*white-space: nowrap;*/
}

.geveko-download-link:before {
	display: inline-block;
  	width: 24px;
  	height: 24px;
  	margin: 0 4px -8px -28px;
  	background-image: url('/Files/Icons/download-icon.svg');
  	content: '';
}

/* About us - posters overrides */

#Poster_8055 h1 span, #Poster_8133 h1 span {
    display: inline-block !important;
  	line-height: 1.2;
}

#Poster_8055 span, #Poster_8133 span {
    line-height: 36px;
}

@media screen and (min-width: 768px) {
    #Poster_8055 p span, #Poster_8133 p span {
        display: inline-block !important;
    }
}

/****************************/
/*** Intertraffic subsite ***/
/****************************/

.intertraffic #content .gm-orange-title-bt-gray-transparent-bg {
	background-color: #f3f3f3;
}

.intertraffic #content .gm-orange-title-bt-gray-transparent-bg .d-flex.flex-column {
	padding: 12px 32px 40px;
}

.intertraffic #content h3 {
	font-size: 26px !important;
	line-height: 31px !important;
	color: var(--gm-orange);
	margin-bottom: 16px;
}

.intertraffic #content a:not(.btn):not(.breadcrumb-item a) {
	color: var(--gm-orange);
	text-decoration: none;
}

.intertraffic #content a:hover:not(.btn):not(.breadcrumb-item a) {
	text-decoration: underline;
}

.intertraffic #content .lead {
	font-weight: 400 !important;
	line-height: 1.45;
}

.intertraffic #content .g-col:has(svg) {
	display: flex;
	align-items: center;
	justify-content: center;
}

.intertraffic #content ul li {
	margin-bottom: 8px;
}

.intertraffic #content ol {
	list-style: numerical !important;
}

.intertraffic #content ol li {
	color: var(--gm-grey);
	margin-bottom: 8px;
}

.intertraffic #content ol li:before {
	content: '' !important;
}

.intertraffic #content .breadcrumb {
	list-style: none !important;
	margin-top: -16px;
	padding-bottom: 0;
}

.intertraffic #content .breadcrumb .breadcrumb-item:not(:first-child):before {
	content: var(--bs-breadcrumb-divider,"/") !important;
}

.intertraffic #content .back-button {
	margin-top: 8px;
	margin-bottom: -10px;
}

.intertraffic #content .intertraffic-spacer-24 {
	margin: 0;
	margin-top: -16px;
	padding: 0;
	height: 24px;
	max-height: 24px;
}

.intertraffic #content .py-3.py-lg-3.item_swift_4columns {
	padding-top: 1rem !important;
}


/* Intertraffic teaser boxes w button */

.intertraffic #content .container-xl .container-xl .h2 {
	line-height: 1.08em;
}

.intertraffic #content .container-xl .container-xl .fs-5.lead {
	max-width: 720px;
	margin-top: 2px;
}

.intertraffic #content .container-xl .container-xl .h2 span,
.intertraffic #content .container-xl .container-xl .fs-5.lead span {
	background-color: transparent;
	text-shadow: 0 0 25px #000;
}

.intertraffic #content .container-xl .container-xl {
	row-gap: 0 !important;
	padding: 1.6em 2em 2em !important;
}

.intertraffic #content .container-xl .container-xl .d-flex.flex-wrap.gap-3.justify-content-center { /* space between button and heading/subheading */
	margin-top: auto; 
}

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

	.intertraffic #content .container-xl .container-xl {
		padding: 0.8em 1em 1.5em !important;
	}

	.intertraffic #content .container-xl .container-xl .fs-5.lead span {
		font-size: 1rem !important;
		padding: 0 !important;
	}

}

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

	.intertraffic #content .container-xl .m-0.ratio:not(.item_swift_image) { /* make all teaser boxes 4:3 ratio on mobile */ 
		--bs-aspect-ratio: 75% !important;
	}

	.intertraffic #content .container-xl .container-xl .fs-5.lead span {
		font-size: 14px !important;
		font-weight: 500 !important;
	}

	.intertraffic #content .container-xl .grid-lg-2 { /* correct v-space between rows on tablet/mobile (stacked) */
		margin-top: 16px;
	}

	.intertraffic #content .intertraffic-spacer-24 {
		margin-top: -24px;
		height: 0;
		max-height: 0;
	}

}

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

	.intertraffic #content .container-xl .container-xl .h2 span {
		padding-left: 0;
		padding-right: 0;
	}

}


/* Intertraffic brochure-/video list & overlay */

.intertraffic #content .intertraffic-list-item .p-3 {
	padding-bottom: 1.5rem !important;
}

.intertraffic #content .intertraffic-list-item .intertraffic-list-item-btn-wrapper {
	justify-content: space-between;
}

.intertraffic #content .intertraffic-list-item .add-to-wishlist {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.intertraffic #content .intertraffic-list-item .add-to-wishlist-checkbox {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	width: 24px;
	background-color: #fff;
	border: 1px solid #ccc;
}

.intertraffic #content .intertraffic-list-item .add-to-wishlist-checkbox.checked:after {
	display: block;
	width: 10px;
	height: 10px;
	background-color: var(--gm-orange);
	content: "";
}

.intertraffic #content .intertraffic-list-item .add-to-wishlist-label {
	padding: 2px 1rem 2px 10px;
	color: var(--gm-grey);
}

.intertraffic #content .intertraffic-list-item-guidetext {
	color: var(--gm-grey);
	font-size: 10.8px;
	line-height: 16px;
	max-width: 300px;
}

.intertraffic #content .intertraffic-list-item-guidetext a {
	text-decoration: underline !important;
}

.intertraffic #content .intertraffic-list-thumb {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	background-position: center !important;
	background-size: cover !important;
	height: 100%;
	min-height: 240px;
}

.intertraffic #content .intertraffic-list-thumb:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: inherit;
	background-size: cover;
	transform-origin: center;
	transition: transform .25s ease-in-out;
}

.intertraffic #content .intertraffic-list-thumb:hover:after {
	transform: scale(1.03);
}

.intertraffic #intertraffic-overlay {
	position: fixed;
	z-index: 2001;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,0.85);
}

.intertraffic #intertraffic-overlay:after {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,0.9);
	border-radius: 50%;
	font-size: 36px;
	cursor: pointer;
	z-index: 1;
	content: '\000D7';
}

.intertraffic #intertraffic-overlay #intertraffic-video {
	width: 100%;
	max-width: 1280px;
	background: #fff;
}

.intertraffic #intertraffic-overlay #intertraffic-pdf {
	width: 100%;
	height: 90vh;
	max-width: 1280px;
}

.intertraffic #intertraffic-overlay #intertraffic-overlay-image {
	width: 100%;
	height: 100%;
	max-height: 90vh;
	max-width: 1280px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

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

	.intertraffic #content .intertraffic-list-thumb {
		height: 45%;
	}
	
	.intertraffic #content .intertraffic-list-item .p-3 {
		padding-top: .5rem !important;
		padding-bottom: 2rem !important;
	}
		
}

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

	.intertraffic #content .intertraffic-list-thumb {
		min-height: 350px;
	}
		
}

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

	.intertraffic #content .intertraffic-list-thumb {
		min-height: 220px;
	}
		
}


/* Intertraffic forms */

.intertraffic-form-page #content .geveko-black-text-orange--title-bt-white-bg {
	background-color: #f6f6f6;
	margin-top: 16px;
	height: auto !important;
	min-width: 640px;
}

.intertraffic-form-page #content .geveko-black-text-orange--title-bt-white-bg > div {
	padding-bottom: 32px;
}

.intertraffic-form-page #content .formtable {
	width: 100%;
	table-layout: fixed;
}

.intertraffic-form-page #content .formtable h3 {
	margin-bottom: 3px;
}

.intertraffic-form-page #content .formtable .firstColumn,
.intertraffic-form-page #content .formtable .secondColumn {
	width: 100%;
}

.intertraffic-form-page #content .formtable .columnCell {
	width: 50%;
}

.intertraffic-form-page #content .formtable .columnCell:nth-child(1) {
	padding-right: 13px;
}

.intertraffic-form-page #content .formtable .columnCell:nth-child(2) {
	padding-left: 13px;
}

.intertraffic-form-page #content .formtable .columnCell .secondColumn {
	margin-top: 45px;
}

.intertraffic-form-page #content .formtable .intertraffic-form-input-text {
	appearance: none;
	outline: none;
	width: 100%;
	min-width: 190px;
	height: 34px;
	border: 1px solid #ccc;
	border-radius: 0;
	padding-left: 8px;
	margin-top: -3px;
	margin-bottom: 2px;
	color: #000;
}

.intertraffic-form-page #content .formtable .intertraffic-form-input-select {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1043" height="32" viewBox="0 0 1043 32"><g transform="translate(635 -491)"><rect width="1043" height="32" transform="translate(-635 491)" fill="%23fff"/><path d="M2609.927,731.265l-5.106-5.106a.5.5,0,0,1,.707-.707l4.4,4.4,4.4-4.4a.5.5,0,1,1,.707.707Z" transform="translate(-2219 -221)" fill="%234c4c4c"/></g></svg>');
	background-repeat: no-repeat;
	background-position: right center;
	color: #000;
}

.intertraffic-form-page #content .formtable .intertraffic-form-input-textarea {
	height: 108px;
	margin-bottom: -2px;
	resize: none;
}

.intertraffic-form-page #content .formtable .intertraffic-form-input-file {
	height: 68px;
	margin-top: 2px;
	margin-bottom: 21px;
	padding-bottom: 35px;
	border-bottom: 1px solid #ccc;
	outline: none;
	font-size: 14px;
}

.intertraffic-form-page #content .formtable .descriptionCell {
	opacity: 1;
}

.intertraffic-form-page #content .formtable .descriptionCell small {
	font-size: 14px;
	line-height: 21px;
	font-style: italic;
}

.intertraffic-form-page #content .formtable .descriptionCell small .intertraffic-form-divider {
	padding-top: 23px;
	margin-bottom: 24px;
	border-bottom: 1px solid #ccc;
}

.intertraffic-form-page #content .formtable #Send {
	margin-top: 33px;
	float: right;
}

/* checkboxes */

.intertraffic-form-page #content .formtable .intertraffic-form-input-checkbox,
.intertraffic-form-page #content .formtable .intertraffic-form-input-checkbox-list {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 24px;
	width: 25px;
	margin-top: 3px;
}

.intertraffic-form-page #content .formtable .checkmark {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	width: 24px;
	margin-top: 3px;
	background-color: #fff;
	border: 1px solid #ccc;
	pointer-events: none;
}

.intertraffic-form-page #content .formtable .intertraffic-form-input-checkbox:checked + .checkmark:after {
	display: block;
	width: 10px;
	height: 10px;
	background-color: var(--gm-orange);
	content: "";
}

.intertraffic-form-page #content .formtable label {
	line-height: 21px;
}

.intertraffic-form-page #content .formtable .intertraffic-checkbox-label {
	display: block;
	padding-left: 34px;
	margin-top: -28px;
	cursor: pointer;
}
/*
@media screen and (max-width: 1599px) {

	.intertraffic-form-page #content .geveko-black-text-orange--title-bt-white-bg > div {
		padding: 2rem !important;
	}

}
*/
@media screen and (max-width: 629px) { /* mobile - form stacks */

	.intertraffic-form-page #content .geveko-black-text-orange--title-bt-white-bg {
		min-width: auto;
	}

	.intertraffic-form-page #content .formtable .firstColumn {
		margin-right: 0;
		width: 100%;
	}

	.intertraffic-form-page #content .formtable .columnCell .secondColumn {
		margin-top: 15px;
	}

	.intertraffic-form-page #content .formtable .columnCell {
		display: block;
		width: 100%;
	}

	.intertraffic-form-page #content .formtable .columnCell:nth-child(1) {
		padding-right: 0;
	}

	.intertraffic-form-page #content .formtable .columnCell:nth-child(2) {
		padding-left: 0;
	}

}


/* intertraffic contact form specific */

.intertraffic-form-page #content .intertraffic-contact-form {
	padding-left: 1rem;
}

.intertraffic-form-page #content .intertraffic-contact-form .formtable .thirdColumn,
.intertraffic-form-page #content .intertraffic-contact-form .formtable .fourthColumn {
	width: 100%
}

.intertraffic-form-page #content .intertraffic-contact-form .formtable .thirdColumn .labelCell,
.intertraffic-form-page #content .intertraffic-contact-form .formtable .fourthColumn .labelCell {
	width: 100%
}

.intertraffic-form-page #content .intertraffic-contact-form .formtable .thirdColumn .checkmark,
.intertraffic-form-page #content .intertraffic-contact-form .formtable .fourthColumn .checkmark {
	margin-top: -3px;
	margin-bottom: 6px;
}

.intertraffic-form-page #content .intertraffic-contact-form .formtable .intertraffic-form-input-checkbox-list:checked + .checkmark:after {
	display: block;
	width: 10px;
	height: 10px;
	background-color: var(--gm-orange);
	content: "";
}

.intertraffic-form-page #content .intertraffic-contact-form .formtable .columnCell:nth-child(3) {
	padding-left: 4rem;
}

.intertraffic-form-page #content .intertraffic-contact-form .formtable .secondColumn tr:nth-child(4) td {
	padding-top: 25px;
}

.intertraffic-form-page #content .intertraffic-contact-form .formtable .secondColumn tr:nth-child(13) td {
	padding-top: 25px;
}

.intertraffic-form-page #content .intertraffic-contact-form .formtable .thirdColumn td {
	padding-left: 4rem;
}

.intertraffic-form-page #content .intertraffic-contact-form .formtable .fourthColumn td {
	padding-left: 32px;
}

.intertraffic-form-page #content .intertraffic-contact-form .formtable .thirdColumn tr:nth-child(4) td {
	border-left: 1px solid #ccc;
}

.intertraffic-form-page #content .intertraffic-contact-form .formtable .thirdColumn tr:nth-child(4) td,
.intertraffic-form-page #content .intertraffic-contact-form .formtable .fourthColumn tr:nth-child(2) td {
	padding-top: 27px;
}

.intertraffic-form-page #content .intertraffic-contact-form .formtable .thirdColumn tr:nth-child(4) td br:last-of-type,
.intertraffic-form-page #content .intertraffic-contact-form .formtable .fourthColumn tr:nth-child(2) td td br:last-of-type {
	display: none;
}

.intertraffic-form-page #content .intertraffic-contact-form .formtable .thirdColumn tr:nth-child(3) label,
.intertraffic-form-page #content .intertraffic-contact-form .formtable .fourthColumn tr:nth-child(1) label {
	display: block;
	width: 85%;
	margin-bottom: 0;
	padding: 2px 0 4px;
	border-bottom: 1px solid #ccc;
}

.intertraffic-form-page #content .intertraffic-contact-form .formtable .fourthColumn tr:nth-child(1) label {
	padding-top: 47px;
}

.intertraffic-form-page #content .intertraffic-contact-form .formtable #Send {
	margin-top: 12px;
	margin-right: 1em;
}

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

	.intertraffic-form-page #content .intertraffic-contact-form .formtable .columnCell:nth-child(3) {
		padding-left: 3rem;
	}

	.intertraffic-form-page #content .intertraffic-contact-form .formtable .thirdColumn td {
		padding-left: 3rem;
	}

}

@media screen and (max-width: 1399px) { /* stack form and checkbox-list */

	.intertraffic-form-page #content .geveko-black-text-orange--title-bt-white-bg > div:has(.intertraffic-contact-form) {
		padding-left: 3rem !important;
		padding-right: 3rem !important;
	}

	.intertraffic-form-page #content .intertraffic-contact-form {
		padding-left: 0;
	}

	.intertraffic-form-page #content .intertraffic-contact-form .formtable tr:nth-child(1) {
		display: flex;
		flex-wrap: wrap;
	}

	.intertraffic-form-page #content .intertraffic-contact-form .formtable .columnCell:nth-child(3) {
		padding-left: 0;
	}

	.intertraffic-form-page #content .intertraffic-contact-form .formtable .columnCell:nth-child(3),
	.intertraffic-form-page #content .intertraffic-contact-form .formtable .columnCell:nth-child(4) {
		margin-top: 1.5rem;
	}

	.intertraffic-form-page #content .intertraffic-contact-form .formtable .thirdColumn td {
		padding-left: 6px;
	}

	.intertraffic-form-page #content .intertraffic-contact-form .formtable .thirdColumn tr:nth-child(4) td {
		border-left: none;
	}

	.intertraffic-form-page #content .intertraffic-contact-form .formtable .fourthColumn td {
		padding-left: 13px;
	}

	.intertraffic-form-page #content .intertraffic-contact-form .formtable #Send {
		margin-right: 0;
	}

}

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

	.intertraffic-form-page #content .geveko-black-text-orange--title-bt-white-bg > div:has(.intertraffic-contact-form) {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}

}

@media screen and (max-width: 629px) { /* mobile - form stacks */

	.intertraffic-form-page #content .intertraffic-contact-form .formtable .fourthColumn tr:nth-child(1) label {
		margin-top: -12px;
		padding-top: 0;
	}

	.intertraffic-form-page #content .intertraffic-contact-form .formtable .thirdColumn td {
		padding-left: 3px;
	}

	.intertraffic-form-page #content .intertraffic-contact-form .formtable .fourthColumn td {
		padding-left: 0;
	}

}