@import url("../../prosilver/theme/stylesheet.css");
@import url("tweaks.css");

/* =========================================================================
   ForumTurystyczne - motyw podrozniczy: las, blekit, piasek
   ========================================================================= */

:root {
	--ft-forest-900: #10331f;
	--ft-forest-800: #17452b;
	--ft-forest-700: #1f5c3d;
	--ft-forest-600: #2a7a52;
	--ft-forest-500: #3d9a6a;
	--ft-forest-300: #8fd0ac;

	--ft-sky-700: #1d5f8a;
	--ft-sky-600: #2b7fb8;
	--ft-sky-500: #4aa3d8;
	--ft-sky-200: #cbe6f6;

	--ft-sand-700: #a8823f;
	--ft-sand-500: #d8b877;
	--ft-sand-300: #ecd9ae;
	--ft-sand-100: #f7efdd;

	--ft-bg: #f4f1e8;
	--ft-surface: #ffffff;
	--ft-surface-alt: #fbf8f0;
	--ft-border: #ddd4c0;
	--ft-border-soft: #eae3d4;

	--ft-text: #22312a;
	--ft-text-soft: #5c6a62;
	--ft-link: #1f5c3d;
	--ft-link-hover: #2b7fb8;

	--ft-shadow-sm: 0 1px 2px rgba(32, 48, 40, .10);
	--ft-shadow: 0 3px 12px rgba(32, 48, 40, .12);
	--ft-shadow-lg: 0 10px 28px rgba(21, 46, 33, .22);

	--ft-radius: 8px;
	--ft-radius-lg: 14px;

	/* zgodnosc ze starym zmiennym akcentem */
	--fora-accent: #1f5c3d;
}

/* ---------- Baza ---------------------------------------------------- */

html {
	overflow-x: hidden;
}

body {
	background-color: var(--ft-bg);
	background-image: linear-gradient(180deg, var(--ft-sky-200) 0%, var(--ft-sand-100) 260px, var(--ft-bg) 520px);
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: var(--ft-text);
	line-height: 1.55;
	overflow-x: hidden;
}

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

/* ---------- Szerokosc strony (PC) ----------------------------------- */

.wrap,
.simple-wrap,
#wrap {
	width: auto;
	max-width: 1500px;
	min-width: 0;
	margin: 20px auto 28px;
	padding: 0 22px;
	box-sizing: border-box;
	background: transparent;
	border: 0;
	border-radius: 0;
}

.page-body,
#page-body {
	margin: 0;
}

/* ---------- Naglowek / headerbar ------------------------------------ */

.headerbar {
	background-color: var(--ft-forest-700);
	background-image: linear-gradient(120deg, var(--ft-forest-800) 0%, var(--ft-forest-700) 45%, var(--ft-sky-700) 100%);
	color: #f2fbf5;
	border: 0;
	border-bottom: 4px solid var(--ft-sand-500);
	border-radius: var(--ft-radius-lg) var(--ft-radius-lg) 0 0;
	box-shadow: var(--ft-shadow-lg);
	padding: 20px 24px;
	position: relative;
	overflow: hidden;
}

/* miekka poswiata "slonca nad horyzontem" */
.headerbar::after {
	content: "";
	position: absolute;
	right: 6%;
	top: -70px;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(236, 217, 174, .55) 0%, rgba(236, 217, 174, 0) 68%);
	pointer-events: none;
}

.headerbar a {
	color: #ffffff;
}

.site-description {
	float: left;
	position: relative;
	z-index: 1;
}

.site-description h1 {
	color: #ffffff;
	font-size: 2em;
	font-weight: 700;
	letter-spacing: .4px;
	text-shadow: 0 2px 5px rgba(0, 0, 0, .32);
	margin-bottom: 4px;
}

.site-description h1 a {
	color: #ffffff;
}

.site-description p {
	color: rgba(240, 250, 244, .82);
	font-size: 1.05em;
}

.site-description h1 a::after {
	content: "";
	display: block;
	width: 110px;
	height: 4px;
	margin-top: 7px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--ft-sand-500) 0%, var(--ft-sky-500) 100%);
}

/* logo */
.logo {
	position: relative;
	z-index: 1;
	color: #ffffff;
	padding: 6px 12px;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .28);
	border-radius: var(--ft-radius);
}

.logo:hover {
	background: rgba(216, 184, 119, .28);
	border-color: var(--ft-sand-300);
	text-decoration: none;
}

.logo img {
	display: block;
}

.headerbar .search-header {
	background: rgba(255, 255, 255, .16);
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: var(--ft-radius);
	box-shadow: none;
}

.headerbar .search-header .inputbox {
	background: transparent;
	border: 0;
	color: #ffffff;
}

.headerbar .search-header .inputbox::placeholder {
	color: rgba(255, 255, 255, .7);
}

/* ---------- Navbar --------------------------------------------------- */

.navbar {
	background-color: var(--ft-forest-900);
	background-image: linear-gradient(180deg, var(--ft-forest-800) 0%, var(--ft-forest-900) 100%);
	border: 0;
	border-radius: 0;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), var(--ft-shadow);
	padding: 4px 14px;
}

.navbar + .navbar,
.wrap > .navbar:last-of-type {
	border-radius: 0 0 var(--ft-radius-lg) var(--ft-radius-lg);
	margin-bottom: 18px;
}

.navbar ul.linklist {
	padding: 0;
}

.navbar .linklist > li > a,
.navbar .linklist > li > span,
.navbar .navlinks a,
.navbar .rightside a,
.navbar .leftside a {
	color: #d5e8dd;
}

.navbar a:hover,
.navbar .linklist > li > a:hover {
	color: var(--ft-sand-300);
	text-decoration: none;
}

.dropdown .dropdown-contents {
	background-color: var(--ft-surface);
	border: 1px solid var(--ft-border);
	border-radius: var(--ft-radius);
	box-shadow: var(--ft-shadow-lg);
}

.dropdown-contents a {
	color: var(--ft-link);
}

.dropdown-contents li:hover {
	background-color: var(--ft-surface-alt);
}

/* ---------- Breadcrumbs --------------------------------------------- */

.navlinks {
	border-top: 0;
}

.breadcrumbs .crumb,
.breadcrumbs .crumb a {
	color: #d5e8dd;
	font-weight: 500;
}

.breadcrumbs .crumb::before {
	color: var(--ft-sand-500);
	font-weight: 700;
}

.breadcrumbs .crumb a:hover {
	color: var(--ft-sand-300);
}

/* ---------- Linki ---------------------------------------------------- */

a,
a:link,
a:visited {
	color: var(--ft-link);
	text-decoration: none;
	transition: color .15s ease;
}

a:hover,
a:active {
	color: var(--ft-link-hover);
	text-decoration: underline;
}

a.forumtitle,
a.topictitle {
	color: var(--ft-forest-700);
	font-weight: 600;
	text-shadow: none;
}

a.forumtitle:hover,
a.topictitle:hover {
	color: var(--ft-sky-600);
	text-decoration: none;
}

/* ---------- Naglowki list forow / dzialow ---------------------------- */

.forabg,
.forumbg {
	background-color: var(--ft-forest-700);
	background-image: linear-gradient(135deg, var(--ft-forest-700) 0%, var(--ft-forest-600) 60%, var(--ft-sky-700) 100%);
	border: 1px solid var(--ft-forest-800);
	border-radius: var(--ft-radius-lg);
	box-shadow: var(--ft-shadow);
	padding: 0;
	margin-bottom: 18px;
	overflow: hidden;
}

ul.topiclist li.header dt,
ul.topiclist li.header dd {
	color: #ffffff;
	font-size: 1.05em;
	font-weight: 700;
	letter-spacing: .3px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
	padding-top: 11px;
	padding-bottom: 11px;
	border-bottom: 3px solid var(--ft-sand-500);
}

ul.topiclist li.header dt a,
ul.topiclist li.header dd a {
	color: #ffffff;
}

ul.topiclist {
	background: transparent;
}

ul.topiclist li {
	color: var(--ft-text-soft);
}

ul.topiclist dd {
	border-left-color: rgba(255, 255, 255, .4);
}

/* ---------- Wiersze li.row ------------------------------------------ */

ul.topiclist li.row {
	background-color: var(--ft-surface);
	border-top: 1px solid var(--ft-border-soft);
	transition: background-color .15s ease;
}

ul.topiclist li.row:first-of-type {
	border-top: 0;
}

li.row.bg1 { background-color: var(--ft-surface); }
li.row.bg2 { background-color: var(--ft-surface-alt); }

li.row:hover {
	background-color: #eef7f1;
}

li.row strong {
	color: var(--ft-text);
}

li.row dd {
	border-left: 1px solid var(--ft-border-soft);
}

li.row .username,
li.row .username-coloured {
	color: var(--ft-forest-700);
}

dl.row-item dt .list-inner {
	padding-left: 48px;
}

.forum-description,
.topic-poster,
.responsive-hide,
.lastpost {
	color: var(--ft-text-soft);
}

/* ---------- Panele ---------------------------------------------------- */

.panel {
	background-color: var(--ft-surface);
	background-image: linear-gradient(180deg, var(--ft-surface) 0%, var(--ft-surface-alt) 100%);
	color: var(--ft-text);
	border: 1px solid var(--ft-border);
	border-radius: var(--ft-radius-lg);
	box-shadow: var(--ft-shadow-sm);
	margin-bottom: 18px;
	padding: 14px 18px;
}

.panel .inner {
	background: transparent;
}

.panel h2,
.panel h3 {
	color: var(--ft-forest-700);
	border-bottom: 2px solid var(--ft-sand-300);
	padding-bottom: 8px;
	margin-bottom: 12px;
}

h2,
h3,
.forum-title {
	color: var(--ft-forest-700);
}

.navigation a {
	background: var(--ft-surface);
	border: 1px solid var(--ft-border);
	border-radius: var(--ft-radius);
	color: var(--ft-link);
}

.navigation .active-subsection a {
	background: var(--ft-forest-700);
	border-color: var(--ft-forest-800);
	color: #ffffff;
}

/* ---------- Posty ---------------------------------------------------- */

.post {
	background-color: var(--ft-surface);
	background-image: none;
	border: 1px solid var(--ft-border);
	border-left: 4px solid var(--ft-forest-600);
	border-radius: var(--ft-radius-lg);
	box-shadow: var(--ft-shadow-sm);
	padding: 0;
	margin-bottom: 16px;
	overflow: hidden;
}

.post .inner {
	padding: 14px 18px;
}

.post.bg1,
.post.bg2,
.post.bg3 {
	background-color: var(--ft-surface);
}

.post:hover {
	box-shadow: var(--ft-shadow);
}

.postbody {
	color: var(--ft-text);
}

.postbody h3,
.postbody h3 a {
	color: var(--ft-forest-700);
	font-weight: 700;
}

.postbody .content {
	font-size: 1.05em;
	line-height: 1.7;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.postprofile {
	background: var(--ft-sand-100);
	border-left: 1px solid var(--ft-border);
	border-radius: var(--ft-radius);
	color: var(--ft-text-soft);
	padding: 10px 12px;
}

.postprofile strong,
.postprofile .username,
.postprofile .username-coloured {
	color: var(--ft-forest-700);
}

.author,
.post .author {
	color: var(--ft-text-soft);
	border-bottom: 1px dashed var(--ft-border);
	padding-bottom: 8px;
	margin-bottom: 10px;
}

blockquote {
	background-color: #e9f4fb;
	border: 1px solid #c3dff0;
	border-left: 4px solid var(--ft-sky-600);
	border-radius: var(--ft-radius);
	color: var(--ft-text);
}

blockquote cite {
	color: var(--ft-sky-700);
	font-weight: 600;
}

.codebox {
	background-color: var(--ft-sand-100);
	border: 1px solid var(--ft-border);
	border-left: 4px solid var(--ft-sand-700);
	border-radius: var(--ft-radius);
}

.codebox p {
	border-bottom-color: var(--ft-border);
	color: var(--ft-sand-700);
	font-weight: 700;
	text-transform: none;
}

.codebox code {
	color: var(--ft-forest-800);
}

.signature {
	border-top: 1px solid var(--ft-border-soft);
	color: var(--ft-text-soft);
}

.online {
	background-image: none;
}

.attachbox {
	background-color: var(--ft-surface-alt);
	border: 1px dashed var(--ft-border);
	border-radius: var(--ft-radius);
}

/* ---------- Przyciski ------------------------------------------------ */

.button,
a.button,
a.button1,
a.button2,
input.button1,
input.button2,
input.button3,
button.button1,
button.button2 {
	background-color: var(--ft-forest-700);
	background-image: linear-gradient(180deg, var(--ft-forest-600) 0%, var(--ft-forest-800) 100%);
	border: 1px solid var(--ft-forest-900);
	border-radius: 999px;
	color: #ffffff;
	font-weight: 600;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .28);
	box-shadow: var(--ft-shadow-sm);
	padding: 6px 16px;
	transition: background-color .15s ease, box-shadow .15s ease, transform .06s ease;
}

.button:hover,
a.button:hover,
a.button1:hover,
a.button2:hover,
input.button1:hover,
input.button2:hover,
input.button3:hover,
button.button1:hover,
button.button2:hover {
	background-color: var(--ft-sky-600);
	background-image: linear-gradient(180deg, var(--ft-sky-500) 0%, var(--ft-sky-700) 100%);
	border-color: var(--ft-sky-700);
	color: #ffffff;
	box-shadow: var(--ft-shadow);
	text-decoration: none;
}

.button:active,
input.button1:active,
input.button2:active {
	transform: translateY(1px);
	box-shadow: none;
}

/* przycisk glowny: piaskowy */
a.button1,
input.button1,
button.button1 {
	background-color: var(--ft-sand-700);
	background-image: linear-gradient(180deg, var(--ft-sand-500) 0%, var(--ft-sand-700) 100%);
	border-color: #8c6a2f;
	color: #2b2008;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
}

a.button1:hover,
input.button1:hover,
button.button1:hover {
	background-color: var(--ft-sand-500);
	background-image: linear-gradient(180deg, var(--ft-sand-300) 0%, var(--ft-sand-500) 100%);
	border-color: var(--ft-sand-700);
	color: #2b2008;
}

/* ---------- Formularze ----------------------------------------------- */

fieldset {
	color: var(--ft-text);
}

fieldset dt label,
dl.fields1 dt label,
dl.fields2 dt label,
legend {
	color: var(--ft-text);
	font-weight: 600;
}

input.inputbox,
textarea.inputbox,
select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="url"],
textarea {
	background-color: #ffffff;
	border: 1px solid var(--ft-border);
	border-radius: var(--ft-radius);
	color: var(--ft-text);
	padding: 6px 10px;
	box-shadow: inset 0 1px 2px rgba(32, 48, 40, .07);
	transition: border-color .15s ease, box-shadow .15s ease;
	max-width: 100%;
	box-sizing: border-box;
}

input.inputbox:focus,
textarea.inputbox:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
	border-color: var(--ft-sky-600);
	box-shadow: 0 0 0 3px rgba(43, 127, 184, .18);
	outline: none;
}

.inputbox::placeholder {
	color: #9aa79f;
}

fieldset.fields1,
fieldset.fields2 {
	background-color: transparent;
}

.error,
.errorbox {
	color: #b3261e;
}

.successbox {
	color: #14663f;
}

/* ---------- Paginacja ------------------------------------------------ */

.pagination {
	color: var(--ft-text-soft);
}

.pagination li a,
.pagination li span,
.pagination li.active span,
.pagination li.ellipsis span {
	background-color: var(--ft-surface);
	border: 1px solid var(--ft-border);
	border-radius: 999px;
	color: var(--ft-link);
	font-weight: 600;
	padding: 3px 10px;
	box-shadow: var(--ft-shadow-sm);
}

.pagination li a:hover {
	background-color: var(--ft-sky-600);
	border-color: var(--ft-sky-700);
	color: #ffffff;
	text-decoration: none;
}

.pagination li.active span {
	background-color: var(--ft-forest-700);
	background-image: linear-gradient(180deg, var(--ft-forest-600), var(--ft-forest-800));
	border-color: var(--ft-forest-900);
	color: #ffffff;
}

.pagination li.ellipsis span {
	background: transparent;
	border-color: transparent;
	box-shadow: none;
	color: var(--ft-text-soft);
}

.action-bar,
.action-bar .buttons {
	color: var(--ft-text-soft);
}

/* ---------- Stopka --------------------------------------------------- */

.copyright,
#page-footer .copyright {
	background-color: var(--ft-forest-800);
	background-image: linear-gradient(120deg, var(--ft-forest-800) 0%, var(--ft-forest-900) 60%, var(--ft-sky-700) 100%);
	border-top: 4px solid var(--ft-sand-500);
	border-radius: var(--ft-radius-lg);
	color: #d5e8dd;
	padding: 18px 20px;
	margin-top: 10px;
	text-align: center;
	font-size: .95em;
	box-shadow: var(--ft-shadow);
}

.copyright a {
	color: var(--ft-sand-300);
}

.copyright a:hover {
	color: #ffffff;
}

#page-footer .navbar {
	border-radius: var(--ft-radius-lg);
	margin-bottom: 12px;
}

/* ---------- Tabele / rozne ------------------------------------------- */

table.table1 thead th {
	background-color: var(--ft-forest-700);
	color: #ffffff;
	border-bottom: 3px solid var(--ft-sand-500);
}

table.table1 tbody tr:hover,
table.table1 tbody tr.hover {
	background-color: #eef7f1;
	color: var(--ft-text);
}

table.table1 td {
	color: var(--ft-text);
}

.table-wrap {
	overflow-x: auto;
}

hr {
	border-color: var(--ft-border-soft);
}

.bg1 { background-color: var(--ft-surface); }
.bg2 { background-color: var(--ft-surface-alt); }
.bg3 { background-color: var(--ft-sand-100); }

/* =========================================================================
   RESPONSYWNOSC
   ========================================================================= */

@media only screen and (max-width: 1100px) {
	.wrap,
	.simple-wrap,
	#wrap {
		padding: 0 14px;
		margin-top: 12px;
	}
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	html,
	body {
		overflow-x: hidden;
		max-width: 100%;
	}

	body {
		background-attachment: scroll;
	}

	.wrap,
	.simple-wrap,
	#wrap {
		width: auto;
		max-width: none;
		min-width: 0;
		margin: 6px 6px 12px;
		padding: 0;
		border: 0;
		box-sizing: border-box;
	}

	.headerbar,
	.navbar,
	.copyright,
	#page-footer .copyright {
		border-radius: var(--ft-radius);
		padding-left: 10px;
		padding-right: 10px;
	}

	.headerbar {
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.headerbar::after {
		display: none;
	}

	.site-description {
		float: none;
		text-align: center;
	}

	.site-description h1 {
		font-size: 1.4em;
	}

	.site-description h1 a::after {
		margin: 6px auto 0;
	}

	.site-description p {
		font-size: .95em;
	}

	.logo {
		float: none;
		display: block;
		text-align: center;
		margin: 0 0 8px;
		padding: 4px 8px;
	}

	.forabg,
	.forumbg,
	.panel,
	.post {
		border-radius: var(--ft-radius);
		margin-bottom: 10px;
	}

	.panel {
		padding: 10px;
	}

	.post .inner {
		padding: 10px;
	}

	ul.topiclist li.header dt,
	ul.topiclist li.header dd {
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 1em;
	}

	ul.topiclist dt,
	ul.topiclist dd {
		box-sizing: border-box;
	}

	li.row dd {
		border-left: 0;
	}

	dl.row-item dt .list-inner {
		padding-left: 48px;
		padding-right: 6px;
	}

	.postbody,
	.postbody .content,
	.post .inner,
	blockquote,
	.signature {
		word-wrap: break-word;
		overflow-wrap: break-word;
		word-break: break-word;
		max-width: 100%;
	}

	.postprofile {
		border-left: 0;
		border-bottom: 1px solid var(--ft-border);
		border-radius: var(--ft-radius) var(--ft-radius) 0 0;
		margin: 0 0 8px;
		padding: 8px;
	}

	.codebox,
	pre,
	table.table1,
	.table-wrap {
		max-width: 100%;
		overflow-x: auto;
	}

	.pagination li a,
	.pagination li span {
		padding: 3px 8px;
	}

	.button,
	a.button,
	a.button1,
	a.button2,
	input.button1,
	input.button2 {
		padding: 7px 12px;
	}

	input.inputbox,
	textarea.inputbox,
	select,
	textarea {
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}

	.copyright {
		font-size: .85em;
		padding: 12px 10px;
	}
}

@media only screen and (max-width: 420px) {
	.wrap,
	.simple-wrap,
	#wrap {
		margin: 4px 4px 10px;
	}

	.site-description h1 {
		font-size: 1.2em;
	}

	dl.row-item dt .list-inner {
		padding-left: 48px;
	}
}

/* Naglowek bez graficznego logo i z czytelnym odstepem nazw sekcji. */
#logo,
.logo {
	display: none;
}

.forabg ul.topiclist li.header dt .list-inner,
.forumbg ul.topiclist li.header dt .list-inner {
	padding-left: 16px;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.forabg ul.topiclist li.header dt .list-inner,
	.forumbg ul.topiclist li.header dt .list-inner {
		padding-left: 12px;
	}
}

/* === REKLAMA ESKY === */
/* Bez overflow: hidden - kalendarz dat wychodzi poza widget i bylby uciety. */
.esky-ad {
    margin: 10px 0 15px 0;
}

.esky-ad-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #777;
    border-bottom: 1px solid var(--ft-border);
    padding-bottom: 5px;
    margin-bottom: 10px;
}

/* Rezerwacja miejsca na widget, zeby tresc nie skakala po jego zaladowaniu.
   Widget ma wlasne biale tlo, ramke i cien, wiec nie dokladamy swoich. */
.esky-ad-box {
    max-width: 1200px;
    min-height: 490px;
    margin: 0 auto;
}

@media screen and (min-width: 640px) {
    .esky-ad-box {
        min-height: 184px;
    }
}

/* W temacie reklama jest ostatnim postem, wiec gorny blok chowamy (zapas dla warunku w overall_header.html).
   Rozszerzenie SEO URL robi z klasy "section-viewtopic/nazwa-tematu-t123.html", stad dopasowanie po poczatku. */
body[class*=" section-viewtopic"] .esky-ad {
    display: none;
}

/* Reklama jako ostatni post w temacie */
/* Tytuly postow sa linkami w kolorze forum; tu tytul nie jest linkiem, wiec kolor ustawiamy wprost. */
.esky-post .postbody h3 {
    color: var(--ft-forest-700);
}

.esky-post .esky-post-intro {
    margin: 0 0 15px 0;
}

.esky-post .esky-ad-box {
    max-width: none;
}


/* Kalendarz eSky musi wychodzić poza ramkę posta. */
.esky-post,
.esky-post .content {
    overflow: visible;
}
.esky-post .postbody {
    clear: none;
}

@media (min-width: 701px) {
    .esky-post > .inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 180px;
        gap: 18px;
        align-items: start;
    }
    .esky-post > .inner::after { display: none; }
    .esky-post .postprofile {
        grid-column: 2;
        grid-row: 1;
        width: auto;
        min-height: 0;
        margin: 0;
        float: none;
    }
    .esky-post .postbody {
        grid-column: 1;
        grid-row: 1;
        width: auto;
        min-width: 0;
        float: none;
    }
    .esky-post .postbody h3 { margin-right: 0; }
}