/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/



.rouge {
	color: #F02D3A !important;
}

.noir {
	color: #000 !important;
}

.bg-1{
    background: #000 !important;
}

.fw800 {
	font-weight: 800!important;
}

body{
    background-color: #e5e5e5 !important;
   
}
body, * {
  font-family: 'Karla', sans-serif;
  transition: all ease-in-out 0.2s;
  font-size: 20px;
}

a {
	text-decoration: none;
}


.custom-title {
	font-weight: 600!important;
	text-transform: uppercase;
}

.element-item:hover .custom-title {
	color: #F02D3A!important;
}

.line:after {
	content: "";
	display: block;
	height: 12px;
	width: 200px;
	background: #F02D3A;
}

/* header */

.offcanvas-body a {
	text-transform: uppercase;
	color: #fff!important;
}

.offcanvas-body a.active,
.offcanvas-body a:hover {
	color: #F02D3A!important;
}

/* Boutons */
.btn-rouge {
	background: #F02D3A;
	color: #fff!important;
	border: 1px solid transparent;
	font-weight: normal!important;
}

.btn-rouge:hover {
	background: #fff;
	color: #F02D3A!important;
	border: 1px solid #F02D3A;
}

.hero-section a {
	color: #F02D3A;
	font-weight: bold;
}

/* Modeles */

.modele-item img {
	height: 220px;
    width: 100%;
    object-fit: cover;
}

.collection-badge {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    padding: 5px;
    font-size: 0.9em;
}

.collection-badge.Supermoto,
.button.supermoto:hover {
	background-color: #27b90a!important;
}

.collection-badge.Enduro,
.button.enduro:hover {
	background-color: #fb9215!important;
}

.collection-badge.Adventure,
.button.adventure:hover {
	background-color: #F02D3A!important;
}


/* Footer */

#footer .menu-item a {
	color: #fff;
}

/* CF7 */

.wpcf7 input,
.wpcf7 textarea {
	width: 100%;
}

/* Bouton flottant */

.floating-contact {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}

.floating-contact .btn-rouge {
	border: 3px solid #fff;
    border-radius: 50%;
    padding: 16px;	
}

#floating-btn {
    transition: transform 0.2s ease;
}

#floating-btn.clicked {
    transform: scale(1.2);
}

.floating-menu {
    margin-top: 10px;
}


/* Custom Post Type Occasions */

.diagonal-banner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-20deg);
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 1px;
    color: #F02D3A;
    background: rgba(250, 250, 250, 0.7);
    padding: 1rem 2rem;
    z-index: 10;
    white-space: nowrap;
}


.diagonal-banner-card {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-20deg);
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 1px;
    color: #F02D3A;
    background: rgba(250, 250, 250, 0.7);
    padding: 1rem 2rem;
    z-index: 10;
    white-space: nowrap;
}