/*  
Theme Name: Aspire 2026
Theme URI: http://www.infocreek.com/webdesign/aspire.html
Description: Version 2026 responsive. Original par InfoCreek, rendu responsive.
Version: 2.0.2
Author: InfoCreek.com (responsive par Nathan CHICHA)
Author URI: http://www.infocreek.com/
*/

* {margin:0px; padding:0px;}
body {background: #38690d url(images/body-bg.jpg) center top; text-align:center; font-size:12px; color:#240f02; font-family: Verdana, Arial, Helvetica, sans-serif;}

img {border: medium none;}
blockquote {padding: 5px 20px; text-align: left; color:#602600}
blockquote blockquote {padding: 2px 10px; text-align: left; color:#602600; font-style:italic;}
a {text-decoration:none; color:#c97e00; border: 0px;}
a:hover {text-decoration:underline; border: 0px;}
a.u {text-decoration:underline; border: 0px;}
a.u:hover {text-decoration:none; border: 0px;}
a.n, a.n:hover {text-decoration:none; border: 0px;}
a:focus, a:active {outline: none;}

p {padding:7px 0;  line-height: 17px;}
.border {border:1px solid red;}
h1, h2, h3, h4 { font-family: "Trebuchet MS";}
hr {border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height: 1px;}

input {font-family: 'Verdana'; color: #240f02; font-size: 11px;}
textarea {font-family: 'Verdana'; color: #240f02; font-size: 11px;}
select {font-family: 'Verdana'; color: #240f02; font-size: 11px;}

.left-bg {position:absolute; left:0px; top:0px; width:50%; height:517px; margin-left:-495px; background: none;}
.script {position:absolute; right:0px; top:104px; width:100%; height:413px; background: none;}
.right-bg {position:absolute; right:0px; top:0px; width:50%; height:223px; background: none;}
#head {position:relative; width:990px; height:250px; margin:0 auto; text-align:left; background: url(images/top-right-bg-repeat.jpg) 90px 0px repeat-x;}
.crack {position:absolute; left:0px; top:0px; width:990px; height:51px; background: url(images/crack.jpg) 627px 0px no-repeat;}
.header {width:627px; height:250px; background: url(images/header-bg.jpg) no-repeat;}
	.header-top {display: flex; align-items: center; justify-content: space-between; padding: 0;}
	.logo {position:absolute; left:0px; top:120px; width:627px;}
	.logo h1 {font: bold 26px/120% Georgia; color:#602600; padding:0 0 10px 20px; margin-right:16px;}
	.logo h1 a, .logo h1 a:hover {color:#602600; text-decoration:none;}
	.logo a b {}
	.menu-toggle {display: none; background: #b8791e; border: 2px solid #7a4b11; border-radius: 8px; padding: 10px 15px; color: #f7efd9; font-weight: bold; font-size: 14px; cursor: pointer; align-items: center; gap: 8px;}
	.menu-toggle:hover {background: #7a4b11; border-color: #602600;}
	.menu-toggle-icon {display: flex; flex-direction: column; gap: 4px; width: 24px;}
	.menu-toggle-icon span {display: block; width: 100%; height: 3px; background: #f7efd9; border-radius: 2px; transition: all 0.3s ease;}
	.menu-toggle.active .menu-toggle-icon span:nth-child(1) {transform: rotate(45deg) translate(7px, 7px);}
	.menu-toggle.active .menu-toggle-icon span:nth-child(2) {opacity: 0;}
	.menu-toggle.active .menu-toggle-icon span:nth-child(3) {transform: rotate(-45deg) translate(7px, -7px);}
.shadow-right {position:absolute; left:627px; top:115px; width:102px; height:380px; background: none;}
	#menu {position:absolute; left:0px; top:70px; width:100%; max-width:none; padding:0 20px; box-sizing:border-box; z-index: 20;}
	#menu ul {list-style:none; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;}
	#menu ul li {display:block; padding:0;}
	* html #menu ul li {display:inline;}
	#menu ul li a {color:#602600; display: inline-block; padding: 7px 14px; background: #d9a94e; border-radius: 20px; font-weight: bold; font-size: 13px; transition: all 0.3s ease;}
	#menu ul li a:hover, #menu ul li.current_page_item a {background: #b8791e; color: #f7efd9; text-decoration: none;}
	.searchbox {position:absolute; left:640px; top:100px; width:176px; font-size:11px; color:#97712c; z-index: 11;}
	#searchform .label {display:block; padding:0px 0px 2px 5px; font-weight: bold;}
		.search {width:135px; height:20px; background: url(images/search-input.gif) left top no-repeat; float:left;}
	#searchform input[type="submit"] {border:none; background:#b8791e; font-weight: bold; color:#f7efd9; width:30px; height:24px; float:right; cursor: pointer; font-size: 16px; border-radius: 4px; transition: all 0.3s ease;}
	#searchform input[type="submit"]:hover {background:#7a4b11;}
	#searchform .search #s {border:none; background:transparent; color:#ceb978; width:125px; height:auto !important; margin:3px 0 0 4px; float:left;}

#layout {position:relative; width:990px; margin:0 auto; text-align:left; display:flex; align-items:flex-start; gap:23px;}
#content {position:relative; width:627px; margin:0; text-align:left;}
#main {position:relative; float:left; width:627px;}
#sidebar-area {width:340px; flex:0 0 auto;}
	.content {position:relative; width:627px; background: #fff; border-radius: 20px; box-shadow: 0 8px 30px rgba(96, 38, 0, 0.2); margin-bottom: 30px;} 
	.cont-r {position:relative;}
	.cont-l {position:relative;}
	.cont-bot {position:relative; top:0px; bottom:0px; min-height:380px; padding-bottom: 20px;}
	.grad-hack {position:relative; width:627px; overflow:hidden; margin-top:-80px; padding-bottom:20px}
	.begin {background: url(images/begin.gif) 10px 0px no-repeat; position:absolute; top:0px; left:0px; width:100%; height:40px; z-index:10;}
	
	.content h1 {font: 20px "Trebuchet MS"; color:#602600; letter-spacing:-1px; padding-top:10px;}
	.content h2 {font:bold 18px "Trebuchet MS"; color:#602600; padding:10px 0px 2px 20px;}
	.content h3 {font:bold 16px "Trebuchet MS"; color:#602600; padding:10px 0px 2px 20px;}
	.content h4 {font:bold 14px "Trebuchet MS"; color:#602600; padding:7px 0px 2px 15px;}
	.content h5 {font:bold 12px "Trebuchet MS"; color:#602600; padding:5px 0px 2px 10px;}
	.content h6 {font:bold 10px Verdana; color:#602600; padding:5px 0px 2px 0px;}
	.content h3.pagetitle {position:absolute; top:0px; right:30px; padding:0px; font-size:12px;}
	.post {padding:24px 10px 10px 10px; background: url(images/post-devider.jpg) no-repeat;}
	.post1 {padding:0px 10px 10px 10px;position:relative; z-index:100;}
	* html .post {position:relative;}
	* html .post1 {position:relative; height:350px;}
	.content .title {padding:0px;}
	.content .date {font:normal 24px/47px Georgia; margin-right:10px; color:#ffffff; float:left; width:59px; height:56px; overflow:hidden; text-align:center; background: url(images/date-bg.gif) no-repeat;}
	.content .date .month {font: 14px/16px Arial; color:#4c2604; margin:-10px 0px 0 0; text-transform:lowercase;}
	.content h1 a, .content h1 a:hover {color:#602600; text-decoration:none;}
	.content p.author {color:#240f02; padding:0px 0px 0px 0px; font-size:11px;}
	.entry {position:relative; padding:0 0 10px 0; clear:both;}
	.entry img {border:1px solid #99ba09; margin:0px 5px 5px 5px; max-width:603px}
	.postmetadata {padding:5px 75px 0px 20px; text-align:right; background: url(images/num-comm-right.jpg) 100% 5px no-repeat; margin-right:15px; clear:both;}
	* html .postmetadata {display:inline-block;}
	*:first-child+html .postmetadata {display:inline-block;}
	.postmetadata .comm-num-left {padding:5px 0px 7px 75px; float:right; background: url(images/num-comm-left.jpg) no-repeat;}

	.content h2.center {padding:25px 0; text-align:center;}
	.wp-pagenavi {position:absolute; left:10px; bottom:-22px; z-index:300; font-size:11px;}
	.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active  {float:left; font-size:11px; background:#ca9417 url(images/page-num-bg.gif) 0 0 no-repeat !important; line-height:16px; padding:0 4px !important; color:#602600 !important; margin:0 3px 0 0 !important; border:none !important;}
	.wp-pagenavi a:hover {background:#602600 url(images/page-num-bg.gif) 0 0 no-repeat !important; font-size:11px; color:#ca9417 !important; text-decoration:none; border:none !important;}
	.wp-pagenavi span.pages {float:left; font-size:11px; padding: 0px 4px 0px 4px !important; line-height:16px; margin: 0px 3px 0px 0px !important; color: #ca9417 !important; border: none !important;	background:#602600 !important;}
	.wp-pagenavi span.current {float:left; font-size:11px; background:#602600 url(images/page-num-bg.gif) 0 0 no-repeat !important; line-height:16px; padding:0 4px !important; color:#ca9417 !important; margin:0 3px 0 0 !important; border:none !important;}
	.wp-pagenavi span.extend {float:left; font-size:11px; background:none !important; line-height:16px; padding:0 4px !important; color:#602600 !important; margin:0 3px 0 0 !important; border:none !important;}
	.wp-pagenavi2 {position:absolute; left:10px; bottom:-22px; z-index:300; font-size:11px;}
	.wp-pagenavi2 a, .wp-pagenavi2 a:link, .wp-pagenavi2 a:active  {float:left; font-size:11px; background:#ca9417 url(images/page-num-bg.gif) 0 0 no-repeat; line-height:16px; padding:0 4px; color:#602600; margin:0 3px 0 0; border:none;}
	.wp-pagenavi2 a:hover {background:#602600 url(images/page-num-bg.gif) 0 0 no-repeat; color:#ca9417; text-decoration:none;}

#main ul {position:relative; list-style:none; padding:5px 20px;}
#main ul li {display:block; padding:2px 0px 2px 12px;  background: url(images/marker.gif) 0px 7px no-repeat;}
#main ol {padding: 5px 40px; list-style: decimal}
#main ol li {padding:2px 0px 2px 0px;}


#comments {}
#comments a {}
#comments h4 {padding-left:20px;}
.nocomments {padding: 0 20px 30px 20px;}
.message-bottom {position:relative; background: url(images/message-bottom.gif) left bottom repeat-x;}
.message-top {position:relative; background: url(images/message-top.gif) 0 5px repeat-x;}
.message-right {position:relative; background: url(images/message-right.gif) 100% 0px repeat-y;}
.message-left {position:relative; background: url(images/message-left.gif) 0 0 repeat-y;}
.mes-br {position:relative; background: url(images/message-br.jpg) right bottom no-repeat;}
.mes-bl {position:relative; background: url(images/message-bl.jpg) left bottom no-repeat;}
.mes-tr {position:relative; background: url(images/message-tr.jpg) right top no-repeat;}
.mes-tl {position:relative; background: url(images/message-tl.jpg) left top no-repeat; width:100%;}
	.message-by {padding:15px 0 5px 0; font:16px/18px "Trebushet MS"; color:#602600; text-align:center;}
	.message-count {text-align:center;}
	.message-count span {display:inline-block; border:1px solid #8a5f3b; font:12px/14px Georgia; position:relative; padding:0 5px;}
	.message-count span b.count-l {position:absolute; left:-74px; top:1px; height:14px; width:72px; line-height:0px; font-size:0px; background: url(images/message-number-right.gif) left top no-repeat;}
	.message-count span b.count-r {position:absolute; right:-76px; top:1px; height:14px; width:74px; line-height:0px; font-size:0px; background: url(images/message-number-left.gif) right top no-repeat;}
	.message-entry {position:relative; padding:10px 20px 20px 20px;}
		.message-time {font-size:11px; line-height:20px; color:#efe7c6; height:20px; width:250px; background: #b27110 url(images/message-time-right.gif) right top no-repeat; margin:10px 20px 0 10px;}
		.message-time span {display:block; height:20px; padding:0 25px; background: url(images/message-time-left.gif) left top no-repeat;}
	

#response {position:relative;}
#response h4 {padding:20px 0px 5px 20px;}
#response div.form {width:100%; position:relative; border:1px solid #a4813c;}
* html #response div.form {width:100%;}
#response div.form #commentform {padding:10px;}

	.inputs {position:relative; width:49%; float:left;}
		.input {position:relative;}
		.input b {color:#c97e00;}
		.inputs input {position:relative; background:#ede5c3; border:1px solid #a4813c; width:99%; padding:2px; margin-bottom:5px;}
	.message {position:relative; width:49%; float:right; text-align:center;}
	.message .input {margin-bottom:0px; text-align:center;}
	.message textarea {background:#ede5c3; border:1px solid #a4813c; width:99%; height:92px; padding:1px;}
	.submit {text-align:right; margin-top:10px;}
	* html .submit {margin-top:0px;}
	*:first-child+html .submit {margin-top:0px;}
	


#sidebars {position:relative; width:340px; float:none; margin-top:-66px;}
#sidebars #searchform #s {border:1px solid #212121; background:#689330; background-image:none; color:#ffffff; width:100%; height:auto !important; margin:0px 0 0 0px;}
#sidebar-left {width:160px; float:left; overflow:hidden;}
#sidebar-middle {width:160px; float:none; overflow:hidden;}
#sidebar-right {width:160px; float:right; overflow:hidden;}

.sb-bot {background: #fff; margin-top:15px; border-radius: 16px; box-shadow: 0 6px 24px rgba(96, 38, 0, 0.18);}
.sb-top {background: transparent;}
.sb-right {background: transparent;}
.sb-left {background: transparent;}
.sb-rb {background: transparent;}
.sb-lb {background: transparent;}
.sb-rt {background: transparent; width:100%}
.sb-lt {position:relative; background: transparent; padding:10px 10px 15px 10px; width:137px; overflow:hidden;}

#sidebars h2 {position:relative; font:bold 16px "Trebuchet MS"; color:#602600; margin:0 -6px; text-align:center; background:url(images/sidebar-title-line.jpg) center bottom no-repeat; padding:3px 0 18px 0;}
#sidebars a {color:#602600;}
#sidebars ul {display:inline-block; position:relative; padding:3px 0 0px 0; list-style:none; background:none}
#sidebars ul li {display:block; position:relative; font-size: 12px; color:#240f02; padding:0px 0px}
* html #sidebars ul li {display:inline-block;}
*:first-child+html #sidebars ul li {display:inline-block;}
#sidebars ul li a {color:#602600; padding:2px 0px 2px 15px; display:block; background: url(images/sb-marker.gif) 3px 7px no-repeat;}
#sidebars ul li.current-cat a {color:#240f02; background:#c18c35 url(images/sb-marker-hover.gif) 3px 7px no-repeat;}
#sidebars ul li a:hover {color:#240f02; background:#c18c35 url(images/sb-marker-hover.gif) 3px 7px no-repeat; text-decoration:none;}
#sidebars ul li p a {color:#602600; display:inline; background: none; padding:0px;}
#sidebars ul li p a:hover {color:#602600; display:inline; background:#c18c35 none; padding:0px;}
#sidebars ul li ul {padding:0px 0 0px 0px; list-style:none;}
#sidebars ul li ul li a {padding:2px 0px 2px 25px; background: url(images/sb-marker.gif) 13px 7px no-repeat;}
#sidebars ul li ul li a:hover {background:#c18c35 url(images/sb-marker-hover.gif) 13px 7px no-repeat;}

#wp-calendar {width:100%; font-size:11px; font-family:Georgia; text-align:center;}
#wp-calendar td {font-size:11px; text-align:center;}
#wp-calendar td a {display:block; background:#ca9417 url(images/page-num-bg.gif) 0 0 no-repeat; color:#602600;}
#wp-calendar td a:hover {display:block; background:#602600 url(images/page-num-bg.gif) 0 0 no-repeat; color:#ca9417; text-decoration:none;}
#recentcomments li a {background:none !important; padding:0 0 0 0;}
.textwidget iframe {position:relative; margin:0 -5px 10px -5px;}

.logo-bottom {position:absolute; right:30px; bottom:15px; z-index:1000;}


a:hover abbr {border:none;}


#footer {width:990px; margin:0 auto; text-align:left;}
#footer a {color:#602600;}
.copy {position:relative; padding:25px 0px 15px 0px; font-size:11px; z-index:100; width:590px; text-align:right;}
.valid {position:absolute; right:-200px; top:22px; font-size:11px; background:#ca9417 url(images/page-num-bg.gif) 0 0 no-repeat; line-height:22px; padding:0 7px;}

.footer-ad-banner {
	width: 990px;
	margin: 0 auto 20px auto;
	text-align: center;
}

.footer-ad-banner img {
	max-width: 100%;
	height: auto;
	display: inline-block;
	border-radius: 16px;
	box-shadow: 0 8px 24px rgba(96, 38, 0, 0.2);
}

.ping-track {position:relative; border:1px solid #a4813c; padding:10px;}


.up {text-transform:uppercase;}
.center {text-align:center;}
.l, .left {float:left;}
.r, .right {float:right;}
.textleft {text-align:left !important;}
.clear {clear:both;}

#wp-admin-bar {align:center; margin:0; padding:5px; background:#f9f9f9; border:1px solid #666; clear:both; text-align:center}
#wp-admin-bar ul {margin:0; padding:0}
#wp-admin-bar ul li {list-style-type:none; display:inline; margin:0 10px; padding:0}

/* ================================================
   📱 RESPONSIVE MOBILE/TABLETTE SEULEMENT
   ================================================ */

@media (max-width: 1200px) {
	/* Elements décoratifs masqués */
	.left-bg, .right-bg, .script, .crack, .shadow-right {
		display: none !important;
	}
	
	body {
		font-size: 16px !important;
		line-height: 1.7 !important;
		padding: 10px !important;
	}
	
	html, body {
		overflow-x: hidden !important;
	}

	#head {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 0 !important;
		box-sizing: border-box;
		margin-bottom: 20px !important;
		position: relative !important;
		z-index: 500 !important;
	}

	#layout {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		box-sizing: border-box;
		display: flex !important;
		flex-direction: column !important;
		gap: 24px !important;
	}
	
	#content {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		box-sizing: border-box;
		order: 2 !important;
	}
	
	#footer {
		width: 100% !important;
		max-width: 100% !important;
		padding: 20px 0 !important;
		box-sizing: border-box;
	}
	
	.header {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: auto !important;
		background: linear-gradient(135deg, #f9f3e6 0%, #f4ecd8 100%) !important;
		padding: 24px !important;
		box-sizing: border-box !important;
		border-radius: 20px !important;
		margin-bottom: 24px !important;
		box-shadow: 0 8px 30px rgba(96, 38, 0, 0.2) !important;
		border: 2px solid rgba(184, 121, 30, 0.3) !important;
		position: relative !important;
		overflow: visible !important;
	}
	
	.header-top {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 0 !important;
		gap: 20px !important;
	}
	
	.logo {
		position: static !important;
		width: auto !important;
		text-align: left !important;
		padding: 0 !important;
		flex: 1 !important;
		min-width: 0 !important;
	}
	
	.logo h1 {
		font-size: 24px !important;
		padding: 0 !important;
		margin: 0 !important;
		line-height: 1.4 !important;
		color: #602600 !important;
		font-weight: bold !important;
		overflow-wrap: break-word !important;
	}
	
	/* Menu burger */
	.menu-toggle {
		display: flex !important;
		position: relative !important;
		z-index: 1000 !important;
		box-shadow: 0 3px 10px rgba(96, 38, 0, 0.25) !important;
		flex-shrink: 0 !important;
	}
	
	#menu {
		position: relative !important;
		z-index: 600 !important;
		text-align: center;
		width: 100% !important;
		max-width: 100% !important;
		left: 0 !important;
		top: 0 !important;
		margin: 20px 0 0 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}
	
	#menu ul {
		display: none !important;
		position: relative !important;
		z-index: 700 !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		margin: 0 auto !important;
		flex-direction: column !important;
		background: linear-gradient(135deg, #f9f3e6 0%, #f4ecd8 100%) !important;
		border: 3px solid #b8791e !important;
		padding: 10px !important;
		margin: 0 !important;
		border-radius: 16px !important;
		box-shadow: 0 6px 20px rgba(96, 38, 0, 0.2) !important;
		gap: 0 !important;
	}
	
	#menu ul.active {
		display: flex !important;
		animation: slideDown 0.3s ease !important;
	}
	
	@keyframes slideDown {
		from {
			opacity: 0;
			transform: translateY(-10px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
	
	#menu ul li {
		display: block !important;
		padding: 0 !important;
		width: 100% !important;
		border-bottom: none !important;
	}
	
	#menu ul li:last-child {
		border-bottom: none !important;
	}
	
	#menu ul li a {
		display: block !important;
		padding: 14px 20px !important;
		text-align: center !important;
		font-size: 17px !important;
		font-weight: 600 !important;
		color: #602600 !important;
		background: transparent !important;
		border-radius: 10px !important;
		margin: 4px 0 !important;
		transition: all 0.3s ease !important;
		border: 2px solid transparent !important;
	}
	
	#menu ul li a:hover, #menu ul li.current_page_item a {
		background: #b8791e !important;
		color: #f7efd9 !important;
		border-color: #7a4b11 !important;
		transform: translateX(5px) !important;
	}
	
	.searchbox {
		position: static !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 20px 0 !important;
		padding: 25px !important;
		background: linear-gradient(135deg, #f9f3e6 0%, #f4ecd8 100%) !important;
		border: 3px solid #b8791e !important;
		border-radius: 16px !important;
		box-shadow: 0 6px 20px rgba(96, 38, 0, 0.2) !important;
		box-sizing: border-box !important;
	}
	
	#searchform .label {
		display: block !important;
		margin-bottom: 10px !important;
		font-size: 14px !important;
		font-weight: bold !important;
		color: #602600 !important;
	}
	
	.search-wrapper {
		display: flex !important;
		gap: 10px !important;
		align-items: stretch !important;
	}
	
	.search {
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
		flex: 1 !important;
		background: #fff !important;
		border: 2px solid #b8791e !important;
		border-radius: 8px !important;
		padding: 0 !important;
		height: auto !important;
	}
	
	#searchform .search #s {
		width: 100% !important;
		padding: 12px !important;
		margin: 0 !important;
		font-size: 15px !important;
		color: #602600 !important;
		border: none !important;
		background: transparent !important;
	}
	
	#searchform input[type="submit"] {
		float: none !important;
		width: auto !important;
		min-width: 80px !important;
		padding: 12px 20px !important;
		font-size: 16px !important;
		border-radius: 8px !important;
		box-shadow: 0 2px 8px rgba(96, 38, 0, 0.3) !important;
		height: auto !important;
	}
	
	
	/* Contenu principal */
	#main {
		width: 100% !important;
		float: none !important;
		padding: 0 !important;
		margin: 0 !important;
		order: 2 !important;
	}

	#sidebar-area {
		width: 100% !important;
		order: 1 !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
	}
	
	.content {
		width: 100% !important;
		border-radius: 16px !important;
		overflow: hidden !important;
		background: #fff !important;
		box-shadow: 0 6px 20px rgba(96, 38, 0, 0.15) !important;
		margin: 20px 0 !important;
	}
	
	/* Masquer les éléments décoratifs obsolètes SAUF les wrappers de contenu */
	.mes-tl, .mes-tr, .mes-bl, .mes-br {
		background: none !important;
	}
	.cont-l, .cont-r, .cont-bot {
		background: none !important;
	}
	.sb-top, .sb-right, .sb-left, .sb-rb, .sb-lb, .sb-rt {
		background: none !important;
	}
	.sb-lt {
		background: none !important;
		width: auto !important;
		padding: 0 !important;
	}
	.grad-hack {
		background: none !important;
		margin-top: 0 !important;
		width: 100% !important;
	}
	
	#sidebars {
		width: 100% !important;
		float: none !important;
		margin-top: 0 !important;
		display: flex;
		flex-wrap: nowrap;
		gap: 14px;
		order: 1 !important;
		overflow-x: auto !important;
		scroll-snap-type: x mandatory !important;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 8px !important;
		padding-left: 8px !important;
		padding-right: 8px !important;
		position: relative !important;
	}

	.sidebars-counter {
		display: inline-flex !important;
		position: static !important;
		justify-content: center !important;
		margin: 0 auto 16px auto !important;
		width: max-content !important;
		align-items: center !important;
		padding: 8px 14px !important;
		border-radius: 12px !important;
		background: #7a4b11 !important;
	}

	.sidebars-counter .page_counter_label,
	.sidebars-counter .page_counter_text {
		display: inline-block !important;
		color: #f7efd9 !important;
		background: transparent !important;
	}

	.clear {
		display: none !important;
	}
	
	#sidebar-left, #sidebar-right {
		width: auto !important;
		float: none !important;
		background: transparent !important;
		border-radius: 0 !important;
		padding: 0 !important;
		box-shadow: none !important;
		margin-bottom: 0 !important;
		border: none !important;
		flex: 0 0 auto !important;
		scroll-snap-align: center !important;
		display: contents !important;
	}
	
	.sb-bot {
		margin: 0 !important;
		padding: 0 !important;
		background: #ffffff !important;
		border-radius: 999px !important;
		box-shadow: 0 6px 16px rgba(96, 38, 0, 0.18) !important;
		border: 2px solid rgba(184, 121, 30, 0.4) !important;
		width: 120px !important;
		height: 120px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 0 0 auto !important;
		scroll-snap-align: center !important;
	}
	
	.entry img {
		max-width: 100% !important;
		height: auto !important;
		border-radius: 12px !important;
		margin: 16px 0 !important;
	}

	img {
		max-width: 100% !important;
		height: auto !important;
	}

	#sidebars h2 {
		display: none !important;
	}

	#sidebars a {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		border-radius: 999px !important;
		overflow: hidden !important;
	}

	#sidebars img {
		display: block !important;
		width: 92px !important;
		height: 92px !important;
		object-fit: contain !important;
		border-radius: 999px !important;
		margin: 0 auto !important;
	}

	.logo-slider {
		display: flex !important;
		gap: 12px !important;
		overflow-x: auto !important;
		padding: 8px 2px !important;
		scroll-snap-type: x mandatory !important;
		-webkit-overflow-scrolling: touch;
	}

	.logo-slider > * {
		flex: 0 0 auto !important;
	}

	.logo-slider img {
		display: block !important;
		width: 96px !important;
		height: 96px !important;
		object-fit: contain !important;
		border-radius: 12px !important;
		scroll-snap-align: center;
	}

	.message-count span b.count-l,
	.message-count span b.count-r {
		display: none !important;
	}

	.valid {
		position: static !important;
		right: auto !important;
		margin-top: 10px !important;
		display: inline-block !important;
	}

	.textwidget iframe {
		max-width: 100% !important;
	}

	.wp-block-embed,
	.wp-block-embed__wrapper {
		max-width: 100% !important;
	}

	.wp-block-embed__wrapper {
		overflow: hidden !important;
		border-radius: 16px !important;
	}

	.wp-block-embed__wrapper iframe {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 16 / 9;
		border: 0 !important;
		border-radius: 16px !important;
	}
	
	.post, .post1 {
		padding: 25px !important;
		margin: 0 !important;
	}
	
	.content .title {
		margin: 0 0 20px 0 !important;
		padding: 0 !important;
	}
	
	.content .date {
		float: none !important;
		margin: 0 auto 20px auto !important;
		display: block !important;
		text-align: center !important;
	}
	
	.content h1 {
		font-size: 26px !important;
		line-height: 1.4 !important;
		margin: 0 0 16px 0 !important;
		padding: 0 !important;
		color: #602600 !important;
	}
	
	.content h2 {
		font-size: 22px !important;
		line-height: 1.4 !important;
		margin: 24px 0 16px 0 !important;
		color: #602600 !important;
	}
	
	.content h3 {
		font-size: 19px !important;
		line-height: 1.4 !important;
		margin: 20px 0 12px 0 !important;
		color: #7a4b11 !important;
	}
	
	.content p {
		margin: 0 0 16px 0 !important;
		padding: 0 !important;
		line-height: 1.7 !important;
	}
	
	.content ul, .content ol {
		margin: 16px 0 16px 24px !important;
		padding: 0 !important;
	}
	
	.content li {
		margin: 8px 0 !important;
		padding: 0 !important;
		line-height: 1.7 !important;
	}
	
	.content .entry {
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.wp-pagenavi {
		position: static !important;
		text-align: center !important;
		padding: 20px 0 !important;
	}
	
	#footer {
		text-align: center !important;
	}
	
	.copy {
		width: 100% !important;
		text-align: center !important;
	}

	.footer-ad-banner {
		width: 100% !important;
		max-width: 100% !important;
		margin: 20px 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}
}

@media (min-width: 1201px) {
	.sidebars-counter {
		display: block;
		width: 340px;
		margin: 0 0 12px 0;
		text-align: left;
		clear: both;
	}

	.sidebars-counter strong,
	.sidebars-counter .page_counter_label {
		display: block;
	}

	.sidebars-counter .page_counter_label,
	.sidebars-counter .page_counter_text {
		color: #ffffff;
		background: #cea857;
	}

	#sidebars {
		display: block;
		overflow: visible;
		padding: 0;
		margin-top: 0;
	}

	#sidebar-area {
		width: 340px;
		flex: 0 0 auto;
	}
}