@charset "utf-8";

/*
Author:		Rico Floß, floss@51nullacht.de
Author URI: http://www.51nullacht.de/
Date:		2015-10
Client:		MotoMonster
Project:	motomonster.de Commerce
*/


.na5108commerce .col_1 { margin: 0; width: 100%;}

.na5108commerce .na5108commerce-product-headline { border-bottom: 1px solid #b2b2b2; }
.na5108commerce .na5108commerce-product-headline a { color: #6c7588; }

.na5108commerce .na5108commerce-attachment-list .na5108commerce-attachment-item:before {
	content: " " !important;
	width: 20px; height: 20px;
}
.na5108commerce .na5108commerce-attachment-list .na5108commerce-attachment-item.na5108commerce-attachment-format-pdf:before {
	background: transparent url(https://www.motomonster.de/files/2013/10/file-pdf.png) center no-repeat;
}

.na5108commerce-product-price-container .na5108commerce-product-price {
	display: block; clear: both; width: 120px; height: 64px; padding-top: 1.25em;
	color: #6C7588; font-family: "Fjalla One"; font-size: 1.25rem !important; text-align: center; line-height: 100% !important;
	background: transparent url(images/booking-over_bg.png) center no-repeat;
}

.na5108moto-booking-link {
	display: block; width: 120px; height: 65px; padding: 23px 0 0 4px;
	font-size: 121.42%; font-family: 'Open Sans'; font-style: italic; color: #000; text-transform: uppercase;
	background: transparent url(images/booking_bg.png) center no-repeat;
}
.na5108moto-booking-link.soon { font-size: 100%; }
span.na5108moto-booking-link.soon { background-image: url(images/buchen-grau-outline.png); /* color: #000; padding: 1rem; height: auto; width: auto; */ }
.button, .na5108commerce-button {
	display: inline-block;
	background-color: #FBC500; color: #000 !important; padding: 0.25rem 0.5rem; font-size: 1rem !important;
	text-indent: 0;
}
.button-print,
.button-logout {
	padding: 0.5em 1em;
	margin-top: 1em;
	
	color: #000;
	border: none;
	font-size: 114%;
	font-weight: 400;
	font-style: italic;
	text-transform: uppercase;
	background-size: cover;
	background-color: #FBC500;
}
.button-confirmed { background-color: #39B54A; }
.button-booked { background-color: #29ABE2; }
.button-soon { background-color: #ccc; }
.button-canceled { background-color: #ED1C24; }
/* .button-logout { background-color: indianred; color: #fff !important; } */
.na5108moto-booking-link:hover { text-decoration: none; }
.na5108commerce-button-buynow { color: #000; font-size: 114%; font-style: italic; text-transform: uppercase; background-color: #FBC500 !important; }

.na5108commerce .na5108commerce-product-combination-item input.radio { width: 10%; float: left; margin-top: 1.5rem; }
.na5108commerce .na5108commerce-product-combination-trigger { width: 20%; }
.na5108commerce .na5108commerce-product-combination-description { width: 60%; }

.na5108moto-servicelist-container { width: 18% !important; }
.na5108moto-servicelist-list { margin: 0 !important; list-style: none; }
.na5108moto-servicelist-list li {
	display: block; float: left; width: 50px; height: 50px; margin: 0 0.3em 0.3em 0;
	cursor: pointer;
}
/* .na5108moto-servicelist-list li.verpflegung { background-position: 0 -300px; }
.na5108moto-servicelist-list li.fahrwerksservice  { background-position: 0 -300px; }
.na5108moto-servicelist-list li.fotoservice  { background-position: 0 -300px; }
.na5108moto-servicelist-list li.mechaniker  { background-position: 0 -300px; }
.na5108moto-servicelist-list li.reifenservice  { background-position: 0 -300px; }
.na5108moto-servicelist-list li.rtw   { background-position: 0 -300px; }
.na5108moto-servicelist-list li.vollverpflegung   { background-position: 0 -300px; }
.na5108moto-servicelist-list li.zeitnahme   { background-position: 0 -300px; } */

.na5108commerce-account-container h2 { font-weight: 700; margin: 1rem 0 0 0; }

.na5108commerce-account-container .styled-table-container,
.na5108commerce-address-list-container,
.na5108commerce-payment-container,
.na5108commerce-location-media,
.na5108commerce-summary,
.na5108commerce-extra-field-container,
.na5108commerce-voucher-container,
.na5108commerce-cart-summary-payment-info,
.na5108commerce-product-detail-description,
.na5108commerce-product-order-customation-container {
	padding: 1em 1em 0.5em 1em;
	background: #F8F8F8; border: 1px solid #b2b2b2;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	-moz-box-shadow: 1px 1px 3px #888; -webkit-box-shadow: 1px 1px 3px #888; box-shadow: 1px 1px 3px #888;
}

.na5108commerce-account-container form fieldset { margin-top: 0; }

.na5108commerce-account-container .na5108commerce-extra-field-container label { width: 150px; float: left; }
.na5108commerce-account-container .na5108commerce-extra-field-container input.wunschstartnummer,
.na5108commerce-account-container .na5108commerce-extra-field-container input.motorrad { font-family: 'Fjalla One'; font-size: 130%; color: #6c7588; width: 50%; }
/* .na5108commerce-account-container .na5108commerce-extra-field-container select { width: 65%; float: right; } */

.na5108commerce-account-container .styled-table-container table { margin: 0; }
.na5108commerce .styled-table-container table.striped tbody tr.alt td { background-color: #F1F1F1; }
.na5108commerce-account-container .styled-table-container table.striped thead th { background-color: transparent; }

.na5108commerce table.tight { margin: 0; }
.na5108commerce table.tight tr td { padding: 0 0.25em 0 0; border: none; }
.na5108commerce table table tr td { font-size: 1em; }

.na5108commerce-account-sidebar { margin: 0 0 1rem 0.75rem; }
.na5108commerce-account-sidebar .subnavi li { width: 25%; }
.na5108commerce-account-sidebar .subnavi li.current-cat a { color: #fbc500; }
.na5108commerce-account-sidebar .subnavi li a { background-position: center 1em; }
.na5108commerce-account-sidebar .subnavi li.moto_monster_tours a, .na5108commerce-account-sidebar .subnavi li.moto_monster_group_tours a { background-image: url(na5108commerce/images/Events.png); }
.na5108commerce-account-sidebar .subnavi li.orders a { background-image: url(na5108commerce/images/Buchungen.png); }
.na5108commerce-account-sidebar .subnavi li.moto_monster_team_tours a { background-image: url(na5108commerce/images/TeamEvents.png); }
.na5108commerce-account-sidebar .subnavi li.moto_monster_racing_times a { background-image: url(../../../files/2013/10/symbol_Rundenzeiten.png); }

.na5108commerce-account-sidebar .subnavi li.account_data a { background-image: url(na5108commerce/images/Konto.png); }
/* .na5108commerce-account-sidebar .button-logout { margin-right: 1rem; } */

.na5108commerce td .button { color: #fff; }

/* .na5108commerce_ac.type-na5108commerce_ac > h1 { display: none; } */
.na5108commerce-location-list-container.subnavi ul { list-style: none !important; margin-left: 0 !important; }
.na5108commerce-location-list-container.subnavi li a { background-size: 180px; }

.na5108commerce  .na5108commerce-product-detail h4 { font-family: 'Fjalla One'; text-transform: uppercase; font-size: 163.25%; }

.na5108commerce figcaption, .na5108commerce .wp-caption-text { font-size: 100%; line-height: 130%; }

.na5108commerce .sameHeight .styled.col_3 { width: 31%; margin-right: 0; margin-left: 3.5%; }
.na5108commerce .sameHeight .styled.col_3.alpha { margin-left: 0; }

@media (max-width: 944px) {
	.na5108commerce-account-sidebar .subnavi li { 	height: auto !important; }
	.na5108commerce-account-sidebar .subnavi li a { background-image: none !important; }
	
	.na5108commerce { width: 96%; margin-left: 2%; margin-right: 2%; }
}
@media (max-width: 760px) {
	.na5108moto-servicelist-container,
	.na5108commerce .booking-status { float: left !important; clear: none !important; width: 180px !important; }
}
@media (max-width: 640px) {
	.na5108commerce-account-sidebar .subnavi li { 	width: 100%; margin-bottom: 0.5rem; }
}
@media (max-width: 480px) {
	.na5108commerce-custom-fields-item label { display: block !important; clear: both !important; width: 100% !important; margin: 0 0 0.25rem 0 !important; }
}

/* jquery ui */
.ui-dialog { z-index: 100; }

/** bootstrap & racing times */
*, ::after, ::before {
	box-sizing: border-box;
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

@media (min-width: 768px) {
	.col-md-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}
.event-card {
	margin-bottom: 15px;
}
.teaser-image-container {
	min-height: 220px;
	display: inline-block;
	width: 100%;
	height: auto;
}
.image-preview {
	background-size: cover !important;
	height: 175px;
}
#customer-event-detail h2 {
	margin: 0 0 0.25em 0 !important;
}
/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1024; /* Sit on top */
	padding-top: 50px; /* Location of the box */
	padding-bottom: 50px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	width: 60%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

/* The Close Button */
.close {
	color: #50575e;
	float: right;
	font-size: 28px;
	font-weight: bold;
	margin-top: 8px;
}

.close:hover,
.close:focus {
	color: #50575e;
	text-decoration: none;
	cursor: pointer;
}

.modal-header {
	padding: 10px 16px;
	background-color: #fefefe;
	color: #50575e;
	border-bottom: 1px solid #50575e
}

.modal-body {padding: 2px 16px;}

.modal-footer {
	padding: 8px 16px;
	background-color: #fefefe;
	color: #50575e;
	border-top: 1px solid #50575e;
	text-align: right;
}