/* -------------------------------------------

	Name: 		Fairtrade International (print)
	Date:		2018/09/06
	Author:		http://psdhtml.me

---------------------------------------------  */
* { margin: 0; padding: 0; }
@page { margin: .5cm; }

html { font-size: 100.01%; }
body { background: #fff; font-size: 60%; }

body, textarea, input, select, option, button { color: #000; font-family: Calibri, Helvetica, Arial, sans-serif; line-height: 1.4; }
li, dt, dd, p, figure, th, td, caption, pre, legend { font-size: 1.5em; } /*---*/ li *, li li, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; }
ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 1em; }

article, aside, div, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin-bottom: 2em; }
	
	
/*! Layout --------- */
#top { margin: 0 0 1em; padding: 0 0 0.5em; border-bottom: 1px solid #ccc; }
	#logo { margin: 0 0 .5em; }
		#logo a { color: #000; text-decoration: none; }
#content { }
	#content a:after { content: " (" attr(href) ") "; color: #555; font-size: 0.8em; font-style: italic; }
	#content a[href^="#"]:after, #content a[href="./"]:after { content: ""; }
#footer { margin: 1em 0 0; padding: 1em 0 0; border-top: 1px solid #ccc; }


/*! Columns --------- */


/*! Modules --------- */
.list-details { }
	.list-details .strong:after { content: ": "; }
.list-news { }
	.list-news label, .module-calendar .date { display: block; font-family: Calibri, Helvetica, Arial, sans-serif; font-size: .75em; }
.list-products, .list-news, .list-box, .list-details, .tabs-a > ul { list-style: none; padding: 0; }
	.list-products li, .list-news li, .list-box li { margin-bottom: 1em; font-size: 1em; }
	.list-products h1, .list-products h2, .list-products h3, .list-products h4, .list-products h5, .list-products h6, .list-news h1, .list-news h2, .list-news h3, .list-news h4, .list-news h5, .list-news h6, .list-box h1, .list-box h2, .list-box h3, .list-box h4, .list-box h5, .list-box h6 { margin: 0; font-size: 1.5em; }
	.list-products p, .list-news p, .list-box p { margin-bottom: 0; font-size: 1.5em; }
.module-box { padding: 1em 1em .1em; background: #fafafa; }
	

/*! Defaults --------- */
h1, h2, h3, h4, h5, h6, #logo, .tabs-a > ul li { margin: 1.25em 0 0.5em; color: #000; font-weight: 700; font-family: Cambria, Georgia, serif; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #logo a, .tabs-a > ul li a { color: #000; text-decoration: none; }
	h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; }
h2, h3 { page-break-after: avoid; }
	h1, #logo { margin-top: 0; font-size: 2.4em; }
	h2 { font-size: 2.0em; }
	h3 { font-size: 1.8em; }
	h4 { font-size: 1.6em; }
	h5 { font-size: 1.5em; text-transform: uppercase; }
	h6 { font-size: 1.4em; text-transform: uppercase; }
p, h2, h3 { orphans: 3; widows: 3; }

a { color: #09f; text-decoration: underline; }
.strong { font-weight: 700; }
.scheme-box { padding: 1em 1em .1em; background: #fafafa; font-style: italic; font-weight: 700; }

img { max-width: 100% !important; height: auto !important; border-width: 0; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }
tr, img { page-break-inside: avoid; }

ul, ol, dd, blockquote { padding-left: 2em; }
	ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

table { display: table; border-collapse: collapse; border-spacing: 0; }
	table th, table td { padding: 0.3em 0.6em; border: 1px solid #ccc; }


/*! Hiding --------- */
.tabs-a > ul li.active { position: relative; left: 0; top: 0; }
.accordion-a > div { display: block !important; }
#skip, nav, form, [class^="link"], [class*="icon"], h1 a:after, h2 a:after, h3 a:after, h4 a:after, h5 a:after, h6 a:after, .clone, .list-social, #footer form ~ *, .list-products figure, .module-featured, .module-forms, .list-news figure, .link-btn, .link-header, .module-aside figure, .list-featured, .module-wide figure, .module-calendar footer, .module-calendar nav, #top, .list-news p > a:only-child, .list-box .list-inline, .hidden, .nav-breadcrumbs, [class*="cols"] > aside, .overlay-close, .tabs-a > ul li, .list-slider, .close, .tabs-header, .dont-print { position: absolute; left: -3000em; top: -3000em; }