/*
Theme Name:     MBS Logistics
Theme URI:      https://www.mbslogistics.com/
Template:       kadence
Author:         MBS Logistics
Author URI:     https://www.mbslogistics.com/
Description:    This theme is created by the Ancora360 for MBS Logistics website
Version:        1.2
Text Domain: 	mbs
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

:root {

	--global-palette-btn: #fff;
	--global-palette-btn-bg: #3622b7;
  	--global-palette-btn-bg-hover: #3622b7;
  	--global-palette-btn-hover: #e61b56;

}

/* exo-2-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/exo-2-v24-latin-regular.woff2') format('woff2'),
       url('fonts/exo-2-v24-latin-regular.ttf') format('truetype');
}

/* exo-2-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/exo-2-v24-latin-500.woff2') format('woff2'),
       url('fonts/exo-2-v24-latin-500.ttf') format('truetype');
}

/* exo-2-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/exo-2-v24-latin-600.woff2') format('woff2'),
       url('fonts/exo-2-v24-latin-600.ttf') format('truetype');
}

/* exo-2-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/exo-2-v24-latin-700.woff2') format('woff2'),
       url('fonts/exo-2-v24-latin-700.ttf') format('truetype');
}

/* exo-2-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/exo-2-v24-latin-800.woff2') format('woff2'),
       url('fonts/exo-2-v24-latin-800.ttf') format('truetype');
}

.content-area						{ background-color: #fff; }
.site								{ background-color: #fff; }

/* Template - Blank Page */
.mbs-main							{ padding: 0 0 80px 0; }
.mbs-main h1						{ font-size: 54px !important; }
.mbs-main h2						{ font-size: 38px !important; }
.mbs-main h3						{ line-height: 2.5em !important; }

@media (max-width: 575.98px) {

	.mbs-main h1					{ font-size: 32px !important; }
	.mbs-main h2					{ font-size: 24px !important; }
	.mbs-main h3					{ font-size: 20px !important; line-height: 2.5em !important; }

}

/* Google Maps */
.acf-map							{ max-width: 100%; height: 600px; border: #eaeaea solid 1px; margin: 40px 0; }
.acf-map img						{ max-width: inherit !important; }
.acf-map button						{ min-width: 10px; }
.acf-map button.gm-ui-hover-effect	{ width: 24px !important; height: 24px !important; font-weight: 400 !important; }
.acf-map button	span 				{ margin: 0 10px 10px 10px !important; }
.acf-map .gm-style-mtc button 		{ border-radius: 0 !important; font-weight: 400 !important; }
.gm-style .gm-style-iw-d  			{ overflow: hidden !important; }

/* Google Maps - Popup */
.mbs-maps			{ height: 400px; max-width: 100%; border: #eaeaea solid 1px; margin: 20px 0; }
.mbs-maps button	{ min-width: 10px; }
.mbs-popup button	{ min-width: 40px; }


/* 	####################
	## Modal- Popoups ##
	#################### */

/* Popup in Vordergrund */
.mbs-location .modal 							{ z-index: 99999; --bs-modal-border-radius: 0; }

/* Popup - Schriftgr??e korrigieren */
.mbs-location .modal-content p					{ font-size: 15px; }
.mbs-location .modal-content strong				{ font-size: 15px; }

.modal-backdrop 								{ opacity: 0.8 !important; }

/* Pfeil im Button */
.mbs-location .modal-mbs .modal-body 			{ padding: 30px; }

.mbs-location .modal-body .modal-title 			{ font-weight: 600; font-size: 24px; margin-bottom: 0; }

.mbs-location .modal-button .btn 				{ font-family: 'Exo 2', sans-serif; border: 2px #e61b56 solid; background-color: #fff; color: #e61b56; margin: 0 !important; padding: 10px 20px; font-size: 14px; font-weight: 600; width: 100%; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; }
.mbs-location .modal-button .btn-primary:focus	{ background-color: #fff !important; color: #e61b56; box-shadow: none !important; }
.mbs-location .modal-button .btn-primary:active	{ background-color: #fff !important; color: #e61b56; box-shadow: none !important; }
.mbs-location .modal-button .btn-primary:hover	{ background-color: #e61b56; color: #fff; }

.mbs-location .modal-mbs .btn 					{ font-family: 'Exo 2', sans-serif; border: 0px; background-color: #e61b56; color: #fff; margin: 10px 0 10px 0 !important; padding: 0; font-weight: 900; letter-spacing: 0; text-transform: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; }
.mbs-location .modal-mbs .btn-primary:focus		{ background-color: #1d1d1b !important; color: #fff; box-shadow: none !important; }
.mbs-location .modal-mbs .btn-primary:hover		{ background-color: #1d1d1b; color: #fff; }

.mbs-location .modal-mbs .mbs-btn .btn			{ position: absolute; top:0; right:0; margin: 0 !important; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); }
.mbs-location .modal-mbs .btn i 				{ font-size: 32px; }


/* 	###################
	## Track & Trace ##
	################### */

.mbs-track-trace 									{ padding-bottom: 80px; }

.mbs-track-trace .track-input .btn 					{ font-weight: 600; font-size: 18px; padding: 5px 30px 5px 30px; color: var(--global-palette-btn); background: var(--global-palette-btn-bg); min-width: 188px; min-height: 50px; line-height: 40px; outline: 0; border: 0; border-radius: 10px; }
.mbs-track-trace .track-input .btn-primary:active	{ box-shadow: none !important; text-decoration: none; outline: 0; }
.mbs-track-trace .track-input .btn-primary:focus	{ box-shadow: none !important; text-decoration: none; outline: 0; }
.mbs-track-trace .track-input .btn-primary:hover	{ color: var(--global-palette-btn-hover); background: var(--global-palette-btn-bg-hover); outline: 0; }

.mbs-track-trace a.btn 								{ font-weight: 600; font-size: 18px; padding: 5px 30px 5px 30px; color: var(--global-palette-btn); background: var(--global-palette-btn-bg); min-width: 188px; min-height: 50px; line-height: 40px; outline: 0; border: 0; border-radius: 10px; }
.mbs-track-trace a.btn-info:active					{ box-shadow: none !important; text-decoration: none; outline: 0; }
.mbs-track-trace a.btn-info:focus					{ box-shadow: none !important; text-decoration: none; outline: 0; }
.mbs-track-trace a.btn-info:hover					{ color: var(--global-palette-btn-hover); background: var(--global-palette-btn-bg-hover); outline: 0; }

/* 	#####################
	## Kontaktformular ##
	##################### */

.wpcf7-list-item-label 			{ padding-left: 4px !important; }

.wpcf7-list-item-label a 		{ color: #e61b56; }
.wpcf7-list-item-label a:hover 	{ color: #3622b7; }

/* News-Single - 03.12.2024 */
@media (max-width: 1199.98px) {

	.post-title h1.entry-title { font-size: 25px !important; line-height: 1.4 !important; }

}

/* MacBook 13 Zoll */
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1200px) and (max-width: 1600px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1200px) and (max-width: 1600px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1200px) and (max-width: 1600px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1200px) and (max-width: 1600px),
only screen and (                min-resolution: 192dpi) and (min-width: 1200px) and (max-width: 1600px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1200px) and (max-width: 1600px) {

	.post-title h1.entry-title 			{ font-size: 28px !important; line-height: 1.4 !important; }
	#latest-news .case-study-info h3 	{ font-size: 20px !important; }
	#archive-container h2.entry-title a	{ font-size: 20px !important; }

}

/* 10.12.2024 */ 
#historyRange { padding-left: 5px !important; }
.newcomer-btn-wrap a.btn.btn.btn-primary { box-shadow: none; }

/* 19.05.2025 */
.single h2 { font-size: 32px !important; }

@media (max-width: 575.98px) {
	.single .case-study-title h1 	{ font-size: 38px !important; letter-spacing: -1.16px !important; }
	.single h2 						{ font-size: 26px !important; }
}