/*Pour le Header qui contient le LOGO*/

#site-header {
		position: relative;
}

/*Pour la Sidebar*/

.widget-area.sidebar-primary {
		margin: -20px 0px 0px 0px;
		border-radius: 10px 10px 10px 10px;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
}

/*Pour que le bloc du contenu principal ne soit pas bordé d'une ligne à droite (Réglage d'origine)*/

.content-area {
		border: none;
}

/*Pour les blocs de la page BLOG*/

.blog-entry-inner {
		background-color: #FFFFFF;
		border-radius: 10px 10px 10px 10px;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
}

.blog-entry.grid-entry .blog-entry-inner {
		border: none;
}

.blog-entry.post .thumbnail img {
		border-radius: 10px 10px 0px 0px;
}

/*Pour "Rechercher" dans la Sidebar*/

#wp-block-search__input-1 {
		height: 50px;
}

/*Pour le bouton de "Rechercher" dans la Sidebar*/

#block-2 button {
		position: absolute;
		margin: 11px 0 0 -64px;
		padding: 2px 12px;
}

/*Pour la section des commentaires en bas des pages de POSTS*/

#comments {
		margin: -20px 0px 0px 0px;
		padding: 20px;
		border: none;
		background-color: #FFFFFF;
		border-radius: 10px 10px 10px 10px;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
}

#comments h3 {
		font-size: 13px;
}

#respond h3 {
		font-size: 13px;
}

/*Pour la section du titre+metha du haut des pages de POSTS*/

.ocean-single-post-header {
		position: absolute;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 0px 0px;
		width: 100%;
		top: 100px;
		left: 50%;
		transform: translate(-50%,-50%);
		text-shadow: 0px 0px 10px #000000;
		border-radius: 3px 3px 3px 3px;
		background-color: #404035;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

/*Pour le menu principal (hamburger)*/
/*... Pour la couleur du fond sur ordis
#site-navigation {
		background-color: #404035;
}Abandonné car préférence pour laisser apparaître une image de fond:*/

/*... Pour une image de fond quand le menu apparait sur ordis*/
#full-screen-menu {
		background-image: url(https://www.solakinsworld.com/wp-content/uploads/2024/12/Paris_apres_une_catastrophe.webp);
}

/*... Pour le menu principal sur ordis*/

#menu-menu-principal-ordis {
		background-color: #404035;
		padding: 20px;
		margin: auto;
		border-radius: 10px 10px 10px 10px;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
}

/*... Pour la couleur du fond sur mobiles*/

#mobile-fullscreen {
		background-color: #404035;
}

/*... Pour que les sous-catégories soient accessibles depuis une catégorie mère et non juste par "+" situé juste à la droite*/
/*... Pour ordis*/

#site-header.full_screen-header .fs-dropdown-menu li > a .nav-arrow {
		width: 200px;
		text-align: right;
		margin: 0 0 0 -170px;
		position: absolute;
}

/*... Pour mobiles*/

#mobile-fullscreen ul li .dropdown-toggle {
		width: 200px;
		text-align: right;
		margin: 0 0 0 -170px;
		position: absolute;
}

/*... Pour que les descriptions (span) des sous-catégories*/

.nav-content {
		max-width: 50%;
		margin: auto;
		font-size: 13px;
		color: #FFFFFF;
}
/*... Pour modifier la taille du texte des sous catégories*/

#site-header.full_screen-header .fs-dropdown-menu ul.sub-menu li a {
		font-size: 18px;
}
		
/*Pour la partie de recherche dans le menu accessible depuis le hamburger*/

#site-header.full_screen-header .fs-dropdown-menu > li.search-toggle-li input,
#site-header.full_screen-header .fs-dropdown-menu > li.search-toggle-li .search-text {
		font-size: 14px;
		padding: 10px 0px 0px 0px;
}

/*Pour la page contact:*/

/*Pour que le TEXTAREA dans le formulaire de contact soit de fond blanc quand on tape un message*/

.wpforms-form textarea.wpforms-field-medium:focus {
		background-color: #FFFFFF;
}

/*Pour qu'une fois un message envoyé par CONTACT le FOOTER ne "flotte plus" en dessous du message de succès*/

#footer {
		margin:0 0 -14px 0;
}

/*Pour les pages de catégories (ex: https://www.solakinsworld.com/category/actualites)*/
.tax-desc, .page-content {
		padding: 20px;
		background-color: #FFFFFF;
		border-radius: 10px 10px 10px 10px;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
}
.tax-desc {
		margin: -20px 0 0 0;
}
.page-content {
		margin: 30px 0 0 0;
}
.tax-desc p, .page-content p {
		margin: 0;
}

/*Pour la page de résultat d'une recherche (https://www.solakinsworld.com/?s=exemple)*/

.search-entry-inner {
		padding: 20px;
		background-color: #FFFFFF;
		border-radius: 10px 10px 10px 10px;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
}
.search-results article {
		border-bottom: 1px solid #BA0101;
}

/*Pour la page 404*/

.error404-content {
		padding: 20px;
		margin: -20px 0 0 0;
		background-color: #FFFFFF;
		border-radius: 10px 10px 10px 10px;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
}
.error404-content .error-title {
		color: #FFA31A;
		font-size: 30px;
		margin: 0px;
}

/*Pour tous les formulaires ":focus" pour avoir le fond blanc et la bordure orange*/

form input[type="text"]:focus, form input[type="password"]:focus, form input[type="email"]:focus, form input[type="url"]:focus, form input[type="date"]:focus, form input[type="month"]:focus, form input[type="time"]:focus, form input[type="datetime"]:focus, form input[type="datetime-local"]:focus, form input[type="week"]:focus, form input[type="number"]:focus, form input[type="search"]:focus, form input[type="tel"]:focus, form input[type="color"]:focus, form select:focus, form textarea:focus, .oceanwp-newsletter-form-wrap input[type="email"]:focus {
		color:#404035;
		background-color: #FFFFFF;
		border-style: solid;
		border-color: #FA750A;
}