html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/* Background */
/* for better monitors e5e5e5 suits better, for poor displays f9f9f9 is better */
/* Font, black */
/* From Kuler */
/* Link, OCCRP red */
/* 480px, iPhone 3,4 landscape */
/* 768px */
/* 1280px */
/* 1440px */
/* Default unit for horizontal and vertical spacing - combined from $font-size and $line-height - used for margin and padding
*/
/* Long texts cannot span the entire screen, they have to be organized into lines containing 50-80 characters only - See http://www.kaikkonendesign.fi/typography/#section/3 - Depends on $font-size
*/
/* 700px / 16px */
/* The width of the content
*/
/* Background */
/* for better monitors e5e5e5 suits better, for poor displays f9f9f9 is better */
/* Font, black */
/* From Kuler */
/* Link, OCCRP red */
/* 480px, iPhone 3,4 landscape */
/* 768px */
/* 1280px */
/* 1440px */
/* Default unit for horizontal and vertical spacing - combined from $font-size and $line-height - used for margin and padding
*/
/* Long texts cannot span the entire screen, they have to be organized into lines containing 50-80 characters only - See http://www.kaikkonendesign.fi/typography/#section/3 - Depends on $font-size
*/
/* 700px / 16px */
/* The width of the content
*/
/* Navigation arrows
*/
/* Displays an <ul> list inline
*/
/* Transforms an inline list back to normal
- This breaks the IE9 .... fix needed
*/
/* Centers an inline list - IE fix: http://www.primecut.gr/2013/05/navigation-menu-align-centered-using-width-fit-content-css/
*/
/* List floated right
*/
/* The basic body font size - See http://lamb.cc/typograph/
*/
/* 16px, 1em */
/* 20px, 1.25em */
/* This is to convert em to rem - it depends on font-size - font-size: 100% => this value is 1, font-size: 65% => this value is .65
*/
/* Line heights for headers and body text - See http://www.kaikkonendesign.fi/typography/#section/4
*/
/* Letter spacing for uppercase
*/
/* Font families
*/
/* Font sizing for headers - We employ modern typography where headers differ by design not by font size - We size fonts by REM instead of EM - We use Traditional / em scaling from http://lamb.cc/typograph/
*/
/* in :before and :after usually the font size is larger for better visibility
*/
/* Single article
*/
/* Styling article thumbs - controls how an article thumb is displayed
*/
/* The parts of an article - this mixin controls what is diplayed in an article
*/
/* Set the background and font color - 'invert' inverts this color scheme
*/
/* Links
*/
/* Icon over an image
*/
/* Image gallery border
*/
/* Separating items in a list
*/
/* On hover shows a different image - the two images must be siblings in a container - this mixin is added to the container
*/
/* Icon with text - the image size (height) must be fixed otherwise it will be taller than other elements - first used with the language selector in a menu - if the height was not set this menu item was taller than all others
*/
/* A close icon
*/
/* Borders
*/
/* The width of the content - the content is centered with automatic left and right margins
*/
/* Flexible grid - all items are aligned left with an uniform margin - this grid can be dynamically positioned by Isotope
*/
/* Column N of M - creates a grid column on N cols from M total columns
*/
/* A function to calculate the width of the column for col-n-of-m - this is used usually in padding();
*/
/* Columns defined by gutter - Sometimes the width of a column is defined inversely, by the gutter size - For example, when a col-nm(2,3) is divided into two subcolumns the gutter size is fixed to col-gutter(3) - Ie, instead having two cols of 45% and margin 10% we have a fixed margin of 2.5% and the rest of the columns calaculated accordingly
*/
/* A function to calculate the width of the column for col-by-gutter - this is used usually in padding();
*/
/* Adds padding around a grid element - the width of the element must be recalculated
*/
/* Resize a grid column 
*/
/* Responsive grids should have fixed heights to align columns left without flaw
*/
/* A responsive grid
*/
/* Generates a full grid of $how-many columns and $maximum elements - calculates automatically the columns size and margin - the right margin of the last element in a row is set to zero - $maximum sets how many articles will be displayed on a single page 
*/
/* Returns the width of a column in a grid
*/
/* Returns the margin of a column in a grid
*/
/* A left aligned column
*/
/* Remove right margin of the last element in a row of a grid - on responsive layouts we setup upd different grids - on every grid re-declaration the previous margins of last elements must be removed
*/
/* Hide a section title
*/
/* Show a section title
*/
/* Strech content to fill parent width
*/
/* Hide / show .mobile / .dekstop elements
*/
/* Center vertically or horizontally - http://davidwalsh.name/css-vertical-center 
*/
/* A placeholder for images to hold the space until the image is loaded - http://www.barrelny.com/blog/taking-control-of-imageloading/ - the padding-top sets the image aspect ratio which might vary
*/
figure div.image-holder { position: relative; padding-top: 71%; overflow: hidden; background: transparent url(images/ajax-loader.gif) no-repeat 50% 50%; }
figure div.image-holder img { position: absolute; top: 0; left: 0; width: 100%; }

/* Remove the extra padding bottom for images inside a link
- http://stackoverflow.com/questions/3532870/extra-padding-on-linked-images-in-every-broswer
*/
/*figure a { line-height: 0; } MOJ COMMENT*/

/* Hide last article 
*/
/* The fixed header
*/
/* The tag bar
*/
/* The menu for mobiles
*/
/* A menubar for mobiles - it's a static bar which shows the menu on click
*/
/* A responsive menu  - it is usually a <nav> element
*/
/* A menu - a list of items, with different hover and active states - it's parent is usually a <nav> element
*/
/* Creates a menu item - on hover & active the menu item is highlighted
*/
/* A pagination bar
*/
/* Rem Unit font sizes with relative fallback http:/seesparkbox.com/foundry/scss_rem_mixin_now_with_a_better_fallback  
	Usage: @include font-size(1, large);
*/
/* Set the line height - 'body' goes from non text elements, it is the default setting put in <body> - 'text' goes for long texts like blog posts, articles, etc; - 'headings' goes for <h1>, etc
*/
/* Select box - put <select> inside a <label class="select"> - label:after is positioned over the original selectbox arrow - label after must have a background color to hide the default arrow
*/
/* Cross browser compatible styling: http://www.inserthtml.com/2012/06/custom-form-radio-checkbox/ - the checkbox and radio button is not displayed - instead a label is displayed which can be styled with 'content'  - example:  <ul class="checkbox"> <li><input id="checkbox1" name="checkbox" checked="checked" type="checkbox"><label for="checkbox1"></label>Option 1</li> <li><input id="checkbox2" name="checkbox" type="checkbox"><label for="checkbox2"></label>Option 2</li> <li><input id="checkbox3" name="checkbox" type="checkbox"><label for="checkbox3"></label>Option 3</li> </ul>
*/
/* <dl>
*/
/* <ul> and <ol> lists - they display a custom bullet / number via $before - the text of the list is aligned right related to the bullet / number
*/
/* Display a figure inline
*/
/* Figures are floated around the text, either left or right - becuase of 'display:table' it's not working well on mobiles
*/
/* The search button with text in the tag bar
*/
/* The social icons in the tag bar
*/
/* Social icons in the footer
*/
/* Sponsors, contact in the footer
*/
/* Make icons taller than the default size in the header - this is kinda manual pixel pushing
*/
/* The language selector
*/
/* The Archives 
*/
/* The sidebar
*/
/* The sidebar
*/
/* Fixed sidebar
*/
/* An article with thumb left, the rest right
*/
/* Image left
*/
/* Full Screen Gallery 
*/
/* Image Gallery
*/
/* Simple slider
*/
/* A responsive slider
*/
/* The header on desktop
*/
/* The header on tablets
*/
/* The header on mobiles
*/
/* The logo
*/
/* Default settings for this theme - like typography, links, colors, etc
*/
/* Vertical spacing of all typographic elements
*/
/* Settings for long text content like articles, blog posts
*/
/* Structures / Templates of the Atomic web design - the layout, the grid, the wireframe - groups of organisms stitched together to form pages 
*/
/* About us
*/
/* Board of Directors
*/
/* Jobs
*/
/* Videos
*/
/* Galleries
*/
/* Resources archive
*/
/* Single article page
*/
/* Blog archive
*/
/* Daily
*/
/* Author archives
*/
/* The Tags page
*/
/* The Category page
*/
/* Tags on frontpage above footer
*/
/* Videos
*/
/* Most read
*/
/* Blog on the frontpage
*/
/* Projects on frontpage
*/
/* Products
*/
/* Investigations
*/
/* The news
*/
/* The news and announcements on the frontpage
*/
/* The slider on the frontpage
*/
/* The Slider with the news on frontpage
*/
/* The Header
*/
/* Footer
*/
html { /* Full Screen Gallery
*/ }
html.full-screen-gallery { height: 100%; }
html.full-screen-gallery body { height: 100%; }
html.full-screen-gallery body .container { display: none; }
html.full-screen-gallery body .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; height: calc(100% - 3.75em); margin: auto; text-align: center; }
html.full-screen-gallery body .gallery .before, html.full-screen-gallery body .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html.full-screen-gallery body .gallery .before a, html.full-screen-gallery body .gallery .after a { color: white; text-decoration: none; }
html.full-screen-gallery body .gallery .before a:hover, html.full-screen-gallery body .gallery .after a:hover { color: white; }
html.full-screen-gallery body .gallery .before:before, html.full-screen-gallery body .gallery .after:before { content: "\2794"; }
html.full-screen-gallery body .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html.full-screen-gallery body .gallery .after { right: 0; float: right; }
html.full-screen-gallery body .gallery article, html.full-screen-gallery body .gallery .gallery-item { display: none; }
html.full-screen-gallery body .gallery article:first-of-type, html.full-screen-gallery body .gallery .gallery-item:first-of-type { display: block; }
html.full-screen-gallery body .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html.full-screen-gallery body .gallery figure div.image-holder img { position: relative; width: 100%; }
html.full-screen-gallery body .gallery figure div.image-holder img { width: auto !important; }
html.full-screen-gallery body .gallery figure figcaption { display: none; }
html.full-screen-gallery body .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html.full-screen-gallery body .gallery span a { color: white; text-decoration: none; }
html.full-screen-gallery body .gallery span a:hover { color: white; }
html.full-screen-gallery body .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
html.full-screen-gallery body .gallery figure { position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
html.full-screen-gallery body .gallery span.show { display: none; }
html.full-screen-gallery body .gallery span.close { display: block; }
html body { background: white; color: #231f20; font-size: 100%; line-height: 1.25; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; /* Sticky header
*/ /* Frontpage
*/ /* Category
*/ /* Tag
*/ /* Archives
*/ /* Resource Center
*/ /* Blog Archive
*/ /* Author Archive
*/ /* Single Article
*/ /* About Us
*/ /* Board Directors
*/ /* Jobs, Announcements
*/ /* Galleries
*/ /* Daily 
*/ /* Videos
*/ /* Highlighting active menu items
*/ /* Highlighting active menu items in the sidebar, About pages
*/ }
html body a { color: #231f20; text-decoration: none; }
html body a:hover { color: #982022; }
html body img { width: auto; height: auto; max-width: 100%; }
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; line-height: 1.25; padding: 0; }
html body h1 { font-size: 20px; font-size: 1.25rem; font-weight: bold; }
/*MOJE*/ .single h1 { font-size: 1.5rem; margin-top: 15px;}
html body h2 { font-size: 20px; font-size: 1.25rem; font-weight: normal; text-transform: uppercase; letter-spacing: 1.1px; }
html body h3 { font-size: 20px; font-size: 1.25rem; font-weight: normal; }
html body h4 { font-size: larger; font-weight: normal; }
html body .container { width: 95%; margin: 0 2.5%; }
@media only screen and (min-width: 90.001em) { html body .container { width: 75%; margin: 0 12.5%; } }
html body .container #header, html body .container main, html body .container section, html body .container nav, html body .container aside, html body .container #footer { width: 100%; max-width: 100%; float: left; }
/*MOJE*/ .single nav { margin-bottom: 0.625em; }
/*MOJE*/ .single nav .print{ display: inline-block; width: 1.25em; float: left; margin-right: 0.625em; }
/*MOJE*/ .single nav .date{ color: #332d2f; font-size: small; font-style: normal; display: inline-block; float: left; margin-right: 0.625em;}
/*MOJE*/ .single nav .authors{ color: #332d2f; font-size: small; font-style: normal; letter-spacing: 1.1px; text-transform: uppercase; display: inline-block; float: left; margin-right: 0;}
/*MOJE*/ .single .meta .authors ul li:first-of-type { font-family: "Bitter",serif; font-style: italic; text-transform: none; }
/*MOJE*/ .single .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
/*MOJE*/ .single .content { line-height: 1.75;}
/*MOJE*/ .single .content p { margin-top: 1.25em;}
/*MOJE*/ .single .content strong { font-weight: 700;}
/*MOJE*/ .single .content em { font-style: italic;}
/*MOJE*/ .single .content a { color: #982022;}
/*MOJE*/ .single .content ul li:before { content: "•"; font-weight: bold; left: 0; position: absolute;}
/*MOJE*/ .single .content ul li { padding-left: 1.25em; position: relative;}
/*MOJE*/ .single .content ul{ margin: 1.25em 0;}
/*MOJE*/ .single .content h2{ margin-bottom: 0; margin-top: 0; padding: 1.45833em 0;}
/*MOJE*/ .single .content dl dt {font-size: 1.25rem; font-weight: normal; letter-spacing: 1.1px; text-transform: uppercase;}
/*MOJE*/ .single .content dt {margin-top: 1.25em;}

/*MOJE*/ .single .content figure.person.left  {float: left; margin: -50px 2.5em 1.25em 0; width: 35%;}
/*MOJE*/ .single .content figure.person.left img { position: relative; height: 100%; width: 100%; display: block;}
/*MOJE*/ .single .content figure.person.left div.image-holder { padding-top: 0 !important;}

/*MOJE*/ .single .content figure.person { top: 0;}
/*MOJE*/ .single .content figure.person img {max-width: 100%; display: block;}
/*MOJE*/ .single .content figure.person.single div{margin-bottom: -40px}
/*MOJE*/ .single .content dd {width: 100%; display: block; overflow: hidden;}
html body .container #header > h3, html body .container main > h3, html body .container section > h3, html body .container nav > h3, html body .container aside > h3, html body .container #footer > h3 { display: none; }
html body .container #header { margin-bottom: 0.625em; }
html body .container #header .logo h1, html body .container #header .logo figure figcaption { display: none; }
@media only screen and (max-width: 29.999em) { html body .container #header .logo { text-align: center; } }
@media only screen and (min-width: 80em) { html body .container #header .logo { text-align: center; } }
html body .container #header nav { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; }
html body .container #header nav ul li a { padding: 0.625em 0.3125em; display: inline-block; }
html body .container #header nav ul li.active a, html body .container #header nav ul li:hover a { background: #982022; color: white; }
html body .container #header nav ul li.active a a, html body .container #header nav ul li:hover a a { color: #231f20; text-decoration: none; }
html body .container #header nav ul li.active a a:hover, html body .container #header nav ul li:hover a a:hover { color: white; }
@media only screen and (min-width: 80em) { html body .container #header nav ul li { display: inline-block; float: left; margin-right: 0.3125em; }
  html body .container #header nav ul li:last-of-type { margin-right: 0; } }
html body .container #header nav.secondary ul li.language img { height: 12px; position: relative; top: 1px; }
html body .container #header nav.secondary ul li.english { display: none; }
html body .container #header nav.tags { width: 100%; max-width: 100%; float: left; background: #231f20; color: white; }
html body .container #header nav.tags a { color: white; text-decoration: none; }
html body .container #header nav.tags a:hover { color: white; }
html body .container #header nav.tags ul.search li.text img { height: 12px; position: relative; top: 1px; }
html body .container #header nav.tags ul.search li.input { display: none; }
html body .container #header nav.tags ul.search li.input form { /* Reset */ /* Stretching and padding */ /* Text */ /* Button */ /* Image */ /* Label
*/ }
/*html body .container #header nav.tags ul.search li.input form input, html body .container #header nav.tags ul.search li.input form textarea, html body .container #header nav.tags ul.search li.input form select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
html body .container #header nav.tags ul.search li.input form input, html body .container #header nav.tags ul.search li.input form textarea, html body .container #header nav.tags ul.search li.input form label { width: 100%; max-width: 100%; float: left; }
html body .container #header nav.tags ul.search li.input form input, html body .container #header nav.tags ul.search li.input form textarea { padding: 0.3125em; width: calc(100% - 0.625em); margin-bottom: 0.625em; }
html body .container #header nav.tags ul.search li.input form input[type='text'], html body .container #header nav.tags ul.search li.input form input[type='email'], html body .container #header nav.tags ul.search li.input form input[type='password'], html body .container #header nav.tags ul.search li.input form input[type='url'], html body .container #header nav.tags ul.search li.input form input[type='search'], html body .container #header nav.tags ul.search li.input form textarea { border: 1px solid #231f20; font-style: italic; }
html body .container #header nav.tags ul.search li.input form input[type='submit'] { width: auto; text-transform: uppercase; letter-spacing: 1.1px; border: 1px solid #231f20; background: #231f20; color: white; cursor: pointer; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
html body .container #header nav.tags ul.search li.input form input[type='submit'] a { color: white; text-decoration: none; }
html body .container #header nav.tags ul.search li.input form input[type='submit'] a:hover { color: white; }
html body .container #header nav.tags ul.search li.input form input[type='submit']:hover { background: white; color: #231f20; }
html body .container #header nav.tags ul.search li.input form input[type='submit']:hover a { color: #231f20; text-decoration: none; }
html body .container #header nav.tags ul.search li.input form input[type='submit']:hover a:hover { color: #982022; }*/
/* MOJE html body .container #header nav.tags ul.search li.input form input[type="image"] { width: auto; }
html body .container #header nav.tags ul.search li.input form label { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; }
html body .container #header nav.tags ul.search li.input form input { margin: 0.15625em 0.3125em 0; }*/
html body .container #header nav.tags ul.search li.input {width: 20%; margin-left: 5px;}
@media only screen and (max-width: 79.999em) { html body .container #header nav.tags ul.search li.input { width: calc(100% - 1.25em); } }
html body .container #header nav.tags ul.tag-list { text-align: center; margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: table\0/ !important; /* IE 8-9 */ }
html body .container #header nav.tags ul.tag-list li, html body .container #header nav.tags ul.social li, html body .container #header nav.tags ul.search li { display: inline-block; float: left; margin-right: 0.3125em; }
html body .container #header nav.tags ul.tag-list li:last-of-type, html body .container #header nav.tags ul.social li:last-of-type, html body .container #header nav.tags ul.search li:last-of-type { margin-right: 0; }
html body .container #header nav.tags ul.social { float: right; }
html body .container #header nav.tags ul.social li { /* We are not replacing social icons on hover - so the second image must not be displayed - also the icon should be taller, the maximum possible
*/ }
html body .container #header nav.tags ul.social li img { height: 12px; position: relative; top: 1px; }
html body .container #header nav.tags ul.social li a img { height: 13px; }
html body .container #header nav.tags ul.social li a img:last-of-type { display: none; }
html body .container #header .close-icon:after { content: "\2715"; padding: 0.15625em 0.3125em; border: 1px solid; color: white; position: relative; top: -2.1875em; right: 0.625em; float: right; cursor: pointer; }
@media only screen and (max-width: 29.999em) { html body .container #header nav { border: 1px solid; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; padding: 1.25em; width: calc(100% - 2.5em); }
  html body .container #header nav.main, html body .container #header nav.secondary { border-bottom: 1px solid #231f20; margin-bottom: 1.25em; }
  html body .container #header nav.main ul li, html body .container #header nav.secondary ul li { border-bottom: 1px solid #f1f1f1; }
  html body .container #header nav.main { margin-top: 6.25em; }
  html body .container #header nav.tags { width: auto; margin-right: 0; }
  html body .container #header nav.tags ul.search, html body .container #header nav.tags ul.tag-list { margin-top: 0.3125em; }
  html body .container #header nav.tags ul.social li a { margin-bottom: 0.3125em; height: 1.25em; }
  html body .container #header nav.tags ul.social li a img { height: 1.25em; }
  html body .container #header nav.tags ul { width: 100%; max-width: 100%; float: left; }
  html body .container #header nav.tags ul.search li.text img { height: 12px; position: relative; top: 1px; }
  html body .container #header nav.tags ul.search li.input { display: none; }
  html body .container #header nav.tags ul.search li.input form { /* Reset */ /* Stretching and padding */ /* Text */ /* Button */ /* Image */ /* Label
*/ }
  html body .container #header nav.tags ul.search li.input form input, html body .container #header nav.tags ul.search li.input form textarea, html body .container #header nav.tags ul.search li.input form select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
  html body .container #header nav.tags ul.search li.input form input, html body .container #header nav.tags ul.search li.input form textarea, html body .container #header nav.tags ul.search li.input form label { width: 100%; max-width: 100%; float: left; }
  html body .container #header nav.tags ul.search li.input form input, html body .container #header nav.tags ul.search li.input form textarea { padding: 0.3125em; width: calc(100% - 0.625em); margin-bottom: 0.625em; }
  html body .container #header nav.tags ul.search li.input form input[type='text'], html body .container #header nav.tags ul.search li.input form input[type='email'], html body .container #header nav.tags ul.search li.input form input[type='password'], html body .container #header nav.tags ul.search li.input form input[type='url'], html body .container #header nav.tags ul.search li.input form input[type='search'], html body .container #header nav.tags ul.search li.input form textarea { border: 1px solid #231f20; font-style: italic; }
  html body .container #header nav.tags ul.search li.input form input[type='submit'] { width: auto; text-transform: uppercase; letter-spacing: 1.1px; border: 1px solid #231f20; background: #231f20; color: white; cursor: pointer; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  html body .container #header nav.tags ul.search li.input form input[type='submit'] a { color: white; text-decoration: none; }
  html body .container #header nav.tags ul.search li.input form input[type='submit'] a:hover { color: white; }
  html body .container #header nav.tags ul.search li.input form input[type='submit']:hover { background: white; color: #231f20; }
  html body .container #header nav.tags ul.search li.input form input[type='submit']:hover a { color: #231f20; text-decoration: none; }
  html body .container #header nav.tags ul.search li.input form input[type='submit']:hover a:hover { color: #982022; }
  html body .container #header nav.tags ul.search li.input form input[type="image"] { width: auto; }
  html body .container #header nav.tags ul.search li.input form label { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; }
  html body .container #header nav.tags ul.search li.input form input { margin: 0.15625em 0.3125em 0; } }
@media only screen and (max-width: 29.999em) and (max-width: 79.999em) { html body .container #header nav.tags ul.search li.input { width: calc(100% - 1.25em); } }
@media only screen and (max-width: 29.999em) { html body .container #header nav.tags ul.search li.text { display: none; }
  html body .container #header nav.tags ul.search li.input { display: block; }
  html body .container #header .mobile-menubar { width: 100%; max-width: 100%; float: left; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; cursor: pointer; background: #231f20; color: white; padding: 0.3125em 0; } }
@media only screen and (max-width: 29.999em) and (max-width: 47.999em) { html body .container #header .mobile-menubar { font-size: 60%; } }
@media only screen and (max-width: 29.999em) and (max-width: 29.999em) { html body .container #header .mobile-menubar { font-size: small; } }
@media only screen and (max-width: 29.999em) { html body .container #header .mobile-menubar ul li { display: inline-block; float: left; margin-right: 0.625em; }
  html body .container #header .mobile-menubar ul li:last-of-type { margin-right: 0; }
  html body .container #header .mobile-menubar ul li.icon img { height: 9px; position: relative; top: 1px; }
  html body .container #header .mobile-menubar a { color: white; text-decoration: none; }
  html body .container #header .mobile-menubar a:hover { color: white; }
  html body .container #header .mobile-menubar ul { text-align: center; margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: table\0/ !important; /* IE 8-9 */ }
  html body .container #header nav, html body .container #header .close-icon { display: none; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { html body .container #header { position: relative; border-bottom: 1px solid #f1f1f1; }
  html body .container #header nav { border: 1px solid; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; padding: 1.25em; width: calc(100% - 2.5em); }
  html body .container #header nav.main, html body .container #header nav.secondary { border-bottom: 1px solid #231f20; margin-bottom: 1.25em; }
  html body .container #header nav.main ul li, html body .container #header nav.secondary ul li { border-bottom: 1px solid #f1f1f1; }
  html body .container #header nav.main { margin-top: 6.25em; }
  html body .container #header nav.tags { width: auto; margin-right: 0; }
  html body .container #header nav.tags ul.search, html body .container #header nav.tags ul.tag-list { margin-top: 0.3125em; }
  html body .container #header nav.tags ul.social li a { margin-bottom: 0.3125em; height: 1.25em; }
  html body .container #header nav.tags ul.social li a img { height: 1.25em; }
  html body .container #header nav.tags ul { width: 100%; max-width: 100%; float: left; }
  html body .container #header nav.tags ul.search li.text img { height: 12px; position: relative; top: 1px; }
  html body .container #header nav.tags ul.search li.input { display: none; }
  html body .container #header nav.tags ul.search li.input form { /* Reset */ /* Stretching and padding */ /* Text */ /* Button */ /* Image */ /* Label
*/ }
  html body .container #header nav.tags ul.search li.input form input, html body .container #header nav.tags ul.search li.input form textarea, html body .container #header nav.tags ul.search li.input form select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
  html body .container #header nav.tags ul.search li.input form input, html body .container #header nav.tags ul.search li.input form textarea, html body .container #header nav.tags ul.search li.input form label { width: 100%; max-width: 100%; float: left; }
  html body .container #header nav.tags ul.search li.input form input, html body .container #header nav.tags ul.search li.input form textarea { padding: 0.3125em; width: calc(100% - 0.625em); margin-bottom: 0.625em; }
  html body .container #header nav.tags ul.search li.input form input[type='text'], html body .container #header nav.tags ul.search li.input form input[type='email'], html body .container #header nav.tags ul.search li.input form input[type='password'], html body .container #header nav.tags ul.search li.input form input[type='url'], html body .container #header nav.tags ul.search li.input form input[type='search'], html body .container #header nav.tags ul.search li.input form textarea { border: 1px solid #231f20; font-style: italic; }
  html body .container #header nav.tags ul.search li.input form input[type='submit'] { width: auto; text-transform: uppercase; letter-spacing: 1.1px; border: 1px solid #231f20; background: #231f20; color: white; cursor: pointer; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  html body .container #header nav.tags ul.search li.input form input[type='submit'] a { color: white; text-decoration: none; }
  html body .container #header nav.tags ul.search li.input form input[type='submit'] a:hover { color: white; }
  html body .container #header nav.tags ul.search li.input form input[type='submit']:hover { background: white; color: #231f20; }
  html body .container #header nav.tags ul.search li.input form input[type='submit']:hover a { color: #231f20; text-decoration: none; }
  html body .container #header nav.tags ul.search li.input form input[type='submit']:hover a:hover { color: #982022; }
  html body .container #header nav.tags ul.search li.input form input[type="image"] { width: auto; }
  html body .container #header nav.tags ul.search li.input form label { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; }
  html body .container #header nav.tags ul.search li.input form input { margin: 0.15625em 0.3125em 0; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) and (max-width: 79.999em) { html body .container #header nav.tags ul.search li.input { width: calc(100% - 1.25em); } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { html body .container #header nav.tags ul.search li.text { display: none; }
  html body .container #header nav.tags ul.search li.input { display: block; }
  html body .container #header section.logo, html body .container #header section.mobile-menubar { width: 48.75%; margin-right: 2.5%; float: left; }
  html body .container #header section.logo:nth-of-type(2), html body .container #header section.mobile-menubar:nth-of-type(2) { margin-right: 0; }
  html body .container #header .mobile-menubar { width: 100%; max-width: 100%; float: left; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; cursor: pointer; position: absolute; right: 0; bottom: 0.3125em; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) and (max-width: 47.999em) { html body .container #header .mobile-menubar { font-size: 60%; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) and (max-width: 29.999em) { html body .container #header .mobile-menubar { font-size: small; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { html body .container #header .mobile-menubar ul li { display: inline-block; float: left; margin-right: 0.625em; }
  html body .container #header .mobile-menubar ul li:last-of-type { margin-right: 0; }
  html body .container #header .mobile-menubar ul li.icon img { height: 9px; position: relative; top: 1px; }
  html body .container #header .mobile-menubar ul { float: right; }
  html body .container #header nav, html body .container #header .close-icon { display: none; } }
@media only screen and (min-width: 80em) { html body .container #header .main, html body .container #header .logo, html body .container #header .secondary { width: 31.5%; margin-right: 2.5%; float: left; }
  html body .container #header .main:nth-of-type(2), html body .container #header .logo:nth-of-type(2), html body .container #header .secondary:nth-of-type(2) { margin-right: 2.5%; }
  html body .container #header .main:nth-of-type(3), html body .container #header .logo:nth-of-type(3), html body .container #header .secondary:nth-of-type(3) { margin-right: 0; }
  html body .container #header .secondary { margin-right: 0 !important; }
  html body .container #header .secondary ul { float: right; }
  html body .container #header .main, html body .container #header .secondary { margin-top: 2.5em; border-bottom: 1px solid #f1f1f1; /* If the menu goes two lines in strange responsive cases then cut the second line
*/ height: 2.5em; overflow: hidden; }
  html body .container #header .mobile-menubar, html body .container #header .close-icon { display: none; } }
html body .container #header.mobile-menu-active { margin-bottom: 0.625em; }
html body .container #header.mobile-menu-active .logo { position: absolute; width: 95%; margin: 0 2.5%; }
html body .container #header.mobile-menu-active .logo h1, html body .container #header.mobile-menu-active .logo figure figcaption { display: none; }
@media only screen and (max-width: 29.999em) { html body .container #header.mobile-menu-active .logo { text-align: center; } }
@media only screen and (min-width: 80em) { html body .container #header.mobile-menu-active .logo { text-align: center; } }
@media only screen and (min-width: 90.001em) { html body .container #header.mobile-menu-active .logo { width: 75%; margin: 0 12.5%; } }
html body .container #header.mobile-menu-active nav { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; }
html body .container #header.mobile-menu-active nav ul li a { padding: 0.625em 0.3125em; display: inline-block; }
html body .container #header.mobile-menu-active nav ul li.active a, html body .container #header.mobile-menu-active nav ul li:hover a { background: #982022; color: white; }
html body .container #header.mobile-menu-active nav ul li.active a a, html body .container #header.mobile-menu-active nav ul li:hover a a { color: #231f20; text-decoration: none; }
html body .container #header.mobile-menu-active nav ul li.active a a:hover, html body .container #header.mobile-menu-active nav ul li:hover a a:hover { color: white; }
@media only screen and (min-width: 80em) { html body .container #header.mobile-menu-active nav ul li { display: inline-block; float: left; margin-right: 0.3125em; }
  html body .container #header.mobile-menu-active nav ul li:last-of-type { margin-right: 0; } }
html body .container #header.mobile-menu-active nav.secondary ul li.language img { height: 12px; position: relative; top: 1px; }
html body .container #header.mobile-menu-active nav.secondary ul li.english { display: none; }
html body .container #header.mobile-menu-active nav.tags { width: 100%; max-width: 100%; float: left; background: #231f20; color: white; }
html body .container #header.mobile-menu-active nav.tags a { color: white; text-decoration: none; }
html body .container #header.mobile-menu-active nav.tags a:hover { color: white; }
html body .container #header.mobile-menu-active nav.tags ul.search li.text img { height: 12px; position: relative; top: 1px; }
html body .container #header.mobile-menu-active nav.tags ul.search li.input { display: none; }
html body .container #header.mobile-menu-active nav.tags ul.search li.input form { /* Reset */ /* Stretching and padding */ /* Text */ /* Button */ /* Image */ /* Label
*/ }
html body .container #header.mobile-menu-active nav.tags ul.search li.input form input, html body .container #header.mobile-menu-active nav.tags ul.search li.input form textarea, html body .container #header.mobile-menu-active nav.tags ul.search li.input form select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
html body .container #header.mobile-menu-active nav.tags ul.search li.input form input, html body .container #header.mobile-menu-active nav.tags ul.search li.input form textarea, html body .container #header.mobile-menu-active nav.tags ul.search li.input form label { width: 100%; max-width: 100%; float: left; }
html body .container #header.mobile-menu-active nav.tags ul.search li.input form input, html body .container #header.mobile-menu-active nav.tags ul.search li.input form textarea { padding: 0.3125em; width: calc(100% - 0.625em); margin-bottom: 0.625em; }
html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='text'], html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='email'], html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='password'], html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='url'], html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='search'], html body .container #header.mobile-menu-active nav.tags ul.search li.input form textarea { border: 1px solid #231f20; font-style: italic; }
html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit'] { width: auto; text-transform: uppercase; letter-spacing: 1.1px; border: 1px solid #231f20; background: #231f20; color: white; cursor: pointer; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit'] a { color: white; text-decoration: none; }
html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit'] a:hover { color: white; }
html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit']:hover { background: white; color: #231f20; }
html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit']:hover a { color: #231f20; text-decoration: none; }
html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit']:hover a:hover { color: #982022; }
html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type="image"] { width: auto; }
html body .container #header.mobile-menu-active nav.tags ul.search li.input form label { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; }
html body .container #header.mobile-menu-active nav.tags ul.search li.input form input { margin: 0.15625em 0.3125em 0; }
@media only screen and (max-width: 79.999em) { html body .container #header.mobile-menu-active nav.tags ul.search li.input { width: calc(100% - 1.25em); } }
html body .container #header.mobile-menu-active nav.tags ul.tag-list { text-align: center; margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: table\0/ !important; /* IE 8-9 */ }
html body .container #header.mobile-menu-active nav.tags ul.tag-list li, html body .container #header.mobile-menu-active nav.tags ul.social li, html body .container #header.mobile-menu-active nav.tags ul.search li { display: inline-block; float: left; margin-right: 0.3125em; }
html body .container #header.mobile-menu-active nav.tags ul.tag-list li:last-of-type, html body .container #header.mobile-menu-active nav.tags ul.social li:last-of-type, html body .container #header.mobile-menu-active nav.tags ul.search li:last-of-type { margin-right: 0; }
html body .container #header.mobile-menu-active nav.tags ul.social { float: right; }
html body .container #header.mobile-menu-active nav.tags ul.social li { /* We are not replacing social icons on hover - so the second image must not be displayed - also the icon should be taller, the maximum possible
*/ }
html body .container #header.mobile-menu-active nav.tags ul.social li img { height: 12px; position: relative; top: 1px; }
html body .container #header.mobile-menu-active nav.tags ul.social li a img { height: 13px; }
html body .container #header.mobile-menu-active nav.tags ul.social li a img:last-of-type { display: none; }
html body .container #header.mobile-menu-active .close-icon:after { content: "\2715"; padding: 0.15625em 0.3125em; border: 1px solid; color: white; position: relative; top: -2.1875em; right: 0.625em; float: right; cursor: pointer; }
@media only screen and (max-width: 29.999em) { html body .container #header.mobile-menu-active nav { border: 1px solid; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; padding: 1.25em; width: calc(100% - 2.5em); }
  html body .container #header.mobile-menu-active nav.main, html body .container #header.mobile-menu-active nav.secondary { border-bottom: 1px solid #231f20; margin-bottom: 1.25em; }
  html body .container #header.mobile-menu-active nav.main ul li, html body .container #header.mobile-menu-active nav.secondary ul li { border-bottom: 1px solid #f1f1f1; }
  html body .container #header.mobile-menu-active nav.main { margin-top: 6.25em; }
  html body .container #header.mobile-menu-active nav.tags { width: auto; margin-right: 0; }
  html body .container #header.mobile-menu-active nav.tags ul.search, html body .container #header.mobile-menu-active nav.tags ul.tag-list { margin-top: 0.3125em; }
  html body .container #header.mobile-menu-active nav.tags ul.social li a { margin-bottom: 0.3125em; height: 1.25em; }
  html body .container #header.mobile-menu-active nav.tags ul.social li a img { height: 1.25em; }
  html body .container #header.mobile-menu-active nav.tags ul { width: 100%; max-width: 100%; float: left; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.text img { height: 12px; position: relative; top: 1px; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input { display: none; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form { /* Reset */ /* Stretching and padding */ /* Text */ /* Button */ /* Image */ /* Label
*/ }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input, html body .container #header.mobile-menu-active nav.tags ul.search li.input form textarea, html body .container #header.mobile-menu-active nav.tags ul.search li.input form select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input, html body .container #header.mobile-menu-active nav.tags ul.search li.input form textarea, html body .container #header.mobile-menu-active nav.tags ul.search li.input form label { width: 100%; max-width: 100%; float: left; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input, html body .container #header.mobile-menu-active nav.tags ul.search li.input form textarea { padding: 0.3125em; width: calc(100% - 0.625em); margin-bottom: 0.625em; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='text'], html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='email'], html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='password'], html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='url'], html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='search'], html body .container #header.mobile-menu-active nav.tags ul.search li.input form textarea { border: 1px solid #231f20; font-style: italic; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit'] { width: auto; text-transform: uppercase; letter-spacing: 1.1px; border: 1px solid #231f20; background: #231f20; color: white; cursor: pointer; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit'] a { color: white; text-decoration: none; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit'] a:hover { color: white; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit']:hover { background: white; color: #231f20; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit']:hover a { color: #231f20; text-decoration: none; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit']:hover a:hover { color: #982022; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type="image"] { width: auto; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form label { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input { margin: 0.15625em 0.3125em 0; } }
@media only screen and (max-width: 29.999em) and (max-width: 79.999em) { html body .container #header.mobile-menu-active nav.tags ul.search li.input { width: calc(100% - 1.25em); } }
@media only screen and (max-width: 29.999em) { html body .container #header.mobile-menu-active nav.tags ul.search li.text { display: none; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input { display: block; }
  html body .container #header.mobile-menu-active .mobile-menubar { width: 100%; max-width: 100%; float: left; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; cursor: pointer; background: #231f20; color: white; padding: 0.3125em 0; } }
@media only screen and (max-width: 29.999em) and (max-width: 47.999em) { html body .container #header.mobile-menu-active .mobile-menubar { font-size: 60%; } }
@media only screen and (max-width: 29.999em) and (max-width: 29.999em) { html body .container #header.mobile-menu-active .mobile-menubar { font-size: small; } }
@media only screen and (max-width: 29.999em) { html body .container #header.mobile-menu-active .mobile-menubar ul li { display: inline-block; float: left; margin-right: 0.625em; }
  html body .container #header.mobile-menu-active .mobile-menubar ul li:last-of-type { margin-right: 0; }
  html body .container #header.mobile-menu-active .mobile-menubar ul li.icon img { height: 9px; position: relative; top: 1px; }
  html body .container #header.mobile-menu-active .mobile-menubar a { color: white; text-decoration: none; }
  html body .container #header.mobile-menu-active .mobile-menubar a:hover { color: white; }
  html body .container #header.mobile-menu-active .mobile-menubar ul { text-align: center; margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: table\0/ !important; /* IE 8-9 */ }
  html body .container #header.mobile-menu-active nav, html body .container #header.mobile-menu-active .close-icon { display: block; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { html body .container #header.mobile-menu-active { position: relative; border-bottom: 1px solid #f1f1f1; }
  html body .container #header.mobile-menu-active nav { border: 1px solid; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; padding: 1.25em; width: calc(100% - 2.5em); }
  html body .container #header.mobile-menu-active nav.main, html body .container #header.mobile-menu-active nav.secondary { border-bottom: 1px solid #231f20; margin-bottom: 1.25em; }
  html body .container #header.mobile-menu-active nav.main ul li, html body .container #header.mobile-menu-active nav.secondary ul li { border-bottom: 1px solid #f1f1f1; }
  html body .container #header.mobile-menu-active nav.main { margin-top: 6.25em; }
  html body .container #header.mobile-menu-active nav.tags { width: auto; margin-right: 0; }
  html body .container #header.mobile-menu-active nav.tags ul.search, html body .container #header.mobile-menu-active nav.tags ul.tag-list { margin-top: 0.3125em; }
  html body .container #header.mobile-menu-active nav.tags ul.social li a { margin-bottom: 0.3125em; height: 1.25em; }
  html body .container #header.mobile-menu-active nav.tags ul.social li a img { height: 1.25em; }
  html body .container #header.mobile-menu-active nav.tags ul { width: 100%; max-width: 100%; float: left; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.text img { height: 12px; position: relative; top: 1px; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input { display: none; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form { /* Reset */ /* Stretching and padding */ /* Text */ /* Button */ /* Image */ /* Label
*/ }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input, html body .container #header.mobile-menu-active nav.tags ul.search li.input form textarea, html body .container #header.mobile-menu-active nav.tags ul.search li.input form select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input, html body .container #header.mobile-menu-active nav.tags ul.search li.input form textarea, html body .container #header.mobile-menu-active nav.tags ul.search li.input form label { width: 100%; max-width: 100%; float: left; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input, html body .container #header.mobile-menu-active nav.tags ul.search li.input form textarea { padding: 0.3125em; width: calc(100% - 0.625em); margin-bottom: 0.625em; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='text'], html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='email'], html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='password'], html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='url'], html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='search'], html body .container #header.mobile-menu-active nav.tags ul.search li.input form textarea { border: 1px solid #231f20; font-style: italic; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit'] { width: auto; text-transform: uppercase; letter-spacing: 1.1px; border: 1px solid #231f20; background: #231f20; color: white; cursor: pointer; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit'] a { color: white; text-decoration: none; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit'] a:hover { color: white; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit']:hover { background: white; color: #231f20; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit']:hover a { color: #231f20; text-decoration: none; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit']:hover a:hover { color: #982022; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input[type="image"] { width: auto; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form label { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input form input { margin: 0.15625em 0.3125em 0; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) and (max-width: 79.999em) { html body .container #header.mobile-menu-active nav.tags ul.search li.input { width: calc(100% - 1.25em); } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { html body .container #header.mobile-menu-active nav.tags ul.search li.text { display: none; }
  html body .container #header.mobile-menu-active nav.tags ul.search li.input { display: block; }
  html body .container #header.mobile-menu-active section.logo, html body .container #header.mobile-menu-active section.mobile-menubar { width: 48.75%; margin-right: 2.5%; float: left; }
  html body .container #header.mobile-menu-active section.logo:nth-of-type(2), html body .container #header.mobile-menu-active section.mobile-menubar:nth-of-type(2) { margin-right: 0; }
  html body .container #header.mobile-menu-active .mobile-menubar { width: 100%; max-width: 100%; float: left; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; cursor: pointer; position: absolute; right: 0; bottom: 0.3125em; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) and (max-width: 47.999em) { html body .container #header.mobile-menu-active .mobile-menubar { font-size: 60%; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) and (max-width: 29.999em) { html body .container #header.mobile-menu-active .mobile-menubar { font-size: small; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { html body .container #header.mobile-menu-active .mobile-menubar ul li { display: inline-block; float: left; margin-right: 0.625em; }
  html body .container #header.mobile-menu-active .mobile-menubar ul li:last-of-type { margin-right: 0; }
  html body .container #header.mobile-menu-active .mobile-menubar ul li.icon img { height: 9px; position: relative; top: 1px; }
  html body .container #header.mobile-menu-active .mobile-menubar ul { float: right; }
  html body .container #header.mobile-menu-active section.logo { width: 100%; max-width: 100%; float: left; text-align: center; }
  html body .container #header.mobile-menu-active nav, html body .container #header.mobile-menu-active .close-icon { display: block; } }
@media only screen and (min-width: 80em) { html body .container #header.mobile-menu-active .main, html body .container #header.mobile-menu-active .logo, html body .container #header.mobile-menu-active .secondary { width: 31.5%; margin-right: 2.5%; float: left; }
  html body .container #header.mobile-menu-active .main:nth-of-type(2), html body .container #header.mobile-menu-active .logo:nth-of-type(2), html body .container #header.mobile-menu-active .secondary:nth-of-type(2) { margin-right: 2.5%; }
  html body .container #header.mobile-menu-active .main:nth-of-type(3), html body .container #header.mobile-menu-active .logo:nth-of-type(3), html body .container #header.mobile-menu-active .secondary:nth-of-type(3) { margin-right: 0; }
  html body .container #header.mobile-menu-active .secondary { margin-right: 0 !important; }
  html body .container #header.mobile-menu-active .secondary ul { float: right; }
  html body .container #header.mobile-menu-active .main, html body .container #header.mobile-menu-active .secondary { margin-top: 2.5em; border-bottom: 1px solid #f1f1f1; /* If the menu goes two lines in strange responsive cases then cut the second line
*/ height: 2.5em; overflow: hidden; }
  html body .container #header.mobile-menu-active .mobile-menubar, html body .container #header.mobile-menu-active .close-icon { display: none; } }
html body .container #main section > h3 { display: block; }
html body .container #footer { margin: 3.75em 0 0; padding: 1.25em 0; border-top: 0.3125em solid; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; }
@media only screen and (max-width: 79.999em) { html body .container #footer nav { width: 48.75%; margin-right: 2.5%; float: left; }
  html body .container #footer nav:nth-of-type(2) { margin-right: 0; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body .container #footer nav#occrp { width: 65.5%; margin-right: 2.5%; float: left; }
  html body .container #footer nav#social-icons { width: 31.5%; margin-right: 2.5%; float: left; margin-right: 0; } }
@media only screen and (max-width: 79.999em) { html body .container #footer nav#occrp { position: relative; top: -0.625em; } }
html body .container #footer nav#occrp ul li { margin-bottom: 0.625em; }
html body .container #footer nav#occrp ul li#copyright { margin-bottom: 0; }
@media only screen and (max-width: 79.999em) { html body .container #footer nav#occrp ul li#contact a:before { content: '\2709'; } }
html body .container #footer nav#occrp ul li#made-by ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body .container #footer nav#occrp ul li#made-by ul li:last-of-type { margin-right: 0; }
@media only screen and (min-width: 80em) { html body .container #footer nav#occrp ul li#made-by ul li#usaid { position: relative; top: -0.625em; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body .container #footer nav#occrp ul li#made-by ul li#usaid { position: relative; top: -0.625em; } }
/*moje*/@media only screen and (min-width: 80em) { html body .container #footer nav#occrp ul li#made-by ul li#swiss { position: relative; top: -0.325em; } }
/*moje*/@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body .container #footer nav#occrp ul li#made-by ul li#swiss { position: relative; top: -0.625em; } }
@media only screen and (min-width: 80em) { html body .container #footer nav#occrp ul li { display: inline-block; float: left; margin-right: 1.25em; }
  html body .container #footer nav#occrp ul li:last-of-type { margin-right: 0; } }
html body .container #footer nav#social-icons { margin-right: 0; }
html body .container #footer nav#social-icons ul li.social-icons { float: right; position: relative; top: -2.8125em; }
@media only screen and (min-width: 80em) { html body .container #footer nav#social-icons ul li.social-icons { top: -8em; } }
html body .container #footer nav#social-icons ul li.social-icons p { font-weight: bold; margin-bottom: 1.25em; text-align: right; background: #231f20; color: white; }
html body .container #footer nav#social-icons ul li.social-icons p a { color: white; text-decoration: none; }
html body .container #footer nav#social-icons ul li.social-icons p a:hover { color: white; }
html body .container #footer nav#social-icons ul li.social-icons ul li { display: inline-block; float: left; margin-right: 0.15625em; }
html body .container #footer nav#social-icons ul li.social-icons ul li:last-of-type { margin-right: 0; }
html body .container #footer nav#social-icons ul li.social-icons ul li img:last-of-type { display: none; position: relative; top: 0; }
html body .container #footer nav#social-icons ul li.social-icons ul li:hover img:first-of-type { display: none; }
html body .container #footer nav#social-icons ul li.social-icons ul li:hover img:last-of-type { display: block; }
html body .container #footer nav#social-icons ul li.social-icons ul li img { width: 70%; }
html body.sticky .container #header { margin-bottom: 0.625em; }
html body.sticky .container #header .logo h1, html body.sticky .container #header .logo figure figcaption { display: none; }
@media only screen and (max-width: 29.999em) { html body.sticky .container #header .logo { text-align: center; } }
@media only screen and (min-width: 80em) { html body.sticky .container #header .logo { text-align: center; } }
html body.sticky .container #header .logo figure { margin-top: 0; }
html body.sticky .container #header .logo figure img { max-width: 10em; }
@media only screen and (min-width: 48em) { html body.sticky .container #header .logo figure img { max-width: 15em; } }
@media only screen and (min-width: 80em) { html body.sticky .container #header .logo figure img { position: relative; top: -0.9375em; } }
html body.sticky .container #header nav { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; }
html body.sticky .container #header nav ul li a { padding: 0.625em 0.3125em; display: inline-block; }
html body.sticky .container #header nav ul li.active a, html body.sticky .container #header nav ul li:hover a { background: #982022; color: white; }
html body.sticky .container #header nav ul li.active a a, html body.sticky .container #header nav ul li:hover a a { color: #231f20; text-decoration: none; }
html body.sticky .container #header nav ul li.active a a:hover, html body.sticky .container #header nav ul li:hover a a:hover { color: white; }
@media only screen and (min-width: 80em) { html body.sticky .container #header nav ul li { display: inline-block; float: left; margin-right: 0.3125em; }
  html body.sticky .container #header nav ul li:last-of-type { margin-right: 0; } }
html body.sticky .container #header nav.secondary ul li.language img { height: 12px; position: relative; top: 1px; }
html body.sticky .container #header nav.secondary ul li.english { display: none; }
html body.sticky .container #header nav.tags { width: 100%; max-width: 100%; float: left; background: #231f20; color: white; }
html body.sticky .container #header nav.tags a { color: white; text-decoration: none; }
html body.sticky .container #header nav.tags a:hover { color: white; }
html body.sticky .container #header nav.tags ul.search li.text img { height: 12px; position: relative; top: 1px; }
html body.sticky .container #header nav.tags ul.search li.input { display: none; }
html body.sticky .container #header nav.tags ul.search li.input form { /* Reset */ /* Stretching and padding */ /* Text */ /* Button */ /* Image */ /* Label
*/ }
html body.sticky .container #header nav.tags ul.search li.input form input, html body.sticky .container #header nav.tags ul.search li.input form textarea, html body.sticky .container #header nav.tags ul.search li.input form select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
html body.sticky .container #header nav.tags ul.search li.input form input, html body.sticky .container #header nav.tags ul.search li.input form textarea, html body.sticky .container #header nav.tags ul.search li.input form label { width: 100%; max-width: 100%; float: left; }
html body.sticky .container #header nav.tags ul.search li.input form input, html body.sticky .container #header nav.tags ul.search li.input form textarea { padding: 0.3125em; width: calc(100% - 0.625em); margin-bottom: 0.625em; }
html body.sticky .container #header nav.tags ul.search li.input form input[type='text'], html body.sticky .container #header nav.tags ul.search li.input form input[type='email'], html body.sticky .container #header nav.tags ul.search li.input form input[type='password'], html body.sticky .container #header nav.tags ul.search li.input form input[type='url'], html body.sticky .container #header nav.tags ul.search li.input form input[type='search'], html body.sticky .container #header nav.tags ul.search li.input form textarea { border: 1px solid #231f20; font-style: italic; }
html body.sticky .container #header nav.tags ul.search li.input form input[type='submit'] { width: auto; text-transform: uppercase; letter-spacing: 1.1px; border: 1px solid #231f20; background: #231f20; color: white; cursor: pointer; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
html body.sticky .container #header nav.tags ul.search li.input form input[type='submit'] a { color: white; text-decoration: none; }
html body.sticky .container #header nav.tags ul.search li.input form input[type='submit'] a:hover { color: white; }
html body.sticky .container #header nav.tags ul.search li.input form input[type='submit']:hover { background: white; color: #231f20; }
html body.sticky .container #header nav.tags ul.search li.input form input[type='submit']:hover a { color: #231f20; text-decoration: none; }
html body.sticky .container #header nav.tags ul.search li.input form input[type='submit']:hover a:hover { color: #982022; }
html body.sticky .container #header nav.tags ul.search li.input form input[type="image"] { width: auto; }
html body.sticky .container #header nav.tags ul.search li.input form label { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; }
html body.sticky .container #header nav.tags ul.search li.input form input { margin: 0.15625em 0.3125em 0; }
@media only screen and (max-width: 79.999em) { html body.sticky .container #header nav.tags ul.search li.input { width: calc(100% - 1.25em); } }
html body.sticky .container #header nav.tags ul.tag-list { text-align: center; margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: table\0/ !important; /* IE 8-9 */ }
html body.sticky .container #header nav.tags ul.tag-list li, html body.sticky .container #header nav.tags ul.social li, html body.sticky .container #header nav.tags ul.search li { display: inline-block; float: left; margin-right: 0.3125em; }
html body.sticky .container #header nav.tags ul.tag-list li:last-of-type, html body.sticky .container #header nav.tags ul.social li:last-of-type, html body.sticky .container #header nav.tags ul.search li:last-of-type { margin-right: 0; }
html body.sticky .container #header nav.tags ul.social { float: right; }
html body.sticky .container #header nav.tags ul.social li { /* We are not replacing social icons on hover - so the second image must not be displayed - also the icon should be taller, the maximum possible
*/ }
html body.sticky .container #header nav.tags ul.social li img { height: 12px; position: relative; top: 1px; }
html body.sticky .container #header nav.tags ul.social li a img { height: 13px; }
html body.sticky .container #header nav.tags ul.social li a img:last-of-type { display: none; }
html body.sticky .container #header .close-icon:after { content: "\2715"; padding: 0.15625em 0.3125em; border: 1px solid; color: white; position: relative; top: -2.1875em; right: 0.625em; float: right; cursor: pointer; }
@media only screen and (max-width: 29.999em) { html body.sticky .container #header { position: fixed; z-index: 1; background: white; border-bottom: 1px solid #f1f1f1; margin-bottom: 0.625em; }
  html body.sticky .container #header nav { border: 1px solid; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; padding: 1.25em; width: calc(100% - 2.5em); }
  html body.sticky .container #header nav.main, html body.sticky .container #header nav.secondary { border-bottom: 1px solid #231f20; margin-bottom: 1.25em; }
  html body.sticky .container #header nav.main ul li, html body.sticky .container #header nav.secondary ul li { border-bottom: 1px solid #f1f1f1; }
  html body.sticky .container #header nav.main { margin-top: 6.25em; }
  html body.sticky .container #header nav.tags { width: auto; margin-right: 0; }
  html body.sticky .container #header nav.tags ul.search, html body.sticky .container #header nav.tags ul.tag-list { margin-top: 0.3125em; }
  html body.sticky .container #header nav.tags ul.social li a { margin-bottom: 0.3125em; height: 1.25em; }
  html body.sticky .container #header nav.tags ul.social li a img { height: 1.25em; }
  html body.sticky .container #header nav.tags ul { width: 100%; max-width: 100%; float: left; }
  html body.sticky .container #header nav.tags ul.search li.text img { height: 12px; position: relative; top: 1px; }
  html body.sticky .container #header nav.tags ul.search li.input { display: none; }
  html body.sticky .container #header nav.tags ul.search li.input form { /* Reset */ /* Stretching and padding */ /* Text */ /* Button */ /* Image */ /* Label
*/ }
  html body.sticky .container #header nav.tags ul.search li.input form input, html body.sticky .container #header nav.tags ul.search li.input form textarea, html body.sticky .container #header nav.tags ul.search li.input form select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
  html body.sticky .container #header nav.tags ul.search li.input form input, html body.sticky .container #header nav.tags ul.search li.input form textarea, html body.sticky .container #header nav.tags ul.search li.input form label { width: 100%; max-width: 100%; float: left; }
  html body.sticky .container #header nav.tags ul.search li.input form input, html body.sticky .container #header nav.tags ul.search li.input form textarea { padding: 0.3125em; width: calc(100% - 0.625em); margin-bottom: 0.625em; }
  html body.sticky .container #header nav.tags ul.search li.input form input[type='text'], html body.sticky .container #header nav.tags ul.search li.input form input[type='email'], html body.sticky .container #header nav.tags ul.search li.input form input[type='password'], html body.sticky .container #header nav.tags ul.search li.input form input[type='url'], html body.sticky .container #header nav.tags ul.search li.input form input[type='search'], html body.sticky .container #header nav.tags ul.search li.input form textarea { border: 1px solid #231f20; font-style: italic; }
  html body.sticky .container #header nav.tags ul.search li.input form input[type='submit'] { width: auto; text-transform: uppercase; letter-spacing: 1.1px; border: 1px solid #231f20; background: #231f20; color: white; cursor: pointer; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  html body.sticky .container #header nav.tags ul.search li.input form input[type='submit'] a { color: white; text-decoration: none; }
  html body.sticky .container #header nav.tags ul.search li.input form input[type='submit'] a:hover { color: white; }
  html body.sticky .container #header nav.tags ul.search li.input form input[type='submit']:hover { background: white; color: #231f20; }
  html body.sticky .container #header nav.tags ul.search li.input form input[type='submit']:hover a { color: #231f20; text-decoration: none; }
  html body.sticky .container #header nav.tags ul.search li.input form input[type='submit']:hover a:hover { color: #982022; }
  html body.sticky .container #header nav.tags ul.search li.input form input[type="image"] { width: auto; }
  html body.sticky .container #header nav.tags ul.search li.input form label { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; }
  html body.sticky .container #header nav.tags ul.search li.input form input { margin: 0.15625em 0.3125em 0; } }
@media only screen and (max-width: 29.999em) and (max-width: 79.999em) { html body.sticky .container #header nav.tags ul.search li.input { width: calc(100% - 1.25em); } }
@media only screen and (max-width: 29.999em) { html body.sticky .container #header nav.tags ul.search li.text { display: none; }
  html body.sticky .container #header nav.tags ul.search li.input { display: block; }
  html body.sticky .container #header .mobile-menubar { width: 100%; max-width: 100%; float: left; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; cursor: pointer; background: #231f20; color: white; padding: 0.3125em 0; } }
@media only screen and (max-width: 29.999em) and (max-width: 47.999em) { html body.sticky .container #header .mobile-menubar { font-size: 60%; } }
@media only screen and (max-width: 29.999em) and (max-width: 29.999em) { html body.sticky .container #header .mobile-menubar { font-size: small; } }
@media only screen and (max-width: 29.999em) { html body.sticky .container #header .mobile-menubar ul li { display: inline-block; float: left; margin-right: 0.625em; }
  html body.sticky .container #header .mobile-menubar ul li:last-of-type { margin-right: 0; }
  html body.sticky .container #header .mobile-menubar ul li.icon img { height: 9px; position: relative; top: 1px; }
  html body.sticky .container #header .mobile-menubar a { color: white; text-decoration: none; }
  html body.sticky .container #header .mobile-menubar a:hover { color: white; }
  html body.sticky .container #header .mobile-menubar ul { text-align: center; margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: table\0/ !important; /* IE 8-9 */ }
  html body.sticky .container #header .logo { margin-top: 0.3125em; }
  html body.sticky .container #header .mobile-menubar { display: none !important; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { html body.sticky .container #header { position: relative; border-bottom: 1px solid #f1f1f1; position: fixed; z-index: 1; background: white; border-bottom: 1px solid #f1f1f1; margin-bottom: 0.625em; width: 95%; margin: 0 2.5%; margin-left: 0; }
  html body.sticky .container #header nav { border: 1px solid; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; padding: 1.25em; width: calc(100% - 2.5em); }
  html body.sticky .container #header nav.main, html body.sticky .container #header nav.secondary { border-bottom: 1px solid #231f20; margin-bottom: 1.25em; }
  html body.sticky .container #header nav.main ul li, html body.sticky .container #header nav.secondary ul li { border-bottom: 1px solid #f1f1f1; }
  html body.sticky .container #header nav.main { margin-top: 6.25em; }
  html body.sticky .container #header nav.tags { width: auto; margin-right: 0; }
  html body.sticky .container #header nav.tags ul.search, html body.sticky .container #header nav.tags ul.tag-list { margin-top: 0.3125em; }
  html body.sticky .container #header nav.tags ul.social li a { margin-bottom: 0.3125em; height: 1.25em; }
  html body.sticky .container #header nav.tags ul.social li a img { height: 1.25em; }
  html body.sticky .container #header nav.tags ul { width: 100%; max-width: 100%; float: left; }
  html body.sticky .container #header nav.tags ul.search li.text img { height: 12px; position: relative; top: 1px; }
  html body.sticky .container #header nav.tags ul.search li.input { display: none; }
  html body.sticky .container #header nav.tags ul.search li.input form { /* Reset */ /* Stretching and padding */ /* Text */ /* Button */ /* Image */ /* Label
*/ }
  html body.sticky .container #header nav.tags ul.search li.input form input, html body.sticky .container #header nav.tags ul.search li.input form textarea, html body.sticky .container #header nav.tags ul.search li.input form select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
  html body.sticky .container #header nav.tags ul.search li.input form input, html body.sticky .container #header nav.tags ul.search li.input form textarea, html body.sticky .container #header nav.tags ul.search li.input form label { width: 100%; max-width: 100%; float: left; }
  html body.sticky .container #header nav.tags ul.search li.input form input, html body.sticky .container #header nav.tags ul.search li.input form textarea { padding: 0.3125em; width: calc(100% - 0.625em); margin-bottom: 0.625em; }
  html body.sticky .container #header nav.tags ul.search li.input form input[type='text'], html body.sticky .container #header nav.tags ul.search li.input form input[type='email'], html body.sticky .container #header nav.tags ul.search li.input form input[type='password'], html body.sticky .container #header nav.tags ul.search li.input form input[type='url'], html body.sticky .container #header nav.tags ul.search li.input form input[type='search'], html body.sticky .container #header nav.tags ul.search li.input form textarea { border: 1px solid #231f20; font-style: italic; }
  html body.sticky .container #header nav.tags ul.search li.input form input[type='submit'] { width: auto; text-transform: uppercase; letter-spacing: 1.1px; border: 1px solid #231f20; background: #231f20; color: white; cursor: pointer; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  html body.sticky .container #header nav.tags ul.search li.input form input[type='submit'] a { color: white; text-decoration: none; }
  html body.sticky .container #header nav.tags ul.search li.input form input[type='submit'] a:hover { color: white; }
  html body.sticky .container #header nav.tags ul.search li.input form input[type='submit']:hover { background: white; color: #231f20; }
  html body.sticky .container #header nav.tags ul.search li.input form input[type='submit']:hover a { color: #231f20; text-decoration: none; }
  html body.sticky .container #header nav.tags ul.search li.input form input[type='submit']:hover a:hover { color: #982022; }
  html body.sticky .container #header nav.tags ul.search li.input form input[type="image"] { width: auto; }
  html body.sticky .container #header nav.tags ul.search li.input form label { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; }
  html body.sticky .container #header nav.tags ul.search li.input form input { margin: 0.15625em 0.3125em 0; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) and (max-width: 79.999em) { html body.sticky .container #header nav.tags ul.search li.input { width: calc(100% - 1.25em); } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { html body.sticky .container #header nav.tags ul.search li.text { display: none; }
  html body.sticky .container #header nav.tags ul.search li.input { display: block; }
  html body.sticky .container #header section.logo, html body.sticky .container #header section.mobile-menubar { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.sticky .container #header section.logo:nth-of-type(2), html body.sticky .container #header section.mobile-menubar:nth-of-type(2) { margin-right: 0; }
  html body.sticky .container #header .mobile-menubar { width: 100%; max-width: 100%; float: left; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; cursor: pointer; position: absolute; right: 0; bottom: 0.3125em; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) and (max-width: 47.999em) { html body.sticky .container #header .mobile-menubar { font-size: 60%; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) and (max-width: 29.999em) { html body.sticky .container #header .mobile-menubar { font-size: small; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { html body.sticky .container #header .mobile-menubar ul li { display: inline-block; float: left; margin-right: 0.625em; }
  html body.sticky .container #header .mobile-menubar ul li:last-of-type { margin-right: 0; }
  html body.sticky .container #header .mobile-menubar ul li.icon img { height: 9px; position: relative; top: 1px; }
  html body.sticky .container #header .mobile-menubar ul { float: right; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) and (min-width: 90.001em) { html body.sticky .container #header { width: 75%; margin: 0 12.5%; } }

@media only screen and (min-width: 80em) { html body.sticky .container #header { position: fixed; z-index: 1; background: white; border-bottom: 1px solid #f1f1f1; margin-bottom: 0.625em; width: 95%; margin: 0 2.5%; margin: 0 0 2.5em !important; padding-top: 1.25em; top: 0; height: 2.5em; }
  html body.sticky .container #header .main, html body.sticky .container #header .logo, html body.sticky .container #header .secondary { width: 31.5%; margin-right: 2.5%; float: left; }
  html body.sticky .container #header .main:nth-of-type(2), html body.sticky .container #header .logo:nth-of-type(2), html body.sticky .container #header .secondary:nth-of-type(2) { margin-right: 2.5%; }
  html body.sticky .container #header .main:nth-of-type(3), html body.sticky .container #header .logo:nth-of-type(3), html body.sticky .container #header .secondary:nth-of-type(3) { margin-right: 0; }
  html body.sticky .container #header .secondary { margin-right: 0 !important; }
  html body.sticky .container #header .secondary ul { float: right; }
  html body.sticky .container #header .main, html body.sticky .container #header .secondary { margin-top: 2.5em; border-bottom: 1px solid #f1f1f1; /* If the menu goes two lines in strange responsive cases then cut the second line
*/ height: 2.5em; overflow: hidden; }
  html body.sticky .container #header .mobile-menubar, html body.sticky .container #header .close-icon { display: none; } }
@media only screen and (min-width: 80em) and (min-width: 90.001em) { html body.sticky .container #header { width: 75%; margin: 0 12.5%; } }
@media only screen and (min-width: 80em) { html body.sticky .container #header .tags { display: none; }
  html body.sticky .container #header nav.main, html body.sticky .container #header nav.secondary { margin-top: 0; border-bottom: 0; } }
html body.sticky .container main, html body.sticky .container #footer { position: relative; top: 3.75em; }
html body.frontpage .container main #intro > h3 { display: none; }
html body.frontpage .container main #intro #slider article { width: 100%; max-width: 100%; float: left; background: #f1f1f1; color: #231f20; }
html body.frontpage .container main #intro #slider article h1 { display: block; }
html body.frontpage .container main #intro #slider article figure { display: block; }
html body.frontpage .container main #intro #slider article figcaption { display: none; }
html body.frontpage .container main #intro #slider article .content { display: none; }
html body.frontpage .container main #intro #slider article .meta .category { display: none; }
html body.frontpage .container main #intro #slider article .meta .date { display: none; }
html body.frontpage .container main #intro #slider article .meta { display: none; }
html body.frontpage .container main #intro #slider article figure img { width: auto; }
html body.frontpage .container main #intro #slider article figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.frontpage .container main #intro #slider article figure figcaption h1, html body.frontpage .container main #intro #slider article figure figcaption h2, html body.frontpage .container main #intro #slider article figure figcaption h3, html body.frontpage .container main #intro #slider article figure figcaption h4, html body.frontpage .container main #intro #slider article figure figcaption h5, html body.frontpage .container main #intro #slider article figure figcaption h6 { margin: 0; padding: 0; }
html body.frontpage .container main #intro #slider article figure { position: relative; }
html body.frontpage .container main #intro #slider article figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.frontpage .container main #intro #slider article figure .label a { color: #231f20; text-decoration: none; }
html body.frontpage .container main #intro #slider article figure .label a:hover { color: white; }
html body.frontpage .container main #intro #slider article .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.frontpage .container main #intro #slider article .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.frontpage .container main #intro #slider article .meta > h3 { display: none; }
html body.frontpage .container main #intro #slider article .meta ul { margin: 0; }
html body.frontpage .container main #intro #slider article .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.frontpage .container main #intro #slider article .meta ul li:last-of-type { margin-right: 0; }
html body.frontpage .container main #intro #slider article .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.frontpage .container main #intro #slider article .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.frontpage .container main #intro #slider article .meta .category a { color: #982022; text-decoration: none; }
html body.frontpage .container main #intro #slider article .meta .category a:hover { color: #231f20; }
html body.frontpage .container main #intro #slider article .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.frontpage .container main #intro #slider article .meta .authors ul li:after { content: ','; }
html body.frontpage .container main #intro #slider article .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.frontpage .container main #intro #slider article .meta .authors ul li:first-of-type:after, html body.frontpage .container main #intro #slider article .meta .authors ul li:last-of-type:after { content: none; }
html body.frontpage .container main #intro #slider article .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.frontpage .container main #intro #slider article .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.frontpage .container main #intro #slider article .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.frontpage .container main #intro #slider article .share-buttons ul li:before { content: none; }
html body.frontpage .container main #intro #slider article .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.frontpage .container main #intro #slider article .share-buttons ul li:last-of-type { margin-right: 0; }
html body.frontpage .container main #intro #slider article .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.frontpage .container main #intro #slider article .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.frontpage .container main #intro #slider article .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.frontpage .container main #intro #slider article .share-buttons ul li .box .count a:hover { color: white; }
html body.frontpage .container main #intro #slider article .share-buttons ul li .box .share img { width: 30%; }
html body.frontpage .container main #intro #slider article .content { width: 100%; max-width: 100%; float: left; }
html body.frontpage .container main #intro #slider article .content a { color: #982022; text-decoration: none; }
html body.frontpage .container main #intro #slider article .content a:hover { color: #982022; }
html body.frontpage .container main #intro #slider article .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.frontpage .container main #intro #slider article .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.frontpage .container main #intro #slider article .content figure figcaption a:hover { color: #982022; }
html body.frontpage .container main #intro #slider article .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.frontpage .container main #intro #slider article .gallery .before, html body.frontpage .container main #intro #slider article .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.frontpage .container main #intro #slider article .gallery .before a, html body.frontpage .container main #intro #slider article .gallery .after a { color: white; text-decoration: none; }
html body.frontpage .container main #intro #slider article .gallery .before a:hover, html body.frontpage .container main #intro #slider article .gallery .after a:hover { color: white; }
html body.frontpage .container main #intro #slider article .gallery .before:before, html body.frontpage .container main #intro #slider article .gallery .after:before { content: "\2794"; }
html body.frontpage .container main #intro #slider article .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.frontpage .container main #intro #slider article .gallery .after { right: 0; float: right; }
html body.frontpage .container main #intro #slider article .gallery article, html body.frontpage .container main #intro #slider article .gallery .gallery-item { display: none; }
html body.frontpage .container main #intro #slider article .gallery article:first-of-type, html body.frontpage .container main #intro #slider article .gallery .gallery-item:first-of-type { display: block; }
html body.frontpage .container main #intro #slider article .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.frontpage .container main #intro #slider article .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.frontpage .container main #intro #slider article .gallery figure div.image-holder img { width: auto !important; }
html body.frontpage .container main #intro #slider article .gallery figure figcaption { display: none; }
html body.frontpage .container main #intro #slider article .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.frontpage .container main #intro #slider article .gallery span a { color: white; text-decoration: none; }
html body.frontpage .container main #intro #slider article .gallery span a:hover { color: white; }
html body.frontpage .container main #intro #slider article .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
html body.frontpage .container main #intro #slider article h1 { font-size: 24px; font-size: 1.5rem; padding: 0; }
@media only screen and (max-width: 47.999em) and (orientation: landscape) { html body.frontpage .container main #intro #slider article h1 { font-size: 20px; font-size: 1.25rem; font-weight: bold; }
  html body.frontpage .container main #intro #slider article .excerpt { display: none; } }
html body.frontpage .container main #intro #slider nav { margin: 1.25em 0; }
html body.frontpage .container main #intro #slider nav > h3 { display: none; }
html body.frontpage .container main #intro #slider nav ol li { display: inline-block; float: left; margin-right: 0.625em; }
html body.frontpage .container main #intro #slider nav ol li:last-of-type { margin-right: 0; }
html body.frontpage .container main #intro #slider nav ol li { background: white; color: #231f20; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; }
html body.frontpage .container main #intro #slider nav ol li a { color: #231f20; text-decoration: none; }
html body.frontpage .container main #intro #slider nav ol li a:hover { color: #982022; }
@media only screen and (max-width: 47.999em) and (orientation: landscape) { html body.frontpage .container main #intro #slider nav ol li:nth-of-type(6), html body.frontpage .container main #intro #slider nav ol li:nth-of-type(7) { display: none; } }
html body.frontpage .container main #intro #slider nav ol li a { padding: 0.625em 0.9375em; display: block; }
html body.frontpage .container main #intro #slider nav ol li.active a, html body.frontpage .container main #intro #slider nav ol li:hover a { background: #982022; color: white; }
html body.frontpage .container main #intro #slider nav ol li.active a a, html body.frontpage .container main #intro #slider nav ol li:hover a a { color: #231f20; text-decoration: none; }
html body.frontpage .container main #intro #slider nav ol li.active a a:hover, html body.frontpage .container main #intro #slider nav ol li:hover a a:hover { color: white; }
@media only screen and (max-width: 47.999em) { html body.frontpage .container main #intro #slider nav ol { font-size: small; } }
html body.frontpage .container main #intro #slider .mobile { display: none; }
html body.frontpage .container main #intro #slider .desktop { display: block; }
@media only screen and (max-width: 29.999em) { html body.frontpage .container main #intro #slider .mobile { display: block; }
  html body.frontpage .container main #intro #slider .desktop { display: none; } }
@media only screen and (max-width: 29.999em) { html body.frontpage .container main #intro #slider article { position: relative; }
  html body.frontpage .container main #intro #slider article h1, html body.frontpage .container main #intro #slider article .excerpt { padding: 0.3125em; }
  html body.frontpage .container main #intro #slider article nav { position: relative; left: 0; margin-top: 0; height: 0; top: -2.5em; opacity: .7; } }
@media only screen and (min-width: 30em) { html body.frontpage .container main #intro #slider article figure, html body.frontpage .container main #intro #slider article h1, html body.frontpage .container main #intro #slider article .excerpt { width: 48.75%; margin-right: 0; float: left; }
  html body.frontpage .container main #intro #slider article h1, html body.frontpage .container main #intro #slider article .excerpt { margin-right: 0; padding: 0.3125em; width: calc(48.75% - 0.625em); }
  html body.frontpage .container main #intro #slider nav { margin-left: 51.25%; width: auto; margin-top: 0; position: relative; top: -2.8125em; height: 0; } }
@media only screen and (max-width: 29.999em) { html body.frontpage .container main #intro #slider { margin-bottom: 0.625em; } }
html body.frontpage .container main #intro #slider > h3 { display: none; }
html body.frontpage .container main #intro aside section { margin-bottom: 0.625em; }
@media only screen and (max-width: 29.999em) { html body.frontpage .container main #intro aside section { width: 100%; margin-right: 0; float: left; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { html body.frontpage .container main #intro aside section { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.frontpage .container main #intro aside section:nth-of-type(2) { margin-right: 0; }
  html body.frontpage .container main #intro aside section:nth-of-type(3) { margin-right: 2.5%; }
  html body.frontpage .container main #intro aside section:nth-of-type(4) { margin-right: 0; }
  html body.frontpage .container main #intro aside section:nth-of-type(5) { margin-right: 2.5%; }
  html body.frontpage .container main #intro aside section:nth-of-type(6) { margin-right: 0; }
  html body.frontpage .container main #intro aside section:nth-of-type(7) { margin-right: 2.5%; }
  html body.frontpage .container main #intro aside section:nth-of-type(8) { margin-right: 0; }
  html body.frontpage .container main #intro aside section:nth-of-type(9) { margin-right: 2.5%; }
  html body.frontpage .container main #intro aside section:nth-of-type(10) { margin-right: 0; } }
@media only screen and (min-width: 80em) { html body.frontpage .container main #intro aside section { width: 31.5%; margin-right: 2.5%; float: left; }
  html body.frontpage .container main #intro aside section:nth-of-type(2) { margin-right: 2.5%; }
  html body.frontpage .container main #intro aside section:nth-of-type(3) { margin-right: 0; }
  html body.frontpage .container main #intro aside section:nth-of-type(4) { margin-right: 2.5%; }
  html body.frontpage .container main #intro aside section:nth-of-type(5) { margin-right: 2.5%; }
  html body.frontpage .container main #intro aside section:nth-of-type(6) { margin-right: 0; }
  html body.frontpage .container main #intro aside section:nth-of-type(7) { margin-right: 2.5%; }
  html body.frontpage .container main #intro aside section:nth-of-type(8) { margin-right: 2.5%; }
  html body.frontpage .container main #intro aside section:nth-of-type(9) { margin-right: 0; }
  html body.frontpage .container main #intro aside section:nth-of-type(10) { margin-right: 2.5%; } }
html body.frontpage .container main #intro aside section h3 { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.frontpage .container main #intro aside section h3 a { color: #982022; text-decoration: none; }
html body.frontpage .container main #intro aside section h3 a:hover { color: #231f20; }
html body.frontpage .container main #intro aside section article { border-bottom: 1px solid #f1f1f1; margin-bottom: 0.3125em; padding-bottom: 0.3125em; }
html body.frontpage .container main #intro aside section article h1 { display: block; }
html body.frontpage .container main #intro aside section article figure { display: none; }
html body.frontpage .container main #intro aside section article figcaption { display: none; }
html body.frontpage .container main #intro aside section article .excerpt { display: none; }
html body.frontpage .container main #intro aside section article .content { display: none; }
html body.frontpage .container main #intro aside section article .meta .category { display: none; }
html body.frontpage .container main #intro aside section article .meta .date { display: none; }
html body.frontpage .container main #intro aside section article .meta { display: none; }
html body.frontpage .container main #intro aside section article figure img { width: auto; }
html body.frontpage .container main #intro aside section article figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.frontpage .container main #intro aside section article figure figcaption h1, html body.frontpage .container main #intro aside section article figure figcaption h2, html body.frontpage .container main #intro aside section article figure figcaption h3, html body.frontpage .container main #intro aside section article figure figcaption h4, html body.frontpage .container main #intro aside section article figure figcaption h5, html body.frontpage .container main #intro aside section article figure figcaption h6 { margin: 0; padding: 0; }
html body.frontpage .container main #intro aside section article figure { position: relative; }
html body.frontpage .container main #intro aside section article figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.frontpage .container main #intro aside section article figure .label a { color: #231f20; text-decoration: none; }
html body.frontpage .container main #intro aside section article figure .label a:hover { color: white; }
html body.frontpage .container main #intro aside section article .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.frontpage .container main #intro aside section article .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.frontpage .container main #intro aside section article .meta > h3 { display: none; }
html body.frontpage .container main #intro aside section article .meta ul { margin: 0; }
html body.frontpage .container main #intro aside section article .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.frontpage .container main #intro aside section article .meta ul li:last-of-type { margin-right: 0; }
html body.frontpage .container main #intro aside section article .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.frontpage .container main #intro aside section article .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.frontpage .container main #intro aside section article .meta .category a { color: #982022; text-decoration: none; }
html body.frontpage .container main #intro aside section article .meta .category a:hover { color: #231f20; }
html body.frontpage .container main #intro aside section article .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.frontpage .container main #intro aside section article .meta .authors ul li:after { content: ','; }
html body.frontpage .container main #intro aside section article .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.frontpage .container main #intro aside section article .meta .authors ul li:first-of-type:after, html body.frontpage .container main #intro aside section article .meta .authors ul li:last-of-type:after { content: none; }
html body.frontpage .container main #intro aside section article .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.frontpage .container main #intro aside section article .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.frontpage .container main #intro aside section article .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.frontpage .container main #intro aside section article .share-buttons ul li:before { content: none; }
html body.frontpage .container main #intro aside section article .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.frontpage .container main #intro aside section article .share-buttons ul li:last-of-type { margin-right: 0; }
html body.frontpage .container main #intro aside section article .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.frontpage .container main #intro aside section article .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.frontpage .container main #intro aside section article .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.frontpage .container main #intro aside section article .share-buttons ul li .box .count a:hover { color: white; }
html body.frontpage .container main #intro aside section article .share-buttons ul li .box .share img { width: 30%; }
html body.frontpage .container main #intro aside section article .content { width: 100%; max-width: 100%; float: left; }
html body.frontpage .container main #intro aside section article .content a { color: #982022; text-decoration: none; }
html body.frontpage .container main #intro aside section article .content a:hover { color: #982022; }
html body.frontpage .container main #intro aside section article .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.frontpage .container main #intro aside section article .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.frontpage .container main #intro aside section article .content figure figcaption a:hover { color: #982022; }
html body.frontpage .container main #intro aside section article .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.frontpage .container main #intro aside section article .gallery .before, html body.frontpage .container main #intro aside section article .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.frontpage .container main #intro aside section article .gallery .before a, html body.frontpage .container main #intro aside section article .gallery .after a { color: white; text-decoration: none; }
html body.frontpage .container main #intro aside section article .gallery .before a:hover, html body.frontpage .container main #intro aside section article .gallery .after a:hover { color: white; }
html body.frontpage .container main #intro aside section article .gallery .before:before, html body.frontpage .container main #intro aside section article .gallery .after:before { content: "\2794"; }
html body.frontpage .container main #intro aside section article .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.frontpage .container main #intro aside section article .gallery .after { right: 0; float: right; }
html body.frontpage .container main #intro aside section article .gallery article, html body.frontpage .container main #intro aside section article .gallery .gallery-item { display: none; }
html body.frontpage .container main #intro aside section article .gallery article:first-of-type, html body.frontpage .container main #intro aside section article .gallery .gallery-item:first-of-type { display: block; }
html body.frontpage .container main #intro aside section article .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.frontpage .container main #intro aside section article .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.frontpage .container main #intro aside section article .gallery figure div.image-holder img { width: auto !important; }
html body.frontpage .container main #intro aside section article .gallery figure figcaption { display: none; }
html body.frontpage .container main #intro aside section article .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.frontpage .container main #intro aside section article .gallery span a { color: white; text-decoration: none; }
html body.frontpage .container main #intro aside section article .gallery span a:hover { color: white; }
html body.frontpage .container main #intro aside section article .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
html body.frontpage .container main #intro aside section article h1 { font-size: medium; }
@media only screen and (min-width: 80em) { html body.frontpage .container main #intro aside section#announcements article:last-of-type { display: none; } }
@media only screen and (min-width: 80em) { html body.frontpage .container main #intro #slider { width: 65.5%; margin-right: 2.5%; float: left; }
  html body.frontpage .container main #intro aside { width: 31.5%; margin-right: 2.5%; float: left; margin-right: 0 !important; }
  html body.frontpage .container main #intro aside:nth-of-type(2) { margin-right: 2.5%; }
  html body.frontpage .container main #intro aside:nth-of-type(1) { margin-right: 2.5%; }
  html body.frontpage .container main #intro aside section { width: 100%; max-width: 100%; float: left; } }
html body.frontpage .container main #investigations h3 { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.frontpage .container main #investigations h3 a { color: #982022; text-decoration: none; }
html body.frontpage .container main #investigations h3 a:hover { color: #231f20; }
html body.frontpage .container main #investigations article { border-top: 0.3125em solid; padding-top: 0.3125em; }
@media only screen and (max-width: 29.999em) { html body.frontpage .container main #investigations article { width: 100%; margin-right: 0; float: left; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { html body.frontpage .container main #investigations article { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.frontpage .container main #investigations article:nth-of-type(2) { margin-right: 0; }
  html body.frontpage .container main #investigations article:nth-of-type(3) { margin-right: 2.5%; }
  html body.frontpage .container main #investigations article:nth-of-type(4) { margin-right: 0; }
  html body.frontpage .container main #investigations article:nth-of-type(5) { margin-right: 2.5%; }
  html body.frontpage .container main #investigations article:nth-of-type(6) { margin-right: 0; }
  html body.frontpage .container main #investigations article:nth-of-type(7) { margin-right: 2.5%; }
  html body.frontpage .container main #investigations article:nth-of-type(8) { margin-right: 0; }
  html body.frontpage .container main #investigations article:nth-of-type(9) { margin-right: 2.5%; }
  html body.frontpage .container main #investigations article:nth-of-type(10) { margin-right: 0; } }
@media only screen and (min-width: 80em) { html body.frontpage .container main #investigations article { width: 31.5%; margin-right: 2.5%; float: left; }
  html body.frontpage .container main #investigations article:nth-of-type(2) { margin-right: 2.5%; }
  html body.frontpage .container main #investigations article:nth-of-type(3) { margin-right: 0; }
  html body.frontpage .container main #investigations article:nth-of-type(4) { margin-right: 2.5%; }
  html body.frontpage .container main #investigations article:nth-of-type(5) { margin-right: 2.5%; }
  html body.frontpage .container main #investigations article:nth-of-type(6) { margin-right: 0; }
  html body.frontpage .container main #investigations article:nth-of-type(7) { margin-right: 2.5%; }
  html body.frontpage .container main #investigations article:nth-of-type(8) { margin-right: 2.5%; }
  html body.frontpage .container main #investigations article:nth-of-type(9) { margin-right: 0; }
  html body.frontpage .container main #investigations article:nth-of-type(10) { margin-right: 2.5%; } }
html body.frontpage .container main #investigations article h1 { display: block; }
html body.frontpage .container main #investigations article figure { display: block; }
html body.frontpage .container main #investigations article figcaption { display: none; }
html body.frontpage .container main #investigations article .content { display: none; }
html body.frontpage .container main #investigations article .meta .category { display: none; }
html body.frontpage .container main #investigations article figure img { width: auto; }
html body.frontpage .container main #investigations article figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.frontpage .container main #investigations article figure figcaption h1, html body.frontpage .container main #investigations article figure figcaption h2, html body.frontpage .container main #investigations article figure figcaption h3, html body.frontpage .container main #investigations article figure figcaption h4, html body.frontpage .container main #investigations article figure figcaption h5, html body.frontpage .container main #investigations article figure figcaption h6 { margin: 0; padding: 0; }
html body.frontpage .container main #investigations article figure { position: relative; }
html body.frontpage .container main #investigations article figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.frontpage .container main #investigations article figure .label a { color: #231f20; text-decoration: none; }
html body.frontpage .container main #investigations article figure .label a:hover { color: white; }
html body.frontpage .container main #investigations article .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.frontpage .container main #investigations article .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.frontpage .container main #investigations article .meta > h3 { display: none; }
html body.frontpage .container main #investigations article .meta ul { margin: 0; }
html body.frontpage .container main #investigations article .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.frontpage .container main #investigations article .meta ul li:last-of-type { margin-right: 0; }
html body.frontpage .container main #investigations article .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.frontpage .container main #investigations article .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.frontpage .container main #investigations article .meta .category a { color: #982022; text-decoration: none; }
html body.frontpage .container main #investigations article .meta .category a:hover { color: #231f20; }
html body.frontpage .container main #investigations article .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.frontpage .container main #investigations article .meta .authors ul li:after { content: ','; }
html body.frontpage .container main #investigations article .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.frontpage .container main #investigations article .meta .authors ul li:first-of-type:after, html body.frontpage .container main #investigations article .meta .authors ul li:last-of-type:after { content: none; }
html body.frontpage .container main #investigations article .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.frontpage .container main #investigations article .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.frontpage .container main #investigations article .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.frontpage .container main #investigations article .share-buttons ul li:before { content: none; }
html body.frontpage .container main #investigations article .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.frontpage .container main #investigations article .share-buttons ul li:last-of-type { margin-right: 0; }
html body.frontpage .container main #investigations article .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.frontpage .container main #investigations article .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.frontpage .container main #investigations article .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.frontpage .container main #investigations article .share-buttons ul li .box .count a:hover { color: white; }
html body.frontpage .container main #investigations article .share-buttons ul li .box .share img { width: 30%; }
html body.frontpage .container main #investigations article .content { width: 100%; max-width: 100%; float: left; }
html body.frontpage .container main #investigations article .content a { color: #982022; text-decoration: none; }
html body.frontpage .container main #investigations article .content a:hover { color: #982022; }
html body.frontpage .container main #investigations article .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.frontpage .container main #investigations article .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.frontpage .container main #investigations article .content figure figcaption a:hover { color: #982022; }
html body.frontpage .container main #investigations article .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.frontpage .container main #investigations article .gallery .before, html body.frontpage .container main #investigations article .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.frontpage .container main #investigations article .gallery .before a, html body.frontpage .container main #investigations article .gallery .after a { color: white; text-decoration: none; }
html body.frontpage .container main #investigations article .gallery .before a:hover, html body.frontpage .container main #investigations article .gallery .after a:hover { color: white; }
html body.frontpage .container main #investigations article .gallery .before:before, html body.frontpage .container main #investigations article .gallery .after:before { content: "\2794"; }
html body.frontpage .container main #investigations article .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.frontpage .container main #investigations article .gallery .after { right: 0; float: right; }
html body.frontpage .container main #investigations article .gallery article, html body.frontpage .container main #investigations article .gallery .gallery-item { display: none; }
html body.frontpage .container main #investigations article .gallery article:first-of-type, html body.frontpage .container main #investigations article .gallery .gallery-item:first-of-type { display: block; }
html body.frontpage .container main #investigations article .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.frontpage .container main #investigations article .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.frontpage .container main #investigations article .gallery figure div.image-holder img { width: auto !important; }
html body.frontpage .container main #investigations article .gallery figure figcaption { display: none; }
html body.frontpage .container main #investigations article .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.frontpage .container main #investigations article .gallery span a { color: white; text-decoration: none; }
html body.frontpage .container main #investigations article .gallery span a:hover { color: white; }
html body.frontpage .container main #investigations article .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
@media only screen and (max-width: 29.999em) { html body.frontpage .container main #investigations article { margin-bottom: 0.625em; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { html body.frontpage .container main #investigations article { height: 30em; } }
@media only screen and (min-width: 80em) { html body.frontpage .container main #investigations article { height: 30em; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.frontpage .container main #investigations article { width: 31.5%; margin-right: 2.5%; float: left; }
  html body.frontpage .container main #investigations article:nth-of-type(2) { margin-right: 2.5%; }
  html body.frontpage .container main #investigations article:nth-of-type(3) { margin-right: 0; }
  html body.frontpage .container main #investigations article:nth-of-type(4) { margin-right: 2.5%; }
  html body.frontpage .container main #investigations article:nth-of-type(5) { margin-right: 2.5%; }
  html body.frontpage .container main #investigations article:nth-of-type(6) { margin-right: 0; }
  html body.frontpage .container main #investigations article:nth-of-type(7) { margin-right: 2.5%; }
  html body.frontpage .container main #investigations article:nth-of-type(8) { margin-right: 2.5%; }
  html body.frontpage .container main #investigations article:nth-of-type(9) { margin-right: 0; }
  html body.frontpage .container main #investigations article:nth-of-type(10) { margin-right: 2.5%; } }
html body.frontpage .container main #products h3 { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.frontpage .container main #products h3 a { color: #982022; text-decoration: none; }
html body.frontpage .container main #products h3 a:hover { color: #231f20; }
html body.frontpage .container main #products article { margin-bottom: 0.3125em; }
@media only screen and (max-width: 29.999em) { html body.frontpage .container main #products article { width: 100%; margin-right: 0; float: left; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { html body.frontpage .container main #products article { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.frontpage .container main #products article:nth-of-type(2) { margin-right: 0; }
  html body.frontpage .container main #products article:nth-of-type(3) { margin-right: 2.5%; }
  html body.frontpage .container main #products article:nth-of-type(4) { margin-right: 0; }
  html body.frontpage .container main #products article:nth-of-type(5) { margin-right: 2.5%; }
  html body.frontpage .container main #products article:nth-of-type(6) { margin-right: 0; }
  html body.frontpage .container main #products article:nth-of-type(7) { margin-right: 2.5%; }
  html body.frontpage .container main #products article:nth-of-type(8) { margin-right: 0; }
  html body.frontpage .container main #products article:nth-of-type(9) { margin-right: 2.5%; }
  html body.frontpage .container main #products article:nth-of-type(10) { margin-right: 0; } }
@media only screen and (min-width: 80em) { html body.frontpage .container main #products article { width: 22.5%; margin-right: 3.33333%; float: left; }
  html body.frontpage .container main #products article:nth-of-type(2) { margin-right: 3.33333%; }
  html body.frontpage .container main #products article:nth-of-type(3) { margin-right: 3.33333%; }
  html body.frontpage .container main #products article:nth-of-type(4) { margin-right: 0; }
  html body.frontpage .container main #products article:nth-of-type(5) { margin-right: 3.33333%; }
  html body.frontpage .container main #products article:nth-of-type(6) { margin-right: 3.33333%; }
  html body.frontpage .container main #products article:nth-of-type(7) { margin-right: 3.33333%; }
  html body.frontpage .container main #products article:nth-of-type(8) { margin-right: 0; }
  html body.frontpage .container main #products article:nth-of-type(9) { margin-right: 3.33333%; }
  html body.frontpage .container main #products article:nth-of-type(10) { margin-right: 3.33333%; } }
html body.frontpage .container main #products article h1 { display: none; }
html body.frontpage .container main #products article figure { display: block; }
html body.frontpage .container main #products article figcaption { display: none; }
html body.frontpage .container main #products article .excerpt { display: none; }
html body.frontpage .container main #products article .content { display: none; }
html body.frontpage .container main #products article .meta .category { display: none; }
html body.frontpage .container main #products article .meta .date { display: none; }
html body.frontpage .container main #products article .meta { display: none; }
html body.frontpage .container main #products article figure img { width: auto; }
html body.frontpage .container main #products article figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.frontpage .container main #products article figure figcaption h1, html body.frontpage .container main #products article figure figcaption h2, html body.frontpage .container main #products article figure figcaption h3, html body.frontpage .container main #products article figure figcaption h4, html body.frontpage .container main #products article figure figcaption h5, html body.frontpage .container main #products article figure figcaption h6 { margin: 0; padding: 0; }
html body.frontpage .container main #products article figure { position: relative; }
html body.frontpage .container main #products article figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.frontpage .container main #products article figure .label a { color: #231f20; text-decoration: none; }
html body.frontpage .container main #products article figure .label a:hover { color: white; }
html body.frontpage .container main #products article .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.frontpage .container main #products article .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.frontpage .container main #products article .meta > h3 { display: none; }
html body.frontpage .container main #products article .meta ul { margin: 0; }
html body.frontpage .container main #products article .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.frontpage .container main #products article .meta ul li:last-of-type { margin-right: 0; }
html body.frontpage .container main #products article .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.frontpage .container main #products article .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.frontpage .container main #products article .meta .category a { color: #982022; text-decoration: none; }
html body.frontpage .container main #products article .meta .category a:hover { color: #231f20; }
html body.frontpage .container main #products article .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.frontpage .container main #products article .meta .authors ul li:after { content: ','; }
html body.frontpage .container main #products article .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.frontpage .container main #products article .meta .authors ul li:first-of-type:after, html body.frontpage .container main #products article .meta .authors ul li:last-of-type:after { content: none; }
html body.frontpage .container main #products article .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.frontpage .container main #products article .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.frontpage .container main #products article .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.frontpage .container main #products article .share-buttons ul li:before { content: none; }
html body.frontpage .container main #products article .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.frontpage .container main #products article .share-buttons ul li:last-of-type { margin-right: 0; }
html body.frontpage .container main #products article .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.frontpage .container main #products article .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.frontpage .container main #products article .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.frontpage .container main #products article .share-buttons ul li .box .count a:hover { color: white; }
html body.frontpage .container main #products article .share-buttons ul li .box .share img { width: 30%; }
html body.frontpage .container main #products article .content { width: 100%; max-width: 100%; float: left; }
html body.frontpage .container main #products article .content a { color: #982022; text-decoration: none; }
html body.frontpage .container main #products article .content a:hover { color: #982022; }
html body.frontpage .container main #products article .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.frontpage .container main #products article .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.frontpage .container main #products article .content figure figcaption a:hover { color: #982022; }
html body.frontpage .container main #products article .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.frontpage .container main #products article .gallery .before, html body.frontpage .container main #products article .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.frontpage .container main #products article .gallery .before a, html body.frontpage .container main #products article .gallery .after a { color: white; text-decoration: none; }
html body.frontpage .container main #products article .gallery .before a:hover, html body.frontpage .container main #products article .gallery .after a:hover { color: white; }
html body.frontpage .container main #products article .gallery .before:before, html body.frontpage .container main #products article .gallery .after:before { content: "\2794"; }
html body.frontpage .container main #products article .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.frontpage .container main #products article .gallery .after { right: 0; float: right; }
html body.frontpage .container main #products article .gallery article, html body.frontpage .container main #products article .gallery .gallery-item { display: none; }
html body.frontpage .container main #products article .gallery article:first-of-type, html body.frontpage .container main #products article .gallery .gallery-item:first-of-type { display: block; }
html body.frontpage .container main #products article .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.frontpage .container main #products article .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.frontpage .container main #products article .gallery figure div.image-holder img { width: auto !important; }
html body.frontpage .container main #products article .gallery figure figcaption { display: none; }
html body.frontpage .container main #products article .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.frontpage .container main #products article .gallery span a { color: white; text-decoration: none; }
html body.frontpage .container main #products article .gallery span a:hover { color: white; }
html body.frontpage .container main #products article .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.frontpage .container main #products article { width: 31.5%; margin-right: 2.5%; float: left; }
  html body.frontpage .container main #products article:nth-of-type(2) { margin-right: 2.5%; }
  html body.frontpage .container main #products article:nth-of-type(3) { margin-right: 0; }
  html body.frontpage .container main #products article:nth-of-type(4) { margin-right: 2.5%; }
  html body.frontpage .container main #products article:nth-of-type(5) { margin-right: 2.5%; }
  html body.frontpage .container main #products article:nth-of-type(6) { margin-right: 0; }
  html body.frontpage .container main #products article:nth-of-type(7) { margin-right: 2.5%; }
  html body.frontpage .container main #products article:nth-of-type(8) { margin-right: 2.5%; }
  html body.frontpage .container main #products article:nth-of-type(9) { margin-right: 0; }
  html body.frontpage .container main #products article:nth-of-type(10) { margin-right: 2.5%; } }
@media only screen and (max-width: 29.999em) { html body.frontpage .container main #products { position: relative; height: 100%; }
  html body.frontpage .container main #products .before, html body.frontpage .container main #products .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
  html body.frontpage .container main #products .before a, html body.frontpage .container main #products .after a { color: white; text-decoration: none; }
  html body.frontpage .container main #products .before a:hover, html body.frontpage .container main #products .after a:hover { color: white; }
  html body.frontpage .container main #products .before:before, html body.frontpage .container main #products .after:before { content: "\2794"; }
  html body.frontpage .container main #products .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
  html body.frontpage .container main #products .after { right: 0; float: right; }
  html body.frontpage .container main #products article, html body.frontpage .container main #products .gallery-item { display: none; }
  html body.frontpage .container main #products article:first-of-type, html body.frontpage .container main #products .gallery-item:first-of-type { display: block; } }
html body.frontpage .container main #projects { margin-top: 0.625em; }
html body.frontpage .container main #projects h3 { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.frontpage .container main #projects h3 a { color: #982022; text-decoration: none; }
html body.frontpage .container main #projects h3 a:hover { color: #231f20; }
html body.frontpage .container main #projects article { margin-bottom: 0.3125em; }
@media only screen and (max-width: 29.999em) { html body.frontpage .container main #projects article { width: 100%; margin-right: 0; float: left; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { html body.frontpage .container main #projects article { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.frontpage .container main #projects article:nth-of-type(2) { margin-right: 0; }
  html body.frontpage .container main #projects article:nth-of-type(3) { margin-right: 2.5%; }
  html body.frontpage .container main #projects article:nth-of-type(4) { margin-right: 0; }
  html body.frontpage .container main #projects article:nth-of-type(5) { margin-right: 2.5%; }
  html body.frontpage .container main #projects article:nth-of-type(6) { margin-right: 0; }
  html body.frontpage .container main #projects article:nth-of-type(7) { margin-right: 2.5%; }
  html body.frontpage .container main #projects article:nth-of-type(8) { margin-right: 0; }
  html body.frontpage .container main #projects article:nth-of-type(9) { margin-right: 2.5%; }
  html body.frontpage .container main #projects article:nth-of-type(10) { margin-right: 0; } }
@media only screen and (min-width: 80em) { html body.frontpage .container main #projects article { width: 18%; margin-right: 2.5%; float: left; }
  html body.frontpage .container main #projects article:nth-of-type(2) { margin-right: 2.5%; }
  html body.frontpage .container main #projects article:nth-of-type(3) { margin-right: 2.5%; }
  html body.frontpage .container main #projects article:nth-of-type(4) { margin-right: 2.5%; }
  html body.frontpage .container main #projects article:nth-of-type(5) { margin-right: 0; }
  html body.frontpage .container main #projects article:nth-of-type(6) { margin-right: 2.5%; }
  html body.frontpage .container main #projects article:nth-of-type(7) { margin-right: 2.5%; }
  html body.frontpage .container main #projects article:nth-of-type(8) { margin-right: 2.5%; }
  html body.frontpage .container main #projects article:nth-of-type(9) { margin-right: 2.5%; }
  html body.frontpage .container main #projects article:nth-of-type(10) { margin-right: 0; } }
html body.frontpage .container main #projects article h1 { display: block; }
html body.frontpage .container main #projects article figure { display: block; }
html body.frontpage .container main #projects article figcaption { display: none; }
html body.frontpage .container main #projects article .excerpt { display: none; }
html body.frontpage .container main #projects article .content { display: none; }
html body.frontpage .container main #projects article .meta .category { display: none; }
html body.frontpage .container main #projects article .meta .date { display: none; }
html body.frontpage .container main #projects article .meta { display: none; }
html body.frontpage .container main #projects article figure img { width: auto; }
html body.frontpage .container main #projects article figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.frontpage .container main #projects article figure figcaption h1, html body.frontpage .container main #projects article figure figcaption h2, html body.frontpage .container main #projects article figure figcaption h3, html body.frontpage .container main #projects article figure figcaption h4, html body.frontpage .container main #projects article figure figcaption h5, html body.frontpage .container main #projects article figure figcaption h6 { margin: 0; padding: 0; }
html body.frontpage .container main #projects article figure { position: relative; }
html body.frontpage .container main #projects article figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.frontpage .container main #projects article figure .label a { color: #231f20; text-decoration: none; }
html body.frontpage .container main #projects article figure .label a:hover { color: white; }
html body.frontpage .container main #projects article .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.frontpage .container main #projects article .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.frontpage .container main #projects article .meta > h3 { display: none; }
html body.frontpage .container main #projects article .meta ul { margin: 0; }
html body.frontpage .container main #projects article .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.frontpage .container main #projects article .meta ul li:last-of-type { margin-right: 0; }
html body.frontpage .container main #projects article .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.frontpage .container main #projects article .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.frontpage .container main #projects article .meta .category a { color: #982022; text-decoration: none; }
html body.frontpage .container main #projects article .meta .category a:hover { color: #231f20; }
html body.frontpage .container main #projects article .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.frontpage .container main #projects article .meta .authors ul li:after { content: ','; }
html body.frontpage .container main #projects article .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.frontpage .container main #projects article .meta .authors ul li:first-of-type:after, html body.frontpage .container main #projects article .meta .authors ul li:last-of-type:after { content: none; }
html body.frontpage .container main #projects article .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.frontpage .container main #projects article .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.frontpage .container main #projects article .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.frontpage .container main #projects article .share-buttons ul li:before { content: none; }
html body.frontpage .container main #projects article .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.frontpage .container main #projects article .share-buttons ul li:last-of-type { margin-right: 0; }
html body.frontpage .container main #projects article .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.frontpage .container main #projects article .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.frontpage .container main #projects article .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.frontpage .container main #projects article .share-buttons ul li .box .count a:hover { color: white; }
html body.frontpage .container main #projects article .share-buttons ul li .box .share img { width: 30%; }
html body.frontpage .container main #projects article .content { width: 100%; max-width: 100%; float: left; }
html body.frontpage .container main #projects article .content a { color: #982022; text-decoration: none; }
html body.frontpage .container main #projects article .content a:hover { color: #982022; }
html body.frontpage .container main #projects article .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.frontpage .container main #projects article .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.frontpage .container main #projects article .content figure figcaption a:hover { color: #982022; }
html body.frontpage .container main #projects article .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.frontpage .container main #projects article .gallery .before, html body.frontpage .container main #projects article .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.frontpage .container main #projects article .gallery .before a, html body.frontpage .container main #projects article .gallery .after a { color: white; text-decoration: none; }
html body.frontpage .container main #projects article .gallery .before a:hover, html body.frontpage .container main #projects article .gallery .after a:hover { color: white; }
html body.frontpage .container main #projects article .gallery .before:before, html body.frontpage .container main #projects article .gallery .after:before { content: "\2794"; }
html body.frontpage .container main #projects article .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.frontpage .container main #projects article .gallery .after { right: 0; float: right; }
html body.frontpage .container main #projects article .gallery article, html body.frontpage .container main #projects article .gallery .gallery-item { display: none; }
html body.frontpage .container main #projects article .gallery article:first-of-type, html body.frontpage .container main #projects article .gallery .gallery-item:first-of-type { display: block; }
html body.frontpage .container main #projects article .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.frontpage .container main #projects article .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.frontpage .container main #projects article .gallery figure div.image-holder img { width: auto !important; }
html body.frontpage .container main #projects article .gallery figure figcaption { display: none; }
html body.frontpage .container main #projects article .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.frontpage .container main #projects article .gallery span a { color: white; text-decoration: none; }
html body.frontpage .container main #projects article .gallery span a:hover { color: white; }
html body.frontpage .container main #projects article .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
html body.frontpage .container main #projects article h1 { font-size: medium; }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.frontpage .container main #projects article { width: 31.5%; margin-right: 2.5%; float: left; }
  html body.frontpage .container main #projects article:nth-of-type(2) { margin-right: 2.5%; }
  html body.frontpage .container main #projects article:nth-of-type(3) { margin-right: 0; }
  html body.frontpage .container main #projects article:nth-of-type(4) { margin-right: 2.5%; }
  html body.frontpage .container main #projects article:nth-of-type(5) { margin-right: 2.5%; }
  html body.frontpage .container main #projects article:nth-of-type(6) { margin-right: 0; }
  html body.frontpage .container main #projects article:nth-of-type(7) { margin-right: 2.5%; }
  html body.frontpage .container main #projects article:nth-of-type(8) { margin-right: 2.5%; }
  html body.frontpage .container main #projects article:nth-of-type(9) { margin-right: 0; }
  html body.frontpage .container main #projects article:nth-of-type(10) { margin-right: 2.5%; } }
@media only screen and (max-width: 29.999em) { html body.frontpage .container main #projects { position: relative; height: 100%; }
  html body.frontpage .container main #projects .before, html body.frontpage .container main #projects .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
  html body.frontpage .container main #projects .before a, html body.frontpage .container main #projects .after a { color: white; text-decoration: none; }
  html body.frontpage .container main #projects .before a:hover, html body.frontpage .container main #projects .after a:hover { color: white; }
  html body.frontpage .container main #projects .before:before, html body.frontpage .container main #projects .after:before { content: "\2794"; }
  html body.frontpage .container main #projects .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
  html body.frontpage .container main #projects .after { right: 0; float: right; }
  html body.frontpage .container main #projects article, html body.frontpage .container main #projects .gallery-item { display: none; }
  html body.frontpage .container main #projects article:first-of-type, html body.frontpage .container main #projects .gallery-item:first-of-type { display: block; } }
@media only screen and (min-width: 80em) { html body.frontpage .container main #projects article:last-of-type { /*display: none;*/ } }
html body.frontpage .container main #projects .more-projects { width: 100%; max-width: 100%; float: left; text-align: center; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; }
@media only screen and (max-width: 29.999em) { html body.frontpage .container main #projects .more-projects { margin: 0.625em 0; } }
html body.frontpage .container main #projects .more-projects a { display: inline-block; text-transform: uppercase; letter-spacing: 1.1px; border: 1px solid #231f20; background: #231f20; color: white; cursor: pointer; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; padding: 0.625em; padding-top: 0.3125em; }
html body.frontpage .container main #projects .more-projects a a { color: white; text-decoration: none; }
html body.frontpage .container main #projects .more-projects a a:hover { color: white; }
html body.frontpage .container main #projects .more-projects a:hover { background: white; color: #231f20; }
html body.frontpage .container main #projects .more-projects a:hover a { color: #231f20; text-decoration: none; }
html body.frontpage .container main #projects .more-projects a:hover a:hover { color: #982022; }
html body.frontpage .container main #projects .more-projects a .arrow:after { content: "\2794"; font-size: 150%; margin-left: 0.3125em; position: relative; top: 1.5px; }
html body.frontpage .container main #blog h3 { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.frontpage .container main #blog h3 a { color: #982022; text-decoration: none; }
html body.frontpage .container main #blog h3 a:hover { color: #231f20; }
html body.frontpage .container main #blog article { background: #231f20; color: white; margin-bottom: 0.3125em; }
@media only screen and (max-width: 29.999em) { html body.frontpage .container main #blog article { width: 100%; margin-right: 0; float: left; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { html body.frontpage .container main #blog article { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.frontpage .container main #blog article:nth-of-type(2) { margin-right: 0; }
  html body.frontpage .container main #blog article:nth-of-type(3) { margin-right: 2.5%; }
  html body.frontpage .container main #blog article:nth-of-type(4) { margin-right: 0; }
  html body.frontpage .container main #blog article:nth-of-type(5) { margin-right: 2.5%; }
  html body.frontpage .container main #blog article:nth-of-type(6) { margin-right: 0; }
  html body.frontpage .container main #blog article:nth-of-type(7) { margin-right: 2.5%; }
  html body.frontpage .container main #blog article:nth-of-type(8) { margin-right: 0; }
  html body.frontpage .container main #blog article:nth-of-type(9) { margin-right: 2.5%; }
  html body.frontpage .container main #blog article:nth-of-type(10) { margin-right: 0; } }
@media only screen and (min-width: 80em) { html body.frontpage .container main #blog article { width: 31.5%; margin-right: 2.5%; float: left; }
  html body.frontpage .container main #blog article:nth-of-type(2) { margin-right: 2.5%; }
  html body.frontpage .container main #blog article:nth-of-type(3) { margin-right: 0; }
  html body.frontpage .container main #blog article:nth-of-type(4) { margin-right: 2.5%; }
  html body.frontpage .container main #blog article:nth-of-type(5) { margin-right: 2.5%; }
  html body.frontpage .container main #blog article:nth-of-type(6) { margin-right: 0; }
  html body.frontpage .container main #blog article:nth-of-type(7) { margin-right: 2.5%; }
  html body.frontpage .container main #blog article:nth-of-type(8) { margin-right: 2.5%; }
  html body.frontpage .container main #blog article:nth-of-type(9) { margin-right: 0; }
  html body.frontpage .container main #blog article:nth-of-type(10) { margin-right: 2.5%; } }
html body.frontpage .container main #blog article h1 { display: block; }
html body.frontpage .container main #blog article figure { display: block; }
html body.frontpage .container main #blog article figcaption { display: none; }
html body.frontpage .container main #blog article .excerpt { display: none; }
html body.frontpage .container main #blog article .content { display: none; }
html body.frontpage .container main #blog article .meta .category { display: none; }
html body.frontpage .container main #blog article .meta .date { display: none; }
html body.frontpage .container main #blog article .meta { display: none; }
html body.frontpage .container main #blog article figure img { width: auto; }
html body.frontpage .container main #blog article figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.frontpage .container main #blog article figure figcaption h1, html body.frontpage .container main #blog article figure figcaption h2, html body.frontpage .container main #blog article figure figcaption h3, html body.frontpage .container main #blog article figure figcaption h4, html body.frontpage .container main #blog article figure figcaption h5, html body.frontpage .container main #blog article figure figcaption h6 { margin: 0; padding: 0; }
html body.frontpage .container main #blog article figure { position: relative; }
html body.frontpage .container main #blog article figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.frontpage .container main #blog article figure .label a { color: #231f20; text-decoration: none; }
html body.frontpage .container main #blog article figure .label a:hover { color: white; }
html body.frontpage .container main #blog article .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.frontpage .container main #blog article .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.frontpage .container main #blog article .meta > h3 { display: none; }
html body.frontpage .container main #blog article .meta ul { margin: 0; }
html body.frontpage .container main #blog article .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.frontpage .container main #blog article .meta ul li:last-of-type { margin-right: 0; }
html body.frontpage .container main #blog article .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.frontpage .container main #blog article .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.frontpage .container main #blog article .meta .category a { color: #982022; text-decoration: none; }
html body.frontpage .container main #blog article .meta .category a:hover { color: #231f20; }
html body.frontpage .container main #blog article .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.frontpage .container main #blog article .meta .authors ul li:after { content: ','; }
html body.frontpage .container main #blog article .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.frontpage .container main #blog article .meta .authors ul li:first-of-type:after, html body.frontpage .container main #blog article .meta .authors ul li:last-of-type:after { content: none; }
html body.frontpage .container main #blog article .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.frontpage .container main #blog article .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.frontpage .container main #blog article .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.frontpage .container main #blog article .share-buttons ul li:before { content: none; }
html body.frontpage .container main #blog article .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.frontpage .container main #blog article .share-buttons ul li:last-of-type { margin-right: 0; }
html body.frontpage .container main #blog article .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.frontpage .container main #blog article .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.frontpage .container main #blog article .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.frontpage .container main #blog article .share-buttons ul li .box .count a:hover { color: white; }
html body.frontpage .container main #blog article .share-buttons ul li .box .share img { width: 30%; }
html body.frontpage .container main #blog article .content { width: 100%; max-width: 100%; float: left; }
html body.frontpage .container main #blog article .content a { color: #982022; text-decoration: none; }
html body.frontpage .container main #blog article .content a:hover { color: #982022; }
html body.frontpage .container main #blog article .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.frontpage .container main #blog article .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.frontpage .container main #blog article .content figure figcaption a:hover { color: #982022; }
html body.frontpage .container main #blog article .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.frontpage .container main #blog article .gallery .before, html body.frontpage .container main #blog article .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.frontpage .container main #blog article .gallery .before a, html body.frontpage .container main #blog article .gallery .after a { color: white; text-decoration: none; }
html body.frontpage .container main #blog article .gallery .before a:hover, html body.frontpage .container main #blog article .gallery .after a:hover { color: white; }
html body.frontpage .container main #blog article .gallery .before:before, html body.frontpage .container main #blog article .gallery .after:before { content: "\2794"; }
html body.frontpage .container main #blog article .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.frontpage .container main #blog article .gallery .after { right: 0; float: right; }
html body.frontpage .container main #blog article .gallery article, html body.frontpage .container main #blog article .gallery .gallery-item { display: none; }
html body.frontpage .container main #blog article .gallery article:first-of-type, html body.frontpage .container main #blog article .gallery .gallery-item:first-of-type { display: block; }
html body.frontpage .container main #blog article .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.frontpage .container main #blog article .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.frontpage .container main #blog article .gallery figure div.image-holder img { width: auto !important; }
html body.frontpage .container main #blog article .gallery figure figcaption { display: none; }
html body.frontpage .container main #blog article .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.frontpage .container main #blog article .gallery span a { color: white; text-decoration: none; }
html body.frontpage .container main #blog article .gallery span a:hover { color: white; }
html body.frontpage .container main #blog article .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
html body.frontpage .container main #blog article figure, html body.frontpage .container main #blog article h1, html body.frontpage .container main #blog article .excerpt { width: 48.75%; margin-right: 2.5%; float: left; }
html body.frontpage .container main #blog article h1, html body.frontpage .container main #blog article .excerpt { margin-right: 0; padding: 0; width: calc(48.75% - 0); }
html body.frontpage .container main #blog article a { color: white; text-decoration: none; }
html body.frontpage .container main #blog article a:hover { color: white; }
html body.frontpage .container main #blog article h1 { font-weight: normal; font-size: medium; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; letter-spacing: 1.1px; margin-top: 0.3125em; }
@media only screen and (max-width: 79.999em) { html body.frontpage .container main #blog article h1 { font-size: small; } }
@media only screen and (min-width: 80em) { html body.frontpage .container main #blog article:last-of-type { /*display: none;*/ } }
html body.frontpage .container main #most-read section { margin-top: 0.625em; }
@media only screen and (max-width: 29.999em) { html body.frontpage .container main #most-read section { width: 100%; margin-right: 0; float: left; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { html body.frontpage .container main #most-read section { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.frontpage .container main #most-read section:nth-of-type(2) { margin-right: 0; }
  html body.frontpage .container main #most-read section:nth-of-type(3) { margin-right: 2.5%; }
  html body.frontpage .container main #most-read section:nth-of-type(4) { margin-right: 0; }
  html body.frontpage .container main #most-read section:nth-of-type(5) { margin-right: 2.5%; }
  html body.frontpage .container main #most-read section:nth-of-type(6) { margin-right: 0; }
  html body.frontpage .container main #most-read section:nth-of-type(7) { margin-right: 2.5%; }
  html body.frontpage .container main #most-read section:nth-of-type(8) { margin-right: 0; }
  html body.frontpage .container main #most-read section:nth-of-type(9) { margin-right: 2.5%; }
  html body.frontpage .container main #most-read section:nth-of-type(10) { margin-right: 0; } }
@media only screen and (min-width: 80em) { html body.frontpage .container main #most-read section { width: 31.5%; margin-right: 2.5%; float: left; }
  html body.frontpage .container main #most-read section:nth-of-type(2) { margin-right: 2.5%; }
  html body.frontpage .container main #most-read section:nth-of-type(3) { margin-right: 0; }
  html body.frontpage .container main #most-read section:nth-of-type(4) { margin-right: 2.5%; }
  html body.frontpage .container main #most-read section:nth-of-type(5) { margin-right: 2.5%; }
  html body.frontpage .container main #most-read section:nth-of-type(6) { margin-right: 0; }
  html body.frontpage .container main #most-read section:nth-of-type(7) { margin-right: 2.5%; }
  html body.frontpage .container main #most-read section:nth-of-type(8) { margin-right: 2.5%; }
  html body.frontpage .container main #most-read section:nth-of-type(9) { margin-right: 0; }
  html body.frontpage .container main #most-read section:nth-of-type(10) { margin-right: 2.5%; } }
html body.frontpage .container main #most-read section h3 { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.frontpage .container main #most-read section h3 a { color: #982022; text-decoration: none; }
html body.frontpage .container main #most-read section h3 a:hover { color: #231f20; }
html body.frontpage .container main #most-read section article { border-bottom: 1px solid #f1f1f1; margin-bottom: 0.3125em; padding-bottom: 0.3125em; }
html body.frontpage .container main #most-read section article h1 { display: block; }
html body.frontpage .container main #most-read section article figure { display: none; }
html body.frontpage .container main #most-read section article figcaption { display: none; }
html body.frontpage .container main #most-read section article .excerpt { display: none; }
html body.frontpage .container main #most-read section article .content { display: none; }
html body.frontpage .container main #most-read section article .meta .category { display: none; }
html body.frontpage .container main #most-read section article .meta .date { display: none; }
html body.frontpage .container main #most-read section article .meta { display: none; }
html body.frontpage .container main #most-read section article figure img { width: auto; }
html body.frontpage .container main #most-read section article figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.frontpage .container main #most-read section article figure figcaption h1, html body.frontpage .container main #most-read section article figure figcaption h2, html body.frontpage .container main #most-read section article figure figcaption h3, html body.frontpage .container main #most-read section article figure figcaption h4, html body.frontpage .container main #most-read section article figure figcaption h5, html body.frontpage .container main #most-read section article figure figcaption h6 { margin: 0; padding: 0; }
html body.frontpage .container main #most-read section article figure { position: relative; }
html body.frontpage .container main #most-read section article figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.frontpage .container main #most-read section article figure .label a { color: #231f20; text-decoration: none; }
html body.frontpage .container main #most-read section article figure .label a:hover { color: white; }
html body.frontpage .container main #most-read section article .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.frontpage .container main #most-read section article .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.frontpage .container main #most-read section article .meta > h3 { display: none; }
html body.frontpage .container main #most-read section article .meta ul { margin: 0; }
html body.frontpage .container main #most-read section article .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.frontpage .container main #most-read section article .meta ul li:last-of-type { margin-right: 0; }
html body.frontpage .container main #most-read section article .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.frontpage .container main #most-read section article .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.frontpage .container main #most-read section article .meta .category a { color: #982022; text-decoration: none; }
html body.frontpage .container main #most-read section article .meta .category a:hover { color: #231f20; }
html body.frontpage .container main #most-read section article .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.frontpage .container main #most-read section article .meta .authors ul li:after { content: ','; }
html body.frontpage .container main #most-read section article .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.frontpage .container main #most-read section article .meta .authors ul li:first-of-type:after, html body.frontpage .container main #most-read section article .meta .authors ul li:last-of-type:after { content: none; }
html body.frontpage .container main #most-read section article .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.frontpage .container main #most-read section article .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.frontpage .container main #most-read section article .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.frontpage .container main #most-read section article .share-buttons ul li:before { content: none; }
html body.frontpage .container main #most-read section article .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.frontpage .container main #most-read section article .share-buttons ul li:last-of-type { margin-right: 0; }
html body.frontpage .container main #most-read section article .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.frontpage .container main #most-read section article .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.frontpage .container main #most-read section article .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.frontpage .container main #most-read section article .share-buttons ul li .box .count a:hover { color: white; }
html body.frontpage .container main #most-read section article .share-buttons ul li .box .share img { width: 30%; }
html body.frontpage .container main #most-read section article .content { width: 100%; max-width: 100%; float: left; }
html body.frontpage .container main #most-read section article .content a { color: #982022; text-decoration: none; }
html body.frontpage .container main #most-read section article .content a:hover { color: #982022; }
html body.frontpage .container main #most-read section article .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.frontpage .container main #most-read section article .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.frontpage .container main #most-read section article .content figure figcaption a:hover { color: #982022; }
html body.frontpage .container main #most-read section article .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.frontpage .container main #most-read section article .gallery .before, html body.frontpage .container main #most-read section article .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.frontpage .container main #most-read section article .gallery .before a, html body.frontpage .container main #most-read section article .gallery .after a { color: white; text-decoration: none; }
html body.frontpage .container main #most-read section article .gallery .before a:hover, html body.frontpage .container main #most-read section article .gallery .after a:hover { color: white; }
html body.frontpage .container main #most-read section article .gallery .before:before, html body.frontpage .container main #most-read section article .gallery .after:before { content: "\2794"; }
html body.frontpage .container main #most-read section article .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.frontpage .container main #most-read section article .gallery .after { right: 0; float: right; }
html body.frontpage .container main #most-read section article .gallery article, html body.frontpage .container main #most-read section article .gallery .gallery-item { display: none; }
html body.frontpage .container main #most-read section article .gallery article:first-of-type, html body.frontpage .container main #most-read section article .gallery .gallery-item:first-of-type { display: block; }
html body.frontpage .container main #most-read section article .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.frontpage .container main #most-read section article .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.frontpage .container main #most-read section article .gallery figure div.image-holder img { width: auto !important; }
html body.frontpage .container main #most-read section article .gallery figure figcaption { display: none; }
html body.frontpage .container main #most-read section article .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.frontpage .container main #most-read section article .gallery span a { color: white; text-decoration: none; }
html body.frontpage .container main #most-read section article .gallery span a:hover { color: white; }
html body.frontpage .container main #most-read section article .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
html body.frontpage .container main #most-read section article h1 { font-size: medium; font-weight: normal; padding: 0.625em 0; }
html body.frontpage .container main #most-read section article:first-of-type h1 { padding-top: 0; }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.frontpage .container main #most-read section { width: 31.5%; margin-right: 2.5%; float: left; }
  html body.frontpage .container main #most-read section:nth-of-type(2) { margin-right: 2.5%; }
  html body.frontpage .container main #most-read section:nth-of-type(3) { margin-right: 0; }
  html body.frontpage .container main #most-read section:nth-of-type(4) { margin-right: 2.5%; }
  html body.frontpage .container main #most-read section:nth-of-type(5) { margin-right: 2.5%; }
  html body.frontpage .container main #most-read section:nth-of-type(6) { margin-right: 0; }
  html body.frontpage .container main #most-read section:nth-of-type(7) { margin-right: 2.5%; }
  html body.frontpage .container main #most-read section:nth-of-type(8) { margin-right: 2.5%; }
  html body.frontpage .container main #most-read section:nth-of-type(9) { margin-right: 0; }
  html body.frontpage .container main #most-read section:nth-of-type(10) { margin-right: 2.5%; } }
html body.frontpage .container main #videos { margin-top: 0.625em; }
html body.frontpage .container main #videos h3 { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.frontpage .container main #videos h3 a { color: #982022; text-decoration: none; }
html body.frontpage .container main #videos h3 a:hover { color: #231f20; }
html body.frontpage .container main #videos article { margin-bottom: 0.3125em; position: relative; width: 100%; width: 31.5%; margin-right: 2.5%; float: left; }
html body.frontpage .container main #videos article h1 { display: block; }
html body.frontpage .container main #videos article figure { display: block; }
html body.frontpage .container main #videos article figcaption { display: none; }
html body.frontpage .container main #videos article .excerpt { display: none; }
html body.frontpage .container main #videos article .content { display: none; }
html body.frontpage .container main #videos article .meta .category { display: none; }
html body.frontpage .container main #videos article .meta .date { display: none; }
html body.frontpage .container main #videos article .meta { display: none; }
html body.frontpage .container main #videos article figure img { width: auto; }
html body.frontpage .container main #videos article figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.frontpage .container main #videos article figure figcaption h1, html body.frontpage .container main #videos article figure figcaption h2, html body.frontpage .container main #videos article figure figcaption h3, html body.frontpage .container main #videos article figure figcaption h4, html body.frontpage .container main #videos article figure figcaption h5, html body.frontpage .container main #videos article figure figcaption h6 { margin: 0; padding: 0; }
html body.frontpage .container main #videos article figure { position: relative; }
html body.frontpage .container main #videos article figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.frontpage .container main #videos article figure .label a { color: #231f20; text-decoration: none; }
html body.frontpage .container main #videos article figure .label a:hover { color: white; }
html body.frontpage .container main #videos article .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.frontpage .container main #videos article .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.frontpage .container main #videos article .meta > h3 { display: none; }
html body.frontpage .container main #videos article .meta ul { margin: 0; }
html body.frontpage .container main #videos article .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.frontpage .container main #videos article .meta ul li:last-of-type { margin-right: 0; }
html body.frontpage .container main #videos article .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.frontpage .container main #videos article .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.frontpage .container main #videos article .meta .category a { color: #982022; text-decoration: none; }
html body.frontpage .container main #videos article .meta .category a:hover { color: #231f20; }
html body.frontpage .container main #videos article .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.frontpage .container main #videos article .meta .authors ul li:after { content: ','; }
html body.frontpage .container main #videos article .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.frontpage .container main #videos article .meta .authors ul li:first-of-type:after, html body.frontpage .container main #videos article .meta .authors ul li:last-of-type:after { content: none; }
html body.frontpage .container main #videos article .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.frontpage .container main #videos article .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.frontpage .container main #videos article .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.frontpage .container main #videos article .share-buttons ul li:before { content: none; }
html body.frontpage .container main #videos article .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.frontpage .container main #videos article .share-buttons ul li:last-of-type { margin-right: 0; }
html body.frontpage .container main #videos article .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.frontpage .container main #videos article .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.frontpage .container main #videos article .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.frontpage .container main #videos article .share-buttons ul li .box .count a:hover { color: white; }
html body.frontpage .container main #videos article .share-buttons ul li .box .share img { width: 30%; }
html body.frontpage .container main #videos article .content { width: 100%; max-width: 100%; float: left; }
html body.frontpage .container main #videos article .content a { color: #982022; text-decoration: none; }
html body.frontpage .container main #videos article .content a:hover { color: #982022; }
html body.frontpage .container main #videos article .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.frontpage .container main #videos article .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.frontpage .container main #videos article .content figure figcaption a:hover { color: #982022; }
html body.frontpage .container main #videos article .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.frontpage .container main #videos article .gallery .before, html body.frontpage .container main #videos article .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.frontpage .container main #videos article .gallery .before a, html body.frontpage .container main #videos article .gallery .after a { color: white; text-decoration: none; }
html body.frontpage .container main #videos article .gallery .before a:hover, html body.frontpage .container main #videos article .gallery .after a:hover { color: white; }
html body.frontpage .container main #videos article .gallery .before:before, html body.frontpage .container main #videos article .gallery .after:before { content: "\2794"; }
html body.frontpage .container main #videos article .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.frontpage .container main #videos article .gallery .after { right: 0; float: right; }
html body.frontpage .container main #videos article .gallery article, html body.frontpage .container main #videos article .gallery .gallery-item { display: none; }
html body.frontpage .container main #videos article .gallery article:first-of-type, html body.frontpage .container main #videos article .gallery .gallery-item:first-of-type { display: block; }
html body.frontpage .container main #videos article .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.frontpage .container main #videos article .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.frontpage .container main #videos article .gallery figure div.image-holder img { width: auto !important; }
html body.frontpage .container main #videos article .gallery figure figcaption { display: none; }
html body.frontpage .container main #videos article .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.frontpage .container main #videos article .gallery span a { color: white; text-decoration: none; }
html body.frontpage .container main #videos article .gallery span a:hover { color: white; }
html body.frontpage .container main #videos article .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
html body.frontpage .container main #videos article h1 { font-size: medium; }
html body.frontpage .container main #videos article span.icon { position: relative; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: .7; }
html body.frontpage .container main #videos article:nth-of-type(2) { margin-right: 2.5%; }
html body.frontpage .container main #videos article:nth-of-type(3) { margin-right: 0; }
html body.frontpage .container main #videos article:nth-of-type(4) { margin-right: 2.5%; }
html body.frontpage .container main #videos article:nth-of-type(5) { margin-right: 2.5%; }
html body.frontpage .container main #videos article:nth-of-type(6) { margin-right: 0; }
html body.frontpage .container main #videos article:nth-of-type(7) { margin-right: 2.5%; }
html body.frontpage .container main #videos article:nth-of-type(8) { margin-right: 2.5%; }
html body.frontpage .container main #videos article:nth-of-type(9) { margin-right: 0; }
html body.frontpage .container main #videos article:nth-of-type(10) { margin-right: 2.5%; }
@media only screen and (max-width: 29.999em) { html body.frontpage .container main #videos article { width: 100%; max-width: 100%; float: left; } }
@media only screen and (min-width: 80em) and (max-width: 29.999em) { html body.frontpage .container main #videos article { width: 100%; margin-right: 0; float: left; } }
@media only screen and (min-width: 80em) and (min-width: 30em) and (max-width: 79.999em) { html body.frontpage .container main #videos article { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.frontpage .container main #videos article:nth-of-type(2) { margin-right: 0; }
  html body.frontpage .container main #videos article:nth-of-type(3) { margin-right: 2.5%; }
  html body.frontpage .container main #videos article:nth-of-type(4) { margin-right: 0; }
  html body.frontpage .container main #videos article:nth-of-type(5) { margin-right: 2.5%; }
  html body.frontpage .container main #videos article:nth-of-type(6) { margin-right: 0; }
  html body.frontpage .container main #videos article:nth-of-type(7) { margin-right: 2.5%; }
  html body.frontpage .container main #videos article:nth-of-type(8) { margin-right: 0; }
  html body.frontpage .container main #videos article:nth-of-type(9) { margin-right: 2.5%; }
  html body.frontpage .container main #videos article:nth-of-type(10) { margin-right: 0; } }
@media only screen and (min-width: 80em) and (min-width: 80em) { html body.frontpage .container main #videos article { width: 15%; margin-right: 2%; float: left; }
  html body.frontpage .container main #videos article:nth-of-type(2) { margin-right: 2%; }
  html body.frontpage .container main #videos article:nth-of-type(3) { margin-right: 2%; }
  html body.frontpage .container main #videos article:nth-of-type(4) { margin-right: 2%; }
  html body.frontpage .container main #videos article:nth-of-type(5) { margin-right: 2%; }
  html body.frontpage .container main #videos article:nth-of-type(6) { margin-right: 0; }
  html body.frontpage .container main #videos article:nth-of-type(7) { margin-right: 2%; }
  html body.frontpage .container main #videos article:nth-of-type(8) { margin-right: 2%; }
  html body.frontpage .container main #videos article:nth-of-type(9) { margin-right: 2%; }
  html body.frontpage .container main #videos article:nth-of-type(10) { margin-right: 2%; } }

@media only screen and (max-width: 29.999em) { html body.frontpage .container main #videos { position: relative; height: 100%; }
  html body.frontpage .container main #videos .before, html body.frontpage .container main #videos .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
  html body.frontpage .container main #videos .before a, html body.frontpage .container main #videos .after a { color: white; text-decoration: none; }
  html body.frontpage .container main #videos .before a:hover, html body.frontpage .container main #videos .after a:hover { color: white; }
  html body.frontpage .container main #videos .before:before, html body.frontpage .container main #videos .after:before { content: "\2794"; }
  html body.frontpage .container main #videos .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
  html body.frontpage .container main #videos .after { right: 0; float: right; }
  html body.frontpage .container main #videos article, html body.frontpage .container main #videos .gallery-item { display: none; }
  html body.frontpage .container main #videos article:first-of-type, html body.frontpage .container main #videos .gallery-item:first-of-type { display: block; } }
html body.frontpage .container main #tags-and-gallery { margin-top: 0.625em; }
html body.frontpage .container main #tags-and-gallery h3, html body.frontpage .container main #tags-and-gallery figcaption { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; display: none; }
html body.frontpage .container main #tags-and-gallery h3 a, html body.frontpage .container main #tags-and-gallery figcaption a { color: #982022; text-decoration: none; }
html body.frontpage .container main #tags-and-gallery h3 a:hover, html body.frontpage .container main #tags-and-gallery figcaption a:hover { color: #231f20; }
html body.frontpage .container main #tags-and-gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.frontpage .container main #tags-and-gallery figure div.image-holder img { position: relative; width: 100%; }
html body.frontpage .container main #tags-and-gallery nav { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; width: 100%; max-width: 100%; float: left; background: #231f20; color: white; }
html body.frontpage .container main #tags-and-gallery nav a { color: white; text-decoration: none; }
html body.frontpage .container main #tags-and-gallery nav a:hover { color: white; }
html body.frontpage .container main #tags-and-gallery nav ul.search li.text img { height: 12px; position: relative; top: 1px; }
html body.frontpage .container main #tags-and-gallery nav ul.search li.input { display: none; }
html body.frontpage .container main #tags-and-gallery nav ul.search li.input form { /* Reset */ /* Stretching and padding */ /* Text */ /* Button */ /* Image */ /* Label
*/ }
html body.frontpage .container main #tags-and-gallery nav ul.search li.input form input, html body.frontpage .container main #tags-and-gallery nav ul.search li.input form textarea, html body.frontpage .container main #tags-and-gallery nav ul.search li.input form select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
html body.frontpage .container main #tags-and-gallery nav ul.search li.input form input, html body.frontpage .container main #tags-and-gallery nav ul.search li.input form textarea, html body.frontpage .container main #tags-and-gallery nav ul.search li.input form label { width: 100%; max-width: 100%; float: left; }
html body.frontpage .container main #tags-and-gallery nav ul.search li.input form input, html body.frontpage .container main #tags-and-gallery nav ul.search li.input form textarea { padding: 0.3125em; width: calc(100% - 0.625em); margin-bottom: 0.625em; }
html body.frontpage .container main #tags-and-gallery nav ul.search li.input form input[type='text'], html body.frontpage .container main #tags-and-gallery nav ul.search li.input form input[type='email'], html body.frontpage .container main #tags-and-gallery nav ul.search li.input form input[type='password'], html body.frontpage .container main #tags-and-gallery nav ul.search li.input form input[type='url'], html body.frontpage .container main #tags-and-gallery nav ul.search li.input form input[type='search'], html body.frontpage .container main #tags-and-gallery nav ul.search li.input form textarea { border: 1px solid #231f20; font-style: italic; }
html body.frontpage .container main #tags-and-gallery nav ul.search li.input form input[type='submit'] { width: auto; text-transform: uppercase; letter-spacing: 1.1px; border: 1px solid #231f20; background: #231f20; color: white; cursor: pointer; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
html body.frontpage .container main #tags-and-gallery nav ul.search li.input form input[type='submit'] a { color: white; text-decoration: none; }
html body.frontpage .container main #tags-and-gallery nav ul.search li.input form input[type='submit'] a:hover { color: white; }
html body.frontpage .container main #tags-and-gallery nav ul.search li.input form input[type='submit']:hover { background: white; color: #231f20; }
html body.frontpage .container main #tags-and-gallery nav ul.search li.input form input[type='submit']:hover a { color: #231f20; text-decoration: none; }
html body.frontpage .container main #tags-and-gallery nav ul.search li.input form input[type='submit']:hover a:hover { color: #982022; }
html body.frontpage .container main #tags-and-gallery nav ul.search li.input form input[type="image"] { width: auto; }
html body.frontpage .container main #tags-and-gallery nav ul.search li.input form label { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; }
html body.frontpage .container main #tags-and-gallery nav ul.search li.input form input { margin: 0.15625em 0.3125em 0; }
@media only screen and (max-width: 79.999em) { html body.frontpage .container main #tags-and-gallery nav ul.search li.input { width: calc(100% - 1.25em); } }
html body.frontpage .container main #tags-and-gallery nav ul.tag-list { text-align: center; margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: table\0/ !important; /* IE 8-9 */ }
html body.frontpage .container main #tags-and-gallery nav ul.tag-list li, html body.frontpage .container main #tags-and-gallery nav ul.social li, html body.frontpage .container main #tags-and-gallery nav ul.search li { display: inline-block; float: left; margin-right: 0.3125em; }
html body.frontpage .container main #tags-and-gallery nav ul.tag-list li:last-of-type, html body.frontpage .container main #tags-and-gallery nav ul.social li:last-of-type, html body.frontpage .container main #tags-and-gallery nav ul.search li:last-of-type { margin-right: 0; }
html body.frontpage .container main #tags-and-gallery nav ul.social { float: right; }
html body.frontpage .container main #tags-and-gallery nav ul.social li { /* We are not replacing social icons on hover - so the second image must not be displayed - also the icon should be taller, the maximum possible
*/ }
html body.frontpage .container main #tags-and-gallery nav ul.social li img { height: 12px; position: relative; top: 1px; }
html body.frontpage .container main #tags-and-gallery nav ul.social li a img { height: 13px; }
html body.frontpage .container main #tags-and-gallery nav ul.social li a img:last-of-type { display: none; }
html body.frontpage .container main #tags-and-gallery nav ul.tag-list { width: 100%; max-width: 100%; float: left; padding: 1.25em; width: calc(100% - 2.5em); }
html body.frontpage .container main #tags-and-gallery nav ul.tag-list li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.frontpage .container main #tags-and-gallery nav ul.tag-list li:before { content: none; }
html body.frontpage .container main #tags-and-gallery nav ul.tag-list li { display: inline-block; float: left; margin-right: 1.25em; }
html body.frontpage .container main #tags-and-gallery nav ul.tag-list li:last-of-type { margin-right: 0; }
html body.frontpage .container main #tags-and-gallery nav ul.tag-list li { text-align: left; margin-bottom: 0.3125em; }
@media only screen and (max-width: 29.999em) { html body.frontpage .container main #tags-and-gallery nav ul.tag-list li { margin-bottom: 1.25em; } }
@media only screen and (min-width: 80em) { html body.frontpage .container main #tags-and-gallery nav ul.tag-list li { margin-bottom: 1.25em; } }
html body.frontpage .container main #tags-and-gallery aside, html body.frontpage .container main #tags-and-gallery nav { width: 100%; max-width: 100%; float: left; }
html body.frontpage .container main #tags-and-gallery aside > h3, html body.frontpage .container main #tags-and-gallery nav > h3 { display: block; }
@media only screen and (min-width: 48em) and (max-width: 79.999em) and (max-width: 29.999em) { html body.frontpage .container main #tags-and-gallery aside, html body.frontpage .container main #tags-and-gallery nav { width: 100%; margin-right: 0; float: left; } }
@media only screen and (min-width: 48em) and (max-width: 79.999em) and (min-width: 30em) and (max-width: 79.999em) { html body.frontpage .container main #tags-and-gallery aside, html body.frontpage .container main #tags-and-gallery nav { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.frontpage .container main #tags-and-gallery aside:nth-of-type(2), html body.frontpage .container main #tags-and-gallery nav:nth-of-type(2) { margin-right: 0; }
  html body.frontpage .container main #tags-and-gallery aside:nth-of-type(3), html body.frontpage .container main #tags-and-gallery nav:nth-of-type(3) { margin-right: 2.5%; }
  html body.frontpage .container main #tags-and-gallery aside:nth-of-type(4), html body.frontpage .container main #tags-and-gallery nav:nth-of-type(4) { margin-right: 0; }
  html body.frontpage .container main #tags-and-gallery aside:nth-of-type(5), html body.frontpage .container main #tags-and-gallery nav:nth-of-type(5) { margin-right: 2.5%; }
  html body.frontpage .container main #tags-and-gallery aside:nth-of-type(6), html body.frontpage .container main #tags-and-gallery nav:nth-of-type(6) { margin-right: 0; }
  html body.frontpage .container main #tags-and-gallery aside:nth-of-type(7), html body.frontpage .container main #tags-and-gallery nav:nth-of-type(7) { margin-right: 2.5%; }
  html body.frontpage .container main #tags-and-gallery aside:nth-of-type(8), html body.frontpage .container main #tags-and-gallery nav:nth-of-type(8) { margin-right: 0; }
  html body.frontpage .container main #tags-and-gallery aside:nth-of-type(9), html body.frontpage .container main #tags-and-gallery nav:nth-of-type(9) { margin-right: 2.5%; }
  html body.frontpage .container main #tags-and-gallery aside:nth-of-type(10), html body.frontpage .container main #tags-and-gallery nav:nth-of-type(10) { margin-right: 0; } }
@media only screen and (min-width: 48em) and (max-width: 79.999em) and (min-width: 80em) { html body.frontpage .container main #tags-and-gallery aside, html body.frontpage .container main #tags-and-gallery nav { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.frontpage .container main #tags-and-gallery aside:nth-of-type(2), html body.frontpage .container main #tags-and-gallery nav:nth-of-type(2) { margin-right: 0; }
  html body.frontpage .container main #tags-and-gallery aside:nth-of-type(3), html body.frontpage .container main #tags-and-gallery nav:nth-of-type(3) { margin-right: 2.5%; }
  html body.frontpage .container main #tags-and-gallery aside:nth-of-type(4), html body.frontpage .container main #tags-and-gallery nav:nth-of-type(4) { margin-right: 0; }
  html body.frontpage .container main #tags-and-gallery aside:nth-of-type(5), html body.frontpage .container main #tags-and-gallery nav:nth-of-type(5) { margin-right: 2.5%; }
  html body.frontpage .container main #tags-and-gallery aside:nth-of-type(6), html body.frontpage .container main #tags-and-gallery nav:nth-of-type(6) { margin-right: 0; }
  html body.frontpage .container main #tags-and-gallery aside:nth-of-type(7), html body.frontpage .container main #tags-and-gallery nav:nth-of-type(7) { margin-right: 2.5%; }
  html body.frontpage .container main #tags-and-gallery aside:nth-of-type(8), html body.frontpage .container main #tags-and-gallery nav:nth-of-type(8) { margin-right: 0; }
  html body.frontpage .container main #tags-and-gallery aside:nth-of-type(9), html body.frontpage .container main #tags-and-gallery nav:nth-of-type(9) { margin-right: 2.5%; }
  html body.frontpage .container main #tags-and-gallery aside:nth-of-type(10), html body.frontpage .container main #tags-and-gallery nav:nth-of-type(10) { margin-right: 0; } }

@media only screen and (min-width: 80em) { html body.frontpage .container main #tags-and-gallery aside { width: 65.5%; margin-right: 2.5%; float: left; }
  html body.frontpage .container main #tags-and-gallery nav { width: 31.5%; margin-right: 2.5%; float: left; } }
html body.frontpage .container main #tags-and-gallery nav { margin-right: 0; }
@media only screen and (max-width: 47.999em) { html body.frontpage .container main #tags-and-gallery nav { margin-top: 0.625em; } }
@media only screen and (min-width: 80em) { html body.category main { overflow: hidden; }
  html body.category main aside #spacer { margin-bottom: -2500em !important; padding-bottom: 2500em; background: #f1f1f1; color: #231f20; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.category main { overflow: hidden; }
  html body.category main aside #spacer { margin-bottom: -2500em !important; padding-bottom: 2500em; background: #f1f1f1; color: #231f20; } }
html body.category main #articles, html body.category main #article { width: 100%; max-width: 100%; float: left; }
@media only screen and (min-width: 80em) { html body.category main #articles, html body.category main #article { width: 65.5%; margin-right: 2.5%; float: left; } }
/*moje*/@media only screen and (min-width: 80em) { .projects { width: 100% !important; margin-right: 0% !important; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.category main #articles, html body.category main #article { width: 65.5%; margin-right: 2.5%; float: left; } }
html body.category main #sidebar { width: 100%; max-width: 100%; float: left; margin-top: 1.25em; }
@media only screen and (min-width: 80em) { html body.category main #sidebar { width: 31.5%; margin-right: 2.5%; float: left; margin-right: 0; margin-top: 0; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.category main #sidebar { width: 31.5%; margin-right: 2.5%; float: left; margin-right: 0; margin-top: 0; } }
html body.category main #sidebar section { margin-bottom: 0.625em; }
html body.category main #sidebar section h3 { display: block; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.category main #sidebar section h3 a { color: #982022; text-decoration: none; }
html body.category main #sidebar section h3 a:hover { color: #231f20; }
html body.category main #sidebar section article { width: 100%; max-width: 100%; float: left; margin-bottom: 0.3125em; background: #f1f1f1; color: #231f20; background: white; color: #231f20; border-bottom: 1px solid #f1f1f1; padding-bottom: 0.3125em; }
html body.category main #sidebar section article h1 { display: block; }
html body.category main #sidebar section article figure { display: block; }
html body.category main #sidebar section article figcaption { display: none; }
html body.category main #sidebar section article .excerpt { display: none; }
html body.category main #sidebar section article .content { display: none; }
html body.category main #sidebar section article .meta .category { display: none; }
html body.category main #sidebar section article .meta .date { display: none; }
html body.category main #sidebar section article .meta { display: none; }
html body.category main #sidebar section article figure img { width: auto; }
html body.category main #sidebar section article figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.category main #sidebar section article figure figcaption h1, html body.category main #sidebar section article figure figcaption h2, html body.category main #sidebar section article figure figcaption h3, html body.category main #sidebar section article figure figcaption h4, html body.category main #sidebar section article figure figcaption h5, html body.category main #sidebar section article figure figcaption h6 { margin: 0; padding: 0; }
html body.category main #sidebar section article figure { position: relative; }
html body.category main #sidebar section article figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.category main #sidebar section article figure .label a { color: #231f20; text-decoration: none; }
html body.category main #sidebar section article figure .label a:hover { color: white; }
html body.category main #sidebar section article .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.category main #sidebar section article .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.category main #sidebar section article .meta > h3 { display: none; }
html body.category main #sidebar section article .meta ul { margin: 0; }
html body.category main #sidebar section article .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.category main #sidebar section article .meta ul li:last-of-type { margin-right: 0; }
html body.category main #sidebar section article .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.category main #sidebar section article .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.category main #sidebar section article .meta .category a { color: #982022; text-decoration: none; }
html body.category main #sidebar section article .meta .category a:hover { color: #231f20; }
html body.category main #sidebar section article .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.category main #sidebar section article .meta .authors ul li:after { content: ','; }
html body.category main #sidebar section article .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.category main #sidebar section article .meta .authors ul li:first-of-type:after, html body.category main #sidebar section article .meta .authors ul li:last-of-type:after { content: none; }
html body.category main #sidebar section article .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.category main #sidebar section article .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.category main #sidebar section article .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.category main #sidebar section article .share-buttons ul li:before { content: none; }
html body.category main #sidebar section article .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.category main #sidebar section article .share-buttons ul li:last-of-type { margin-right: 0; }
html body.category main #sidebar section article .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.category main #sidebar section article .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.category main #sidebar section article .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.category main #sidebar section article .share-buttons ul li .box .count a:hover { color: white; }
html body.category main #sidebar section article .share-buttons ul li .box .share img { width: 30%; }
html body.category main #sidebar section article .content { width: 100%; max-width: 100%; float: left; }
html body.category main #sidebar section article .content a { color: #982022; text-decoration: none; }
html body.category main #sidebar section article .content a:hover { color: #982022; }
html body.category main #sidebar section article .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.category main #sidebar section article .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.category main #sidebar section article .content figure figcaption a:hover { color: #982022; }
html body.category main #sidebar section article .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.category main #sidebar section article .gallery .before, html body.category main #sidebar section article .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.category main #sidebar section article .gallery .before a, html body.category main #sidebar section article .gallery .after a { color: white; text-decoration: none; }
html body.category main #sidebar section article .gallery .before a:hover, html body.category main #sidebar section article .gallery .after a:hover { color: white; }
html body.category main #sidebar section article .gallery .before:before, html body.category main #sidebar section article .gallery .after:before { content: "\2794"; }
html body.category main #sidebar section article .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.category main #sidebar section article .gallery .after { right: 0; float: right; }
html body.category main #sidebar section article .gallery article, html body.category main #sidebar section article .gallery .gallery-item { display: none; }
html body.category main #sidebar section article .gallery article:first-of-type, html body.category main #sidebar section article .gallery .gallery-item:first-of-type { display: block; }
html body.category main #sidebar section article .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.category main #sidebar section article .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.category main #sidebar section article .gallery figure div.image-holder img { width: auto !important; }
html body.category main #sidebar section article .gallery figure figcaption { display: none; }
html body.category main #sidebar section article .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.category main #sidebar section article .gallery span a { color: white; text-decoration: none; }
html body.category main #sidebar section article .gallery span a:hover { color: white; }
html body.category main #sidebar section article .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
html body.category main #sidebar section article figure, html body.category main #sidebar section article h1, html body.category main #sidebar section article .excerpt { width: 48.75%; margin-right: 2.5%; float: left; }
html body.category main #sidebar section article h1, html body.category main #sidebar section article .excerpt { margin-right: 0; padding: 0.3125em; width: calc(48.75% - 0.625em); }
html body.category main #sidebar section article h1 { font-size: medium; }
@media only screen and (max-width: 47.999em) { html body.category main #sidebar section article h1 { font-size: small; } }
html body.category main #sidebar section article a { color: #231f20; text-decoration: none; }
html body.category main #sidebar section article a:hover { color: #982022; }
html body.category main #sidebar section article h1 { font-weight: normal; }
@media only screen and (max-width: 79.999em) and (max-width: 29.999em) { html body.category main #sidebar section article { width: 100%; margin-right: 0; float: left; } }
@media only screen and (max-width: 79.999em) and (min-width: 30em) and (max-width: 79.999em) { html body.category main #sidebar section article { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.category main #sidebar section article:nth-of-type(2) { margin-right: 0; }
  html body.category main #sidebar section article:nth-of-type(3) { margin-right: 2.5%; }
  html body.category main #sidebar section article:nth-of-type(4) { margin-right: 0; }
  html body.category main #sidebar section article:nth-of-type(5) { margin-right: 2.5%; }
  html body.category main #sidebar section article:nth-of-type(6) { margin-right: 0; }
  html body.category main #sidebar section article:nth-of-type(7) { margin-right: 2.5%; }
  html body.category main #sidebar section article:nth-of-type(8) { margin-right: 0; }
  html body.category main #sidebar section article:nth-of-type(9) { margin-right: 2.5%; }
  html body.category main #sidebar section article:nth-of-type(10) { margin-right: 0; }
  html body.category main #sidebar section article:nth-of-type(11) { margin-right: 2.5%; }
  html body.category main #sidebar section article:nth-of-type(12) { margin-right: 0; }
  html body.category main #sidebar section article:nth-of-type(13) { margin-right: 2.5%; }
  html body.category main #sidebar section article:nth-of-type(14) { margin-right: 0; }
  html body.category main #sidebar section article:nth-of-type(15) { margin-right: 2.5%; }
  html body.category main #sidebar section article:nth-of-type(16) { margin-right: 0; }
  html body.category main #sidebar section article:nth-of-type(17) { margin-right: 2.5%; }
  html body.category main #sidebar section article:nth-of-type(18) { margin-right: 0; }
  html body.category main #sidebar section article:nth-of-type(19) { margin-right: 2.5%; }
  html body.category main #sidebar section article:nth-of-type(20) { margin-right: 0; } }
@media only screen and (max-width: 79.999em) and (min-width: 80em) { html body.category main #sidebar section article { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.category main #sidebar section article:nth-of-type(2) { margin-right: 0; }
  html body.category main #sidebar section article:nth-of-type(3) { margin-right: 2.5%; }
  html body.category main #sidebar section article:nth-of-type(4) { margin-right: 0; }
  html body.category main #sidebar section article:nth-of-type(5) { margin-right: 2.5%; }
  html body.category main #sidebar section article:nth-of-type(6) { margin-right: 0; }
  html body.category main #sidebar section article:nth-of-type(7) { margin-right: 2.5%; }
  html body.category main #sidebar section article:nth-of-type(8) { margin-right: 0; }
  html body.category main #sidebar section article:nth-of-type(9) { margin-right: 2.5%; }
  html body.category main #sidebar section article:nth-of-type(10) { margin-right: 0; }
  html body.category main #sidebar section article:nth-of-type(11) { margin-right: 2.5%; }
  html body.category main #sidebar section article:nth-of-type(12) { margin-right: 0; }
  html body.category main #sidebar section article:nth-of-type(13) { margin-right: 2.5%; }
  html body.category main #sidebar section article:nth-of-type(14) { margin-right: 0; }
  html body.category main #sidebar section article:nth-of-type(15) { margin-right: 2.5%; }
  html body.category main #sidebar section article:nth-of-type(16) { margin-right: 0; }
  html body.category main #sidebar section article:nth-of-type(17) { margin-right: 2.5%; }
  html body.category main #sidebar section article:nth-of-type(18) { margin-right: 0; }
  html body.category main #sidebar section article:nth-of-type(19) { margin-right: 2.5%; }
  html body.category main #sidebar section article:nth-of-type(20) { margin-right: 0; } }

@media only screen and (max-width: 29.999em) { html body.category main #sidebar section article { width: 100%; max-width: 100%; float: left; } }
@media only screen and (min-width: 80em) { html body.category main #sidebar section article { width: 100%; max-width: 100%; float: left; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.category main #sidebar section article { width: 100%; max-width: 100%; float: left; } }
html body.category main #sidebar #spacer > h3 { display: none; }
html body.category #articles { /* The first article
*/ /* The rest of the articles
*/ }
html body.category #articles .title { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.category #articles .title a { color: #982022; text-decoration: none; }
html body.category #articles .title a:hover { color: #231f20; }
html body.category #articles nav { margin: 1.25em 0; }
html body.category #articles nav > h3 { display: none; }
html body.category #articles nav ol li { display: inline-block; float: left; margin-right: 0.625em; }
html body.category #articles nav ol li:last-of-type { margin-right: 0; }
html body.category #articles nav ol li { background: #f1f1f1; color: #231f20; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; }
html body.category #articles nav ol li a { color: #231f20; text-decoration: none; }
html body.category #articles nav ol li a:hover { color: white; }
@media only screen and (max-width: 47.999em) and (orientation: landscape) { html body.category #articles nav ol li:nth-of-type(6), html body.category #articles nav ol li:nth-of-type(7) { display: none; } }
html body.category #articles nav ol li a { padding: 0.625em 0.9375em; display: block; }
html body.category #articles nav ol li.active a, html body.category #articles nav ol li:hover a { background: #982022; color: white; }
html body.category #articles nav ol li.active a a, html body.category #articles nav ol li:hover a a { color: #231f20; text-decoration: none; }
html body.category #articles nav ol li.active a a:hover, html body.category #articles nav ol li:hover a a:hover { color: white; }
@media only screen and (max-width: 47.999em) { html body.category #articles nav ol { font-size: small; } }
html body.category #articles aside { width: 100%; max-width: 100%; float: left; margin-bottom: 0.3125em; background: #f1f1f1; color: #231f20; margin-bottom: 0.625em; }
html body.category #articles aside h1 { display: block; }
html body.category #articles aside figure { display: block; }
html body.category #articles aside figcaption { display: none; }
html body.category #articles aside .content { display: none; }
html body.category #articles aside .meta .category { display: none; }
html body.category #articles aside .meta .date { display: none; }
html body.category #articles aside .meta { display: none; }
html body.category #articles aside figure img { width: auto; }
html body.category #articles aside figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.category #articles aside figure figcaption h1, html body.category #articles aside figure figcaption h2, html body.category #articles aside figure figcaption h3, html body.category #articles aside figure figcaption h4, html body.category #articles aside figure figcaption h5, html body.category #articles aside figure figcaption h6 { margin: 0; padding: 0; }
html body.category #articles aside figure { position: relative; }
html body.category #articles aside figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.category #articles aside figure .label a { color: #231f20; text-decoration: none; }
html body.category #articles aside figure .label a:hover { color: white; }
html body.category #articles aside .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.category #articles aside .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.category #articles aside .meta > h3 { display: none; }
html body.category #articles aside .meta ul { margin: 0; }
html body.category #articles aside .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.category #articles aside .meta ul li:last-of-type { margin-right: 0; }
html body.category #articles aside .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.category #articles aside .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.category #articles aside .meta .category a { color: #982022; text-decoration: none; }
html body.category #articles aside .meta .category a:hover { color: #231f20; }
html body.category #articles aside .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.category #articles aside .meta .authors ul li:after { content: ','; }
html body.category #articles aside .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.category #articles aside .meta .authors ul li:first-of-type:after, html body.category #articles aside .meta .authors ul li:last-of-type:after { content: none; }
html body.category #articles aside .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.category #articles aside .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.category #articles aside .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.category #articles aside .share-buttons ul li:before { content: none; }
html body.category #articles aside .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.category #articles aside .share-buttons ul li:last-of-type { margin-right: 0; }
html body.category #articles aside .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.category #articles aside .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.category #articles aside .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.category #articles aside .share-buttons ul li .box .count a:hover { color: white; }
html body.category #articles aside .share-buttons ul li .box .share img { width: 30%; }
html body.category #articles aside .content { width: 100%; max-width: 100%; float: left; }
html body.category #articles aside .content a { color: #982022; text-decoration: none; }
html body.category #articles aside .content a:hover { color: #982022; }
html body.category #articles aside .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.category #articles aside .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.category #articles aside .content figure figcaption a:hover { color: #982022; }
html body.category #articles aside .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.category #articles aside .gallery .before, html body.category #articles aside .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.category #articles aside .gallery .before a, html body.category #articles aside .gallery .after a { color: white; text-decoration: none; }
html body.category #articles aside .gallery .before a:hover, html body.category #articles aside .gallery .after a:hover { color: white; }
html body.category #articles aside .gallery .before:before, html body.category #articles aside .gallery .after:before { content: "\2794"; }
html body.category #articles aside .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.category #articles aside .gallery .after { right: 0; float: right; }
html body.category #articles aside .gallery article, html body.category #articles aside .gallery .gallery-item { display: none; }
html body.category #articles aside .gallery article:first-of-type, html body.category #articles aside .gallery .gallery-item:first-of-type { display: block; }
html body.category #articles aside .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.category #articles aside .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.category #articles aside .gallery figure div.image-holder img { width: auto !important; }
html body.category #articles aside .gallery figure figcaption { display: none; }
html body.category #articles aside .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.category #articles aside .gallery span a { color: white; text-decoration: none; }
html body.category #articles aside .gallery span a:hover { color: white; }
html body.category #articles aside .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
@media only screen and (min-width: 30em) { html body.category #articles aside figure, html body.category #articles aside h1, html body.category #articles aside .excerpt { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.category #articles aside h1, html body.category #articles aside .excerpt { margin-right: 0; padding: 0.3125em; width: calc(48.75% - 0.625em); } }
html body.category #articles aside h1, html body.category #articles aside .excerpt { padding: 0.3125em; }
@media only screen and (max-width: 47.999em) and (orientation: landscape) { html body.category #articles aside .excerpt { display: none; } }
html body.category #articles article.thumb { margin-bottom: 0.625em; }
@media only screen and (max-width: 79.999em) { html body.category #articles article.thumb { width: 100%; max-width: 100%; float: left; margin-bottom: 0.3125em; background: #f1f1f1; color: #231f20; }
  html body.category #articles article.thumb h1 { display: block; }
  html body.category #articles article.thumb figure { display: block; }
  html body.category #articles article.thumb figcaption { display: none; }
  html body.category #articles article.thumb .excerpt { display: none; }
  html body.category #articles article.thumb .content { display: none; }
  html body.category #articles article.thumb .meta .category { display: none; }
  html body.category #articles article.thumb .meta .date { display: none; }
  html body.category #articles article.thumb .meta { display: none; }
  html body.category #articles article.thumb figure img { width: auto; }
  html body.category #articles article.thumb figure figcaption { padding: 0.3125em; font-size: smaller; }
  html body.category #articles article.thumb figure figcaption h1, html body.category #articles article.thumb figure figcaption h2, html body.category #articles article.thumb figure figcaption h3, html body.category #articles article.thumb figure figcaption h4, html body.category #articles article.thumb figure figcaption h5, html body.category #articles article.thumb figure figcaption h6 { margin: 0; padding: 0; }
  html body.category #articles article.thumb figure { position: relative; }
  html body.category #articles article.thumb figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
  html body.category #articles article.thumb figure .label a { color: #231f20; text-decoration: none; }
  html body.category #articles article.thumb figure .label a:hover { color: white; }
  html body.category #articles article.thumb .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
  html body.category #articles article.thumb .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
  html body.category #articles article.thumb .meta > h3 { display: none; }
  html body.category #articles article.thumb .meta ul { margin: 0; }
  html body.category #articles article.thumb .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
  html body.category #articles article.thumb .meta ul li:last-of-type { margin-right: 0; }
  html body.category #articles article.thumb .meta .date { font-size: small; color: #332d2f; font-style: normal; }
  html body.category #articles article.thumb .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
  html body.category #articles article.thumb .meta .category a { color: #982022; text-decoration: none; }
  html body.category #articles article.thumb .meta .category a:hover { color: #231f20; }
  html body.category #articles article.thumb .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
  html body.category #articles article.thumb .meta .authors ul li:after { content: ','; }
  html body.category #articles article.thumb .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
  html body.category #articles article.thumb .meta .authors ul li:first-of-type:after, html body.category #articles article.thumb .meta .authors ul li:last-of-type:after { content: none; }
  html body.category #articles article.thumb .meta .print { cursor: pointer; width: 1.25em; display: none; }
  html body.category #articles article.thumb .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
  html body.category #articles article.thumb .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
  html body.category #articles article.thumb .share-buttons ul li:before { content: none; }
  html body.category #articles article.thumb .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
  html body.category #articles article.thumb .share-buttons ul li:last-of-type { margin-right: 0; }
  html body.category #articles article.thumb .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
  html body.category #articles article.thumb .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
  html body.category #articles article.thumb .share-buttons ul li .box .count a { color: white; text-decoration: none; }
  html body.category #articles article.thumb .share-buttons ul li .box .count a:hover { color: white; }
  html body.category #articles article.thumb .share-buttons ul li .box .share img { width: 30%; }
  html body.category #articles article.thumb .content { width: 100%; max-width: 100%; float: left; }
  html body.category #articles article.thumb .content a { color: #982022; text-decoration: none; }
  html body.category #articles article.thumb .content a:hover { color: #982022; }
  html body.category #articles article.thumb .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
  html body.category #articles article.thumb .content figure figcaption a { color: #231f20; text-decoration: none; }
  html body.category #articles article.thumb .content figure figcaption a:hover { color: #982022; }
  html body.category #articles article.thumb .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
  html body.category #articles article.thumb .gallery .before, html body.category #articles article.thumb .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
  html body.category #articles article.thumb .gallery .before a, html body.category #articles article.thumb .gallery .after a { color: white; text-decoration: none; }
  html body.category #articles article.thumb .gallery .before a:hover, html body.category #articles article.thumb .gallery .after a:hover { color: white; }
  html body.category #articles article.thumb .gallery .before:before, html body.category #articles article.thumb .gallery .after:before { content: "\2794"; }
  html body.category #articles article.thumb .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
  html body.category #articles article.thumb .gallery .after { right: 0; float: right; }
  html body.category #articles article.thumb .gallery article, html body.category #articles article.thumb .gallery .gallery-item { display: none; }
  html body.category #articles article.thumb .gallery article:first-of-type, html body.category #articles article.thumb .gallery .gallery-item:first-of-type { display: block; }
  html body.category #articles article.thumb .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
  html body.category #articles article.thumb .gallery figure div.image-holder img { position: relative; width: 100%; }
  html body.category #articles article.thumb .gallery figure div.image-holder img { width: auto !important; }
  html body.category #articles article.thumb .gallery figure figcaption { display: none; }
  html body.category #articles article.thumb .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
  html body.category #articles article.thumb .gallery span a { color: white; text-decoration: none; }
  html body.category #articles article.thumb .gallery span a:hover { color: white; }
  html body.category #articles article.thumb .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
  html body.category #articles article.thumb figure, html body.category #articles article.thumb h1, html body.category #articles article.thumb .excerpt { width: 48.75%; margin-right: 2.5%; float: left; }
 
  html body.category #articles article.thumb h1, html body.category #articles article.thumb .excerpt { margin-right: 0; padding: 0.3125em; width: calc(48.75% - 0.625em); }
  html body.category #articles article.thumb h1 { font-size: medium; } }
@media only screen and (max-width: 79.999em) and (max-width: 47.999em) { html body.category #articles article.thumb h1 { font-size: small; } }

@media only screen and (max-width: 79.999em) and (max-width: 29.999em) { html body.category #articles article.thumb { width: 100%; margin-right: 0; float: left; } }
@media only screen and (max-width: 79.999em) and (min-width: 30em) and (max-width: 79.999em) { html body.category #articles article.thumb { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.category #articles article.thumb:nth-of-type(2) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(3) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(4) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(5) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(6) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(8) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(9) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(10) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(12) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(14) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(15) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(16) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(18) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(20) { margin-right: 0; } }
@media only screen and (max-width: 79.999em) and (min-width: 80em) { html body.category #articles article.thumb { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.category #articles article.thumb:nth-of-type(2) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(3) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(4) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(5) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(6) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(8) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(9) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(10) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(12) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(14) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(15) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(16) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(18) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(20) { margin-right: 0; } }

@media only screen and (min-width: 80em) { html body.category #articles article.thumb { margin-bottom: 0.3125em; }
  html body.category #articles article.thumb h1 { display: block; }
  html body.category #articles article.thumb figure { display: block; }
  html body.category #articles article.thumb figcaption { display: none; }
  html body.category #articles article.thumb .excerpt { display: none; }
  html body.category #articles article.thumb .content { display: none; }
  html body.category #articles article.thumb .meta .category { display: none; }
  html body.category #articles article.thumb .meta .date { display: none; }
  html body.category #articles article.thumb .meta { display: none; }
  html body.category #articles article.thumb figure img { width: auto; }
  html body.category #articles article.thumb figure figcaption { padding: 0.3125em; font-size: smaller; }
  html body.category #articles article.thumb figure figcaption h1, html body.category #articles article.thumb figure figcaption h2, html body.category #articles article.thumb figure figcaption h3, html body.category #articles article.thumb figure figcaption h4, html body.category #articles article.thumb figure figcaption h5, html body.category #articles article.thumb figure figcaption h6 { margin: 0; padding: 0; }
  html body.category #articles article.thumb figure { position: relative; }
  html body.category #articles article.thumb figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
  html body.category #articles article.thumb figure .label a { color: #231f20; text-decoration: none; }
  html body.category #articles article.thumb figure .label a:hover { color: white; }
  html body.category #articles article.thumb .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
  html body.category #articles article.thumb .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
  html body.category #articles article.thumb .meta > h3 { display: none; }
  html body.category #articles article.thumb .meta ul { margin: 0; }
  html body.category #articles article.thumb .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
  html body.category #articles article.thumb .meta ul li:last-of-type { margin-right: 0; }
  html body.category #articles article.thumb .meta .date { font-size: small; color: #332d2f; font-style: normal; }
  html body.category #articles article.thumb .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
  html body.category #articles article.thumb .meta .category a { color: #982022; text-decoration: none; }
  html body.category #articles article.thumb .meta .category a:hover { color: #231f20; }
  html body.category #articles article.thumb .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
  html body.category #articles article.thumb .meta .authors ul li:after { content: ','; }
  html body.category #articles article.thumb .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
  html body.category #articles article.thumb .meta .authors ul li:first-of-type:after, html body.category #articles article.thumb .meta .authors ul li:last-of-type:after { content: none; }
  html body.category #articles article.thumb .meta .print { cursor: pointer; width: 1.25em; display: none; }
  html body.category #articles article.thumb .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
  html body.category #articles article.thumb .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
  html body.category #articles article.thumb .share-buttons ul li:before { content: none; }
  html body.category #articles article.thumb .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
  html body.category #articles article.thumb .share-buttons ul li:last-of-type { margin-right: 0; }
  html body.category #articles article.thumb .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
  html body.category #articles article.thumb .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
  html body.category #articles article.thumb .share-buttons ul li .box .count a { color: white; text-decoration: none; }
  html body.category #articles article.thumb .share-buttons ul li .box .count a:hover { color: white; }
  html body.category #articles article.thumb .share-buttons ul li .box .share img { width: 30%; }
  html body.category #articles article.thumb .content { width: 100%; max-width: 100%; float: left; }
  html body.category #articles article.thumb .content a { color: #982022; text-decoration: none; }
  html body.category #articles article.thumb .content a:hover { color: #982022; }
  html body.category #articles article.thumb .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
  html body.category #articles article.thumb .content figure figcaption a { color: #231f20; text-decoration: none; }
  html body.category #articles article.thumb .content figure figcaption a:hover { color: #982022; }
  html body.category #articles article.thumb .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
  html body.category #articles article.thumb .gallery .before, html body.category #articles article.thumb .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
  html body.category #articles article.thumb .gallery .before a, html body.category #articles article.thumb .gallery .after a { color: white; text-decoration: none; }
  html body.category #articles article.thumb .gallery .before a:hover, html body.category #articles article.thumb .gallery .after a:hover { color: white; }
  html body.category #articles article.thumb .gallery .before:before, html body.category #articles article.thumb .gallery .after:before { content: "\2794"; }
  html body.category #articles article.thumb .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
  html body.category #articles article.thumb .gallery .after { right: 0; float: right; }
  html body.category #articles article.thumb .gallery article, html body.category #articles article.thumb .gallery .gallery-item { display: none; }
  html body.category #articles article.thumb .gallery article:first-of-type, html body.category #articles article.thumb .gallery .gallery-item:first-of-type { display: block; }
  html body.category #articles article.thumb .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
  html body.category #articles article.thumb .gallery figure div.image-holder img { position: relative; width: 100%; }
  html body.category #articles article.thumb .gallery figure div.image-holder img { width: auto !important; }
  html body.category #articles article.thumb .gallery figure figcaption { display: none; }
  html body.category #articles article.thumb .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
  html body.category #articles article.thumb .gallery span a { color: white; text-decoration: none; }
  html body.category #articles article.thumb .gallery span a:hover { color: white; }
  html body.category #articles article.thumb .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
  html body.category #articles article.thumb h1 { font-size: medium; } }
@media only screen and (min-width: 80em) and (max-width: 29.999em) { html body.category #articles article.thumb { width: 100%; margin-right: 0; float: left; } }
@media only screen and (min-width: 80em) and (min-width: 30em) and (max-width: 79.999em) { html body.category #articles article.thumb { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.category #articles article.thumb:nth-of-type(2) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(3) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(4) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(5) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(6) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(8) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(9) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(10) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(12) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(14) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(15) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(16) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(18) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(20) { margin-right: 0; } }
@media only screen and (min-width: 80em) and (min-width: 80em) { html body.category #articles article.thumb { width: 31.5%; margin-right: 2.5%; float: left; }
  html body.category #articles article.thumb:nth-of-type(2) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(3) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(4) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(5) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(6) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(8) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(9) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(10) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(12) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(14) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(15) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(16) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(18) { margin-right: 0; }
  html body.category #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.category #articles article.thumb:nth-of-type(20) { margin-right: 2.5%; } }
  html body.category .projects article.thumb { margin-right: 2.5% !important; }
  html body.category .projects article.thumb:nth-of-type(6) { margin-right: 0 !important; }
  html body.category .projects article.thumb:nth-of-type(11) { margin-right: 0 !important; }
  html body.category .projects article.thumb:nth-of-type(16) { margin-right: 0 !important; }
  html body.category .projects article.thumb:nth-of-type(21) { margin-right: 0 !important; }
  html body.category .projects article.thumb:nth-of-type(26) { margin-right: 0 !important; }
  html body.category .projects article.thumb:nth-of-type(31) { margin-right: 0 !important; }

@media only screen and (max-width: 29.999em) { html body.category #articles article.thumb { width: 100%; max-width: 100%; float: left; } }
@media only screen and (min-width: 80em) { html body.tag main { overflow: hidden; }
  html body.tag main aside #spacer { margin-bottom: -2500em !important; padding-bottom: 2500em; background: #f1f1f1; color: #231f20; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.tag main { overflow: hidden; }
  html body.tag main aside #spacer { margin-bottom: -2500em !important; padding-bottom: 2500em; background: #f1f1f1; color: #231f20; } }
html body.tag main #articles, html body.tag main #article { width: 100%; max-width: 100%; float: left; }
@media only screen and (min-width: 80em) { html body.tag main #articles, html body.tag main #article { width: 65.5%; margin-right: 2.5%; float: left; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.tag main #articles, html body.tag main #article { width: 65.5%; margin-right: 2.5%; float: left; } }
html body.tag main #sidebar { width: 100%; max-width: 100%; float: left; margin-top: 1.25em; }
@media only screen and (min-width: 80em) { html body.tag main #sidebar { width: 31.5%; margin-right: 2.5%; float: left; margin-right: 0; margin-top: 0; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.tag main #sidebar { width: 31.5%; margin-right: 2.5%; float: left; margin-right: 0; margin-top: 0; } }
html body.tag main #sidebar section { margin-bottom: 0.625em; }
html body.tag main #sidebar section h3 { display: block; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.tag main #sidebar section h3 a { color: #982022; text-decoration: none; }
html body.tag main #sidebar section h3 a:hover { color: #231f20; }
html body.tag main #sidebar section article { width: 100%; max-width: 100%; float: left; margin-bottom: 0.3125em; background: #f1f1f1; color: #231f20; background: white; color: #231f20; border-bottom: 1px solid #f1f1f1; padding-bottom: 0.3125em; }
html body.tag main #sidebar section article h1 { display: block; }
html body.tag main #sidebar section article figure { display: block; }
html body.tag main #sidebar section article figcaption { display: none; }
html body.tag main #sidebar section article .excerpt { display: none; }
html body.tag main #sidebar section article .content { display: none; }
html body.tag main #sidebar section article .meta .category { display: none; }
html body.tag main #sidebar section article .meta .date { display: none; }
html body.tag main #sidebar section article .meta { display: none; }
html body.tag main #sidebar section article figure img { width: auto; }
html body.tag main #sidebar section article figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.tag main #sidebar section article figure figcaption h1, html body.tag main #sidebar section article figure figcaption h2, html body.tag main #sidebar section article figure figcaption h3, html body.tag main #sidebar section article figure figcaption h4, html body.tag main #sidebar section article figure figcaption h5, html body.tag main #sidebar section article figure figcaption h6 { margin: 0; padding: 0; }
html body.tag main #sidebar section article figure { position: relative; }
html body.tag main #sidebar section article figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.tag main #sidebar section article figure .label a { color: #231f20; text-decoration: none; }
html body.tag main #sidebar section article figure .label a:hover { color: white; }
html body.tag main #sidebar section article .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.tag main #sidebar section article .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.tag main #sidebar section article .meta > h3 { display: none; }
html body.tag main #sidebar section article .meta ul { margin: 0; }
html body.tag main #sidebar section article .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.tag main #sidebar section article .meta ul li:last-of-type { margin-right: 0; }
html body.tag main #sidebar section article .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.tag main #sidebar section article .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.tag main #sidebar section article .meta .category a { color: #982022; text-decoration: none; }
html body.tag main #sidebar section article .meta .category a:hover { color: #231f20; }
html body.tag main #sidebar section article .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.tag main #sidebar section article .meta .authors ul li:after { content: ','; }
html body.tag main #sidebar section article .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.tag main #sidebar section article .meta .authors ul li:first-of-type:after, html body.tag main #sidebar section article .meta .authors ul li:last-of-type:after { content: none; }
html body.tag main #sidebar section article .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.tag main #sidebar section article .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.tag main #sidebar section article .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.tag main #sidebar section article .share-buttons ul li:before { content: none; }
html body.tag main #sidebar section article .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.tag main #sidebar section article .share-buttons ul li:last-of-type { margin-right: 0; }
html body.tag main #sidebar section article .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.tag main #sidebar section article .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.tag main #sidebar section article .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.tag main #sidebar section article .share-buttons ul li .box .count a:hover { color: white; }
html body.tag main #sidebar section article .share-buttons ul li .box .share img { width: 30%; }
html body.tag main #sidebar section article .content { width: 100%; max-width: 100%; float: left; }
html body.tag main #sidebar section article .content a { color: #982022; text-decoration: none; }
html body.tag main #sidebar section article .content a:hover { color: #982022; }
html body.tag main #sidebar section article .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.tag main #sidebar section article .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.tag main #sidebar section article .content figure figcaption a:hover { color: #982022; }
html body.tag main #sidebar section article .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.tag main #sidebar section article .gallery .before, html body.tag main #sidebar section article .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.tag main #sidebar section article .gallery .before a, html body.tag main #sidebar section article .gallery .after a { color: white; text-decoration: none; }
html body.tag main #sidebar section article .gallery .before a:hover, html body.tag main #sidebar section article .gallery .after a:hover { color: white; }
html body.tag main #sidebar section article .gallery .before:before, html body.tag main #sidebar section article .gallery .after:before { content: "\2794"; }
html body.tag main #sidebar section article .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.tag main #sidebar section article .gallery .after { right: 0; float: right; }
html body.tag main #sidebar section article .gallery article, html body.tag main #sidebar section article .gallery .gallery-item { display: none; }
html body.tag main #sidebar section article .gallery article:first-of-type, html body.tag main #sidebar section article .gallery .gallery-item:first-of-type { display: block; }
html body.tag main #sidebar section article .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.tag main #sidebar section article .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.tag main #sidebar section article .gallery figure div.image-holder img { width: auto !important; }
html body.tag main #sidebar section article .gallery figure figcaption { display: none; }
html body.tag main #sidebar section article .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.tag main #sidebar section article .gallery span a { color: white; text-decoration: none; }
html body.tag main #sidebar section article .gallery span a:hover { color: white; }
html body.tag main #sidebar section article .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
html body.tag main #sidebar section article figure, html body.tag main #sidebar section article h1, html body.tag main #sidebar section article .excerpt { width: 48.75%; margin-right: 2.5%; float: left; }
html body.tag main #sidebar section article h1, html body.tag main #sidebar section article .excerpt { margin-right: 0; padding: 0.3125em; width: calc(48.75% - 0.625em); }
html body.tag main #sidebar section article h1 { font-size: medium; }
@media only screen and (max-width: 47.999em) { html body.tag main #sidebar section article h1 { font-size: small; } }
html body.tag main #sidebar section article a { color: #231f20; text-decoration: none; }
html body.tag main #sidebar section article a:hover { color: #982022; }
html body.tag main #sidebar section article h1 { font-weight: normal; }
@media only screen and (max-width: 79.999em) and (max-width: 29.999em) { html body.tag main #sidebar section article { width: 100%; margin-right: 0; float: left; } }
@media only screen and (max-width: 79.999em) and (min-width: 30em) and (max-width: 79.999em) { html body.tag main #sidebar section article { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.tag main #sidebar section article:nth-of-type(2) { margin-right: 0; }
  html body.tag main #sidebar section article:nth-of-type(3) { margin-right: 2.5%; }
  html body.tag main #sidebar section article:nth-of-type(4) { margin-right: 0; }
  html body.tag main #sidebar section article:nth-of-type(5) { margin-right: 2.5%; }
  html body.tag main #sidebar section article:nth-of-type(6) { margin-right: 0; }
  html body.tag main #sidebar section article:nth-of-type(7) { margin-right: 2.5%; }
  html body.tag main #sidebar section article:nth-of-type(8) { margin-right: 0; }
  html body.tag main #sidebar section article:nth-of-type(9) { margin-right: 2.5%; }
  html body.tag main #sidebar section article:nth-of-type(10) { margin-right: 0; }
  html body.tag main #sidebar section article:nth-of-type(11) { margin-right: 2.5%; }
  html body.tag main #sidebar section article:nth-of-type(12) { margin-right: 0; }
  html body.tag main #sidebar section article:nth-of-type(13) { margin-right: 2.5%; }
  html body.tag main #sidebar section article:nth-of-type(14) { margin-right: 0; }
  html body.tag main #sidebar section article:nth-of-type(15) { margin-right: 2.5%; }
  html body.tag main #sidebar section article:nth-of-type(16) { margin-right: 0; }
  html body.tag main #sidebar section article:nth-of-type(17) { margin-right: 2.5%; }
  html body.tag main #sidebar section article:nth-of-type(18) { margin-right: 0; }
  html body.tag main #sidebar section article:nth-of-type(19) { margin-right: 2.5%; }
  html body.tag main #sidebar section article:nth-of-type(20) { margin-right: 0; } }
@media only screen and (max-width: 79.999em) and (min-width: 80em) { html body.tag main #sidebar section article { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.tag main #sidebar section article:nth-of-type(2) { margin-right: 0; }
  html body.tag main #sidebar section article:nth-of-type(3) { margin-right: 2.5%; }
  html body.tag main #sidebar section article:nth-of-type(4) { margin-right: 0; }
  html body.tag main #sidebar section article:nth-of-type(5) { margin-right: 2.5%; }
  html body.tag main #sidebar section article:nth-of-type(6) { margin-right: 0; }
  html body.tag main #sidebar section article:nth-of-type(7) { margin-right: 2.5%; }
  html body.tag main #sidebar section article:nth-of-type(8) { margin-right: 0; }
  html body.tag main #sidebar section article:nth-of-type(9) { margin-right: 2.5%; }
  html body.tag main #sidebar section article:nth-of-type(10) { margin-right: 0; }
  html body.tag main #sidebar section article:nth-of-type(11) { margin-right: 2.5%; }
  html body.tag main #sidebar section article:nth-of-type(12) { margin-right: 0; }
  html body.tag main #sidebar section article:nth-of-type(13) { margin-right: 2.5%; }
  html body.tag main #sidebar section article:nth-of-type(14) { margin-right: 0; }
  html body.tag main #sidebar section article:nth-of-type(15) { margin-right: 2.5%; }
  html body.tag main #sidebar section article:nth-of-type(16) { margin-right: 0; }
  html body.tag main #sidebar section article:nth-of-type(17) { margin-right: 2.5%; }
  html body.tag main #sidebar section article:nth-of-type(18) { margin-right: 0; }
  html body.tag main #sidebar section article:nth-of-type(19) { margin-right: 2.5%; }
  html body.tag main #sidebar section article:nth-of-type(20) { margin-right: 0; } }

@media only screen and (max-width: 29.999em) { html body.tag main #sidebar section article { width: 100%; max-width: 100%; float: left; } }
@media only screen and (min-width: 80em) { html body.tag main #sidebar section article { width: 100%; max-width: 100%; float: left; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.tag main #sidebar section article { width: 100%; max-width: 100%; float: left; } }
html body.tag main #sidebar #spacer > h3 { display: none; }
html body.tag #articles { /* The first article
*/ /* The rest of the articles
*/ }
html body.tag #articles .title { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.tag #articles .title a { color: #982022; text-decoration: none; }
html body.tag #articles .title a:hover { color: #231f20; }
html body.tag #articles nav { margin: 1.25em 0; }
html body.tag #articles nav > h3 { display: none; }
html body.tag #articles nav ol li { display: inline-block; float: left; margin-right: 0.625em; }
html body.tag #articles nav ol li:last-of-type { margin-right: 0; }
html body.tag #articles nav ol li { background: #f1f1f1; color: #231f20; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; }
html body.tag #articles nav ol li a { color: #231f20; text-decoration: none; }
html body.tag #articles nav ol li a:hover { color: white; }
@media only screen and (max-width: 47.999em) and (orientation: landscape) { html body.tag #articles nav ol li:nth-of-type(6), html body.tag #articles nav ol li:nth-of-type(7) { display: none; } }
html body.tag #articles nav ol li a { padding: 0.625em 0.9375em; display: block; }
html body.tag #articles nav ol li.active a, html body.tag #articles nav ol li:hover a { background: #982022; color: white; }
html body.tag #articles nav ol li.active a a, html body.tag #articles nav ol li:hover a a { color: #231f20; text-decoration: none; }
html body.tag #articles nav ol li.active a a:hover, html body.tag #articles nav ol li:hover a a:hover { color: white; }
@media only screen and (max-width: 47.999em) { html body.tag #articles nav ol { font-size: small; } }
html body.tag #articles aside { width: 100%; max-width: 100%; float: left; margin-bottom: 0.3125em; background: #f1f1f1; color: #231f20; margin-bottom: 0.625em; }
html body.tag #articles aside h1 { display: block; }
html body.tag #articles aside figure { display: block; }
html body.tag #articles aside figcaption { display: none; }
html body.tag #articles aside .content { display: none; }
html body.tag #articles aside .meta .category { display: none; }
html body.tag #articles aside .meta .date { display: none; }
html body.tag #articles aside .meta { display: none; }
html body.tag #articles aside figure img { width: auto; }
html body.tag #articles aside figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.tag #articles aside figure figcaption h1, html body.tag #articles aside figure figcaption h2, html body.tag #articles aside figure figcaption h3, html body.tag #articles aside figure figcaption h4, html body.tag #articles aside figure figcaption h5, html body.tag #articles aside figure figcaption h6 { margin: 0; padding: 0; }
html body.tag #articles aside figure { position: relative; }
html body.tag #articles aside figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.tag #articles aside figure .label a { color: #231f20; text-decoration: none; }
html body.tag #articles aside figure .label a:hover { color: white; }
html body.tag #articles aside .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.tag #articles aside .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.tag #articles aside .meta > h3 { display: none; }
html body.tag #articles aside .meta ul { margin: 0; }
html body.tag #articles aside .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.tag #articles aside .meta ul li:last-of-type { margin-right: 0; }
html body.tag #articles aside .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.tag #articles aside .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.tag #articles aside .meta .category a { color: #982022; text-decoration: none; }
html body.tag #articles aside .meta .category a:hover { color: #231f20; }
html body.tag #articles aside .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.tag #articles aside .meta .authors ul li:after { content: ','; }
html body.tag #articles aside .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.tag #articles aside .meta .authors ul li:first-of-type:after, html body.tag #articles aside .meta .authors ul li:last-of-type:after { content: none; }
html body.tag #articles aside .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.tag #articles aside .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.tag #articles aside .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.tag #articles aside .share-buttons ul li:before { content: none; }
html body.tag #articles aside .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.tag #articles aside .share-buttons ul li:last-of-type { margin-right: 0; }
html body.tag #articles aside .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.tag #articles aside .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.tag #articles aside .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.tag #articles aside .share-buttons ul li .box .count a:hover { color: white; }
html body.tag #articles aside .share-buttons ul li .box .share img { width: 30%; }
html body.tag #articles aside .content { width: 100%; max-width: 100%; float: left; }
html body.tag #articles aside .content a { color: #982022; text-decoration: none; }
html body.tag #articles aside .content a:hover { color: #982022; }
html body.tag #articles aside .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.tag #articles aside .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.tag #articles aside .content figure figcaption a:hover { color: #982022; }
html body.tag #articles aside .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.tag #articles aside .gallery .before, html body.tag #articles aside .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.tag #articles aside .gallery .before a, html body.tag #articles aside .gallery .after a { color: white; text-decoration: none; }
html body.tag #articles aside .gallery .before a:hover, html body.tag #articles aside .gallery .after a:hover { color: white; }
html body.tag #articles aside .gallery .before:before, html body.tag #articles aside .gallery .after:before { content: "\2794"; }
html body.tag #articles aside .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.tag #articles aside .gallery .after { right: 0; float: right; }
html body.tag #articles aside .gallery article, html body.tag #articles aside .gallery .gallery-item { display: none; }
html body.tag #articles aside .gallery article:first-of-type, html body.tag #articles aside .gallery .gallery-item:first-of-type { display: block; }
html body.tag #articles aside .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.tag #articles aside .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.tag #articles aside .gallery figure div.image-holder img { width: auto !important; }
html body.tag #articles aside .gallery figure figcaption { display: none; }
html body.tag #articles aside .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.tag #articles aside .gallery span a { color: white; text-decoration: none; }
html body.tag #articles aside .gallery span a:hover { color: white; }
html body.tag #articles aside .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
@media only screen and (min-width: 30em) { html body.tag #articles aside figure, html body.tag #articles aside h1, html body.tag #articles aside .excerpt { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.tag #articles aside h1, html body.tag #articles aside .excerpt { margin-right: 0; padding: 0.3125em; width: calc(48.75% - 0.625em); } }
html body.tag #articles aside h1, html body.tag #articles aside .excerpt { padding: 0.3125em; }
@media only screen and (max-width: 47.999em) and (orientation: landscape) { html body.tag #articles aside .excerpt { display: none; } }
html body.tag #articles article.thumb { margin-bottom: 0.625em; }
@media only screen and (max-width: 79.999em) { html body.tag #articles article.thumb { width: 100%; max-width: 100%; float: left; margin-bottom: 0.3125em; background: #f1f1f1; color: #231f20; }
  html body.tag #articles article.thumb h1 { display: block; }
  html body.tag #articles article.thumb figure { display: block; }
  html body.tag #articles article.thumb figcaption { display: none; }
  html body.tag #articles article.thumb .excerpt { display: none; }
  html body.tag #articles article.thumb .content { display: none; }
  html body.tag #articles article.thumb .meta .category { display: none; }
  html body.tag #articles article.thumb .meta .date { display: none; }
  html body.tag #articles article.thumb .meta { display: none; }
  html body.tag #articles article.thumb figure img { width: auto; }
  html body.tag #articles article.thumb figure figcaption { padding: 0.3125em; font-size: smaller; }
  html body.tag #articles article.thumb figure figcaption h1, html body.tag #articles article.thumb figure figcaption h2, html body.tag #articles article.thumb figure figcaption h3, html body.tag #articles article.thumb figure figcaption h4, html body.tag #articles article.thumb figure figcaption h5, html body.tag #articles article.thumb figure figcaption h6 { margin: 0; padding: 0; }
  html body.tag #articles article.thumb figure { position: relative; }
  html body.tag #articles article.thumb figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
  html body.tag #articles article.thumb figure .label a { color: #231f20; text-decoration: none; }
  html body.tag #articles article.thumb figure .label a:hover { color: white; }
  html body.tag #articles article.thumb .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
  html body.tag #articles article.thumb .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
  html body.tag #articles article.thumb .meta > h3 { display: none; }
  html body.tag #articles article.thumb .meta ul { margin: 0; }
  html body.tag #articles article.thumb .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
  html body.tag #articles article.thumb .meta ul li:last-of-type { margin-right: 0; }
  html body.tag #articles article.thumb .meta .date { font-size: small; color: #332d2f; font-style: normal; }
  html body.tag #articles article.thumb .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
  html body.tag #articles article.thumb .meta .category a { color: #982022; text-decoration: none; }
  html body.tag #articles article.thumb .meta .category a:hover { color: #231f20; }
  html body.tag #articles article.thumb .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
  html body.tag #articles article.thumb .meta .authors ul li:after { content: ','; }
  html body.tag #articles article.thumb .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
  html body.tag #articles article.thumb .meta .authors ul li:first-of-type:after, html body.tag #articles article.thumb .meta .authors ul li:last-of-type:after { content: none; }
  html body.tag #articles article.thumb .meta .print { cursor: pointer; width: 1.25em; display: none; }
  html body.tag #articles article.thumb .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
  html body.tag #articles article.thumb .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
  html body.tag #articles article.thumb .share-buttons ul li:before { content: none; }
  html body.tag #articles article.thumb .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
  html body.tag #articles article.thumb .share-buttons ul li:last-of-type { margin-right: 0; }
  html body.tag #articles article.thumb .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
  html body.tag #articles article.thumb .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
  html body.tag #articles article.thumb .share-buttons ul li .box .count a { color: white; text-decoration: none; }
  html body.tag #articles article.thumb .share-buttons ul li .box .count a:hover { color: white; }
  html body.tag #articles article.thumb .share-buttons ul li .box .share img { width: 30%; }
  html body.tag #articles article.thumb .content { width: 100%; max-width: 100%; float: left; }
  html body.tag #articles article.thumb .content a { color: #982022; text-decoration: none; }
  html body.tag #articles article.thumb .content a:hover { color: #982022; }
  html body.tag #articles article.thumb .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
  html body.tag #articles article.thumb .content figure figcaption a { color: #231f20; text-decoration: none; }
  html body.tag #articles article.thumb .content figure figcaption a:hover { color: #982022; }
  html body.tag #articles article.thumb .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
  html body.tag #articles article.thumb .gallery .before, html body.tag #articles article.thumb .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
  html body.tag #articles article.thumb .gallery .before a, html body.tag #articles article.thumb .gallery .after a { color: white; text-decoration: none; }
  html body.tag #articles article.thumb .gallery .before a:hover, html body.tag #articles article.thumb .gallery .after a:hover { color: white; }
  html body.tag #articles article.thumb .gallery .before:before, html body.tag #articles article.thumb .gallery .after:before { content: "\2794"; }
  html body.tag #articles article.thumb .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
  html body.tag #articles article.thumb .gallery .after { right: 0; float: right; }
  html body.tag #articles article.thumb .gallery article, html body.tag #articles article.thumb .gallery .gallery-item { display: none; }
  html body.tag #articles article.thumb .gallery article:first-of-type, html body.tag #articles article.thumb .gallery .gallery-item:first-of-type { display: block; }
  html body.tag #articles article.thumb .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
  html body.tag #articles article.thumb .gallery figure div.image-holder img { position: relative; width: 100%; }
  html body.tag #articles article.thumb .gallery figure div.image-holder img { width: auto !important; }
  html body.tag #articles article.thumb .gallery figure figcaption { display: none; }
  html body.tag #articles article.thumb .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
  html body.tag #articles article.thumb .gallery span a { color: white; text-decoration: none; }
  html body.tag #articles article.thumb .gallery span a:hover { color: white; }
  html body.tag #articles article.thumb .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
  html body.tag #articles article.thumb figure, html body.tag #articles article.thumb h1, html body.tag #articles article.thumb .excerpt { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.tag #articles article.thumb h1, html body.tag #articles article.thumb .excerpt { margin-right: 0; padding: 0.3125em; width: calc(48.75% - 0.625em); }
  html body.tag #articles article.thumb h1 { font-size: medium; } }
@media only screen and (max-width: 79.999em) and (max-width: 47.999em) { html body.tag #articles article.thumb h1 { font-size: small; } }
@media only screen and (max-width: 79.999em) and (max-width: 29.999em) { html body.tag #articles article.thumb { width: 100%; margin-right: 0; float: left; } }
@media only screen and (max-width: 79.999em) and (min-width: 30em) and (max-width: 79.999em) { html body.tag #articles article.thumb { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.tag #articles article.thumb:nth-of-type(2) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(3) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(4) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(5) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(6) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(8) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(9) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(10) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(12) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(14) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(15) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(16) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(18) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(20) { margin-right: 0; } }
@media only screen and (max-width: 79.999em) and (min-width: 80em) { html body.tag #articles article.thumb { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.tag #articles article.thumb:nth-of-type(2) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(3) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(4) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(5) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(6) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(8) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(9) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(10) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(12) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(14) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(15) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(16) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(18) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(20) { margin-right: 0; } }

@media only screen and (min-width: 80em) { html body.tag #articles article.thumb { margin-bottom: 0.3125em; }
  html body.tag #articles article.thumb h1 { display: block; }
  html body.tag #articles article.thumb figure { display: block; }
  html body.tag #articles article.thumb figcaption { display: none; }
  html body.tag #articles article.thumb .excerpt { display: none; }
  html body.tag #articles article.thumb .content { display: none; }
  html body.tag #articles article.thumb .meta .category { display: none; }
  html body.tag #articles article.thumb .meta .date { display: none; }
  html body.tag #articles article.thumb .meta { display: none; }
  html body.tag #articles article.thumb figure img { width: auto; }
  html body.tag #articles article.thumb figure figcaption { padding: 0.3125em; font-size: smaller; }
  html body.tag #articles article.thumb figure figcaption h1, html body.tag #articles article.thumb figure figcaption h2, html body.tag #articles article.thumb figure figcaption h3, html body.tag #articles article.thumb figure figcaption h4, html body.tag #articles article.thumb figure figcaption h5, html body.tag #articles article.thumb figure figcaption h6 { margin: 0; padding: 0; }
  html body.tag #articles article.thumb figure { position: relative; }
  html body.tag #articles article.thumb figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
  html body.tag #articles article.thumb figure .label a { color: #231f20; text-decoration: none; }
  html body.tag #articles article.thumb figure .label a:hover { color: white; }
  html body.tag #articles article.thumb .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
  html body.tag #articles article.thumb .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
  html body.tag #articles article.thumb .meta > h3 { display: none; }
  html body.tag #articles article.thumb .meta ul { margin: 0; }
  html body.tag #articles article.thumb .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
  html body.tag #articles article.thumb .meta ul li:last-of-type { margin-right: 0; }
  html body.tag #articles article.thumb .meta .date { font-size: small; color: #332d2f; font-style: normal; }
  html body.tag #articles article.thumb .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
  html body.tag #articles article.thumb .meta .category a { color: #982022; text-decoration: none; }
  html body.tag #articles article.thumb .meta .category a:hover { color: #231f20; }
  html body.tag #articles article.thumb .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
  html body.tag #articles article.thumb .meta .authors ul li:after { content: ','; }
  html body.tag #articles article.thumb .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
  html body.tag #articles article.thumb .meta .authors ul li:first-of-type:after, html body.tag #articles article.thumb .meta .authors ul li:last-of-type:after { content: none; }
  html body.tag #articles article.thumb .meta .print { cursor: pointer; width: 1.25em; display: none; }
  html body.tag #articles article.thumb .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
  html body.tag #articles article.thumb .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
  html body.tag #articles article.thumb .share-buttons ul li:before { content: none; }
  html body.tag #articles article.thumb .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
  html body.tag #articles article.thumb .share-buttons ul li:last-of-type { margin-right: 0; }
  html body.tag #articles article.thumb .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
  html body.tag #articles article.thumb .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
  html body.tag #articles article.thumb .share-buttons ul li .box .count a { color: white; text-decoration: none; }
  html body.tag #articles article.thumb .share-buttons ul li .box .count a:hover { color: white; }
  html body.tag #articles article.thumb .share-buttons ul li .box .share img { width: 30%; }
  html body.tag #articles article.thumb .content { width: 100%; max-width: 100%; float: left; }
  html body.tag #articles article.thumb .content a { color: #982022; text-decoration: none; }
  html body.tag #articles article.thumb .content a:hover { color: #982022; }
  html body.tag #articles article.thumb .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
  html body.tag #articles article.thumb .content figure figcaption a { color: #231f20; text-decoration: none; }
  html body.tag #articles article.thumb .content figure figcaption a:hover { color: #982022; }
  html body.tag #articles article.thumb .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
  html body.tag #articles article.thumb .gallery .before, html body.tag #articles article.thumb .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
  html body.tag #articles article.thumb .gallery .before a, html body.tag #articles article.thumb .gallery .after a { color: white; text-decoration: none; }
  html body.tag #articles article.thumb .gallery .before a:hover, html body.tag #articles article.thumb .gallery .after a:hover { color: white; }
  html body.tag #articles article.thumb .gallery .before:before, html body.tag #articles article.thumb .gallery .after:before { content: "\2794"; }
  html body.tag #articles article.thumb .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
  html body.tag #articles article.thumb .gallery .after { right: 0; float: right; }
  html body.tag #articles article.thumb .gallery article, html body.tag #articles article.thumb .gallery .gallery-item { display: none; }
  html body.tag #articles article.thumb .gallery article:first-of-type, html body.tag #articles article.thumb .gallery .gallery-item:first-of-type { display: block; }
  html body.tag #articles article.thumb .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
  html body.tag #articles article.thumb .gallery figure div.image-holder img { position: relative; width: 100%; }
  html body.tag #articles article.thumb .gallery figure div.image-holder img { width: auto !important; }
  html body.tag #articles article.thumb .gallery figure figcaption { display: none; }
  html body.tag #articles article.thumb .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
  html body.tag #articles article.thumb .gallery span a { color: white; text-decoration: none; }
  html body.tag #articles article.thumb .gallery span a:hover { color: white; }
  html body.tag #articles article.thumb .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
  html body.tag #articles article.thumb h1 { font-size: medium; } }
@media only screen and (min-width: 80em) and (max-width: 29.999em) { html body.tag #articles article.thumb { width: 100%; margin-right: 0; float: left; } }
@media only screen and (min-width: 80em) and (min-width: 30em) and (max-width: 79.999em) { html body.tag #articles article.thumb { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.tag #articles article.thumb:nth-of-type(2) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(3) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(4) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(5) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(6) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(8) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(9) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(10) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(12) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(14) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(15) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(16) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(18) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(20) { margin-right: 0; } }
@media only screen and (min-width: 80em) and (min-width: 80em) { html body.tag #articles article.thumb { width: 31.5%; margin-right: 2.5%; float: left; }
  html body.tag #articles article.thumb:nth-of-type(2) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(3) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(4) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(5) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(6) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(8) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(9) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(10) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(12) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(14) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(15) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(16) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(18) { margin-right: 0; }
  html body.tag #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.tag #articles article.thumb:nth-of-type(20) { margin-right: 2.5%; } }

@media only screen and (max-width: 29.999em) { html body.tag #articles article.thumb { width: 100%; max-width: 100%; float: left; } }
html body.tag #banner { margin-bottom: 1.25em; }
html body.tag #banner figure div.image-holder { padding-top: 0; overflow: visible; }
html body.tag #banner figure div.image-holder img { position: relative; width: 100%; }
html body.tag #banner figure figcaption { display: none; }
html body.archive #articles .title { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.archive #articles .title a { color: #982022; text-decoration: none; }
html body.archive #articles .title a:hover { color: #231f20; }
html body.archive #articles nav { margin: 1.25em 0; }
html body.archive #articles nav > h3 { display: none; }
html body.archive #articles nav ol li { display: inline-block; float: left; margin-right: 0.625em; }
html body.archive #articles nav ol li:last-of-type { margin-right: 0; }
html body.archive #articles nav ol li { background: #f1f1f1; color: #231f20; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; }
html body.archive #articles nav ol li a { color: #231f20; text-decoration: none; }
html body.archive #articles nav ol li a:hover { color: white; }
@media only screen and (max-width: 47.999em) and (orientation: landscape) { html body.archive #articles nav ol li:nth-of-type(6), html body.archive #articles nav ol li:nth-of-type(7) { display: none; } }
html body.archive #articles nav ol li a { padding: 0.625em 0.9375em; display: block; }
html body.archive #articles nav ol li.active a, html body.archive #articles nav ol li:hover a { background: #982022; color: white; }
html body.archive #articles nav ol li.active a a, html body.archive #articles nav ol li:hover a a { color: #231f20; text-decoration: none; }
html body.archive #articles nav ol li.active a a:hover, html body.archive #articles nav ol li:hover a a:hover { color: white; }
@media only screen and (max-width: 47.999em) { html body.archive #articles nav ol { font-size: small; } }
html body.archive #articles article.thumb { margin-bottom: 0.3125em; }
@media only screen and (max-width: 29.999em) { html body.archive #articles article.thumb { width: 100%; margin-right: 0; float: left; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { html body.archive #articles article.thumb { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.archive #articles article.thumb:nth-of-type(2) { margin-right: 0; }
  html body.archive #articles article.thumb:nth-of-type(3) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(4) { margin-right: 0; }
  html body.archive #articles article.thumb:nth-of-type(5) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(6) { margin-right: 0; }
  html body.archive #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(8) { margin-right: 0; }
  html body.archive #articles article.thumb:nth-of-type(9) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(10) { margin-right: 0; }
  html body.archive #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(12) { margin-right: 0; }
  html body.archive #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(14) { margin-right: 0; }
  html body.archive #articles article.thumb:nth-of-type(15) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(16) { margin-right: 0; }
  html body.archive #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(18) { margin-right: 0; }
  html body.archive #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(20) { margin-right: 0; } }
@media only screen and (min-width: 80em) { html body.archive #articles article.thumb { width: 18%; margin-right: 2.5%; float: left; }
@media only screen and (min-width: 80em) { .projects article.thumb { width: 18% !important; height: 17em; float: left; margin-right: 15px;}
  html body.archive #articles article.thumb:nth-of-type(2) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(3) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(4) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(5) { margin-right: 0; }
  html body.archive #articles article.thumb:nth-of-type(6) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(8) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(9) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(10) { margin-right: 0; }
  html body.archive #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(12) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(14) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(15) { margin-right: 0; }
  html body.archive #articles article.thumb:nth-of-type(16) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(18) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(20) { margin-right: 0; } }
html body.archive #articles article.thumb h1 { display: block; }
html body.archive #articles article.thumb figure { display: block; }
html body.archive #articles article.thumb figcaption { display: none; }
html body.archive #articles article.thumb .excerpt { display: none; }
html body.archive #articles article.thumb .content { display: none; }
html body.archive #articles article.thumb .meta .category { display: none; }
html body.archive #articles article.thumb .meta .date { display: none; }
html body.archive #articles article.thumb .meta { display: none; }
html body.archive #articles article.thumb figure img { width: auto; }
html body.archive #articles article.thumb figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.archive #articles article.thumb figure figcaption h1, html body.archive #articles article.thumb figure figcaption h2, html body.archive #articles article.thumb figure figcaption h3, html body.archive #articles article.thumb figure figcaption h4, html body.archive #articles article.thumb figure figcaption h5, html body.archive #articles article.thumb figure figcaption h6 { margin: 0; padding: 0; }
html body.archive #articles article.thumb figure { position: relative; }
html body.archive #articles article.thumb figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.archive #articles article.thumb figure .label a { color: #231f20; text-decoration: none; }
html body.archive #articles article.thumb figure .label a:hover { color: white; }
html body.archive #articles article.thumb .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.archive #articles article.thumb .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.archive #articles article.thumb .meta > h3 { display: none; }
html body.archive #articles article.thumb .meta ul { margin: 0; }
html body.archive #articles article.thumb .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.archive #articles article.thumb .meta ul li:last-of-type { margin-right: 0; }
html body.archive #articles article.thumb .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.archive #articles article.thumb .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.archive #articles article.thumb .meta .category a { color: #982022; text-decoration: none; }
html body.archive #articles article.thumb .meta .category a:hover { color: #231f20; }
html body.archive #articles article.thumb .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.archive #articles article.thumb .meta .authors ul li:after { content: ','; }
html body.archive #articles article.thumb .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.archive #articles article.thumb .meta .authors ul li:first-of-type:after, html body.archive #articles article.thumb .meta .authors ul li:last-of-type:after { content: none; }
html body.archive #articles article.thumb .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.archive #articles article.thumb .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.archive #articles article.thumb .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.archive #articles article.thumb .share-buttons ul li:before { content: none; }
html body.archive #articles article.thumb .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.archive #articles article.thumb .share-buttons ul li:last-of-type { margin-right: 0; }
html body.archive #articles article.thumb .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.archive #articles article.thumb .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.archive #articles article.thumb .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.archive #articles article.thumb .share-buttons ul li .box .count a:hover { color: white; }
html body.archive #articles article.thumb .share-buttons ul li .box .share img { width: 30%; }
html body.archive #articles article.thumb .content { width: 100%; max-width: 100%; float: left; }
html body.archive #articles article.thumb .content a { color: #982022; text-decoration: none; }
html body.archive #articles article.thumb .content a:hover { color: #982022; }
html body.archive #articles article.thumb .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.archive #articles article.thumb .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.archive #articles article.thumb .content figure figcaption a:hover { color: #982022; }
html body.archive #articles article.thumb .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.archive #articles article.thumb .gallery .before, html body.archive #articles article.thumb .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.archive #articles article.thumb .gallery .before a, html body.archive #articles article.thumb .gallery .after a { color: white; text-decoration: none; }
html body.archive #articles article.thumb .gallery .before a:hover, html body.archive #articles article.thumb .gallery .after a:hover { color: white; }
html body.archive #articles article.thumb .gallery .before:before, html body.archive #articles article.thumb .gallery .after:before { content: "\2794"; }
html body.archive #articles article.thumb .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.archive #articles article.thumb .gallery .after { right: 0; float: right; }
html body.archive #articles article.thumb .gallery article, html body.archive #articles article.thumb .gallery .gallery-item { display: none; }
html body.archive #articles article.thumb .gallery article:first-of-type, html body.archive #articles article.thumb .gallery .gallery-item:first-of-type { display: block; }
html body.archive #articles article.thumb .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.archive #articles article.thumb .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.archive #articles article.thumb .gallery figure div.image-holder img { width: auto !important; }
html body.archive #articles article.thumb .gallery figure figcaption { display: none; }
html body.archive #articles article.thumb .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.archive #articles article.thumb .gallery span a { color: white; text-decoration: none; }
html body.archive #articles article.thumb .gallery span a:hover { color: white; }
html body.archive #articles article.thumb .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
html body.archive #articles article.thumb h1 { font-size: medium; }
@media only screen and (max-width: 29.999em) { html body.archive #articles article.thumb { margin-bottom: 0.625em; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { html body.archive #articles article.thumb { height: 17em; } }
@media only screen and (min-width: 80em) { html body.archive #articles article.thumb { height: 17em; } }
@media only screen and (min-width: 80em) { html body.archive #articles article.thumb { border-top: 0.3125em solid; padding-top: 0.3125em; } }
@media only screen and (min-width: 80em) { .projects article.thumb { border-top: 0.3125em solid; padding-top: 0.3125em; } }
@media only screen and (max-width: 29.999em) { html body.archive #articles article.thumb { width: 100%; max-width: 100%; float: left; width: 100%; max-width: 100%; float: left; margin-bottom: 0.3125em; background: #f1f1f1; color: #231f20; }
  html body.archive #articles article.thumb h1 { display: block; }
  html body.archive #articles article.thumb figure { display: block; }
  html body.archive #articles article.thumb figcaption { display: none; }
  html body.archive #articles article.thumb .excerpt { display: none; }
  html body.archive #articles article.thumb .content { display: none; }
  html body.archive #articles article.thumb .meta .category { display: none; }
  html body.archive #articles article.thumb .meta .date { display: none; }
  html body.archive #articles article.thumb .meta { display: none; }
  html body.archive #articles article.thumb figure img { width: auto; }
  html body.archive #articles article.thumb figure figcaption { padding: 0.3125em; font-size: smaller; }
  html body.archive #articles article.thumb figure figcaption h1, html body.archive #articles article.thumb figure figcaption h2, html body.archive #articles article.thumb figure figcaption h3, html body.archive #articles article.thumb figure figcaption h4, html body.archive #articles article.thumb figure figcaption h5, html body.archive #articles article.thumb figure figcaption h6 { margin: 0; padding: 0; }
  html body.archive #articles article.thumb figure { position: relative; }
  html body.archive #articles article.thumb figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
  html body.archive #articles article.thumb figure .label a { color: #231f20; text-decoration: none; }
  html body.archive #articles article.thumb figure .label a:hover { color: white; }
  html body.archive #articles article.thumb .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
  html body.archive #articles article.thumb .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
  html body.archive #articles article.thumb .meta > h3 { display: none; }
  html body.archive #articles article.thumb .meta ul { margin: 0; }
  html body.archive #articles article.thumb .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
  html body.archive #articles article.thumb .meta ul li:last-of-type { margin-right: 0; }
  html body.archive #articles article.thumb .meta .date { font-size: small; color: #332d2f; font-style: normal; }
  html body.archive #articles article.thumb .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
  html body.archive #articles article.thumb .meta .category a { color: #982022; text-decoration: none; }
  html body.archive #articles article.thumb .meta .category a:hover { color: #231f20; }
  html body.archive #articles article.thumb .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
  html body.archive #articles article.thumb .meta .authors ul li:after { content: ','; }
  html body.archive #articles article.thumb .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
  html body.archive #articles article.thumb .meta .authors ul li:first-of-type:after, html body.archive #articles article.thumb .meta .authors ul li:last-of-type:after { content: none; }
  html body.archive #articles article.thumb .meta .print { cursor: pointer; width: 1.25em; display: none; }
  html body.archive #articles article.thumb .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
  html body.archive #articles article.thumb .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
  html body.archive #articles article.thumb .share-buttons ul li:before { content: none; }
  html body.archive #articles article.thumb .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
  html body.archive #articles article.thumb .share-buttons ul li:last-of-type { margin-right: 0; }
  html body.archive #articles article.thumb .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
  html body.archive #articles article.thumb .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
  html body.archive #articles article.thumb .share-buttons ul li .box .count a { color: white; text-decoration: none; }
  html body.archive #articles article.thumb .share-buttons ul li .box .count a:hover { color: white; }
  html body.archive #articles article.thumb .share-buttons ul li .box .share img { width: 30%; }
  html body.archive #articles article.thumb .content { width: 100%; max-width: 100%; float: left; }
  html body.archive #articles article.thumb .content a { color: #982022; text-decoration: none; }
  html body.archive #articles article.thumb .content a:hover { color: #982022; }
  html body.archive #articles article.thumb .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
  html body.archive #articles article.thumb .content figure figcaption a { color: #231f20; text-decoration: none; }
  html body.archive #articles article.thumb .content figure figcaption a:hover { color: #982022; }
  html body.archive #articles article.thumb .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
  html body.archive #articles article.thumb .gallery .before, html body.archive #articles article.thumb .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
  html body.archive #articles article.thumb .gallery .before a, html body.archive #articles article.thumb .gallery .after a { color: white; text-decoration: none; }
  html body.archive #articles article.thumb .gallery .before a:hover, html body.archive #articles article.thumb .gallery .after a:hover { color: white; }
  html body.archive #articles article.thumb .gallery .before:before, html body.archive #articles article.thumb .gallery .after:before { content: "\2794"; }
  html body.archive #articles article.thumb .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
  html body.archive #articles article.thumb .gallery .after { right: 0; float: right; }
  html body.archive #articles article.thumb .gallery article, html body.archive #articles article.thumb .gallery .gallery-item { display: none; }
  html body.archive #articles article.thumb .gallery article:first-of-type, html body.archive #articles article.thumb .gallery .gallery-item:first-of-type { display: block; }
  html body.archive #articles article.thumb .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
  html body.archive #articles article.thumb .gallery figure div.image-holder img { position: relative; width: 100%; }
  html body.archive #articles article.thumb .gallery figure div.image-holder img { width: auto !important; }
  html body.archive #articles article.thumb .gallery figure figcaption { display: none; }
  html body.archive #articles article.thumb .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
  html body.archive #articles article.thumb .gallery span a { color: white; text-decoration: none; }
  html body.archive #articles article.thumb .gallery span a:hover { color: white; }
  html body.archive #articles article.thumb .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
  html body.archive #articles article.thumb figure, html body.archive #articles article.thumb h1, html body.archive #articles article.thumb .excerpt { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.archive #articles article.thumb h1, html body.archive #articles article.thumb .excerpt { margin-right: 0; padding: 0.3125em; width: calc(48.75% - 0.625em); }
  html body.archive #articles article.thumb h1 { font-size: medium; } }
@media only screen and (max-width: 29.999em) and (max-width: 47.999em) { html body.archive #articles article.thumb h1 { font-size: small; } }

@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.archive #articles article.thumb { width: 31.5%; margin-right: 2.5%; float: left; }
  html body.archive #articles article.thumb:nth-of-type(2) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(3) { margin-right: 0; }
  html body.archive #articles article.thumb:nth-of-type(4) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(5) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(6) { margin-right: 0; }
  html body.archive #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(8) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(9) { margin-right: 0; }
  html body.archive #articles article.thumb:nth-of-type(10) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(12) { margin-right: 0; }
  html body.archive #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(14) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(15) { margin-right: 0; }
  html body.archive #articles article.thumb:nth-of-type(16) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(18) { margin-right: 0; }
  html body.archive #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.archive #articles article.thumb:nth-of-type(20) { margin-right: 2.5%; } }
html body.resources #tools h3, html body.resources #documents h3 { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; font-weight: normal; margin-top: 0.625em; display: block; }
html body.resources #tools h3 a, html body.resources #documents h3 a { color: #982022; text-decoration: none; }
html body.resources #tools h3 a:hover, html body.resources #documents h3 a:hover { color: #231f20; }
@media only screen and (min-width: 80em) { html body.blog main { overflow: hidden; }
  html body.blog main aside #spacer { margin-bottom: -2500em !important; padding-bottom: 2500em; background: #f1f1f1; color: #231f20; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.blog main { overflow: hidden; }
  html body.blog main aside #spacer { margin-bottom: -2500em !important; padding-bottom: 2500em; background: #f1f1f1; color: #231f20; } }
html body.blog main #articles, html body.blog main #article { width: 100%; max-width: 100%; float: left; }
@media only screen and (min-width: 80em) { html body.blog main #articles, html body.blog main #article { width: 65.5%; margin-right: 2.5%; float: left; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.blog main #articles, html body.blog main #article { width: 65.5%; margin-right: 2.5%; float: left; } }
html body.blog main #sidebar { width: 100%; max-width: 100%; float: left; margin-top: 1.25em; }
@media only screen and (min-width: 80em) { html body.blog main #sidebar { width: 31.5%; margin-right: 2.5%; float: left; margin-right: 0; margin-top: 0; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.blog main #sidebar { width: 31.5%; margin-right: 2.5%; float: left; margin-right: 0; margin-top: 0; } }
html body.blog main #sidebar section { margin-bottom: 0.625em; }
html body.blog main #sidebar section h3 { display: block; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.blog main #sidebar section h3 a { color: #982022; text-decoration: none; }
html body.blog main #sidebar section h3 a:hover { color: #231f20; }
html body.blog main #sidebar section article { width: 100%; max-width: 100%; float: left; margin-bottom: 0.3125em; background: #f1f1f1; color: #231f20; background: white; color: #231f20; border-bottom: 1px solid #f1f1f1; padding-bottom: 0.3125em; }
html body.blog main #sidebar section article h1 { display: block; }
html body.blog main #sidebar section article figure { display: block; }
html body.blog main #sidebar section article figcaption { display: none; }
html body.blog main #sidebar section article .excerpt { display: none; }
html body.blog main #sidebar section article .content { display: none; }
html body.blog main #sidebar section article .meta .category { display: none; }
html body.blog main #sidebar section article .meta .date { display: none; }
html body.blog main #sidebar section article .meta { display: none; }
html body.blog main #sidebar section article figure img { width: auto; }
html body.blog main #sidebar section article figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.blog main #sidebar section article figure figcaption h1, html body.blog main #sidebar section article figure figcaption h2, html body.blog main #sidebar section article figure figcaption h3, html body.blog main #sidebar section article figure figcaption h4, html body.blog main #sidebar section article figure figcaption h5, html body.blog main #sidebar section article figure figcaption h6 { margin: 0; padding: 0; }
html body.blog main #sidebar section article figure { position: relative; }
html body.blog main #sidebar section article figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.blog main #sidebar section article figure .label a { color: #231f20; text-decoration: none; }
html body.blog main #sidebar section article figure .label a:hover { color: white; }
html body.blog main #sidebar section article .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.blog main #sidebar section article .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.blog main #sidebar section article .meta > h3 { display: none; }
html body.blog main #sidebar section article .meta ul { margin: 0; }
html body.blog main #sidebar section article .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.blog main #sidebar section article .meta ul li:last-of-type { margin-right: 0; }
html body.blog main #sidebar section article .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.blog main #sidebar section article .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.blog main #sidebar section article .meta .category a { color: #982022; text-decoration: none; }
html body.blog main #sidebar section article .meta .category a:hover { color: #231f20; }
html body.blog main #sidebar section article .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.blog main #sidebar section article .meta .authors ul li:after { content: ','; }
html body.blog main #sidebar section article .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.blog main #sidebar section article .meta .authors ul li:first-of-type:after, html body.blog main #sidebar section article .meta .authors ul li:last-of-type:after { content: none; }
html body.blog main #sidebar section article .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.blog main #sidebar section article .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.blog main #sidebar section article .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.blog main #sidebar section article .share-buttons ul li:before { content: none; }
html body.blog main #sidebar section article .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.blog main #sidebar section article .share-buttons ul li:last-of-type { margin-right: 0; }
html body.blog main #sidebar section article .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.blog main #sidebar section article .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.blog main #sidebar section article .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.blog main #sidebar section article .share-buttons ul li .box .count a:hover { color: white; }
html body.blog main #sidebar section article .share-buttons ul li .box .share img { width: 30%; }
html body.blog main #sidebar section article .content { width: 100%; max-width: 100%; float: left; }
html body.blog main #sidebar section article .content a { color: #982022; text-decoration: none; }
html body.blog main #sidebar section article .content a:hover { color: #982022; }
html body.blog main #sidebar section article .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.blog main #sidebar section article .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.blog main #sidebar section article .content figure figcaption a:hover { color: #982022; }
html body.blog main #sidebar section article .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.blog main #sidebar section article .gallery .before, html body.blog main #sidebar section article .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.blog main #sidebar section article .gallery .before a, html body.blog main #sidebar section article .gallery .after a { color: white; text-decoration: none; }
html body.blog main #sidebar section article .gallery .before a:hover, html body.blog main #sidebar section article .gallery .after a:hover { color: white; }
html body.blog main #sidebar section article .gallery .before:before, html body.blog main #sidebar section article .gallery .after:before { content: "\2794"; }
html body.blog main #sidebar section article .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.blog main #sidebar section article .gallery .after { right: 0; float: right; }
html body.blog main #sidebar section article .gallery article, html body.blog main #sidebar section article .gallery .gallery-item { display: none; }
html body.blog main #sidebar section article .gallery article:first-of-type, html body.blog main #sidebar section article .gallery .gallery-item:first-of-type { display: block; }
html body.blog main #sidebar section article .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.blog main #sidebar section article .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.blog main #sidebar section article .gallery figure div.image-holder img { width: auto !important; }
html body.blog main #sidebar section article .gallery figure figcaption { display: none; }
html body.blog main #sidebar section article .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.blog main #sidebar section article .gallery span a { color: white; text-decoration: none; }
html body.blog main #sidebar section article .gallery span a:hover { color: white; }
html body.blog main #sidebar section article .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
html body.blog main #sidebar section article figure, html body.blog main #sidebar section article h1, html body.blog main #sidebar section article .excerpt { width: 48.75%; margin-right: 2.5%; float: left; }
html body.blog main #sidebar section article h1, html body.blog main #sidebar section article .excerpt { margin-right: 0; padding: 0.3125em; width: calc(48.75% - 0.625em); }
html body.blog main #sidebar section article h1 { font-size: medium; }
@media only screen and (max-width: 47.999em) { html body.blog main #sidebar section article h1 { font-size: small; } }
html body.blog main #sidebar section article a { color: #231f20; text-decoration: none; }
html body.blog main #sidebar section article a:hover { color: #982022; }
html body.blog main #sidebar section article h1 { font-weight: normal; }
@media only screen and (max-width: 79.999em) and (max-width: 29.999em) { html body.blog main #sidebar section article { width: 100%; margin-right: 0; float: left; } }
@media only screen and (max-width: 79.999em) and (min-width: 30em) and (max-width: 79.999em) { html body.blog main #sidebar section article { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.blog main #sidebar section article:nth-of-type(2) { margin-right: 0; }
  html body.blog main #sidebar section article:nth-of-type(3) { margin-right: 2.5%; }
  html body.blog main #sidebar section article:nth-of-type(4) { margin-right: 0; }
  html body.blog main #sidebar section article:nth-of-type(5) { margin-right: 2.5%; }
  html body.blog main #sidebar section article:nth-of-type(6) { margin-right: 0; }
  html body.blog main #sidebar section article:nth-of-type(7) { margin-right: 2.5%; }
  html body.blog main #sidebar section article:nth-of-type(8) { margin-right: 0; }
  html body.blog main #sidebar section article:nth-of-type(9) { margin-right: 2.5%; }
  html body.blog main #sidebar section article:nth-of-type(10) { margin-right: 0; }
  html body.blog main #sidebar section article:nth-of-type(11) { margin-right: 2.5%; }
  html body.blog main #sidebar section article:nth-of-type(12) { margin-right: 0; }
  html body.blog main #sidebar section article:nth-of-type(13) { margin-right: 2.5%; }
  html body.blog main #sidebar section article:nth-of-type(14) { margin-right: 0; }
  html body.blog main #sidebar section article:nth-of-type(15) { margin-right: 2.5%; }
  html body.blog main #sidebar section article:nth-of-type(16) { margin-right: 0; }
  html body.blog main #sidebar section article:nth-of-type(17) { margin-right: 2.5%; }
  html body.blog main #sidebar section article:nth-of-type(18) { margin-right: 0; }
  html body.blog main #sidebar section article:nth-of-type(19) { margin-right: 2.5%; }
  html body.blog main #sidebar section article:nth-of-type(20) { margin-right: 0; } }
@media only screen and (max-width: 79.999em) and (min-width: 80em) { html body.blog main #sidebar section article { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.blog main #sidebar section article:nth-of-type(2) { margin-right: 0; }
  html body.blog main #sidebar section article:nth-of-type(3) { margin-right: 2.5%; }
  html body.blog main #sidebar section article:nth-of-type(4) { margin-right: 0; }
  html body.blog main #sidebar section article:nth-of-type(5) { margin-right: 2.5%; }
  html body.blog main #sidebar section article:nth-of-type(6) { margin-right: 0; }
  html body.blog main #sidebar section article:nth-of-type(7) { margin-right: 2.5%; }
  html body.blog main #sidebar section article:nth-of-type(8) { margin-right: 0; }
  html body.blog main #sidebar section article:nth-of-type(9) { margin-right: 2.5%; }
  html body.blog main #sidebar section article:nth-of-type(10) { margin-right: 0; }
  html body.blog main #sidebar section article:nth-of-type(11) { margin-right: 2.5%; }
  html body.blog main #sidebar section article:nth-of-type(12) { margin-right: 0; }
  html body.blog main #sidebar section article:nth-of-type(13) { margin-right: 2.5%; }
  html body.blog main #sidebar section article:nth-of-type(14) { margin-right: 0; }
  html body.blog main #sidebar section article:nth-of-type(15) { margin-right: 2.5%; }
  html body.blog main #sidebar section article:nth-of-type(16) { margin-right: 0; }
  html body.blog main #sidebar section article:nth-of-type(17) { margin-right: 2.5%; }
  html body.blog main #sidebar section article:nth-of-type(18) { margin-right: 0; }
  html body.blog main #sidebar section article:nth-of-type(19) { margin-right: 2.5%; }
  html body.blog main #sidebar section article:nth-of-type(20) { margin-right: 0; } }

@media only screen and (max-width: 29.999em) { html body.blog main #sidebar section article { width: 100%; max-width: 100%; float: left; } }
@media only screen and (min-width: 80em) { html body.blog main #sidebar section article { width: 100%; max-width: 100%; float: left; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.blog main #sidebar section article { width: 100%; max-width: 100%; float: left; } }
html body.blog main #sidebar #spacer > h3 { display: none; }
html body.blog #articles .title { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.blog #articles .title a { color: #982022; text-decoration: none; }
html body.blog #articles .title a:hover { color: #231f20; }
html body.blog #articles nav { margin: 1.25em 0; }
html body.blog #articles nav > h3 { display: none; }
html body.blog #articles nav ol li { display: inline-block; float: left; margin-right: 0.625em; }
html body.blog #articles nav ol li:last-of-type { margin-right: 0; }
html body.blog #articles nav ol li { background: #f1f1f1; color: #231f20; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; }
html body.blog #articles nav ol li a { color: #231f20; text-decoration: none; }
html body.blog #articles nav ol li a:hover { color: white; }
@media only screen and (max-width: 47.999em) and (orientation: landscape) { html body.blog #articles nav ol li:nth-of-type(6), html body.blog #articles nav ol li:nth-of-type(7) { display: none; } }
html body.blog #articles nav ol li a { padding: 0.625em 0.9375em; display: block; }
html body.blog #articles nav ol li.active a, html body.blog #articles nav ol li:hover a { background: #982022; color: white; }
html body.blog #articles nav ol li.active a a, html body.blog #articles nav ol li:hover a a { color: #231f20; text-decoration: none; }
html body.blog #articles nav ol li.active a a:hover, html body.blog #articles nav ol li:hover a a:hover { color: white; }
@media only screen and (max-width: 47.999em) { html body.blog #articles nav ol { font-size: small; } }
html body.blog #articles article.thumb { width: 100%; max-width: 100%; float: left; margin-bottom: 0.3125em; }
html body.blog #articles article.thumb h1 { display: block; }
html body.blog #articles article.thumb figure { display: block; }
html body.blog #articles article.thumb figcaption { display: none; }
html body.blog #articles article.thumb .content { display: none; }
html body.blog #articles article.thumb .meta .category { display: none; }
html body.blog #articles article.thumb .meta .date { display: none; }
html body.blog #articles article.thumb .meta { display: none; }
html body.blog #articles article.thumb figure img { width: auto; }
html body.blog #articles article.thumb figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.blog #articles article.thumb figure figcaption h1, html body.blog #articles article.thumb figure figcaption h2, html body.blog #articles article.thumb figure figcaption h3, html body.blog #articles article.thumb figure figcaption h4, html body.blog #articles article.thumb figure figcaption h5, html body.blog #articles article.thumb figure figcaption h6 { margin: 0; padding: 0; }
html body.blog #articles article.thumb figure { position: relative; }
html body.blog #articles article.thumb figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.blog #articles article.thumb figure .label a { color: #231f20; text-decoration: none; }
html body.blog #articles article.thumb figure .label a:hover { color: white; }
html body.blog #articles article.thumb .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.blog #articles article.thumb .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.blog #articles article.thumb .meta > h3 { display: none; }
html body.blog #articles article.thumb .meta ul { margin: 0; }
html body.blog #articles article.thumb .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.blog #articles article.thumb .meta ul li:last-of-type { margin-right: 0; }
html body.blog #articles article.thumb .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.blog #articles article.thumb .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.blog #articles article.thumb .meta .category a { color: #982022; text-decoration: none; }
html body.blog #articles article.thumb .meta .category a:hover { color: #231f20; }
html body.blog #articles article.thumb .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.blog #articles article.thumb .meta .authors ul li:after { content: ','; }
html body.blog #articles article.thumb .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.blog #articles article.thumb .meta .authors ul li:first-of-type:after, html body.blog #articles article.thumb .meta .authors ul li:last-of-type:after { content: none; }
html body.blog #articles article.thumb .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.blog #articles article.thumb .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.blog #articles article.thumb .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.blog #articles article.thumb .share-buttons ul li:before { content: none; }
html body.blog #articles article.thumb .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.blog #articles article.thumb .share-buttons ul li:last-of-type { margin-right: 0; }
html body.blog #articles article.thumb .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.blog #articles article.thumb .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.blog #articles article.thumb .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.blog #articles article.thumb .share-buttons ul li .box .count a:hover { color: white; }
html body.blog #articles article.thumb .share-buttons ul li .box .share img { width: 30%; }
html body.blog #articles article.thumb .content { width: 100%; max-width: 100%; float: left; }
html body.blog #articles article.thumb .content a { color: #982022; text-decoration: none; }
html body.blog #articles article.thumb .content a:hover { color: #982022; }
html body.blog #articles article.thumb .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.blog #articles article.thumb .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.blog #articles article.thumb .content figure figcaption a:hover { color: #982022; }
html body.blog #articles article.thumb .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.blog #articles article.thumb .gallery .before, html body.blog #articles article.thumb .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.blog #articles article.thumb .gallery .before a, html body.blog #articles article.thumb .gallery .after a { color: white; text-decoration: none; }
html body.blog #articles article.thumb .gallery .before a:hover, html body.blog #articles article.thumb .gallery .after a:hover { color: white; }
html body.blog #articles article.thumb .gallery .before:before, html body.blog #articles article.thumb .gallery .after:before { content: "\2794"; }
html body.blog #articles article.thumb .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.blog #articles article.thumb .gallery .after { right: 0; float: right; }
html body.blog #articles article.thumb .gallery article, html body.blog #articles article.thumb .gallery .gallery-item { display: none; }
html body.blog #articles article.thumb .gallery article:first-of-type, html body.blog #articles article.thumb .gallery .gallery-item:first-of-type { display: block; }
html body.blog #articles article.thumb .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.blog #articles article.thumb .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.blog #articles article.thumb .gallery figure div.image-holder img { width: auto !important; }
html body.blog #articles article.thumb .gallery figure figcaption { display: none; }
html body.blog #articles article.thumb .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.blog #articles article.thumb .gallery span a { color: white; text-decoration: none; }
html body.blog #articles article.thumb .gallery span a:hover { color: white; }
html body.blog #articles article.thumb .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
html body.blog #articles article.thumb figure, html body.blog #articles article.thumb h1, html body.blog #articles article.thumb .excerpt { width: 48.75%; margin-right: 2.5%; float: left; }
html body.blog #articles article.thumb h1, html body.blog #articles article.thumb .excerpt { margin-right: 0; padding: 0; width: calc(48.75% - 0); }
html body.blog #articles article.thumb .excerpt { padding-bottom: 1.25em; border-bottom: 1px solid #f1f1f1; }
@media only screen and (min-width: 48em) { html body.blog #articles article.thumb .excerpt { padding-top: 1.25em; } }
@media only screen and (max-width: 29.999em) { html body.blog #articles article.thumb { width: 100%; max-width: 100%; float: left; width: 100%; max-width: 100%; float: left; margin-bottom: 0.3125em; background: #f1f1f1; color: #231f20; }
  html body.blog #articles article.thumb h1 { display: block; }
  html body.blog #articles article.thumb figure { display: block; }
  html body.blog #articles article.thumb figcaption { display: none; }
  html body.blog #articles article.thumb .excerpt { display: none; }
  html body.blog #articles article.thumb .content { display: none; }
  html body.blog #articles article.thumb .meta .category { display: none; }
  html body.blog #articles article.thumb .meta .date { display: none; }
  html body.blog #articles article.thumb .meta { display: none; }
  html body.blog #articles article.thumb figure img { width: auto; }
  html body.blog #articles article.thumb figure figcaption { padding: 0.3125em; font-size: smaller; }
  html body.blog #articles article.thumb figure figcaption h1, html body.blog #articles article.thumb figure figcaption h2, html body.blog #articles article.thumb figure figcaption h3, html body.blog #articles article.thumb figure figcaption h4, html body.blog #articles article.thumb figure figcaption h5, html body.blog #articles article.thumb figure figcaption h6 { margin: 0; padding: 0; }
  html body.blog #articles article.thumb figure { position: relative; }
  html body.blog #articles article.thumb figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
  html body.blog #articles article.thumb figure .label a { color: #231f20; text-decoration: none; }
  html body.blog #articles article.thumb figure .label a:hover { color: white; }
  html body.blog #articles article.thumb .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
  html body.blog #articles article.thumb .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
  html body.blog #articles article.thumb .meta > h3 { display: none; }
  html body.blog #articles article.thumb .meta ul { margin: 0; }
  html body.blog #articles article.thumb .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
  html body.blog #articles article.thumb .meta ul li:last-of-type { margin-right: 0; }
  html body.blog #articles article.thumb .meta .date { font-size: small; color: #332d2f; font-style: normal; }
  html body.blog #articles article.thumb .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
  html body.blog #articles article.thumb .meta .category a { color: #982022; text-decoration: none; }
  html body.blog #articles article.thumb .meta .category a:hover { color: #231f20; }
  html body.blog #articles article.thumb .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
  html body.blog #articles article.thumb .meta .authors ul li:after { content: ','; }
  html body.blog #articles article.thumb .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
  html body.blog #articles article.thumb .meta .authors ul li:first-of-type:after, html body.blog #articles article.thumb .meta .authors ul li:last-of-type:after { content: none; }
  html body.blog #articles article.thumb .meta .print { cursor: pointer; width: 1.25em; display: none; }
  html body.blog #articles article.thumb .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
  html body.blog #articles article.thumb .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
  html body.blog #articles article.thumb .share-buttons ul li:before { content: none; }
  html body.blog #articles article.thumb .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
  html body.blog #articles article.thumb .share-buttons ul li:last-of-type { margin-right: 0; }
  html body.blog #articles article.thumb .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
  html body.blog #articles article.thumb .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
  html body.blog #articles article.thumb .share-buttons ul li .box .count a { color: white; text-decoration: none; }
  html body.blog #articles article.thumb .share-buttons ul li .box .count a:hover { color: white; }
  html body.blog #articles article.thumb .share-buttons ul li .box .share img { width: 30%; }
  html body.blog #articles article.thumb .content { width: 100%; max-width: 100%; float: left; }
  html body.blog #articles article.thumb .content a { color: #982022; text-decoration: none; }
  html body.blog #articles article.thumb .content a:hover { color: #982022; }
  html body.blog #articles article.thumb .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
  html body.blog #articles article.thumb .content figure figcaption a { color: #231f20; text-decoration: none; }
  html body.blog #articles article.thumb .content figure figcaption a:hover { color: #982022; }
  html body.blog #articles article.thumb .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
  html body.blog #articles article.thumb .gallery .before, html body.blog #articles article.thumb .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
  html body.blog #articles article.thumb .gallery .before a, html body.blog #articles article.thumb .gallery .after a { color: white; text-decoration: none; }
  html body.blog #articles article.thumb .gallery .before a:hover, html body.blog #articles article.thumb .gallery .after a:hover { color: white; }
  html body.blog #articles article.thumb .gallery .before:before, html body.blog #articles article.thumb .gallery .after:before { content: "\2794"; }
  html body.blog #articles article.thumb .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
  html body.blog #articles article.thumb .gallery .after { right: 0; float: right; }
  html body.blog #articles article.thumb .gallery article, html body.blog #articles article.thumb .gallery .gallery-item { display: none; }
  html body.blog #articles article.thumb .gallery article:first-of-type, html body.blog #articles article.thumb .gallery .gallery-item:first-of-type { display: block; }
  html body.blog #articles article.thumb .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
  html body.blog #articles article.thumb .gallery figure div.image-holder img { position: relative; width: 100%; }
  html body.blog #articles article.thumb .gallery figure div.image-holder img { width: auto !important; }
  html body.blog #articles article.thumb .gallery figure figcaption { display: none; }
  html body.blog #articles article.thumb .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
  html body.blog #articles article.thumb .gallery span a { color: white; text-decoration: none; }
  html body.blog #articles article.thumb .gallery span a:hover { color: white; }
  html body.blog #articles article.thumb .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
  html body.blog #articles article.thumb figure, html body.blog #articles article.thumb h1, html body.blog #articles article.thumb .excerpt { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.blog #articles article.thumb h1, html body.blog #articles article.thumb .excerpt { margin-right: 0; padding: 0.3125em; width: calc(48.75% - 0.625em); }
  html body.blog #articles article.thumb h1 { font-size: medium; } }
@media only screen and (max-width: 29.999em) and (max-width: 47.999em) { html body.blog #articles article.thumb h1 { font-size: small; } }

@media only screen and (min-width: 80em) { html body.author main { overflow: hidden; }
  html body.author main aside #spacer { margin-bottom: -2500em !important; padding-bottom: 2500em; background: #f1f1f1; color: #231f20; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.author main { overflow: hidden; }
  html body.author main aside #spacer { margin-bottom: -2500em !important; padding-bottom: 2500em; background: #f1f1f1; color: #231f20; } }
html body.author main #articles, html body.author main #article { width: 100%; max-width: 100%; float: left; }
@media only screen and (min-width: 80em) { html body.author main #articles, html body.author main #article { width: 65.5%; margin-right: 2.5%; float: left; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.author main #articles, html body.author main #article { width: 65.5%; margin-right: 2.5%; float: left; } }
html body.author main #sidebar { width: 100%; max-width: 100%; float: left; margin-top: 1.25em; }
@media only screen and (min-width: 80em) { html body.author main #sidebar { width: 31.5%; margin-right: 2.5%; float: left; margin-right: 0; margin-top: 0; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.author main #sidebar { width: 31.5%; margin-right: 2.5%; float: left; margin-right: 0; margin-top: 0; } }
html body.author main #sidebar section { margin-bottom: 0.625em; }
html body.author main #sidebar section h3 { display: block; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.author main #sidebar section h3 a { color: #982022; text-decoration: none; }
html body.author main #sidebar section h3 a:hover { color: #231f20; }
html body.author main #sidebar section article { width: 100%; max-width: 100%; float: left; margin-bottom: 0.3125em; background: #f1f1f1; color: #231f20; background: white; color: #231f20; border-bottom: 1px solid #f1f1f1; padding-bottom: 0.3125em; }
html body.author main #sidebar section article h1 { display: block; }
html body.author main #sidebar section article figure { display: block; }
html body.author main #sidebar section article figcaption { display: none; }
html body.author main #sidebar section article .excerpt { display: none; }
html body.author main #sidebar section article .content { display: none; }
html body.author main #sidebar section article .meta .category { display: none; }
html body.author main #sidebar section article .meta .date { display: none; }
html body.author main #sidebar section article .meta { display: none; }
html body.author main #sidebar section article figure img { width: auto; }
html body.author main #sidebar section article figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.author main #sidebar section article figure figcaption h1, html body.author main #sidebar section article figure figcaption h2, html body.author main #sidebar section article figure figcaption h3, html body.author main #sidebar section article figure figcaption h4, html body.author main #sidebar section article figure figcaption h5, html body.author main #sidebar section article figure figcaption h6 { margin: 0; padding: 0; }
html body.author main #sidebar section article figure { position: relative; }
html body.author main #sidebar section article figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.author main #sidebar section article figure .label a { color: #231f20; text-decoration: none; }
html body.author main #sidebar section article figure .label a:hover { color: white; }
html body.author main #sidebar section article .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.author main #sidebar section article .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.author main #sidebar section article .meta > h3 { display: none; }
html body.author main #sidebar section article .meta ul { margin: 0; }
html body.author main #sidebar section article .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.author main #sidebar section article .meta ul li:last-of-type { margin-right: 0; }
html body.author main #sidebar section article .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.author main #sidebar section article .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.author main #sidebar section article .meta .category a { color: #982022; text-decoration: none; }
html body.author main #sidebar section article .meta .category a:hover { color: #231f20; }
html body.author main #sidebar section article .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.author main #sidebar section article .meta .authors ul li:after { content: ','; }
html body.author main #sidebar section article .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.author main #sidebar section article .meta .authors ul li:first-of-type:after, html body.author main #sidebar section article .meta .authors ul li:last-of-type:after { content: none; }
html body.author main #sidebar section article .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.author main #sidebar section article .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.author main #sidebar section article .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.author main #sidebar section article .share-buttons ul li:before { content: none; }
html body.author main #sidebar section article .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.author main #sidebar section article .share-buttons ul li:last-of-type { margin-right: 0; }
html body.author main #sidebar section article .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.author main #sidebar section article .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.author main #sidebar section article .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.author main #sidebar section article .share-buttons ul li .box .count a:hover { color: white; }
html body.author main #sidebar section article .share-buttons ul li .box .share img { width: 30%; }
html body.author main #sidebar section article .content { width: 100%; max-width: 100%; float: left; }
html body.author main #sidebar section article .content a { color: #982022; text-decoration: none; }
html body.author main #sidebar section article .content a:hover { color: #982022; }
html body.author main #sidebar section article .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.author main #sidebar section article .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.author main #sidebar section article .content figure figcaption a:hover { color: #982022; }
html body.author main #sidebar section article .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.author main #sidebar section article .gallery .before, html body.author main #sidebar section article .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.author main #sidebar section article .gallery .before a, html body.author main #sidebar section article .gallery .after a { color: white; text-decoration: none; }
html body.author main #sidebar section article .gallery .before a:hover, html body.author main #sidebar section article .gallery .after a:hover { color: white; }
html body.author main #sidebar section article .gallery .before:before, html body.author main #sidebar section article .gallery .after:before { content: "\2794"; }
html body.author main #sidebar section article .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.author main #sidebar section article .gallery .after { right: 0; float: right; }
html body.author main #sidebar section article .gallery article, html body.author main #sidebar section article .gallery .gallery-item { display: none; }
html body.author main #sidebar section article .gallery article:first-of-type, html body.author main #sidebar section article .gallery .gallery-item:first-of-type { display: block; }
html body.author main #sidebar section article .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.author main #sidebar section article .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.author main #sidebar section article .gallery figure div.image-holder img { width: auto !important; }
html body.author main #sidebar section article .gallery figure figcaption { display: none; }
html body.author main #sidebar section article .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.author main #sidebar section article .gallery span a { color: white; text-decoration: none; }
html body.author main #sidebar section article .gallery span a:hover { color: white; }
html body.author main #sidebar section article .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
html body.author main #sidebar section article figure, html body.author main #sidebar section article h1, html body.author main #sidebar section article .excerpt { width: 48.75%; margin-right: 2.5%; float: left; }
html body.author main #sidebar section article h1, html body.author main #sidebar section article .excerpt { margin-right: 0; padding: 0.3125em; width: calc(48.75% - 0.625em); }
html body.author main #sidebar section article h1 { font-size: medium; }
@media only screen and (max-width: 47.999em) { html body.author main #sidebar section article h1 { font-size: small; } }
html body.author main #sidebar section article a { color: #231f20; text-decoration: none; }
html body.author main #sidebar section article a:hover { color: #982022; }
html body.author main #sidebar section article h1 { font-weight: normal; }
@media only screen and (max-width: 79.999em) and (max-width: 29.999em) { html body.author main #sidebar section article { width: 100%; margin-right: 0; float: left; } }
@media only screen and (max-width: 79.999em) and (min-width: 30em) and (max-width: 79.999em) { html body.author main #sidebar section article { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.author main #sidebar section article:nth-of-type(2) { margin-right: 0; }
  html body.author main #sidebar section article:nth-of-type(3) { margin-right: 2.5%; }
  html body.author main #sidebar section article:nth-of-type(4) { margin-right: 0; }
  html body.author main #sidebar section article:nth-of-type(5) { margin-right: 2.5%; }
  html body.author main #sidebar section article:nth-of-type(6) { margin-right: 0; }
  html body.author main #sidebar section article:nth-of-type(7) { margin-right: 2.5%; }
  html body.author main #sidebar section article:nth-of-type(8) { margin-right: 0; }
  html body.author main #sidebar section article:nth-of-type(9) { margin-right: 2.5%; }
  html body.author main #sidebar section article:nth-of-type(10) { margin-right: 0; }
  html body.author main #sidebar section article:nth-of-type(11) { margin-right: 2.5%; }
  html body.author main #sidebar section article:nth-of-type(12) { margin-right: 0; }
  html body.author main #sidebar section article:nth-of-type(13) { margin-right: 2.5%; }
  html body.author main #sidebar section article:nth-of-type(14) { margin-right: 0; }
  html body.author main #sidebar section article:nth-of-type(15) { margin-right: 2.5%; }
  html body.author main #sidebar section article:nth-of-type(16) { margin-right: 0; }
  html body.author main #sidebar section article:nth-of-type(17) { margin-right: 2.5%; }
  html body.author main #sidebar section article:nth-of-type(18) { margin-right: 0; }
  html body.author main #sidebar section article:nth-of-type(19) { margin-right: 2.5%; }
  html body.author main #sidebar section article:nth-of-type(20) { margin-right: 0; } }
@media only screen and (max-width: 79.999em) and (min-width: 80em) { html body.author main #sidebar section article { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.author main #sidebar section article:nth-of-type(2) { margin-right: 0; }
  html body.author main #sidebar section article:nth-of-type(3) { margin-right: 2.5%; }
  html body.author main #sidebar section article:nth-of-type(4) { margin-right: 0; }
  html body.author main #sidebar section article:nth-of-type(5) { margin-right: 2.5%; }
  html body.author main #sidebar section article:nth-of-type(6) { margin-right: 0; }
  html body.author main #sidebar section article:nth-of-type(7) { margin-right: 2.5%; }
  html body.author main #sidebar section article:nth-of-type(8) { margin-right: 0; }
  html body.author main #sidebar section article:nth-of-type(9) { margin-right: 2.5%; }
  html body.author main #sidebar section article:nth-of-type(10) { margin-right: 0; }
  html body.author main #sidebar section article:nth-of-type(11) { margin-right: 2.5%; }
  html body.author main #sidebar section article:nth-of-type(12) { margin-right: 0; }
  html body.author main #sidebar section article:nth-of-type(13) { margin-right: 2.5%; }
  html body.author main #sidebar section article:nth-of-type(14) { margin-right: 0; }
  html body.author main #sidebar section article:nth-of-type(15) { margin-right: 2.5%; }
  html body.author main #sidebar section article:nth-of-type(16) { margin-right: 0; }
  html body.author main #sidebar section article:nth-of-type(17) { margin-right: 2.5%; }
  html body.author main #sidebar section article:nth-of-type(18) { margin-right: 0; }
  html body.author main #sidebar section article:nth-of-type(19) { margin-right: 2.5%; }
  html body.author main #sidebar section article:nth-of-type(20) { margin-right: 0; } }

@media only screen and (max-width: 29.999em) { html body.author main #sidebar section article { width: 100%; max-width: 100%; float: left; } }
@media only screen and (min-width: 80em) { html body.author main #sidebar section article { width: 100%; max-width: 100%; float: left; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.author main #sidebar section article { width: 100%; max-width: 100%; float: left; } }
html body.author main #sidebar #spacer > h3 { display: none; }
html body.author #articles { /* The first article
*/ /* The rest of the articles
*/ }
html body.author #articles .title { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.author #articles .title a { color: #982022; text-decoration: none; }
html body.author #articles .title a:hover { color: #231f20; }
html body.author #articles nav { margin: 1.25em 0; }
html body.author #articles nav > h3 { display: none; }
html body.author #articles nav ol li { display: inline-block; float: left; margin-right: 0.625em; }
html body.author #articles nav ol li:last-of-type { margin-right: 0; }
html body.author #articles nav ol li { background: #f1f1f1; color: #231f20; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; }
html body.author #articles nav ol li a { color: #231f20; text-decoration: none; }
html body.author #articles nav ol li a:hover { color: white; }
@media only screen and (max-width: 47.999em) and (orientation: landscape) { html body.author #articles nav ol li:nth-of-type(6), html body.author #articles nav ol li:nth-of-type(7) { display: none; } }
html body.author #articles nav ol li a { padding: 0.625em 0.9375em; display: block; }
html body.author #articles nav ol li.active a, html body.author #articles nav ol li:hover a { background: #982022; color: white; }
html body.author #articles nav ol li.active a a, html body.author #articles nav ol li:hover a a { color: #231f20; text-decoration: none; }
html body.author #articles nav ol li.active a a:hover, html body.author #articles nav ol li:hover a a:hover { color: white; }
@media only screen and (max-width: 47.999em) { html body.author #articles nav ol { font-size: small; } }
html body.author #articles aside { width: 100%; max-width: 100%; float: left; margin-bottom: 0.3125em; background: #f1f1f1; color: #231f20; margin-bottom: 0.625em; }
html body.author #articles aside h1 { display: block; }
html body.author #articles aside figure { display: block; }
html body.author #articles aside figcaption { display: none; }
html body.author #articles aside .content { display: none; }
html body.author #articles aside .meta .category { display: none; }
html body.author #articles aside .meta .date { display: none; }
html body.author #articles aside .meta { display: none; }
html body.author #articles aside figure img { width: auto; }
html body.author #articles aside figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.author #articles aside figure figcaption h1, html body.author #articles aside figure figcaption h2, html body.author #articles aside figure figcaption h3, html body.author #articles aside figure figcaption h4, html body.author #articles aside figure figcaption h5, html body.author #articles aside figure figcaption h6 { margin: 0; padding: 0; }
html body.author #articles aside figure { position: relative; }
html body.author #articles aside figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.author #articles aside figure .label a { color: #231f20; text-decoration: none; }
html body.author #articles aside figure .label a:hover { color: white; }
html body.author #articles aside .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.author #articles aside .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.author #articles aside .meta > h3 { display: none; }
html body.author #articles aside .meta ul { margin: 0; }
html body.author #articles aside .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.author #articles aside .meta ul li:last-of-type { margin-right: 0; }
html body.author #articles aside .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.author #articles aside .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.author #articles aside .meta .category a { color: #982022; text-decoration: none; }
html body.author #articles aside .meta .category a:hover { color: #231f20; }
html body.author #articles aside .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.author #articles aside .meta .authors ul li:after { content: ','; }
html body.author #articles aside .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.author #articles aside .meta .authors ul li:first-of-type:after, html body.author #articles aside .meta .authors ul li:last-of-type:after { content: none; }
html body.author #articles aside .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.author #articles aside .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.author #articles aside .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.author #articles aside .share-buttons ul li:before { content: none; }
html body.author #articles aside .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.author #articles aside .share-buttons ul li:last-of-type { margin-right: 0; }
html body.author #articles aside .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.author #articles aside .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.author #articles aside .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.author #articles aside .share-buttons ul li .box .count a:hover { color: white; }
html body.author #articles aside .share-buttons ul li .box .share img { width: 30%; }
html body.author #articles aside .content { width: 100%; max-width: 100%; float: left; }
html body.author #articles aside .content a { color: #982022; text-decoration: none; }
html body.author #articles aside .content a:hover { color: #982022; }
html body.author #articles aside .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.author #articles aside .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.author #articles aside .content figure figcaption a:hover { color: #982022; }
html body.author #articles aside .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.author #articles aside .gallery .before, html body.author #articles aside .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.author #articles aside .gallery .before a, html body.author #articles aside .gallery .after a { color: white; text-decoration: none; }
html body.author #articles aside .gallery .before a:hover, html body.author #articles aside .gallery .after a:hover { color: white; }
html body.author #articles aside .gallery .before:before, html body.author #articles aside .gallery .after:before { content: "\2794"; }
html body.author #articles aside .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.author #articles aside .gallery .after { right: 0; float: right; }
html body.author #articles aside .gallery article, html body.author #articles aside .gallery .gallery-item { display: none; }
html body.author #articles aside .gallery article:first-of-type, html body.author #articles aside .gallery .gallery-item:first-of-type { display: block; }
html body.author #articles aside .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.author #articles aside .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.author #articles aside .gallery figure div.image-holder img { width: auto !important; }
html body.author #articles aside .gallery figure figcaption { display: none; }
html body.author #articles aside .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.author #articles aside .gallery span a { color: white; text-decoration: none; }
html body.author #articles aside .gallery span a:hover { color: white; }
html body.author #articles aside .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
@media only screen and (min-width: 30em) { html body.author #articles aside figure, html body.author #articles aside h1, html body.author #articles aside .excerpt { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.author #articles aside h1, html body.author #articles aside .excerpt { margin-right: 0; padding: 0.3125em; width: calc(48.75% - 0.625em); } }
html body.author #articles aside h1, html body.author #articles aside .excerpt { padding: 0.3125em; }
@media only screen and (max-width: 47.999em) and (orientation: landscape) { html body.author #articles aside .excerpt { display: none; } }
html body.author #articles article.thumb { margin-bottom: 0.625em; }
@media only screen and (max-width: 79.999em) { html body.author #articles article.thumb { width: 100%; max-width: 100%; float: left; margin-bottom: 0.3125em; background: #f1f1f1; color: #231f20; }
  html body.author #articles article.thumb h1 { display: block; }
  html body.author #articles article.thumb figure { display: block; }
  html body.author #articles article.thumb figcaption { display: none; }
  html body.author #articles article.thumb .excerpt { display: none; }
  html body.author #articles article.thumb .content { display: none; }
  html body.author #articles article.thumb .meta .category { display: none; }
  html body.author #articles article.thumb .meta .date { display: none; }
  html body.author #articles article.thumb .meta { display: none; }
  html body.author #articles article.thumb figure img { width: auto; }
  html body.author #articles article.thumb figure figcaption { padding: 0.3125em; font-size: smaller; }
  html body.author #articles article.thumb figure figcaption h1, html body.author #articles article.thumb figure figcaption h2, html body.author #articles article.thumb figure figcaption h3, html body.author #articles article.thumb figure figcaption h4, html body.author #articles article.thumb figure figcaption h5, html body.author #articles article.thumb figure figcaption h6 { margin: 0; padding: 0; }
  html body.author #articles article.thumb figure { position: relative; }
  html body.author #articles article.thumb figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
  html body.author #articles article.thumb figure .label a { color: #231f20; text-decoration: none; }
  html body.author #articles article.thumb figure .label a:hover { color: white; }
  html body.author #articles article.thumb .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
  html body.author #articles article.thumb .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
  html body.author #articles article.thumb .meta > h3 { display: none; }
  html body.author #articles article.thumb .meta ul { margin: 0; }
  html body.author #articles article.thumb .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
  html body.author #articles article.thumb .meta ul li:last-of-type { margin-right: 0; }
  html body.author #articles article.thumb .meta .date { font-size: small; color: #332d2f; font-style: normal; }
  html body.author #articles article.thumb .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
  html body.author #articles article.thumb .meta .category a { color: #982022; text-decoration: none; }
  html body.author #articles article.thumb .meta .category a:hover { color: #231f20; }
  html body.author #articles article.thumb .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
  html body.author #articles article.thumb .meta .authors ul li:after { content: ','; }
  html body.author #articles article.thumb .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
  html body.author #articles article.thumb .meta .authors ul li:first-of-type:after, html body.author #articles article.thumb .meta .authors ul li:last-of-type:after { content: none; }
  html body.author #articles article.thumb .meta .print { cursor: pointer; width: 1.25em; display: none; }
  html body.author #articles article.thumb .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
  html body.author #articles article.thumb .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
  html body.author #articles article.thumb .share-buttons ul li:before { content: none; }
  html body.author #articles article.thumb .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
  html body.author #articles article.thumb .share-buttons ul li:last-of-type { margin-right: 0; }
  html body.author #articles article.thumb .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
  html body.author #articles article.thumb .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
  html body.author #articles article.thumb .share-buttons ul li .box .count a { color: white; text-decoration: none; }
  html body.author #articles article.thumb .share-buttons ul li .box .count a:hover { color: white; }
  html body.author #articles article.thumb .share-buttons ul li .box .share img { width: 30%; }
  html body.author #articles article.thumb .content { width: 100%; max-width: 100%; float: left; }
  html body.author #articles article.thumb .content a { color: #982022; text-decoration: none; }
  html body.author #articles article.thumb .content a:hover { color: #982022; }
  html body.author #articles article.thumb .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
  html body.author #articles article.thumb .content figure figcaption a { color: #231f20; text-decoration: none; }
  html body.author #articles article.thumb .content figure figcaption a:hover { color: #982022; }
  html body.author #articles article.thumb .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
  html body.author #articles article.thumb .gallery .before, html body.author #articles article.thumb .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
  html body.author #articles article.thumb .gallery .before a, html body.author #articles article.thumb .gallery .after a { color: white; text-decoration: none; }
  html body.author #articles article.thumb .gallery .before a:hover, html body.author #articles article.thumb .gallery .after a:hover { color: white; }
  html body.author #articles article.thumb .gallery .before:before, html body.author #articles article.thumb .gallery .after:before { content: "\2794"; }
  html body.author #articles article.thumb .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
  html body.author #articles article.thumb .gallery .after { right: 0; float: right; }
  html body.author #articles article.thumb .gallery article, html body.author #articles article.thumb .gallery .gallery-item { display: none; }
  html body.author #articles article.thumb .gallery article:first-of-type, html body.author #articles article.thumb .gallery .gallery-item:first-of-type { display: block; }
  html body.author #articles article.thumb .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
  html body.author #articles article.thumb .gallery figure div.image-holder img { position: relative; width: 100%; }
  html body.author #articles article.thumb .gallery figure div.image-holder img { width: auto !important; }
  html body.author #articles article.thumb .gallery figure figcaption { display: none; }
  html body.author #articles article.thumb .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
  html body.author #articles article.thumb .gallery span a { color: white; text-decoration: none; }
  html body.author #articles article.thumb .gallery span a:hover { color: white; }
  html body.author #articles article.thumb .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
  html body.author #articles article.thumb figure, html body.author #articles article.thumb h1, html body.author #articles article.thumb .excerpt { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.author #articles article.thumb h1, html body.author #articles article.thumb .excerpt { margin-right: 0; padding: 0.3125em; width: calc(48.75% - 0.625em); }
  html body.author #articles article.thumb h1 { font-size: medium; } }
@media only screen and (max-width: 79.999em) and (max-width: 47.999em) { html body.author #articles article.thumb h1 { font-size: small; } }
@media only screen and (max-width: 79.999em) and (max-width: 29.999em) { html body.author #articles article.thumb { width: 100%; margin-right: 0; float: left; } }
@media only screen and (max-width: 79.999em) and (min-width: 30em) and (max-width: 79.999em) { html body.author #articles article.thumb { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.author #articles article.thumb:nth-of-type(2) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(3) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(4) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(5) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(6) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(8) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(9) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(10) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(12) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(14) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(15) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(16) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(18) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(20) { margin-right: 0; } }
@media only screen and (max-width: 79.999em) and (min-width: 80em) { html body.author #articles article.thumb { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.author #articles article.thumb:nth-of-type(2) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(3) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(4) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(5) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(6) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(8) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(9) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(10) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(12) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(14) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(15) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(16) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(18) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(20) { margin-right: 0; } }

@media only screen and (min-width: 80em) { html body.author #articles article.thumb { margin-bottom: 0.3125em; }
  html body.author #articles article.thumb h1 { display: block; }
  html body.author #articles article.thumb figure { display: block; }
  html body.author #articles article.thumb figcaption { display: none; }
  html body.author #articles article.thumb .excerpt { display: none; }
  html body.author #articles article.thumb .content { display: none; }
  html body.author #articles article.thumb .meta .category { display: none; }
  html body.author #articles article.thumb .meta .date { display: none; }
  html body.author #articles article.thumb .meta { display: none; }
  html body.author #articles article.thumb figure img { width: auto; }
  html body.author #articles article.thumb figure figcaption { padding: 0.3125em; font-size: smaller; }
  html body.author #articles article.thumb figure figcaption h1, html body.author #articles article.thumb figure figcaption h2, html body.author #articles article.thumb figure figcaption h3, html body.author #articles article.thumb figure figcaption h4, html body.author #articles article.thumb figure figcaption h5, html body.author #articles article.thumb figure figcaption h6 { margin: 0; padding: 0; }
  html body.author #articles article.thumb figure { position: relative; }
  html body.author #articles article.thumb figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
  html body.author #articles article.thumb figure .label a { color: #231f20; text-decoration: none; }
  html body.author #articles article.thumb figure .label a:hover { color: white; }
  html body.author #articles article.thumb .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
  html body.author #articles article.thumb .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
  html body.author #articles article.thumb .meta > h3 { display: none; }
  html body.author #articles article.thumb .meta ul { margin: 0; }
  html body.author #articles article.thumb .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
  html body.author #articles article.thumb .meta ul li:last-of-type { margin-right: 0; }
  html body.author #articles article.thumb .meta .date { font-size: small; color: #332d2f; font-style: normal; }
  html body.author #articles article.thumb .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
  html body.author #articles article.thumb .meta .category a { color: #982022; text-decoration: none; }
  html body.author #articles article.thumb .meta .category a:hover { color: #231f20; }
  html body.author #articles article.thumb .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
  html body.author #articles article.thumb .meta .authors ul li:after { content: ','; }
  html body.author #articles article.thumb .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
  html body.author #articles article.thumb .meta .authors ul li:first-of-type:after, html body.author #articles article.thumb .meta .authors ul li:last-of-type:after { content: none; }
  html body.author #articles article.thumb .meta .print { cursor: pointer; width: 1.25em; display: none; }
  html body.author #articles article.thumb .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
  html body.author #articles article.thumb .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
  html body.author #articles article.thumb .share-buttons ul li:before { content: none; }
  html body.author #articles article.thumb .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
  html body.author #articles article.thumb .share-buttons ul li:last-of-type { margin-right: 0; }
  html body.author #articles article.thumb .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
  html body.author #articles article.thumb .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
  html body.author #articles article.thumb .share-buttons ul li .box .count a { color: white; text-decoration: none; }
  html body.author #articles article.thumb .share-buttons ul li .box .count a:hover { color: white; }
  html body.author #articles article.thumb .share-buttons ul li .box .share img { width: 30%; }
  html body.author #articles article.thumb .content { width: 100%; max-width: 100%; float: left; }
  html body.author #articles article.thumb .content a { color: #982022; text-decoration: none; }
  html body.author #articles article.thumb .content a:hover { color: #982022; }
  html body.author #articles article.thumb .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
  html body.author #articles article.thumb .content figure figcaption a { color: #231f20; text-decoration: none; }
  html body.author #articles article.thumb .content figure figcaption a:hover { color: #982022; }
  html body.author #articles article.thumb .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
  html body.author #articles article.thumb .gallery .before, html body.author #articles article.thumb .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
  html body.author #articles article.thumb .gallery .before a, html body.author #articles article.thumb .gallery .after a { color: white; text-decoration: none; }
  html body.author #articles article.thumb .gallery .before a:hover, html body.author #articles article.thumb .gallery .after a:hover { color: white; }
  html body.author #articles article.thumb .gallery .before:before, html body.author #articles article.thumb .gallery .after:before { content: "\2794"; }
  html body.author #articles article.thumb .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
  html body.author #articles article.thumb .gallery .after { right: 0; float: right; }
  html body.author #articles article.thumb .gallery article, html body.author #articles article.thumb .gallery .gallery-item { display: none; }
  html body.author #articles article.thumb .gallery article:first-of-type, html body.author #articles article.thumb .gallery .gallery-item:first-of-type { display: block; }
  html body.author #articles article.thumb .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
  html body.author #articles article.thumb .gallery figure div.image-holder img { position: relative; width: 100%; }
  html body.author #articles article.thumb .gallery figure div.image-holder img { width: auto !important; }
  html body.author #articles article.thumb .gallery figure figcaption { display: none; }
  html body.author #articles article.thumb .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
  html body.author #articles article.thumb .gallery span a { color: white; text-decoration: none; }
  html body.author #articles article.thumb .gallery span a:hover { color: white; }
  html body.author #articles article.thumb .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
  html body.author #articles article.thumb h1 { font-size: medium; } }
@media only screen and (min-width: 80em) and (max-width: 29.999em) { html body.author #articles article.thumb { width: 100%; margin-right: 0; float: left; } }
@media only screen and (min-width: 80em) and (min-width: 30em) and (max-width: 79.999em) { html body.author #articles article.thumb { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.author #articles article.thumb:nth-of-type(2) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(3) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(4) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(5) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(6) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(8) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(9) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(10) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(12) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(14) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(15) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(16) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(18) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(20) { margin-right: 0; } }
@media only screen and (min-width: 80em) and (min-width: 80em) { html body.author #articles article.thumb { width: 31.5%; margin-right: 2.5%; float: left; }
  html body.author #articles article.thumb:nth-of-type(2) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(3) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(4) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(5) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(6) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(8) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(9) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(10) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(12) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(14) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(15) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(16) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(18) { margin-right: 0; }
  html body.author #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.author #articles article.thumb:nth-of-type(20) { margin-right: 2.5%; } }

@media only screen and (max-width: 29.999em) { html body.author #articles article.thumb { width: 100%; max-width: 100%; float: left; } }
@media only screen and (min-width: 80em) { html body.article main, html body.about main, html body.post main { overflow: hidden; }
  html body.article main aside #spacer, html body.about main aside #spacer, html body.post main aside #spacer { margin-bottom: -2500em !important; padding-bottom: 2500em; background: #f1f1f1; color: #231f20; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.article main, html body.about main, html body.post main { overflow: hidden; }
  html body.article main aside #spacer, html body.about main aside #spacer, html body.post main aside #spacer { margin-bottom: -2500em !important; padding-bottom: 2500em; background: #f1f1f1; color: #231f20; } }
html body.article main #articles, html body.article main #article, html body.about main #articles, html body.about main #article, html body.post main #articles, html body.post main #article { width: 100%; max-width: 100%; float: left; }
@media only screen and (min-width: 80em) { html body.article main #articles, html body.article main #article, html body.about main #articles, html body.about main #article, html body.post main #articles, html body.post main #article { width: 65.5%; margin-right: 2.5%; float: left; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.article main #articles, html body.article main #article, html body.about main #articles, html body.about main #article, html body.post main #articles, html body.post main #article { width: 65.5%; margin-right: 2.5%; float: left; } }
html body.article main #sidebar, html body.about main #sidebar, html body.post main #sidebar { width: 100%; max-width: 100%; float: left; margin-top: 1.25em; }
@media only screen and (min-width: 80em) { html body.article main #sidebar, html body.about main #sidebar, html body.post main #sidebar { width: 31.5%; margin-right: 2.5%; float: left; margin-right: 0; margin-top: 0; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.article main #sidebar, html body.about main #sidebar, html body.post main #sidebar { width: 31.5%; margin-right: 2.5%; float: left; margin-right: 0; margin-top: 0; } }
html body.article main #sidebar section, html body.about main #sidebar section, html body.post main #sidebar section { margin-bottom: 0.625em; }
html body.article main #sidebar section h3, html body.about main #sidebar section h3, html body.post main #sidebar section h3 { display: block; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.article main #sidebar section h3 a, html body.about main #sidebar section h3 a, html body.post main #sidebar section h3 a { color: #982022; text-decoration: none; }
html body.article main #sidebar section h3 a:hover, html body.about main #sidebar section h3 a:hover, html body.post main #sidebar section h3 a:hover { color: #231f20; }
html body.article main #sidebar section article, html body.about main #sidebar section article, html body.post main #sidebar section article { width: 100%; max-width: 100%; float: left; margin-bottom: 0.3125em; background: #f1f1f1; color: #231f20; background: white; color: #231f20; border-bottom: 1px solid #f1f1f1; padding-bottom: 0.3125em; }
html body.article main #sidebar section article h1, html body.about main #sidebar section article h1, html body.post main #sidebar section article h1 { display: block; }
html body.article main #sidebar section article figure, html body.about main #sidebar section article figure, html body.post main #sidebar section article figure { display: block; }
html body.article main #sidebar section article figcaption, html body.about main #sidebar section article figcaption, html body.post main #sidebar section article figcaption { display: none; }
html body.article main #sidebar section article .excerpt, html body.about main #sidebar section article .excerpt, html body.post main #sidebar section article .excerpt { display: none; }
html body.article main #sidebar section article .content, html body.about main #sidebar section article .content, html body.post main #sidebar section article .content { display: none; }
html body.article main #sidebar section article .meta .category, html body.about main #sidebar section article .meta .category, html body.post main #sidebar section article .meta .category { display: none; }
html body.article main #sidebar section article .meta .date, html body.about main #sidebar section article .meta .date, html body.post main #sidebar section article .meta .date { display: none; }
html body.article main #sidebar section article .meta, html body.about main #sidebar section article .meta, html body.post main #sidebar section article .meta { display: none; }
html body.article main #sidebar section article figure img, html body.about main #sidebar section article figure img, html body.post main #sidebar section article figure img { width: auto; }
html body.article main #sidebar section article figure figcaption, html body.about main #sidebar section article figure figcaption, html body.post main #sidebar section article figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.article main #sidebar section article figure figcaption h1, html body.article main #sidebar section article figure figcaption h2, html body.article main #sidebar section article figure figcaption h3, html body.article main #sidebar section article figure figcaption h4, html body.article main #sidebar section article figure figcaption h5, html body.article main #sidebar section article figure figcaption h6, html body.about main #sidebar section article figure figcaption h1, html body.about main #sidebar section article figure figcaption h2, html body.about main #sidebar section article figure figcaption h3, html body.about main #sidebar section article figure figcaption h4, html body.about main #sidebar section article figure figcaption h5, html body.about main #sidebar section article figure figcaption h6, html body.post main #sidebar section article figure figcaption h1, html body.post main #sidebar section article figure figcaption h2, html body.post main #sidebar section article figure figcaption h3, html body.post main #sidebar section article figure figcaption h4, html body.post main #sidebar section article figure figcaption h5, html body.post main #sidebar section article figure figcaption h6 { margin: 0; padding: 0; }
html body.article main #sidebar section article figure, html body.about main #sidebar section article figure, html body.post main #sidebar section article figure { position: relative; }
html body.article main #sidebar section article figure .label, html body.about main #sidebar section article figure .label, html body.post main #sidebar section article figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.article main #sidebar section article figure .label a, html body.about main #sidebar section article figure .label a, html body.post main #sidebar section article figure .label a { color: #231f20; text-decoration: none; }
html body.article main #sidebar section article figure .label a:hover, html body.about main #sidebar section article figure .label a:hover, html body.post main #sidebar section article figure .label a:hover { color: white; }
html body.article main #sidebar section article .excerpt, html body.about main #sidebar section article .excerpt, html body.post main #sidebar section article .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.article main #sidebar section article .meta, html body.about main #sidebar section article .meta, html body.post main #sidebar section article .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.article main #sidebar section article .meta > h3, html body.about main #sidebar section article .meta > h3, html body.post main #sidebar section article .meta > h3 { display: none; }
html body.article main #sidebar section article .meta ul, html body.about main #sidebar section article .meta ul, html body.post main #sidebar section article .meta ul { margin: 0; }
html body.article main #sidebar section article .meta ul li, html body.about main #sidebar section article .meta ul li, html body.post main #sidebar section article .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.article main #sidebar section article .meta ul li:last-of-type, html body.about main #sidebar section article .meta ul li:last-of-type, html body.post main #sidebar section article .meta ul li:last-of-type { margin-right: 0; }
html body.article main #sidebar section article .meta .date, html body.about main #sidebar section article .meta .date, html body.post main #sidebar section article .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.article main #sidebar section article .meta .category, html body.about main #sidebar section article .meta .category, html body.post main #sidebar section article .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.article main #sidebar section article .meta .category a, html body.about main #sidebar section article .meta .category a, html body.post main #sidebar section article .meta .category a { color: #982022; text-decoration: none; }
html body.article main #sidebar section article .meta .category a:hover, html body.about main #sidebar section article .meta .category a:hover, html body.post main #sidebar section article .meta .category a:hover { color: #231f20; }
html body.article main #sidebar section article .meta .authors, html body.about main #sidebar section article .meta .authors, html body.post main #sidebar section article .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.article main #sidebar section article .meta .authors ul li:after, html body.about main #sidebar section article .meta .authors ul li:after, html body.post main #sidebar section article .meta .authors ul li:after { content: ','; }
html body.article main #sidebar section article .meta .authors ul li:first-of-type, html body.about main #sidebar section article .meta .authors ul li:first-of-type, html body.post main #sidebar section article .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.article main #sidebar section article .meta .authors ul li:first-of-type:after, html body.article main #sidebar section article .meta .authors ul li:last-of-type:after, html body.about main #sidebar section article .meta .authors ul li:first-of-type:after, html body.about main #sidebar section article .meta .authors ul li:last-of-type:after, html body.post main #sidebar section article .meta .authors ul li:first-of-type:after, html body.post main #sidebar section article .meta .authors ul li:last-of-type:after { content: none; }
html body.article main #sidebar section article .meta .print, html body.about main #sidebar section article .meta .print, html body.post main #sidebar section article .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.article main #sidebar section article .share-buttons, html body.about main #sidebar section article .share-buttons, html body.post main #sidebar section article .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.article main #sidebar section article .share-buttons ul li, html body.about main #sidebar section article .share-buttons ul li, html body.post main #sidebar section article .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.article main #sidebar section article .share-buttons ul li:before, html body.about main #sidebar section article .share-buttons ul li:before, html body.post main #sidebar section article .share-buttons ul li:before { content: none; }
html body.article main #sidebar section article .share-buttons ul li, html body.about main #sidebar section article .share-buttons ul li, html body.post main #sidebar section article .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.article main #sidebar section article .share-buttons ul li:last-of-type, html body.about main #sidebar section article .share-buttons ul li:last-of-type, html body.post main #sidebar section article .share-buttons ul li:last-of-type { margin-right: 0; }
html body.article main #sidebar section article .share-buttons ul li .box, html body.about main #sidebar section article .share-buttons ul li .box, html body.post main #sidebar section article .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.article main #sidebar section article .share-buttons ul li .box .count, html body.about main #sidebar section article .share-buttons ul li .box .count, html body.post main #sidebar section article .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.article main #sidebar section article .share-buttons ul li .box .count a, html body.about main #sidebar section article .share-buttons ul li .box .count a, html body.post main #sidebar section article .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.article main #sidebar section article .share-buttons ul li .box .count a:hover, html body.about main #sidebar section article .share-buttons ul li .box .count a:hover, html body.post main #sidebar section article .share-buttons ul li .box .count a:hover { color: white; }
html body.article main #sidebar section article .share-buttons ul li .box .share img, html body.about main #sidebar section article .share-buttons ul li .box .share img, html body.post main #sidebar section article .share-buttons ul li .box .share img { width: 30%; }
html body.article main #sidebar section article .content, html body.about main #sidebar section article .content, html body.post main #sidebar section article .content { width: 100%; max-width: 100%; float: left; }
html body.article main #sidebar section article .content a, html body.about main #sidebar section article .content a, html body.post main #sidebar section article .content a { color: #982022; text-decoration: none; }
html body.article main #sidebar section article .content a:hover, html body.about main #sidebar section article .content a:hover, html body.post main #sidebar section article .content a:hover { color: #982022; }
html body.article main #sidebar section article .content a.external:after, html body.about main #sidebar section article .content a.external:after, html body.post main #sidebar section article .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.article main #sidebar section article .content figure figcaption a, html body.about main #sidebar section article .content figure figcaption a, html body.post main #sidebar section article .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.article main #sidebar section article .content figure figcaption a:hover, html body.about main #sidebar section article .content figure figcaption a:hover, html body.post main #sidebar section article .content figure figcaption a:hover { color: #982022; }
html body.article main #sidebar section article .gallery, html body.about main #sidebar section article .gallery, html body.post main #sidebar section article .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.article main #sidebar section article .gallery .before, html body.article main #sidebar section article .gallery .after, html body.about main #sidebar section article .gallery .before, html body.about main #sidebar section article .gallery .after, html body.post main #sidebar section article .gallery .before, html body.post main #sidebar section article .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.article main #sidebar section article .gallery .before a, html body.article main #sidebar section article .gallery .after a, html body.about main #sidebar section article .gallery .before a, html body.about main #sidebar section article .gallery .after a, html body.post main #sidebar section article .gallery .before a, html body.post main #sidebar section article .gallery .after a { color: white; text-decoration: none; }
html body.article main #sidebar section article .gallery .before a:hover, html body.article main #sidebar section article .gallery .after a:hover, html body.about main #sidebar section article .gallery .before a:hover, html body.about main #sidebar section article .gallery .after a:hover, html body.post main #sidebar section article .gallery .before a:hover, html body.post main #sidebar section article .gallery .after a:hover { color: white; }
html body.article main #sidebar section article .gallery .before:before, html body.article main #sidebar section article .gallery .after:before, html body.about main #sidebar section article .gallery .before:before, html body.about main #sidebar section article .gallery .after:before, html body.post main #sidebar section article .gallery .before:before, html body.post main #sidebar section article .gallery .after:before { content: "\2794"; }
html body.article main #sidebar section article .gallery .before, html body.about main #sidebar section article .gallery .before, html body.post main #sidebar section article .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.article main #sidebar section article .gallery .after, html body.about main #sidebar section article .gallery .after, html body.post main #sidebar section article .gallery .after { right: 0; float: right; }
html body.article main #sidebar section article .gallery article, html body.article main #sidebar section article .gallery .gallery-item, html body.about main #sidebar section article .gallery article, html body.about main #sidebar section article .gallery .gallery-item, html body.post main #sidebar section article .gallery article, html body.post main #sidebar section article .gallery .gallery-item { display: none; }
html body.article main #sidebar section article .gallery article:first-of-type, html body.article main #sidebar section article .gallery .gallery-item:first-of-type, html body.about main #sidebar section article .gallery article:first-of-type, html body.about main #sidebar section article .gallery .gallery-item:first-of-type, html body.post main #sidebar section article .gallery article:first-of-type, html body.post main #sidebar section article .gallery .gallery-item:first-of-type { display: block; }
html body.article main #sidebar section article .gallery figure div.image-holder, html body.about main #sidebar section article .gallery figure div.image-holder, html body.post main #sidebar section article .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.article main #sidebar section article .gallery figure div.image-holder img, html body.about main #sidebar section article .gallery figure div.image-holder img, html body.post main #sidebar section article .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.article main #sidebar section article .gallery figure div.image-holder img, html body.about main #sidebar section article .gallery figure div.image-holder img, html body.post main #sidebar section article .gallery figure div.image-holder img { width: auto !important; }
html body.article main #sidebar section article .gallery figure figcaption, html body.about main #sidebar section article .gallery figure figcaption, html body.post main #sidebar section article .gallery figure figcaption { display: none; }
html body.article main #sidebar section article .gallery span, html body.about main #sidebar section article .gallery span, html body.post main #sidebar section article .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.article main #sidebar section article .gallery span a, html body.about main #sidebar section article .gallery span a, html body.post main #sidebar section article .gallery span a { color: white; text-decoration: none; }
html body.article main #sidebar section article .gallery span a:hover, html body.about main #sidebar section article .gallery span a:hover, html body.post main #sidebar section article .gallery span a:hover { color: white; }
html body.article main #sidebar section article .gallery span.close, html body.about main #sidebar section article .gallery span.close, html body.post main #sidebar section article .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
html body.article main #sidebar section article figure, html body.article main #sidebar section article h1, html body.article main #sidebar section article .excerpt, html body.about main #sidebar section article figure, html body.about main #sidebar section article h1, html body.about main #sidebar section article .excerpt, html body.post main #sidebar section article figure, html body.post main #sidebar section article h1, html body.post main #sidebar section article .excerpt { width: 48.75%; margin-right: 2.5%; float: left; }
html body.article main #sidebar section article h1, html body.article main #sidebar section article .excerpt, html body.about main #sidebar section article h1, html body.about main #sidebar section article .excerpt, html body.post main #sidebar section article h1, html body.post main #sidebar section article .excerpt { margin-right: 0; padding: 0.3125em; width: calc(48.75% - 0.625em); }
html body.article main #sidebar section article h1, html body.about main #sidebar section article h1, html body.post main #sidebar section article h1 { font-size: medium; }
@media only screen and (max-width: 47.999em) { html body.article main #sidebar section article h1, html body.about main #sidebar section article h1, html body.post main #sidebar section article h1 { font-size: small; } }
html body.article main #sidebar section article a, html body.about main #sidebar section article a, html body.post main #sidebar section article a { color: #231f20; text-decoration: none; }
html body.article main #sidebar section article a:hover, html body.about main #sidebar section article a:hover, html body.post main #sidebar section article a:hover { color: #982022; }
html body.article main #sidebar section article h1, html body.about main #sidebar section article h1, html body.post main #sidebar section article h1 { font-weight: normal; }
@media only screen and (max-width: 79.999em) and (max-width: 29.999em) { html body.article main #sidebar section article, html body.about main #sidebar section article, html body.post main #sidebar section article { width: 100%; margin-right: 0; float: left; } }
@media only screen and (max-width: 79.999em) and (min-width: 30em) and (max-width: 79.999em) { html body.article main #sidebar section article, html body.about main #sidebar section article, html body.post main #sidebar section article { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.article main #sidebar section article:nth-of-type(2), html body.about main #sidebar section article:nth-of-type(2), html body.post main #sidebar section article:nth-of-type(2) { margin-right: 0; }
  html body.article main #sidebar section article:nth-of-type(3), html body.about main #sidebar section article:nth-of-type(3), html body.post main #sidebar section article:nth-of-type(3) { margin-right: 2.5%; }
  html body.article main #sidebar section article:nth-of-type(4), html body.about main #sidebar section article:nth-of-type(4), html body.post main #sidebar section article:nth-of-type(4) { margin-right: 0; }
  html body.article main #sidebar section article:nth-of-type(5), html body.about main #sidebar section article:nth-of-type(5), html body.post main #sidebar section article:nth-of-type(5) { margin-right: 2.5%; }
  html body.article main #sidebar section article:nth-of-type(6), html body.about main #sidebar section article:nth-of-type(6), html body.post main #sidebar section article:nth-of-type(6) { margin-right: 0; }
  html body.article main #sidebar section article:nth-of-type(7), html body.about main #sidebar section article:nth-of-type(7), html body.post main #sidebar section article:nth-of-type(7) { margin-right: 2.5%; }
  html body.article main #sidebar section article:nth-of-type(8), html body.about main #sidebar section article:nth-of-type(8), html body.post main #sidebar section article:nth-of-type(8) { margin-right: 0; }
  html body.article main #sidebar section article:nth-of-type(9), html body.about main #sidebar section article:nth-of-type(9), html body.post main #sidebar section article:nth-of-type(9) { margin-right: 2.5%; }
  html body.article main #sidebar section article:nth-of-type(10), html body.about main #sidebar section article:nth-of-type(10), html body.post main #sidebar section article:nth-of-type(10) { margin-right: 0; }
  html body.article main #sidebar section article:nth-of-type(11), html body.about main #sidebar section article:nth-of-type(11), html body.post main #sidebar section article:nth-of-type(11) { margin-right: 2.5%; }
  html body.article main #sidebar section article:nth-of-type(12), html body.about main #sidebar section article:nth-of-type(12), html body.post main #sidebar section article:nth-of-type(12) { margin-right: 0; }
  html body.article main #sidebar section article:nth-of-type(13), html body.about main #sidebar section article:nth-of-type(13), html body.post main #sidebar section article:nth-of-type(13) { margin-right: 2.5%; }
  html body.article main #sidebar section article:nth-of-type(14), html body.about main #sidebar section article:nth-of-type(14), html body.post main #sidebar section article:nth-of-type(14) { margin-right: 0; }
  html body.article main #sidebar section article:nth-of-type(15), html body.about main #sidebar section article:nth-of-type(15), html body.post main #sidebar section article:nth-of-type(15) { margin-right: 2.5%; }
  html body.article main #sidebar section article:nth-of-type(16), html body.about main #sidebar section article:nth-of-type(16), html body.post main #sidebar section article:nth-of-type(16) { margin-right: 0; }
  html body.article main #sidebar section article:nth-of-type(17), html body.about main #sidebar section article:nth-of-type(17), html body.post main #sidebar section article:nth-of-type(17) { margin-right: 2.5%; }
  html body.article main #sidebar section article:nth-of-type(18), html body.about main #sidebar section article:nth-of-type(18), html body.post main #sidebar section article:nth-of-type(18) { margin-right: 0; }
  html body.article main #sidebar section article:nth-of-type(19), html body.about main #sidebar section article:nth-of-type(19), html body.post main #sidebar section article:nth-of-type(19) { margin-right: 2.5%; }
  html body.article main #sidebar section article:nth-of-type(20), html body.about main #sidebar section article:nth-of-type(20), html body.post main #sidebar section article:nth-of-type(20) { margin-right: 0; } }
@media only screen and (max-width: 79.999em) and (min-width: 80em) { html body.article main #sidebar section article, html body.about main #sidebar section article, html body.post main #sidebar section article { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.article main #sidebar section article:nth-of-type(2), html body.about main #sidebar section article:nth-of-type(2), html body.post main #sidebar section article:nth-of-type(2) { margin-right: 0; }
  html body.article main #sidebar section article:nth-of-type(3), html body.about main #sidebar section article:nth-of-type(3), html body.post main #sidebar section article:nth-of-type(3) { margin-right: 2.5%; }
  html body.article main #sidebar section article:nth-of-type(4), html body.about main #sidebar section article:nth-of-type(4), html body.post main #sidebar section article:nth-of-type(4) { margin-right: 0; }
  html body.article main #sidebar section article:nth-of-type(5), html body.about main #sidebar section article:nth-of-type(5), html body.post main #sidebar section article:nth-of-type(5) { margin-right: 2.5%; }
  html body.article main #sidebar section article:nth-of-type(6), html body.about main #sidebar section article:nth-of-type(6), html body.post main #sidebar section article:nth-of-type(6) { margin-right: 0; }
  html body.article main #sidebar section article:nth-of-type(7), html body.about main #sidebar section article:nth-of-type(7), html body.post main #sidebar section article:nth-of-type(7) { margin-right: 2.5%; }
  html body.article main #sidebar section article:nth-of-type(8), html body.about main #sidebar section article:nth-of-type(8), html body.post main #sidebar section article:nth-of-type(8) { margin-right: 0; }
  html body.article main #sidebar section article:nth-of-type(9), html body.about main #sidebar section article:nth-of-type(9), html body.post main #sidebar section article:nth-of-type(9) { margin-right: 2.5%; }
  html body.article main #sidebar section article:nth-of-type(10), html body.about main #sidebar section article:nth-of-type(10), html body.post main #sidebar section article:nth-of-type(10) { margin-right: 0; }
  html body.article main #sidebar section article:nth-of-type(11), html body.about main #sidebar section article:nth-of-type(11), html body.post main #sidebar section article:nth-of-type(11) { margin-right: 2.5%; }
  html body.article main #sidebar section article:nth-of-type(12), html body.about main #sidebar section article:nth-of-type(12), html body.post main #sidebar section article:nth-of-type(12) { margin-right: 0; }
  html body.article main #sidebar section article:nth-of-type(13), html body.about main #sidebar section article:nth-of-type(13), html body.post main #sidebar section article:nth-of-type(13) { margin-right: 2.5%; }
  html body.article main #sidebar section article:nth-of-type(14), html body.about main #sidebar section article:nth-of-type(14), html body.post main #sidebar section article:nth-of-type(14) { margin-right: 0; }
  html body.article main #sidebar section article:nth-of-type(15), html body.about main #sidebar section article:nth-of-type(15), html body.post main #sidebar section article:nth-of-type(15) { margin-right: 2.5%; }
  html body.article main #sidebar section article:nth-of-type(16), html body.about main #sidebar section article:nth-of-type(16), html body.post main #sidebar section article:nth-of-type(16) { margin-right: 0; }
  html body.article main #sidebar section article:nth-of-type(17), html body.about main #sidebar section article:nth-of-type(17), html body.post main #sidebar section article:nth-of-type(17) { margin-right: 2.5%; }
  html body.article main #sidebar section article:nth-of-type(18), html body.about main #sidebar section article:nth-of-type(18), html body.post main #sidebar section article:nth-of-type(18) { margin-right: 0; }
  html body.article main #sidebar section article:nth-of-type(19), html body.about main #sidebar section article:nth-of-type(19), html body.post main #sidebar section article:nth-of-type(19) { margin-right: 2.5%; }
  html body.article main #sidebar section article:nth-of-type(20), html body.about main #sidebar section article:nth-of-type(20), html body.post main #sidebar section article:nth-of-type(20) { margin-right: 0; } }

@media only screen and (max-width: 29.999em) { html body.article main #sidebar section article, html body.about main #sidebar section article, html body.post main #sidebar section article { width: 100%; max-width: 100%; float: left; } }
@media only screen and (min-width: 80em) { html body.article main #sidebar section article, html body.about main #sidebar section article, html body.post main #sidebar section article { width: 100%; max-width: 100%; float: left; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.article main #sidebar section article, html body.about main #sidebar section article, html body.post main #sidebar section article { width: 100%; max-width: 100%; float: left; } }
html body.article main #sidebar #spacer > h3, html body.about main #sidebar #spacer > h3, html body.post main #sidebar #spacer > h3 { display: none; }
html body.article #article, html body.about #article, html body.post #article { width: 100%; max-width: 100%; float: left; }
html body.article #article article.single, html body.about #article article.single, html body.post #article article.single { /* Cannot make the whole article to be $body-text, it will break the .meta inline lists in iE - here we set width, later will add $body-text to .content only
*/ max-width: 43.75em; }
html body.article #article article.single h1, html body.about #article article.single h1, html body.post #article article.single h1 { display: block; }
html body.article #article article.single figure, html body.about #article article.single figure, html body.post #article article.single figure { display: block; }
html body.article #article article.single .excerpt, html body.about #article article.single .excerpt, html body.post #article article.single .excerpt { display: none; }
html body.article #article article.single figure img, html body.about #article article.single figure img, html body.post #article article.single figure img { width: auto; }
html body.article #article article.single figure figcaption, html body.about #article article.single figure figcaption, html body.post #article article.single figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.article #article article.single figure figcaption h1, html body.article #article article.single figure figcaption h2, html body.article #article article.single figure figcaption h3, html body.article #article article.single figure figcaption h4, html body.article #article article.single figure figcaption h5, html body.article #article article.single figure figcaption h6, html body.about #article article.single figure figcaption h1, html body.about #article article.single figure figcaption h2, html body.about #article article.single figure figcaption h3, html body.about #article article.single figure figcaption h4, html body.about #article article.single figure figcaption h5, html body.about #article article.single figure figcaption h6, html body.post #article article.single figure figcaption h1, html body.post #article article.single figure figcaption h2, html body.post #article article.single figure figcaption h3, html body.post #article article.single figure figcaption h4, html body.post #article article.single figure figcaption h5, html body.post #article article.single figure figcaption h6 { margin: 0; padding: 0; }
html body.article #article article.single figure, html body.about #article article.single figure, html body.post #article article.single figure { position: relative; }
html body.article #article article.single figure .label, html body.about #article article.single figure .label, html body.post #article article.single figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.article #article article.single figure .label a, html body.about #article article.single figure .label a, html body.post #article article.single figure .label a { color: #231f20; text-decoration: none; }
html body.article #article article.single figure .label a:hover, html body.about #article article.single figure .label a:hover, html body.post #article article.single figure .label a:hover { color: white; }
html body.article #article article.single .excerpt, html body.about #article article.single .excerpt, html body.post #article article.single .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.article #article article.single .meta, html body.about #article article.single .meta, html body.post #article article.single .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.article #article article.single .meta > h3, html body.about #article article.single .meta > h3, html body.post #article article.single .meta > h3 { display: none; }
html body.article #article article.single .meta ul, html body.about #article article.single .meta ul, html body.post #article article.single .meta ul { margin: 0; }
html body.article #article article.single .meta ul li, html body.about #article article.single .meta ul li, html body.post #article article.single .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.article #article article.single .meta ul li:last-of-type, html body.about #article article.single .meta ul li:last-of-type, html body.post #article article.single .meta ul li:last-of-type { margin-right: 0; }
html body.article #article article.single .meta .date, html body.about #article article.single .meta .date, html body.post #article article.single .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.article #article article.single .meta .category, html body.about #article article.single .meta .category, html body.post #article article.single .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.article #article article.single .meta .category a, html body.about #article article.single .meta .category a, html body.post #article article.single .meta .category a { color: #982022; text-decoration: none; }
html body.article #article article.single .meta .category a:hover, html body.about #article article.single .meta .category a:hover, html body.post #article article.single .meta .category a:hover { color: #231f20; }
html body.article #article article.single .meta .authors, html body.about #article article.single .meta .authors, html body.post #article article.single .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.article #article article.single .meta .authors ul li:after, html body.about #article article.single .meta .authors ul li:after, html body.post #article article.single .meta .authors ul li:after { content: ','; }
html body.article #article article.single .meta .authors ul li:first-of-type, html body.about #article article.single .meta .authors ul li:first-of-type, html body.post #article article.single .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.article #article article.single .meta .authors ul li:first-of-type:after, html body.article #article article.single .meta .authors ul li:last-of-type:after, html body.about #article article.single .meta .authors ul li:first-of-type:after, html body.about #article article.single .meta .authors ul li:last-of-type:after, html body.post #article article.single .meta .authors ul li:first-of-type:after, html body.post #article article.single .meta .authors ul li:last-of-type:after { content: none; }
html body.article #article article.single .meta .print, html body.about #article article.single .meta .print, html body.post #article article.single .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.article #article article.single .share-buttons, html body.about #article article.single .share-buttons, html body.post #article article.single .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.article #article article.single .share-buttons ul li, html body.about #article article.single .share-buttons ul li, html body.post #article article.single .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.article #article article.single .share-buttons ul li:before, html body.about #article article.single .share-buttons ul li:before, html body.post #article article.single .share-buttons ul li:before { content: none; }
html body.article #article article.single .share-buttons ul li, html body.about #article article.single .share-buttons ul li, html body.post #article article.single .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.article #article article.single .share-buttons ul li:last-of-type, html body.about #article article.single .share-buttons ul li:last-of-type, html body.post #article article.single .share-buttons ul li:last-of-type { margin-right: 0; }
html body.article #article article.single .share-buttons ul li .box, html body.about #article article.single .share-buttons ul li .box, html body.post #article article.single .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.article #article article.single .share-buttons ul li .box .count, html body.about #article article.single .share-buttons ul li .box .count, html body.post #article article.single .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.article #article article.single .share-buttons ul li .box .count a, html body.about #article article.single .share-buttons ul li .box .count a, html body.post #article article.single .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.article #article article.single .share-buttons ul li .box .count a:hover, html body.about #article article.single .share-buttons ul li .box .count a:hover, html body.post #article article.single .share-buttons ul li .box .count a:hover { color: white; }
html body.article #article article.single .share-buttons ul li .box .share img, html body.about #article article.single .share-buttons ul li .box .share img, html body.post #article article.single .share-buttons ul li .box .share img { width: 30%; }
html body.article #article article.single .content, html body.about #article article.single .content, html body.post #article article.single .content { width: 100%; max-width: 100%; float: left; }
html body.article #article article.single .content a, html body.about #article article.single .content a, html body.post #article article.single .content a { color: #982022; text-decoration: none; }
html body.article #article article.single .content a:hover, html body.about #article article.single .content a:hover, html body.post #article article.single .content a:hover { color: #982022; }
html body.article #article article.single .content a.external:after, html body.about #article article.single .content a.external:after, html body.post #article article.single .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.article #article article.single .content figure figcaption a, html body.about #article article.single .content figure figcaption a, html body.post #article article.single .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.article #article article.single .content figure figcaption a:hover, html body.about #article article.single .content figure figcaption a:hover, html body.post #article article.single .content figure figcaption a:hover { color: #982022; }
html body.article #article article.single .gallery, html body.about #article article.single .gallery, html body.post #article article.single .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.article #article article.single .gallery .before, html body.article #article article.single .gallery .after, html body.about #article article.single .gallery .before, html body.about #article article.single .gallery .after, html body.post #article article.single .gallery .before, html body.post #article article.single .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.article #article article.single .gallery .before a, html body.article #article article.single .gallery .after a, html body.about #article article.single .gallery .before a, html body.about #article article.single .gallery .after a, html body.post #article article.single .gallery .before a, html body.post #article article.single .gallery .after a { color: white; text-decoration: none; }
html body.article #article article.single .gallery .before a:hover, html body.article #article article.single .gallery .after a:hover, html body.about #article article.single .gallery .before a:hover, html body.about #article article.single .gallery .after a:hover, html body.post #article article.single .gallery .before a:hover, html body.post #article article.single .gallery .after a:hover { color: white; }
html body.article #article article.single .gallery .before:before, html body.article #article article.single .gallery .after:before, html body.about #article article.single .gallery .before:before, html body.about #article article.single .gallery .after:before, html body.post #article article.single .gallery .before:before, html body.post #article article.single .gallery .after:before { content: "\2794"; }
html body.article #article article.single .gallery .before, html body.about #article article.single .gallery .before, html body.post #article article.single .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.article #article article.single .gallery .after, html body.about #article article.single .gallery .after, html body.post #article article.single .gallery .after { right: 0; float: right; }
html body.article #article article.single .gallery article, html body.article #article article.single .gallery .gallery-item, html body.about #article article.single .gallery article, html body.about #article article.single .gallery .gallery-item, html body.post #article article.single .gallery article, html body.post #article article.single .gallery .gallery-item { display: none; }
html body.article #article article.single .gallery article:first-of-type, html body.article #article article.single .gallery .gallery-item:first-of-type, html body.about #article article.single .gallery article:first-of-type, html body.about #article article.single .gallery .gallery-item:first-of-type, html body.post #article article.single .gallery article:first-of-type, html body.post #article article.single .gallery .gallery-item:first-of-type { display: block; }
html body.article #article article.single .gallery figure div.image-holder, html body.about #article article.single .gallery figure div.image-holder, html body.post #article article.single .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.article #article article.single .gallery figure div.image-holder img, html body.about #article article.single .gallery figure div.image-holder img, html body.post #article article.single .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.article #article article.single .gallery figure div.image-holder img, html body.about #article article.single .gallery figure div.image-holder img, html body.post #article article.single .gallery figure div.image-holder img { width: auto !important; }
html body.article #article article.single .gallery figure figcaption, html body.about #article article.single .gallery figure figcaption, html body.post #article article.single .gallery figure figcaption { display: none; }
html body.article #article article.single .gallery span, html body.about #article article.single .gallery span, html body.post #article article.single .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.article #article article.single .gallery span a, html body.about #article article.single .gallery span a, html body.post #article article.single .gallery span a { color: white; text-decoration: none; }
html body.article #article article.single .gallery span a:hover, html body.about #article article.single .gallery span a:hover, html body.post #article article.single .gallery span a:hover { color: white; }
html body.article #article article.single .gallery span.close, html body.about #article article.single .gallery span.close, html body.post #article article.single .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
html body.article #article article.single h1:first-of-type, html body.about #article article.single h1:first-of-type, html body.post #article article.single h1:first-of-type { font-size: 24px; font-size: 1.5rem; padding: 0; }
html body.article #article article.single .meta .print, html body.about #article article.single .meta .print, html body.post #article article.single .meta .print { display: inline-block; }
html body.article #article article.single .content, html body.about #article article.single .content, html body.post #article article.single .content { max-width: 43.75em; line-height: 1.75; /* Padding of individual elements
*/ /* Padding of consecutive elements
*/ }
html body.article #article article.single .content h1, html body.article #article article.single .content h2, html body.article #article article.single .content h3, html body.article #article article.single .content h4, html body.article #article article.single .content h5, html body.article #article article.single .content h6, html body.about #article article.single .content h1, html body.about #article article.single .content h2, html body.about #article article.single .content h3, html body.about #article article.single .content h4, html body.about #article article.single .content h5, html body.about #article article.single .content h6, html body.post #article article.single .content h1, html body.post #article article.single .content h2, html body.post #article article.single .content h3, html body.post #article article.single .content h4, html body.post #article article.single .content h5, html body.post #article article.single .content h6 { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; line-height: 1.25; padding: 0; }
html body.article #article article.single .content h1, html body.about #article article.single .content h1, html body.post #article article.single .content h1 { font-size: 20px; font-size: 1.25rem; font-weight: bold; }
html body.article #article article.single .content h2, html body.about #article article.single .content h2, html body.post #article article.single .content h2 { font-size: 20px; font-size: 1.25rem; font-weight: normal; text-transform: uppercase; letter-spacing: 1.1px; }
html body.article #article article.single .content h3, html body.about #article article.single .content h3, html body.post #article article.single .content h3 { font-size: 20px; font-size: 1.25rem; font-weight: normal; }
html body.article #article article.single .content h4, html body.about #article article.single .content h4, html body.post #article article.single .content h4 { font-size: larger; font-weight: normal; }
html body.article #article article.single .content h1, html body.article #article article.single .content h2, html body.article #article article.single .content h3, html body.article #article article.single .content h4, html body.article #article article.single .content h5, html body.article #article article.single .content h6, html body.about #article article.single .content h1, html body.about #article article.single .content h2, html body.about #article article.single .content h3, html body.about #article article.single .content h4, html body.about #article article.single .content h5, html body.about #article article.single .content h6, html body.post #article article.single .content h1, html body.post #article article.single .content h2, html body.post #article article.single .content h3, html body.post #article article.single .content h4, html body.post #article article.single .content h5, html body.post #article article.single .content h6 { margin-top: 0; margin-bottom: 0; padding: 1.45833em 0; }
html body.article #article article.single .content ul, html body.about #article article.single .content ul, html body.post #article article.single .content ul { list-style: none outside; }
html body.article #article article.single .content ul li, html body.about #article article.single .content ul li, html body.post #article article.single .content ul li { /* When parent positioned to 'relative' the children (:before) can be positioned to 'absolute' - this way we can perfectly align the bullets / numbering to the list content
*/ position: relative; padding-left: 1.25em; }
html body.article #article article.single .content ul li:before, html body.about #article article.single .content ul li:before, html body.post #article article.single .content ul li:before { content: "\2022"; /* A Safari & Chrome fix */ /* making the content of the list perfectly align with numbering - <li> is relatively positioned - :the numbering (:before) is aboslutely positioned within <li> and fixed to left - the the <li> content has a padding-left to not overlap the numbering
*/ position: absolute; left: 0; font-weight: bold; }
html body.article #article article.single .content ol, html body.about #article article.single .content ol, html body.post #article article.single .content ol { list-style: none outside; counter-reset: ol-counter; }
html body.article #article article.single .content ol li, html body.about #article article.single .content ol li, html body.post #article article.single .content ol li { /* When parent positioned to 'relative' the children (:before) can be positioned to 'absolute' - this way we can perfectly align the bullets / numbering to the list content
*/ position: relative; padding-left: 1.25em; }
html body.article #article article.single .content ol li:before, html body.about #article article.single .content ol li:before, html body.post #article article.single .content ol li:before { content: ""; /* A Safari & Chrome fix */ content: none; /* making the content of the list perfectly align with numbering - <li> is relatively positioned - :the numbering (:before) is aboslutely positioned within <li> and fixed to left - the the <li> content has a padding-left to not overlap the numbering
*/ position: absolute; left: 0; font-weight: bold; }
html body.article #article article.single .content ol li, html body.about #article article.single .content ol li, html body.post #article article.single .content ol li { counter-increment: ol-counter; }
html body.article #article article.single .content ol li:before, html body.about #article article.single .content ol li:before, html body.post #article article.single .content ol li:before { content: counter(ol-counter,decimal) "."; }
html body.article #article article.single .content dl dt, html body.about #article article.single .content dl dt, html body.post #article article.single .content dl dt { font-size: 20px; font-size: 1.25rem; font-weight: normal; text-transform: uppercase; letter-spacing: 1.1px; }
html body.article #article article.single .content table, html body.about #article article.single .content table, html body.post #article article.single .content table { width: 100%; display: table !important; }
html body.article #article article.single .content table caption, html body.about #article article.single .content table caption, html body.post #article article.single .content table caption { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; margin-bottom: 0.3125em; }
html body.article #article article.single .content table thead, html body.about #article article.single .content table thead, html body.post #article article.single .content table thead { background: #231f20; color: white; }
html body.article #article article.single .content table thead a, html body.about #article article.single .content table thead a, html body.post #article article.single .content table thead a { color: white; text-decoration: none; }
html body.article #article article.single .content table thead a:hover, html body.about #article article.single .content table thead a:hover, html body.post #article article.single .content table thead a:hover { color: white; }
html body.article #article article.single .content table thead th, html body.article #article article.single .content table tbody td, html body.about #article article.single .content table thead th, html body.about #article article.single .content table tbody td, html body.post #article article.single .content table thead th, html body.post #article article.single .content table tbody td { padding: 0.625em; padding-left: 0; }
html body.article #article article.single .content table thead th:first-of-type, html body.article #article article.single .content table tbody td:first-of-type, html body.about #article article.single .content table thead th:first-of-type, html body.about #article article.single .content table tbody td:first-of-type, html body.post #article article.single .content table thead th:first-of-type, html body.post #article article.single .content table tbody td:first-of-type { padding-left: 1px; }
html body.article #article article.single .content table tbody td, html body.about #article article.single .content table tbody td, html body.post #article article.single .content table tbody td { border-bottom: 1px solid #332d2f; }
html body.article #article article.single .content figure img, html body.about #article article.single .content figure img, html body.post #article article.single .content figure img { width: auto; }
html body.article #article article.single .content figure figcaption, html body.about #article article.single .content figure figcaption, html body.post #article article.single .content figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.article #article article.single .content figure figcaption h1, html body.article #article article.single .content figure figcaption h2, html body.article #article article.single .content figure figcaption h3, html body.article #article article.single .content figure figcaption h4, html body.article #article article.single .content figure figcaption h5, html body.article #article article.single .content figure figcaption h6, html body.about #article article.single .content figure figcaption h1, html body.about #article article.single .content figure figcaption h2, html body.about #article article.single .content figure figcaption h3, html body.about #article article.single .content figure figcaption h4, html body.about #article article.single .content figure figcaption h5, html body.about #article article.single .content figure figcaption h6, html body.post #article article.single .content figure figcaption h1, html body.post #article article.single .content figure figcaption h2, html body.post #article article.single .content figure figcaption h3, html body.post #article article.single .content figure figcaption h4, html body.post #article article.single .content figure figcaption h5, html body.post #article article.single .content figure figcaption h6 { margin: 0; padding: 0; }
html body.article #article article.single .content form, html body.about #article article.single .content form, html body.post #article article.single .content form { /* Reset */ /* Stretching and padding */ /* Text */ /* Button */ /* Image */ /* Label
*/ }
html body.article #article article.single .content form input, html body.article #article article.single .content form textarea, html body.article #article article.single .content form select, html body.about #article article.single .content form input, html body.about #article article.single .content form textarea, html body.about #article article.single .content form select, html body.post #article article.single .content form input, html body.post #article article.single .content form textarea, html body.post #article article.single .content form select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
html body.article #article article.single .content form input, html body.article #article article.single .content form textarea, html body.article #article article.single .content form label, html body.about #article article.single .content form input, html body.about #article article.single .content form textarea, html body.about #article article.single .content form label, html body.post #article article.single .content form input, html body.post #article article.single .content form textarea, html body.post #article article.single .content form label { width: 100%; max-width: 100%; float: left; }
html body.article #article article.single .content form input, html body.article #article article.single .content form textarea, html body.about #article article.single .content form input, html body.about #article article.single .content form textarea, html body.post #article article.single .content form input, html body.post #article article.single .content form textarea { padding: 0.3125em; width: calc(100% - 0.625em); margin-bottom: 0.625em; }
html body.article #article article.single .content form input[type='text'], html body.article #article article.single .content form input[type='email'], html body.article #article article.single .content form input[type='password'], html body.article #article article.single .content form input[type='url'], html body.article #article article.single .content form input[type='search'], html body.article #article article.single .content form textarea, html body.about #article article.single .content form input[type='text'], html body.about #article article.single .content form input[type='email'], html body.about #article article.single .content form input[type='password'], html body.about #article article.single .content form input[type='url'], html body.about #article article.single .content form input[type='search'], html body.about #article article.single .content form textarea, html body.post #article article.single .content form input[type='text'], html body.post #article article.single .content form input[type='email'], html body.post #article article.single .content form input[type='password'], html body.post #article article.single .content form input[type='url'], html body.post #article article.single .content form input[type='search'], html body.post #article article.single .content form textarea { border: 1px solid #231f20; font-style: italic; }
html body.article #article article.single .content form input[type='submit'], html body.about #article article.single .content form input[type='submit'], html body.post #article article.single .content form input[type='submit'] { width: auto; text-transform: uppercase; letter-spacing: 1.1px; border: 1px solid #231f20; background: #231f20; color: white; cursor: pointer; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
html body.article #article article.single .content form input[type='submit'] a, html body.about #article article.single .content form input[type='submit'] a, html body.post #article article.single .content form input[type='submit'] a { color: white; text-decoration: none; }
html body.article #article article.single .content form input[type='submit'] a:hover, html body.about #article article.single .content form input[type='submit'] a:hover, html body.post #article article.single .content form input[type='submit'] a:hover { color: white; }
html body.article #article article.single .content form input[type='submit']:hover, html body.about #article article.single .content form input[type='submit']:hover, html body.post #article article.single .content form input[type='submit']:hover { background: white; color: #231f20; }
html body.article #article article.single .content form input[type='submit']:hover a, html body.about #article article.single .content form input[type='submit']:hover a, html body.post #article article.single .content form input[type='submit']:hover a { color: #231f20; text-decoration: none; }
html body.article #article article.single .content form input[type='submit']:hover a:hover, html body.about #article article.single .content form input[type='submit']:hover a:hover, html body.post #article article.single .content form input[type='submit']:hover a:hover { color: #982022; }
html body.article #article article.single .content form input[type="image"], html body.about #article article.single .content form input[type="image"], html body.post #article article.single .content form input[type="image"] { width: auto; }
html body.article #article article.single .content form label, html body.about #article article.single .content form label, html body.post #article article.single .content form label { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; }
html body.article #article article.single .content q, html body.about #article article.single .content q, html body.post #article article.single .content q { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; }
html body.article #article article.single .content q:before, html body.about #article article.single .content q:before, html body.post #article article.single .content q:before { content: '\201C'; }
html body.article #article article.single .content q:after, html body.about #article article.single .content q:after, html body.post #article article.single .content q:after { content: '\201D'; }
html body.article #article article.single .content blockquote, html body.about #article article.single .content blockquote, html body.post #article article.single .content blockquote { width: 100%; max-width: 100%; float: left; border-left: 0.3125em solid; border-color: #982022; background: #f1f1f1; padding: 1.25em; width: calc(100% - 2.5em); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; }
html body.article #article article.single .content code, html body.article #article article.single .content pre, html body.about #article article.single .content code, html body.about #article article.single .content pre, html body.post #article article.single .content code, html body.post #article article.single .content pre { background: #f1f1f1; color: #231f20; padding: 0.3125em; font-family: "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace; }
html body.article #article article.single .content code a, html body.article #article article.single .content pre a, html body.about #article article.single .content code a, html body.about #article article.single .content pre a, html body.post #article article.single .content code a, html body.post #article article.single .content pre a { color: #231f20; text-decoration: none; }
html body.article #article article.single .content code a:hover, html body.article #article article.single .content pre a:hover, html body.about #article article.single .content code a:hover, html body.about #article article.single .content pre a:hover, html body.post #article article.single .content code a:hover, html body.post #article article.single .content pre a:hover { color: white; }
html body.article #article article.single .content pre, html body.about #article article.single .content pre, html body.post #article article.single .content pre { white-space: pre-line; padding: 1.25em; }
html body.article #article article.single .content hr, html body.about #article article.single .content hr, html body.post #article article.single .content hr { margin: 1.25em 0; }
html body.article #article article.single .content em, html body.article #article article.single .content i, html body.about #article article.single .content em, html body.about #article article.single .content i, html body.post #article article.single .content em, html body.post #article article.single .content i { font-style: italic; }
html body.article #article article.single .content strong, html body.article #article article.single .content b, html body.about #article article.single .content strong, html body.about #article article.single .content b, html body.post #article article.single .content strong, html body.post #article article.single .content b { font-weight: bold; }
html body.article #article article.single .content small, html body.about #article article.single .content small, html body.post #article article.single .content small { font-size: small; }
html body.article #article article.single .content s, html body.about #article article.single .content s, html body.post #article article.single .content s { text-decoration: line-through; }
html body.article #article article.single .content cite, html body.about #article article.single .content cite, html body.post #article article.single .content cite { font-style: italic; }
html body.article #article article.single .content q, html body.about #article article.single .content q, html body.post #article article.single .content q { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; }
html body.article #article article.single .content q:before, html body.about #article article.single .content q:before, html body.post #article article.single .content q:before { content: '\201C'; }
html body.article #article article.single .content q:after, html body.about #article article.single .content q:after, html body.post #article article.single .content q:after { content: '\201D'; }
html body.article #article article.single .content dfn, html body.about #article article.single .content dfn, html body.post #article article.single .content dfn { border-bottom: 1px solid #f1f1f1; }
html body.article #article article.single .content abbr, html body.about #article article.single .content abbr, html body.post #article article.single .content abbr { font-variant: small-caps; }
html body.article #article article.single .content time, html body.about #article article.single .content time, html body.post #article article.single .content time { font-size: small; color: #332d2f; font-style: normal; }
html body.article #article article.single .content var, html body.about #article article.single .content var, html body.post #article article.single .content var { font-style: italic; }
html body.article #article article.single .content samp, html body.article #article article.single .content kbd, html body.about #article article.single .content samp, html body.about #article article.single .content kbd, html body.post #article article.single .content samp, html body.post #article article.single .content kbd { font-family: "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace; font-weight: bold; font-size: small; }
html body.article #article article.single .content sup, html body.about #article article.single .content sup, html body.post #article article.single .content sup { vertical-align: super; font-size: small; }
html body.article #article article.single .content sub, html body.about #article article.single .content sub, html body.post #article article.single .content sub { vertical-align: sub; font-size: small; }
html body.article #article article.single .content mark, html body.about #article article.single .content mark, html body.post #article article.single .content mark { background: #231f20; color: white; padding: 0.3125em; }
html body.article #article article.single .content mark a, html body.about #article article.single .content mark a, html body.post #article article.single .content mark a { color: white; text-decoration: none; }
html body.article #article article.single .content mark a:hover, html body.about #article article.single .content mark a:hover, html body.post #article article.single .content mark a:hover { color: white; }
html body.article #article article.single .content del, html body.about #article article.single .content del, html body.post #article article.single .content del { text-decoration: line-through; }
html body.article #article article.single .content ins, html body.about #article article.single .content ins, html body.post #article article.single .content ins { background: #f1f1f1; color: #231f20; padding: 0.3125em; }
html body.article #article article.single .content ins a, html body.about #article article.single .content ins a, html body.post #article article.single .content ins a { color: #231f20; text-decoration: none; }
html body.article #article article.single .content ins a:hover, html body.about #article article.single .content ins a:hover, html body.post #article article.single .content ins a:hover { color: white; }
html body.article #article article.single .content address, html body.about #article article.single .content address, html body.post #article article.single .content address { font-size: small; color: #332d2f; max-width: 21.875em; }
html body.article #article article.single .content label.select, html body.about #article article.single .content label.select, html body.post #article article.single .content label.select { width: 100%; max-width: 100%; float: left; }
html body.article #article article.single .content label.select:after, html body.about #article article.single .content label.select:after, html body.post #article article.single .content label.select:after { content: "\2794"; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); float: right; display: inline-block; position: relative; padding: 0; left: -0.3125em; background: white; font-size: 150%; top: -1.5em; margin-right: 0.3125em; pointer-events: none; /* this is a must */ cursor: pointer; }
html body.article #article article.single .content label.select select, html body.about #article article.single .content label.select select, html body.post #article article.single .content label.select select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 1px solid; cursor: pointer; width: 100%; padding: 0.3125em; }
html body.article #article article.single .content input[type='radio'], html body.article #article article.single .content input[type='checkbox'], html body.about #article article.single .content input[type='radio'], html body.about #article article.single .content input[type='checkbox'], html body.post #article article.single .content input[type='radio'], html body.post #article article.single .content input[type='checkbox'] { display: none; }
html body.article #article article.single .content input[type='radio'] + label, html body.article #article article.single .content input[type='checkbox'] + label, html body.about #article article.single .content input[type='radio'] + label, html body.about #article article.single .content input[type='checkbox'] + label, html body.post #article article.single .content input[type='radio'] + label, html body.post #article article.single .content input[type='checkbox'] + label { display: inline-block; }
html body.article #article article.single .content input[type='radio'] + label:after, html body.about #article article.single .content input[type='radio'] + label:after, html body.post #article article.single .content input[type='radio'] + label:after { content: "\2610"; margin-right: 0.625em; }
html body.article #article article.single .content input[type='radio']:checked + label:after, html body.about #article article.single .content input[type='radio']:checked + label:after, html body.post #article article.single .content input[type='radio']:checked + label:after { content: "\25a3"; }
html body.article #article article.single .content input[type='checkbox'] + label:after, html body.about #article article.single .content input[type='checkbox'] + label:after, html body.post #article article.single .content input[type='checkbox'] + label:after { content: "\2610"; margin-right: 0.3125em; font-size: 150%; position: relative; top: 0.15625em; }
html body.article #article article.single .content input[type='checkbox']:checked + label:after, html body.about #article article.single .content input[type='checkbox']:checked + label:after, html body.post #article article.single .content input[type='checkbox']:checked + label:after { content: "\2611"; }
html body.article #article article.single .content ul.checkbox li, html body.about #article article.single .content ul.checkbox li, html body.post #article article.single .content ul.checkbox li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.article #article article.single .content ul.checkbox li:before, html body.about #article article.single .content ul.checkbox li:before, html body.post #article article.single .content ul.checkbox li:before { content: none; }
html body.article #article article.single .content ul, html body.article #article article.single .content ol, html body.article #article article.single .content dl, html body.article #article article.single .content table, html body.article #article article.single .content figure, html body.article #article article.single .content form, html body.article #article article.single .content q, html body.article #article article.single .content blockquote, html body.article #article article.single .content pre, html body.article #article article.single .content code, html body.about #article article.single .content ul, html body.about #article article.single .content ol, html body.about #article article.single .content dl, html body.about #article article.single .content table, html body.about #article article.single .content figure, html body.about #article article.single .content form, html body.about #article article.single .content q, html body.about #article article.single .content blockquote, html body.about #article article.single .content pre, html body.about #article article.single .content code, html body.post #article article.single .content ul, html body.post #article article.single .content ol, html body.post #article article.single .content dl, html body.post #article article.single .content table, html body.post #article article.single .content figure, html body.post #article article.single .content form, html body.post #article article.single .content q, html body.post #article article.single .content blockquote, html body.post #article article.single .content pre, html body.post #article article.single .content code { margin: 1.25em 0; }
html body.article #article article.single .content figure, html body.about #article article.single .content figure, html body.post #article article.single .content figure { margin-top: 1.25em; }
html body.article #article article.single .content figure + figure, html body.about #article article.single .content figure + figure, html body.post #article article.single .content figure + figure { margin-top: 0; }
html body.article #article article.single .content dd + dt, html body.about #article article.single .content dd + dt, html body.post #article article.single .content dd + dt { margin-top: 1.25em; }
html body.article #article article.single .content p + p, html body.about #article article.single .content p + p, html body.post #article article.single .content p + p { margin-top: 1.25em; }
html body.article #article article.single .content h1 + h2, html body.article #article article.single .content h2 + h3, html body.about #article article.single .content h1 + h2, html body.about #article article.single .content h2 + h3, html body.post #article article.single .content h1 + h2, html body.post #article article.single .content h2 + h3 { padding-top: 0; }
html body.article #article article.single .content h1 + ul, html body.article #article article.single .content h2 + ul, html body.article #article article.single .content h3 + ul, html body.article #article article.single .content h1 + ol, html body.article #article article.single .content h2 + ol, html body.article #article article.single .content h3 + ol, html body.article #article article.single .content h1 + figure, html body.article #article article.single .content h2 + figure, html body.article #article article.single .content h3 + figure, html body.article #article article.single .content h1 + nav, html body.about #article article.single .content h1 + ul, html body.about #article article.single .content h2 + ul, html body.about #article article.single .content h3 + ul, html body.about #article article.single .content h1 + ol, html body.about #article article.single .content h2 + ol, html body.about #article article.single .content h3 + ol, html body.about #article article.single .content h1 + figure, html body.about #article article.single .content h2 + figure, html body.about #article article.single .content h3 + figure, html body.about #article article.single .content h1 + nav, html body.post #article article.single .content h1 + ul, html body.post #article article.single .content h2 + ul, html body.post #article article.single .content h3 + ul, html body.post #article article.single .content h1 + ol, html body.post #article article.single .content h2 + ol, html body.post #article article.single .content h3 + ol, html body.post #article article.single .content h1 + figure, html body.post #article article.single .content h2 + figure, html body.post #article article.single .content h3 + figure, html body.post #article article.single .content h1 + nav { margin-top: 0; }
html body.article #article article.single .content li ul, html body.article #article article.single .content li ol, html body.about #article article.single .content li ul, html body.about #article article.single .content li ol, html body.post #article article.single .content li ul, html body.post #article article.single .content li ol { margin-top: 0; }
html body.article #article article.single .content input[type="image"], html body.about #article article.single .content input[type="image"], html body.post #article article.single .content input[type="image"] { width: auto; }
html body.article #article article.single .content figure div.image-holder, html body.about #article article.single .content figure div.image-holder, html body.post #article article.single .content figure div.image-holder { padding-top: 0; overflow: visible; }
html body.article #article article.single .content figure div.image-holder img, html body.about #article article.single .content figure div.image-holder img, html body.post #article article.single .content figure div.image-holder img { position: relative; width: 100%; }
@media only screen and (max-width: 47.999em) { html body.article #article article.single .content figure.people, html body.article #article article.single .content figure.document, html body.article #article article.single .content figure.company, html body.about #article article.single .content figure.people, html body.about #article article.single .content figure.document, html body.about #article article.single .content figure.company, html body.post #article article.single .content figure.people, html body.post #article article.single .content figure.document, html body.post #article article.single .content figure.company { width: 100%; max-width: 100%; float: left; }
  html body.article #article article.single .content figure.people img, html body.article #article article.single .content figure.document img, html body.article #article article.single .content figure.company img, html body.about #article article.single .content figure.people img, html body.about #article article.single .content figure.document img, html body.about #article article.single .content figure.company img, html body.post #article article.single .content figure.people img, html body.post #article article.single .content figure.document img, html body.post #article article.single .content figure.company img { float: left; width: 2.5em; margin-right: 1.25em; }
  html body.article #article article.single .content figure.people figcaption, html body.article #article article.single .content figure.document figcaption, html body.article #article article.single .content figure.company figcaption, html body.about #article article.single .content figure.people figcaption, html body.about #article article.single .content figure.document figcaption, html body.about #article article.single .content figure.company figcaption, html body.post #article article.single .content figure.people figcaption, html body.post #article article.single .content figure.document figcaption, html body.post #article article.single .content figure.company figcaption { padding: 0; margin-left: 3.75em; width: calc(100% - 3.75em); } }
@media only screen and (min-width: 48em) { html body.article #article article.single .content figure.people, html body.article #article article.single .content figure.document, html body.article #article article.single .content figure.company, html body.about #article article.single .content figure.people, html body.about #article article.single .content figure.document, html body.about #article article.single .content figure.company, html body.post #article article.single .content figure.people, html body.post #article article.single .content figure.document, html body.post #article article.single .content figure.company { /* Fit figcpation to image width
*/ display: table; /* Align to the paragraph beside the figure
*/ position: relative; top: 1.875em; }
  html body.article #article article.single .content figure.people img, html body.article #article article.single .content figure.document img, html body.article #article article.single .content figure.company img, html body.about #article article.single .content figure.people img, html body.about #article article.single .content figure.document img, html body.about #article article.single .content figure.company img, html body.post #article article.single .content figure.people img, html body.post #article article.single .content figure.document img, html body.post #article article.single .content figure.company img { display: block; max-width: 100%; }
  html body.article #article article.single .content figure.people figcaption, html body.article #article article.single .content figure.document figcaption, html body.article #article article.single .content figure.company figcaption, html body.about #article article.single .content figure.people figcaption, html body.about #article article.single .content figure.document figcaption, html body.about #article article.single .content figure.company figcaption, html body.post #article article.single .content figure.people figcaption, html body.post #article article.single .content figure.document figcaption, html body.post #article article.single .content figure.company figcaption { display: table-caption; caption-side: bottom; margin-top: 0.3125em; }
  html body.article #article article.single .content figure.people + p, html body.article #article article.single .content figure.document + p, html body.article #article article.single .content figure.company + p, html body.about #article article.single .content figure.people + p, html body.about #article article.single .content figure.document + p, html body.about #article article.single .content figure.company + p, html body.post #article article.single .content figure.people + p, html body.post #article article.single .content figure.document + p, html body.post #article article.single .content figure.company + p { margin-top: 1.25em; }
  html body.article #article article.single .content figure.people.left, html body.article #article article.single .content figure.document.left, html body.article #article article.single .content figure.company.left, html body.about #article article.single .content figure.people.left, html body.about #article article.single .content figure.document.left, html body.about #article article.single .content figure.company.left, html body.post #article article.single .content figure.people.left, html body.post #article article.single .content figure.document.left, html body.post #article article.single .content figure.company.left { float: left; margin: 0 2.5em 1.25em 0; }
  html body.article #article article.single .content figure.people.right, html body.article #article article.single .content figure.document.right, html body.article #article article.single .content figure.company.right, html body.about #article article.single .content figure.people.right, html body.about #article article.single .content figure.document.right, html body.about #article article.single .content figure.company.right, html body.post #article article.single .content figure.people.right, html body.post #article article.single .content figure.document.right, html body.post #article article.single .content figure.company.right { float: right; margin: 0 0 1.25em 2.5em; } }
@media only screen and (min-width: 48em) { html body.article #article article.single .content figure.person, html body.about #article article.single .content figure.person, html body.post #article article.single .content figure.person { /* Fit figcpation to image width
*/ display: table; /* Align to the paragraph beside the figure
*/ position: relative; top: 1.875em; }
  html body.article #article article.single .content figure.person img, html body.about #article article.single .content figure.person img, html body.post #article article.single .content figure.person img { display: block; max-width: 100%; }
  html body.article #article article.single .content figure.person figcaption, html body.about #article article.single .content figure.person figcaption, html body.post #article article.single .content figure.person figcaption { display: table-caption; caption-side: bottom; margin-top: 0.3125em; }
  html body.article #article article.single .content figure.person + p, html body.about #article article.single .content figure.person + p, html body.post #article article.single .content figure.person + p { margin-top: 1.25em; }
  html body.article #article article.single .content figure.person.left, html body.about #article article.single .content figure.person.left, html body.post #article article.single .content figure.person.left { float: left; margin: 0 2.5em 1.25em 0; }
  html body.article #article article.single .content figure.person.right, html body.about #article article.single .content figure.person.right, html body.post #article article.single .content figure.person.right { float: right; margin: 0 0 1.25em 2.5em; } }
@media only screen and (min-width: 30em) { html body.article #article article.single .content figure.people img, html body.article #article article.single .content figure.document img, html body.about #article article.single .content figure.people img, html body.about #article article.single .content figure.document img, html body.post #article article.single .content figure.people img, html body.post #article article.single .content figure.document img { max-width: 75%; } }
html body.article #article article.single .content figure figcaption ul, html body.about #article article.single .content figure figcaption ul, html body.post #article article.single .content figure figcaption ul { margin: 0; width: 100%; max-width: 100%; float: left; }
html body.article #article article.single .content figure figcaption ul li, html body.about #article article.single .content figure figcaption ul li, html body.post #article article.single .content figure figcaption ul li { border-bottom: 1px solid; margin-bottom: 0.3125em; padding-left: 0; }
html body.article #article article.single .content figure figcaption ul li:before, html body.about #article article.single .content figure figcaption ul li:before, html body.post #article article.single .content figure figcaption ul li:before { display: none; }
html body.article #article article.single .content #comments, html body.about #article article.single .content #comments, html body.post #article article.single .content #comments { width: 100%; max-width: 100%; float: left; }
html body.article #article article.single .content #comments > h3, html body.about #article article.single .content #comments > h3, html body.post #article article.single .content #comments > h3 { display: block; }
html body.article #article article.single .content #comments form, html body.article #article article.single .content #comments .notice, html body.article #article article.single .content #comments ul, html body.about #article article.single .content #comments form, html body.about #article article.single .content #comments .notice, html body.about #article article.single .content #comments ul, html body.post #article article.single .content #comments form, html body.post #article article.single .content #comments .notice, html body.post #article article.single .content #comments ul { width: 100%; max-width: 100%; float: left; }
html body.article #article article.single .content #comments ul, html body.about #article article.single .content #comments ul, html body.post #article article.single .content #comments ul { list-style: none outside; }
html body.article #article article.single .content #comments ul li, html body.about #article article.single .content #comments ul li, html body.post #article article.single .content #comments ul li { /* When parent positioned to 'relative' the children (:before) can be positioned to 'absolute' - this way we can perfectly align the bullets / numbering to the list content
*/ position: relative; padding-left: 1.25em; }
html body.article #article article.single .content #comments ul li:before, html body.about #article article.single .content #comments ul li:before, html body.post #article article.single .content #comments ul li:before { content: ""; /* A Safari & Chrome fix */ content: none; /* making the content of the list perfectly align with numbering - <li> is relatively positioned - :the numbering (:before) is aboslutely positioned within <li> and fixed to left - the the <li> content has a padding-left to not overlap the numbering
*/ position: absolute; left: 0; font-weight: bold; }
html body.article #article article.single .content #comments ul li a, html body.about #article article.single .content #comments ul li a, html body.post #article article.single .content #comments ul li a { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.article #article article.single .content #comments ul li date, html body.about #article article.single .content #comments ul li date, html body.post #article article.single .content #comments ul li date { font-size: small; color: #332d2f; font-style: normal; }
html body.about main aside { margin-top: 2.5em; }
html body.about main aside #subpages > h3 { display: none; }
@media only screen and (max-width: 79.999em) { html body.about main aside #subpages > h3 { display: block; }
  html body.about main aside #subpages h3 { margin-bottom: 0.625em; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.about main aside #subpages > h3 { display: none; } }
html body.about main aside #subpages nav { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; border: 1px solid; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; padding: 1.25em; width: calc(100% - 2.5em); margin-bottom: 0.625em; }
html body.about main aside #subpages nav > h3 { display: none; }
html body.about main aside #subpages nav ul li a { padding: 0.625em 0.3125em; display: inline-block; }
html body.about main aside #subpages nav ul li.active a, html body.about main aside #subpages nav ul li:hover a { background: #982022; color: white; }
html body.about main aside #subpages nav ul li.active a a, html body.about main aside #subpages nav ul li:hover a a { color: #231f20; text-decoration: none; }
html body.about main aside #subpages nav ul li.active a a:hover, html body.about main aside #subpages nav ul li:hover a a:hover { color: white; }
html body.about main aside #subpages nav ul li { border-bottom: 1px solid #f1f1f1; margin-bottom: 0.3125em; padding-bottom: 0.3125em; }
html body.about main aside #spacer { top: 0; }
html body.board-directors main #article .single .content h4 { border-bottom: 1px solid #f1f1f1; font-weight: bold; padding-bottom: 0; }
html body.board-directors main #article .single .content dl + p { margin-top: 2.5em !important; }
html body.board-directors main #article .single .content dd { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.board-directors main #article .single .content figure { margin-top: 0; }
html body.board-directors main #article .single .content figure figcaption { display: none; }
html body.board-directors main #article .single .content figure.person { top: 0.625em; display: inline-block; max-width: 25em; }
html body.board-directors main #article .single .content figure.person .image-holder { padding-top: 0; }
html body.board-directors main #article .single .content figure.person .image-holder img { position: relative; }
html body.jobs #main #article .single .content article, html body.announcements #main #article .single .content article, html body.occrp-in-news #main #article .single .content article { border-bottom: 1px solid #f1f1f1; margin-bottom: 0.3125em; padding-bottom: 0.3125em; max-width: 43.75em; line-height: 1.75; /* Padding of individual elements
*/ /* Padding of consecutive elements
*/ }
html body.jobs #main #article .single .content article h1, html body.announcements #main #article .single .content article h1, html body.occrp-in-news #main #article .single .content article h1 { display: block; }
html body.jobs #main #article .single .content article figure, html body.announcements #main #article .single .content article figure, html body.occrp-in-news #main #article .single .content article figure { display: none; }
html body.jobs #main #article .single .content article figcaption, html body.announcements #main #article .single .content article figcaption, html body.occrp-in-news #main #article .single .content article figcaption { display: none; }
html body.jobs #main #article .single .content article .excerpt, html body.announcements #main #article .single .content article .excerpt, html body.occrp-in-news #main #article .single .content article .excerpt { display: none; }
html body.jobs #main #article .single .content article .content, html body.announcements #main #article .single .content article .content, html body.occrp-in-news #main #article .single .content article .content { display: none; }
html body.jobs #main #article .single .content article .meta .category, html body.announcements #main #article .single .content article .meta .category, html body.occrp-in-news #main #article .single .content article .meta .category { display: none; }
html body.jobs #main #article .single .content article .meta .date, html body.announcements #main #article .single .content article .meta .date, html body.occrp-in-news #main #article .single .content article .meta .date { display: none; }
html body.jobs #main #article .single .content article .meta, html body.announcements #main #article .single .content article .meta, html body.occrp-in-news #main #article .single .content article .meta { display: none; }
html body.jobs #main #article .single .content article figure img, html body.announcements #main #article .single .content article figure img, html body.occrp-in-news #main #article .single .content article figure img { width: auto; }
html body.jobs #main #article .single .content article figure figcaption, html body.announcements #main #article .single .content article figure figcaption, html body.occrp-in-news #main #article .single .content article figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.jobs #main #article .single .content article figure figcaption h1, html body.jobs #main #article .single .content article figure figcaption h2, html body.jobs #main #article .single .content article figure figcaption h3, html body.jobs #main #article .single .content article figure figcaption h4, html body.jobs #main #article .single .content article figure figcaption h5, html body.jobs #main #article .single .content article figure figcaption h6, html body.announcements #main #article .single .content article figure figcaption h1, html body.announcements #main #article .single .content article figure figcaption h2, html body.announcements #main #article .single .content article figure figcaption h3, html body.announcements #main #article .single .content article figure figcaption h4, html body.announcements #main #article .single .content article figure figcaption h5, html body.announcements #main #article .single .content article figure figcaption h6, html body.occrp-in-news #main #article .single .content article figure figcaption h1, html body.occrp-in-news #main #article .single .content article figure figcaption h2, html body.occrp-in-news #main #article .single .content article figure figcaption h3, html body.occrp-in-news #main #article .single .content article figure figcaption h4, html body.occrp-in-news #main #article .single .content article figure figcaption h5, html body.occrp-in-news #main #article .single .content article figure figcaption h6 { margin: 0; padding: 0; }
html body.jobs #main #article .single .content article figure, html body.announcements #main #article .single .content article figure, html body.occrp-in-news #main #article .single .content article figure { position: relative; }
html body.jobs #main #article .single .content article figure .label, html body.announcements #main #article .single .content article figure .label, html body.occrp-in-news #main #article .single .content article figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.jobs #main #article .single .content article figure .label a, html body.announcements #main #article .single .content article figure .label a, html body.occrp-in-news #main #article .single .content article figure .label a { color: #231f20; text-decoration: none; }
html body.jobs #main #article .single .content article figure .label a:hover, html body.announcements #main #article .single .content article figure .label a:hover, html body.occrp-in-news #main #article .single .content article figure .label a:hover { color: white; }
html body.jobs #main #article .single .content article .excerpt, html body.announcements #main #article .single .content article .excerpt, html body.occrp-in-news #main #article .single .content article .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.jobs #main #article .single .content article .meta, html body.announcements #main #article .single .content article .meta, html body.occrp-in-news #main #article .single .content article .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.jobs #main #article .single .content article .meta > h3, html body.announcements #main #article .single .content article .meta > h3, html body.occrp-in-news #main #article .single .content article .meta > h3 { display: none; }
html body.jobs #main #article .single .content article .meta ul, html body.announcements #main #article .single .content article .meta ul, html body.occrp-in-news #main #article .single .content article .meta ul { margin: 0; }
html body.jobs #main #article .single .content article .meta ul li, html body.announcements #main #article .single .content article .meta ul li, html body.occrp-in-news #main #article .single .content article .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.jobs #main #article .single .content article .meta ul li:last-of-type, html body.announcements #main #article .single .content article .meta ul li:last-of-type, html body.occrp-in-news #main #article .single .content article .meta ul li:last-of-type { margin-right: 0; }
html body.jobs #main #article .single .content article .meta .date, html body.announcements #main #article .single .content article .meta .date, html body.occrp-in-news #main #article .single .content article .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.jobs #main #article .single .content article .meta .category, html body.announcements #main #article .single .content article .meta .category, html body.occrp-in-news #main #article .single .content article .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.jobs #main #article .single .content article .meta .category a, html body.announcements #main #article .single .content article .meta .category a, html body.occrp-in-news #main #article .single .content article .meta .category a { color: #982022; text-decoration: none; }
html body.jobs #main #article .single .content article .meta .category a:hover, html body.announcements #main #article .single .content article .meta .category a:hover, html body.occrp-in-news #main #article .single .content article .meta .category a:hover { color: #231f20; }
html body.jobs #main #article .single .content article .meta .authors, html body.announcements #main #article .single .content article .meta .authors, html body.occrp-in-news #main #article .single .content article .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.jobs #main #article .single .content article .meta .authors ul li:after, html body.announcements #main #article .single .content article .meta .authors ul li:after, html body.occrp-in-news #main #article .single .content article .meta .authors ul li:after { content: ','; }
html body.jobs #main #article .single .content article .meta .authors ul li:first-of-type, html body.announcements #main #article .single .content article .meta .authors ul li:first-of-type, html body.occrp-in-news #main #article .single .content article .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.jobs #main #article .single .content article .meta .authors ul li:first-of-type:after, html body.jobs #main #article .single .content article .meta .authors ul li:last-of-type:after, html body.announcements #main #article .single .content article .meta .authors ul li:first-of-type:after, html body.announcements #main #article .single .content article .meta .authors ul li:last-of-type:after, html body.occrp-in-news #main #article .single .content article .meta .authors ul li:first-of-type:after, html body.occrp-in-news #main #article .single .content article .meta .authors ul li:last-of-type:after { content: none; }
html body.jobs #main #article .single .content article .meta .print, html body.announcements #main #article .single .content article .meta .print, html body.occrp-in-news #main #article .single .content article .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.jobs #main #article .single .content article .share-buttons, html body.announcements #main #article .single .content article .share-buttons, html body.occrp-in-news #main #article .single .content article .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.jobs #main #article .single .content article .share-buttons ul li, html body.announcements #main #article .single .content article .share-buttons ul li, html body.occrp-in-news #main #article .single .content article .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.jobs #main #article .single .content article .share-buttons ul li:before, html body.announcements #main #article .single .content article .share-buttons ul li:before, html body.occrp-in-news #main #article .single .content article .share-buttons ul li:before { content: none; }
html body.jobs #main #article .single .content article .share-buttons ul li, html body.announcements #main #article .single .content article .share-buttons ul li, html body.occrp-in-news #main #article .single .content article .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.jobs #main #article .single .content article .share-buttons ul li:last-of-type, html body.announcements #main #article .single .content article .share-buttons ul li:last-of-type, html body.occrp-in-news #main #article .single .content article .share-buttons ul li:last-of-type { margin-right: 0; }
html body.jobs #main #article .single .content article .share-buttons ul li .box, html body.announcements #main #article .single .content article .share-buttons ul li .box, html body.occrp-in-news #main #article .single .content article .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.jobs #main #article .single .content article .share-buttons ul li .box .count, html body.announcements #main #article .single .content article .share-buttons ul li .box .count, html body.occrp-in-news #main #article .single .content article .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.jobs #main #article .single .content article .share-buttons ul li .box .count a, html body.announcements #main #article .single .content article .share-buttons ul li .box .count a, html body.occrp-in-news #main #article .single .content article .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.jobs #main #article .single .content article .share-buttons ul li .box .count a:hover, html body.announcements #main #article .single .content article .share-buttons ul li .box .count a:hover, html body.occrp-in-news #main #article .single .content article .share-buttons ul li .box .count a:hover { color: white; }
html body.jobs #main #article .single .content article .share-buttons ul li .box .share img, html body.announcements #main #article .single .content article .share-buttons ul li .box .share img, html body.occrp-in-news #main #article .single .content article .share-buttons ul li .box .share img { width: 30%; }
html body.jobs #main #article .single .content article .content, html body.announcements #main #article .single .content article .content, html body.occrp-in-news #main #article .single .content article .content { width: 100%; max-width: 100%; float: left; }
html body.jobs #main #article .single .content article .content a, html body.announcements #main #article .single .content article .content a, html body.occrp-in-news #main #article .single .content article .content a { color: #982022; text-decoration: none; }
html body.jobs #main #article .single .content article .content a:hover, html body.announcements #main #article .single .content article .content a:hover, html body.occrp-in-news #main #article .single .content article .content a:hover { color: #982022; }
html body.jobs #main #article .single .content article .content a.external:after, html body.announcements #main #article .single .content article .content a.external:after, html body.occrp-in-news #main #article .single .content article .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.jobs #main #article .single .content article .content figure figcaption a, html body.announcements #main #article .single .content article .content figure figcaption a, html body.occrp-in-news #main #article .single .content article .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.jobs #main #article .single .content article .content figure figcaption a:hover, html body.announcements #main #article .single .content article .content figure figcaption a:hover, html body.occrp-in-news #main #article .single .content article .content figure figcaption a:hover { color: #982022; }
html body.jobs #main #article .single .content article .gallery, html body.announcements #main #article .single .content article .gallery, html body.occrp-in-news #main #article .single .content article .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.jobs #main #article .single .content article .gallery .before, html body.jobs #main #article .single .content article .gallery .after, html body.announcements #main #article .single .content article .gallery .before, html body.announcements #main #article .single .content article .gallery .after, html body.occrp-in-news #main #article .single .content article .gallery .before, html body.occrp-in-news #main #article .single .content article .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.jobs #main #article .single .content article .gallery .before a, html body.jobs #main #article .single .content article .gallery .after a, html body.announcements #main #article .single .content article .gallery .before a, html body.announcements #main #article .single .content article .gallery .after a, html body.occrp-in-news #main #article .single .content article .gallery .before a, html body.occrp-in-news #main #article .single .content article .gallery .after a { color: white; text-decoration: none; }
html body.jobs #main #article .single .content article .gallery .before a:hover, html body.jobs #main #article .single .content article .gallery .after a:hover, html body.announcements #main #article .single .content article .gallery .before a:hover, html body.announcements #main #article .single .content article .gallery .after a:hover, html body.occrp-in-news #main #article .single .content article .gallery .before a:hover, html body.occrp-in-news #main #article .single .content article .gallery .after a:hover { color: white; }
html body.jobs #main #article .single .content article .gallery .before:before, html body.jobs #main #article .single .content article .gallery .after:before, html body.announcements #main #article .single .content article .gallery .before:before, html body.announcements #main #article .single .content article .gallery .after:before, html body.occrp-in-news #main #article .single .content article .gallery .before:before, html body.occrp-in-news #main #article .single .content article .gallery .after:before { content: "\2794"; }
html body.jobs #main #article .single .content article .gallery .before, html body.announcements #main #article .single .content article .gallery .before, html body.occrp-in-news #main #article .single .content article .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.jobs #main #article .single .content article .gallery .after, html body.announcements #main #article .single .content article .gallery .after, html body.occrp-in-news #main #article .single .content article .gallery .after { right: 0; float: right; }
html body.jobs #main #article .single .content article .gallery article, html body.jobs #main #article .single .content article .gallery .gallery-item, html body.announcements #main #article .single .content article .gallery article, html body.announcements #main #article .single .content article .gallery .gallery-item, html body.occrp-in-news #main #article .single .content article .gallery article, html body.occrp-in-news #main #article .single .content article .gallery .gallery-item { display: none; }
html body.jobs #main #article .single .content article .gallery article:first-of-type, html body.jobs #main #article .single .content article .gallery .gallery-item:first-of-type, html body.announcements #main #article .single .content article .gallery article:first-of-type, html body.announcements #main #article .single .content article .gallery .gallery-item:first-of-type, html body.occrp-in-news #main #article .single .content article .gallery article:first-of-type, html body.occrp-in-news #main #article .single .content article .gallery .gallery-item:first-of-type { display: block; }
html body.jobs #main #article .single .content article .gallery figure div.image-holder, html body.announcements #main #article .single .content article .gallery figure div.image-holder, html body.occrp-in-news #main #article .single .content article .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.jobs #main #article .single .content article .gallery figure div.image-holder img, html body.announcements #main #article .single .content article .gallery figure div.image-holder img, html body.occrp-in-news #main #article .single .content article .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.jobs #main #article .single .content article .gallery figure div.image-holder img, html body.announcements #main #article .single .content article .gallery figure div.image-holder img, html body.occrp-in-news #main #article .single .content article .gallery figure div.image-holder img { width: auto !important; }
html body.jobs #main #article .single .content article .gallery figure figcaption, html body.announcements #main #article .single .content article .gallery figure figcaption, html body.occrp-in-news #main #article .single .content article .gallery figure figcaption { display: none; }
html body.jobs #main #article .single .content article .gallery span, html body.announcements #main #article .single .content article .gallery span, html body.occrp-in-news #main #article .single .content article .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.jobs #main #article .single .content article .gallery span a, html body.announcements #main #article .single .content article .gallery span a, html body.occrp-in-news #main #article .single .content article .gallery span a { color: white; text-decoration: none; }
html body.jobs #main #article .single .content article .gallery span a:hover, html body.announcements #main #article .single .content article .gallery span a:hover, html body.occrp-in-news #main #article .single .content article .gallery span a:hover { color: white; }
html body.jobs #main #article .single .content article .gallery span.close, html body.announcements #main #article .single .content article .gallery span.close, html body.occrp-in-news #main #article .single .content article .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
html body.jobs #main #article .single .content article h1, html body.announcements #main #article .single .content article h1, html body.occrp-in-news #main #article .single .content article h1 { font-size: medium; }
html body.jobs #main #article .single .content article h1, html body.jobs #main #article .single .content article h2, html body.jobs #main #article .single .content article h3, html body.jobs #main #article .single .content article h4, html body.jobs #main #article .single .content article h5, html body.jobs #main #article .single .content article h6, html body.announcements #main #article .single .content article h1, html body.announcements #main #article .single .content article h2, html body.announcements #main #article .single .content article h3, html body.announcements #main #article .single .content article h4, html body.announcements #main #article .single .content article h5, html body.announcements #main #article .single .content article h6, html body.occrp-in-news #main #article .single .content article h1, html body.occrp-in-news #main #article .single .content article h2, html body.occrp-in-news #main #article .single .content article h3, html body.occrp-in-news #main #article .single .content article h4, html body.occrp-in-news #main #article .single .content article h5, html body.occrp-in-news #main #article .single .content article h6 { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; line-height: 1.25; padding: 0; }
html body.jobs #main #article .single .content article h1, html body.announcements #main #article .single .content article h1, html body.occrp-in-news #main #article .single .content article h1 { font-size: 20px; font-size: 1.25rem; font-weight: bold; }
html body.jobs #main #article .single .content article h2, html body.announcements #main #article .single .content article h2, html body.occrp-in-news #main #article .single .content article h2 { font-size: 20px; font-size: 1.25rem; font-weight: normal; text-transform: uppercase; letter-spacing: 1.1px; }
html body.jobs #main #article .single .content article h3, html body.announcements #main #article .single .content article h3, html body.occrp-in-news #main #article .single .content article h3 { font-size: 20px; font-size: 1.25rem; font-weight: normal; }
html body.jobs #main #article .single .content article h4, html body.announcements #main #article .single .content article h4, html body.occrp-in-news #main #article .single .content article h4 { font-size: larger; font-weight: normal; }
html body.jobs #main #article .single .content article h1, html body.jobs #main #article .single .content article h2, html body.jobs #main #article .single .content article h3, html body.jobs #main #article .single .content article h4, html body.jobs #main #article .single .content article h5, html body.jobs #main #article .single .content article h6, html body.announcements #main #article .single .content article h1, html body.announcements #main #article .single .content article h2, html body.announcements #main #article .single .content article h3, html body.announcements #main #article .single .content article h4, html body.announcements #main #article .single .content article h5, html body.announcements #main #article .single .content article h6, html body.occrp-in-news #main #article .single .content article h1, html body.occrp-in-news #main #article .single .content article h2, html body.occrp-in-news #main #article .single .content article h3, html body.occrp-in-news #main #article .single .content article h4, html body.occrp-in-news #main #article .single .content article h5, html body.occrp-in-news #main #article .single .content article h6 { margin-top: 0; margin-bottom: 0; padding: 1.45833em 0; }
html body.jobs #main #article .single .content article ul, html body.announcements #main #article .single .content article ul, html body.occrp-in-news #main #article .single .content article ul { list-style: none outside; }
html body.jobs #main #article .single .content article ul li, html body.announcements #main #article .single .content article ul li, html body.occrp-in-news #main #article .single .content article ul li { /* When parent positioned to 'relative' the children (:before) can be positioned to 'absolute' - this way we can perfectly align the bullets / numbering to the list content
*/ position: relative; padding-left: 1.25em; }
html body.jobs #main #article .single .content article ul li:before, html body.announcements #main #article .single .content article ul li:before, html body.occrp-in-news #main #article .single .content article ul li:before { content: "\2022"; /* A Safari & Chrome fix */ /* making the content of the list perfectly align with numbering - <li> is relatively positioned - :the numbering (:before) is aboslutely positioned within <li> and fixed to left - the the <li> content has a padding-left to not overlap the numbering
*/ position: absolute; left: 0; font-weight: bold; }
html body.jobs #main #article .single .content article ol, html body.announcements #main #article .single .content article ol, html body.occrp-in-news #main #article .single .content article ol { list-style: none outside; counter-reset: ol-counter; }
html body.jobs #main #article .single .content article ol li, html body.announcements #main #article .single .content article ol li, html body.occrp-in-news #main #article .single .content article ol li { /* When parent positioned to 'relative' the children (:before) can be positioned to 'absolute' - this way we can perfectly align the bullets / numbering to the list content
*/ position: relative; padding-left: 1.25em; }
html body.jobs #main #article .single .content article ol li:before, html body.announcements #main #article .single .content article ol li:before, html body.occrp-in-news #main #article .single .content article ol li:before { content: ""; /* A Safari & Chrome fix */ content: none; /* making the content of the list perfectly align with numbering - <li> is relatively positioned - :the numbering (:before) is aboslutely positioned within <li> and fixed to left - the the <li> content has a padding-left to not overlap the numbering
*/ position: absolute; left: 0; font-weight: bold; }
html body.jobs #main #article .single .content article ol li, html body.announcements #main #article .single .content article ol li, html body.occrp-in-news #main #article .single .content article ol li { counter-increment: ol-counter; }
html body.jobs #main #article .single .content article ol li:before, html body.announcements #main #article .single .content article ol li:before, html body.occrp-in-news #main #article .single .content article ol li:before { content: counter(ol-counter,decimal) "."; }
html body.jobs #main #article .single .content article dl dt, html body.announcements #main #article .single .content article dl dt, html body.occrp-in-news #main #article .single .content article dl dt { font-size: 20px; font-size: 1.25rem; font-weight: normal; text-transform: uppercase; letter-spacing: 1.1px; }
html body.jobs #main #article .single .content article table, html body.announcements #main #article .single .content article table, html body.occrp-in-news #main #article .single .content article table { width: 100%; display: table !important; }
html body.jobs #main #article .single .content article table caption, html body.announcements #main #article .single .content article table caption, html body.occrp-in-news #main #article .single .content article table caption { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; margin-bottom: 0.3125em; }
html body.jobs #main #article .single .content article table thead, html body.announcements #main #article .single .content article table thead, html body.occrp-in-news #main #article .single .content article table thead { background: #231f20; color: white; }
html body.jobs #main #article .single .content article table thead a, html body.announcements #main #article .single .content article table thead a, html body.occrp-in-news #main #article .single .content article table thead a { color: white; text-decoration: none; }
html body.jobs #main #article .single .content article table thead a:hover, html body.announcements #main #article .single .content article table thead a:hover, html body.occrp-in-news #main #article .single .content article table thead a:hover { color: white; }
html body.jobs #main #article .single .content article table thead th, html body.jobs #main #article .single .content article table tbody td, html body.announcements #main #article .single .content article table thead th, html body.announcements #main #article .single .content article table tbody td, html body.occrp-in-news #main #article .single .content article table thead th, html body.occrp-in-news #main #article .single .content article table tbody td { padding: 0.625em; padding-left: 0; }
html body.jobs #main #article .single .content article table thead th:first-of-type, html body.jobs #main #article .single .content article table tbody td:first-of-type, html body.announcements #main #article .single .content article table thead th:first-of-type, html body.announcements #main #article .single .content article table tbody td:first-of-type, html body.occrp-in-news #main #article .single .content article table thead th:first-of-type, html body.occrp-in-news #main #article .single .content article table tbody td:first-of-type { padding-left: 1px; }
html body.jobs #main #article .single .content article table tbody td, html body.announcements #main #article .single .content article table tbody td, html body.occrp-in-news #main #article .single .content article table tbody td { border-bottom: 1px solid #332d2f; }
html body.jobs #main #article .single .content article figure img, html body.announcements #main #article .single .content article figure img, html body.occrp-in-news #main #article .single .content article figure img { width: auto; }
html body.jobs #main #article .single .content article figure figcaption, html body.announcements #main #article .single .content article figure figcaption, html body.occrp-in-news #main #article .single .content article figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.jobs #main #article .single .content article figure figcaption h1, html body.jobs #main #article .single .content article figure figcaption h2, html body.jobs #main #article .single .content article figure figcaption h3, html body.jobs #main #article .single .content article figure figcaption h4, html body.jobs #main #article .single .content article figure figcaption h5, html body.jobs #main #article .single .content article figure figcaption h6, html body.announcements #main #article .single .content article figure figcaption h1, html body.announcements #main #article .single .content article figure figcaption h2, html body.announcements #main #article .single .content article figure figcaption h3, html body.announcements #main #article .single .content article figure figcaption h4, html body.announcements #main #article .single .content article figure figcaption h5, html body.announcements #main #article .single .content article figure figcaption h6, html body.occrp-in-news #main #article .single .content article figure figcaption h1, html body.occrp-in-news #main #article .single .content article figure figcaption h2, html body.occrp-in-news #main #article .single .content article figure figcaption h3, html body.occrp-in-news #main #article .single .content article figure figcaption h4, html body.occrp-in-news #main #article .single .content article figure figcaption h5, html body.occrp-in-news #main #article .single .content article figure figcaption h6 { margin: 0; padding: 0; }
html body.jobs #main #article .single .content article form, html body.announcements #main #article .single .content article form, html body.occrp-in-news #main #article .single .content article form { /* Reset */ /* Stretching and padding */ /* Text */ /* Button */ /* Image */ /* Label
*/ }
html body.jobs #main #article .single .content article form input, html body.jobs #main #article .single .content article form textarea, html body.jobs #main #article .single .content article form select, html body.announcements #main #article .single .content article form input, html body.announcements #main #article .single .content article form textarea, html body.announcements #main #article .single .content article form select, html body.occrp-in-news #main #article .single .content article form input, html body.occrp-in-news #main #article .single .content article form textarea, html body.occrp-in-news #main #article .single .content article form select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
html body.jobs #main #article .single .content article form input, html body.jobs #main #article .single .content article form textarea, html body.jobs #main #article .single .content article form label, html body.announcements #main #article .single .content article form input, html body.announcements #main #article .single .content article form textarea, html body.announcements #main #article .single .content article form label, html body.occrp-in-news #main #article .single .content article form input, html body.occrp-in-news #main #article .single .content article form textarea, html body.occrp-in-news #main #article .single .content article form label { width: 100%; max-width: 100%; float: left; }
html body.jobs #main #article .single .content article form input, html body.jobs #main #article .single .content article form textarea, html body.announcements #main #article .single .content article form input, html body.announcements #main #article .single .content article form textarea, html body.occrp-in-news #main #article .single .content article form input, html body.occrp-in-news #main #article .single .content article form textarea { padding: 0.3125em; width: calc(100% - 0.625em); margin-bottom: 0.625em; }
html body.jobs #main #article .single .content article form input[type='text'], html body.jobs #main #article .single .content article form input[type='email'], html body.jobs #main #article .single .content article form input[type='password'], html body.jobs #main #article .single .content article form input[type='url'], html body.jobs #main #article .single .content article form input[type='search'], html body.jobs #main #article .single .content article form textarea, html body.announcements #main #article .single .content article form input[type='text'], html body.announcements #main #article .single .content article form input[type='email'], html body.announcements #main #article .single .content article form input[type='password'], html body.announcements #main #article .single .content article form input[type='url'], html body.announcements #main #article .single .content article form input[type='search'], html body.announcements #main #article .single .content article form textarea, html body.occrp-in-news #main #article .single .content article form input[type='text'], html body.occrp-in-news #main #article .single .content article form input[type='email'], html body.occrp-in-news #main #article .single .content article form input[type='password'], html body.occrp-in-news #main #article .single .content article form input[type='url'], html body.occrp-in-news #main #article .single .content article form input[type='search'], html body.occrp-in-news #main #article .single .content article form textarea { border: 1px solid #231f20; font-style: italic; }
html body.jobs #main #article .single .content article form input[type='submit'], html body.announcements #main #article .single .content article form input[type='submit'], html body.occrp-in-news #main #article .single .content article form input[type='submit'] { width: auto; text-transform: uppercase; letter-spacing: 1.1px; border: 1px solid #231f20; background: #231f20; color: white; cursor: pointer; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
html body.jobs #main #article .single .content article form input[type='submit'] a, html body.announcements #main #article .single .content article form input[type='submit'] a, html body.occrp-in-news #main #article .single .content article form input[type='submit'] a { color: white; text-decoration: none; }
html body.jobs #main #article .single .content article form input[type='submit'] a:hover, html body.announcements #main #article .single .content article form input[type='submit'] a:hover, html body.occrp-in-news #main #article .single .content article form input[type='submit'] a:hover { color: white; }
html body.jobs #main #article .single .content article form input[type='submit']:hover, html body.announcements #main #article .single .content article form input[type='submit']:hover, html body.occrp-in-news #main #article .single .content article form input[type='submit']:hover { background: white; color: #231f20; }
html body.jobs #main #article .single .content article form input[type='submit']:hover a, html body.announcements #main #article .single .content article form input[type='submit']:hover a, html body.occrp-in-news #main #article .single .content article form input[type='submit']:hover a { color: #231f20; text-decoration: none; }
html body.jobs #main #article .single .content article form input[type='submit']:hover a:hover, html body.announcements #main #article .single .content article form input[type='submit']:hover a:hover, html body.occrp-in-news #main #article .single .content article form input[type='submit']:hover a:hover { color: #982022; }
html body.jobs #main #article .single .content article form input[type="image"], html body.announcements #main #article .single .content article form input[type="image"], html body.occrp-in-news #main #article .single .content article form input[type="image"] { width: auto; }
html body.jobs #main #article .single .content article form label, html body.announcements #main #article .single .content article form label, html body.occrp-in-news #main #article .single .content article form label { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; }
html body.jobs #main #article .single .content article q, html body.announcements #main #article .single .content article q, html body.occrp-in-news #main #article .single .content article q { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; }
html body.jobs #main #article .single .content article q:before, html body.announcements #main #article .single .content article q:before, html body.occrp-in-news #main #article .single .content article q:before { content: '\201C'; }
html body.jobs #main #article .single .content article q:after, html body.announcements #main #article .single .content article q:after, html body.occrp-in-news #main #article .single .content article q:after { content: '\201D'; }
html body.jobs #main #article .single .content article blockquote, html body.announcements #main #article .single .content article blockquote, html body.occrp-in-news #main #article .single .content article blockquote { width: 100%; max-width: 100%; float: left; border-left: 0.3125em solid; border-color: #982022; background: #f1f1f1; padding: 1.25em; width: calc(100% - 2.5em); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; }
html body.jobs #main #article .single .content article code, html body.jobs #main #article .single .content article pre, html body.announcements #main #article .single .content article code, html body.announcements #main #article .single .content article pre, html body.occrp-in-news #main #article .single .content article code, html body.occrp-in-news #main #article .single .content article pre { background: #f1f1f1; color: #231f20; padding: 0.3125em; font-family: "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace; }
html body.jobs #main #article .single .content article code a, html body.jobs #main #article .single .content article pre a, html body.announcements #main #article .single .content article code a, html body.announcements #main #article .single .content article pre a, html body.occrp-in-news #main #article .single .content article code a, html body.occrp-in-news #main #article .single .content article pre a { color: #231f20; text-decoration: none; }
html body.jobs #main #article .single .content article code a:hover, html body.jobs #main #article .single .content article pre a:hover, html body.announcements #main #article .single .content article code a:hover, html body.announcements #main #article .single .content article pre a:hover, html body.occrp-in-news #main #article .single .content article code a:hover, html body.occrp-in-news #main #article .single .content article pre a:hover { color: white; }
html body.jobs #main #article .single .content article pre, html body.announcements #main #article .single .content article pre, html body.occrp-in-news #main #article .single .content article pre { white-space: pre-line; padding: 1.25em; }
html body.jobs #main #article .single .content article hr, html body.announcements #main #article .single .content article hr, html body.occrp-in-news #main #article .single .content article hr { margin: 1.25em 0; }
html body.jobs #main #article .single .content article em, html body.jobs #main #article .single .content article i, html body.announcements #main #article .single .content article em, html body.announcements #main #article .single .content article i, html body.occrp-in-news #main #article .single .content article em, html body.occrp-in-news #main #article .single .content article i { font-style: italic; }
html body.jobs #main #article .single .content article strong, html body.jobs #main #article .single .content article b, html body.announcements #main #article .single .content article strong, html body.announcements #main #article .single .content article b, html body.occrp-in-news #main #article .single .content article strong, html body.occrp-in-news #main #article .single .content article b { font-weight: bold; }
html body.jobs #main #article .single .content article small, html body.announcements #main #article .single .content article small, html body.occrp-in-news #main #article .single .content article small { font-size: small; }
html body.jobs #main #article .single .content article s, html body.announcements #main #article .single .content article s, html body.occrp-in-news #main #article .single .content article s { text-decoration: line-through; }
html body.jobs #main #article .single .content article cite, html body.announcements #main #article .single .content article cite, html body.occrp-in-news #main #article .single .content article cite { font-style: italic; }
html body.jobs #main #article .single .content article q, html body.announcements #main #article .single .content article q, html body.occrp-in-news #main #article .single .content article q { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; }
html body.jobs #main #article .single .content article q:before, html body.announcements #main #article .single .content article q:before, html body.occrp-in-news #main #article .single .content article q:before { content: '\201C'; }
html body.jobs #main #article .single .content article q:after, html body.announcements #main #article .single .content article q:after, html body.occrp-in-news #main #article .single .content article q:after { content: '\201D'; }
html body.jobs #main #article .single .content article dfn, html body.announcements #main #article .single .content article dfn, html body.occrp-in-news #main #article .single .content article dfn { border-bottom: 1px solid #f1f1f1; }
html body.jobs #main #article .single .content article abbr, html body.announcements #main #article .single .content article abbr, html body.occrp-in-news #main #article .single .content article abbr { font-variant: small-caps; }
html body.jobs #main #article .single .content article time, html body.announcements #main #article .single .content article time, html body.occrp-in-news #main #article .single .content article time { font-size: small; color: #332d2f; font-style: normal; }
html body.jobs #main #article .single .content article var, html body.announcements #main #article .single .content article var, html body.occrp-in-news #main #article .single .content article var { font-style: italic; }
html body.jobs #main #article .single .content article samp, html body.jobs #main #article .single .content article kbd, html body.announcements #main #article .single .content article samp, html body.announcements #main #article .single .content article kbd, html body.occrp-in-news #main #article .single .content article samp, html body.occrp-in-news #main #article .single .content article kbd { font-family: "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace; font-weight: bold; font-size: small; }
html body.jobs #main #article .single .content article sup, html body.announcements #main #article .single .content article sup, html body.occrp-in-news #main #article .single .content article sup { vertical-align: super; font-size: small; }
html body.jobs #main #article .single .content article sub, html body.announcements #main #article .single .content article sub, html body.occrp-in-news #main #article .single .content article sub { vertical-align: sub; font-size: small; }
html body.jobs #main #article .single .content article mark, html body.announcements #main #article .single .content article mark, html body.occrp-in-news #main #article .single .content article mark { background: #231f20; color: white; padding: 0.3125em; }
html body.jobs #main #article .single .content article mark a, html body.announcements #main #article .single .content article mark a, html body.occrp-in-news #main #article .single .content article mark a { color: white; text-decoration: none; }
html body.jobs #main #article .single .content article mark a:hover, html body.announcements #main #article .single .content article mark a:hover, html body.occrp-in-news #main #article .single .content article mark a:hover { color: white; }
html body.jobs #main #article .single .content article del, html body.announcements #main #article .single .content article del, html body.occrp-in-news #main #article .single .content article del { text-decoration: line-through; }
html body.jobs #main #article .single .content article ins, html body.announcements #main #article .single .content article ins, html body.occrp-in-news #main #article .single .content article ins { background: #f1f1f1; color: #231f20; padding: 0.3125em; }
html body.jobs #main #article .single .content article ins a, html body.announcements #main #article .single .content article ins a, html body.occrp-in-news #main #article .single .content article ins a { color: #231f20; text-decoration: none; }
html body.jobs #main #article .single .content article ins a:hover, html body.announcements #main #article .single .content article ins a:hover, html body.occrp-in-news #main #article .single .content article ins a:hover { color: white; }
html body.jobs #main #article .single .content article address, html body.announcements #main #article .single .content article address, html body.occrp-in-news #main #article .single .content article address { font-size: small; color: #332d2f; max-width: 21.875em; }
html body.jobs #main #article .single .content article label.select, html body.announcements #main #article .single .content article label.select, html body.occrp-in-news #main #article .single .content article label.select { width: 100%; max-width: 100%; float: left; }
html body.jobs #main #article .single .content article label.select:after, html body.announcements #main #article .single .content article label.select:after, html body.occrp-in-news #main #article .single .content article label.select:after { content: "\2794"; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); float: right; display: inline-block; position: relative; padding: 0; left: -0.3125em; background: white; font-size: 150%; top: -1.5em; margin-right: 0.3125em; pointer-events: none; /* this is a must */ cursor: pointer; }
html body.jobs #main #article .single .content article label.select select, html body.announcements #main #article .single .content article label.select select, html body.occrp-in-news #main #article .single .content article label.select select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 1px solid; cursor: pointer; width: 100%; padding: 0.3125em; }
html body.jobs #main #article .single .content article input[type='radio'], html body.jobs #main #article .single .content article input[type='checkbox'], html body.announcements #main #article .single .content article input[type='radio'], html body.announcements #main #article .single .content article input[type='checkbox'], html body.occrp-in-news #main #article .single .content article input[type='radio'], html body.occrp-in-news #main #article .single .content article input[type='checkbox'] { display: none; }
html body.jobs #main #article .single .content article input[type='radio'] + label, html body.jobs #main #article .single .content article input[type='checkbox'] + label, html body.announcements #main #article .single .content article input[type='radio'] + label, html body.announcements #main #article .single .content article input[type='checkbox'] + label, html body.occrp-in-news #main #article .single .content article input[type='radio'] + label, html body.occrp-in-news #main #article .single .content article input[type='checkbox'] + label { display: inline-block; }
html body.jobs #main #article .single .content article input[type='radio'] + label:after, html body.announcements #main #article .single .content article input[type='radio'] + label:after, html body.occrp-in-news #main #article .single .content article input[type='radio'] + label:after { content: "\2610"; margin-right: 0.625em; }
html body.jobs #main #article .single .content article input[type='radio']:checked + label:after, html body.announcements #main #article .single .content article input[type='radio']:checked + label:after, html body.occrp-in-news #main #article .single .content article input[type='radio']:checked + label:after { content: "\25a3"; }
html body.jobs #main #article .single .content article input[type='checkbox'] + label:after, html body.announcements #main #article .single .content article input[type='checkbox'] + label:after, html body.occrp-in-news #main #article .single .content article input[type='checkbox'] + label:after { content: "\2610"; margin-right: 0.3125em; font-size: 150%; position: relative; top: 0.15625em; }
html body.jobs #main #article .single .content article input[type='checkbox']:checked + label:after, html body.announcements #main #article .single .content article input[type='checkbox']:checked + label:after, html body.occrp-in-news #main #article .single .content article input[type='checkbox']:checked + label:after { content: "\2611"; }
html body.jobs #main #article .single .content article ul.checkbox li, html body.announcements #main #article .single .content article ul.checkbox li, html body.occrp-in-news #main #article .single .content article ul.checkbox li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.jobs #main #article .single .content article ul.checkbox li:before, html body.announcements #main #article .single .content article ul.checkbox li:before, html body.occrp-in-news #main #article .single .content article ul.checkbox li:before { content: none; }
html body.jobs #main #article .single .content article ul, html body.jobs #main #article .single .content article ol, html body.jobs #main #article .single .content article dl, html body.jobs #main #article .single .content article table, html body.jobs #main #article .single .content article figure, html body.jobs #main #article .single .content article form, html body.jobs #main #article .single .content article q, html body.jobs #main #article .single .content article blockquote, html body.jobs #main #article .single .content article pre, html body.jobs #main #article .single .content article code, html body.announcements #main #article .single .content article ul, html body.announcements #main #article .single .content article ol, html body.announcements #main #article .single .content article dl, html body.announcements #main #article .single .content article table, html body.announcements #main #article .single .content article figure, html body.announcements #main #article .single .content article form, html body.announcements #main #article .single .content article q, html body.announcements #main #article .single .content article blockquote, html body.announcements #main #article .single .content article pre, html body.announcements #main #article .single .content article code, html body.occrp-in-news #main #article .single .content article ul, html body.occrp-in-news #main #article .single .content article ol, html body.occrp-in-news #main #article .single .content article dl, html body.occrp-in-news #main #article .single .content article table, html body.occrp-in-news #main #article .single .content article figure, html body.occrp-in-news #main #article .single .content article form, html body.occrp-in-news #main #article .single .content article q, html body.occrp-in-news #main #article .single .content article blockquote, html body.occrp-in-news #main #article .single .content article pre, html body.occrp-in-news #main #article .single .content article code { margin: 1.25em 0; }
html body.jobs #main #article .single .content article figure, html body.announcements #main #article .single .content article figure, html body.occrp-in-news #main #article .single .content article figure { margin-top: 1.25em; }
html body.jobs #main #article .single .content article figure + figure, html body.announcements #main #article .single .content article figure + figure, html body.occrp-in-news #main #article .single .content article figure + figure { margin-top: 0; }
html body.jobs #main #article .single .content article dd + dt, html body.announcements #main #article .single .content article dd + dt, html body.occrp-in-news #main #article .single .content article dd + dt { margin-top: 1.25em; }
html body.jobs #main #article .single .content article p + p, html body.announcements #main #article .single .content article p + p, html body.occrp-in-news #main #article .single .content article p + p { margin-top: 1.25em; }
html body.jobs #main #article .single .content article h1 + h2, html body.jobs #main #article .single .content article h2 + h3, html body.announcements #main #article .single .content article h1 + h2, html body.announcements #main #article .single .content article h2 + h3, html body.occrp-in-news #main #article .single .content article h1 + h2, html body.occrp-in-news #main #article .single .content article h2 + h3 { padding-top: 0; }
html body.jobs #main #article .single .content article h1 + ul, html body.jobs #main #article .single .content article h2 + ul, html body.jobs #main #article .single .content article h3 + ul, html body.jobs #main #article .single .content article h1 + ol, html body.jobs #main #article .single .content article h2 + ol, html body.jobs #main #article .single .content article h3 + ol, html body.jobs #main #article .single .content article h1 + figure, html body.jobs #main #article .single .content article h2 + figure, html body.jobs #main #article .single .content article h3 + figure, html body.jobs #main #article .single .content article h1 + nav, html body.announcements #main #article .single .content article h1 + ul, html body.announcements #main #article .single .content article h2 + ul, html body.announcements #main #article .single .content article h3 + ul, html body.announcements #main #article .single .content article h1 + ol, html body.announcements #main #article .single .content article h2 + ol, html body.announcements #main #article .single .content article h3 + ol, html body.announcements #main #article .single .content article h1 + figure, html body.announcements #main #article .single .content article h2 + figure, html body.announcements #main #article .single .content article h3 + figure, html body.announcements #main #article .single .content article h1 + nav, html body.occrp-in-news #main #article .single .content article h1 + ul, html body.occrp-in-news #main #article .single .content article h2 + ul, html body.occrp-in-news #main #article .single .content article h3 + ul, html body.occrp-in-news #main #article .single .content article h1 + ol, html body.occrp-in-news #main #article .single .content article h2 + ol, html body.occrp-in-news #main #article .single .content article h3 + ol, html body.occrp-in-news #main #article .single .content article h1 + figure, html body.occrp-in-news #main #article .single .content article h2 + figure, html body.occrp-in-news #main #article .single .content article h3 + figure, html body.occrp-in-news #main #article .single .content article h1 + nav { margin-top: 0; }
html body.jobs #main #article .single .content article li ul, html body.jobs #main #article .single .content article li ol, html body.announcements #main #article .single .content article li ul, html body.announcements #main #article .single .content article li ol, html body.occrp-in-news #main #article .single .content article li ul, html body.occrp-in-news #main #article .single .content article li ol { margin-top: 0; }
html body.jobs #main #article .single .content article h1, html body.announcements #main #article .single .content article h1, html body.occrp-in-news #main #article .single .content article h1 { padding-bottom: 0; }
html body.jobs #main #article .single .content article .excerpt, html body.announcements #main #article .single .content article .excerpt, html body.occrp-in-news #main #article .single .content article .excerpt { display: block; padding-left: 0; }
html body.galleries #articles .title { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.galleries #articles .title a { color: #982022; text-decoration: none; }
html body.galleries #articles .title a:hover { color: #231f20; }
html body.galleries #articles nav { margin: 1.25em 0; }
html body.galleries #articles nav > h3 { display: none; }
html body.galleries #articles nav ol li { display: inline-block; float: left; margin-right: 0.625em; }
html body.galleries #articles nav ol li:last-of-type { margin-right: 0; }
html body.galleries #articles nav ol li { background: #f1f1f1; color: #231f20; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; }
html body.galleries #articles nav ol li a { color: #231f20; text-decoration: none; }
html body.galleries #articles nav ol li a:hover { color: white; }
@media only screen and (max-width: 47.999em) and (orientation: landscape) { html body.galleries #articles nav ol li:nth-of-type(6), html body.galleries #articles nav ol li:nth-of-type(7) { display: none; } }
html body.galleries #articles nav ol li a { padding: 0.625em 0.9375em; display: block; }
html body.galleries #articles nav ol li.active a, html body.galleries #articles nav ol li:hover a { background: #982022; color: white; }
html body.galleries #articles nav ol li.active a a, html body.galleries #articles nav ol li:hover a a { color: #231f20; text-decoration: none; }
html body.galleries #articles nav ol li.active a a:hover, html body.galleries #articles nav ol li:hover a a:hover { color: white; }
@media only screen and (max-width: 47.999em) { html body.galleries #articles nav ol { font-size: small; } }
html body.galleries #articles article.thumb { height: auto; border-top: 0; padding-top: 0; }
@media only screen and (max-width: 29.999em) { html body.galleries #articles article.thumb { width: 100%; margin-right: 0; float: left; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { html body.galleries #articles article.thumb { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.galleries #articles article.thumb:nth-of-type(2) { margin-right: 0; }
  html body.galleries #articles article.thumb:nth-of-type(3) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(4) { margin-right: 0; }
  html body.galleries #articles article.thumb:nth-of-type(5) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(6) { margin-right: 0; }
  html body.galleries #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(8) { margin-right: 0; }
  html body.galleries #articles article.thumb:nth-of-type(9) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(10) { margin-right: 0; }
  html body.galleries #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(12) { margin-right: 0; }
  html body.galleries #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(14) { margin-right: 0; }
  html body.galleries #articles article.thumb:nth-of-type(15) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(16) { margin-right: 0; }
  html body.galleries #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(18) { margin-right: 0; }
  html body.galleries #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(20) { margin-right: 0; } }
@media only screen and (min-width: 80em) { html body.galleries #articles article.thumb { width: 31.5%; margin-right: 2.5%; float: left; }
  html body.galleries #articles article.thumb:nth-of-type(2) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(3) { margin-right: 0; }
  html body.galleries #articles article.thumb:nth-of-type(4) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(5) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(6) { margin-right: 0; }
  html body.galleries #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(8) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(9) { margin-right: 0; }
  html body.galleries #articles article.thumb:nth-of-type(10) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(12) { margin-right: 0; }
  html body.galleries #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(14) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(15) { margin-right: 0; }
  html body.galleries #articles article.thumb:nth-of-type(16) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(18) { margin-right: 0; }
  html body.galleries #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.galleries #articles article.thumb:nth-of-type(20) { margin-right: 2.5%; } }
html body.galleries #articles article.thumb figure { width: 100%; max-width: 100%; float: left; }
@media only screen and (min-width: 80em) { html body.daily main { overflow: hidden; }
  html body.daily main aside #spacer { margin-bottom: -2500em !important; padding-bottom: 2500em; background: #f1f1f1; color: #231f20; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.daily main { overflow: hidden; }
  html body.daily main aside #spacer { margin-bottom: -2500em !important; padding-bottom: 2500em; background: #f1f1f1; color: #231f20; } }
html body.daily main #articles, html body.daily main #article { width: 100%; max-width: 100%; float: left; }
@media only screen and (min-width: 80em) { html body.daily main #articles, html body.daily main #article { width: 65.5%; margin-right: 2.5%; float: left; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.daily main #articles, html body.daily main #article { width: 65.5%; margin-right: 2.5%; float: left; } }
html body.daily main #sidebar { width: 100%; max-width: 100%; float: left; margin-top: 1.25em; }
@media only screen and (min-width: 80em) { html body.daily main #sidebar { width: 31.5%; margin-right: 2.5%; float: left; margin-right: 0; margin-top: 0; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.daily main #sidebar { width: 31.5%; margin-right: 2.5%; float: left; margin-right: 0; margin-top: 0; } }
html body.daily main #sidebar section { margin-bottom: 0.625em; }
html body.daily main #sidebar section h3 { display: block; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.daily main #sidebar section h3 a { color: #982022; text-decoration: none; }
html body.daily main #sidebar section h3 a:hover { color: #231f20; }
html body.daily main #sidebar section article { width: 100%; max-width: 100%; float: left; margin-bottom: 0.3125em; background: #f1f1f1; color: #231f20; background: white; color: #231f20; border-bottom: 1px solid #f1f1f1; padding-bottom: 0.3125em; }
html body.daily main #sidebar section article h1 { display: block; }
html body.daily main #sidebar section article figure { display: block; }
html body.daily main #sidebar section article figcaption { display: none; }
html body.daily main #sidebar section article .excerpt { display: none; }
html body.daily main #sidebar section article .content { display: none; }
html body.daily main #sidebar section article .meta .category { display: none; }
html body.daily main #sidebar section article .meta .date { display: none; }
html body.daily main #sidebar section article .meta { display: none; }
html body.daily main #sidebar section article figure img { width: auto; }
html body.daily main #sidebar section article figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.daily main #sidebar section article figure figcaption h1, html body.daily main #sidebar section article figure figcaption h2, html body.daily main #sidebar section article figure figcaption h3, html body.daily main #sidebar section article figure figcaption h4, html body.daily main #sidebar section article figure figcaption h5, html body.daily main #sidebar section article figure figcaption h6 { margin: 0; padding: 0; }
html body.daily main #sidebar section article figure { position: relative; }
html body.daily main #sidebar section article figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.daily main #sidebar section article figure .label a { color: #231f20; text-decoration: none; }
html body.daily main #sidebar section article figure .label a:hover { color: white; }
html body.daily main #sidebar section article .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.daily main #sidebar section article .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.daily main #sidebar section article .meta > h3 { display: none; }
html body.daily main #sidebar section article .meta ul { margin: 0; }
html body.daily main #sidebar section article .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.daily main #sidebar section article .meta ul li:last-of-type { margin-right: 0; }
html body.daily main #sidebar section article .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.daily main #sidebar section article .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.daily main #sidebar section article .meta .category a { color: #982022; text-decoration: none; }
html body.daily main #sidebar section article .meta .category a:hover { color: #231f20; }
html body.daily main #sidebar section article .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.daily main #sidebar section article .meta .authors ul li:after { content: ','; }
html body.daily main #sidebar section article .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.daily main #sidebar section article .meta .authors ul li:first-of-type:after, html body.daily main #sidebar section article .meta .authors ul li:last-of-type:after { content: none; }
html body.daily main #sidebar section article .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.daily main #sidebar section article .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.daily main #sidebar section article .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.daily main #sidebar section article .share-buttons ul li:before { content: none; }
html body.daily main #sidebar section article .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.daily main #sidebar section article .share-buttons ul li:last-of-type { margin-right: 0; }
html body.daily main #sidebar section article .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.daily main #sidebar section article .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.daily main #sidebar section article .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.daily main #sidebar section article .share-buttons ul li .box .count a:hover { color: white; }
html body.daily main #sidebar section article .share-buttons ul li .box .share img { width: 30%; }
html body.daily main #sidebar section article .content { width: 100%; max-width: 100%; float: left; }
html body.daily main #sidebar section article .content a { color: #982022; text-decoration: none; }
html body.daily main #sidebar section article .content a:hover { color: #982022; }
html body.daily main #sidebar section article .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.daily main #sidebar section article .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.daily main #sidebar section article .content figure figcaption a:hover { color: #982022; }
html body.daily main #sidebar section article .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.daily main #sidebar section article .gallery .before, html body.daily main #sidebar section article .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.daily main #sidebar section article .gallery .before a, html body.daily main #sidebar section article .gallery .after a { color: white; text-decoration: none; }
html body.daily main #sidebar section article .gallery .before a:hover, html body.daily main #sidebar section article .gallery .after a:hover { color: white; }
html body.daily main #sidebar section article .gallery .before:before, html body.daily main #sidebar section article .gallery .after:before { content: "\2794"; }
html body.daily main #sidebar section article .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.daily main #sidebar section article .gallery .after { right: 0; float: right; }
html body.daily main #sidebar section article .gallery article, html body.daily main #sidebar section article .gallery .gallery-item { display: none; }
html body.daily main #sidebar section article .gallery article:first-of-type, html body.daily main #sidebar section article .gallery .gallery-item:first-of-type { display: block; }
html body.daily main #sidebar section article .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.daily main #sidebar section article .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.daily main #sidebar section article .gallery figure div.image-holder img { width: auto !important; }
html body.daily main #sidebar section article .gallery figure figcaption { display: none; }
html body.daily main #sidebar section article .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.daily main #sidebar section article .gallery span a { color: white; text-decoration: none; }
html body.daily main #sidebar section article .gallery span a:hover { color: white; }
html body.daily main #sidebar section article .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
html body.daily main #sidebar section article figure, html body.daily main #sidebar section article h1, html body.daily main #sidebar section article .excerpt { width: 48.75%; margin-right: 2.5%; float: left; }
html body.daily main #sidebar section article h1, html body.daily main #sidebar section article .excerpt { margin-right: 0; padding: 0.3125em; width: calc(48.75% - 0.625em); }
.daily_title { width: calc(95.75% - 0.625em) !important; }
html body.daily main #sidebar section article h1 { font-size: medium; }
@media only screen and (max-width: 47.999em) { html body.daily main #sidebar section article h1 { font-size: small; } }
html body.daily main #sidebar section article a { color: #231f20; text-decoration: none; }
html body.daily main #sidebar section article a:hover { color: #982022; }
html body.daily main #sidebar section article h1 { font-weight: normal; }
@media only screen and (max-width: 79.999em) and (max-width: 29.999em) { html body.daily main #sidebar section article { width: 100%; margin-right: 0; float: left; } }
@media only screen and (max-width: 79.999em) and (min-width: 30em) and (max-width: 79.999em) { html body.daily main #sidebar section article { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.daily main #sidebar section article:nth-of-type(2) { margin-right: 0; }
  html body.daily main #sidebar section article:nth-of-type(3) { margin-right: 2.5%; }
  html body.daily main #sidebar section article:nth-of-type(4) { margin-right: 0; }
  html body.daily main #sidebar section article:nth-of-type(5) { margin-right: 2.5%; }
  html body.daily main #sidebar section article:nth-of-type(6) { margin-right: 0; }
  html body.daily main #sidebar section article:nth-of-type(7) { margin-right: 2.5%; }
  html body.daily main #sidebar section article:nth-of-type(8) { margin-right: 0; }
  html body.daily main #sidebar section article:nth-of-type(9) { margin-right: 2.5%; }
  html body.daily main #sidebar section article:nth-of-type(10) { margin-right: 0; }
  html body.daily main #sidebar section article:nth-of-type(11) { margin-right: 2.5%; }
  html body.daily main #sidebar section article:nth-of-type(12) { margin-right: 0; }
  html body.daily main #sidebar section article:nth-of-type(13) { margin-right: 2.5%; }
  html body.daily main #sidebar section article:nth-of-type(14) { margin-right: 0; }
  html body.daily main #sidebar section article:nth-of-type(15) { margin-right: 2.5%; }
  html body.daily main #sidebar section article:nth-of-type(16) { margin-right: 0; }
  html body.daily main #sidebar section article:nth-of-type(17) { margin-right: 2.5%; }
  html body.daily main #sidebar section article:nth-of-type(18) { margin-right: 0; }
  html body.daily main #sidebar section article:nth-of-type(19) { margin-right: 2.5%; }
  html body.daily main #sidebar section article:nth-of-type(20) { margin-right: 0; } }
@media only screen and (max-width: 79.999em) and (min-width: 80em) { html body.daily main #sidebar section article { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.daily main #sidebar section article:nth-of-type(2) { margin-right: 0; }
  html body.daily main #sidebar section article:nth-of-type(3) { margin-right: 2.5%; }
  html body.daily main #sidebar section article:nth-of-type(4) { margin-right: 0; }
  html body.daily main #sidebar section article:nth-of-type(5) { margin-right: 2.5%; }
  html body.daily main #sidebar section article:nth-of-type(6) { margin-right: 0; }
  html body.daily main #sidebar section article:nth-of-type(7) { margin-right: 2.5%; }
  html body.daily main #sidebar section article:nth-of-type(8) { margin-right: 0; }
  html body.daily main #sidebar section article:nth-of-type(9) { margin-right: 2.5%; }
  html body.daily main #sidebar section article:nth-of-type(10) { margin-right: 0; }
  html body.daily main #sidebar section article:nth-of-type(11) { margin-right: 2.5%; }
  html body.daily main #sidebar section article:nth-of-type(12) { margin-right: 0; }
  html body.daily main #sidebar section article:nth-of-type(13) { margin-right: 2.5%; }
  html body.daily main #sidebar section article:nth-of-type(14) { margin-right: 0; }
  html body.daily main #sidebar section article:nth-of-type(15) { margin-right: 2.5%; }
  html body.daily main #sidebar section article:nth-of-type(16) { margin-right: 0; }
  html body.daily main #sidebar section article:nth-of-type(17) { margin-right: 2.5%; }
  html body.daily main #sidebar section article:nth-of-type(18) { margin-right: 0; }
  html body.daily main #sidebar section article:nth-of-type(19) { margin-right: 2.5%; }
  html body.daily main #sidebar section article:nth-of-type(20) { margin-right: 0; } }

@media only screen and (max-width: 29.999em) { html body.daily main #sidebar section article { width: 100%; max-width: 100%; float: left; } }
@media only screen and (min-width: 80em) { html body.daily main #sidebar section article { width: 100%; max-width: 100%; float: left; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { html body.daily main #sidebar section article { width: 100%; max-width: 100%; float: left; } }
html body.daily main #sidebar #spacer > h3 { display: none; }
html body.daily #articles { /* The first article
*/ /* The rest of the articles
*/ }
html body.daily #articles .title { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.daily #articles .title a { color: #982022; text-decoration: none; }
html body.daily #articles .title a:hover { color: #231f20; }
html body.daily #articles nav { margin: 1.25em 0; }
html body.daily #articles nav > h3 { display: none; }
html body.daily #articles nav ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.daily #articles nav ul li:last-of-type { margin-right: 0; }
html body.daily #articles nav ul li { background: #f1f1f1; color: #231f20; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; }
html body.daily #articles nav ul li a { color: #231f20; text-decoration: none; }
html body.daily #articles nav ul li span { color: #231f20; text-decoration: none; }
html body.daily #articles nav ul li a:hover { color: white; }
html body.daily #articles nav ul li span:hover { color: white; }
@media only screen and (max-width: 47.999em) and (orientation: landscape) { html body.daily #articles nav ul li:nth-of-type(6), html body.daily #articles nav ul li:nth-of-type(7) { display: none; } }
html body.daily #articles nav ul li a { padding: 0.625em 0.9375em; display: block; }
html body.daily #articles nav ul li span { padding: 0.625em 0.9375em; display: block; }
html body.daily #articles nav ul li.active a, html body.daily #articles nav ul li:hover a { background: #982022; color: white; }
html body.daily #articles nav ul li.active a a, html body.daily #articles nav ul li:hover a a { color: #231f20; text-decoration: none; }
html body.daily #articles nav ul li.active a a:hover, html body.daily #articles nav ul li:hover a a:hover { color: white; }
@media only screen and (max-width: 47.999em) { html body.daily #articles nav ul { font-size: small; } }

html body.investigations #articles nav ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.investigations #articles nav ul li:last-of-type { margin-right: 0; }
html body.investigations #articles nav ul li { background: #f1f1f1; color: #231f20; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; }
html body.investigations #articles nav ul li a { color: #231f20; text-decoration: none; }
html body.investigations #articles nav ul li span { color: #231f20; text-decoration: none; }
html body.investigations #articles nav ul li a:hover { color: white; }
html body.investigations #articles nav ul li span:hover { color: white; }
@media only screen and (max-width: 47.999em) and (orientation: landscape) { html body.investigations #articles nav ul li:nth-of-type(6), html body.investigations #articles nav ul li:nth-of-type(7) { display: none; } }
html body.investigations #articles nav ul li a { padding: 0.625em 0.9375em; display: block; }
html body.investigations #articles nav ul li span { padding: 0.625em 0.9375em; display: block; }
html body.investigations #articles nav ul li.active a, html body.investigations #articles nav ul li:hover a { background: #982022; color: white; }
html body.investigations #articles nav ul li.active a a, html body.investigations #articles nav ul li:hover a a { color: #231f20; text-decoration: none; }
html body.investigations #articles nav ul li.active a a:hover, html body.investigations #articles nav ul li:hover a a:hover { color: white; }
@media only screen and (max-width: 47.999em) { html body.investigations #articles nav ul { font-size: small; } }

html body.daily #articles aside { width: 100%; max-width: 100%; float: left; margin-bottom: 0.3125em; background: #f1f1f1; color: #231f20; margin-bottom: 0.625em; }
html body.daily #articles aside h1 { display: block; }
html body.daily #articles aside figure { display: block; }
html body.daily #articles aside figcaption { display: none; }
html body.daily #articles aside .content { display: none; }
html body.daily #articles aside .meta .category { display: none; }
html body.daily #articles aside .meta .date { display: none; }
html body.daily #articles aside .meta { display: none; }
html body.daily #articles aside figure img { width: auto; }
html body.daily #articles aside figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.daily #articles aside figure figcaption h1, html body.daily #articles aside figure figcaption h2, html body.daily #articles aside figure figcaption h3, html body.daily #articles aside figure figcaption h4, html body.daily #articles aside figure figcaption h5, html body.daily #articles aside figure figcaption h6 { margin: 0; padding: 0; }
html body.daily #articles aside figure { position: relative; }
html body.daily #articles aside figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.daily #articles aside figure .label a { color: #231f20; text-decoration: none; }
html body.daily #articles aside figure .label a:hover { color: white; }
html body.daily #articles aside .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.daily #articles aside .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.daily #articles aside .meta > h3 { display: none; }
html body.daily #articles aside .meta ul { margin: 0; }
html body.daily #articles aside .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.daily #articles aside .meta ul li:last-of-type { margin-right: 0; }
html body.daily #articles aside .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.daily #articles aside .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.daily #articles aside .meta .category a { color: #982022; text-decoration: none; }
html body.daily #articles aside .meta .category a:hover { color: #231f20; }
html body.daily #articles aside .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.daily #articles aside .meta .authors ul li:after { content: ','; }
html body.daily #articles aside .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.daily #articles aside .meta .authors ul li:first-of-type:after, html body.daily #articles aside .meta .authors ul li:last-of-type:after { content: none; }
html body.daily #articles aside .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.daily #articles aside .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.daily #articles aside .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.daily #articles aside .share-buttons ul li:before { content: none; }
html body.daily #articles aside .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.daily #articles aside .share-buttons ul li:last-of-type { margin-right: 0; }
html body.daily #articles aside .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.daily #articles aside .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.daily #articles aside .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.daily #articles aside .share-buttons ul li .box .count a:hover { color: white; }
html body.daily #articles aside .share-buttons ul li .box .share img { width: 30%; }
html body.daily #articles aside .content { width: 100%; max-width: 100%; float: left; }
html body.daily #articles aside .content a { color: #982022; text-decoration: none; }
html body.daily #articles aside .content a:hover { color: #982022; }
html body.daily #articles aside .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.daily #articles aside .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.daily #articles aside .content figure figcaption a:hover { color: #982022; }
html body.daily #articles aside .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.daily #articles aside .gallery .before, html body.daily #articles aside .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.daily #articles aside .gallery .before a, html body.daily #articles aside .gallery .after a { color: white; text-decoration: none; }
html body.daily #articles aside .gallery .before a:hover, html body.daily #articles aside .gallery .after a:hover { color: white; }
html body.daily #articles aside .gallery .before:before, html body.daily #articles aside .gallery .after:before { content: "\2794"; }
html body.daily #articles aside .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.daily #articles aside .gallery .after { right: 0; float: right; }
html body.daily #articles aside .gallery article, html body.daily #articles aside .gallery .gallery-item { display: none; }
html body.daily #articles aside .gallery article:first-of-type, html body.daily #articles aside .gallery .gallery-item:first-of-type { display: block; }
html body.daily #articles aside .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.daily #articles aside .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.daily #articles aside .gallery figure div.image-holder img { width: auto !important; }
html body.daily #articles aside .gallery figure figcaption { display: none; }
html body.daily #articles aside .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.daily #articles aside .gallery span a { color: white; text-decoration: none; }
html body.daily #articles aside .gallery span a:hover { color: white; }
html body.daily #articles aside .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
@media only screen and (min-width: 30em) { html body.daily #articles aside figure, html body.daily #articles aside h1, html body.daily #articles aside .excerpt { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.daily #articles aside h1, html body.daily #articles aside .excerpt { margin-right: 0; padding: 0.3125em; width: calc(48.75% - 0.625em); } }
html body.daily #articles aside h1, html body.daily #articles aside .excerpt { padding: 0.3125em; }
@media only screen and (max-width: 47.999em) and (orientation: landscape) { html body.daily #articles aside .excerpt { display: none; } }
html body.daily #articles article.thumb { margin-bottom: 0.625em; }
@media only screen and (max-width: 79.999em) { html body.daily #articles article.thumb { width: 100%; max-width: 100%; float: left; margin-bottom: 0.3125em; background: #f1f1f1; color: #231f20; }
  html body.daily #articles article.thumb h1 { display: block; }
  html body.daily #articles article.thumb figure { display: block; }
  html body.daily #articles article.thumb figcaption { display: none; }
  html body.daily #articles article.thumb .excerpt { display: none; }
  html body.daily #articles article.thumb .content { display: none; }
  html body.daily #articles article.thumb .meta .category { display: none; }
  html body.daily #articles article.thumb .meta .date { display: none; }
  html body.daily #articles article.thumb .meta { display: none; }
  html body.daily #articles article.thumb figure img { width: auto; }
  html body.daily #articles article.thumb figure figcaption { padding: 0.3125em; font-size: smaller; }
  html body.daily #articles article.thumb figure figcaption h1, html body.daily #articles article.thumb figure figcaption h2, html body.daily #articles article.thumb figure figcaption h3, html body.daily #articles article.thumb figure figcaption h4, html body.daily #articles article.thumb figure figcaption h5, html body.daily #articles article.thumb figure figcaption h6 { margin: 0; padding: 0; }
  html body.daily #articles article.thumb figure { position: relative; }
  html body.daily #articles article.thumb figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
  html body.daily #articles article.thumb figure .label a { color: #231f20; text-decoration: none; }
  html body.daily #articles article.thumb figure .label a:hover { color: white; }
  html body.daily #articles article.thumb .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
  html body.daily #articles article.thumb .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
  html body.daily #articles article.thumb .meta > h3 { display: none; }
  html body.daily #articles article.thumb .meta ul { margin: 0; }
  html body.daily #articles article.thumb .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
  html body.daily #articles article.thumb .meta ul li:last-of-type { margin-right: 0; }
  html body.daily #articles article.thumb .meta .date { font-size: small; color: #332d2f; font-style: normal; }
  html body.daily #articles article.thumb .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
  html body.daily #articles article.thumb .meta .category a { color: #982022; text-decoration: none; }
  html body.daily #articles article.thumb .meta .category a:hover { color: #231f20; }
  html body.daily #articles article.thumb .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
  html body.daily #articles article.thumb .meta .authors ul li:after { content: ','; }
  html body.daily #articles article.thumb .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
  html body.daily #articles article.thumb .meta .authors ul li:first-of-type:after, html body.daily #articles article.thumb .meta .authors ul li:last-of-type:after { content: none; }
  html body.daily #articles article.thumb .meta .print { cursor: pointer; width: 1.25em; display: none; }
  html body.daily #articles article.thumb .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
  html body.daily #articles article.thumb .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
  html body.daily #articles article.thumb .share-buttons ul li:before { content: none; }
  html body.daily #articles article.thumb .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
  html body.daily #articles article.thumb .share-buttons ul li:last-of-type { margin-right: 0; }
  html body.daily #articles article.thumb .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
  html body.daily #articles article.thumb .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
  html body.daily #articles article.thumb .share-buttons ul li .box .count a { color: white; text-decoration: none; }
  html body.daily #articles article.thumb .share-buttons ul li .box .count a:hover { color: white; }
  html body.daily #articles article.thumb .share-buttons ul li .box .share img { width: 30%; }
  html body.daily #articles article.thumb .content { width: 100%; max-width: 100%; float: left; }
  html body.daily #articles article.thumb .content a { color: #982022; text-decoration: none; }
  html body.daily #articles article.thumb .content a:hover { color: #982022; }
  html body.daily #articles article.thumb .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
  html body.daily #articles article.thumb .content figure figcaption a { color: #231f20; text-decoration: none; }
  html body.daily #articles article.thumb .content figure figcaption a:hover { color: #982022; }
  html body.daily #articles article.thumb .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
  html body.daily #articles article.thumb .gallery .before, html body.daily #articles article.thumb .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
  html body.daily #articles article.thumb .gallery .before a, html body.daily #articles article.thumb .gallery .after a { color: white; text-decoration: none; }
  html body.daily #articles article.thumb .gallery .before a:hover, html body.daily #articles article.thumb .gallery .after a:hover { color: white; }
  html body.daily #articles article.thumb .gallery .before:before, html body.daily #articles article.thumb .gallery .after:before { content: "\2794"; }
  html body.daily #articles article.thumb .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
  html body.daily #articles article.thumb .gallery .after { right: 0; float: right; }
  html body.daily #articles article.thumb .gallery article, html body.daily #articles article.thumb .gallery .gallery-item { display: none; }
  html body.daily #articles article.thumb .gallery article:first-of-type, html body.daily #articles article.thumb .gallery .gallery-item:first-of-type { display: block; }
  html body.daily #articles article.thumb .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
  html body.daily #articles article.thumb .gallery figure div.image-holder img { position: relative; width: 100%; }
  html body.daily #articles article.thumb .gallery figure div.image-holder img { width: auto !important; }
  html body.daily #articles article.thumb .gallery figure figcaption { display: none; }
  html body.daily #articles article.thumb .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
  html body.daily #articles article.thumb .gallery span a { color: white; text-decoration: none; }
  html body.daily #articles article.thumb .gallery span a:hover { color: white; }
  html body.daily #articles article.thumb .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
  html body.daily #articles article.thumb figure, html body.daily #articles article.thumb h1, html body.daily #articles article.thumb .excerpt { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.daily #articles article.thumb h1, html body.daily #articles article.thumb .excerpt { margin-right: 0; padding: 0.3125em; width: calc(48.75% - 0.625em); }
  html body.daily #articles article.thumb h1 { font-size: medium; } }
@media only screen and (max-width: 79.999em) and (max-width: 47.999em) { html body.daily #articles article.thumb h1 { font-size: small; } }
@media only screen and (max-width: 79.999em) and (max-width: 29.999em) { html body.daily #articles article.thumb { width: 100%; margin-right: 0; float: left; } }
@media only screen and (max-width: 79.999em) and (min-width: 30em) and (max-width: 79.999em) { html body.daily #articles article.thumb { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.daily #articles article.thumb:nth-of-type(2) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(3) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(4) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(5) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(6) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(8) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(9) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(10) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(12) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(14) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(15) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(16) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(18) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(20) { margin-right: 0; } }
@media only screen and (max-width: 79.999em) and (min-width: 80em) { html body.daily #articles article.thumb { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.daily #articles article.thumb:nth-of-type(2) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(3) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(4) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(5) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(6) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(8) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(9) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(10) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(12) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(14) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(15) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(16) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(18) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(20) { margin-right: 0; } }

@media only screen and (min-width: 80em) { html body.daily #articles article.thumb { margin-bottom: 0.3125em; }
  html body.daily #articles article.thumb h1 { display: block; }
  html body.daily #articles article.thumb figure { display: block; }
  html body.daily #articles article.thumb figcaption { display: none; }
  html body.daily #articles article.thumb .excerpt { display: none; }
  html body.daily #articles article.thumb .content { display: none; }
  html body.daily #articles article.thumb .meta .category { display: none; }
  html body.daily #articles article.thumb .meta .date { display: none; }
  html body.daily #articles article.thumb .meta { display: none; }
  html body.daily #articles article.thumb figure img { width: auto; }
  html body.daily #articles article.thumb figure figcaption { padding: 0.3125em; font-size: smaller; }
  html body.daily #articles article.thumb figure figcaption h1, html body.daily #articles article.thumb figure figcaption h2, html body.daily #articles article.thumb figure figcaption h3, html body.daily #articles article.thumb figure figcaption h4, html body.daily #articles article.thumb figure figcaption h5, html body.daily #articles article.thumb figure figcaption h6 { margin: 0; padding: 0; }
  html body.daily #articles article.thumb figure { position: relative; }
  html body.daily #articles article.thumb figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
  html body.daily #articles article.thumb figure .label a { color: #231f20; text-decoration: none; }
  html body.daily #articles article.thumb figure .label a:hover { color: white; }
  html body.daily #articles article.thumb .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
  html body.daily #articles article.thumb .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
  html body.daily #articles article.thumb .meta > h3 { display: none; }
  html body.daily #articles article.thumb .meta ul { margin: 0; }
  html body.daily #articles article.thumb .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
  html body.daily #articles article.thumb .meta ul li:last-of-type { margin-right: 0; }
  html body.daily #articles article.thumb .meta .date { font-size: small; color: #332d2f; font-style: normal; }
  html body.daily #articles article.thumb .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
  html body.daily #articles article.thumb .meta .category a { color: #982022; text-decoration: none; }
  html body.daily #articles article.thumb .meta .category a:hover { color: #231f20; }
  html body.daily #articles article.thumb .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
  html body.daily #articles article.thumb .meta .authors ul li:after { content: ','; }
  html body.daily #articles article.thumb .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
  html body.daily #articles article.thumb .meta .authors ul li:first-of-type:after, html body.daily #articles article.thumb .meta .authors ul li:last-of-type:after { content: none; }
  html body.daily #articles article.thumb .meta .print { cursor: pointer; width: 1.25em; display: none; }
  html body.daily #articles article.thumb .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
  html body.daily #articles article.thumb .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
  html body.daily #articles article.thumb .share-buttons ul li:before { content: none; }
  html body.daily #articles article.thumb .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
  html body.daily #articles article.thumb .share-buttons ul li:last-of-type { margin-right: 0; }
  html body.daily #articles article.thumb .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
  html body.daily #articles article.thumb .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
  html body.daily #articles article.thumb .share-buttons ul li .box .count a { color: white; text-decoration: none; }
  html body.daily #articles article.thumb .share-buttons ul li .box .count a:hover { color: white; }
  html body.daily #articles article.thumb .share-buttons ul li .box .share img { width: 30%; }
  html body.daily #articles article.thumb .content { width: 100%; max-width: 100%; float: left; }
  html body.daily #articles article.thumb .content a { color: #982022; text-decoration: none; }
  html body.daily #articles article.thumb .content a:hover { color: #982022; }
  html body.daily #articles article.thumb .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
  html body.daily #articles article.thumb .content figure figcaption a { color: #231f20; text-decoration: none; }
  html body.daily #articles article.thumb .content figure figcaption a:hover { color: #982022; }
  html body.daily #articles article.thumb .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
  html body.daily #articles article.thumb .gallery .before, html body.daily #articles article.thumb .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
  html body.daily #articles article.thumb .gallery .before a, html body.daily #articles article.thumb .gallery .after a { color: white; text-decoration: none; }
  html body.daily #articles article.thumb .gallery .before a:hover, html body.daily #articles article.thumb .gallery .after a:hover { color: white; }
  html body.daily #articles article.thumb .gallery .before:before, html body.daily #articles article.thumb .gallery .after:before { content: "\2794"; }
  html body.daily #articles article.thumb .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
  html body.daily #articles article.thumb .gallery .after { right: 0; float: right; }
  html body.daily #articles article.thumb .gallery article, html body.daily #articles article.thumb .gallery .gallery-item { display: none; }
  html body.daily #articles article.thumb .gallery article:first-of-type, html body.daily #articles article.thumb .gallery .gallery-item:first-of-type { display: block; }
  html body.daily #articles article.thumb .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
  html body.daily #articles article.thumb .gallery figure div.image-holder img { position: relative; width: 100%; }
  html body.daily #articles article.thumb .gallery figure div.image-holder img { width: auto !important; }
  html body.daily #articles article.thumb .gallery figure figcaption { display: none; }
  html body.daily #articles article.thumb .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
  html body.daily #articles article.thumb .gallery span a { color: white; text-decoration: none; }
  html body.daily #articles article.thumb .gallery span a:hover { color: white; }
  html body.daily #articles article.thumb .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
  html body.daily #articles article.thumb h1 { font-size: medium; } }
@media only screen and (min-width: 80em) and (max-width: 29.999em) { html body.daily #articles article.thumb { width: 100%; margin-right: 0; float: left; } }
@media only screen and (min-width: 80em) and (min-width: 30em) and (max-width: 79.999em) { html body.daily #articles article.thumb { width: 48.75%; margin-right: 2.5%; float: left; }
  html body.daily #articles article.thumb:nth-of-type(2) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(3) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(4) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(5) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(6) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(8) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(9) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(10) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(12) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(14) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(15) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(16) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(18) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(20) { margin-right: 0; } }
@media only screen and (min-width: 80em) and (min-width: 80em) { html body.daily #articles article.thumb { width: 31.5%; margin-right: 2.5%; float: left; }
  html body.daily #articles article.thumb:nth-of-type(2) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(3) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(4) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(5) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(6) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(7) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(8) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(9) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(10) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(11) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(12) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(13) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(14) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(15) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(16) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(17) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(18) { margin-right: 0; }
  html body.daily #articles article.thumb:nth-of-type(19) { margin-right: 2.5%; }
  html body.daily #articles article.thumb:nth-of-type(20) { margin-right: 2.5%; } }

@media only screen and (max-width: 29.999em) { html body.daily #articles article.thumb { width: 100%; max-width: 100%; float: left; } }
html body.daily #articles .title { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.daily #articles .title a { color: #982022; text-decoration: none; }
html body.daily #articles .title a:hover { color: #231f20; }
html body.daily #articles nav { margin: 1.25em 0; }
html body.daily #articles nav > h3 { display: none; }
html body.daily #articles nav ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.daily #articles nav ul li:last-of-type { margin-right: 0; }
html body.daily #articles nav ul li { background: #f1f1f1; color: #231f20; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; }
html body.daily #articles nav ul li a { color: #231f20; text-decoration: none; }
html body.daily #articles nav ul li span { color: #231f20; text-decoration: none; }
html body.daily #articles nav ul li a:hover { color: white; }
html body.daily #articles nav ul li span:hover { color: white; }
@media only screen and (max-width: 47.999em) and (orientation: landscape) { html body.daily #articles nav ul li:nth-of-type(6), html body.daily #articles nav ul li:nth-of-type(7) { display: none; } }
html body.daily #articles nav ul li a { padding: 0.625em 0.9375em; display: block; }
html body.daily #articles nav ul li span { padding: 0.625em 0.9375em; display: block; }
html body.daily #articles nav ul li.active a, html body.daily #articles nav ul li:hover a { background: #982022; color: white; }
html body.daily #articles nav ul li.active a a, html body.daily #articles nav ul li:hover a a { color: #231f20; text-decoration: none; }
html body.daily #articles nav ul li.active a a:hover, html body.daily #articles nav ul li:hover a a:hover { color: white; }
@media only screen and (max-width: 47.999em) { html body.daily #articles nav ul { font-size: small; } }

html body.investigations #articles nav ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.investigations #articles nav ul li:last-of-type { margin-right: 0; }
html body.investigations #articles nav ul li { background: #f1f1f1; color: #231f20; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; }
html body.investigations #articles nav ul li a { color: #231f20; text-decoration: none; }
html body.investigations #articles nav ul li span { color: #231f20; text-decoration: none; }
html body.investigations #articles nav ul li a:hover { color: white; }
html body.investigations #articles nav ul li span:hover { color: white; }
@media only screen and (max-width: 47.999em) and (orientation: landscape) { html body.investigations #articles nav ul li:nth-of-type(6), html body.investigations #articles nav ul li:nth-of-type(7) { display: none; } }
html body.investigations #articles nav ul li a { padding: 0.625em 0.9375em; display: block; }
html body.investigations #articles nav ul li span { padding: 0.625em 0.9375em; display: block; }
html body.investigations #articles nav ul li.active a, html body.investigations #articles nav ul li:hover a { background: #982022; color: white; }
html body.investigations #articles nav ul li.active a a, html body.investigations #articles nav ul li:hover a a { color: #231f20; text-decoration: none; }
html body.investigations #articles nav ul li.active a a:hover, html body.investigations #articles nav ul li:hover a a:hover { color: white; }
@media only screen and (max-width: 47.999em) { html body.investigations #articles nav ul { font-size: small; } }


@media only screen and (max-width: 29.999em) { html body.blog #articles article.thumb { width: 100%; max-width: 100%; float: left; } }
html body.blog #articles .title { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.blog #articles .title a { color: #982022; text-decoration: none; }
html body.blog #articles .title a:hover { color: #231f20; }
html body.blog #articles nav { margin: 1.25em 0; }
html body.blog #articles nav > h3 { display: none; }
html body.blog #articles nav ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.blog #articles nav ul li:last-of-type { margin-right: 0; }
html body.blog #articles nav ul li { background: #f1f1f1; color: #231f20; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; }
html body.blog #articles nav ul li a { color: #231f20; text-decoration: none; }
html body.blog #articles nav ul li span { color: #231f20; text-decoration: none; }
html body.blog #articles nav ul li a:hover { color: white; }
html body.blog #articles nav ul li span:hover { color: white; }
@media only screen and (max-width: 47.999em) and (orientation: landscape) { html body.blog #articles nav ul li:nth-of-type(6), html body.blog #articles nav ul li:nth-of-type(7) { display: none; } }
html body.blog #articles nav ul li a { padding: 0.625em 0.9375em; display: block; }
html body.blog #articles nav ul li span { padding: 0.625em 0.9375em; display: block; }
html body.blog #articles nav ul li.active a, html body.blog #articles nav ul li:hover a { background: #982022; color: white; }
html body.blog #articles nav ul li.active a a, html body.blog #articles nav ul li:hover a a { color: #231f20; text-decoration: none; }
html body.blog #articles nav ul li.active a a:hover, html body.blog #articles nav ul li:hover a a:hover { color: white; }
@media only screen and (max-width: 47.999em) { html body.blog #articles nav ul { font-size: small; } }

html body.daily #articles article.thumb { width: 100%; max-width: 100%; float: left; border-bottom: 1px solid #f1f1f1; margin-bottom: 0.3125em; padding-bottom: 0.3125em; /*max-width: 43.75em;*/ line-height: 1.75; /* Padding of individual elements
*/ /* Padding of consecutive elements
*/ height: auto; }
html body.daily #articles article.thumb h1 { display: block; }
html body.daily #articles article.thumb figure { display: none; }
html body.daily #articles article.thumb figcaption { display: none; }
html body.daily #articles article.thumb .excerpt { display: none; }
html body.daily #articles article.thumb .content { display: none; }
html body.daily #articles article.thumb .meta .category { display: none; }
html body.daily #articles article.thumb .meta .date { display: none; }
html body.daily #articles article.thumb .meta { display: none; }
html body.daily #articles article.thumb figure img { width: auto; }
html body.daily #articles article.thumb figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.daily #articles article.thumb figure figcaption h1, html body.daily #articles article.thumb figure figcaption h2, html body.daily #articles article.thumb figure figcaption h3, html body.daily #articles article.thumb figure figcaption h4, html body.daily #articles article.thumb figure figcaption h5, html body.daily #articles article.thumb figure figcaption h6 { margin: 0; padding: 0; }
html body.daily #articles article.thumb figure { position: relative; }
html body.daily #articles article.thumb figure .label { position: absolute; bottom: 0; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-size: small; background: #982022; color: white; padding: 0.3125em; opacity: .9; }
html body.daily #articles article.thumb figure .label a { color: #231f20; text-decoration: none; }
html body.daily #articles article.thumb figure .label a:hover { color: white; }
html body.daily #articles article.thumb .excerpt { line-height: 1.5; color: #332d2f; margin: 0.3125em 0 0.625em; }
html body.daily #articles article.thumb .meta { width: 100%; max-width: 100%; float: left; margin-bottom: 0.625em; }
html body.daily #articles article.thumb .meta > h3 { display: none; }
html body.daily #articles article.thumb .meta ul { margin: 0; }
html body.daily #articles article.thumb .meta ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.daily #articles article.thumb .meta ul li:last-of-type { margin-right: 0; }
html body.daily #articles article.thumb .meta .date { font-size: small; color: #332d2f; font-style: normal; }
html body.daily #articles article.thumb .meta .category { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: white; color: #982022; }
html body.daily #articles article.thumb .meta .category a { color: #982022; text-decoration: none; }
html body.daily #articles article.thumb .meta .category a:hover { color: #231f20; }
html body.daily #articles article.thumb .meta .authors { font-size: small; text-transform: uppercase; letter-spacing: 1.1px; font-style: normal; }
html body.daily #articles article.thumb .meta .authors ul li:after { content: ','; }
html body.daily #articles article.thumb .meta .authors ul li:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; text-transform: none; }
html body.daily #articles article.thumb .meta .authors ul li:first-of-type:after, html body.daily #articles article.thumb .meta .authors ul li:last-of-type:after { content: none; }
html body.daily #articles article.thumb .meta .print { cursor: pointer; width: 1.25em; display: none; }
html body.daily #articles article.thumb .share-buttons { width: 100%; max-width: 100%; float: left; margin-bottom: 1.25em; }
html body.daily #articles article.thumb .share-buttons ul li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.daily #articles article.thumb .share-buttons ul li:before { content: none; }
html body.daily #articles article.thumb .share-buttons ul li { display: inline-block; float: left; margin-right: 1.25em; }
html body.daily #articles article.thumb .share-buttons ul li:last-of-type { margin-right: 0; }
html body.daily #articles article.thumb .share-buttons ul li .box { width: 100%; max-width: 100%; float: left; width: 3.125em; }
html body.daily #articles article.thumb .share-buttons ul li .box .count { float: right; background: #231f20; color: white; font-size: small; padding: 0 0.3125em; }
html body.daily #articles article.thumb .share-buttons ul li .box .count a { color: white; text-decoration: none; }
html body.daily #articles article.thumb .share-buttons ul li .box .count a:hover { color: white; }
html body.daily #articles article.thumb .share-buttons ul li .box .share img { width: 30%; }
html body.daily #articles article.thumb .content { width: 100%; max-width: 100%; float: left; }
html body.daily #articles article.thumb .content a { color: #982022; text-decoration: none; }
html body.daily #articles article.thumb .content a:hover { color: #982022; }
html body.daily #articles article.thumb .content a.external:after { content: url(/occrp/templates/occrp/assets/images/link-icon.png); margin-left: 0.3125em; }
html body.daily #articles article.thumb .content figure figcaption a { color: #231f20; text-decoration: none; }
html body.daily #articles article.thumb .content figure figcaption a:hover { color: #982022; }
html body.daily #articles article.thumb .gallery { margin: 1.25em 0; position: relative; height: 100%; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; border: 1px solid; padding: 1.875em; width: calc(100% - 3.75em); padding: 1.25em; text-align: center; overflow: hidden; }
html body.daily #articles article.thumb .gallery .before, html body.daily #articles article.thumb .gallery .after { font-size: 150%; position: absolute; top: 40%; z-index: 2; cursor: pointer; background: #231f20; color: white; padding: 0.3125em; }
html body.daily #articles article.thumb .gallery .before a, html body.daily #articles article.thumb .gallery .after a { color: white; text-decoration: none; }
html body.daily #articles article.thumb .gallery .before a:hover, html body.daily #articles article.thumb .gallery .after a:hover { color: white; }
html body.daily #articles article.thumb .gallery .before:before, html body.daily #articles article.thumb .gallery .after:before { content: "\2794"; }
html body.daily #articles article.thumb .gallery .before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; padding-top: .25em; padding-bottom: .4em; }
html body.daily #articles article.thumb .gallery .after { right: 0; float: right; }
html body.daily #articles article.thumb .gallery article, html body.daily #articles article.thumb .gallery .gallery-item { display: none; }
html body.daily #articles article.thumb .gallery article:first-of-type, html body.daily #articles article.thumb .gallery .gallery-item:first-of-type { display: block; }
html body.daily #articles article.thumb .gallery figure div.image-holder { padding-top: 0; overflow: visible; }
html body.daily #articles article.thumb .gallery figure div.image-holder img { position: relative; width: 100%; }
html body.daily #articles article.thumb .gallery figure div.image-holder img { width: auto !important; }
html body.daily #articles article.thumb .gallery figure figcaption { display: none; }
html body.daily #articles article.thumb .gallery span { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; background: #231f20; color: white; padding: 0.3125em 0.625em; font-size: small; cursor: pointer; }
html body.daily #articles article.thumb .gallery span a { color: white; text-decoration: none; }
html body.daily #articles article.thumb .gallery span a:hover { color: white; }
html body.daily #articles article.thumb .gallery span.close { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0.625em; display: none; }
html body.daily #articles article.thumb h1 { font-size: medium; }
html body.daily #articles article.thumb h1, html body.daily #articles article.thumb h2, html body.daily #articles article.thumb h3, html body.daily #articles article.thumb h4, html body.daily #articles article.thumb h5, html body.daily #articles article.thumb h6 { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; line-height: 1.25; padding: 0; }
html body.daily #articles article.thumb h1 { font-size: 20px; font-size: 1.25rem; font-weight: bold; }
html body.daily #articles article.thumb h2 { font-size: 20px; font-size: 1.25rem; font-weight: normal; text-transform: uppercase; letter-spacing: 1.1px; }
html body.daily #articles article.thumb h3 { font-size: 20px; font-size: 1.25rem; font-weight: normal; }
html body.daily #articles article.thumb h4 { font-size: larger; font-weight: normal; }
html body.daily #articles article.thumb h1, html body.daily #articles article.thumb h2, html body.daily #articles article.thumb h3, html body.daily #articles article.thumb h4, html body.daily #articles article.thumb h5, html body.daily #articles article.thumb h6 { margin-top: 0; margin-bottom: 0; padding: 1.45833em 0; }
html body.daily #articles article.thumb ul { list-style: none outside; }
html body.daily #articles article.thumb ul li { /* When parent positioned to 'relative' the children (:before) can be positioned to 'absolute' - this way we can perfectly align the bullets / numbering to the list content
*/ position: relative; padding-left: 1.25em; }
html body.daily #articles article.thumb ul li:before { content: "\2022"; /* A Safari & Chrome fix */ /* making the content of the list perfectly align with numbering - <li> is relatively positioned - :the numbering (:before) is aboslutely positioned within <li> and fixed to left - the the <li> content has a padding-left to not overlap the numbering
*/ position: absolute; left: 0; font-weight: bold; }
html body.daily #articles article.thumb ol { list-style: none outside; counter-reset: ol-counter; }
html body.daily #articles article.thumb ol li { /* When parent positioned to 'relative' the children (:before) can be positioned to 'absolute' - this way we can perfectly align the bullets / numbering to the list content
*/ position: relative; padding-left: 1.25em; }
html body.daily #articles article.thumb ol li:before { content: ""; /* A Safari & Chrome fix */ content: none; /* making the content of the list perfectly align with numbering - <li> is relatively positioned - :the numbering (:before) is aboslutely positioned within <li> and fixed to left - the the <li> content has a padding-left to not overlap the numbering
*/ position: absolute; left: 0; font-weight: bold; }
html body.daily #articles article.thumb ol li { counter-increment: ol-counter; }
html body.daily #articles article.thumb ol li:before { content: counter(ol-counter,decimal) "."; }
html body.daily #articles article.thumb dl dt { font-size: 20px; font-size: 1.25rem; font-weight: normal; text-transform: uppercase; letter-spacing: 1.1px; }
html body.daily #articles article.thumb table { width: 100%; display: table !important; }
html body.daily #articles article.thumb table caption { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; margin-bottom: 0.3125em; }
html body.daily #articles article.thumb table thead { background: #231f20; color: white; }
html body.daily #articles article.thumb table thead a { color: white; text-decoration: none; }
html body.daily #articles article.thumb table thead a:hover { color: white; }
html body.daily #articles article.thumb table thead th, html body.daily #articles article.thumb table tbody td { padding: 0.625em; padding-left: 0; }
html body.daily #articles article.thumb table thead th:first-of-type, html body.daily #articles article.thumb table tbody td:first-of-type { padding-left: 1px; }
html body.daily #articles article.thumb table tbody td { border-bottom: 1px solid #332d2f; }
html body.daily #articles article.thumb figure img { width: auto; }
html body.daily #articles article.thumb figure figcaption { padding: 0.3125em; font-size: smaller; }
html body.daily #articles article.thumb figure figcaption h1, html body.daily #articles article.thumb figure figcaption h2, html body.daily #articles article.thumb figure figcaption h3, html body.daily #articles article.thumb figure figcaption h4, html body.daily #articles article.thumb figure figcaption h5, html body.daily #articles article.thumb figure figcaption h6 { margin: 0; padding: 0; }
html body.daily #articles article.thumb form { /* Reset */ /* Stretching and padding */ /* Text */ /* Button */ /* Image */ /* Label
*/ }
html body.daily #articles article.thumb form input, html body.daily #articles article.thumb form textarea, html body.daily #articles article.thumb form select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
html body.daily #articles article.thumb form input, html body.daily #articles article.thumb form textarea, html body.daily #articles article.thumb form label { width: 100%; max-width: 100%; float: left; }
html body.daily #articles article.thumb form input, html body.daily #articles article.thumb form textarea { padding: 0.3125em; width: calc(100% - 0.625em); margin-bottom: 0.625em; }
html body.daily #articles article.thumb form input[type='text'], html body.daily #articles article.thumb form input[type='email'], html body.daily #articles article.thumb form input[type='password'], html body.daily #articles article.thumb form input[type='url'], html body.daily #articles article.thumb form input[type='search'], html body.daily #articles article.thumb form textarea { border: 1px solid #231f20; font-style: italic; }
html body.daily #articles article.thumb form input[type='submit'] { width: auto; text-transform: uppercase; letter-spacing: 1.1px; border: 1px solid #231f20; background: #231f20; color: white; cursor: pointer; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
html body.daily #articles article.thumb form input[type='submit'] a { color: white; text-decoration: none; }
html body.daily #articles article.thumb form input[type='submit'] a:hover { color: white; }
html body.daily #articles article.thumb form input[type='submit']:hover { background: white; color: #231f20; }
html body.daily #articles article.thumb form input[type='submit']:hover a { color: #231f20; text-decoration: none; }
html body.daily #articles article.thumb form input[type='submit']:hover a:hover { color: #982022; }
html body.daily #articles article.thumb form input[type="image"] { width: auto; }
html body.daily #articles article.thumb form label { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; }
html body.daily #articles article.thumb q { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; }
html body.daily #articles article.thumb q:before { content: '\201C'; }
html body.daily #articles article.thumb q:after { content: '\201D'; }
html body.daily #articles article.thumb blockquote { width: 100%; max-width: 100%; float: left; border-left: 0.3125em solid; border-color: #982022; background: #f1f1f1; padding: 1.25em; width: calc(100% - 2.5em); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; }
html body.daily #articles article.thumb code, html body.daily #articles article.thumb pre { background: #f1f1f1; color: #231f20; padding: 0.3125em; font-family: "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace; }
html body.daily #articles article.thumb code a, html body.daily #articles article.thumb pre a { color: #231f20; text-decoration: none; }
html body.daily #articles article.thumb code a:hover, html body.daily #articles article.thumb pre a:hover { color: white; }
html body.daily #articles article.thumb pre { white-space: pre-line; padding: 1.25em; }
html body.daily #articles article.thumb hr { margin: 1.25em 0; }
html body.daily #articles article.thumb em, html body.daily #articles article.thumb i { font-style: italic; }
html body.daily #articles article.thumb strong, html body.daily #articles article.thumb b { font-weight: bold; }
html body.daily #articles article.thumb small { font-size: small; }
html body.daily #articles article.thumb s { text-decoration: line-through; }
html body.daily #articles article.thumb cite { font-style: italic; }
html body.daily #articles article.thumb q { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: 'Bitter', serif; font-style: italic; }
html body.daily #articles article.thumb q:before { content: '\201C'; }
html body.daily #articles article.thumb q:after { content: '\201D'; }
html body.daily #articles article.thumb dfn { border-bottom: 1px solid #f1f1f1; }
html body.daily #articles article.thumb abbr { font-variant: small-caps; }
html body.daily #articles article.thumb time { font-size: small; color: #332d2f; font-style: normal; }
html body.daily #articles article.thumb var { font-style: italic; }
html body.daily #articles article.thumb samp, html body.daily #articles article.thumb kbd { font-family: "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace; font-weight: bold; font-size: small; }
html body.daily #articles article.thumb sup { vertical-align: super; font-size: small; }
html body.daily #articles article.thumb sub { vertical-align: sub; font-size: small; }
html body.daily #articles article.thumb mark { background: #231f20; color: white; padding: 0.3125em; }
html body.daily #articles article.thumb mark a { color: white; text-decoration: none; }
html body.daily #articles article.thumb mark a:hover { color: white; }
html body.daily #articles article.thumb del { text-decoration: line-through; }
html body.daily #articles article.thumb ins { background: #f1f1f1; color: #231f20; padding: 0.3125em; }
html body.daily #articles article.thumb ins a { color: #231f20; text-decoration: none; }
html body.daily #articles article.thumb ins a:hover { color: white; }
html body.daily #articles article.thumb address { font-size: small; color: #332d2f; max-width: 21.875em; }
html body.daily #articles article.thumb label.select { width: 100%; max-width: 100%; float: left; }
html body.daily #articles article.thumb label.select:after { content: "\2794"; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); float: right; display: inline-block; position: relative; padding: 0; left: -0.3125em; background: white; font-size: 150%; top: -1.5em; margin-right: 0.3125em; pointer-events: none; /* this is a must */ cursor: pointer; }
html body.daily #articles article.thumb label.select select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 1px solid; cursor: pointer; width: 100%; padding: 0.3125em; }
html body.daily #articles article.thumb input[type='radio'], html body.daily #articles article.thumb input[type='checkbox'] { display: none; }
html body.daily #articles article.thumb input[type='radio'] + label, html body.daily #articles article.thumb input[type='checkbox'] + label { display: inline-block; }
html body.daily #articles article.thumb input[type='radio'] + label:after { content: "\2610"; margin-right: 0.625em; }
html body.daily #articles article.thumb input[type='radio']:checked + label:after { content: "\25a3"; }
html body.daily #articles article.thumb input[type='checkbox'] + label:after { content: "\2610"; margin-right: 0.3125em; font-size: 150%; position: relative; top: 0.15625em; }
html body.daily #articles article.thumb input[type='checkbox']:checked + label:after { content: "\2611"; }
html body.daily #articles article.thumb ul.checkbox li { display: block; margin-right: none; float: none; padding-left: 0; }
html body.daily #articles article.thumb ul.checkbox li:before { content: none; }
html body.daily #articles article.thumb ul, html body.daily #articles article.thumb ol, html body.daily #articles article.thumb dl, html body.daily #articles article.thumb table, html body.daily #articles article.thumb figure, html body.daily #articles article.thumb form, html body.daily #articles article.thumb q, html body.daily #articles article.thumb blockquote, html body.daily #articles article.thumb pre, html body.daily #articles article.thumb code { margin: 1.25em 0; }
html body.daily #articles article.thumb figure { margin-top: 1.25em; }
html body.daily #articles article.thumb figure + figure { margin-top: 0; }
html body.daily #articles article.thumb dd + dt { margin-top: 1.25em; }
html body.daily #articles article.thumb p + p { margin-top: 1.25em; }
html body.daily #articles article.thumb h1 + h2, html body.daily #articles article.thumb h2 + h3 { padding-top: 0; }
html body.daily #articles article.thumb h1 + ul, html body.daily #articles article.thumb h2 + ul, html body.daily #articles article.thumb h3 + ul, html body.daily #articles article.thumb h1 + ol, html body.daily #articles article.thumb h2 + ol, html body.daily #articles article.thumb h3 + ol, html body.daily #articles article.thumb h1 + figure, html body.daily #articles article.thumb h2 + figure, html body.daily #articles article.thumb h3 + figure, html body.daily #articles article.thumb h1 + nav { margin-top: 0; }
html body.daily #articles article.thumb li ul, html body.daily #articles article.thumb li ol { margin-top: 0; }
html body.daily #articles article.thumb h1 { padding-bottom: 0; }
html body.daily #articles article.thumb .excerpt { display: block; padding-left: 0; }
@media only screen and (max-width: 79.999em) { html body.daily #articles article.thumb { background: none; }
  html body.daily #articles article.thumb h1, html body.daily #articles article.thumb .excerpt { width: 100%; max-width: 100%; float: left; }
  html body.daily #articles article.thumb h1 { padding-top: 0; } }
html body.videos article { position: relative; width: 100%; height: 100%; }
html body.videos article span.icon { position: relative; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: .7; }
html body.frontpage #header nav ul li.frontpage a { background: #982022; color: white; }
html body.frontpage #header nav ul li.frontpage a a { color: #231f20; text-decoration: none; }
html body.frontpage #header nav ul li.frontpage a a:hover { color: white; }
html body.investigations #header nav ul li.investigations a { background: #982022; color: white; }
html body.investigations #header nav ul li.investigations a a { color: #231f20; text-decoration: none; }
html body.investigations #header nav ul li.investigations a a:hover { color: white; }
html body.resources #header nav ul li.resources a { background: #982022; color: white; }
html body.resources #header nav ul li.resources a a { color: #231f20; text-decoration: none; }
html body.resources #header nav ul li.resources a a:hover { color: white; }
html body.blog #header nav ul li.blog a { background: #982022; color: white; }
html body.blog #header nav ul li.blog a a { color: #231f20; text-decoration: none; }
html body.blog #header nav ul li.blog a a:hover { color: white; }
html body.daily #header nav ul li.daily a { background: #982022; color: white; }
html body.daily #header nav ul li.daily a a { color: #231f20; text-decoration: none; }
html body.daily #header nav ul li.daily a a:hover { color: white; }
html body.about-us #header nav ul li.about-us a { background: #982022; color: white; }
html body.about-us #header nav ul li.about-us a a { color: #231f20; text-decoration: none; }
html body.about-us #header nav ul li.about-us a a:hover { color: white; }
html body.contact-us #header nav ul li.contact-us a { background: #982022; color: white; }
html body.contact-us #header nav ul li.contact-us a a { color: #231f20; text-decoration: none; }
html body.contact-us #header nav ul li.contact-us a a:hover { color: white; }
html body.russia #header #tags ul li.russia a { background: #982022; color: white; }
html body.russia #header #tags ul li.russia a a { color: #231f20; text-decoration: none; }
html body.russia #header #tags ul li.russia a a:hover { color: white; }
html body.about-us aside #subpages nav li#about a { background: #982022; color: white; }
html body.about-us aside #subpages nav li#about a a { color: #231f20; text-decoration: none; }
html body.about-us aside #subpages nav li#about a a:hover { color: white; }
html body.history aside #subpages nav li#history a { background: #982022; color: white; }
html body.history aside #subpages nav li#history a a { color: #231f20; text-decoration: none; }
html body.history aside #subpages nav li#history a a:hover { color: white; }
html body.members aside #subpages nav li#members a { background: #982022; color: white; }
html body.members aside #subpages nav li#members a a { color: #231f20; text-decoration: none; }
html body.members aside #subpages nav li#members a a:hover { color: white; }
html body.staff aside #subpages nav li#staff a { background: #982022; color: white; }
html body.staff aside #subpages nav li#staff a a { color: #231f20; text-decoration: none; }
html body.staff aside #subpages nav li#staff a a:hover { color: white; }
html body.board-directors aside #subpages nav li#board-directors a { background: #982022; color: white; }
html body.board-directors aside #subpages nav li#board-directors a a { color: #231f20; text-decoration: none; }
html body.board-directors aside #subpages nav li#board-directors a a:hover { color: white; }
html body.jobs aside #subpages nav li#jobs a { background: #982022; color: white; }
html body.jobs aside #subpages nav li#jobs a a { color: #231f20; text-decoration: none; }
html body.jobs aside #subpages nav li#jobs a a:hover { color: white; }
html body.awards aside #subpages nav li#awards a { background: #982022; color: white; }
html body.awards aside #subpages nav li#awards a a { color: #231f20; text-decoration: none; }
html body.awards aside #subpages nav li#awards a a:hover { color: white; }
html body.announcements aside #subpages nav li#announcements a { background: #982022; color: white; }
html body.announcements aside #subpages nav li#announcements a a { color: #231f20; text-decoration: none; }
html body.announcements aside #subpages nav li#announcements a a:hover { color: white; }
html body.occrp-in-news aside #subpages nav li#occrp-in-news a { background: #982022; color: white; }
html body.occrp-in-news aside #subpages nav li#occrp-in-news a a { color: #231f20; text-decoration: none; }
html body.occrp-in-news aside #subpages nav li#occrp-in-news a a:hover { color: white; }
html body.activities aside #subpages nav li#activities a { background: #982022; color: white; }
html body.activities aside #subpages nav li#activities a a { color: #231f20; text-decoration: none; }
html body.activities aside #subpages nav li#activities a a:hover { color: white; }
.investigations{display: block !important;}
#article{ width: 65.5%; margin-right: 2.5%; float: left; }
#sidebar { width: 31.5%; margin-right: 2.5%; float: left; margin-right: 0; margin-top: 0; }

.related {
    color: #982022;
    display: block;
    font-family: 'Droid Sans',sans-serif;
    font-size: small;
    font-weight: bold;
    letter-spacing: 1.1px;
    text-transform: uppercase;
	line-height: 1.25;
	margin-bottom: 10px;
}

.relateditems li {
    color: #231f20;
    display: block;
	border-bottom: 1px solid #f1f1f1;
    font-family: 'Droid Sans',sans-serif;
    font-size: medium;
    letter-spacing: 1.1px;
	line-height: 1.25;
	margin-bottom: 10px;
	padding-bottom: 0.3125em;
}

ul.topnav li.active{
background: #982022;
color: white;
}
.moduletable h3 {display:none}
html body.investigations #articles article.thumb {height:245px;}

.top-image {
width: 100% !important;
}

.content .jce_caption:first-of-type {
width:35% !important; 
margin-bottom: 10px !important;
display: block !important;
}

.jce_caption img{
width:100% !important; 
height:100% !important;
margin:auto !important;
display:block !important;
}

.wf_caption {
width:35% !important; 
margin-bottom: 10px !important;
display: block !important;
}

.full_width {
width:100% !important; 
}

.wf_caption img{
width:100% !important; 
height:100% !important;
margin:auto !important;
display:block !important;
}

.contact h2{ 
color: #231f20;
font-size: 1.75rem;
margin: 10px 0;
}

#contact-form legend{
margin: 5px 0;
}

#contact-form label{
font-size: small;
letter-spacing: 1.1px;
text-transform: uppercase;
float: left;
width: 100%;
}

#contact-form input, #contact-form textarea {
border: 1px solid #231f20;
font-style: italic;
margin-bottom: 0.625em;
padding: 0.3125em;
width: calc(100% - 0.625em);
float: left;
width: 100%;
}

.form-actions button {
background: none repeat scroll 0 0 #231f20;
    border: 1px solid #231f20;
    color: white;
    cursor: pointer;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
    width: auto;
}

.form-actions button:hover {
background: white;
color: #231f20;
}

#subpages > h3 { display: none; }
@media only screen and (max-width: 79.999em) { #subpages > h3 { display: block; }
  #subpages h3 { margin-bottom: 0.625em; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { #subpages > h3 { display: none; } }
#subpages nav { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; border: 1px solid; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; padding: 1.25em; width: calc(100% - 2.5em); margin-bottom: 0.625em; }
#subpages nav > h3 { display: none; }
#subpages nav ul li a { padding: 0.625em 0.3125em; display: inline-block; }
#subpages nav ul li.active a, #subpages nav ul li:hover a { background: #982022; color: white; }
#subpages nav ul li.active a a, #subpages nav ul li:hover a a { color: #231f20; text-decoration: none; }
#subpages nav ul li.active a a:hover, #subpages nav ul li:hover a a:hover { color: white; }
#subpages nav ul li { border-bottom: 1px solid #f1f1f1; margin-bottom: 0.3125em; padding-bottom: 0.3125em; }

/*
.tag-category ul li{
border-bottom: 1px solid #f1f1f1;
line-height: 1.75;
margin-bottom: 0.3125em;
padding-bottom: 0.3125em;
width: 100%;
}
*/
.tag-category h3{
font-size: 1.25rem;
font-weight: bold;
margin-top: 15px;
}

.tag-category .tag-body .jce_caption{
display: none !important;
}

.tag-category .tag-body img{
display: none !important;
}

#jflanguageselection {
float: right;
}

.jflanguageselection img{
margin-right: 3px;
float: left;
}

.jflanguageselection span{
display: block;
float: left;
margin-bottom: 5px;
}

.tags > span > a{
background: none repeat scroll 0 0 #231f20;
    border: 1px solid #231f20;
    color: white;
    cursor: pointer;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
    width: auto;
	margin: 0 10px 10px 0;
	padding: 5px;
	display: block;
	float: left;
}

.tags a:hover {
background: white;
color: #231f20;
}

.gsc-control-cse {
padding: 0 !important;
}

form.gsc-search-box {
    margin: 0 !important;
}

table.gsc-search-box {
    margin-bottom: 0px !important;
}

.gsc-input-box {
    height: 18px !important;
	font-size: 14px !important;
}

.gsib_a, .gsib_b {
margin: 0 !important;
padding: 0 !important;
}

.gsst_b {
    font-size: 12px !important;
    padding: 0 !important;
}

.gsst_a {
padding: 2px 2px 0 2px !important;
}

.gscb_a {
font-size: 14px !important;
margin: 0 !important;
}

.gsc-input {
background: none !important;
margin: 0 !important;
}

.gs-title {
color: #15c !important;
display: block !important;
height: 1.4em !important;
background: transparent !important;
}

.gs-title a{
height: 1.6em !important;
padding: 0 !important;
background: transparent !important;
text-decoration: none !important;
}

a.gs-image {
background: transparent !important;
}

.gs-title a:hover{
color: #231f20 !important;
background: transparent !important;
text-decoration: none !important;
}

.gsc-webResult .gsc-result {
 margin: 0 0 20px 0 !important;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
 
blockquote cite:before {
content: "\2014 \2009";
}

/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #231f20; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#231f20;}
#mc_embed_signup .button {clear:both; background-color: #231f20; border: 1px solid #231f20; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; text-transform: uppercase; transition: all 0.5s ease-in-out 0s;}
#mc_embed_signup .button:hover {background-color:#fff; color: #231f20;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup .mfp-close {
position: static !important;
background-color: #231f20; border: 1px solid #231f20; color: #FFFFFF; cursor: pointer;
display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; text-transform: uppercase; transition: all 0.5s ease-in-out 0s;
}

#mc_embed_signup{
background:#fff;
clear:left;
font:14px Helvetica,Arial,sans-serif;
max-width: 500px !important;
margin: auto auto;
}

.subscribe > span > a{
background: none repeat scroll 0 0 #231f20;
    border: 1px solid #231f20;
    color: white;
    cursor: pointer;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
    width: auto;
	margin: 0 10px 10px 0;
	padding: 5px;
	display: block;
	float: left;
margin: 0 auto 10px auto;
}

.subscribe a:hover {
background: white;
color: #231f20;
}

.clear {
clear: both;
}

.subscribe {
text-align: center;
}

}

#subpages > h3 { display: none; }
@media only screen and (max-width: 79.999em) { #subpages > h3 { display: block; }
  #subpages h3 { margin-bottom: 0.625em; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { #subpages > h3 { display: none; } }
#subpages nav { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; border: 1px solid; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; padding: 1.25em; width: calc(100% - 2.5em); margin-bottom: 0.625em; }
#subpages nav > h3 { display: none; }
#subpages nav ul li a { padding: 0.625em 0.3125em; display: inline-block; }
#subpages nav ul li.active a, #subpages nav ul li:hover a { background: #982022; color: white; }
#subpages nav ul li.active a a, #subpages nav ul li:hover a a { color: #231f20; text-decoration: none; }
#subpages nav ul li.active a a:hover, #subpages nav ul li:hover a a:hover { color: white; }
#subpages nav ul li { border-bottom: 1px solid #f1f1f1; margin-bottom: 0.3125em; padding-bottom: 0.3125em; }

.tag-category h3{
font-size: 1.25rem;
font-weight: bold;
margin-top: 15px;
}

.tag-category .tag-body .jce_caption{
display: none !important;
}

.tag-category .tag-body img{
display: none !important;
}

#jflanguageselection {
float: right;
}

.jflanguageselection img{
margin-right: 3px;
float: left;
}

.jflanguageselection span{
display: block;
float: left;
margin-bottom: 5px;
}

.tags > span > a{
background: none repeat scroll 0 0 #231f20;
    border: 1px solid #231f20;
    color: white;
    cursor: pointer;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
    width: auto;
	margin: 0 10px 10px 0;
	padding: 5px;
	display: block;
	float: left;
}

.tags a:hover {
background: white;
color: #231f20;
}

.gsc-control-cse {
padding: 0 !important;
}

form.gsc-search-box {
    margin: 0 !important;
}

table.gsc-search-box {
    margin-bottom: 0px !important;
}

.gsc-input-box {
    height: 18px !important;
	font-size: 14px !important;
}

.gsib_a, .gsib_b {
margin: 0 !important;
padding: 0 !important;
}

.gsst_b {
    font-size: 12px !important;
    padding: 0 !important;
}

.gsst_a {
padding: 2px 2px 0 2px !important;
}

.gscb_a {
font-size: 14px !important;
margin: 0 !important;
}

.gsc-input {
background: none !important;
margin: 0 !important;
}

.gs-title {
color: #15c !important;
display: block !important;
height: 1.4em !important;
background: transparent !important;
}

.gs-title a{
height: 1.6em !important;
padding: 0 !important;
background: transparent !important;
text-decoration: none !important;
}

a.gs-image {
background: transparent !important;
}

.gs-title a:hover{
color: #231f20 !important;
background: transparent !important;
text-decoration: none !important;
}

.gsc-webResult .gsc-result {
 margin: 0 0 20px 0 !important;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
 
blockquote cite:before {
content: "\2014 \2009";
}

/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #231f20; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#231f20;}
#mc_embed_signup .button {clear:both; background-color: #231f20; border: 1px solid #231f20; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; text-transform: uppercase; transition: all 0.5s ease-in-out 0s;}
#mc_embed_signup .button:hover {background-color:#fff; color: #231f20;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup .mfp-close {
position: static !important;
background-color: #231f20; border: 1px solid #231f20; color: #FFFFFF; cursor: pointer;
display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; text-transform: uppercase; transition: all 0.5s ease-in-out 0s;
}

#mc_embed_signup{
background:#fff;
clear:left;
font:14px Helvetica,Arial,sans-serif;
max-width: 500px !important;
margin: auto auto;
}

.subscribe > span > a{
background: none repeat scroll 0 0 #231f20;
    border: 1px solid #231f20;
    color: white;
    cursor: pointer;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
    width: auto;
	margin: 0 10px 10px 0;
	padding: 5px;
	display: block;
	float: left;
margin: 0 auto 10px auto;
}

.subscribe a:hover {
background: white;
color: #231f20;
}

.clear {
clear: both;
}

.subscribe {
text-align: center;
}

.related {
    color: #982022;
    display: block;
    font-family: 'Droid Sans',sans-serif;
    font-size: small;
    font-weight: bold;
    letter-spacing: 1.1px;
    text-transform: uppercase;
	line-height: 1.25;
	margin-bottom: 10px;
}

.relateditems li {
    color: #231f20;
    display: block;
	border-bottom: 1px solid #f1f1f1;
    font-family: 'Droid Sans',sans-serif;
    font-size: medium;
    letter-spacing: 1.1px;
	line-height: 1.25;
	margin-bottom: 10px;
	padding-bottom: 0.3125em;
}

ul.topnav li.active{
background: #982022;
color: white;
}
.moduletable h3 {display:none}

.top-image {
width: 100% !important;
}

.content .jce_caption:first-of-type {
width:35% !important; 
margin-bottom: 10px !important;
display: block !important;
}

.jce_caption img{
width:100% !important; 
height:100% !important;
margin:auto !important;
display:block !important;
}

.wf_caption {
width:35% !important; 
margin-bottom: 10px !important;
display: block !important;
}

.full_width {
width:100% !important; 
}

.wf_caption img{
width:100% !important; 
height:100% !important;
margin:auto !important;
display:block !important;
}

.contact h2{ 
color: #231f20;
font-size: 1.75rem;
margin: 10px 0;
}

#contact-form legend{
margin: 5px 0;
}

#contact-form label{
font-size: small;
letter-spacing: 1.1px;
text-transform: uppercase;
float: left;
width: 100%;
}

#contact-form input, #contact-form textarea {
border: 1px solid #231f20;
font-style: italic;
margin-bottom: 0.625em;
padding: 0.3125em;
width: calc(100% - 0.625em);
float: left;
width: 100%;
}

.form-actions button {
background: none repeat scroll 0 0 #231f20;
    border: 1px solid #231f20;
    color: white;
    cursor: pointer;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
    width: auto;
}

.form-actions button:hover {
background: white;
color: #231f20;
}

@media only screen and (max-width: 29.999em) { html body.daily #articles article.thumb { width: 100%; max-width: 100%; float: left; } }
html body.daily #articles .title { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-family: 'Droid Sans', sans-serif; font-weight: bold; background: white; color: #982022; }
html body.daily #articles .title a { color: #982022; text-decoration: none; }
html body.daily #articles .title a:hover { color: #231f20; }
html body.daily #articles nav { margin: 1.25em 0; }
html body.daily #articles nav > h3 { display: none; }
html body.daily #articles nav ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.daily #articles nav ul li:last-of-type { margin-right: 0; }
html body.daily #articles nav ul li { background: #f1f1f1; color: #231f20; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; }
html body.daily #articles nav ul li a { color: #231f20; text-decoration: none; }
html body.daily #articles nav ul li span { color: #231f20; text-decoration: none; }
html body.daily #articles nav ul li a:hover { color: white; }
html body.daily #articles nav ul li span:hover { color: white; }
@media only screen and (max-width: 47.999em) and (orientation: landscape) { html body.daily #articles nav ul li:nth-of-type(6), html body.daily #articles nav ul li:nth-of-type(7) { display: none; } }
html body.daily #articles nav ul li a { padding: 0.625em 0.9375em; display: block; }
html body.daily #articles nav ul li span { padding: 0.625em 0.9375em; display: block; }
html body.daily #articles nav ul li.active a, html body.daily #articles nav ul li:hover a { background: #982022; color: white; }
html body.daily #articles nav ul li.active a a, html body.daily #articles nav ul li:hover a a { color: #231f20; text-decoration: none; }
html body.daily #articles nav ul li.active a a:hover, html body.daily #articles nav ul li:hover a a:hover { color: white; }
@media only screen and (max-width: 47.999em) { html body.daily #articles nav ul { font-size: small; } }

html body.investigations #articles nav ul li { display: inline-block; float: left; margin-right: 0.625em; }
html body.investigations #articles nav ul li:last-of-type { margin-right: 0; }
html body.investigations #articles nav ul li { background: #f1f1f1; color: #231f20; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; }
html body.investigations #articles nav ul li a { color: #231f20; text-decoration: none; }
html body.investigations #articles nav ul li span { color: #231f20; text-decoration: none; }
html body.investigations #articles nav ul li a:hover { color: white; }
html body.investigations #articles nav ul li span:hover { color: white; }
@media only screen and (max-width: 47.999em) and (orientation: landscape) { html body.investigations #articles nav ul li:nth-of-type(6), html body.investigations #articles nav ul li:nth-of-type(7) { display: none; } }
html body.investigations #articles nav ul li a { padding: 0.625em 0.9375em; display: block; }
html body.investigations #articles nav ul li span { padding: 0.625em 0.9375em; display: block; }
html body.investigations #articles nav ul li.active a, html body.investigations #articles nav ul li:hover a { background: #982022; color: white; }
html body.investigations #articles nav ul li.active a a, html body.investigations #articles nav ul li:hover a a { color: #231f20; text-decoration: none; }
html body.investigations #articles nav ul li.active a a:hover, html body.investigations #articles nav ul li:hover a a:hover { color: white; }
@media only screen and (max-width: 47.999em) { html body.investigations #articles nav ul { font-size: small; } }

html body.daily main #sidebar section article { width: 100%; max-width: 100%; float: left; margin-bottom: 0.3125em; background: #f1f1f1; color: #231f20; background: white; color: #231f20; border-bottom: 1px solid #f1f1f1; padding-bottom: 0.3125em; }
html body.daily main #sidebar section article h1 { display: block; }
html body.daily main #sidebar section article figure { display: block; }
html body.daily main #sidebar section article figcaption { display: none; }
html body.daily main #sidebar section article a { color: #231f20; text-decoration: none; }
html body.daily main #sidebar section article a:hover { color: #982022; }
html body.daily main #sidebar section article h1 { font-weight: normal; }

.menu li a {
font-size: 0.96em !important;
}

.sidebar {
float: right;
width: 45%;
margin: 10px;
padding: 10px;
border: 1px solid;
font-size: 14px;
box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20;
}

.sidebar-left {
float: left;
width: 45%;
margin: 10px;
padding: 10px;
border: 1px solid;
font-size: 14px;
box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20;
}

.youtube {
background: #000;
}

.youtube img {
margin-top: 15px;
}

.dacic-video {
background: #eeeeee;
padding: 0 10px;
margin-top: 20px;
}

.dacic-video h2{
margin: 0 !important;
padding: 15px 0 0 0 !important;
}

.panamapapers {
width: 100%;
height: auto;
margin: 0 0 10px 0;
}

.gijn {
display: block;
text-align: center;
margin: -20px 0 10px 0;
}

@media only screen and (max-width: 79.999em) { .gijn {margin: 10px 0 10px 0;} }