/********************************************
*  CSS VECAM
*
*  date:    2021.07.27 - dead end
*  author:  erational.org
*  version: 0.3
*****************************************/
/* 1. BASE
==============================================================================*/
/* 1.0 fonts
------------------------------------------------------------------------------*/
/* DejaVu Sans Book + Bold */
@font-face {
	font-family: 'dejavu';
	src: url('font/DejaVuSans.eot');
	src: url('font/DejaVuSans.eot?#iefix') format('embedded-opentype'), url('font/DejaVuSans.woff') format('woff'), url('font/DejaVuSans.ttf') format('truetype'), url('font/DejaVuSans.svg#dejavu') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'dejavubold';
	src: url('font/DejaVuSans-Bold.eot');
	src: url('font/DejaVuSans-Bold.eot?#iefix') format('embedded-opentype'), url('font/DejaVuSans-Bold.woff') format('woff'), url('font/DejaVuSans-Bold.ttf') format('truetype'), url('font/DejaVuSans-Bold.svg#dejavubold') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* 1.1 color
------------------------------------------------------------------------------*/
.white {
	color: #fff;
}

.white-bg {
	background: #fff;
}

.pink {
	color: #bc3aa7;
}

.pink-bg {
	background: #bc3aa7;
}

.green {
	color: #85ac32;
}

.green-bg {
	background: #85ac32;
}

.brown {
	color: #a78658;
}

.brown-bg {
	background: #a78658;
}

.blue {
	color: #38afcb;
}

.blue-bg {
	background: #38afcb;
}

.purple {
	color: #9275c4;
}

.purple-bg {
	background: #9275c4;
}

.gray {
	color: #dbdbdb;
}

.gray-bg {
	background: #dbdbdb;
}

.darkgray {
	color: #676767;
}

.darkgray-bg {
	background: #676767;
}

/* 1.2 tags
------------------------------------------------------------------------------*/
a {
	text-decoration: none;
	transition: all .21s ease-in;
}

/* 1.2 page archive
------------------------------------------------------------------------------*/
.vecam-header {
	padding: 2rem 0;
}

.vecam-header img {
	max-width: 500px;
}

#edito {
	color: #fff;
	font-size: 1.1rem;
	text-align: justify;
}

.note {
	margin-top: 3rem;
	font-size: 0.88rem;
}

#edito h1 {
	font-size: 2rem;
	text-align: left;
}

@media (max-width: 768px) {
	#edito {
		font-size:0.95rem;
	}
}

#edito a {
	color: #ffa9a9;
	text-decoration: underline;
}

#edito a:hover {
	background-color: #362552;
	color: #fff;
}

.links {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.link {
	width: calc(25% - 1rem);
	min-height: 12rem;
	margin: 0 1rem 1rem 0;
	border-radius: 2px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-weight: 700;
	font-size: 1.5rem;
}


.sstitre {
	font-size: 0.92rem;
}

@media (max-width: 1200px) {
	.link {
		width:calc(50% - 1rem);
	}
}

@media (max-width: 768px) {
	.link {
		width:100%;
		min-height: 7rem;
	}
}

.link-inner {
	background-color: #ffffff8f;
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	padding: 0.5rem;
}

.link-inner--top {
	align-items:flex-start;
	padding-top:1rem;
	padding-bottom:1rem;
}


.white-bg a.link-inner {
	color: #fff;
}

.pin-bg a.link-innerk {
	color: #bc3aa7;
}

.green-bg a.link-inner {
	color: #85ac32;
}

.brown-bg a.link-inner {
	color: #a78658;
}

.blue-bg a.link-inner {
	color: #38afcb;
}

.purple-bg a.link-inner {
	color: #9275c4
}

.gray-bg a.link-inner {
	color: #dbdbdb;
}

.darkgray-bg a.link-inner {
	color: #676767;
}

a.link-inner:hover {
	background-color: #ffffffbd;
	box-shadow: 0px 10px 10px #ffffff47;
}

.footer-logo-cc {
	max-height: 50px;
	width: auto;
}

@media (max-width: 990px) {
	.footer-logo-cc {
		margin-top:2rem;
		max-height: 30px;
	}
}