/* Theme Name: Course Theme Theme URI: https://www.testwp.rawad.fr Author: Rawad Author URI: https://www.testwp.rawad.fr Description: Un thème WordPress personnalisé Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: course */

body { color: red; }

.courses-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0;
}

.course {
    flex: 1 1 calc(33.333% - 20px); /* Trois colonnes avec espace */
    box-sizing: border-box;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.course h2 {
    font-size: 1.5em;
    margin-bottom: 10px;
}

.course .content {
    font-size: 1em;
}

.course-highlight {
    border: dashed;
    background: yellow;
}

/* Ajustement pour les petits écrans */
@media (max-width: 900px) {
    .course {
        flex: 1 1 calc(50% - 20px); /* Deux colonnes */
    }
}

@media (max-width: 600px) {
    .course {
        flex: 1 1 100%; /* Une seule colonne */
    }
}



.r-animate-blink-background-color {
	animation-name: backgroundColorBlinkPalette;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
	/* linear is enabled default, it's not necessary to add it make it work but it can make your code more expressive */
}

@keyframes backgroundColorBlinkPalette {
	0% {
		background: #FFFFFF00;
	}

	100% {
		background: #ffa218;
	}
}