ACC SHELL
/*
Theme Name: Laboserv 2020
Theme URI:
Author: Jan Konečný
Author URI:
Description:
Version: 1.0
License:
License URI:
Tags:
Text Domain: laboserv2020
*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body
{
margin: 0; padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
code,
kbd,
pre,
samp {
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
select {
text-transform: none;
}
button {
overflow: visible;
}
button,
input,
select,
textarea {
max-width: 100%;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
opacity: .5;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.4375em;
padding: 0;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #d1d1d1;
margin: 0 0 1.75em;
min-width: inherit;
padding: 0.875em;
}
fieldset > :last-child {
margin-bottom: 0;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
optgroup {
font-weight: bold;
}
div#page
{
margin: 0; padding: 0;
}
div.big-arrow-up
{
display: none;
position: fixed;
bottom: 30px; right: 30px;
width: 56px; height: 56px;
border-radius: 6px;
background-image: url( 'images/big-arrow-up.png' );
background-repeat: no-repeat;
background-size: 100%;
opacity: 0.75;
cursor: pointer;
z-index: 50;
}
div.big-arrow-up:hover
{
opacity: 1;
}
/* --- NEWSLETTER PANEL --- */
.grey-panel-area
{
display: none;
position: fixed; top: 0; left: 0;
width: 100%; height: 100%;
background-color: rgba( 0, 0, 0, 0.5 );
z-index: 100;
}
.grey-panel-area div.newsletter-panel,
.grey-panel-area div.catalogue-panel
{
position: absolute; left: 50%; top: 50px;
width: 440px;
padding: 20px; margin-left: -240px;
background-color: #ffffff;
}
div.newsletter-panel input.tnp-email
{
border: none !important;
border-radius: 6px;
background-color: #bcd7e5 !important;
}
div.newsletter-panel .close,
div.catalogue-panel .close
{
position: absolute; right: 0; top: 0;
width: 50px; height: 50px;
font-size: 32px;
font-weight: 800;
line-height: 50px;
text-align: center;
color: #f47f3f;
cursor: pointer;
}
div.newsletter-panel .close:hover,
div.catalogue-panel .close:hover
{
color: #002c61;
}
div.newsletter-panel h1,
div.catalogue-panel h1
{
margin: 10px 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 36px;
text-align: center;
color: #bcd7e5;
}
div.newsletter-panel input.tnp-submit
{
width: 120px;
padding: 0; margin: 20px auto 0 auto;
font-family: 'Roboto Condensed', 'Arial', sans-serif;
font-size: 16px;
line-height: 28px;
letter-spacing: 1px;
text-transform: lowercase;
border-radius: 4px;
color: #ffffff;
background-color: #f47f3f;
border: none;
}
div.newsletter-panel input.tnp-submit:hover
{
background-color: #002c61;
}
div.newsletter-panel label
{
margin-bottom: 10px;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 26px;
font-weight: 600;
text-align: center;
color: #2e537e;
}
div.catalogue-panel .catalogue
{
margin-top: 15px;
height: 80px;
}
div.catalogue-panel .catalogue img
{
float: left;
width: auto; height: 80px;
margin-right: 15px;
}
div.catalogue-panel .catalogue a
{
text-decoration: none;
}
div.catalogue-panel .catalogue span.title
{
display: table;
float: left;
width: calc( 100% - 105px ); height: 50px;
padding: 0 15px; margin-bottom: 6px;
font-family: 'Roboto Condensed', 'Arial', sans-serif;
font-size: 16px;
text-align: left;
border-radius: 6px;
color: #ffffff;
background-color: #f47f3f;
}
div.catalogue-panel .catalogue span.title p
{
display: table-cell;
height: 50px;
vertical-align: middle;
}
div.catalogue-panel .catalogue span.size
{
display: block;
padding: 0 0 0 4px;
font-family: 'Roboto Condensed', 'Arial', sans-serif;
font-size: 16px;
text-decoration: none;
color: #2e537e;
}
/* --- HEADERS --- */
header.supheader
{
position: fixed; top: 0;
width: 100%; height: 62px;
background-color: #ffffff;
box-shadow: 0 0 5px rgba( 0, 0, 0, 0.3 );
z-index: 50;
}
header.supheader div.content
{
position: relative;
width: 1600px; height: 62px;
padding: 0 30px; margin: 0 auto;
}
header.supheader img.logo
{
position: absolute;
left: 30px; top: 13px;
width: 85px; height: 75px;
z-index: 50;
}
header.supheader ul.menu
{
/*display: none;*/
position: absolute;
top: 50%; right: 125px;
height: 28px;
margin-top: -14px;
font-family: 'Roboto Condensed', 'Arial', sans-serif;
font-size: 16px;
letter-spacing: 1px;
color: #002c61;
}
header.supheader ul.menu li
{
position: relative;
float: left;
list-style-type: none;
}
header.supheader ul.menu li.menu-item-has-children
{
padding-right: 49px;
}
header.supheader ul.menu li div.show-hide-submenu
{
position: absolute; top: -4px; right: 11px;
width: 36px; height: 36px;
border-radius: 4px;
background-color: rgba( 188, 215, 229, 0.3 );
background-image: url( 'images/middle-blue-arrow.png' );
background-position: center center;
background-size: 22px;
background-repeat: no-repeat;
cursor: pointer;
}
header.supheader ul.menu li div.show-hide-submenu.arrow-up
{
background-image: url( 'images/middle-blue-arrow-up.png' );
}
header.supheader ul.menu li div.show-hide-submenu:hover
{
background-color: rgba( 188, 215, 229, 0.6 );
}
header.supheader ul.menu li div.show-hide-submenu .none
{
display: none;
}
header.supheader ul.menu a
{
display: block;
line-height: 28px;
padding: 0 12px;
text-decoration: none;
border-radius: 4px;
color: #002c61;
cursor: pointer;
}
header.supheader ul.menu a:hover
{
background-color: #f0f0f0;
}
header.supheader a.shop
{
display: block;
position: absolute; top: 50%; right: 30px;
height: 28px;
margin-top: -14px;
padding: 0 12px 0px 32px;
font-family: 'Roboto Condensed', 'Arial', sans-serif;
font-size: 16px;
letter-spacing: 1px;
line-height: 28px;
text-decoration: none;
border-radius: 4px;
color: #ffffff;
background-color: #f47f3f;
background-image: url( 'images/blue-cart.png' );
background-position: 8px center;
background-size: 16px;
background-repeat: no-repeat;
}
header.supheader a.shop:hover
{
background-image: url( 'images/orange-cart.png' );
background-color: #002c61;
}
header.supheader ul.sub-menu
{
display: none;
position: absolute;
top: 46px; right: auto; left: 0;
height: 28px;
padding: 0; margin-top: 0;
font-family: 'Roboto Condensed', 'Arial', sans-serif;
font-size: 16px;
letter-spacing: 1px;
color: #002c61;
}
header.supheader ul.sub-menu li
{
float: none;
padding: 8px 0 0 0;
}
header.supheader ul.sub-menu li a
{
padding: 8px 12px;
line-height: 20px;
box-shadow: 0 0 5px rgba( 0, 0, 0, 0.3 );
background-color: #ebf3f7;
}
header.supheader ul.sub-menu li a:hover
{
background-color: #d7e7ef;
}
div.show-hide-menu
{
display: none;
position: absolute; right: 130px; top: 50%;
height: 28px; padding: 0 20px 0 32px;
margin-top: -14px;
font-family: 'Roboto Condensed', 'Arial', sans-serif;
font-size: 16px;
line-height: 28px;
border-radius: 4px;
color: #002c61;
background-color: #bcd7e5;
background-image: url( 'images/blue-menu.png' );
background-position: 8px center;
background-size: 16px;
background-repeat: no-repeat;
cursor: pointer;
}
section.month_offer
{
display: block;
position: absolute; left: 0; top: 62px;
width: 100%; height: 232px;
background-color: #2e537e;
z-index: 40;
}
section.month_offer.full-minimal
{
top: -106px;
}
body.home section.month_offer.minimal
{
/*top: 62px;*/
}
section.month_offer .content
{
position: relative;
max-width: 1600px; height: 230px;
padding: 0 20px; margin: 0 auto;
}
section.month_offer.minimal .content
{
max-width: 1515px;
margin-top: 168px;
height: 62px;
padding-left: 115px;
}
section.month_offer .content nav
{
position: relative;
float: left;
width: 70px; height: 230px;
}
section.month_offer.minimal .content nav
{
width: 50px; height: 62px;
z-index: 50;
}
section.month_offer .content nav span
{
display: block;
position: absolute; top: 50%;
width: 34px; height: 34px;
margin: -17px 0 0 0;
background-size: 34px;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
}
section.month_offer.minimal .content nav span
{
background-size: 24px;
}
section.month_offer .content nav.prev span
{
background-image: url( 'images/dark-blue-left-arrow.png' );
left: 10px;
}
section.month_offer .content nav.prev span:hover
{
background-image: url( 'images/light-blue-left-arrow.png' );
}
section.month_offer .content nav.next span
{
display: none;
}
section.month_offer .content nav.next span
{
background-image: url( 'images/dark-blue-right-arrow.png' );
right: 10px;
}
section.month_offer .content nav.next span:hover
{
background-image: url( 'images/light-blue-right-arrow.png' );
}
section.month_offer .content article
{
/*display: none;*/
position: relative;
float: left;
width: 1400px;
padding: 0 30px;
}
section.month_offer.minimal .content article
{
width: 1390px;
padding: 0 10px;
}
section.month_offer .content .articles-list
{
float: left;
position: relative;
display: block;
width: 1460px; height: 230px;
margin: 0;
overflow: hidden;
}
section.month_offer.minimal .content .articles-list
{
width: 1410px; height: 62px;
}
section.month_offer .content .scroll-articles
{
position: absolute; top: 0; right: 0;
display: block;
height: 100%;
}
section.month_offer.minimal .content .scroll-articles article
{
line-height: 62px;
}
section.month_offer .content .scroll-articles article:last-child
{
display: block;
}
section.month_offer .content article h1
{
display: block;
margin: 30px 0 0 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 36px;
font-weight: 800;
}
section.month_offer.minimal .content article h1
{
display: inline;
font-size: 26px;
padding: 0 6px 0 0;
}
section.month_offer.minimal .content article h1:after
{
font-weight: 400;
color: #ffffff;
content: ' /';
}
section.month_offer .content article h1 a
{
text-decoration: none;
color: #f8ef24;
}
section.month_offer .content article h2
{
margin: 0 0 16px 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 26px;
font-weight: 600;
color: #001f45;
}
section.month_offer .content article h2
{
display: inline;
font-size: 26px;
}
section.month_offer .content article img
{
display: inline;
float: right;
width: 230px; height: 150px;
margin: 36px 0 15px 15px;
border: solid 2px #002c61;
}
section.month_offer.minimal .content article img
{
display: none;
}
section.month_offer .content article .excerpt
{
display: block;
font-family: 'Roboto', 'Arial', sans-serif;
font-size: 16px;
color: #bcd7e5;
}
section.month_offer.minimal .content article .excerpt
{
display: none;
}
section.month_offer .content article .more_info
{
display: block;
height: 28px; width: 186px;
padding: 0 10px; margin: 0;
font-family: 'Roboto Condensed', 'Arial', sans-serif;
font-size: 16px;
letter-spacing: 1px;
line-height: 28px;
text-align: center;
text-decoration: none;
color: #ffffff;
background-color: #f47f3f;
border-radius: 4px;
}
section.month_offer.minimal .content article .more_info
{
position: absolute;
top: 50%; right: 10px;
margin-top: -14px;
z-index: 60;
}
section.month_offer .content article .more_info:hover
{
background-color: #002c61;
}
section.month_offer .show-hide-button
{
position: absolute; right: 120px; bottom: 0;
width: 46px; height: 42px;
margin-bottom: -21px;
border-radius: 6px;
background-color: #2e537e;
background-image: url( 'images/yellow-x.png' );
background-size: 16px;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
z-index: 50;
}
section.month_offer.minimal .show-hide-button
{
right: 85px;
background-image: url( 'images/yellow-arrow.png' );
}
section.month_offer .show-hide-button:hover
{
background-image: url( 'images/white-x.png' );
}
section.month_offer.minimal .show-hide-button:hover
{
background-image: url( 'images/white-arrow.png' );
}
section.month_offer .shadow
{
position: absolute; top: 100%; left: 0;
height: 15px; width: 100%;
background-image: url( 'images/offer-shadow.png' );
background-repeat: repeat-x;
background-position: top center;
}
div.breadcrumbs
{
width: 100%; height: auto;
background-color: #bcd7e5;
}
div.lower-breadcrumbs
{
width: 100%; height: 62px;
}
div.breadcrumbs .content,
div.lower-breadcrumbs .content
{
padding: 10px 0;
}
div.breadcrumbs ul
{
display: table;
padding-top: 0; margin: 10px 0;
z-index: 200;
}
div.lower-breadcrumbs ul
{
display: table;
padding: 0; margin: 10px 0;
z-index: 200;
}
div.breadcrumbs ul:after,
div.lower-breadcrumbs ul:after
{
content: '';
}
div.breadcrumbs ul li,
div.lower-breadcrumbs ul li
{
float: left;
padding-right: 14px; margin-right: 10px;
font-family: 'Roboto Condensed', 'Arial', sans-serif;
font-size: 16px;
line-height: 28px;
list-style-type: none;
color: #002c61;
background-image: url( 'images/blue-dot.png' );
background-repeat: no-repeat;
background-position: right center;
background-size: 4px;
}
div.breadcrumbs ul li:last-child,
div.lower-breadcrumbs ul li:last-child
{
padding: 0; margin: 0;
background-image: none;
}
div.breadcrumbs ul li a,
div.lower-breadcrumbs ul li a
{
display: block;
padding: 0 9px;
text-decoration: none;
line-height: 28px;
border-radius: 6px;
}
div.breadcrumbs ul li a
{
color: #ffffff;
background-color: #2e537e;
}
div.lower-breadcrumbs ul li a
{
color: #002c61;
background-color: #bcd7e5;
}
div.breadcrumbs ul li a:hover
{
background-color: #002c61;
}
div.lower-breadcrumbs ul li a:hover
{
color: #ffffff;
background-color: #2e537e;
}
div.breadcrumbs ul li:last-child a,
div.lower-breadcrumbs ul li:last-child a
{
background-color: #bcd7e5;
}
header.main_header
{
display: block;
width: 100%; height: 628px;
margin-top: 62px;
background-image: url( 'images/background.jpg' );
background-position: center center;
background-size: cover;
}
header.main_header .content
{
position: relative;
width: 1600px; height: 628px;
padding: 0 30px; margin: 0 auto;
}
header.main_header h1
{
position: absolute; right: 30px; bottom: 100px;
padding: 0; margin: 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 52px;
font-weight: 800;
text-align: right;
color: #002c61;
}
header.main_header .newsletter-button
{
position: absolute; bottom: 50px; right: 30px;
height: 28px;
padding: 0 10px 0 32px;
font-family: 'Roboto Condensed', 'Arial', sans-serif;
font-size: 16px;
font-weight: normal;
letter-spacing: 1px;
line-height: 28px;
border-radius: 4px;
color: #ffffff;
background-color: #f47f3f;
background-image: url( 'images/blue-checked.png' );
background-position: 8px center;
background-size: 16px;
background-repeat: no-repeat;
cursor: pointer;
}
header.main_header .newsletter-button:hover
{
background-color: #002c61;
background-image: url( 'images/orange-checked.png' );
}
div.single-page,
div.archive-page,
div.ordinary-page,
div.error404-page,
div.search-page
{
margin-top: 124px;
}
div.single-page,
div.archive-page,
div.ordinary-page,
div.error404-page,
div.search-page
{
border-bottom: solid 12px #bcd7e5;
}
section.other-offers,
section.other-news
{
background-color: #bcd7e5;
}
section.other-offers .content,
section.other-news .content
{
display: table;
width: 1600px;
padding: 30px; margin: auto;
}
section.other-news .content
{
padding: 0 30px;
}
section.other-offers .content:after,
section.other-news .content:after
{
content: '';
}
section.other-offers h1,
section.other-news h1
{
margin: 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 36px;
font-weight: 800;
text-align: center;
color: #ffffff;
}
section.other-offers article
{
width: 50%;
margin-top: 25px;
}
section.other-news article
{
width: 50%;
}
section.other-offers article a.prev-link,
section.other-offers article a.next-link,
section.other-news article a.prev-link,
section.other-news article a.next-link
{
float: left;
width: 68px; height: 132px;
background-repeat: no-repeat;
background-position: center center;
background-size: 24px;
}
section.other-offers article a.prev-link,
section.other-news article a.prev-link
{
background-image: url( 'images/blue-left-arrow.png' );
}
section.other-offers article a.prev-link:hover,
section.other-news article a.prev-link:hover
{
background-image: url( 'images/white-left-arrow.png' );
}
section.other-offers article a.next-link,
section.other-news article a.next-link
{
background-image: url( 'images/blue-right-arrow.png' );
}
section.other-offers article a.next-link:hover,
section.other-news article a.next-link:hover
{
background-image: url( 'images/white-right-arrow.png' );
}
section.other-offers article.prev,
section.other-news article.prev
{
float: left;
text-align: left;
}
section.other-offers article.prev h1,
section.other-news article.prev h1
{
text-align: left;
}
section.other-offers article.next,
section.other-news article.next
{
float: right;
text-align: right;
}
section.other-offers article.next h1,
section.other-news article.next h1
{
text-align: right;
}
section.other-offers article img
{
float: left;
width: 128px; height: 128px;
border: solid 2px #2e537e;
}
section.other-offers article img:hover
{
border: solid 2px #f47f3f;
}
section.other-offers article header
{
float: left;
display: table;
height: 132px; width: calc( 100% - 220px );
}
section.other-news article header
{
float: left;
display: table;
height: 132px; width: calc( 100% - 92px );
}
section.other-offers article header span,
section.other-news article header span
{
display: table-cell;
height: 132px;
vertical-align: middle;
}
section.other-offers article.prev img
{
margin-right: 20px;
}
section.other-offers article.next img
{
margin-left: 20px;
}
section.other-offers article h1,
section.other-news article h1
{
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 26px;
font-weight: 800;
color: #002c61;
}
section.other-offers article h1 a,
section.other-news article h1 a
{
text-decoration: none;
color: #002c61;
}
section.other-offers article h1 a:hover,
section.other-news article h1 a:hover
{
color: #f47f3f;
}
section.other-offers article h2,
section.other-news article h2
{
margin: 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 20px;
font-weight: 600;
color: #2e537e;
}
article.single .content,
article.archive .content,
article.ordinary .content,
article.error404 .content,
article.search .content,
div.lower-breadcrumbs .content
{
position: relative;
width: 1200px;
padding: 0 30px; margin: 40px auto 55px auto;
}
article.news-archive .content
{
position: relative;
width: 900px;
padding: 0 30px; margin: 40px auto 55px auto;
}
article.single .left-col
{
position: absolute; top: 0; left: 30px;
width: 400px;
}
article.single .content .left-col img
{
width: 100%;
max-width: 400px; height: auto;
}
article.single .content .left-col .lshop-link,
article.single section.advice-product .left-col-product .lshop-link
{
display: block;
position: absolute; top: -20px; left: -20px;
width: 162px; height: 92px;
padding-top: 70px;
font-family: 'Roboto Condensed', 'Arial', sans-serif;
font-size: 16px;
font-weight: 400;
text-decoration: none;
text-align: center;
border-radius: 50%;
color: #ffffff;
background-color: #f47f3f;
background-image: url( 'images/blue-cart.png' );
background-repeat: no-repeat;
background-position: center 20px;
}
article.single .content .left-col .lshop-link:hover,
article.single section.advice-product .left-col-product .lshop-link:hover
{
background-image: url( 'images/orange-cart.png' );
background-color: #002c61;
}
article.single .content .left-col .lshop-link strong,
article.single section.advice-product .left-col-product .lshop-link strong
{
font-size: 23px;
font-weight: 600;
line-height: 25px;
}
article.single .content .left-col .description h2
{
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 36px;
font-weight: 800;
color: #002c61;
}
article.single .content .left-col .description
{
font-family: 'Roboto', 'Arial', sans-serif;
font-size: 16px;
line-height: 22px;
color: #002c61;
}
article.single .content .left-col .description ul
{
padding: 0 0 0 28px;
}
article.single.nabidka-mesice header,
article.single.nabidka-mesice .post-content
{
margin-left: 440px;
}
article.single .post-content,
article.ordinary .post-content
{
margin-bottom: 35px;
font-family: 'Roboto', 'Arial', sans-serif;
font-size: 18px;
line-height: 24px;
color: #002c61;
}
article.ordinary .post-content
{
display: table;
width: 100%;
}
article.ordinary .post-content:after
{
content: '';
}
.post-content .content-box
{
clear: both;
padding: 10px 0;
}
article.single header
{
position: relative;
}
article.archive article
{
margin-top: 20px;
border-bottom: 2px solid #bcd7e5;
}
article.single header h1,
article.archive header h1,
article.ordinary header h1,
.post-content h1,
article.error404 header h1,
article.search header h1,
article.news-archive header h1
{
margin: 24px 0 0 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 52px;
font-weight: 800;
color: #002c61;
}
article.single header h2,
article.archive header h2,
article.search header h2
{
margin: 0 0 12px 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 26px;
font-weight: 800;
color: #bcd7e5;
}
article.archive header h2 a
{
text-decoration: none;
color: #2e537e;
}
article.archive header h2 a:hover
{
text-decoration: underline;
}
.post-content h2
{
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 44px;
font-weight: 800;
line-height: 46px;
color: #2e537e;
}
.post-content h3
{
clear: both;
margin: 26px 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 36px;
font-weight: 600;
color: #2e537e;
}
.post-content h4
{
margin: 26px 0 12px 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 26px;
font-weight: 600;
color: #2e537e;
}
.post-content .odborna-akce-nadpis
{
margin: 26px 0 12px 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 22px;
font-weight: 600;
color: #f47f3f;
}
.post-content .odborna-akce-meta
{
display: block;
padding-top: 10px;
font-family: 'Roboto', 'Arial', sans-serif;
font-size: 14px;
font-style: italic;
border-top: solid 1px #cde1ec;
color: #2e537e;
}
.post-content hr
{
margin: 42px 0;
border: none;
border-top: 2px solid #bcd7e5;
}
.post-content img.alignleft
{
clear: both;
float: left;
margin: 0 20px 20px 0;
}
.post-content a
{
color: #f47f3f;
}
.post-content a:hover
{
text-decoration: none;
}
.post-content ul
{
margin: 8px 0 0 0;
}
.post-content li
{
margin: 0 0 8px 0;
}
.post-content ul.web-map
{
margin-top: 20px; padding-top: 20px;
border-top: solid 2px #bcd7e5;
}
.post-content ul.web-map li
{
font-weight: bold;
list-style-type: disc;
}
.post-content ul.web-map li li
{
font-weight: normal;
list-style-type: disc;
}
.post-content ul.web-map li li li
{
font-size: 16px;
font-style: italic;
}
.post-content ul.web-map ul
{
padding-left: 25px;
}
article.archive .entry-summary
{
font-family: 'Roboto', 'Arial', sans-serif;
font-size: 16px;
color: #002c61;
}
article.archive .entry-footer,
article.search .entry-footer
{
margin: 0 0 15px 0;
font-family: 'Roboto', 'Arial', sans-serif;
font-size: 14px;
color: #002c61;
}
article.archive .entry-footer .byline,
article.archive .entry-footer .posted-on,
article.archive .entry-footer .cat-links,
article.search .entry-footer .byline,
article.search .entry-footer .posted-on,
article.search .entry-footer .cat-links
{
margin-right: 12px;
}
article.archive .entry-footer .screen-reader-text,
article.search .entry-footer .screen-reader-text
{
display: none;
}
article.archive .entry-footer a,
article.search .entry-footer a
{
padding: 6px 14px;
font-family: 'Roboto Condensed', 'Arial', sans-serif;
line-height: 20px;
text-decoration: none;
border-radius: 6px;
color: #ffffff;
background-color: #f47f3f;
}
article.archive .entry-footer a:hover,
article.search .entry-footer a:hover
{
background-color: #002c61;
}
article.archive .post-thumbnail, article.archive .entry-content,
article.archive img.avatar, article.archive time.updated,
article.search .post-thumbnail, article.search .entry-content,
article.search img.avatar, article.search time.updated
{
display: none;
}
nav.pagination h2
{
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 26px;
font-weight: 800;
color: #bcd7e5;
}
nav.pagination span.screen-reader-text
{
display: none;
}
nav.pagination div.nav-links
{
font-family: 'Roboto Condensed', 'Arial', sans-serif;
font-size: 16px;
letter-spacing: 1px;
color: #002c61;
}
nav.pagination div.nav-links a
{
padding: 6px 14px;
text-decoration: none;
border-radius: 6px;
color: #002c61;
background-color: #bcd7e5;
}
nav.pagination div.nav-links a:hover
{
color: #ffffff;
background-color: #2e537e;
}
article.news-archive article
{
}
article.news-archive article h1
{
font-size: 22px;
font-weight: 600;
}
article.news-archive article .excerpt
{
margin: 5px 0 6px 0;
font-family: 'Roboto', 'Arial', sans-serif;
font-size: 14px;
line-height: 22px;
color: #2e537e;
}
article.news-archive article footer
{
clear: both;
padding-top: 4px;
font-family: 'Roboto', 'Arial', sans-serif;
font-size: 14px;
font-style: italic;
color: #2e537e;
border-top: solid 1px #bcd7e5;
}
article.single header p.excerpt,
article.ordinary header p.excerpt
{
padding: 12px 18px; margin: 20px 0 0 0;
font-family: 'Roboto', 'Arial', sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 24px;
color: #002c61;
background-color: #bcd7e5;
}
article.single.poradna header
{
padding-bottom: 30px;
}
article.single.poradna header h1,
article.single.poradna header p.excerpt,
article.single.poradna header p.author
{
margin-right: 350px;
}
article.single header p.author
{
padding: 12px 18px; margin: 0 0 20px 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 26px;
font-weight: 600;
color: #f8ef24;
background-color: #2e537e;
}
article.single header img.person
{
position: absolute; bottom: 0; right: 45px;
}
article.single header a.category-link
{
padding: 4px 12px;
font-family: 'Roboto Condensed', 'Arial', sans-serif;
font-size: 16px;
line-height: 28px;
text-decoration: none;
border-radius: 6px;
color: #ffffff;
background-color: #f47f3f;
}
article.single header a.category-link strong
{
font-weight: 600;
color: #002c61;
}
article.single header a.category-link:hover
{
background-color: #002c61;
}
article.single header a.category-link:hover strong
{
color: #f47f3f;
}
article.single section.advice-product
{
display: table;
width: 100%;
padding: 10px 0;
background-color: #bcd7e5;
}
article.single section.advice-product:after
{
content: '';
}
section.advice-product .left-col-product
{
float: left;
width: 400px;
margin-right: 40px;
}
section.advice-product .left-col-product img
{
width: 396px; height: auto;
border: solid 2px #2e537e;
}
section.advice-product .product-content
{
font-family: 'Roboto', 'Arial', sans-serif;
font-size: 18px;
color: #002c61;
}
section.advice-product .product-content h2
{
margin: 40px 0 4px 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 36px;
font-weight: 800;
color: #002c61;
}
section.advice-product .product-content h3
{
margin: 4px 0 15px 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 26px;
font-weight: 800;
color: #2e537e;
}
section.advice-product .product-content h4
{
margin: 25px 0 0 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 26px;
font-weight: 400;
color: #2e537e;
}
section.advice-product .product-content p
{
margin: 0 0 6px 0;
}
section.advice-product .product-content table
{
margin: 15px 0;
}
section.advice-product .product-content table th
{
padding: 10px 15px; margin: 3px 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 18px;
font-weight: 800;
border-radius: 6px 6px 0 0;
border-bottom: 5px solid #bcd7e5;
color: #2e537e;
background-color: #ffffff;
}
section.advice-product .product-content table td
{
padding: 4px 12px;
}
article.single section.advice-form
{
padding: 10px 0;
/*border-bottom: solid 12px #bcd7e5;*/
background-color: #2e537e;
}
section.advice-form h1
{
margin-bottom: 20px;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 36px;
font-weight: 800;
color: #002c61;
}
section.advice-form .nf-form-content
{
margin: 0;
}
section.advice-form .nf-form-content .nf-field-label
{
float: left;
display: table;
width: 165px; height: 48px;
margin: 0 15px 0 0;
}
section.advice-form .nf-form-content label
{
display: table-cell;
width: 165px; height: 48px;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 18px;
font-weight: 800;
text-align: right;
letter-spacing: 1px;
vertical-align: middle;
color: #f8ef24;
}
section.advice-form .nf-form-content .nf-field-element
{
float: left;
width: calc( 100% - 180px );
}
section.advice-form .nf-form-content #nf-field-36-container,
section.advice-form .nf-form-content #nf-field-37-container
{
clear: none;
float: left;
width: 50%;
}
section.advice-form .nf-form-content .nf-field-container
{
margin-bottom: 8px;
}
section.advice-form .nf-form-content .nf-input-limit
{
margin: 0;
}
section.advice-form .nf-form-content input
{
height: 48px;
}
section.advice-form .nf-form-content textarea
{
height: 128px;
}
section.advice-form .nf-form-content input,
section.advice-form .nf-form-content textarea
{
font-family: 'Roboto', 'Arial', sans-serif;
font-size: 18px;
border: none;
border-radius: 8px;
color: #002c61;
background-color: #bcd7e5;
}
article.single section.advice-form .nf-form-content input[type=button]
{
height: 48px;
margin-top: 20px; padding: 0 35px;
font-family: 'Roboto Condensed', 'Arial', sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 48px;
color: #ffffff;
background-color: #f47f3f;
}
article.single section.advice-form .nf-form-content input[type=button]:hover
{
color: #f47f3f;
background-color: #ffffff;
}
article.error404
{
text-align: center;
}
article.error404 img.not-found
{
width: 400px; height: 400px;
}
article.error404 form.search-form,
article.search form.search-form
{
margin: 35px 0 20px 0;
}
article.error404 form.search-form label .screen-reader-text,
article.search form.search-form label .screen-reader-text
{
display: none;
}
article.error404 form.search-form input,
article.search form.search-form input
{
height: 48px;
padding: 0 12px;
font-family: 'Roboto', 'Arial', sans-serif;
font-size: 18px;
border: none;
border-radius: 8px;
color: #002c61;
background-color: #bcd7e5;
}
article.error404 form.search-form button,
article.search form.search-form button
{
height: 48px;
margin-top: 20px; padding: 0 35px;
font-family: 'Roboto Condensed', 'Arial', sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 48px;
color: #ffffff;
border: none;
border-radius: 6px;
background-color: #f47f3f;
cursor: pointer;
}
article.error404 form.search-form button:hover,
article.search form.search-form button:hover
{
background-color: #002c61;
}
article.search div.post-content
{
padding-top: 20px;
}
article.search div.post-content .entry-summary
{
font-family: 'Roboto', 'Arial', sans-serif;
font-size: 18px;
line-height: 24px;
color: #012c5f;
}
article.search div.post-content article
{
margin-top: 25px;
border-bottom: solid 2px #bcd7e5;
}
/* --- textarea --- */
div.textarea
{
display: table;
width: 100%;
}
div.textarea:after
{
content: '';
}
div.textarea .content
{
width: 1300px;
padding: 30px; margin: auto;
}
div.textarea .catalogues
{
float: left;
width: 564px;
margin-right: 88px;
}
div.textarea .catalogues h1,
div.textarea .news-posts h1
{
margin: 20px 0 5px 0;
text-align: left;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 36px;
font-weight: 800;
line-height: 100%;
color: #bcd7e5;
}
div.textarea .catalogues h2
{
margin-top: 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 26px;
font-weight: 600;
color: #2e537e;
}
div.textarea .catalogues .catalogue
{
float: left;
margin-right: 45px;
margin-bottom: 20px;
}
div.textarea .catalogues .catalogue:nth-child(5)
{
margin-right: 0;
}
div.textarea .catalogue a
{
display: block;
}
div.textarea .catalogue img
{
width: 158px; height: 222px;
margin-bottom: 6px;
}
div.textarea .catalogue a.button
{
display: table;
width: 158px; height: 73px;
font-family: 'Roboto Condensed', 'Arial', sans-serif;
font-size: 16px;
text-decoration: none;
border-radius: 6px;
color: #ffffff;
background-color: #f47f3f;
}
div.textarea .catalogue a.button:hover
{
background-color: #002c61;
}
div.textarea .catalogue a.button span
{
display: table-cell;
width: 158px; height: 73px;
text-align: center;
vertical-align: middle;
}
div.textarea .catalogue a.button span.title
{
letter-spacing: 1px;
}
div.textarea .catalogue a.button span.size
{
display: none;
}
div.textarea .catalogue a.button span p
{
margin: 0;
}
div.textarea .catalogues .lshop-link
{
clear: both;
padding: 3px 110px 3px 62px;
font-family: 'Roboto', 'Arial', sans-serif;
font-size: 16px;
color: #002c61;
background-image: url( 'images/light-blue-cart.png' );
background-size: 34px;
background-position: 13px center;
background-repeat: no-repeat;
}
div.textarea .catalogues .lshop-link a
{
font-weight: bold;
color: #f47f3f;
}
div.textarea .catalogues .lshop-link a:hover
{
text-decoration: none;
}
div.textarea .advice
{
float: left;
width: 560px;
margin: 20px 0 0 88px;
}
div.textarea .advice header
{
background-color: #f47f3f;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
div.textarea .advice header h1
{
margin: 0; padding: 10px 18px 0 18px;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 36px;
font-weight: 800;
line-height: 36px;
}
div.textarea .advice header h1 a
{
text-decoration: none;
color: #ffffff;
}
div.textarea .advice header .date
{
margin: 0; padding: 0px 18px 10px 18px;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 26px;
font-weight: 600;
color: #2e537e;
}
div.textarea .advice .excerpt
{
position: relative;
width: 524px; height: 275px;
padding: 15px 18px;
background-color: #2e537e;
}
div.textarea .advice .excerpt p
{
width: 275px;
margin: 0;
font-family: 'Roboto', 'Arial', sans-serif;
font-size: 18px;
color: #bcd7e5;
}
div.textarea .advice .excerpt p a
{
font-weight: bold;
color: #f47f3f;
}
div.textarea .advice .excerpt p a:hover
{
text-decoration: none;
}
div.textarea .advice .excerpt img
{
position: absolute; bottom: 0; right: 5px;
}
div.textarea .advice footer
{
background-color: #002c61;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
div.textarea .advice footer .author
{
margin: 0; padding: 18px;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 26px;
font-weight: 600;
color: #f8ef24;
}
/* --- products --- */
section.products
{
clear: both;
width: 100%; height: 230px;
margin-top: 60px;
background-color: #2e537e;
}
section.products .content
{
position: relative;
width: 1540px; height: 230px;
padding: 0; margin: auto;
overflow: hidden;
}
section.products .scrollable-area
{
position: absolute; top: 0; left: 0;
height: 230px;
}
article.product-item
{
float: left;
width: 500px; height: 140px;
margin-top: 48px;
padding: 0 20px 0 0;
}
article.product-item img
{
float: left;
border: solid 2px #002c61;
width: 128px; height: 128px;
margin-right: 15px;
}
article.product-item h1
{
display: table;
height: 68px;
margin: 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-weight: 800;
font-size: 26px;
}
article.product-item h1 a
{
display: table-cell;
height: 68px;
vertical-align: middle;
color: #f8ef24;
}
article.product-item h1 a:hover
{
text-decoration: none;
}
article.product-item p.excerpt
{
margin: 0;
font-family: 'Roboto', 'Arial', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #bcd7e5;
}
div.textarea .news-posts
{
float: left;
width: calc( ( 100% / 2 ) - 20px );
margin: 0 20px 55px 0;
}
.news-posts article.news-post
{
margin-bottom: 35px;
text-align: left;
}
article.news-post img
{
float: left;
width: 80px; height: auto;
margin: 0 15px 15px 0;
}
.news-posts article.news-post h1
{
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 22px;
font-weight: 600;
}
.news-posts article.news-post h1 a
{
color: #f47f3f;
}
.news-posts article.news-post h1 a:hover
{
text-decoration: none;
}
.news-posts article.news-post .excerpt
{
margin: 6px 0 12px 0;
font-size: 18px;
line-height: 24px;
color: #2e537e;
}
.news-posts article.news-post footer
{
clear: both;
padding-top: 10px;
font-family: 'Roboto', 'Arial', sans-serif;
font-size: 14px;
font-style: italic;
border-top: solid 1px #cde1ec;
color: #2e537e;
}
.news-posts article.news-post footer a
{
color: #f47f3f;
}
.news-posts article.news-post footer a:hover
{
text-decoration: none;
}
.news-posts .more-news
{
padding: 8px 14px; margin: auto;
font-family: 'Roboto Condensed', 'Arial', sans-serif;
font-size: 16px;
text-align: center;
text-decoration: none;
letter-spacing: 1px;
border-radius: 6px;
color: #ffffff;
background-color: #f47f3f;
}
.news-posts .more-news:hover
{
background-color: #002c61;
}
div.textarea .about-company
{
display: table;
float: left;
width: calc( ( 100% / 2 ) - 20px );
margin: 0 0 55px 20px;
}
div.textarea .about-company:after
{
content: '';
}
div.textarea .about-company .text
{
padding: 110px 0 0 0; margin: 30px 0 55px 0;
font-family: 'Roboto', 'Arial', sans-serif;
font-size: 18px;
text-align: justify;
line-height: 24px;
color: #2e537e;
background-image: url( 'images/laboserv-logo-2.png' );
background-repeat: no-repeat;
background-position: top center;
background-size: 105px;
}
div.textarea .about-company h1
{
margin: 0 0 10px 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 36px;
font-weight: 800;
color: #bcd7e5;
}
div.textarea .about-company h2
{
margin: 0 0 15px 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 26px;
font-weight: 600;
color: #2e537e;
}
div.textarea .about-company .left-side
{
float: left;
width: 200px;
margin: 0 25px 0 0;
}
div.textarea .about-company .right-side
{
float: left;
width: calc( 100% - 225px );
margin: 0;
}
div.textarea .about-company .photo
{
float: left;
width: 200px; height: 150px;
margin-bottom: 20px;
}
div.textarea .about-company .iso
{
font-family: 'Roboto', 'Arial', sans-serif;
font-size: 13px;
line-height: 17px;
color: #002c61;
}
div.textarea .about-company .iso img
{
float: left;
margin-right: 10px;
}
div.textarea .about-company .link-button
{
display: inline-block;
padding: 8px 14px; margin: 6px 0;
font-family: 'Roboto Condensed', 'Arial', sans-serif;
font-size: 16px;
text-align: center;
text-decoration: none;
letter-spacing: 1px;
border-radius: 6px;
color: #ffffff;
background-color: #f47f3f;
}
div.textarea .about-company .link-button:hover
{
background-color: #002c61;
}
div.textarea .about-company .address
{
font-family: 'Roboto', 'Arial', sans-serif;
font-size: 16px;
line-height: 20px;
color: #2e537e;
}
div.textarea .about-company .address h1
{
margin: 8px 0 0 0;
font-family: 'Raleway', 'Arial', sans-serif;
font-size: 22px;
font-weight: 800;
color: #2e537e;
}
div.textarea .about-company .address a
{
color: #f47f3f;
}
div.textarea .about-company .address a:hover
{
text-decoration: none;
}
footer#main
{
display: table;
width: 100%;
padding: 29px 0;
background-color: #002c61;
}
footer#main:after
{
content: '';
}
footer#main .content
{
position: relative;
width: 1600px;
padding: 0 30px; margin: auto;
}
footer#main .content .about
{
float: left;
padding: 0 0 0 58px;
font-family: 'Roboto', 'Arial', sans-serif;
font-size: 16px;
line-height: 42px;
color: #f8ef24;
background-image: url( 'images/laboserv-logo.png' );
background-repeat: no-repeat;
background-size: 42px;
background-position: left center;
}
footer#main a.link
{
float: right;
padding: 6px 14px; margin: 5px 0;
font-family: 'Roboto Condensed', 'Arial', sans-serif;
font-size: 16px;
text-decoration: none;
letter-spacing: 1px;
border-radius: 6px;
color: #002c61;
background-color: #bcd7e5;
}
footer#main a.link:hover
{
color: #ffffff;
background-color: #2e537e;
}
@media screen and (max-width: 1660px)
{
header.supheader div.content
{
width: 1180px;
}
/* --- MINIMAL OFFER --- */
section.month_offer.minimal .content
{
width: 1115px;
}
section.month_offer.minimal .show-hide-button
{
right: 80px;
}
section.products .content
{
width: 1200px;
}
article.product-item
{
width: 420px;
}
article.product-item p.excerpt
{
font-size: 14px;
}
section.month_offer .content
{
width: 1200px;
}
section.month_offer .content .articles-list
{
width: 1060px;
}
section.month_offer .content article
{
width: 990px;
}
section.month_offer.minimal .content .articles-list
{
width: 1015px;
}
section.month_offer.minimal .content article
{
width: 1000px;
}
header.main_header
{
height: 558px;
}
header.main_header .content
{
height: 558px; width: 1180px;
}
div.textarea .content
{
width: 1000px;
}
div.textarea .catalogues
{
width: 470px;
margin-right: 30px;
}
div.textarea .catalogues .catalogue
{
margin-right: 25px;
}
div.textarea .catalogue img
{
width: 140px; height: auto;
}
div.textarea .catalogue a.button
{
width: 140px; height: 100px;
}
div.textarea .catalogue a.button span
{
width: 110px; height: 100px;
padding: 0 15px;
}
div.textarea .advice
{
width: 470px;
margin-left: 30px;
}
div.textarea .advice .excerpt
{
width: 434px;
}
div.textarea .advice .excerpt p
{
width: 185px;
font-size: 16px;
}
section.other-offers .content,
section.other-news .content
{
width: 1200px;
}
div.single-page,
div.archive-page,
div.ordinary-page,
div.error404-page,
div.search-page
{
margin-top: 126px;
}
footer#main .content
{
width: 1180px;
}
}
@media screen and (max-width: 1260px)
{
header.supheader
{
position: absolute;
}
header.supheader div.content
{
width: 900px;
}
header.supheader ul.menu
{
display: none;
top: 62px; left: 0;
width: 960px; height: auto;
margin: 0; padding: 0;
background-color: #ffffff;
}
header.supheader ul.menu li
{
float: none;
min-height: 49px;
text-align: right;
border-top: solid 1px #95a8be;
}
header.supheader ul.menu a
{
line-height: 49px;
}
header.supheader ul.menu a:hover
{
color: #f47f3f;
background-color: transparent;
}
header.supheader ul.menu li,
header.supheader ul.menu li.menu-item-has-children
{
padding-right: 80px;
}
header.supheader ul.menu li div.show-hide-submenu
{
top: 0; right: 30px;
width: 49px; height: 49px;
border-radius: 0;
}
header.supheader ul.sub-menu
{
position: relative; top: auto; left: auto;
height: auto;
}
header.supheader ul.sub-menu li
{
padding: 0;
min-height: 41px;
}
header.supheader ul.sub-menu li a
{
padding: 0 12px;
font-size: 15px;
line-height: 41px;
color: #2e537e;
box-shadow: none;
background-color: transparent;
}
header.supheader ul.sub-menu li a:hover
{
background-color: transparent;
}
div.show-hide-menu
{
display: block;
}
header.main_header
{
height: 500px;
}
header.main_header .content
{
width: 900px; height: 500px;
}
header.main_header h1
{
font-size: 42px;
}
/* --- MONTH OFFER --- */
section.month_offer
{
height: 290px;
}
section.month_offer .content
{
width: 900px; height: 300px;
}
section.month_offer .content .articles-list
{
width: 780px;
}
section.month_offer .content article
{
width: 720px;
}
section.month_offer .show-hide-button
{
right: 110px;
}
/* --- MINIMAL OFFER --- */
section.month_offer.minimal .content
{
width: 815px;
}
section.month_offer.minimal .content .articles-list
{
width: 710px; height: 124px;
}
section.month_offer.minimal .content article
{
width: 480px; height: 124px;
padding-right: 220px;
line-height: 130%;
}
section.month_offer.minimal .content .scroll-articles article
{
display: table;
height: 124px;
/*padding-top: 20px;*/
line-height: 130%;
}
section.month_offer.minimal .content .scroll-articles article span.offer-content
{
display: table-cell;
height: 124px;
vertical-align: middle;
}
section.month_offer.minimal .content,
section.month_offer.minimal .content nav
{
height: 124px;
}
div.textarea .content
{
width: 900px;
}
div.textarea .catalogues
{
float: none;
width: 564px;
margin: auto;
}
div.textarea .catalogues h1,
div.textarea .catalogues h2
{
text-align: center;
}
div.textarea .catalogue img
{
width: 158px; height: 222px;
}
div.textarea .catalogue a.button,
div.textarea .catalogue a.button span
{
width: 158px; height: 73px;
}
div.textarea .catalogues .catalogue
{
margin-right: 45px;
}
div.textarea .catalogues .lshop-link
{
width: 330px;
margin: auto; padding-right: 0;
}
div.textarea .advice
{
float: none;
width: 560px;
margin: 50px auto 15px auto;
}
div.textarea .advice .excerpt
{
width: 524px;
}
div.textarea .advice .excerpt p
{
width: 275px;
font-size: 18px;
}
section.month_offer .content nav
{
width: 60px; height: 300px;
}
div.textarea .news-posts,
div.textarea .about-company
{
float: none;
width: calc( 100% - 60px );
padding: 20px 30px 0 30px;
}
div.textarea .about-company
{
border-top: solid 1px #cde1ec;
padding-bottom: 30px;
margin: 0;
}
.news-posts article.news-post .excerpt
{
font-size: 16px;
}
section.products .content
{
width: 900px;
}
article.single .content,
article.archive .content,
article.ordinary .content,
article.error404 .content,
article.search .content,
div.lower-breadcrumbs .content
{
width: 900px;
}
div.single-page,
div.archive-page,
div.ordinary-page,
div.error404-page,
div.search-page
{
margin-top: 184px;
}
article.single.poradna header h1
{
margin-right: 0;
}
section.other-offers .content,
section.other-news .content
{
width: 900px;
}
footer#main .content
{
width: 900px;
}
}
@media screen and (max-width: 980px)
{
header.supheader div.content,
header.main_header .content,
div.textarea .content,
footer#main .content
{
width: 670px;
padding: 0 15px;
}
/* --- MONTH OFFER MINIMAL --- */
section.month_offer.minimal
{
height: 270px;
}
section.month_offer.minimal .content
{
width: 600px;
padding-left: 60px;
}
section.month_offer.minimal .content,
section.month_offer.minimal .content nav
{
height: 104px;
}
section.month_offer.minimal .content .articles-list
{
width: 500px;
}
section.month_offer.minimal .content article
{
padding-right: 10px;
}
section.month_offer.minimal .content .scroll-articles article
{
height: 104px;
}
section.month_offer.minimal .content .scroll-articles article span.offer-content
{
height: 104px;
}
section.month_offer.minimal .content article .more_info
{
display: none;
}
section.month_offer.minimal .show-hide-button
{
right: 20px;
}
/* --- MONTH OFFER --- */
section.month_offer .content
{
width: 640px;
}
section.month_offer .content .articles-list
{
width: 520px; height: 290px;
}
section.month_offer .show-hide-button
{
right: 90px;
}
section.month_offer .content article
{
width: 500px;
padding: 0 10px;
}
section.month_offer .content article img
{
width: 190px; height: auto;
}
section.month_offer .content article h1
{
font-size: 26px;
}
section.month_offer .content article h2
{
font-size: 22px;
}
div.textarea .content
{
padding-top: 30px;
}
header.supheader ul.menu
{
width: 700px;
}
header.main_header h1
{
padding-left: 100px;
}
section.products .content
{
width: 620px;
}
article.single .content,
article.archive .content,
article.ordinary .content,
article.error404 .content,
article.search .content,
div.lower-breadcrumbs .content,
article.news-archive .content
{
width: 640px;
}
section.other-offers .content,
section.other-news .content
{
width: 640px;
}
div.single-page,
div.archive-page,
div.ordinary-page,
div.error404-page,
div.search-page
{
margin-top: 164px;
}
article.single header h1,
article.archive header h1,
article.ordinary header h1,
.post-content h1,
article.error404 header h1,
article.search header h1,
article.news-archive header h1
{
font-size: 42px;
}
article.single.nabidka-mesice header,
article.single.nabidka-mesice .post-content
{
margin-left: 0;
}
article.single .left-col
{
position: relative;
top: auto; left: auto;
width: 100%;
margin-top: 35px;
}
section.other-offers article,
section.other-news article
{
margin-top: 0;
}
section.other-offers article header
{
width: calc( 100% - 142px );
height: 134px;
}
section.other-news article header
{
width: calc( 100% - 48px );
height: 134px;
}
section.other-offers article header span,
section.other-news article header span
{
height: 134px;
}
section.other-offers article h1,
section.other-news article h1
{
font-size: 20px;
}
section.other-offers article h2,
section.other-news article h2
{
font-size: 16px;
}
section.other-offers article img
{
width: 80px; height: 80px;
margin-top: 25px; margin-bottom: 25px;
}
section.other-offers article.next img
{
margin-left: 10px;
}
section.other-offers article.prev img
{
margin-right: 10px;
}
section.other-offers article a.prev-link,
section.other-offers article a.next-link,
section.other-news article a.prev-link,
section.other-news article a.next-link
{
width: 48px; height: 134px;
}
article.single header img.person
{
right: 0;
}
article.single.poradna header p.excerpt,
article.single.poradna header p.author
{
margin-right: 280px;
}
section.advice-product .left-col-product
{
float: none;
}
}
@media screen and (max-width: 720px)
{
header.supheader img.logo
{
width: 75px; height: auto;
}
header.supheader div.content,
header.main_header .content,
div.textarea .content,
footer#main .content
{
width: 390px;
padding: 0 10px;
}
header.main_header,
header.main_header .content
{
height: 600px;
}
header.main_header h1
{
padding-left: 30px;
font-size: 36px;
}
header.supheader ul.menu
{
width: 410px;
}
/* --- GREY PANELS --- */
.grey-panel-area div.newsletter-panel,
.grey-panel-area div.catalogue-panel
{
width: 270px;
padding: 20px; margin-left: -155px;
}
div.newsletter-panel h1,
div.catalogue-panel h1
{
font-size: 26px;
}
div.textarea .catalogues
{
width: 390px;
}
div.textarea .catalogues .catalogue
{
float: none;
margin-right: 0;
}
div.textarea .catalogue a.button
{
width: 100%; height: 60px;
}
div.textarea .catalogue a.button span.title
{
display: table;
float: left;
width: calc( 100% - 145px ); height: 60px;
text-align: left;
}
div.textarea .catalogue a.button span.title p
{
display: table-cell;
height: 60px;
vertical-align: middle;
}
div.textarea .catalogue a.button span.size
{
display: block;
float: right;
width: 65px; height: 60px;
padding: 0 10px 0 40px;
line-height: 60px;
text-align: left;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
background-color: #2e537e;
background-image: url( 'images/pdf-icon-white.png' );
background-repeat: no-repeat;
background-position: 10px center;
background-size: 24px;
}
div.textarea .catalogue a.button:hover span.size
{
color: #2e537e;
background-color: #ffffff;
}
div.textarea .catalogue img
{
display: none;
}
div.textarea .advice
{
width: 390px;
}
div.textarea .advice header
{
text-align: center;
}
div.textarea .advice header h1
{
font-size: 30px;
}
div.textarea .advice .excerpt
{
width: 354px; height: auto;
padding-top: 35px;
padding-bottom: 320px;
}
div.textarea .advice .excerpt p
{
width: 100%;
text-align: center;
}
div.textarea .advice .excerpt img
{
right: 50%;
width: 240px; height: auto;
margin-right: -120px;
}
div.textarea .advice footer
{
text-align: center;
}
article.single.poradna header p.excerpt,
article.single.poradna header p.author
{
margin-right: 0;
}
article.single header img.person
{
position: relative;
bottom: auto; right: auto;
margin: 10px 0 20px 55px;
}
article.single header a.category-link
{
display: block;
width: calc(100% - 24px);
text-align: center;
}
section.advice-form .nf-form-content .nf-field-label,
section.advice-form .nf-form-content #nf-field-36-container, section.advice-form .nf-form-content #nf-field-37-container
{
float: none;
width: 100%;
}
section.advice-form .nf-form-content .nf-field-element
{
float: none;
width: 100%;
}
section.advice-form .nf-form-content label
{
text-align: left;
}
section.products .content
{
width: 370px;
}
article.product-item img
{
width: 90px; height: 90px;
}
article.product-item
{
width: 370px;
}
div.textarea .about-company .left-side,
div.textarea .about-company .right-side
{
float: none;
margin-right: 0;
width: 100%;
}
div.textarea .about-company .iso
{
display: block;
clear: both;
}
/* --- MONTH OFFER --- */
section.month_offer
{
height: 420px;
}
section.month_offer .content
{
width: 390px; height: 420px;
padding: 0 10px;
}
section.month_offer .content .articles-list
{
width: 270px; height: 420px;
}
section.month_offer .content article
{
width: 230px;
}
section.month_offer .content article img
{
display: block;
float: none;
margin: 25px 0 0 0;
}
section.month_offer .content article h1
{
margin: 7px 0 0 0;
}
section.month_offer .content article .excerpt
{
margin: 4px 0 12px 0;
}
/* --- OFFER MINIMAL --- */
section.month_offer.minimal .content
{
width: 410px;
padding: 0;
}
section.month_offer.minimal .content .articles-list
{
width: 310px;
}
section.month_offer.minimal .content article
{
width: 290px;
}
section.month_offer.minimal .show-hide-button
{
right: 30px;
}
section.month_offer.minimal .content .scroll-articles article span.offer-content,
section.month_offer.minimal .content .scroll-articles article,
section.month_offer.minimal .content,
section.month_offer.minimal .content nav
{
height: 135px;
}
section.month_offer.minimal
{
height: 302px;
}
article.product-item
{
float: none;
height: auto;
margin: 10px 0;
padding: 0;
}
article.product-item p.excerpt
{
display: none;
}
article.product-item h1,
article.product-item h1 a
{
height: 94px;
}
section.products,
section.products .content
{
height: auto;
}
section.products .content
{
padding: 30px 0 40px 0;
}
section.products .scrollable-area
{
position: relative; top: auto; left: auto;
}
div.single-page,
div.archive-page,
div.ordinary-page,
div.error404-page,
div.search-page
{
margin-top: 196px;
}
article.single .content,
article.archive .content,
article.ordinary .content,
article.error404 .content,
article.search .content,
div.lower-breadcrumbs .content,
article.news-archive .content
{
width: 380px;
padding: 0 15px;
}
section.other-offers .content,
section.other-news .content
{
width: 380px;
padding: 30px 15px;
}
section.other-offers article,
section.other-news article
{
width: 100%;
}
article.error404 img.not-found
{
width: 280px; height: 280px;
}
article.archive .entry-footer a,
article.search .entry-footer a
{
display: block;
}
section.advice-product .left-col-product
{
width: auto;
}
section.advice-product .left-col-product img
{
max-width: 100%; height: auto;
}
}
@media screen and (max-width: 415px)
{
header.supheader div.content,
header.main_header .content,
div.textarea .content,
footer#main .content
{
width: 290px;
}
header.supheader img.logo
{
left: 10px;
width: 65px;
}
header.supheader ul.menu
{
width: 310px;
}
header.supheader ul.sub-menu li a
{
letter-spacing: 0;
}
section.month_offer.minimal .content
{
width: 290px;
}
section.month_offer.minimal .content nav
{
width: 30px;
}
section.month_offer.minimal .content .articles-list
{
width: 220px;
}
section.month_offer.minimal .content article
{
width: 200px;
}
section.month_offer.minimal .content article h1
{
font-size: 22px;
}
section.month_offer.minimal .show-hide-button
{
right: 20px;
}
/* --- MONTH OFFER --- */
section.month_offer .content
{
width: 290px;
padding: 0;
}
section.month_offer .content nav
{
width: 30px;
}
section.month_offer .content article h2
{
font-size: 18px;
}
section.month_offer .content .articles-list
{
width: 230px;
}
section.month_offer .content article
{
width: 210px;
}
section.month_offer .content nav.prev span
{
left: -10px;
}
section.month_offer .content nav.next span
{
right: -10px;
}
section.month_offer .show-hide-button
{
right: 10px;
}
header.main_header,
header.main_header .content
{
height: 480px;
}
header.main_header h1
{
font-size: 26px;
}
div.textarea .catalogues .lshop-link
{
width: 230px;
}
div.textarea .about-company .text
{
font-size: 16px;
}
div.textarea .catalogues
{
width: 290px;
}
div.textarea .advice
{
width: 290px;
}
div.textarea .advice .excerpt
{
width: 254px;
}
div.textarea .advice footer .author
{
font-size: 22px;
}
section.products .content
{
width: 290px;
}
article.product-item
{
width: 280px;
}
article.product-item h1
{
font-size: 20px;
}
div.textarea .news-posts,
div.textarea .about-company
{
width: auto;
padding: 20px 0 0 0;
}
div.textarea .about-company
{
padding-bottom: 20px;
}
article.single .content,
article.archive .content,
article.ordinary .content,
article.error404 .content,
article.search .content,
div.lower-breadcrumbs .content,
article.news-archive .content
{
width: 280px;
}
section.advice-form .content
{
width: 310px;
padding: 0;
}
article.single header img.person
{
width: 200px; height: auto;
margin: 0 0 10px 40px;
}
article.single .post-content,
article.ordinary .post-content
{
font-size: 16px;
}
article.single header h1,
article.archive header h1,
article.ordinary header h1,
.post-content h1,
article.error404 header h1,
article.search header h1,
article.news-archive header h1
{
font-size: 32px;
}
.post-content img
{
width: 100%; height: auto;
}
section.other-offers .content,
section.other-news .content
{
width: 290px;
}
article.news-post img
{
width: 60px;
margin: 0 10px 10px 0;
}
footer#main .content
{
text-align: center;
}
footer#main a.link,
footer#main .content .about
{
display: block;
float: none;
clear: both;
}
footer#main .content .about
{
padding: 40px 0 5px 0;
background-position: center top;
}
}
ACC SHELL 2018