/*
Style sheet for Lineaire main page
*/
/* Color palette var definition */
:root {
    --color1		: #009cda;
    --color2		: #d4f6ff;
    --color3		: #ffb904;
    --color4		: #f6f6f6;
    --color5		: #303030;
    --color6		: #818181;
    --color7		: #404040;
    --color8		: #ffffff;
    --color9		: #009cdacc;
}



/* General CSS */
body {
	font			: 400 18px Lato, sans-serif;
	line-height		: 1.8;
	color			: var(--color6);
}
h2 {
	font-size		: 24px;
	text-transform	: uppercase;
	color			: #303030;
	font-weight		: 600;
	margin-bottom	: 30px;
}
h4 {
	font-size		: 19px;
	line-height		: 1.375em;
	color			: #303030;
	font-weight		: 400;
	margin-bottom	: 30px;
}
/* CSS Generique */
.bg-grey {
	background-color: #f6f6f6;
}
.bg-blue:hover {
    background-color: var(--color1);
}
/* Lineaire Navbar test*/
.nav-link {
    color			: white !important;
}
.nav-item a:hover, .nav-link active a {
	color			: #009cda !important;
	background-color: white !important;
	border-radius	: 7px;
}
.navbar-brand img {
	max-width		: 32px;
}
.navbar-dark {
	background-color: #009cda;
	color 			: white;
}
.navbar {
	background-color: #009cda;
	padding-top		: 0px;
	padding-bottom	: 0px;
	margin-top		: 0px;
	margin-bottom	: 0px;
}
.nav-pills > li {
    margin-right: 15px;  /* Adjust this value to increase the space */
}

/* Optional: Add space on the last item */
.nav-pills > li:last-child {
    margin-right: 0;
}
/* Lineaire Modal */
.modal-no-background .modal-content {
    background-color: transparent; /* Remove background */
    border: none; /* Remove border */
    box-shadow: none; /* Remove shadow */
    padding: 0; /* Remove padding */
}

/* Optional: Customize the modal image to ensure it fits well */
.modal-no-background .modal-body {
    padding: 0; /* Remove padding */
}

.modal-no-background .img-fluid {
    max-width: 100%; /* Ensure the image is responsive */
    height: auto; /* Maintain aspect ratio */
}

/* Lineaire jumbotron */
.jumbotron {
	color	: white;
	height: 50vh;
	padding-top		: 8rem;
	margin-bottom	: 0rem;
	font-family		: Ubuntu, sans-serif;
	background 		: #009cda url(Contour_WordMap.png) no-repeat;
	background-size			: auto 130%;
	background-position	: center;
	background-color		: #009cda;
}
.jumbotron p {
	margin-top		: 1rem;
}
.jumbotron img {
	max-width		: 55%;
	min-height		: 25%;
}

/* Lineaire carroussel */
.carousel {
	background-color: #009cda;
	height			: 50vh;
}
.carousel-inner {
	height			: 100%;
}
.carousel-item {
	height			: 100%;
}
.carousel img {
	margin			: auto;
	max-width		: 100%;
	max-height		: 100%;
	height			: auto;
	width			: auto;
}

/* Lineaire about */
.logoart {
	max-width		: 75%;
	margin			: auto;
}
.about {
	padding			: 5rem;
}

/* Lineaire services */
.services {
	font-family		: Ubuntu, sans-serif;
	background-color: #009cda;
	color			: #d4f6ff;
	padding-top		: 3rem;
	padding-bottom	: 3rem;
}
.fa-heart:hover {
	animation		: 1s infinite beatHeart;
	color			: red;
}
.fa-leaf:hover {
	animation		: 1.5s infinite glowgreen;
}
.fa-certificate:hover {
	animation		: 1.5s infinite turnstar;
	color			: #ffb904;
}

/* Lineaire how we do */
.LogoExcArt {
	max-width		: 75%;
}
.howbox {
	margin-bottom	: 15px;
	/* padding-right	: 0px; */
	padding-left	: 0px;
}
.trioimg {
	max-height		: 300px;
	margin-bottom	: 10px;
}
.caption {
	color			: white;
	background-color: rgba(64, 64, 64, 0.5);
	position		: absolute;
	top				: 22%;
	left			: 15%;
	width			: 70%;
}
.caption h1 {
	font-size		: calc(26px + 1vw);
}
.caption h2 {
	color			: white;
	font-size		: calc(12px + 1vw);
}
.thumbnail {
    position		: relative;
    display: inline-block;
}
.thumbnail:hover .caption {
	display			:none;
}
.thumbnail:hover .calque {
	display			:block;
}
.calque {
	color	: black;
	display	: none;
	position: absolute;
	top		: 5%;
	left	: 10%;
	width	: 80%;
	height	: 90%;
	padding	: 25px;
	background-color: #009cdacc;
}
.calque p {
	font-family	: Ubuntu, sans-serif;
	line-height	: calc(0.5rem + 0.8vw);
	font-size	: calc(10px + 0.5vw);
	color		: white;
}
.calque h1 {
	font-size: calc(26px + 1vw);
}

/* Lineaire contact*/
.contact {
	padding-left	: 3rem;
	padding-top	: 5rem;
	padding-bottom	: 1rem;
}
.contact i {
	margin-right	: 1rem;
}
#contactlink:hover {
	background-color: #009cda;
	padding-right: 6px;
	padding-left: 6px;
}
input[type="text"]#website {
	display		: none;
}
.g-recaptcha {
	margin-left     : 17px;
}
/* Lineaire footer*/
.footer {
	background-color: #009cda;
	font-family		: Ubuntu, sans-serif;
	padding-top		: 3rem;
	padding-bottom	: 3rem;
	color			: white;
}
.footerpict {
	max-width		: 100%;
}
.footer i {
	color			: #ffb904;
}

/* Lineaire partners*/
.partners {
	margin	:	12px 5px 5px 0px;
	padding	: 4px;
	height	: 42px;
}

/* Lineaire footerlinks*/
.footerlinks {
	margin-top: 20px;
}
.footerlinks ul {
	color:#d2dde2;
	list-style: none;
	margin:0;
	padding: 0;
	text-align: center;
}
.footerlinks li {
	display: inline;
	margin: 15px;
}
.footerlinks a:focus,a:hover {
	color:white;
	text-decoration: none;
}
/* Lineaire animations */
@keyframes beatHeart {
	0%		{transform: scale(1);}
	25%		{transform: scale(1.3);}
	40%		{transform: scale(1);}
	60%		{transform: scale(1.3);}
	100%	{transform: scale(1);}
}

@keyframes glowgreen {
	0%		{color:white;}
	50%		{color:#55c408;}
	100%	{color:white;}
}

@keyframes turnstar {
	0%		{transform: rotate(-0deg);}
	100%	{transform: rotate(-360deg);}
}