/*
* Theme Name: Polski Przemysł
* Theme URI: none
* Description: Polski Przemysł. Tested on WordPress 4.3.1.
* Version: 1.3.6
* Author: Quality Pixels
* Author URI: http://qualitypixels.pl
*
* [Last update: 2015-11-02]
*/
/* //Disable automatic WordPress update.
define( 'AUTOMATIC_UPDATER_DISABLED', true );*/
/**
* Table of Contents:
*
* 0.0 - Fonts
* 1.0 - Body & main
* 2.0 - Header
* 2.1 - Header menu
* 3.0 - Home page
* 3.1 - Slider
* 4.0 - Footer
* 5.0 - Singular page
* 6.0 - Pages
* 7.0 - Comments
* 8.0 - Sidebar
* 8.1 - Issue-show widget
* 8.1 - Issue-show widget
* 8.3 - sponsored-articles widget
* 8.4 - sponsored-articles-listing widget
* 8.5 - sponsored-articles-listing-columns widget
* 8.6 - articles-from-category widget
* 8.7 - lshowcase widget
* 8.8 - articles slider from category widget
* 8.9 - articles from many categorys widget
* 8.10 - events slider widget
* 8.11 - seo widget
* 8.12 - advertisement widget
* 8.13 - promo zone widget
* 8.14 - permanent departments widget
* 9.0 - Category, tag, author, search page
* 10.0 - Pagination
* 11.0 - Cookies pop-up
* 12.0 - Contact - template
* 13.0 - Issue show - Fixed-bar
* 15.0 - Reklamy
* 16.0 - Components
*
* -----------------------------------------------------------------------------
*/
/**
* 0.0 - Fonts
* -----------------------------------------------------------------------------
*/
@font-face {
font-family: 'geomanist';
src: url('fonts/geomanist-light.eot');
src: url('fonts/geomanist-light.eot?#iefix') format('embedded-opentype'),
url('fonts/geomanist-light.woff') format('woff'),
url('fonts/geomanist-light.ttf') format('truetype'),
url('fonts/geomanist-light.svg#open_sansbold') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'geomanist';
src: url('fonts/geomanist-regular.eot');
src: url('fonts/geomanist-regular.eot?#iefix') format('embedded-opentype'),
url('fonts/geomanist-regular.woff') format('woff'),
url('fonts/geomanist-regular.ttf') format('truetype'),
url('fonts/geomanist-regular.svg#open_sansbold') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'geomanist';
src: url('fonts/geomanist-medium.eot');
src: url('fonts/geomanist-medium.eot?#iefix') format('embedded-opentype'),
url('fonts/geomanist-medium.woff') format('woff'),
url('fonts/geomanist-medium.ttf') format('truetype'),
url('fonts/geomanist-medium.svg#open_sansbold') format('svg');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'geomanist';
src: url('fonts/geomanist-bold.eot');
src: url('fonts/geomanist-bold.eot?#iefix') format('embedded-opentype'),
url('fonts/geomanist-bold.woff') format('woff'),
url('fonts/geomanist-bold.ttf') format('truetype'),
url('fonts/geomanist-bold.svg#open_sansbold') format('svg');
font-weight: 700;
font-style: normal;
}
/**
* 1.0 Body & main
* -----------------------------------------------------------------------------
*/
.is-visible {
display: block !important;
}
.is-hidden {
display: none !important;
}
body {
font-size: 15px;
color: #000;
line-height: 1.6;
font-family: 'geomanist';
font-weight: 300;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
height: auto;
max-width: 100%;
vertical-align: middle;
}
a:hover {
text-decoration: none;
}
strong {
font-weight: 400 !important;
}
b {
font-size: 18px;
font-weight: 700;
line-height: 1.35;
}
.article-content a {
color: #ec5b0c;
}
.article-content a:hover {
text-decoration: underline;
}
.wrap {
width: 1328px;
padding:0 10px;
margin: 0px auto;
max-width: 100%;
}
/**
* 1.1 Body & main this smae for all
* -----------------------------------------------------------------------------
*/
.box-title {
border-bottom: 2px solid #525868;
color: #525868;
padding: 0 0 7px;
margin-bottom: 10px;
text-transform: uppercase;
width: 100%;
font-size: 14px;
line-height: 1.4;
font-weight: 700;
overflow: hidden;
}
a .box-title:hover {
text-decoration: underline;
}
.box-title span {
text-transform: none;
}
.box-title-left {
float: left;
width: 50%;
}
.box-title-right {
float: right;
width: 50%;
font-weight: 400;
text-align: right;
}
.box-title-right a,
.box-title-left a {
color: #525868;
}
.box-title-right a:hover,
.box-title-left a :hover {
text-decoration: underline;
}
/*wydarzenia box standard*/
.wydarzenia-box .box-title {
border-color: #ec5b0c;
color: #ec5b0c;
margin-bottom: 0px;
}
.wydarzenia-box .box-title a {
color: #ec5b0c;
}
.wydarzenia-box .box-title a:hover {
text-decoration: underline;
}
.wydarzenia-box .box-title .box-title-left {
width: 25%;
}
.wydarzenia-box .box-title .box-title-right {
font-size: 12px;
color: #525868;
width: 75%;
}
.wydarzenia-box .box-title .box-title-right a {
color: #525868;
}
.wydarzenia-box-posts {
font-size: 0px;
}
.wydarzenia-box-posts .wydarzenia-box-post:first-child {
border-left: none;
}
.wydarzenia-box-posts .wydarzenia-box-post {
display: inline-block;
width: 50%;
border-left: 2px solid #c5c3c3;
}
.wydarzenia-box-post {
background-color: #f1f1f3;
margin-bottom: 1px;
padding: 10px 12px;
font-size: 14px;
line-height: 1;
}
.wydarzenia-box-post-content {
overflow: hidden;
white-space: nowrap;
position: relative;
}
.wydarzenia-box-title::after {
background-image: linear-gradient(to left, #F1F1F3 30%, rgba(241, 241, 243, 0) 100%);
content: "";
display: block;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 10px;
}
.wydarzenia-box-ico {
display: inline-block;
vertical-align: middle;
margin-right: 2px;
}
.wydarzenia-box-info {
display: inline-block;
vertical-align: middle;
font-weight: 700;
color: #ec5b0c;
}
.wydarzenia-box-seperator {
display: inline-block;
vertical-align: middle;
font-weight: 400;
padding: 0 2px;
margin-top: -2px;
}
.wydarzenia-box-title {
display: inline-block;
vertical-align: middle;
font-weight: 400;
}
.wydarzenia-box-title a {
color: #525868;
}
.wydarzenia-box-title a:hover {
text-decoration: underline;
}
/*wydarzenia box header*/
.wydarzenia-box-header {
font-size: 0px;
}
.wydarzenia-box-header .wydarzenia-box {
display: inline-block;
vertical-align: top;
width: 75.689%;
padding-right: 10px;
}
.wydarzenia-box-header .wiadomosci-box-header {
display: inline-block;
vertical-align: top;
width: 24.311%;
font-size: 0px;
background-color: #f6cc07;
}
.wiadomosci-box-header-img {
display: inline-block;
max-height: 63px;
overflow: hidden;
vertical-align: top;
width: 41%;
}
.wiadomosci-box-header-text {
display: inline-block;
max-height: 63px;
overflow: hidden;
padding: 4px 10px 0 5px;
text-align: right;
vertical-align: top;
width: 59%;
}
.wiadomosci-box-header-text a:hover {
text-decoration: underline;
}
.wiadomosci-box-header-text-category {
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
}
.wiadomosci-box-header-text-category a {
color: #282828;
}
.wiadomosci-box-header-text-title {
font-size: 12px;
font-weight: 400;
line-height: 1.2;
}
.wiadomosci-box-header-text-title a {
color: #282828;
}
.wydarzenia-content-home {
float: left;
width: 66.22%;
margin-right: 1.247%;
}
.wiadomosci-content-home {
float: left;
overflow: hidden;
width: 32.535%;
}
.wiadomosci-content-home-img {
float: left;
width: 45.8%;
}
.wiadomosci-content-home-text {
float: left;
width: 54.2%;
text-align: right;
padding: 6px 10px;
}
/*wydarzenia box slider*/
#wydarzenia-box-slider .wydarzenia-box-posts .wydarzenia-box-post {
width: auto;
line-height: 1 !important;
padding: 10px 12px !important;
}
#wydarzenia-box-slider .wydarzenia-box-posts .wydarzenia-box-post:first-child {
border-left: 2px solid #c5c3c3;
}
#wydarzenia-box-slider .wydarzenia-box-title:after {
display: none;
}
/*strefa promo*/
#strefa-promo {
background-color: #000;
padding: 12px;
}
/*do usuniecia*/
/*
.category-wrap #strefa-promo {
margin-bottom: 10px;
}
.strefa-promo-posts-wrap {
font-size: 0px;
margin: 0 -5px;
}
.strefa-promo-posts-wrap {
overflow: hidden;
}
.strefa-promo-posts-wrap .strefa-promo-post {
float: left;
}
.strefa-promo-posts-wrap .strefa-promo-post-img img {
max-height: 162px;
}
/*bigger*/ /*
.strefa-promo-post.bigger {
width: 75%;
}
.strefa-promo-post.bigger .strefa-promo-post-description {
padding: 50px 100px 30px 30px;
}
.strefa-promo-posts-wrap .bigger .strefa-promo-post-img img {
max-height: none;
width: 100%;
}
.strefa-promo-post.bigger .strefa-promo-post-title {
font-size: 40px;
font-weight: 400;
}
.strefa-promo-post.with-bigger-different {
margin-bottom: 8px;
}
/*end bigger*/
/*end do usuniecia*/
.strefa-promo-sponsored-wrap {
font-size: 0px;
margin: -5px;
}
.strefa-promo-sponsored-wrap .strefa-promo-post {
padding: 5px;
margin-bottom: 0px;
}
.strefa-promo-post {
display: inline-block;
vertical-align: top;
width: 25%;
padding: 0 5px;
margin-bottom: 10px;
position: relative;
}
.strefa-promo-post-content {
position: relative;
display: block;
}
.strefa-promo-post-img {
overflow: hidden;
}
.strefa-promo-post-img img {
transition: all .5s ease-in-out;
}
.strefa-promo-post-description {
background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
position: absolute;
bottom: 0px;
width: 100%;
padding: 30px 10px 10px;
}
.strefa-promo-post-title {
font-size: 16px;
font-weight: 600;
line-height: 1.2;
color: #fff;
text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
}
.strefa-promo-post-content:hover .strefa-promo-post-img img {
-webkit-transform: scale(1.2); /* Saf3.1+, Chrome */
-moz-transform: scale(1.2); /* FF3.5+ */
-ms-transform: scale(1.2); /* IE9 */
-o-transform: scale(1.2); /* Opera 10.5+ */
transform: scale(1.2);
}
/*FOUR COLUMNS BOXES - WERSJA PODSTAWOWA*/
.four-column-boxs {
margin: 0 -5px;
font-size: 0px;
}
.four-column-box {
display: inline-block;
vertical-align: top;
width: 25%;
padding: 0 5px;
margin-bottom: 10px;
position: relative;
}
.four-column-content {
position: relative;
display: block;
}
.four-column-box-img {
overflow: hidden;
position: relative;
transition: all .5s ease-in-out;
}
.four-column-box-img:after {
background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
content: "";
display: block;
height: 0%;
position: absolute;
bottom: 0;
width: 100%;
transition: all .2s ease-in-out;
}
.badges {
position: absolute;
right: 7px;
top: 5px;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.badges .badge {
margin-top: 2px;
padding: 3px 7px;
background-color: red;
}
.badges .badge .badge-name {
padding-top: 2px;
font-size: 12px;
line-height: 1.2;
font-weight: 600;
text-transform: uppercase;
color: #ffffff;
}
.big .badges,
.home_big .badges {
right: 10px;
top: 10px;
}
.big .badges .badge,
.home_big .badges .badge {
padding: 6px 10px;
}
.big .badges .badge .badge-name,
.home_big .badges .badge .badge-name {
font-size: 14px;
}
@media only all and (max-width : 1200px) {
.badges .badge {
padding: 3px 7px !important;
}
.badges .badge .badge-name {
font-size: 12px !important;
}
}
@media only all and (max-width : 760px) {
.badges {
right: 7px !important;
top: 5px !important;
}
.badges .badge {
padding: 2px 5px !important;
}
.badges .badge .badge-name {
font-size: 10px !important;
}
}
.four-column-box-description {
background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
position: absolute;
bottom: 0px;
width: 100%;
padding: 30px 10px 10px;
}
.four-column-box-title {
font-size: 16px;
font-weight: 600;
line-height: 1.2;
color: #fff;
text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
}
.four-column-content:hover .four-column-box-img:after {
height: 100%;
}
/*THREE COLUMNS BOXES - WERSJA PODSTAWOWA*/
.three-column-boxs {
display: flex;
flex-wrap: wrap;
margin: -5px;
}
.three-column-box {
width: calc( 100% / 3 );
padding: 5px;
}
@media only all and (max-width : 1040px) {
.three-column-box {
width: 50%;
}
}
@media only all and (max-width : 876px) {
.three-column-box {
width: calc( 100% / 3 );
}
}
@media only all and (max-width : 680px) {
.three-column-box {
width: 50%;
}
}
@media only all and (max-width : 340px) {
.three-column-box {
width: 100%;
}
}
.three-column-content {
position: relative;
display: block;
}
.three-column-box-img {
overflow: hidden;
transition: all .5s ease-in-out;
}
.three-column-box-img:after {
background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
content: "";
display: block;
height: 0%;
position: absolute;
bottom: 0;
width: 100%;
transition: all .2s ease-in-out;
}
.three-column-box-description {
background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
position: absolute;
bottom: 0px;
width: 100%;
padding: 30px 10px 10px;
}
.three-column-box-title {
font-size: 16px;
font-weight: 600;
line-height: 1.2;
color: #fff;
text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
}
@media only all and (max-width : 1344px) {
.three-column-box-title {
font-size: 14px;
}
}
@media only all and (max-width : 479px) {
.three-column-box-title {
font-size: 9px;
}
}
@media only all and (max-width : 340px) {
.three-column-box-title {
font-size: 16px;
}
}
.three-column-content:hover .three-column-box-img:after {
height: 100%;
}
/*TWO COLUMNS BOXES - WERSJA PODSTAWOWA*/
.two-column-boxs {
margin: 0 -5px;
font-size: 0px;
}
.two-column-box {
display: inline-block;
vertical-align: top;
width: 50%;
padding: 0 5px;
margin-bottom: 10px;
position: relative;
}
.two-column-content {
position: relative;
display: block;
}
.two-column-box-img {
overflow: hidden;
transition: all .5s ease-in-out;
}
.two-column-box-img:after {
background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
content: "";
display: block;
height: 0%;
position: absolute;
bottom: 0;
width: 100%;
transition: all .2s ease-in-out;
}
.two-column-box-description {
background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
position: absolute;
bottom: 0px;
width: 100%;
padding: 30px 10px 10px;
}
.two-column-box-title {
font-size: 16px;
font-weight: 600;
line-height: 1.2;
color: #fff;
text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
}
.two-column-content:hover .two-column-box-img:after {
height: 100%;
}
/*ONE COLUMNS BOXES - WERSJA PODSTAWOWA*/
.one-column-boxs {
}
.one-column-box {
display: block;
width: 100%;
position: relative;
}
.one-column-content {
position: relative;
display: block;
}
.one-column-box-img {
overflow: hidden;
}
.one-column-box-img img {
transition: all .5s ease-in-out;
}
.one-column-box-description {
background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
position: absolute;
bottom: 0px;
width: 100%;
padding: 30px 10px 10px;
}
.one-column-box-title {
font-size: 16px;
font-weight: 600;
line-height: 1.2;
color: #fff;
text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
}
.one-column-box-category {
font-size: 12px;
line-height: 1.2;
color: #fff;
}
.one-column-box-category a {
color: #fff;
}
.one-column-box-category a:hover {
text-decoration: underline;
}
/*
.one-column-content:hover .one-column-box-img img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
*/
/*ScrollTo_top*/
.scrollTo_top {
position:fixed;
bottom:50px;
right:20px;
display:none;
}
/**
* 2.0 - Header
* -----------------------------------------------------------------------------
*/
header.main-header {
background-color: #fff;
overflow: hidden;
padding-bottom: 25px;
}
header.main-header.fixed {
left: 0;
margin: 0 auto;
position: fixed;
right: 0;
top: 0;
z-index: 99;
box-shadow: 0px 3px 36px 0px rgba(0,0,0,0.35); /* box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.35);*/
}
header.main-header.fixed .header-top {
padding: 12px 0px;
}
header.main-header.fixed #searchform #search {
width: 355px;
}
header.main-header.fixed .logo {
width: 131px;
}
header.main-header.fixed .slogan-and-facebook .header-media {
}
header.main-header.fixed .slogan-and-facebook .header-media .socials .social img {
width: 18px;
}
header.main-header.fixed .search-header {
}
header.main-header.fixed .burger {
display: inline-block;
}
header.main-header .header-top {
padding: 26px 0px;
font-size: 0px;
position: relative;
}
header.main-header .header-top .header-top-content {
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media only all and (max-width : 1040px) {
header.main-header .header-top .header-top-content {
display: block;
}
}
header.main-header .header-top .header-top-content .header-top-left {
flex: 1;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
header.main-header .header-top .header-top-content .header-top-right {
}
header.main-header .header-logo-and-facebook {
display: inline-block;
}
header.main-header .logo {
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
header.main-header .slogan-and-facebook {
display: inline-block;
vertical-align: middle;
}
header.main-header .slogan-and-facebook .header-media {
}
header.main-header .slogan-and-facebook .header-media .socials {
font-size: 0px;
display: inline-block;
vertical-align: middle;
}
header.main-header .slogan-and-facebook .header-media .socials .social {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
@media only all and (max-width : 1040px) {
header.main-header .slogan-and-facebook .header-media .socials .social {
margin-right: 6px;
}
}
header.main-header .search-header {
}
header.main-header .burger {
display: none;
vertical-align: bottom;
font-size: 14px;
font-weight: 600;
color: #525868;
margin-left: 8px;
padding: 7px 15px;
border: 1px solid #cdced0;
}
header.main-header .burger span {
background-image: url("img/arrow_down_menu.svg");
background-position: right center;
background-repeat: no-repeat;
padding-right: 20px;
}
header.main-header .burger:hover {
color: #fff;
background-color: #525868;
}
header.main-header .burger:hover span {
background-image: url("img/arrow_down_menu_white.svg");
}
.close-burger {
display: none;
width: 25px;
height: 25px;
position: absolute;
z-index:11;
top: 20px;
right: 20px;
cursor: pointer;
z-index: 100;
}
#searchform #search {
border: 1px solid #cdced0;
padding: 10px 28px 9px 9px;
display: inline-block;
vertical-align: middle;
font-size: 12px;
color: #525868;
font-weight: 400;
height: 37px;
width: 355px;
}
#searchform .submit {
background-color: transparent;
background-image: url("img/magnifier_search.svg");
background-repeat: no-repeat;
border: medium none;
cursor: pointer;
height: 19px;
vertical-align: middle;
padding: 0;
display: inline-block;
margin: 0px 9px 0px -28px;
width: 19px;
}
header.main-header .header-top .baner-and-partners {
display: flex;
align-items: center;
}
@media only all and (max-width : 876px) {
header.main-header .header-top .baner-and-partners {
flex-direction: column;
}
}
header.main-header .header-top .baner-and-partners .banner-full {
flex: 1;
}
@media only all and (max-width : 876px) {
header.main-header .header-top .baner-and-partners .banner-full {
width: 100%;
flex: auto;
}
}
header.main-header .header-top .baner-and-partners .banner-full + .partners-wrap {
display: block;
}
header.main-header .header-top .baner-and-partners .partners-wrap {
display: none;
margin-bottom: 25px;
padding: 0 29px;
}
@media only all and (max-width : 876px) {
header.main-header .header-top .baner-and-partners .partners-wrap {
padding: 0;
}
}
header.main-header .header-top .baner-and-partners .partners-wrap .partners-title {
font-size: 10px;
color: #515767;
text-align: center;
}
header.main-header .header-top .baner-and-partners .partners-wrap .partners-title p {
margin-bottom: 0px;
}
header.main-header .header-top .baner-and-partners .partners-wrap .partners {
display: flex;
flex-wrap: wrap;
margin: 0 -8px;
}
@media only all and (max-width : 876px) {
header.main-header .header-top .baner-and-partners .partners-wrap .partners {
margin: 0px;
justify-content: center;
}
}
header.main-header .header-top .baner-and-partners .partners-wrap .partners .column {
padding: 0 8px;
}
@media only all and (max-width : 876px) {
header.main-header .header-top .baner-and-partners .partners-wrap .partners .column {
display: flex;
padding: 0px;
flex-wrap: wrap;
justify-content: center;
}
}
header.main-header .header-top .baner-and-partners .partners-wrap .partners .column .partner {
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
border: 1px solid #e0e0e0;
margin: 8px 0;
}
@media only all and (max-width : 876px) {
header.main-header .header-top .baner-and-partners .partners-wrap .partners .column .partner {
margin: 8px;
}
}
header.main-header .header-top .baner-and-partners .partners-wrap .partners .column a.partner:hover {
opacity: 0.7;
}
header.main-header .header-top .baner-and-partners .partners-wrap .partners .column .partner img {
}
/**
* 2.1 - Header menu
* -----------------------------------------------------------------------------
*/
/*burger float menu*/
header.fixed .main-navigation,
header.fixed .header-top .baner-and-partners {
display: none;
}
header.fixed .main-navigation.is-visible {
position:relative;
z-index: 100;
background-color: #fff;
}
/*orginal burger menu*/
.burger {
display: none;
cursor: pointer;
}
.main-navigation {
border-bottom: 1px solid #cdced0;
}
.menu-border-top {
background-color: #cdced0;
height: 1px;
margin-bottom: -1px;
position: relative;
width: 100%;
z-index: 1;
}
.main-navigation > ul {
overflow: hidden;
margin-top: -1px;
}
.main-navigation > ul > li {
display: block;
float: left;
width: 20%;
position: relative;
border-top: 1px solid #ebecee;
}
.main-navigation > ul > li > a {
font-size: 13px;
font-weight: 600;
color: #525868;
width: 100%;
padding: 10px 0 10px 35px;
display: block;
}
.main-navigation > ul > li > a:hover,
.main-navigation > ul > li.current-category-ancestor > a,
.main-navigation > ul > li.current-menu-item > a {
color: #fff;
background-color: #525868;
}
.main-navigation .sub-menu {
display: none;
position: absolute;
top: 15px; /*Depends on the .main-navigation > ul > li height */
left: 0px;
}
.main-navigation .sub-menu a {
white-space: nowrap;
}
/**
* 3.0 - Home page
* -----------------------------------------------------------------------------
*/
/*strefa promo*/
.strefa-promo-posts-wrap-home {
display: flex;
flex-wrap: nowrap;
margin: 0 -6px;
}
@media only all and (max-width : 1040px) {
.strefa-promo-posts-wrap-home {
flex-wrap: wrap;
}
}
.strefa-promo-post.home_big {
width: 50%;
padding: 0px 6px;
margin-bottom: 12px;
}
@media only all and (max-width : 1040px) {
.strefa-promo-post.home_big {
width: 100%;
}
}
.strefa-promo-post.home_big .strefa-promo-post-content {
height: 100%;
}
.strefa-promo-post.home_big .strefa-promo-post-content .strefa-promo-post-img {
height: 100%;
}
.strefa-promo-post.home_big .strefa-promo-post-content .strefa-promo-post-img a {
height: 100%;
display: block;
}
.strefa-promo-post.home_big .strefa-promo-post-content .strefa-promo-post-img a img {
object-fit: cover;
width: 100%;
height: 100%;
}
.strefa-promo-post.home_big .strefa-promo-post-content .strefa-promo-post-description {
padding: 30px 10px 10px 10px;
}
.strefa-promo-post.home_big .strefa-promo-post-content .strefa-promo-post-description .strefa-promo-post-category,
.strefa-promo-post.home_big .strefa-promo-post-content .strefa-promo-post-description .strefa-promo-post-category a {
font-size: 12px;
font-weight: 400;
color: #fff;
text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
text-transform: uppercase;
}
.strefa-promo-post.home_big .strefa-promo-post-content .strefa-promo-post-description .strefa-promo-post-title a {
font-size: 30px;
color: #fff;
font-weight: 400;
text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
}
@media only all and (max-width : 876px) {
.strefa-promo-post.home_big .strefa-promo-post-content .strefa-promo-post-description .strefa-promo-post-title a {
font-size: 26px;
}
}
@media only all and (max-width : 600px) {
.strefa-promo-post.home_big .strefa-promo-post-content .strefa-promo-post-description .strefa-promo-post-title a {
font-size: 18px;
}
}
/*Strefa promo wiadomosci*/
.strefa-promo-wiadomosci {
padding: 0px 6px;
width: 25%;
}
@media only all and (max-width : 1040px) {
.strefa-promo-wiadomosci {
width: 50%;
}
}
@media only all and (max-width : 600px) {
.strefa-promo-wiadomosci {
width: 100%;
}
}
.strefa-promo-wiadomosci-wrap {
}
.strefa-promo-wiadomosci-wrap .box-title {
border: none;
margin-bottom: 0px;
padding: 10px;
background-color: #F6CC07;
color: #282828;
line-height: 1;
}
@media only all and (max-width : 1040px) {
.strefa-promo-wiadomosci-wrap .box-title {
font-size: 14px;
}
}
.strefa-promo-wiadomosci-wrap .four-column-box {
width: 100%;
margin-bottom: 12px;
}
/*
@media only all and (max-width : 1344px) {
.strefa-promo-wiadomosci-wrap .four-column-content {
background-color: #f6cc07;
padding: 0 10px;
}
.strefa-promo-wiadomosci-wrap .four-column-box-img {
display: none;
}
.strefa-promo-wiadomosci-wrap .four-column-box-description {
position: relative;
background: none;
padding: 0px;
}
}
@media only all and (max-width : 1344px) {
.strefa-promo-wiadomosci-wrap .four-column-box-title {
border-bottom: 1px solid #282828;
box-sizing: border-box;
color: #282828;
display: block;
height: 82px;
padding: 15px 0;
text-shadow: none;
font-size: 13px;
display: flex;
flex-direction: column;
justify-content: center;
}
}
@media only all and (max-width : 1279px) {
.strefa-promo-wiadomosci-wrap .four-column-box-title {
height: 70px;
padding: 8px 0;
}
}
@media only all and (max-width : 600px) {
.strefa-promo-wiadomosci-wrap .four-column-box-title {
height: auto;
}
}
*/
@media only all and (max-width : 1040px) {
.strefa-promo-wiadomosci-wrap .four-column-box-title {
font-size: 20px;
}
}
@media only all and (max-width : 400px) {
.strefa-promo-wiadomosci-wrap .four-column-box-title {
font-size: 16px;
}
}
.strefa-promo-wiadomosci-wrap .four-column-content-simple {
background-color: #f6cc07;
margin-top: 0;
padding: 0 10px;
}
.strefa-promo-wiadomosci-wrap .four-column-content-simple:hover {
background-color: #282828;
}
.strefa-promo-wiadomosci-wrap .four-column-box-simple-title {
border-bottom: 1px solid #282828;
box-sizing: border-box;
display: block;
height: 59.6px;
padding: 6px 0;
color: #282828;
display: flex;
flex-direction: column;
justify-content: center;
}
@media only all and (max-width : 1344px) {
.strefa-promo-wiadomosci-wrap .four-column-box-simple-title {
height: 82px;
padding: 15px 0;
}
}
@media only all and (max-width : 1279px) {
.strefa-promo-wiadomosci-wrap .four-column-box-simple-title {
height: 70px;
padding: 8px 0;
}
}
@media only all and (max-width : 600px) {
.strefa-promo-wiadomosci-wrap .four-column-box-simple-title {
height: auto;
}
}
@media only all and (max-width : 1344px) {
.strefa-promo-post.home_big .strefa-promo-post-title a {
font-size: 32px;
}
}
.strefa-promo-wiadomosci-wrap .four-column-content-simple:last-child .four-column-box-simple-title {
border-bottom: none;
}
/*Home Losowe artykuly and sidebar widget random articles*/
.box-home-losowe-artykuly-wrap .four-column-box {
margin-bottom: 35px;
}
.four-column-content-simple {
margin-top: 1px;
background-color: #e2e3e4;
padding: 10px;
display: block;
}
.four-column-box-simple-title {
font-size: 13px;
font-weight: 600;
height: 31.2px;
line-height: 1.2;
overflow: hidden;
color: #525868;
}
.four-column-content-simple:hover {
background-color: #525868;
}
.four-column-content-simple:hover .four-column-box-simple-title {
color: #fff;
}
/*Home Stałe działy strefa pierwsza*/
.box-home-stale-dzialy-strefa-pierwsza-wrap .four-column-box {
margin-bottom: 35px;
}
.video-icon {
background-image: url("img/play_icon.svg");
background-repeat: no-repeat;
width: 32px;
height: 32px;
position: absolute;
top: 10px;
left: 10px;
}
.home-video-logotype .home-video-logotype-title {
display: inline-block;
vertical-align: middle;
color: #525868;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
margin-right: 10px;
}
.home-video-logotype .home-video-logotype-img {
display: inline-block;
vertical-align: middle
}
/*Home Stałe działy strefa druga*/
.box-home-stale-dzialy-strefa-druga-wrap .four-column-box {
margin-bottom: 35px;
}
/**
* 4.0 - Footer
* -----------------------------------------------------------------------------
*/
footer.footer {
background-color: #525868;
padding-bottom: 40px;
margin-top: 35px;
}
.footer-navigation ul {
font-size: 0px;
text-align: center;
}
.footer-navigation li {
display: inline-block;
padding: 20px 8px;
}
.footer-navigation li a {
font-size: 14px;
font-weight: 600;
color: #fff;
}
footer.footer .footer-media {
margin-top: 10px;
text-align: center;
}
footer.footer .footer-media .socials {
font-size: 0px;
display: inline-block;
vertical-align: middle;
}
footer.footer .footer-media .socials .social {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
margin-right: 10px;
}
@media only all and (max-width : 1040px) {
footer.footer .footer-media .socials .social {
margin-left: 5px;
margin-right: 5px;
}
}
footer.footer .footer-media .socials .social:hover {
opacity: 0.6;
}
.nasze-publikacje {
font-size: 0px;
margin-bottom: 20px;
}
.nasze-publikacje-title {
font-size: 12px;
font-weight: 600;
color: #fff;
text-align: center;
margin-bottom: 10px;
}
.nasze-publikacje-content {
text-align: center;
}
.footer-bottom {
margin-top: 10px;
font-size: 0px;
}
.copyright {
width: 50%;
display: inline-block;
font-size: 10px;
color: #fff;
font-weight: 400;
}
.made-by {
width: 50%;
display: inline-block;
font-size: 10px;
color: #fff;
font-weight: 400;
text-align: right;
}
.made-by a {
color: #fff;
}
.made-by a:hover {
text-decoration: underline;
}
/**
* 5.0 - Singular page
* -----------------------------------------------------------------------------
*/
/*styles for all posts*/
.article-content h2 {
font-size: 22px;
font-weight: 600;
line-height: 1.35;
}
.article-content h3 {
font-size: 18px;
font-weight: 700;
}
.article-content h6 {
font-size: 11px;
}
p {
margin-bottom: 15px;
}
.article-content ul {
list-style: disc inside;
margin-bottom: 15px;
}
.article-content ol {
list-style: inside decimal;
margin-bottom: 15px;
}
blockquote {
background-image: url("img/quotation.svg");
background-position: center top;
background-repeat: no-repeat;
color: #ec5b0c;
font-size: 25px;
font-weight: 400;
line-height: 1.2;
padding-top: 50px;
margin: 20px 0;
text-align: center;
}
.article-content table {
display: block;
}
.shortcode-info {
margin-bottom: 20px;
}
.shortcode-info .shortcode-info-title {
background-color: #0e52ae;
color: #fff;
display: inline-block;
font-weight: 700;
margin-bottom: 5px;
padding: 5px 10px;
}
.shortcode-info .shortcode-info-content {
background-color: #0e52ae;
color: #fff;
padding: 15px 15px;
}
.shortcode-reklama-tresc {
text-align: center;
margin: 15px 0;
}
.article-content .shortcode-reklama-tresc img {
margin: 0px;
}
.article-content img.size-654x999 {
border: 1px solid #a0a0a3;
}
.article-content img.size-980x999 {
border: 1px solid #a0a0a3;
}
.article-content img {
box-sizing: content-box;
border: 1px solid #a0a0a3;
margin-top: 10px;
margin-bottom: 10px;
line-height: 0;
}
.article-content .alignleft {
display: inline-block;
float: left;
margin-right: 15px;
margin-top: 0px;
}
.article-content .alignright {
display: inline-block;
float: right;
margin-right: 15px;
margin-top: 0px;
}
.article-content .aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
}
.article-content .wp-caption {
margin: 0 auto;
padding: 0 5px;
max-width: 100%;
}
.article-content .wp-caption img {
margin: 0 0 0 -5px;
}
.article-content .wp-caption-text {
font-size: 13px;
color: #525868;
padding: 4px 0;
margin: 0 5px 10px -5px;
border-bottom: 1px solid #525868;
}
.author-box-wrap {
padding-top: 10px;
border-top: 2px solid #525868;
margin-bottom: 25px;
}
.author_box {
background-color: #525868;
padding: 5px;
overflow: hidden;
margin-bottom: 10px;
font-size: 0px;
}
.author_box_foto {
display: inline-block;
padding-right: 20px;
vertical-align: top;
}
.author_box_content {
display: inline-block;
vertical-align: top;
}
.author_box .author_name {
margin-top: 5px;
}
.author_box .author_name a {
font-size: 25px;
font-weight: 400;
color: #fff;
line-height: 1.2;
}
.author_box .author_name a:hover {
text-decoration: underline;
}
.author_box .author-description {
color: #fff;
font-size: 14px;
margin-bottom: 10px;
}
.author-entries {
color: #fff;
font-size: 12px;
}
.reklamy_top {
text-align: center;
}
.reklama_top {
}
.reklama_top:after {
content: 'advertisement';
display: block;
margin-bottom: 6px;
text-transform: uppercase;
text-align: center;
color: #bebbbb;
font-size: 10px;
font-weight: 300;
line-height: 1;
}
.reklama_top_content {
border: 1px solid #e0e0e0;
margin-bottom: 5px;
padding: 4px;
display: inline-block;
}
.reklama_sidebar {
}
.reklama_sidebar:after {
content: 'advertisement';
display: block;
margin-bottom: 6px;
text-transform: uppercase;
text-align: center;
color: #bebbbb;
font-size: 10px;
font-weight: 300;
line-height: 1;
}
.reklama_sidebar_content {
border: 1px solid #e0e0e0;
margin-bottom: 5px;
padding: 4px;
text-align: center;
}
.pdf-file-wrap {
text-align: center;
margin-bottom: 10px;
margin-top: 10px;
}
.pdf-file {
background-image: url("img/pdf_icon.svg");
background-position: 20px center;
background-repeat: no-repeat;
border: 2px solid #525868;
color: #525868;
display: inline-block;
font-size: 18px;
font-weight: 400;
line-height: 1;
padding: 20px 20px 20px 70px;
}
.pdf-file:hover {
background-image: url("img/pdf_icon_white.svg");
background-color: #525868;
color: #fff;
}
.article-content iframe {
max-width: 100%;
}
.sd-content ul {
margin-bottom: 15px !important;
}
a.link-do-firmy {
background-image: url("img/world_link.svg");
background-repeat: no-repeat;
background-position: left center;
padding: 0 0 0 25px;
font-size: 14px;
display: inline-block;
color: #ec5b0c;
font-weight: 700;
margin-bottom: 15px;
}
a.link-do-firmy:hover {
text-decoration: underline;
}
.back-to-home {
margin-top: 10px;
}
.back-to-home a {
background-color: #e2e3e4;
color: #454343;
display: inline-block;
font-size: 14px;
font-weight: 700;
padding: 8px 12px;
text-transform: uppercase;
}
.back-to-home a:hover {
opacity: 0.8;
}
.suggested-articles {
margin-top: 30px;
}
/*structure all post type*/
.single-with-sidebar {
font-size: 0px;
}
.single-with-sidebar .single-content {
font-size: 18px;
display: inline-block;
vertical-align: top;
width: 980px;
max-width: 100%;
margin-right: 19px;
}
.single-with-sidebar .sidebars {
font-size: 15px;
display: inline-block;
vertical-align: top;
width: 309px;
}
/*single standart (wiadomości)*/
.single-with-doublesidebar {
font-size: 0px;
}
.single-with-doublesidebar .single-content {
font-size: 18px;
display: inline-block;
vertical-align: top;
width: 50.536%;
max-width: 100%;
margin-right: 1.451%;
}
.single-with-doublesidebar .sidebars {
font-size: 15px;
display: inline-block;
vertical-align: top;
width: 48.013%;
}
/*end single standart wiadomości*/
/* end structure all post type*/
/*article full and dostawcy and standard*/
.article-header h1 {
font-size: 50px;
line-height: 1.2;
font-weight: 700;
color: #525868;
margin-bottom: 5px;
}
.sponsored-article {
color: #525868;
font-size: 12px;
margin-bottom: 15px;
}
.meta-post {
margin-bottom: 20px;
}
.meta-post a:hover {
text-decoration: underline;
}
.meta-author {
display: inline-block;
color: #525868;
font-size: 12px;
}
.meta-author-label {
font-weight: 700;
}
.meta-author a {
color: #525868;
}
.meta-separator {
display: inline-block;
font-size: 12px;
color: #525868;
}
.meta-source {
color: #525868;
font-size: 12px;
}
.meta-source-label {
font-weight: 700;
}
.meta-date {
font-size: 12px;
display: inline-block;
color: #525868;
}
.meta-categories {
color: #525868;
font-size: 12px;
}
.meta-categories-label {
font-size: 12px;
font-weight: 700;
}
.meta-categories a {
color: #525868;
}
.meta-edit {
color: #525868;
font-size: 12px;
}
.meta-edit-label {
font-size: 12px;
font-weight: 700;
}
.meta-edit a {
color: #525868;
}
/*with thumbnail*/
.article-header {
margin-bottom: 20px;
}
.article-header .one-column-boxs .one-column-box-title h1 {
color: #fff;
font-size: 40px;
font-weight: 400;
}
.article-header .one-column-box-description {
padding: 50px 150px 30px 30px;
}
.one-column-box-date {
color: #fff;
position: absolute;
right: 30px;
bottom: 30px;
font-size: 12px;
}
.one-column-box-foto-author {
position: absolute;
right: 0px;
font-size: 10px;
text-align: right;
}
.one-column-box-sponsored {
color: #fff;
position: absolute;
right: 30px;
bottom: 45px;
font-size: 10px;
text-transform: uppercase;
}
/*article video*/
.wiadomosc-video-wrap {
margin-bottom: 20px;
display: inline-block;
}
.partners-wrap-video {
font-size: 0;
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
.partners-title-video {
color: #525868;
font-size: 12px;
font-weight: 600;
margin: 0 0 5px;
}
.partner-video {
text-align: center;
border: 1px solid #e0e0e0;
}
.video-content .meta-post {
display: inline-block;
margin-top: 15px;
vertical-align: top;
}
.video-content .sharedaddy ul {
margin-bottom: 0px !important;
}
.video-content .sharedaddy {
margin-top: 17px;
}
/*article biblioteka*/
.article-header .pdf-file-biblioteka-wrap {
position: absolute;
right: 0;
}
.pdf-file-biblioteka-wrap {
margin-bottom: 25px;
}
.pdf-file-biblioteka {
background-color: #ec5b0c;
background-image: url("img/book-icon.svg");
background-position: 15px center;
background-repeat: no-repeat;
color: #fff;
display: inline-block;
font-family: "geomanist";
font-size: 13px;
font-weight: 300;
line-height: 1.2;
padding: 5px 15px 5px 52px;
width: 167px;
}
.pdf-file-biblioteka:hover {
opacity: 0.8;
}
/**
* 6.0 - Pages
* -----------------------------------------------------------------------------
*/
.page-with-sidebar {
font-size: 0px;
}
.page-with-sidebar .page-content {
font-size: 15px;
display: inline-block;
vertical-align: top;
width: 980px;
max-width: 100%;
margin-right: 19px;
}
.page-with-sidebar .sidebars {
font-size: 15px;
display: inline-block;
vertical-align: top;
width: 309px;
}
/*reklama*/
.page-reklama-title {
margin-bottom: 30px;
text-align: center;
}
.reklama-info-3columns {
font-size: 0px;
}
.reklama-info-3columns .reklama-info {
width: 33.333%;
}
.reklama-info-2columns {
font-size: 0px;
}
.reklama-info-2columns .reklama-info {
width: 50%;
}
.reklama-info {
display: inline-block;
margin-bottom: 30px;
padding: 0 1%;
text-align: center;
vertical-align: top;
}
.reklama-info .reklama-info-img img {
border: none;
}
.reklama-info .reklama-info-text {
font-size: 18px;
font-weight: 700;
}
.banery {
overflow: hidden;
margin-bottom: 30px;
}
.banery-img {
float: left;
margin-right: 30px;
}
.banery-img img {
border: none;
margin: 0px;
}
.reklamy-magazyn {
margin-bottom: 30px;
font-size: 0px;
}
.reklama-magazyn {
display: inline-block;
width: 50%;
margin-bottom: 30px;
padding: 0 1%;
vertical-align: top;
}
.reklama-magazyn-img {
float: left;
margin-right: 20px;
}
.reklama-magazyn-img img {
border: none;
margin: 0px;
}
.reklama-magazyn-text {
font-size: 14px;
}
/*praca*/
.advertisments {
margin: 0 -10px;
font-size: 0px;
}
.praca-wide {
display: inline-block;
box-sizing: border-box;
width: 50%;
padding: 10px;
text-align: center;
}
/**
* 7.0 - Comments
* -----------------------------------------------------------------------------
*/
/**
* 8.0 - Sidebar
* -----------------------------------------------------------------------------
*/
.sidebars > * {
margin-bottom: 10px;
}
/*related-posts on sidebar*/
.single-with-doublesidebar .related-posts .four-column-box {
width: 50%;
}
.single-with-sidebar .related-posts .four-column-box {
width: 100%;
}
/* end related-posts on sidebar*/
/**
* 8.1 - Issue-show widget
* -----------------------------------------------------------------------------
*/
.widget-issue-show {
position: relative;
}
.widget-issue-show a:hover {
opacity: 0.8;
}
.widget-issue-show .content {
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
padding: 8px;
color: #fff;
}
.widget-issue-show h3 {
font-size: 20px;
font-weight: 600;
display: inline-block;
}
.widget-issue-show h4 {
font-size: 20px;
font-weight: 600;
display: inline-block;
}
.widget-issue-show .four-column-box {
margin-bottom: 0px;
width: 100%;
margin-top: 6px;
}
/**
* 8.1 - random-articles widget
* -----------------------------------------------------------------------------
*/
.random-articles-wrap .four-column-box {
width: 100%;
}
/**
* 8.2 - news-articles widget
* -----------------------------------------------------------------------------
*/
.widget_newsArticles .four-column-box {
width: 50%;
}
/**
* 8.3 - sponsored-articles widget
* -----------------------------------------------------------------------------
*/
.widget_sponsoredArticles {
padding: 20px 0;
margin-bottom: 25px;
opacity: 0;
}
.widget_sponsoredArticles .box-title {
color: #f6cc07;
border-color: #f6cc07;
margin-bottom: 18px;
}
.widget_sponsoredArticles .sponsored-articles-partner {
display: flex;
align-items: center;
}
.widget_sponsoredArticles .sponsored-articles-partner .sponsored-articles-partner-label {
color: #fff;
font-size: 14px;
margin-right: 8px;
}
/*Sponsored articles slider*/
.widget_sponsoredArticles .sponsored-articles-partner + .sponsored-articles-slider-wrap {
padding-top: 10px;
}
@media only all and (max-width : 400px) {
.widget_sponsoredArticles .sponsored-articles-partner + .sponsored-articles-slider-wrap {
padding-top: 28px;
}
}
.sponsored-articles-slider-wrap {
padding-top: 18px;
}
#sponsored-articles-slider .four-column-boxs {
margin: 0px -5px 0px;
}
#sponsored-articles-slider .four-column-box {
margin: 0px 5px 10px;
}
#sponsored-articles-slider .flex-direction-nav {
position: absolute;
right: 0;
top: -24px;
}
#sponsored-articles-slider .flex-direction-nav li {
display: inline-block;
margin-left: 2px;
}
#sponsored-articles-slider .flex-direction-nav a:before {
display: none;
}
#sponsored-articles-slider .flex-direction-nav a {
background-position: center center;
background-repeat: no-repeat;
background-color: #f6cc07;
border: 2px solid #f6cc07;
color: #fff;
font-size: 0;
height: 12px;
left: 0;
line-height: 0;
margin: 0;
opacity: 1;
padding: 8px 18px;
position: relative;
right: 0;
text-shadow: none;
top: 0;
width: 12px;
}
#sponsored-articles-slider .flex-direction-nav .flex-nav-prev a {
background-image: url("img/slider_arrow_white_left.svg");
}
#sponsored-articles-slider .flex-direction-nav .flex-nav-next a {
background-image: url("img/slider_arrow_white_right.svg");
}
#sponsored-articles-slider.flexslider:hover .flex-direction-nav .flex-prev,
#sponsored-articles-slider.flexslider:hover .flex-direction-nav .flex-next {
left: 0;
right: 0;
opacity: 1;
}
/**
* 8.4 - sponsored-articles-listing widget
* -----------------------------------------------------------------------------
*/
.widget_sponsoredArticlesListing {
padding: 20px 0;
margin-bottom: 25px;
}
.widget_sponsoredArticlesListing .box-title {
color: #f6cc07;
border-color: #f6cc07;
margin-bottom: 18px;
}
.widget_sponsoredArticlesListing .sponsored-articles-partner {
display: flex;
align-items: center;
}
.widget_sponsoredArticlesListing .sponsored-articles-partner .sponsored-articles-partner-label {
color: #fff;
font-size: 14px;
margin-right: 8px;
}
/*Sponsored articles listing*/
.widget_sponsoredArticlesListing .sponsored-articles-partner + .sponsored-articles-listing-wrap {
padding-top: 10px;
}
.sponsored-articles-listing-wrap {
padding-top: 18px;
}
/**
* 8.5 - sponsored-articles-listing-columns widget
* -----------------------------------------------------------------------------
*/
.widget_sponsoredArticlesListingColumns {
padding: 20px 0;
margin-bottom: 25px;
}
.widget_sponsoredArticlesListingColumns .box-title {
color: #f6cc07;
border-color: #f6cc07;
margin-bottom: 18px;
}
.widget_sponsoredArticlesListingColumns .sponsored-articles-partner {
display: flex;
align-items: center;
}
.widget_sponsoredArticlesListingColumns .sponsored-articles-partner .sponsored-articles-partner-label {
color: #fff;
font-size: 14px;
margin-right: 8px;
}
/*Sponsored articles listing*/
.widget_sponsoredArticlesListingColumns .sponsored-articles-partner + .sponsored-articles-listing-wrap {
padding-top: 10px;
}
.sponsored-articles-listing-wrap {
padding-top: 18px;
}
.widget_sponsoredArticlesListingColumns .sponsored-articles-listing-wrap {
display: flex;
flex-wrap: wrap;
margin: 0 -5px;
}
.widget_sponsoredArticlesListingColumns .sponsored-articles-listing-wrap .two-column-boxs {
width: 50%;
margin: 0;
}
@media only all and (max-width : 639px) {
.widget_sponsoredArticlesListingColumns .sponsored-articles-listing-wrap .two-column-boxs {
width: 100%;
}
}
.widget_sponsoredArticlesListingColumns .sponsored-articles-listing-wrap .two-column-boxs .two-column-box .two-column-content .two-column-box-description .two-column-box-title {
}
@media only all and (max-width : 1344px) {
.widget_sponsoredArticlesListingColumns .sponsored-articles-listing-wrap .two-column-boxs .two-column-box .two-column-content .two-column-box-description .two-column-box-title {
font-size: 14px;
}
}
@media only all and (max-width : 1040px) {
.widget_sponsoredArticlesListingColumns .sponsored-articles-listing-wrap .two-column-boxs .two-column-box .two-column-content .two-column-box-description .two-column-box-title {
font-size: 12px;
}
}
@media only all and (max-width : 876px) {
.widget_sponsoredArticlesListingColumns .sponsored-articles-listing-wrap .two-column-boxs .two-column-box .two-column-content .two-column-box-description .two-column-box-title {
font-size: 9px;
}
}
@media only all and (max-width : 639px) {
.widget_sponsoredArticlesListingColumns .sponsored-articles-listing-wrap .two-column-boxs .two-column-box .two-column-content .two-column-box-description .two-column-box-title {
font-size: 12px;
}
}
.widget_sponsoredArticlesListingColumns .sponsored-articles-listing-wrap .one-column-boxs {
width: 50%;
margin: 0 0 10px 0;
}
@media only all and (max-width : 639px) {
.widget_sponsoredArticlesListingColumns .sponsored-articles-listing-wrap .one-column-boxs {
width: 100%;
}
}
.widget_sponsoredArticlesListingColumns .sponsored-articles-listing-wrap .one-column-boxs .one-column-box {
padding: 0 5px;
margin-bottom: 10px;
height: 100%;
}
.widget_sponsoredArticlesListingColumns .sponsored-articles-listing-wrap .one-column-boxs .one-column-box .one-column-content {
height: 100%;
}
.widget_sponsoredArticlesListingColumns .sponsored-articles-listing-wrap .one-column-boxs .one-column-box .one-column-content .one-column-box-img img {
object-fit: cover;
width: 100%;
height: 100%;
top: 0;
position: absolute;
}
@media only all and (max-width : 639px) {
.widget_sponsoredArticlesListingColumns .sponsored-articles-listing-wrap .one-column-boxs .one-column-box .one-column-content .one-column-box-img img {
position: relative;
}
}
.widget_sponsoredArticlesListingColumns .sponsored-articles-listing-wrap .one-column-boxs .one-column-box .one-column-content .one-column-box-img:after {
background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
content: "";
display: block;
height: 0%;
position: absolute;
bottom: 0;
width: 100%;
transition: all .2s ease-in-out;
}
.widget_sponsoredArticlesListingColumns .sponsored-articles-listing-wrap .one-column-boxs .one-column-box .one-column-content:hover .one-column-box-img:after {
height: 100%;
}
.widget_sponsoredArticlesListingColumns .sponsored-articles-listing-wrap .one-column-boxs .one-column-box .one-column-content .one-column-box-description .one-column-box-title {
font-size: 26px;
}
@media only all and (max-width : 1000px) {
.widget_sponsoredArticlesListingColumns .sponsored-articles-listing-wrap .one-column-boxs .one-column-box .one-column-content .one-column-box-description .one-column-box-title {
font-size: 16px;
}
}
/**
* 8.6 - articles-from-category widget
* -----------------------------------------------------------------------------
*/
.widget_articles-from-category {
margin-bottom: 25px;
}
/**
* 8.7 - lshowcase widget
* -----------------------------------------------------------------------------
*/
.lshowcase_widget {
margin-bottom: 25px;
}
.lshowcase_widget .lshowcase-logos {
width: 1328px;
padding: 0 10px;
margin: 0px auto;
max-width: 100%;
}
/**
* 8.8 - articles slider from category widget
* -----------------------------------------------------------------------------
*/
.widget_articles-slider-from-category {
margin-bottom: 25px;
}
.widget_articles-slider-from-category .box-title {
color:#f6cc07;
border-color: #f6cc07;
}
.widget_articles-slider-from-category .four-column-boxs {
margin: 0px -5px 0px;
}
.widget_articles-slider-from-category .four-column-box {
margin: 0px 5px 10px;
}
.widget_articles-slider-from-category .flex-direction-nav {
position: absolute;
right: 0;
top: 0;
}
.widget_articles-slider-from-category .flex-direction-nav li {
display: inline-block;
margin-left: 2px;
}
.widget_articles-slider-from-category .flex-direction-nav a:before {
display: none;
}
.widget_articles-slider-from-category .flex-direction-nav a {
background-position: center center;
background-repeat: no-repeat;
background-color: #f6cc07;
border: 2px solid #f6cc07;
color: #fff;
font-size: 0;
height: 12px;
left: 0;
line-height: 0;
margin: 0;
opacity: 1;
padding: 8px 18px;
position: relative;
right: 0;
text-shadow: none;
top: 0;
width: 12px;
}
.widget_articles-slider-from-category .flex-direction-nav .flex-nav-prev a {
background-image: url("img/slider_arrow_white_left.svg");
}
.widget_articles-slider-from-category .flex-direction-nav .flex-nav-next a {
background-image: url("img/slider_arrow_white_right.svg");
}
.widget_articles-slider-from-category .flexslider:hover .flex-direction-nav .flex-prev,
.widget_articles-slider-from-category .flexslider:hover .flex-direction-nav .flex-next {
left: 0;
right: 0;
opacity: 1;
}
/**
* 8.9 - articles from many categorys widget
* -----------------------------------------------------------------------------
*/
.widget_articles-from-many-category {
}
/**
* 8.10 - events slider widget
* -----------------------------------------------------------------------------
*/
.widget_events-slider {
margin-bottom: 25px;
}
/**
* 8.11 - seo widget
* -----------------------------------------------------------------------------
*/
.widget_seo {
margin-bottom: 25px;
}
.widget_seo .post-article {
text-align: center;
}
.widget_seo .post-article .post-header .post-title {
font-size: 20px;
}
.widget_seo .post-article .post-content {
margin-top: 10px;
}
/**
* 8.12 - advertisement widget
* -----------------------------------------------------------------------------
*/
.widget_advertisement {
}
/**
* 8.13 - promo zone widget
* -----------------------------------------------------------------------------
*/
.widget_promo-zone {
margin-bottom: 25px;
}
/**
* 8.14 - permanent departments widget
* -----------------------------------------------------------------------------
*/
.widget_permanent-departments {
margin-bottom: 25px;
}
/**
* 9.0 - Category, tag, author, search page
* -----------------------------------------------------------------------------
*/
/*strefa promo cat*/
.strefa-promo-cat {
background-color: #000;
padding: 12px;
margin-bottom: 10px;
}
/*strefa promo cat standard*/
.strefa-promo-cat .strefa-promo-cat-standard {
overflow: hidden;
}
.strefa-promo-cat .strefa-promo-cat-standard .cat-top {
display: flex;
margin: -5px;
}
@media only all and (max-width : 1040px) {
.strefa-promo-cat .strefa-promo-cat-standard .cat-top {
display: block;
}
}
.strefa-promo-cat .strefa-promo-cat-standard .cat-top .left-site {
width: 75%;
display: flex;
align-items: stretch;
}
@media only all and (max-width : 1040px) {
.strefa-promo-cat .strefa-promo-cat-standard .cat-top .left-site {
width: 100%;
display: block;
}
}
.strefa-promo-cat .strefa-promo-cat-standard .cat-top .right-site {
width: 25%;
}
@media only all and (max-width : 1040px) {
.strefa-promo-cat .strefa-promo-cat-standard .cat-top .right-site {
width: 100%;
display: flex;
flex-wrap: wrap;
}
}
.strefa-promo-cat .strefa-promo-cat-standard .cat-bottom {
display: flex;
flex-wrap: wrap;
margin: 5px -5px -5px;
}
/*end strefa promo cat standard*/
/*strefa promo cat category-1*/
.strefa-promo-cat .strefa-promo-cat-category-1 {
overflow: hidden;
}
.strefa-promo-cat .strefa-promo-cat-category-1 .cat-top {
display: flex;
margin: -5px;
}
@media only all and (max-width : 700px) {
.strefa-promo-cat .strefa-promo-cat-category-1 .cat-top {
display: block;
}
}
.strefa-promo-cat .strefa-promo-cat-category-1 .cat-top .left-site {
flex:1;
display: flex;
align-items: stretch;
}
.strefa-promo-cat .strefa-promo-cat-category-1 .cat-top .right-site {
}
.strefa-promo-cat .strefa-promo-cat-category-1 .cat-bottom {
display: flex;
flex-wrap: wrap;
margin: 5px -5px -5px;
}
/*end strefa promo cat category-1*/
/*strefa promo cat category-2*/
.strefa-promo-cat .strefa-promo-cat-category-2 {
overflow: hidden;
display: flex;
}
@media only all and (max-width : 1040px) {
.strefa-promo-cat .strefa-promo-cat-category-2 {
display: block;
}
}
.strefa-promo-cat .strefa-promo-cat-category-2 .cat-left {
flex:1;
display: flex;
flex-direction: column;
}
.strefa-promo-cat .strefa-promo-cat-category-2 .cat-left .top {
margin: -5px;
flex: 1;
}
.strefa-promo-cat .strefa-promo-cat-category-2 .cat-left .bottom {
display: flex;
flex-wrap: wrap;
margin: 5px -5px -5px;
}
.strefa-promo-cat .strefa-promo-cat-category-2 .cat-left .bottom .strefa-promo-cat-post {
width: calc( 100% / 3 );
}
.strefa-promo-cat .strefa-promo-cat-category-2 .cat-right {
margin: -5px -5px -5px 5px;
}
@media only all and (max-width : 1040px) {
.strefa-promo-cat .strefa-promo-cat-category-2 .cat-right {
margin: 5px -5px -5px;
display: flex;
}
}
@media only all and (max-width : 500px) {
.strefa-promo-cat .strefa-promo-cat-category-2 .cat-right {
display: block;
}
}
/*end strefa promo cat category-2*/
/*strefa promo cat post basic*/
.strefa-promo-cat-post {
padding: 5px;
box-sizing: border-box;
width: 330px;
max-width: 100%;
}
.strefa-promo-cat .strefa-promo-cat-category-2 .cat-left .bottom .strefa-promo-cat-post {
width: calc( 100% / 3 );
}
@media only all and (max-width : 700px) {
.strefa-promo-cat .strefa-promo-cat-category-2 .cat-left .bottom .strefa-promo-cat-post {
width: 50%;
}
}
@media only all and (max-width : 380px) {
.strefa-promo-cat .strefa-promo-cat-category-2 .cat-left .bottom .strefa-promo-cat-post {
width: 100%;
}
}
.strefa-promo-cat .strefa-promo-cat-category-1 .cat-bottom .strefa-promo-cat-post {
width: 25%;
}
@media only all and (max-width : 700px) {
.strefa-promo-cat .strefa-promo-cat-category-1 .cat-bottom .strefa-promo-cat-post {
width: 50%;
}
}
@media only all and (max-width : 380px) {
.strefa-promo-cat .strefa-promo-cat-category-1 .cat-bottom .strefa-promo-cat-post {
width: 100%;
}
}
.strefa-promo-cat .strefa-promo-cat-standard .cat-bottom .strefa-promo-cat-post {
width: 25%;
}
@media only all and (max-width : 700px) {
.strefa-promo-cat .strefa-promo-cat-standard .cat-bottom .strefa-promo-cat-post {
width: 50%;
}
}
@media only all and (max-width : 380px) {
.strefa-promo-cat .strefa-promo-cat-standard .cat-bottom .strefa-promo-cat-post {
width: 100%;
}
}
@media only all and (max-width : 1040px) {
.strefa-promo-cat .strefa-promo-cat-standard .cat-top .right-site .strefa-promo-cat-post {
width: calc( 100% / 3 );
}
}
@media only all and (max-width : 700px) {
.strefa-promo-cat .strefa-promo-cat-standard .cat-top .right-site .strefa-promo-cat-post {
width: 50%;
}
}
@media only all and (max-width : 380px) {
.strefa-promo-cat .strefa-promo-cat-standard .cat-top .right-site .strefa-promo-cat-post {
width: 100%;
}
}
.strefa-promo-cat-post .post-content {
position: relative;
display: block;
box-sizing: border-box;
}
.strefa-promo-cat-post .post-content .post-img {
overflow: hidden;
}
.strefa-promo-cat-post .post-content .post-img img {
transition: all .5s ease-in-out;
}
.strefa-promo-cat-post .post-content .post-description {
background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
width: 100%;
padding: 30px 10px 10px;
}
.strefa-promo-cat-post .post-content .post-title {
font-size: 16px;
font-weight: 600;
line-height: 1.2;
color: #fff;
text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
}
@media only all and (max-width : 1350px) {
.strefa-promo-cat-post .post-content .post-title {
font-size: 14px;
}
}
@media only all and (max-width : 860px) {
.strefa-promo-cat-post .post-content .post-title {
font-size: 10px;
}
}
@media only all and (max-width : 700px) {
.strefa-promo-cat-post .post-content .post-title {
font-size: 12px;
}
}
@media only all and (max-width : 500px) {
.strefa-promo-cat-post .post-content .post-title {
font-size: 10px;
}
}
@media only all and (max-width : 380px) {
.strefa-promo-cat-post .post-content .post-title {
font-size: 14px;
}
}
.strefa-promo-cat-post .post-content:hover .post-img img {
-webkit-transform: scale(1.2); /* Saf3.1+, Chrome */
-moz-transform: scale(1.2); /* FF3.5+ */
-ms-transform: scale(1.2); /* IE9 */
-o-transform: scale(1.2); /* Opera 10.5+ */
transform: scale(1.2);
}
/*end strefa promo cat post basic*/
/*strefa promo cat post big*/
.strefa-promo-cat-post.big {
width: 100%;
height: 100%;
}
.strefa-promo-cat-post.big .post-content {
height: 100%;
}
.strefa-promo-cat-post.big .post-content .post-img {
height: 100%;
position: relative;
}
.strefa-promo-cat-post.big .post-content .post-img img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
}
@media only all and (max-width : 1040px) {
.strefa-promo-cat-post.big .post-content .post-img img {
position: relative;
}
}
.strefa-promo-cat-post.big .post-content .post-description {
padding: 50px 100px 30px 30px;
}
@media only all and (max-width : 500px) {
.strefa-promo-cat-post.big .post-content .post-description {
padding: 30px 10px 10px;
}
}
.strefa-promo-cat-post.big .post-content .post-title {
font-size: 40px;
font-weight: 400;
}
@media only all and (max-width : 860px) {
.strefa-promo-cat-post.big .post-content .post-title {
font-size: 30px;
}
}
@media only all and (max-width : 700px) {
.strefa-promo-cat-post.big .post-content .post-title {
font-size: 24px;
}
}
@media only all and (max-width : 500px) {
.strefa-promo-cat-post.big .post-content .post-title {
font-size: 20px;
}
}
@media only all and (max-width : 400px) {
.strefa-promo-cat-post.big .post-content .post-title {
font-size: 14px;
font-weight: 600;
}
}
/*end strefa promo cat post big*/
/*strefa promo cat box*/
.strefa-promo-cat-wiadomosci {
padding: 5px;
}
.strefa-promo-cat .strefa-promo-cat-category-1 .cat-top .right-site .strefa-promo-cat-wiadomosci {
max-width: 323.5px;
}
@media only all and (max-width : 700px) {
.strefa-promo-cat .strefa-promo-cat-category-1 .cat-top .right-site .strefa-promo-cat-wiadomosci {
max-width: 100%;
}
}
.strefa-promo-cat-wiadomosci > a {
display: block;
}
.strefa-promo-cat-wiadomosci .box-title {
border: none;
margin-bottom: 0px;
padding: 10px;
background-color: #F6CC07;
color: #282828;
line-height: 1;
width: 324px;
}
@media only all and (max-width : 1040px) {
.strefa-promo-cat-wiadomosci .box-title {
font-size: 14px;
width: 100%;
}
}
.strefa-promo-cat-wiadomosci .boxs {
background-color: #F6CC07;
width: 324px;
max-width: 100%;
}
@media only all and (max-width : 1040px) {
.strefa-promo-cat .strefa-promo-cat-category-2 .cat-right .strefa-promo-cat-wiadomosci .boxs {
width: 100%;
height: 100%;
}
}
@media only all and (max-width : 700px) {
.strefa-promo-cat .strefa-promo-cat-category-1 .cat-top .right-site .strefa-promo-cat-wiadomosci .boxs {
width: 100%;
}
}
.strefa-promo-cat-wiadomosci .boxs .box {
position: relative;
display: block;
}
.strefa-promo-cat-wiadomosci .boxs .box .box-img {
}
.strefa-promo-cat-wiadomosci .boxs .box .box-img img {
}
.strefa-promo-cat-wiadomosci .boxs .box .box-img:after {
background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
content: "";
display: block;
height: 0%;
position: absolute;
bottom: 0;
width: 100%;
transition: all .2s ease-in-out;
}
.strefa-promo-cat-wiadomosci .boxs .box .box-description {
background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
position: absolute;
bottom: 0px;
width: 100%;
padding: 30px 10px 10px;
}
.strefa-promo-cat-wiadomosci .boxs .box:hover .box-img:after {
height: 100%;
}
.strefa-promo-cat-wiadomosci .boxs .box .box-description .title {
font-size: 16px;
font-weight: 600;
line-height: 1.2;
color: #fff;
text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
}
@media only all and (max-width : 1350px) {
.strefa-promo-cat-wiadomosci .boxs .box .box-description .title {
font-size: 14px;
}
}
@media only all and (max-width : 700px) {
.strefa-promo-cat .strefa-promo-cat-category-1 .cat-top .right-site .strefa-promo-cat-wiadomosci .boxs .box .box-description .title {
font-size: 16px;
}
}
@media only all and (max-width : 400px) {
.strefa-promo-cat .strefa-promo-cat-category-1 .cat-top .right-site .strefa-promo-cat-wiadomosci .boxs .box .box-description .title {
font-size: 14px;
}
}
.strefa-promo-cat-wiadomosci .boxs .box-simple {
display: block;
padding: 0 10px;
}
.strefa-promo-cat-wiadomosci .boxs .box-simple:hover {
background-color: #282828;
}
.strefa-promo-cat-wiadomosci .boxs .box-simple:hover .box-simple-title {
color: #ffffff !important;
}
.strefa-promo-cat-wiadomosci .boxs .box-simple .box-simple-title {
border-bottom: 1px solid #282828;
box-sizing: border-box;
padding: 6px 0;
display: flex;
flex-direction: column;
justify-content: center;
font-size: 13px;
font-weight: 600;
line-height: 1.2;
color: #282828;
min-height: 61px;
}
.strefa-promo-cat-wiadomosci .boxs a:last-child .box-simple-title {
border-bottom: none;
}
/*end strefa promo cat box*/
/*end strefa promo cat*/
.category-articles {
margin-bottom: 25px;
}
.category-content {
overflow: hidden;
}
.category-header.fixed {
left: 0;
margin: 0 auto;
position: fixed;
right: 0;
top: 0;
z-index: 99;
box-shadow: 0px 26px 24px 0px rgba(0,0,0,0.15);
background-color: #fff;
background-image: none !important;
border-top: none;
padding: 5px 0;
}
header.fixed[style="z-index: 100;"] .category-header.fixed {
display: none;
}
.category-header.fixed h1,
.category-header.fixed .partners-wrap {
display: none;
}
.category-header.fixed .category-header-wrap {
width: 1328px;
padding: 0 10px;
margin: 0px auto;
max-width: 100%;
}
.category-header.fixed .sub-category{
display: inline-block;
padding: 3px;
}
.category-header.fixed .sub-category a {
border: 1px solid #525868;
padding: 3px 5px;
font-size: 12px;
}
.category-header {
margin-top: 25px;
border-top: 5px solid #525868;
padding-bottom: 25px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.category-header .sub-categories {
padding-bottom: 0px;
margin: -3px;
}
.category-header h1 {
font-size: 43px;
line-height: 1;
font-weight: 700;
color: #525868;
padding: 20px 0;
}
.category-header h1 a {
color: #525868;
}
.category-header .sub-categories {
padding-bottom: 10px;
}
.category-header .sub-category a {
color: #525868;
display: inline-block;
font-size: 14px;
font-weight: 600;
padding: 3px 10px;
}
.category-header .sub-category:hover a,
.category-header .sub-category.current a {
color: #fff;
background-color: #525868;
}
.category-header .partners-wrap {
font-size: 0;
margin: 0 -5px;
padding: 0 10px 10px;
}
.category-header .partners-title {
color: #525868;
font-size: 12px;
font-weight: 600;
margin: 0px 0px 5px 5px;
}
.category-header .partner {
display: inline-block;
border: 1px solid #e0e0e0;
margin: 0 5px;
}
div.box-products-wrap-category {
margin-bottom: 25px;
}
.box-products-wrap-category .four-column-boxs {
margin: 0px -5px 0px;
}
.box-products-wrap-category .four-column-box {
margin: 0 5px 0px;
}
.box-products-wrap-category .flex-direction-nav {
position: absolute;
right: 0;
top: 0;
}
.box-products-wrap-category .flex-direction-nav li {
display: inline-block;
margin-left: 2px;
}
.box-products-wrap-category .flex-direction-nav a:before {
display: none;
}
.box-products-wrap-category .flex-direction-nav a {
background-position: center center;
background-repeat: no-repeat;
background-color: #525868;
border: 2px solid #525868;
color: #fff;
font-size: 0;
height: 12px;
left: 0;
line-height: 0;
margin: 0;
opacity: 1;
padding: 8px 18px;
position: relative;
right: 0;
text-shadow: none;
top: 0;
width: 12px;
}
.box-products-wrap-category .flex-direction-nav .flex-nav-prev a {
background-image: url("img/slider_arrow_white_left.svg");
}
.box-products-wrap-category .flex-direction-nav .flex-nav-next a {
background-image: url("img/slider_arrow_white_right.svg");
}
.box-products-wrap-category.flexslider:hover .flex-direction-nav .flex-prev,
.box-products-wrap-category.flexslider:hover .flex-direction-nav .flex-next {
left: 0;
right: 0;
opacity: 1;
}
/*Biblioteka managera slider*/
.biblioteka-managera-slider-wrap {
margin-bottom: 25px;
}
#biblioteka-managera-slider .box-title {
color: #32afb7;
border-color: #32afb7;
}
#biblioteka-managera-slider .four-column-boxs {
margin: 0px -5px 0px;
}
#biblioteka-managera-slider .four-column-box {
margin: 0px 5px 10px;
}
#biblioteka-managera-slider .flex-direction-nav {
position: absolute;
right: 0;
top: 0;
}
#biblioteka-managera-slider .flex-direction-nav li {
display: inline-block;
margin-left: 2px;
}
#biblioteka-managera-slider .flex-direction-nav a:before {
display: none;
}
#biblioteka-managera-slider .flex-direction-nav a {
background-position: center center;
background-repeat: no-repeat;
background-color: #32afb7;
border: 2px solid #32afb7;
color: #fff;
font-size: 0;
height: 12px;
left: 0;
line-height: 0;
margin: 0;
opacity: 1;
padding: 8px 18px;
position: relative;
right: 0;
text-shadow: none;
top: 0;
width: 12px;
}
#biblioteka-managera-slider .flex-direction-nav .flex-nav-prev a {
background-image: url("img/slider_arrow_white_left.svg");
}
#biblioteka-managera-slider .flex-direction-nav .flex-nav-next a {
background-image: url("img/slider_arrow_white_right.svg");
}
#biblioteka-managera-slider.flexslider:hover .flex-direction-nav .flex-prev,
#biblioteka-managera-slider.flexslider:hover .flex-direction-nav .flex-next {
left: 0;
right: 0;
opacity: 1;
}
/*Author*/
.author-box-wrap.author-page {
border-top: none;
padding-top: 0px;
}
/**
* 10.0 - Pagination
* -----------------------------------------------------------------------------
*/
.pagination {
text-align: center;
font-size: 0;
}
.pagination li {
display: inline-block;
vertical-align: top;
border: 1px solid #525868;
margin-right: 2px;
}
.pagination li.other {
border: 0;
}
.pagination li.other span {
background: none;
color: #525868;
padding: 11px 5px;
}
.pagination li * {
display: block;
font-size: 16px;
line-height: 1;
font-weight: 600;
text-decoration: none;
background-color: #525868;
padding: 10px 15px;
color: #fff;
}
.pagination a:hover,
.pagination li.current a {
background: none;
color: #525868;
}
/**
* 11.0 - Cookies pop-up
* -----------------------------------------------------------------------------
*/
#cookies {
display: none;
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
box-shadow: 0px 0px 10px 2px rgba(50, 50, 50, 0.3);
background-color: #FFF;
color: #111;
z-index: 100;
}
#cookies > .wrap {
display: flex;
align-items: center;
justify-content: center;
padding: 5px 0;
}
@media only all and (max-width : 760px) {
#cookies > .wrap {
display: block;
text-align: center;
}
}
#cookies > .wrap .description {
margin-right: 20px;
font-size: 13px;
}
@media only all and (max-width : 760px) {
#cookies > .wrap .description {
margin-right: 0px;
}
}
#cookies > .wrap .description p {
margin-top: 0px;
margin-bottom: 0px;
line-height: 1.5;
}
#cookies a {
color: #FA4B2A;
}
#cookies button {
display: block;
border: 0px;
background-color: #FA4B2A;
color: #FFF;
cursor: pointer;
padding: 5px 10px;
white-space: nowrap;
}
@media only all and (max-width : 760px) {
#cookies button {
margin: 10px auto 0px;
}
}
#cookies button:hover {
background-color: #000;
}
/**
* 12.0 - Contact - template
* -----------------------------------------------------------------------------
*/
/**
* 13.0 - Event - post
* -----------------------------------------------------------------------------
*/
.taxonomy-with-sidebar {
font-size: 0px;
}
.taxonomy-with-sidebar .taxonomy-content {
display: inline-block;
font-size: 15px;
margin-right: 1.451%;
max-width: 100%;
vertical-align: top;
width: 74.924%;
}
.taxonomy-with-sidebar .sidebars {
display: inline-block;
font-size: 15px;
vertical-align: top;
width: 23.625%;
}
.top-categories {
margin-bottom: 25px;
font-size: 14px;
text-transform: uppercase;
}
.top-categories > div a {
color: #454343;
}
.top-categories > div a:hover {
text-decoration: underline;
}
.top-categories > div {
display: inline-block;
line-height: 1;
vertical-align: middle;
}
.top-categories-label {
font-weight: 700;
}
.event-data_show {
background-color: #ec5b0c;
padding: 5px 10px;
margin-bottom: 10px;
font-size: 0px;
}
.event-data_show img {
display: inline-block;
margin-right: 5px;
position: absolute;
}
.event-data_show-text {
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 21px;
padding-left: 25px;
padding-right: 105px;
vertical-align: middle;
}
.event-data_show-status-end {
background-color: #414141;
color: #fff;
display: inline-block;
float: right;
font-size: 14px;
font-weight: 700;
line-height: 31px;
margin-bottom: 0;
margin-right: 0;
margin-top: 0;
padding: 0 20px;
position: absolute;
right: 0;
text-transform: uppercase;
top: 0;
vertical-align: middle;
}
.event-data_show-status-progress {
background-color: #f9b089;
color: #fff;
display: inline-block;
float: right;
font-size: 14px;
font-weight: 700;
line-height: 31px;
margin-bottom: 0;
margin-right: 0;
margin-top: 0;
padding: 0 20px;
position: absolute;
right: 0;
text-transform: uppercase;
top: 0;
vertical-align: middle;
}
.event-content .article-header {
margin-bottom: 25px;
}
.meta-post-event {
margin-bottom: 25px;
font-size: 14px;
overflow: hidden;
}
.meta-post-event img {
border: 1px solid #e0e0e0;
margin-right: 15px;
max-width: 50%;
float: left;
}
/*event meta*/
.meta-post-event .meta-post-event-content {
display: inline;
vertical-align: top;
}
.meta-post-event .event-meta-categories-label{
font-weight: 700;
}
.meta-post-event .event-meta-categories a{
font-weight: 300;
color: #525868;
}
.meta-post-event .meta-organizator-label {
font-weight: 700;
}
.meta-post-event .meta-link-label {
font-weight: 700;
}
.meta-post-event .event-meta-link a {
color: #525868;
}
.meta-post-event a:hover {
text-decoration: underline;
}
/*map*/
.event-map {
margin-bottom: 25px;
}
.event-map iframe {
max-width: 100%;
}
/**
* 13.0 - Events - category
* -----------------------------------------------------------------------------
*/
.timeline-wrap {
margin-bottom: 25px;
font-size: 12px;
font-weight: 600;
}
.timeline-title {
font-size: 14px;
font-weight: 700;
color: #525868;
margin-bottom: 10px;
}
.timeline-list {
font-size: 0px;
border-style: solid;
border-color: #e0e0e0;
border-width: 1px 0px 0px 1px;
}
.timeline-category {
display: inline-block;
position: relative;
width: 7.69%;
font-size: 12px;
font-weight: 600;
text-align: center;
padding: 3px 0px;
border-style: solid;
border-color: #e0e0e0;
border-width: 0px 1px 1px 0px;
}
.timeline-category a{
color: #525868;
}
.timeline-category:hover > a,
.timeline-category.current-cat > a {
color: #fff;
}
.timeline-category:hover,
.timeline-category.current-cat,
.timeline-category.current-cat.off,
.timeline-category.off:hover {
background-color: #EC5B0C;
cursor: pointer;
}
.timeline-category.off {
background-color: #e0e0e0;
cursor: pointer;
}
.timeline-category-count {
}
.timeline-category .timeline-show-posts {
display: none;
}
.timeline-category:hover .timeline-show-posts {
display: block;
}
.timeline-category:hover .timeline-posts::before {
display: block;
}
.timeline-show-posts {
position: absolute;
top: 100%;
width: 500px;
z-index: 1;
}
.timeline-show-posts.wszystkie,
.timeline-show-posts.styczen,
.timeline-show-posts.luty,
.timeline-show-posts.marzec,
.timeline-show-posts.kwiecien,
.timeline-show-posts.maj,
.timeline-show-posts.czerwiec
{
left: 0;
}
.timeline-show-posts.lipiec,
.timeline-show-posts.sierpien,
.timeline-show-posts.wrzesien,
.timeline-show-posts.pazdziernik,
.timeline-show-posts.listopad,
.timeline-show-posts.grudzien
{
right: 0;
}
.timeline-posts {
background-color: #fff;
margin: 10px 0 0 0;
padding: 20px;
text-align: left;
cursor: default;
-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
}
.timeline-posts::before {
display: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #fff transparent;
border-image: none;
border-style: solid;
border-width: 0 11px 11px;
content: "";
position: absolute;
top: 0;
z-index: 99;
}
.timeline-show-posts.wszystkie .timeline-posts::before,
.timeline-show-posts.styczen .timeline-posts::before,
.timeline-show-posts.luty .timeline-posts::before,
.timeline-show-posts.marzec .timeline-posts::before,
.timeline-show-posts.kwiecien .timeline-posts::before,
.timeline-show-posts.maj .timeline-posts::before,
.timeline-show-posts.czerwiec .timeline-posts::before
{
left: 5%;
}
.timeline-show-posts.lipiec .timeline-posts::before,
.timeline-show-posts.sierpien .timeline-posts::before,
.timeline-show-posts.wrzesien .timeline-posts::before,
.timeline-show-posts.pazdziernik .timeline-posts::before,
.timeline-show-posts.listopad .timeline-posts::before,
.timeline-show-posts.grudzien .timeline-posts::before
{
right: 5%;
}
.timeline-post-header {
color: #525868;
font-size: 18px;
font-weight: 700;
line-height: 1;
margin-bottom: 10px;
}
.timeline-post {
font-size: 12px;
line-height: 1.2;
margin-top: 10px;
}
.timeline-post-data {
color: #ec5b0c;
display: inline-block;
font-weight: 700;
}
.timeline-post-separator {
display: inline-block;
font-weight: 700;
}
.timeline-post-cat {
display: inline-block;
font-weight: 700;
}
.timeline-post-cat a {
color: #525868;
}
.timeline-post-title {
color: #525868;
font-weight: 400;
}
.timeline-post-title a{
color: #525868;
}
.timeline-post-cat a:hover {
text-decoration: underline;
}
.timeline-post-title a:hover {
text-decoration: underline;
}
/*post on category page event*/
.category-event-box {
margin-bottom: 25px;
}
.category-event-box-content {
font-size: 0px;
border-style: solid;
border-color: #e0e0e0;
border-width: 2px;
position: relative;
}
.category-event-box-description {
display: inline-block;
vertical-align: top;
font-size: 14px;
color: #525868;
padding: 20px 20px 50px 20px;
width: 73%;
}
.category-event-box-img {
display: inline-block;
vertical-align: top;
width: 27%;
}
.category-event-box-img img {
border-style: solid;
border-color: #e0e0e0;
border-width: 0px 0px 0px 2px;
}
.category-event-box-content .event-data_show {
bottom: 0;
left: 0;
margin-bottom: 0;
position: absolute;
right: 0;
width: 73%;
}
.category-event-box-content .event-data_show.full {
width: 100%;
}
.category-event-box-title {
font-weight: 700;
line-height: 1.2;
margin-bottom: 5px;
color: #525868;
}
.category-event-box-title a {
color: #525868;
}
.category-event-box-title a:hover {
text-decoration: underline;
}
.category-event-box-organizator {
font-weight: 700;
line-height: 1.2;
}
.category-event-box-link {
line-height: 1.2;
}
.category-event-box-link-label {
font-weight: 700;
}
.category-event-box-link a {
color: #525868;
}
.category-event-box-link a:hover {
text-decoration: underline;
}
/**
* 14.0 - Issue show - Fixed-bar
* -----------------------------------------------------------------------------
*/
.issue-show-link {
display: block;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background-color: #ec5b0c;
font-size: 0;
text-align: center;
padding: 7px 0;
z-index: 999;
}
.single-issue-show .issue-show-link {
z-index: 9999;
}
.issue-show-link > * {
display: inline-block;
vertical-align: middle;
}
.issue-show-link p {
margin: 0 20px;
font-size: 16px;
font-weight: 700;
color: #fff;
}
.issue-show-link.active .inactive,
.issue-show-link .active {
display: none;
}
.issue-show-link.active .active {
display: inline-block;
}
/**
* 15.0 - Reklamy
* -----------------------------------------------------------------------------
*/
.banners {
display: flex;
flex-wrap: nowrap;
justify-content: center;
margin: 0 auto;
max-width: 100%;
width: 1308px;
text-align: center;
}
.banners .banner-full {
padding-left: 10px;
}
.banners .banner-full:first-child {
padding-left: 0;
}
.banner-full {
margin: 0 auto 25px;
max-width: 100%;
width: 1308px;
text-align: center;
}
.banner-full:after {
content: 'advertisement';
display: block;
margin-top: 6px;
text-transform: uppercase;
text-align: center;
color: #bebbbb;
font-size: 10px;
font-weight: 300;
line-height: 1;
}
.banner-full-content {
border: 1px solid #e0e0e0;
display: inline-block;
}
.banner-sidebar {
}
.banner-sidebar:after {
content: 'advertisement';
display: block;
margin-top: 6px;
text-transform: uppercase;
text-align: center;
color: #bebbbb;
font-size: 10px;
font-weight: 300;
line-height: 1;
}
.banner-sidebar-content {
border: 1px solid #e0e0e0;
}
.banner-category {
/*margin-bottom: 10px;*/
margin: 25px auto 25px;
max-width: 100%;
/*text-align: center;*/
width: 1200px;
text-align: center;
}
.banner-category:after {
content: 'advertisement';
display: block;
margin-top: 6px;
text-transform: uppercase;
text-align: center;
color: #bebbbb;
font-size: 10px;
font-weight: 300;
line-height: 1;
}
.banner-category-content {
border: 1px solid #e0e0e0;
display: inline-block;
width: 100%;
overflow: hidden;
}
/* ustawienie marginesu dla drukowanej strony rozmiar itd. */
@page {
size: A4;
}
.newsletters .newsletters-acknowledgement p {
border: 2px solid #525868;
font-weight: 600;
padding: 10px;
}
@media print {
/* All your print styles go here */
.top-categories, .main-header, .wydarzenia-box-header, .sidebars, .related-posts, .footer, .meta-edit, .sharedaddy, .scrollTo_top, .author-box-wrap, .one-column-box-sponsored, .one-column-box-img, .event-data_show img, .pdf-file-wrap, .sponsored-article, iframe { display: none !important; }
a, .one-column-box-date, .one-column-box-title h1, .event-data_show-text {color: #525868 !important;}
.shortcode-info-content {color: #454343 !important;}
.single-with-sidebar .single-content {width: 100% !important; display: block !important;}
.article-header h1, .one-column-box-title h1 { font-size: 26px !important; font-weight: 700 !important;}
.one-column-box-description {position: relative !important; font-weight: 700 !important;}
.one-column-box-date {position: relative !important; bottom: 0; right: 0; font-weight: 700 !important; margin-top: 15px;}
.one-column-box-category { margin-bottom: 15px;}
.article-header .one-column-box-description {padding: 0px !important; }
.blockquote, .event-data_show {padding: 0px !important;}
.shortcode-info {border: 1px solid #0e52ae;}
/*nie ucina tekstu przy Å‚Ä…czeniach kartek oraz wywala sieroty parents display:block; float: none;!!! */
p {
orphans: 3;
widows: 5;
page-break-inside: avoid;
}
img, blockquote, .shortcode-info {
page-break-inside: avoid;
}
}
/**
* 16.0 - Components
* -----------------------------------------------------------------------------
*/
/*TID*/
.tid {
color: #fff;
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
padding: 30px 0;
position: relative;
z-index: 0;
margin-bottom: 25px;
}
.tid .wrap {
width: 990px;
}
.tid-container {
text-align: center;
}
.tid-container .tid-top {
font-size: 0px;
}
.tid-container .tid-top .tid-logotype {
font-size: 0px;
display: inline-block;
vertical-align: middle;
}
.tid-container .tid-top .tid-logotype .tid-logo {
display: inline-block;
vertical-align: bottom;
margin-right: 15px;
}
.tid-container .tid-top .tid-logotype .tid-logo-text {
display: inline-block;
vertical-align: bottom;
font-size: 15px;
margin-bottom: 0px;
color: #02b6e4;
}
.tid-container .tid-top .tid-logotype .tid-logo-text p {
margin-bottom: 0px;
line-height: 1;
}
.tid-container .tid-top .tid-registration {
display: inline-block;
vertical-align: middle;
margin-left: 50px;
}
.tid-container .tid-subtitles {
font-size: 0px;
margin-top: 30px;
}
.tid-container .tid-subtitles .subtitle {
font-size: 14px;
text-transform: uppercase;
color: #02b6e4;
display: inline-block;
vertical-align: middle;
margin-right: 30px;
}
.tid-container .tid-subtitles .subtitle p {
margin-bottom: 0px;
}
.tid-container .tid-subtitles .subtitle:last-child {
margin-right: 0px;
}
.tid-container .tid-description {
font-size: 20px;
margin-top: 5px;
font-weight: 700;
}
.tid-container .tid-prelegenci {
font-size: 0px;
margin-top: 30px;
}
.tid-container .tid-prelegenci .tid-prelegenci-title {
font-size: 12px;
text-transform: uppercase;
}
.tid-container .tid-prelegenci .prelegent {
display: inline-block;
vertical-align: top;
width: 50%;
margin-top: 10px;
font-size: 0px;
}
.tid-container .tid-prelegenci .prelegent .prelegent-image {
display: inline-block;
vertical-align: top;
}
.tid-container .tid-prelegenci .prelegent .prelegent-container {
display: inline-block;
vertical-align: top;
margin-left: -104px;
width: 100%;
padding: 0px 25px 0px 119px;
text-align: left;
}
.tid-container .tid-prelegenci .prelegent .prelegent-container .prelegent-name {
font-size: 16px;
text-transform: uppercase;
color: #02b6e4;
line-height: 1;
}
.tid-container .tid-prelegenci .prelegent .prelegent-container .prelegent-name p {
margin-bottom: 10px;
}
.tid-container .tid-prelegenci .prelegent .prelegent-container .prelegent-description {
font-size: 12px;
}
.tid-footer {
font-size: 0px;
margin-top: 20px;
}
.tid-footer .tid-footer-left {
width: 54%;
margin-right: 6%;
display: inline-block;
vertical-align: top;
}
.tid-footer .tid-footer-left .tid-organizatorzy {
font-size: 0px;
}
.tid-footer .tid-footer-left .tid-organizatorzy .tid-organizatorzy-title {
font-size: 12px;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
}
.tid-footer .tid-footer-left .tid-organizatorzy .organizator {
display: inline-block;
vertical-align: middle;
margin-left: 30px;
}
.tid-footer .tid-footer-left .tid-organizatorzy .organizator:first-child {
margin-left: 20px;
}
.tid-footer .tid-footer-left .tid-organizatorzy .organizator .organizator-image {
}
.tid-footer .tid-footer-left .tid-organizatorzy .organizator .organizator-image img {
}
.tid-footer .tid-footer-right {
width: 40%;
display: inline-block;
vertical-align: top;
text-align: right;
}
.tid-footer .tid-footer-right .tid-socials {
font-size: 0px;
display: inline-block;
vertical-align: middle;
}
.tid-footer .tid-footer-right .tid-socials .social {
margin-right: 20px;
}
.tid-footer .tid-footer-right .tid-socials .social:hover {
opacity: 0.6;
}
.tid-footer .tid-footer-right .link-to-tid {
display: inline-block;
vertical-align: middle;
font-size: 14px;
font-weight: 600;
color: #fff;
}
.tid-footer .tid-footer-right .link-to-tid:hover {
text-decoration: underline;
}
.tid .btn {
display: inline-block;
transition-duration: 0.3s;
cursor: pointer;
text-align: center;
text-transform: uppercase;
line-height: 1;
font-weight: 700;
position: relative;
overflow: visible;
padding: 14px 14px;
font-size: 12px;
border: 0;
background: linear-gradient(to bottom,#02b6e4 0%,#1670fa 100%);
color: #fff;
}
.tid .btn:before {
content: '';
position: absolute;
top: -7px;
left: -7px;
bottom: 7px;
right: 7px;
z-index: -1;
border-width: 2px;
border-style: solid;
border-color: #fff;
}
.tid .btn:hover {
background: linear-gradient(to bottom,#1670fa 0%,#02b6e4 100%);
}
@media only all and (max-width : 669px) {
.tid-container .tid-top .tid-logotype {
display: block;
}
.tid-container .tid-top .tid-registration {
display: block;
margin-top: 30px;
margin-left: 0px;
}
.tid-container .tid-prelegenci .prelegent {
width: 100%;
display: block;
}
.tid-container .tid-prelegenci .prelegent .prelegent-container {
padding: 0px 0px 25px 119px
}
.tid-footer .tid-footer-left {
display: block;
width: 100%;
}
.tid-footer .tid-footer-right {
display: block;
width: 100%;
text-align: left;
margin-top: 30px;
}
}
@media only all and (max-width : 479px) {
.tid-container .tid-top .tid-logotype .tid-logo {
margin-right: 0px;
display: block;
}
.tid-container .tid-top .tid-logotype .tid-logo-text {
display: block;
margin-top: 10px;
}
.tid-container .tid-subtitles .subtitle {
display: block;
margin-right: 0px;
}
.tid-footer .tid-footer-left .tid-organizatorzy .tid-organizatorzy-title {
display: block;
text-align: center;
}
.tid-footer .tid-footer-left .tid-organizatorzy .organizator {
display: block;
margin-left: 0px;
margin-top: 10px;
text-align: center;
}
.tid-footer .tid-footer-right {
text-align: center;
}
.tid-footer .tid-footer-right .link-to-tid {
margin-top: 10px;
}
}
/*END TID*/
/*NEWSLETTER*/
.newsletters-subscribe-form .newsletters-fieldholder > br {
display: none;
}
.newsletters-subscribe-form .newsletters-fieldholder select {
width: 300px !important;
max-width: 100%;
}
.newsletters-subscribe-form .newsletters-fieldholder input[type="text"] {
width: 300px !important;
max-width: 100%;
}
/*END NEWSLETTER*/
/*HOTOROBOT*/
.strefa-promo-cat .hotorobot {
margin-bottom: 12px;
}
#strefa-promo .hotorobot {
margin-top: 12px;
}
.hotorobot {
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
padding: 15px 30px;
}
.hotorobot p:last-child {
margin-bottom: 0px !important;
}
.hotorobot .hotorobot-top {
display: flex;
align-items: center;
}
@media only all and (max-width : 750px) {
.hotorobot .hotorobot-top {
flex-direction: column;
}
}
.hotorobot .hotorobot-top .logo {
margin-right: 25px;
}
.hotorobot .hotorobot-top .description {
flex: 1;
}
@media only all and (max-width : 750px) {
.hotorobot .hotorobot-top .description {
margin-top: 15px;
}
}
.hotorobot .hotorobot-top .description .text-1 {
font-size: 30px;
font-weight: 900;
line-height: 1.2;
}
@media only all and (max-width : 1000px) {
.hotorobot .hotorobot-top .description .text-1 {
font-size: 24px;
}
}
@media only all and (max-width : 750px) {
.hotorobot .hotorobot-top .description .text-1 {
text-align: center;
}
}
.hotorobot .hotorobot-top .description .text-2 {
margin-top: 5px;
font-size: 20px;
font-weight: 600;
line-height: 1.2;
color: #548FA9;
}
@media only all and (max-width : 1000px) {
.hotorobot .hotorobot-top .description .text-2 {
font-size: 18px;
}
}
@media only all and (max-width : 750px) {
.hotorobot .hotorobot-top .description .text-2 {
text-align: center;
}
}
.hotorobot .hotorobot-center {
margin-top: 20px;
display: flex;
align-items: center;
}
@media only all and (max-width : 900px) {
.hotorobot .hotorobot-center {
flex-direction: column;
}
}
.hotorobot .hotorobot-center .icons {
display: flex;
align-items: center;
margin: -15px;
}
@media only all and (max-width : 1200px) {
.hotorobot .hotorobot-center .icons {
flex-wrap: wrap;
}
}
@media only all and (max-width : 480px) {
.hotorobot .hotorobot-center .icons {
flex-direction: column;
}
}
.hotorobot .hotorobot-center .icons .icon {
display: flex;
align-items: center;
padding: 15px;
}
@media only all and (max-width : 1100px) {
.hotorobot .hotorobot-center .icons .icon {
width: calc( 100% / 3 );
}
}
@media only all and (max-width : 650px) {
.hotorobot .hotorobot-center .icons .icon {
width: 50%;
}
}
@media only all and (max-width : 480px) {
.hotorobot .hotorobot-center .icons .icon {
width: 100%;
}
}
.hotorobot .hotorobot-center .icons .icon img {
width: 40px;
height: 40px;
margin-right: 10px;
}
.hotorobot .hotorobot-center .icons .icon span {
font-size: 16px;
font-weight: 500;
line-height: 1.2;
color: #086B90;
}
.hotorobot .hotorobot-center .button {
background-color: #8C7427;
padding: 10px 40px;
border-radius: 5px;
text-align: center;
margin-left: 20px;
cursor: pointer;
}
@media only all and (max-width : 900px) {
.hotorobot .hotorobot-center .button {
margin-top: 15px;
margin-left: 0px;
}
}
.hotorobot .hotorobot-center .button span {
font-size: 19px;
font-weight: 600;
line-height: 1.2;
color: #ffffff;
white-space: nowrap;
}
.hotorobot .hotorobot-center .button:hover {
background-color: #ec5b0c;
color: #ffffff;
}
.hotorobot .hotorobot-bottom {
margin-top: 20px;
font-weight: 500;
}
/*END HOTOROBOT*/