/*

Salut les curieux,
Bienvenue dans la source de mon site web.
Non, c'est pas du WordPress.

*/

@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Nunito+Sans&display=swap');
.font1 { font-family: 'Poppins', sans-serif; }
.font2 { font-family: 'Nunito Sans', sans-serif; }

body { font-family: 'Nunito Sans', sans-serif; }
a:hover { text-decoration: none; }

#header-div { text-align: center; font-size: 1em; font-family: 'Poppins', sans-serif; margin: 3em auto 1em auto; }
#header-div { font-size: 1em; font-weight: bold; }
#header-div { animation: animlogo 0.5s 1; margin-top: 10vh; }
@keyframes animlogo { from { opacity: 0; } to { opacity: 1; } }

@media screen and (min-width: 600px)  { #header-div { font-size: 26px; } }
@media screen and (min-width: 900px)  { #header-div { font-size: 36px; } }
@media screen and (min-width: 1200px) { #header-div { font-size: 50px; } }

.homepage-tile-inner { font-size: 0.7em; }
.homepage-tile-img { width: 100%; }

.hometile1 .homepage-tile-inner { width:200px; margin: auto; text-align: center; }

#modal-title { font-family: 'Poppins', sans-serif; }

.size-txt {
 display: block;
 line-height: 0.95em;
 margin-bottom: 10px;
 -webkit-text-stroke: 1px;
 font-family: 'Poppins', sans-serif;
 color: var(--c5);
}

.slick-slide-title, .slick-slide-teaser { text-align: center; margin: 1em auto; }
.slick-slide-title { font-weight: bold; }
.slick-slide-link a, .navigation-page { display: block; border-radius: 1em; padding: 1em; color: var(--c1); background-color: var(--c5); font-family: 'Poppins', sans-serif; text-align: center; margin-bottom: 4px; }
.slick-slide-link { font-size: 1.4em; padding: 0.3em 2em; }
.slick-slide-link a:hover { box-shadow: 0px 0px 10px #cccccc; }
.slick-dots { margin: 1em auto; }

.mainLink { color: var(--c1); font-size: 1.3em; font-family: 'Poppins', sans-serif; }

.btn-primary { background-image: none; background-color: var(--c5); }

.article-title { text-align: center; margin: 4em auto; line-height: 0.8em; color: var(--c5); }

.article-teaser { text-align: center; padding: 3em 10px; background: radial-gradient(circle at center, transparent, transparent, var(--c5)); }

.article-image img { width: 100%; }
.listing-section-title { font-family: 'Poppins', sans-serif; color: var(--c1); text-align: center; margin: 2em auto 1em auto; }

.pointer { padding: 4px 9px; margin: 3px; background: var(--c5); color: var(--c1); border-radius: 3px; font-size: 12px; }
.form-control { border: 2px solid var(--c5); color: var(--c5); border-radius: 20px; font-size: 16px; padding: 15px; width: 100%; }

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background: none; }

.paginator-link { margin: 0px 3px; }
.current { padding: 5px 8px; border: 1px solid black !important; }
.paginator-link a { padding: 5px 8px; color: black !important; }
.pagination-menu { text-align: center; }

#footer { background-color: var(--c5); color: var(--c1); }
#footer a { padding: 0.3em; }
.website-footer { padding: 3em 0 1em 0; }



.triangle {
border-left: 49.5vw solid #ffffff00;
border-right: 49.5vw solid #ffffff00;
border-top: 5vw solid #fff;
padding: 0;
}

/*

Fin du CSS global.
That's it! Rien d'autre!
Visitez https://microklima.cloud

*/