/*
 Theme Name:	PEC DNA Theme
 Theme URI:		https://understrap.com
 Description:	PEC Konfigurator
 Author:		Stephan Riedl <stephan.riedl@outlook.com>
 Author URI:    https://motioncode.dev/
 Template:		understrap
 Version:		1.2.5
 License:		GNU General Public License v2 or later
 License URI:	http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:	dna-child
 Tags:			one-column, custom-menu, featured-images, theme-options, translation-ready
*/

/* ==================== DRIVER.JS PEC OVERRIDES ==================== */

/*
 * Popover Container
 */
.driver-popover {
	background-color:#ffffff !important;
	color:#131313 !important;
	border-radius:8px !important;
	padding:20px 22px !important;
	min-width:280px !important;
	max-width:340px !important;
	box-shadow:0 20px 60px -15px rgba(0, 0, 0, 0.15),
				0 0 0 1px rgba(0, 0, 0, 0.06) !important;
	border:1px solid rgba(0, 0, 0, 0.08) !important;
}

/*
 * Fonts
 */
.driver-popover * {
	font-family:'NHD Pro', 'Inter', ui-sans-serif, sans-serif !important;
}
.driver-popover-description {
	font-family:'SF Pro Display', 'Inter', ui-sans-serif, sans-serif !important;
	font-size:13px !important;
	line-height:1.6 !important;
	color:#333333 !important;
	line-height:1.5 !important;
}

/*
 * Title
 */
.driver-popover-title {
	font-size:17px !important;
	font-weight:600 !important;
	color:#131313 !important;
	line-height:1.4 !important;
	letter-spacing:-0.3px;
}

/*
 * Close Button
 */
.driver-popover-close-btn {
	color:#bbbbba !important;
	font-size:20px !important;
	width:28px !important;
	height:28px !important;
	top:10px !important;
	right:10px !important;
}
.driver-popover-close-btn:hover,
.driver-popover-close-btn:focus {
	color:#f28a48 !important;
}

/*
 * Footer / Progress
 */
.driver-popover-footer {
	margin-top:18px !important;
}
.driver-popover-progress-text {
	font-size:11px !important;
	color:#908f8f !important;
	font-family:'SF Pro Display', 'Inter', sans-serif !important;
}

/*
 * Buttons:General — kill the text-shadow
 */
.driver-popover-footer button {
	border-radius:5px !important;
	padding:7px 14px 6px 14px !important;
	font-size:12px !important;
	font-weight:600 !important;
	border:none !important;
	text-shadow:none !important;
	transition:all 0.2s ease !important;
}

/*
 * Button:Zurück (Prev)
 */
.driver-popover-prev-btn {
	background-color:#ffffff !important;
	color:#131313 !important;
	border:1px solid #cdcdcd !important;
}
.driver-popover-prev-btn:hover,
.driver-popover-prev-btn:focus {
	background-color:#f6f2f0 !important;
	color:#131313 !important;
}

/*
 * Button:Weiter / Fertig (Next / Done)
 */
.driver-popover-next-btn {
	background:linear-gradient(35deg, #e94f40 0%, #f28a48 100%) !important;
	color:#ffffff !important;
}
.driver-popover-next-btn:hover,
.driver-popover-next-btn:focus {
	background:linear-gradient(35deg, #d4443a 0%, #e07a3c 100%) !important;
}

/*
 * Arrow
 */
.driver-popover-arrow-side-left {
	border-left-color:#ffffff !important;
}
.driver-popover-arrow-side-right {
	border-right-color:#ffffff !important;
}
.driver-popover-arrow-side-top {
	border-top-color:#ffffff !important;
}
.driver-popover-arrow-side-bottom {
	border-bottom-color:#ffffff !important;
}

/*
 * Intro Popover (center, kein Element)
 */
.tour-intro {
	max-width:720px !important;
	width:calc(100vw - 32px) !important;
	text-align:center !important;
}
.tour-intro .driver-popover-title {
	font-size:28px !important;
}
.tour-intro .driver-popover-description p {
	font-size:15px !important;
	line-height:1.6 !important;
	color:#444444 !important;
	margin:0 !important;
}
.tour-intro video {
	display:block;
	border-radius:8px;
}
@media (max-width: 768px) {
	.tour-intro .driver-popover-title {
		font-size:22px !important;
	}
	.tour-intro .driver-popover-description p {
		font-size: 13px !important;
	}
}

/* ==================== DRIVER.JS DARK MODE ==================== */

/*
 * Popover Container
 */
.dark .driver-popover {
	background-color: #131313 !important;
	color: #d4d4d3 !important;
	box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.9),
	            0 0 25px rgba(255, 255, 255, 0.5) !important;
}

/*
 * Text
 */
.dark .driver-popover-title {
	color:#e2e2e1 !important;
}
.dark .driver-popover-description {
	color:#908f8f !important;
}
.dark .tour-intro .driver-popover-description p {
	color:#908f8f !important;
}

/*
 * Close Button
 */
.dark .driver-popover-close-btn {
	color:#6a6969 !important;
}
.dark .driver-popover-close-btn:hover,
.dark .driver-popover-close-btn:focus {
	color:#f28a48 !important;
}

/*
 * Progress
 */
.dark .driver-popover-progress-text {
	color:#6a6969 !important;
}

/*
 * Button:Zurück (Prev)
 */
.dark .driver-popover-prev-btn {
	background-color:#232323 !important;
	color:#bbbbba !important;
	border:1px solid #3f4040 !important;
}
.dark .driver-popover-prev-btn:hover,
.dark .driver-popover-prev-btn:focus {
	background-color:#3f4040 !important;
	color:#e2e2e1 !important;
}

/*
 * Arrow
 */
.dark .driver-popover-arrow-side-left {
	border-left-color:#131313 !important;
}
.dark .driver-popover-arrow-side-right {
	border-right-color:#131313 !important;
}
.dark .driver-popover-arrow-side-top {
	border-top-color:#131313 !important;
}
.dark .driver-popover-arrow-side-bottom {
	border-bottom-color:#131313 !important;
}