/*<meta />*/

@import url('variables.css');

@font-face 
{
	font-family: Moderat-Regular;
	src: url("../fonts/Moderat-Regular.woff2"), url('../Fonts/Moderat-Regular.ttf') format('truetype');
}

@font-face 
{
	font-family: Moderat-Bold;
	src: url("../fonts/Moderat-Bold.woff2"), url('../Fonts/Moderat-Bold.ttf') format('truetype');
}

@font-face 
{
	font-family: Myriad-Semibold;
	src: url('../Fonts/Myriad Pro Semibold.ttf') format('truetype');
}

:root
{
	/*========= Colors ==========*/
	/* Bystronic colors */
	--red: #FF1100;
	--aubergine: #3A0C18;
	--sand: #D7CCBF;
	--sand-40-percent: #EFEBE5;
	--brown: #9A876E;
	--light-grey: #EBEBEB;
	/* Blue */
	--blue: #007db9;
	--blue-light: #00bcf1;
	--blue-lighter: #97CAEB;
	--blue-lightest: #cfebfd;
	--blue-dark: #005493;
	--blue-darker: #003a5d;
	--glossary: #9bdeff;
	--highlight: #fae345;
	/* Yellow */
	--yellow: #feb600;
	/* Black */
	--black: #000000;
	--black-lighter: rgba(206, 206, 206, 1);
	/* White */
	--white: #fff;
	/* Red */
	--red-dark: #6b0000;
	--medium-red: #b1181e;
	--red-light: #ffd3d4;
	/* Grey */
	--lighter-grey: #ebebeb;
	--light-grey: #efefef;
	--medium-grey: #a9a9a9;
	--grey: #626262;
	--dark-grey: #4d4d4d;
	/* Box-shadows */
	--box-timeline: 2px 6px 10px rgb(209, 203, 197);
	/* Border-radius */
	--border-radius-small: 4px;
}

/*============= Home page =============*/

.body-container
{
	padding: 0;
}

.height-container-sidenav
{
	padding-bottom: 0;
}

div#mc-main-content
{
	margin: 0;
	padding: 0;
}

/*============= Hide search bar in the banner on the home page and the side navigation =============*/

.nav-search
{
	display: none;
}

/*.nav-search-wrapper
{
    display: none;
}*/

nav.title-bar .menu-icon
{
	display: none;
}

.sidenav-wrapper
{
	display: none;
}

div.home-tiles a:hover
{
	/*color: var(--light-green);*/
}

.link
{
	width: 100%;
}

/*============= Section definitions =============*/

section
{
	align-content: flex-start;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	border: none;
	margin: 0;
	justify-content: center;
	width: 100%;
	flex: 100%;
}

section.main-tiles
{
	padding: 40px 20px 40px 20px;
	order: 1;
}

section.cards
{
	background-color: #EFEBE5;
	color: #9A876E;
	order: 2;
}

section.resources
{
	background-color: #ffffff;
	order: 3;
}

/*============= Section 1 Items =============*/

p.product-title
{
	color: #8c90af;
	font-size: 64pt;
	padding: 10px 20px;
	margin: 3% 0;
	text-align: center;
	width: 100%;
	font-family: 'Myriad-Semibold', Verdana, Arial;
}

p.help-learning-portal
{
	font-family: 'Moderat-Regular', Verdana, Arial;
	color: #3A0C18;
	font-size: 32pt;
	font-weight: bold;
	padding: 10px 20px;
	margin: 1.5% 0;
	text-align: center;
	width: 100%;
}

span.product-gradient-business
{
	background: -webkit-linear-gradient(0deg, #8FF1F7, #67B4B1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

span.product-gradient-business-central
{
	background: -webkit-linear-gradient(0deg, #8FF1F7, #67B4B1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

span.product-gradient-insight
{
	background: -webkit-linear-gradient(0deg, #1EC687, #37EB9B);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

span.product-gradient-bystronic-software
{
	background: -webkit-linear-gradient(0deg, #8FF1F7, #67B4B1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

span.product-gradient-cam
{
	background: -webkit-linear-gradient(0deg, #bc96fb, #572cbe);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

span.product-gradient-cell-control-cut
{
	background: -webkit-linear-gradient(0deg, #bc96fb, #572cbe);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

span.product-gradient-netronic-gantt
{
	background: -webkit-linear-gradient(0deg, #F3D344, #ECB62B);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

span.product-gradient-partjob
{
	background: -webkit-linear-gradient(0deg, #F3D344, #ECB62B);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

span.product-gradient-shop-floor-journal
{
	background: -webkit-linear-gradient(0deg, #F3D344, #ECB62B);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

span.product-gradient-shop-floor-plan
{
	background: -webkit-linear-gradient(0deg, #F3D344, #ECB62B);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

span.product-gradient-suite
{
	background: -webkit-linear-gradient(0deg, #8FF1F7, #67B4B1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

span.product-gradient-workcenter-terminal
{
	background: -webkit-linear-gradient(0deg, #8FF1F7, #67B4B1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

form.search
{
	width: 100%;
	margin: 0;
	padding: 10px 0;
	border: none;
	height: 3rem;
	background-color: transparent;
}

/*============= Section 2 Items =============*/

section.cards > div
{
	width: 16.66%;
}

section.cards > div:hover
{
	background: #D7CCBF;
}

div.home-card
{
	height: 135px;
	text-align: center;
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

p.home-tile-image-intro,
p.home-tile-image-structure,
p.home-tile-image-modules,
p.home-tile-image-examples,
p.home-tile-image-tutorials,
p.home-tile-image-faq
{
	text-align: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: auto;
	margin-right: auto;
	background-position: center;
	height: 70px;
}

p.home-tile-image-intro
{
	background-image: url('../Images/Icons/Introduction-brown.svg');
}

p.home-tile-image-structure
{
	background-image: url('../Images/Icons/Structure-brown.svg');
}

p.home-tile-image-modules
{
	background-image: url('../Images/Icons/Modules-brown.svg');
}

p.home-tile-image-examples
{
	background-image: url('../Images/Icons/Examples-brown.svg');
}

p.home-tile-image-tutorials
{
	background-image: url('../Images/Icons/Tutorials-brown.svg');
}

p.home-tile-image-faq
{
	background-image: url('../Images/Icons/FAQs-brown.svg');
}

a.persona-name
{
	color: #9A876E !important;
}

a.persona-name:hover
{
	color: #3A0C18 !important;
	text-decoration: none;
}

a.persona-name:hover .home-tile-image-intro
{
	background-image: url('../Images/Icons/Introduction-brown.svg');
}

a.persona-name:hover .home-tile-image-structure
{
	background-image: url('../Images/Icons/Structure-brown.svg');
}

a.persona-name:hover .home-tile-image-modules
{
	background-image: url('../Images/Icons/Modules-brown.svg');
}

a.persona-name:hover .home-tile-image-examples
{
	background-image: url('../Images/Icons/Examples-brown.svg');
}

a.persona-name:hover .home-tile-image-tutorials
{
	background-image: url('../Images/Icons/Tutorials-brown.svg');
}

a.persona-name:hover .home-tile-image-faq
{
	background-image: url('../Images/Icons/FAQs-brown.svg');
}

p.home-card-title
{
	font-size: 14pt;
	font-weight: bold;
	color: #3A0C18;
}

p.home-card
{
	height: 135px;
	padding: 10px;
	margin: 0;
	border: none;
	background: transparent;
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
	border-radius: none;
}

p.home-card:hover
{
	background-color: -webkit-linear-gradient(0deg, #bc96fb, #572cbe);
	border: none;
	color: #ffffff;
}

/*============= Section 3 Items =============*/

div.market-resources
{
	padding: 0;
	margin-bottom: 0;
	text-align: left;
	width: 100%;
}

div.inner-tile-resources
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}

div.inner-tile-resources::before
{
	content: ' ';
	display: table;
}

div.iinner-tile-resources::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.inner-tile-resources > div
{
	float: left;
	background-color: transparent;
}

div.inner-tile-resources > div:nth-child(1)
{
	width: 50%;
	margin-left: 0;
}

div.inner-tile-resources > div:nth-child(2)
{
	width: 50%;
	margin-left: 0;
}

div.inner-tile-resources > div:nth-child(3)
{
	width: 18%;
	margin-left: 2%;
}

div.inner-tile-resources > div:nth-child(4)
{
	width: 18%;
	margin-left: 2%;
}

div.inner-tile-resources > div:nth-child(5)
{
	width: 18%;
	margin-left: 2%;
}

div.inner-tile-text
{
	padding: 10% 0% 10% 22%;
}

h2.home
{
	font-size: 2.4em;
	margin-top: 0;
	margin-bottom: 0.8em;
}

p.home-read-more-text
{
	font-size: 14pt;
	line-height: 26pt;
}

p.tile-title
{
	margin-top: 18px;
	padding: 0;
}

div.tile-title
{
	height: 70px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

div.inner-tile
{
	padding: 0;
}

/* ==== Misc. elements ==== */

p.tooltip
{
	max-width: 120px !important;
	text-align: center;
	margin: 0 auto;
}

span.home-button,
span.share-button,
._Skins_Toolbar_Buttons.mc-component .button.print-button
{
	display: none;
}

._Skins_Toolbar_Buttons.mc-component .toolbar-button-drop-down.select-language-drop-down
{
	color: #3a0c18;
	font-size: 16px;
	border-left: none 0px transparent;
	border-right: none 0px transparent;
	border-top: none 0px transparent;
	border-bottom: none 0px transparent;
	background-color: #FFFFFF;
	top: 56px !important;
	right: 30px !important;
	width: 186px !important;
	left: auto !important;
}

/* ===== Mobile styles ===== */

@media only screen and (max-width: 1279px)
{
	/*============= Section 1 Items =============*/

	p.product-title
	{
		font-size: 58pt;
		padding: 10px 20px;
		margin: 2% 0 5% 0;
	}

	/*============= Section 2 Items =============*/

	section.cards
	{
		margin-top: 8px;
	}

	/*============= Section 3 Items =============*/

	div.inner-tile
	{
		padding: 22px 0 0 0;
	}

	div.inner-tile-text
	{
		padding: 10% 0% 10% 8%;
	}
}

@media only screen and (max-width: 767px)
{
	.off-canvas-wrapper-inner nav.title-bar .outer-row
	{
		padding-left: 0em;
	}

	nav.title-bar
	{
		display: block;
		padding-top: 0px;
	}

	/*============= Section 1 Items =============*/

	section.main-tiles
	{
		padding: 16px 10px 40px 10px;
	}

	p.product-title
	{
		font-size: 30pt;
		padding: 0 20px 10px 20px;
		margin: 0;
	}

	p.help-learning-portal
	{
		font-size: 20pt;
	}

	/*============= Section 2 Items =============*/

	section.cards > div
	{
		width: 50%;
	}

	/*============= Section 3 Items =============*/

	div.inner-tile-text
	{
		padding: 4%;
	}

	div.inner-tile-resources > div:nth-child(1)
	{
		width: 100%;
	}

	div.inner-tile-resources > div:nth-child(2)
	{
		width: 100%;
	}

	h2.home
	{
		font-size: 2em;
		margin-top: 8px;
		margin-bottom: 0;
	}
}