/*
Theme Name: My Market
Author: OnlineCreation
Author URI: https://onlinecreation.pro
Description: Thème personnalisé pour My Market, basé sur Bootstrap 5 et FontAwesome.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-market
*/
:root {
--bs-primary: #416d49;
--bs-primary-rgb: 65, 109, 73;
--bs-primary-bg-subtle: #69B377;
--bs-secondary: #e05e00;
--bs-secondary-rgb: 224, 118, 42;
--bs-body-color: #22412A;
--bs-body-color-rgb: 34, 65, 42;
--bs-body-font-size: 20px;
--bs-btn-font-size-custom: 1rem;
}
.fs-7 {
font-size: 0.875rem;
}
.fs-8 {
font-size: 0.75rem;
}
.btn {
font-size: var(--bs-btn-font-size-custom);
}
.btn.btn-secondary {
background-color: var(--bs-secondary);
color: #fff;
border: 1px solid var(--bs-secondary);
}
.btn.btn-link {
color: var(--bs-primary);
}
a {
color: var(--bs-primary);
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Nunito', 'Nunito Sans', sans-serif;
text-transform: uppercase ;
font-weight: bold;
}
.btn.btn-primary {
background-color: var(--bs-primary);
color: #fff;
border: 1px solid var(--bs-primary);
}
.height-fit-content {
height: fit-content;
}
.width-fit-content {
width: fit-content;
}
.ratio.ratio-4x3 {
aspect-ratio: 4 / 3;
height: auto;
}
/* Limitation largeur du logo */
.custom-logo,
.custom-logo-link img {
width: calc(100% - 50px);
max-width: 600px;
height: auto;
}
html {
font-size: var(--bs-body-font-size);
}
body {
background-color: rgb(253,255,242);
font-family: 'Nunito Sans', sans-serif;
background-image: url("data:image/svg+xml,");
font-size: var(--bs-body-font-size);
}
main.main-content {
min-height: 70vh;
}
/* Footer menus : pas de puce, pas de souligné, line-height 2 */
.footer-menu {
list-style: none;
padding-left: 0;
}
.footer-menu li {
line-height: 2;
}
.footer-menu a {
color: var(--bs-light);
text-decoration: none;
}
.footer-menu a:hover {
color: var(--bs-white);
text-decoration: none;
}
/* Menu fullscreen */
.fullscreen-menu {
position: fixed;
z-index: 2000;
top: 0; left: 0; right: 0; bottom: 0;
width: 100vw;
height: 100vh;
background: rgba(34, 65, 42, 0.97);
display: none;
transition: opacity 0.3s;
text-align: center;
}
.fullscreen-menu.open {
display: block;
}
.fullscreen-menu-content {
min-height: 100vh;
}
.fullscreen-menu-list {
list-style: none;
padding: 0;
margin: 0;
}
.fullscreen-menu-list li {
margin: 1rem 0;
}
.fullscreen-menu-list a {
color: var(--bs-light);
font-size: 24px;
text-decoration: none;
transition: color 0.2s;
}
.fullscreen-menu-list a:hover {
color: var(--bs-white);
}
/* Home gallery */
#gmgallery {
max-height: 40vh;
}
#gmgallery .swiper-slide {
height: auto;
}
@media (aspect-ratio: 16/9) {
#gmgallery {
height: 40vw;
}
}
#gmgallery img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/* Leaf button */
.leaf-button {
display: inline-block;
padding: 0.5em 2.5em 0.5em calc(50% - 5em);
background-color: var(--bs-primary);
color: var(--bs-white);
background-image: url(img/carrot.png), url("data:image/svg+xml,");
background-repeat: no-repeat;
background-position: left 1em center, right 1em center;
background-size: 0.8em auto;
text-transform: uppercase;
text-decoration: none;
border-radius: var(--bs-border-radius);
width: 100%;
text-align: left;
text-overflow: ellipsis;
min-width: 10em;
}
.leaf-button.leaf-button-invert {
background-color: var(--bs-white);
color: var(--bs-primary);
background-image: url(img/leaf-icon.png), url("data:image/svg+xml,");
background-size: 1em auto;
}
@media(min-width: 992px) {
.leaf-button {
padding: 0.5em 5em 0.5em calc(50% - 7.5em);
min-width: 20em;
width: 80%;
}
}
/* footer tagline */
footer .tagline {
font-family: 'Nunito', 'Nunito Sans', sans-serif;
max-width: 250px;
}
/* home next editions */
.home-next-editions p a {
color: var(--bs-body-color);
}
.home-next-editions a {
text-decoration: none;
}
.home-next-editions h3 small {
font-weight: normal;
font-size: 1rem;
}
.home-next-editions h3 {
text-transform: capitalize;
line-height: 1.3rem;
}