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,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
font-size: 100%;
vertical-align: baseline;
}
body {
line-height: 1;
color: #000;
background: #fff;
}
ol,
ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
vertical-align: middle;
}
caption,
th,
td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
a img {
border: none;
}
input,
textarea,
select {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 100%;
}
input[type=text],
input[type=url],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
textarea,
select {
margin: 0;
padding: 9px;
border: 1px solid #ccc;
background-color: #fff;
color: #555;
}
input[type=text]:focus,
input[type=url]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
border-color: #aaa;
color: #000;
}
.button {
display: inline-block;
border: 0;
margin: 0;
padding: 0;
text-decoration: none;
cursor: pointer;
font-size: 128.5714285714286%;
color: #fff;
background: #09f;
padding: 10px 30px;
-webkit-transition-property: background-color;
-moz-transition-property: background-color;
-o-transition-property: background-color;
-ms-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.button:hover {
background-color: #0082d9;
color: #fff;
}
.button:visited {
color: #fff;
}
.comment-form input[type="submit"] {
display: inline-block;
border: 0;
margin: 0;
padding: 0;
text-decoration: none;
cursor: pointer;
font-size: 128.5714285714286%;
color: #fff;
background: #09f;
padding: 10px 30px;
-webkit-transition-property: background-color;
-moz-transition-property: background-color;
-o-transition-property: background-color;
-ms-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.comment-form input[type="submit"]:hover {
background-color: #0082d9;
color: #fff;
}
.comment-form input[type="submit"]:visited {
color: #fff;
}
body {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 87.5%;
line-height: 1.5;
color: #333;
background-color: #ebebeb;
}
a {
color: #09f;
text-decoration: underline;
-webkit-transition-property: color;
-moz-transition-property: color;
-o-transition-property: color;
-ms-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
transition-duration: 0.3s;
}
a:hover {
color: #000;
}
strong,
b {
font-weight: bold;
}
em,
i {
font-style: italic;
}
big {
font-size: 121.4285714285714%;
}
small {
font-size: 92.8571428571429%;
}
sub {
font-size: 71.4285714285714%;
vertical-align: sub;
}
p {
margin: 0 0 1em 0;
}
blockquote {
font-style: italic;
}
img {
max-width: 100%;
height: auto;
}
hr {
width: 100%;
height: 0;
margin: 2em 0;
padding: 0;
border: 0;
border-bottom: 1px solid #ccc;
}
h1 {
font-size: 257.1428571428572%;
margin-top: 0.680555555555556em;
margin-bottom: 0.194444444444445em;
line-height: 1.2;
font-family: futura-pt, sans-serif;
text-transform: uppercase;
}
h1:first-child {
margin-top: 0;
}
h1 a {
color: #333;
text-decoration: none;
}
h1 a:hover {
color: #000;
}
h2 {
font-size: 214.28571428571428%;
margin-top: 0.816666666666667em;
margin-bottom: 0.233333333333334em;
line-height: 1.3;
font-family: futura-pt, sans-serif;
}
h2:first-child {
margin-top: 0;
}
h2 a {
color: #333;
text-decoration: none;
}
h2 a:hover {
color: #000;
}
h3 {
font-size: 171.4285714285714%;
margin-top: 1.020833333333333em;
margin-bottom: 0.291666666666667em;
line-height: 1.4;
font-family: futura-pt, sans-serif;
}
h3:first-child {
margin-top: 0;
}
h3 a {
color: #333;
text-decoration: none;
}
h3 a:hover {
color: #000;
}
h4 {
font-size: 128.5714285714286%;
margin-top: 1.361111111111112em;
margin-bottom: 0.972222222222223em;
font-weight: bold;
}
h4:first-child {
margin-top: 0;
}
h4 a {
color: #333;
text-decoration: none;
}
h4 a:hover {
color: #000;
}
h5 {
font-size: 100%;
margin-top: 1.75em;
margin-bottom: 1em;
text-transform: uppercase;
font-weight: bold;
}
h5:first-child {
margin-top: 0;
}
h5 a {
color: #333;
text-decoration: none;
}
h5 a:hover {
color: #000;
}
ol,
ul {
margin: 0 0 1em 30px;
}
ol {
list-style-type: decimal;
}
ul {
list-style-type: square;
}
li {
margin-bottom: 0.5em;
}
.about-banner {
position: relative;
background: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/about-infografika.png) 0 0 no-repeat;
width: 100%;
height: 0;
padding-bottom: 47.529%;
}
.about-banner .inner {
width: 32.941%;
height: 0;
padding-bottom: 47.529%;
background: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/about-honza.jpg) 0 0 no-repeat;
}
.about-banner .socials {
position: absolute;
right: 0;
top: 0;
}
@media screen and (max-width: 991px) {
.about-banner {
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
}
.about-banner .inner {
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
height: 300px;
}
}
.anote {
margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
.anote {
margin-bottom: 3.5em;
border-bottom: 1px solid #ccc;
padding-bottom: 0.5em;
}
}
.anote_cont h2 {
font-size: 257.1428571428572%;
margin-top: 0.680555555555556em;
margin-bottom: 0.194444444444445em;
line-height: 1.2;
font-family: futura-pt, sans-serif;
text-transform: uppercase;
}
.anote_cont h2:first-child {
margin-top: 0;
}
.anote_cont h2 a {
color: #333;
text-decoration: none;
}
.anote_cont h2 a:hover {
color: #000;
}
.anote_cont h2,
.anote_cont h2:first-child {
text-transform: uppercase;
margin: 0.5em 0 0.35em 0;
position: relative;
}
.anote_cont .meta {
margin-bottom: 0.75em;
}
.anote_cont .excerpt {
line-height: 2;
}
.anote_cont .socials {
float: right;
padding-top: 10px;
}
@media screen and (max-width: 767px) {
.anote_cont {
margin: 0 25px;
}
}
.block {
border: 1px solid #e0e0e0;
padding: 2.5em 44px 1.5em 44px;
margin: 0 0 1.5em 0;
background: #f4f4f4;
}
.block .blockfull {
margin-left: -44px;
margin-right: -44px;
}
.block .inblock-white {
zoom: 1;
background: #fff;
padding: 1em 20px 1px 20px;
margin-bottom: 1em;
}
.block .inblock-white:before,
.block .inblock-white:after {
content: "";
display: table;
}
.block .inblock-white:after {
clear: both;
}
@media screen and (max-width: 767px) {
.block {
padding-left: 24px;
padding-right: 24px;
}
.block .blockfull {
margin-left: -24px;
margin-right: -24px;
}
}
.block-white {
background: #fff;
}
@media screen and (min-width: 768px) {
.block-bouble-before {
position: relative;
}
.block-bouble-before:before {
content: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/block-bouble-top.gif);
position: absolute;
line-height: 0;
left: 50%;
top: -1px;
margin-left: -26px;
}
.block-bouble-after {
position: relative;
}
.block-bouble-after:after {
content: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/block-bouble-bottom.gif);
position: absolute;
line-height: 0;
left: 50%;
bottom: -26px;
margin-left: -26px;
}
}
.block .inblock-socials {
padding-top: 1.75em;
padding-bottom: 0.75em;
}
.block .inblock-socials h5 {
float: left;
font-family: futura-pt, sans-serif;
}
.block .inblock-socials .socials {
float: right;
}
@media screen and (max-width: 767px) {
.block .inblock-socials {
display: none;
}
}
.cite {
background: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/quotes.gif) 30px 20px no-repeat;
font-size: 121.4285714285714%;
font-style: italic;
color: #f96f57;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.cite {
background-image: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/quotes-small.gif);
}
}
.cite .inner {
padding: 25px 0 25px 95px;
}
@media screen and (min-width: 768px) {
.cite {
float: right;
width: 350px;
}
}
#header .cite {
float: none;
width: 100%;
border-bottom: 1px solid #f1f1f1;
background-position: 0 20px;
}
#header .cite .inner {
background: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/quotes-small.gif) right bottom no-repeat;
padding-right: 40px;
padding-left: 65px;
}
#header .cite .inner p {
margin-bottom: 0;
}
@media screen and (max-width: 991px) {
#header .cite {
background-image: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/quotes-small.gif);
border-bottom: 0;
font-size: 114.2857142857143%;
}
#header .cite .inner {
background-image: none;
padding-right: 0;
padding-bottom: 15px;
}
}
.img {
line-height: 0;
}
.img img {
display: block;
}
.alignleft {
float: left;
margin: 0 20px 0.5em 0;
}
.alignright {
float: right;
margin: 0 0 0.5em 20px;
}
.aligncenter {
display: block;
margin: 0 auto;
}
.big {
font-size: 128.5714285714286%;
}
.value {
color: #f15b21;
white-space: nowrap;
}
.form-comment label {
display: block;
margin-bottom: 0.5em;
}
.form-comment input[type=text],
.form-comment input[type=url],
.form-comment input[type=email],
.form-comment input[type=tel],
.form-comment input[type=number],
.form-comment input[type=password],
.form-comment textarea,
.form-comment select {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
}
.form-comment textarea {
height: 230px;
}
.form-comment .form-allowed-tags {
display: none;
}
.form-comment h3#reply-title {
font-family: 'Open Sans', Arial, sans-serif;
font-weight: normal;
font-size: 100%;
}
@media screen and (min-width: 768px) {
.form-comment-logged-no .sec-fields {
float: left;
width: 35%;
}
.form-comment-logged-no .sec-fields p {
padding-right: 20px;
}
.form-comment-logged-no .sec-text {
float: right;
width: 63.9%;
}
.form-comment-logged-no .sec-text .comment-form-comment {
margin-bottom: 0;
}
.form-comment-logged-no .form-submit {
clear: both;
position: relative;
}
.form-comment-logged-no .form-submit input[type="submit"] {
position: absolute;
left: 0;
bottom: 0;
}
}
.comment img {
float: left;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.comment .cont {
margin-left: 115px;
}
.comment .cont h5 {
text-transform: none;
margin-bottom: 0.25em;
}
.comment .cont p {
margin-bottom: 0.5em;
}
.comment .reply {
text-align: right;
}
.container {
zoom: 1;
margin: 0 auto;
}
.container:before,
.container:after {
content: "";
display: table;
}
.container:after {
clear: both;
}
@media screen and (min-width: 992px) {
.container {
width: 940px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.container {
width: 720px;
}
}
@media screen and (max-width: 767px) {
.container {
width: auto;
max-width: 620px;
min-width: 300px;
}
}
.gallery {
margin-top: 2em;
position: relative;
}
.gallery .row {
margin-bottom: 20px;
}
.gallery .other {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
}
.gallery .label {
z-index: 10;
bottom: 28px;
right: 0;
padding-right: 15px;
}
@media screen and (min-width: 768px) {
.gallery .label {
right: -15px;
padding-right: 30px;
}
.gallery .label:after {
position: absolute;
right: 0;
bottom: -10px;
line-height: 0;
}
.gallery .label-test:after {
content: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/label-blue-right.gif);
}
.gallery .label-poradna:after {
content: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/label-orange-right.gif);
}
}
.grayscale { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%);
}
.grayscale {
-webkit-transition: -webkit-filter 0.25s;
}
.grayscale:hover {
filter: none;
-webkit-filter: grayscale(0%);
}
.grayscale-replaced svg {
opacity: 1;
-ms-filter: none;
filter: none;
-webkit-transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
-ms-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.grayscale-replaced:hover svg {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
@media screen and (min-width: 768px) {
.row {
zoom: 1;
margin-left: -20px;
}
.row:before,
.row:after {
content: "";
display: table;
}
.row:after {
clear: both;
}
.column-1 {
zoom: 1;
float: left;
position: relative;
min-height: 1px;
width: 8.3333333333333%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
}
.column-1:before,
.column-1:after {
content: "";
display: table;
}
.column-1:after {
clear: both;
}
.column-2 {
zoom: 1;
float: left;
position: relative;
min-height: 1px;
width: 16.6666666666667%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
}
.column-2:before,
.column-2:after {
content: "";
display: table;
}
.column-2:after {
clear: both;
}
.column-3 {
zoom: 1;
float: left;
position: relative;
min-height: 1px;
width: 25%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
}
.column-3:before,
.column-3:after {
content: "";
display: table;
}
.column-3:after {
clear: both;
}
.column-4 {
zoom: 1;
float: left;
position: relative;
min-height: 1px;
width: 33.3333333333333%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
}
.column-4:before,
.column-4:after {
content: "";
display: table;
}
.column-4:after {
clear: both;
}
.column-5 {
zoom: 1;
float: left;
position: relative;
min-height: 1px;
width: 41.6666666666667%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
}
.column-5:before,
.column-5:after {
content: "";
display: table;
}
.column-5:after {
clear: both;
}
.column-6 {
zoom: 1;
float: left;
position: relative;
min-height: 1px;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
}
.column-6:before,
.column-6:after {
content: "";
display: table;
}
.column-6:after {
clear: both;
}
.column-7 {
zoom: 1;
float: left;
position: relative;
min-height: 1px;
width: 58.3333333333333%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
}
.column-7:before,
.column-7:after {
content: "";
display: table;
}
.column-7:after {
clear: both;
}
.column-8 {
zoom: 1;
float: left;
position: relative;
min-height: 1px;
width: 66.6666666666667%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
}
.column-8:before,
.column-8:after {
content: "";
display: table;
}
.column-8:after {
clear: both;
}
.column-9 {
zoom: 1;
float: left;
position: relative;
min-height: 1px;
width: 75%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
}
.column-9:before,
.column-9:after {
content: "";
display: table;
}
.column-9:after {
clear: both;
}
.column-10 {
zoom: 1;
float: left;
position: relative;
min-height: 1px;
width: 83.3333333333333%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
}
.column-10:before,
.column-10:after {
content: "";
display: table;
}
.column-10:after {
clear: both;
}
.column-11 {
zoom: 1;
float: left;
position: relative;
min-height: 1px;
width: 91.6666666666667%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
}
.column-11:before,
.column-11:after {
content: "";
display: table;
}
.column-11:after {
clear: both;
}
.column-12 {
zoom: 1;
float: left;
position: relative;
min-height: 1px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
}
.column-12:before,
.column-12:after {
content: "";
display: table;
}
.column-12:after {
clear: both;
}
}
.heada {
zoom: 1;
margin-bottom: 1.5em;
}
.heada:before,
.heada:after {
content: "";
display: table;
}
.heada:after {
clear: both;
}
.heada h1 {
margin-bottom: 0;
}
.heada h6 {
font-size: 257.1428571428572%;
margin-top: 0.680555555555556em;
margin-bottom: 0.194444444444445em;
line-height: 1.2;
font-family: futura-pt, sans-serif;
text-transform: uppercase;
margin-bottom: 0;
float: left;
}
.heada h6:first-child {
margin-top: 0;
}
.heada h6 a {
color: #333;
text-decoration: none;
}
.heada h6 a:hover {
color: #000;
}
.heada p {
float: right;
margin-bottom: 0;
font-size: 128.5714285714286%;
padding-top: 0.75em;
}
@media screen and (min-width: 768px) {
.honza-1 {
background: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/honza1.jpg) left bottom no-repeat;
min-height: 308px;
padding-left: 250px;
padding-bottom: 1em;
margin-bottom: -1em;
}
.honza-2 {
background: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/honza2.jpg) left bottom no-repeat;
min-height: 282px;
padding-left: 250px;
padding-top: 1px;
}
}
.label {
display: block;
position: absolute;
height: 35px;
line-height: 35px;
padding: 0 10px;
background: #000;
color: #fff;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
.label:hover {
color: #fff;
}
.label span.icogal {
display: block;
background-image: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/icogal.gif);
background-position: left center;
background-repeat: no-repeat;
padding-left: 33px;
padding-right: 10px;
}
.label-link {
cursor: pointer;
}
.label-test {
background: #09f;
}
.label-test:hover {
background-color: #0082d9;
}
.label-poradna {
background: #f15b21;
}
.label-poradna:hover {
background-color: #db470e;
}
.lexikon-list ul {
margin-bottom: 1.5em;
}
.meta {
margin-bottom: 1em;
}
.meta .date {
float: left;
}
.meta .other {
display: block;
margin-left: 100px;
text-transform: uppercase;
color: #09f;
}
.meta .other span {
background: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/icons.png) -500px 50% no-repeat;
padding-left: 25px;
margin-right: 30px;
}
.meta .other span.author {
background-position: 0 50%;
white-space: nowrap;
}
.meta .other span.categories {
background-position: -962px 50%;
}
.meta .other span.comments {
background-position: -2172px 50%;
white-space: nowrap;
}
.meta .other span.views {
background-position: -3723px 50%;
white-space: nowrap;
}
.pager {
margin: 3.5em 0;
}
.pager a {
display: inline-block;
border: 0;
margin: 0;
padding: 0;
text-decoration: none;
cursor: pointer;
font-size: 128.5714285714286%;
padding: 4px 24px;
border: 3px solid #09f;
color: #333;
background-color: #ebebeb;
-webkit-transition-property: background-color;
-moz-transition-property: background-color;
-o-transition-property: background-color;
-ms-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
transition-duration: 0.3s;
display: inline-block;
margin-right: 15px;
}
.pager a:visited {
color: #333;
}
.pager a:hover {
background-color: #0082d9;
color: #fff;
border-color: #0082d9;
}
.pentle {
padding: 0 10px 38px 15px;
margin: 0 -10px -38px -15px;
position: relative;
}
.pentle .label {
position: absolute;
left: 0;
bottom: 70px;
padding-left: 25px;
}
.pentle .label + .label {
left: auto;
right: 0;
bottom: 53px;
padding-left: 10px;
padding-right: 15px;
}
@media screen and (max-width: 767px) {
.pentle {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.pentle .label {
padding-left: 10px;
padding-right: 10px;
}
.pentle .label + .label {
display: none;
}
}
.anote .pentle {
background: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/pentle/anote-blue.png) left bottom no-repeat;
}
.anote-poradna .pentle {
background: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/pentle/anote-orange.png) left bottom no-repeat;
}
@media screen and (max-width: 767px) {
.anote .pentle {
background-image: none;
}
}
.single .pentle {
background: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/pentle/single-blue.png) left bottom no-repeat;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.single .pentle {
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
padding-bottom: 31px;
}
.single .pentle .label {
bottom: 55px;
}
.single .pentle .label + .label {
bottom: 43px;
}
}
.single-poradna .pentle {
background: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/pentle/single-orange.png) left bottom no-repeat;
}
.single .pentleWrap {
margin-bottom: 25px;
}
.single .pentle {
z-index: 1;
}
@media screen and (max-width: 767px) {
.single .pentle {
background-image: none;
}
}
.section {
margin-bottom: 3em;
}
@media screen and (max-width: 767px) {
.selected-list {
display: none;
}
}
.selected-list {
margin: 3em 0;
}
.selected-list .items {
zoom: 1;
}
.selected-list .items:before,
.selected-list .items:after {
content: "";
display: table;
}
.selected-list .items:after {
clear: both;
}
.selected-list .items .item {
float: left;
width: 220px;
margin-right: 20px;
}
.selected-list .items .item4 {
margin-right: 0;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.selected-list .items .item {
margin-right: 30px;
}
.selected-list .items .item3 {
margin-right: 0;
}
.selected-list .items .item4 {
display: none;
}
}
.home .selected-list {
margin: 0 0 1em 0;
}
.home .selected-list .items .item1 {
float: left;
width: 380px;
margin-right: 20px;
}
.home .selected-list .items .item2 {
float: left;
width: 220px;
margin-right: 0;
}
.home .selected-list .items .item3 {
float: left;
width: 220px;
margin-right: 20px;
}
.home .selected-list .items .item4 {
float: left;
width: 380px;
margin-right: 0;
display: block;
}
.home .selected-list .items .item3 .selected-post,
.home .selected-list .items .item4 .selected-post {
margin-bottom: 0;
}
.selected-post {
height: 160px;
margin-bottom: 20px;
position: relative;
}
.selected-post a.cont {
display: block;
position: relative;
width: 100%;
height: 160px;
text-decoration: none;
}
.selected-post a.cont h5 {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
margin: 0;
background: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/black-transparent-1.png);
color: #fff;
line-height: 1.33;
font-family: futura-pt, sans-serif;
font-weight: normal;
}
.selected-post a.cont h5 span {
display: block;
padding: 0.5em 10px;
}
.selected-post a.cont .next {
position: absolute;
right: 0;
top: 8px;
background: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/black-transparent-1.png);
color: #0199fe;
line-height: 35px;
white-space: nowrap;
padding: 0 10px;
}
.selected-post .label {
position: absolute;
left: -14px;
top: 8px;
padding-left: 30px;
z-index: 100;
}
.selected-post .label:after {
position: absolute;
left: 0;
bottom: -10px;
line-height: 0;
}
.selected-post .label-test:after {
content: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/label-blue.gif);
}
.selected-post .label-poradna:after {
content: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/label-orange.gif);
}
.socials {
width: 310px;
}
.socials ul {
position: relative;
width: 100%;
height: 30px;
list-style-type: none;
margin: 0;
padding: 0;
}
.socials ul li {
position: absolute;
top: 0;
}
.socials ul li.facebook {
left: 0;
}
.socials ul li.twitter {
left: 145px;
}
.socials ul li.gplus {
left: 250px;
}
@media screen and (max-width: 767px) {
.socials {
display: none;
}
}
.techinfo h5 {
margin-top: 0;
}
.techinfo h6 {
text-transform: uppercase;
font-weight: normal;
margin-bottom: 0.75em;
margin-top: 1.5em;
font-weight: bold;
}
ul.list-tbl,
ul.list-tbl-row {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.list-tbl li,
ul.list-tbl-row li {
margin: 0;
padding: 0;
}
@media screen and (max-width: 991px) {
ul.list-tbl li,
ul.list-tbl-row li {
padding: 0.5em 0;
border-bottom: 1px solid #dcdcdc;
}
}
@media screen and (min-width: 992px) {
ul.list-tbl {
border-top: 1px solid #dcdcdc;
}
ul.list-tbl li {
padding: 0.5em 0;
border-bottom: 1px solid #dcdcdc;
}
ul.list-tbl-row {
zoom: 1;
padding: 0.5em 0;
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
}
ul.list-tbl-row:before,
ul.list-tbl-row:after {
content: "";
display: table;
}
ul.list-tbl-row:after {
clear: both;
}
ul.list-tbl-row + ul.list-tbl-row {
border-top: 0;
}
ul.list-tbl-row li {
float: left;
display: inline;
list-style-type: none;
margin: 0 0 0 30px;
}
ul.list-tbl-row li:first-child {
margin-left: 0;
}
}
.tip {
position: relative;
margin: 1.5em 0;
padding: 0 25px;
border: 2px solid #f3b69f;
}
@media screen and (min-width: 768px) {
.tip:before {
content: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/tip-arrow.gif);
background: #f4f4f4;
position: absolute;
line-height: 0;
left: -23px;
top: 50%;
margin-top: -12px;
}
}
ul.categories {
margin: 0 0 1em 0;
padding: 0;
list-style-type: none;
}
ul.categories li {
margin: 0 0 0.65em 0;
padding: 0 0 0.65em 0;
border-bottom: 1px solid #e0e0e0;
}
ul.categories li.current-cat a {
text-decoration: none;
color: #333;
}
.widget,
.widget-cont {
padding: 1em 19px 0.5em 19px;
}
.widget {
margin: 0 0 1em 0;
background-color: #f4f4f4;
border: 1px solid #e0e0e0;
}
.widget h3 {
margin-top: 0;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 0.35em;
padding-bottom: 0.5em;
text-transform: uppercase;
}
.widget-facebook {
padding: 0;
}
.widget-facebook h3 {
margin: 0;
border: 0;
padding: 0;
}
.widget-facebook .widget-cont {
border-bottom: 1px solid #e0e0e0;
}
.widget-twitter {
border-bottom: 0;
padding: 0;
}
.widget-twitter h3 {
margin: 0;
border: 0;
padding: 0;
}
.widget-twitter .widget-inwrap {
margin: 0 -1px;
line-height: 0;
}
.widget-instagram h3 {
margin-bottom: 0.75em;
}
.widget-instagram .widget-inwrap {
padding-bottom: 0.5em;
}
.widget-lexikon .next {
text-align: right;
}
.widget-posts .item {
zoom: 1;
margin: 1em 0;
padding-bottom: 1em;
border-bottom: 1px solid #e0e0e0;
}
.widget-posts .item:before,
.widget-posts .item:after {
content: "";
display: table;
}
.widget-posts .item:after {
clear: both;
}
.widget-posts .item img {
float: left;
}
.widget-posts .item .cont {
margin-left: 82px;
}
.widget-posts .item .cont h5 {
margin: 0;
}
.widget-posts .item .cont h5 a {
color: #333;
text-decoration: none;
}
.widget-posts .item .cont p {
margin-bottom: 0;
}
.widget ul.instagram-pics {
zoom: 1;
list-style-type: none;
margin: 1.5em 0 1em 0;
padding: 0;
}
.widget ul.instagram-pics:before,
.widget ul.instagram-pics:after {
content: "";
display: table;
}
.widget ul.instagram-pics:after {
clear: both;
}
.widget ul.instagram-pics li {
margin: 0;
padding: 0;
width: 50%;
float: left;
}
.widget ul.instagram-pics li a {
display: block;
padding-right: 1px;
padding-bottom: 1px;
}
.widget ul.instagram-pics li img {
display: block;
}
.wysiwyg {
zoom: 1;
}
.wysiwyg:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.wysiwyg h1 {
text-transform: none;
}
#area {
margin-top: 2em;
}
body.home #area {
margin-top: 1.5em;
}
@media screen and (max-width: 767px) {
#area #sidebar {
display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
#area #content {
width: 620px;
margin: 0 auto;
padding: 0 10px;
}
#area #sidebar {
display: none;
}
}
@media screen and (min-width: 992px) {
#area #sidebar {
width: 275px;
float: right;
}
#area #content {
width: 620px;
float: left;
margin: 0;
}
}
#footer {
margin-top: 8em;
background: #333 url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/footer.gif) top center no-repeat;
color: #fff;
height: 337px;
}
@media screen and (max-width: 767px) {
#footer {
margin-top: 3em;
}
}
#footer a:hover {
color: #fff;
}
#footer .logo {
float: left;
height: 115px;
width: 180px;
background: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/logo-footer.gif) 0 0 no-repeat;
}
#footer .logo a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}
#footer h6 {
float: left;
width: 405px;
font-size: 171.4285714285714%;
margin-left: 115px;
line-height: 1.4;
padding-top: 20px;
}
#footer h6 strong {
display: block;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
#footer h6 {
margin-left: 15px;
width: 285px;
font-size: 128.5714285714286%;
padding-top: 28px;
}
}
#footer .socials {
float: left;
width: 240px;
position: relative;
}
#footer .socials .facebook,
#footer .socials .twitter,
#footer .socials .gplus {
position: absolute;
top: 23px;
}
#footer .socials .facebook {
left: 0;
}
#footer .socials .twitter {
left: 110px;
}
#footer .socials .gplus {
left: 185px;
}
#footer .copyright {
font-size: 85.7142857142857%;
padding: 1em 0;
}
@media screen and (min-width: 768px) {
#footer .copyright {
clear: both;
border: 1px solid #404040;
border-width: 1px 0;
}
}
@media screen and (max-width: 767px) {
#footer {
background: #333;
height: auto;
padding-bottom: 2em;
}
#footer .logo {
margin-left: 10px;
}
#footer h6,
#footer .socials {
display: none;
}
#footer .copyright {
padding-top: 1.5em;
margin-left: 200px;
margin-right: 10px;
}
}
#header {
background: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/header.png) top center no-repeat;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
#header {
background-image: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/header-tablet.png);
}
}
@media screen and (max-width: 767px) {
#header {
background-image: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/header-mobil.png);
}
}
#header .container {
position: relative;
height: 248px;
}
#header .container .logo {
position: absolute;
left: 0;
top: 0;
width: 312px;
height: 247px;
overflow: hidden;
background: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/logo-big.png);
}
#header .container .logo img {
display: none;
}
#header .container .logo a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}
@media screen and (max-width: 991px) {
#header .container .logo {
width: 208px;
height: 165px;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
#header .container .logo {
top: 20px;
}
}
@media screen and (max-width: 767px) {
#header .container .logo {
left: 50%;
margin-left: -104px;
top: 45px;
}
}
#header .container .navmenu {
width: 585px;
position: absolute;
z-index: 20;
right: 0;
bottom: 20px;
}
@media screen and (max-width: 767px) {
#header .container .navmenu {
bottom: 1px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
#header .container .navmenu {
left: 0;
width: 100%;
}
}
#header .container .navmenu .search,
#header .container .navmenu .switcher {
float: right;
display: block;
white-space: nowrap;
line-height: 38px;
padding-left: 30px;
color: #333;
text-decoration: none;
}
#header .container .navmenu .search:hover,
#header .container .navmenu .switcher:hover {
color: #09f;
}
#header .container .navmenu .search {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcBAMAAACAI8KnAAAAMFBMVEX///9AQEAzMzPZ2dmAgIDMzMzy8vJNTU2ysrK/v79mZmalpaWZmZnl5eWNjY1ZWVmpx/s8AAAAtUlEQVR4XpWOParCQBhFrzr5ITq8hyJoJwmilcwKRItgm0Ksp3EDprUwr7QTrKxs7XQJugHXYOUibB58lxhS5jSHw+UbBlXRzzD82G/eLtbd9/NS3WUbyHYg9+nEAA3O0MOXkRNeqzgS/1xF3nEmbp5FdS8RO7/MwIjdARPEYdYSps9bNWMGfFlHzIOl3+L8V1CpjCkIHjFw6s0NiF6MNlurOshZrwDIXNCSuSArz/4YJf5QiX/O8BqC4QA+nwAAAABJRU5ErkJggg==) left center no-repeat;
}
#header .container .navmenu .search:hover {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcBAMAAACAI8KnAAAAMFBMVEX///8Qn/8Amf/P7P9gv/+/5f/v+f8gpv+f2f+v3/9As/+P0v9/zP/f8v9wxv8wrP/XqJ0vAAAAtUlEQVR4XpWOParCQBhFrzr5ITq8hyJoJwmilcwKRItgm0Ksp3EDprUwr7QTrKxs7XQJugHXYOUibB58lxhS5jSHw+UbBlXRzzD82G/eLtbd9/NS3WUbyHYg9+nEAA3O0MOXkRNeqzgS/1xF3nEmbp5FdS8RO7/MwIjdARPEYdYSps9bNWMGfFlHzIOl3+L8V1CpjCkIHjFw6s0NiF6MNlurOshZrwDIXNCSuSArz/4YJf5QiX/O8BqC4QA+nwAAAABJRU5ErkJggg==);
}
@media screen and (max-width: 767px) {
#header .container .navmenu .search {
margin-right: 25px;
}
}
@media screen and (min-width: 768px) {
#header .container .navmenu .search span {
display: block;
width: 0;
height: 28px;
overflow: hidden;
}
}
#header .container .navmenu .switcher {
margin-right: 25px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC41ZYUyZQAAADpJREFUSEtj+E8DMGoo9cEQMtSYYgA1CQnQxlAoTVUwGvuUAqhJSGA09qkPRmOf+mDUUOqDoWLo//8ApFbrqkZ6y64AAAAASUVORK5CYII=) left center no-repeat;
}
#header .container .navmenu .switcher:hover {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcAQMAAABIw03XAAAABlBMVEX///8Amf/YQw2gAAAAH0lEQVR4XqXJsQkAAADCMP+/WVDwAQUzdCkGEpPvdgbr8BHdY1bCcgAAAABJRU5ErkJggg==);
}
@media screen and (min-width: 768px) {
#header .container .navmenu .switcher {
display: none;
}
}
@media screen and (max-width: 767px) {
#header .container .navmenu .body {
display: none;
}
}
#header .container .navmenu ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family: futura-pt, sans-serif;
text-transform: uppercase;
}
#header .container .navmenu ul li {
float: left;
margin: 0;
padding: 0;
margin-right: 25px;
}
#header .container .navmenu ul li a {
float: left;
color: #333;
text-decoration: none;
}
#header .container .navmenu ul li.active a,
#header .container .navmenu ul li a:hover {
color: #09f;
}
#header .container .navmenu ul li:first-child a {
display: block;
margin-top: -6px;
width: 42px;
height: 28px;
background: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/topmenu.png) 0 -42px no-repeat;
}
#header .container .navmenu ul li:first-child a span {
display: none;
}
#header .container .navmenu ul li:first-child a:hover,
#header .container .navmenu ul li.active a {
background-position: 0 0;
}
#header .container .cont {
float: right;
width: 585px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
#header .container .cont {
width: 460px;
}
}
#header .container .cont .topsoc {
zoom: 1;
padding-top: 18px;
}
#header .container .cont .topsoc:before,
#header .container .cont .topsoc:after {
content: "";
display: table;
}
#header .container .cont .topsoc:after {
clear: both;
}
@media screen and (max-width: 767px) {
#header .container .cont .topsoc {
padding-top: 5px;
}
}
#header .container .cont .topsoc .inner {
float: right;
}
#header .container .cont .topsoc .inner .sep {
display: none;
}
#header .container .cont .topsoc .inner a {
display: block;
float: left;
height: 30px;
width: 50px;
background: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/socials.png) 0 100px;
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#header .container .cont .topsoc .inner a:hover {
opacity: 1;
-ms-filter: none;
filter: none;
}
#header .container .cont .topsoc .inner a span {
display: none;
}
#header .container .cont .topsoc .inner a.facebook {
width: 35px;
background-position: 0 -50px;
}
#header .container .cont .topsoc .inner a.gplus {
background-position: -35px -50px;
}
#header .container .cont .topsoc .inner a.twitter {
background-position: -85px -50px;
}
#header .container .cont .topsoc .inner a.instagram {
background-position: -135px -50px;
}
#header .container .cont .topcite {
margin-top: -5px;
}
#header .container .cont .topcite .next {
text-align: right;
padding-top: 0.25em;
}
@media screen and (max-width: 767px) {
#header .container .cont .topcite {
display: none;
}
}
@media screen and (min-width: 992px) {
body.overscrool {
padding-top: 248px;
}
body.overscrool #header {
background: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/header-small.png) top center no-repeat;
position: absolute;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
height: 97px;
}
body.overscrool #header .container {
height: 97px;
}
body.overscrool #header .container .logo {
height: 97px;
background-image: none;
}
body.overscrool #header .container .logo img {
display: block;
}
body.overscrool #header .container .cont {
display: none;
}
}
#search {
margin-top: 2em;
}
#search .block {
zoom: 1;
padding: 0.25em 9px;
}
#search .block:before,
#search .block:after {
content: "";
display: table;
}
#search .block:after {
clear: both;
}
#search .block .screen-reader-text {
display: none;
}
#search .block input[type="text"],
#search .block input.search-field {
float: left;
width: 91%;
border: 0;
padding: 0.25em 10px;
font-size: 128.5714285714286%;
}
#search .block input[type="submit"] {
float: right;
width: 28px;
height: 28px;
background: url(//www.autoblogger.cz/wp-content/themes/autoblogger/images/icosearch.gif) 0 0 no-repeat;
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
overflow: visible;
text-indent: -10000px;
}
#search .block input[type="submit"]:hover {
background-position: -49px 0;
}
#topmenu {
display: none;
margin-top: 2em;
}
#topmenu ul {
float: right;
list-style-type: none;
margin: 0;
padding: 0;
background: #f4f4f4;
border: 1px solid #e0e0e0;
}
#topmenu ul li {
border-top: 1px solid #e0e0e0;
margin: 0;
}
#topmenu ul li:first-child {
border-top: 0;
}
#topmenu ul li a {
display: block;
padding: 0.5em 15px;
color: #333;
font-size: 114.2857142857143%;
text-decoration: none;
}
#topmenu ul li a:hover,
#topmenu ul li a:active {
color: #09f;
}
@media screen and (max-width: 767px) {
.home-head-new-posts {
display: none;
}
}
@media screen and (max-width: 767px) {
.single-head {
padding-left: 25px;
}
}