﻿/*<meta />*/

/* MadCap-Branding applanguage:Templates/Projects/Online & Print/Top Navigation and PDF/ */

@import url('../../topics/external/res/scriptingstyles.css');

@font-face 
{
	font-family: 'Inter';
	src: url(../Stylesheets/fonts/inter-regular.ttf) format('truetype');
}

@font-face 
{
	font-family: 'Inter-SemiBold';
	src: url(../Stylesheets/fonts/inter-semibold.ttf) format('truetype');
}

@font-face 
{
	font-family: 'Inter-Medium';
	src: url(../Stylesheets/fonts/inter-medium.ttf) format('truetype');
}

@font-face 
{
	font-family: 'Inter-Bold';
	src: url(../Stylesheets/fonts/inter-bold.ttf) format('truetype');
}

@font-face 
{
	font-family: 'Epilogue-Regular';
	src: url(../Stylesheets/fonts/epilogue-regular.ttf) format('truetype');
}

@font-face 
{
	font-family: 'Epilogue-SemiBold';
	src: url(../Stylesheets/fonts/epilogue-semibold.ttf) format('truetype');
}

@font-face 
{
	font-family: 'Epilogue-Medium';
	src: url(../Stylesheets/fonts/epilogue-medium.ttf) format('truetype');
}

:root
{
	--Background: #000000;
	--FontColor: #FFFFFF;
	--ColoredFontColor: #698aFF;
	--MainColor: #1246FF;
	--SecondaryColor: #C254D3;
	--LinesColor: #b0bac6;
	--InfoColor: #393939;
	--Light: #d0d3d5;
	--MenuItems: #7d7d7d;
	--Medium: #45494c;
	--Dark: #252525;
	--FontBody: 'Inter';
	--FontBodyBold: 'Inter-Bold';
	--FontBodySemiBold: 'Inter-SemiBold';
	--FontH1: 'Epilogue-SemiBold';
	--FontH2: 'Epilogue-Medium';
	--FontH3: 'Epilogue-Regular';
	--LogoImagePng: url('vegas-logo-vegas-white.png');
	--LogoImageSvg: url('vegas-logo-vegas-white.svg');
	--LogoImageHeader: url('vegas-pro-logo.svg');
	--KeyvisualImage: url('keyvisual.png');
}

.UseCases
{
	mc-auto-number-format: '{b}USE CASES {/b}';
	border-left: solid 4px #1246FF;
	background-color: #393939;
	padding: 10px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 10px 0;
	position: relative;
	page-break-inside: avoid;
}

.UseCases .autonumber
{
	color: #698aFF;
}

.Box .UseCases
{
	border: 0.5px solid #b0bac6;
}

iframe
{
	width: 100%;
	height: 100vh;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 0.8px solid #252525;
}

@media print
{
	:root
	{
		--Background: #000000;
		--FontColor: #FFFFFF;
		--ColoredFontColor: #1246FF;
		--InfoColor: #f8f9ff;
	}
}

