@charset "UTF-8";

:root {
	
	/* color */
	--delivery-title-color: var(--blue-dark1);
	--delivery-text-color: var(--blue-dark1);
	--delivery-emphasis-color: var(--orange-base);
	--hyperlink-color: var(--blue-medium);;
	--hyperlink-hover-color: var(--blue-base);
	
	/* url */

}

/*-----------------------------------------
|                 CONTENTS                 |
 -----------------------------------------*/

.container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 1200px;
	min-height: 400px;
	margin: 0 auto;
	padding: 0 1em 1em 1em;
	box-sizing: border-box;
}

.infos.frame {
	color: var(--delivery-text-color);
	font-size: 18px;
	border: 2px solid var(--blue-washed);
	margin-top: 1em;
	padding: 0 1em;
}

.infos h2 {
	text-transform: uppercase;
	font-size: 36px;
	font-family: 'Open Sans', Sans-Serif, sansserif, sans;
	font-weight: bold;
	font-weight: 800;
	color: var(--delivery-title-color);
	width: 100%;
	box-sizing: border-box;
	
	text-align: center;
}

.infos em {
	color: var(--delivery-emphasis-color);
}

.infos .warning {
	font-weight: bold;
	color: var(--delivery-emphasis-color);
}

.infos a {
	color: var(--hyperlink-color);
}

.dist-delivery .delivery-infos a:hover,
.dist-delivery .delivery-infos a:focus {
	color: var(--hyperlink-hover-color);
}