/*
Theme Name: Nakk+
Theme URL: https://www.nakkplus.fr
Description:  Nakk+
Author: Nakk+
Author URL: https://www.nakkplus.fr
Template: twentytwentyfive
Version: 1.0.0
Text Domain:  twentytwentyfive
*/

/* DEBUT Spécifique */

.page-id-42 main { /* Vêtement : Page Gestion */
    margin: 0 !important;
}

.page-id-42 main > * { /* Vêtement : Page Gestion */
    padding-top: 0 !important;
}

.page-id-42 .wp-block-post-title {
	display: none !important;
}

.page-id-42 .entry-content {
    margin: 0 !important;
    padding: 0 !important;
}

.page-id-42 h2 {
    margin: 0 !important;
    font-size: 18px;
    padding: 0 0 10px 0;
}

/* FIN Spécifique */

* {
	outline: none !important;
	text-decoration: none !important;
}

html {
	overflow-y: scroll !important;
}

button {
	border-radius: 9999px;
}

.vignettes {
	overflow: auto;
}

.vignette {
    position: relative;
    width: calc(25% - 20px);
    height: 150px;
    background: #F1F1F1;
    overflow: hidden;
    text-align: center;
	cursor: pointer;
	float: left;
	margin: 0 10px 20px 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.vignette img {
	display: block;
	max-width: 100%;
    opacity: 0;
}

.vignette-titre {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #FFF;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.bouton {
	box-sizing: border-box;
}

.bouton-interieur {
	border: 1px solid #000000;
    border-right-width: 3px;
    border-bottom-width: 3px;
    box-shadow: 2px 2px #000000;
	box-sizing: border-box;
}

.largeur-100pc {
	width: 100%;
}

.largeur-50pc {
	width: 50%;
}

.fond-blanc {
    background-color: #FFF;
}

.affichage-bloc {
	display: block;
}

.affichage-bloc-en-ligne {
	display: inline-block;
}

.affichage-bloc-i {
	display: block !important;
}

.notice-rouge {
	color: #ff0000;
}

.mode-utilisateur .affichage-dependant,
.mode-invite .affichage-dependant {
	display: none;
}

.texte-gauche {
	text-align: left;
}

.texte-droite {
	text-align: right;
}

.texte-centre {
	text-align: center;
}

.flottement-gauche {
	float: left;
}

.flottement-droite {
	float: right;
}

.curseur-pointeur {
	cursor: pointer;
}

.masquer {
	display: none;
}

.panneau-gris {
	background-color: #FAFAFA;
}

.wp-block-navigation__container {
    gap: initial !important;
}

.wp-block-navigation .wp-block-navigation-item a {
    padding: 7px 25px 6px 25px !important;
    /* height: 40px; */
    /* -webkit-transform: rotate(-3deg) translatez(0); */
    /* transform: rotate(-3deg) translatez(0); */
    /* -webkit-transform-origin: 50%  51%; */
    /* transform-origin: 50%  51%; */
}

.wp-block-navigation .wp-block-navigation-item > a {
    /* -webkit-transform: rotate(3deg) translatez(0); */
    /* transform: rotate(3deg) translatez(0); */
}

.formulaire label {
	display: block;
}

.formulaire .champ {
	margin: 0 0 20px 0;
	overflow: auto;
}

.formulaire .champ_valider {
	text-align: center;
}

.formulaire .champ_valider_description {
	text-align: left;
}

.formulaire .champ input[type="text"],
.formulaire .champ input[type="password"] {
    background: #F1F1F1;
    border: none;
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #000000;
    text-align: center;
    font-size: 18px;
	width: 100%;
}

.formulaire .mots_de_passe > * {
	float: left;
	width: calc(100% / 3);
	padding: 0 10px 0 0;
	box-sizing: border-box;
}

.formulaire input {
	max-width: 90%;
}

.formulaire .notices {
    color: #666;
    font-size: 12px;
}

/*
.formulaire input[type="submit"] {
    border: 3px solid #000;
    background-color: #FFFFFF;
    padding: 5px 20px;
	cursor: pointer;
	transition: all 0.25s ease-in-out;
}

.formulaire input[type="submit"]:hover {
	background-color: #000000;
	color: #FFFFFF;
}
*/

.message {
	border: 1px solid transparent;
	padding: 5px 10px 5px 10px;
	box-sizing: border-box;
	font-size: 17px;
}

.message-erreur {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.message-succes {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

.message-information {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}

.message-avertissement {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}

.nakkplus_deconnexion {
	font-size: 14px;
	color: #AAA;
}

.input_choix {
    background-color: #F1F1F1;
    padding: 0 2px 0 2px;
}

@media (max-width: 599px) {
	.wp-block-navigation-item {
		font-size: 38px;
	}
	
	.m-left {
		text-align: left;
	}
	
	.formulaire .champ input[type="text"],
	.formulaire .champ input[type="password"] {
		font-size: 20px;
	}
	
	.vignette {
		position: relative;
		width: calc(50% - 20px);
	}

	.page-id-42 main > * { /* Vêtement : Page Gestion */
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}

@media (min-width: 600px) {
	.wp-block-navigation-item.current-menu-item {
		display: block;
		border: 1px solid #000000;
		border-right-width: 3px;
		border-bottom-width: 3px;
		box-shadow: 2px 2px #000000;
		border-radius: 10px;
	}
}

input[type="submit"] {
    border-radius: 9999px;
}