/*
Theme Name: scapegoat
Theme URI: http://experimental.zutrinken.com/
Author: Peter Amende
Author URI: http://www.zutrinken.com
Version: 1.6.5
Description: This Theme is made by Peter Amende for the Piratenpartei Berlin, Germany.
Tags: light, white, grey, two-columns, right-sidebar, flexible-width, custom-menu, editor-style, featured-images, sticky-post, theme-options, translation-ready
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*
## Index
01 Fonts
02 Reset
03 WP-Presets
04 Presets
05 Arcticle
06 Comments
07 Layout
08 Frontpage
09 Widgets
10 Navigation
11 Media Queries
▲
▲ ▲
Grey: #f4f4f4
#d1d1d1
#bfbfbf
#808080
#404040
#232323
#181818
Grey: #f7f9fa
Orange: #f80
#ff6f00
#f50
Blue: #0077b3
#005580
*/
/*-----------------------------------------------------------------------------------*/
/* Fonts
/*-----------------------------------------------------------------------------------*/
@font-face {
font-family: 'PoliticsHeadBold';
src: url('fonts/PoliticsHeadv1_9.eot');
src: local('☺'), url('fonts/PoliticsHeadv1_9.woff') format('woff'), url('fonts/PoliticsHeadv1_9.ttf') format('truetype'), url('fonts/PoliticsHeadv1_9.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/*-----------------------------------------------------------------------------------*/
/* Reset
/*-----------------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
body { font-family: sans-serif; *font-size:small; }
select, input, textarea, button { font-family: sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
a:focus { outline: thin dotted; }
ul, ol { margin-left: 0; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: middle; }
input[type="checkbox"] { vertical-align: middle; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
::-moz-selection { background: #0077b3; color: #fff; text-shadow: none; }
::selection { background:#0077b3; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #0077b3; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
body, select, input, textarea { color: #444; }
h1, h2, h3, h4, h5, h6, h7 {}
a, a:active, a:visited { color: inherit; text-decoration: none;}
a:hover, a:focus {}
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after, .clear { clear: both; }
.clearfix { zoom: 1; }
/*-----------------------------------------------------------------------------------*/
/* WP Stuff
/*-----------------------------------------------------------------------------------*/
/* ------------------------------ Alignments */
.alignnone {
margin: 1.5em auto 1.5em;
}
.aligncenter,
.center {
text-align: center;
display: block;
margin: 1em auto 1.5em;
}
figure.aligncenter,
img.center,
img[align="center"] {
display: block;
margin: 1em auto 1.5em;
}
.alignleft {
float: left;
}
figure.alignleft,
img.alignleft,
img[align="left"] {
float: left;
margin: 1em 3em 1.5em 0;
}
.alignright {
float: right;
}
figure.alignright,
img.alignright,
img[align="right"] {
float: right;
margin: 1em 0 1.5em 3em;
}
/* ------------------------------ Caption */
.wp-caption {
max-width: 100%;
height: auto;
font-size: 0.7em;
line-height: 1em;
}
.wp-caption .wp-caption-text {
display: block;
text-align: center;
margin: 0.2em 0 0;
padding: 0;
color: #808080;
}
.wp-caption .wp-caption-text a,
.wp-caption .wp-caption-text a:active
.wp-caption .wp-caption-text a:visited {
color: inherit;
text-decoration: underline;
}
.wp-caption .wp-caption-text a:hover,
.wp-caption .wp-caption-text a:focus {
text-decoration: none;
}
/* ------------------------------ Gallery */
.gallery {
margin: auto;
font-size: 0.7em;
line-height: 1em;
}
.gallery .gallery-item {
text-align: center;
margin: auto;
}
.gallery .gallery-item .gallery-icon {
padding: 10px;
}
.gallery .gallery-item .gallery-icon img {
border: 2px solid #fff !important;
-webkit-box-shadow: 0 0 5px #bbb;
-moz-box-shadow: 0 0 5px #bbb;
box-shadow: 0 0 5px #bbb;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.gallery .gallery-item:hover .gallery-icon img,
.gallery .gallery-item:focus .gallery-icon img {
-webkit-box-shadow: 0 0 0 5px #ddd;
-moz-box-shadow: 0 0 0 5px #ddd;
box-shadow: 0 0 0 5px #ddd;
}
.gallery .gallery-item .gallery-caption {
margin: 0;
color: #808080;
}
.gallery .gallery-item .gallery-caption a,
.gallery .gallery-item .gallery-caption a:active
.gallery .gallery-item .gallery-caption a:visited {
color: inherit;
text-decoration: underline;
}
.gallery .gallery-item .gallery-caption a:hover,
.gallery .gallery-item .gallery-caption a:focus {
text-decoration: none;
}
/* ------------------------------ Shortcodes - Coloumns */
.two-columns-one {
width: 48%;
}
.three-columns-one {
width: 30.66666666666667%;
}
.three-columns-two {
width: 65.333%;
}
.four-columns-one {
width: 22%;
}
.four-columns-two {
width: 48%;
}
.four-columns-three {
width: 74%;
}
.two-columns-one,
.three-columns-one,
.three-columns-two,
.four-columns-one,
.four-columns-two,
.four-columns-three {
position:relative;
float:left;
margin-right:4%;
margin-bottom:0;
}
.last {
clear: right;
margin-right: 0;
}
.divider {
width: 100%;
margin-bottom: 1.5em;
padding-top: 1.5em;
display: block;
clear: both;
}
/* ------------------------------ Shortcodes - Buttons */
.standard-btn {
display: inline-block;
margin: 0.5em 0.5em 0;
padding: 0.75em 1em;
overflow: hidden;
cursor: pointer;
font-size: 1em;
text-align: center;
font-weight: 400;
text-decoration: none !important;
-webkit-transition:.2s background ease;
-moz-transition:.2s background ease;
transition:.2s background ease;
-webkit-border-radius: 0.125em;
-moz-border-radius: 0.125em;
border-radius: 0.125em;
color: #fff !important;
background: #f80;
border: 0.125em solid #f56a00;
}
.standard-btn:hover {
border: 0.125em solid #f55200;
background: #ff6f00;
}
.standard-btn:focus {
border: 0.125em solid #f53900;
background: #f50;
}
.round-btn {
-webkit-border-radius: 10em;
-moz-border-radius: 10em;
border-radius: 10em;
}
.bold-btn {
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
}
.standard-btn.xsmall-btn.bold-btn {
font-size:10px;
}
.standard-btn.small-btn.bold-btn {
font-size:12px;
}
.standard-btn.bold-btn {
font-size:14px;
}
.standard-btn.large-btn.bold-btn {
font-size:16px;
}
.standard-btn.xlarge-btn.bold-btn {
font-size:18px;
}
.standard-btn.xsmall-btn {
padding: 0.25em 0.75em;
font-size: 0.75em;
}
.standard-btn.small-btn {
padding: 0.5em 1em;
font-size: 0.875em;
}
.standard-btn.large-btn {
margin: 0.75em 0.75em 0;
padding: 1em 1.25em;
font-size: 1.125em;
}
.standard-btn.xlarge-btn {
margin: 1em 1em 0;
padding: 1.25em 1.5em;
font-size: 1.25em;
}
.blue-btn,
.red-btn,
.green-btn,
.grey-btn,
.lightgrey-btn,
.darkgrey-btn {
border-color: transparent !important;
border-color: rgba(0,0,0,0.1) !important;
}
.blue-btn {
background: #0077b3;
}
.blue-btn:hover,
.blue-btn:focus {
background: #005580;
}
.red-btn {
background: #cc3314;
}
.red-btn:hover,
.red-btn:focus {
background: #a62911;
}
.green-btn {
background: #89b336;
}
.green-btn:hover,
.green-btn:focus {
background: #75992e;
}
.grey-btn {
background: #808080;
}
.grey-btn:hover,
.grey-btn:focus {
background: #404040;
}
.lightgrey-btn {
background: #bfbfbf;
}
.lightgrey-btn:hover,
.lightgrey-btn:focus {
background: #808080;
}
.darkgrey-btn {
background: #404040;
}
.darkgrey-btn:hover,
.darkgrey-btn:focus {
background: #000;
}
/* ------------------------------ Searchform */
.searchform {
position: relative;
}
.searchform .searchinput {
width: 100%;
height: 3em;
}
.searchform .searchinput:hover,
.searchform .searchinput:focus {}
.searchform .searchsubmit {
position: absolute;
right: 0;
top: 0;
border: 0;
font-size: 1.25em;
display: block;
padding: 0;
margin: 3px;
color: #0077b3;
background: transparent;
width: 2em;
height: 2em;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.searchform .searchsubmit:hover,
.searchform .searchsubmit:focus {
color: #005580;
}
/*-----------------------------------------------------------------------------------*/
/* Presets
/*-----------------------------------------------------------------------------------*/
body,
input,
select,
textarea {
font-family: 'Open Sans', 'Helvetica Neue', 'Arial', Sans-Serif;
font-size: 1em;
line-height: 1.5em;
font-weight: 400;
vertical-align: baseline;
color: #404040;
-webkit-font-smoothing: antialiased;
-webkit-text-shadow: rgba(255,255,255,0.01) 0 0 1px;
}
/* ------------------------------ Headlines */
h1, h2, h3, h4, h5, h6, h7 {
font-family: 'PoliticsHeadBold', 'Helvetica Neue', 'Arial', Sans-Serif;
font-weight: 400;
margin: 1em 0;
color: #181818;
}
h1 {
font-size: 2.4em;
line-height: 1em;
}
h2 {
font-size: 1.9em;
line-height: 1em;
}
h3 {
font-size: 1.5em;
line-height: 1em;
}
h4 {
font-size: 1.2em;
line-height: 1em;
}
h5 {
font-size: 1em;
line-height: 1em;
}
h6 {
font-size: 1em;
line-height: 1em;
}
/* ------------------------------ Text */
a,
a:active,
a:visited {
color: #f80;
}
a:hover,
a:focus {
color: #f50;
}
.article a[href*="/feed"],
.article a[href*="mailto:"],
.article a[href*="app.net"],
.article a[href*="tumblr.com"],
.article a[href*="flickr.com"],
.article a[href*="github.com"],
.article a[href*="tumblr.com"],
.article a[href*="youtube.com"],
.article a[href*="twitter.com"],
.article a[href*="facebook.com"],
.article a[href*="wikipedia.org"],
.article a[href*="plus.google.com"] {
display: inline-block;
}
.article a[href*="/feed"]:before,
.article a[href*="mailto:"]:before,
.article a[href*="app.net"]:before,
.article a[href*="tumblr.com"]:before,
.article a[href*="flickr.com"]:before,
.article a[href*="github.com"]:before,
.article a[href*="youtube.com"]:before,
.article a[href*="twitter.com"]:before,
.article a[href*="facebook.com"]:before,
.article a[href*="wikipedia.org"]:before,
.article a[href*="plus.google.com"]:before {
font-family: 'FontAwesome';
display: inline-block;
margin: 0 0.5em 0 0.25em;
color: #bfbfbf;
}
.article a[href*="/feed"]:before {
content: '\f09e';
color: #ee9900;
}
.article a[href*="mailto:"]:before {
content: '\f0e0';
/* color: #efbf00; */
}
.article a[href*="app.net"]:before {
content: '\f170';
color: #cbccce;
}
.article a[href*="tumblr.com"]:before {
content: '\f173';
color: #4f6e84;
}
.article a[href*="flickr.com"]:before {
content: '\f16e';
color: #ff0084;
}
.article a[href*="github.com"]:before {
content: '\f09b';
color: #4183c4;
}
.article a[href*="youtube.com"]:before {
content: '\f16a';
color: #c6312b;
}
.article a[href*="twitter.com"]:before {
content: '\f099';
color: #3ea9dd;
}
.article a[href*="facebook.com"]:before {
content: '\f09a';
color: #3c5a98;
}
.article a[href*="plus.google.com"]:before {
content: '\f0d5';
color: #d14836;
}
.article a[href*="wikipedia.org"]:before {
content: '\f02d';
}
p {
margin: 1.5em 0;
}
strong {
font-weight: 700;
}
hr {
height: 1px;
margin: 3em 0;
background: #808080;
}
em,
i {
font-style: italic;
}
q {
font-style: italic;
color: #808080;
}
q:before,
q:after {
font-weight: 700;
color: #0077b3;
}
q:before {
content: '"';
}
q:after {
content: '"';
}
blockquote:before {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
color: #0077b3;
content: '\f10e';
font-size: 2em;
line-height: 100%;
position: absolute;
top: 1em;
left: 0.25em;
height: auto;
margin: 0;
padding: 0;
}
blockquote {
font-style: italic;
color: #808080;
padding: 0 0 0 4em;
margin: -1.5em 0;
overflow: auto;
position: relative;
}
cite,
small {
font-size: 0.8em;
}
pre {
overflow: hidden;
margin: 2em 0;
background: #f4f4f4;
padding: 1em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
code {
font-size: 0.8em;
}
pre code {
display: block;
padding: 2em;
margin: -1.2em;
color: #bfbfbf;
background: #404040;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
/* ------------------------------ Forms */
input,
textarea {
background: #fff;
padding: 0.5em;
margin: 0;
border: 0.125em solid #e3e3e3;
-webkit-appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
-webkit-border-radius: 0.125em;
-moz-border-radius: 0.125em;
border-radius: 0.125em;
}
input:hover,
textarea:hover {
border: 0.125em solid #bfbfbf;
}
input:focus,
textarea:focus {
color: #404040;
border: 0.125em solid #0077b3;
-webkit-box-shadow: 0 0.0625em 0.5em rgba(0,119,179,0.25) inset;
-moz-box-shadow: 0 0.0625em 0.5em rgba(0,119,179,0.25) inset;
box-shadow: 0 0.0625em 0.5em rgba(0,119,179,0.25) inset;
}
input[type="submit"],
input[type="button"],
input[type="reset"] {
color: #fff !important;
padding: 0.75em 1.5em;
background: #f80;
border: 0.125em solid #f56a00;
cursor: pointer;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
border: 0.125em solid #f55200;
background: #ff6f00;
}
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
border: 0.125em solid #f53900;
background: #f50;
}
input[type="radio"],
input[type="checkbox"] {
background: transparent;
padding: 0;
border: 0;
border: 0.125em solid #e3e3e3;
}
input[type="radio"] {
-webkit-appearance: radio;
}
input[type="checkbox"] {
-webkit-appearance: checkbox;
}
/* ------------------------------ Lists */
.article ul,
.article ol,
.article dl {
margin: 1.5em 0 1.5em 2em;
}
.article ul ul,
.article ol ol,
.article ul ol,
.article ol ul {
margin: 0 0 0 2em;
}
.article ul {
list-style: none;
}
.article ol {
list-style: decimal outside none;
}
.article ol ol {
list-style: upper-alpha outside none;
}
.article ol ol ol {
list-style: lower-roman outside none;
}
.article ol ol ol ol {
list-style: lower-alpha outside none;
}
.article li {
margin: 0;
padding: 0.1em;
}
.article ul li:before {
font-family: 'FontAwesome';
content: '\f0da';
color: #0077b3;
display: block;
position: absolute;
width: 1em;
height: 1em;
margin: 0 0 0 -1.25em;
padding: 0;
}
.article dt {
font-weight: 700;
color: #0077b3;
}
.article dd {
margin: 0 0 1.5em;
}
/* ------------------------------ Tables */
.article table {
margin: 1.5em 0;
width: 100%;
}
.article th {
text-align: left;
color: #0077b3;
font-weight: 700;
font-size: 0.75em;
vertical-align: middle;
text-transform: uppercase;
letter-spacing: 0.1em;
border-bottom: 1px solid #bfbfbf;
padding: 0.5em 1em 0.5em 0.25em;
}
.article td {
border-bottom: 1px solid #bfbfbf;
padding: 0.5em 1em 0.5em 0.25em;
}
/* ------------------------------ Figures */
.size-thumbnail {}
.size-medium {}
.size-large {}
.size-full {}
img {
max-width: 100%;
height: auto;
}
object,
audio {
max-width: 100%;
}
/*-----------------------------------------------------------------------------------*/
/* Post
/*-----------------------------------------------------------------------------------*/
/* ------------------------------ Article */
.edit-link {
position: relative;
top: -0.4em;
left: 0.4em;
font-family: 'DejaWeb', 'Helvetica Neue', 'Arial', Sans-Serif;
font-size: 0.4em;
-webkit-hyphens: none;
-moz-hyphens: none;
-o-hyphens: none;
-ms-hyphens: none;
hyphens: none;
-webkit-border-radius: 0.25em;
-moz-border-radius: 0.25em;
border-radius: 0.25em;
}
.edit-link a,
.edit-link a:active,
.edit-link a:visited {
padding: 0.3em 0.6em;
background: #0077b3;
color: #fff !important;
}
.edit-link a:hover,
.edit-link a:focus {
background: #005580;
}
.hentry,
.type-attachment {
position: relative;
margin: 0 -1em 7.5em;
padding: 3em;
background: #fff;
border: 1px solid #d1d1d1;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.hentry:after {
position: absolute;
display: block;
content: '';
width: 15em;
left: 50%;
margin: 0 0 0 -7.5em;
padding: 0;
bottom: -5em;
height: 2em;
background: url('images/bg-front-post.png') no-repeat center center scroll;
background-size: 240px 16px
}
.post-title {
color: #000;
font-size: 2em;
line-height: 1em;
padding: 0;
margin: 0;
overflow: hidden;
}
.post-title a,
.post-title a:active,
.post-title a:visited {
color: #000;
}
.post-image {
position: relative;
display: block;
overflow: hidden;
margin: 1em -3em 2em;
height: 0;
padding: 0 0 36%;
}
.post-image img {
display: block;
width: 100%;
}
.post-image .post-image-caption {
position: absolute;
bottom: 0;
right: 0;
z-index: 100;
display: block;
background: rgba(0,0,0,0.5);
color: #fff;
font-size: 0.75em;
line-height: 1.5em;
padding: 0.1em 0.4em 0.2em;
}
.post-video {
margin: 1em -3em 2em;
}
.no-js .post-video {
display: none;
}
.post-image-mobile {
padding: 0 0 66%;
}
.article {
font-size: 1em;
line-height: 1.5em;
}
.post-more {
position: absolute;
right: 3em;
bottom: 2em;
display: block;
margin: -0.25em;
padding: 0.5em 0.75em;
font-size: 1em !important;
color: #fff !important;
background: #f80;
border: 0.125em solid #f56a00;
-webkit-border-radius: 0.125em;
-moz-border-radius: 0.125em;
border-radius: 0.125em;
}
.post-more:hover {
border: 0.125em solid #f55200;
background: #ff6f00;
}
.post-more:focus {
border: 0.125em solid #f53900;
background: #f50;
}
.post-meta {
color: #808080;
padding: 1em 0;
overflow: auto;
}
.post-meta > * {
font-size: 0.75em;
line-height: 1.25em;
}
.post-meta .label i {
font-size: 1.25em;
margin-right: 0.5em;
vertical-align: middle;
width: 1em;
display: inline-block;
}
.post-meta a,
.post-meta a:active,
.post-meta a:visited {
color: #808080;
border-bottom: 1px solid #e3e3e3;
}
.post-meta a:hover,
.post-meta a:focus {
border-bottom: 1px solid #bfbfbf;
}
.post-date,
.post-author,
.post-comments,
.post-categories,
.post-tags {
padding: 0.5em 1em 0.5em 0;
display: inline-block;
min-height: 1.5em;
line-height: 1.5em;
margin: 0;
}
.footer .post-tags {
padding-right: 10em;
}
.info {}
.footer {
clear: both;
float: none;
padding: 2em 3em;
min-height: 1.5em;
margin: 3em -3em -3em;
background: #f7f9fa;
border-top: 1px solid #e3e3e3;
}
/* ------------------------------ Sticky Posts */
.sticky {
background: #e5f6ff;
border: 1px solid #acd2e5;
-webkit-box-shadow: 0 1px 3px rgba(0,85,128,0.1);
-moz-box-shadow: 0 1px 3px rgba(0,85,128,0.1);
box-shadow: 0 1px 3px rgba(0,85,128,0.1);
}
.sticky .post-title,
.sticky .post-title a,
.sticky .post-title a:active,
.sticky .post-title a:visited,
.sticky .article {
color: #004466;
}
/* ------------------------------ Meta Infos - Single-View */
#post-meta {
margin: 0;
}
.sidebar .post-meta {
position: relative;
overflow: visible;
color: #404040;
}
.sidebar .post-meta > *{
font-size: 1em;
line-height: 1.5em;
}
.sidebar .post-meta a,
.sidebar .post-meta a:active,
.sidebar .post-meta a:visited {
color: #0077B3;
border: 0;
}
.sidebar .post-meta a:hover,
.sidebar .post-meta a:focus {
color: #005580;
border: 0;
}
.sidebar .post-meta > span {
display: block;
float: none;
margin: 1em 0;
padding: 0;
}
.sidebar .post-meta .label {}
.sidebar .post-meta .label i {}
.sidebar .post-meta .value {}
.sidebar .post-meta .author-avatar {
float: left;
width: 4em;
height: 4em;
padding: 0;
margin: 0.25em 1.5em 0.5em 0;
background: #000;
border: 0.25em solid #fff;
-webkit-border-radius: 0.25em;
-moz-border-radius: 0.25em;
border-radius: 0.25em;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
overflow: hidden;
}
/* ------------------------------ Postnav */
#post-nav {
font-family: 'FontAwesome';
padding: 0;
margin: 0;
}
.post-nav {
overflow: auto;
text-align: center;
background: #fff;
border: 1px solid #d1d1d1;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.post-nav-link {
display: block;
width: 33.333%;
min-height: 1em;
float: left;
}
.post-nav-link .post-nav-inner {
display: block;
overflow: hidden;
}
.post-nav-next .post-nav-inner {
border-left: 1px solid #fff;
}
.post-nav-prev .post-nav-inner {
border-right: 1px solid #fff;
}
.post-nav-link:hover .post-nav-inner,
.post-nav-link:focus .post-nav-inner {
background-color: #f7f9fa;
}
.post-nav-link .post-nav-inner a {
position: relative;
display: block;
height: 5em;
line-height: 5em;
color: #0077b3;
}
.post-nav-link .post-nav-inner a:hover,
.post-nav-link .post-nav-inner a:focus {
color: #005580;
}
.post-nav-link .post-nav-inner a i {
font-size: 2em;
vertical-align: middle;
}
.post-nav-link .post-nav-inner a span {
display: none;
}
/* ------------------------------ Comment List */
#replys {
clear: both;
margin: 0 0 4em;
}
.nocomments {
display: none;
}
#comments {
margin: 1em 0;
}
.commentlist {
margin: 0;
padding: 1em 0 4em;
list-style: none;
}
.commentlist li {
position: relative;
padding: 0;
margin: 0;
}
.commentlist li .comment-number {
position: absolute;
display: block;
left: -1.25em;
top: 1.5em;
width: 2em;
padding: 0;
height: 1.5em;
line-height: 1.5em;
color: #bfbfbf;
z-index: 100;
font-weight: 400;
}
.commentlist ul {
list-style: none;
}
.commentlist li li {
overflow: auto;
margin: 0;
padding: 0 0 0 25%;
border: 0;
}
.commentlist ul ul {
margin: 0;
}
.commentlist li li li {
padding: 0;
}
/* ------------------------------ Comment Content */
.comment-body {
margin: 1em 0;
padding: 0;
position: relative;
overflow: visible;
}
li .comment-body .comment-info {
width: 20%;
float: left;
}
li li .comment-body .comment-info {
float: right;
text-align: right;
}
li .comment-body .comment-text {
position: relative;
width: 75%;
padding: 0 2.5%;
float: right;
background: #fff;
border: 0.0625em solid #d1d1d1;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
li .comment-body .comment-text:before {
position: absolute;
content: '';
width: 0;
height: 0;
top: -0.0625em;
left: -2em;
border-right: 2em solid #d1d1d1;
border-bottom: 2em solid transparent;
}
li .comment-body .comment-text:after {
position: absolute;
content: '';
width: 0;
height: 0;
top: 0;
left: -1.8125em;
border-right: 2em solid #fff;
border-bottom: 2em solid transparent;
}
li li .comment-body .comment-text {
float: left;
color: #004466;
background: #e5f6ff;
border: 0.0625em solid #acd2e5;
-webkit-box-shadow: 0 1px 3px rgba(0,85,128,0.1);
-moz-box-shadow: 0 1px 3px rgba(0,85,128,0.1);
box-shadow: 0 1px 3px rgba(0,85,128,0.1);
}
li li .comment-body .comment-text:before {
left: auto;
right: -2em;
border-right: 0;
border-left: 2em solid #acd2e5;
}
li li .comment-body .comment-text:after {
left: auto;
right: -1.8125em;
border-right: 0;
border-left: 2em solid #e5f6ff;
}
li li li .comment-body .comment-text {
background: #d7eefa;
border: 0.0625em solid #9fcbe0;
}
li li li .comment-body .comment-text:before {
border-left: 2em solid #9fcbe0;
}
li li li .comment-body .comment-text:after {
border-left: 2em solid #d7eefa;
}
.comment-body .unlock {
font-weight: 700;
color: #181818;
}
.comment-body .comment-author {}
.comment-body .comment-author .avatar {
float: left;
margin: 0 10px 10px 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.comment-body .comment-author .fn {
font-size: 1em;
font-weight: 700;
color: #404040;
}
.bypostauthor > .comment-body .comment-author .fn,
.byuser > .comment-body .comment-author .fn {
color: #f80;
}
.comment-body .comment-author .fn a,
.comment-body .comment-author .fn a:active,
.comment-body .comment-author .fn a:visited,
.comment-body .comment-author .fn a:hover,
.comment-body .comment-author .fn a:focus {
color: #404040;
}
.comment-body .comment-meta {
margin: 0 0 1.5em;
clear: both;
font-size: 0.75em;
}
.comment-body .comment-meta a,
.comment-body .comment-meta a:active,
.comment-body .comment-meta a:visited {
color: #808080;
}
.comment-body .comment-meta a:hover,
.comment-body .comment-meta a:focus {
color: #404040;
}
.comment-body .reply {
display: block;
}
.comment-body .reply a,
.comment-body .reply a:active,
.comment-body .reply a:visited {
color: #fff;
background: #0077b3;
padding: 0.25em 0.5em;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
.comment-body .reply a:hover,
.comment-body .reply a:focus {
color: #fff;
background: #005580;
}
/* ------------------------------ Pingbacks */
.pingback {
border-top: 1px dashed #000;
padding: 30px 0 30px 10px;
}
.pingback .comment-body {
padding: 0;
}
.pingback .comment-body .comment-author .avatar,
.pingback .comment-body .reply {
display: none;
}
/* ------------------------------ Commentform */
#respond-wrapper {
position: relative;
margin: 0 -1em;
padding: 2em 3em;
background: #fff;
border: 1px solid #d1d1d1;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
#respond {}
#commentform {}
#commentform label {
display: block;
padding: 0;
margin: 0 0 0.2em;
}
#commentform label .req {
margin: 0 0 0 0.4em;
color: #bfbfbf;
}
#commentform .input-col {
margin-right: 5%;
width: 30%;
float: left;
}
#commentform .input-col-3 {
margin-right: 0;
}
#commentform .input {
width: 99.75%;
}
#commentform input[type="text"] {}
#commentform textarea {
height: 160px;
}
#commentform input[type="submit"] {}
#commentform input[type="submit"]:hover {}
/*-----------------------------------------------------------------------------------*/
/* Layout
/*-----------------------------------------------------------------------------------*/
body {
background: #f4f4f4 url('images/bg-main.png') repeat top center scroll;
background-size: 100px 100px;
overflow: hidden;
}
.inside {
max-width: 75em;
margin: 0 auto;
padding: 0 2em;
}
#main-outside {
position: relative;
width: 100%;
}
#main-inside {
position: relative;
width: 100%;
}
/* ------------------------------ Header */
#header-outside {}
#header-inside {}
#header-mobile {
display: none;
background: #f80;
position: relative;
}
#logo-mobile {
padding: 0.5em 1em 0.5em 25%;
font-size: 2em;
margin: 0;
}
#logo-mobile a {
color: #fff;
}
#logo {
float: left;
font-family: 'PoliticsHeadBold', 'Helvetica Neue', 'Arial', Sans-Serif;
max-width: 75%;
max-height: 10em;
padding: 0;
margin: 0;
}
#logo a,
#logo a:active,
#logo a:visited,
#logo a:hover,
#logo a:focus {
color: #404040;
}
#logo img {
display: block;
width: auto;
max-width: none;
height: 10em;
}
#logo-text {
display: block;
padding: 1em 0;
font-size: 3em;
line-height: 1em;
}
#search {
position: relative;
float: right;
clear: right;
width: 25%;
margin: 0;
padding: 3.25em 0;
}
#main-nav-outside {
z-index: 9999;
max-width: 1440px;
margin: 0 auto;
border-top: 1px solid #d1d1d1;
border-left: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1;
background: #fff;
-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.1);
box-shadow: 0 -1px 3px rgba(0,0,0,0.1);
}
#main-nav-inside {}
#breadcrumb-outside {}
#breadcrumb-inside {}
/* ------------------------------ Title */
#title-outside {
max-width: 1440px;
margin: auto;
background: #0077B3;
}
#title-inside {}
.title-header {
padding: 1em 2em;
}
.title-header .post-title {
color: #fff;
margin: 0.5em 0;
}
.title-header .post-title i {
font-size: 0.75em;
line-height: 1.25em;
vertical-align: bottom;
width: 1em;
margin: 0 0.25em 0 0;
color: #fff;
}
.title-header .post-title .label {
color: rgba(255,255,255,0.5);
}
.title-header .post-title .value {}
.title-header .post-title .value:before {
content: '[';
color: rgba(255,255,255,0.5);
}
.title-header .post-title .value:after {
content: ']';
color: rgba(255,255,255,0.5);
}
.title-header .post-description {
color: #fff;
font-size: 0.75em;
line-height: 1.5em;
}
.title-header .post-description a {
color: inherit;
border-bottom: 1px solid rgba(255,255,255,0.5);
}
.title-header .post-description a:hover,
.title-header .post-description a:focus {
color: inherit;
border-bottom: 1px solid rgba(255,255,255,1);
}
.title-header .post-description .label {
color: rgba(255,255,255,0.5);
}
.title-header .post-description .label i {
color: #fff;
margin: 0 0.25em 0 0;
}
.title-header .post-description .author-twitter,
.title-header .post-description .author-wiki,
.title-header .post-description .author-website {
display: inline-block;
margin: 1em 2em 1em 0;
}
.title-header .post-description .author-biography {
display: block;
margin: 1em 0;
}
#title-images-wrapper {
position: relative;
max-width: 1440px;
margin: 0 auto;
}
#title-images-wrapper #title-outside {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
background: #0077B3;
background: rgba(0,119,179,0.9);
z-index: 1000;
}
.title-image {
width: 100%;
height: 0;
overflow: hidden;
padding: 0 0 33.75%;
background: #000;
}
.title-image img {
width: 100%;
position: relative;
}
.title-image .meta-thumbnail-caption {
position: absolute;
max-width: 75%;
bottom: 0;
right: 0;
z-index: 2000;
display: block;
background: rgba(0,0,0,0.25);
color: #fff;
font-size: 0.75em;
line-height: 1.5em;
padding: 0.1em 0.4em 0.2em;
}
/* ------------------------------ Wrapper */
#wrapper-outside {
margin: 2em 0;
}
#wrapper-inside {}
#container {}
#content {}
.content {
width: 70%;
float: left;
}
.content.nosidebar {
width: 80%;
float: none;
margin: auto;
}
.sidebar {
width: 25%;
float: right;
padding: 0;
margin: 0 0 4em;
}
.error-teaser {
width: 100%;
}
/* ------------------------------ Footer */
#footer-top-outside {
border-top: 1px solid #d1d1d1;
background: #fff;
padding: 1em 0;
-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.1);
box-shadow: 0 -1px 3px rgba(0,0,0,0.1);
}
#footer-top-inside {}
#footer-search {
float: right;
width: 23%;
}
#footer-social-links {
overflow: auto;
float: left;
}
#footer-outside {
background: #333;
padding: 0;
}
#footer-inside {}
#footer-widgets {
position: relative;
margin: 0 -1em;
}
.footer-sidebar-outside {
position: relative;
width: 25%;
height: 100%;
float: left;
padding: 0;
margin: 0;
}
.footer-sidebar-inside {
position: relative;
height: 100%;
padding: 1em;
border-right: 1px solid #404040;
overflow: hidden;
}
#footer-sidebar-1 {
border-left: 1px solid #404040;
}
#footer-nav-outside {
background: #000;
}
#footer-nav-inside {}
/* ------------------------------ Social Icons */
.social-icon {
display: block;
float: left;
width: 3em;
height: 3em;
line-height: 3em;
padding: 0;
margin: 0 0.25em 0.25em 0;
text-align: center;
color: #fff !important;
background-color: #f80;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-border-radius: 0.125em;
-moz-border-radius: 0.125em;
border-radius: 0.125em;
-webkit-box-shadow: 0 0 0 0.0625em rgba(0,0,0,0.05) inset;
-moz-box-shadow: 0 0 0 0.0625em rgba(0,0,0,0.05) inset;
box-shadow: 0 0 0 0.0625em rgba(0,0,0,0.05) inset;
}
.social-icon i {
font-size: 1.25em;
color: rgba(255,255,255,0.5);
}
.social-icon:hover,
.social-icon:focus {
background-color: #f50;
}
.social-icon:hover i,
.social-icon:focus i {
color: #fff;
}
.social-icon.rss {
background-color: #ee9900;
}
.social-icon.mail {
background-color: #efbf00;
}
.social-icon.podcast {
background-color: #408ad2;
}
.social-icon.twitter {
background-color: #3ea9dd;
}
.social-icon.facebook {
background-color: #3c5a98;
}
.social-icon.google {
background-color: #d14836;
}
.social-icon.youtube {
background-color: #c6312b;
}
.social-icon.vimeo {
background-color: #0ec3ee;
}
.social-icon.flickr {
background-color: #ff0084;
}
.social-icon.github {
background-color: #4183c4;
}
.social-icon.tumblr {
background-color: #4f6e84;
}
.social-icon.appdotnet {
background-color: #cbccce;
}
.social-icon.instagram {
background-color: #517FA4;
}
/*-----------------------------------------------------------------------------------*/
/* Frontpage
/*-----------------------------------------------------------------------------------*/
/* ------------------------------ Slider */
.no-js #front-page-header-outside {
display: none;
}
#front-page-header-outside {
position: relative;
}
#front-page-header-inside {
position: relative;
padding: 0;
max-width: 1440px;
margin: 0 auto 4em;
border-bottom: 0.25em solid #f80;
}
#toggling {}
#front-page-slider-toggle {
bottom: -3.5em;
right: 0;
position: absolute;
height: 3.5em;
width: 2em;
line-height: 2em;
display: block;
color: #fff;
background: rgba(0,0,0,0.25) url('images/icon-slideshow.png') no-repeat scroll center center;
cursor: pointer;
z-index: 2000;
}
#front-page-slider-toggle:hover,
#front-page-slider-toggle:focus {
background: rgba(0,0,0,0.75) url('images/icon-slideshow.png') no-repeat scroll center center;
}
#slideshow {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-bottom: 33.75%;
}
#front-page-slider-control {
position: absolute;
width: 100%;
height: 0;
bottom: 0;
left: 0;
z-index: 6666;
}
#front-page-slider-control-inside {
position: relative;
}
#front-page-slider {
width: 100%;
z-index: 1000;
background: #000;
position: relative;
}
#front-page-slider .front-page-slide {
width: 100%;
height: 0;
padding-bottom: 33.75%;
background: #0077b3;
position: relative;
overflow: hidden;
}
#front-page-slider li .front-page-slide {
background: url('images/bg-featured-1.jpg') no-repeat scroll center center #404040;
background-size: 100% auto;
}
#front-page-slider li:nth-child(1n) .front-page-slide {
/* First SLide is a Clone of the Last */
}
#front-page-slider li:nth-child(2n) .front-page-slide {
background-image: url('images/bg-featured-1.jpg');
}
#front-page-slider li:nth-child(3n) .front-page-slide {
background-image: url('images/bg-featured-2.jpg');
}
#front-page-slider li:nth-child(4n) .front-page-slide {
background-image: url('images/bg-featured-3.jpg');
}
#front-page-slider li:nth-child(5n) .front-page-slide {
background-image: url('images/bg-featured-4.jpg');
}
#front-page-slider li:nth-child(6n) .front-page-slide {
background-image: url('images/bg-featured-5.jpg');
}
#front-page-slider li:nth-child(7n) .front-page-slide {
background-image: url('images/bg-featured-6.jpg');
}
#front-page-slider .front-page-slide .slide-image {
position: absolute;
top: 0;
width: 100%;
padding-bottom: 33.75%;
z-index: 2;
overflow: hidden;
background: #000;
}
#front-page-slider .front-page-slide .slide-image img {
position: relative;
width: 100%;
}
#front-page-slider .front-page-slide .slide-content {
position: relative;
padding-bottom: 33.75%;
z-index: 4;
left: 2em;
-webkit-transition: all 1.5s ease-Out;
-moz-transition: all 1.5s ease-Out;
transition: all 1.5s ease-Out;
}
#front-page-slider .flex-active-slide .front-page-slide .slide-content {
left: 0;
}
#front-page-slider .front-page-slide .slide-text {
width: 40%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
margin: 0 0 0 2em;
padding: 0;
color: #fff;
background: #0077b3;
background: rgba(0,119,179,0.9);
}
#front-page-slider .front-page-slide .slide-text .slide-text-title {
font-family: 'PoliticsHeadBold', 'Helvetica Neue', 'Arial', Sans-Serif;
font-size: 2em;
line-height: 1em;
color: #fff;
margin: 0;
padding: 1em 1em 0;
}
#front-page-slider .front-page-slide .slide-text .slide-text-title a,
#front-page-slider .front-page-slide .slide-text .slide-text-title a:active,
#front-page-slider .front-page-slide .slide-text .slide-text-title a:visited,
#front-page-slider .front-page-slide .slide-text .slide-text-title a:hover,
#front-page-slider .front-page-slide .slide-text .slide-text-title a:focus {
color: #fff;
display: block;
}
#front-page-slider .front-page-slide .slide-text .slide-text-article {
padding: 0 1.888em 1.888em;
font-size: 1em;
line-height: 1.5em;
}
#front-page-slider .front-page-slide .slide-text .slide-text-more {
color: #fff;
display: inline-block;
margin: auto;
float: right;
clear: right;
padding: 0.25em 0.5em;
border: 0.125em solid rgba(255,255,255,0.333);
-webkit-border-radius: 0.25em;
-moz-border-radius: 0.25em;
border-radius: 0.25em;
}
#front-page-slider .front-page-slide .slide-text .slide-text-more:hover,
#front-page-slider .front-page-slide .slide-text .slide-text-more:focus {
border: 0.125em solid rgba(255,255,255,0.666);
}
#front-page-header-image-outside {
position: relative;
}
#front-page-header-image-inside {
position: relative;
padding: 0;
max-width: 1440px;
margin: 0 auto 4em;
background: #000;
}
.custom-header {
height: 0;
padding-bottom: 33.75%;
-webkit-box-shadow: 0 -0.25em 0.5em rgba(0,0,0,0.5) inset;
-moz-box-shadow: 0 -0.25em 0.5em rgba(0,0,0,0.5) inset;
box-shadow: 0 -0.25em 0.5em rgba(0,0,0,0.5) inset;
}
/*-----------------------------------------------------------------------------------*/
/* Navigation
/*-----------------------------------------------------------------------------------*/
/* ------------------------------ Pagination */
#pagination {
clear: both;
float: none;
overflow: auto;
padding: 0;
margin: 0 auto;
text-align: center;
font-size: 1.25em;
}
#pagination .pagination-info {
float: left;
font-size: 0.8em;
line-height: 2.5em;
display: block;
padding: 0 0.5em;
color: #bfbfbf;
}
#pagination .pagination {
float: right;
background: #fff;
border: 1px solid #d1d1d1;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
#pagination .pagination a,
#pagination .pagination span {
display: inline-block;
text-align: center;
color: #0077b3;
width: 2em;
height: 2em;
line-height: 2em;
margin: 0;
}
#pagination .pagination span {
color: #005580;
}
#pagination .pagination a.pagination-current-page,
#pagination .pagination a.pagination-current-page:hover,
#pagination .pagination a.pagination-current-page:focus {
background: #0077b3;
color: #fff;
}
#pagination .pagination .pagination-previous {}
#pagination .pagination .pagination-next {}
#pagination .pagination a:hover,
#pagination .pagination a:focus {
background: #e3e3e3;
color: #808080;
}
#pagination .pagination .pagination-dots {
color: #808080;
}
/* ------------------------------ Breadcrumb */
#breadcrumb {
font-size: 0.875em;
line-height: 1em;
color: #f80;
border-bottom: 1px solid #e3e3e3;
margin: 0 0 1.5em;
padding: 0 0 0.5em;
}
#breadcrumb a {
border-bottom: 1px solid #e3e3e3;
color: #808080;
}
#breadcrumb a:hover,
#breadcrumb a:focus {
border-bottom: 1px solid #bfbfbf;
}
#breadcrumb .breadcrumb-seperator {}
#breadcrumb .breadcrumb-item {
color: #0077b3;
}
/* ------------------------------ Header Navigation */
#main-nav {
padding: 0;
}
#nav-search {
display: none;
overflow: auto;
padding: 0.5em 0.25em;
}
/* ------------------------------ Level 1 */
#main-nav ul {
padding: 0;
min-height: 3.2em;
display: block;
}
#main-nav ul li {
float: left;
display: block;
margin: 0;
position: relative;
}
#main-nav ul li a {
display: block;
padding: 0 1em;
height: 3.2em;
line-height: 3.2em;
}
#main-nav ul li a,
#main-nav ul li a:active,
#main-nav ul li a:visited {
color: #808080;
}
#main-nav ul li.has-children > a {
padding: 0 1.6em 0 1em;
}
#main-nav ul li.has-children > a:after {
content: '›';
color: #0077b3;
font-size: 1em;
font-weight: 700;
position: absolute;
top: 0;
right: 0.6em;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
#main-nav ul > li:hover > a,
#main-nav ul > li:focus > a {
color: #404040;
background-color: #f7f9fa;
}
#main-nav ul > li.current-menu-item > a,
#main-nav ul > li.current_page_item > a {
color: #0077b3;
}
#main-nav ul > li.menu-item-home > a {
text-indent: -10000px;
min-width: 2em;
background-image: url('images/bg-menu-home.png');
background-repeat: no-repeat;
background-position: center center;
}
#main-nav ul > li.menu-item-home > a:after {
text-indent: 0;
}
#main-nav ul > li.menu-item-home:hover a,
#main-nav ul > li.menu-item-home:focus a {
background-image: url('images/bg-menu-home-hover.png');
}
#main-nav ul > li.menu-item-home.current-menu-item a {
background-image: url('images/bg-menu-home-active.png');
}
#main-nav ul > li.current-menu-item:after,
#main-nav ul > li.current_page_item:after {
z-index: 9999;
bottom: -0.5em;
left: 50%;
position: absolute;
content: '';
display: block;
width: 0;
height: 0;
margin: 0 0 0 -1em;
border-top: 1em solid #fff;
border-right: 1em solid transparent;
border-left: 1em solid transparent;
}
/* ------------------------------ Level 2 */
#main-nav ul ul {
display: none;
float: none;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 3.2em;
z-index: 99999;
}
#main-nav ul ul:after {
top: -0.5em;
left: 2em;
position: absolute;
content: '';
display: block;
width: 0;
height: 0;
border-bottom: 0.5em solid #404040;
border-right: 0.5em solid transparent;
border-left: 0.5em solid transparent;
}
#main-nav li li {
display: block;
background: #404040;
border-top: 1px solid #181818;
margin: 0;
padding: 0;
position: relative;
-webkit-hyphens: none;
-moz-hyphens: none;
-o-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
#main-nav li li:first-child {
border-top: 0;
}
#main-nav ul ul a {
display: block;
height: auto;
margin: 0;
padding: 1.2em;
width: 16em;
font-size: 0.9em;
line-height: 1.4em;
}
#main-nav ul ul a,
#main-nav ul ul a:active,
#main-nav ul ul a:visited {
background: transparent;
color: #e3e3e3;
}
#main-nav ul ul li:hover > a,
#main-nav ul ul li:focus > a {
background: rgba(0,0,0,0.2);
}
#main-nav ul ul li.current-menu-item > a,
#main-nav ul ul li.current_page_item > a,
#main-nav ul ul a:hover,
#main-nav ul ul a:focus {
background: transparent;
color: #fff;
}
#main-nav ul ul > li.has-children > a {
padding: 1.2em;
}
#main-nav ul ul > li.has-children > a:after {
color: #f80;
padding: 1.2em;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
#main-nav ul ul > li.current-menu-item:after,
#main-nav ul ul > li.current_page_item:after {
display: none;
}
/* ------------------------------ Level 3 */
#main-nav ul ul ul {
left: 100%;
margin: 0;
padding: 0;
top: 0;
}
#main-nav ul ul ul:after {
top: 1.2em;
left: -1em;
position: absolute;
content: '';
display: block;
width: 0;
height: 0;
border-right: 0.5em solid #262626;
border-top: 0.5em solid transparent;
border-bottom: 0.5em solid transparent;
}
#main-nav li li li {
background: #262626;
border-top: 1px solid #000;
}
#main-nav ul ul ul a {
width: 10em;
}
#main-nav ul ul ul a,
#main-nav ul ul ul a:active,
#main-nav ul ul ul a:visited {
background: transparent;
color: #bfbfbf;
}
#main-nav ul ul ul li:hover > a,
#main-nav ul ul ul li:focus > a {
color: #e3e3e3;
background: rgba(0,0,0,0.2);
}
#main-nav ul li:hover > ul,
#main-nav ul li:focus > ul {
display: block;
}
#main-nav ul ul ul > li.has-children > a:after {
color: #fff;
}
#main-nav .menu-toggle {
display: none;
}
#menu-close {
display: none;
cursor: pointer;
text-align: center;
text-indent: -10000px;
background: rgba(0,0,0,0);
padding: 0;
margin: 0;
position: absolute;
right: -25%;
top: 0;
height: 100%;
width: 25%;
z-index: 200;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#menu-open {
display: none;
cursor: pointer;
text-align: center;
text-indent: -10000px;
background: transparent url('images/bg-menu-toggle.png') no-repeat scroll center center;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 20%;
padding: 0;
margin: 0;
z-index: 100;
border-right: 2px solid rgba(255,255,255,0.5);
}
/* ------------------------------ Footer Navigation */
#footer_navigation {
overflow: auto;
clear: both;
padding: 0;
margin: 0 -1em;
}
#footer_navigation ul {
font-size: 0.875em;
line-height: 1em;
}
#footer_navigation ul li {
float: left;
display: block;
padding: 4em 0;
margin: 0;
color: #404040;
}
#footer_navigation ul li a {
display: block;
padding: 0 1em;
height: 2em;
overflow: hidden;
}
#footer_navigation ul li a,
#footer_navigation ul li a:active,
#footer_navigation ul li a:visited {
color: #bfbfbf;
}
#footer_navigation ul li:hover a {}
#footer_navigation ul ul {
float: none;
font-size: 0.8em;
line-height: 1em;
font-weight: 400;
text-transform: none;
}
#footer_navigation ul ul li {
position: relative;
float: none;
width: auto !important;
padding: 0 0 0 0.75em;
}
#footer_navigation ul ul li:before {
position: absolute;
display: block;
content: '›';
color: #808080;
padding: 0.5em;
}
#footer_navigation ul ul li a {
height: auto;
padding: 0.5em 1.25em;
}
#footer_navigation ul ul li a,
#footer_navigation ul ul li a:active,
#footer_navigation ul ul li a:visited {
color: #808080;
}
#footer_navigation ul ul li:hover a,
#footer_navigation ul ul li:focus a {
color: #fff;
}
/*-----------------------------------------------------------------------------------*/
/* Widgets
/*-----------------------------------------------------------------------------------*/
.widget {
overflow: visible;
margin: 0;
padding: 0;
font-size: 0.875em;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid;
}
.widget-inner {
overflow: visible;
height: 100%;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid;
}
.widget-title {
color: #404040;
padding: 0 0 0.5em;
margin: 0.5em 0;
font-weight: 400;
font-size: 1.5em;
}
.widget-title:before {
/*
font-family: 'FontAwesome';
display: inline-block;
margin: 0 0.75em 0 0.25em;
*/
}
.widget ul {
margin: 0;
list-style: none;
}
.widget ul li {
position: relative;
padding: 0.5em 0 0.5em 1.5em;
margin: 0;
}
.widget ul li:before {
font-family: 'FontAwesome';
content: '\f0da';
color: #808080;
display: block;
position: absolute;
width: 1em;
height: 1em;
margin: 0 0 0 -1.25em;
padding: 0;
}
/* ------------------------------ Widget Sidebar */
.widget-sidebar {
color: #404040;
margin: 3.75em auto 7.5em;
}
.widget-sidebar .widget-title {
border-bottom: 2px solid #f80;
}
.widget-sidebar .widget-title:before {
color: #f80;
}
.widget-sidebar a,
.widget-sidebar a:active,
.widget-sidebar a:visited {
color: #0077b3;
}
.widget-sidebar a:hover,
.widget-sidebar a:focus {
color: #005580;
}
/* ------------------------------ Widget Footer */
.widget-footer {
color: #808080;
margin: 0 0 5em;
}
.widget-footer .widget-inner {}
.widget-footer .widget-title {
color: #e3e3e3;
}
.widget-footer .widget-title:before {
color: #808080;
}
.widget-footer a,
.widget-footer a:active,
.widget-footer a:visited {
color: #bfbfbf;
}
.widget-footer a:hover,
.widget-footer a:focus {
color: #fff;
}
/* ------------------------------ Widget Banner */
.widget_banner {}
.widget_banner .widget-inner {
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
/* ------------------------------ Widget Submenu */
.widget_nav_menu,
.widget_pages {}
.widget_nav_menu .widget-inner ,
.widget_pages .widget-inner {}
.widget_nav_menu .widget-title,
.widget_pages .widget-title {}
.widget_nav_menu .widget-title:before,
.widget_pages .widget-title:before {
/* content: '\f03a'; */
}
.widget_nav_menu ul,
.widget_pages ul {
margin: 0;
}
.widget_nav_menu ul li,
.widget_pages ul li {}
.widget_nav_menu ul li:hover,
.widget_nav_menu ul li:focus,
.widget_pages ul li:hover,
.widget_pages ul li:focus {}
.widget_nav_menu ul li a,
.widget_pages ul li a {}
.widget_nav_menu ul li.current_page_item > a,
.widget_pages ul li.current_page_item > a {}
.widget_nav_menu ul ul,
.widget_pages ul ul {}
.widget_nav_menu ul ul li,
.widget_pages ul ul li {}
.widget_nav_menu ul ul li:before,
.widget_pages ul ul li:before {}
.widget_nav_menu ul ul ul,
.widget_pages ul ul ul {}
.submenu {}
.submenu .widget_nav_menu,
.submenu .widget_pages {}
.submenu .widget_nav_menu .widget-inner ,
.submenu .widget_pages .widget-inner {}
/* ------------------------------ Widget Text */
.widget_text {}
.widget_text .widget-title:before {
/* content: '\f05a'; */
}
/* ------------------------------ Widget Calendar */
.widget_calendar {}
.widget_calendar .widget-title:before {
/* content: '\f073'; */
}
.widget_calendar .widget-inner {}
#wp-calendar {
position: relative;
overflow: visible;
text-align: center;
width: 100%;
border: 0;
}
.widget_calendar caption {
height: 2em;
line-height: 2em;
margin: 0;
padding: 0 0 0.3em;
border-bottom: 1px solid #808080;
}
.widget_calendar tr {
border: 0;
}
.widget_calendar td,
.widget_calendar th {
padding: 0;
height: 2em;
line-height: 2em;
border: 2px solid transparent;
}
.widget_calendar tfoot {
height: 0;
}
.widget_calendar tfoot .pad {
display: none;
}
.widget_calendar #prev,
.widget_calendar #next {
width: 22%;
white-space: nowrap;
border: 0;
display: block;
position: absolute;
top: 0;
}
.widget_calendar #prev {
float: left;
left: 0;
}
.widget_calendar #next {
float: right;
right: 0;
}
.widget_calendar #prev a,
.widget_calendar #next a {
text-align: center;
display: block;
}
.widget_calendar .pad {}
.widget_calendar #today {
color: #f80;
font-weight: 700;
}
.widget_calendar tbody a {
display: block;
color: #000;
background: rgba(0,0,0,0.1);
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
background: rgba(0,0,0,0.2);
}
.widget-footer.widget_calendar tbody a {
color: #fff;
background: rgba(255,255,255,0.1);
}
.widget-footer.widget_calendar tbody a:hover,
.widget-footer.widget_calendar tbody a:focus {
background: rgba(255,255,255,0.2);
}
/* ------------------------------ Widget Tagcloud */
.widget_tag_cloud {}
.widget_tag_cloud .widget-title:before {
/* content: '\f02b'; */
}
.widget_tag_cloud .tagcloud {
padding: 0.25em 0;
}
.widget_tag_cloud .tagcloud a,
.widget_tag_cloud .tagcloud a:active,
.widget_tag_cloud .tagcloud a:visited {
font-size: inherit !important;
display: inline-block;
background: #0077b3;
color: #fff;
padding: 0.25em 0.75em;
margin: 0.15em 0;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
-webkit-box-shadow: 0 0 0 0.0625em rgba(0,0,0,0.1) inset;
-moz-box-shadow: 0 0 0 0.0625em rgba(0,0,0,0.1) inset;
box-shadow: 0 0 0 0.0625em rgba(0,0,0,0.1) inset;
}
.widget_tag_cloud .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:focus {
background: #005580;
color: #fff;
}
/* ------------------------------ Widget RSS */
.widget_rss {}
.widget_rss .widget-title:before {
/* content: '\f143'; */
}
.widget_rss ul {}
.widget_rss ul li {}
.widget_rss ul li a.rsswidget {
display: block;
font-weight: 700;
margin: 1em 0;
font-size: 1.666em;
line-height: 1.25em;
}
.widget_rss ul li span.rss-date {
display: block;
margin: 0 0 2em;
font-weight: 700;
}
.widget_rss ul li .rssSummary {}
.widget_rss ul li cite {
display: block;
margin: 1em 0;
font-weight: 700;
}
/* ------------------------------ Widget Comments */
.widget_recent_comments {}
.widget_recent_comments .widget-title:before {
/* content: '\f086'; */
}
/* ------------------------------ Widget Meta */
.widget_meta {}
.widget_meta .widget-title:before {
/* content: '\f023'; */
}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}
/* ------------------------------ Widget Archive */
.widget_archive {}
.widget_archive .widget-title:before {
/* content: '\f07c'; */
}
/* ------------------------------ Widget Category */
.widget_categories {}
.widget_categories .widget-title:before {
/* content: '\f07c'; */
}
/* ------------------------------ Widget Links */
.widget_links {}
.widget_links .widget-title:before {
/* content: '\f005'; */
}
/* ------------------------------ Widget Recent Entries */
.widget_recent_entries {}
.widget_recent_entries .widget-title:before {
/* content: '\f08d'; */
}
/* ------------------------------ Widget Search */
.widget_search {}
.widget_search .widget-title:before {
/* content: '\f002'; */
}
.widget_search .searchform {}
/*-----------------------------------------------------------------------------------*/
/* Media Queries
/*-----------------------------------------------------------------------------------*/
/* ------------------------------ Tablets */
@media only screen and (max-width: 860px) {
.inside {
width: auto;
}
#header-outside {}
#header-inside {}
#logo {}
#main-nav {}
#main-nav ul {}
#main-nav ul > li {}
#main-nav ul ul > li {
margin: auto;
}
#footer-top-search {
width: 25%;
}
#footer-widgets {}
.footer-sidebar-outside {
width: 50%;
}
.footer-sidebar-inside {}
#footer-sidebar-3 {
border-left: 1px solid #404040;
border-top: 1px solid #404040;
}
#footer-sidebar-4 {
border-top: 1px solid #404040;
}
.content {
width: auto !important;
float: none !important;
}
.sidebar {
width: auto;
float: none !important;
margin: 100px 0 0;
padding: 0;
}
#front-page-header-inside {
width: auto;
}
#slideshow {
padding-bottom: 42%;
}
#front-page-slider {}
#front-page-slider .front-page-slide {
padding-bottom: 42%;
background-size: auto 100% !important;
}
#front-page-slider .front-page-slide .slide-content {
margin: 0 2em;
padding-bottom: 42%;
}
#front-page-slider .front-page-slide .slide-image {
padding-bottom: 42%;
}
#front-page-slider .front-page-slide .slide-image img {
width: auto;
max-width: none;
height: 100%;
}
#front-page-slider .front-page-slide .slide-text {
width: 60%;
margin: 0;
}
#front-page-slider .front-page-slide .slide-text .slide-text-title {
font-size: 1.8em;
line-height: 0.9em;
}
#front-page-slider .front-page-slide .slide-text .slide-text-article {
display: block;
font-size: 0.75em;
}
}
/* ------------------------------ Smartphones */
@media only screen and (max-width: 640px) {
blockquote:before {
font-size: 1.5em;
top: 1.25em;
left: 0;
}
blockquote {
padding: 0 0 0 2em;
}
#main-nav {
left: -80%;
position: absolute;
top: 0;
height: 100%;
width: 80%;
background: #fff;
}
.no-js #main-nav {
left: 0;
position: relative;
top: 0;
height: auto;
width: auto;
background: #fff;
}
.aside #menu-close {
display: block;
background: #0077b3;
background: rgba(0,119,179,0.75);
}
#main-nav-outside {
border: 0;
}
#main-nav-inside {
padding: 0;
}
#nav-search {
display: block;
}
#menu-open {
display: block;
}
#main-nav .menu-toggle {
text-align: center;
text-indent: -10000px;
background: #181818 url('images/bg-menu-toggle.png') no-repeat scroll center center;
padding: 0.8em;
margin: 0;
}
#main-nav ul,
#main-nav ul ul,
#main-nav ul ul ul {
display: block;
width: 100%;
float: none;
padding: 0;
margin: 0;
position: static;
left: auto;
top: auto;
background: transparent;
min-height: inherit;
border: 0;
}
#main-nav ul:after,
#main-nav ul ul:after,
#main-nav ul ul ul:after {
display: none;
}
#main-nav ul {
border-bottom: 1px solid #e3e3e3;
}
#main-nav ul ul {
border: 0;
background: rgba(0,0,0,0.025);
}
#main-nav ul ul ul {
background: rgba(0,0,0,0.025);
border-bottom: 0;
}
#main-nav ul li,
#main-nav ul ul li,
#main-nav ul ul ul li,
#main-nav ul ul ul ul li {
float: none;
padding: 0;
margin: 0;
border: 0;
background: transparent;
}
#main-nav ul li a,
#main-nav ul ul li a,
#main-nav ul ul ul li a,
#main-nav ul ul ul ul li a,
#main-nav ul > li.has-children > a,
#main-nav ul ul > li.has-children > a,
#main-nav ul ul ul > li.has-children > a,
#main-nav ul ul ul ul > li.has-children > a {
width: auto;
padding: 0.8em 1em;
margin: 0;
height: auto;
line-height: 2.4em;
color: #404040 !important;
background-color: transparent !important;
border-top: 1px solid #e3e3e3;
}
#main-nav ul li > a,
#main-nav ul > li.has-children > a {
font-size: 1.2em;
line-height: 1.4em;
}
#main-nav ul ul li > a,
#main-nav ul ul > li.has-children > a {
padding: 0.8em 1em 0.8em 2em;
font-size: 1em;
line-height: 1.4em;
color: #808080;
background: #222;
}
#main-nav ul ul ul li > a,
#main-nav ul ul ul > li.has-children > a {
padding: 0.8em 1em 0.8em 3em;
font-size: 1em;
line-height: 1.4em;
color: #808080;
background: #222;
}
#main-nav ul ul ul ul li > a,
#main-nav ul ul ul ul > li.has-children > a {
padding: 0.8em 1em 0.8em 4em;
font-size: 1em;
line-height: 1.4em;
color: #808080;
background: #222;
}
#main-nav ul li a:hover,
#main-nav ul li a:focus,
#main-nav ul ul li a:hover,
#main-nav ul ul li a:focus,
#main-nav ul ul ul li a:hover,
#main-nav ul ul ul li a:focus,
#main-nav ul ul ul ul li a:hover,
#main-nav ul ul ul ul li a:focus,
#main-nav ul > li.has-children > a:hover,
#main-nav ul > li.has-children > a:focus,
#main-nav ul ul > li.has-children > a:hover,
#main-nav ul ul > li.has-children > a:focus,
#main-nav ul ul ul > li.has-children > a:hover,
#main-nav ul ul ul > li.has-children > a:focus,
#main-nav ul ul ul ul > li.has-children > a:hover,
#main-nav ul ul ul ul > li.has-children > a:focus {
color: #f80 !important;
background-color: rgba(255,255,255,0.05) !important;
}
#main-nav ul li.current-menu-item > a,
#main-nav ul ul li.current-menu-item > a,
#main-nav ul ul ul li.current-menu-item > a,
#main-nav ul ul ul ul li.current-menu-item > a {
color: #f80 !important;
}
#main-nav ul > li.has-children > a:after,
#main-nav ul ul > li.has-children > a:after {
display: none;
}
#main-nav ul > li.current-menu-item:after,
#main-nav ul > li.current_page_item:after {
display: none;
}
#main-nav ul > li.menu-item-home a,
#main-nav ul > li.menu-item-home:hover a,
#main-nav ul > li.menu-item-home:focus a,
#main-nav ul > li.menu-item-home.current-menu-item a {
background-image: none;
padding: 0.8em 1em;
height: 1.4em;
text-indent: 0;
}
#main-nav .menu-toggle {
display: block;
}
#pagination .pagination-info,
#pagination .pagination {
float: none;
margin: 0 0 1em;
}
.inside {
width: auto;
padding: 0 2em;
}
#header-outside {
padding: 0;
}
#header-inside {
padding: 0;
margin: 0;
}
#header-mobile {
display: block;
}
#logo,
#search {
display: none;
}
#front-page-header-outside,
#front-page-header-image-outside {
display: none;
}
#post-nav #prev,
#post-nav #next {
width: auto;
float: none;
margin: 0 0 20px;
}
#front-page-adverts-outside {
display: none;
}
#front-page-adverts-inside {
border-top: 0.25em solid #404040;
margin: 0 auto 4em;
}
#wrapper-outside {}
#wrapper-inside {
width: auto;
margin: 0 auto;
}
#content {
width: auto;
}
.sidebar {
float: none;
width: auto;
padding: 0;
}
#footer-social-links {
float: none;
text-align: center;
}
#footer-search {
display: none;
}
.footer-sidebar-outside {
width: auto;
float: none;
}
.footer-sidebar-inside {
height: auto !important;
}
#footer-sidebar-2 {
border-left: 1px solid #404040;
border-top: 1px solid #404040;
}
#footer-sidebar-4 {
border-left: 1px solid #404040;
}
#footer_navigation ul li {
position: relative;
float: left;
width: 50% !important;
max-width: 100%;
padding: 0;
margin: 2em 0;
}
#footer_navigation ul li a {}
#footer_navigation ul ul {
max-width: 100%;
}
#footer_navigation ul ul li {
max-width: auto;
margin: 0;
}
#title-images-wrapper #title-outside {
position: relative;
background: #0077B3;
}
.title-header .post-title i {
color: rgba(255,255,255,0.5);
}
.title-header .post-title .label,
.title-header .post-title .value:before,
.title-header .post-title .value:after {
display: none;
}
.title-image {
height: 16em;
padding: 0;
}
.title-image img {
width: auto;
max-width: none;
height: 100%;
left: 50%;
margin-left: -24em;
}
.hentry,
.type-attachment {
padding: 1em;
}
.post-image,
.post-video {
margin: 0 -1em;
}
.footer {
display: none;
}
.post-more {
position: relative;
bottom: auto;
right: auto;
margin: 2em -1em -1em;
padding: 1em;
text-align: center;
}
.hentry:after {
width: 240px;
margin: 0 0 0 -120px;
background-size: 100% auto;
}
#title-inside {
padding: 0;
}
.post-title {
font-size: 1.6em;
}
.article {
font-size: 1em;
}
#respond-wrapper {
padding: 0.25em 1em;
}
#author-meta {
padding-top: 2.5em;
}
#post-meta,
#author-meta {
float: none;
clear: both;
width: auto;
}
#commentform .input-col {
margin: 1.5em 0;
width: auto;
float: none;
}
.commentlist li li {
padding: 0 0 0 2em;
}
li .comment-body .comment-info,
li li .comment-body .comment-info {
float: none;
text-align: left;
width: auto;
overflow: auto;
}
.comment-body .comment-author {
width: 50%;
float: left;
clear: left;
}
.comment-body .comment-meta {
width: 50%;
float: right;
clear: right;
text-align: right;
}
.comment-body .reply {
float: right;
clear: both;
margin-left: 1em;
}
li .comment-body .comment-text,
li li .comment-body .comment-text {
float: none;
width: auto;
padding: 0.125em 1em;
}
li .comment-body .comment-text {
margin-left: 2em;
}
li li .comment-body .comment-text {
margin-left: 0;
margin-right: 2em;
}
.two-columns-one,
.three-columns-one,
.three-columns-two,
.four-columns-one,
.four-columns-two,
.four-columns-three {
float: none;
width: 100%;
margin-right: 0;
}
}
@media only screen and (max-width: 480px) {
.alignleft,
.alignright {
float: none;
}
figure.alignleft,
img.alignleft,
img[align="left"],
figure.alignright,
img.alignright,
img[align="right"] {
float: none;
display: block;
margin: 1em auto 1.5em;
}
}
@media only screen and (min-width: 641px) {
#main-inside {
left: auto!important;
}
}
/* ------------------------------ Retina Graphics */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
body {
background-image: url('images/bg-main@2x.png');
}
.type-post:after,
.type-page:after {
background-image: url('images/bg-front-post@2x.png');
}
}